Team:Linkoping Sweden/Templates
From 2014.igem.org
(Difference between revisions)
(49 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <style> | + | <head> |
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
+ | |||
+ | |||
+ | .firstHeading { | ||
+ | visibility: hidden; | ||
+ | width: 975px; | ||
+ | margin: 0px auto; | ||
+ | padding-top: 0px; | ||
+ | font-size: 0em; | ||
+ | margin-bottom: 0px; | ||
+ | font-family: Georgia, Times, "Times New Roman", serif; | ||
+ | } | ||
+ | |||
+ | #top-section{ | ||
+ | height: 0px; | ||
+ | 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.) --*/ | ||
+ | background-color: #383838; | ||
+ | height: 14px; | ||
+ | display: block; | ||
+ | z-index: 10; | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/ | ||
+ | color: #727272; | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
body | body | ||
Line 24: | Line 49: | ||
font-size:12px; | 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 | #wrapper | ||
{ | { | ||
- | width: | + | width: 924px; |
- | margin:0px auto; | + | margin: 0px auto 0px auto; |
- | border:0px | + | border: 0px; |
- | + | } | |
+ | #wrapper h1, h2, h3 | ||
+ | { | ||
+ | border-bottom: 0px; | ||
} | } | ||
#header | #header | ||
{ | { | ||
+ | width: 900px; | ||
border: 2px solid #329000; | border: 2px solid #329000; | ||
height: 80px; | height: 80px; | ||
Line 38: | Line 80: | ||
background-color: #7AEE3C; | background-color: #7AEE3C; | ||
border-radius: 10px; | border-radius: 10px; | ||
+ | color: #329000; | ||
+ | } | ||
+ | #header h1 | ||
+ | { | ||
color: #329000; | color: #329000; | ||
} | } | ||
Line 44: | Line 90: | ||
margin-top:10px; | margin-top:10px; | ||
padding-bottom:10px; | padding-bottom:10px; | ||
- | + | overflow: hidden; | |
} | } | ||
#content-wrapper div | #content-wrapper div | ||
{ | { | ||
- | |||
- | |||
float:left; | float:left; | ||
- | border: 2px solid #329000; | + | border-left: 2px solid #329000; |
- | border- | + | border-right: 2px solid #329000; |
} | } | ||
#content-wrapper h1, h2, h3 | #content-wrapper h1, h2, h3 | ||
Line 72: | Line 116: | ||
#content-left | #content-left | ||
{ | { | ||
- | width:180px; | + | width: 180px; |
- | + | padding-left: 10px; | |
+ | padding-right: 20px; | ||
+ | padding-bottom: 100%; | ||
+ | margin-bottom: -100%; | ||
+ | } | ||
+ | #content-left div | ||
+ | { | ||
+ | float: left; | ||
+ | border-color: white; | ||
} | } | ||
#content-left a | #content-left a | ||
Line 94: | Line 146: | ||
#content-main | #content-main | ||
{ | { | ||
- | |||
width:500px; | 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 | #content-main img | ||
Line 106: | Line 165: | ||
#content-right | #content-right | ||
{ | { | ||
- | margin-left:10px; | + | 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 | #content-right img | ||
{ | { | ||
- | width: | + | width: 136px; |
display: block; | display: block; | ||
margin-bottom: 2px; | margin-bottom: 2px; | ||
Line 124: | Line 191: | ||
{ | { | ||
float: left; | float: left; | ||
+ | width: 900px; | ||
margin-top: 10px; | margin-top: 10px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
Line 129: | Line 197: | ||
border: 2px solid #329000; | border: 2px solid #329000; | ||
border-radius: 7px; | border-radius: 7px; | ||
- | |||
text-align: center; | text-align: center; | ||
background-color: #7AEE3C; | background-color: #7AEE3C; | ||
Line 148: | Line 215: | ||
text-align:right; | text-align:right; | ||
} | } | ||
- | |||
</style> | </style> | ||
+ | |||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 08:29, 25 June 2014