Team:Stanford-Brown/stylesheet.css

From 2013.igem.org

Revision as of 20:57, 21 September 2013 by Acconsta (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

body { background-color: #F8F8F8 ; }

  1. 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***/


  1. epicbox{

margin-top: -90px; margin-left: 60px; }

  1. boximgcontainer{

float: left; width: 644px; height: 655px; }

  1. boximgcontainer div{

float: left; position: relative; } }

  1. orangebox{

margin-bottom: 0px; }


  1. 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; }

  1. orangebox:hover .oblank, .oblank:hover{

display: none; }

  1. 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;*/ }

  1. 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; }*/


  1. box1 {

margin-right: 20px; /*background: #CCFF99;*/ background: black; }

  1. box2 {

margin-right: 20px; /*background: #CCFF99; */ background: black; }

  1. box3 {

margin-right: 20px; background: black; /*background: #CCFF99;*/ }

  1. 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; }

  1. 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; }*/


  1. bigbox1 {

margin-right: 30px; /*background: #CCFF99;*/ background: black; }

  1. bigbox2 {

margin-right: 0px; /*background: #CCFF99; */ background: black; }


  1. 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; }

Retrieved from "http://2013.igem.org/Team:Stanford-Brown/stylesheet.css"