Template:Userbox-level/styles.css

/** * From https://gerrit.wikimedia.org/g/mediawiki/extensions/Babel/%2B/HEAD/resources/ext.babel.css * I realize copying it over manually is not ideal. */ /** * Stylesheet for Babel extension. * * You can override the CSS code on the MediaWiki:Common.css page * on your wiki to adjust colours etc. * * @file * @ingroup Extensions */ /* Babel wrapper layout. */ /* @noflip */ .mw-babel-wrapper { background-color: #fff; color: #202122; border: 1px solid #99b3ff; border-spacing: 0; box-sizing: border-box; padding: 0; margin: 1px; width: 100%; } /* header and footer */ .mw-babel-header { font-weight: bold; text-align: center; } .mw-babel-footer { font-size: 85%; font-weight: normal; text-align: center; } /* Babel box layout */ .mw-babel-box { margin: 1px; } .mw-babel-box table { border-spacing: 0; width: 100%; margin: 0 !important; /* stylelint-disable-line declaration-no-important */ } .mw-babel-box th { font-size: 14pt; height: 45px; min-width: 45px; text-align: center; width: 45px; } .mw-babel-box td { line-height: 1.25em; font-size: 8pt; padding: 4pt; width: 100%; } @media all and ( min-width: 480px ) { /* @noflip */ .mw-babel-wrapper { /*float: right;*/ clear: right; width: 238px; }	/* @noflip */ .mw-content-ltr .mw-babel-wrapper { /*float: right;*/ clear: right; }	/* @noflip */ .mw-content-rtl .mw-babel-wrapper { float: left; clear: left; }	/* @noflip */ .mw-babel-box { /*float: right;*/ clear: right; width: 238px; }	/* @noflip */ .mw-content-ltr .mw-babel-box { /*float: right;*/ clear: right; }	/* @noflip */ .mw-content-rtl .mw-babel-box { /*float: left;*/ clear: left; } } /* Babel box colours. */ .mw-babel-box-0 { border: 1px solid #fbb; } .mw-babel-box-1 { border: 1px solid #e0c0e0; } .mw-babel-box-2 { border: 1px solid #bcb9ef; } .mw-babel-box-3 { border: 1px solid #99b3ff; } .mw-babel-box-4 { border: 1px solid #77e0e8; } .mw-babel-box-5 { border: 1px solid #ffcf4d; } .mw-babel-box-N { border: 1px solid #6ef7a7; } .mw-babel-box-0 table th { background-color: #fbb; color: #202122; } .mw-babel-box-1 table th { background-color: #e0c0e0; color: #202122; } .mw-babel-box-2 table th { background-color: #bcb9ef; color: #202122; } .mw-babel-box-3 table th { background-color: #99b3ff; color: #202122; } .mw-babel-box-4 table th { background-color: #77e0e8; color: #202122; } .mw-babel-box-5 table th { background-color: #ffcf4d; color: #202122; } .mw-babel-box-N table th { background-color: #6ef7a7; color: #202122; } .mw-babel-box-0 table { background-color: #fee; color: #202122; } .mw-babel-box-1 table { background-color: #f3e0f3; color: #202122; } .mw-babel-box-2 table { background-color: #e9e5f9; color: #202122; } .mw-babel-box-3 table { background-color: #e0e8ff; color: #202122; } .mw-babel-box-4 table { background-color: #d0f8ff; color: #202122; } .mw-babel-box-5 table { background-color: #ffefa6; color: #202122; } .mw-babel-box-N table { background-color: #c5fcdc; color: #202122; }