Doug Stewart avatar Doug Stewart committed a6259b3

LESS is more.

Comments (0)

Files changed (2)

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

styles/less/ng.less

+@import url("ng-base.less");
+@import url("../includes/css/normalize.css/normalize.css");
+
+/*
+ @group Page-wide defaults
+*/
+body{
+	background-color: #efefef;
+}
+
+a:link,
+a:visited{
+	color: #0971B3;
+	text-decoration: none;
+}
+
+a:active,
+a:hover{
+	text-decoration: underline;
+}
+
+.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;
+}
+
+#lb-content dl {
+	padding-left: 1em;
+	padding-top: 1em;
+}
+
+#lb-content dt {
+	font-weight: bold;
+}
+
+#lb-content dd {
+	padding-left: 1em;
+}
+
+/* @end */
+
+div#container {
+	border: 1px solid #333;
+}
+
+/* @group Header Elements */
+#header {
+	height: 200px;
+	overflow: hidden;
+}
+
+#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);
+}
+
+#header h1,
+#header p.blogtitle{
+	font-size: 3.5em;
+	font-weight: bold;
+	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+	margin-top: 20px;
+}
+
+#header h1 {
+	margin-left: 0.75em;
+}
+
+#header h1 a:link,
+#header h1 a:visited,
+#header p.blogtitle a:link,
+#header p.blogtitle a:visited {
+	color: #fff;
+	text-decoration: none;
+	vertical-align: baseline;
+	text-shadow: #000 2px 2px 1px;
+}
+
+#header h1 a:hover,
+#header h1 a:active{
+}
+
+#blogtitle{
+	width: 50%;
+}
+
+#header p.description {
+	font-style: italic;
+	font-size: 1.2em;
+	margin-left: 1.5em;
+	color: #eee;
+}
+
+/* @end */
+
+/* @group BuddyPress Menu Elements */
+
+#lb-bp-nav {
+	width: 50%;
+	height: 100%;
+	float: right;
+	text-align: right;
+	position: relative;
+}
+
+#lb-bp-nav .menu {
+	width: 100%;
+	position: absolute;
+	bottom: 0px;
+	margin-bottom: 0;
+	padding-left: 0;
+}
+
+#lb-bp-nav ul.menu > li,
+#lb-bp-nav div.menu li {
+	display: inline-block;
+	background: #000;
+	margin-right: 5px;
+	padding-top: 5px;
+	font-weight: bold;
+	height: 100%;
+	overflow: hidden;
+	border-radius: 4px 4px 0 0;
+	-moz-border-radius: 4px 4px 0 0;
+	-webkit-border-radius: 4px 4px 0 0;
+}
+
+#lb-bp-nav ul.menu > li a:link,
+#lb-bp-nav ul.menu > li a:visited,
+#lb-bp-nav div.menu li a:link,
+#lb-bp-nav div.menu li a:visited {
+	padding: 1em;
+	text-decoration: none;
+}
+
+#lb-bp-nav ul.menu > li a:hover,
+#lb-bp-nav ul.menu > li a:active,
+#lb-bp-nav div.menu li a:hover,
+#lb-bp-nav div.menu li a:active {
+	padding: 1em;
+	background: #fff;
+}
+
+#lb-bp-search-bar {
+	margin-top: 20px;
+	margin-right: 10px;
+	height: 25px;
+}
+/* @end */
+
+
+/* @group Menu Elements */
+div#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;
+}
+
+#menu > ul > li > a:link,
+#menu > ul > li > a:visited,
+div.menu > ul > li > a:link,
+div.menu > ul > li > a:visited {
+	padding: 5px 10px;
+	color: #fff;
+	text-decoration: none;
+	font-weight: bold;
+}
+
+#menu > ul > li > a:active,
+#menu > ul > li > a:hover,
+div.menu > ul > li > a:active,
+div.menu > ul > li > a:hover {
+	background: #fff;
+	color: #0971B3;
+}
+
+#menu li.current_page_item,
+#lb-bp-nav ul.menu > li.current-menu-item,
+#lb-bp-nav div.menu li.current-menu-item  {
+	background: #fff;
+}
+
+#menu li.current_page_item > a:link,
+#menu li.current_page_item > a:visited,
+#lb-bp-nav ul.menu > li.current-menu-item a:link,
+#lb-bp-nav ul.menu > li.current-menu-item a:visited,
+#lb-bp-nav div.menu li.current-menu-item a:link,
+#lb-bp-nav div.menu li.current-menu-item a:visited {
+	color: #000;
+}
+
+#menu li.current_page_item a:hover,
+#menu li.current_page_item a:active,
+#lb-bp-nav ul.menu > li.current-menu-item a:active,
+#lb-bp-nav ul.menu > li.current-menu-item a:hover,
+#lb-bp-nav div.menu li.current-menu-item a:active,
+#lb-bp-nav div.menu li.current-menu-item a:hover {
+	background: #fff;
+	color: #0971B3;
+}
+
+/* @end */
+
+/* @group Wrapper Elements */
+div#allwrapper {
+	margin: 0 auto;
+	overflow: auto;
+	background-color: #fff;
+	border-bottom-style: none;
+	padding: 10px;
+}
+
+div#wrapper {
+	
+}
+
+/* @end */
+
+/* @group Postmeta elements */
+div.postinfo {
+	margin: 10px 0 10px 0;
+	padding: 5px 0 0 5px;
+}
+span.postmeta,
+span.postcats,
+span.posttags {
+	clear: both;
+	display: block;
+}
+/* @end */
+
+/* @group Content Elements */
+
+#lb-content{
+	
+}
+
+.itemtext blockquote,
+.comment-body blockquote {
+	padding: 5px 15px 0 15px;
+	margin-bottom: 10px;
+	background: #eee;
+	font-style: italic;
+}
+
+/* @end */
+
+/* @group Comment Elements */
+
+h2#comments {
+	font-weight: bold;
+	font-size: 1.4em;
+}
+
+.commentlist li.comment,
+.commentlist li.pingback,
+.commentlist li.trackback {
+	clear: both;
+	margin-top: 15px;
+	padding-top: 10px;
+}
+
+
+.commentlist > li {
+	border-top: 1px solid #1a1c1d;
+}
+
+.commentlist li.depth-2,
+.commentlist li.depth-3,
+.commentlist li.depth-4 {
+	border-left: 1px solid #1a1c1d;	
+}
+
+.commentlist > li.even {
+	background: #f6f6f6;
+}
+
+.commentlist > li.highlight {
+	/*background: #cddce5;*/
+}
+
+.commentlist img.gravatar,
+.commentlist img.avatar {
+	float:  left;
+	background-color: #fff;
+	border: 1px solid #3c3c3c;
+}
+
+.commentlist div.comment-meta {
+	float: right;
+	font-size: 0.8em;
+}
+
+.commentlist span.comment-date{
+	font-size: 0.8em;
+}
+
+.commentlist div.comment-author {
+	display: inline;
+	font-size: 1.5em;
+}
+
+.commentlist div.comment-body{
+	margin-left: 5px;
+}
+
+.commentlist div.reply{
+	clear: both;
+	text-align: right;
+}
+
+p.form-allowed-tags {
+	font-size: 0.8em;
+		
+}
+
+/* @end */
+
+/* @group Sidebar Elements */
+#primarysb ul,
+#primarysb ol,
+#secondarysb ul,
+#secondarysb ol,
+#footerleft ul,
+#footerleft ol,
+#footerright ul,
+#footerright ol {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+#primarysb > ul > li,
+#secondarysb > ul > li,
+#footerleft > ul > li,
+#footerright > ul > li {
+	border: 3px solid #eee;
+	padding: 4px;
+	margin:4px;
+	overflow: auto;
+}
+
+#primarysb h4,
+#secondarysb h4,
+#footerleft h4,
+#footerright h4 {
+	background-color: #333;
+	width: 97%;
+	color: #fff;
+	padding: 3px;
+	margin: 0;
+}
+
+/* @end */
+
+/* @group Footer Elements */
+div#footer {
+	background: #333;
+}
+div#footerwrapper {
+	width: 960px;
+	margin: 0 auto;
+	background: #fff;
+}
+
+/* @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.