Team:Linkoping Sweden/Templates
From 2014.igem.org
(Difference between revisions)
(18 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
+ | |||
.firstHeading { | .firstHeading { | ||
+ | visibility: hidden; | ||
width: 975px; | width: 975px; | ||
margin: 0px auto; | margin: 0px auto; | ||
- | padding-top: | + | padding-top: 0px; |
- | margin-bottom: | + | font-size: 0em; |
+ | margin-bottom: 0px; | ||
font-family: Georgia, Times, "Times New Roman", serif; | font-family: Georgia, Times, "Times New Roman", serif; | ||
} | } | ||
- | + | #top-section{ | |
- | + | height: 0px; | |
- | #top-section { | + | top: 0px; |
- | + | margin-top: 0px; | |
- | + | padding: 0px; | |
- | + | border: 0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | ||
background-color: #383838; | background-color: #383838; | ||
height: 14px; | height: 14px; | ||
- | + | display: block; | |
z-index: 10; | z-index: 10; | ||
position: fixed; | position: fixed; | ||
Line 43: | Line 40: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | body | |
- | font-family: | + | { |
- | + | background-color:white; | |
- | font-size: | + | font-family:arial,helvetica,sans-serif; |
- | + | font-size:12px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | |
- | + | background-color: #383838; | |
- | + | border: 0 none; | |
- | + | height: 14px; | |
- | + | z-index: 100; | |
- | + | top: 0; | |
- | + | position: relative; | |
+ | width: 975px; | ||
+ | left: 50%; | ||
+ | margin-left: -487px; | ||
} | } | ||
- | + | #wrapper | |
- | + | { | |
- | + | width: 924px; | |
- | + | margin: 0px auto 0px auto; | |
- | + | border: 0px; | |
- | + | ||
- | width: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #wrapper h1, h2, h3 | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
- | + | border-bottom: 0px; | |
- | border- | + | |
- | + | ||
- | + | ||
} | } | ||
- | + | #header | |
- | + | { | |
- | + | width: 900px; | |
- | + | border: 2px solid #329000; | |
- | + | height: 80px; | |
- | + | padding: 10px; | |
- | + | background-color: #7AEE3C; | |
- | + | border-radius: 10px; | |
- | + | color: #329000; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | color: # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #header h1 | |
- | + | { | |
- | + | color: #329000; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #content-wrapper | |
- | + | { | |
- | + | margin-top:10px; | |
- | + | padding-bottom:10px; | |
- | + | overflow: hidden; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #content-wrapper div | |
- | + | { | |
- | float: | + | float:left; |
- | + | border-left: 2px solid #329000; | |
- | + | border-right: 2px solid #329000; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #content-wrapper h1, h2, h3 | |
- | + | { | |
- | + | color: #B70094; | |
- | + | ||
- | + | ||
- | color: # | + | |
- | + | ||
- | + | ||
} | } | ||
- | + | #content-wrapper a | |
- | + | { | |
- | + | color: #4DDE00; | |
- | + | text-decoration: none; | |
- | font- | + | font-weight: bold; |
- | + | font-size: 13px; | |
} | } | ||
- | + | #content-wrapper a:hover | |
- | + | { | |
- | + | color: #329000; | |
- | + | text-decoration: underline; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #content-left | |
- | + | { | |
- | + | width: 180px; | |
- | + | padding-left: 10px; | |
- | + | padding-right: 20px; | |
+ | padding-bottom: 100%; | ||
+ | margin-bottom: -100%; | ||
} | } | ||
- | + | #content-left div | |
- | + | { | |
- | padding: | + | float: left; |
- | display: block; | + | border-color: white; |
- | margin-left: | + | } |
- | margin-right: | + | #content-left a |
+ | { | ||
+ | display: block; | ||
+ | color: #A63A00; | ||
+ | font-size: 17px; | ||
+ | padding: 8px 8px 8px 8px; | ||
+ | margin-bottom: 5px; | ||
+ | text-decoration: none; | ||
+ | background-color: #FF8240; | ||
+ | border-radius: 7px; | ||
+ | } | ||
+ | #content-left a:hover | ||
+ | { | ||
+ | color: #FF8240; | ||
+ | background-color: #A63A00; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #content-main | ||
+ | { | ||
+ | width:500px; | ||
+ | margin-left: -2px; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | padding-bottom: 100%; | ||
+ | margin-bottom: -100%; | ||
+ | } | ||
+ | #content-main div | ||
+ | { | ||
+ | float: left; | ||
+ | } | ||
+ | #content-main img | ||
+ | { | ||
+ | max-height: 150px; | ||
+ | display: block; | ||
+ | margin-bottom: 2px; | ||
+ | } | ||
+ | #content-right | ||
+ | { | ||
+ | width: 136px; | ||
+ | margin-left: -2px; | ||
+ | padding-top: 20px; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 10px; | ||
+ | padding-bottom: 100%; | ||
+ | margin-bottom: -100%; | ||
+ | } | ||
+ | #content-right div | ||
+ | { | ||
+ | float: left; | ||
+ | } | ||
+ | #content-right img | ||
+ | { | ||
+ | width: 136px; | ||
+ | display: block; | ||
+ | margin-bottom: 2px; | ||
+ | } | ||
+ | #content-right a | ||
+ | { | ||
+ | display: block; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | #footer | ||
+ | { | ||
+ | float: left; | ||
+ | width: 900px; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | padding: 10px; | ||
+ | border: 2px solid #329000; | ||
+ | border-radius: 7px; | ||
text-align: center; | text-align: center; | ||
+ | background-color: #7AEE3C; | ||
+ | } | ||
+ | #footer a | ||
+ | { | ||
+ | color: #4DDE00; | ||
+ | text-decoration: none; | ||
+ | font-weight: bold; | ||
+ | font-size: 13px; | ||
+ | color: #329000; | ||
+ | display: inline-block; | ||
+ | margin: 0px 10px 0px 10px; | ||
+ | } | ||
+ | #bottom | ||
+ | { | ||
+ | clear:both; | ||
+ | text-align:right; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
Latest revision as of 08:29, 25 June 2014