Team:UCL London/css/css

From 2011.igem.org

(Difference between revisions)
Line 12: Line 12:
}
}
-
h1{
+
#ecoili h1{
font-family: "Courier New", Courier, monospace;
font-family: "Courier New", Courier, monospace;
font-size: 32px;
font-size: 32px;
Line 19: Line 19:
}
}
-
p{
+
#ecoili p{
margin-top:5px;
margin-top:5px;
}
}
-
#header{
+
#ecoili #header{
position:relative;
position:relative;
background-image:url(header.jpg);
background-image:url(header.jpg);
Line 34: Line 34:
-
#content{
+
#ecoili #content{
width:970px;
width:970px;
margin-left:auto;
margin-left:auto;
Line 41: Line 41:
}
}
-
#submenu{
+
#ecoili #submenu{
position:relative;
position:relative;
width:990px;
width:990px;
Line 48: Line 48:
}
}
-
#submenu #research-supercoiliology{
+
#ecoili #submenu #research-supercoiliology{
position: absolute;
position: absolute;
width: 180px;
width: 180px;
Line 57: Line 57:
}
}
-
#submenu #research-nanomagnet{
+
#ecoili #submenu #research-nanomagnet{
position: absolute;
position: absolute;
width: 180px;
width: 180px;
Line 65: Line 65:
}
}
-
#submenu #research-opensesame{
+
#ecoili #submenu #research-opensesame{
position: absolute;
position: absolute;
width: 180px;
width: 180px;
Line 73: Line 73:
}
}
-
#submenu #research-thecleaner{
+
#ecoili #submenu #research-thecleaner{
position: absolute;
position: absolute;
width: 180px;
width: 180px;
Line 81: Line 81:
}
}
-
#submenu #research-monitoring{
+
#ecoili #submenu #research-monitoring{
position: absolute;
position: absolute;
width: 180px;
width: 180px;
Line 89: Line 89:
}
}
-
#submenu #research-supercoiliology{
+
#ecoili #submenu #research-supercoiliology{
position: absolute;
position: absolute;
width: 180px;
width: 180px;
Line 97: Line 97:
}
}
-
#submenu ul{
+
#ecoili #submenu ul{
position: absolute;
position: absolute;
left:0px;
left:0px;
Line 106: Line 106:
}
}
-
#submenu li{
+
#ecoili #submenu li{
color:#000;
color:#000;
text-align:center;
text-align:center;
Line 112: Line 112:
}
}
-
#submenu li a{
+
#ecoili #submenu li a{
color:#555;
color:#555;
text-decoration:none;
text-decoration:none;
}
}
-
#submenu li a:hover{
+
#ecoili #submenu li a:hover{
color:#000;
color:#000;
}
}
-
#submenu .li-150{
+
#ecoili #submenu .li-150{
width: 155px;
width: 155px;
}
}
-
.sm-normal{
+
#ecoili .sm-normal{
height: 130px;
height: 130px;
}
}
-
.sm-res-sup{
+
#ecoili .sm-res-sup{
height: 180px;
height: 180px;
background:url(submenu_bg_research_super.jpg);
background:url(submenu_bg_research_super.jpg);
}
}
-
#redYarn{
+
#ecoili #redYarn{
position:absolute;
position:absolute;
background:url(redroperight.jpg) repeat-x;
background:url(redroperight.jpg) repeat-x;
Line 143: Line 143:
}
}
-
#topleftcorner{
+
#ecoili #topleftcorner{
position:absolute;
position:absolute;
background-color:#fcfaf8;
background-color:#fcfaf8;
Line 154: Line 154:
}
}
-
#footer{
+
#ecoili #footer{
background:url(bluerope.jpg) repeat-x;
background:url(bluerope.jpg) repeat-x;
height:17px;
height:17px;

Revision as of 16:04, 31 August 2011

body{ margin: 0px; }

  1. ecoili{

position: relative; background:#fcfaf8; font-family: "Cambria", Georgia, "Times New Roman", Times, serif; color:#403f3f; font-size:18px; margin:0px; }

  1. ecoili h1{

font-family: "Courier New", Courier, monospace; font-size: 32px; font-weight: normal; margin-bottom: 0px; }

  1. ecoili p{

margin-top:5px; }

  1. ecoili #header{

position:relative; background-image:url(header.jpg); top:0px; width:990px; height:196px; margin-left:auto; margin-right:auto; }


  1. ecoili #content{

width:970px; margin-left:auto; margin-right:auto; padding: 0px 10px 0px 10px; }

  1. ecoili #submenu{

position:relative; width:990px; margin-left:auto; margin-right:auto; }

  1. ecoili #submenu #research-supercoiliology{

position: absolute; width: 180px; height: 120px; top: 0px; left: 5px; background-image:url(submenu_research_1_1.jpg); }

  1. ecoili #submenu #research-nanomagnet{

position: absolute; width: 180px; height: 120px; top: 0px; left: 205px; }

  1. ecoili #submenu #research-opensesame{

position: absolute; width: 180px; height: 120px; top: 0px; left: 405px; }

  1. ecoili #submenu #research-thecleaner{

position: absolute; width: 180px; height: 120px; top: 0px; left: 605px; }

  1. ecoili #submenu #research-monitoring{

position: absolute; width: 180px; height: 120px; top: 0px; left: 805px;= }

  1. ecoili #submenu #research-supercoiliology{

position: absolute; width: 180px; height: 120px; top: 0px; left: 5px;= }

  1. ecoili #submenu ul{

position: absolute; left:0px; top: 135px; margin: 0px; padding: 0px; list-style:none; }

  1. ecoili #submenu li{

color:#000; text-align:center; display:inline-block; }

  1. ecoili #submenu li a{

color:#555; text-decoration:none; }

  1. ecoili #submenu li a:hover{

color:#000; }

  1. ecoili #submenu .li-150{

width: 155px; }

  1. ecoili .sm-normal{

height: 130px; }

  1. ecoili .sm-res-sup{

height: 180px; background:url(submenu_bg_research_super.jpg); }

  1. ecoili #redYarn{

position:absolute; background:url(redroperight.jpg) repeat-x; height:14px; width:100%; left:0px; top:145px; }

  1. ecoili #topleftcorner{

position:absolute; background-color:#fcfaf8; background-image:url(topleftcorner.jpg); background-repeat:no-repeat; background-position:right top; height:196px; width:800px; left:-800px; }

  1. ecoili #footer{

background:url(bluerope.jpg) repeat-x; height:17px; width:auto; padding-top:15px; text-align:center; }

Retrieved from "http://2011.igem.org/Team:UCL_London/css/css"