Team:Shenzhen SFLS/comm/stylesheets

From 2013hs.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 14: Line 14:
q:before,q:after{content:'';}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
fieldset,img,abbr,acronym{border:0;}
-
 
+
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}
-
 
+
-
 
+
-
 
+
/* basic */
/* basic */
.c:before,.c:after{content:"";display:table;}
.c:before,.c:after{content:"";display:table;}
Line 30: Line 27:
.header { height:123px;}
.header { height:123px;}
.school_logo { float:left;}
.school_logo { float:left;}
-
.nav { float:right; padding-top:81px}
+
.nav { float:right; padding-top:81px;position: relative;}
-
.nav li { float:left; font-size:16px; white-space:nowrap; text-align:center;line-height:42px; display:block; background-position: right top; }
+
.nav li { font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block;position: relative;  }
-
.nav li a{ color:#ffffff;*width:64px;min-width:64px;padding:0 20px 0 9px; height:42px;}
+
.nav .menu{background-position:right -42px;float:left;}
 +
.nav .menu_parent{background-position:right 0;float:left;}
 +
.nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}
.nav li a:hover {text-decoration:none;}
.nav li a:hover {text-decoration:none;}
-
.nav .active,.nav .active1{ background-position:right -84px ;}
+
.nav li a:visited{color:#ffffff;}
-
.container { padding-top:50px; width:100%;margin:0 auto;}
+
.nav .active,.nav .active_select{ background-position:right -126px ;}
 +
.nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;}
 +
.nav_sub{display:none;position: absolute; left: 0; top: 42px;white-space:nowrap;}
 +
.nav_sub li{display:block;padding:0 14px; height:42px;}
 +
.nav_sub li a{color:#ffffff;}
 +
.nav_sub .menu{background-position:left -42px;float:none}
 +
.nav_sub .active{background-position:left -126px;float:none}
 +
.biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}
 +
.biosafety p{line-height:20px; color:#6a6a6a;  text-align:left; word-wrap:break-word; word-break:normal; white-space:normal}
 +
.biosafety ul{display:block;padding-bottom:5px;}
 +
.biosafety li{color:#3b3b3b; font-size:16px; list-style-type: disc; margin-left:15px; padding-top:5px;}
 +
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}
-
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left;}
+
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }
-
.summary .title { height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}
+
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}
-
.summary p {padding:6px 0 23px 9px; min-height:53px;*height:53px; line-height:18px; color:#6d6d6d;  text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}
+
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d;  text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}
-
.summary li.first { margin-left:0;}
+
-
 
+
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}
-
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; border-bottom:1px solid #d4d1d1; padding-top:43px; padding-bottom:54px; overflow:hidden;}
+
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}
.sponsor li { float:left;}
.sponsor li { float:left;}
-
 
+
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}
 +
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}
 +
.teamlist li { float:left; margin-left:5px;}
 +
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}
 +
.project,.results { padding-bottom:100px;}
 +
.project p,.results p{ font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }
 +
.project p img,.results p img{padding:15px 0 10px;display:block; clear:both }
 +
.project p span,.results p span{ font-style:italic}
 +
.results .title{color:#3b3b3b; font-size:20px;padding:5px 0 0 0;}
 +
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}
 +
.notebook li{ padding-top:30px;}
 +
.notebook p {  text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}
 +
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}
 +
.protocols { padding-bottom:100px;}
 +
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}
 +
.protocols_item .title { font-size:24px; color:#0072c6;}
 +
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}
 +
.protocols_item li p {color:#686869;}
 +
.humana { padding-bottom:100px;}
 +
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}
 +
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}
 +
li.first_row,.first_row  { margin-left:0;}
 +
.title { border:none;}
#p-logo,#top,#siteSub,#contentSub{display:none;}
#p-logo,#top,#siteSub,#contentSub{display:none;}
.firstHeading { display:none;}
.firstHeading { display:none;}
#top-section{ display:none;}
#top-section{ display:none;}
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}
-
#footer-box a{color:#949393;}
+
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}
-
 
+
#footer-box a {color:#949393; }
-
 
+
/* Container ---------------------- */
-
#featured {
+
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }
-
width: 940px;
+
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }
-
height: 450px;
+
div.orbit.with-bullets { margin-bottom: 40px; }
-
background: #000 url(https://static.igem.org/mediawiki/2013hs/4/42/Loading.gif) no-repeat center center;
+
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }
-
overflow: hidden; }
+
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }
-
#featured>img, 
+
div.orbit div.orbit-slide { width: 100%; height: 100%; }
-
#featured>div,
+
-
#featured>a { display: none; }
+
-
 
+
-
/* CONTAINER
+
-
  ================================================== */
+
-
 
+
-
div.orbit-wrapper {
+
-
    width: 1px;
+
-
    height: 1px;
+
-
    position: relative; }
+
-
 
+
-
div.orbit {
+
-
    width: 1px;
+
-
    height: 328px;
+
-
    position: relative;
+
-
    overflow: hidden }
