User:Sjno2000/common.css

@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&family=Montserrat&display=swap');


 * root {

--border-radius: 1rem; --border-color: #c8ccd1; --container-background-color: #f8f9fa; }

body { font-family: 'Montserrat', sans-serif; background-color: #FFFFFF; }

border-radius: var(--border-radius); border: 1px solid var(--border-color) !important; overflow: hidden; }
 * 1) mw-content-wrapper, .vcard, .sidebar-chunk, #simpleSearch, .toc, figure, .infobox {

padding: 1rem; }
 * 1) mw-content-wrapper, .vcard, .sidebar-chunk, .toc, figure, .infobox {

display: flex; flex-direction: row; justify-content: center; }
 * 1) p-search {

opacity: 0.4; font-size: 0.3em; top: 20%; height: 60%; width: 4rem; }
 * 1) simpleSearch > .searchButton {

margin: 1em 0; }
 * 1) mw-content-wrapper {

display: none; }
 * 1) mw-site-navigation, #mw-related-navigation, #mw-header-hack, #p-logo-text, #personal > h2 > span, #personal-extra {

margin-top: 3.125em; }
 * 1) mw-content-container {

min-width: unset; padding-left: 1rem; }
 * 1) user-tools {

fill: #FAFAFA; width: 20px; height: 20px; }
 * 1) translate-button {

.mw-indicators { height: 32px; display: flex; flex-direction: row; gap: 1rem; }

.mw-indicator { margin: unset; }

background-color: var(--container-background-color); padding: 0.4rem 1rem 1rem 1rem; box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 2px 2px rgba(0,0,0,0.11), 0 4px 4px rgba(0,0,0,0.11), 0 6px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11); }
 * 1) other-languages-popup {

font-size: 1.1em; }
 * 1) mw-content-text {

input:focus { outline: none; }