Team:UCL London/css/css

From 2011.igem.org

(Difference between revisions)
Line 120: Line 120:
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
-
}
 
-
 
-
#ecoili #submenu #research-supercoiliology{
 
-
position: absolute;
 
-
width: 180px;
 
-
height: 120px;
 
-
top: 0px;
 
-
left: 5px;
 
-
}
 
-
 
-
#ecoili #submenu #research-nanomagnet{
 
-
position: absolute;
 
-
width: 180px;
 
-
height: 120px;
 
-
top: 0px;
 
-
left: 205px;
 
-
}
 
-
 
-
#ecoili #submenu #research-opensesame{
 
-
position: absolute;
 
-
width: 180px;
 
-
height: 120px;
 
-
top: 0px;
 
-
left: 405px;
 
-
}
 
-
 
-
#ecoili #submenu #research-thecleaner{
 
-
position: absolute;
 
-
width: 180px;
 
-
height: 120px;
 
-
top: 0px;
 
-
left: 605px;
 
-
}
 
-
 
-
#ecoili #submenu #research-monitoring{
 
-
position: absolute;
 
-
width: 180px;
 
-
height: 120px;
 
-
top: 0px;
 
-
left: 805px;=
 
-
}
 
-
 
-
#ecoili #submenu #research-supercoiliology{
 
-
position: absolute;
 
-
width: 180px;
 
-
height: 120px;
 
-
top: 0px;
 
-
left: 5px;=
 
}
}
Line 206: Line 158:
height: 180px;
height: 180px;
background:url(https://static.igem.org/mediawiki/igem.org/9/96/Ucl-sm-research-bg-supercoiliology.jpg);
background:url(https://static.igem.org/mediawiki/igem.org/9/96/Ucl-sm-research-bg-supercoiliology.jpg);
 +
}
 +
 +
#ecoili .sm-research-magnetosites{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/igem.org/e/e2/Ucl-sm-research-bg-magnetosites.jpg);
 +
}
 +
 +
#ecoili .sm-research-extractery{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/igem.org/4/4d/Ucl-sm-research-bg-extractery.jpg);
 +
}
 +
 +
#ecoili .sm-research-stresslight{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/igem.org/c/cb/Ucl-sm-research-bg-stresslight.jpg);
 +
}
 +
 +
#ecoili .sm-research-supercoilometer{
 +
height: 180px;
 +
background:url(https://static.igem.org/mediawiki/igem.org/3/3a/Ucl-sm-research-bg-supercoilometer.jpg);
 +
}
 +
 +
 +
#ecoili #submenu .research-supercoiliology{
 +
position: absolute;
 +
width: 174px;
 +
height: 101px;
 +
top: 0px;
 +
left: 5px;
 +
      background:url(https://static.igem.org/mediawiki/igem.org/6/6c/Ucl-sm-research-h-supercoiliology.jpg);
 +
}
 +
 +
#ecoili #submenu .research-magnetosites{
 +
position: absolute;
 +
width: 182px;
 +
height: 100px;
 +
top: 0px;
 +
left: 205px;
 +
        background:url(https://static.igem.org/mediawiki/igem.org/2/28/Ucl-sm-research-h-magnetosites.jpg);
 +
}
 +
 +
#ecoili #submenu .research-extractery{
 +
position: absolute;
 +
width: 183px;
 +
height: 101px;
 +
top: 0px;
 +
left: 405px;
 +
        background:url(https://static.igem.org/mediawiki/igem.org/c/c2/Ucl-sm-research-h-extractery.jpg);
 +
}
 +
 +
#ecoili #submenu .research-stresslight{
 +
position: absolute;
 +
width: 183px;
 +
height: 101px;
 +
top: 0px;
 +
left: 605px;
 +
        background:url(https://static.igem.org/mediawiki/igem.org/8/8f/Ucl-sm-research-h-stresslight.jpg);
 +
}
 +
 +
#ecoili #submenu .research-supercoilometer{
 +
position: absolute;
 +
width: 169px;
 +
height: 101px;
 +
top: 0px;
 +
left: 805px;
 +
        background:url(https://static.igem.org/mediawiki/igem.org/3/3e/Ucl-sm-research-h-supercoilometer.jpg);
}
}

Revision as of 10:27, 12 September 2011

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(TestHeader.jpg); top:0px; width:990px; height:196px; margin-left:auto; margin-right:auto; }

  1. ecoili #header #safetylink{
      position:absolute;
      top:69px;
      left:767px;
      height:46px;
      width:79px;

}

  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 #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 #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: 121px;

       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{

position: absolute; width: 174px; height: 101px; top: 0px; left: 5px;

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

}

  1. ecoili #submenu .research-magnetosites{

position: absolute; width: 182px; height: 100px; top: 0px; left: 205px;

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

}

  1. ecoili #submenu .research-extractery{

position: absolute; width: 183px; height: 101px; top: 0px; left: 405px;

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

}

  1. ecoili #submenu .research-stresslight{

position: absolute; width: 183px; height: 101px; top: 0px; left: 605px;

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

}

  1. ecoili #submenu .research-supercoilometer{

position: absolute; width: 169px; height: 101px; top: 0px; left: 805px;

       background:url(Ucl-sm-research-h-supercoilometer.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; }