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 ***/ |
|||
/* |
/* Font & Text */ |
||
text-decoration: none solid rgb(32, 33, 34) ; |
|||
div.thumbinner { |
|||
background-color: #2B1D42 !important; |
|||
border: 2px solid #6153A2; |
|||
background- |
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: 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: 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-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;
}