Hololive Fan Wiki

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 02:06, 14 August 2022

434 bytes removed ,  1 year ago
adding quick hack for TabberNeue bug
(Added CSS for new Music and BGM Box Template)
(adding quick hack for TabberNeue bug)
 
(15 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) {▼
// Music + BGM Box
.mobilehide {
.responsive-width {
floatdisplay: leftnone;
}▼
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: flexnone;
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%;
}
}
 
// Fix for layout.
.musicbgmboxhdr {
height: 2em;
}
 
 
/***********************************/
Retrieved from "https://hololive.wiki/wiki/Special:MobileDiff/28251...38516"