Difference between revisions of "MediaWiki:Common.css"
From Cargo Handbook - the world's largest cargo transport guidelines website
(25 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | /* | + | /* CSS placed here will be applied to all skins */ |
− | /* | + | /* CSS placed here will be applied to all skins */ |
− | div. | + | |
− | + | .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; | ||
+ | } | ||
} | } |
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; } }