Difference between revisions of "MediaWiki:Common.css"
From Crisiscommunication.fi wiki
(118 intermediate revisions by 2 users not shown) | |||
Line 30: | Line 30: | ||
#mw-page-base { | #mw-page-base { | ||
height: 9em; | height: 9em; | ||
+ | height: 12em; | ||
width: 20em; | width: 20em; | ||
} | } | ||
Line 36: | Line 37: | ||
#right-navigation { | #right-navigation { | ||
margin-top: 6em; | margin-top: 6em; | ||
+ | margin-top: 9em; | ||
} | } | ||
#left-navigation { | #left-navigation { | ||
Line 65: | Line 67: | ||
left: 0; | left: 0; | ||
height: 6em; | height: 6em; | ||
+ | height: 9em; | ||
width: 960px; | width: 960px; | ||
border-bottom: 3px solid #2ca8ca; | border-bottom: 3px solid #2ca8ca; | ||
Line 71: | Line 74: | ||
#p-logo a { | #p-logo a { | ||
height: 6em; | height: 6em; | ||
+ | height: 9em; | ||
width: 500px; | width: 500px; | ||
} | } | ||
Line 78: | Line 82: | ||
position: absolute; | position: absolute; | ||
top: 3.5em; | top: 3.5em; | ||
+ | top: 6.5em; | ||
right: 0em; | right: 0em; | ||
} | } | ||
Line 200: | Line 205: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
div#content h1, | div#content h1, | ||
Line 270: | Line 269: | ||
} | } | ||
+ | div#content strong, | ||
+ | div#content b, | ||
+ | div#content em, | ||
em { | em { | ||
− | font-weight: bold; | + | font-weight: bold; |
− | font-style: normal; | + | font-style: normal; |
} | } | ||
Line 319: | Line 321: | ||
div#mw-panel { | div#mw-panel { | ||
− | padding: | + | padding: 3em 0; |
width: 25%; | width: 25%; | ||
padding-right: 30px; | padding-right: 30px; | ||
Line 358: | Line 360: | ||
#catlinks, .catlinks { | #catlinks, .catlinks { | ||
margin-top: 3.42857143em; /* 48px */ | margin-top: 3.42857143em; /* 48px */ | ||
+ | } | ||
+ | |||
+ | #pt-logout { | ||
+ | display: none; | ||
} | } | ||
Line 372: | Line 378: | ||
margin-top: 0; | margin-top: 0; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
+ | text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33), 0px 0px 8px rgba(0, 0, 0, 0.33); | ||
+ | height: 418px; | ||
} | } | ||
Line 378: | Line 386: | ||
} | } | ||
− | .promo | + | .promo h1 span { |
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | body.page-Main_Page div#content .promo h1 { | ||
+ | font-size: 3.5em; | ||
+ | padding-top: 1em; | ||
+ | /* padding-bottom: 0.85714286em; */ | ||
+ | margin-bottom: 0; | ||
+ | line-height: 1; | ||
+ | letter-spacing: -0.05em; | ||
+ | color: #fff; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | body.page-Main_Page div#content .promo h2 { | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | margin: 0; | ||
+ | padding: 1em 0; | ||
+ | margin-bottom: 48px; | ||
+ | } | ||
+ | |||
+ | body.page-Main_Page div#content .promo h2 a { | ||
+ | color: white; | ||
+ | text-decoration: underline; | ||
+ | font-weight: bold; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | body.page-Main_Page div#content .promo h2 a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | body.page-Main_Page div#content .promo p { | ||
+ | line-height: 0; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
+ | } | ||
+ | |||
+ | div#content .promo p, div#content .promo img { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | line-height: 0; | ||
} | } | ||
Line 386: | Line 437: | ||
position: absolute; | position: absolute; | ||
bottom: 0; | bottom: 0; | ||
+ | width: 100%; | ||
} | } | ||
.bg-overlay { | .bg-overlay { | ||
− | background: rgba( | + | /* background: rgba(8,21,26,0.75); */ |
} | } | ||
Line 395: | Line 447: | ||
margin-left: 0; | margin-left: 0; | ||
padding-top: 1.5em; | padding-top: 1.5em; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
} | } | ||
Line 411: | Line 465: | ||
body.page-Main_Page #bodyContent ul, | body.page-Main_Page #bodyContent ul, | ||
− | body.page-Main_Page #bodyContent ol { | + | body.page-Main_Page #bodyContent ol, |
+ | body.page-Main_Page #bodyContent p { | ||
font-size: 0.875em; | font-size: 0.875em; | ||
line-height: 1.42857143; | line-height: 1.42857143; | ||
margin-bottom: 1.42857143em; | margin-bottom: 1.42857143em; | ||
} | } | ||
+ | |||
body.page-Main_Page #bodyContent ol { | body.page-Main_Page #bodyContent ol { | ||
list-style-type: decimal; | list-style-type: decimal; | ||
Line 423: | Line 479: | ||
.latest-updates { | .latest-updates { | ||
background: #E0F0F4; | background: #E0F0F4; | ||
+ | padding-bottom: 1.5em; | ||
} | } | ||
body.page-Main_Page #content .latest-updates ul { | body.page-Main_Page #content .latest-updates ul { | ||
list-style-type: decimal-leading-zero; | list-style-type: decimal-leading-zero; | ||
+ | margin-left: 2em; | ||
} | } | ||
Line 437: | Line 495: | ||
list-style: none; | list-style: none; | ||
margin: 0; | margin: 0; | ||
+ | } | ||
+ | |||
+ | body.page-Main_Page #content h1 { | ||
+ | color: #003e52 | ||
+ | } | ||
+ | |||
+ | .card-container { | ||
+ | margin: 0 -15px 0 0; | ||
} | } | ||
.card { | .card { | ||
− | + | padding-right: 15px; | |
− | padding: | + | padding-left: 0; |
+ | padding-bottom: 1em; | ||
padding-top: 0; | padding-top: 0; | ||
+ | float: left; | ||
} | } | ||
+ | |||
+ | div#content .card.column-full ul { | ||
+ | font-size: 20px; | ||
+ | line-height: 1.2; | ||
+ | } | ||
+ | |||
+ | div#content .card.column-full ul li { | ||
+ | padding-bottom: 8px; | ||
+ | } | ||
+ | |||
+ | div#content .card.column-6 ul, | ||
+ | div#content .column-4 ol { | ||
+ | font-size: 16px; | ||
+ | line-height: 1.25; | ||
+ | } | ||
+ | |||
+ | div#content .card.column-6 ul li, | ||
+ | div#content .column-4 ol li { | ||
+ | padding-bottom: 8px; | ||
+ | |||
+ | } | ||
+ | |||
+ | div#content .card ul { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | div#content .card ul li, | ||
+ | div#content .column-4 ol li { | ||
+ | border-bottom: 1px solid #eee; | ||
+ | padding-left: 1em; | ||
+ | } | ||
+ | |||
+ | div#content .card ul li:last-child { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .secondary-column-wrapper { | ||
+ | counter-reset: li; | ||
+ | } | ||
+ | |||
+ | body.page-Main_Page #bodyContent .secondary-column-wrapper p { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | div#content .column-4 ol { | ||
+ | border-top: 1px solid #eee; | ||
+ | list-style-position: inside; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | div#content .column-4 ol > li { | ||
+ | padding-left: 2em; | ||
+ | padding-top: 8px; | ||
+ | padding-bottom: 8px; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | div#content .column-4 ol > li:before { | ||
+ | content:counter(li); /* Use the counter as content */ | ||
+ | counter-increment:li; /* Increment the counter by 1 */ | ||
+ | position:absolute; | ||
+ | left: 0; | ||
+ | top: 6px; | ||
+ | width: 24px; | ||
+ | color:#fff; | ||
+ | background:#2ca8ca; | ||
+ | font-weight:bold; | ||
+ | text-align:center; | ||
+ | font-size: 12px; | ||
+ | line-height: 24px; | ||
+ | } | ||
+ | |||
+ | |||
.card-header { | .card-header { | ||
− | margin: 0 | + | margin: 0 0; |
position: relative; | position: relative; | ||
} | } | ||
.card-content { | .card-content { | ||
− | padding-top: | + | padding: 1em 14px; |
+ | padding-top: 0; | ||
+ | border: 1px solid #eee; | ||
+ | border-top: none; | ||
} | } | ||
− | div#content .card-header h3 { | + | div#content .card-header h3, div#content .card-header h2 { |
/* background: #2ca8ca; | /* background: #2ca8ca; | ||
background: rgba(0,0,0,0.5); */ | background: rgba(0,0,0,0.5); */ | ||
padding: 15px; | padding: 15px; | ||
− | padding-bottom: 0; | + | padding-bottom: 13px; |
+ | margin-bottom: 0; | ||
margin-top: 0; | margin-top: 0; | ||
− | + | position: absolute; | |
bottom: 0; | bottom: 0; | ||
width: 100%; | width: 100%; | ||
− | border- | + | border-bottom: 3px solid #2ca8ca; |
+ | text-shadow: 0px 1px 1px rgba(0,0,0,0.33),0px 0px 8px rgba(0,0,0,0.33); | ||
+ | } | ||
+ | |||
+ | div#content .card-header h2 { | ||
+ | line-height: 1.16666667; | ||
+ | } | ||
+ | |||
+ | div#content .card-header a { | ||
+ | color: #fff; | ||
} | } | ||
Line 471: | Line 629: | ||
display: block; | display: block; | ||
} | } | ||
+ | |||
+ | div#content .card-header > div:after { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | background: rgba(8,21,26,0.25); | ||
+ | background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.5) 100%); | ||
+ | } | ||
+ | |||
+ | body.page-Main_Page #content img { | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .overflow { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | div#content .secondary-column-wrapper { | ||
+ | padding-left: 15px; | ||
+ | padding-right: 0; | ||
+ | border-left: 1px solid #eee; | ||
+ | margin-bottom: -999px; | ||
+ | padding-bottom: 999px; | ||
+ | } | ||
+ | |||
+ | div#content .column-4 h2 { | ||
+ | padding-top: 0; | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | div#content .column-4 ul { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | div#content .on-page-navigation { | ||
+ | font-size: 0.875em; | ||
+ | line-height: 1.42857143; | ||
+ | padding: 0.875em 15px; | ||
+ | background: #eff7f9; | ||
+ | } | ||
+ | |||
+ | div#content .on-page-navigation ul { | ||
+ | margin: 0; | ||
+ | padding: 0 1em; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | div#content .on-page-navigation li, | ||
+ | div#content .card li { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | div#content .on-page-navigation li:before, | ||
+ | div#content .card li:before { | ||
+ | content: ""; | ||
+ | border-color: transparent #2ca8ca; | ||
+ | border-style: solid; | ||
+ | border-width: 0.35em 0 0.35em 0.45em; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | width: 0; | ||
+ | left: -1em; | ||
+ | top: 1em; | ||
+ | position: relative; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .wiki-resources { | ||
+ | margin-top: 3em; | ||
+ | background: #E0F0F4; | ||
+ | padding: 21px 15px; | ||
+ | text-align: center; | ||
+ | border-top: 3px solid #2ca8ca; | ||
+ | border-bottom: 3px solid #2ca8ca; | ||
+ | } | ||
+ | |||
− | |||
div#footer { | div#footer { |
Latest revision as of 10:21, 26 August 2014
/* CSS placed here will be applied to all skins */ /* ----- Google fonts ----- */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,700); /* ----- helpers ----- */ /* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Open Sans', Arial, sans-serif; font-size: 100%; /* 16px */ line-height: 1.5; /* 24px */ color: #333; background: #fff; } #wrapper, #container { width: 960px; position: relative; margin: 0 auto; } #mw-page-base { height: 9em; height: 12em; width: 20em; } #left-navigation, #right-navigation { margin-top: 6em; margin-top: 9em; } #left-navigation { margin-left: 25%; } div#content { border: 1px solid #eee; border-top: 3px solid #eee; margin-top: 0; color: #333; padding: 3em 30px 6em 30px; margin-left: 25%; } #bodyContent { font-size: 1em; line-height: 1.5; color: #333; } #bodyContent label { display: inline; } /* ----- logo ---- */ #p-logo { left: 0; height: 6em; height: 9em; width: 960px; border-bottom: 3px solid #2ca8ca; } #p-logo a { height: 6em; height: 9em; width: 500px; } /* ---- personal ---- */ #p-personal { position: absolute; top: 3.5em; top: 6.5em; right: 0em; } #p-personal li { line-height: 2; margin-top: 0; margin-left: 15px; margin-bottom: 0; padding: 0; } /* ----- vector tabs ----- */ div.vectorTabs ul li, div.vectorTabs span, div.vectorTabs, div.vectorMenu h3 a, div.vectorTabs ul { background-color: transparent; background-image: none; } div.vectorTabs { /* background-color: #eee; */ padding-left: 0; height: auto; } div.vectorTabs ul > li { margin-right: 15px; } div.vectorTabs span { display: block; } div.vectorTabs li a { height: auto; font-size: 0.875em; line-height: 1.71428571; padding-top: 21px; padding-top: 19px; padding-top: 16px; padding-bottom: 8px; } div.vectorTabs li a { padding-left: 0; padding-right: 0; position: relative; } div.vectorTabs li.selected a, div.vectorTabs li a:hover { border-bottom: 3px solid #f03856; text-decoration: none; } div.vectorTabs li.selected a:before, div.vectorTabs li a:hover:before { content: " "; height: 3px; position: absolute; left: -1px; right: -1px; bottom: -3px; border-left: 1px solid #fff; border-right: 1px solid #fff; } div.vectorTabs li.selected a{ font-weight: bold; } #ca-unwatch.icon a, #ca-watch.icon a { padding-top: 48px; } #ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus { border: none; } div#mw-head div.vectorMenu h3 { margin-left: 0; } div.vectorMenu h3 a { height: 48px; } div.vectorMenu ul { border-color: #eee; } #p-search { height: 48px; /* background: #eee; */ margin-right: 0 !important; } div#simpleSearch { height: 1.5em; margin-top: 0.75em; /* 12px */ width: 10em; } h1, h2, h3, h4, h5, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; color: #003e52; border: none; } div#content h1, div#content #firstHeading { font-size: 1.875em; /* 30px */ font-size: 2em; /* 32px */ line-height: 1.06666667; /* 32px */ line-height: 1.25; /* 40px */ letter-spacing: 0; /* color: #1c708b; */ color: #2ca8ca; padding-top: 0.8em; margin-bottom: 0.8em; /* 24px; */ } div#content h2 { font-size: 1.25em; /* 20px */ font-size: 1.5em; /* 24px */ line-height: 1.2; /* 24px */ line-height: 1.33333333; /* 32px */ margin-bottom: 0.66666667em; /* 16px */ padding-top: 1em; /* 24px */ } div#content h3 { font-size: 1.125em; /* 18px */ line-height: 1.33333333; /* 24px */ font-weight: bold; padding-top: 0.88888889em; /* 16px */ padding-bottom: 0.44444444em; /* 8px */ } div#content h4 { font-size: 1em; font-weight: bold; color: #1C708B; } h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #2ca8ca; text-decoration: none; } a { color: #0e8fbb; } div#content p { margin-top: 0; margin-bottom: 1.5em; /* 24px */ } div#content ul, div#content ol { list-style: inherit; } div#content #toc ul , div#content #toc ol { list-style: none; } div#content strong, div#content b, div#content em, em { font-weight: bold; font-style: normal; } div#content li { margin-bottom: 0.5em; } .additional-information, .posted { font-size: 0.75em; /* 12 px */ //line-height: 1.33333333; /* 16px */ line-height: 2; /* 24px */ color: #999; margin-bottom: 2em; } /* ----- wiki special content sections ----- */ #p-navigation { font-weight: bold; font-size: 0.75em; line-height: 2; } div#mw-panel div.portal div.body ul li { font-size: inherit; } #mw-panel.collapsible-nav .portal { font-size: 0.75em; line-height: 2; } #mw-panel.collapsible-nav .portal h3 { font-size: 1em; } #mw-page-base { background: #fff; } div#mw-panel { padding: 3em 0; width: 25%; padding-right: 30px; } #mw-panel.collapsible-nav .portal { margin: 0; background-image: none; border-bottom: 1px solid #eee; } #mw-panel.collapsible-nav .portal.persistent .body { margin-left: 0; } .toc, #toc, .catlinks { font-size: 0.875em; line-height: 1.42857143; /* 14/20 */ border: none; padding: 0.875em 15px; background: #eff7f9; } .toc li, #toc li { line-height: 1.42857143; } .tocnumber { font-weight: bold; } div#content #toc h2, div#content .toc h2 { font-family: 'Open Sans', Arial, sans-serif; } #catlinks, .catlinks { margin-top: 3.42857143em; /* 48px */ } #pt-logout { display: none; } /* Hide main page tiitle */ body.page-Main_Page h1.firstHeading { display: none; } /* WIKI front page */ .promo { margin-top: 0; margin-bottom: 0; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33), 0px 0px 8px rgba(0, 0, 0, 0.33); height: 418px; } .promo h1, .promo h2 { color: #fff; } .promo h1 span { font-weight: normal; } body.page-Main_Page div#content .promo h1 { font-size: 3.5em; padding-top: 1em; /* padding-bottom: 0.85714286em; */ margin-bottom: 0; line-height: 1; letter-spacing: -0.05em; color: #fff; font-weight: normal; } body.page-Main_Page div#content .promo h2 { color: #fff; text-align: center; margin: 0; padding: 1em 0; margin-bottom: 48px; } body.page-Main_Page div#content .promo h2 a { color: white; text-decoration: underline; font-weight: bold; font-style: normal; } body.page-Main_Page div#content .promo h2 a:hover { text-decoration: none; } body.page-Main_Page div#content .promo p { line-height: 0; margin: 0; padding: 0; } div#content .promo p, div#content .promo img { margin: 0; padding: 0; line-height: 0; } .wiki-promo-content { position: absolute; bottom: 0; width: 100%; } .bg-overlay { /* background: rgba(8,21,26,0.75); */ } body.page-Main_Page #content { margin-left: 0; padding-top: 1.5em; padding-left: 15px; padding-right: 15px; } body.page-Main_Page #p-navigation, body.page-Main_Page #p-tb { display: none; } body.page-Main_Page #left-navigation, body.page-Main_Page div#footer { margin-left: 0; } body.page-Main_Page #bodyContent ul, body.page-Main_Page #bodyContent ol, body.page-Main_Page #bodyContent p { font-size: 0.875em; line-height: 1.42857143; margin-bottom: 1.42857143em; } body.page-Main_Page #bodyContent ol { list-style-type: decimal; margin-left: 1.6em; } .latest-updates { background: #E0F0F4; padding-bottom: 1.5em; } body.page-Main_Page #content .latest-updates ul { list-style-type: decimal-leading-zero; margin-left: 2em; } .latest-updates hr, .latest-updates font { display: none; } body.page-Main_Page #content ul { list-style: none; margin: 0; } body.page-Main_Page #content h1 { color: #003e52 } .card-container { margin: 0 -15px 0 0; } .card { padding-right: 15px; padding-left: 0; padding-bottom: 1em; padding-top: 0; float: left; } div#content .card.column-full ul { font-size: 20px; line-height: 1.2; } div#content .card.column-full ul li { padding-bottom: 8px; } div#content .card.column-6 ul, div#content .column-4 ol { font-size: 16px; line-height: 1.25; } div#content .card.column-6 ul li, div#content .column-4 ol li { padding-bottom: 8px; } div#content .card ul { list-style: none; margin: 0; padding: 0; } div#content .card ul li, div#content .column-4 ol li { border-bottom: 1px solid #eee; padding-left: 1em; } div#content .card ul li:last-child { border: none; } .secondary-column-wrapper { counter-reset: li; } body.page-Main_Page #bodyContent .secondary-column-wrapper p { margin-bottom: 0; } div#content .column-4 ol { border-top: 1px solid #eee; list-style-position: inside; margin: 0; } div#content .column-4 ol > li { padding-left: 2em; padding-top: 8px; padding-bottom: 8px; position: relative; list-style: none; margin-bottom: 0; } div#content .column-4 ol > li:before { content:counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ position:absolute; left: 0; top: 6px; width: 24px; color:#fff; background:#2ca8ca; font-weight:bold; text-align:center; font-size: 12px; line-height: 24px; } .card-header { margin: 0 0; position: relative; } .card-content { padding: 1em 14px; padding-top: 0; border: 1px solid #eee; border-top: none; } div#content .card-header h3, div#content .card-header h2 { /* background: #2ca8ca; background: rgba(0,0,0,0.5); */ padding: 15px; padding-bottom: 13px; margin-bottom: 0; margin-top: 0; position: absolute; bottom: 0; width: 100%; border-bottom: 3px solid #2ca8ca; text-shadow: 0px 1px 1px rgba(0,0,0,0.33),0px 0px 8px rgba(0,0,0,0.33); } div#content .card-header h2 { line-height: 1.16666667; } div#content .card-header a { color: #fff; } div#content .card-header p, div#content .card-header img { margin: 0; padding: 0; display: block; } div#content .card-header > div:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(8,21,26,0.25); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.5) 100%); } body.page-Main_Page #content img { max-width: 100%; height: auto; } .overflow { overflow: hidden; } div#content .secondary-column-wrapper { padding-left: 15px; padding-right: 0; border-left: 1px solid #eee; margin-bottom: -999px; padding-bottom: 999px; } div#content .column-4 h2 { padding-top: 0; margin-top: 0; } div#content .column-4 ul { display: none; } div#content .on-page-navigation { font-size: 0.875em; line-height: 1.42857143; padding: 0.875em 15px; background: #eff7f9; } div#content .on-page-navigation ul { margin: 0; padding: 0 1em; list-style: none; } div#content .on-page-navigation li, div#content .card li { margin-bottom: 0; } div#content .on-page-navigation li:before, div#content .card li:before { content: ""; border-color: transparent #2ca8ca; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block; height: 0; width: 0; left: -1em; top: 1em; position: relative; margin-bottom: 0; } .wiki-resources { margin-top: 3em; background: #E0F0F4; padding: 21px 15px; text-align: center; border-top: 3px solid #2ca8ca; border-bottom: 3px solid #2ca8ca; } div#footer { margin-left: 25%; } #ca-talk, #ca-viewsource, .toc, #toc { display: none !important; } /* end */