|
|
| 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 |
"
