MediaWiki:Test.css: Difference between revisions

From The Skullgirls Wiki
Jump to navigation Jump to search
mNo edit summary
No edit summary
 
Line 1: Line 1:
/* Alt style for Skullgirls pages */
/* Alt style for Skullgirls pages */
/* to apply changes insert the category "Test" into a page to have this specific appearance*/
/* to apply changes insert the category "Test" into a page to have this specific appearance*/
body.cat-SG #h1 {
body.cat-Test #h1 {
text-align: center;
text-align: center;
font-family: sans-serif;
font-family: sans-serif;
}
}
/*background*/
/*background*/
body.cat-SG {
body.cat-Test {
     background: url('https://skullgirlz.wiki/images/c/c3/Squigly_grave_improved.webp');  
     background: url('https://skullgirlz.wiki/images/c/c3/Squigly_grave_improved.webp');  
     background-repeat: repeat;
     background-repeat: repeat;
Line 15: Line 15:
      
      
/*page content*/
/*page content*/
body.cat-SG #content{
body.cat-Test #content{
     background-color: #b0213e !important;
     background-color: #b0213e !important;
     background: none;
     background: none;
Line 24: Line 24:
}
}
/*top*/
/*top*/
body.cat-SG #mw-head {
body.cat-Test #mw-head {
     background-image: url('https://skullgirlz.wiki/images/a/a1/Stupid_girls.png');
     background-image: url('https://skullgirlz.wiki/images/a/a1/Stupid_girls.png');
     background-size: contain;  
     background-size: contain;  
Line 32: Line 32:
/*tools stuff*/
/*tools stuff*/
/*upper stuff*/
/*upper stuff*/
body.cat-SG #p-navigation {
body.cat-Test #p-navigation {
     background-image: url('https://skullgirlz.wiki/images/c/c5/Tools.png');
     background-image: url('https://skullgirlz.wiki/images/c/c5/Tools.png');
     border-radius:0%;
     border-radius:0%;
     background-size: 159px;
     background-size: 159px;
}
}
body.cat-SG #p-navigation a {
body.cat-Test #p-navigation a {
     text-decoration: yellow;
     text-decoration: yellow;
     text-shadow: -1px -1px 0 yellow, 1px -1px 0 yellow, -1px 1px 0 yellow, 1px 1px 0 yellow;
     text-shadow: -1px -1px 0 yellow, 1px -1px 0 yellow, -1px 1px 0 yellow, 1px 1px 0 yellow;
Line 43: Line 43:
}
}


body.cat-SG #p-navigation a:hover {
body.cat-Test #p-navigation a:hover {
     text-decoration: none;
     text-decoration: none;
}
}
/*lower stuff*/
/*lower stuff*/
body.cat-SG #p-tb {
body.cat-Test #p-tb {
     background-image: url('https://skullgirlz.wiki/images/9/99/Menu.png');
     background-image: url('https://skullgirlz.wiki/images/9/99/Menu.png');
     border-radius:0%;
     border-radius:0%;
Line 53: Line 53:
      
      
}
}
body.cat-SG #p-tb a {
body.cat-Test #p-tb a {
     text-decoration: yellow;
     text-decoration: yellow;
     text-shadow: -1px -1px 0 yellow, 1px -1px 0 yellow, -1px 1px 0 yellow, 1px 1px 0 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 {
body.cat-Test #p-tb a:hover {
     text-decoration: #F1DE61;
     text-decoration: #F1DE61;
}
}
body.cat-SG #p-tb {
body.cat-Test #p-tb {
     margin-left: none;  
     margin-left: none;  
}
}
.cat-SG .mw-wiki-logo {
.cat-Test .mw-wiki-logo {
     background-image: url('https://skullgirlz.wiki/images/8/8c/Skullgirls_logo.png');
     background-image: url('https://skullgirlz.wiki/images/8/8c/Skullgirls_logo.png');
     background-size: contain;
     background-size: contain;
Line 73: Line 73:


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


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


/* Top of content page such as discussion, edit source, etc */
/* Top of content page such as discussion, edit source, etc */
.cat-SG #left-navigation,
.cat-Test #left-navigation,
.cat-SG #right-navigation{
.cat-Test #right-navigation{
     margin-top: 2.5em;
     margin-top: 2.5em;
     border-radius: none;
     border-radius: none;
Line 123: Line 123:
     color: black;
     color: black;
}
}
.cat-SG .vector-menu-tabs-legacy .selected,
.cat-Test .vector-menu-tabs-legacy .selected,
.cat-SG .vector-menu-tabs-legacy li,
.cat-Test .vector-menu-tabs-legacy li,
.cat-SG .vector-menu-tabs-legacy .selected{
.cat-Test .vector-menu-tabs-legacy .selected{
background-image: none;
background-image: none;
background: none;
background: none;
}
}
.cat-SG .vector-menu-tabs-legacy li a {
.cat-Test .vector-menu-tabs-legacy li a {
background: none;
background: none;
}
}
.cat-SG .vector-menu-tabs, .vector-menu-tabs a, .cat-SG #mw-head .vector-menu-dropdown .vector-menu-heading,
.cat-Test .vector-menu-tabs, .vector-menu-tabs a, .cat-Test #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{
.cat-Test .vector-menu-tabs-legacy .selected a, .cat-Test .vector-menu-tabs-legacy .selected a:visited{
background-image: none;
background-image: none;
     background-repeat: none;
     background-repeat: none;
     background-size: none;
     background-size: none;
}
}
.cat-SG .vector-menu-tabs-legacy .new a, .cat-SG .vector-menu-tabs-legacy .new a:visited,
.cat-Test .vector-menu-tabs-legacy .new a, .cat-Test .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-Test .vector-menu-tabs-legacy .selected a, .cat-Test .vector-menu-tabs-legacy .selected a:visited,
.cat-SG .vector-menu-tabs-legacy li a{
.cat-Test .vector-menu-tabs-legacy li a{
color: #ff009d;
color: #ff009d;
}
}

