Difference between revisions of "MediaWiki:Common.css"
From Cargo Handbook - the world's largest cargo transport guidelines website
(8 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | .mw-body { | ||
+ | padding:0 !Important; | ||
+ | } | ||
#nav-desktop a{ | #nav-desktop a{ | ||
Line 163: | Line 167: | ||
list-style-image: none; | list-style-image: none; | ||
} | } | ||
+ | |||
body.ns-14 #content { | body.ns-14 #content { | ||
− | + | width: 100%; | |
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | |||
+ | margin-top: 2rem!important; | ||
+ | margin-right: auto!important; | ||
+ | margin-bottom: 2rem!important; | ||
+ | margin-left: auto!important; | ||
+ | flex: none; | ||
} | } | ||
− | @media (min-width: | + | @media (min-width: 576px) { |
− | body.ns-14 #content{ | + | body.ns-14 #content { |
− | + | max-width: 540px; | |
+ | } | ||
} | } | ||
− | @media (min-width: | + | @media (min-width: 768px) { |
− | body.ns-14 #content { | + | body.ns-14 #content { |
− | + | max-width: 720px; | |
+ | } | ||
} | } | ||
− | @media (min-width: | + | |
− | body.ns-14 #content { | + | @media (min-width: 992px) { |
− | + | body.ns-14 #content { | |
− | } | + | max-width: 960px; |
− | + | } | |
− | |||
− | |||
} | } | ||
− | body.ns-14 #content{ | + | @media (min-width: 1200px) { |
− | + | body.ns-14 #content{ | |
− | + | max-width: 1360px; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
} | } |
Latest revision as of 13:45, 4 October 2019
/* CSS placed here will be applied to all skins */ /* CSS placed here will be applied to all skins */ .mw-body { padding:0 !Important; } #nav-desktop a{ color: #005581; } .footer a:visited{ color: white; } .dropdown-container a:visited{ color: #005581; } .dropdown-container a{ color: #005581; } .banner .container{ min-height: 80vh; /* fix IE11 */ } #content { flex: 1 0 auto; /* fix IE11 */ } body { background-color: #ffffff; height:100vh; /* fix IE11 */ min-height:100%; /* fix IE11 */ } div#mw-panel div.portal div.body ul li a { color: #00b6dd; } div.portal { width: 150px; } .mw-body h1, .mw-body h2 { font-family: sans-serif; line-height: 1.3; margin-bottom: 0.25em; padding: 0; } div#mw-panel div.portal div.body ul li { list-style-image: url("https://www.cargohandbook.com/skins/Vector/images/bullet.gif?2014-08-12T11:01:40Z"); } #p-personal li { list-style-image: none; } div#mw-panel div.portal div.body ul li a:visited { color: #00b6dd; } a { color: #00b6dd; } .mw-body a.external { color: #00b6dd; } .mw-body a.external:visited { color: #00b6dd; } a:visited { color: #00b6dd; } div#mw-head { position: absolute; right: 0; top: 208px; width: 100%; z-index: 100; } .mw-body { margin-left: 11em; margin-top: 207px; padding: 1.25em 1.5em 1.5em; } div#mw-panel { font-size: inherit; left: 0; padding-top: 1em; position: absolute; top: 160px; width: 150px; } #p-logo { left: 0.5em; background-image: url("https://www.cargohandbook.com/skins/Vector/images/frontpage-banner-2.jpg"); background-repeat: no-repeat; } #p-logo { height: 287px; left: 0; position: absolute; top: -160px; width: 120em; } #p-logo a { background-position: center center; background-repeat: no-repeat; display: block; height: 287px; text-decoration: none; width: 120em; } #mw-page-base { background-color: #ffffff; background-image: none; background-position: left bottom; background-repeat: repeat-x; height: 5em; } #p-personal { right: 1em; } #p-personal { position: absolute; right: 0.75em; top: -13em; z-index: 100; } div#mw-panel #p-logo + div.portal { background-image: none; margin-top: 120px; } div#footer #footer-places li { float: left; line-height: 2em; margin-right: 2em; } div#footer #footer-info li { list-style-image: none; } div#footer #footer-icons li { list-style-image: none; } body.ns-14 #content { width: 100%; padding-right: 15px; padding-left: 15px; margin-top: 2rem!important; margin-right: auto!important; margin-bottom: 2rem!important; margin-left: auto!important; flex: none; } @media (min-width: 576px) { body.ns-14 #content { max-width: 540px; } } @media (min-width: 768px) { body.ns-14 #content { max-width: 720px; } } @media (min-width: 992px) { body.ns-14 #content { max-width: 960px; } } @media (min-width: 1200px) { body.ns-14 #content{ max-width: 1360px; } }