Template:Demos sifuentes

From 2014.igem.org

(Difference between revisions)
Line 76: Line 76:
/*--Slideshow Ends Here--*/
/*--Slideshow Ends Here--*/
-
/*--Spotlight Stuff Begins Here--*/
+
 
-
#spotlight {
+
-
margin-left:0px;
+
-
margin-right:auto;
+
-
width: 645px;
+
-
height: 350px;
+
-
}
+
-
#spotlightcontainer {
+
-
display: block;
+
-
position: relative;
+
-
width: 975px;
+
-
}
+
-
.main_image {
+
-
width: 766px;
+
-
height: 282px;
+
-
background: #f0f0f0;
+
-
position: relative;
+
-
overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
+
-
color: #fff;
+
-
border: 0px solid #006633;
+
-
float: left;
+
-
}
+
-
.main_image .spottab {
+
-
font-size: 1.2em;
+
-
font-weight: normal;
+
-
padding: 5px;
+
-
color: #fff;
+
-
}
+
-
.main_image p {
+
-
font-size: 1em;
+
-
line-height:110%;
+
-
padding: 0px 10px 5px 10px;
+
-
margin-top: 0;
+
-
}
+
-
.main_image .desc{
+
-
position: absolute;
+
-
bottom: 0;
+
-
left: 0; /*--Stick the desc class to the bottom of our main image container--*/
+
-
width: 100%;
+
-
display: none; /*--Hide description by default, if js is enabled, we will show this--*/
+
-
}
+
-
.main_image .block{
+
-
width: 100%;
+
-
background: #111;
+
-
position: absolute;
+
-
bottom: 0;
+
-
}
+
-
.main_image a.show {background-position: left bottom;}
+
-
.image_thumb {
+
-
float: left;
+
-
width: 179px;
+
-
background: #f0f0f0;
+
-
}
+
-
.image_thumb ul {
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style: none;
+
-
}
+
-
.image_thumb ul li{
+
-
margin: 0;
+
-
padding: 0px 0px;
+
-
width: 179px;
+
-
height: 44px;
+
-
float: left;
+
-
background: #f0f0f0;
+
-
border-bottom: 3px solid #006633;
+
-
}
+
-
.image_thumb ul li.hover { /*--Hover State--*/
+
-
background: #fff;
+
-
cursor: pointer;
+
-
border-bottom: 3px solid #F37321;
+
-
}
+
-
.image_thumb ul li.active { /*--Active State--*/
+
-
background: #fff;
+
-
cursor: default;
+
-
border-bottom: 3px solid #F37321;
+
-
}
+
-
.image_thumb ul li .spottab {
+
-
font-size: .9em;
+
-
color: #333;
+
-
margin: 0px 0;
+
-
padding: 5px;
+
-
text-decoration:none;
+
-
font-weight:bold;
+
-
}
+
-
.image_thumb ul li .block {
+
-
float:left;
+
-
}
+
-
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/
+
-
/*--Spotlight Stuff Ends Here--*/
+

Revision as of 21:43, 1 December 2014


Retrieved from "http://2014.igem.org/Template:Demos_sifuentes"