"

From 2013.igem.org

body{font-family: proxima-nova,sans-serif; background: url(../img/purple_grid.png) #9d3353;}.clear{clear: both;}.button{display: inline-block; height: 34px; line-height: normal; background-image: url(../img/gray_inactive.png); box-shadow: inset 0 1px rgba(255,255,255,0.22),0 1px 2px rgba(0,0,0,0.3); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: background .3s,box-shadow .3s,top .1s; -moz-transition: background .3s,box-shadow .3s,top .1s; -ms-transition: background .3s,box-shadow .3s,top .1s; -o-transition: background .3s,box-shadow .3s,top .1s; transition: background .3s,box-shadow .3s,top .1s;}.button a{display: block; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 12px; padding: 10px 16px; height: 12px; text-shadow: 0 -1px rgba(0,0,0,0.4);}.button:hover{background-image: url(../img/gray_hover.png); box-shadow: inset 0 1px rgba(255,255,255,0.22),0 1px 5px 0 rgba(0,0,0,0.5); position: relative; top: 0; -webkit-transition: background .3s,box-shadow .3s,top .1s; -moz-transition: background .3s,box-shadow .3s,top .1s; -ms-transition: background .3s,box-shadow .3s,top .1s; -o-transition: background .3s,box-shadow .3s,top .1s; transition: background .3s,box-shadow .3s,top .1s;}.button:active{position: relative; top: 2px; -webkit-transition: top .2s; -moz-transition: top .2s; -ms-transition: top .2s; -o-transition: top .2s; transition: top .2s;}.button:after{display: none; content: url(../img/gray_hover.png);}input,textarea{background: top right no-repeat #edf0f6; padding: 10px 15px 11px 10px; border: 0; border-bottom: 1px solid #eef1f8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: 0; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;}input:-moz-placeholder,textarea:-moz-placeholder{color: #8a92a5;}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #8a92a5;}input.reqblue,textarea.reqblue{background-image: url(../img/required_blue.png);}input.reqpurple,textarea.reqpurple{background-image: url(../img/required_purple.png);}input:focus,textarea:focus{background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset; box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset; border-bottom-color: #eee;}#width_wrapper{margin-top: 30px; width: 1196px; margin: 0 auto;}#header{margin-top: 30px; height: 75px;}#header #hlinks{float: right;}#header #hlinks a.hlink{display: inline-block; margin-right: 40px; color: #a38ad5; font-size: 15px; font-weight: bold; text-decoration: none; text-transform: uppercase; opacity: .8; filter: alpha(opacity=80); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}#header #hlinks a.hlink:hover{opacity: 1; filter: alpha(opacity=100); text-shadow: 0 1px 3px rgba(0,0,0,0.66);}#footer_bg{background: #fff; margin: 0; width: 100%; height: 117px; margin-top: 100px; position: relative;}#footer_bg #footer{text-align: center; text-transform: uppercase; font-family: proxima-nova,sans-serif; font-size: 12px; font-weight: bold; color: #b1bad0; padding-top: 54px; margin: 0 auto; width: 1066px; height: auto;}#footer_bg #footer a{display: inline-block; color: inherit; margin: 0 30px; opacity: 1; text-decoration: none; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;}#footer_bg #footer a:hover{color: #7e8aa7;}#footer_bg #footer .dots{position: relative; top: 1px; padding: 0 30px 0 35px;}#floaty_nav{font-family: 'stratum-1-web',sans-serif; position: fixed; right: 0; top: 200px; text-transform: uppercase; font-size: 13px; font-weight: bold; z-index: 9999;}#floaty_nav a{display: block; *zoom: 1; color: #fff; text-decoration: none; background: url(../img/side_hover.png) 0 -111px repeat-x; padding-left: 10px; height: 37px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; margin-bottom: 2px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;}#floaty_nav a:before,#floaty_nav a:after{display: table; content: "";}#floaty_nav a:after{clear: both;}#floaty_nav a .icon{float: left; width: 9px; height: 10px; background: url(../img/floaty_nav_bullets.png) 0 -9px no-repeat; margin: 16px 12px 0 2px;}#floaty_nav a .text{padding-right: 12px; white-space: nowrap; display: block; width: 90px; margin-top: 14px; -webkit-transition: width .2s; -moz-transition: width .2s; -ms-transition: width .2s; -o-transition: width .2s; transition: width .2s;}#floaty_nav a.selected,#floaty_nav .first_nav:hover{background-position: 0 0;}#floaty_nav a.selected .icon,#floaty_nav .first_nav:hover .icon{background-position: 0 0;}#floaty_nav a.second_nav.selected,#floaty_nav .second_nav:hover{background-position: 0 -74px;}#floaty_nav a.third_nav.selected,#floaty_nav .third_nav:hover{background-position: 0 -37px;}#floaty_nav.shrink a .text{width: 1px;}#floaty_nav:hover a .text{width: 90px;}.headline{font-family: 'stratum-1-web',sans-serif; font-size: 40px; font-weight: 300; text-transform: uppercase; text-shadow: 0 -1px rgba(0,0,0,0.3); color: #fff; width: 1066px; padding: 42px 0; text-align: center; -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.15); -moz-box-shadow: inset 0 1px rgba(255,255,255,0.15); box-shadow: inset 0 1px rgba(255,255,255,0.15);}.headline.green{background: url(../img/green_headline.png);}.headline.purple{background: url(../img/purple_headline.png);}.headline.blue{background: url(../img/blue_headline.png);}.section{background-color: #fff; padding: 50px 60px;}.section a{color: inherit; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s;}.section a:hover{color: #656e82;}.purplebutton{border: 1px solid #584889; font-family: 'stratum-1-web',sans-serif; font-weight: bold; font-size: 13px; padding: 10px 15px; color: #fff; text-transform: uppercase; text-shadow: 0 -1px 1px #563e81; cursor: pointer; text-decoration: none; background-color: #7d6ab1; background-image: -moz-linear-gradient(top,#8977b9,#6a57a6); background-image: -ms-linear-gradient(top,#8977b9,#6a57a6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#8977b9),to(#6a57a6)); background-image: -webkit-linear-gradient(top,#8977b9,#6a57a6); background-image: -o-linear-gradient(top,#8977b9 0,#6a57a6 0); background-image: linear-gradient(top,#8977b9 0,#6a57a6 0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8977b9',endColorstr='#6a57a6',GradientType=0); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px #69728a,inset 0 1px rgba(255,255,255,0.15),inset 0 -2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px #69728a,inset 0 1px rgba(255,255,255,0.15),inset 0 -2px rgba(0,0,0,0.1); box-shadow: 0 1px 3px #69728a,inset 0 1px rgba(255,255,255,0.15),inset 0 -2px rgba(0,0,0,0.1);}.purplebutton:hover{background-color: #8773ba; background-image: -moz-linear-gradient(top,#9381c1,#765fb0); background-image: -ms-linear-gradient(top,#9381c1,#765fb0); background-image: -webkit-gradient(linear,0 0,0 100%,from(#9381c1),to(#765fb0)); background-image: -webkit-linear-gradient(top,#9381c1,#765fb0); background-image: -o-linear-gradient(top,#9381c1 0,#765fb0 0); background-image: linear-gradient(top,#9381c1 0,#765fb0 0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9381c1',endColorstr='#765fb0',GradientType=0);}.purplebutton:active{position: relative; top: 1px; background-color: #9381c1; background-image: -moz-linear-gradient(top,#9381c1,#9381c1); background-image: -ms-linear-gradient(top,#9381c1,#9381c1); background-image: -webkit-gradient(linear,0 0,0 100%,from(#9381c1),to(#9381c1)); background-image: -webkit-linear-gradient(top,#9381c1,#9381c1); background-image: -o-linear-gradient(top,#9381c1 0,#9381c1 0); background-image: linear-gradient(top,#9381c1 0,#9381c1 0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9381c1',endColorstr='#9381c1',GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);}#feature_nav{-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25); box-shadow: 0 1px 1px rgba(0,0,0,0.25); width: 1066px; height: 55px; margin-bottom: 39px; position: absolute;}#feature_nav.fixed{position: fixed; top: 0; z-index: 10; border-radius: 0;}#feature_nav.fixed .block.segmentation,#feature_nav.fixed .block.notifications{border-radius: 0;}#feature_nav .block{float: left; position: relative; height: 55px; background: url(../img/feature_nav.png) no-repeat;}#feature_nav .block.segmentation{width: 215px; border-radius: 3px 0 0 3px;}#feature_nav .block.funnels{width: 211px; background-position: -215px 0;}#feature_nav .block.retention{width: 212px; background-position: -426px 0;}#feature_nav .block.people{width: 213px; background-position: -638px 0;}#feature_nav .block.notifications{width: 215px; background-position: -851px 0; border-radius: 0 3px 3px 0;}#feature_nav .block:hover.segmentation{background-position: 0 -55px;}#feature_nav .block:hover.funnels{background-position: -215px -55px;}#feature_nav .block:hover.retention{background-position: -426px -55px;}#feature_nav .block:hover.people{background-position: -638px -55px;}#feature_nav .block:hover.notifications{background-position: -851px -55px;}#feature_nav .block.active.segmentation{background-position: 0 -110px;}#feature_nav .block.active.funnels{background-position: -215px -110px;}#feature_nav .block.active.retention{background-position: -426px -110px;}#feature_nav .block.active.people{background-position: -638px -110px;}#feature_nav .block.active.notifications{background-position: -851px -110px;}#feature_nav_dummy{height: 94px;}.centering{margin: 0 auto; width: 1025px;}ul.topnav > li > a:hover{background: #F34323; padding-bottom: 1px; border-bottom-width: 5px;}#navigation,.navigation{font-family: 'Lucida Sans Unicode',sans-serif; height: 35px;}#navigation.fixed{position: fixed; top: 0px; z-index: 10; width: 100%;}.navigation{background: -moz-linear-gradient(45deg, #920091 0%, #dd3353 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#920091), color-stop(100%,#dd3353)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #920091 0%,#dd3353 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #920091 0%,#dd3353 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #920091 0%,#dd3353 100%); /* IE10+ */ background: linear-gradient(45deg, #920091 0%,#dd3353 100%); /* W3C */ z-index: 1; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */ position: relative; border-bottom: 1px solid #000000;}.stickToTop{position: fixed; top:0; width:100%;}ul.topnav{list-style: none; padding: 0; margin: 0; float: left; width: 100%; font-size: 16px; font-weight:bold;}ul.topnav li{float: left; margin: 0; padding: 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/}ul.topnav li a{padding: 10px 20px 5px 20px; color: #fff; display: block; text-decoration: none; float: left;}ul.topnav > li > a{height: 23px; overflow: hidden;}ul.topnav li span{/*--Drop down trigger styles--*/ color: #CCCCCC;}ul.topnav li span.subhover{background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ul.topnav li ul.subnav{z-index: 1; //Stay on top of slider list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 39px; background: #333; margin: 0; padding: 0; display: none; float: left; border: 1px solid #111; border-radius: 0 0 5px 5px;}ul.topnav li ul.subnav li{margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; list-style: none outside none;}ul.topnav li ul.subnav, ul.topnav li ul.subnav li{width: 160px;}ul.topnav li ul.subnav li:last-child{border-radius: 0 0 5px 5px;}ul.topnav li ul.subnav li a{float: left; padding-left: 10px; padding-right: 10px; width: 140px;}ul.topnav li ul.subnav li a:last-child{border-radius: 0 0 5px 5px;}ul.topnav li ul.subnav li a:hover{/*--Hover effect for subnav links--*/ background: #222 /*url() no-repeat 10px center*/;}