Team:UCL London/css/css

From 2011.igem.org

(Difference between revisions)
 
(99 intermediate revisions not shown)
Line 2: Line 2:
margin: 0px;
margin: 0px;
         background: #fcfaf8;
         background: #fcfaf8;
 +
}
 +
 +
#toc{
 +
      float: right;
 +
      margin-left: 10px;
 +
}
 +
 +
#ecoili #indexclear{
 +
      position:relative;
 +
      width:900px;
 +
      height:100px;
 +
      margin-left:auto;
 +
      margin-right:auto;
 +
}
 +
 +
#ecoili #indexclear #ucl a{
 +
      position:absolute;
 +
      top:8px;
 +
      left:660px;
 +
      width:169px;
 +
      height:70px;
 +
      background:url(https://static.igem.org/mediawiki/2011/d/d7/Ucl-index-ucl.jpg);
 +
}
 +
 +
#ecoili #indexclear #igem a{
 +
position:absolute;
 +
      top:0px;
 +
      left:510px;
 +
      width:115px;
 +
      height:99px;
 +
      background:url(https://static.igem.org/mediawiki/2011/e/ea/Ucl-index-igem.jpg);
 +
}
 +
 +
#ecoili #indexvideo{
 +
    z-index:3;
 +
}
 +
 +
#ecoili #indexblueyarn{
 +
    position:absolute;
 +
    top:-15px;
 +
    left:0px;
 +
    width:211px;
 +
    height:232px;
 +
    background:url(https://static.igem.org/mediawiki/2011/f/fe/Ucl-index-blueyarntop.jpg);
 +
}
 +
 +
#ecoili #indexmenu{
 +
      position:relative;
 +
      margin-left:auto;
 +
      margin-right:auto;
 +
      width:781px;
 +
      height:218px;
 +
      background:url(https://static.igem.org/mediawiki/2011/8/80/Ucl-index-menu.jpg);
 +
}
 +
 +
#ecoili #indexmenu #research a{
 +
position: absolute;
 +
width: 186px;
 +
height: 218px;
 +
top: 0px;
 +
left: 0px;
 +
}
 +
 +
#ecoili #indexmenu #research a:hover{
 +
      background:url(https://static.igem.org/mediawiki/2011/0/04/Ucl-index-menu-research.jpg);
 +
}
 +
 +
#ecoili #indexmenu #manufacturing a{
 +
position: absolute;
 +
width: 181px;
 +
height: 218px;
 +
top: 0px;
 +
left: 201px;
 +
}
 +
 +
#ecoili #indexmenu #manufacturing a:hover{
 +
      background:url(https://static.igem.org/mediawiki/2011/b/b1/Ucl-index-menu-manufacturing.jpg);
 +
}     
 +
 +
#ecoili #indexmenu #medicine a{
 +
position: absolute;
 +
width: 142px;
 +
height: 218px;
 +
top: 0px;
 +
left: 393px;
 +
}
 +
 +
#ecoili #indexmenu #medicine a:hover{
 +
      background:url(https://static.igem.org/mediawiki/2011/9/99/Ucl-index-menu-medicine.jpg);
 +
}     
 +
 +
 +
#ecoili #indexmenu #humanprac a{
 +
position: absolute;
 +
width: 237px;
 +
height: 218px;
 +
top: 0px;
 +
left: 544px;
 +
}
 +
 +
#ecoili #indexmenu #humanprac a:hover{
 +
      background:url(https://static.igem.org/mediawiki/2011/5/54/Ucl-index-menu-humanpractices.jpg);
}
}
Line 19: Line 121:
     border: none;
     border: none;
     height: auto;
     height: auto;
-
     top: -10px;
+
     top: -15px;
}
}
Line 49: Line 151:
font-family: "Courier New", Courier, monospace;
font-family: "Courier New", Courier, monospace;
font-size: 32px;
font-size: 32px;
-
font-weight: normal;
+
font-weight: bold;
margin-bottom: 0px;
margin-bottom: 0px;
 +
}
 +
 +
#ecoili h2{
 +
font-family: "Courier New", Courier, monospace;
 +
font-size: 22px;
 +
font-weight: bold;
 +
margin-bottom: 0px;
 +
        border:none;
}
}
Line 62: Line 172:
top:-15px;
top:-15px;
width:990px;
width:990px;
-
height:221px;
+
height:204px;
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
Line 69: Line 179:
#ecoili #header #safetylink{
#ecoili #header #safetylink{
       position:absolute;
       position:absolute;
-
       top:69px;
+
       top:81px;
-
       left:767px;
+
       left:760px;
-
       height:46px;
+
       height:43px;
-
       width:79px;
+
       width:109px;
}
}
Line 81: Line 191:
       width:290px;
       width:290px;
       height:149px;
       height:149px;
-
}
 
-
 
-
#ecoili #header #ucllink{
 
-
      position:absolute;
 
-
      left:839px;
 
-
      top:11px;
 
-
      width:140px;
 
-
      height:50px;
 
}
}
Line 106: Line 208:
       height:58px;
       height:58px;
}
}
-
+
 
 +
#ecoili #header #partnerslink{
 +
position: absolute;
 +
top: 95px;
 +
left: 870px;
 +
height: 22px;
 +
  width: 109px;
 +
}
 +
 
 +
#ecoili #header #teamlink{
 +
      position:absolute;
 +
      left:385px;
 +
      top:37px;
 +
      width:162px;
 +
      height:87px;
 +
}
 +
 
 +
