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: #DDCFA8; --theme-navtab-border: #82704F; --theme-navtab-border-bottom: #412f27; --theme-navtab-text-shadow: #F2EDDF; --theme-navtab-color: #3e251a; --theme-navtab-background-hover: #C0AD83; --theme-navtab-border-hover: #69583B; --theme-navtab-border-bottom-hover: #362E1D; --theme-navtab-text-shadow-hover: #F6F2EF; --theme-navtab-bg-border: #35271a; --theme-navtab-bg-border-bottom: #22110B; --theme-navtab-mainbackground: #5E4C35; --theme-dark-accent: #29100B; --theme-background: #635842; --theme-border: #5E4C35; --theme-quotebubbles: #5E4C35; }


 * root .theme-fandommobile-dark {

--theme-page-headings-font:Cookie Run Bold,rubik,helvetica,arial,sans-serif; --theme-navtab-background: #1F1730; --theme-navtab-border: #63507B; --theme-navtab-border-bottom: #8770A6; --theme-navtab-text-shadow: #27113F; --theme-navtab-color: #BEAEDE; --theme-navtab-background-hover: #3A275F; --theme-navtab-border-hover: #716297; --theme-navtab-border-bottom-hover: #9C8BC6; --theme-navtab-text-shadow-hover: #24182F; --theme-navtab-bg-border: #A081CC; --theme-navtab-bg-border-bottom: #8D7AAC; --theme-navtab-mainbackground: #583D94; --theme-dark-accent: #220B3E; --theme-background: #685889; --theme-border: #3D2A68; --theme-quotebubbles: #A081CC; }

/* 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-image:var(--theme-navtab-mainbackground); background-color:var(--theme-navtab-mainbackground); 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:#8D7AAC #8D7AAC #A081CC #8D7AAC; }

.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 }