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 239: Line 241:
     -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 262: Line 258:
     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;
-
         float: left;
+
         margin: 0px auto;
}
}
.boxgrid {
.boxgrid {
Line 327: Line 328:
width: 200px;
width: 200px;
height: 80%;
height: 80%;
-
z-index: 0;
+
z-index: 10;
overflow: hidden;
overflow: hidden;
}
}
Line 336: Line 337:
width: 2px;
width: 2px;
height: 65%;
height: 65%;
-
z-index: 8;
+
z-index: 100;
}
}
.spiderbutton{
.spiderbutton{
Line 423: Line 424:
     top:0;
     top:0;
     /*background:#550D00;*/
     /*background:#550D00;*/
-
     background: #560606;
+
     background: #D8B67F;
     z-index:10;
     z-index:10;
}
}
Line 430: Line 431:
     float:left;
     float:left;
     list-style:none;
     list-style:none;
 +
    padding: 0 10px 0 10px;
}
}
#menu a{
#menu a{
-
     color:white;
+
     color:#45413A;
-
     padding:18px 0 15px 0;
+
     padding:18px 5px 15px 5px;
     text-decoration:none;
     text-decoration:none;
     width:98px;
     width:98px;
Line 440: Line 442:
     font-family:arial;
     font-family:arial;
     font-size:14px;
     font-size:14px;
-
     border-bottom:thin solid #FE9797;
+
     border-bottom:thin solid #FFC363;
}
}
#menu{
#menu{
     margin-left:auto;
     margin-left:auto;
     margin-right:auto;
     margin-right:auto;
-
     width:900px;
+
     width:1100px;
}
}
#menu a:hover{
#menu a:hover{
-
     background:#AA3939;
+
     background:#FFCF81;
}
}
#menu li ul{
#menu li ul{
-
         background:#560606;
+
         background:#D8B67F;
/* display:none; */
/* display:none; */
position:absolute;
position:absolute;
Line 523: Line 525:
.slider .slider_imgs #slide1{
.slider .slider_imgs #slide1{
   float: left;
   float: left;
-
     background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');
+
     background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;

Revision as of 23:24, 1 October 2014