#ecoili #header #researchlink{
 +
      position:absolute;
 +
      left:343px;
 +
      top:126px;
 +
      width:138px;
 +
      height:65px;
 +
}
 +
 
 +
#ecoili #header #manufacturinglink{
 +
      position:absolute;
 +
      left:509px;
 +
      top:134px;
 +
      width:132px;
 +
      height:53px;
 +
}
 +
 
 +
#ecoili #header #medicinelink{
 +
      position:absolute;
 +
      left:670px;
 +
      top:138px;
 +
      width:124px;
 +
      height:53px;
 +
}
 +
 
 +
#ecoili #header #humanpraclink{
 +
      position:absolute;
 +
      left:834px;
 +
      top:134px;
 +
      width:134px;
 +
      height:53px;
 +
}
 +
 
 +
#ecoili #header #synbiolink{
 +
      position:absolute;
 +
      left:562px;
 +
      top:29px;
 +
      width:108px;
 +
      height:43px;
 +
}
 +
 
 +
#ecoili #header #contributionslink{
 +
      position:absolute;
 +
      left:577px;
 +
      top:93px;
 +
      width:175px;
 +
      height:26px;
 +
}
 +
#ecoili #content{
#ecoili #content{
Line 113: Line 279:
margin-right:auto;
margin-right:auto;
padding: 0px 10px 0px 10px;
padding: 0px 10px 0px 10px;
 +
}
 +
 +
#ecoili #content a{
 +
        color:#6A9D5A;
}
}
Line 120: Line 290:
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
 +
        top:-15px;
}
}
Line 125: Line 296:
position: absolute;
position: absolute;
left:0px;
left:0px;
-
top: 135px;
+
top: 137px;
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
list-style:none;
list-style:none;
 +
}
 +
 +
#ecoili #submenu ul strong{
 +
        font-weight: normal;
}
}
Line 134: Line 309:
color:#000;
color:#000;
text-align:center;
text-align:center;
-
display:inline-block;
+
display:-moz-inline-stack;
 +
        display:inline-block;
 +
        zoom:1;
 +
        *display:inline;
}
}
Line 148: Line 326:
#ecoili #submenu .li-150{
#ecoili #submenu .li-150{
width: 155px;
width: 155px;
 +
}
 +
 +
#ecoili #submenu .li-200{
 +
width: 225px;
 +
}
 +
 +
#ecoili #submenu .li-250{
 +
width: 255px;
 +
}
 +
 +
#ecoili #submenu .li-350{
 +
width: 355px;
}
}
Line 170: Line 360:
}
}
-
#ecoili .sm-research-stresslight{
+
#ecoili .sm-research-stresslights{
height: 180px;
height: 180px;
background:url(https://static.igem.org/mediawiki/igem.org/c/cb/Ucl-sm-research-bg-stresslight.jpg);
background:url(https://static.igem.org/mediawiki/igem.org/c/cb/Ucl-sm-research-bg-stresslight.jpg);
Line 217: Line 407:
}
}
-
#ecoili #submenu #research-stresslight a{
+
#ecoili #submenu #research-stresslights a{
position: absolute;
position: absolute;
width: 183px;
width: 183px;
Line 225: Line 415:
}
}
-
#ecoili #submenu #research-stresslight a:hover{
+
#ecoili #submenu #research-stresslights a:hover{
         background:url(https://static.igem.org/mediawiki/igem.org/8/8f/Ucl-sm-research-h-stresslight.jpg);
         background:url(https://static.igem.org/mediawiki/igem.org/8/8f/Ucl-sm-research-h-stresslight.jpg);
}
}
Line 239: Line 429:
#ecoili #submenu #research-supercoilometer a:hover{
#ecoili #submenu #research-supercoilometer a:hover{
         background:url(https://static.igem.org/mediawiki/igem.org/3/3e/Ucl-sm-research-h-supercoilometer.jpg);
         background:url(https://static.igem.org/mediawiki/igem.org/3/3e/Ucl-sm-research-h-supercoilometer.jpg);
 +
}
 +
 +
#ecoili .sm-medical-normal{
 +
height: 121px;
 +
        background:url(https://static.igem.org/mediawiki/igem.org/1/14/Ucl-sm-medical-bg.jpg);
 +
}
 +
 +
#ecoili .sm-medical-dnavaccines{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/igem.org/c/c2/Ucl-sm-medical-bg-dnavaccines.jpg);
 +
}
 +
 +
#ecoili .sm-medical-impactandsynergy{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/igem.org/a/ae/Ucl-sm-medical-bg-ourimpact.jpg);
 +
}
 +
 +
#ecoili .sm-medical-futurechallenges{
 +
height: 121px;
 +
background:url(https://static.igem.org/mediawiki/igem.org/a/a1/Ucl-sm-medical-bg-futurechallenges.jpg);
 +
}
 +
 +
#ecoili #submenu #medical-dnavaccines a{
 +
position: absolute;
 +
width: 221px;
 +
height: 101px;
 +
top: 20px;
 +
left: 18px;
 +
}
 +
 +
#ecoili #submenu #medical-dnavaccines a:hover{
 +
      background:url(https://static.igem.org/mediawiki/igem.org/e/ee/Ucl-sm-medical-h-dnavaccines.jpg);
 +
}
 +
 +
#ecoili #submenu #medical-dnavaccines2 a{
 +
position: absolute;
 +
width: 221px;
 +
height: 101px;
 +
top: 20px;
 +
left: 18px;
 +
}
 +
 +
