MediaWiki: Common.css
From Spire Trading Inc.
(Created page with "→CSS placed here will be applied to all skins: @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap'); →** SELECTORS **: html, body { font...") |
|||
Line 76: | Line 76: | ||
margin: 15px 0; | margin: 15px 0; | ||
padding: 15px; | padding: 15px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*** SKIN: TWEEKI CUSTOMIZATIONS ***/ | ||
+ | |||
+ | .navbar-brand img { | ||
+ | margin-top: -5px; | ||
+ | width: 136.5px; | ||
+ | height: 35px; | ||
+ | } | ||
+ | |||
+ | h1, .h1 { | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | h2, .h2 { | ||
+ | font-size: 27px; | ||
+ | } | ||
+ | h3, .h3 { | ||
+ | font-size: 24px; | ||
+ | } | ||
+ | h4, .h4 { | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | h5, .h5 { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | h6, .h6 { | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | h1, .h1, h2, .h2, h3, .h3 { | ||
+ | margin-top: 25px; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .firstHeading, .tweekiFirstHeading { | ||
+ | text-align: left; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | .navbar-default { | ||
+ | background-image: none !important; | ||
+ | background-color: #FFF !important; | ||
+ | } | ||
+ | |||
+ | .btn, #wpSave { | ||
+ | border: 0px !important; | ||
+ | } | ||
+ | |||
+ | .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, #wpSave { | ||
+ | text-shadow: none !important; | ||
+ | -webkit-box-shadow: none !important; | ||
+ | box-shadow: none !important; | ||
+ | } | ||
+ | |||
+ | .btn-primary, .mw-ui-button.mw-ui-progressive, #wpSave { | ||
+ | background-image: none; | ||
+ | background-color: #513392; | ||
+ | } | ||
+ | |||
+ | .btn-primary:hover, .btn-primary:focus, .mw-ui-button.mw-ui-progressive:hover, mw-ui-button.mw-ui-progressive:focus, #wpSave:hover, #wpSave:focus { | ||
+ | background-color: #6556A4; | ||
+ | } | ||
+ | |||
+ | .btn-primary:active, .mw-ui-button.mw-ui-progressive:active, #wpSave:active { | ||
+ | background-color: #453A70; | ||
+ | } | ||
+ | |||
+ | a:hover, a:focus { | ||
+ | color: #6556A4; | ||
+ | } | ||
+ | |||
+ | .navbar-right { | ||
+ | margin-top: 7px; | ||
+ | } | ||
+ | |||
+ | #searchInput { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | #searchInput:focus { | ||
+ | border: 1px solid #4B23A0; | ||
+ | background-image: none; | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | #footer { | ||
+ | background-color: #F8F8F8; | ||
+ | } | ||
+ | |||
+ | #footer-icons li:last-child::before { | ||
+ | content: " • "; | ||
+ | } | ||
+ | |||
+ | td.mw-label { | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | |||
+ | @media only screen and (min-width: 1000px){ | ||
+ | #footer { | ||
+ | margin-top: 190px !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .oo-ui-panelLayout-framed { | ||
+ | border: 0 none #FFF; | ||
} | } |
Revision as of 14:31, 10 March 2020
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
/*** SELECTORS ***/
html, body {
font-family: Roboto, sans-serif;
line-height: 18pt;
}
body {
background-color: #FFF;
background-image: url(http://localhost:8888/spire.wiki/images/b/bd/Footer.pattern.png);
background-repeat: repeat-x;
background-position: bottom center;
background-size: 20%;
}
a, #mw-panel .portal .body li a {
color: #4B23A0;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
}
#mw-page-base {
background-image: none;
background-color: #FFF;
}
/*** IDENTIFIERS ***/
#pt-login-private a {
color: #EC228F !important;
}
#p-logo {
height: 70px !important;
}
/*** CLASSES ***/
/* RESETTING GRADIENTS AND HEADINGD */
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3, .vectorTabs li {
background-image: none !important;
}
/* LOGO */
.mw-wiki-logo {
background-position: left 20px top 20px !important;
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
font-family: 'Montserrat', sans-serif;
}
.vectorTabs .selected {
border-bottom: 2px solid #4B23A0;
}
.mw-body {
border-color: #C8C8C8 !important;
}
.toc {
background: #F8F9FA;
border-color: #F2F2F2;
margin: 15px 0;
padding: 15px;
}
/*** SKIN: TWEEKI CUSTOMIZATIONS ***/
.navbar-brand img {
margin-top: -5px;
width: 136.5px;
height: 35px;
}
h1, .h1 {
font-size: 30px;
}
h2, .h2 {
font-size: 27px;
}
h3, .h3 {
font-size: 24px;
}
h4, .h4 {
font-size: 20px;
}
h5, .h5 {
font-size: 18px;
}
h6, .h6 {
font-size: 16px;
}
h1, .h1, h2, .h2, h3, .h3 {
margin-top: 25px;
margin-bottom: 15px;
}
.firstHeading, .tweekiFirstHeading {
text-align: left;
margin-bottom: 30px;
}
.navbar-default {
background-image: none !important;
background-color: #FFF !important;
}
.btn, #wpSave {
border: 0px !important;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, #wpSave {
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.btn-primary, .mw-ui-button.mw-ui-progressive, #wpSave {
background-image: none;
background-color: #513392;
}
.btn-primary:hover, .btn-primary:focus, .mw-ui-button.mw-ui-progressive:hover, mw-ui-button.mw-ui-progressive:focus, #wpSave:hover, #wpSave:focus {
background-color: #6556A4;
}
.btn-primary:active, .mw-ui-button.mw-ui-progressive:active, #wpSave:active {
background-color: #453A70;
}
a:hover, a:focus {
color: #6556A4;
}
.navbar-right {
margin-top: 7px;
}
#searchInput {
margin-top: 5px;
}
#searchInput:focus {
border: 1px solid #4B23A0;
background-image: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#footer {
background-color: #F8F8F8;
}
#footer-icons li:last-child::before {
content: " • ";
}
td.mw-label {
padding-right: 10px;
}
@media only screen and (min-width: 1000px){
#footer {
margin-top: 190px !important;
}
}
.oo-ui-panelLayout-framed {
border: 0 none #FFF;
}