Difference between revisions of "MediaWiki:Common.css"
From SystersWiki
(120 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=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 { | p { | ||
− | font- | + | font-family: 'Montserrat', sans-serif; |
− | + | font-size: 13pt; | |
color: #26263dff; | color: #26263dff; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-family: Black Chancery; | ||
+ | color: #FF3399; | ||
+ | font-size: 28pt; | ||
} | } | ||
span.smw-value a { | span.smw-value a { | ||
− | + | color: #1b599b; | |
− | font- | + | font-size: 17px; |
} | } | ||
span.smw-value a:link { | span.smw-value a:link { | ||
− | color: # | + | color: #1b599b; |
background-color: transparent; | background-color: transparent; | ||
text-decoration: none; | text-decoration: none; | ||
Line 30: | Line 32: | ||
span.smw-value a:visited { | span.smw-value a:visited { | ||
− | color: # | + | color: #1b599b; |
background-color: transparent; | background-color: transparent; | ||
text-decoration: none; | text-decoration: none; | ||
Line 36: | Line 38: | ||
span.smw-value a:hover { | span.smw-value a:hover { | ||
− | color: | + | color: #FF3399; |
background-color: transparent; | background-color: transparent; | ||
text-decoration: underline; | text-decoration: underline; | ||
Line 43: | Line 45: | ||
body { | body { | ||
background-color: #fcfbf9ff; | 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; | ||
} | } |
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; }