#ecoili #submenu #medical-dnavaccines2 a:hover{
 +
      background:url(https://static.igem.org/mediawiki/igem.org/4/46/Ucl-sm-medical-h2-dnavaccines.jpg);
 +
}
 +
 +
#ecoili #submenu #medical-impactandsynergy a{
 +
position: absolute;
 +
width: 478px;
 +
height: 100px;
 +
top: 20px;
 +
left: 256px;
 +
}
 +
 +
#ecoili #submenu #medical-impactandsynergy a:hover{
 +
        background:url(https://static.igem.org/mediawiki/igem.org/d/da/Ucl-sm-medical-h-ourimpact.jpg);
 +
}
 +
 +
#ecoili #submenu #medical-futurechallenges a{
 +
position: absolute;
 +
width: 219px;
 +
height: 101px;
 +
top: 20px;
 +
left: 751px;
 +
}
 +
 +
#ecoili #submenu #medical-futurechallenges a:hover{
 +
        background:url(https://static.igem.org/mediawiki/igem.org/5/57/Ucl-sm-medical-h-futurechallenges.jpg);
 +
}
 +
 +
#ecoili .sm-humanprac-normal{
 +
height: 121px;
 +
        background:url(https://static.igem.org/mediawiki/igem.org/e/ec/Ucl-sm-humanprac-bg.jpg);
 +
}
 +
 +
#ecoili .sm-humanprac-background{
 +
height: 121px;
 +
background:url(https://static.igem.org/mediawiki/2011/f/f3/Ucl-sm-humanprac-bg-background.jpg);
 +
}
 +
 +
#ecoili .sm-humanprac-debate{
 +
height: 121px;
 +
background:url(https://static.igem.org/mediawiki/igem.org/b/bc/Ucl-sm-humanprac-bg-debate.jpg);
 +
}
 +
 +
#ecoili .sm-humanprac-experts{
 +
height: 121px;
 +
background:url(https://static.igem.org/mediawiki/igem.org/a/ac/Ucl-sm-humanprac-bg-experts.jpg);
 +
}
 +
 +
#ecoili .sm-humanprac-artcollaboration{
 +
height: 121px;
 +
background:url(https://static.igem.org/mediawiki/igem.org/9/90/Ucl-sm-humanprac-bg-artcollaboration.jpg);
 +
}
 +
 +
#ecoili #submenu #humanprac-background a{
 +
position: absolute;
 +
width: 221px;
 +
height: 101px;
 +
top: 20px;
 +
left: 18px;
 +
}
 +
 +
#ecoili #submenu #humanprac-background a:hover{
 +
      background:url(https://static.igem.org/mediawiki/igem.org/e/e2/Ucl-sm-humanprac-h-background.jpg);
 +
}
 +
 +
#ecoili #submenu #humanprac-debate a{
 +
position: absolute;
 +
width: 230px;
 +
height: 100px;
 +
top: 20px;
 +
left: 256px;
 +
}
 +
 +
#ecoili #submenu #humanprac-debate a:hover{
 +
        background:url(https://static.igem.org/mediawiki/igem.org/2/2f/Ucl-sm-humanprac-h-debate.jpg);
 +
}
 +
 +
#ecoili #submenu #humanprac-experts a{
 +
position: absolute;
 +
width: 229px;
 +
height: 100px;
 +
top: 20px;
 +
left: 505px;
 +
}
 +
 +
#ecoili #submenu #humanprac-experts a:hover{
 +
        background:url(https://static.igem.org/mediawiki/igem.org/6/69/Ucl-sm-humanprac-h-experts.jpg);
 +
}
 +
 +
#ecoili #submenu #humanprac-artcollaboration a{
 +
position: absolute;
 +
width: 219px;
 +
height: 101px;
 +
top: 20px;
 +
left: 751px;
 +
}
 +
 +
#ecoili #submenu #humanprac-artcollaboration a:hover{
 +
        background:url(https://static.igem.org/mediawiki/igem.org/9/9d/Ucl-sm-humanprac-h-artcollaboration.jpg);
 +
}
 +
 +
 +
#ecoili .sm-manufacturing-normal{
 +
height: 130px;
 +
        background:url(https://static.igem.org/mediawiki/2011/5/56/Ucl-sm-manufacturing-bg.jpg);
 +
}
 +
 +
#ecoili .sm-manufacturing-industryoverview{
 +
height: 120px;
 +
background:url(https://static.igem.org/mediawiki/2011/7/79/Ucl-sm-manufacturing-bg-industryoverview.jpg);
 +
}
 +
 +
#ecoili .sm-manufacturing-processingdetails{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/2011/6/61/Ucl-sm-manufacturing-bg-processingdetails.jpg);
 +
}
 +
 +
#ecoili .sm-manufacturing-massbalance{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/2011/7/79/Ucl-sm-manufacturing-bg-massbalance.jpg);
 +
}
 +
 +
#ecoili .sm-manufacturing-purityyieldcost{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/2011/a/ac/Ucl-sm-manufacturing-bg-purityyieldcost.jpg);
 +
}
 +
 +
#ecoili #submenu #manufacturing-industryoverview a{
 +
position: absolute;
 +
width: 221px;
 +
height: 100px;
 +
top: 20px;
 +
left: 18px;
 +
}
 +
 +
#ecoili #submenu #manufacturing-industryoverview a:hover{
 +
      background:url(https://static.igem.org/mediawiki/2011/9/92/Ucl-sm-manufacturing-h-industryoverview.jpg);
 +
}
 +
 +
#ecoili #submenu #manufacturing-processingdetails a{
 +
position: absolute;
 +
width: 308px;
 +
