MediaWiki:SG.css

From The Skullgirls Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Style for Skullgirls troll pages */
/* to apply changes insert the category "SG" into a page to have a skullgirls appearance*/
body.cat-SG #h1 {
	text-align: center;
	font-family: sans-serif;
}
/*background*/
body.cat-SG {
    background: url('https://skullgirlz.wiki/images/c/c3/Squigly_grave_improved.webp'); 
    background-repeat: repeat;
    background-position: top;
    background-size: 1920px,7620px;
    border: none;
    }
    
/*page content*/
body.cat-SG #content{
    background-color: #b0213e !important;
    background: none;
    color: #262829;
    border: none;
    border-radius: none;
    box-shadow: none;
}
/*top*/
body.cat-SG #mw-head {
    background-image: url('https://skullgirlz.wiki/images/a/a1/Stupid_girls.png');
    background-size: contain; 
    background-repeat: repeat-x; 
}

/*tools stuff*/
/*upper stuff*/
body.cat-SG #p-navigation {
    background-image: url('https://skullgirlz.wiki/images/c/c5/Tools.png');
    border-radius:0%;
    background-size: 159px;
}
body.cat-SG #p-navigation a {
    text-decoration: yellow;
    text-shadow: -1px -1px 0 yellow, 1px -1px 0 yellow, -1px 1px 0 yellow, 1px 1px 0 yellow;
    font-size: inherit !important; 
}

body.cat-SG #p-navigation a:hover {
    text-decoration: none;
}
/*lower stuff*/
body.cat-SG #p-tb {
    background-image: url('https://skullgirlz.wiki/images/9/99/Menu.png');
    border-radius:0%;
    background-size: 159px;
    
}
body.cat-SG  #p-tb a {
    text-decoration: yellow;
    text-shadow: -1px -1px 0 yellow, 1px -1px 0 yellow, -1px 1px 0 yellow, 1px 1px 0 yellow;
}

body.cat-SG #p-tb a:hover {
    text-decoration: #F1DE61;
}
body.cat-SG #p-tb {
    margin-left: none; 
}
.cat-SG .mw-wiki-logo {
    background-image: url('https://skullgirlz.wiki/images/8/8c/Skullgirls_logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 135px;
    height: 135px;
}

/* header */
.cat-SG .mw-body h1, .cat-SG .mw-body-content h1, .cat-SG .mw-body-content h2 {
	font-family: sans-serif;
	border-left: none;
	border-bottom: none;
}
/*Link Colors*/
body.cat-SG #content a {
    color: #3a076e !important;
    text-decoration: none !important;
}

body.cat-SG #content a:hover {
    color: #fa70dc !important;
}
/* Link color hovering */
.cat-SG a:hover {
    color: purple; 
    text-decoration: none; 
    background-image: none;
}
/* Custom cursor */
body.cat-SG {
    cursor: default; 
}
.cat-SG a:hover {
    cursor: default; 
}
/* Various styles */
body.cat-SG #footer-info,
body.cat-SG #footer-places-privacy,
body.cat-SG #footer-places-about,
body.cat-SG #footer-places-disclaimer,
body.cat-SG #p-personal .vector-menu-content {
	background-color: #af213e;
	border-radius: 20px;
	padding: 2px;
	margin: 10px;
}

/* Top of content page such as discussion, edit source, etc */
.cat-SG #left-navigation,
.cat-SG #right-navigation{
    margin-top: 2.5em;
    border-radius: none;
    background-image: none;
    border: 3px solid black;
    box-shadow: none;
    background-color: none;
    color: black;
}
.cat-SG .vector-menu-tabs-legacy .selected,
.cat-SG .vector-menu-tabs-legacy li,
.cat-SG .vector-menu-tabs-legacy .selected{
	background-image: none;
	background: none;
}
.cat-SG .vector-menu-tabs-legacy li a {
	background: none;
}
.cat-SG .vector-menu-tabs, .vector-menu-tabs a, .cat-SG #mw-head .vector-menu-dropdown .vector-menu-heading,
.cat-SG .vector-menu-tabs-legacy .selected a, .cat-SG .vector-menu-tabs-legacy .selected a:visited{
	background-image: none;
    background-repeat: none;
    background-size: none;
}
.cat-SG .vector-menu-tabs-legacy .new a, .cat-SG .vector-menu-tabs-legacy .new a:visited,
.cat-SG .vector-menu-tabs-legacy .selected a, .cat-SG .vector-menu-tabs-legacy .selected a:visited,
.cat-SG .vector-menu-tabs-legacy li a{
	color: #ff009d;
}