Template:CSS/foundation

From 2014.igem.org

(Difference between revisions)
Line 77: Line 77:
.contain-to-grid {
.contain-to-grid {
   width: 100%;
   width: 100%;
-
   background: #333333; }
+
   background: #222222; }
   .contain-to-grid .top-bar {
   .contain-to-grid .top-bar {
     margin-bottom: 0; }
     margin-bottom: 0; }
Line 86: Line 86:
   line-height: 45px;
   line-height: 45px;
   position: relative;
   position: relative;
-
   background: #333333;
+
   background: #222222;
   margin-bottom: 0; }
   margin-bottom: 0; }
   .top-bar ul {
   .top-bar ul {
Line 162: Line 162:
     background: transparent; }
     background: transparent; }
     .top-bar.expanded .title-area {
     .top-bar.expanded .title-area {
-
       background: #333333; }
+
       background: #222222; }
     .top-bar.expanded .toggle-topbar a {
     .top-bar.expanded .toggle-topbar a {
       color: #888888; }
       color: #888888; }
Line 177: Line 177:
     height: auto;
     height: auto;
     display: block;
     display: block;
-
     background: #333333;
+
     background: #222222;
     font-size: 16px;
     font-size: 16px;
     margin: 0; }
     margin: 0; }
Line 196: Line 196:
     font-weight: normal;
     font-weight: normal;
     text-transform: none;
     text-transform: none;
-
     background: #333333; }
+
     background: #222222; }
     .top-bar-section ul li > a.button {
     .top-bar-section ul li > a.button {
       font-size: 0.8125rem;
       font-size: 0.8125rem;
Line 211: Line 211:
       background-color: #e9e9e9;
       background-color: #e9e9e9;
       border-color: #bababa;
       border-color: #bababa;
-
       color: #333333; }
+
       color: #222222; }
       .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
       .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
         background-color: #bababa; }
         background-color: #bababa; }
       .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
       .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
-
         color: #333333; }
+
         color: #222222; }
     .top-bar-section ul li > a.button.success {
     .top-bar-section ul li > a.button.success {
       background-color: #5da423;
       background-color: #5da423;
Line 246: Line 246:
       background-color: #e9e9e9;
       background-color: #e9e9e9;
       border-color: #bababa;
       border-color: #bababa;
-
       color: #333333; }
+
       color: #222222; }
       .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
       .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
         background-color: #bababa; }
         background-color: #bababa; }
       .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
       .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
-
         color: #333333; }
+
         color: #222222; }
     .top-bar-section ul li > button.success {
     .top-bar-section ul li > button.success {
       background-color: #5da423;
       background-color: #5da423;
Line 349: Line 349:
   .top-bar {
   .top-bar {
-
     background: #333333;
+
     background: #222222;
     *zoom: 1;
     *zoom: 1;
     overflow: visible; }
     overflow: visible; }
Line 370: Line 370:
       top: 7px; }
       top: 7px; }
     .top-bar.expanded {
     .top-bar.expanded {
-
       background: #333333; }
+
       background: #222222; }
   .contain-to-grid .top-bar {
   .contain-to-grid .top-bar {
Line 395: Line 395:
       padding: 0 15px;
       padding: 0 15px;
       line-height: 45px;
       line-height: 45px;
-
       background: #333333; }
+
       background: #222222; }
       .top-bar-section li:not(.has-form) a:not(.button):hover {
       .top-bar-section li:not(.has-form) a:not(.button):hover {
         background: #005d82;
         background: #005d82;
Line 452: Line 452:
         white-space: nowrap;
         white-space: nowrap;
         padding: 12px 15px;
         padding: 12px 15px;
-
         background: #333333; }
+
         background: #222222; }
       .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
       .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
         color: white;
         color: white;
-
         background: #333333; }
+
         background: #222222; }
       .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
       .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
         color: white;
         color: white;
Line 462: Line 462:
       .top-bar-section .dropdown li label {
       .top-bar-section .dropdown li label {
         white-space: nowrap;
         white-space: nowrap;
-
         background: #333333; }
+
         background: #222222; }
       .top-bar-section .dropdown li .dropdown {
       .top-bar-section .dropdown li .dropdown {
         left: 100%;
         left: 100%;
Line 474: Line 474:
       width: 0; }
       width: 0; }
     .top-bar-section .has-form {
     .top-bar-section .has-form {
-
       background: #333333;
+
       background: #222222;
       padding: 0 15px;
       padding: 0 15px;
       height: 45px; }
       height: 45px; }

Revision as of 13:46, 28 May 2014

Retrieved from "http://2014.igem.org/Template:CSS/foundation"