WIKI IS CURRENTLY UNDER CONSTRUCTION
Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m Tag: Manual revert |
m |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
:root { | |||
--background-image-color: #441003; | |||
--background-image: url(https://oldschoolrsps.com/images/video-fallback.jpg); | |||
--background-image-position: 45em 15%; | |||
--button-background-gradient: linear-gradient(to top, #77c1f6 0, #e8f2f8 1px, #fff 100%); | |||
--background-color: rgba(15, 15, 15, 0.85); | |||
--link-color: white; | |||
--background-color-content: #292929; | |||
--text-color: #f8f9fa; | |||
--search-box-background-color: rgba(255, 255, 255, 1); | |||
} | |||
#mw-head { | #mw-head { | ||
background: # | background: var(--background-image-color) var(--background-image) var(--background-image-position); | ||
} | |||
/* | |||
.mw-headline, | |||
.firstHeading, | |||
.mw-editfooter-toggler, | |||
#mw-previewheader, | |||
#mw-panel .vector-menu-heading { | |||
color: var(--text-color) | |||
} | |||
#searchInput { | |||
background: var(--search-box-background-color) | |||
} | |||
.mw-body { | |||
border-color: white; | |||
} | |||
.mw-footer a, | |||
#mw-panel a, | |||
#p-personal a { | |||
color: var(--link-color) | |||
} | |||
#mw-page-base { | |||
background: none; | |||
} | |||
body { | |||
background-color: var(--background-color) | |||
} | |||
#content { | |||
background: var(--background-color-content) | |||
} | |||
.vector-menu-content-list li a, | |||
#p-cactions-label { | |||
color: var(--text-color) | |||
} | |||
.vector-menu-tabs li, | |||
body #p-cactions, | |||
.vector-menu-dropdown .vector-menu-content { | |||
background: var(--background-color-content) | |||
} | |||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { | |||
}*/ | |||
#p-cactions-label { | |||
color: #0645ad; | |||
} | } | ||
body #p-cactions { | body #p-cactions { | ||
background-image: | background-image: var(--button-background-gradient) | ||
} | } | ||
#ca-talk { display: none !important; } | |||
#ca-talk { | |||
display: none !important; | |||
} | |||
#footer-poweredbyico img { | #footer-poweredbyico img { |
Revision as of 11:42, 24 March 2022
/* CSS placed here will be applied to all skins */ :root { --background-image-color: #441003; --background-image: url(https://oldschoolrsps.com/images/video-fallback.jpg); --background-image-position: 45em 15%; --button-background-gradient: linear-gradient(to top, #77c1f6 0, #e8f2f8 1px, #fff 100%); --background-color: rgba(15, 15, 15, 0.85); --link-color: white; --background-color-content: #292929; --text-color: #f8f9fa; --search-box-background-color: rgba(255, 255, 255, 1); } #mw-head { background: var(--background-image-color) var(--background-image) var(--background-image-position); } /* .mw-headline, .firstHeading, .mw-editfooter-toggler, #mw-previewheader, #mw-panel .vector-menu-heading { color: var(--text-color) } #searchInput { background: var(--search-box-background-color) } .mw-body { border-color: white; } .mw-footer a, #mw-panel a, #p-personal a { color: var(--link-color) } #mw-page-base { background: none; } body { background-color: var(--background-color) } #content { background: var(--background-color-content) } .vector-menu-content-list li a, #p-cactions-label { color: var(--text-color) } .vector-menu-tabs li, body #p-cactions, .vector-menu-dropdown .vector-menu-content { background: var(--background-color-content) } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { }*/ #p-cactions-label { color: #0645ad; } body #p-cactions { background-image: var(--button-background-gradient) } #ca-talk { display: none !important; } #footer-poweredbyico img { display:none } #n-Discord a { color:white !important; font-size:12px; font-weight:bold; border-radius:5px; border:1px solid #4c57d0; background-color:#5865f2; display:block; position:relative; padding:4px 0 5px calc(17px + 6.5px * 2); box-shadow:0 2px 3px rgba(0,0,0,0.1); transition:0.2s ease } #n-Discord a::before { content:'Join our '; font-weight:normal; opacity:0.85 } #n-Discord a::after { content:''; background:url(images/1/18/Discord_icon.png) no-repeat; background-size:17px 13px; filter:drop-shadow(0 1px 1px rgba(0,0,0,0.1)); position:absolute; top:5px; left:7px; width:17px; height:13px } #n-Discord a:hover { text-decoration:none; background-color:#525ee0 }