Difference between revisions of "MediaWiki: Common.css"
From PrimeFish Wiki
Jacandrade (talk | contribs) |
|||
(39 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
+ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | .navbar-brand { height: 75px!important; padding: 20px 15px 15px; } | ||
+ | |||
+ | .navbar-brand img { width:100px; height: 45px;} | ||
+ | |||
+ | .strong-text { font-weight: bold;} | ||
+ | |||
+ | .with-navbar.with-navbar-fixed { padding-top: 100px!important;} | ||
+ | |||
+ | .navbar-collapse { padding-top: 10px; } | ||
+ | |||
+ | .page-header { color: white; background-image: url('http://dsf.primefish.eu/w/images/1/1b/BG_primefish.jpg'); text-align: left; padding: 10px;} | ||
+ | |||
+ | #sidebar-left { margin-top: 40px; } | ||
+ | |||
+ | .footer-primefish { | ||
+ | background-color: #292929; | ||
+ | } | ||
+ | .footer-primefish .footer-row { | ||
+ | background-color: #292929; | ||
+ | display: flex; | ||
+ | color: #AAAAAA; | ||
+ | padding: 20px 0; | ||
+ | justify-content: space-between; | ||
+ | } | ||
+ | .footer-primefish .footer-row div > img { | ||
+ | min-width: 190px; | ||
+ | } | ||
+ | .footer-primefish .footer-row ul { | ||
+ | list-style: none; | ||
+ | color: #AAAAAA; | ||
+ | } | ||
+ | .footer-primefish .footer-row ul li a { | ||
+ | color: #AAAAAA; | ||
+ | } | ||
+ | .footer-primefish .footer-row ul li a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | .footer-primefish .footer-row .footer-col { | ||
+ | max-width: 30%; | ||
+ | } | ||
+ | .footer-primefish .footer-row .dss-grant { | ||
+ | color: #555; | ||
+ | } | ||
+ | |||
+ | img { | ||
− | /* | + | max-width: 100%; |
+ | height: auto; | ||
+ | width: auto\9; /* ie8 */ | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 768px) and (max-width: 991px) { | ||
+ | |||
+ | .with-navbar.with-navbar-fixed { padding-top: 185px!important;} | ||
− | + | } |
Latest revision as of 16:18, 27 May 2018
/* CSS placed here will be applied to all skins */ .navbar-brand { height: 75px!important; padding: 20px 15px 15px; } .navbar-brand img { width:100px; height: 45px;} .strong-text { font-weight: bold;} .with-navbar.with-navbar-fixed { padding-top: 100px!important;} .navbar-collapse { padding-top: 10px; } .page-header { color: white; background-image: url('http://dsf.primefish.eu/w/images/1/1b/BG_primefish.jpg'); text-align: left; padding: 10px;} #sidebar-left { margin-top: 40px; } .footer-primefish { background-color: #292929; } .footer-primefish .footer-row { background-color: #292929; display: flex; color: #AAAAAA; padding: 20px 0; justify-content: space-between; } .footer-primefish .footer-row div > img { min-width: 190px; } .footer-primefish .footer-row ul { list-style: none; color: #AAAAAA; } .footer-primefish .footer-row ul li a { color: #AAAAAA; } .footer-primefish .footer-row ul li a:hover { text-decoration: underline; } .footer-primefish .footer-row .footer-col { max-width: 30%; } .footer-primefish .footer-row .dss-grant { color: #555; } img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } @media screen and (min-width: 768px) and (max-width: 991px) { .with-navbar.with-navbar-fixed { padding-top: 185px!important;} }