Template:CSS/Main custom
From 2014.igem.org
(Difference between revisions)
Sim.castle (Talk | contribs) |
Sim.castle (Talk | contribs) |
||
(39 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; | |
- | + | } | |
- | + | ||
- | + | #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; | ||
+ | width: 960px; | ||
+ | margin-left: auto; | ||
+ | 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- | + | font-size: xx-large; |
- | + | line-height: normal; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 111: | Line 155: | ||
background-color: white; | background-color: white; | ||
border-width: 0 0px 0px 0px; | 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-repeat: no-repeat; | ||
background-position: 0 0; | background-position: 0 0; | ||
Line 125: | Line 178: | ||
} | } | ||
- | + | #charbanner{ | |
- | + | position: relative; | |
- | + | width:140px; | |
- | + | height:140px; | |
- | + | left: 87.5%; | |
- | + | z-index: 10px; | |
} | } | ||
- | /* | + | /*-------SIDEBAR OVERLAYS--------*/ |
+ | #modal { | ||
- | |||
- | |||
width: 50px; | width: 50px; | ||
- | |||
- | |||
position: fixed; | position: fixed; | ||
top: 50%; | top: 50%; | ||
left: 0; | left: 0; | ||
margin-top: -100px; | margin-top: -100px; | ||
- | + | z-index: 11; | |
- | + | } | |
- | + | ||
- | z-index: 11; | + | |
- | } | + | |
.modalright { | .modalright { | ||
- | + | ||
width: 50px; | width: 50px; | ||
height: 160px; | height: 160px; | ||
- | |||
position: fixed; | position: fixed; | ||
top: 50%; | top: 50%; | ||
right: 0; | right: 0; | ||
margin-top: -100px; | margin-top: -100px; | ||
- | + | z-index: 11; | |
- | + | ||
- | + | ||
- | + | ||
- | z-index: 11; | + | |
} | } | ||
- | + | /*-------BAR ACROSS BOTTOM OF PAGE--------*/ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #bottom-section{ | |
- | + | background-color: #DCFFDC; | |
- | background-color: # | + | border: 0 none; |
+ | z-index: 100; | ||
+ | /* position: fixed; */ | ||
+ | width: 100%; | ||
+ | margin-top: 40px; | ||
+ | padding-top: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | text-align: center; | ||
+ | font-size: 12px; | ||
} | } | ||
- | + | ||
- | + | /*___________________________________________________*/ | |
- | + | /*---HOME PAGE SPECIFIC-------------------*/ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
Latest revision as of 19:51, 21 September 2014