MediaWiki:Common.css: Difference between revisions

From Equestripedia, the Archives of Equestria!
Content added Content deleted
(Created page with "→‎CSS placed here will be applied to all skins: @import url('https://fonts.googleapis.com/css?family=Patrick+Hand'); @import "/wiki/index.php?title=MediaWiki:Themes.css&act...")
 
No edit summary
 
(28 intermediate revisions by the same user not shown)
Line 2: Line 2:
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand');
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand');
@import "/wiki/index.php?title=MediaWiki:Themes.css&action=raw&ctype=text/css";
@import "/wiki/index.php?title=MediaWiki:Themes.css&action=raw&ctype=text/css";
@import "/wiki/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css";
@import "/wiki/index.php?title=MediaWiki:Template-themes.css&action=raw&ctype=text/css";
@import "/wiki/index.php?title=MediaWiki:Template-themes.css&action=raw&ctype=text/css";
@import "/wiki/index.php?title=MediaWiki:Forums.css&action=raw&ctype=text/css";
.infobox {
float: right;
clear: right;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;


#siteSub {
display:block;
color: #6153A2;
}
}
.mwe-popups-container {
/*** BASIC SKINNING ***/
/* Thumbnails */
/* Font & Text */
text-decoration: none solid rgb(32, 33, 34) ;
div.thumbinner {
background-color: #2B1D42 !important;
border: 2px solid #6153A2;
background-color: #EAD5FC;
background-image: none ;
background-position: 0% 0% ;
text-align: center;
background-repeat: repeat ;
border-radius: 0.5em;
color: #F3B88D !important;
border: 2px solid #DFCDDD !important;
max-width: none ;
min-width: 0px ;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
}
.mwe-popups-extract[dir='ltr']:after{

background-image:-webkit-linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
/* Category Tree customizing */
background-image:-moz-linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
.CategoryTreeEmptyBullet {
background-image:-o-linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
cursor: default;
background-image:linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
color: #6153A2;
}
}


/* default skin for navigation boxes */
.CategoryTreeToggle {
table.navbox { /* navbox container style */
color: #362668;
border:1px solid #DFCDDD;
width:100%;
margin:auto;
clear:both;
font-size:88%;
text-align:center;
padding:2px;
}
}
.theme-fandomdesktop-dark table.navbox {

border-color: var(--theme-accent-color--hover);
/*** Template stuff ***/
.references-small {
font-size: 0.85em;
}
.galitem {
color: #DDC3FF;
background: #6153A2;
}
}


table.navbox + table.navbox {
.wikitable,
margin-top:-1px; /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
table.wikitable {
border: #6153A2;
}
}
.navbox-title, .navbox-abovebelow, table.navbox th {

text-align:center; /* title and above/below styles */
table.wikitable th,
padding-left:1em;
table.wikitable td {
padding-right:1em;
color: #000;
border: #6153A2;
}
}
.navbox-group { /* group style */

white-space:nowrap;
/* Allow limiting of which header levels are shown in a TOC;
text-align:right;
<div class="toclimit-3">, for instance, will limit to
font-weight:bold;
showing ==headings== and ===headings=== but no further
padding-left:1em;
(as long as there are no =headings= on the page, which
padding-right:1em;
there shouldn't be according to the MoS). */
/* TemplateStyles */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
}


/* Background color */
.mw-changeslist-legend {
.navbox,
background-color: #EAD5FC;
.navbox-subgroup {
border: 2px solid #6153A2;
background:#593d88;
border-radius: 0.5em;
}
}
.navbox-list {

border-color:#280D5F; /* Must match background color */
/***TOC***/
.toc {
background-color: #EAD5FC !important;
border: 2px solid #6153A2 !important;
-moz-border-radius-topleft: 0.5em;
-moz-border-radius-topright: 0.5em;
-moz-border-radius-bottomleft: 0.5em;
-moz-border-radius-bottomright: 0.5em;
-webkit-border-radius: 0.5em;
border-radius: 0.5em;
}
}
.theme-fandomdesktop-dark .navbox,

.theme-fandomdesktop-dark .navbox-subgroup {
.toctitle {
background-color: #EAD5FC !important;
background: transparent;
color: #6153A2 !important;
font-weight: bold;
}
.toctitle h2 {
color: #6153A2 !important;
}
}


/* Level 1 color */
.catlinks {
.navbox-title,
border: 2px solid #6153A2 !important;
table.navbox th {
background-color: #EAD5FC !important;
background:#280D5F;
border-radius: 0.5em;
}
}
.theme-fandomdesktop-dark .navbox-title,

.theme-fandomdesktop-dark table.navbox th {
/*** PROFILE CUSTOMIZATION ***/
background: var(--theme-accent-color);
#profile-top {
color: var(--theme-accent-label-color);
border-bottom: 2px solid #6153A2;
}
}
.theme-fandomdesktop-dark .navbox-title a,

