MediaWiki:Common.css

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

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: 10px;
  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;*/
}