Nintendo Wiki

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 11:01, May 25, 2024

5,875 bytes added ,  1 month ago
no edit summary
(fixing)
No edit summary
Tag: Manual revert
 
(103 intermediate revisions by 3 users not shown)
Line 1:
/* CSS placed here will be applied to all skins on desktop */
 
/********* Portable infobox theme *********/
pre {
.portable-infobox {
overflow: auto;
--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 {
#toc, .toc {
background-color: #d62020;
margin-bottom: 3px;
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 {
#mw-indicator-mw-helplink a {
background: #d62020;
display:none;
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 {
.messagebox, .errorbox, .warningbox, .successbox {
font-weight: bold;
padding:12px;
font-size: 15px;
padding: 6px 3px;
line-height: 1.2;
text-align: center;
}
 
/* Navbox style
/* image thumbnail adjustments */
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> */
img, .results .list-thumb:not(.list-thumb-none),
 
.ext-related-articles-card-thumb:not(.ext-related-articles-card-thumb-placeholder) {
.ns-104 div.thumb {
image-rendering: crisp-edges;
border-color: transparent;
image-rendering: pixelated;
}
 
.catlinks {
/* Links */
background: #f9f9f9;
a { color: #00f; }
margin-top: 10px;
a:active { color: orange; }
}
a:visited { color: #00c; }
#catlinks li {
.mw-parser-output a.extiw { color: #06f; }
margin: 0.28em 0;
.mw-parser-output a.extiw:visited { color: #3366BB; }
line-height: 1em;
.mw-parser-output a.external { color: #06f; }
}
.mw-parser-output a.external:visited { color: #0044CC; }
 
blockquote {
/* main page */
border-left: 3px solid #06f;
body.page-Nintendo_Wiki.action-view h1.firstHeading,
margin-left: 2em;
body.page-Nintendo_Wiki.action-view #siteSub,
padding-left: 1em;
body.page-Nintendo_Wiki.action-view #catlinks,
}
body.page-Nintendo_Wiki.action-view #lastmod,
 
body.page-Nintendo_Wiki.action-view .mw-revision {
/* 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;
}
 
/* Infobox<h3> templatesAll pages </h3> */
 
/* Infobox templates */
.infobox {
float: right;
background-color: #fff;
clear: right;
border: 1px solid gray;
margin: 0 0 1em 1.15em;
float: right;
}
font-size: 88%;
.infobox + .infobox,
width: 300px;
.infobox + style + .infobox {
margin:0 0 1em 1.15em;
clear: none;
padding:4px;
}
.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 */
.infobox .mw-collapsible-toggle {
body:not(.ns-6) .notice-template + .notice-template {
min-width: 39px;
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;
}
 
/* <h3>Indicator game-infobox </h3>icons */
.mw-indicator {
margin: 0 2px;
}
#mw-indicator-investigate-link {
top: 7px;
}
#mw-indicator-ext-checkuser-investigation-btns {
top: 3px;
}
 
 
.infobox td:nth-of-type(1) {
/* Echo extension */
background:#CCCCFF;
.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;
}
 
/* noticeWho's templatesonline */
#whosonline {
body:not(.ns-6) .notice-template + .notice-template {
margin-topbottom: -0.375em !important1px;
}
 
#mw-imagepage-content .notice-template + #aboutfile {
/* CSS for Audio buttons */
margin-top: 0.75em !important;
 
.audio-button .video-js .vjs-control-bar,
.audio-lilia .video-js .vjs-control-bar {
background: transparent;
position: inherit;
}
 
#mw-imagepage-content .notice-template:not(#aboutfile) {
.audio-button .video-js,
margin-top: 0.75em !important;
.audio-button .video-js .vjs-play-control,
margin-bottom: 2.5px !important;
.audio-button .mw-tmh-player.audio {
width: 14px !important;
height: 14px !important;
background: transparent;
}
 
.audio-button .vjs-icon-play,
.notice-template p {
.audio-button .video-js .vjs-play-control .vjs-icon-placeholder,
margin: 0.6em 0;
.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,
.notice-template {
.audio-lilia .video-js .vjs-play-control,
display: flex;
.audio-lilia .mw-tmh-player.audio {
background: #f1f1de;
borderwidth: 2px solid50px #996!important;
marginheight: 0 2%50px 0.75em!important;
paddingbackground:0 1emtransparent;
color: #000;
}
 
.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,
.notice-template.copyright {
.audio-lilia .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
background: #fff9f9;
.audio-lilia .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon:hover {
border: 1px solid #C55;
font-sizewidth: 95%50px ;
widthheight: 90%50px ;
background-color: transparent !important;
margin: 5px auto;
background-image: url('https://static.miraheze.org/twistedwonderlandwiki/7/71/Lilia_Music_2.png') !important;
padding: 5px;
borderbackground-radiussize:1em 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 */
Retrieved from "https://nintendowiki.wiki/wiki/Special:MobileDiff/265...11087"