.theme-fandomdesktop-dark table.navbox th a {
#profile-image img {
color: var(--theme-accent-label-color);
background-color: #6153A2;
border: 2px solid #6153A2;
}
}


/* Level 2 color */
.user-section-heading {
.navbox-abovebelow,
border-bottom: 2px solid #6153A2;
.navbox-group,
width: 100%;
.navbox-subgroup .navbox-title {
line-height: 22px;
background:#4F2379;
margin: 0 0 8px 0;
}
}
.theme-fandomdesktop-dark .navbox-abovebelow,

.theme-fandomdesktop-dark .navbox-group,
.no-info-container {
.theme-fandomdesktop-dark .navbox-subgroup .navbox-title {
background-color: #6153A2;
background: var(--theme-accent-color);
color: #EAD5FC;
color: var(--theme-accent-label-color);
}
}
.theme-fandomdesktop-dark .navbox-abovebelow a,

.theme-fandomdesktop-dark .navbox-group a,
#profile-toggle-button {
.theme-fandomdesktop-dark .navbox-subgroup .navbox-title a {
background-color: #6153A2;
color: #EAD5FC;
color: var(--theme-accent-label-color);
}
}


/* Level 3 color */
#user-page-left h2, #user-page-right h2 {
.navbox-subgroup .navbox-group,
border-bottom: 2px solid #6153A2;
.navbox-subgroup .navbox-abovebelow {
color: #6153A2;
background:#4F2379;
}
}
.theme-fandomdesktop-dark .navbox-subgroup .navbox-group,

.theme-fandomdesktop-dark .navbox-subgroup .navbox-abovebelow {
.profile-info-container b {
background: var(--theme-accent-color);
color: #6153A2;
color: var(--theme-accent-label-color);
}
}
.theme-fandomdesktop-dark .navbox-subgroup .navbox-group a,
/*** ALT TABLE ***/
.theme-fandomdesktop-dark .navbox-subgroup .navbox-abovebelow a {

color: var(--theme-accent-label-color);
/* Alt table */
table.altrow,
table.altcol {
background: #6153A2;
border: 2px solid #362668;
border-collapse: collapse;
margin: 1em 1em 1em 0;
}
}


/* Even row striping */
table.altrow td,
.navbox-even {
table.altcol td {
background:#4e3577;
border: 2px solid #362668;
border-radius: 0.5em;
padding: 0.4em;
}
}
.theme-fandomdesktop-dark .navbox-even {

background: var(--theme-page-accent-mix-color);
table.altrow tr:nth-child(even) {
color: var(--theme-accent-label-color);
background: #EAD5FC;
}
}


/* Odd row striping */
table.altrow tr:nth-child(odd) {
.navbox-odd {
background: #EAD5FC;
background:transparent;
}
}

.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
table.altcol td:nth-child(even) {
float: right; /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
background: #EAD5FC;
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances the vde links from */

width: 6em; /* [[Template:Tnavbar]], so they need to be the same width. */
table.altcol td:nth-child(odd) {
background: #EAD5FC;
}

table.altrow th,
table.altcol th {
background: #6153A2;
border: 2px solid #362668;
padding: 0.4em;
color: #EAD5FC;
}

table.altrow caption,
table.altcol caption {
font-weight: bold;
margin-left: inherit;
margin-right: inherit;
}

table.altrow code,
table.altcol code {
background-color: transparent;
}
.altrow {
}
/* general styles */
h1, h2 {
color: #4A338E;
font-family: "Arial" !important;
border-bottom: solid 2px #6153A2;
}
h3, h4, h5, h6 {
color: #4A338E !important;
font-family: "Arial" !important;
}
.h2-mimic {
color: #4A338E;
font-family: "Arial" !important;
border-bottom: solid 2px #6153A2;
font-size: 1.5em;
margin-top: 1em;
}

.h3-mimic {
font-size: 1.2em;
margin-top: 0.3em;
margin-bottom: 0;
padding-bottom: 0;
color: #4A338E !important;
font-family: "Arial" !important;
font-weight: bold;
}

a {
color: #002bb8;
}

a:hover {
color: #DF3494 !important;
text-decoration: none;
}

.tabbernav {
border-bottom: 2px solid #362668 !important;
padding: 0.3em 0 !important;
}
.tabbernav a {
padding: 0.3em 0.5em !important;
margin: 0 !important;
color: #FFF !important;
border: none !important;
background: #6153A2 !important;
}
.tabberactive a {
color: #FFF !important;
background: #362668 !important;
}
.tabbertab {
border: none !important;
padding: 0 !important;
}

/* styles for {{--}} */
.tt1_clearall + h1,
.tt1_clearall + h2,
.tt1_clearall + h3,
.tt1_clearall + h4,
.tt1_clearall + h5,
.tt1_clearall + h6 {
clear:both;
margin-top:00px;
}

/* Gallery */
li.gallerybox div.thumb {
text-align: center;
border: 2px solid #6153A2;
background-color: #EAD5FC;
margin: 2px;
border-radius: 0.5em;
}

/* Code blocks */
pre,
code,
tt,
kbd,
samp,
.mw-code {
/*
* Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
* Specifying any valid, second value will trigger correct behavior without forcing a different font.
*/
font-family: monospace, Courier;
}

code {
background-color: #6153A2;
color: #EAD5FC;
border-color: #6153A2;
}
}


