VirginiaTemplate3
From 2013.igem.org
(Difference between revisions)
Line 17: | Line 17: | ||
margin:0 auto; | margin:0 auto; | ||
width:95%; | width:95%; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
</style> | </style> | ||
Line 52: | Line 44: | ||
} | } | ||
.topbanner { | .topbanner { | ||
- | background-color: | + | background-color: #000000; |
- | padding:5px; | + | padding: 5px; |
- | height:250px; | + | height: 250px; |
} | } | ||
.slidingpics { | .slidingpics { | ||
- | background-color: | + | background-color: #000; |
clear: both; | clear: both; | ||
- | height:400px; | + | height: 400px; |
- | margin-left:auto; | + | margin-left: auto; |
- | margin-left:auto; | + | margin-left: auto; |
} | } | ||
.fourfocus { | .fourfocus { | ||
- | background-color: | + | background-color: #000; |
color: white; | color: white; | ||
- | padding:5px; | + | padding: 5px; |
height: 200px; | height: 200px; | ||
- | margin-left:auto; | + | margin-left: auto; |
- | margin-right:auto; | + | margin-right: auto; |
- | width:1000px; | + | width: 1000px; |
+ | } | ||
+ | .fourfocus p { | ||
+ | color:#6A6A6A; | ||
} | } | ||
.bottom { | .bottom { | ||
- | background-color: | + | background-color: #000; |
- | color: | + | color: #FFFFFF; |
padding: 15px; | padding: 15px; | ||
height: 200px; | height: 200px; | ||
Line 83: | Line 78: | ||
} | } | ||
.footer { | .footer { | ||
- | background-color: | + | background-color: #000000; |
+ | color:white; | ||
padding: 5px; | padding: 5px; | ||
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
- | font-size:12px; | + | font-size: 12px; |
} | } | ||
.footer h3 { | .footer h3 { | ||
font-size: 18px; | font-size: 18px; | ||
+ | color:white; | ||
text-transform: capitalize; | text-transform: capitalize; | ||
text-align: center; | text-align: center; | ||
border-bottom-width: thin; | border-bottom-width: thin; | ||
border-bottom: 1px solid rgba(255,255,255,0.3); | border-bottom: 1px solid rgba(255,255,255,0.3); | ||
+ | } | ||
+ | .footer a { | ||
+ | text-decoration:none; | ||
+ | color: #E94730; | ||
+ | } | ||
+ | .footer a:hover { | ||
+ | color: blue; | ||
} | } | ||
#logo { | #logo { | ||
- | height: | + | height: 130px; |
margin: 30px auto 0px auto; | margin: 30px auto 0px auto; | ||
} | } | ||
Line 112: | Line 116: | ||
#logo h1 span { | #logo h1 span { | ||
- | color: # | + | color: #E94730; |
} | } | ||
#logo h1 a { | #logo h1 a { | ||
- | font-size: | + | font-size: 70px; |
color: #FFF; | color: #FFF; | ||
} | } | ||
Line 123: | Line 127: | ||
text-align: center; | text-align: center; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
- | font-size: | + | font-size: 25px; |
font-family: 'Raleway', sans-serif; | font-family: 'Raleway', sans-serif; | ||
color: #595959; | color: #595959; | ||
Line 137: | Line 141: | ||
text-decoration: none; | text-decoration: none; | ||
color: #1F1F1F; | color: #1F1F1F; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#picbox { | #picbox { | ||
Line 175: | Line 175: | ||
} | } | ||
#menu11 ul { | #menu11 ul { | ||
- | + | list-style: none; | |
- | + | text-transform: uppercase; | |
- | + | font-size: 24px; | |
- | + | line-height: 1.2em; | |
- | + | clear: both; | |
- | + | margin: 20px; | |
- | + | padding-left:15%; | |
} | } | ||
#menu11 ul li{ | #menu11 ul li{ | ||
- | + | float: left; | |
} | } | ||
#menu11 ul li a{ | #menu11 ul li a{ | ||
Line 201: | Line 201: | ||
} | } | ||
#menu11 ul li a:hover{ | #menu11 ul li a:hover{ | ||
- | border-left:8px dotted # | + | border-left:8px dotted #E94730; |
} | } | ||
#menu11 ul li a:hover span.title{ | #menu11 ul li a:hover span.title{ | ||
Line 210: | Line 210: | ||
letter-spacing: 0px; | letter-spacing: 0px; | ||
visibility: hidden; | visibility: hidden; | ||
- | border-left: 16px dotted # | + | border-left: 16px dotted #E94730; |
line-height: 0px; | line-height: 0px; | ||
padding-top: 4px; | padding-top: 4px; | ||
Line 219: | Line 219: | ||
} | } | ||
+ | |||
</style> | </style> | ||
Line 255: | Line 256: | ||
<span class="text">Who we count on</span></a></li></ul></div></div></div> | <span class="text">Who we count on</span></a></li></ul></div></div></div> | ||
<div class="slidingpics"> | <div class="slidingpics"> | ||
- | <div id="picbox"><img src="http://25.media.tumblr.com/ | + | <div id="picbox"><img src="http://25.media.tumblr.com/483c511e3474e40873fda43fe97a9c90/tumblr_mp2bcqXW5J1sxgpaeo1_1280.png" width="500" height="350"/></div></div> |
<div class="fourfocus"> | <div class="fourfocus"> | ||
<div id="fbox1"><a href=""><img src="http://infinitylinephotography.tripod.com/sitebuildercontent/sitebuilderpictures/1495_golden-retriever-puppy.jpg" width="235" height="235" alt="" /></a> | <div id="fbox1"><a href=""><img src="http://infinitylinephotography.tripod.com/sitebuildercontent/sitebuilderpictures/1495_golden-retriever-puppy.jpg" width="235" height="235" alt="" /></a> | ||
Line 280: | Line 281: | ||
<p>Questions? Comments? Email us at <a href="virginia.igem@gmail.com">virginia.igem@gmail.com</a></p> | <p>Questions? Comments? Email us at <a href="virginia.igem@gmail.com">virginia.igem@gmail.com</a></p> | ||
</div> | </div> | ||
- | |||
- | |||
<p> </p> | <p> </p> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 18:39, 27 June 2013
SPONSORS BECAUSE WE NEED $$$$$