More actions
m Simplify Babel userboxen colours |
m Quick 'n' dirty hack for Babel identifiers flowing to second line |
||
| Line 53: | Line 53: | ||
} | } | ||
.mw-babel-box th { | .mw-babel-box th { | ||
font-size: 1. | font-size: 1.25em; | ||
height: 45px; | height: 45px; | ||
min-width: 45px; | min-width: 45px; | ||
Revision as of 13:29, 28 July 2024
/* CSS placed here will be applied to all skins */
/** Styling for userboxen to match mw:Extension:Babel */
.mw-babel-wrapper {
border: 1px solid currentColor;
border-spacing: 0;
box-sizing: border-box;
margin: 1px;
padding: 0;
width: 100%;
}
.mw-babel-header {
font-weight: bold;
text-align: center;
}
.mw-babel-footer {
font-size: 85%;
font-weight: normal;
text-align: center;
}
.mw-babel-box-0 {
--mw-babel-primary-color: #FFBBBB;
}
.mw-babel-box-1 {
--mw-babel-primary-color: #E0C0E0;
}
.mw-babel-box-2 {
--mw-babel-primary-color: #BCB9EF;
}
.mw-babel-box-3 {
--mw-babel-primary-color: #99B3FF;
}
.mw-babel-box-4 {
--mw-babel-primary-color: #77E0E8;
}
.mw-babel-box-5 {
--mw-babel-primary-color: #FFCF4D;
}
.mw-babel-box-N {
--mw-babel-primary-color: #6EF7A7;
}
.mw-babel-box {
background-color: var(--mw-babel-primary-color, transparent);
border: 1px solid var(--mw-babel-primary-color, transparent);
margin: 1px;
}
.mw-babel-box table {
border-spacing: 0;
margin: 0 !important;
width: 100%;
}
.mw-babel-box th {
font-size: 1.25em;
height: 45px;
min-width: 45px;
text-align: center;
width: 45px;
}
.mw-babel-box td {
background-color: #FFFFFF9F;
font-size: .85em;
line-height: 1.25em;
padding: .5em;
width: 100%;
}
@media all and (min-width: 480px) {
.mw-babel-wrapper {
clear: right;
float: right;
width: 238px;
}
.mw-content-ltr .mw-babel-wrapper {
clear: right;
float: right;
}
.mw-content-rtl .mw-babel-wrapper {
clear: left;
float: left;
}
.mw-babel-box {
clear: right;
float: right;
width: 238px;
}
.mw-content-ltr .mw-babel-box {
clear: right;
float: right;
}
.mw-content-rtl .mw-babel-box {
clear: left;
float: left;
}
}
/* Temporary CSS solution to hide KDE links until they are removed from skin */
#kFooterIncome, #kLegal, #kLinks .col-sm:not(:first-child) {
display: none;
}