"

From 2012.igem.org

/* -------------------

Title: left.css Team: Shenzhen Author: BGI_K2 Twitter: @BGI_K2 Email: im.ss.kk@gmail.com

Please contact me if you would like to use this script

---

*/

1. navigationMenu{

position:absolute; left:112px; top:265px; }

1. navigationMenu li{

list-style:none; height:50px; padding:2px; width:50px; }

1. navigationMenu span{

width:0px; right:50px; padding:0; position:absolute; overflow:hidden; length:200px;

white-space:nowrap; font-size:18px; line-height:50px; color:#000; opacity:0.9; text-align:right;

-webkit-transition: 0.25s;

}

1. navigationMenu a{

height:50px; width:50px; display:block; position:relative; }

1. navigationMenu a:hover span{

width:120px; padding:0 20px; overflow:hidden;

white-space:nowrap; }

.home{ background:url('https://static.igem.org/mediawiki/2012/6/64/Home_gray.gif'); }

.home:hover{ background:url('https://static.igem.org/mediawiki/2012/7/74/Home.gif'); } .bgic{ background:url('https://static.igem.org/mediawiki/2012/a/a5/Bgic_gray.gif'); } .bgic:hover{ background:url('https://static.igem.org/mediawiki/2012/b/b0/Bgic.gif'); } .instructors{ background:url('https://static.igem.org/mediawiki/2012/6/6c/Instructors_gray.gif'); } .instructors:hover{ background:url('https://static.igem.org/mediawiki/2012/b/bc/Instructors.gif'); } .houseyellow, .housegreen, .houseorange{ background:url('https://static.igem.org/mediawiki/2012/5/53/House_gray.gif'); } .housegreen:hover{ background:url('https://static.igem.org/mediawiki/2012/a/ac/Housegreen.gif'); } .houseyellow:hover{ background:url('https://static.igem.org/mediawiki/2012/1/15/Houseyellow.gif'); } .houseorange:hover{ background:url('https://static.igem.org/mediawiki/2012/5/57/Houseorange.gif'); } .genome{ background:url('https://static.igem.org/mediawiki/2012/8/8c/Genome_gray.gif'); } .genome:hover{ background:url('https://static.igem.org/mediawiki/2012/8/89/Genome.gif'); } .channel{ background:url('https://static.igem.org/mediawiki/2012/c/ce/Channel_gray.gif'); } .channel:hover{ background:url('https://static.igem.org/mediawiki/2012/9/9d/Channel.gif'); } .sensor{ background:url('https://static.igem.org/mediawiki/2012/7/79/Sensor_gray.gif'); } .sensor:hover{ background:url('https://static.igem.org/mediawiki/2012/0/01/Sensor.gif'); } .suicider{ background:url('https://static.igem.org/mediawiki/2012/f/f5/Suicider_gray.gif'); } .suicider:hover{ background:url('https://static.igem.org/mediawiki/2012/1/1d/Suicider.gif'); } .lectures{ background:url('https://static.igem.org/mediawiki/2012/d/de/Lectures_gray.gif'); } .lectures:hover{ background:url('https://static.igem.org/mediawiki/2012/5/5d/Lectures.gif'); } .teamwork{ background:url('https://static.igem.org/mediawiki/2012/e/e3/Teamwork_gray.gif'); } .teamwork:hover{ background:url('https://static.igem.org/mediawiki/2012/2/26/Teamwork.gif'); } .providers{ background:url('https://static.igem.org/mediawiki/2012/2/22/Providers_gray.gif'); } .providers:hover{ background:url('https://static.igem.org/mediawiki/2012/d/df/Providers.gif'); } .sponsors{ background:url('https://static.igem.org/mediawiki/2012/3/3d/Sponsors_gray.gif'); } .sponsors:hover{ background:url('https://static.igem.org/mediawiki/2012/c/cb/Sponsors.gif'); } .home span,.housegreen span, .sensor span, .teamwork span,.sponsors span{ background-color:#8CC541; } .bgic span,.houseorange span,.genome span,.suicider span,.lectures span,.providers span{ background-color:#FBB042; } .instructors span, .houseyellow span, .channel span{ background-color:#FFDD0F; }