height: 100px;
 +
top: 20px;
 +
left: 338px;
 +
}
 +
 +
#ecoili #submenu #manufacturing-processingdetails a:hover{
 +
        background:url(https://static.igem.org/mediawiki/2011/3/38/Ucl-sm-manufacturing-h-processingdetails.jpg);
 +
}
 +
 +
#ecoili #submenu #manufacturing-purityyieldcost a{
 +
position: absolute;
 +
width: 281px;
 +
height: 101px;
 +
top: 20px;
 +
left: 689px;
 +
}
 +
 +
#ecoili #submenu #manufacturing-purityyieldcost a:hover{
 +
        background:url(https://static.igem.org/mediawiki/2011/d/d1/Ucl-sm-manufacturing-h-purityyieldcost.jpg);
 +
}
 +
 +
 +
#ecoili .sm-safety-normal{
 +
height: 130px;
 +
        background:url(https://static.igem.org/mediawiki/2011/6/61/Ucl-sm-safety-bg.jpg);
 +
}
 +
 +
#ecoili .sm-safety-safetyissues{
 +
height: 121px;
 +
background:url(https://static.igem.org/mediawiki/2011/2/2e/Ucl-sm-safety-bg-safetyissues.jpg);
 +
}
 +
 +
#ecoili .sm-safety-ourbiobricks{
 +
height: 121px;
 +
background:url(https://static.igem.org/mediawiki/2011/0/0b/Ucl-sm-safety-bg-ourbiobricks.jpg);
 +
}
 +
 +
#ecoili .sm-safety-committee{
 +
height: 121px;
 +
background:url(https://static.igem.org/mediawiki/2011/6/6e/Ucl-sm-safety-bg-committee.jpg);
 +
}
 +
 +
#ecoili .sm-safety-ideas{
 +
height: 121px;
 +
background:url(https://static.igem.org/mediawiki/2011/a/a4/Ucl-sm-safety-bg-ideas.jpg);
 +
}
 +
 +
#ecoili #submenu #safety-safetyissues a{
 +
position: absolute;
 +
width: 221px;
 +
height: 100px;
 +
top: 20px;
 +
left: 18px;
 +
}
 +
 +
#ecoili #submenu #safety-safetyissues a:hover{
 +
      background:url(https://static.igem.org/mediawiki/2011/2/2c/Ucl-sm-safety-h-safetyissues.jpg);
 +
}
 +
 +
#ecoili #submenu #safety-ourbiobricks a{
 +
position: absolute;
 +
width: 230px;
 +
height: 100px;
 +
top: 20px;
 +
left: 256px;
 +
}
 +
 +
#ecoili #submenu #safety-ourbiobricks a:hover{
 +
        background:url(https://static.igem.org/mediawiki/2011/4/45/Ucl-sm-safety-h-ourbiobricks.jpg);
 +
}
 +
 +
#ecoili #submenu #safety-committee a{
 +
position: absolute;
 +
width: 229px;
 +
height: 101px;
 +
top: 19px;
 +
left: 505px;
 +
}
 +
 +
#ecoili #submenu #safety-committee a:hover{
 +
        background:url(https://static.igem.org/mediawiki/2011/5/51/Ucl-sm-safety-h-committee.jpg);
 +
}
 +
 +
#ecoili #submenu #safety-ideas a{
 +
position: absolute;
 +
width: 219px;
 +
height: 101px;
 +
top: 20px;
 +
left: 751px;
 +
}
 +
 +
#ecoili #submenu #safety-ideas a:hover{
 +
        background:url(https://static.igem.org/mediawiki/2011/2/21/Ucl-sm-safety-h-ideas.jpg);
 +
}
 +
 +
 +
#ecoili .sm-contributions-normal{
 +
height: 130px;
 +
        background:url(https://static.igem.org/mediawiki/2011/7/70/Ucl-sm-contributions-bg.jpg);
 +
}
 +
 +
#ecoili .sm-contributions-registryimprovements{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/2011/0/01/Ucl-sm-contributions-bg-registryimprovements.jpg);
 +
}
 +
 +
#ecoili .sm-contributions-ourbiobricks{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/2011/a/aa/Ucl-sm-contributions-bg-ourbiobricks.jpg);
 +
}
 +
 +
#ecoili .sm-contributions-quetzalcoatl{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/2011/b/b8/Ucl-sm-contributions-bg-quetzalcoatl.jpg);
 +
}
 +
 +
#ecoili #submenu #contributions-ourbiobricks a{
 +
position: absolute;
 +
width: 299px;
 +
height: 100px;
 +
top: 20px;
 +
left: 18px;
 +
}
 +
 +
#ecoili #submenu #contributions-ourbiobricks a:hover{
 +
      background:url(https://static.igem.org/mediawiki/2011/7/70/Ucl-sm-contributions-h-ourbiobricks.jpg);
 +
}
 +
 +
#ecoili #submenu #contributions-registryimprovements a{
 +
position: absolute;
 +
width: 318px;
 +
height: 100px;
 +
top: 20px;
 +
left: 336px;
 +
}
 +
 +
#ecoili #submenu #contributions-registryimprovements a:hover{
 +
        background:url(https://static.igem.org/mediawiki/2011/7/74/Ucl-sm-contributions-h-registryimprovements.jpg);
 +
}
 +
 +
#ecoili #submenu #contributions-quetzalcoatl a{
 +
position: absolute;
 +
width: 298px;
 +
height: 101px;
 +
top: 20px;
 +
left: 672px;
 +
}
 +
 +
