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
(fix) |
No edit summary Tag: Reverted |
||
Line 170: | Line 170: | ||
margin-bottom: 1px; |
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 */ |
Revision as of 15:36, February 21, 2024
/* CSS placed here will be applied to all skins on desktop */
.portable-infobox .pi-title {
background-color: #d62020;
color:white;
font-style:bold;
font-size: 16px;
text-align: center;
}
.portable-infobox .pi-header {
background-color: #d62020;
color:white;
font-size: 14px;
text-align: center;
}
.portable-infobox .pi-navigation {
background-color: #ffffff;
}
/* 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;
}