Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m |
|||
(242 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | . | + | |
− | background-color: # | + | @import url('https://fonts.googleapis.com/css?family=Righteous&display=swap'); |
+ | |||
+ | @import url('https://fonts.googleapis.com/css?family=Poiret+One&display=swap'); | ||
+ | |||
+ | body { | ||
+ | |||
+ | background: #303236 !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | #p-personal li { | ||
+ | margin: 0; | ||
+ | margin-top: .5em; | ||
+ | font-size: .75em; | ||
+ | background: rgb(35, 47, 55); | ||
+ | padding: 10px; | ||
+ | border: solid 1px black; | ||
+ | position: relative; | ||
+ | top: -20px; | ||
+ | } | ||
+ | |||
+ | /* text */ | ||
+ | |||
+ | .mw-ui-vform .error { | ||
+ | color: #dd3333; | ||
+ | border: 1px solid #fac5c5; | ||
+ | background-color: #6e5759; | ||
+ | |||
+ | } | ||
+ | |||
+ | .not-patrolled { | ||
+ | background-color: #283036; | ||
+ | } | ||
+ | |||
+ | .mw-datatable td { | ||
+ | background-color: #3b3b3c; | ||
+ | } | ||
+ | |||
+ | .mw-datatable tr:hover td { | ||
+ | background-color: #293037; | ||
+ | } | ||
+ | |||
+ | .mw-datatable th { | ||
+ | background-color: #2a3137; | ||
+ | } | ||
+ | |||
+ | .smw-property-page-results .value-row:hover { | ||
+ | background-color: #5f5f5f; | ||
+ | } | ||
+ | |||
+ | .smw-property-page-results .header-title { | ||
+ | color: #fff; | ||
+ | background-color: #2e3036; | ||
+ | } | ||
+ | |||
+ | .oo-ui-labelWidget.oo-ui-inline-help { | ||
+ | color: #979798; | ||
+ | } | ||
+ | |||
+ | fieldset { | ||
+ | border: 1px solid #096d9e; | ||
+ | } | ||
+ | |||
+ | b { color: #c1c1c1 !important; } | ||
+ | |||
+ | .mw-body p { | ||
+ | line-height: inherit; | ||
+ | margin: .5em 0; | ||
+ | color: #fff !important; | ||
+ | } | ||
+ | |||
+ | .editOptions { | ||
+ | color: #fff !important; | ||
+ | } | ||
+ | |||
+ | .smw-editpage-help { | ||
+ | background-color: transparent !important; | ||
+ | } | ||
+ | |||
+ | div#footer ul li { color: #fff !important; font-family: poiret one; } | ||
+ | |||
+ | ul { list-style-image: none !important; } | ||
+ | |||
+ | /* tabs and body */ | ||
+ | |||
+ | .oo-ui-tabSelectWidget { letter-spacing: 1px; } | ||
+ | |||
+ | #toc, div.toc, ul#filetoc, li.gallerybox div.thumb { | ||
+ | background-color: #3a3a3b !important; | ||
+ | } | ||
+ | |||
+ | .mw-search-profile-tabs { background: #2e3137; border: none; } | ||
+ | |||
+ | #mw-searchoptions { background-color: #383839; border: none; } | ||
+ | |||
+ | #left-navigation div.vectorTabs li a, #right-navigation div.vectorTabs li a { | ||
+ | font-family: righteous; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 14px; | ||
+ | background-color: rgb(73,73,74) !important; | ||
+ | border-top: solid 1px black; | ||
+ | border-right: solid 1px black; | ||
+ | } | ||
+ | |||
+ | .mw-body { | ||
+ | font-family: poiret one; | ||
+ | font-size: 16px; | ||
+ | background-color: rgb(73,73,74) !important; | ||
+ | } | ||
+ | |||
+ | .mw-body h1, .mw-body #firstHeading { | ||
+ | font-family: 'Righteous', sans-serif !important; | ||
+ | margin-bottom: .25em; | ||
+ | text-transform: uppercase; | ||
+ | letter-spacing: 1px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .mw-body h2 { | ||
+ | font-family: 'Righteous', sans-serif !important; | ||
+ | font-size: 1.9em; | ||
+ | text-transform: uppercase; | ||
+ | letter-spacing: 1px; | ||
+ | } | ||
+ | |||
+ | .mw-body p { | ||
+ | letter-spacing: 1px; | ||
+ | font-family: poiret one, sans-serif; | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | |||
+ | .mw-collapsible-content { | ||
+ | background: rgb(73,73,74) !important; | ||
+ | font-family: poiret one; | ||
+ | font-size: 17px; | ||
+ | color: #fff; | ||
+ | letter-spacing: 1px; | ||
+ | } | ||
+ | |||
+ | .mw-wiki-logo { | ||
+ | background-image: url(https://www.fightasonemush.com/images/8/8e/Fight_as_One_MUSH_Logo.png); | ||
+ | width: 160px !important; | ||
+ | height: 160px !important; | ||
+ | } | ||
+ | |||
+ | .ui-widget-content { background: #000; color: #fff; font-family: poiret one; } | ||
+ | |||
+ | .ui-widget-header { background: #2f3136; border: none; } | ||
+ | |||
+ | .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { | ||
+ | background: #254748; | ||
+ | } | ||
+ | |||
+ | .ui-dialog .ui-dialog-buttonpane button { | ||
+ | font-family: poiret one; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | /*links*/ | ||
+ | |||
+ | .smw-ui-pagination .page-link.link-disabled { | ||
+ | background-color: #2f3136; | ||
+ | } | ||
+ | |||
+ | .smw-ui-pagination .page-link { | ||
+ | border: none; | ||
+ | background-color: #2f3136; | ||
+ | } | ||
+ | |||
+ | .smw-tabs input.nav-tab:checked + label.nav-label { color: #fff; } | ||
+ | |||
+ | div.vectorTabs li.new a { color: #10c8aa !important; } | ||
+ | |||
+ | a.new { color: #10c8aa !important; } | ||
+ | |||
+ | a { color: #7ecfef !important; font-family: poiret one; font-size: 14px; font-weight: 500;} | ||
+ | |||
+ | a:visited { color: #0D98BA !important;} | ||
+ | |||
+ | #left-navigation div.vectorTabs li.selected a, #right-navigation div.vectorTabs li.selected a, #left-navigation div.vectorTabs li.selected a:visited, #right-navigation div.vectorTabs li.selected a:visited { | ||
+ | color: #7ecfef !important; | ||
+ | font-family: righteous; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | #left-navigation div.vectorTabs li.new a, #right-navigation div.vectorTabs li.new a, #left-navigation div.vectorTabs li.new a:visited, #right-navigation div.vectorTabs li.new a:visited { | ||
+ | color: #fff; | ||
+ | font-family: righteous; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | a.new:visited, #p-personal a.new:visited { | ||
+ | color: #fff !important; | ||
+ | font-family: poiret one; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | |||
+ | div#mw-panel div.portal h3 { | ||
+ | font-size: 17px !important; | ||
+ | color: #fff !important; | ||
+ | text-transform: uppercase; | ||
+ | font-family: righteous !important; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal div.body ul li a { | ||
+ | color: #7ecfef; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal div.body ul li a:visited { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #mw-navigation div#mw-panel div.portal { | ||
+ | font-family: poiret one; | ||
+ | font-size: 18px; | ||
color: #108ac8; | color: #108ac8; | ||
+ | } | ||
+ | |||
+ | #mw-navigation div#mw-panel div.portal { | ||
+ | font-family: poiret one; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | div#mw-head div.vectorMenu h3 span { | ||
+ | font-family: righteous; | ||
+ | color: #7ecfef !important; | ||
+ | } | ||
+ | |||
+ | .tocnumber { | ||
+ | color: #fff !important; | ||
+ | } | ||
+ | |||
+ | .toctogglelabel { | ||
+ | color: #7ecfef !important; | ||
+ | font-family: poiret one; | ||
+ | font-weight: 500; | ||
+ | } | ||
+ | |||
+ | .smw-column-header { | ||
+ | font-family: righteous; | ||
+ | font-size: 14px; | ||
+ | color: #108ac8 !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* input */ | ||
+ | |||
+ | .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { | ||
+ | background-color: #575f7d; | ||
+ | } | ||
+ | |||
+ | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { | ||
+ | background-color: #575f7d; | ||
+ | color: #fff; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { | ||
+ | background-color: #3c3b3d; | ||
+ | } | ||
+ | |||
+ | .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus { | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | oo-ui-tabSelectWidget { | ||
+ | letter-spacing: 1px; | ||
+ | } | ||
+ | |||
+ | .oo-ui-panelLayout-scrollable { | ||
+ | letter-spacing: 1px; | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | |||
+ | .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a { | ||
+ | color: #000 !important; | ||
+ | } | ||
+ | |||
+ | .wikiEditor-ui-toolbar .group .tool-select .options .option { | ||
+ | color: #000 !important; | ||
+ | } | ||
+ | |||
+ | .toc, .mw-warning, .toccolours { | ||
+ | border: none; | ||
+ | background-color: #3a3a3b; | ||
+ | padding: 15px; | ||
+ | font-size: 16px; | ||
+ | letter-spacing: 1px; | ||
+ | } | ||
+ | |||
+ | div#simpleSearch #searchInput { | ||
+ | font-size: 14px; | ||
+ | font-family: poiret one; | ||
+ | } | ||
+ | |||
+ | input, textarea { | ||
+ | background-color: #fff; | ||
+ | color: #000; | ||
+ | border: none; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .sitedir-ltr input { | ||
+ | background: #fff; | ||
+ | color: #000; | ||
+ | font-family: poiret one; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | .wikiEditor-ui-toolbar .group .tool-select .label { | ||
+ | color: #000 !important; | ||
+ | } | ||
+ | |||
+ | /*button*/ | ||
+ | |||
+ | .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { | ||
+ | background-color: #293037; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | ||
+ | color: #fff !important; | ||
+ | background-color: !important; | ||
+ | } | ||
+ | |||
+ | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { | ||
+ | background-color: #3266cc; | ||
+ | color: #fff !important; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { | ||
+ | background-color: #447ef5; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | /*header*/ | ||
+ | |||
+ | div#mw-head { | ||
+ | top: 154px !important; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | div#mw-panel { | ||
+ | top: 365px !important; | ||
+ | padding-top: 0; | ||
+ | padding-left: 0; | ||
+ | margin-top: -10px !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | #mw-page-base { | ||
+ | height: 15em !important; | ||
+ | background-image: url(https://www.fightasonemush.com/images/4/4c/Fightasonebanner-04.png) !important; | ||
+ | } | ||
+ | |||
+ | .mw-destfile-warning { background-color: #303236; border: none !important; } | ||
+ | |||
+ | /*footer*/ | ||
+ | |||
+ | div#footer { | ||
+ | margin-left: 0 !important; | ||
+ | background: url(https://www.fightasonemush.com/images/8/82/Fightasonebanner-03.png) !important; | ||
+ | background-size: contain; | ||
+ | height: 13.5em; | ||
+ | } | ||
+ | |||
+ | div#footer ul { | ||
+ | margin-left: 10em !important; | ||
+ | } | ||
+ | |||
+ | div#footer #footer-icons { | ||
+ | position: relative; | ||
+ | top: -50px; | ||
} | } |
Latest revision as of 04:20, 1 April 2021
/* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css?family=Righteous&display=swap'); @import url('https://fonts.googleapis.com/css?family=Poiret+One&display=swap'); body { background: #303236 !important; } #p-personal li { margin: 0; margin-top: .5em; font-size: .75em; background: rgb(35, 47, 55); padding: 10px; border: solid 1px black; position: relative; top: -20px; } /* text */ .mw-ui-vform .error { color: #dd3333; border: 1px solid #fac5c5; background-color: #6e5759; } .not-patrolled { background-color: #283036; } .mw-datatable td { background-color: #3b3b3c; } .mw-datatable tr:hover td { background-color: #293037; } .mw-datatable th { background-color: #2a3137; } .smw-property-page-results .value-row:hover { background-color: #5f5f5f; } .smw-property-page-results .header-title { color: #fff; background-color: #2e3036; } .oo-ui-labelWidget.oo-ui-inline-help { color: #979798; } fieldset { border: 1px solid #096d9e; } b { color: #c1c1c1 !important; } .mw-body p { line-height: inherit; margin: .5em 0; color: #fff !important; } .editOptions { color: #fff !important; } .smw-editpage-help { background-color: transparent !important; } div#footer ul li { color: #fff !important; font-family: poiret one; } ul { list-style-image: none !important; } /* tabs and body */ .oo-ui-tabSelectWidget { letter-spacing: 1px; } #toc, div.toc, ul#filetoc, li.gallerybox div.thumb { background-color: #3a3a3b !important; } .mw-search-profile-tabs { background: #2e3137; border: none; } #mw-searchoptions { background-color: #383839; border: none; } #left-navigation div.vectorTabs li a, #right-navigation div.vectorTabs li a { font-family: righteous; text-transform: uppercase; font-size: 14px; background-color: rgb(73,73,74) !important; border-top: solid 1px black; border-right: solid 1px black; } .mw-body { font-family: poiret one; font-size: 16px; background-color: rgb(73,73,74) !important; } .mw-body h1, .mw-body #firstHeading { font-family: 'Righteous', sans-serif !important; margin-bottom: .25em; text-transform: uppercase; letter-spacing: 1px; padding: 0; } .mw-body h2 { font-family: 'Righteous', sans-serif !important; font-size: 1.9em; text-transform: uppercase; letter-spacing: 1px; } .mw-body p { letter-spacing: 1px; font-family: poiret one, sans-serif; font-size: 17px; } .mw-collapsible-content { background: rgb(73,73,74) !important; font-family: poiret one; font-size: 17px; color: #fff; letter-spacing: 1px; } .mw-wiki-logo { background-image: url(https://www.fightasonemush.com/images/8/8e/Fight_as_One_MUSH_Logo.png); width: 160px !important; height: 160px !important; } .ui-widget-content { background: #000; color: #fff; font-family: poiret one; } .ui-widget-header { background: #2f3136; border: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: transparent; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #254748; } .ui-dialog .ui-dialog-buttonpane button { font-family: poiret one; color: black; } /*links*/ .smw-ui-pagination .page-link.link-disabled { background-color: #2f3136; } .smw-ui-pagination .page-link { border: none; background-color: #2f3136; } .smw-tabs input.nav-tab:checked + label.nav-label { color: #fff; } div.vectorTabs li.new a { color: #10c8aa !important; } a.new { color: #10c8aa !important; } a { color: #7ecfef !important; font-family: poiret one; font-size: 14px; font-weight: 500;} a:visited { color: #0D98BA !important;} #left-navigation div.vectorTabs li.selected a, #right-navigation div.vectorTabs li.selected a, #left-navigation div.vectorTabs li.selected a:visited, #right-navigation div.vectorTabs li.selected a:visited { color: #7ecfef !important; font-family: righteous; text-transform: uppercase; font-size: 14px; } #left-navigation div.vectorTabs li.new a, #right-navigation div.vectorTabs li.new a, #left-navigation div.vectorTabs li.new a:visited, #right-navigation div.vectorTabs li.new a:visited { color: #fff; font-family: righteous; text-transform: uppercase; font-size: 14px; } a.new:visited, #p-personal a.new:visited { color: #fff !important; font-family: poiret one; font-size: 14px; } div#mw-panel div.portal h3 { font-size: 17px !important; color: #fff !important; text-transform: uppercase; font-family: righteous !important; } div#mw-panel div.portal div.body ul li a { color: #7ecfef; } div#mw-panel div.portal div.body ul li a:visited { color: #fff; } #mw-navigation div#mw-panel div.portal { font-family: poiret one; font-size: 18px; color: #108ac8; } #mw-navigation div#mw-panel div.portal { font-family: poiret one; font-size: 18px; } div#mw-head div.vectorMenu h3 span { font-family: righteous; color: #7ecfef !important; } .tocnumber { color: #fff !important; } .toctogglelabel { color: #7ecfef !important; font-family: poiret one; font-weight: 500; } .smw-column-header { font-family: righteous; font-size: 14px; color: #108ac8 !important; } /* input */ .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: #ffffff; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: #575f7d; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: #575f7d; color: #fff; border: none; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ffffff; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: #3c3b3d; } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus { background: #fff; } oo-ui-tabSelectWidget { letter-spacing: 1px; } .oo-ui-panelLayout-scrollable { letter-spacing: 1px; font-size: 17px; } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a { color: #000 !important; } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: #000 !important; } .toc, .mw-warning, .toccolours { border: none; background-color: #3a3a3b; padding: 15px; font-size: 16px; letter-spacing: 1px; } div#simpleSearch #searchInput { font-size: 14px; font-family: poiret one; } input, textarea { background-color: #fff; color: #000; border: none; padding: 5px; } .sitedir-ltr input { background: #fff; color: #000; font-family: poiret one; font-size: 16px; } .wikiEditor-ui-toolbar .group .tool-select .label { color: #000 !important; } /*button*/ .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background-color: #293037; border: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #fff !important; background-color: !important; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background-color: #3266cc; color: #fff !important; border: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: #447ef5; color: #fff; } /*header*/ div#mw-head { top: 154px !important; z-index: 0; } div#mw-panel { top: 365px !important; padding-top: 0; padding-left: 0; margin-top: -10px !important; } #mw-page-base { height: 15em !important; background-image: url(https://www.fightasonemush.com/images/4/4c/Fightasonebanner-04.png) !important; } .mw-destfile-warning { background-color: #303236; border: none !important; } /*footer*/ div#footer { margin-left: 0 !important; background: url(https://www.fightasonemush.com/images/8/82/Fightasonebanner-03.png) !important; background-size: contain; height: 13.5em; } div#footer ul { margin-left: 10em !important; } div#footer #footer-icons { position: relative; top: -50px; }