elbee-elgee / styles / less / ng2.less

/* Imports */
@import "../../layouts/less/master.less";
/*@import "@{themeurl}/layouts/less/@{layout}.less";*/
@import "ng2-base.less";

/* Mix-ins */
.menulinkl() {
	color: #000;
}
.menulinka(){
	background: #fff;
	color: #0971B3;
}

/* Global styles */
body {
	background-color: #efefef;
}

a {
	&:link, &:visited {
		color: #0971B3;
		text-decoration: none;
	}
	&:active, &:hover {
		text-decoration: underline;
	}
}

/* Structural styles */
div {
	&#container {
		border: 1px solid #333;
	}
	&#allwrapper {
		margin: 0 auto;
		overflow: auto;
		background-color: #fff;
		border-bottom-style: none;
		padding: 10px;
	}
	&#footerwrapper {
		width: @containerwidth;
		margin: 0 auto;
		background: #fff;
	}
	&#footer {
		background: #333;
	}
}

/* Header styles */
#header {
	height: 200px;
	overflow: hidden;
	p.description {
		font-style: italic;
		font-size: 1.2em;
		margin-left: 1.5em;
		color: #eee;
	}
	h1 {
		margin-left: 0.75em;
	}
	h1, p.blogtitle {
		font-size: 3.5em;
		font-weight: bold;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		margin-top: 20px;
		a {
			&:link, &:visited {
				color: #fff;
				text-decoration: none;
				vertical-align: baseline;
				text-shadow: #000 2px 2px 1px;
			}
		}
	}
}
#titledesc {
    width: 50%;
    height: 100%;
    float: left;
    vertical-align: bottom;
    background:rgb(0,0,0);
    background:rgba(0,0,0,0.5);
    -ms-filter:alpha(opacity=50);
    filter:alpha(opacity=50);
}
#blogtitle {
    width: 50%;
}

/* Menu styles */
#menu, div.menu {
	border-color: #000;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #3c3c3c;
	width: 100%;
	margin: 0 auto;
	float: none;
	> ul {
		> li {
			> a {
				&:link, &:visited {
					padding: 5px 10px;
					color: #fff;
					text-decoration: none;
					font-weight: bold;
				}
				&:active, &:hover {
					.menulinka;
				}
			}
		}
	}
}
#menu {
	li.current_page_item {
		background: #fff;
		> a {
			&:link, &:visited {
				.menulinkl;
			}
			&:hover, &:active {
				.menulinka;
			}
		}
	}
}
div.menu {
	li.current-menu-item {
		> a {
			&:link, &:visited {
				.menulinkl;
			}
		}
	}	
}

/* BuddyPress-specific menu styles */
#lb-bp-nav {
	width: 50%;
	height: 100%;
	float: right;
	text-align: right;
	position: relative;
	ul.menu, div.menu {
		width: 100%;
		position: absolute;
		bottom: 0px;
		margin-bottom: 0;
		padding-left: 0;
		background: transparent;
	}
	ul.menu {
		> li {
			display: inline-block;
			background: #000;
			margin-right: 5px;
			padding-top: 5px;
			font-weight: bold;
			height: 100%;
			overflow: hidden;
			.tabradius;
			a {
				&:link, &:visited {
				    padding: 1em;
				    text-decoration: none;
				}
				&:hover, &:active {
					padding: 1em;
					background: #fff;
				}
			}
		}
		> li.current-menu-item {
			background: #fff;
			a {
				&:link, &:visited {
					.menulinkl;
				}
				&:active, &:hover {
					.menulinka;
				}
			}
		}
	}
	div.menu ul {
		li {
		    display: inline-block;
		    background: #000;
		    margin-right: 5px;
		    padding-top: 5px;
		    font-weight: bold;
		    height: 100%;
		    overflow: hidden;
			.tabradius;
			a {
				&:link, &:visited {
				    padding: 1em;
				    text-decoration: none;
				}
				&:hover, &:active {
					padding: 1em;
					background: #fff;
				}
			}
		}
		li.current-menu-item {
			background: #fff;
			a {
				&:link, &:visited {
					.menulinkl;
				}
				&:active, &:hover {
					.menulinka;
				}
			}
		}
	}
}
#lb-bp-search-bar {
    margin-top: 20px;
    margin-right: 10px;
    height: 25px;
}

/* Comments styles */
.commentlist {
	div.comment-author {
	    display: inline;
	    font-size: 1.5em;
	}
	span.comment-date {
	    font-size: 0.8em;
	}
	div.reply {
	    clear: both;
	    text-align: right;
	}
	> {
	    li {
	        border-top: 1px solid #1a1c1d;
	    }
	    li.even {
	        background: #f6f6f6;
	    }
	}
	div.comment-body {
	    margin-left: 5px;
	}
	div.comment-meta {
	    float: right;
	    font-size: 0.8em;
	}
	li.depth-2, li.depth-3, li.depth-4 {
	    border-left: 1px solid #1a1c1d;
	}
	li.comment,li.pingback,li.trackback {
	    clear: both;
	    margin-top: 15px;
	    padding-top: 10px;
	}
	img.gravatar,img.avatar {
	    float:  left;
	    background-color: #fff;
	    border: 1px solid #3c3c3c;
	}
}

/* Content styles */
#lb-content {
    dd {
        padding-left: 1em;
    }
    dt {
        font-weight: bold;
    }
    dl {
        padding-left: 1em;
        padding-top: 1em;
    }
}
.itemtext, .comment-body {
	blockquote {
		padding: 5px 15px 0 15px;
		margin-bottom: 10px;
		background: #eee;
		font-style: italic;
	}
}
span {
	.postmeta, .postcats, .posttags {
		clear: both;
		display: block;
	}
}
div.postinfo {
    margin: 10px 0 10px 0;
    padding: 5px 0 0 5px;
}

/* Sidebar styles */
#primarysb, #secondarysb, #footerleft, #footerright {
	h4 {
		background-color: #333;
		width: 97%;
		color: #fff;
		padding: 3px;
		margin: 0;
	}
	ul, ol {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	> ul {
		> li {
			border: 3px solid #eee;
			padding: 4px;
			margin:4px;
			overflow: auto;
		}
	}
}

p.form-allowed-tags {
    font-size: 0.8em;
}

h2#comments {
    font-weight: bold;
    font-size: 1.4em;
}

.icon-folder-close {
	clear: left;
}
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.