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

/* Mix-ins */
.liststyle() {
	list-style: none;
	margin: 0;
	padding: 0;
}
.roundbox( @radius: 5px) {
	border-radius: @radius;
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
}
.tabradius( @radius: 4px ){
    border-radius: @radius @radius 0 0;
    -moz-border-radius: @radius @radius 0 0;
    -webkit-border-radius: @radius @radius 0 0;
}
.startTranslucent() {
    background:rgb(0,0,0);
    background:rgba(0,0,0,0.5);
    -ms-filter:alpha(opacity=50);
    filter:alpha(opacity=50);
}
.stopTranslucent() {
    position: relative;
}

/* Global styles */
body {
	font:13px arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	* {
			line-height:1.5em;
	}
}

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

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

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

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/* Menu styles */
#menu {
	ul {
		.liststyle;
		ul {
			display: none;
			float: left;
			position: absolute;
			width: 188px;
			border: 1px solid #000;
			background: #3c3c3c;
			z-index: 99999;
			li {		
				position: relative;
			}
			ul {
				left: 100%;
				top: -1px;
			}
		}
		li {
			&:hover {
				> ul {
					display: block;
				}
			}
		}
	}
	ol {
		.liststyle;
	}
}

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

/* Calendar styles */
#calendar_wrap {
	padding: 15px;
}

#wp-calendar {
	width: 90%;
	margin: 0 auto;
	caption {
		font-weight: bold;
		text-align: center;
		margin-bottom: 10px;
	}
	th {
		border-bottom: 1px solid;
	}
	td#today {
		font-weight: bold;
	}
}

/* Notification styles */
.notification,
.category-notification,
.alert,
.category-alert,
.warning,
.category-warning,
.sticky,
.message,
.information{
	.roundbox;
}

/* Content div */
#lb-content {
	padding-left: 20px;
	padding-right: 20px;
	p {
		padding-bottom: 0.7em;
	}
	div.post {
		margin-bottom: 2em;
		margin-top: 1em;
	}
	img.wp-post-image {
		margin: 0 auto;
		display: block;
		padding-top: 0.5em;
		padding-bottom: 0.4em;
	}
	img {
		max-width: 100%;
	}
	h1, h2 {
		&.posttitle {
			font-size: 2em;
			font-weight: bold;
			padding-bottom: 0.5em;
		}
	}
}

.itemtext, .comment-body {
	h2, h3, h4, h5, h6 {
		font-weight: bold;
		clear: both;
	}
	h2 {
		font-size: 1.8em;
	}
	h3 {
		font-size: 1.6em;
	}
	h4 {
		font-size: 1.4em;
	}
	h5 {
		font-size: 1.2em;
	}
	h6 {
		font-size: 1.0em;
	}
	table {
		width: 95%;
		margin: 0 auto;
		th {
			text-transform: uppercase;
			text-align: left;
		}
		tr {
			td {
				border-top: 1px solid #bbb;
				padding: 5px 10px 5px 10px;
			}
		}
		ul {
			list-style-type: disc;
			margin-left: 22px;
			ul {
				list-style-type: circle;
				ul {
					list-style-type: square;
				}
			}
		}
		ol {
			list-style-type: decimal;
			margin-left: 22px;
			ol {
				list-style-type: lower-latin;
				ol {
					list-style-type: lower-roman;
				}
			}
		}
		abbr, dfn, acronym {
			border-bottom-style: dotted;
			cursor: help;
			border-bottom-width: 1px;
		}
		pre {
			padding: 5px 20px 5px 20px;
			margin-left: 20px;
			background: #eee;
		}
		strong {
			font-weight: bold;
		}
	}
}

/*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;
}

@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.