Difference between revisions of "MediaWiki:Vector.css"

From XyssWiki
Jump to navigation Jump to search
Line 1: Line 1:
 
/* CSS placed here will affect users of the Vector skin */
 
/* CSS placed here will affect users of the Vector skin */
  +
  +
/* Apologies in advance to anyone that views this CSS, I know my code is awful - Jade */
  +
 
#mw-page-base {
 
#mw-page-base {
 
background-image : none;
 
background-image : none;
Line 31: Line 34:
 
background-color: #ffffff42;
 
background-color: #ffffff42;
 
color: #fff;
 
color: #fff;
  +
}
  +
  +
/* Tabs */
  +
  +
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
  +
background-image: 0;
  +
background-image: 0;
 
}
 
}
   
Line 55: Line 65:
 
font-weight: 500;
 
font-weight: 500;
 
}
 
}
  +
  +
/* Text */
   
 
h1, h2, h3, h4, h5, h6 {
 
h1, h2, h3, h4, h5, h6 {
Line 73: Line 85:
 
color: #FFF;
 
color: #FFF;
 
}
 
}
  +
  +
  +
#footer li {
  +
color: #ff88de;
  +
}
  +
  +
#mw-panel .portal .body li a:visited, #mw-panel .portal .body li a {
  +
color: #fff;
  +
}
  +
  +
/* Notice */
   
 
.cnotice {
 
.cnotice {
Line 79: Line 102:
 
border-radius: 24px;
 
border-radius: 24px;
 
}
 
}
  +
  +
/* Sidebar*/
  +
  +
#mw-panel {
  +
margin-left: 10%;
  +
}
  +
  +
#mw-panel .portal .body {
  +
background-image: 0;
  +
}
  +
  +
#mw-panel .portal h3 {
  +
color: #ff96dd;
  +
font-size: 1.2em;
  +
}
  +
  +
#mw-panel .portal .body li {
  +
font-family : "Ubuntu Condensed", sans-serif;
  +
font-size: 0.8em;
  +
text-align: right;
  +
}
  +
  +
/* Links */
   
 
a {
 
a {

Revision as of 16:46, 19 June 2020

/* CSS placed here will affect users of the Vector skin */

/* Apologies in advance to anyone that views this CSS, I know my code is awful - Jade */

#mw-page-base {
 background-image : none;
 background-color : rgba(0, 0, 0, 0);;
}
body {
 background-attachment: fixed;
 background-image : url("https://static.miraheze.org/xyssponwiki/4/43/CloudsFG.png");
 background-color : #DD22AA;
 background-repeat: repeat;
 animation : animateheader 160s linear infinite;
}
@keyframes animateheader {
	 from { 
	 background-position : 1680px -256px, 0px -256px;
	 	}
	 to {
		 background-position : 0 -256px, 0 -256px;
		 }
	 }

.mw-body {
  font-family : Ubuntu, sans-serif;
  color : #fff;
  border: 3px solid white;
  border-radius: 16px;
  background-color: #ffffff4a;
}

.wikitable {
    background-color: #ffffff42;
    color: #fff;
}

/* Tabs */

.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
    background-image: 0;
    background-image: 0;
}

.vectorTabs .selected, .vectorTabs li {
    background-image: 0;
    background: 0;
    color : #fff;
    font-size: 15px;
    padding-top: 0.6em;
    font-weight: 500;
}

.vectorTabs .selected a, .vectorTabs .selected a:visited, .vectorTabs li a { 
    color : #fff;
    font-size: 15px;
    padding-top: 0.6em;
    font-weight: 500;
}

.vectorTabs .new a, .vectorTabs .new a:visited { 
    color : #ffffff80;
    font-size: 15px;
    padding-top: 0.6em;
    font-weight: 500;
}

/* Text */

h1, h2, h3, h4, h5, h6 {
    font-family : "Ubuntu Condensed", sans-serif;
    color: #fff;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
    font-family : "Ubuntu Condensed", sans-serif;
}

.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer {
    margin-left: 22em;
    margin-right: 22em;
}

.mw-body, .parsoid-body {
    color: #FFF;
}


#footer li {
    color: #ff88de;
}

#mw-panel .portal .body li a:visited, #mw-panel .portal .body li a {
    color: #fff;
}

/* Notice */

.cnotice {
background: #fff;
border: 2px solid #fff;
border-radius: 24px;
}

/* Sidebar*/

#mw-panel {
    margin-left: 10%;
}

#mw-panel .portal .body {
    background-image: 0;
}

#mw-panel .portal h3 {
    color: #ff96dd;
    font-size: 1.2em;
}

#mw-panel .portal .body li {
    font-family : "Ubuntu Condensed", sans-serif;
    font-size: 0.8em;
    text-align: right;
}

/* Links */

a {
    color: #ffb8e8;
    text-decoration: underline;
}

a:visited {
    color: #ffb8e8;
    text-decoration: none;
}

a.new, #p-personal a.new {
    color: #881239;
    text-decoration: underline;
}