MediaWiki:Mobile.css

/* All CSS here will be loaded for users of the mobile site */

.desktop-only { display: none; }

/* Kanit font for headers */ @font-face { font-family: 'Kanit'; src: url('https://fonts.gstatic.com/s/kanit/v12/nKKZ-Go6G5tXcraVGwWKd6xB.ttf'); font-weight: 300,500,600,700,800,900; }

/* Page name font */ .mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator .mw-logo-wordmark { font-family: 'Kanit', sans-serif !important; font-weight: 900 !important; font-size: 1.7em !important; }

padding-right: 0.5em; }
 * 1) right-navigation {

.vector-menu-content-list { padding-right: 0.5em; }

/* Style h1 headers */ .vector-body h1, .mw-body h1, .mw-body-content h1 { font-family: 'Kanit', sans-serif; font-weight: 900; font-size: 1.7em; }

/* Style h2 headers */ .vector-body h2, .mw-body h2, .mw-body-content h2 { font-family: 'Kanit', sans-serif; font-weight: 800; font-size: 1.6em; }

/* Style h3 headers */ .vector-body h3, .mw-body h3, .mw-body-content h3 { font-family: 'Kanit', sans-serif; font-weight: 700; font-size: 1.4em; margin-bottom: 16px; }

/* Style h4 headers */ .vector-body h5, .mw-body h4, .mw-body-content h4 { font-family: 'Kanit', sans-serif; font-size: 1.2em; font-weight: 600; }

/* Style h5 headers */ .vector-body h5, .mw-body h5, .mw-body-content h5 { font-family: 'Kanit', sans-serif; font-size: 1.2em; font-weight: 500; }

/* Style h6 headers */ .vector-body h6, .mw-body h6, .mw-body-content h6 { font-family: 'Kanit', sans-serif; font-size: 1.1em; font-weight: 300; }

.vector-body h1 { margin-top: 0.2em; } .vector-body h2 { margin-top: 0.2em; } .vector-body h3 { padding-top: 0; margin-bottom: 0; } .vector-body h4 { padding-top: 0; margin-top: 0.3em; } .vector-body h5 { padding-top: 0; } .vector-body h6 { padding-top: 0; }

.wikitable > tbody > tr > td > h1, h2, h3, h4, h5, h6 { margin-top: 0; }

/*Change main pages container size*/

.mw-content-container, .mw-table-of-contents-container, #mw-sidebar-checkbox:not(:checked) ~ .vector-sidebar-container-no-toc ~ .mw-content-container { max-width: 95em; }

/*Small fixes*/

.vector-menu-portal .vector-menu-heading { color:#000!important; }

html.client-darkmode .vector-menu-portal .vector-menu-heading { filter: none; }

.embedvideo-player { border-radius: 1em!important; }

li.gallerybox div.thumb { border-color: rgba(205, 203, 200, 0.3) !important; background-color: rgba(246, 246, 246, 0.3) !important; }

.mw-logo-icon { margin-right: 5px; }

.mw-header { margin-top:20px; }

.mw-body h1 { padding-top: 30px; }

.vector-toc-not-collapsed #mw-sidebar-checkbox:not(:checked) ~ .mw-table-of-contents-container .vector-sticky-toc-container { padding-top: unset; margin-top: unset; }

.sidebar-toc { padding-top:0px; }

.mw-body { border-color: transparent; border-top: unset; margin-top: unset; padding: unset; }

.vector-sticky-header-context-bar { border-left:none; padding-left:0; }

h1, h2, .vector-menu-portal .vector-menu-heading { border-bottom: 1px solid #cdcbc8; }

/*Visual edit Toolbar size*/

.oo-ui-toolbar-bar { left:auto; right:auto; }

/*Breadcrumbs fixes*/

.jsbc-breadcrumbs { top:auto; }

/*Boxes color match*/

.jsbc-breadcrumbs, .mw-sidebar, .wikitable, .sortable, .mw-collapsible, .mw-collapsed, .jquery-tablesorter, .mw-made-collapsible, .vector-search-box-input { border-color: rgba(205, 203, 200, 0.3) !important; border-radius: 1em!important; background-color: rgba(246, 246, 246, 0.3) !important; border-width: 1px!important; border-style: solid!important; }

table, .wikitable > tr > th, .wikitable > * > tr > th, .vector-search-box-inner { background-color:transparent!important; }

/* Toolbox and toolbar rework */

.vector-menu-portal, .vector-menu-content li { font-size: 0.875em !important; font-size: calc(1em * 0.875) !important; }

/* Tables body rework */

.wikitable > * > tr > td { background-color: rgba(229, 229, 229, 0.3); border-style: solid; border-color: transparent; border-spacing: 0px 0px; }

table { border-spacing: 0px 0px; }

/* Start of infobox reskin; bother Xaph if you have any questions */

.notaninfobox { min-width: 300px; width: auto; position: relative; clear: right; margin: 0 0 1em 1em; font-size: 90%; float: right; border-color: rgba(205, 203, 200, 0.3); border-radius: 1em; background-color: rgba(246, 246, 246, 0.3); border-width: 1px; border-style: solid; overflow: hidden; z-index: 1; }

@media all and (max-width:511px) { .notaninfobox { float: none; margin-left: 0; width: auto } }

@media all and (max-width:337px) { .notaninfobox { margin-left: -16px; margin-right: -16px; border-left: none; border-right: none } }

.notaninfobox>.infobox-title { font-family: 'Kanit', sans-serif; font-weight: bold; font-size: 1.6em; text-align: center; background-color: transparent; }

.infobox-imagearea { text-align: center; padding: 4px }

.infobox-imagearea>div:not(:first-child) { padding-top: 1em }

display: inline-flex; align-items: center }
 * 1) mw-content-text .infobox-imagearea .animated {

.notaninfobox table.infobox-rows { display: table; margin: 0; width: 100%; border-collapse: separate; border-spacing: 0px 0px; }

.notaninfobox .infobox-rows>tbody>tr { background-color: transparent; }

.notaninfobox .infobox-rows>tbody>tr:nth-child(even) { background-color: rgba(229, 229, 229, 0.3); }

.infobox-rows>tbody>tr>th { text-align: left; white-space: nowrap; }

margin: 0 }
 * 1) mw-content-text .infobox-rows p {

.infobox-rows dl+dl { margin-top: -0.4em }

.infobox-rows dl:last-child { margin-bottom: 0.2em }

.infobox-footer { text-align: center }

table.infobox-rows, client-darkmode table.infobox-rows { background-color: transparent; }

/* End of infobox reskin, bother Xaph if you have any questions */