Source

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

Diff from to

styles/less/ng2-base.less

-#menu {
-	ul, ol {
-		list-style: none;
-		margin: 0;
-		padding: 0;
+/* 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;
 	}
 }
-ol.commentlist {
-    ul.children {
-        margin-left: 20px;
-    }
+
+table {
+	font-size:inherit;
+	font:100%;
 }
-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;
+
+select,
+input,
+textarea {
+	font:99% arial,helvetica,clean,sans-serif;
 }
-/*height: {
-    auto; {
-        div#header h1,div#header p.blogtitle;
-    }
+
+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;
+	}
 }*/
-.itemtext ol ol ol,.comment-body ol ol ol {
-    list-style-type: lower-roman;
-}
-.itemtext table,.comment-body table {
-    width: 95%;
-    margin: 0 auto;
-}
-.itemtext pre,.comment-body pre {
-    padding: 5px 20px 5px 20px;
-    margin-left: 20px;
-    background: #eee;
-}
-.itemtext ol ol,.comment-body ol ol {
-    list-style-type: lower-latin;
-}
-.itemtext ul ul,.comment-body ul ul {
-    list-style-type: circle;
-}
-.itemtext table tr td,.comment-body table tr td {
-    border-top: 1px solid #bbb;
-    padding: 5px 10px 5px 10px;
-}
-.itemtext h5,.comment-body h5 {
-    font-size: 1.2em;
-}
-.itemtext h2,.comment-body h2 {
-    font-size: 1.8em;
-}
-strong {
-    font-weight: bold;
-}
-width: {
-    100%;clear: {
-        both;height: {
-            auto; {
-                #header p.description;
-            }
-        }
-    }
-    100%;float: {
-        none;text-align: {
-            left; {
-                #lb-bp-search-bar;
-            }
-        }
-    }
-    auto; {
-        div#titledesc;
-    }
-}
-.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;
-}
-#menu {
-    ul {
-        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;
-                }
-            }
-        }
-    }
-}
-@media {
-    screen {
-        and {
-            (max-width: {
-                700px) {
-                    div#header;
-                }
-                980px) {
-                    div#container,div#lb-content,div#primarysb,div#secondarysb;
-                }
-                480px) {
-                    div#container,div#lb-content;
-                }
-            }
-        }
-    }
-}
-.itemtext ul,.comment-body ul {
-    list-style-type: disc;
-    margin-left: 22px;
-}
-#wp-calendar {
-    width: 90%;
-    margin: 0 auto;
-    th {
-        border-bottom: 1px solid;
-    }
-    td#today {
-        font-weight: bold;
-    }
-    caption {
-        font-weight: bold;
-        text-align: center;
-        margin-bottom: 10px;
-    }
-}
-ul.sub-menu li a:link,ul.sub-menu li a:visited {
-    padding: 10px 10px;
-    color: #fff;
-    text-decoration: none;
-    font-weight: bold;
-}
-pre,code {
-    font:115% monospace;
-    *font-size:100%;
-}
-select,input,textarea {
-    font:99% arial,helvetica,clean,sans-serif;
-}
-body {
-    font:13px arial,helvetica,clean,sans-serif;
-    *font-size:small;
-    *font:x-small;
-    * {
-        line-height:1.5em;
-    }
-}
-margin-top: {
-    5px;font-size: {
-        2.5em; {
-            #blogtitle;
-        }
-    }
-}
-#calendar_wrap {
-    padding: 15px;
-}
-ul.sub-menu li a:hover,ul.sub-menu li a:active {
-    background: #fff;
-    color: #0971B3;
-}
-height:auto; {
-    div#lb-bp-nav ul.menu;
-}
-.itemtext strong,.comment-body strong {
-    font-weight: bold;
-}
-.itemtext ol,.comment-body ol {
-    list-style-type: decimal;
-    margin-left: 22px;
-}
-.itemtext table th,.comment-body table th {
-    text-transform: uppercase;
-    text-align: left;
-}
-.itemtext h6,.comment-body h6 {
-    font-size: 1.0em;
-}
-display: {
-    none; {
-        div#lb-bp-nav;
-    }
-}
-width:auto;float:none; {
-    div#footer,div#footerwrapper,div#footerleft,div#footerright div#primarysb,div#secondarysb,div#footerwrapper,div#footer;
-}
-.itemtext h4,.comment-body h4 {
-    font-size: 1.4em;
-}
-.itemtext h3,.comment-body h3,h3#reply-title {
-    font-size: 1.6em;
-}
-.notification,.category-notification,.alert,.category-alert,.warning,.category-warning,.sticky,.message,.information {
-    border-radius: 5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-}
-em {
-    font-style: italic;
-}
-#lb-content {
-    padding-left: 20px;
-    padding-right: 20px;
-    p {
-        padding-bottom: 0.7em;
-    }
-    img.wp-post-image {
-        margin: 0 auto;
-        display: block;
-        padding-top: 0.5em;
-        padding-bottom: 0.4em;
-    }
-    div.post {
-        margin-bottom: 2em;
-        margin-top: 1em;
-    }
-    img {
-        max-width: 100%;
-    }
-}
-.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 ul ul ul,.comment-body ul ul ul {
-    list-style-type: square;
-}
-table {
-    font-size:inherit;
-    font:100%;
-}
+
+/* @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.