More actions
m Clean up Babel userboxen styling |
m Simplify Babel userboxen colours |
||
| Line 23: | Line 23: | ||
.mw-babel-box-0 { | .mw-babel-box-0 { | ||
--mw-babel-primary-color: #FFBBBB; | --mw-babel-primary-color: #FFBBBB; | ||
} | } | ||
.mw-babel-box-1 { | .mw-babel-box-1 { | ||
--mw-babel-primary-color: #E0C0E0; | --mw-babel-primary-color: #E0C0E0; | ||
} | } | ||
.mw-babel-box-2 { | .mw-babel-box-2 { | ||
--mw-babel-primary-color: #BCB9EF; | --mw-babel-primary-color: #BCB9EF; | ||
} | } | ||
.mw-babel-box-3 { | .mw-babel-box-3 { | ||
--mw-babel-primary-color: #99B3FF; | --mw-babel-primary-color: #99B3FF; | ||
} | } | ||
.mw-babel-box-4 { | .mw-babel-box-4 { | ||
--mw-babel-primary-color: #77E0E8; | --mw-babel-primary-color: #77E0E8; | ||
} | } | ||
.mw-babel-box-5 { | .mw-babel-box-5 { | ||
--mw-babel-primary-color: #FFCF4D; | --mw-babel-primary-color: #FFCF4D; | ||
} | } | ||
.mw-babel-box-N { | .mw-babel-box-N { | ||
--mw-babel-primary-color: #6EF7A7; | --mw-babel-primary-color: #6EF7A7; | ||
} | } | ||
.mw-babel-box { | .mw-babel-box { | ||
| Line 67: | Line 60: | ||
} | } | ||
.mw-babel-box td { | .mw-babel-box td { | ||
background-color: | background-color: #FFFFFF9F; | ||
font-size: .85em; | font-size: .85em; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
Revision as of 03:34, 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.35em;
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;
}