Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m |
m |
||
Line 157: | Line 157: | ||
hr { | hr { | ||
overflow: hidden; | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | /* Tabber */ | ||
+ | .tabber .tabbertab { | ||
+ | padding: 0; | ||
+ | border: none; | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | ul.tabbernav li a:link { | ||
+ | color: rgba(255, 255, 255, 1.0); | ||
+ | border-radius: 2px; | ||
+ | } | ||
+ | |||
+ | ul.tabbernav { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font-weight: bold; | ||
+ | font-style: poppins; | ||
+ | } | ||
+ | |||
+ | ul.tabbernav li { | ||
+ | list-style: none; | ||
+ | margin: .5em 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | ul.tabbernav li a { | ||
+ | padding: 3px .5em; | ||
+ | margin-left: 3px; | ||
+ | border: 1px solid gray; | ||
+ | text-decoration: none; | ||
+ | white-space: pre; | ||
+ | } | ||
+ | |||
+ | ul.tabbernav li.tabberactive a { | ||
+ | border-bottom: none; | ||
} | } | ||
/* SpoilerBlur */ | /* SpoilerBlur */ | ||
.spoilerblur { | .spoilerblur { | ||
− | filter: blur( | + | filter: blur(3px); |
− | -webkit-filter: blur( | + | -webkit-filter: blur(3px); |
opacity: 0.40; | opacity: 0.40; | ||
− | -webkit-transition: all 1s 0 | + | -webkit-transition: all 0.1s 0 ease-in; |
− | -moz-transition: all 1s 0 | + | -moz-transition: all 0.1s 0 ease-in; |
− | -o-transition: all 1s 0 | + | -o-transition: all 0.1s 0 ease-in; |
− | -ms-transition: all 1s 0 | + | -ms-transition: all 0.1s 0 ease-in; |
− | transition: all 1s 0 | + | transition: all 0.1s 0 ease-in; |
} | } | ||
.spoilerblur:hover { | .spoilerblur:hover { | ||
− | filter: | + | filter: none; |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Revision as of 17:04, 16 May 2024
/* CSS placed here will be applied to all skins */
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
font-size: 100%;
}
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
/* @noflip */
float: right;
font-weight: normal;
/* @noflip */
margin-left: 0.5em;
/* @noflip */
text-align: right;
width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
width: 6em;
}
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
font-weight: normal;
/* @noflip */
text-align: right;
}
.navbox .mw-collapsible-toggle {
width: 6em;
}
/* Infobox template style */
.infobox {
border: 1px solid #aaa;
border-spacing: 3px;
background-color: #f9f9f9;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
}
.infobox td,
.infobox th {
vertical-align: top;
/* @noflip */
text-align: left;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
/* @noflip */
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #aaa;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #aaa;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #aaa;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #aaa;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* Theme */
hr {
overflow: hidden;
}
/* Tabber */
.tabber .tabbertab {
padding: 0;
border: none;
border-top: 0;
}
ul.tabbernav li a:link {
color: rgba(255, 255, 255, 1.0);
border-radius: 2px;
}
ul.tabbernav {
margin: 0;
padding: 0;
font-weight: bold;
font-style: poppins;
}
ul.tabbernav li {
list-style: none;
margin: .5em 0;
padding: 0;
}
ul.tabbernav li a {
padding: 3px .5em;
margin-left: 3px;
border: 1px solid gray;
text-decoration: none;
white-space: pre;
}
ul.tabbernav li.tabberactive a {
border-bottom: none;
}
/* SpoilerBlur */
.spoilerblur {
filter: blur(3px);
-webkit-filter: blur(3px);
opacity: 0.40;
-webkit-transition: all 0.1s 0 ease-in;
-moz-transition: all 0.1s 0 ease-in;
-o-transition: all 0.1s 0 ease-in;
-ms-transition: all 0.1s 0 ease-in;
transition: all 0.1s 0 ease-in;
}
.spoilerblur:hover {
filter: none;
}