#ecoili #submenu #contributions-quetzalcoatl a:hover{
 +
        background:url(https://static.igem.org/mediawiki/2011/6/6c/Ucl-sm-contributions-h-quetzalcoatl.jpg);
 +
}
 +
 +
#ecoili .sm-synbio-normal{
 +
height: 130px;
 +
        background:url(https://static.igem.org/mediawiki/2011/4/44/Ucl-sm-synbio-bg.jpg);
 +
}
 +
 +
#ecoili .sm-synbio-igem{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/2011/4/40/Ucl-sm-synbio-bg-igem.jpg);
 +
}
 +
 +
#ecoili .sm-synbio-syntheticbiology{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/2011/4/4c/Ucl-sm-synbio-bg-syntheticbiology.jpg);
 +
}
 +
 +
#ecoili .sm-synbio-biobricks{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/2011/4/43/Ucl-sm-synbio-bg-biobricks.jpg);
 +
}
 +
 +
#ecoili #submenu #synbio-syntheticbiology a{
 +
position: absolute;
 +
width: 299px;
 +
height: 100px;
 +
top: 20px;
 +
left: 18px;
 +
}
 +
 +
#ecoili #submenu #synbio-syntheticbiology a:hover{
 +
      background:url(https://static.igem.org/mediawiki/2011/2/2c/Ucl-sm-synbio-h-syntheticbiology.jpg);
 +
}
 +
 +
#ecoili #submenu #synbio-igem a{
 +
position: absolute;
 +
width: 318px;
 +
height: 100px;
 +
top: 20px;
 +
left: 336px;
 +
}
 +
 +
#ecoili #submenu #synbio-igem a:hover{
 +
        background:url(https://static.igem.org/mediawiki/2011/e/ea/Ucl-sm-synbio-h-igem.jpg);
 +
}
 +
 +
#ecoili #submenu #synbio-biobricks a{
 +
position: absolute;
 +
width: 298px;
 +
height: 101px;
 +
top: 20px;
 +
left: 673px;
 +
}
 +
 +
#ecoili #submenu #synbio-biobricks a:hover{
 +
        background:url(https://static.igem.org/mediawiki/2011/a/a1/Ucl-sm-synbio-h-biobricks.jpg);
}
}
#ecoili #redYarn{
#ecoili #redYarn{
position:absolute;
position:absolute;
-
background:url(https://static.igem.org/mediawiki/2011/c/c6/Redroperight.jpg) repeat-x;
+
background:url(https://static.igem.org/mediawiki/igem.org/4/49/Ucl-header-topyarn.jpg) repeat-x;
-
height:14px;
+
height:221px;
width:100%;
width:100%;
left:0px;
left:0px;
-
top:145px;
+
top:-15px;
}
}
Line 253: Line 833:
position:absolute;
position:absolute;
background-color:#fcfaf8;
background-color:#fcfaf8;
-
background-image:url(https://static.igem.org/mediawiki/2011/0/05/Topleftcorner.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2011/0/02/Ucl-header-topleft.jpg);
background-repeat:no-repeat;
background-repeat:no-repeat;
background-position:right top;
background-position:right top;
 +
        top:-15px;
height:196px;
height:196px;
width:800px;
width:800px;
Line 267: Line 848:
padding-top:15px;
padding-top:15px;
text-align:center;
text-align:center;
 +
}
 +
 +
#ecoili #footer a{
 +
color:#333;
 +
        text-decoration:none;
 +
}
 +
 +
#ecoili #footer a:hover{
 +
color:#000;
 +
        text-decoration:none;
 +
}
 +
 +
 +
#ecoili #footer strong{
 +
color:#000;
 +
        font-weight:normal;
 +
}
 +
 +
#footer-box{
 +
      margin-top:8px;
}
}

Latest revision as of 02:56, 22 September 2011

body{ margin: 0px; 

       background: #fcfaf8;

}

  1. toc{ 
     float: right;
     margin-left: 10px;

}

  1. ecoili #indexclear{ 
     position:relative;
     width:900px;
     height:100px;
     margin-left:auto;
     margin-right:auto;

}

  1. ecoili #indexclear #ucl a{ 
     position:absolute;
     top:8px;
     left:660px;
     width:169px;
     height:70px;
     background:url(Ucl-index-ucl.jpg);

}

  1. ecoili #indexclear #igem a{

position:absolute; 

     top:0px;
     left:510px;
     width:115px;
     height:99px;
     background:url(Ucl-index-igem.jpg);

}

  1. ecoili #indexvideo{ 
    z-index:3;

}

  1. ecoili #indexblueyarn{ 
   position:absolute;
   top:-15px;
   left:0px;
   width:211px;
   height:232px;
   background:url(Ucl-index-blueyarntop.jpg);

}

  1. ecoili #indexmenu{ 
     position:relative;
     margin-left:auto;
     margin-right:auto;
     width:781px;
     height:218px;
     background:url(Ucl-index-menu.jpg);

}

  1. ecoili #indexmenu #research a{

position: absolute; width: 186px; height: 218px; top: 0px; left: 0px; }

  1. ecoili #indexmenu #research a:hover{ 
     	background:url(Ucl-index-menu-research.jpg);

}

  1. ecoili #indexmenu #manufacturing a{

position: absolute; width: 181px; height: 218px; top: 0px; left: 201px; }

  1. ecoili #indexmenu #manufacturing a:hover{ 
     	background:url(Ucl-index-menu-manufacturing.jpg);

}

  1. ecoili #indexmenu #medicine a{

