Template:Team:NCTU Formosa/header

From 2012.igem.org

(Difference between revisions)
Line 282: Line 282:
#slider {
#slider {
     width:970px;height:290px;/* Make it the same size as your images */
     width:970px;height:290px;/* Make it the same size as your images */
-
background:#fff url(loading.gif) no-repeat 50% 50%;
+
background:url(loading.gif) no-repeat 50% 50%;
position:relative;
position:relative;
margin:0 auto;/*make the image slider center-aligned */
margin:0 auto;/*make the image slider center-aligned */
Line 291: Line 291:
display:none;
display:none;
}
}
-
 
-
/* the link style (if an image is wrapped in a link) */
 
#slider a.imgLink {
#slider a.imgLink {
z-index:2;
z-index:2;
Line 299: Line 297:
width:100%;height:100%;
width:100%;height:100%;
}
}
-
 
-
/* Caption styles */
 
div.mc-caption-bg, div.mc-caption-bg2 {
div.mc-caption-bg, div.mc-caption-bg2 {
display:none;
display:none;
-
position:absolute;
 
-
width:100%;
 
-
height:auto;
 
-
padding:0;
 
-
left:0px; /*if the caption needs to be aligned from right, specify
 
-
 
-
by right instead of left. i.e. right:20px;*/
 
-
bottom:0px;/*if the caption needs to be aligned from top, specify
 
-
 
-
by top instead of bottom. i.e. top:150px;*/
 
-
z-index:3;
 
-
overflow:hidden;
 
-
font-size: 0;
 
-
}
 
-
div.mc-caption-bg {
 
-
background-color:black;
 
}
}
div.mc-caption {
div.mc-caption {
display:none;
display:none;
-
font: bold 14px/20px Arial;
 
-
color:#EEE;
 
-
z-index:4;
 
-
padding:10px 0;/*Adding a padding-left or padding-right here will
 
-
 
-
make the caption area wider than its background. Sometimes you may need to
 
-
 
-
define its width again here to keep it the same width as its background
 
-
 
-
area (div.mc-caption-bg).*/
 
-
text-align:center;
 
-
}
 
-
div.mc-caption a {
 
-
color:#FB0;
 
-
}
 
-
div.mc-caption a:hover {
 
-
color:#DA0;
 
}
}

Revision as of 16:13, 2 September 2012

Team:NCTU Formosa - 2012.igem.org