MediaWiki:Vector.css

From XyssWiki
Revision as of 17:59, 19 June 2020 by Jade (talk | contribs)
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.
/* CSS placed here will affect users of the Vector skin */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&family=Ubuntu:wght@300;400;500&display=swap');


/* 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: #f154beab;
}

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

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: 1px solid #fff0;
    padding: 0.2em 0.4em;
}

.toc, .mw-warning, .toccolours {
    border: 3px solid #fff;
    background-color: transparent;
    border-radius: 16px;
}

.tocnumber {
    color: #fff;
}

.toctogglelabel {
    color: #fff;
}

/* Tabs */

.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,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 : #ffffff80;
    font-size: 15px;
    padding-top: 0.6em;
    font-weight: 500;
}

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

.vectorMenu h3 span {
    color: #f6a1df;
    position: relative;
    display: block;
    padding-left: 0;
    padding-top: 1em;
    padding-right: 16px;
    font-size: 15px;
    font-weight: normal;
}

/* Text */

.mw-body-content {
    font-size: 1em;
    line-height: 1.7;
    font-weight: 425;
}

p {
   font-family : Ubuntu, sans-serif;
}

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

h1 {
border-bottom: 3px solid #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*/

#p-logo {
    width: 0;
    height: 64px;
}

#mw-panel {
    width: 14em;
    margin-left: 6.25%;
}

#mw-panel .portal .body {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0));
}

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

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

/* Links */

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

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

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

/* Brackets */

.client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type), .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type) {
    margin-left: 0;
    margin-right: 0;
    color: transparent;
}

.vectorTabs #ca-unwatch.icon a {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0));
}