MediaWiki:Common.css

From Firrhna Project Wiki
Revision as of 11:27, 6 January 2024 by Kawa-neechan (talk | contribs)
Jump to navigationJump 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 be applied to all skins */

@font-face {
  font-family: "Felinese";
  src:
    local("Felinese"),
    url("/felinese/FelineseBold.ttf"),
    url("/felinese/FelineseBold.otf") format("opentype"),
    url("/felinese/FelineseBold.woff") format("woff");
}


body {
	/* color: #ffffff; */
	background: fixed #000000 linear-gradient(black, #2f013f);
}
.mw-body, .pBody {
	background: #1b001f !important;
	border-color: #6f027c !important;
	color: #ffffff; 
}
.mw-body-content {
	font-size: 10.5pt;
	line-height: 1.75em;
}
h1, h2, h3, h4, h5 {
	color: #ffffff;
}
a, a:visited, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
	color: #e403ff;
}
a:hover, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:hover {
	color: #ee68fe;
}
a.extiw {
	color: #03acff;
}
a.extiw:visited {
	color: #6598b0;
}


.infobox {
    background: #1b001f;
    border: 1px solid rgba(111,2,124,128);
	color: #fff;
    float: right;
    clear: right;
    margin: 0 0 18px 18px;
    width: 270px;
}
@media screen and (max-width: 800px) {
  .infobox {
    float: inherit;
    border: initial;
    width: initial;
  }
}
.infobox-image {
    text-align: center;
    padding-left: 9px;
}
.infobox th {
    text-align: left;
    vertical-align: top;
    padding-left: 9px;
}
.infobox-title {
	background: #6f027c;
    border-bottom: 0;
	font-size: 18px;
    font-weight: 700;
    text-align: center !important;
    padding: 12px 9px;
}
.infobox-header {
	background: #6f027c;
	text-align: center !important;
	vertical-align: top;
	font-size: 14px;
    padding: 9px;
}
/*
.infobox td {
    padding-right: 9px;
    vertical-align: top;
}
.infobox th + td { padding-left: 9px; } */
#toc {
	background-color: inherit;
	border: 1px solid rgba(111,2,124,128);
}
.thumbinner, .thumbimage, .catlinks, .mw-footer {
	background-color: inherit !important;
	border: none !important;
	color: white;
}
#p-cactions, #p-cactions * {
	background-color: inherit !important;
	border: none !important;
}
.oo-ui-widget * {
/*	background-color: inherit !important; */
}
.oo-ui-inputWidget-input {
/*	color: #000000 !important; */
}
.oo-ui-panelLayout-framed {
  background: #6f027c;
}
figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"],
figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption
{
	background: inherit;
	border-color: #6f027c;
}
figure[typeof~="mw:File/Thumb"] > a:first-child > :first-child:not(.mw-broken-media)
{
	border: none;
	background: none;
}
button * {
	color: black;
}

blockquote {
  border-left: 2px solid #6f027c;
  padding-left: 1em;
  font-size: 125%;
  font-style: italic;
}

.wikitable {
	color: inherit;
	background: inherit;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	border-color: rgba(111,2,124,128);
}
.wikitable > tr > th, .wikitable > * > tr > th {
	background: #6f027c;
}
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: rgba(0, 0, 0, 0.50);
}
input
{
	color: #000000 !important;
}
.oo-ui-windowManager, .oo-ui-widget { color: #7f6180; }	
#mw-page-base
{
	background: #000000;
}
.vector-menu-tabs-legacy li
{
	background: #1b001f;
}
.vector-menu-tabs-legacy li.selected
{
	background: #000000;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading
{
	background-image: linear-gradient(to bottom,#000000 0,#6f027c 100%);
}
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited { color: #ffffff; }
/* Timeless */
#mw-content, #mw-content-container, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk
{ background: initial; border: initial; box-shadow: initial; }
.tools-inline li.selected a { color: #e403ff; }
#mw-header-container { background: #e403ff; }
 #personal .dropdown, #personal .dropdown h3 { color: black; }

.mw-datatable td, .mw-datatable tr:hover td { background-color: inherit; }
.mw-datatable th { background-color: #6f027c; }
.mw-datatable td, .mw-datatable th { border-color: #6f027c; }

/* Dictionary */
.tag, .pos-verb::after, .pos-noun::after, .pos-adjective::after, .pos-interjection::after, .pos-proper::after, .pos-numeral::after, .pos-pronoun::after, .pos-phrase::after, .pos-affix::after, .pos-adverb::after, .pos-determiner::after, .pos-conjunction::after, .pos-auxiliary::after, .pos-adposition::after, .pos-abbreviation::after {
	font-size: 60%;
	margin-left: 0.5em;
	padding: 0.20em 0.5em;
	position: relative;
	top: -0.25em;
	border-radius: 0.5em;
	color: #ffffff;
}
.pos-verb::after {
	background: #9c27b0;
	content: 'verb';
}
.pos-noun::after {
	background: #3f51b5;
	content: 'noun';
}
.pos-adjective::after {
	background: #af6c0a;
	content: 'adj';
}
.pos-interjection::after {
	background: #ff9800;
	content: 'intj';
}
.pos-proper::after {
	background: #673ab7;
	content: 'prop';
}
.pos-numeral::after {
	background: #5f8b2d;
	content: 'num';
}
.pos-pronoun::after {
	background: #b51b86;
	content: 'pron';
}
.pos-phrase::after {
	background: #607d8b;
	content: 'phrase';
}
.pos-affix::after {
	background: #726e6e;
	content: 'affix';
}
.pos-adverb::after {
	background: #3a831c;
	content: 'adv';
}
.pos-determiner::after {
	background: #4caf50;
	content: 'det';
}
.pos-conjunction::after {
	background: #b7a92f;
	content: 'conj';
}
.pos-auxiliary::after {
	background: #1c8362;
	content: 'aux';
}
.pos-adposition::after {
	background: #833a1c;
	content: 'adp';
}
.pos-abbreviation::after {
	background: #874493;
	content: 'abbr';
}