Difference between revisions of "MediaWiki:Common.css"

From SystersWiki
 
(110 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 */
  
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+
@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"); }
  
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
 
  
 
p {
 
p {
 
font-family: 'Montserrat', sans-serif;
 
font-family: 'Montserrat', sans-serif;
         font-size: 18px;
+
         font-size: 13pt;
color: black;
+
color: #26263dff;
 
}
 
}
  
 
h1 {
 
h1 {
font-family: BlackChancery;
+
font-family: Black Chancery;
         color: #26263dff;
+
         color: #FF3399;
 +
        font-size: 28pt;
 
}
 
}
  
 
span.smw-value a {
 
span.smw-value a {
   font-size: 20px;
+
   color: #1b599b;
   font-family: BlackChancery;
+
   font-size: 17px;
 
}
 
}
  
 
span.smw-value a:link {
 
span.smw-value a:link {
   color: #42b1e8ff;
+
   color: #1b599b;
 
   background-color: transparent;
 
   background-color: transparent;
 
   text-decoration: none;
 
   text-decoration: none;
Line 28: Line 32:
  
 
span.smw-value a:visited {
 
span.smw-value a:visited {
   color: #42b1e8ff;
+
   color: #1b599b;
 
   background-color: transparent;
 
   background-color: transparent;
 
   text-decoration: none;
 
   text-decoration: none;
Line 34: Line 38:
  
 
span.smw-value a:hover {
 
span.smw-value a:hover {
   color: magenta;
+
   color: #FF3399;
 
   background-color: transparent;
 
   background-color: transparent;
 
   text-decoration: underline;
 
   text-decoration: underline;
Line 45: Line 49:
 
.p-navbar {
 
.p-navbar {
 
     background: rgb(175,238,238);
 
     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: rgba(191,89,255);
 +
  font-size: 17px;
 +
}
 +
 +
/* mouse over link */
 +
a:hover {
 +
  color: #FF3399;
 +
  background-color: transparent;
 +
  text-decoration: underline;
 
}
 
}

Latest revision as of 15:16, 16 June 2020

/* 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: rgba(191,89,255);
   font-size: 17px;
}

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