"
VirginiaTemplate3
From 2013.igem.org
(Difference between revisions)
(Created page with "<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...") |
|||
| Line 11: | Line 11: | ||
} | } | ||
body { | body { | ||
| - | background-color: # | + | background-color: #FFFFFF; |
color: white; | color: white; | ||
| + | text-align: left; | ||
| + | vertical-align: baseline; | ||
| + | width:auto; | ||
} | } | ||
#apDiv1 { | #apDiv1 { | ||
| Line 24: | Line 27: | ||
</style> | </style> | ||
<style media="screen" type="text/css"> | <style media="screen" type="text/css"> | ||
| + | |||
/*hide default igem banner and reformat style into blank slate*/ | /*hide default igem banner and reformat style into blank slate*/ | ||
| - | |||
#globalWrapper {width: 100%;} | #globalWrapper {width: 100%;} | ||
| - | |||
#top-section {width: 100%; height:30px; border:none;} | #top-section {width: 100%; height:30px; border:none;} | ||
| - | + | #p-logo {display:none; visibility:hidden;} | |
| - | #p-logo {display:none;} | + | |
| - | + | ||
#search-controls {display:none;} | #search-controls {display:none;} | ||
| - | |||
#menubar a {color:#000000;} | #menubar a {color:#000000;} | ||
| - | |||
#menubar a:hover{text-decoration:none; color:#52749C;} | #menubar a:hover{text-decoration:none; color:#52749C;} | ||
| - | |||
.left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;} | .left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;} | ||
| - | |||
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;} | .left-menu ul {background-color:#FFFFFF; margin:0; padding:0;} | ||
| - | |||
.right-menu ul li a {background-color:#FFFFFF;} | .right-menu ul li a {background-color:#FFFFFF;} | ||
| - | |||
.printfooter {display:none;} | .printfooter {display:none;} | ||
| - | |||
#footer-box {border:none;} | #footer-box {border:none;} | ||
| - | |||
#catlinks {display:none;} | #catlinks {display:none;} | ||
| - | |||
.firstHeading {display:none;} | .firstHeading {display:none;} | ||
| - | |||
#content {width: 100%; border:none;} | #content {width: 100%; border:none;} | ||
| - | |||
#bodyContent {border:none;} | #bodyContent {border:none;} | ||
| + | </style> | ||
| + | <style media="screen" type="text/css"> | ||
@font-face { | @font-face { | ||
font-family: 'Raleway'; | font-family: 'Raleway'; | ||
| Line 60: | Line 51: | ||
} | } | ||
.topbanner { | .topbanner { | ||
| - | background-color: | + | background-color: black; |
padding:5px; | padding:5px; | ||
height:300px; | height:300px; | ||
| Line 67: | Line 58: | ||
background-color:#CCC; | background-color:#CCC; | ||
clear: both; | clear: both; | ||
| + | height:400px; | ||
} | } | ||
.fourfocus { | .fourfocus { | ||
| Line 72: | Line 64: | ||
color:#088674; | color:#088674; | ||
padding:5px; | padding:5px; | ||
| + | height: 200px; | ||
} | } | ||
.bottom { | .bottom { | ||
| Line 77: | Line 70: | ||
color:#088674; | color:#088674; | ||
padding:5px; | padding:5px; | ||
| + | height:200px; | ||
} | } | ||
.footer { | .footer { | ||
background-color: #088674; | background-color: #088674; | ||
| - | padding:5px; | + | padding: 5px; |
| + | text-align: center; | ||
| + | display: block; | ||
| + | font-size:12px; | ||
| + | } | ||
| + | .footer h3 { | ||
| + | font-size: 18px; | ||
| + | text-transform: capitalize; | ||
| + | text-align: center; | ||
| + | border-bottom-width: thin; | ||
| + | border-bottom: 1px solid rgba(255,255,255,0.3); | ||
} | } | ||
#logo { | #logo { | ||
float: left; | float: left; | ||
| - | |||
} | } | ||
#navbar { | #navbar { | ||
float:right; | float:right; | ||
} | } | ||
| - | + | </style> | |
| - | |||
| - | |||
</head> | </head> | ||
| Line 103: | Line 104: | ||
<div class="fourfocus">Content for class "fourfocus" Goes Here</div> | <div class="fourfocus">Content for class "fourfocus" Goes Here</div> | ||
<div class="bottom">Content for class "bottom" Goes Here</div> | <div class="bottom">Content for class "bottom" Goes Here</div> | ||
| - | <div class="footer"> | + | <div class="footer"> |
| + | <h3>Contact</h3> | ||
| + | <p>Questions? Comments? Email us at <a href="virginia.igem@gmail.com">virginia.igem@gmail.com</a></p> | ||
| + | </div> | ||
| + | |||
<p> </p> | <p> </p> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 18:41, 21 June 2013
Content for class "slidingpics" Goes Here
Content for class "fourfocus" Goes Here
Content for class "bottom" Goes Here
