MediaWiki: Common.css: Difference between revisions
From WikiSpiv
No edit summary |
No edit summary |
||
(173 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic&subset=latin,cyrillic-ext,latin-ext,cyrillic); | |||
/*@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,300i,400,400i,500,500i,600,600i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');*/ | |||
/* Make the suggestions actually tappable */ | |||
.suggestions-result { | |||
line-height: 3em; | |||
} | } | ||
/* | /* Guitar Chord Formatting */ | ||
. | span.chunk { | ||
position:relative; | |||
top: 15px; | |||
display: inline-flex; | |||
flex-direction: column; | |||
vertical-align: bottom; | |||
visibility: hidden; | |||
} | |||
span.chunk:before { | |||
content:attr(data-chord); | |||
position:relative; | |||
top:-6px; | |||
visibility: visible; | |||
/* This is the same as .chord */ | |||
color: #7D7D7D; | |||
font-weight: bold; | |||
margin-bottom: -0.4em; | |||
font-size: 0.75em; | |||
padding-right: 0.3em; | |||
} | |||
.linediv { | |||
position:relative; | |||
top: 5px; | |||
margin-bottom: 4px; | |||
} | |||
.chord { | .chord { | ||
color: #7D7D7D; | color: #7D7D7D; | ||
font-weight: bold; | |||
margin-bottom: -0.4em; | |||
font-size: 0.75em; | |||
padding-right: 0.3em; | |||
} | |||
.chordtextrawline { | |||
z-index: 100; | |||
} | } | ||
.chordline { | |||
font-family: ' | width: 100%; | ||
font- | position: relative; | ||
font- | } | ||
.bang { | |||
font-weight: bold; | |||
font-style: italic; | |||
font-size: | } | ||
.spiv { | |||
/* Puts a border padding-right to the right of the actual wrapping point (width - padding-right) */ | |||
/*width: 350px; | |||
padding-right: 24px; | |||
border-right: thin solid #C3C3C3;*/ | |||
margin-bottom: 30px; | |||
} | |||
.spiv div { | |||
line-height: 1; | |||
} | |||
/*.spiv, .credits { | |||
font-family: 'Cormorant Garamond', serif; | |||
font-weight: 500; | |||
}*/ | |||
.credits { | |||
margin-bottom: 7px; | |||
} | |||
.indented { | |||
padding-left: 1.5em; | |||
} | |||
/* Make main editor legible */ | |||
.wikiEditor-ui-text textarea { | |||
font-size: 14pt; | |||
font-family: 'Ubuntu Mono', Courier, monospace; | |||
} | |||
/* Make fallback editor legible (ex [[MediaWiki:Common.css]]) */ | |||
#editform, #toolbar, #wpTextbox1 { | |||
font-size: 14pt; | |||
font-family: 'Ubuntu Mono', Courier, monospace; | |||
} | |||
#catlinks { | |||
display: block; | |||
} | |||
/* Don't show category list if we have no categories */ | |||
#catlinks.catlinks-allhidden { | |||
display: none; | |||
} | |||
.mw-content-ltr .mw-collapsible-toggle, .mw-content-rtl .mw-content-ltr .mw-collapsible-toggle { | |||
float: left; | |||
padding-right: 5pt; | |||
} | |||
/* Make youtube vids resizable, e.g.: <div class="video-container"><youtube>1VEifEbbinM</youtube></div> */ | |||
.video-container { | |||
position: relative; | |||
width: 100%; | |||
height: 0; | |||
padding-bottom: 56.25%; | |||
} | |||
.video-container > p > iframe, .video-container > iframe { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.video-container-container { | |||
max-width: 560px; | |||
} | |||
/* Stop showing columns on pages */ | |||
.mw-category { | |||
webkit-column-count: inherit; | |||
-moz-column-count: inherit; | |||
column-count: inherit; | |||
-webkit-column-width: inherit; | |||
-moz-column-width: inherit; | |||
column-width: inherit; | |||
} | |||
/* Don't wrap the top bar so early */ | |||
@media (min-width:768px) { | |||
.container { | |||
width: 100%; | |||
} | |||
} | |||
/* This is for for some reason needed to keep the arrow next to the Edit button from wrapping */ | |||
.nav>li>a { | |||
display: inline-block; | |||
} | |||
blockquote { | |||
font-size: 10pt; | |||
} | |||
/* Stuff for the category picker */ | |||
#SelectCategoryList_chosen { | |||
max-width: 600px; | |||
} | |||
li.search-choice { | |||
font-size: 16px; | |||
} | |||
.chosen-results li { | |||
font-size: 16px; | |||
} | |||
.chosen-container .chosen-results { | |||
max-height: 150px; | |||
} | |||
/* Template:ArtistBox */ | |||
.artistbox { | |||
background: #eee; | |||
border: 1px solid #aaa; | |||
float: right; | |||
margin: 0 0 1em 1em; | |||
padding: 1em; | |||
} | |||
.artistbox-title { | |||
font-size: 2em; | |||
text-align: center; | |||
} | |||
.artistbox-image { | |||
text-align: center; | |||
} | |||
.artistbox-table th { | |||
text-align: left; | |||
vertical-align: top; | |||
width: 80px; | |||
} | |||
.artistbox-table td { | |||
vertical-align: top; | |||
} | } |
Latest revision as of 04:58, 11 March 2024
/* CSS placed here will be applied to all skins */ @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic&subset=latin,cyrillic-ext,latin-ext,cyrillic); /*@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,300i,400,400i,500,500i,600,600i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');*/ /* Make the suggestions actually tappable */ .suggestions-result { line-height: 3em; } /* Guitar Chord Formatting */ span.chunk { position:relative; top: 15px; display: inline-flex; flex-direction: column; vertical-align: bottom; visibility: hidden; } span.chunk:before { content:attr(data-chord); position:relative; top:-6px; visibility: visible; /* This is the same as .chord */ color: #7D7D7D; font-weight: bold; margin-bottom: -0.4em; font-size: 0.75em; padding-right: 0.3em; } .linediv { position:relative; top: 5px; margin-bottom: 4px; } .chord { color: #7D7D7D; font-weight: bold; margin-bottom: -0.4em; font-size: 0.75em; padding-right: 0.3em; } .chordtextrawline { z-index: 100; } .chordline { width: 100%; position: relative; } .bang { font-weight: bold; font-style: italic; } .spiv { /* Puts a border padding-right to the right of the actual wrapping point (width - padding-right) */ /*width: 350px; padding-right: 24px; border-right: thin solid #C3C3C3;*/ margin-bottom: 30px; } .spiv div { line-height: 1; } /*.spiv, .credits { font-family: 'Cormorant Garamond', serif; font-weight: 500; }*/ .credits { margin-bottom: 7px; } .indented { padding-left: 1.5em; } /* Make main editor legible */ .wikiEditor-ui-text textarea { font-size: 14pt; font-family: 'Ubuntu Mono', Courier, monospace; } /* Make fallback editor legible (ex [[MediaWiki:Common.css]]) */ #editform, #toolbar, #wpTextbox1 { font-size: 14pt; font-family: 'Ubuntu Mono', Courier, monospace; } #catlinks { display: block; } /* Don't show category list if we have no categories */ #catlinks.catlinks-allhidden { display: none; } .mw-content-ltr .mw-collapsible-toggle, .mw-content-rtl .mw-content-ltr .mw-collapsible-toggle { float: left; padding-right: 5pt; } /* Make youtube vids resizable, e.g.: <div class="video-container"><youtube>1VEifEbbinM</youtube></div> */ .video-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video-container > p > iframe, .video-container > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container-container { max-width: 560px; } /* Stop showing columns on pages */ .mw-category { webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; -webkit-column-width: inherit; -moz-column-width: inherit; column-width: inherit; } /* Don't wrap the top bar so early */ @media (min-width:768px) { .container { width: 100%; } } /* This is for for some reason needed to keep the arrow next to the Edit button from wrapping */ .nav>li>a { display: inline-block; } blockquote { font-size: 10pt; } /* Stuff for the category picker */ #SelectCategoryList_chosen { max-width: 600px; } li.search-choice { font-size: 16px; } .chosen-results li { font-size: 16px; } .chosen-container .chosen-results { max-height: 150px; } /* Template:ArtistBox */ .artistbox { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1em; } .artistbox-title { font-size: 2em; text-align: center; } .artistbox-image { text-align: center; } .artistbox-table th { text-align: left; vertical-align: top; width: 80px; } .artistbox-table td { vertical-align: top; }