MediaWiki:Common.css: Difference between revisions
From the Nintendo Wiki, a wiki covering all things Nintendo
Jump to navigationJump to search
Content added Content deleted
(Fixes) |
No edit summary Tag: Manual revert |
||
| (46 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ |
/* CSS placed here will be applied to all skins on desktop */ |
||
/********* Portable infobox theme *********/ |
|||
/* <h3> Shared interface </h3> */ |
|||
.portable-infobox { |
|||
--pi-border-color: #d62020; |
|||
#toc, .toc { |
|||
border: 2px solid #d62020; |
|||
margin-bottom: 3px; |
|||
border-radius: 8px; |
|||
padding: 0px; |
|||
font-size: 12px; |
|||
background-color: #ffffff; |
|||
line-height: 1.5; |
|||
width: 22.5em; |
|||
} |
} |
||
.portable-infobox .pi-header { |
|||
div.tleft, div.tright { |
|||
background-color: #d62020; |
|||
margin-top: 0.2em; |
|||
text-align: center; |
|||
margin-bottom: 0.8em; |
|||
color: white; |
|||
width: 17em; |
|||
} |
} |
||
.portable-infobox .pi-navigation { |
|||
.thumb .mediaContainer { |
|||
background-color: #ffffff; |
|||
margin: 4px auto 2px; |
|||
font-size: 12px; |
|||
text-align: center; |
|||
text-color: darkred; |
|||
} |
} |
||
.thumb .multiVert .mediaContainer { |
|||
.portable-infobox .pi-title { |
|||
margin: 3px auto -1px; |
|||
background: #d62020; |
|||
color:white; |
|||
border-color: var(--theme-box-border-color-inner); |
|||
border-radius: var(--theme-box-border-radius-inner); |
|||
text-align: center; |
|||
font-style: bold; |
|||
} |
} |
||
.portable-infobox .pi-title { |
|||
font-weight: bold; |
|||
font-size: 15px; |
|||
padding: 6px 3px; |
|||
line-height: 1.2; |
|||
text-align: center; |
|||
} |
|||
/* Navbox style |
|||
Edit here: https://nintendowiki.wiki/wiki/MediaWiki:Gadget-NavboxStyle.css |
|||
Staff highlights |
|||
Edit here: https://nintendowiki.wiki/wiki/MediaWiki:Gadget-StaffHighlights.css */ |
|||
/* <h3> Shared interface </h3> */ |
|||
.ns-104 div.thumb { |
.ns-104 div.thumb { |
||
border-color: transparent; |
border-color: transparent; |
||
} |
} |
||
.catlinks { |
|||
ul.gallery, li.gallerybox div.thumb { |
|||
background: #f9f9f9; |
|||
margin-bottom: 0; |
|||
margin-top: 10px; |
|||
} |
} |
||
#bodyContent ul.gallery { |
|||
margin: 2px; |
|||
padding: 2px; |
|||
} |
|||
li.gallerycaption { |
|||
text-align: unset; |
|||
} |
|||
.mw_metadata { |
|||
margin-top: 5px; |
|||
} |
|||
#catlinks li { |
#catlinks li { |
||
margin: 0.28em 0; |
margin: 0.28em 0; |
||
| Line 46: | Line 67: | ||
margin-left: 2em; |
margin-left: 2em; |
||
padding-left: 1em; |
padding-left: 1em; |
||
} |
|||
.mw-collapsible-toggle { |
|||
padding-right: 0.3em; |
|||
} |
|||
.infobox .mw-collapsible-toggle { |
|||
min-width: 39px; |
|||
text-align: right; |
|||
} |
|||
.contentbox > .mw-collapsible-toggle { |
|||
float: none !important; |
|||
} |
|||
/* Mark redirects on Special:AllPages and Special:EditWatchlist */ |
|||
.allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect { |
|||
color: #888 !important; |
|||
} |
|||
/* main page */ |
|||
body.page-Nintendo_Wiki.action-view h1.firstHeading, |
|||
body.page-Nintendo_Wiki.action-view #contentSub > *, |
|||
body.page-Nintendo_Wiki.action-view #siteSub, |
|||
body.page-Nintendo_Wiki.action-view #catlinks, |
|||
body.page-Nintendo_Wiki.action-view #lastmod { |
|||
display: none !important; |
|||
} |
|||
body.page-Mario_Wiki_Main_Page.action-view h1.firstHeading, |
|||
body.page-Mario_Wiki_Main_Page.action-view #contentSub > *, |
|||
body.page-Mario_Wiki_Main_Page.action-view #siteSub, |
|||
body.page-Mario_Wiki_Main_Page.action-view #catlinks, |
|||
body.page-Mario_Wiki_Main_Page.action-view #lastmod { |
|||
display: none !important; |
|||
} |
|||
body.page-Wii_Wiki_Main_Page.action-view h1.firstHeading, |
|||
body.page-Wii_Wiki_Main_Page.action-view #contentSub > *, |
|||
body.page-Wii_Wiki_Main_Page.action-view #siteSub, |
|||
body.page-Wii_Wiki_Main_Page.action-view #catlinks, |
|||
body.page-Wii_Wiki_Main_Page.action-view #lastmod { |
|||
display: none !important; |
|||
} |
|||
body.page-Nintendo_DS_Wiki_Main_Page.action-view h1.firstHeading, |
|||
body.page-Nintendo_DS_Wiki_Main_Page.action-view #contentSub > *, |
|||
body.page-Nintendo_DS_Wiki_Main_Page.action-view #siteSub, |
|||
body.page-Nintendo_DS_Wiki_Main_Page.action-view #catlinks, |
|||
body.page-Nintendo_DS_Wiki_Main_Page.action-view #lastmod { |
|||
display: none !important; |
|||
} |
|||
body.page-Game_Boy_Wiki_Main_Page.action-view h1.firstHeading, |
|||
body.page-Game_Boy_Wiki_Main_Page.action-view #contentSub > *, |
|||
body.page-Game_Boy_Wiki_Main_Page.action-view #siteSub, |
|||
body.page-Game_Boy_Wiki_Main_Page.action-view #catlinks, |
|||
body.page-Game_Boy_Wiki_Main_Page.action-view #lastmod { |
|||
display: none !important; |
|||
} |
|||
body.page-Animal_Crossing_Wiki_Main_Page.action-view h1.firstHeading, |
|||
body.page-Animal_Crossing_Wiki_Main_Page.action-view #contentSub > *, |
|||
body.page-Animal_Crossing_Wiki_Main_Page.action-view #siteSub, |
|||
body.page-Animal_Crossing_Wiki_Main_Page.action-view #catlinks, |
|||
body.page-Animal_Crossing_Wiki_Main_Page.action-view #lastmod { |
|||
display: none !important; |
|||
} |
|||
/* revision info */ |
|||
.mw-revision.warningbox { |
|||
margin-top:0px; |
|||
padding:0px; |
|||
border:0px; |
|||
background:none; |
|||
} |
|||
#mw-revision-info, #mw-revision-info-current, #mw-revision-nav { |
|||
color: #54595d; |
|||
} |
|||
/* References */ |
|||
ol.references { |
|||
margin-top: 0; |
|||
font-size: 90%; |
|||
} |
|||
ol.references div { |
|||
display: inline; |
|||
} |
|||
ol.references span { |
|||
line-height: 1; |
|||
} |
} |
||
| Line 151: | Line 83: | ||
/* <h3> All pages </h3> */ |
/* <h3> All pages </h3> */ |
||
/* Infobox templates */ |
|||
#bodyContent { |
|||
.infobox { |
|||
position: relative; |
|||
float: right; |
|||
clear: right; |
|||
margin: 0 0 1em 1.15em; |
|||
} |
} |
||
.infobox + .infobox, |
|||
.infobox + style + .infobox { |
|||
/* Edit box */ |
|||
clear: none; |
|||
.wikiEditor-ui-toolbar .section-main, |
|||
.wikiEditor-ui-toolbar .tabs { |
|||
height: auto; |
|||
} |
} |
||
.infobox, .infobox-wide { |
|||
.wikiEditor-ui textarea#wpTextbox1 { |
|||
font-size: 88%; |
|||
line-height: 1.4em; |
|||
} |
} |
||
.infobox tr { |
|||
.mw-summary-preview { |
|||
vertical-align: top; |
|||
} |
} |
||
.infobox td, .infobox th, |
|||
#wpSummaryLabel .oo-ui-textInputWidget textarea, |
|||
.infobox-wide td, .infobox-wide th { |
|||
#wpSummaryLabel .oo-ui-textInputWidget input { |
|||
padding |
padding: 2px; |
||
} |
|||
#wpSummaryWidget .oo-ui-labelElement-label { |
|||
margin-right: 3px; |
|||
} |
} |
||
/* |
/* Notice templates */ |
||
body:not(.ns-6) .notice-template + .notice-template { |
|||
.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, |
|||
margin-top: -0.375em !important; |
|||
.client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, |
|||
.client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), |
|||
.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { |
|||
margin: 0; |
|||
color: unset; |
|||
} |
} |
||
.notice-template.talk, |
|||
body:not(.ns-6) .notice-template.maintenance { |
|||
.client-js .editButtons .editHelp { |
|||
max-width: max-content !important; |
|||
display: none; |
|||
} |
|||
/* Dismissable site notice */ |
|||
.sitedir-ltr .mw-dismissable-notice-body { |
|||
margin: 0 60px 0 0; |
|||
} |
} |
||
.notice-template p { |
|||
.sitedir-rtl .mw-dismissable-notice-body { |
|||
margin: 0 0 |
margin: 0.6em 0; |
||
} |
|||
/* Video widget */ |
|||
.infobox .videoWidget, |
|||
.infobox .videoWidget iframe { |
|||
display: block !important; |
|||
} |
|||
.infobox .autoResize { |
|||
margin: 0 auto !important; |
|||
} |
|||
.autoResize:not(.thumbinner) .thumbcaption { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
.videoWidget + p { |
|||
margin: 0; |
|||
} |
|||
/* Diff text */ |
|||
.diffchange { font-weight: normal; } |
|||
.diff-addedline, .diff-deletedline, .diff-context { |
|||
font-size: 92%; |
|||
} |
|||
/* OOUI fix */ |
|||
.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { |
|||
overflow: visible; |
|||
} |
} |
||
| Line 236: | Line 129: | ||
} |
} |
||
/* |
/* main page */ |
||
.wikitable .mediaContainer { |
|||
margin-top: 2px; |
|||
} |
|||
body.page-Nintendo_Wiki.action-view h1.firstHeading, |
|||
/* remove box-shadow from notifications */ |
|||
body.page-Nintendo_Wiki.action-view #contentSub > *, |
|||
#pt-notifications-alert .mw-echo-notifications-badge:focus, #pt-notifications-notice .mw-echo-notifications-badge:focus { |
|||
body.page-Nintendo_Wiki.action-view #siteSub, |
|||
box-shadow: none; |
|||
body.page-Nintendo_Wiki.action-view #catlinks, |
|||
body.page-Nintendo_Wiki.action-view #lastmod { |
|||
display: none !important; |
|||
} |
} |
||
/* <h3> Misc / Unsorted </h2> */ |
|||
/* Tabber */ |
|||
.infobox .tabbernav { |
|||
.special li { |
|||
font-size: 90%; |
|||
line-height: 19px; |
|||
} |
} |
||
#preftoc a:active { |
|||
.tabber.info { |
|||
color: #00c; |
|||
float: right; |
|||
margin: 0 0 0.5em 1em; |
|||
} |
} |
||
.easywrap { |
|||
.tabber.info .nav { |
|||
width: 100%; |
|||
display: block !important; |
|||
table-layout: fixed; |
|||
word-wrap: break-word; |
|||
overflow: hidden; |
|||
} |
} |
||
.right { |
|||
.tabber.info .infobox > tbody > tr:nth-child(2) img { |
|||
text-align: right; |
|||
max-width: 100% !important; |
|||
height: auto !important; |
|||
} |
|||
.tabber.info table { |
|||
display: block !important; |
|||
float: none !important; |
|||
width: auto !important; |
|||
max-width: none !important; |
|||
margin: 0 !important; |
|||
overflow-x: auto !important; |
|||
} |
|||
.tabber.info tbody { |
|||
display: table !important; |
|||
width: 100% !important; |
|||
} |
} |
||
/* Indicator icons */ |
/* Indicator icons */ |
||
.mw-indicators, |
|||
#mw-indicator-shortcut { |
|||
position: relative; |
|||
} |
|||
.mw-indicator { |
.mw-indicator { |
||
margin: 0 2px; |
margin: 0 2px; |
||
} |
} |
||
#mw-indicator-investigate-link { |
|||
top: 7px; |
|||
/* Explain text */ |
|||
.explain[title] { |
|||
text-decoration: none; |
|||
border-bottom: 1px dotted; |
|||
} |
} |
||
#mw-indicator-ext-checkuser-investigation-btns { |
|||
top: 3px; |
|||
/* New user message box */ |
|||
.usermessage { |
|||
margin-top: 1em; |
|||
} |
} |
||
/* Width fixes */ |
|||
/* Echo extension */ |
|||
table { |
|||
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup { |
|||
max-width: 100%; |
|||
font-size: 12px; |
|||
} |
} |
||
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper { |
|||
@media all and (max-width: 1100px) { |
|||
margin-bottom: 10px; |
|||
.mw-parser-output table { |
|||
min-width: 0 !important; |
|||
} |
|||
} |
} |
||
.mw-echo-ui-crossWikiUnreadFilterWidget-group { |
|||
display: none; |
|||
/* Multimedia viewer */ |
|||
.mw-mmv-image img { |
|||
background: #fff !important; |
|||
} |
} |
||
.oo-ui-popupWidget-body-padded { |
|||
.mw-mmv-filepage-buttons, |
|||
margin-top: 8px; |
|||
.mw-mmv-reuse-pane .oo-ui-widget-disabled { |
|||
display: none !important; |
|||
} |
} |
||
.oo-ui-popupWidget-head { |
|||
.mw-mmv-overlay { |
|||
overflow: hidden; |
|||
z-index: 10000000000; |
|||
} |
} |
||
.mw- |
.mw-echo-ui-overlay { |
||
z-index: |
z-index: 100; |
||
font-size: medium; |
|||
} |
} |
||
/* |
/* Who's online */ |
||
#whosonline { |
|||
.mobileonly { |
|||
margin-bottom: 1px; |
|||
display: none; |
|||
} |
} |
||
/* |
/* CSS for Audio buttons */ |
||
.audio-button .video-js .vjs-control-bar, |
|||
body.ns-3006 .mw-wiki-logo, body.ns-3007 .mw-wiki-logo { |
|||
.audio-lilia .video-js .vjs-control-bar { |
|||
background-image: url(https://static.miraheze.org/nintendowiki/d/d2/MarioWiki.png) !important; |
|||
background: transparent; |
|||
position: inherit; |
|||
} |
} |
||
.audio-button .video-js, |
|||
body.ns-3008 .mw-wiki-logo, body.ns-3009 .mw-wiki-logo { |
|||
.audio-button .video-js .vjs-play-control, |
|||
background-image: url(https://static.miraheze.org/nintendowiki/d/df/Wii_Wiki.png) !important; |
|||
.audio-button .mw-tmh-player.audio { |
|||
width: 14px !important; |
|||
height: 14px !important; |
|||
background: transparent; |
|||
} |
} |
||
.audio-button .vjs-icon-play, |
|||
body.ns-3010 .mw-wiki-logo, body.ns-3011 .mw-wiki-logo { |
|||
.audio-button .video-js .vjs-play-control .vjs-icon-placeholder, |
|||
background-image: url(https://static.miraheze.org/nintendowiki/c/cd/Nintendo_DS_Wiki.png) !important; |
|||
.audio-button .video-js .vjs-big-play-button .vjs-icon-placeholder, |
|||
.audio-button .vjs-icon-replay, |
|||
.audio-button .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, |
|||
.audio-button .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon { |
|||
width: 14px; |
|||
height: 14px; |
|||
background-color: #ffb8b8; |
|||
border: none; |
|||
border-radius: 5px; |
|||
background-image: url('https://static.miraheze.org/twistedwonderlandwiki/8/85/OggPlayer_Play.png'); |
|||
background-position: 0; |
|||
display: inline-block; |
|||
background-size: 14px auto; |
|||
animation: none; |
|||
} |
|||
.audio-button .vjs-icon-pause, |
|||
.audio-button .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, |
|||
.audio-button .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon:hover { |
|||
background-color: #bd9964 !important; |
|||
} |
|||
.audio-button .vjs-icon-pause, |
|||
.audio-button .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { |
|||
width: 14px; |
|||
height: 14px; |
|||
background-image: url('https://static.miraheze.org/twistedwonderlandwiki/3/3e/OggPlayer_Stop.png'); |
|||
background-size: 14px auto; |
|||
} |
|||
.audio-button.no-audio img { |
|||
background-color: #f78181; |
|||
vertical-align: top; |
|||
border: none; |
|||
border-radius: 5px; |
|||
} |
} |
||
.audio-lilia .video-js, |
|||
body.ns-3012 .mw-wiki-logo, body.ns-3013 .mw-wiki-logo { |
|||
.audio-lilia .video-js .vjs-play-control, |
|||
background-image: url(https://static.miraheze.org/nintendowiki/a/ad/GB_Wiki.png) !important; |
|||
.audio-lilia .mw-tmh-player.audio { |
|||
width: 50px !important; |
|||
height: 50px !important; |
|||
background: transparent; |
|||
} |
} |
||
.audio-lilia .vjs-icon-play, |
|||
body.ns-3014 .mw-wiki-logo, body.ns-3015 .mw-wiki-logo { |
|||
.audio-lilia .video-js .vjs-play-control .vjs-icon-placeholder, |
|||
background-image: url(https://static.miraheze.org/nintendowiki/5/5e/AC_Wiki.png) !important; |
|||
.audio-lilia .video-js .vjs-big-play-button .vjs-icon-placeholder, |
|||
.audio-lilia .vjs-icon-replay, |
|||
.audio-lilia .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, |
|||
.audio-lilia .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon { |
|||
width: 50px ; |
|||
height: 50px ; |
|||
background-color: transparent; |
|||
border: none; |
|||
background-image: url('https://static.miraheze.org/twistedwonderlandwiki/d/d1/Lilia_Music_1.png'); |
|||
background-position: 0; |
|||
display: inline-block; |
|||
background-size: 50px auto; |
|||
animation: none; |
|||
filter: grayscale(50%); |
|||
transition: filter 1s, |
|||
background-image 1s, |
|||
} |
} |
||
.audio-lilia .vjs-icon-pause, |
|||
/* <h3> Misc / Unsorted </h2> */ |
|||
.audio-lilia .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, |
|||
.audio-lilia .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon:hover { |
|||
.special li { |
|||
width: 50px ; |
|||
line-height: 19px; |
|||
height: 50px ; |
|||
background-color: transparent !important; |
|||
background-image: url('https://static.miraheze.org/twistedwonderlandwiki/7/71/Lilia_Music_2.png') !important; |
|||
background-size: 50px auto; |
|||
filter: none; |
|||
} |
} |
||
#preftoc a:active { |
|||
.audio-lilia .vjs-icon-pause, |
|||
color: #00c; |
|||
.audio-lilia .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { |
|||
animation-duration: 3s; |
|||
animation-name: wiggle; |
|||
animation-iteration-count: infinite; |
|||
animation-timing-function: linear; |
|||
} |
} |
||
.easywrap { |
|||
@keyframes wiggle { |
|||
width: 100%; |
|||
0% {transform: rotate(0deg);} |
|||
table-layout: fixed; |
|||
25% {transform: rotate(10deg);} |
|||
word-wrap: break-word; |
|||
75% {transform: rotate(-20deg);} |
|||
overflow: hidden; |
|||
} |
} |
||
.right { |
|||
.audio-lilia.no-audio { |
|||
text-align: right; |
|||
background-color: transparent; |
|||
background-size: 50px auto; |
|||
filter: grayscale(100%); |
|||
vertical-align: top; |
|||
} |
} |
||
.audio-button .vjs-icon-play:before, |
|||
#editpage-copywarn { |
|||
.audio-button .video-js .vjs-play-control .vjs-icon-placeholder:before, |
|||
margin: 0.6em 0 0.7em 0; |
|||
.audio-button .video-js .vjs-big-play-button .vjs-icon-placeholder:before, |
|||
.audio-button .vjs-icon-pause:before, |
|||
.audio-button .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, |
|||
.audio-button .vjs-icon-replay:before, |
|||
.audio-button .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, |
|||
.audio-lilia .vjs-icon-play:before, |
|||
.audio-lilia .video-js .vjs-play-control .vjs-icon-placeholder:before, |
|||
.audio-lilia .video-js .vjs-big-play-button .vjs-icon-placeholder:before, |
|||
.audio-lilia .vjs-icon-pause:before, |
|||
.audio-lilia .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, |
|||
.audio-lilia .vjs-icon-replay:before, |
|||
.audio-lilia .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { |
|||
content: none; |
|||
} |
} |
||
/* Audio Button CSS End */ |
|||
Latest revision as of 11:01, May 25, 2024
/* CSS placed here will be applied to all skins on desktop */
/********* Portable infobox theme *********/
.portable-infobox {
--pi-border-color: #d62020;
border: 2px solid #d62020;
border-radius: 8px;
padding: 0px;
font-size: 12px;
background-color: #ffffff;
line-height: 1.5;
width: 22.5em;
}
.portable-infobox .pi-header {
background-color: #d62020;
text-align: center;
color: white;
width: 17em;
}
.portable-infobox .pi-navigation {
background-color: #ffffff;
font-size: 12px;
text-align: center;
text-color: darkred;
}
.portable-infobox .pi-title {
background: #d62020;
color:white;
border-color: var(--theme-box-border-color-inner);
border-radius: var(--theme-box-border-radius-inner);
text-align: center;
font-style: bold;
}
.portable-infobox .pi-title {
font-weight: bold;
font-size: 15px;
padding: 6px 3px;
line-height: 1.2;
text-align: center;
}
/* Navbox style
Edit here: https://nintendowiki.wiki/wiki/MediaWiki:Gadget-NavboxStyle.css
Staff highlights
Edit here: https://nintendowiki.wiki/wiki/MediaWiki:Gadget-StaffHighlights.css */
/* <h3> Shared interface </h3> */
.ns-104 div.thumb {
border-color: transparent;
}
.catlinks {
background: #f9f9f9;
margin-top: 10px;
}
#catlinks li {
margin: 0.28em 0;
line-height: 1em;
}
blockquote {
border-left: 3px solid #06f;
margin-left: 2em;
padding-left: 1em;
}
/* User pages */
.ns-2 #mw-content-text p > img {
max-width: 100% !important;
height: auto !important;
}
/* User talk pages */
.ns-3 [style*="position:fixed"],
.ns-3 [style*="position: fixed"] {
display: none;
}
/* <h3> All pages </h3> */
/* Infobox templates */
.infobox {
float: right;
clear: right;
margin: 0 0 1em 1.15em;
}
.infobox + .infobox,
.infobox + style + .infobox {
clear: none;
}
.infobox, .infobox-wide {
font-size: 88%;
}
.infobox tr {
vertical-align: top;
}
.infobox td, .infobox th,
.infobox-wide td, .infobox-wide th {
padding: 2px;
}
/* Notice templates */
body:not(.ns-6) .notice-template + .notice-template {
margin-top: -0.375em !important;
}
.notice-template.talk,
body:not(.ns-6) .notice-template.maintenance {
max-width: max-content !important;
}
.notice-template p {
margin: 0.6em 0;
}
/* Keep create account benefits up top */
.mw-special-CreateAccount #userloginForm {
margin-right: 90px;
}
/* Adjust inputbox button padding in Firefox */
@-moz-document url-prefix() {
.bodySearchWrap .mw-ui-button, .createboxButton {
padding-top: 4px;
padding-bottom: 5px;
}
}
/* main page */
body.page-Nintendo_Wiki.action-view h1.firstHeading,
body.page-Nintendo_Wiki.action-view #contentSub > *,
body.page-Nintendo_Wiki.action-view #siteSub,
body.page-Nintendo_Wiki.action-view #catlinks,
body.page-Nintendo_Wiki.action-view #lastmod {
display: none !important;
}
/* <h3> Misc / Unsorted </h2> */
.special li {
line-height: 19px;
}
#preftoc a:active {
color: #00c;
}
.easywrap {
width: 100%;
table-layout: fixed;
word-wrap: break-word;
overflow: hidden;
}
.right {
text-align: right;
}
/* Indicator icons */
.mw-indicator {
margin: 0 2px;
}
#mw-indicator-investigate-link {
top: 7px;
}
#mw-indicator-ext-checkuser-investigation-btns {
top: 3px;
}
/* Echo extension */
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
font-size: 12px;
}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
margin-bottom: 10px;
}
.mw-echo-ui-crossWikiUnreadFilterWidget-group {
display: none;
}
.oo-ui-popupWidget-body-padded {
margin-top: 8px;
}
.oo-ui-popupWidget-head {
overflow: hidden;
}
.mw-echo-ui-overlay {
z-index: 100;
}
/* Who's online */
#whosonline {
margin-bottom: 1px;
}
/* CSS for Audio buttons */
.audio-button .video-js .vjs-control-bar,
.audio-lilia .video-js .vjs-control-bar {
background: transparent;
position: inherit;
}
.audio-button .video-js,
.audio-button .video-js .vjs-play-control,
.audio-button .mw-tmh-player.audio {
width: 14px !important;
height: 14px !important;
background: transparent;
}
.audio-button .vjs-icon-play,
.audio-button .video-js .vjs-play-control .vjs-icon-placeholder,
.audio-button .video-js .vjs-big-play-button .vjs-icon-placeholder,
.audio-button .vjs-icon-replay,
.audio-button .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.audio-button .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {
width: 14px;
height: 14px;
background-color: #ffb8b8;
border: none;
border-radius: 5px;
background-image: url('https://static.miraheze.org/twistedwonderlandwiki/8/85/OggPlayer_Play.png');
background-position: 0;
display: inline-block;
background-size: 14px auto;
animation: none;
}
.audio-button .vjs-icon-pause,
.audio-button .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.audio-button .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon:hover {
background-color: #bd9964 !important;
}
.audio-button .vjs-icon-pause,
.audio-button .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
width: 14px;
height: 14px;
background-image: url('https://static.miraheze.org/twistedwonderlandwiki/3/3e/OggPlayer_Stop.png');
background-size: 14px auto;
}
.audio-button.no-audio img {
background-color: #f78181;
vertical-align: top;
border: none;
border-radius: 5px;
}
.audio-lilia .video-js,
.audio-lilia .video-js .vjs-play-control,
.audio-lilia .mw-tmh-player.audio {
width: 50px !important;
height: 50px !important;
background: transparent;
}
.audio-lilia .vjs-icon-play,
.audio-lilia .video-js .vjs-play-control .vjs-icon-placeholder,
.audio-lilia .video-js .vjs-big-play-button .vjs-icon-placeholder,
.audio-lilia .vjs-icon-replay,
.audio-lilia .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.audio-lilia .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {
width: 50px ;
height: 50px ;
background-color: transparent;
border: none;
background-image: url('https://static.miraheze.org/twistedwonderlandwiki/d/d1/Lilia_Music_1.png');
background-position: 0;
display: inline-block;
background-size: 50px auto;
animation: none;
filter: grayscale(50%);
transition: filter 1s,
background-image 1s,
}
.audio-lilia .vjs-icon-pause,
.audio-lilia .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.audio-lilia .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon:hover {
width: 50px ;
height: 50px ;
background-color: transparent !important;
background-image: url('https://static.miraheze.org/twistedwonderlandwiki/7/71/Lilia_Music_2.png') !important;
background-size: 50px auto;
filter: none;
}
.audio-lilia .vjs-icon-pause,
.audio-lilia .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
animation-duration: 3s;
animation-name: wiggle;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes wiggle {
0% {transform: rotate(0deg);}
25% {transform: rotate(10deg);}
75% {transform: rotate(-20deg);}
}
.audio-lilia.no-audio {
background-color: transparent;
background-size: 50px auto;
filter: grayscale(100%);
vertical-align: top;
}
.audio-button .vjs-icon-play:before,
.audio-button .video-js .vjs-play-control .vjs-icon-placeholder:before,
.audio-button .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.audio-button .vjs-icon-pause:before,
.audio-button .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.audio-button .vjs-icon-replay:before,
.audio-button .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.audio-lilia .vjs-icon-play:before,
.audio-lilia .video-js .vjs-play-control .vjs-icon-placeholder:before,
.audio-lilia .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.audio-lilia .vjs-icon-pause:before,
.audio-lilia .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.audio-lilia .vjs-icon-replay:before,
.audio-lilia .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: none;
}
/* Audio Button CSS End */
