Template:MSOE CSS

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <style type="text/css"> /*--Slideshow Begins Here--*/ #slideshow { display: block; vertical-align: middle; position: relative; } - --Main Container--: #main_view { m...")
 
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: 645px;
 
-
}
 
-
.main_image {
 
-
width: 466px;
 
-
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--*/
 
-
 
-
/*--Twitter Stuff Begins Here--*/
 
-
#twidget { /*--Goes with textboxes class--*/
 
-
margin-left:auto;
 
-
margin-right:0px;
 
-
width: 300px;
 
-
height: 350px;
 
-
}
 
-
#twitterfeed {  /*--Defines block area for twitter feed--*/
 
-
display: block;
 
-
border: 0px solid #000;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
}
 
-
#twitterfeed p { font: 11px normal Verdana, Arial, Helvetica, sans-serif;}
 
-
/*--Twitter Stuff Ends Here--*/
 
-
 
-
/*--TagLine Begins Here--*/
 
-
#sponsors { /*--Goes with textboxes class--*/
 
-
margin-left:0px;
 
-
margin-right:0px;
 
-
}
 
-
#sponsorsbox { /*--Goes with textboxes class--*/
 
-
margin: 10px;
 
-
-webkit-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
background: #fff;
 
-
text-align:center;
 
-
}
 
-
#sponsorsbox img {padding: 10px; }
 
-
#happeningnow {height: 284px; margin-top:15px; margin-bottom:10px; width: 975px; border: 1px solid #000;}
 
-
#happeningnow .widget {
 
-
width: 305px;
 
-
height: 100%;
 
-
display: block;
 
-
position: relative;
 
-
border: 1px solid #f0f0f0;
 
-
background: #f0f0f0;
 
-
border-bottom: 2px solid #ccc; 
 
-
-webkit-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
margin-left: auto;
 
-
margin-right: auto;}
 
-
#happeningnow .widget-title {font-size: 11pt; font-weight: bold; padding: 2px; text-align: center; border-bottom: solid 1px #ccc;}
 
-
#happeningnow .widget img {display: block; margin-left: auto; margin-right: auto; height: 60px; margin-top: 2px;}
 
-
#happeningnow .happeningnowbar {font-size: 11pt; font-weight: bold; padding: 5px; height:36px; display: block;}
 
-
#happeningnow .innertextbox {height:118px; padding: 5px; margin-top: 0px; margin-bottom: 5px; font-size: 9pt; color: #333; display:block;}
 
-
 
-
 
-
#happeningnow  li, #happeningnow  ul {list-style-position: outside; margin-left: 12px;}
 
-
#happeningnow ul {display:block; height: 100px; overflow: hidden;}
 
-
#happeningnow  li {margin-bottom:4px;}
 
-
#happeningnow .seemore {display: block; bottom: 0; position:absolute; right: 0;}
 
-
 
-
#happeningnow .widget-url {font-size: 11pt; font-weight: bold; padding: 2px; text-align: center;}
 
</style>
</style>
</html>
</html>
Taken from iGEM Home
Taken from iGEM Home

Latest revision as of 01:48, 29 July 2013

Taken from iGEM Home