Revision as of 05:59, 20 June 2021 by Peppermint (talk | contribs)
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 be applied to all skins */
/*MediaWiki:Common.css*/
/* changes the background color of the bottom and left of each page, up to behind half of the logo */
body {
background-image: url(/w/resources/assets/ambrosiapattern.jpg);
background-repeat: repeat;
font-family: 'Roboto Mono', monospace;
font-weight:500;
font-size: 16px;
}
/* changes the background color behind the top half of the logo and at top of each page */
#mw-page-base {background: #0A0A0A}
/* Sets the Wiki's Fonts. */
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&family=Source+Code+Pro:ital,wght@0,400;0,700;1,400&display=swap');
</style>
/*Edit Link Appearance*/
div#mw-panel div.portal div.body ul li a {
color: #e4A732;
font-size: 16px;
}
div#mw-panel div.portal div.body ul li a:hover {
text-decoration: none;
color: #a178a6 !important;
}
div#mw-panel div.portal div.body ul li a:visited {
color: #d4af37
}
.mw-parser-output a.extiw, .mw-parser-output a.external, .ve-activated #catlinks a, a.new:visited, #p-personal a.new:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited{
color:#E4A732
}
a:link{
color: #e4a732;
text-decoration: none;
}
@media screen {
a {
color: #e4a732;
text-decoration: none !important;
}
a:hover {
color: #a178a6 !important;
}
a:visited{
color:#d4af37
}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited{
color: #f5f5f5 !important;
font-weight: bolder;
}
/*Edit Gallery Appearance*/
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{background-color:rgba(0,0,0,0.3)}
/*Edit Table Appearance*/
table.wikitable > ,tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{border: 0 !important;
border-radius: 4px !important;
padding: 3px !important;}
table.wikitable {
border: 0;
}
th {
border: 0;
background-color: rgba(255,255,255,0.0);
}
tr{
border: 0;
}
/*Edit UI Appearance*/
#wpSaveWidget{
background-color: #e4a732;
border: 0;
border-radius: 4px;
}
/*Edit DIV Appearance*/
.catlinks{
background-color: rgba(255,255,255,0.3);
border: 0;
border-radius: 4px;
padding-left: 5%;
}
div.thumbinner, table.wikitable, tbody, .toc, .mw-warning, .toccolours {
border: 0;
background-color: rgba(255,255,255,0.4) !important;
padding: 5px;
font-size: 95%;
border-radius: 4px;
color: #200D24;
}
#content {background-color: #200D24}
#mw-content-text {
background-color: #200D24;
color: #EFF6F8;
}
.mw-editform .editOptions{
background-color: rgba(255,255,255,0.4) !important;
border: 0 !important;
border-radius: 4px !important;
}
.mw-body .firstHeading {
color: #fefde2;
font-family: 'Roboto Mono', monospace;
text-shadow:
-.5px -.5px 0 #000,
.5px -.5px 0 #000,
-.5px .5px 0 #000,
.5px .5px 0 #000;
}
div#mw-panel{position:fixed}
/*Edit List Appearance*/
div.vectorTabs ul li {background-color: #200D24;
border: 0;
}
div.vectorTabs li{
border-radius: 4px 4px 0px 0px
}
div.vectorTabs span{
background-image: none;
background-color: transparent;
}
div.vectorTabs li.selected {background-color: #200D24;
border: 0;
}
/*Edit Global Text Appearance*/
div#mw-panel div.portal
h3 {
display: block;
font-size: 1.17em;
color: #fefde2;
-webkit-margin-before: 3px;
-webkit-margin-after: 3px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
text-align: center;
}
.mw-body{border:none;
color: #fff;
}
h1, h2, h3, h4, h5 {
font-family: 'Source Code Pro', monospace;
font-weight: bold;
color: #EFF6F8;
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
font-family: 'Source Code Pro', monospace;
font-weight: bold;
color: #EFF6F8;
}
.aside{
font-family: 'Source Code Pro', monospace;
font-style: italic;
font-size: 11pt;
}
.mw-body-content p{
font-family: 'Roboto', sans-serif;
}
/* VECTOR TABS */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3, .vector-menu-tabs li, .vector-menu-tabs li a{
background-image: none;
background-color: #200D24 !important;
border-radius: 10px 10px 0px 0px;
color: #e4A732;
}
.vector-menu-tabs .selected{
background: rgba(255, 255, 255, 0.3);
border-radius: 10px 10px 0px 0px;
}
/* SIDEBAR */
.portal .body ul, .vector-menu-portal .body ul a, .portal .body ul, .vector-menu-portal .body ul a:visited{
color: #e4A732}
/* OTHER Configurations */
.mw-body .firstHeading {display: none;
margin-top: -5%;}
.mw-footer li {
color: #fff !important;
}
/*Hide Discussion Tab*/
li#ca-talk { display: none !important; }
/***INFOBOX***/
.infobox {
background: rgba(255,255,255,0.3);
border-radius: 5px;
float: right;
border-bottom: 10px solid white;
padding-bottom: 2px;
width: 20%;
}
th.infobox-above {
background: #fff;
border-radius: 5px 5px 0px 0px;
font-size: 20px;
padding: 0px;
}
th.infobox-label{
background: #fff;
text-transform:
}
.infobox-subheader{
text-align: center;
font-weight: bold;
font-style: italic;
}
.infobox-caption{
font-size: 1em;
font-style: italic;
color: #fff;
}
.infobox-data{
font-weight: bold;
padding-left: 5px;
color: #fff;
}
.infobox-header{
background: #fff;
font-size: 15px;
font-weight: bolder;
}
/*** EDITING TEMPLATE CSS ***/
/*note*/
.note.note-info {
color: #000;
font-weight: bold;
}
/*tip*/
.note.note-reminder {
color: #000;
font-weight: bold;
}
/*mature-warn*/
.mature-warn{
background: palevioletred;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-image: none;
background-size: auto;
display: flex;
word-wrap: break-word;
background-image: url(https://wiki.twistedfates.net/w/images/thumb/3/3e/Smol_Jason.png/150px-Smol_Jason.png);
background-repeat: no-repeat;
background-size: 100px;
padding: 30px 10px 30px 10px;
outline: solid red 1px;
font-weight: bold;
background-position: left;
text-indent: 100px;
margin: 0.5em 0;
text-align: center;
text-justify: inter-word;
text-shadow: 2px 2px black;
font-size: 18px;
height: 70px;
}
/*** TOOLTIPS ***/
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
z-index:10;display:none; padding:14px 20px;
margin-top:60px; margin-left:-160px;
width:300px; line-height:16px;
}
a.tooltip:hover span{
display:inline; position:absolute;
border:2px solid #FFF; color:#EEE;
background:#333 url(http://www.menucool.com/tooltip/cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
/*CSS3 extras*/
a.tooltip span
{
border-radius:2px;
box-shadow: 0px 0px 8px 4px #666;
/*opacity: 0.8;*/
}
/*Style Spoilers*/
.spoilers-button {
color: #fff;
background: url('https://i.imgur.com/yse9aBH.png');
background-repeat: no-repeat;
background-size: 30px;
background-color: #796e7c;
font-weight: bolder;
background-position: left;
padding-left: 30px;
}