Template:Fatih-header

From 2012.igem.org

(Difference between revisions)
Maral (Talk | contribs)
(Created page with "<head> <style> - →reset.css: a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div...")
Newer edit →

Revision as of 11:17, 9 September 2012

<head> <style>

/* reset.css */ a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}ol,ul{list-style:none}blockquote,q{quotes:none}table,table td{padding:0;border:none;border-collapse:collapse}img{vertical-align:top}embed{vertical-align:top}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}

/* superfish.css */ .sf-menu{text-transform:capitalize;font-size:0;line-height:0;float:right;padding:10px 23px 0;} .sf-menu ul{position:absolute;top:-999em;min-width:124px;background:#232321;padding:13px 0px 10px 22px;left:0;display:none;border-radius:7px;} .sf-menu li{position:relative;} .sf-menu>li{float:left;border-radius:7px 7px 0 0;} .sf-menu>li:first-child{background:none;} .sf-menu a{text-decoration:none;font-size:17px;line-height:1.2em;letter-spacing:-1px} .sf-menu>li>a{color:#fff;padding:12px 22px 20px;display:block;} .sf-menu>li.current>a,.sf-menu>li>a:hover,.sf-menu>li.sfHover>a{color:#636053;} .sf-menu li:hover ul,.sf-menu li.sfHover ul{top:55px;z-index:99;} .sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em} .sf-menu>li.current,.sf-menu>li:hover,.sf-menu>li.sfHover{background:#f0f0f0;} .sf-menu li li a{color:#fff;font-size:16px;line-height:1.2em;} .sf-menu li li.current>a,.sf-menu li li>a:hover,.sf-menu li li.sfHover>a{color:#cd3108;} .sf-menu li li{margin:0 0 7px;} .sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:100%;top:-13px;margin-left:1px;}


/* grid.css */ .container_24{margin:0 auto;width:960px;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px;}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;height:0;}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


/* coin-slider.css */

  1. coin-slider{overflow:hidden;background:url(../images/loader.gif) 50% 50% no-repeat;width:900px;height:600px;margin:0 auto;}