/* Thumb fixes */
pre,
.figure, figcaption {
.mw-code {
border: 1px solid #EAD5FC !important;
padding: 1em;
border: none;
border-top: 0px !important;
background: #2B1D42 !important; }
color: #EAD5FC;
.mw-file-description {
background-color: #6153A2;
background: #2B1D42 !important;
border-radius: 0.5em;
}
}

Latest revision as of 22:34, 6 November 2023

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand');
@import "/wiki/index.php?title=MediaWiki:Themes.css&action=raw&ctype=text/css";
@import "/wiki/index.php?title=MediaWiki:Template-themes.css&action=raw&ctype=text/css";
@import "/wiki/index.php?title=MediaWiki:Forums.css&action=raw&ctype=text/css";
.infobox {
   float: right;
   clear: right;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;

}
.mwe-popups-container {
	/* Font & Text */
	text-decoration: none solid rgb(32, 33, 34) ;
	background-color: #2B1D42 !important;
	background-image: none ;
	background-position: 0% 0% ;
	background-repeat: repeat ;
	color: #F3B88D !important;
	border: 2px solid #DFCDDD !important;
	max-width: none ;
	min-width: 0px ;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.mwe-popups-extract[dir='ltr']:after{
	background-image:-webkit-linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
	background-image:-moz-linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
	background-image:-o-linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
	background-image:linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
}

/* default skin for navigation boxes */
table.navbox {            /* navbox container style */
  border:1px solid #DFCDDD;
  width:100%; 
  margin:auto;
  clear:both;
  font-size:88%;
  text-align:center;
  padding:2px;
}
.theme-fandomdesktop-dark table.navbox {
    border-color: var(--theme-accent-color--hover);
}

table.navbox + table.navbox {
  margin-top:-1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align:center;      /* title and above/below styles */
  padding-left:1em;
  padding-right:1em;
}
.navbox-group {           /* group style */
  white-space:nowrap;
  text-align:right;
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
}

/* Background color */
.navbox, 
.navbox-subgroup {
  background:#593d88;
}
.navbox-list {
  border-color:#280D5F;   /* Must match background color */
}
.theme-fandomdesktop-dark .navbox, 
.theme-fandomdesktop-dark .navbox-subgroup {
  background: transparent;
}

/* Level 1 color */
.navbox-title, 
table.navbox th {
  background:#280D5F;
}
.theme-fandomdesktop-dark .navbox-title, 
.theme-fandomdesktop-dark table.navbox th {
    background: var(--theme-accent-color);
    color: var(--theme-accent-label-color);
}
.theme-fandomdesktop-dark .navbox-title a, 
.theme-fandomdesktop-dark table.navbox th a {
    color: var(--theme-accent-label-color);
}

/* Level 2 color */
.navbox-abovebelow, 
.navbox-group, 
.navbox-subgroup .navbox-title {
  background:#4F2379;
}
.theme-fandomdesktop-dark .navbox-abovebelow, 
.theme-fandomdesktop-dark .navbox-group, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-title {
    background: var(--theme-accent-color);
    color: var(--theme-accent-label-color);
}
.theme-fandomdesktop-dark .navbox-abovebelow a, 
.theme-fandomdesktop-dark .navbox-group a, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-title a {
    color: var(--theme-accent-label-color);
}

/* Level 3 color */
.navbox-subgroup .navbox-group, 
.navbox-subgroup .navbox-abovebelow {
  background:#4F2379;     
}
.theme-fandomdesktop-dark .navbox-subgroup .navbox-group, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-abovebelow {
    background: var(--theme-accent-color);
    color: var(--theme-accent-label-color);
}
.theme-fandomdesktop-dark .navbox-subgroup .navbox-group a, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-abovebelow a {
    color: var(--theme-accent-label-color);
}

/* Even row striping */
.navbox-even {
  background:#4e3577;
}
.theme-fandomdesktop-dark .navbox-even {
    background: var(--theme-page-accent-mix-color);
    color: var(--theme-accent-label-color);
}

/* Odd row striping */
.navbox-odd {
  background:transparent;
}
 
.collapseButton {         /* 'show'/'hide' buttons created dynamically by the        */
    float: right;         /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
    font-weight: normal;  /* are styled here so they can be customised.              */
    text-align: right;
    width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances the vde links from */
    width: 6em;           /* [[Template:Tnavbar]], so they need to be the same width.      */
}

/* Thumb fixes */
.figure, figcaption {
    border: 1px solid #EAD5FC !important;
    border-top: 0px !important;
    background: #2B1D42 !important; }
.mw-file-description {
	 background: #2B1D42 !important; 
}