background: #333;
color: white;
}
+#Changing{
+ padding-bottom:100px;
+}
+#Main{
+ color:#333;
+ background-color: white;
+}
+#Main >.wrapper{
+ padding-bottom:2em;
+}
+#Home #Main{
+ min-height:0;
+}
+#Changing a:hover,#Changing button:hover {
+ opacity:0.6;
+ text-decoration:none;
+}
+/* GLOBAL SITE NAV */
+#userLog{
+ z-index:2000;
+ position: fixed;
+ bottom: 0px;
+ right: 0px;
+}
+#userLog .log{
+ margin:0.3em;
+ -moz-box-shadow: 0px 0px 3px #000;
+ -webkit-box-shadow: 0px 0px 3px #000;
+ box-shadow: 0px 0px 3px #000;
+ border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;
+ text-align:center;
+ padding: 0.3em;
+ font-size:0.9em;
+ color:black;
+ background-color:orange;
+ border: 2px solid black;
+ background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
+}
+#userLog .log.info{
+ background-color:grey;
+ color:white;
+}
+#userLog .log.ok{
+ background-color:green;
+ border-color:black;
+ color:white;
+}
+#userLog .log.error{
+ background-color:orange;
+ border-color:yellow;
+}
+#main {}
+#mainLegend{
+ width:30%;
+ text-align:right;
+ float:right;
+ padding:1em;
+}
+
+
/****************************************************/
/**** metaNAV ****/
/****************************************************/
#metaNav .iconLabel {display:none;}
#metaNav ul li a span.nav-icon { display: inline-block; }
}
+
+#Footer{
+ border-top:2px solid #333;
+ background:#333;
+ color:white;
+ padding-top: 2em;
+}
+
+#Footer ul {
+}
+
+#Footer ul li {
+ padding-right: 2em;
+}
+
+#Footer a:hover {
+ opacity:0.6;
+}
/****************************************************/
/**** HEADER ****/
/****************************************************/
background-color:#eee;
color:#000;
}
+/****************************************************/
+/**** SCREEN NAV ****/
+#Nav{
+ background:#3333FF;
+}
+#Nav a:hover,#Nav button:hover {
+}
+#Nav nav{padding:0.1em;}
+/*#Nav form{background:#800000;}*/
+#Nav input{color:#333;}
+#Nav ul li button,
+#Nav ul li a {
+ border-width:0 0 2px 0;
+ border-style: solid;
+ border-color: transparent;
+}
+
+#Nav .active,#Nav .icon-check,#Nav .active *{
+ font-weight:bold;
+ background: white;
+ color:#3333FF;
+ padding:0.3em;
+}
+#Nav nav ul.columns {column-rule:2px solid #342E2E;-moz-column-rule:2px solid #342E2E;-webkit-column-rule:2px solid #342E2E;}
+
+#Nav nav{
+ margin:0;
+}
+#Nav h2{
+ margin:0;
+ padding:0;
+}
+#Nav nav ul{
+ margin:1em 0 1em 0;
+}
+
+#Nav li a{
+ display: inline-block;
+ padding: 0 0.5em 0 0.5em;
+}
+#Nav nav ul.distributed li {padding: 0;}
+
+#fiber-nav{
+ font-size:150%;
+ border-width:2px 0 2px 0;border-style:solid;
+}
+#fiber-nav li, #fiber-nav li a{
+ display:block;
+}
+#fiber-nav ul{
+ padding:0.5em;
+}
+#fiber-nav li a{
+ padding:0.5em;
+}
/****************************************************/
}
}
-/****************************************************/
-/**** #Changing #Footer ... ****/
-/****************************************************/
-#Changing{
- padding-bottom:100px;
-}
-#Main{
- color:#333;
- background-color: white;
-}
-#Main >.wrapper{
- padding-bottom:2em;
-}
-#Home #Main{
- min-height:0;
-}
-#Changing a:hover,#Changing button:hover {
- opacity:0.6;
- text-decoration:none;
-}
-/* GLOBAL SITE NAV */
-#userLog{
- z-index:2000;
- position: fixed;
- bottom: 0px;
- right: 0px;
-}
-#userLog .log{
- margin:0.3em;
- -moz-box-shadow: 0px 0px 3px #000;
- -webkit-box-shadow: 0px 0px 3px #000;
- box-shadow: 0px 0px 3px #000;
- border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;
- text-align:center;
- padding: 0.3em;
- font-size:0.9em;
- color:black;
- background-color:orange;
- border: 2px solid black;
- background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
-}
-#userLog .log.info{
- background-color:grey;
- color:white;
-}
-#userLog .log.ok{
- background-color:green;
- border-color:black;
- color:white;
-}
-#userLog .log.error{
- background-color:orange;
- border-color:yellow;
-}
-#main {}
-#mainLegend{
- width:30%;
- text-align:right;
- float:right;
- padding:1em;
-}
-
-#Footer{
- border-top:2px solid #333;
- background:#333;
- color:white;
- padding-top: 2em;
-}
-
-#Footer ul {
-}
-
-#Footer ul li {
- padding-right: 2em;
-}
-
-#Footer a:hover {
- opacity:0.6;
-}
-
-/****************************************************/
-/**** SCREEN NAV ****/
-#Nav{
- background:#3333FF;
-}
-#Nav a:hover,#Nav button:hover {
-}
-#Nav nav{padding:0.1em;}
-/*#Nav form{background:#800000;}*/
-#Nav input{color:#333;}
-#Nav ul li button,
-#Nav ul li a {
- border-width:0 0 2px 0;
- border-style: solid;
- border-color: transparent;
-}
-
-#Nav .active,#Nav .icon-check,#Nav .active *{
- font-weight:bold;
- background: white;
- color:#3333FF;
- padding:0.3em;
-}
-#Nav nav ul.columns {column-rule:2px solid #342E2E;-moz-column-rule:2px solid #342E2E;-webkit-column-rule:2px solid #342E2E;}
-
-#Nav nav{
- margin:0;
-}
-#Nav h2{
- margin:0;
- padding:0;
-}
-#Nav nav ul{
- margin:1em 0 1em 0;
-}
-
-#Nav li a{
- display: inline-block;
- padding: 0 0.5em 0 0.5em;
-}
-#Nav nav ul.distributed li {padding: 0;}
-
-#fiber-nav{
- font-size:150%;
- border-width:2px 0 2px 0;border-style:solid;
-}
-#fiber-nav li, #fiber-nav li a{
- display:block;
-}
-#fiber-nav ul{
- padding:0.5em;
-}
-#fiber-nav li a{
- padding:0.5em;
-}
-
-
-
/****************************************************/
.inline .link{display:block;padding:1em;}