Latest revision as of 22:08, 24 August 2026

/* Alt style for Skullgirls pages */
/* to apply changes insert the category "Test" into a page to have this specific appearance*/
body.cat-Test #h1 {
	text-align: center;
	font-family: sans-serif;
}
/*background*/
body.cat-Test {
    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-Test #content{
    background-color: #b0213e !important;
    background: none;
    color: #262829;
    border: none;
    border-radius: none;
    box-shadow: none;
}
/*top*/
body.cat-Test #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-Test #p-navigation {
    background-image: url('https://skullgirlz.wiki/images/c/c5/Tools.png');
    border-radius:0%;
    background-size: 159px;
}
body.cat-Test #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-Test #p-navigation a:hover {
    text-decoration: none;
}
/*lower stuff*/
body.cat-Test #p-tb {
    background-image: url('https://skullgirlz.wiki/images/9/99/Menu.png');
    border-radius:0%;
    background-size: 159px;
    
}
body.cat-Test  #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-Test #p-tb a:hover {
    text-decoration: #F1DE61;
}
body.cat-Test #p-tb {
    margin-left: none; 
}
.cat-Test .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-Test .mw-body h1, .cat-Test .mw-body-content h1, .cat-Test .mw-body-content h2 {
	font-family: sans-serif;
	border-left: none;
	border-bottom: none;
}
/*Link Colors*/
body.cat-Test #content a {
    color: #3a076e !important;
    text-decoration: none !important;
}

body.cat-Test #content a:hover {
    color: #fa70dc !important;
}
/* Link color hovering */
.cat-Test a:hover {
    color: purple; 
    text-decoration: none; 
    background-image: none;
}
/* Custom cursor */
body.cat-Test {
    cursor: default; 
}
.cat-Test a:hover {
    cursor: default; 
}
/* Various styles */
body.cat-Test #footer-info,
body.cat-Test #footer-places-privacy,
body.cat-Test #footer-places-about,
body.cat-Test #footer-places-disclaimer,
body.cat-Test #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-Test #left-navigation,
.cat-Test #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-Test .vector-menu-tabs-legacy .selected,
.cat-Test .vector-menu-tabs-legacy li,
.cat-Test .vector-menu-tabs-legacy .selected{
	background-image: none;
	background: none;
}
.cat-Test .vector-menu-tabs-legacy li a {
	background: none;
}
.cat-Test .vector-menu-tabs, .vector-menu-tabs a, .cat-Test #mw-head .vector-menu-dropdown .vector-menu-heading,
.cat-Test .vector-menu-tabs-legacy .selected a, .cat-Test .vector-menu-tabs-legacy .selected a:visited{
	background-image: none;
    background-repeat: none;
    background-size: none;
}
.cat-Test .vector-menu-tabs-legacy .new a, .cat-Test .vector-menu-tabs-legacy .new a:visited,
.cat-Test .vector-menu-tabs-legacy .selected a, .cat-Test .vector-menu-tabs-legacy .selected a:visited,
.cat-Test .vector-menu-tabs-legacy li a{
	color: #ff009d;
}