MediaWiki:Common.css
From Crisiscommunication.fi wiki
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* 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; width: 20em; } #left-navigation, #right-navigation { margin-top: 6em; } #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; } /* ----- logo ---- */ #p-logo { left: 0; height: 6em; width: 960px; border-bottom: 3px solid #2ca8ca; } #p-logo a { height: 6em; width: 500px; } /* ---- personal ---- */ #p-personal { position: absolute; top: 3.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; } body.page-Main_Page div#content h1 { font-size: 3em; padding-top: 1em; line-height: 1; letter-spacing: -0.05em; color: #2ca8ca; } 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; } 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: 1.5em 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 */ } /* Hide main page tiitle */ body.page-Main_Page h1.firstHeading { display: none; } /* WIKI front page */ body.page-Main_Page #content { margin-left: 0; } 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 { 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; } div#footer { margin-left: 25%; } #ca-talk, #ca-viewsource { display: none !important; } /* end */