"

From 2013.igem.org

.nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; }

.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }

.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }

.nivo-directionNav a { position:absolute; top:85%; z-index:99; cursor:pointer; display:block; width:25px; height:50px; border:0; } a.nivo-nextNav { background-position:-25px 0; right:0px; } a.nivo-prevNav { left:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }

1. wrapper {

margin:00 auto; }

.nivoSlider { position:relative; } .nivoSlider img { position:absolute; display:none; } .nivoSlider a { border:0; }

1. content {

margin:0 auto; }

.nivo-directionNav a { display:block; width:25px; height:50px; background:url() no-repeat; text-indent:-9999px; border:30; } a.nivo-nextNav { background-position:-25px 0; right:5px; } a.nivo-prevNav { left:5px; }

1. slider1 .nivo-controlNav,
2. slider2 .nivo-controlNav,
3. slider4 .nivo-controlNav {

position:absolute; left:47%; bottom:-30px; }

1. slider1 .nivo-controlNav a,
2. slider2 .nivo-controlNav a,
3. slider4 .nivo-controlNav a {

display:block; width:10px; height:10px; background:url() no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }

1. slider1 .nivo-controlNav a.active,
2. slider2 .nivo-controlNav a.active,
3. slider4 .nivo-controlNav a.active {

background-position:-10px 0; }

1. slider2 a {

display:block; /* IE Fix */ }

1. slider {

margin-bottom:110px; }

1. slider .nivo-controlNav {

position:absolute; left:16.5%; bottom:-60px; }

1. slider .nivo-controlNav img {

display:inline; position:relative; margin-right:10px; -moz-box-shadow:0px 0px 5px #333; -webkit-box-shadow:0px 0px 5px #333; box-shadow:0px 0px 5px #333; }

1. slider .nivo-controlNav a.active img {

-moz-box-shadow:0px 0px 5px #fff; -webkit-box-shadow:0px 0px 5px #fff; box-shadow:0px 0px 5px #fff; }

1. carbonads-container {

   position:fixed;
   top:10px;
   right:10px;
   background:#15191F;
   padding: 15px;
   -moz-border-radius:5px;

-webkit-border-radius:5px; border-radius:5px; }

1. carbonads-container .carbonad {

   background:transparent !important;
   border:0 !important;
   width:130px !important;
   height:auto !important;

}

1. carbonads-container img,
2. carbonads-container span {

   margin:0 0 8px 0 !important;

}

1. carbonads-container span.carbonad-text {

   color:#A7B0BF !important;

}

1. carbonads-container span.carbonad-text a {

   border:0; !important;

}

1. carbonads-container span.carbonad-tag {

   display:block;
   float:none !important;
   margin:0 !important;
   font-style:italic !important;
   text-align:right !important;
   color:#5F6C7F !important;

}

1. carbonads-container span.carbonad-tag a {

   color:#5F6C7F !important;
   border:0 !important;

}

.clear { clear:both; }

.pointer { cursor:pointer; }

img { -ms-interpolation-mode:bicubic; }

img.alignright {float:right; margin:0 0 .7em 1em} img.alignleft {float:left; margin:0 1em .7em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 .7em 1em} a img.alignleft {float:left; margin:0 1em .7em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.round5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .round10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .round15 { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } .round20 { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } .round25 { -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; } .round30 { -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; }

1. slider {

position:relative; margin:20px 0 20px 0; background:#202834 url() no-repeat 50% 50%; }

1. slider img {

position:absolute; top:0px; left:0px; display:none; }

1. slider a {

border:0; }