+
-
 
+
-
div.orbit>img {
+
-
    position: absolute;
+
-
    top: 0;
+
-
    left: 0;
+
-
    display: none; }
+
-
 
+
-
div.orbit>a {
+
-
    border: none;
+
-
    position: absolute;
+
-
    top: 0;
+
-
    left: 0;
+
-
    line-height: 0;  
+
-
    display: none; }
+
-
 
+
-
.orbit>div {
+
-
    position: absolute;
+
-
    top: 0;
+
-
    left: 0;
+
-
    width: 100%;
+
-
    height: 100%; }
+
-
 
+
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
-
 
+
/* Timer ---------------------- */
-
 
+
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }
-
/* TIMER
+
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }
-
  ================================================== */
+
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
-
 
+
div.orbit-wrapper span.rotator.move { left: 0; }
-
div.timer {
+
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }
-
    width: 40px;
+
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }
-
    height: 40px;
+
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }
-
    overflow: hidden;
+
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }
-
    position: absolute;
+
/* Captions ---------------------- */
-
    top: 10px;
+
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
-
    right: 10px;
+
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }
-
    opacity: .6;
+
/* Directional Nav ---------------------- */
-
    cursor: pointer;
+
div.orbit-wrapper div.slider-nav { display: block; }
-
    z-index: 1001; }
+
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }
-
 
+
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }
-
span.rotator {
+
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }
-
    display: block;
+
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }
-
    width: 40px;
+
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }
-
    height: 40px;
+
/* Bullet Nav ---------------------- */
-
    position: absolute;
+
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }
-
    top: 0;
+
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }
-
    left: -20px;
+
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }
-
    background: url(https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png) no-repeat;
+
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }
-
    z-index: 3; }
+
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }
-
 
+
/* Fluid Layout ---------------------- */
-
span.mask {
+
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }
-
    display: block;
+
div.orbit, div.orbit-wrapper { width: 100% !important; }
-
    width: 20px;
+
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }
-
    height: 40px;
+
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }
-
    position: absolute;
+
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }
-
    top: 0;
+
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }
-
    right: 0;
+
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }
-
    z-index: 2;
+
/* Correct timer in IE */
-
    overflow: hidden; }
+
.lt-ie9 .timer { display: none !important; }
-
 
+
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }
-
span.rotator.move {
+
-
    left: 0 }
+
-
 
+
-
span.mask.move {
+
-
    width: 40px;
+
-
    left: 0;
+
-
    background: url(https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png) repeat 0 0; }
+
-
 
+
-
span.pause {
+
-
    display: block;
+
-
    width: 40px;
+
-
    height: 40px;
+
-
    position: absolute;
+
-
    top: 0;
+
-
    left: 0;
+
-
    background: url(https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png) no-repeat;
+
-
    z-index: 4;
+
-
    opacity: 0; }
+
-
 
+
-
span.pause.active {
+
-
    background: url(https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png) no-repeat 0 -40px }
+
-
 
+
-
div.timer:hover span.pause,
+
-
span.pause.active {
+
-
    opacity: 1 }
+
-
 
+
-
 
+
-
/* CAPTIONS
+
-
  ================================================== */
+
-
 
