Team:WITS-CSIR SA/style.css

From 2011.igem.org

(Difference between revisions)
Line 8: Line 8:
*/
*/
-
* {
+
*
-
margin:0;
+
{
-
padding:0;
+
  margin: 0;
-
border:none;
+
  padding: 0;
-
outline:none;
+
  border: none;
 +
  outline: none;
}
}
-
.mosaic-overlay .details { padding: 0.5em; }
+
.mosaic-overlay .details
 +
{
 +
  padding: 0.5em;
 +
}
-
.mosaic-content {
+
.mosaic-content
 +
{
   color: white !important;
   color: white !important;
   text-decoration: none !important;
   text-decoration: none !important;
Line 24: Line 29:
/*General Mosaic Styles*/
/*General Mosaic Styles*/
-
.mosaic-block {
+
.mosaic-block
-
float:left;
+
{
-
position:relative;
+
  float: left;
-
overflow:hidden;
+
  position: relative;
-
width:400px;
+
  overflow: hidden;
-
height:250px;
+
  width: 400px;
-
margin:10px;
+
  height: 250px;
-
background:#111 url(https://static.igem.org/mediawiki/2011/c/c4/Progress.gif) no-repeat center center;
+
  margin: 10px;
-
border:1px solid #fff;
+
  background: #111 url(https://static.igem.org/mediawiki/2011/c/c4/Progress.gif) no-repeat center center;
-
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
+
  border: 1px solid #fff;
 +
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
}
-
.mosaic-backdrop {
+
.mosaic-backdrop
-
display:none;
+
{
-
position:absolute;
+
  display: none;
-
top:0;
+
  position: absolute;
-
height:100%;
+
  top: 0;
-
width:100%;
+
  height: 100%;
-
background:#111;
+
  width: 100%;
-
}
+
  background: #111;
-
+
}
-
.mosaic-overlay {
+
 
-
display:none;
+
.mosaic-overlay
-
z-index:5;
+
{
-
position:absolute;
+
  display: none;
-
width:100%;
+
  z-index: 5;
-
height:100%;
+
  position: absolute;
-
background:#111;
+
  width: 100%;
-
}
+
  height: 100%;
-
+
  background: #111;
-
/*** Custom Animation Styles (You can remove/add any styles below) ***/
+
}
-
.circle .mosaic-overlay {
+
 
-
background:url(https://static.igem.org/mediawiki/2011/7/70/Hover-magnify.png) no-repeat center center;
+
/*** Custom Animation Styles (You can remove/add any styles below) ***/
-
opacity:0;
+
.circle .mosaic-overlay
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
+
{
-
filter:alpha(opacity=00);
+
  background: url(https://static.igem.org/mediawiki/2011/7/70/Hover-magnify.png) no-repeat center center;
-
display:none;
+
  opacity: 0;
-
}
+
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
-
+
  filter: alpha(opacity=00);
-
.fade .mosaic-overlay {
+
  display: none;
-
opacity:0;
+
}
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
+
 
-
filter:alpha(opacity=00);
+
.fade .mosaic-overlay
-
background:url(https://static.igem.org/mediawiki/2011/d/da/Bg-black.png);
+
{
-
}
+
  opacity: 0;
-
+
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
-
.bar .mosaic-overlay {
+
  filter: alpha(opacity=00);
-
bottom:-100px;
+
  background: url(https://static.igem.org/mediawiki/2011/d/da/Bg-black.png);
-
height:100px;
+
}
-
background:url(https://static.igem.org/mediawiki/2011/d/da/Bg-black.png);
+
 
-
}
+
.bar .mosaic-overlay
-
+
{
-
.bar2 .mosaic-overlay {
+
  bottom: -100px;
-
bottom:-50px;
+
  height: 100px;
-
height:100px;
+
  background: url(https://static.igem.org/mediawiki/2011/d/da/Bg-black.png);
-
opacity:0.8;
+
}
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+
 
-
filter:alpha(opacity=80);
+
.bar2 .mosaic-overlay
-
}
+
{
-
+
  bottom: -50px;
-
.bar2 .mosaic-overlay:hover {
+
  height: 100px;
-
opacity:1;
+
  opacity: 0.8;
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-
filter:alpha(opacity=100);
+
  filter: alpha(opacity=80);
-
}
+
}
-
+
 
-
.bar3 .mosaic-overlay {
+
.bar2 .mosaic-overlay:hover
-
top:-100px;
+
{
-
height:100px;
+
  opacity: 1;
-
background:url(https://static.igem.org/mediawiki/2011/d/da/Bg-black.pngg);
+
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-
}
+
  filter: alpha(opacity=100);
-
/*** End Animation Styles ***/
+
}
 +
 
 +
.bar3 .mosaic-overlay
 +
{
 +
  top: -100px;
 +
  height: 100px;
 +
  background: url(https://static.igem.org/mediawiki/2011/d/da/Bg-black.pngg);
 +
}
 +
/*** End Animation Styles ***/
Line 108: Line 122:
  * March 2010
  * March 2010
  */
  */
-
+
 
-
+
 
/* The Nivo Slider styles */
/* The Nivo Slider styles */
-
.nivoSlider {
+
.nivoSlider
-
position:relative;
+
{
 +
  position: relative;
}
}
-
.nivoSlider img {
+
.nivoSlider img
-
position:absolute;
+
{
-
top:0px;
+
  position: absolute;
-
left:0px;
+
  top: 0px;
 +
  left: 0px;
}
}
/* If an image is wrapped in a link */
/* If an image is wrapped in a link */
-
.nivoSlider a.nivo-imageLink {
+
.nivoSlider a.nivo-imageLink
-
position:absolute;
+
{
-
top:0px;
+
  position: absolute;
-
left:0px;
+
  top: 0px;
-
width:100%;
+
  left: 0px;
-
height:100%;
+
  width: 100%;
-
border:0;
+
  height: 100%;
-
padding:0;
+
  border: 0;
-
margin:0;
+
  padding: 0;
-
z-index:6;
+
  margin: 0;
-
display:none;
+
  z-index: 6;
 +
  display: none;
}
}
/* The slices and boxes in the Slider */
/* The slices and boxes in the Slider */
-
.nivo-slice {
+
.nivo-slice
-
display:block;
+
{
-
position:absolute;
+
  display: block;
-
z-index:5;
+
  position: absolute;
-
height:100%;
+
  z-index: 5;
 +
  height: 100%;
}
}
-
.nivo-box {
+
.nivo-box
-
display:block;
+
{
-
position:absolute;
+
  display: block;
-
z-index:5;
+
  position: absolute;
 +
  z-index: 5;
}
}
/* Caption styles */
/* Caption styles */
-
.nivo-caption {
+
.nivo-caption
-
position:absolute;
+
{
-
left:0px;
+
  position: absolute;
-
bottom:0px;
+
  left: 0px;
-
background:#000;
+
  bottom: 0px;
-
color:#fff;
+
  background: #000;
-
opacity:0.8; /* Overridden by captionOpacity setting */
+
  color: #fff;
-
width:100%;
+
  opacity: 0.8; /* Overridden by captionOpacity setting */
-
z-index:8;
+
  width: 100%;
 +
  z-index: 8;
}
}
-
.nivo-caption p {
+
.nivo-caption p
-
padding:5px;
+
{
-
margin:0;
+
  padding: 5px;
 +
  margin: 0;
}
}
-
.nivo-caption a {
+
.nivo-caption a
-
display:inline !important;
+
{
 +
  display: inline !important;
}
}
-
.nivo-html-caption {
+
.nivo-html-caption
-
    display:none;
+
{
 +
  display: none;
}
}
/* Direction nav styles (e.g. Next & Prev) */
/* Direction nav styles (e.g. Next & Prev) */
-
.nivo-directionNav a {
+
.nivo-directionNav a
-
position:absolute;
+
{
-
top:45%;
+
  position: absolute;
-
z-index:9;
+
  top: 45%;
-
cursor:pointer;
+
  z-index: 9;
 +
  cursor: pointer;
}
}
-
.nivo-prevNav {
+
.nivo-prevNav
-
left:0px;
+
{
 +
  left: 0px;
}
}
-
.nivo-nextNav {
+
.nivo-nextNav
-
right:0px;
+
{
 +
  right: 0px;
}
}
/* Control nav styles (e.g. 1,2,3...) */
/* Control nav styles (e.g. 1,2,3...) */
-
.nivo-controlNav a {
+
.nivo-controlNav a
-
position:relative;
+
{
-
z-index:9;
+
  position: relative;
-
cursor:pointer;
+
  z-index: 9;
 +
  cursor: pointer;
}
}
-
.nivo-controlNav a.active {
+
.nivo-controlNav a.active
-
font-weight:bold;
+
{
 +
  font-weight: bold;
}
}
Line 191: Line 219:
/*=== Custom Slider Styles ===*/
/*=== Custom Slider Styles ===*/
/*============================*/
/*============================*/
-
#slider-wrapper {
+
#slider-wrapper
-
    background:url(images/slider.png) no-repeat;
+
{
-
    width:998px;
+
  background: url(images/slider.png) no-repeat;
-
    height:392px;
+
  width: 998px;
-
    margin:0 auto;
+
  height: 392px;
-
    padding-top:74px;
+
  margin: 0 auto;
-
    margin-top:50px;
+
  padding-top: 74px;
 +
  margin-top: 50px;
}
}
-
#slider {
+
#slider
-
position:relative;
+
{
-
    width:618px;
+
  position: relative;
-
    height:246px;
+
  width: 618px;
-
/*    margin-left:190px;*/
+
  height: 370; /*    margin-left:190px;*/
-
background:url('https://static.igem.org/mediawiki/2011/4/42/Loading.gif') no-repeat 50% 50%;
+
  background: url('https://static.igem.org/mediawiki/2011/4/42/Loading.gif') no-repeat 50% 50%;
}
}
-
#slider img {
+
#slider img
-
position:absolute;
+
{
-
top:0px;
+
  position: absolute;
-
left:0px;
+
  top: 0px;
-
display:none;
+
  left: 0px;
 +
  display: none;
}
}
-
#slider a {
+
#slider a
-
border:0;
+
{
-
display:block;
+
  border: 0;
 +
  display: block;
}
}
-
.nivo-controlNav {
+
.nivo-controlNav
-
position:absolute;
+
{
-
left:260px;
+
  position: absolute;
-
bottom:-42px;
+
  left: 260px;
 +
  bottom: -42px;
}
}
-
.nivo-controlNav a {
+
.nivo-controlNav a
-
display:block;
+
{
-
width:22px;
+
  display: block;
-
height:22px;
+
  width: 22px;
-
background:url('https://static.igem.org/mediawiki/2011/c/c3/Bullets.png') no-repeat;
+
  height: 22px;
-
text-indent:-9999px;
+
  background: url('https://static.igem.org/mediawiki/2011/c/c3/Bullets.png') no-repeat;
-
border:0;
+
  text-indent: -9999px;
-
margin-right:3px;
+
  border: 0;
-
float:left;
+
  margin-right: 3px;
 +
  float: left;
}
}
-
.nivo-controlNav a.active {
+
.nivo-controlNav a.active
-
background-position:0 -22px;
+
{
 +
  background-position: 0 -22px;
}
}
-
.nivo-directionNav a {
+
.nivo-directionNav a
-
display:block;
+
{
-
width:30px;
+
  display: block;
-
height:30px;
+
  width: 30px;
-
background:url('https://static.igem.org/mediawiki/2011/f/f0/Arrows.png') no-repeat;
+
  height: 30px;
-
text-indent:-9999px;
+
  background: url('https://static.igem.org/mediawiki/2011/f/f0/Arrows.png') no-repeat;
-
border:0;
+
  text-indent: -9999px;
 +
  border: 0;
}
}
-
a.nivo-nextNav {
+
a.nivo-nextNav
-
background-position:-30px 0;
+
{
-
right:15px;
+
  background-position: -30px 0;
 +
  right: 15px;
}
}
-
a.nivo-prevNav {
+
a.nivo-prevNav
-
left:15px;
+
{
 +
  left: 15px;
}
}
-
.nivo-caption {
+
.nivo-caption
-
    text-shadow:none;
+
{
-
    font-family: Helvetica, Arial, sans-serif;
+
  text-shadow: none;
 +
  font-family: Helvetica, Arial, sans-serif;
}
}
-
.nivo-caption a {  
+
.nivo-caption a
-
    color:#efe9d1;
+
{
-
    text-decoration:underline;
+
  color: #efe9d1;
 +
  text-decoration: underline;
}
}
/* BEGIN: Menu */
/* BEGIN: Menu */
-
div.menubar {
+
div.menubar
-
background: #222;
+
{
-
background: url(https://static.igem.org/mediawiki/2011/1/1b/Topnav_bg.gif) repeat-x;
+
  background: #222;
-
        position: relative;
+
  background: url(https://static.igem.org/mediawiki/2011/1/1b/Topnav_bg.gif) repeat-x;
-
        top: -21px;
+
  position: relative;
-
        left: -6px;
+
  top: -21px;
-
        width: 976px !important;
+
  left: -6px;
 +
  width: 976px !important;
}
}
-
ul.topnav {
+
ul.topnav
-
list-style: none;
+
{
-
padding: 0 20px;
+
  list-style: none;
-
margin: 0;
+
  padding: 0 20px;
-
        float: left;
+
  margin: 0;
-
background: #222;
+
  float: left;
-
background: url(https://static.igem.org/mediawiki/2011/1/1b/Topnav_bg.gif) repeat-x;
+
  background: #222;
 +
  background: url(https://static.igem.org/mediawiki/2011/1/1b/Topnav_bg.gif) repeat-x;
}
}
-
ul.topnav li {
+
ul.topnav li
-
float: left;
+
{
-
margin: 0;
+
  float: left;
-
padding: 0 15px 0 0;
+
  margin: 0;
-
position: relative; /*--Declare X and Y axis base--*/
+
  padding: 0 15px 0 0;
 +
  position: relative; /*--Declare X and Y axis base--*/
}
}
-
ul.topnav li a{
+
ul.topnav li a
-
padding: 10px 5px;
+
{
-
color: #fff;
+
  padding: 10px 5px;
-
display: block;
+
  color: #fff;
-
text-decoration: none;
+
  display: block;
-
float: left;
+
  text-decoration: none;
 +
  float: left;
}
}
-
ul.topnav li a:hover{
+
ul.topnav li a:hover
-
background: url(https://static.igem.org/mediawiki/2011/f/f5/Topnav_hover.gif) no-repeat center top;
+
{
 +
  background: url(https://static.igem.org/mediawiki/2011/f/f5/Topnav_hover.gif) no-repeat center top;
}
}
-
ul.topnav li span { /*--Drop down trigger styles--*/
+
ul.topnav li span
-
width: 17px;
+
{
-
height: 35px;
+
  /*--Drop down trigger styles--*/
-
float: left;
+
  width: 17px;
-
background: url(https://static.igem.org/mediawiki/2011/4/45/Subnav_btn.gif) no-repeat center top;
+
  height: 35px;
-
        position: relative;
+
  float: left;
-
        top: 4px;
+
  background: url(https://static.igem.org/mediawiki/2011/4/45/Subnav_btn.gif) no-repeat center top;
 +
  position: relative;
 +
  top: 4px;
}
}
-
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
+
ul.topnav li span.subhover
-
ul.topnav li ul.subnav {
+
{
-
list-style: none;
+
  background-position: center bottom;
-
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
+
  cursor: pointer;
-
left: 0; top: 35px;
+
-
background: #333;
+
-
margin: 0; padding: 0;
+
-
display: none;
+
-
float: left;
+
-
width: 170px;
+
-
-moz-border-radius-bottomleft: 5px;
+
-
-moz-border-radius-bottomright: 5px;
+
-
-webkit-border-bottom-left-radius: 5px;
+
-
-webkit-border-bottom-right-radius: 5px;
+
-
border: 1px solid #111;
+
}
}
-
ul.topnav li ul.subnav li{
+
/*--Hover effect for trigger--*/
-
margin: 0; padding: 0;
+
ul.topnav li ul.subnav
-
border-top: 1px solid #252525; /*--Create bevel effect--*/
+
{
-
border-bottom: 1px solid #444; /*--Create bevel effect--*/
+
  list-style: none;
-
clear: both;
+
  position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
-
width: 170px;
+
  left: 0;
-
        z-index: 100;
+
  top: 35px;
 +
  background: #333;
 +
  margin: 0;
 +
  padding: 0;
 +
  display: none;
 +
  float: left;
 +
  width: 170px;
 +
  -moz-border-radius-bottomleft: 5px;
 +
  -moz-border-radius-bottomright: 5px;
 +
  -webkit-border-bottom-left-radius: 5px;
 +
  -webkit-border-bottom-right-radius: 5px;
 +
  border: 1px solid #111;
}
}
-
html ul.topnav li ul.subnav li a {
+
ul.topnav li ul.subnav li
-
float: left;
+
{
-
width: 145px;
+
  margin: 0;
-
background: #333 url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;
+
  padding: 0;
-
padding-left: 20px;
+
  border-top: 1px solid #252525; /*--Create bevel effect--*/
 +
  border-bottom: 1px solid #444; /*--Create bevel effect--*/
 +
  clear: both;
 +
  width: 170px;
 +
  z-index: 100;
 +
}
 +
html ul.topnav li ul.subnav li a
 +
{
 +
  float: left;
 +
  width: 145px;
 +
  background: #333 url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;
 +
  padding-left: 20px;
 +
}
 +
html ul.topnav li ul.subnav li a:hover
 +
{
 +
  /*--Hover effect for subnav links--*/
 +
  background: #222 url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;
}
}
-
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
 
-
background: #222 url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;
 
-
}
 
/* END:  Menu */
/* END:  Menu */
/* BEGIN: Site */
/* BEGIN: Site */
-
html, body { height:99.5%; overflow: auto; }
+
html, body
 +
{
 +
  height: 99.5%;
 +
  overflow: auto;
 +
}
-
body {
+
body
-
   font-family: Tahoma, Verdana, Sans-Serif, Arial, Helvetica;
+
{
-
  /* font-size: 0.75em; */
+
   font-family: Tahoma, Verdana, Sans-Serif, Arial, Helvetica; /* font-size: 0.75em; */
}
}
-
.gradient {
+
.gradient
 +
{
   background: #A6C9E2; /* for non-css3 browsers */
   background: #A6C9E2; /* for non-css3 browsers */
-
 
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6C9E2', endColorstr='#245FB3'); /* for IE */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6C9E2', endColorstr='#245FB3'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#A6C9E2), to(#245FB3)); /* for webkit browsers */
   background: -webkit-gradient(linear, left top, left bottom, from(#A6C9E2), to(#245FB3)); /* for webkit browsers */
-
   background: -moz-linear-gradient(top,  #A6C9E2,  #245FB3); /* for firefox 3.6+ */  
+
   background: -moz-linear-gradient(top,  #A6C9E2,  #245FB3); /* for firefox 3.6+ */
-
   background-attachment:fixed;
+
   background-attachment: fixed;
}
}
-
.padding {
+
.padding
 +
{
   padding: 1em;
   padding: 1em;
}
}
-
p {
+
p
 +
{
   margin: 0.5em;
   margin: 0.5em;
}
}
-
div.contentBox {
+
div.contentBox
-
   padding:0.5em;
+
{
 +
   padding: 0.5em;
   margin: 0.5em;
   margin: 0.5em;
   width: 30%;
   width: 30%;

Revision as of 11:09, 9 May 2011

/* Mosaic - Sliding Boxes and Captions jQuery Plugin Version 1.0.1 www.buildinternet.com/project/mosaic

By Sam Dunn / One Mighty Roar (www.onemightyroar.com) Released under MIT License / GPL License

  • /

{ 

 margin: 0;
 padding: 0;
 border: none;
 outline: none;

}

.mosaic-overlay .details { 

 padding: 0.5em;

}

.mosaic-content { 

 color: white !important;
 text-decoration: none !important;
 border: none;

}

/*General Mosaic Styles*/ .mosaic-block { 

 float: left;
 position: relative;
 overflow: hidden;
 width: 400px;
 height: 250px;
 margin: 10px;
 background: #111 url(Progress.gif) no-repeat center center;
 border: 1px solid #fff;
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

}

.mosaic-backdrop { 

 display: none;
 position: absolute;
 top: 0;
 height: 100%;
 width: 100%;
 background: #111;

}

.mosaic-overlay { 

 display: none;
 z-index: 5;
 position: absolute;
 width: 100%;
 height: 100%;
 background: #111;

}

/*** Custom Animation Styles (You can remove/add any styles below) ***/ .circle .mosaic-overlay { 

 background: url(Hover-magnify.png) no-repeat center center;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
 filter: alpha(opacity=00);
 display: none;

}

.fade .mosaic-overlay { 

 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
 filter: alpha(opacity=00);
 background: url(Bg-black.png);

}

.bar .mosaic-overlay { 

 bottom: -100px;
 height: 100px;
 background: url(Bg-black.png);

}

.bar2 .mosaic-overlay { 

 bottom: -50px;
 height: 100px;
 opacity: 0.8;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);

}

.bar2 .mosaic-overlay:hover { 

 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);

}

.bar3 .mosaic-overlay { 

 top: -100px;
 height: 100px;
 background: url(https://static.igem.org/mediawiki/2011/d/da/Bg-black.pngg);

} /*** End Animation Styles ***/


/* 

* jQuery Nivo Slider v2.5.1
* http://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* March 2010
*/


/* The Nivo Slider styles */ .nivoSlider { 

 position: relative;

} .nivoSlider img { 

 position: absolute;
 top: 0px;
 left: 0px;

} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { 

 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 border: 0;
 padding: 0;
 margin: 0;
 z-index: 6;
 display: none;

} /* The slices and boxes in the Slider */ .nivo-slice { 

 display: block;
 position: absolute;
 z-index: 5;
 height: 100%;

} .nivo-box { 

 display: block;
 position: absolute;
 z-index: 5;

} /* Caption styles */ .nivo-caption { 

 position: absolute;
 left: 0px;
 bottom: 0px;
 background: #000;
 color: #fff;
 opacity: 0.8; /* Overridden by captionOpacity setting */
 width: 100%;
 z-index: 8;

} .nivo-caption p { 

 padding: 5px;
 margin: 0;

} .nivo-caption a { 

 display: inline !important;

} .nivo-html-caption { 

 display: none;

} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { 

 position: absolute;
 top: 45%;
 z-index: 9;
 cursor: pointer;

} .nivo-prevNav { 

 left: 0px;

} .nivo-nextNav { 

 right: 0px;

} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { 

 position: relative;
 z-index: 9;
 cursor: pointer;

} .nivo-controlNav a.active { 

 font-weight: bold;

}

/*============================*/ /*=== Custom Slider Styles ===*/ /*============================*/

  1. slider-wrapper

{ 

 background: url(images/slider.png) no-repeat;
 width: 998px;
 height: 392px;
 margin: 0 auto;
 padding-top: 74px;
 margin-top: 50px;

}

  1. slider

{ 

 position: relative;
 width: 618px;
 height: 370; /*    margin-left:190px;*/
 background: url('https://static.igem.org/mediawiki/2011/4/42/Loading.gif') no-repeat 50% 50%;

}

  1. slider img

{ 

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

}

  1. slider a

{ 

 border: 0;
 display: block;

}

.nivo-controlNav { 

 position: absolute;
 left: 260px;
 bottom: -42px;

} .nivo-controlNav a { 

 display: block;
 width: 22px;
 height: 22px;
 background: url('https://static.igem.org/mediawiki/2011/c/c3/Bullets.png') no-repeat;
 text-indent: -9999px;
 border: 0;
 margin-right: 3px;
 float: left;

} .nivo-controlNav a.active { 

 background-position: 0 -22px;

}

.nivo-directionNav a { 

 display: block;
 width: 30px;
 height: 30px;
 background: url('https://static.igem.org/mediawiki/2011/f/f0/Arrows.png') no-repeat;
 text-indent: -9999px;
 border: 0;

} a.nivo-nextNav { 

 background-position: -30px 0;
 right: 15px;

} a.nivo-prevNav { 

 left: 15px;

}

.nivo-caption { 

 text-shadow: none;
 font-family: Helvetica, Arial, sans-serif;

} .nivo-caption a { 

 color: #efe9d1;
 text-decoration: underline;

}

/* BEGIN: Menu */ div.menubar { 

 background: #222;
 background: url(Topnav_bg.gif) repeat-x;
 position: relative;
 top: -21px;
 left: -6px;
 width: 976px !important;

}

ul.topnav { 

 list-style: none;
 padding: 0 20px;
 margin: 0;
 float: left;
 background: #222;
 background: url(Topnav_bg.gif) repeat-x;

} ul.topnav li { 

 float: left;
 margin: 0;
 padding: 0 15px 0 0;
 position: relative; /*--Declare X and Y axis base--*/

} ul.topnav li a { 

 padding: 10px 5px;
 color: #fff;
 display: block;
 text-decoration: none;
 float: left;

} ul.topnav li a:hover { 

 background: url(Topnav_hover.gif) no-repeat center top;

} ul.topnav li span { 

 /*--Drop down trigger styles--*/
 width: 17px;
 height: 35px;
 float: left;
 background: url(Subnav_btn.gif) no-repeat center top;
 position: relative;
 top: 4px;

} ul.topnav li span.subhover { 

 background-position: center bottom;
 cursor: pointer;

} /*--Hover effect for trigger--*/ ul.topnav li ul.subnav { 

 list-style: none;
 position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
 left: 0;
 top: 35px;
 background: #333;
 margin: 0;
 padding: 0;
 display: none;
 float: left;
 width: 170px;
 -moz-border-radius-bottomleft: 5px;
 -moz-border-radius-bottomright: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 border: 1px solid #111;

} 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;
 width: 170px;
 z-index: 100;

} html ul.topnav li ul.subnav li a { 

 float: left;
 width: 145px;
 background: #333 url(Dropdown_linkbg.gif) no-repeat 10px center;
 padding-left: 20px;

} html ul.topnav li ul.subnav li a:hover { 

 /*--Hover effect for subnav links--*/
 background: #222 url(Dropdown_linkbg.gif) no-repeat 10px center;

} /* END: Menu */

/* BEGIN: Site */

html, body { 

 height: 99.5%;
 overflow: auto;

}

body { 

 font-family: Tahoma, Verdana, Sans-Serif, Arial, Helvetica; /* font-size: 0.75em; */

}

.gradient { 

 background: #A6C9E2; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6C9E2', endColorstr='#245FB3'); /* for IE */
 background: -webkit-gradient(linear, left top, left bottom, from(#A6C9E2), to(#245FB3)); /* for webkit browsers */
 background: -moz-linear-gradient(top,  #A6C9E2,  #245FB3); /* for firefox 3.6+ */
 background-attachment: fixed;

}

.padding { 

 padding: 1em;

}

p { 

 margin: 0.5em;

}

div.contentBox { 

 padding: 0.5em;
 margin: 0.5em;
 width: 30%;
 float: left;
 border: 1px solid #c00;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;

}

/* END: Site */

Retrieved from "http://2011.igem.org/Team:WITS-CSIR_SA/style.css"