Team:UC Davis/Project
From 2012.igem.org
(Difference between revisions)
Line 139: | Line 139: | ||
h3#siteSub { display: none;} | h3#siteSub { display: none;} | ||
#contentSub {display: none;} | #contentSub {display: none;} | ||
- | p:first-child { display: | + | p:first-child { display: block;} |
h1{border:none; width: 100%; clear: both;} | h1{border:none; width: 100%; clear: both;} | ||
<!-- end of slides style --> | <!-- end of slides style --> | ||
Line 343: | Line 343: | ||
background-color:#bfbfbf; | background-color:#bfbfbf; | ||
margin-top: 17px; | margin-top: 17px; | ||
- | |||
border-radius: 4px; | border-radius: 4px; | ||
padding: 15px 15px 15px 15px; | padding: 15px 15px 15px 15px; | ||
Line 364: | Line 363: | ||
#myleftbox .threeboxes | #myleftbox .threeboxes | ||
{ | { | ||
- | width: | + | width:191px; |
float:left; | float:left; | ||
background-color:rgba(143,143,143,0.7); | background-color:rgba(143,143,143,0.7); | ||
- | margin-top: | + | margin-top: 15px; |
border-radius: 4px; | border-radius: 4px; | ||
border-left:2px solid #e8eff1; | border-left:2px solid #e8eff1; | ||
border-right:2px solid #e8eff1; | border-right:2px solid #e8eff1; | ||
- | padding: | + | padding: 7px 7px 7px 7px; |
font: sans-serif; | font: sans-serif; | ||
font-size: 13px; | font-size: 13px; | ||
color: white; | color: white; | ||
- | |||
} | } | ||
Line 383: | Line 381: | ||
float:left; | float:left; | ||
background-color:#ba9108; | background-color:#ba9108; | ||
- | margin-top: | + | margin-top: -52px; |
border-radius: 4px; | border-radius: 4px; | ||
padding: 15px 15px 15px 15px; | padding: 15px 15px 15px 15px; | ||
Line 396: | Line 394: | ||
#float:left; | #float:left; | ||
background-color:#ba9108; | background-color:#ba9108; | ||
- | margin-top: | + | margin-top: -52px; |
border-radius: 4px; | border-radius: 4px; | ||
padding: 15px 15px 15px 15px; | padding: 15px 15px 15px 15px; | ||
Line 408: | Line 406: | ||
float:right; | float:right; | ||
background-color:#ba9108; | background-color:#ba9108; | ||
- | margin-top: | + | margin-top: -52px; |
border-radius: 4px; | border-radius: 4px; | ||
padding: 15px 15px 15px 15px; | padding: 15px 15px 15px 15px; | ||
font: sans-serif; | font: sans-serif; | ||
font-size: 13px; | font-size: 13px; | ||
- | color: white; | + | color: white;} |
- | } | + | |
#sponsorbox | #sponsorbox | ||
Line 420: | Line 417: | ||
position: relative; | position: relative; | ||
width: 215px; | width: 215px; | ||
- | margin-top: | + | margin-top:15px; |
float: right; | float: right; | ||
height: auto; | height: auto; | ||
Line 606: | Line 603: | ||
} | } | ||
+ | //twitt style starts here | ||
+ | #tweets { | ||
+ | |||
+ | width: 205px; | ||
+ | margin: 0 auto; | ||
+ | font: sans-serif; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | #tweets .twtr-widget, | ||
+ | #tweets .twtr-doc { | ||
+ | |||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | #tweets .twtr-hd { | ||
+ | display:none; | ||
+ | background: #d40; | ||
+ | color: #fff; | ||
+ | -moz-border-radius: 4px 4px 0 0; | ||
+ | border-radius: 4px 4px 0 0; | ||
+ | font-family: sans-serif !important; | ||
+ | } | ||
+ | |||
+ | #tweets .twtr-hd *, | ||
+ | #tweets .twtr-hd h4 a { | ||
+ | |||
+ | background: #d40 !important; | ||
+ | font: sans-serif !important; | ||
+ | } | ||
+ | |||
+ | #tweets .twtr-hd h3, | ||
+ | #tweets .twtr-hd h4 { | ||
+ | |||
+ | font-weight: normal; | ||
+ | text-align: left; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | #tweets .twtr-hd h3 { | ||
+ | |||
+ | background: #fff !important; | ||
+ | color: #333 !important; | ||
+ | font: sans-serif; | ||
+ | font-size: 1.0em !important; | ||
+ | padding: 0.2em !important; | ||
+ | -moz-border-radius: 0px; | ||
+ | border-radius: 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #tweets .twtr-tweet { | ||
+ | |||
+ | background: #fff; | ||
+ | font: sans-serif !important; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | #tweets .twtr-tweet a:link, | ||
+ | #tweets .twtr-tweet a:visited, | ||
+ | #tweets .twtr-tweet a:hover { | ||
+ | |||
+ | color: #c40 !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | #tweets .twtr-tweet .twtr-tweet-text { | ||
+ | |||
+ | border-bottom: 1px dashed #666 !important; | ||
+ | padding-bottom: 4px !important; | ||
+ | font: sans-serif; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | |||
+ | #tweets .twtr-tweet .twtr-tweet-text p { | ||
+ | |||
+ | color: #333 !important; | ||
+ | font: sans-serif; | ||
+ | font-size: 12px; | ||
+ | |||
+ | } | ||
+ | //twitt style ends here | ||
</style> | </style> | ||
Line 667: | Line 747: | ||
</div> | </div> | ||
<!--we extend the main-content div further by removing </div> or if you want to stop here then put </div> back here --> | <!--we extend the main-content div further by removing </div> or if you want to stop here then put </div> back here --> | ||
- | <img src="http://img.photobucket.com/albums/v26/bluemelon/project_banner1.jpg" width="850" height=" | + | <img src="http://img.photobucket.com/albums/v26/bluemelon/project_banner1.jpg" width="850" height="216"> |
<div id="bodyContent"> | <div id="bodyContent"> | ||
Line 677: | Line 757: | ||
<div id="sponsorbox"> | <div id="sponsorbox"> | ||
<div id="sponsorbox" class="sponsorfloat"> | <div id="sponsorbox" class="sponsorfloat"> | ||
+ | <!-- twitter starts here --> | ||
+ | </script> | ||
+ | <div id="tweets"> | ||
<center> | <center> | ||
- | <h2> | + | <h2>UCDavis iGEM Tweets</h2> |
</center> | </center> | ||
- | < | + | <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> |
- | < | + | <script> |
- | < | + | new TWTR.Widget({ |
- | + | version: 2, | |
- | + | type: 'profile', | |
- | + | rpp: 10, | |
- | + | interval: 30000, | |
- | </ | + | width: 205, |
+ | height: 100, | ||
+ | |||
+ | theme: { | ||
+ | shell: { | ||
+ | background: '#004b85', | ||
+ | color: '#ffffff' | ||
+ | }, | ||
+ | tweets: { | ||
+ | background: '#004b85', | ||
+ | color: '#ffffff', | ||
+ | links: '#4aed05' | ||
+ | } | ||
+ | |||
+ | }, | ||
+ | features: { | ||
+ | scrollbar: true, | ||
+ | loop: false, | ||
+ | live: true, | ||
+ | behavior: 'all' | ||
+ | } | ||
+ | }).render().setUser('UCDavisiGEM').start(); | ||
+ | |||
+ | </script> | ||
</div> | </div> | ||
+ | <!-- twitter ends here --> | ||
+ | </div> | ||
+ | |||
+ | <div id="sponsorbox" class="sponsorfloat"> | ||
+ | <center> | ||
+ | <h2>Criteria</h2> | ||
+ | View our judging criteria for iGEM 2012 <a href="https://2012.igem.org/Team:UC_Davis/Criteria" style="color:#33FF33;">here</a>. | ||
+ | </center> | ||
</div> | </div> | ||
Line 727: | Line 841: | ||
--> | --> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
+ | |||
+ | <!-- div id="myleftbox" style="width:625px; float:left;" --> | ||
+ | <div id="myleftbox"> | ||
+ | |||
+ | <div id="myleftbox" class="threeboxes"> | ||
+ | <a href="https://2012.igem.org/Team:UC_Davis/Project/Strain"><img src="http://img.photobucket.com/albums/v26/bluemelon/strain_small_banner-2.jpg"></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="myleftbox" class="threeboxes"> | ||
+ | <a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst"><img src="http://img.photobucket.com/albums/v26/bluemelon/catalyst_small_banner-1.jpg"></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="myleftbox" class="threeboxes"> | ||
+ | <a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering"><img src="http://img.photobucket.com/albums/v26/bluemelon/protein_small_banner-2.jpg"></a> | ||
</div> | </div> | ||
Revision as of 23:31, 23 August 2012