+
-
.orbit-caption {
+
-
    display: none;
+
-
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
+
-
 
+
-
.orbit-wrapper .orbit-caption {
+
-
    background: #000;
+
-
    background: rgba(0,0,0,.6);
+
-
    z-index: 1000;
+
-
    color: #fff;
+
-
text-align: center;
+
-
padding: 7px 0;
+
-
    font-size: 13px;
+
-
    position: absolute;
+
-
    right: 0;
+
-
    bottom: 0;
+
-
    width: 100%; }
+
-
 
+
-
 
+
-
/* DIRECTIONAL NAV
+
-
  ================================================== */
+
-
 
+
-
div.slider-nav {
+
-
    display: block }
+
-
 
+
-
div.slider-nav span {
+
-
    width: 39px;
+
-
    height: 50px;
+
-
    text-indent: -9999px;
+
-
    position: absolute;
+
-
    z-index: 1000;
+
-
    top: 50%;
+
-
    margin-top: -50px;
+
-
    cursor: pointer; }
+
-
 
+
-
div.slider-nav span.right {
+
-
    background: url(https://static.igem.org/mediawiki/2013hs/0/0c/Right-arrow.png);
+
-
    background-size:100%;
+
-
    right: 0; }
+
-
 
+
-
div.slider-nav span.left {
+
-
    background: url(https://static.igem.org/mediawiki/2013hs/e/e7/Left-arrow.png);
+
-
    background-size:100%;
+
-
    left: 0; }
+
-
 
+
-
/* BULLET NAV
+
-
  ================================================== */
+
-
 
+
-
.orbit-bullets {
+
-
    position: absolute;
+
-
    z-index: 1000;
+
-
    list-style: none;
+
-
    bottom: -40px;
+
-
    left: 50%;
+
-
margin-left: -50px;
+
-
    padding: 0; }
+
-
 
+
-
.orbit-bullets li {
+
-
    float: left;
+
-
    margin-left: 5px;
+
-
    cursor: pointer;
+
-
    color: #999;
+
-
    text-indent: -9999px;
+
-
    background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 4px 0;
+
-
    background-position: 0 0;
+
-
    width: 11px;
+
-
    height: 11px;
+
-
    overflow: hidden; }
+
-
 
+
-
.orbit-bullets li.active {
+
-
    color: #222;
+
-
    background-position: -11px 0; }
+
-
   
+
-
.orbit-bullets li.has-thumb {
+
-
    background: none;
+
-
    width: 100px;
+
-
    height: 75px; }
+
-
 
+
-
.orbit-bullets li.active.has-thumb {
+
-
    background-position: 0 0;
+
-
    border-top: 2px solid #000; }
+

Latest revision as of 05:11, 22 June 2013

/* CSS for jQuery Orbit Plugin 1.2.3

* www.ZURB.com/playground
* Copyright 2010, ZURB
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php

/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY

  ================================================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;} ol,ul{list-style:none;} h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;} q:before,q:after{content:;} fieldset,img,abbr,acronym{border:0;} .hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px} /* basic */ .c:before,.c:after{content:"";display:table;} .c:after{clear:both;} .c{zoom:1;} body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(Body_bg.jpg) repeat-x 50% 0;} a {text-decoration:none;overflow:hidden;} a:hover {text-decoration:underline;} .hide {display:block;width:0;height:0;overflow:hidden;} .wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; } .sp,.nav li{ background:url(Sp.jpg) no-repeat;} .header { height:123px;} .school_logo { float:left;} .nav { float:right; padding-top:81px;position: relative;} .nav li { font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block;position: relative; } .nav .menu{background-position:right -42px;float:left;} .nav .menu_parent{background-position:right 0;float:left;} .nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;} .nav li a:hover {text-decoration:none;} .nav li a:visited{color:#ffffff;} .nav .active,.nav .active_select{ background-position:right -126px ;} .nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;} .nav_sub{display:none;position: absolute; left: 0; top: 42px;white-space:nowrap;} .nav_sub li{display:block;padding:0 14px; height:42px;} .nav_sub li a{color:#ffffff;} .nav_sub .menu{background-position:left -42px;float:none} .nav_sub .active{background-position:left -126px;float:none} .biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;} .biosafety p{line-height:20px; color:#6a6a6a; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal} .biosafety ul{display:block;padding-bottom:5px;} .biosafety li{color:#3b3b3b; font-size:16px; list-style-type: disc; margin-left:15px; padding-top:5px;} .container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;} .summary { display:block; overflow:hidden; clear:both; padding-top:70px;} .summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; } .summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;} .summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;} .btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;} .sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;} .sponsor li { float:left;} .team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;} .teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;} .teamlist li { float:left; margin-left:5px;} .teamlist p { font-size:16px; color:#454545; padding-top:10px;} .project,.results { padding-bottom:100px;} .project p,.results p{ font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; } .project p img,.results p img{padding:15px 0 10px;display:block; clear:both } .project p span,.results p span{ font-style:italic} .results .title{color:#3b3b3b; font-size:20px;padding:5px 0 0 0;} .notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;} .notebook li{ padding-top:30px;} .notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;} .notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;} .protocols { padding-bottom:100px;} .protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px} .protocols_item .title { font-size:24px; color:#0072c6;} .protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;} .protocols_item li p {color:#686869;} .humana { padding-bottom:100px;} .humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;} .humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;} li.first_row,.first_row { margin-left:0;} .title { border:none;}

  1. p-logo,#top,#siteSub,#contentSub{display:none;}

.firstHeading { display:none;}

  1. top-section{ display:none;}
  2. content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}
  3. footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}
  4. footer-box a {color:#949393; }

/* Container ---------------------- */ div.orbit-wrapper { width: 1px; height: 1px; position: relative; } div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; } div.orbit.with-bullets { margin-bottom: 40px; } div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; } div.orbit a.orbit-slide { border: none; line-height: 0; display: none; } div.orbit div.orbit-slide { width: 100%; height: 100%; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* Timer ---------------------- */ div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; } div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; } div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } div.orbit-wrapper span.rotator.move { left: 0; } div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; } div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; } div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; } div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; } /* Captions ---------------------- */ .orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; } .orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; } /* Directional Nav ---------------------- */ div.orbit-wrapper div.slider-nav { display: block; } div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; } div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; } div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; } .lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); } .lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); } /* Bullet Nav ---------------------- */ ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; } ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } ul.orbit-bullets li.active { color: #222; background-position: -8px 0; } ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } /* Fluid Layout ---------------------- */ div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; } div.orbit, div.orbit-wrapper { width: 100% !important; } ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; } ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; } ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } ul.orbit-bullets li.active { color: #222; background-position: -11px 0; } ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } /* Correct timer in IE */ .lt-ie9 .timer { display: none !important; } .lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }