Team:UCL London/css/css

From 2011.igem.org

Revision as of 18:43, 13 September 2011 by PhilippBoeing (Talk | contribs)

body{ margin: 0px;

       background: #fcfaf8;

}

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

  1. ecoili p{

margin-top:5px; }

  1. ecoili #header{

position:relative; background-image:url(Ucl-header-bg.jpg); top:-14px; 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 #researchlink{
      position:absolute;
      left:343px;
      top:126px;
      width:138px;
      height:65px;

}

  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 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-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-stresslight{

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-stresslight a{

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

  1. ecoili #submenu #research-stresslight 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: 130px;

       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-ourimpact{

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

  1. ecoili .sm-medical-globalsynergy{

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

  1. ecoili .sm-medical-futurechallenges{

height: 180px; 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-ourimpact a{

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

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

}

  1. ecoili #submenu #medical-globalsynergy a{

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

  1. ecoili #submenu #medical-globalsynergy a:hover{
       background:url(Ucl-sm-medical-h-globalsynergy.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: 130px;

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

}

  1. ecoili .sm-humanprac-background{

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

  1. ecoili .sm-humanprac-debate{

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

  1. ecoili .sm-humanprac-experts{

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

  1. ecoili .sm-humanprac-artcollaboration{

height: 180px; 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: 101px; 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: 180px; 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-costanalysis{

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

  1. ecoili #submenu #manufacturing-industryoverview a{

position: absolute; width: 221px; height: 101px; 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: 230px; height: 100px; top: 20px; left: 256px; }

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

}

  1. ecoili #submenu #manufacturing-massbalance a{

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

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

}

  1. ecoili #submenu #manufacturing-costanalysis a{

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

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

}

  1. ecoili #redYarn{

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

  1. ecoili #topleftcorner{

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

       top:-14px;

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