More actions
Import from lethal.Miraheze.org |
m Clean up Babel userboxen styling |
||
| Line 5: | Line 5: | ||
/** Styling for userboxen to match mw:Extension:Babel */ | /** Styling for userboxen to match mw:Extension:Babel */ | ||
.mw-babel-wrapper { | .mw-babel-wrapper { | ||
border: 1px solid currentColor; | |||
border: 1px solid | |||
border-spacing: 0; | border-spacing: 0; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Line 51: | Line 50: | ||
} | } | ||
.mw-babel-box { | .mw-babel-box { | ||
background-color: var(--mw-babel-primary-color, transparent); | |||
border: 1px solid var(--mw-babel-primary-color, transparent); | border: 1px solid var(--mw-babel-primary-color, transparent); | ||
margin: 1px; | margin: 1px; | ||
} | } | ||
.mw-babel-box table { | .mw-babel-box table { | ||
border-spacing: 0; | border-spacing: 0; | ||
margin: 0 !important; | margin: 0 !important; | ||
width: 100%; | width: 100%; | ||
} | } | ||
.mw-babel-box th { | .mw-babel-box th { | ||
| Line 71: | Line 67: | ||
} | } | ||
.mw-babel-box td { | .mw-babel-box td { | ||
background-color: var(--mw-babel-secondary-color, transparent); | |||
font-size: .85em; | font-size: .85em; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
Revision as of 03:30, 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-secondary-color: #FFEEEE;
}
.mw-babel-box-1 {
--mw-babel-primary-color: #E0C0E0;
--mw-babel-secondary-color: #F3E0F3;
}
.mw-babel-box-2 {
--mw-babel-primary-color: #BCB9EF;
--mw-babel-secondary-color: #E9E5F9;
}
.mw-babel-box-3 {
--mw-babel-primary-color: #99B3FF;
--mw-babel-secondary-color: #E0E8FF;
}
.mw-babel-box-4 {
--mw-babel-primary-color: #77E0E8;
--mw-babel-secondary-color: #D0F8FF;
}
.mw-babel-box-5 {
--mw-babel-primary-color: #FFCF4D;
--mw-babel-secondary-color: #FFEFA6;
}
.mw-babel-box-N {
--mw-babel-primary-color: #6EF7A7;
--mw-babel-secondary-color: #C5FCDC;
}
.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: var(--mw-babel-secondary-color, transparent);
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;
}