Template:CSS/Main custom
From 2014.igem.org
(Difference between revisions)
Sim.castle (Talk | contribs) |
Sim.castle (Talk | contribs) |
||
Line 9: | Line 9: | ||
#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; | |
} | } | ||
#bottom-section{ /*-- styling for full width bar at the bottom of the page --*/ | #bottom-section{ /*-- styling for full width bar at the bottom of the page --*/ | ||
- | + | background-color: #DCFFDC; | |
- | + | border: 0 none; | |
- | + | height: 150px; | |
- | + | z-index: 100; | |
- | + | /*position: fixed;*/ | |
- | + | width: 100%; | |
- | + | /*left: 50%; */ | |
- | + | margin-left: auto; | |
- | + | margin-right: auto; | |
} | } | ||
#contentcontainer { /*-- creates container for all content on page --*/ | #contentcontainer { /*-- creates container for all content on page --*/ | ||
- | + | font-family: Arial, Helvetica, sans-serif; | |
- | + | font-weight: normal; | |
- | + | font-size: 15px; | |
- | + | color: white; | |
- | + | width: 960px; | |
- | + | margin-left: auto; | |
- | + | margin-right: auto; | |
- | + | background-color: transparent; | |
- | + | margin-top: 0px; | |
} | } | ||
Line 85: | Line 85: | ||
width: 960px; | width: 960px; | ||
height: 30px; | height: 30px; | ||
- | + | /* line height 30px; */ | |
background: #DCFFDC; | background: #DCFFDC; | ||
margin-bottom: 40px; | margin-bottom: 40px; | ||
- | |||
- | |||
} | } | ||
Line 104: | Line 102: | ||
background: transparent; | background: transparent; | ||
margin-bottom: 40px; | margin-bottom: 40px; | ||
- | + | ||
- | + | ||
} | } | ||
Line 111: | Line 109: | ||
background-color: white; | background-color: white; | ||
border-width: 0 0px 0px 0px; | border-width: 0 0px 0px 0px; | ||
- | + | ||
} | } | ||
Line 117: | Line 115: | ||
height: 85px; | height: 85px; | ||
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' ); | ||
- | border-width: | + | border-width: 10px; |
border-style: solid; | border-style: solid; | ||
border-color: transparent; | border-color: transparent; | ||
Line 137: | Line 135: | ||
- | + | #modal { | |
- | + | ||
width: 50px; | width: 50px; | ||
- | |||
- | |||
- | |||
position: fixed; | position: fixed; | ||
top: 50%; | top: 50%; | ||
left: 0; | left: 0; | ||
- | margin- | + | 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; | + | |
} | } | ||
- | buttons{ | + | #buttons{ |
- | + | display: inline-block; | |
- | + | ||
width: 262px; | width: 262px; | ||
- | height: | + | height: 180px; |
- | + | } | |
Line 179: | Line 168: | ||
background-color: #E5E5E5; | background-color: #E5E5E5; | ||
} | } | ||
+ | |||
+ | |||
#charbanner{ | #charbanner{ | ||
- | position: | + | position: absolute; |
width:100px; | width:100px; | ||
height:100px; | height:100px; | ||
- | + | right: 50%; | |
- | left: | + | padding left: 300px; |
top:20px; | top:20px; | ||
+ | z-index: 10px; | ||
} | } | ||
- | + | #header { | |
- | + | ||
+ | } | ||
+ | |||
+ | .container_12 { | ||
+ | |||
+ | } | ||
+ | |||
+ | .container_12 { | ||
+ | |||
+ | } |
Revision as of 07:51, 22 July 2014