position: absolute; width: 142px; height: 218px; top: 0px; left: 393px; }

  1. ecoili #indexmenu #medicine a:hover{ 
     	background:url(Ucl-index-menu-medicine.jpg);

}


  1. ecoili #indexmenu #humanprac a{

position: absolute; width: 237px; height: 218px; top: 0px; left: 544px; }

  1. ecoili #indexmenu #humanprac a:hover{ 
     	background:url(Ucl-index-menu-humanpractices.jpg);

}

  1. search-controls{ 
     display: none;

}

  1. catlinks{ 
     display: none;

}

  1. p-logo{ 
    display: none;

}

  1. top-section{ 
    border: none;
    height: auto;
    top: -15px;

}

  1. content{ 
      width:auto;
      padding:0px;
      border:none;
      background:none;

}


.firstHeading{ display:none; }

h1{ 

     border:none;

}

  1. ecoili{

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: bold; margin-bottom: 0px; }

  1. ecoili h2{

font-family: "Courier New", Courier, monospace; font-size: 22px; font-weight: bold; margin-bottom: 0px; 

       border:none;

}

  1. ecoili p{

margin-top:5px; }

  1. ecoili #header{

position:relative; background-image:url(Ucl-header-bg.jpg); top:-15px; width:990px; height:204px; margin-left:auto; margin-right:auto; }

  1. ecoili #header #safetylink{ 
      position:absolute;
      top:81px;
      left:760px;
      height:43px;
      width:109px;

}

  1. ecoili #header #indexlink{ 
      position:absolute;
      top:20px;
      left:8px;
      width:290px;
      height:149px;

}

  1. ecoili #header #ucllink{ 
      position:absolute;
      left:839px;
      top:11px;
      width:140px;
      height:50px;

}

  1. ecoili #header #igemlink{ 
      position:absolute;
      left:675px;
      top:11px;
      width:84px;
      height:58px;

}

  1. ecoili #header #partnerslink{

position: absolute; top: 95px; left: 870px; height: 22px; 

  width: 109px;

}

  1. ecoili #header #teamlink{ 
      position:absolute;
      left:385px;
      top:37px;
      width:162px;
      height:87px;

}

  1. ecoili #header #researchlink{ 
      position:absolute;
      left:343px;
      top:126px;
      width:138px;
      height:65px;

}

  1. ecoili #header #manufacturinglink{ 
      position:absolute;
      left:509px;
      top:134px;
      width:132px;
      height:53px;

}

  1. ecoili #header #medicinelink{ 
      position:absolute;
      left:670px;
      top:138px;
      width:124px;
      height:53px;

}

  1. ecoili #header #humanpraclink{ 
      position:absolute;
      left:834px;
      top:134px;
      width:134px;
      height:53px;

}

  1. ecoili #header #synbiolink{ 
      position:absolute;
      left:562px;
      top:29px;
      width:108px;
      height:43px;

}

  1. ecoili #header #contributionslink{ 
      position:absolute;
      left:577px;
      top:93px;
      width:175px;
      height:26px;

}


  1. ecoili #content{

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

  1. ecoili #content a{ 
       color:#6A9D5A;

}

  1. ecoili #submenu{

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

       top:-15px;

}

  1. ecoili #submenu ul{

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

  1. ecoili #submenu ul strong{ 
       font-weight: normal;

}

  1. ecoili #submenu li{

color:#000; text-align:center; display:-moz-inline-stack; 

       display:inline-block;
       zoom:1;
       *display:inline;

}

  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 #submenu .li-200{

width: 225px; }

  1. ecoili #submenu .li-250{

width: 255px; }

  1. ecoili #submenu .li-350{

width: 355px; }

  1. ecoili .sm-research-normal{

height: 130px; 

       background:url(Ucl-sm-research-bg.jpg);

}

  1. ecoili .sm-research-supercoiliology{

height: 180px; background:url(Ucl-sm-research-bg-supercoiliology.jpg); }

  1. ecoili .sm-research-magnetosites{

height: 180px; background:url(Ucl-sm-research-bg-magnetosites.jpg); }

  1. ecoili .sm-research-extractery{

height: 180px; background:url(Ucl-sm-research-bg-extractery.jpg); }

  1. ecoili .sm-research-stresslights{

height: 180px; background:url(Ucl-sm-research-bg-stresslight.jpg); }

  1. ecoili .sm-research-supercoilometer{

height: 180px; background:url(Ucl-sm-research-bg-supercoilometer.jpg); }


  1. ecoili #submenu #research-supercoiliology a{

position: absolute; width: 174px; height: 101px; top: 20px; left: 18px; }

  1. ecoili #submenu #research-supercoiliology a:hover{ 
     	background:url(Ucl-sm-research-h-supercoiliology.jpg);

}

  1. ecoili #submenu #research-magnetosites a{

position: absolute; width: 182px; height: 100px; top: 20px; left: 207px; }

  1. ecoili #submenu #research-magnetosites a:hover{ 
       background:url(Ucl-sm-research-h-magnetosites.jpg);

}

  1. ecoili #submenu #research-extractery a{

position: absolute; width: 183px; height: 101px; top: 20px; left: 404px; }

  1. ecoili #submenu #research-extractery a:hover{ 
       background:url(Ucl-sm-research-h-extractery.jpg);

}

  1. ecoili #submenu #research-stresslights a{

position: absolute; width: 183px; height: 101px; top: 20px; left: 602px; }

  1. ecoili #submenu #research-stresslights a:hover{ 
       background:url(Ucl-sm-research-h-stresslight.jpg);

}

  1. ecoili #submenu #research-supercoilometer a{

