WIKI IS CURRENTLY UNDER CONSTRUCTION

Difference between revisions of "MediaWiki:Common.css"

From OldSchool RSPS
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: #441003 url(https://oldschoolrsps.com/images/video-fallback.jpg) 45em 15%;
  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: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#fff 100%);
  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
}