MediaWiki: Common.css

From Spire Trading Inc.
Jump to: navigation, search
(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;
}