Team:UCLA/Template/CSS

From 2014.igem.org

(Difference between revisions)
Line 18: Line 18:
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
-
 
-
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */
 
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
background-color: #383838;
background-color: #383838;
Line 241: Line 239:
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
     box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
     box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
 +
}
 +
.expandedContent {
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    /*width: 1400px;*/
 +
    width: 100%;
}
}
.content {
.content {
Line 258: Line 262:
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
}
-
#box5 {
 
-
text-align: left;
 
-
}
 
-
#box6 { text-align: left;}
 
-
#box7 {text-align: left;}
 
.boxgridMedium {
.boxgridMedium {
         width: 298px;
         width: 298px;
         height: 435px;
         height: 435px;
-
         margin: 0px auto;
+
         float: left;
}
}
.boxgrid {
.boxgrid {
Line 328: Line 327:
width: 200px;
width: 200px;
height: 80%;
height: 80%;
-
z-index: 10;
+
z-index: 0;
overflow: hidden;
overflow: hidden;
}
}
Line 337: Line 336:
width: 2px;
width: 2px;
height: 65%;
height: 65%;
-
z-index: 100;
+
z-index: 8;
}
}
.spiderbutton{
.spiderbutton{
Line 424: Line 423:
     top:0;
     top:0;
     /*background:#550D00;*/
     /*background:#550D00;*/
-
     background: #D8B67F;
+
     background: #560606;
     z-index:10;
     z-index:10;
}
}
Line 431: Line 430:
     float:left;
     float:left;
     list-style:none;
     list-style:none;
-
    padding: 0 10px 0 10px;
 
}
}
#menu a{
#menu a{
-
     color:#45413A;
+
     color:white;
-
     padding:18px 5px 15px 5px;
+
     padding:18px 0 15px 0;
     text-decoration:none;
     text-decoration:none;
     width:98px;
     width:98px;
Line 442: Line 440:
     font-family:arial;
     font-family:arial;
     font-size:14px;
     font-size:14px;
-
     border-bottom:thin solid #FFC363;
+
     border-bottom:thin solid #FE9797;
}
}
#menu{
#menu{
     margin-left:auto;
     margin-left:auto;
     margin-right:auto;
     margin-right:auto;
-
     width:1100px;
+
     width:900px;
}
}
#menu a:hover{
#menu a:hover{
-
     background:#FFCF81;
+
     background:#AA3939;
}
}
#menu li ul{
#menu li ul{
-
         background:#D8B67F;
+
         background:#560606;
/* display:none; */
/* display:none; */
position:absolute;
position:absolute;
Line 525: Line 523:
.slider .slider_imgs #slide1{
.slider .slider_imgs #slide1{
   float: left;
   float: left;
-
     background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');
+
     background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;

Revision as of 23:15, 1 October 2014