MediaWiki:Fandomdesktop.css

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,display=swap'); @import url('https://fonts.googleapis.com/css2?family=Space+Mono&display=swap');

.WikiaArticle h1, .WikiaArticle h2, .WikiaArticle h3, .WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6, .WikiaArticle p { font-family: "Archivo", sans-serif; font-weight:400; }

.WikiaArticle b { font-family: "Archivo", sans-serif; font-weight: 700; }

.WikiaArticle i { font-family: "Archivo", sans-serif; font-style: italic; }

.WikiaArticle pre, .WikiaArticle code { font-family: "Space Mono", monospace; }

.portable-infobox { border-radius: 4px; margin: 1em 0 1em 1em; padding: 10px; background-color: #234451; width: 300px; }

.pi-europa .pi-header, .pi-europa .pi-title { background-color: #002a32; /*Background color*/ color: #ccc;           /*Text color*/ }

.portable-infobox .pi-background { background-color: #234451; }

.pi-image img { padding: 10px; margin: 10px auto; background-color: black; border: 3px solid #002A32; border-radius: 4px; max-width: 90px; max-height: 90px; width: auto; }

.pi-item:nth-child(2) > a:nth-child(1) > img:nth-child(1) { background-image: url(https://vignette.wikia.nocookie.net/metamo-ark/images/3/3a/Bg.png/revision/latest/zoom-crop/width/120/height/120); }

.pi-theme-gamesbox > .pi-item:nth-child(2) > a:nth-child(1) > img:nth-child(1) { background-image: none; background-color: transparent; border: none; max-width: 100%; max-height: 100%; }

.pi-item:nth-child(3) > a:nth-child(1) > img:nth-child(1) { background-size: 4px 4px; background-image: radial-gradient(circle,#111 1px,rgba(0,0,0,0) 1px); }

/* metamo Ark shenanigans */ .pi-image img[data-image-name="Metamoark.jpg"] { background-color: transparent; background-image: none; border: none; padding: 2px; margin: 2px auto; max-width: 100%; max-height: 100%; } .pi-image img[data-image-name="Metamoark2.jpg"] { background-color: transparent; background-image: none; border: none; padding: 2px; margin: 2px auto; max-width: 100%; max-height: 100%; }

.portable-infobox .pi-title,.portable-infobox .pi-header { text-align: center; }

.portable-infobox .pi-border-color { border-color: #006699; }

.pi-caption { text-align: center; color:#F5F5F5; font-style: normal; }

.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }

.meteotable { margin: 1rem auto; width: 125px; background-color: #243159; border: 1px solid #2b3b6b; }

.meteotable td { padding: 8px; }

.gamesbox img { max-height: 200px; width: auto; }

.tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #234451 !important; padding: 0.3em 0 !important; border-radius: 2px; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #ccc !important; border: none !important; background: transparent !important; } .tabberactive a { color: white !important; font-size: 1rem; background: #234451 !important; border-radius: 4px 4px 0 0; } .tabbernav :not(.tabberactive) a:hover { background: rgba(42,161,152, 0.2) !important; border-radius: 4px; margin: 2px; } .tabbertab { border: none !important; padding: 0 !important; margin-bottom: 1rem; }