position: absolute; width: 169px; height: 101px; top: 20px; left: 800px; }

  1. ecoili #submenu #research-supercoilometer a:hover{ 
       background:url(Ucl-sm-research-h-supercoilometer.jpg);

}

  1. ecoili .sm-medical-normal{

height: 121px; 

       background:url(Ucl-sm-medical-bg.jpg);

}

  1. ecoili .sm-medical-dnavaccines{

height: 180px; background:url(Ucl-sm-medical-bg-dnavaccines.jpg); }

  1. ecoili .sm-medical-impactandsynergy{

height: 180px; background:url(Ucl-sm-medical-bg-ourimpact.jpg); }

  1. ecoili .sm-medical-futurechallenges{

height: 121px; background:url(Ucl-sm-medical-bg-futurechallenges.jpg); }

  1. ecoili #submenu #medical-dnavaccines a{

position: absolute; width: 221px; height: 101px; top: 20px; left: 18px; }

  1. ecoili #submenu #medical-dnavaccines a:hover{ 
     	background:url(Ucl-sm-medical-h-dnavaccines.jpg);

}

  1. ecoili #submenu #medical-dnavaccines2 a{

position: absolute; width: 221px; height: 101px; top: 20px; left: 18px; }

  1. ecoili #submenu #medical-dnavaccines2 a:hover{ 
     	background:url(Ucl-sm-medical-h2-dnavaccines.jpg);

}

  1. ecoili #submenu #medical-impactandsynergy a{

position: absolute; width: 478px; height: 100px; top: 20px; left: 256px; }

  1. ecoili #submenu #medical-impactandsynergy a:hover{ 
       background:url(Ucl-sm-medical-h-ourimpact.jpg);

}

  1. ecoili #submenu #medical-futurechallenges a{

position: absolute; width: 219px; height: 101px; top: 20px; left: 751px; }

  1. ecoili #submenu #medical-futurechallenges a:hover{ 
       background:url(Ucl-sm-medical-h-futurechallenges.jpg);

}

  1. ecoili .sm-humanprac-normal{

height: 121px; 

       background:url(Ucl-sm-humanprac-bg.jpg);

}

  1. ecoili .sm-humanprac-background{

height: 121px; background:url(Ucl-sm-humanprac-bg-background.jpg); }

  1. ecoili .sm-humanprac-debate{

height: 121px; background:url(Ucl-sm-humanprac-bg-debate.jpg); }

  1. ecoili .sm-humanprac-experts{

height: 121px; background:url(Ucl-sm-humanprac-bg-experts.jpg); }

  1. ecoili .sm-humanprac-artcollaboration{

height: 121px; background:url(Ucl-sm-humanprac-bg-artcollaboration.jpg); }

  1. ecoili #submenu #humanprac-background a{

position: absolute; width: 221px; height: 101px; top: 20px; left: 18px; }

  1. ecoili #submenu #humanprac-background a:hover{ 
     	background:url(Ucl-sm-humanprac-h-background.jpg);

}

  1. ecoili #submenu #humanprac-debate a{

position: absolute; width: 230px; height: 100px; top: 20px; left: 256px; }

  1. ecoili #submenu #humanprac-debate a:hover{ 
       background:url(Ucl-sm-humanprac-h-debate.jpg);

}

  1. ecoili #submenu #humanprac-experts a{

position: absolute; width: 229px; height: 100px; top: 20px; left: 505px; }

  1. ecoili #submenu #humanprac-experts a:hover{ 
       background:url(Ucl-sm-humanprac-h-experts.jpg);

}

  1. ecoili #submenu #humanprac-artcollaboration a{

position: absolute; width: 219px; height: 101px; top: 20px; left: 751px; }

  1. ecoili #submenu #humanprac-artcollaboration a:hover{ 
       background:url(Ucl-sm-humanprac-h-artcollaboration.jpg);

}


  1. ecoili .sm-manufacturing-normal{

height: 130px; 

       background:url(Ucl-sm-manufacturing-bg.jpg);

}

  1. ecoili .sm-manufacturing-industryoverview{

height: 120px; background:url(Ucl-sm-manufacturing-bg-industryoverview.jpg); }

  1. ecoili .sm-manufacturing-processingdetails{

height: 180px; background:url(Ucl-sm-manufacturing-bg-processingdetails.jpg); }

  1. ecoili .sm-manufacturing-massbalance{

height: 180px; background:url(Ucl-sm-manufacturing-bg-massbalance.jpg); }

  1. ecoili .sm-manufacturing-purityyieldcost{

height: 180px; background:url(Ucl-sm-manufacturing-bg-purityyieldcost.jpg); }

  1. ecoili #submenu #manufacturing-industryoverview a{

position: absolute; width: 221px; height: 100px; top: 20px; left: 18px; }

  1. ecoili #submenu #manufacturing-industryoverview a:hover{ 
     	background:url(Ucl-sm-manufacturing-h-industryoverview.jpg);

}

  1. ecoili #submenu #manufacturing-processingdetails a{

position: absolute; width: 308px; height: 100px; top: 20px; left: 338px; }

  1. ecoili #submenu #manufacturing-processingdetails a:hover{ 
       background:url(Ucl-sm-manufacturing-h-processingdetails.jpg);

}

  1. ecoili #submenu #manufacturing-purityyieldcost a{

