elbee-elgee / styles / less / ng-base.less

/* @group Fonts set */

body {
	font:@bodyfontsize arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

table {
	font-size:inherit;
	font:100%;
}

select,
input,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

pre,
code {
	font:115% monospace;
	*font-size:100%;
}

body * {
	line-height:1.5em;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}
/* @end */

/* @group Menu elements */
#menu ul,
#menu ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul ul {
	display: none;
	float: left;
	position: absolute;
	width: 188px;
	border: 1px solid #000;
	background: #3c3c3c;
	z-index: 99999;
}

#menu ul ul li {
	position: relative;
}

#menu ul li:hover > ul {
	display: block;
}

#menu ul ul ul {
	left: 100%;
	top: -1px;
}

ul.sub-menu li a:link,
ul.sub-menu li a:visited {
	padding: 10px 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

ul.sub-menu li a:hover,
ul.sub-menu li a:active {
	background: #fff;
	color: #0971B3;
}
/* @end */

/* @group Calendar elements */
#calendar_wrap {
	padding: 15px;
}

#wp-calendar {
	width: 90%;
	margin: 0 auto;
}

#wp-calendar caption {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

#wp-calendar th {
	border-bottom: 1px solid;
}

#wp-calendar td#today {
	font-weight: bold;
}

/* @end */

/* @group Special Info Post Classes */

.notification,
.category-notification,
.alert,
.category-alert,
.warning,
.category-warning,
.sticky,
.message,
.information{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* @end */

/* @group Content Elements */
body.home-page #lb-content h2,
body.home #lb-content h2,
body.single #lb-content h1,
body.page #lb-content h1,
body.error404 #lb-content h1,
h1.entry-title,
body.archive #lb-content h2 {
	font-size: 2em;
	font-weight: bold;
	padding-bottom: 0.5em;
}

.itemtext h2,
.itemtext h3,
.itemtext h4,
.itemtext h5,
.itemtext h6,
.comment-body h2,
.comment-body h3,
.comment-body h4,
.comment-body h5,
.comment-body h6 {
	font-weight: bold;
	clear: both;
}

.itemtext h2,
.comment-body h2 {
	font-size: 1.8em;
}

.itemtext h3,
.comment-body h3,
h3#reply-title {
	font-size: 1.6em;
}

.itemtext h4,
.comment-body h4 {
	font-size: 1.4em;
}

.itemtext h5,
.comment-body h5 {
	font-size: 1.2em;
}

.itemtext h6,
.comment-body h6 {
	font-size: 1.0em;
}


.itemtext table,
.comment-body table {
	width: 95%;
	margin: 0 auto;
}

.itemtext table th,
.comment-body table th {
	text-transform: uppercase;
	text-align: left;
}

.itemtext table tr td,
.comment-body table tr td {
	border-top: 1px solid #bbb;
	padding: 5px 10px 5px 10px;
}

ol.commentlist ul.children{
	margin-left: 20px;
}

.itemtext ul,
.comment-body ul {
	list-style-type: disc;
	margin-left: 22px;
}

.itemtext ul ul,
.comment-body ul ul {
	list-style-type: circle;
}

.itemtext ul ul ul,
.comment-body ul ul ul {
	list-style-type: square;
}

.itemtext ol,
 .comment-body ol {
	list-style-type: decimal;
	margin-left: 22px;
}

.itemtext ol ol,
.comment-body ol ol {
	list-style-type: lower-latin;
}

.itemtext ol ol ol,
.comment-body ol ol ol {
	list-style-type: lower-roman;
}

.itemtext abbr,
.itemtext dfn,
.itemtext acronym,
.comment-body abbr,
.comment-body dfn,
.comment-body acronym {
	border-bottom-style: dotted;
	cursor: help;
	border-bottom-width: 1px;
}

.itemtext pre,
.comment-body pre {
	padding: 5px 20px 5px 20px;
	margin-left: 20px;
	background: #eee;
} 

.itemtext strong,
.comment-body strong{
	font-weight: bold;
}

#lb-content {
	padding-left: 20px;
	padding-right: 20px;
}

#lb-content p {
	padding-bottom: 0.7em;
}

#lb-content div.post {
	margin-bottom: 2em;
	margin-top: 1em;
}

#lb-content img.wp-post-image {
	margin: 0 auto;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.4em;
}

#lb-content img {
	max-width: 100%;
}

/* @end */

/* @group Responsive */
@media screen and (max-width: 980px) {
	div#container,
	div#lb-content,
	div#primarysb,
	div#secondarysb {
		width:auto;
		float:none;
	}
	div#footer,
	div#footerwrapper,
	div#footerleft,
	div#footerright {
		width:auto !important;
		clear:none;
		float:none
	}
}

@media screen and (max-width: 700px) {
	div#header{
		height: auto;
	}
	
	div#header h1,
	div#header p.blogtitle {
		margin-top: 5px;
		font-size: 2.5em;
	}
	
	#blogtitle {
		width: auto;
	}
	
	div#titledesc {
		width: 100%;
		clear: both;
		height: auto;
	}
	
	#header p.description{
		display: none;
	}
	
	div#lb-bp-nav {
		width: 100%;
		float: none;
		text-align: left;
	}
	#lb-bp-search-bar {
		height:auto;
	}
	
	div#lb-bp-nav ul.menu {
		margin-top: 0 auto;
	}
}

@media screen and (max-width: 480px){
	div#container,
	div#lb-content{
		width:auto;
		float:none;
	}
	
	div#primarysb,
	div#secondarysb,
	div#footerwrapper,
	div#footer {
		display:none;
	}
}

/* @end */
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.