MediaWiki:FandomMobile.css

@import url("/load.php?mode=articles&articles=MediaWiki:MobileInfoboxBG.css&only=styles");

/*CR font*/

@font-face { font-family: 'Cookie Run Regular'; src: url('/wiki/Special:FilePath/CookieRun_Regular.woff2') format('woff2'); font-style: normal; font-weight: normal; }

@font-face { font-family: 'Cookie Run Bold'; src: url('/wiki/Special:FilePath/CookieRun_Bold.woff2') format('woff2'); font-style: normal; font-weight: bold; }

@font-face { font-family: 'Cookie Run Black'; src: url('/wiki/Special:FilePath/CookieRun_Black.woff2') format('woff2'); font-style: normal; font-weight: bold; }

/* Root & custom properties, theme colors */


 * root .theme-fandommobile-light {

--theme-page-headings-font:Cookie Run Bold,rubik,helvetica,arial,sans-serif; --theme-navtab-background:#CCB3A1; --theme-navtab-border:#82604f; --theme-navtab-border-bottom:#412f27; --theme-navtab-text-shadow:#f2e8df; --theme-navtab-color:#3e251a; --theme-navtab-background-hover:#BFA490; --theme-navtab-border-hover:#694A3B; --theme-navtab-border-bottom-hover:#36241D; --theme-navtab-text-shadow-hover:#F6F2EF; --theme-navtab-bg-border:#35271a; --theme-navtab-bg-border-bottom:#22110B; }


 * root .theme-fandommobile-dark {

--theme-page-headings-font:Cookie Run Bold,rubik,helvetica,arial,sans-serif; --theme-navtab-background:#312625; --theme-navtab-border:#7B6450; --theme-navtab-border-bottom:#A68770; --theme-navtab-text-shadow:#290B18; --theme-navtab-color:#cc9c81; --theme-navtab-background-hover:#42332F; --theme-navtab-border-hover:#977B62; --theme-navtab-border-bottom-hover:#C6A78B; --theme-navtab-text-shadow-hover:#2F1820; --theme-navtab-bg-border:#cca881; --theme-navtab-bg-border-bottom:#AC927A; }

/* Icon template */

.crobIcon { font-size: 14px; font-weight: 600; white-space: nowrap; position:relative; left:-10px; bottom:-5px; color:#FFF7E7; text-shadow: -1px -1px 1px #1E0900, 1px -1px 1px #1E0900, -1px 1px 1px #1E0900, 1px 1px 1px #1E0900; } .crobIcon a, .crobIcon a:link, .crobIcon a:hover, .crobIcon a:focus, .crobIcon a:active, .crobIcon a:visited { font-size: 14px; font-weight: 600; color: #FFF7E7; }

/* General styling */

.wiki-page-header__hero-image { border-radius:5px 5px 0 0; border: 1px solid var(--theme-border-color); }

.wiki-page-header__hero-image img { object-fit: none; -o-object-fit:none; width: auto; }

/* Navtab things */

.navtab a { font-weight:bold; color:var(--theme-navtab-color); border:1px solid var(--theme-navtab-border); border-radius:12px 12px 0 0; text-align:center; padding:8px; font-family:Cookie Run Bold,rubik,helvetica,arial,sans-serif; font-size:16.5px; line-height:1.3; overflow:hidden; width:100%; height:100%; display:-webkit-flexbox; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; justify-content:center; background-color:var(--theme-navtab-background); -webkit-transition:background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear; -moz-transition:background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear; -ms-transition:background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear; -o-transition:background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear; transition:background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear; border-bottom:2px solid var(--theme-navtab-border-bottom); text-shadow:1px 1px 0 var(--theme-navtab-text-shadow),-1px 1px 0 var(--theme-navtab-text-shadow),1px -1px 0 var(--theme-navtab-text-shadow),-1px -1px 0 var(--theme-navtab-text-shadow),0px 1px 0 var(--theme-navtab-text-shadow),0px -1px 0 var(--theme-navtab-text-shadow),-1px 0px 0 var(--theme-navtab-text-shadow),1px 0px 0 var(--theme-navtab-text-shadow),1px 1px 0 var(--theme-navtab-text-shadow),-1px 1px 0 var(--theme-navtab-text-shadow),1px -1px 0 var(--theme-navtab-text-shadow),-1px -1px 0 var(--theme-navtab-text-shadow),0px 1px 0 var(--theme-navtab-text-shadow),0px -1px 0 var(--theme-navtab-text-shadow),-1px 0px 0 var(--theme-navtab-text-shadow),1px 0px 0 var(--theme-navtab-text-shadow),1px 1px 0 var(--theme-navtab-text-shadow),-1px 1px 0 var(--theme-navtab-text-shadow),1px -1px 0 var(--theme-navtab-text-shadow),-1px -1px 0 var(--theme-navtab-text-shadow),1px 1px 0 var(--theme-navtab-text-shadow),-1px 1px 0 var(--theme-navtab-text-shadow),1px -1px 0 var(--theme-navtab-text-shadow),-1px -1px 0 var(--theme-navtab-text-shadow); }

.navtab a:hover { color:var(--theme-link-color--hover); background-color:var(--theme-navtab-background-hover); -webkit-transition:background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear; -moz-transition:background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear; -ms-transition:background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear; -o-transition:background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear; transition:background-color .1s linear,border-right-color .1s linear,border-top-color .1s linear,border-left-color .1s linear,border-bottom-color .1s linear,text-shadow .1s linear; border-color:var(--theme-navtab-border-hover); border-bottom-color:var(--theme-navtab-border-bottom-hover); text-shadow:1px 1px 0 var(--theme-navtab-text-shadow-hover),-1px 1px 0 var(--theme-navtab-text-shadow-hover),1px -1px 0 var(--theme-navtab-text-shadow-hover),-1px -1px 0 var(--theme-navtab-text-shadow-hover),0px 1px 0 var(--theme-navtab-text-shadow-hover),0px -1px 0 var(--theme-navtab-text-shadow-hover),-1px 0px 0 var(--theme-navtab-text-shadow-hover),1px 0px 0 var(--theme-navtab-text-shadow-hover),1px 1px 0 var(--theme-navtab-text-shadow-hover),-1px 1px 0 var(--theme-navtab-text-shadow-hover),1px -1px 0 var(--theme-navtab-text-shadow-hover),-1px -1px 0 var(--theme-navtab-text-shadow-hover),0px 1px 0 var(--theme-navtab-text-shadow-hover),0px -1px 0 var(--theme-navtab-text-shadow-hover),-1px 0px 0 var(--theme-navtab-text-shadow-hover),1px 0px 0 var(--theme-navtab-text-shadow-hover),1px 1px 0 var(--theme-navtab-text-shadow-hover),-1px 1px 0 var(--theme-navtab-text-shadow-hover),1px -1px 0 var(--theme-navtab-text-shadow-hover),-1px -1px 0 var(--theme-navtab-text-shadow-hover),1px 1px 0 var(--theme-navtab-text-shadow-hover),-1px 1px 0 var(--theme-navtab-text-shadow-hover),1px -1px 0 var(--theme-navtab-text-shadow-hover),-1px -1px 0 var(--theme-navtab-text-shadow-hover); }

.mobile-navtab-bg { position:relative; height:100%; width:100%; border-radius:10px 10px 0 0; text-align:center; padding:8px; line-height:1.3; text-shadow:1px 1px 0 #290B18,-1px 1px 0 #290B18,1px -1px 0 #290B18,-1px -1px 0 #290B18,0px 1px 0 #290B18,0px -1px 0 #290B18,-1px 0px 0 #290B18,1px 0px 0 #290B18,1px 1px 0 #290B18,-1px 1px 0 #290B18,1px -1px 0 #290B18,-1px -1px 0 #290B18,0px 1px 0 #290B18,0px -1px 0 #290B18,-1px 0px 0 #290B18,1px 0px 0 #290B18,1px 1px 0 #290B18,-1px 1px 0 #290B18,1px -1px 0 #290B18,-1px -1px 0 #290B18,1px 1px 0 #290B18,-1px 1px 0 #290B18,1px -1px 0 #290B18,-1px -1px 0 #290B18; font-family:Cookie Run Bold,rubik,helvetica,arial,sans-serif; font-size:16.5px; color:white; overflow:hidden; display:-webkit-flexbox; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; justify-content:center; border-width:1px; border-bottom-width:1px; border-bottom-width:2px; border-style:solid; background-color:#624d43; background-image:url(https://static.wikia.nocookie.net/cookierunkingdom/images/b/bc/Header_bg_624d43.png/revision/latest?cb=20230220065000&format=original); background-position:left; background-size:2400px 502px; }

.theme-fandommobile-light .mobile-navtab-bg { border-color:#35271a #35271a #22110b #35271a; }

.theme-fandommobile-dark .mobile-navtab-bg { border-color:#ac927a #ac927a #cca881 #ac927a; }

.article-table-wrapper table.mobile-navtab tr > td, .article-table-wrapper tr > th { max-width:100%; }

table.mobile-navtab { margin:10px 0; }

.mobile-navtab > tbody > tr > td { padding:0; border:0; width:100%; }

.mobile-navtab > tbody > tr { display: flex; align-items: flex-end; justify-content: center; }

.article-table-wrapper .mobile-navtab tr > td:not(:last-child) { border:0 }