MediaWiki:Common.css: Difference between revisions
From Ages of Conflict
Content added Content deleted
No edit summary Tag: Reverted |
(Added pdf icon and minimum thumb width.) |
||
(42 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/** Sidebars **/ |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedSearch.css&only=styles"; |
|||
/* Placing all sidebars to the left aka forcing layout under 1340px as default |
|||
/* CSS */ |
|||
Taken from Inkipedia [ https://splatoonwiki.org/wiki/MediaWiki:Timeless.css ] */ |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:UpgradedToolbar.css&only=styles"; |
|||
@media (min-width: 1340px) { |
|||
/* CSS */ |
|||
#mw-content-block { |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:LocalNavExploreIcons.css&only=styles"; |
|||
display: block; } |
|||
/* CSS */ |
|||
#mw-content, |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedProfile.css&only=styles"; |
|||
#content-bottom-stuff { |
|||
/* CSS */ |
|||
margin-left: 14em; } |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:StylizedTabs.css&only=styles"; |
|||
#mw-content-wrapper { |
|||
/* CSS */ |
|||
float: right; |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:OldEuropa.css&only=styles"; |
|||
margin-left: -14em; |
|||
/* CSS */ |
|||
width: 100%; } |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:AdBlock.css&only=styles"; |
|||
/* |
/* Width and paddings */ |
||
#mw-site-navigation, #mw-related-navigation { |
|||
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200&display=swap'); |
|||
width: 14em; } |
|||
/* CSS */ |
|||
#mw-related-navigation { |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FontAwesome.css&only=styles"; |
|||
padding: 0 1em 0 0; } |
|||
/* CSS */ |
|||
.main-container h1,.main-container h2, .main-container h3, .main-container h4, .main-container h5 { |
|||
font-family: "Nunito Sans", sans-serif; |
|||
} |
} |
||
.resizable-container { |
|||
font-family: "Nunito Sans", sans-serif; |
|||
font-weight: 400; |
|||
} |
|||
div.page:before { |
|||
/* first we initialise the pseudo element */ |
|||
content: ''; |
|||
display: block; |
|||
position: absolute; /* remove the element from the normal document flow so it doesn't shift anything unwanted */ |
|||
/* fill the entire container */ |
|||
width: 100%; |
|||
height: 100%; |
|||
/* now we have our code */ |
|||
background: url('https://static.wikia.nocookie.net/ages-of-conflict-world-war-simulator/images/f/fb/Camo.png/revision/latest/scale-to-width-down/600'); |
|||
background-repeat: repeat; |
|||
background-attachment: fixed; |
|||
background-size: auto; |
|||
opacity: 0.2; |
|||
} |
|||
.page__main { |
|||
background-color: rgba(var(--theme-page-background-color--rgb), |
|||
0.7); |
|||
} |
|||
/*COMMUNITY HEADER drop shadow*/ |
|||
.theme-fandomdesktop-light .fandom-community-header { |
|||
filter: drop-shadow(0px 0px 6px #FF6A00) drop-shadow(0px 0px 2px #FF6A00); |
|||
z-index: 200; |
|||
} |
|||
.theme-fandomdesktop-dark .fandom-community-header { |
|||
filter: drop-shadow(0px 0px 6px #FF6A00) drop-shadow(0px 0px 2px #FF6A00); |
|||
z-index: 200; |
|||
} |
|||
/* CSS */ |
|||
a[href="/wiki/User:Spacewolf9"] {color:Gold; font-weight:bold; filter:drop-shadow(0px 0px 2px #Ffd700);} |
|||
/* CSS */ |
|||
#navbar a:hover { |
|||
background-color: #ddd; |
|||
color: black; |
|||
} |
|||
.MPElement { |
|||
padding: 20px; |
|||
background-color: #D2B48C; |
|||
color: #3D3D3D; |
|||
border: 1px solid #888; |
|||
margin-bottom: 10px; |
|||
transition: all 0.3s ease; /* Shorter transition for a more subtle effect */ |
|||
} |
|||
.MPElement:hover { |
|||
background-color: #C19A6B; /* Subtle change in background color on hover */ |
|||
} |
|||
.MPElement h2 { |
|||
margin: 0; |
|||
padding-bottom: 10px; |
|||
border-bottom: 1px solid #888; |
|||
} |
|||
.MPElement p.small { |
|||
font-size: 0.8em; |
|||
margin-top: 10px; |
|||
border-top: 1px solid #888; |
|||
} |
|||
.MPElement a { |
|||
color: #008B8B; /* Link color that stands out against both light and dark backgrounds */ |
|||
} |
|||
.MPElement a:hover { |
|||
color: #00FFFF; /* Link color on hover */ |
|||
} |
|||
.container { |
|||
display: flex; /* Aligns the boxes horizontally */ |
|||
} |
|||
.MPElement { |
|||
flex: 1; /* Each box will take up an equal amount of space */ |
|||
padding: 20px; |
|||
background-color: #D2B48C; |
|||
color: #3D3D3D; |
|||
border: 1px solid #888; |
|||
margin: 10px; /* Space around each box */ |
|||
transition: all 0.3s ease; |
|||
} |
|||
.MPElement:hover { |
|||
background-color: #776650; |
|||
} |
|||
.MPElement h2 { |
|||
margin: 0; |
|||
padding-bottom: 10px; |
|||
border-bottom: 1px solid #888; |
|||
} |
|||
.MPElement p.small { |
|||
font-size: 0.8em; |
|||
margin-top: 10px; |
|||
border-top: 1px solid #888; |
|||
} |
|||
.fandom-community-header .wds-button.wds-is-secondary { |
|||
border-radius: 20px; |
|||
border-width: 2px; |
|||
margin: 3px |
|||
} |
|||
.fandom-community-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { |
|||
border-radius: 10px; |
|||
margin: 3px; |
|||
} |
|||
/* MediaWiki:Common.css */ |
|||
.navigation-item:hover { |
|||
background-color: #D2B48C; |
|||
color: #fff; |
|||
} |
|||
.pi-image { |
|||
clip-path: content-box; |
|||
} |
|||
.pi-image img { |
|||
transition: transform 0.5s; |
|||
} |
|||
.pi-image img:hover { |
|||
transform: scale(1.04); |
|||
} |
|||
/*Username Custom Font*/ |
|||
a[href$="/wiki/User:XRusak"] { |
|||
animation-name:rainbow; |
|||
animation-duration: 3s; |
|||
animation-delay:0s; |
|||
animation-iteration-count: infinite; |
|||
animation-timing-function: linear; |
|||
-webkit-background-clip:text; |
|||
-moz-animation-timing-function: linear; |
|||
-webkit-animation-timing-function: linear; |
|||
} |
|||
@keyframes rainbow { |
|||
0% {color:red;} |
|||
17% {color:orange;} |
|||
33% {color:yellow;} |
|||
50% {color:green;} |
|||
67% {color:blue;} |
|||
83% {color:violet;} |
|||
100% {color:red;} |
|||
} |
|||
} |
|||
.image-row { |
.image-row { |
||
display: flex; |
display: flex; |
||
Line 199: | Line 42: | ||
transition: transform 0.5s; |
transition: transform 0.5s; |
||
} |
} |
||
/* Social wrapper */ |
|||
.pi-image img:hover { |
|||
.some-wrapper { |
|||
transform: scale(1.04); |
|||
grid-template-columns: repeat(2, 1fr); |
|||
place-content: center; |
|||
background: #303237; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
} |
||
/** Links **/ |
|||
/* |
/* Normal */ |
||
a { |
|||
color: gold !important; } |
|||
.some-header { |
|||
a:visited { |
|||
font-family: 'Nunito Sans', sans-serif; |
|||
color: gold !important; } |
|||
font-weight: bold; |
|||
a:hover { |
|||
font-size: 20px; |
|||
color: gold !important; |
|||
text-decoration: none; |
|||
text-shadow: 2px 2px 5px black; } |
|||
color: white; |
|||
/* Red */ |
|||
background: #0C699F; |
|||
a.new { |
|||
padding: 10px; |
|||
color: red !important; } |
|||
a.new:visited { |
|||
color: red !important; } |
|||
/* External interwiki and web links (affects long Special: links too) */ |
|||
a.extiw, a.external { |
|||
color: gold !important; /* Different color */ |
|||
padding-right: 0 !important; } |
|||
body #mw-content-text { |
|||
color: white; |
|||
} |
} |
||
body { |
|||
cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto; |
|||
/* Social icons */ |
|||
:is(.some-itch, .some-steam, .some-twitter, .some-youtube) { |
|||
padding: 1rem; |
|||
font-size: 4rem; |
|||
place-self: center; |
|||
transition: color 1s ease-in; |
|||
} |
} |
||
a:hover { |
|||
cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto; |
|||
.some-itch a { |
|||
color: #fa5c5c; |
|||
} |
} |
||
/* Things cannot go more than 100% (so stuff cannot overlap) */ |
|||
.some-steam a { |
|||
img { |
|||
color: #00adee; |
|||
max-width: 100%; |
|||
height: auto; |
|||
} |
} |
||
/* Change the external link icon to a PDF icon for all PDF files */ |
|||
.some-twitter a { |
|||
.mw-parser-output a[href$=".pdf"].external, |
|||
color: #1DA1F2; |
|||
.mw-parser-output a[href*=".pdf?"].external, |
|||
} |
|||
.mw-parser-output a[href*=".pdf#"].external, |
|||
.mw-parser-output a[href$=".PDF"].external, |
|||
.some-youtube a { |
|||
.mw-parser-output a[href*=".PDF?"].external, |
|||
color: #FF0000; |
|||
.mw-parser-output a[href*=".PDF#"].external { |
|||
} |
|||
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right; |
|||
/* @noflip */ |
|||
:is(.some-itch, .some-steam, .some-twitter, .some-youtube) a:hover { |
|||
padding: 8px 18px 8px 0; |
|||
color: grey; |
|||
cursor: pointer; |
|||
transition: color .5s ease-out; |
|||
} |
|||
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap'); |
|||
@import "https://unpkg.com/transition-style"; |
|||
/* variables */ |
|||
:root{ |
|||
--infobox-color-primary: #7E5B07; |
|||
--wtc-accent: #7E5B07; |
|||
} |
|||
.infoboximg .tabber__header:not(:has(.tabber__header)) { |
|||
margin-bottom: 10px; |
|||
} |
|||
/*===========================*/ |
|||
/* TODO TABLE */ |
|||
/*===========================*/ |
|||
table.todo { |
|||
width: 100%; |
|||
} |
|||
table.todo td:first-child { |
|||
width: 70px; |
|||
text-align: center; |
|||
font-weight: bold; |
|||
font-size: 11px; |
|||
} |
|||
table.todo td:nth-child(2), |
|||
table.todo td:nth-child(3) { |
|||
width: 70px; |
|||
font-size: 11px; |
|||
text-align: center; |
|||
} |
|||
table.todo td.wait { |
|||
background: #eee; |
|||
font-weight: normal; |
|||
color: #999; |
|||
} |
|||
table.todo td.prog { |
|||
background: #FFE5CC; |
|||
color: #B44723; |
|||
} |
|||
table.todo td.prog ~ td { |
|||
background: #FFF9EF; |
|||
} |
|||
table.todo td.part { |
|||
background: #6E9591; |
|||
color: #fff; |
|||
} |
|||
table.todo td.part ~ td { |
|||
background: #D9F2F5; |
|||
} |
|||
table.todo td.done { |
|||
background: #3c3; |
|||
color: #fff; |
|||
} |
|||
table.todo td.done ~ td { |
|||
background: #E4FFE3; |
|||
} |
|||
/*===========================*/ |
|||
/* INFOBOX TABS */ |
|||
/*===========================*/ |
|||
/* Styles for TabberNeue */ |
|||
.charactertabs .tabber__tabs{ |
|||
justify-content:center; |
|||
} |
|||
.charactertabs .tabber__header{ |
|||
box-shadow: none; |
|||
} |
|||
.charactertabs .tabber__tab{ |
|||
flex-grow: 1 !important; |
|||
justify-content: center !important; |
|||
} |
|||
.charactertabs .tabber__panel{ |
|||
overflow:hidden !important; |
|||
} |
|||
.charactertabs img{ |
|||
padding-top:0.35em; |
|||
} |
|||
.tabs2 .tabber__header{ |
|||
padding-bottom:1em; |
|||
} |
|||
/* Styles for both InfoboxTabs and InfoboxTabs2 */ |
|||
/* The main container and subcontainer */ |
|||
.infoboxtabs, .infoboxtabs2, .infoboxtabs .tabberlive, .infoboxtabs2 .tabberlive { |
|||
margin: 0; |
|||
padding: 0; |
|||
overflow: hidden; |
|||
-ms-overflow-style: none; |
|||
scrollbar-width: none; |
|||
} |
|||
/* The link of the active tab */ |
|||
.infoboxtabs ul.tabbernav li.tabberactive a, .infoboxtabs ul.tabbernav li.tabberactive a:hover, .infoboxtabs2 ul.tabbernav li.tabberactive a, .infoboxtabs2 ul.tabbernav li.tabberactive a:hover { |
|||
} |
|||
/* Styles for InfoboxTabs */ |
|||
/* The block that contains the tabs */ |
|||
.infoboxtabs ul.tabbernav { |
|||
border-bottom: 1px outset #c0c0c0; |
|||
border-bottom: 1px outset #c0c0c0; |
|||
} |
|||
/* General styles for the links */ |
|||
.infoboxtabs ul.tabbernav li a, .infoboxtabs ul.tabbernav li a:hover { |
|||
color: #000 !important; |
|||
} |
|||
/* The link of the active tab */ |
|||
.infoboxtabs ul.tabbernav li.tabberactive a, .infoboxtabs ul.tabbernav li.tabberactive a:hover { |
|||
border-style: inset outset solid inset; |
|||
border-width: 1px; |
|||
} |
|||
/* The block that contains the image */ |
|||
.infoboxtabs .tabberlive .tabbertab { |
|||
border-bottom: 1px outset #c0c0c0; |
|||
border-left: 1px inset #c0c0c0; |
|||
border-right: 1px outset #c0c0c0; |
|||
} |
|||
/* Styles for InfoboxTabs2 */ |
|||
/* The block that contains the tabs */ |
|||
.infoboxtabs2 ul.tabbernav { |
|||
border: 0; |
|||
line-height: 12px; |
|||
overflow: hidden; |
|||
padding: 0; |
|||
} |
|||
/* General styles for the links */ |
|||
.infoboxtabs2 ul.tabbernav li a, .infoboxtabs2 ul.tabbernav li a:hover { |
|||
background-color: transparent !important; |
|||
border-right: 0 !important; |
|||
font-family: "Raleway" sans-serif; |
|||
font-size: 90%; |
|||
color:#000; |
|||
margin: 0; |
|||
} |
|||
/* The first tab */ |
|||
.infoboxtabs2 ul.tabbernav li:first-child a, .infoboxtabs2 ul.tabbernav li:first-child a:hover { |
|||
border-left: 0 !important; |
|||
} |
|||
/* The block that contains the image */ |
|||
.infoboxtabs2 .tabberlive .tabbertab { |
|||
border: 0; |
|||
padding: 0; |
|||
} |
|||
ul.tabbernav |
|||
{ |
|||
margin:0; |
|||
padding-top: 3px; |
|||
padding-bottom: 0px; |
|||
} |
|||
/* Default styling for HTML elements */ |
|||
dfn { |
|||
font-style: inherit; /* Reset default styling for <dfn> */ |
|||
} |
|||
q:before, |
|||
q:after { |
|||
content: '"'; /* Consistent quote marks for <q> */ |
|||
} |
|||
/* Highlight data points in the info action if specified in the URL */ |
|||
body.action-info :target { |
|||
background: #DEF; |
|||
} |
|||
/* Make the list of references smaller */ |
|||
ol.references, |
|||
div.reflist, |
|||
div.refbegin { |
|||
font-size: 90%; /* Default font-size */ |
|||
margin-bottom: 0.5em; |
|||
} |
|||
div.refbegin-100 { |
|||
font-size: 100%; /* Option for normal fontsize in {{refbegin}} */ |
|||
} |
|||
div.reflist ol.references { |
|||
font-size: 100%; /* Reset font-size when nested in div.reflist */ |
|||
list-style-type: inherit; /* Enable custom list style types */ |
|||
} |
|||
/* Highlight clicked reference in blue to help navigation */ |
|||
ol.references li:target, |
|||
sup.reference:target, |
|||
span.citation:target { |
|||
background-color: #DEF; |
|||
} |
|||
/* Ensure refs in table headers and the like aren't bold or italic */ |
|||
sup.reference { |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
/* Allow hidden ref errors to be shown by user CSS */ |
|||
span.brokenref { |
|||
display: none; |
|||
} |
|||
/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */ |
|||
.citation { |
|||
word-wrap: break-word; |
|||
} |
|||
/* For linked citation numbers and document IDs, where |
|||
the number need not be shown on a screen or a handheld, |
|||
but should be included in the printed version */ |
|||
@media screen, handheld { |
|||
.citation .printonly { |
|||
display: none; |
|||
} |
|||
} |
|||
/* Reset top margin for lists embedded in columns */ |
|||
div.columns { |
|||
margin-top: 0.3em; |
|||
} |
|||
div.columns dl, |
|||
div.columns ol, |
|||
div.columns ul { |
|||
margin-top: 0; |
|||
} |
|||
/* Avoid list items from breaking between columns */ |
|||
div.columns li, |
|||
div.columns dd dd { |
|||
-webkit-column-break-inside: avoid; |
|||
page-break-inside: avoid; |
|||
break-inside: avoid-column; |
|||
} |
|||
/* Style for [[Template:Flowlist]] that Lets lists flow around floating objecs */ |
|||
.flowlist ul { |
|||
overflow-x: hidden; |
|||
margin-left: 0; |
|||
padding-left: 1.6em; |
|||
} |
|||
.flowlist ol { |
|||
overflow-x: hidden; |
|||
margin-left: 0; |
|||
padding-left: 3.2em; |
|||
} |
|||
.flowlist dl { |
|||
overflow-x: hidden; |
|||
} |
|||
/* Style for horizontal lists (separator following item). |
|||
IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]]. |
|||
@source mediawiki.org/wiki/Snippets/Horizontal_lists |
|||
@revision 6 (2014-05-09) |
|||
@author [[User:Edokter]] |
|||
*/ |
|||
.hlist dl, |
|||
.hlist ol, |
|||
.hlist ul { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
/* Display list items inline */ |
|||
.hlist dd, |
|||
.hlist dt, |
|||
.hlist li { |
|||
margin: 0; |
|||
display: inline; |
|||
} |
|||
/* Display nested lists inline */ |
|||
.hlist.inline, |
|||
.hlist.inline dl, |
|||
.hlist.inline ol, |
|||
.hlist.inline ul, |
|||
.hlist dl dl, .hlist dl ol, .hlist dl ul, |
|||
.hlist ol dl, .hlist ol ol, .hlist ol ul, |
|||
.hlist ul dl, .hlist ul ol, .hlist ul ul { |
|||
display: inline; |
|||
} |
|||
/* Generate interpuncts */ |
|||
.hlist dt:after { |
|||
content: ": "; |
|||
} |
|||
.hlist dd:after, |
|||
.hlist li:after { |
|||
content: " · "; |
|||
font-weight: bold; |
|||
} |
|||
.hlist dd:last-child:after, |
|||
.hlist dt:last-child:after, |
|||
.hlist li:last-child:after { |
|||
content: none; |
|||
} |
|||
/* For IE8 */ |
|||
.hlist dd.hlist-last-child:after, |
|||
.hlist dt.hlist-last-child:after, |
|||
.hlist li.hlist-last-child:after { |
|||
content: none; |
|||
} |
|||
/* Add parentheses around nested lists */ |
|||
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, |
|||
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, |
|||
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { |
|||
content: " ("; |
|||
font-weight: normal; |
|||
} |
|||
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, |
|||
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, |
|||
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after { |
|||
content: ") "; |
|||
font-weight: normal; |
|||
} |
|||
/* For IE8 */ |
|||
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after, |
|||
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after, |
|||
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after { |
|||
content: ") "; |
|||
font-weight: normal; |
|||
} |
|||
/* Put ordinals in front of ordered list items */ |
|||
.hlist ol { |
|||
counter-reset: listitem; |
|||
} |
|||
.hlist ol > li { |
|||
counter-increment: listitem; |
|||
} |
|||
.hlist ol > li:before { |
|||
content: " " counter(listitem) " "; |
|||
white-space: nowrap; |
|||
} |
|||
.hlist dd ol > li:first-child:before, |
|||
.hlist dt ol > li:first-child:before, |
|||
.hlist li ol > li:first-child:before { |
|||
content: " (" counter(listitem) " "; |
|||
} |
|||
/* Unbulleted lists */ |
|||
.plainlist ol, |
|||
.plainlist ul { |
|||
line-height: inherit; |
|||
list-style: none none; |
|||
margin: 0; |
|||
} |
|||
.plainlist ol li, |
|||
.plainlist ul li { |
|||
margin-bottom: 0; |
|||
} |
|||
/* Default style for navigation boxes */ |
|||
.navbox { /* Navbox container style */ |
|||
border: 1px solid #aaa; |
|||
width: 100%; |
|||
margin: auto; |
|||
clear: both; |
|||
font-size: 88%; |
|||
text-align: center; |
|||
padding: 1px; |
|||
} |
|||
.navbox-inner, |
|||
.navbox-subgroup { |
|||
width: 100%; |
|||
} |
|||
.navbox-group, |
|||
.navbox-title, |
|||
.navbox-abovebelow { |
|||
padding: 0.25em 1em; /* Title, group and above/below styles */ |
|||
line-height: 1.5em; |
|||
text-align: center; |
|||
} |
|||
th.navbox-group { /* Group style */ |
|||
white-space: nowrap; |
|||
/* @noflip */ |
|||
text-align: right; |
|||
} |
|||
.navbox, |
|||
.navbox-subgroup { |
|||
background: #fdfdfd; /* Background color */ |
|||
} |
|||
.navbox-list { |
|||
line-height: 1.8em; |
|||
border-color: #fdfdfd; /* Must match background color */ |
|||
} |
|||
.navbox th, |
|||
.navbox-title { |
|||
background: #ccccff; /* Level 1 color */ |
|||
} |
|||
.navbox-abovebelow, |
|||
th.navbox-group, |
|||
.navbox-subgroup .navbox-title { |
|||
background: #ddddff; /* Level 2 color */ |
|||
} |
|||
.navbox-subgroup .navbox-group, |
|||
.navbox-subgroup .navbox-abovebelow { |
|||
background: #e6e6ff; /* Level 3 color */ |
|||
} |
|||
.navbox-even { |
|||
background: #f7f7f7; /* Even row striping */ |
|||
} |
|||
.navbox-odd { |
|||
background: transparent; /* Odd row striping */ |
|||
} |
|||
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ |
|||
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ |
|||
} |
|||
.navbox .hlist td dl, |
|||
.navbox .hlist td ol, |
|||
.navbox .hlist td ul, |
|||
.navbox td.hlist dl, |
|||
.navbox td.hlist ol, |
|||
.navbox td.hlist ul { |
|||
padding: 0.125em 0; /* Adjust hlist padding in navboxes */ |
|||
} |
|||
ol + table.navbox, |
|||
ul + table.navbox { |
|||
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */ |
|||
} |
|||
/* Default styling for Navbar template */ |
|||
.navbar { |
|||
display: inline; |
|||
font-size: 88%; |
|||
font-weight: normal; |
|||
} |
|||
.navbar ul { |
|||
display: inline; |
|||
white-space: nowrap; |
|||
} |
|||
.navbar li { |
|||
word-spacing: -0.125em; |
|||
} |
|||
.navbar.mini li span { |
|||
font-variant: small-caps; |
|||
} |
|||
/* Navbar styling when nested in infobox and navbox */ |
|||
.infobox .navbar { |
|||
font-size: 100%; |
|||
} |
|||
.navbox .navbar { |
|||
display: block; |
|||
font-size: 100%; |
|||
} |
|||
.navbox-title .navbar { |
|||
/* @noflip */ |
|||
float: left; |
|||
/* @noflip */ |
|||
text-align: left; |
|||
/* @noflip */ |
|||
margin-right: 0.5em; |
|||
width: 6em; |
|||
} |
|||
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript |
|||
in [[MediaWiki:Common.js]] are styled here so they can be customised. */ |
|||
.collapseButton { |
|||
/* @noflip */ |
|||
float: right; |
|||
font-weight: normal; |
|||
/* @noflip */ |
|||
margin-left: 0.5em; |
|||
/* @noflip */ |
|||
text-align: right; |
|||
width: auto; |
|||
} |
|||
/* In navboxes, the show/hide button balances the v·d·e links |
|||
from [[Template:Navbar]], so they need to be the same width. */ |
|||
.navbox .collapseButton { |
|||
width: 6em; |
|||
} |
|||
/* Styling for JQuery makeCollapsible, matching that of collapseButton */ |
|||
.mw-collapsible-toggle { |
|||
font-weight: normal; |
|||
/* @noflip */ |
|||
text-align: right; |
|||
} |
|||
.navbox .mw-collapsible-toggle { |
|||
width: 6em; |
|||
} |
|||
/* Infobox template style */ |
|||
.infobox { |
|||
border: 1px solid #aaa; |
|||
background-color: #f9f9f9; |
|||
color: black; |
|||
/* @noflip */ |
|||
margin: 0.5em 0 0.5em 1em; |
|||
padding: 0.2em; |
|||
/* @noflip */ |
|||
float: right; |
|||
/* @noflip */ |
|||
clear: right; |
|||
/* @noflip */ |
|||
text-align: left; |
|||
font-size: 88%; |
|||
line-height: 1.5em; |
|||
} |
|||
.infobox caption { |
|||
font-size: 125%; |
|||
font-weight: bold; |
|||
} |
|||
.infobox td, |
|||
.infobox th { |
|||
vertical-align: top; |
|||
} |
|||
.infobox.bordered { |
|||
border-collapse: collapse; |
|||
} |
|||
.infobox.bordered td, |
|||
.infobox.bordered th { |
|||
border: 1px solid #aaa; |
|||
} |
|||
.infobox.bordered .borderless td, |
|||
.infobox.bordered .borderless th { |
|||
border: 0; |
|||
} |
|||
.infobox.sisterproject { |
|||
width: 20em; |
|||
font-size: 90%; |
|||
} |
|||
.infobox.standard-talk { |
|||
border: 1px solid #c0c090; |
|||
background-color: #f8eaba; |
|||
} |
|||
.infobox.standard-talk.bordered td, |
|||
.infobox.standard-talk.bordered th { |
|||
border: 1px solid #c0c090; |
|||
} |
|||
/* styles for bordered infobox with merged rows */ |
|||
.infobox.bordered .mergedtoprow td, |
|||
.infobox.bordered .mergedtoprow th { |
|||
border: 0; |
|||
border-top: 1px solid #aaa; |
|||
/* @noflip */ |
|||
border-right: 1px solid #aaa; |
|||
} |
|||
.infobox.bordered .mergedrow td, |
|||
.infobox.bordered .mergedrow th { |
|||
border: 0; |
|||
/* @noflip */ |
|||
border-right: 1px solid #aaa; |
|||
} |
|||
/* Styles for geography infoboxes, eg countries, |
|||
country subdivisions, cities, etc. */ |
|||
.infobox.geography { |
|||
border-collapse: collapse; |
|||
line-height: 1.2em; |
|||
font-size: 90%; |
|||
} |
|||
.infobox.geography td, |
|||
.infobox.geography th { |
|||
border-top: 1px solid #aaa; |
|||
padding: 0.4em 0.6em 0.4em 0.6em; |
|||
} |
|||
.infobox.geography .mergedtoprow td, |
|||
.infobox.geography .mergedtoprow th { |
|||
border-top: 1px solid #aaa; |
|||
padding: 0.4em 0.6em 0.2em 0.6em; |
|||
} |
|||
.infobox.geography .mergedrow td, |
|||
.infobox.geography .mergedrow th { |
|||
border: 0; |
|||
padding: 0 0.6em 0.2em 0.6em; |
|||
} |
|||
.infobox.geography .mergedbottomrow td, |
|||
.infobox.geography .mergedbottomrow th { |
|||
border-top: 0; |
|||
border-bottom: 1px solid #aaa; |
|||
padding: 0 0.6em 0.4em 0.6em; |
|||
} |
|||
.infobox.geography .maptable td, |
|||
.infobox.geography .maptable th { |
|||
border: 0; |
|||
padding: 0; |
|||
} |
|||
/* Normal font styling for table row headers with scope="row" tag */ |
|||
.wikitable.plainrowheaders th[scope=row] { |
|||
font-weight: normal; |
|||
/* @noflip */ |
|||
text-align: left; |
|||
} |
|||
/* Lists in data cells are always left-aligned */ |
|||
.wikitable td ul, |
|||
.wikitable td ol, |
|||
.wikitable td dl { |
|||
/* @noflip */ |
|||
text-align: left; |
|||
} |
|||
/* ...unless they also use the hlist class */ |
|||
.wikitable.hlist td ul, |
|||
.wikitable.hlist td ol, |
|||
.wikitable.hlist td dl { |
|||
text-align: inherit; |
|||
} |
|||
/* Icons for medialist templates [[Template:Listen]], |
|||
[[Template:Multi-listen_start]], [[Template:Video]], |
|||
[[Template:Multi-video_start]] */ |
|||
div.listenlist { |
|||
background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent; |
|||
background-size: 30px; |
|||
padding-left: 40px; |
|||
} |
|||
/* Fix for hieroglyphs specificality issue in infoboxes ([[Bugzilla:41869]]) */ |
|||
table.mw-hiero-table td { |
|||
vertical-align: middle; |
|||
} |
|||
/* Style rules for media list templates */ |
|||
div.medialist { |
|||
min-height: 50px; |
|||
margin: 1em; |
|||
/* @noflip */ |
|||
background-position: top left; |
|||
background-repeat: no-repeat; |
|||
} |
|||
div.medialist ul { |
|||
list-style-type: none; |
|||
list-style-image: none; |
|||
margin: 0; |
|||
} |
|||
div.medialist ul li { |
|||
padding-bottom: 0.5em; |
|||
} |
|||
div.medialist ul li li { |
|||
font-size: 91%; |
|||
padding-bottom: 0; |
|||
} |
|||
/* Change the external link icon to an Adobe icon for all PDF files |
|||
in browsers that support these CSS selectors, like Mozilla and Opera */ |
|||
div#content a[href$=".pdf"].external, |
|||
div#content a[href*=".pdf?"].external, |
|||
div#content a[href*=".pdf#"].external, |
|||
div#content a[href$=".PDF"].external, |
|||
div#content a[href*=".PDF?"].external, |
|||
div#content a[href*=".PDF#"].external, |
|||
div#mw_content a[href$=".pdf"].external, |
|||
div#mw_content a[href*=".pdf?"].external, |
|||
div#mw_content a[href*=".pdf#"].external, |
|||
div#mw_content a[href$=".PDF"].external, |
|||
div#mw_content a[href*=".PDF?"].external, |
|||
div#mw_content a[href*=".PDF#"].external { |
|||
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right; |
|||
/* @noflip */ |
|||
padding-right: 18px; |
|||
} |
|||
/* Change the external link icon to an Adobe icon anywhere the PDFlink class |
|||
is used (notably Template:PDFlink). This works in IE, unlike the above. */ |
|||
div#content span.PDFlink a, |
|||
div#mw_content span.PDFlink a { |
|||
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right; |
|||
/* @noflip */ |
|||
padding-right: 18px; |
|||
} |
|||
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */ |
|||
div.columns-2 div.column { |
|||
/* @noflip */ |
|||
float: left; |
|||
width: 50%; |
|||
min-width: 300px; |
|||
} |
|||
div.columns-3 div.column { |
|||
/* @noflip */ |
|||
float: left; |
|||
width: 33.3%; |
|||
min-width: 200px; |
|||
} |
|||
div.columns-4 div.column { |
|||
/* @noflip */ |
|||
float: left; |
|||
width: 25%; |
|||
min-width: 150px; |
|||
} |
|||
div.columns-5 div.column { |
|||
/* @noflip */ |
|||
float: left; |
|||
width: 20%; |
|||
min-width: 120px; |
|||
} |
|||
/* Messagebox templates */ |
|||
.messagebox { |
|||
border: 1px solid #aaa; |
|||
background-color: #f9f9f9; |
|||
width: 80%; |
|||
margin: 0 auto 1em auto; |
|||
padding: .2em; |
|||
} |
|||
.messagebox.merge { |
|||
border: 1px solid #c0b8cc; |
|||
background-color: #f0e5ff; |
|||
text-align: center; |
|||
} |
|||
.messagebox.cleanup { |
|||
border: 1px solid #9f9fff; |
|||
background-color: #efefff; |
|||
text-align: center; |
|||
} |
|||
.messagebox.standard-talk { |
|||
border: 1px solid #c0c090; |
|||
background-color: #f8eaba; |
|||
margin: 4px auto; |
|||
} |
|||
/* For old WikiProject banners inside banner shells. */ |
|||
.mbox-inside .standard-talk, |
|||
.messagebox.nested-talk { |
|||
border: 1px solid #c0c090; |
|||
background-color: #f8eaba; |
|||
width: 100%; |
|||
margin: 2px 0; |
|||
padding: 2px; |
|||
} |
|||
.messagebox.small { |
|||
width: 238px; |
|||
font-size: 85%; |
|||
/* @noflip */ |
|||
float: right; |
|||
clear: both; |
|||
/* @noflip */ |
|||
margin: 0 0 1em 1em; |
|||
line-height: 1.25em; |
|||
} |
|||
.messagebox.small-talk { |
|||
width: 238px; |
|||
font-size: 85%; |
|||
/* @noflip */ |
|||
float: right; |
|||
clear: both; |
|||
/* @noflip */ |
|||
margin: 0 0 1em 1em; |
|||
line-height: 1.25em; |
|||
background: #F8EABA; |
|||
} |
|||
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ |
|||
th.mbox-text, td.mbox-text { /* The message body cell(s) */ |
|||
border: none; |
|||
/* @noflip */ |
|||
padding: 0.25em 0.9em; /* 0.9em left/right */ |
|||
width: 100%; /* Make all mboxes the same width regardless of text length */ |
|||
} |
|||
td.mbox-image { /* The left image cell */ |
|||
border: none; |
|||
/* @noflip */ |
|||
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ |
|||
text-align: center; |
|||
} |
|||
td.mbox-imageright { /* The right image cell */ |
|||
border: none; |
|||
/* @noflip */ |
|||
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ |
|||
text-align: center; |
|||
} |
|||
td.mbox-empty-cell { /* An empty narrow cell */ |
|||
border: none; |
|||
padding: 0; |
|||
width: 1px; |
|||
} |
|||
/* Article message box styles */ |
|||
table.ambox { |
|||
margin: 0 10%; /* 10% = Will not overlap with other elements */ |
|||
border: 1px solid #aaa; |
|||
/* @noflip */ |
|||
border-left: 10px solid #1e90ff; /* Default "notice" blue */ |
|||
background: #fbfbfb; |
|||
} |
|||
table.ambox + table.ambox { /* Single border between stacked boxes. */ |
|||
margin-top: -1px; |
|||
} |
|||
.ambox th.mbox-text, |
|||
.ambox td.mbox-text { /* The message body cell(s) */ |
|||
padding: 0.25em 0.5em; /* 0.5em left/right */ |
|||
} |
|||
.ambox td.mbox-image { /* The left image cell */ |
|||
/* @noflip */ |
|||
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ |
|||
} |
|||
.ambox td.mbox-imageright { /* The right image cell */ |
|||
/* @noflip */ |
|||
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ |
|||
} |
|||
table.ambox-notice { |
|||
/* @noflip */ |
|||
border-left: 10px solid #1e90ff; /* Blue */ |
|||
} |
|||
table.ambox-speedy { |
|||
/* @noflip */ |
|||
border-left: 10px solid #b22222; /* Red */ |
|||
background: #fee; /* Pink */ |
|||
} |
|||
table.ambox-delete { |
|||
/* @noflip */ |
|||
border-left: 10px solid #b22222; /* Red */ |
|||
} |
|||
table.ambox-content { |
|||
/* @noflip */ |
|||
border-left: 10px solid #f28500; /* Orange */ |
|||
} |
|||
table.ambox-style { |
|||
/* @noflip */ |
|||
border-left: 10px solid #f4c430; /* Yellow */ |
|||
} |
|||
table.ambox-move { |
|||
/* @noflip */ |
|||
border-left: 10px solid #9932cc; /* Purple */ |
|||
} |
|||
table.ambox-protection { |
|||
/* @noflip */ |
|||
border-left: 10px solid #bba; /* Gray-gold */ |
|||
} |
|||
/* Image message box styles */ |
|||
table.imbox { |
|||
margin: 4px 10%; |
|||
border-collapse: collapse; |
|||
border: 3px solid #1e90ff; /* Default "notice" blue */ |
|||
background: #fbfbfb; |
|||
} |
|||
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ |
|||
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ |
|||
display: block; /* Fix for webkit to force 100% width. */ |
|||
} |
|||
.mbox-inside .imbox { /* For imboxes inside other templates. */ |
|||
margin: 4px; |
|||
} |
|||
table.imbox-notice { |
|||
border: 3px solid #1e90ff; /* Blue */ |
|||
} |
|||
table.imbox-speedy { |
|||
border: 3px solid #b22222; /* Red */ |
|||
background: #fee; /* Pink */ |
|||
} |
|||
table.imbox-delete { |
|||
border: 3px solid #b22222; /* Red */ |
|||
} |
|||
table.imbox-content { |
|||
border: 3px solid #f28500; /* Orange */ |
|||
} |
|||
table.imbox-style { |
|||
border: 3px solid #f4c430; /* Yellow */ |
|||
} |
|||
table.imbox-move { |
|||
border: 3px solid #9932cc; /* Purple */ |
|||
} |
|||
table.imbox-protection { |
|||
border: 3px solid #bba; /* Gray-gold */ |
|||
} |
|||
table.imbox-license { |
|||
border: 3px solid #88a; /* Dark gray */ |
|||
background: #f7f8ff; /* Light gray */ |
|||
} |
|||
table.imbox-featured { |
|||
border: 3px solid #cba135; /* Brown-gold */ |
|||
} |
|||
/* Category message box styles */ |
|||
table.cmbox { |
|||
margin: 3px 10%; |
|||
border-collapse: collapse; |
|||
border: 1px solid #aaa; |
|||
background: #DFE8FF; /* Default "notice" blue */ |
|||
} |
|||
table.cmbox-notice { |
|||
background: #D8E8FF; /* Blue */ |
|||
} |
|||
table.cmbox-speedy { |
|||
margin-top: 4px; |
|||
margin-bottom: 4px; |
|||
border: 4px solid #b22222; /* Red */ |
|||
background: #FFDBDB; /* Pink */ |
|||
} |
|||
table.cmbox-delete { |
|||
background: #FFDBDB; /* Red */ |
|||
} |
|||
table.cmbox-content { |
|||
background: #FFE7CE; /* Orange */ |
|||
} |
|||
table.cmbox-style { |
|||
background: #FFF9DB; /* Yellow */ |
|||
} |
|||
table.cmbox-move { |
|||
background: #E4D8FF; /* Purple */ |
|||
} |
|||
table.cmbox-protection { |
|||
background: #EFEFE1; /* Gray-gold */ |
|||
} |
|||
/* Other pages message box styles */ |
|||
table.ombox { |
|||
margin: 4px 10%; |
|||
border-collapse: collapse; |
|||
border: 1px solid #aaa; /* Default "notice" gray */ |
|||
background: #f9f9f9; |
|||
} |
|||
table.ombox-notice { |
|||
border: 1px solid #aaa; /* Gray */ |
|||
} |
|||
table.ombox-speedy { |
|||
border: 2px solid #b22222; /* Red */ |
|||
background: #fee; /* Pink */ |
|||
} |
|||
table.ombox-delete { |
|||
border: 2px solid #b22222; /* Red */ |
|||
} |
|||
table.ombox-content { |
|||
border: 1px solid #f28500; /* Orange */ |
|||
} |
|||
table.ombox-style { |
|||
border: 1px solid #f4c430; /* Yellow */ |
|||
} |
|||
table.ombox-move { |
|||
border: 1px solid #9932cc; /* Purple */ |
|||
} |
|||
table.ombox-protection { |
|||
border: 2px solid #bba; /* Gray-gold */ |
|||
} |
|||
/* Talk page message box styles */ |
|||
table.tmbox { |
|||
margin: 4px 10%; |
|||
border-collapse: collapse; |
|||
border: 1px solid #c0c090; /* Default "notice" gray-brown */ |
|||
background: #f8eaba; |
|||
} |
|||
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */ |
|||
margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */ |
|||
width: 100%; /* For Safari and Opera */ |
|||
} |
|||
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ |
|||
line-height: 1.5em; /* also "nested", so reset styles that are */ |
|||
font-size: 100%; /* set in "mbox-small" above. */ |
|||
} |
|||
table.tmbox-speedy { |
|||
border: 2px solid #b22222; /* Red */ |
|||
background: #fee; /* Pink */ |
|||
} |
|||
table.tmbox-delete { |
|||
border: 2px solid #b22222; /* Red */ |
|||
} |
|||
table.tmbox-content { |
|||
border: 2px solid #f28500; /* Orange */ |
|||
} |
|||
table.tmbox-style { |
|||
border: 2px solid #f4c430; /* Yellow */ |
|||
} |
|||
table.tmbox-move { |
|||
border: 2px solid #9932cc; /* Purple */ |
|||
} |
|||
table.tmbox-protection, |
|||
table.tmbox-notice { |
|||
border: 1px solid #c0c090; /* Gray-brown */ |
|||
} |
|||
/* Disambig and set index box styles */ |
|||
table.dmbox { |
|||
clear: both; |
|||
margin: 0.9em 1em; |
|||
border-top: 1px solid #ccc; |
|||
border-bottom: 1px solid #ccc; |
|||
background: transparent; |
|||
} |
|||
/* Footer and header message box styles */ |
|||
table.fmbox { |
|||
clear: both; |
|||
margin: 0.2em 0; |
|||
width: 100%; |
|||
border: 1px solid #aaa; |
|||
background: #f9f9f9; /* Default "system" gray */ |
|||
} |
|||
table.fmbox-system { |
|||
background: #f9f9f9; |
|||
} |
|||
table.fmbox-warning { |
|||
border: 1px solid #bb7070; /* Dark pink */ |
|||
background: #ffdbdb; /* Pink */ |
|||
} |
|||
table.fmbox-editnotice { |
|||
background: transparent; |
|||
} |
|||
/* Div based "warning" style fmbox messages. */ |
|||
div.mw-warning-with-logexcerpt, |
|||
div.mw-lag-warn-high, |
|||
div.mw-cascadeprotectedwarning, |
|||
div#mw-protect-cascadeon, |
|||
div.titleblacklist-warning { |
|||
clear: both; |
|||
margin: 0.2em 0; |
|||
border: 1px solid #bb7070; |
|||
background: #ffdbdb; |
|||
padding: 0.25em 0.9em; |
|||
} |
|||
/* Div based "system" style fmbox messages. |
|||
Used in [[MediaWiki:Readonly lag]]. */ |
|||
div.mw-lag-warn-normal, |
|||
div.fmbox-system { |
|||
clear: both; |
|||
margin: 0.2em 0; |
|||
border: 1px solid #aaa; |
|||
background: #f9f9f9; |
|||
padding: 0.25em 0.9em; |
|||
} |
|||
/* These mbox-small classes must be placed after all other |
|||
ambox/tmbox/ombox etc classes. "body.mediawiki" is so |
|||
they override "table.ambox + table.ambox" above. */ |
|||
body.mediawiki table.mbox-small { /* For the "small=yes" option. */ |
|||
/* @noflip */ |
|||
clear: right; |
|||
/* @noflip */ |
|||
float: right; |
|||
/* @noflip */ |
|||
margin: 4px 0 4px 1em; |
|||
width: 238px; |
|||
font-size: 88%; |
|||
line-height: 1.25em; |
|||
} |
|||
body.mediawiki table.mbox-small-left { /* For the "small=left" option. */ |
|||
/* @noflip */ |
|||
margin: 4px 1em 4px 0; |
|||
width: 238px; |
|||
border-collapse: collapse; |
|||
font-size: 88%; |
|||
line-height: 1.25em; |
|||
} |
|||
/* Style for compact ambox */ |
|||
/* Hide the images */ |
|||
.compact-ambox table .mbox-image, |
|||
.compact-ambox table .mbox-imageright, |
|||
.compact-ambox table .mbox-empty-cell { |
|||
display: none; |
|||
} |
|||
/* Remove borders, backgrounds, padding, etc. */ |
|||
.compact-ambox table.ambox { |
|||
border: none; |
|||
border-collapse: collapse; |
|||
background: transparent; |
|||
margin: 0 0 0 1.6em !important; |
|||
padding: 0 !important; |
|||
width: auto; |
|||
display: block; |
|||
} |
|||
body.mediawiki .compact-ambox table.mbox-small-left { |
|||
font-size: 100%; |
|||
width: auto; |
|||
margin: 0; |
|||
} |
|||
/* Style the text cell as a list item and remove its padding */ |
|||
.compact-ambox table .mbox-text { |
|||
padding: 0 !important; |
|||
margin: 0 !important; |
|||
} |
|||
.compact-ambox table .mbox-text-span { |
|||
display: list-item; |
|||
line-height: 1.5em; |
|||
list-style-type: square; |
|||
list-style-image: url(//bits.wikimedia.org/static-current/skins/common/images/bullet.gif); |
|||
} |
|||
.skin-vector .compact-ambox table .mbox-text-span { |
|||
list-style-type: circle; |
|||
list-style-image: url(//bits.wikimedia.org/static-current/skins/Vector/images/bullet-icon.png) |
|||
} |
|||
/* Allow for hiding text in compact form */ |
|||
.compact-ambox .hide-when-compact { |
|||
display: none; |
|||
} |
|||
/* Remove default styles for [[MediaWiki:Noarticletext]]. */ |
|||
div.noarticletext { |
|||
border: none; |
|||
background: transparent; |
|||
padding: 0; |
|||
} |
|||
/* Hide (formatting) elements from screen, but not from screenreaders */ |
|||
.visualhide { |
|||
position: absolute; |
|||
left: -10000px; |
|||
top: auto; |
|||
width: 1px; |
|||
height: 1px; |
|||
overflow: hidden; |
|||
} |
|||
/* Bold save button */ |
|||
#wpSave { |
|||
font-weight: bold; |
|||
} |
|||
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */ |
|||
.hiddenStructure { |
|||
display: inline !important; |
|||
color: #f00; |
|||
background-color: #0f0; |
|||
} |
|||
/* suppress missing interwiki image links where #ifexist cannot |
|||
be used due to high number of requests see .hidden-redlink on |
|||
[[m:MediaWiki:Common.css]] */ |
|||
.check-icon a.new { |
|||
display: none; |
|||
speak: none; |
|||
} |
|||
/* Removes underlines from certain links */ |
|||
.nounderlines a, |
|||
.IPA a:link, .IPA a:visited { |
|||
text-decoration: none !important; |
|||
} |
|||
/* Standard Navigationsleisten, aka box hiding thingy |
|||
from .de. Documentation at [[Wikipedia:NavFrame]]. */ |
|||
div.NavFrame { |
|||
margin: 0; |
|||
padding: 4px; |
|||
border: 1px solid #aaa; |
|||
text-align: center; |
|||
border-collapse: collapse; |
|||
font-size: 95%; |
|||
} |
|||
div.NavFrame + div.NavFrame { |
|||
border-top-style: none; |
|||
border-top-style: hidden; |
|||
} |
|||
div.NavPic { |
|||
background-color: #fff; |
|||
margin: 0; |
|||
padding: 2px; |
|||
/* @noflip */ |
|||
float: left; |
|||
} |
|||
div.NavFrame div.NavHead { |
|||
height: 1.6em; |
|||
font-weight: bold; |
|||
background-color: #ccf; |
|||
position: relative; |
|||
} |
|||
div.NavFrame p, |
|||
div.NavFrame div.NavContent, |
|||
div.NavFrame div.NavContent p { |
|||
font-size: 100%; |
|||
} |
|||
div.NavEnd { |
|||
margin: 0; |
|||
padding: 0; |
|||
line-height: 1px; |
|||
clear: both; |
|||
} |
|||
a.NavToggle { |
|||
position: absolute; |
|||
top: 0; |
|||
/* @noflip */ |
|||
right: 3px; |
|||
font-weight: normal; |
|||
font-size: 90%; |
|||
} |
|||
/* Hatnotes and disambiguation notices */ |
|||
.rellink, |
|||
.dablink, |
|||
.hatnote { |
|||
font-style: italic; |
|||
} |
|||
.rellink i, |
|||
.dablink i, |
|||
.hatnote i { |
|||
font-style: normal; |
|||
} |
|||
div.rellink, |
|||
div.dablink, |
|||
div.hatnote { |
|||
/* @noflip */ |
|||
padding-left: 1.6em; |
|||
margin-bottom: 0.5em; |
|||
} |
|||
/* Allow transcluded pages to display in lists rather than a table. |
|||
Compatible in Firefox; incompatible in IE6. */ |
|||
.listify td { display: list-item; } |
|||
.listify tr { display: block; } |
|||
.listify table { display: block; } |
|||
/* Geographical coordinates defaults. See [[Template:Coord/link]] |
|||
for how these are used. The classes "geo", "longitude", and |
|||
"latitude" are used by the [[Geo microformat]]. */ |
|||
.geo-default, .geo-dms, .geo-dec { display: inline; } |
|||
.geo-nondefault, .geo-multi-punct { display: none; } |
|||
.longitude, .latitude { white-space: nowrap; } |
|||
/* When <div class="nonumtoc"> is used on the table of contents, |
|||
the ToC will display without numbers */ |
|||
.nonumtoc .tocnumber { |
|||
display: none; |
|||
} |
|||
.nonumtoc #toc ul, |
|||
.nonumtoc .toc ul { |
|||
line-height: 1.5em; |
|||
list-style: none none; |
|||
margin: .3em 0 0; |
|||
padding: 0; |
|||
} |
|||
.hlist.nonumtoc #toc ul ul, |
|||
.hlist.nonumtoc .toc ul ul { |
|||
/* @noflip */ |
|||
margin: 0; |
|||
} |
|||
/* Allow limiting of which header levels are shown in a TOC; |
|||
<div class="toclimit-3">, for instance, will limit to |
|||
showing ==headings== and ===headings=== but no further |
|||
(as long as there are no =headings= on the page, which |
|||
there shouldn't be according to the MoS). */ |
|||
.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; |
|||
} |
|||
/* Styling for Template:Quote */ |
|||
blockquote.templatequote { |
|||
margin-top: 0; |
|||
} |
|||
blockquote.templatequote div.templatequotecite { |
|||
line-height: 1.5em; |
|||
/* @noflip */ |
|||
text-align: left; |
|||
/* @noflip */ |
|||
padding-left: 1.6em; |
|||
margin-top: 0; |
|||
} |
|||
/* User block messages */ |
|||
div.user-block { |
|||
padding: 5px; |
|||
margin-bottom: 0.5em; |
|||
border: 1px solid #A9A9A9; |
|||
background-color: #FFEFD5; |
|||
} |
|||
/* Prevent line breaks in silly places: |
|||
1) Where desired |
|||
2) Links when we don't want them to |
|||
3) Bold "links" to the page itself |
|||
4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */ |
|||
.nowrap, |
|||
.nowraplinks a, |
|||
.nowraplinks .selflink, |
|||
sup.reference a { |
|||
white-space: nowrap; |
|||
} |
|||
/* But allow wrapping where desired: */ |
|||
.wrap, |
|||
.wraplinks a { |
|||
white-space: normal; |
|||
} |
|||
/* For template documentation */ |
|||
.template-documentation { |
|||
clear: both; |
|||
margin: 1em 0 0 0; |
|||
border: 1px solid #aaa; |
|||
background-color: #ecfcf4; |
|||
padding: 1em; |
|||
} |
|||
/* Inline divs in ImageMaps (code borrowed from de.wiki) */ |
|||
.imagemap-inline div { |
|||
display: inline; |
|||
} |
|||
/* Increase the height of the image upload box */ |
|||
#wpUploadDescription { |
|||
height: 13em; |
|||
} |
} |
||
/* Minimum thumb width */ |
/* Minimum thumb width */ |
||
figure[typeof~='mw:File/Thumb'], |
|||
figure[typeof~='mw:File/Frame'], |
|||
.thumbinner { |
.thumbinner { |
||
min-width: 100px; |
|||
} |
|||
/* Makes the background of a framed image white instead of gray. |
|||
Only visible with transparent images. */ |
|||
div.thumb .thumbimage { |
|||
background-color: #fff; |
|||
} |
|||
/* The backgrounds for galleries. */ |
|||
div#content .gallerybox div.thumb { |
|||
/* Light gray padding */ |
|||
background-color: #FFFFFF; |
|||
padding: 0 0 0 0; |
|||
} |
|||
/* Put a chequered background behind images, only visible if they have transparency. |
|||
'.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */ |
|||
.gallerybox .thumb img { |
|||
background: #fff url(//bits.wikimedia.org/static-current/skins/common/images/Checker-16x16.png) repeat; |
|||
} |
|||
/* But not on articles, user pages, portals or with opt-out. */ |
|||
.ns-0 .gallerybox .thumb img, |
|||
.ns-2 .gallerybox .thumb img, |
|||
.ns-100 .gallerybox .thumb img, |
|||
.nochecker .gallerybox .thumb img { |
|||
background: #fff; |
|||
} |
|||
/* Prevent floating boxes from overlapping any category listings, |
|||
file histories, edit previews, and edit [Show changes] views. */ |
|||
#mw-subcategories, #mw-pages, #mw-category-media, |
|||
#filehistory, #wikiPreview, #wikiDiff { |
|||
clear: both; |
|||
} |
|||
body.rtl #mw-articlefeedbackv5, body.rtl #mw-articlefeedback { |
|||
display: block; /* Override inline block mode */ |
|||
margin-bottom: 1em; |
|||
/* @noflip */ |
|||
clear: right; /* Clear any info boxes that stick out */ |
|||
/* @noflip */ |
|||
float: right; /* Prevents margin collapsing */ |
|||
} |
|||
/* Selectively hide headers in WikiProject banners */ |
|||
.wpb .wpb-header { display: none; } |
|||
.wpbs-inner .wpb .wpb-header { display: block; } /* for IE */ |
|||
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */ |
|||
.wpbs-inner .wpb-outside { display: none; } /* hide things that should only display outside shells */ |
|||
/* Styling for Abuse Filter tags */ |
|||
.mw-tag-markers { |
|||
font-family:sans-serif; |
|||
font-style:italic; |
|||
font-size:90%; |
|||
} |
|||
/* Hide stuff meant for accounts with special permissions. Made visible again in |
|||
[[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]], |
|||
[[MediaWiki:Group-templateeditor.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */ |
|||
.sysop-show, |
|||
.accountcreator-show, |
|||
.templateeditor-show, |
|||
.autoconfirmed-show { |
|||
display: none; |
|||
} |
|||
/** |
|||
* Hide the redlink generated by {{Editnotice}}, |
|||
* this overrides the ".sysop-show { display: none; }" above that applies |
|||
* to the same link as well. |
|||
* |
|||
* See [[bugzilla:43013]]. |
|||
*/ |
|||
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink { |
|||
display: none !important; |
|||
} |
|||
/* Remove bullets when there are multiple edit page warnings */ |
|||
ul.permissions-errors > li { |
|||
list-style: none none; |
|||
} |
|||
ul.permissions-errors { |
|||
margin: 0; |
|||
} |
|||
/* No linewrap on the labels of the login/signup page */ |
|||
body.page-Special_UserLogin .mw-label label, |
|||
body.page-Special_UserLogin_signup .mw-label label { |
|||
white-space: nowrap; |
|||
} |
|||
/* Pie chart test: Transparent borders */ |
|||
.transborder { |
|||
border: solid transparent; |
|||
} |
|||
* html .transborder { /* IE6 */ |
|||
border: solid #000001; |
|||
filter: chroma(color=#000001); |
|||
} |
|||
/* Styling for updated markers on watchlist, history and recent/related changes. |
|||
Bullets are handled in skin-specific stylesheets. */ |
|||
.updatedmarker { |
|||
background-color: transparent; |
|||
color: #006400; |
|||
} |
|||
li.mw-changeslist-line-watched .mw-title, |
|||
table.mw-changeslist-line-watched .mw-title, |
|||
table.mw-enhanced-watch .mw-enhanced-rctime { |
|||
font-weight: normal; |
|||
} |
|||
/* Generic class for Times-based serif, texhtml class for inline math */ |
|||
.times-serif, |
|||
span.texhtml { |
|||
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; |
|||
font-size: 118%; |
|||
line-height: 1.35em; |
|||
} |
|||
span.texhtml { |
|||
white-space: nowrap; |
|||
} |
|||
span.texhtml span.texhtml { |
|||
font-size: 100%; |
|||
} |
|||
/* Force tabular and lining display for digits and texhtml */ |
|||
.digits, |
|||
.texhtml { |
|||
-moz-font-feature-settings: "lnum", "tnum"; |
|||
-webkit-font-feature-settings: "lnum", "tnum"; |
|||
font-feature-settings: "lnum", "tnum"; |
|||
} |
|||
/* Display tabs with 4 spaces, see [[Bugzilla:57824]] and [[Bugzilla:57825]] */ |
|||
div.mw-geshi div, |
|||
div.mw-geshi div pre, |
|||
span.mw-geshi, |
|||
pre.source-css, |
|||
pre.source-javascript, |
|||
pre.source-lua { |
|||
-moz-tab-size: 4; |
|||
-o-tab-size: 4; |
|||
tab-size: 4; |
|||
} |
|||
/* Fix styling of transcluded prefindex tables */ |
|||
table#mw-prefixindex-list-table, |
|||
table#mw-prefixindex-nav-table { |
|||
width: 98%; |
|||
} |
|||
/* For portals, added 2011-12-07 -bv |
|||
On wide screens, show these as two columns |
|||
On narrow and mobile screens, let them collapse into a single column */ |
|||
.portal-column-left { |
|||
float: left; |
|||
width: 50%; |
|||
} |
|||
.portal-column-right { |
|||
float: right; |
|||
width: 49%; |
|||
} |
|||
.portal-column-left-wide { |
|||
float: left; |
|||
width: 60%; |
|||
} |
|||
.portal-column-right-narrow { |
|||
float: right; |
|||
width: 39%; |
|||
} |
|||
.portal-column-left-extra-wide { |
|||
float: left; |
|||
width: 70%; |
|||
} |
|||
.portal-column-right-extra-narrow { |
|||
float: right; |
|||
width: 29%; |
|||
} |
|||
@media only screen and (max-width: 800px) { |
|||
/* Decouple the columns on narrow screens */ |
|||
.portal-column-left, |
|||
.portal-column-right, |
|||
.portal-column-left-wide, |
|||
.portal-column-right-narrow, |
|||
.portal-column-left-extra-wide, |
|||
.portal-column-right-extra-narrow { |
|||
float: inherit; |
|||
width: inherit; |
|||
} |
|||
} |
|||
/* For announcements */ |
|||
#bodyContent .letterhead { |
|||
background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png'); |
|||
background-repeat:no-repeat; |
|||
padding: 2em; |
|||
background-color: #faf9f2; |
|||
} |
|||
/* Tree style lists */ |
|||
.treeview ul { |
|||
padding: 0; |
|||
margin: 0; |
|||
} |
|||
.treeview li { |
|||
padding: 0; |
|||
margin: 0; |
|||
list-style-type: none; |
|||
list-style-image: none; |
|||
zoom: 1; /* BE KIND TO IE6 */; |
|||
} |
|||
.treeview li li { |
|||
background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px; |
|||
/* @noflip */ |
|||
padding-left: 20px; |
|||
text-indent: 0.3em; |
|||
} |
|||
.treeview li li.lastline { |
|||
background-position: 0 -5971px |
|||
} |
|||
.treeview li.emptyline > ul { |
|||
/* @noflip */ |
|||
margin-left: -1px; |
|||
} |
|||
.treeview li.emptyline > ul > li:first-child { |
|||
background-position: 0 9px |
|||
} |
|||
/* hidden sortkey for tablesorter */ |
|||
td .sortkey, |
|||
th .sortkey { |
|||
display: none; |
|||
speak: none; |
|||
} |
|||
/* Make it possible to hide checkboxes in <inputbox> */ |
|||
.inputbox-hidecheckboxes form .inputbox-element { |
|||
display: none !important; |
|||
} |
|||
/* Hide charinsert base for those not using the gadget */ |
|||
#editpage-specialchars { |
|||
display: none; |
|||
} |
|||
/* work-around for [[bugzilla:23965]] (Kaltura advertisement) */ |
|||
.k-player .k-attribution { |
|||
visibility: hidden; |
|||
} |
|||
/* [[MediaZilla:35337]] */ |
|||
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { |
|||
#p-logo a { |
|||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Wikipedia-logo-v2-en.svg/204px-Wikipedia-logo-v2-en.svg.png") !important; |
|||
background-size: 136px auto; |
|||
} |
|||
} |
|||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { |
|||
#p-logo a { |
|||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Wikipedia-logo-v2-en.svg/270px-Wikipedia-logo-v2-en.svg.png") !important; |
|||
background-size: 135px auto; |
|||
} |
|||
} |
|||
#firstHeading{ |
|||
font:Times 13px bold; |
|||
} |
|||
/* Site header */ |
|||
#mw-head-base{ |
|||
background-image: url("https://static.miraheze.org/whentheycrywiki/0/04/Wtc_wiki_header.png"); |
|||
} |
|||
#right-navigation{ |
|||
background-color: white; |
|||
} |
|||
.infoboximgcontainer{ |
|||
position: relative; |
|||
} |
|||
.infoboximg{ |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background-image: url("https://static.miraheze.org/whentheycrywiki/4/42/Wiki_character_background.png"); |
|||
} |
|||
.infoboximg2{ |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
filter:brightness(0.5); |
|||
mask-image: url("https://static.miraheze.org/whentheycrywiki/4/42/Wiki_character_background.png") |
|||
} |
|||
.infoboximgcontainer img{ |
|||
position: relative; |
|||
z-index: 7; |
|||
} |
|||
.infobox .tabber__section{ |
|||
transition: height 0.49s ease; |
|||
} |
|||
.infobox .tabber__panel{ |
|||
display: flex; |
|||
justify-content:center; |
|||
} |
|||
/* ---------------- */ |
|||
/* Page Hacks */ |
|||
.chapter-list, |
|||
.volume-list, |
|||
.episode-list{ |
|||
color: #777; |
|||
} |
|||
.chapter-list ul, |
|||
.volume-list ul, |
|||
.episode-list ul{ |
|||
list-style: none; |
|||
margin-left: 0.5em; |
|||
} |
|||
/* DM */ |
|||
body{ |
|||
background-color: black; |
|||
background-image: url("https://static.miraheze.org/whentheycrywiki/b/b1/Beach_l1ac.png"); |
|||
background-size: cover; |
|||
background-attachment: fixed; |
|||
color: white; |
|||
} |
|||
/* Links */ |
|||
body a, |
|||
.vector-menu-tabs .mw-list-item a, |
|||
.vector-pinnable-header-toggle-button:hover, |
|||
.vector-dropdown .mw-list-item a:not(.mw-selflink), |
|||
.vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-content li a, |
|||
.vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink), |
|||
.vector-dropdown-content .mw-list-item a{ |
|||
color: burlywood; |
|||
} |
|||
body a:visited, |
|||
.vector-menu-tabs .mw-list-item a:visited, |
|||
.vector-dropdown .mw-list-item a:not(.mw-selflink):visited, |
|||
.vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-content li a:visited, |
|||
.vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, |
|||
.vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited{ |
|||
color: darkgoldenrod; |
|||
} |
|||
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited{ |
|||
color:white; |
|||
} |
|||
.mw-page-container{ |
|||
background: linear-gradient(black 10vh, 50vh, transparent 70%); |
|||
} |
|||
.mw-body{ |
|||
background-color: #252525cc; |
|||
border: 1px solid var(--wtc-accent); |
|||
padding: 1em 1.5em 1.5em; |
|||
} |
|||
/* top ui bar icons */ |
|||
#right-navigation{ |
|||
background-color: transparent; |
|||
} |
|||
.oo-ui-icon-bell, |
|||
.oo-ui-icon-tray, |
|||
.mw-ui-icon-watchlist, |
|||
.mw-ui-icon-wikimedia-speechBubbles, |
|||
.mw-ui-icon-wikimedia-history, |
|||
.mw-ui-icon-wikimedia-star, |
|||
.mw-ui-icon-wikimedia-unStar, |
|||
.mw-ui-icon-wikimedia-search, |
|||
.mw-ui-icon-wikimedia-search::before, |
|||
.mw-ui-icon-wikimedia-expand, |
|||
.mw-ui-icon-userAvatar, |
|||
.mw-ui-icon, |
|||
.vector-search-box, |
|||
.cdx-thumbnail__image, |
|||
.thumbcaption .magnify, |
|||
#p-sticky-header-toc-label, |
|||
#p-personal-label, |
|||
.mw-checkbox-hack-button, |
|||
.mwe-popups-settings-icon, |
|||
.oo-ui-fieldLayout-field, |
|||
#vector-main-menu-dropdown .mw-ui-icon-wikimedia-menu, |
|||
#vector-page-titlebar-toc.vector-page-titlebar-toc |
|||
{ |
|||
filter: invert(100%); |
|||
} |
|||
.mw-ui-button.mw-ui-quiet.mw-ui-icon.mw-ui-icon-element.mw-ui-icon-wikimedia-search.vector-sticky-header-search-toggle{ |
|||
filter:inherit; |
|||
} |
|||
.mw-checkbox-hack-button{ |
|||
background: none !important; |
|||
} |
|||
h1, h2, h3, h4, h5, h6, |
|||
.mw-footer li, |
|||
.mw-list-item.selected |
|||
{ |
|||
color: white !important; |
|||
} |
|||
.mw-parser-output a:not(.dead), |
|||
.mw-sidebar a, |
|||
.catlinks a, |
|||
.vector-user-links a, |
|||
.mw-header-aside a, |
|||
.mw-footer a, |
|||
.mw-article-toolbar-container a{ |
|||
color: burlywood !important; |
|||
} |
|||
.mw-parser-output a:visited:not(.dead), |
|||
.mw-sidebar a:visited, |
|||
.catlinks a:visited, |
|||
.vector-user-links a:visited, |
|||
.mw-header-aside a:visited, |
|||
.mw-footer a:visited, |
|||
.mw-article-toolbar-container a:visited{ |
|||
color: darkgoldenrod !important; |
|||
} |
|||
/* Sidebar */ |
|||
.mw-sidebar{ |
|||
background-color: #252525cc; |
|||
border: 1px solid var(--wtc-accent); |
|||
} |
|||
.vector-menu-heading-label{ |
|||
color: white; |
|||
} |
|||
/* Navbar */ |
|||
.mw-article-toolbar-container{ |
|||
border-color: #2C2C2C; |
|||
} |
|||
#firstHeading{ |
|||
border-color: #525961; |
|||
} |
|||
.vector-sticky-header{ |
|||
background-color: rgba(37, 37, 37, 0.97); |
|||
max-width: 100%; |
|||
padding-left: 7.7%; |
|||
padding-right: 7.7%; |
|||
} |
|||
.mw-content-container{ |
|||
max-width: 70em !important; |
|||
} |
|||
.vector-toc-collapse-button{ |
|||
display: none; |
|||
} |
|||
.thumbimage{ |
|||
border: none !important; |
|||
background-color: transparent !important; |
|||
} |
|||
.thumbinner{ |
|||
background-color: transparent !important; |
|||
border: none !important; |
|||
padding: 0 !important; |
|||
} |
|||
.thumbinner img{ |
|||
border:1px solid var(--wtc-accent) !important; |
|||
} |
|||
.cdx-thumbnail__image{ |
|||
background-position-y: 14%; |
|||
} |
|||
.thumbcaption{ |
|||
padding: 0 !important; |
|||
text-align:right !important; |
|||
} |
|||
.catlinks{ |
|||
background-color: transparent; |
|||
border-color: var(--wtc-accent); |
|||
} |
|||
.mw-parser-output .documentation, |
|||
.mw-parser-output .documentation-metadata{ |
|||
background-color: transparent !important; |
|||
color: white; |
|||
} |
|||
pre { |
|||
background-color: #1c1c1c; |
|||
color: white; |
|||
border-color: var(--wtc-accent); |
|||
} |
|||
ul{ |
|||
list-style-type: circle; |
|||
list-style-image: none; |
|||
} |
|||
#pagehistory li.selected{ |
|||
background-color: #1c1c1c; |
|||
} |
|||
#ca-talk a{ |
|||
color: burlywood !important; |
|||
} |
|||
.mw-parser-output a.external{ |
|||
background-image: none; |
|||
padding-right: 0; |
|||
} |
|||
.vector-toc-collapse-button, .vector-toc-uncollapse-button{ |
|||
color: burlywood; |
|||
} |
|||
.vector-toc-collapse-button:hover, .vector-toc-uncollapse-button:hover{ |
|||
color: darkgoldenrod; |
|||
} |
|||
.mw-parser-output h1, |
|||
.mw-parser-output h2{ |
|||
border-bottom-color: var(--wtc-accent) !important; |
|||
} |
|||
.mwe-popups-thumbnail{ |
|||
object-position: top center !important; |
|||
background-color: #1c1c1c !important; |
|||
} |
|||
.mwe-popups, |
|||
.mwe-popups-container{ |
|||
background-color: #1c1c1c !important; |
|||
} |
|||
.mwe-popups-extract{ |
|||
color: white !important; |
|||
} |
|||
.mwe-popups-extract:after{ |
|||
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #1c1c1c 50%) !important; |
|||
} |
|||
abbr{ |
|||
text-decoration-color: var(--wtc-accent) !important; |
|||
} |
|||
h2.vector-pinnable-header-label{ |
|||
display:none; |
|||
} |
|||
.vector-feature-page-tools-enabled .vector-pinned-container .vector-toc .vector-pinnable-header{ |
|||
float:right; |
|||
padding:0; |
|||
} |
|||
.vector-feature-page-tools-enabled .vector-pinnable-element > :not(:last-child), .vector-dropdown-content > :not(:last-child){ |
|||
border:none; |
|||
} |
|||
.vector-toc-level-1:first-of-type>a.vector-toc-link>div.vector-toc-text{ |
|||
visibility: hidden; |
|||
} |
|||
.vector-toc-level-1:first-of-type>a.vector-toc-link>div.vector-toc-text::before{ |
|||
content: "(Top)"; |
|||
visibility: visible; |
|||
} |
|||
.mw-sidebar-action-item.vector-menu-portal{ |
|||
display:none; |
|||
} |
|||
.managewiki-tabs{ |
|||
background-color:transparent !important; |
|||
} |
|||
.managewiki-search-highlight{ |
|||
outline: 1px dashed burlywood !important; |
|||
outline-offset: 2px !important; |
|||
} |
|||
.managewiki-search-highlight, |
|||
.managewiki-tabs.managewiki-tabs-searching .oo-ui-tabPanelLayout.managewiki-search-matched > fieldset > legend{ |
|||
background-color: transparent !important; |
|||
} |
|||
.wikitable{ |
|||
background-color: #252525; |
|||
color: white; |
|||
} |
|||
.wikitable th, |
|||
.wikitable > tr > th, .wikitable > * > tr > th{ |
|||
background-color: #2c2c2c; |
|||
} |
|||
.wikitable td{ |
|||
border-color: #777; |
|||
} |
|||
.vector-toc-text{ |
|||
margin-right:10px; |
|||
} |
|||
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre{ |
|||
box-shadow: #2c2c2c 2.75em 0px 0px inset !important; |
|||
} |
|||
#managewiki .managewiki-submit-formfields{ |
|||
background: transparent !important; |
|||
} |
|||
.oo-ui-tabSelectWidget-framed{ |
|||
background-color:#2c2c2c !important; |
|||
} |
|||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected{ |
|||
background-color:#252525 !important; |
|||
color: white !important; |
|||
} |
|||
.oo-ui-tabOptionWidget{ |
|||
color: #ccc !important; |
|||
} |
|||
.vector-menu-dropdown .vector-menu-content{ |
|||
background-color:#1c1c1c !important; |
|||
} |
|||
/* Edit UI */ |
|||
.editOptions{ |
|||
background-color:#2c2c2c !important; |
|||
color: white !important; |
|||
} |
|||
.wikiEditor-ui-toolbar{ |
|||
background-color: #2c2c2c !important; |
|||
} |
|||
.wikiEditor-ui-toolbar a, |
|||
.wikiEditor-ui-toolbar .label{ |
|||
color: white !important; |
|||
} |
|||
.wikiEditor-ui-toolbar .tabs a{ |
|||
color: burlywood !important; |
|||
} |
|||
.mw-editform #wpTextbox1{ |
|||
background-color: #141414 !important; |
|||
color: white !important; |
|||
} |
|||
.wikiEditor .oo-ui-iconElement-icon{ |
|||
filter:invert(100%); |
|||
} |
|||
#msupload-div{ |
|||
background-color:#2c2c2c !important; |
|||
} |
|||
#msupload-dropzone{ |
|||
color:white !important; |
|||
} |
|||
#msupload-list .file{ |
|||
background-color: #252525 !important; |
|||
} |
|||
#msupload-list .green{ |
|||
background-color: seagreen !important; |
|||
} |
|||
#msupload-list .file .file-size{ |
|||
color: #ccc !important; |
|||
} |
|||
#msupload-div a{ |
|||
color: burlywood !important; |
|||
} |
|||
/* Gallery adjustments */ |
|||
li.gallerybox div.thumb, |
|||
.gallerybox .thumb img, |
|||
.ns-0 .gallerybox .thumb img, |
|||
.ns-2 .gallerybox .thumb img, |
|||
.ns-100 .gallerybox .thumb img, |
|||
.nochecker .gallerybox .thumb img{ |
|||
background:transparent !important; |
|||
} |
|||
#sliding-banner{ |
|||
animation: slide 60s linear infinite; |
|||
} |
|||
@keyframes slide{ |
|||
0% { |
|||
transform: translate3d(0, 0, 0); |
|||
} |
|||
100% { |
|||
transform: translate3d(-1692px, 0, 0); |
|||
} |
|||
} |
|||
.thumbcaption .magnify{ |
|||
display:none; |
|||
} |
|||
#contentSub{ |
|||
display:none; |
|||
} |
|||
.patterned-navbox>tbody>tr:first-of-type>th, |
|||
.patterned-header, |
|||
.patterned |
|||
{ |
|||
background-image:url("https://static.miraheze.org/whentheycrywiki/e/ea/Diamond.png"); |
|||
background-blend-mode:soft-light; |
|||
} |
|||
.patterned-navbox>tbody>tr:first-of-type, |
|||
.patterned-header{ |
|||
background-position-y:top; |
|||
} |
|||
.patterned{ |
|||
background-position-y:center; |
|||
} |
|||
.vector-below-page-title #vector-toc-collapsed-button{ |
|||
background-color:#e3e3e3 !important;/* colors inverted to account for filter */ |
|||
border:1px solid #81a4f8 !important; |
|||
transition: background-color 250ms ease, border 250ms ease; |
|||
} |
|||
.infobox-link a{ |
|||
color:white !important; |
|||
} |
|||
/* Table of Contents */ |
|||
.vector-main-menu-container{ |
|||
padding-left:12px; |
|||
} |
|||
.vector-toc, |
|||
.vector-main-menu{ |
|||
background-color: #252525cc !important; |
|||
border: 1px solid var(--wtc-accent); |
|||
margin-left: 12px; |
|||
padding:0; |
|||
} |
|||
.vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-heading{ |
|||
color:white; |
|||
} |
|||
.vector-main-menu .vector-menu-content-list>li>a{ |
|||
color:burlywood; |
|||
} |
|||
.vector-toc::after{ |
|||
background: transparent !important; |
|||
} |
|||
.vector-toc .vector-toc-list-item-active > .vector-toc-link{ |
|||
color: white !important; |
|||
} |
|||
.vector-toc .vector-toc-link{ |
|||
color: burlywood; |
|||
} |
|||
.vector-toc-title{ |
|||
color: white !important; |
|||
} |
|||
.vector-toc-title{ |
|||
text-align: center; |
|||
} |
|||
.vector-toc-contents{ |
|||
padding: 12px; |
|||
} |
|||
.vector-sticky-toc-container.mw-sticky-header-element{ |
|||
transition: top 250ms linear 0s; |
|||
} |
|||
.vector-toc-header{ |
|||
padding-top: 12px; |
|||
padding-right: 12px; |
|||
padding-bottom: 12px; |
|||
padding-left: calc(0.75em + 15px); |
|||
background-image:url("https://static.miraheze.org/whentheycrywiki/e/ea/Diamond.png"); |
|||
background-blend-mode:soft-light; |
|||
background-position-y:top; |
|||
} |
|||
.vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link{ |
|||
color: #f0f0f0; |
|||
} |
|||
.mw_metadata td, |
|||
.mw_metadata th{ |
|||
background-color:#2c2c2c !important; |
|||
} |
|||
/* code mirror editor */ |
|||
.CodeMirror{ |
|||
background: #1c1c1c; |
|||
color: white; |
|||
} |
|||
.cm-mw-link-pagename, .cm-mw-link-bracket, .cm-mw-link-delimiter, .cm-mw-extlink, .cm-mw-free-extlink{ |
|||
color: #66C6E8; |
|||
} |
|||
.cm-mw-template, .cm-mw-template-name, .cm-mw-template-argument-name, .cm-mw-template-delimiter, .cm-mw-template-bracket{ |
|||
color: #DB7DE8; |
|||
} |
|||
.CodeMirror-gutters{ |
|||
background-color:#2c2c2c; |
|||
color:#333; |
|||
} |
|||
.CodeMirror pre.CodeMirror-line{ |
|||
color:white; |
|||
} |
|||
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection{ |
|||
background-color: #999; |
|||
} |
|||
.CodeMirror-gutters{ |
|||
border:none; |
|||
} |
|||
.mw-body-subheader::after{ |
|||
clear: left !important; |
|||
} |
|||
.vector-menu-portal .vector-menu-heading{ |
|||
border-bottom: 1px solid var(--wtc-accent); |
|||
} |
|||
.vector-menu-heading-label{ |
|||
color: inherit; |
|||
} |
|||
#mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading:hover{ |
|||
text-decoration: none; |
|||
filter: brightness(0.5); |
|||
transition: filter 0.35s ease; |
|||
} |
|||
.infobox{ |
|||
position:relative; |
|||
z-index:5; |
|||
} |
|||
.infobox.nostyle{ |
|||
background:none !important; |
|||
border:none; |
|||
margin:0; |
|||
padding:0; |
|||
width:100% !important; |
|||
} |
|||
.endroll .mw-collapsible-toggle-collapsed span.mw-collapsible-toggle{ |
|||
background:linear-gradient(to left, #1c1c1c 13%, #1c1c1c00 20%); |
|||
} |
|||
.endroll .mw-collapsible-toggle-expanded span.mw-collapsible-toggle{ |
|||
background:transparent; |
|||
} |
|||
/* Tables */ |
|||
.mw-datatable.cargo-tablelist th, |
|||
table.cargoTable th{ |
|||
background:#2c2c2c; |
|||
} |
|||
.mw-datatable.cargo-tablelist td, |
|||
table.cargoTable td{ |
|||
background:#252525; |
|||
} |
|||
table.cargoTable td figure, |
|||
table.cargoTable td figcaption{ |
|||
background:transparent; |
|||
border:none; |
|||
} |
|||
#mw-searchoptions, .mw-search-profile-tabs{ |
|||
background:transparent !important; |
|||
} |
|||
.search-types .current a{ |
|||
color: white; |
|||
} |
|||
/* Width Limit */ |
|||
.mw-page-container{ |
|||
transition: max-width 0.35s ease; |
|||
} |
|||
.vector-feature-limited-width-disabled .mw-page-container{ |
|||
max-width:100%; |
|||
} |
|||
/* Toolbar */ |
|||
.vector-page-toolbar-container{ |
|||
box-shadow:none; |
|||
} |
|||
.vector-menu-tabs .mw-list-item.vector-tab-noicon > a, |
|||
.vector-page-toolbar-container .vector-menu-dropdown > .vector-menu-heading{ |
|||
padding:10px 0px 0px; |
|||
} |
|||
.vector-menu-tabs .mw-list-item .mw-ui-icon{ |
|||
margin-top:2px; |
|||
} |
|||
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited{ |
|||
border:none; |
|||
} |
|||
/* Thumbnails */ |
|||
figure[typeof~="mw:File/Thumb"], |
|||
figure[typeof~="mw:File/Thumb"] > figcaption, |
|||
figure[typeof~="mw:File/Thumb"] > a:first-child > :first-child:not(.mw-broken-media){ |
|||
background:transparent; |
|||
border:none; |
|||
} |
|||
figure[typeof~="mw:File/Thumb"]:not([typeof~="mw:Error"]) > a.mw-file-description::after{ |
|||
display:none; |
|||
} |
|||
/* Media Viewer */ |
|||
body.mw-mmv-lightbox-open > :not(.mw-notification-area-overlay){ |
|||
display:block; |
|||
} |
|||
.mw-mmv-image img{ |
|||
max-height:80vh; |
|||
object-fit:cover; |
|||
} |
|||
.mw-mmv-image-metadata{ |
|||
display:none; |
|||
} |
|||
.mw-mmv-overlay{ |
|||
opacity:0.7; |
|||
} |
|||
.mw-mmv-image img.gif, .mw-mmv-image img.png, .mw-mmv-image img.webp, .mw-mmv-image img.svg, .mw-mmv-image img.tiff, .mw-mmv-image img.tif{ |
|||
background:transparent; |
|||
} |
|||
/* fixing what new vector broke */ |
|||
.vector-feature-zebra-design-disabled .mw-page-container{ |
|||
background-color:transparent !important; |
|||
} |
|||
.vector-feature-zebra-design-disabled .vector-header-container{ |
|||
background-color:black !important; |
|||
} |
|||
.vector-feature-zebra-design-disabled .mw-body{ |
|||
padding:1em 1.5em 1.5em 1.5em !important; |
|||
} |
|||
.vector-feature-zebra-design-disabled body{ |
|||
color:white; |
|||
} |
} |
Latest revision as of 21:36, 26 February 2024
/** Sidebars **/
/* Placing all sidebars to the left aka forcing layout under 1340px as default
Taken from Inkipedia [ https://splatoonwiki.org/wiki/MediaWiki:Timeless.css ] */
@media (min-width: 1340px) {
#mw-content-block {
display: block; }
#mw-content,
#content-bottom-stuff {
margin-left: 14em; }
#mw-content-wrapper {
float: right;
margin-left: -14em;
width: 100%; }
/* Width and paddings */
#mw-site-navigation, #mw-related-navigation {
width: 14em; }
#mw-related-navigation {
padding: 0 1em 0 0; }
}
.image-row {
display: flex;
justify-content: space-between;
padding: 20px; /* Add padding to the row */
}
.image-box img {
height: 134.38px;
width: 100%;
transition: 0.2s;
object-fit: cover;
}
.image-box:hover img {
transform: scale(1.05);
}
.pi-image {
clip-path: content-box;
}
.pi-image img {
transition: transform 0.5s;
}
.pi-image img:hover {
transform: scale(1.04);
}
/** Links **/
/* Normal */
a {
color: gold !important; }
a:visited {
color: gold !important; }
a:hover {
color: gold !important;
text-decoration: none;
text-shadow: 2px 2px 5px black; }
/* Red */
a.new {
color: red !important; }
a.new:visited {
color: red !important; }
/* External interwiki and web links (affects long Special: links too) */
a.extiw, a.external {
color: gold !important; /* Different color */
padding-right: 0 !important; }
body #mw-content-text {
color: white;
}
body {
cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto;
}
a:hover {
cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto;
}
/* Things cannot go more than 100% (so stuff cannot overlap) */
img {
max-width: 100%;
height: auto;
}
/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}
/* Minimum thumb width */
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}