Difference between revisions of "MediaWiki:Common.css"
From WikiSpiv
(115 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');*/ | |||
font- | /* Make the suggestions actually tappable */ | ||
.suggestions-result { | |||
font- | line-height: 3em; | ||
font-weight: | } | ||
/* 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 { | .spiv { | ||
/* Puts a border padding-right to the right of the actual wrapping point (width - padding-right) */ | /* Puts a border padding-right to the right of the actual wrapping point (width - padding-right) */ | ||
width: | /*width: 350px; | ||
padding-right: | padding-right: 24px; | ||
border-right: thin solid #C3C3C3; | border-right: thin solid #C3C3C3;*/ | ||
margin-bottom: 30px; | |||
} | } | ||
.spiv div { | .spiv div { | ||
line-height: 1; | |||
} | } | ||
. | /*.spiv, .credits { | ||
font-family: ' | font-family: 'Cormorant Garamond', serif; | ||
font-weight: 500; | |||
font-weight: | }*/ | ||
.credits { | |||
margin-bottom: 7px; | |||
margin- | |||
} | } | ||
.indented { | |||
padding-left: 1.5em; | |||
. | |||
} | } | ||
/* Make main editor legible */ | /* Make main editor legible */ | ||
.wikiEditor-ui-text textarea { | .wikiEditor-ui-text textarea { | ||
font-size: | font-size: 14pt; | ||
font-family: 'Ubuntu Mono', Courier, monospace; | |||
} | } | ||
/* Make fallback editor legible (ex [[MediaWiki:Common.css]]) */ | /* Make fallback editor legible (ex [[MediaWiki:Common.css]]) */ | ||
#editform, #toolbar, #wpTextbox1 { | #editform, #toolbar, #wpTextbox1 { | ||
font-size: | font-size: 14pt; | ||
font-family: 'Ubuntu Mono', Courier, monospace; | |||
} | } | ||
/* Make | #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%; | 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; | |||
font- | |||
} | } | ||
/* Stuff for the category picker */ | |||
font-size: | #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; }