Difference between revisions of "Template:Wageningen UR/TestCSS"
| (26 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
#sideMenu, #top_title {display:none;} | #sideMenu, #top_title {display:none;} | ||
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;} | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;} | ||
| − | body {background-color: transparent; } | + | body { |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; | + | background-color: transparent; |
| − | + | height: 100%; | |
| + | } | ||
| + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | /* set all basic objects to neutral formatting*/ | ||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { | ||
margin: 0; | margin: 0; | ||
| Line 34: | Line 39: | ||
.main_wrapper { | .main_wrapper { | ||
| + | background-color: #bdbdbd; | ||
} | } | ||
| Line 43: | Line 49: | ||
width: 100%; | width: 100%; | ||
height: 120px; | height: 120px; | ||
| − | background-color: # | + | background-color: #80ccff; |
| + | text-align: center; | ||
} | } | ||
| Line 58: | Line 65: | ||
.left { | .left { | ||
| − | width: | + | width: 10%; |
height: 100%; | height: 100%; | ||
float:left; | float:left; | ||
| + | background-color: #bdbdbd; | ||
} | } | ||
.center { | .center { | ||
| − | width: | + | width: 80%; |
min-width: 800px; | min-width: 800px; | ||
display: inline-block; | display: inline-block; | ||
| Line 74: | Line 82: | ||
width: 100%; | width: 100%; | ||
height: 80px; | height: 80px; | ||
| − | background-color: # | + | background-color: #9fd9ff; |
overflow: hidden; | overflow: hidden; | ||
| Line 92: | Line 100: | ||
overflow: hidden; | overflow: hidden; | ||
width: 100%; | width: 100%; | ||
| − | min-height: | + | min-height: 560px; |
background-color: #00DFFF; | background-color: #00DFFF; | ||
| Line 98: | Line 106: | ||
.center_middle_box { | .center_middle_box { | ||
| − | min-height: | + | min-height: 540px; |
| + | height: 100%; | ||
margin-top: 10px; | margin-top: 10px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
| Line 110: | Line 119: | ||
overflow: hidden; | overflow: hidden; | ||
width: 100%; | width: 100%; | ||
| − | height: | + | height: 60px; |
background-color: #00FFFF; | background-color: #00FFFF; | ||
| Line 116: | Line 125: | ||
.center_footer_box { | .center_footer_box { | ||
| − | min-height: | + | min-height: 40px; |
margin-top: 10px; | margin-top: 10px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
| Line 126: | Line 135: | ||
.right { | .right { | ||
| − | width: | + | width: 10%; |
height: 100%; | height: 100%; | ||
float:right; | float:right; | ||
| + | background-color: #bdbdbd; | ||
} | } | ||
.footer { | .footer { | ||
| − | + | position:fixed; | |
clear: both; | clear: both; | ||
| + | bottom: 0px; | ||
| + | left: 0px; | ||
width: 100%; | width: 100%; | ||
| − | height: | + | height: 32px; |
| − | margin: | + | margin: 0px; |
| − | background-color: #DA70D6; | + | background-color: #DA70D6; |
| − | + | text-align: center; | |
} | } | ||
Latest revision as of 18:09, 1 May 2017
