"
Team:Stanford-Brown/stylesheet.css
From 2013.igem.org
body { background-color: #F8F8F8 ; }
- slider {
margin-left: 200px; margin-right: auto; margin-bottom: 20px; }
h1 { font-size: 95px; text-align: center; margin-bottom: 30px; }
.imgbox h1 {
font-size: 90px;
text-align: center;
/*text-align: left;*/
/*margin-left: 200px;*/
/*color: #585858 ;*/
color: white;
margin-top: 25px;
}
.imgbox p { font-size: 35px; text-align: center; /*color: #585858 ;*/ color: orange; /*margin-left: 40px;*/ }
.projecttext { /*margin-left: 15px;*/ font-size: 30px; /*text-align: center;*/ /*padding-left: 15px;*/ /*color: white;*/ color: black; }
/***positioning of elements in ZE EPIC BOX***/
- epicbox{
margin-top: -90px; margin-left: 60px; }
- boximgcontainer{
float: left; width: 644px; height: 655px; }
- boximgcontainer div{
float: left; position: relative; } }
- orangebox{
margin-bottom: 0px; }
- orangebox .imgbox{
width: 1200px; height: 215px; top: 108px; /*background: #F6A82D;*/ /*background: #33CC33;*/ /*background: #555555;*/ /*background: orange;*/ /*background: #D8D8D8 ;*/ background: #303030 ; /*border: black;*/ /*border-width: 5px;*/ margin-bottom: 4px; } .oblank{ width: 1200px; height: 104px; /*background: #FFE485;*/ /*background: #33EE33;*/ /*background: #888888;*/ /*background: black;*/ /*background: #FFE485;*/ /*background: #D8D8D8 ;*/ /*background: #303030 ;*/ background: #585858 ; position: relative; top: 110px; }
- orangebox:hover .oblank, .oblank:hover{
display: none; }
- orangebox .iconcontainer{
position: relative; display: none; left: auto; top: 110px; } .iconbox div, .iconbox{ width: 295px; height: 104px; margin-right: 5px; } a.obox1 div{ /*background: #BBBBBB;*/ /*background: blue;*/ /*background: #FFD35A;*/ /*background-image: /dna.jpg;*/ background-image:url('dna.jpg'); } a.obox2 div{ /*background: #AAAAAA;*/ /*background: green;*/ /*background: #FECC44;*/ background-image:url('dna.jpg'); } a.obox3 div{ /*background: #999999;*/ /*background: orange;*/ /*background: #F8C22E;*/ background-image:url('dna.jpg'); } a.obox4 div{ /*background: #888888;*/ /*background: black;*/ /*background: #F8B32E;*/ background-image:url('dna.jpg'); } a.obox5 div{ /*background: #777777;*/ /*background: black;*/ } a.obox6 div{ /*background: #666666;*/ /*background: black;*/ /*margin-right: 0;*/ }
- orangebox div:hover, #orangebox div.iconbox:hover div{
/*background: #DDDDDD;*/ /*background: #282828 ;*/ /*background: #505050 ;*/ /*background: #FFE44F;*/ } #orangebox:hover .iconcontainer{ display: block; background: transparent; }
#newline { float: left; top: -300px; margin-top: 0px; }
.fourboxes { margin-top: 24px; margin-left: 150px;
} /*.threeboxes{ clear: both; position: relative; width: 968px; margin-bottom: 12px; }*/
.fourboxes a {
width: 250px;
height: 155px;
float: left;
margin-bottom: 24px;
}
/*.threeboxes a, .threeboxes a div{
width: 320px;
height: 155px;
float: left;
margin-bottom: 12px;
}*/
.fourboxes div h2 {
padding-top: 20px;
padding-left: 20px;
font-size: 35px;
text-decoration: none;
}
/*.threeboxes div h2{
padding: 20px 20px 0px;
position: relative;
top: -155px;
}*/
.fourboxes div p{ padding-top: 20px; padding-left: 10px; } /*.threeboxes div p{ padding: 0px 20px; position: relative; top: -155px; }*/
- box1 {
margin-right: 20px; /*background: #CCFF99;*/ background: black; }
- box2 {
margin-right: 20px; /*background: #CCFF99; */ background: black; }
- box3 {
margin-right: 20px; background: black; /*background: #CCFF99;*/ }
- box4 {
margin-right: 20px; background: black; /*background: #CCFF99;*/ }
.fourboxes h2 { text-align: center; margin-right: 15px; color: white; font-size: 35px; margin-top: 15px; }
.fourboxes p { text-align: center; margin-right: 15px; color: orange; font-size: 20px; }
- box1:hover, #box2:hover, #box3:hover, #box4:hover {
/*background: #00CC00;*/ background: grey; }
.twoboxes { margin-top: 24px; margin-left: 60px; /*margin-left: 150px;*/
} /*.threeboxes{ clear: both; position: relative; width: 968px; margin-bottom: 12px; }*/
.twoboxes a {
width: 585px;
height: 300px;
float: left;
margin-bottom: 24px;
}
/*.threeboxes a, .threeboxes a div{
width: 320px;
height: 155px;
float: left;
margin-bottom: 12px;
}*/
.twoboxes div h2 {
padding-top: 20px;
padding-left: 20px;
font-size: 35px;
text-decoration: none;
}
/*.threeboxes div h2{
padding: 20px 20px 0px;
position: relative;
top: -155px;
}*/
.twoboxes div p{ padding-top: 20px; padding-left: 10px; } /*.threeboxes div p{ padding: 0px 20px; position: relative; top: -155px; }*/
- bigbox1 {
margin-right: 30px; /*background: #CCFF99;*/ background: black; }
- bigbox2 {
margin-right: 0px; /*background: #CCFF99; */ background: black; }
- bigbox1:hover, #bigbox2:hover {
/*background: #00CC00;*/ background: grey; }
#newline2 {
float: left;
top: -300px;
margin-top: -220px;
}
.twoboxes h2 {
text-align: center;
color: white;
font-size: 50px;
margin-top: 125px;
}
.twoboxes p {
text-align: center;
color: orange;
font-size: 15px;
margin-top: 0px;
}