.coin-slider{position:relative;margin:10px auto 10px;width:900px;height:600px;} .coin-slider a{text-decoration:none;outline:none;border:none} .cs-buttons{font-size:0px;position:absolute;line-height:0;bottom:20px;right:17px;} .cs-buttons a{margin-right:2px;height:24px;width:24px;background:#e5e5df;display:inline-block;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;} .cs-buttons a:hover,.cs-buttons a.cs-active{background:#cd3108;} .cs-prev,.cs-next{background:#e5e5df;color:#cd3108;padding:0px 10px} .cs-prev:hover,.cs-next:hover{background:#cd3108;color:#e5e5df}

/* forms.css */ input[type="text"],input[type=password],textarea{font-family:Arial, Helvetica, sans-serif;color:#5d5d60;font-size:1em;vertical-align:middle;font-weight:normal;padding:10px 13px;margin:0;background:#f0f0f0;border:none;outline:none;width:364px;box-shadow:0 0 5px rgba(0,0,0,.4);border-radius:7px;}

  1. search input[type="text"]{vertical-align:middle;width:224px;margin:0 2px 0 0;background:#fff;box-shadow:-1px -1px 2px #999;border-radius:5px;}
  2. search a{vertical-align:middle;display:inline-block;font-size:23px;line-height:1.2em;color:#fff;background:#b12c0a;border-radius:5px;letter-spacing:-2px;padding:3px 20px 7px;}
  3. search a:hover{background:#000;}

fieldset{border:none;padding:0;margin:0;} /* Contact form */

  1. contact-form{position:relative;vertical-align:top;}
  2. contact-form .success{position:absolute;bottom:100%;left:0;display:none;font-weight:bold;}

#contact-form label{padding:0 0 11px;display:block;position:relative;margin:0;} #contact-form .message{padding-bottom:18px} #contact-form textarea{height:206px;overflow:auto;resize:none;width:483px;} #contact-form .error,#contact-form .empty{color:#f00;display:none;position:absolute;top:4px;left:395px;font-size:12px;line-height:1.2em;width:115px;} #contact-form .message .error,#contact-form .message .empty{left:5px;top:230px;width:auto} #contact-form .btns{text-align:right;}

/* Newsletter-form */

  1. newsletter-form input[type="text"]{background:#a8a8a3;border:none;border-top:1px solid #7a7a73;border-left:1px solid #7a7a73;border-radius:5px;padding:6px 13px;width:180px;margin-bottom:9px;color:#000;box-shadow:none;}
  1. newsletter-alt-form{position:relative;}
  2. newsletter-alt-form fieldset{border:none}
  3. newsletter-alt-form label,#newsletter-form label{display:inline-block;vertical-align:middle;position:relative;}
  4. newsletter-alt-form .success,#newsletter-form .success{position:absolute;bottom:100%;left:0;display:none;font-weight:bold;}
  5. newsletter-alt-form input[type=text]{width:215px;margin-right:12px;}
  6. newsletter-alt-form .error,#newsletter-alt-form .empty,#newsletter-form .error,#newsletter-form .empty{color:#f00;display:none;position:absolute;top:100%;left:0;font-size:12px;line-height:1.2em;}
  7. newsletter-alt-form a{vertical-align:middle;}

/* kwiks.css */ .kwicks-wrapper{overflow:hidden;background:#000;} .kwicks{list-style:none;position:relative;margin:0;padding:0 !important;overflow:hidden;height:600px;} .kwicks li{width:20%;height:600px;display:block;overflow:hidden;padding:0 !important;cursor:pointer;opacity:.5;background:none !important} .kwicks li.active{opacity:1;} .kwicks.horizontal li{margin-right:0;float:left;}

/* skin.css */ .jcarousel-skin-tango{overflow:hidden;height:85px;background:url(../images/carousel-tail.gif) 0 0 repeat-x;} .jcarousel-skin-tango .jcarousel-container-horizontal{width:760px;padding:18px 70px 24px;margin:0 auto} .jcarousel-list{overflow:hidden;} .jcarousel-skin-tango li{float:left;margin-right:56px;} .jcarousel-next-horizontal,.jcarousel-prev-horizontal{position:absolute;top:25px;width:35px;height:35px;cursor:pointer;background-repeat:no-repeat;z-index:100;background-position:11px 9px;border-radius:18px;background-color:#a8a8a3;} .jcarousel-next-horizontal{right:0;background-image:url(../images/next.png);background-position:13px 9px;} .jcarousel-prev-horizontal{left:0;background-image:url(../images/prev.png);}

/* style.css */

body{background:#242422;font:14px/18px Arial, Helvetica, sans-serif;color:#5d5d60;position:relative;min-width:984px;} html,body{height:100%;} /* Global Structure---------------------------------------- */ .main{margin:0 auto;width:950px;} .bg{background:url(../images/body-tail.jpg) 50% 0 repeat-x #fff;overflow:hidden;} .bg2{background:url(../images/body.jpg) 50% 0 no-repeat;overflow:hidden;} /*----- txt,links,lines,titles -----*/ a{color:#cd3108;outline:none;cursor:pointer;text-decoration:underline;} a:focus{border:none;outline:none;} a:hover{text-decoration:none;} .clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;} .clear_right{clear:right;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;} .wrapper{width:100%;overflow:hidden;} .extra-wrap{overflow:hidden;display:block;} p{margin-bottom:18px} .p0{margin-bottom:0 !important} .p1{margin-bottom:8px !important} .p2{margin-bottom:15px !important} .p3{margin-bottom:30px !important} .p4{margin-bottom:40px !important} .p5{margin-bottom:50px} .p6{margin-bottom:60px !important;} .p7{margin-bottom:70px} .reg{text-transform:uppercase} .fleft{float:left} .fright{float:right} .alignright{text-align:right;} .aligncenter{text-align:center} .alignmiddle *{vertical-align:middle} .it{font-style:italic} .letter{letter-spacing:-1px} .color-1{color:#fff} .color-2{color:#000} .color-3{color:#ff8800} /*********************************boxes**********************************/ .margin-bot{margin-bottom:35px !important} .spacing{margin-right:30px;} .spacing2{margin-right:6px} .spacing3{margin-right:60px} .indent-bot{margin-bottom:20px !important} .indent-bot2{margin-bottom:30px} .indent-bot3{margin-bottom:45px} .img-indent-bot{margin-bottom:25px !important} .img-indent{float:left;margin:0 20px 0px 0} .img-indent2{float:left;margin:0 15px 0px 0} .img-indent3{float:left;margin:0 10px 0px 0px} .img-indent-r{float:right;margin:0 13px 0px 30px} .prev-indent-bot{margin-bottom:10px !important} .prev-indent{float:left;margin:0 17px 0px 0} .padding-top{padding-top:10px} .padding-top1{padding-top:30px} .padding-top2{padding-top:25px} /*********************************header*************************************/ header .main{position:relative;} header h1{position:absolute;left:15px;top:0;border:none;z-index:100;} header h1 a{background:url(../images/logo.png) 0 0 no-repeat;width:237px;height:117px;text-indent:-5000px;overflow:hidden;display:block;} header nav{background:url(../images/nav.jpg) 0 0 repeat-x;clear:both;border:1px solid #4d4d4b;border-bottom:none;border-radius:7px 7px 0 0;box-shadow:0 -5px 5px rgba(0,0,0,.3);} header nav .bottom{width:950px;height:7px;overflow:hidden;font-size:0;line-height:0;background:#f1f1f1;clear:both;border-radius:7px 7px 0 0;margin-left:-1px;} .flash-1{height:416px;width:950px;overflow:hidden;background:#fff;} .flash{height:499px;width:1000px;margin-left:-25px;overflow:hidden;margin-top:-7px} .icons{overflow:hidden;float:right;padding:23px 23px 10px 0;} .icons li{float:left;margin:0 5px 0 0;} /********************** Content ************************/ .content_1{width:950px;margin:0 auto;position:relative;padding:0 17px} .content_1 .shadow{position:absolute;top:0;left:17px;width:950px;height:800px;box-shadow:0 17px 17px rgba(0,0,0,.3);border-radius:0 0 500px 500px;} .content_2{background:url(../images/content-tail.gif) 0 0 repeat-x #fff;position:relative;width:950px;} section#content{padding:33px 0 66px;} section#content .container_24{position:relative;left:-5px;}

  1. page_404 section#content{padding:97px 0 66px;}

.padding{padding:0 10px;} .padding-left{padding-left:25px;} /* Header styles */ h1,h2,h3,h4,h5,h6{margin:0 0 21px;line-height:1.2em;color:#272623;} h1{font-size:35px;letter-spacing:-2px;text-transform:uppercase;} h2{font-size:32px;letter-spacing:-2px;margin:0 0 30px} h3{font-size:21px;letter-spacing:-1px;margin:0 0 20px;} h4{font-size:21px;color:#aaa9a1;letter-spacing:-1px;margin:0 0 5px;} h5{font-size:18px;color:#aaa9a1;text-transform:uppercase;letter-spacing:-1px;} h6{font-size:16px;text-transform:uppercase;letter-spacing:-1px;} h1 strong{color:#272623;font-size:48px;line-height:1.2em;display:block;}

.block{background-position:0 0;background-repeat:no-repeat;font-size:27px;line-height:1.2em;color:#fff;padding:34px 0 0 92px;letter-spacing:-2px;height:97px;margin-bottom:10px;width:158px;position:relative;} .block strong{display:block;text-transform:uppercase;color:#fff;margin-bottom:-10px;} .block a{position:absolute;display:block;right:-17px;top:48px;width:35px;height:35px;border-radius:18px;background-image:url(../images/blocks-link.png);background-repeat:no-repeat;background-position:13px 9px;} .block:first-child a:hover,.block:first-child+.block a:hover,.block:first-child+.block+.block a:hover,.block:first-child+.block+.block+.block a:hover{background-color:#000;} .block:first-child a{background-color:#5c1901;} .block:first-child+.block a{background-color:#af2b0a;} .block:first-child+.block+.block a{background-color:#ec781d;} .block:first-child+.block+.block+.block a{background-color:#676457;} .block:first-child{background-image:url(../images/block_1.jpg)} .block:first-child+.block{background-image:url(../images/block_2.jpg)} .block:first-child+.block+.block{background-image:url(../images/block_3.jpg)} .block:first-child+.block+.block+.block{background-image:url(../images/block_4.jpg)}

.block2{color:#fff;font-size:13px;line-height:18px;background-position:0 0;background-repeat:no-repeat;padding:8px 10px 0 86px;height:123px;overflow:hidden;margin:0 0 10px;} .block2 h2{color:#fff;font-size:28px;margin:0 0 15px;} .block2 h2 strong{text-transform:uppercase;} .block2:first-child{background-image:url(../images/block2_1.jpg)} .block2:first-child+.block2{background-image:url(../images/block2_2.jpg)} .block2:first-child+.block2+.block2{background-image:url(../images/block2_3.jpg)} .block2:first-child+.block2+.block2+.block2{background-image:url(../images/block2_4.jpg)}

.nowrap{white-space:nowrap}

.padding-right{padding-right:30px}

.divider{background:url(../images/divider.gif) 260px 0 repeat-y} .divider2{background:url(../images/divider.gif) 280px 0 repeat-y}

.relative{position:relative;z-index:4} figcaption{position:absolute;bottom:0px;z-index:5;left:0px;right:0px;background:#ff8700;color:#fff;padding:2px 0;font-size:28px;text-align:center;line-height:1.2em;} .scroll{overflow:auto;height:180px;position:relative} .border-bot{padding:0 0 32px;margin:0 0 15px;border-bottom:2px solid #e5e5df;} .border-bot1{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid #f2f2ef;} .border-bot2{padding-top:20px;margin-bottom:30px;border-bottom:1px solid #f2f2ef}

img.radius{border-radius:7px;}

/* Buttons */ .button{color:#cd3108;display:inline-block;background:#e5e5df;text-decoration:none;padding:5px 11px 4px;font-size:13px;line-height:18px;border-radius:7px;border-bottom:1px solid #d8d8d3;border-right:1px solid #ddddd7;} .button1{color:#e4e4dd;display:inline-block;background:#232321;text-decoration:none;padding:5px 14px;font-size:13px;line-height:18px;border-radius:7px;} .link{text-decoration:none;} .link:hover{text-decoration:underline;} .link-1{color:#5d5d60;} .link-2{color:#424141;font-weight:bold;}

.list-1 li{padding:0px 0 10px 0;line-height:19px;overflow:hidden;position:relative;} .list-1 li span{background-color:#20201f;float:left;width:19px;height:19px;margin-right:11px;border-radius:10px;position:relative;} .list-1 li span em{background:url(../images/list1-marker.gif) 6px 50% no-repeat;display:block;width:19px;height:100%;} .list-1 li div{overflow:hidden;} .list-1 li a{color:#cd3108;text-decoration:none;} .list-1 li a:hover{text-decoration:underline;}

.list-2 li{padding:0px 0 12px 17px;background:url(../images/list1-marker.png) 0 5px no-repeat;} .list-2 li a{font-size:14px;color:#6c90ba;}

.backgroundbox-1{background:url(../images/page2-img2.jpg) 100% 0 no-repeat;padding-right:170px;overflow:hidden;}

time{display:block;padding:0 0 7px 0px;font-size:13px;} time a{font-style:italic;}

.dropcap{float:left;font-size:24px;line-height:30px;width:40px;text-align:center;margin:0 15px 0 0;padding:5px 0;border-radius:20px;color:#fff;font-weight:normal;} .dropcap_1{background:#c1c2c3;} .dropcap_2{background:#ffbc01;} .dropcap_3{background:#ff8700;} .dropcap_4{background:#666;} .text1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;color:#22201f;}

  1. map_canvas{width:324px;height:305px;margin:0 0 25px;}

aside{padding:43px 0 36px;background:url(../images/aside-texture.gif) 50% 0 repeat #e4e4dd;color:#a4a4a4;} aside p{margin:0 0 22px;} aside ul{overflow:hidden;} aside li{margin:0 0 3px 0px;line-height:17px;} aside li:hover{background:#a8a8a3;} aside li a,aside .list-1 li a{color:#5d5d60;text-decoration:none;background:url(../images/aside-marker.png) 7px 4px no-repeat;padding:0 0 0 18px;display:block;} aside li a:hover{color:#fff;} aside .ibe_inner{border:4px solid #ebebeb !important;} aside strong{color:#2d2d2d;} /******************** Footer ******************/ footer{color:#dbdbdb;padding:11px 0px;font-size:13px; background-color: #242422; background-image: -webkit-gradient(linear, left top, left bottom, from(#333332), to(#242422)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #333332, #242422); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #333332, #242422); /* FF3.6 */ background-image: -ms-linear-gradient(top, #333332, #242422); /* IE10 */ background-image: -o-linear-gradient(top, #333332, #242422); /* Opera 11.10+ */ background-image: linear-gradient(top, #333332, #242422); 

   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#333332', EndColorStr='#242422');

} footer a{color:#dbdbdb;} footer .main{width:900px}

/* Left & Right alignment */ blockquote{display:block;margin:0 0px 35px 0px;quotes:none;font-size:15px;background:url(../images/quotes.png) 0px 0 no-repeat;padding:0 0 0 37px;color:#aaa9a1;}

.top1{background:url(../images/top.gif) 0 65% no-repeat;color:#5d5d60;text-transform:uppercase;padding:0 0 0 12px;text-decoration:none;} .top1:hover{color:#ac2a0a}

ins{background:#cd3108;padding:0 5px;color:#fff;text-decoration:none;} del{text-decoration:line-through;} abbr{cursor:help;color:#cd3108;border-bottom:1px dotted #cd3108;} dfn{letter-spacing:2px;color:#cd3108} em{color:#cd3108} sub{vertical-align:bottom} sub,sup{font-size:.8em;} small{font-size:10px;font-family:Verdana,Geneva,sans-serif;} big{font-size:19px;font-weight:bold;} q{font-family:"Courier New",Courier,monospace;color:#cd3108} abbr,acronym{text-transform:uppercase;} pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;display:block} code{background-color:#f6f6f6;display:block;color:#333;padding:3px 2px 3px 5px;line-height:1.67em;border:1px dotted #333} pre{white-space:pre} /* Layouts navigation */ .layouts-nav{width:100%;overflow:hidden;padding-bottom:30px !important} .layouts-nav li{float:left;margin-right:20px;background:none !important;padding:0 !important} .layouts-nav li a{float:left;background:#333;padding:2px 10px;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:relative;margin-right:10px;cursor:pointer;text-decoration:none;} .layouts-nav li a:hover{background:#aaa} /* Definition list style */ dl dt{margin:0 0 18px;} dl dd span{display:inline-block;width:104px;} dl dd a{color:#5d5d60;}

/* Table styling */ table{border:2px solid #c57466;} table thead th{color:#fff;border-bottom:3px solid #c57466;padding:17px 0;font-size:17px;line-height:1.2em;font-weight:normal;background:#ac2a0a;border-right:1px solid #fa7858;} table tbody tr td{width:125px;text-align:center;padding:7px 0;background:#e9e9e9;border:1px solid #bfbfbf;} table tbody tr:hover td{background:#fff;}

/* Information box */ .info-box,.download-box,.notification-box,.error-box{padding:20px 30px 20px 110px;margin-bottom:15px;position:relative;height:1%;font-size:13px;} .info-box{color:#64757f;background:#e1f2fc;border:1px solid #68a2cf} .download-box{color:#697a58;background:#eeffdd;border:1px solid #a3c159} .notification-box{color:#79725b;background:#fef7e0;border:1px solid #e6c555} .error-box{color:#7e6c6c;background:#feebeb;border:1px solid #ff9999} .info-box p.icon,.download-box p.icon,.notification-box p.icon,.error-box p.icon{position:absolute;left:34px;top:16px;margin:0} /* Pages

*/

/* 404 page */ /* Under Construction page =====*/

  1. constuction-box{width:800px;height:500px;position:absolute;left:50%;top:50%;margin-left:-400px;margin-top:-250px;background:#fff;border-color:#ccc;box-shadow:0 0 10px #d0d4db;text-align:center;border-radius:7px;}

#constuction-box .inside{padding:40px 40px 40px 40px} #constuction-box .button{position:relative} #constuction-box h1{text-align:center;font-size:4em;margin-bottom:.2em;line-height:1.2em;letter-spacing:2px;border-bottom:1px solid #ddd;padding-bottom:10px;} #constuction-box h1 span{color:#00c4ff;display:block;margin-bottom:-15px} /* Countdown */ #countdown_dashboard{height:110px;padding:30px 0 40px 0;width:650px;margin:0 auto;position:relative} .dash{width:110px;height:114px;background:transparent url('../images/dash.png') 0 0 no-repeat;float:left;margin-left:20px;position:relative} .dash .digit{font-size:75px;line-height:92px;font-weight:bold;float:left;width:55px;text-align:center;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#555;position:relative} .dash .digit .bottom{font-size:75px;line-height:92px} .dash_title{position:absolute;display:block;bottom:0px;left:0;font-size:12px;color:#555;letter-spacing:2px;width:110px} .dev_comment{font-size:14pt;color:#777;text-align:center;font-style:italic;margin:40px 10px} #subscribe_form{position:relative} #email_field{font-size:16pt;padding:6px 10px;width:300px} #subscribe_button{font-size:14pt;color:#333;padding:4px 8px} .copyright{font-size:9pt;color:#333;margin:40px 0px} .faded{color:#999} .form_message{width:400px;padding:10px;margin:15px auto;display:none} #error_message{background-color:#ffe;border-left:5px solid #bb3;border-right:5px solid #bb3;color:#770} #info_message{background-color:#f0f9ff;border:1px solid #eef} #loading{text-align:center;margin:10px;display:none;position:absolute;width:100%;top:60px} /* Intro page */

  1. intro-box{width:600px;height:400px;position:relative;left:50%;top:50%;margin-left:-300px;margin-top:-200px;background:#fff;border-color:#ccc;box-shadow:0 0 10px #000;text-align:center;float:left;border-radius:7px;}

#intro-box .inside{padding:40px 40px 40px 40px} #intro-box h1{text-align:center;font-size:4em;margin-bottom:.2em;line-height:1.2em;position:absolute;left:0;top:-90px;width:600px;overflow:hidden;height:100px;border:none;color:#fff;} #intro-box h1 span{color:#1fb7c4;display:block;margin-bottom:-15px} #intro-box .button{position:absolute;right:40px;bottom:10px;float:right;white-space:nowrap} .intro-buttons{width:500px;padding:0 50px;position:absolute;left:0;bottom:50px} #flash-intro{margin-bottom:20px;position:absolute;left:23px;top:20px}

.img-404{margin:4px 0 0 -19px;} /* Content

*/

/* Lightbox image */ figure.border{border:1px solid #000;display:inline-block;} .lightbox-image{display:inline-block;position:relative;overflow:hidden;} .lightbox-image span{left:0;top:0;bottom:0;right:0;position:absolute;background:url(../images/magnify.png) 50% 50% no-repeat #fff;opacity:0;z-index:2;} /* SlideDown element */ .slideDown{padding:0 1px 0 0;font-size:12px; line-height:16px;color:#686868;} .slideDown dt{background-color:#333132;background-image:url(../images/arrow1.gif);background-repeat:no-repeat;background-position:100% 16px;box-shadow:1px 1px 1px #d1d1d1;-moz-box-shadow:1px 1px 0 #d1d1d1;-webkit-box-shadow:1px 1px 0 #d1d1d1;color:#fff;padding:9px 0 9px 21px;margin-bottom:4px;font-weight:bold;display:block;font-size:12px;cursor:pointer;margin-bottom:10px} .slideDown dt:hover,.slideDown dt.active{background-color:#bbb;color:#fff;text-shadow:0 0 5px #fff} .slideDown dt.active{background-image:url(../images/arrow2.gif)} .slideDown dd{display:none;padding:10px 20px 20px 20px;} #block dd{display:block} .slideDown.absolute{position:relative;} .slideDown.absolute dd{position:absolute;z-index:999;background:#fff;} /* Accordion */ dl#accordion{list-style-type:none;margin:0;padding:0 2px 0 0;height:auto !important} dl#accordion .indent{padding-top:7px !important;padding-bottom:5px !important} dl#accordion a{display:block;} dl#accordion dt{margin:0px} dl#accordion dt a{background-color:#333132;background-image:url(../images/arrow1.gif);background-repeat:no-repeat;background-position:100% 16px;box-shadow:1px 1px 1px #d1d1d1;-moz-box-shadow:1px 1px 0 #d1d1d1;-webkit-box-shadow:1px 1px 0 #d1d1d1;color:#7f7f7f;padding:9px 0 9px 21px;margin-bottom:4px;font-weight:bold;display:block;font-size:12px;text-decoration:none;} dl#accordion dt a:hover{background-color:#8e8d8b;color:#fff} dl#accordion dt.active a{background-color:#ccc;background-image:url(../images/arrow2.gif);color:#333} dl#accordion dd{display:none;margin-bottom:0;padding-left:0} dl#accordion dd .indent{padding:10px 30px 14px 20px !important} dl#accordion dd a{display:inline;background:none;padding:0;width:auto;text-decoration:none} dl#accordion dd a:hover{background:none} dl#accordion dd .sub_menu li{list-style:none;line-height:30px!important;padding-left:12px;} .sub_menu{font-size:12px;line-height:16px;} .sub_menu li a{line-height:30px !important;text-decoration:underline !important;} .sub_menu li a:hover{text-decoration:none !important;} /* Tooltips */

  1. aToolTip{border:2px solid #444;background:#555;color:#fff;margin:0;padding:2px 8px;font-size:11px;position:absolute;display:none;z-index:50000}
  2. aToolTip .aToolTipContent{position:relative;margin:0;padding:0}

a#aToolTipCloseBtn{display:block;height:20px;width:20px;overflow:hidden;background:url(../images/close.gif) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-20px} /* Elements list */ .elements-list li{background:none !important;padding:0 0 0px 0 !important;position:relative;line-height:28px} .elements-list li code{position:absolute;right:0;top:-3px;padding:2px 3px 1px 3px;border:1px dotted #333} /* Tabs */ .tabs{padding:10px 0} .tabs ol{list-style-type:decimal;margin:0 0 0 20px} .tabs ol li{display:list-item;float:none;padding-bottom:5px !important;font-size:12px;color:#6b6a6a} .tabs ul{list-style:none;padding:0 0 0 0 !important;overflow:hidden} .tabs li{display:block;float:left;margin:0 5px 5px 0;background:none;padding:0 0 0 0 !important} .tabs .selected{margin-bottom:0px;position:relative} .tabs .selected a{background:#f0f0f0;color:#000;padding-bottom:10px} .tabs li a:hover{background:#f0f0f0;color:#000} .tabs li a{background:#000;color:#fff;display:block;padding:5px 10px;text-decoration:none} .tabs .tab-content{background:#f0f0f0;clear:both;width:auto;overflow:auto} .tabs .tab-content .inner{padding:10px} .tabs p{margin-bottom:5px} .tabs .tab-content strong{color:#000} .tabs pre{margin:4px 0} .tabs code{overflow:auto} *+html .tabs code{overflow:visible} /* Twitter */

  1. twitter p{margin:0;}

#twitter h2{margin:0 0 5px 0;padding:.5em 1em;font-size:1.5em;color:#fff;background-color:#888;letter-spacing:0;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px} #preloader{margin:0;padding:1em 1em 1em 3em;text-indent:10px;background:transparent url(../images/loader.gif) 1em center no-repeat} ul#twitter_update_list{margin:0;padding:0 0 0.5em 0;list-style-type:none} ul#twitter_update_list li{margin:0;padding:0.8em 0 1em 1em !important;background:#f0f0f0;margin-bottom:7px} ul#twitter_update_list li:hover{background-color:#ccc;color:#fff} ul#twitter_update_list li:hover a{color:#000} ul#twitter_update_list li a{color:#000} ul#twitter_update_list li span{display:block} ul#twitter_update_list li span a{color:#000} ul#twitter_update_list li.lastTweet{border-bottom:none} a#profileLink{display:block;padding:0.3em 1em;color:#fff;background-color:#000} a#profileLink{display:block;padding:0.3em 1em;color:#fff;background-color:#000} /* Code grabber */ .code{padding:30px 0 10px 0} .code a.code-icon{margin-bottom:10px} .code a.code-icon i{padding-right:6px;font-style:normal} .code div.grabber{display:none} .code code{padding:0 10px 0 10px;background:#f6f6f6;color:#333;border:1px solid #dfdfdf;white-space:pre;overflow:auto}

</style> </head>

Retrieved from "http://2012.igem.org/Template:Fatih-header"