position: absolute; width: 281px; height: 101px; top: 20px; left: 689px; }

  1. ecoili #submenu #manufacturing-purityyieldcost a:hover{ 
       background:url(Ucl-sm-manufacturing-h-purityyieldcost.jpg);

}


  1. ecoili .sm-safety-normal{

height: 130px; 

       background:url(Ucl-sm-safety-bg.jpg);

}

  1. ecoili .sm-safety-safetyissues{

height: 121px; background:url(Ucl-sm-safety-bg-safetyissues.jpg); }

  1. ecoili .sm-safety-ourbiobricks{

height: 121px; background:url(Ucl-sm-safety-bg-ourbiobricks.jpg); }

  1. ecoili .sm-safety-committee{

height: 121px; background:url(Ucl-sm-safety-bg-committee.jpg); }

  1. ecoili .sm-safety-ideas{

height: 121px; background:url(Ucl-sm-safety-bg-ideas.jpg); }

  1. ecoili #submenu #safety-safetyissues a{

position: absolute; width: 221px; height: 100px; top: 20px; left: 18px; }

  1. ecoili #submenu #safety-safetyissues a:hover{ 
     	background:url(Ucl-sm-safety-h-safetyissues.jpg);

}

  1. ecoili #submenu #safety-ourbiobricks a{

position: absolute; width: 230px; height: 100px; top: 20px; left: 256px; }

  1. ecoili #submenu #safety-ourbiobricks a:hover{ 
       background:url(Ucl-sm-safety-h-ourbiobricks.jpg);

}

  1. ecoili #submenu #safety-committee a{

position: absolute; width: 229px; height: 101px; top: 19px; left: 505px; }

  1. ecoili #submenu #safety-committee a:hover{ 
       background:url(Ucl-sm-safety-h-committee.jpg);

}

  1. ecoili #submenu #safety-ideas a{

position: absolute; width: 219px; height: 101px; top: 20px; left: 751px; }

  1. ecoili #submenu #safety-ideas a:hover{ 
       background:url(Ucl-sm-safety-h-ideas.jpg);

}


  1. ecoili .sm-contributions-normal{

height: 130px; 

       background:url(Ucl-sm-contributions-bg.jpg);

}

  1. ecoili .sm-contributions-registryimprovements{

height: 180px; background:url(Ucl-sm-contributions-bg-registryimprovements.jpg); }

  1. ecoili .sm-contributions-ourbiobricks{

height: 180px; background:url(Ucl-sm-contributions-bg-ourbiobricks.jpg); }

  1. ecoili .sm-contributions-quetzalcoatl{

height: 180px; background:url(Ucl-sm-contributions-bg-quetzalcoatl.jpg); }

  1. ecoili #submenu #contributions-ourbiobricks a{

position: absolute; width: 299px; height: 100px; top: 20px; left: 18px; }

  1. ecoili #submenu #contributions-ourbiobricks a:hover{ 
     	background:url(Ucl-sm-contributions-h-ourbiobricks.jpg);

}

  1. ecoili #submenu #contributions-registryimprovements a{

position: absolute; width: 318px; height: 100px; top: 20px; left: 336px; }

  1. ecoili #submenu #contributions-registryimprovements a:hover{ 
       background:url(Ucl-sm-contributions-h-registryimprovements.jpg);

}

  1. ecoili #submenu #contributions-quetzalcoatl a{

position: absolute; width: 298px; height: 101px; top: 20px; left: 672px; }

  1. ecoili #submenu #contributions-quetzalcoatl a:hover{ 
       background:url(Ucl-sm-contributions-h-quetzalcoatl.jpg);

}

  1. ecoili .sm-synbio-normal{

height: 130px; 

       background:url(Ucl-sm-synbio-bg.jpg);

}

  1. ecoili .sm-synbio-igem{

height: 180px; background:url(Ucl-sm-synbio-bg-igem.jpg); }

  1. ecoili .sm-synbio-syntheticbiology{

height: 180px; background:url(Ucl-sm-synbio-bg-syntheticbiology.jpg); }

  1. ecoili .sm-synbio-biobricks{

height: 180px; background:url(Ucl-sm-synbio-bg-biobricks.jpg); }

  1. ecoili #submenu #synbio-syntheticbiology a{

position: absolute; width: 299px; height: 100px; top: 20px; left: 18px; }

  1. ecoili #submenu #synbio-syntheticbiology a:hover{ 
     	background:url(Ucl-sm-synbio-h-syntheticbiology.jpg);

}

  1. ecoili #submenu #synbio-igem a{

position: absolute; width: 318px; height: 100px; top: 20px; left: 336px; }

  1. ecoili #submenu #synbio-igem a:hover{ 
       background:url(Ucl-sm-synbio-h-igem.jpg);

}

  1. ecoili #submenu #synbio-biobricks a{

position: absolute; width: 298px; height: 101px; top: 20px; left: 673px; }

  1. ecoili #submenu #synbio-biobricks a:hover{ 
       background:url(Ucl-sm-synbio-h-biobricks.jpg);

}

  1. ecoili #redYarn{

position:absolute; background:url(Ucl-header-topyarn.jpg) repeat-x; height:221px; width:100%; left:0px; top:-15px; }

  1. ecoili #topleftcorner{

position:absolute; background-color:#fcfaf8; background-image:url(Ucl-header-topleft.jpg); background-repeat:no-repeat; background-position:right top; 

       top:-15px;

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

  1. ecoili #footer a{

color:#333; 

       text-decoration:none;

}

  1. ecoili #footer a:hover{

color:#000; 

       text-decoration:none;

}


  1. ecoili #footer strong{

color:#000; 

       font-weight:normal;

}

  1. footer-box{ 
      margin-top:8px;

}

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