"

From 2014.igem.org

@charset "utf-8"; /* CSS Document */ /* body */ body{ background-color:#f1f0ed; padding: 0; margin: 0; }

.single-item img{ position: absolute; left: 50%; margin: 0 0 0 -672px; width: 1345px; height: 206px; }

/* sidenav */ ul{ list-style-type: none; display:block;

   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:left;
   text-decoration:none;

}

.sidebar { color:#FFFFFF;

   background-color:#98bf21;

padding:16px; font-size: 18px; font-weight:bold; width:150px; position: absolute; left: 50%; margin: 0 0 0 -630px; top: 300px; line-height: 34px; }

.subsidebar{ padding:0 7px; margin: 0; font-size:14px; font-weight:normal; width:100px; line-height: 30px; }

a:link,a:visited { display:block; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#98bf21; text-align:left; padding:4px; text-decoration:none; }

a:hover,a:active { background-color:#7A991A; }

.sidebar em:link, .sidebar em:visited { display:block; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#98bf21; /*rgb(152, 191, 33);*/ text-align:left; padding:6px; text-decoration:none; }

.sidebar em:hover, .sidebar em:active { cursor: pointer; background-color:#7A991A; }

.navibar { position: absolute; left: 50%; top: 204px; margin: 0 0 0 -672px; width: 1345px; height: 60px; z-index: 1000; background-color: rgb(37, 37, 37); color: white;

}

.navibar span { position: relative; top: 10px; margin: 0 0 0px 50px; color: white; font-size: 30px; }

.navibar img { position: absolute; width: 50px; height: auto; top:9%; } /* .navibar img:hover { position: absolute; width: 52px; height: auto; top:7%; cursor: pointer; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

• /

1. icon1 {

left: 64%; }

1. icon2 {

left: 71%; }

1. icon3 {

left: 78%; }

1. icon4 {

left: 85%; }

1. icon5 {

left: 92%; }

.content { position: absolute; top: 300px; left: 50%; margin: 0 0 0 -400px; height: 2000px; width: 800px; background-color: rgb(200,200,200); padding: 30px; }

1. route {

margin: 0 0 0 40px; }

1. route a:hover{

background-color: rgb(50,50,50); cursor:pointer; }

1. top {

position: fixed; bottom: 3%; width: 80px; height: auto; left: 85%; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

1. top:hover {

filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

1. project {

background-color: rgb(181, 201, 15); /*rgb(152, 191, 33);*/ /*-29 -10 -18*/ }

1. project {

background-color: rgb(181, 201, 15); }

1. judging {

background-color: rgb(237, 143, 107); }

1. judging em:hover {

background-color: rgb(178, 123, 79); }

1. humanpractice {

background-color: rgb(122, 165, 158); }

1. humanpractice em:hover {

background-color: rgb(100, 155, 144); }

1. notebook {

background-color: rgb(183, 178, 156); }

1. notebook em:hover {

background-color: rgb(153, 170, 156); }

1. team {

background-color: rgb(237, 157, 96); }

1. team em:hover {

background-color: rgb(205, 137, 75); }

1. tip em:hover {

cursor: pointer; }

1. tipImg {

position: absolute; padding: 20px 20px 20px 20px; width: 200px; /*the size of tip.png*/ z-index: 1000; white-space:normal; word-break:break-all; overflow:hidden;

  	background-image:url(../images/tip.png);
  	
  	filter:alpha(opacity=50); 

-moz-opacity:0.5; opacity:0.5;

  	background-repeat: no-repeat; 
	-moz-background-size:contain;
   -webkit-background-size:contain;
   -o-background-size:contain;
   background-size:contain;

}