Difference between revisions of "MediaWiki:Common.css"
From Regiapædia
(Wipe - start afresh with a few tests) |
(Emergency styling so meny is readable!) |
||
Line 6: | Line 6: | ||
*/ | */ | ||
− | .megamenu_container {background:white;} | + | * { |
+ | box-sizing: border-box; | ||
+ | } | ||
+ | .clear{ | ||
+ | clear:both; | ||
+ | } | ||
+ | html, body { | ||
+ | width: 100vw; | ||
+ | min-height: 100vh; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | min-width:320px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | table, th, td { | ||
+ | border: 1px solid darkgray; | ||
+ | padding: 1px; | ||
+ | margin: 6px 0; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | caption { | ||
+ | font-weight:bold; | ||
+ | text-align:left; | ||
+ | } | ||
+ | body { | ||
+ | overflow-y: scroll; | ||
+ | display: grid; | ||
+ | background-color: #080808; | ||
+ | color:#fff; | ||
+ | font-size:14px; | ||
+ | font-family:tahoma,helvetica,sans-serif; | ||
+ | } | ||
+ | |||
+ | @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { | ||
+ | /* IE-only styles here. Works for IE10 & IE11*/ | ||
+ | html, body { | ||
+ | background-color: #FFFFD5; | ||
+ | width:100%; | ||
+ | } | ||
+ | .quicklink { | ||
+ | display:block!important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | header { | ||
+ | grid-area: header; | ||
+ | background:linear-gradient(#000 85%,#ffffd5 100%); | ||
+ | min-height: 100px; | ||
+ | padding-bottom:15px; | ||
+ | } | ||
+ | .megamenu_container { | ||
+ | background:#000!important; | ||
+ | } | ||
+ | .megamenu { | ||
+ | text-align:center; | ||
+ | } | ||
+ | .megamenu li { | ||
+ | display:inline; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .megamenu a { | ||
+ | color:white; | ||
+ | } | ||
+ | main { | ||
+ | background-color: #ffffd5; | ||
+ | grid-area: main; | ||
+ | color: #000; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | footer { | ||
+ | grid-area: footer; | ||
+ | background: linear-gradient(#ffffd5 0%,#000 15%); | ||
+ | min-height: 100px; | ||
+ | display: grid; | ||
+ | padding: 50px 20px 10px; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | } | ||
+ | footer a { | ||
+ | display:block; | ||
+ | color:white; | ||
+ | text-decoration:none; | ||
+ | padding: 0 0 1.6em; | ||
+ | } | ||
+ | footer a:hover { | ||
+ | color:yellowgreen; | ||
+ | } |
Latest revision as of 18:26, 17 October 2021
/* Common CSS for all skins See https://phabricator.wikimedia.org/M82 for standard colors */ * { box-sizing: border-box; } .clear{ clear:both; } html, body { width: 100vw; min-height: 100vh; margin: 0; padding: 0; min-width:320px; } table, th, td { border: 1px solid darkgray; padding: 1px; margin: 6px 0; margin-left: auto; margin-right: auto; } caption { font-weight:bold; text-align:left; } body { overflow-y: scroll; display: grid; background-color: #080808; color:#fff; font-size:14px; font-family:tahoma,helvetica,sans-serif; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE-only styles here. Works for IE10 & IE11*/ html, body { background-color: #FFFFD5; width:100%; } .quicklink { display:block!important; } } header { grid-area: header; background:linear-gradient(#000 85%,#ffffd5 100%); min-height: 100px; padding-bottom:15px; } .megamenu_container { background:#000!important; } .megamenu { text-align:center; } .megamenu li { display:inline; text-align:center; } .megamenu a { color:white; } main { background-color: #ffffd5; grid-area: main; color: #000; overflow:hidden; } footer { grid-area: footer; background: linear-gradient(#ffffd5 0%,#000 15%); min-height: 100px; display: grid; padding: 50px 20px 10px; color: white; text-align: center; } footer a { display:block; color:white; text-decoration:none; padding: 0 0 1.6em; } footer a:hover { color:yellowgreen; }