Team:UCSF UCB/CSS

From 2014.igem.org

(Difference between revisions)
Line 79: Line 79:
     ALL: Orange Theme
     ALL: Orange Theme
   =================== */
   =================== */
-
 
-
.main-container {
 
-
    background: white;
 
-
}
 
.landing {
.landing {
Line 89: Line 85:
.header-container,
.header-container,
-
.footer-container,
+
tainer,
.main aside {
.main aside {
     background: white;
     background: white;
Line 135: Line 131:
.main {
.main {
     padding: 30px 0;
     padding: 30px 0;
 +
    background: white;
}
}
Line 148: Line 145:
.footer-container footer {
.footer-container footer {
     color: black;
     color: black;
-
     padding: 20px 0;
+
     padding-top: 20px;
 +
    padding-bottom: 20px;
 +
    background: white;
}
}
 +
.footer-container {
 +
    background: white;
 +
 +
}
 +
 +
.header-container{
 +
    position: relative;
 +
    top: 14px;
 +
    width: 1026px;
 +
}
/* ===============
/* ===============
     ALL: IE Fixes
     ALL: IE Fixes
Line 174: Line 183:
}
}
-
.header-container {
+
.main-container{
-
     position: fixed;
+
     background: white;
-
    top:14px;
+
-
    right: 0;
+
-
    width: 100%
+
}
}
 +
.landing-container{
 +
    margin-top: 14px;
 +
 +
}
/* ==========================================================================
/* ==========================================================================
     Remove default iGEM styling
     Remove default iGEM styling
Line 187: Line 197:
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
     background-color: white;
+
     background-color: #333;
     border: 0 none;
     border: 0 none;
     height: 14px;
     height: 14px;
Line 196: Line 206:
     left: 50%;
     left: 50%;
     margin-left: -513px;
     margin-left: -513px;
 +
    color: #ccc;
}
}
Line 348: Line 359:
         width: 28%;
         width: 28%;
     }
     }
-
/*}
+
 
 +
.wrapper {
 +
    width: 1000px; /* 1140px - 10% for margins - 13px for padding */
 +
    margin: 0 auto;
 +
    padding: 0 13px;
 +
}
 +
 
 +
 
 +
 
 +
 
@media only screen and (min-width: 1140px) {
@media only screen and (min-width: 1140px) {
Line 356: Line 376:
   =============== */
   =============== */
-
    .wrapper {
+
  .header-container {
-
        width: 1026px; /* 1140px - 10% for margins */
+
      position: fixed;
-
        margin: 0 auto;
+
      top:14px;
-
    }
+
      width: 100%;
 +
  }
 +
  .landing-container{
 +
      margin-top: 40px;
 +
  }
 +
 
}
}
 +
/* ==========================================================================
/* ==========================================================================
Line 490: Line 516:
     }
     }
}
}
-
 
</style>
</style>
</head>
</head>
</html>
</html>

Revision as of 17:56, 13 June 2014