Hololive Fan Wiki

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 02:06, 14 August 2022

470 bytes removed ,  1 year ago
adding quick hack for TabberNeue bug
No edit summary
(adding quick hack for TabberNeue bug)
 
(14 intermediate revisions by 2 users not shown)
Line 1,207:
}
 
/**************************************/
/* Classes to hide elements in mobile */
/* Responsive Music Box CSS */
/* i.e. any display w/width < 1024px */
/**************************************/
 
@media only screen and (minmax-width: 1200px1024px) {▼
/* This is an experimental stylesheet used to generate responsive content */
.mobilehide {
 
display: flexnone;▼
/* Music + BGM Box */
}▼
.responsive-width {
float: left;
width: 100%;
height: 100%;
}
 
/* Widens DismissableSiteNotice */
/* Flexbox container (list) */
.mw-dismissable-notice-body { margin: 0 !important; }
ul.musicbgmbox {
.mw-dismissable-notice-close { margin: 0.5rem !important; }
list-style-type: none;
▲ display: flex;
flex-wrap: wrap;
margin: 8px;
padding: 0px;
▲}
 
/* Temporary workaround for https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue/issues/46 */
/* Flexbox element (list element) */
.tabber__section pre {
/* Contains the Music + BGM Box Template */
display: blocknone;▼
ul.musicbgmbox > li{
▲ display: block;
float: left;
flex-basis: 100%;
min-height: 0;
}
 
/* Responsive resizing based on screen width. */
▲@media only screen and (min-width: 1200px) {
ul.musicbgmbox > li{
flex-basis: 50%;
}
}
@media only screen and (min-width: 2400px) {
ul.musicbgmbox > li{
flex-basis: 33.33%;
}
}
@media only screen and (min-width: 3600px) {
ul.musicbgmbox > li{
flex-basis: 25%;
}
}
 
 
/***********************************/
Retrieved from "https://hololive.wiki/wiki/Special:MobileDiff/28258...38516"