Team:Heidelberg/NivoSlider

From 2010.igem.org

(Difference between revisions)
Line 73: Line 73:
z-index:99;
z-index:99;
cursor:pointer;
cursor:pointer;
 +
display:block;
 +
width:32px;
 +
height:34px;
 +
background:url(https://static.igem.org/mediawiki/2010/f/f0/Arrows.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
}
}
-
.nivo-prevNav {
+
a.nivo-nextNav {
-
left:0px;
+
background-position:-32px 0;
 +
right:10px;
}
}
-
.nivo-nextNav {
+
a.nivo-prevNav {
-
right:0px;
+
left:10px;
}
}
/* Control nav styles (e.g. 1,2,3...) */
/* Control nav styles (e.g. 1,2,3...) */
 +
.nivo-controlNav {
 +
position:absolute;
 +
right:0px;
 +
bottom:-30px;
 +
}
.nivo-controlNav a {
.nivo-controlNav a {
position:relative;
position:relative;
z-index:99;
z-index:99;
cursor:pointer;
cursor:pointer;
 +
display:block;
 +
width:10px;
 +
height:10px;
 +
background:url(https://static.igem.org/mediawiki/2010/c/c3/Bullets.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
margin-right:3px;
 +
float:left;
}
}
.nivo-controlNav a.active {
.nivo-controlNav a.active {
font-weight:bold;
font-weight:bold;
 +
background-position:-10px 0;
}
}
 +
/*=================================*/
/*=================================*/
Line 97: Line 119:
/*=================================*/
/*=================================*/
-
/*====================*/
 
-
/*=== Reset Styles ===*/
 
-
/*====================*/
 
-
 
-
/* tables still need 'cellspacing="0"' in the markup */
 
-
table {
 
-
border-collapse: separate;
 
-
border-spacing: 0;
 
-
}
 
-
caption, th, td {
 
-
text-align: left;
 
-
font-weight: normal;
 
-
}
 
-
blockquote:before, blockquote:after,
 
-
q:before, q:after {
 
-
content: "";
 
-
}
 
-
blockquote, q {
 
-
quotes: "" "";
 
-
}
 
-
 
-
/*===================*/
 
-
/*=== Main Styles ===*/
 
-
/*===================*/
 
-
 
-
 
-
code {
 
-
font-family:Courier,"Courier New",Monaco,Tahoma;
 
-
background:#A7B0BF;
 
-
color:#333;
 
-
padding:0px 2px;
 
-
text-shadow:none;
 
-
-moz-border-radius:2px;
 
-
-webkit-border-radius:2px;
 
-
border-radius:2px;
 
-
}
 
-
pre {
 
-
background:#A7B0BF;
 
-
padding:10px 20px;
 
-
margin:1em 0;
 
-
text-shadow:none;
 
-
-moz-border-radius:5px;
 
-
-webkit-border-radius:5px;
 
-
border-radius:5px;
 
-
overflow:auto;
 
-
}
 
-
blockquote {
 
-
font-style:italic;
 
-
margin:0 0 10px 20px;
 
-
padding-left:10px;
 
-
border-left:3px solid #A7B0BF;
 
-
font-size:14px;
 
-
}
 
/*========================*/
/*========================*/
Line 171: Line 140:
border:0;
border:0;
}
}
-
 
-
 
.nivoSlider {
.nivoSlider {
Line 201: Line 168:
margin-left:30px;
margin-left:30px;
}
}
-
 
.nivo-directionNav a {
.nivo-directionNav a {
Line 307: Line 273:
     color:#5F6C7F !important;
     color:#5F6C7F !important;
     border:0 !important;
     border:0 !important;
-
}
 
-
 
-
/*====================*/
 
-
/*=== Input Styles ===*/
 
-
/*====================*/
 
-
input,
 
-
textarea,
 
-
select {
 
-
padding: 2px;
 
-
font: 400 1em Verdana, Sans-serif;
 
-
color: #666;
 
-
background:#ffffff;
 
-
border: 1px solid #999;
 
-
margin:2px;
 
-
}
 
-
 
-
input:focus,
 
-
textarea:focus,
 
-
select:focus {
 
-
color: #000;
 
-
background: #fff;
 
-
border: 1px solid #002F59;
 
-
}
 
-
 
-
input#paypal-btn {
 
-
border:0;
 
-
background:transparent;
 
-
position:relative;
 
-
margin:0;
 
-
padding:0;
 
-
}
 
-
input#paypal-btn:focus {
 
-
outline:0;
 
-
}
 
-
input#paypal-btn:active {
 
-
top:2px;
 
}
}
Line 385: Line 315:
#slider {
#slider {
position:relative;
position:relative;
-
margin:20px 0 20px 0;
+
margin:20px 400px 20px 400px;
background:#202834 url(https://static.igem.org/mediawiki/2010/4/42/Loading.gif) no-repeat 50% 50%;
background:#202834 url(https://static.igem.org/mediawiki/2010/4/42/Loading.gif) no-repeat 50% 50%;
-moz-box-shadow:0px 0px 10px #333;
-moz-box-shadow:0px 0px 10px #333;
Line 401: Line 331:
}
}
-
.nivo-controlNav {
 
-
position:absolute;
 
-
right:0px;
 
-
bottom:-30px;
 
-
}
 
-
.nivo-controlNav a {
 
-
display:block;
 
-
width:10px;
 
-
height:10px;
 
-
background:url(https://static.igem.org/mediawiki/2010/c/c3/Bullets.png) no-repeat;
 
-
text-indent:-9999px;
 
-
border:0;
 
-
margin-right:3px;
 
-
float:left;
 
-
}
 
-
.nivo-controlNav a.active {
 
-
background-position:-10px 0;
 
-
}
 
-
.nivo-directionNav a {
 
-
display:block;
 
-
width:32px;
 
-
height:34px;
 
-
background:url(https://static.igem.org/mediawiki/2010/f/f0/Arrows.png) no-repeat;
 
-
text-indent:-9999px;
 
-
border:0;
 
-
}
 
-
a.nivo-nextNav {
 
-
background-position:-32px 0;
 
-
right:10px;
 
-
}
 
-
a.nivo-prevNav {
 
-
left:10px;
 
-
}
 
</style>
</style>

Revision as of 18:48, 18 October 2010

Retrieved from "http://2010.igem.org/Team:Heidelberg/NivoSlider"