"

From 2013.igem.org

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}*{margin:0;padding:0}body{font-size:16px;color:#fff;background-color:#fff;overflow:hidden;font-family:"Myriad Pro", "Trebuchet MS", sans-serif;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2)}h1{font-size:50px}h2{font-size:45px}h3{font-size:40px}h4{font-size:35px}h5{font-size:30px}h6{font-size:25px}h1,h2,h3,h4,h5,h6{margin:20px}p{margin-bottom:300px}a{color:#FFF}a .cufon{border-bottom:dashed 1px #FFF;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-ms-transition:all 1s ease-out;transition:all 1s ease-out}a:hover .cufon{background:rgba(0, 0, 0, 0.50);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-ms-transition:all 1s ease-out;transition:all 1s ease-out}nav a .cufon{border-bottom:none}nav a:hover .cufon{background:none}.nomargin{margin-bottom:0px}.overlay{width:100%;height:100%;position:fixed;top:0px;left:0px;background:url(../images/dotted.png);opacity:0.3}.main img.preview{position:absolute;left:0px;top:0px;width:100%;-webkit-box-reflect:below 0px -webkit-gradient(linear, left bottom, left top, from(white), to(transparent))}ul.navigation{position:absolute;width:100%;top:140px;left:0px;list-style:none}ul.navigation li{float:left;clear:both;margin-bottom:8px;position:relative;width:100%}ul.navigation li span.arrow_down,ul.navigation li span.arrow_up{background-color:rgba(0, 0, 0, 0.75);position:absolute;width:40px;height:50px;cursor:pointer;-webkit-box-shadow:0px 0px 2px #000;-moz-box-shadow:0px 0px 2px #000;box-shadow:0px 0px 2px #000}ul.navigation li span.arrow_down{background:rgba(0, 0, 0, 0.75) url(../images/icons/down.png) no-repeat center center}ul.navigation li span.arrow_up{background:rgba(0, 0, 0, 0.75) url(../images/icons/up.png) no-repeat center center}.wrapper{display:none;position:absolute;width:100%;height:126px;-ms-overflow-y:hidden;overflow-y:hidden;top:50px;left:0px;-webkit-box-shadow:1px 1px 5px #000;-moz-box-shadow:1px 1px 5px #000;box-shadow:1px 1px 5px #000}.thumbs{height:126px;margin:0}.thumbs img{float:left;margin:3px 3px 0px 0px;cursor:pointer;-webkit-box-shadow:1px 1px 5px #000;-moz-box-shadow:1px 1px 5px #000;box-shadow:1px 1px 5px #000;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)}.loading{position:fixed;top:10px;right:0px;background:rgba(0, 0, 0, 0.75) url(../images/icons/loader.gif) no-repeat 10px 50%;padding:15px 40px 15px 60px;-webkit-box-shadow:0px 0px 2px #000;-moz-box-shadow:0px 0px 2px #000;box-shadow:0px 0px 2px #000;opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)}.about{display:none;position:absolute;top:50px;left:0px;opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)}.subcontent{background:#000;padding:30px;-webkit-box-shadow:0px 0px 10px #000;-moz-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000}ul.menu{margin:0;padding:0;list-style:none;font-size:14px;width:1020px}ul.menu a{text-decoration:none;outline:none}ul.menu li{float:left;width:170px;height:85px;position:relative;cursor:pointer}ul.menu li > a{position:absolute;top:0px;left:0px;width:170px;height:85px;z-index:12;background:transparent url(../images/overlay.png) no-repeat bottom right;background-color:rgba(0, 0, 0, 0.75);-webkit-box-shadow:0px 0px 2px #000 inset;-moz-box-shadow:0px 0px 2px #000 inset;box-shadow:0px 0px 2px #000 inset}ul.menu li a img{border:none;position:absolute;width:0px;height:0px;bottom:0px;left:85px;z-index:100;-webkit-box-shadow:0px 0px 4px #000;-moz-box-shadow:0px 0px 4px #000;box-shadow:0px 0px 4px #000}ul.menu li span.wrap{position:absolute;top:25px;left:0px;width:170px;height:60px;z-index:15}ul.menu li span.active{position:absolute;background:rgba(0, 0, 0, 0.75);top:85px;width:170px;height:0px;left:0px;z-index:14;-webkit-box-shadow:0px 0px 4px #000 inset;-moz-box-shadow:0px 0px 4px #000 inset;box-shadow:0px 0px 4px #000 inset;-webkit-border-bottom-right-radius:15px;-webkit-border-bottom-left-radius:15px;border-bottom-right-radius:15px;-moz-border-radius-bottomright:15px;border-bottom-left-radius:15px;-moz-border-radius-bottomleft:15px}ul.menu li span span.link,ul.menu li span span.descr,ul.menu li div.box a{margin-left:15px;text-transform:uppercase;text-shadow:1px 1px 1px #000}ul.menu li span span.link{color:#fff;font-size:22px;float:left;clear:both}ul.menu li span span.descr{color:#0B75AF;float:left;clear:both;width:155px;font-size:10px;letter-spacing:1px}ul.menu li div.box{display:block;position:absolute;width:170px;overflow:hidden;height:170px;top:85px;left:0px;display:none;background:#000}ul.menu li div.box a{float:left;clear:both;line-height:30px;color:#0B75AF}ul.menu li div.box a:first-child{margin-top:15px}ul.menu li div.box a:hover{color:#fff}ul.menu{margin-top:150px}.thumbs_wrapper{padding-top:30px;padding-bottom:30px;background-color:rgba(0, 0, 0, 0.75)}.image{border:5px solid rgba(255, 255, 255, 0.30);-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;float:right;-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1)}#popupAbout,#popupProjects,#popupContact,#popupBlog{height:600px;width:900px;overflow:auto;background-color:rgba(0, 0, 0, 0.75);border:2px solid #cecece;z-index:15;padding:20px;color:#FFF;-webkit-box-shadow:0px 0px 4px #000 inset;-moz-box-shadow:0px 0px 4px #000 inset;box-shadow:0px 0px 4px #000 inset;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;margin-top:-50px;visibility:hidden}#popupAbout p,#popupProjects p,#popupContact p,#popupBlog p{padding-left:10px;font-size:18px;line-height:20px}#popupAbout h1,#popupProjects h1,#popupContact h1,#popupBlog h1{text-align:left;font-size:30px;letter-spacing:1px;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px}#popupAboutClose,#popupProjectsClose,#popupContactClose,#popupBlogClose{right:6px;top:6px;position:absolute;display:block}*:focus{outline:none}form{margin-top:-275px;width:350px;margin-left:25px}input,textarea{background-color:#fff;border:1px solid #ccc;width:300px;min-height:30px;display:block;margin-bottom:16px;margin-top:8px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;color:#fff}textarea{min-height:200px}input:focus,textarea:focus{-webkit-box-shadow:0 0 25px #ccc;-moz-box-shadow:0 0 25px #ccc;box-shadow:0 0 25px #ccc;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}input:not(:focus),textarea:not(:focus){opacity:0.5}input:required,textarea:required{background:url("../images/asterisk_orange.png") no-repeat 280px 7px}input:valid,textarea:valid{background:url("../images/tick.png") no-repeat 280px 5px}input:focus:invalid,textarea:focus:invalid{background:url("../images/cancel.png") no-repeat 280px 7px}input[type=submit]{padding:10px;background:none;opacity:1.0}#social-network img{float:right;margin-left:20px;opacity:0.6;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-ms-transition:all 1s ease-out;transition:all 1s ease-out}#social-network img:hover{opacity:1;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-ms-transition:all 1s ease-out;transition:all 1s ease-out}#social-network{float:right;margin-top:-150px;float:left;margin-left:475px}.map{margin-top:-500px;margin-right:25px;border:5px solid rgba(255, 255, 255, 0.30);-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;float:right}