Template:CSS/Main custom
From 2014.igem.org
(Difference between revisions)
Sim.castle (Talk | contribs) |
Sim.castle (Talk | contribs) |
||
(138 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<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 --*/ | ||
Line 9: | Line 8: | ||
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | #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: fixed;*/ | |
- | + | width: 100%; | |
- | + | /*left: 50%; */ | |
- | + | margin-left: auto; | |
+ | margin-right: auto; | ||
+ | |||
} | } | ||
#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; | |
- | + | 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.) --*/ | #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; | |
} | } | ||
#globalWrapper, #content { /*-- changes default wiki settings --*/ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
- | + | width: 100%; | |
- | + | height: 100%; | |
- | + | border: 0px; | |
- | + | background-color: transparent; | |
- | + | margin: 0px; | |
- | + | padding: 0px; | |
} | } | ||
html, body, .wrapper { /*-- changes default wiki settings --*/ | html, body, .wrapper { /*-- changes default wiki settings --*/ | ||
- | + | width: 100%; | |
- | + | height: 100%; | |
- | + | background-color: white; | |
} | } | ||
- | + | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | /*___________________________________________________*/ | |
- | + | /*---NAV BAR-------------*/ | |
- | + | #menu, #menu ul { | |
+ | |||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | list-style: none; | ||
+ | background: #DCFFDC; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #menu end{ | ||
+ | display:block; | ||
+ | width: 100%; | ||
+ | height: 30px; | ||
+ | margin-bottom: 30px; | ||
} | } | ||
+ | #menu top{ | ||
+ | font-weight: bold; | ||
+ | font-size: 12.5px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #menu li { | ||
+ | float: left; | ||
+ | height: 30px | ||
+ | background: #DCFFDC; | ||
+ | margin-bottom: 30px; | ||
+ | width: 114px; | ||
+ | } | ||
+ | #menu lil { | ||
+ | float: left; | ||
+ | height: 30px | ||
+ | background: #DCFFDC; | ||
+ | margin-bottom: 30px; | ||
+ | width: 45px; | ||
+ | } | ||
- | a | + | #menu a { |
+ | display: block; | ||
+ | padding: 5px; | ||
+ | color: #333333; | ||
+ | border-style: solid; | ||
+ | border-color: transparent; | ||
+ | border-right-color: white; | ||
+ | border-width: 1px; | ||
+ | border-right-width: 2px; | ||
+ | |||
+ | } | ||
- | # | + | #menu li ul { |
- | + | position: absolute; | |
- | + | left: -999em; | |
- | + | width: 100px; | |
+ | text-align: left; | ||
+ | opacity: 0.85; | ||
+ | padding-left: 10px; | ||
} | } | ||
- | # | + | #menu li:hover ul, #menu li ul:hover { |
- | + | left:auto; | |
- | + | } | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | /*---PAGE CONTENT------------*/ | |
- | + | ||
+ | #contentcontainer { /*-- creates container for all content on page --*/ | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-weight: normal; | ||
color: white; | color: white; | ||
- | + | width: 960px; | |
- | + | margin-left: auto; | |
- | background: - | + | margin-right: auto; |
- | + | background-color: transparent; | |
- | + | margin-top: 0px; | |
- | + | } | |
- | + | ||
- | + | p1{ | |
- | + | font-color: #333333; | |
+ | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | ||
+ | |||
+ | h2 { | ||
+ | padding-top: 20px; | ||
+ | font-size: xx-large; | ||
+ | line-height: normal; | ||
} | } | ||
#main { | #main { | ||
background-color: white; | background-color: white; | ||
- | border-width: 0 | + | border-width: 0 0px 0px 0px; |
- | + | ||
- | + | ||
} | } | ||
+ | |||
+ | .grey{ | ||
+ | background-color: #E5E5E5; | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 20px; | ||
+ | margin-top: 30px; | ||
+ | margin-bottom: 30px; | ||
+ | width: 960px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*---HEADER SYTLING---------*/ | ||
#header { | #header { | ||
- | height: | + | height: 90px; |
- | background-image: url('https://static.igem.org/mediawiki/2014/4/47/Delft2014_Igem_banner.png'); | + | background-image: url('https://static.igem.org/mediawiki/2014/4/47/Delft2014_Igem_banner.png' ); |
- | + | background-repeat: no-repeat; | |
- | + | background-position: 0 0; | |
- | + | background-size: 392px 75px; | |
} | } | ||
- | + | #charbanner{ | |
+ | position: relative; | ||
+ | width:140px; | ||
+ | height:140px; | ||
+ | left: 87.5%; | ||
+ | z-index: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*-------SIDEBAR OVERLAYS--------*/ | ||
+ | |||
+ | #modal { | ||
+ | |||
+ | width: 50px; | ||
+ | position: fixed; | ||
+ | top: 50%; | ||
+ | left: 0; | ||
+ | margin-top: -100px; | ||
+ | z-index: 11; | ||
+ | } | ||
+ | |||
+ | .modalright { | ||
+ | |||
+ | width: 50px; | ||
+ | height: 160px; | ||
+ | position: fixed; | ||
+ | top: 50%; | ||
+ | right: 0; | ||
+ | margin-top: -100px; | ||
+ | z-index: 11; | ||
+ | } | ||
+ | |||
+ | /*-------BAR ACROSS BOTTOM OF PAGE--------*/ | ||
+ | |||
+ | #bottom-section{ | ||
+ | background-color: #DCFFDC; | ||
+ | border: 0 none; | ||
+ | z-index: 100; | ||
+ | /* position: fixed; */ | ||
+ | width: 100%; | ||
+ | margin-top: 40px; | ||
padding-top: 20px; | padding-top: 20px; | ||
- | + | padding-bottom: 20px; | |
- | + | text-align: center; | |
+ | font-size: 12px; | ||
} | } | ||
+ | |||
+ | |||
+ | /*___________________________________________________*/ | ||
+ | /*---HOME PAGE SPECIFIC-------------------*/ | ||
+ | |||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 19:51, 21 September 2014