Team:UCL London/css/css

From 2011.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 207: Line 207:
       width:84px;
       width:84px;
       height:58px;
       height:58px;
 +
}
 +
 +
#ecoili #header #partnerslink{
 +
position: absolute;
 +
top: 95px;
 +
left: 870px;
 +
height: 22px;
 +
  width: 109px;
}
}
Line 469: Line 477:
#ecoili #submenu #medical-impactandsynergy a{
#ecoili #submenu #medical-impactandsynergy a{
position: absolute;
position: absolute;
-
width: 230px;
+
width: 478px;
height: 100px;
height: 100px;
top: 20px;
top: 20px;
Line 497: Line 505:
#ecoili .sm-humanprac-background{
#ecoili .sm-humanprac-background{
-
height: 180px;
+
height: 121px;
background:url(https://static.igem.org/mediawiki/2011/f/f3/Ucl-sm-humanprac-bg-background.jpg);
background:url(https://static.igem.org/mediawiki/2011/f/f3/Ucl-sm-humanprac-bg-background.jpg);
}
}
#ecoili .sm-humanprac-debate{
#ecoili .sm-humanprac-debate{
-
height: 180px;
+
height: 121px;
background:url(https://static.igem.org/mediawiki/igem.org/b/bc/Ucl-sm-humanprac-bg-debate.jpg);
background:url(https://static.igem.org/mediawiki/igem.org/b/bc/Ucl-sm-humanprac-bg-debate.jpg);
}
}
#ecoili .sm-humanprac-experts{
#ecoili .sm-humanprac-experts{
-
height: 178px;
+
height: 121px;
background:url(https://static.igem.org/mediawiki/igem.org/a/ac/Ucl-sm-humanprac-bg-experts.jpg);
background:url(https://static.igem.org/mediawiki/igem.org/a/ac/Ucl-sm-humanprac-bg-experts.jpg);
}
}
#ecoili .sm-humanprac-artcollaboration{
#ecoili .sm-humanprac-artcollaboration{
-
height: 180px;
+
height: 121px;
background:url(https://static.igem.org/mediawiki/igem.org/9/90/Ucl-sm-humanprac-bg-artcollaboration.jpg);
background:url(https://static.igem.org/mediawiki/igem.org/9/90/Ucl-sm-humanprac-bg-artcollaboration.jpg);
}
}

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;

}