MediaWiki:Common.css

From SystersWiki
Revision as of 15:15, 16 June 2020 by Estragon (talk | contribs)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;1,300;1,400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Arimo&family=Montserrat:ital,wght@0,300;0,400;1,300;1,400&display=swap');

@font-face {font-family: "Black Chancery"; src: url("//db.onlinewebfonts.com/t/8ebd7a94f8714a402df29fc1328bf0cf.eot"); src: url("//db.onlinewebfonts.com/t/8ebd7a94f8714a402df29fc1328bf0cf.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/8ebd7a94f8714a402df29fc1328bf0cf.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/8ebd7a94f8714a402df29fc1328bf0cf.woff") format("woff"), url("//db.onlinewebfonts.com/t/8ebd7a94f8714a402df29fc1328bf0cf.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/8ebd7a94f8714a402df29fc1328bf0cf.svg#Black Chancery") format("svg"); }


p {
	font-family: 'Montserrat', sans-serif;
        font-size: 13pt;
	color: #26263dff;
}

h1 {
	font-family: Black Chancery;
        color: #FF3399;
        font-size: 28pt;
}

span.smw-value a {
  color: #1b599b;
  font-size: 17px;
}

span.smw-value a:link {
  color: #1b599b;
  background-color: transparent;
  text-decoration: none;
}

span.smw-value a:visited {
  color: #1b599b;
  background-color: transparent;
  text-decoration: none;
}

span.smw-value a:hover {
  color: #FF3399;
  background-color: transparent;
  text-decoration: underline;
}

body {
  background-color: #fcfbf9ff;
}

.p-navbar {
    background: rgb(175,238,238);
}

.nav-item.dropdown {
    font-weight: bold;
    padding-right: 0.5rem;
    padding-left: 1rem;
    font-size: 12.5pt;
}

.dropdown-menu {
  background-color: #FF3399;
}


.row {
    font-family: 'Montserrat',sans-serif;
}

button.Back {
    background-color: rgba(191,89,255);
    border-style: solid;
    border-color: rgba(191,89,255);
    font-weight: bold;
    color: white;
}

#wpSave {
    overflow: visible;
    color: white;
    background-color: #FF3399;
    font-weight: bold;
    border-style: solid;
    border-color: #FF3399;
    padding-left: 15px;
    padding-right: 15px;
}

.smw-column a {
   color: #1b599b;
   font-size: 17px;
}

.smw-column a:visited {
   color: #1b599b;
   font-size: 17px;
}

.smw-column a:hover {
  color: #FF3399;
  background-color: transparent;
  text-decoration: underline;
  font-size: 17px;
}


/*category format*/
.smw-column-header {
    color: #FF3399;
    font-family: Black Chancery;
}

ul {
    color: #1b599b;
}

/*nav bar*/
.p-navbar .navbar-nav .nav-link {
    color: #1b599b;
}

.smw-column {
    padding-right: 60px;
}

.navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .p-navbar .navbar-nav .navbar-tool > a:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus {
   color: #FF3399;
}

.dropdown-item, .p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child {
    color: white;
    font-weight: bold;
}

/*Output from ask*/
.mw-parser-output a.external {
     color: rgba(191,89,255);
}

.mw-parser-output a.external:visited {
     color: rgba(191,89,255);
}

.mw-parser-output a.external:hover {
     color: #FF3399;
     text-decoration: underline;
}

.mw-parser-output ul {
    color: #FF3399;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1.5px solid rgba( 238, 238, 238 );
}


a:link {
  color: #1b599b;
  background-color: transparent;
  text-decoration: none;
}

/* visited link */
a:visited {
   color: #1b599b;
   font-size: 17px;
}

/* mouse over link */
a:hover {
  color: #FF3399;
  background-color: transparent;
  text-decoration: underline;
  font-size: 17px;
}