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; }