MediaWiki:Common.css
ナビゲーションに移動
検索に移動
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Internet Explorer / Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
- Opera: Ctrl-F5を押してください
/* ここに記述したCSSはすべての外装に反映されます */
/* ↓ GLOBAL CSS FROM ENGLISH WIKI ↓ */
/*@import url(https://ratopia.wiki.gg/wiki/MediaWiki:Common.css?action=raw&ctype=text/css);*/
/***********************************************************************************************************
* css reset for browser default rules and MediaWiki internal rules
***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Varela+Round');
@import url('https://fonts.googleapis.com/css2?family=Jua');
* {
outline: 0;
}
table {
white-space: unset; /* be set to `no-wrap` in MW internal css */
}
/*スマホ用*/
.table-scroll{
overflow-x:scroll;
}
html {
font-size: 16px; /* reset rem size */
}
body {
overflow-y: unset;
}
pre {
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
padding: 0;
border: 0 solid transparent;
}
table {
display: table;
white-space: unset;
}
body, code {
background: none;
}
/***********************************************************************************************************
* css for wiki.gg top bar and footer bar
***********************************************************************************************************/
/********* wiki.gg header *********/
header#wikigg-header #p-personal ul {
white-space: nowrap; /* for "log out" */
}
header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a {
/* user avatar icon position fix */
padding-top: 0;
background-position: left center;
}
@media screen and (max-width: 720px) {
header#wikigg-header #p-personal li#p-themes > span {
display: inline-block;
}
}
/********* wiki.gg footer *********/
footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left {
margin: 0;
text-align: center;
}
@media screen and (max-width: 479px) {
footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left {
width: auto;
}
}
@media screen and (max-width: 359px) {
footer#wikigg-footer .footer-middle {
/* hide wiki.gg logo to make room to avoid text wrapping */
display: none;
}
}
/***********************************************************************************************************
* theming vars.
***********************************************************************************************************/
:root {
/*** top site logo ***/
--theme-site-logo-image: url(/images/e/e6/Site-logo.png);
--theme-site-logo-filter: none;
--theme-site-logo-width-px: 408;
--theme-site-logo-height-px: 264;
--theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
--theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1.4px);
/*** site background ***/
--theme-site-background: #47301f url(/images/8/80/Site-background.jpg) center / cover no-repeat fixed;
/* common "box" style */
--theme-box-back-backdrop-filter: none;
--theme-box-border-radius: 9px;
--theme-box-border-width: 0px;
--theme-box-border-style: solid;
--theme-box-border-color: rgb(81,39,0);
--theme-box-shadow: none;
--theme-box-shadow2: none;
--theme-box-back-background: rgba(255,255,255, 0);
/* be used in multi-layer background, so we can't simpy use background-color */
--theme-box-background: linear-gradient(#fff2e0, #fff2e0);
--theme-background: var(--theme-box-background), var(--theme-box-back-background);
/*** text color ***/
--theme-text-color: #000;
--theme-text-color-hover: var(--theme-text-color);
--theme-text-color-note: #666;
--theme-text-color-em: #5a3c22;
--theme-heading-color: rgb(165,83,0);
--theme-heading-font-face: sans-serif;
--theme-text-color-placeholder: #808080;
--theme-control-text-color: #333;
--theme-control-text-color-hover: #333;
/*** link text color ***/
--theme-link-color: #244993;
--theme-link-color-hover: #2e5ab2;
--theme-link-color-visited: var(--theme-link-color);
--theme-link-color-redlink: #dd001a;
--theme-link-color-focus: var(--theme-link-color);
/* default color for icons */
--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);
/* default common color */
--theme-border-color: rgb(191,109,0);
--theme-border-color-accent: rgb(250,202,0);
--theme-highlight-background: rgba(171, 84, 0, 0.15);
/* dropdown menu */
--theme-dropdown-border: 1px solid var(--theme-box-border-color);
--theme-dropdown-background: #feefdc;
--theme-dropdown-backdrop-filter: none;
/* for wide table */
--theme-wide-table-shadow-color: #999;
/** notification **/
--theme-notice-red-text-color: #ff001f;
--theme-notice-orange-text-color: #ffab5b;
/* portable infobox */
--pi-background: none;
--pi-border-color: #e0c7a7;
--pi-secondary-background: #e4cbad;
--pi-secondary-background--label: var(--theme-text-color);
--pi-item-spacing: 5px 10px;
/* https://www.iconfinder.com/icons/7422432/wikipedia_wiki_encyclopedia_knowledge_education_icon */
--icon-wiki: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Wikipedia'%3E%3Cpath d='M32.59,12.32a.46.46,0,0,1-.08.25.26.26,0,0,1-.19.11,2.34,2.34,0,0,0-1.35.53,5,5,0,0,0-1.09,1.73L24.16,27.82c0,.12-.14.18-.31.18a.33.33,0,0,1-.31-.18l-3.21-6.7-3.69,6.7a.34.34,0,0,1-.31.18.34.34,0,0,1-.33-.18L10.39,14.94a4.37,4.37,0,0,0-1.11-1.67,3,3,0,0,0-1.63-.59.19.19,0,0,1-.16-.1.29.29,0,0,1-.08-.22c0-.21.06-.31.18-.31.5,0,1,0,1.57.07s1,.07,1.43.07,1,0,1.61-.07,1.23-.07,1.73-.07c.12,0,.18.1.18.31s0,.32-.11.32a2.09,2.09,0,0,0-1.18.38,1,1,0,0,0-.44.85,1.72,1.72,0,0,0,.18.67L17.2,25.06l2.64-5-2.46-5.15a6.87,6.87,0,0,0-1.08-1.78A2.25,2.25,0,0,0,15,12.68a.17.17,0,0,1-.15-.1.33.33,0,0,1-.08-.22c0-.21.05-.31.16-.31a11.78,11.78,0,0,1,1.38.07,12.87,12.87,0,0,0,1.29.07c.45,0,.92,0,1.42-.07s1-.07,1.52-.07c.12,0,.18.1.18.31s0,.32-.11.32c-1,.07-1.5.35-1.5.85a2.8,2.8,0,0,0,.35,1l1.62,3.3,1.62-3A2.43,2.43,0,0,0,23,13.78c0-.69-.5-1.06-1.5-1.1-.09,0-.13-.11-.13-.32a.42.42,0,0,1,.06-.21c.05-.07.09-.1.14-.1.36,0,.8,0,1.32.07s.91.07,1.23.07.58,0,1-.06,1.05-.08,1.43-.08c.09,0,.13.09.13.27s-.08.36-.24.36a2.81,2.81,0,0,0-1.41.48,6.12,6.12,0,0,0-1.33,1.78l-2.15,4,2.91,5.94,4.31-10a2.64,2.64,0,0,0,.22-1c0-.73-.5-1.12-1.5-1.16-.09,0-.14-.11-.14-.32s.07-.31.21-.31c.36,0,.8,0,1.3.07s.85.07,1.16.07.71,0,1.14-.07a11.09,11.09,0,0,1,1.22-.07Q32.59,12.05,32.59,12.32Z'/%3E%3C/g%3E%3C/svg%3E");
/* https://www.iconfinder.com/icons/8678406/brush_paint_painting_icon */
--icon-brush: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z'/%3E%3C/g%3E%3C/svg%3E");
/* icons below are from https://tabler-icons.io/ */
--icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
--icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E");
--icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
--icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E");
--icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E");
--icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E");
--icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E");
--icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E");
--icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E");
--icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E");
--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E");
--icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E");
--icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E");
--icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E");
--icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E");
--icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E");
--icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E");
--icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E");
--icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E");
--icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E");
}
/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
--theme-text-color: #ab5400;
--theme-heading-color: #FFF;
--theme-link-color: var(--theme-text-color);
--theme-link-color-visited: var(--theme-link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-icon-color: #fff;
--theme-icon-color-hover: #fff;
--theme-border-width: 0;
--theme-gap: 2px;
}
#catlinks {
--theme-background: #f3dfc5;
--theme-box-border-radius: 4px;
}
#footer {
--theme-background: #fff2e0;
}
/* navbar */
#mw-head {
--theme-link-color: var(--theme-text-color);
--theme-link-color-visited: var(--theme-link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-background: none;
--theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
--theme-tab-background: none;
--theme-tab-background-selected: none;
--theme-tab-color-selected: var(--theme-text-color);
--theme-tab-color-selected-hover: var(--theme-tab-color-selected);
--theme-tab-border-color: var(--theme-box-border-color);
--theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
--theme-border-color: var(--theme-box-border-color);
--theme-link-color: var(--theme-text-color);
--theme-background: var(--theme-box-background);
--theme-border-color-hover: var(--theme-icon-color-hover);
--theme-border-color-focus: var(--theme-border-color-hover);
--theme-shadow: none;
--theme-shadow-focus: var(--theme-box-shadow);
}
/* search result suggestion */
body > .suggestions {
--theme-border-color: var(--theme-box-border-color);
--theme-rule-color: var(--theme-border-color);
--theme-link-color: var(--theme-text-color);
--theme-link-color-visited: var(--theme-text-color);
--theme-link-color-hover: var(--theme-text-color-hover);
}
.gallery {
--theme-gap-x: 6px;
--theme-gap-y: 6px;
}
.thumb {
--theme-box-border-radius: 0;
}
/***********************************************************************************************************
* base css styles for both interface and content box: font, color, etc.
***********************************************************************************************************/
/** Font **/
html, body {
font-family: Varela Round, Arial, sans-serif;
color: var(--theme-text-color);
}
html {
background: var(--theme-site-background);
}
body {
font-size: 14px;
line-height: 1.5;
}
ul, ol {
margin: 2px 0 2px 1.5em;
}
li {
margin: 0 0 2px 0;
}
pre, code, .mw-code {
color: var(--theme-text-color);
border: 1px solid var(--theme-border-color);
background: var(--theme-background);
}
/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
text-decoration: none;
color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
text-decoration: underline;
color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
/* Self-links aren't real links, they're not clickable.
* Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
* We should not use :not(.selflink) since it increases the priority and make it is difficult to override
* link styles for certain elements (e.g. in wiki.gg header).
*/
text-decoration: none;
color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
color: var(--theme-link-color-redlink);
}
/*********************************************************************************************************/
input, button {
color: var(--theme-control-text-color);
}
input[type=submit] {
color: var(--theme-control-text-color);
}
::placeholder {
color: var(--theme-text-color-placeholder);
}
/* Removes VisualEdit button */
#ca-ve-edit {
display: none;
}
/* Text color */
.i .note,
.note-text {
color: var(--theme-text-color-note);
}
em {
color: var(--theme-text-color-em);
}
.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
image-rendering: pixelated; /*for chrome*/
image-rendering: crisp-edges; /*for firefox*/
}
.small {
font-size: 85%;
}
.fullwidth, .full-width {
width: 100%;
}
.nowrap {
white-space: nowrap;
}
/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
text-align: center;
}
.alignleft,
.align-left {
text-align: left;
}
.alignright,
.align-right {
text-align: right;
}
/* clear fix for float block */
.clearfix {
*zoom: 1;
}
.clearfix::before,
.clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}
/* References smaller text than main */
.references {
font-size: 90%;
}
/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
font-size: 14px !important;
}
/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
display: inline;
}
/* hide last empty paragraph at the end */
div.mw-parser-output > p:last-child > br:only-child {
display: none;
}
/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
content: " ";
}
.block {
display: block;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
hr.space {
height: 4px;
background: none;
border: 0;
}
.page-content .vertical-align-top * {
vertical-align: top;
}
.page-content .vertical-align-bottom * {
vertical-align: bottom;
}
/* Drowning Table No Border */
.drowning-table-no-border {
border: none;
}
/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
max-width: unset;
}
/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
box-sizing: border-box;
border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
border-radius: var(--theme-box-border-radius);
backdrop-filter: var(--theme-box-back-backdrop-filter);
box-shadow: var(--theme-box-shadow);
background: var(--theme-box-background), var(--theme-box-back-background);
}
/***********************************************************************************************************
* interface layout and styles for widgets outside of content box
***********************************************************************************************************/
:root {
--layout-topbar-height: 35px; /* height of wiki.gg topbar */
--layout-sidebar-width: 180px; /* width of side navbar, without gap */
--layout-sidespace: 24px; /* whitespace width on most left and most right */
--layout-box-gap: 18px;
--layout-logo-scale: 1;
--layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
--layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
--layout-logo-box-height: calc(var(--layout-logo-height) + var(--layout-box-gap) * 0);
--dropdown-item-padding-x: 12px;
--dropdown-item-padding-y: 4px;
}
/**** Main Layout START ***********************************************************/
/**
* Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
*/
html, body {
min-height: 100%;
}
html {
height: 100%;
scroll-padding-top: calc(var(--layout-topbar-height) + 10px);
}
body {
height: auto;
}
/*** main grid container ***/
body {
/* self */
box-sizing: border-box;
/* grid */
display: grid;
grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
grid-template-rows: [body-start] calc(var(--layout-topbar-height) + var(--layout-box-gap)) [page-start nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end];
gap: 0 var(--layout-box-gap);
}
/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
* div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
*/
body > .content-wrapper,
#mw-navigation {
display: contents;
}
/** unused, hide them **/
#mw-head-base,
#mw-navigation > h2 {
display: none;
}
/** side nav bar **/
#mw-panel {
grid-column: aside-left/aside-right;
grid-row: aside-start/aside-end;
margin-bottom: var(--layout-box-gap);
float: none;
width: unset;
padding: 0;
}
/** nav **/
#mw-head {
grid-column: nav-left/nav-right;
grid-row: nav-start/nav-end;
}
/** content **/
.mw-body {
grid-column: content-left/content-right;
grid-row: content-start/content-end;
}
/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
grid-column: body-left/body-right;
grid-row: page-start/page-end;
}
/** #footer: content footer **/
#footer {
grid-column: footer-left/footer-right;
grid-row: footer-start/footer-end;
margin: 0;
z-index: 0;
}
/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
grid-column: content-left/content-right;
grid-row: nav-start/footer-end;
height: 100%;
}
/** wiki.gg footer bar **/
body > footer {
grid-column: body-left/body-right;
grid-row: page-end/body-end;
}
/*** logo block. It is absolute position ***/
#p-logo {
width: var(--layout-sidebar-width);
height: calc(var(--theme-site-logo-height-px) / var(--theme-site-logo-width-px) * var(--layout-sidebar-width));
left: 0;
top: var(--layout-topbar-height);
background: var(--theme-site-logo-image) center center/contain no-repeat;
margin-top: 0;
display: flex;
align-items: center;
justify-content: center;
filter: var(--theme-site-logo-filter);
}
/* use logo image as <a>'s background will sometime flicker when hovered on Firefox,
* I still don't know why, but move background to #p-logo can avoid this issue.
*/
#p-logo .mw-wiki-logo {
width: var(--layout-sidebar-width);
height: calc(var(--theme-site-logo-height-px) / var(--theme-site-logo-width-px) * var(--layout-sidebar-width));
margin: auto;
background: none; /* logo flicker fix */
}
/**** Main Layout END ***********************************************************/
/********* side panel START *********/
#mw-panel {
--list-body-font-size: 14px;
--list-body-padding-x: 6px;
--list-body-padding-y: 3px;
}
#mw-panel a {
text-decoration: none;
}
/* section box */
#mw-panel .portal {
margin: 0 0 var(--layout-box-gap) 0;
padding: 0;
box-sizing: border-box;
border-radius: var(--theme-box-border-radius);
overflow: hidden;
background: url(/images/2/2e/UI_Re_Pattern2.png);
font-weight: bold;
}
#mw-panel .portal .vector-menu-heading {
/* section heading */
background: url(/images/0/0a/UI_MainFrame_Pattern2.png) left top/100% auto;
margin: 0;
padding: 8px 12px;
font-size: 16px;
font-weight: bold;
text-shadow: 1.5px 1.5px 0px #000, -0.8px 0 0 #000, 0 -0.8px 0 #000, 0.8px 0 0 #000, 0 0.8px 0 #000;
line-height: 18px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
color: white;
font-family: Jua;
}
/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
display: flex;
}
/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
content: "";
display: block;
background: none;
width: 0;
height: 0;
border-style: solid;
border-color: var(--theme-icon-color) transparent;
border-width: 0 5px 6px;
margin-top: 2px;
flex: 0 0 auto;
filter: drop-shadow(1.5px 1.5px 0 #000);
}
#mw-panel .portal .vector-menu-heading:hover::after {
border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
transform: scaleY(-1);
}
/* list body */
#mw-panel .portal .body {
background: none;
border: 0;
padding: 0;
margin: 0;
border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
padding: 6px;
}
#mw-panel .portal .body li {
margin: 0;
padding: 5px;
font-size: var(--list-body-font-size);
line-height: inherit;
margin-bottom: 5px;
margin-right: 2px;
background: repeating-linear-gradient(to right, #b56500, #b56500 20px, #c56e00 10px, #c56e00 41px);
background-repeat: no-repeat;
transition: .15s;
text-align: center;
font-family: varela round;
border-radius: 8px;
box-shadow: 2px 2px 0px #00000096;
}
#mw-panel .portal .body li:hover {
background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);
background-repeat: no-repeat;
transform: scale(1.052);
}
#mw-panel .portal .body li a {
display: block;
padding: 0 5px;
color: var(--theme-link-color);
font-family: 'Jua';
background-color: #feefdc;
border: 5px solid transparent;
border-image: url(/images/e/e7/Border_pattern.png) 9 round;
border-radius: 5px;
box-shadow: 2px 2px 0px #00000082;
}
#mw-panel .portal .body li a:visited {
color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
color: var(--theme-link-color-hover);
}
/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
text-indent: unset;
background-position: unset;
}
/********* side panel END *********/
/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
box-sizing: border-box;
border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
border-radius: var(--theme-box-border-radius);
backdrop-filter: var(--theme-box-back-backdrop-filter);
box-shadow: var(--theme-box-shadow);
background: var(--theme-box-back-background);
z-index: -1;
}
#mw-head, #content, #footer {
box-sizing: border-box;
background-clip: padding-box;
border: var(--theme-box-border-width) solid transparent;
margin: 0;
}
#mw-head {
border-bottom-width: 0;
}
#content {
border-top-width: 0;
border-bottom-width: 0;
}
#footer {
border-top-width: 0;
}
/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
float: unset;
font-size: unset;
line-height: unset;
}
/* tabs layout */
#mw-head {
--layout-padding: 12px;
--layout-gap: 12px;
--tab-padding-x: 16px;
--tab-padding-y: 8px;
--icon-size: 1em;
padding: 0;
background: var(--theme-background);
position: relative;
display: flex;
justify-content: space-between;
align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
float: none;
flex: 1 1 auto;
margin: 0;
display: flex;
align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
content: "";
display: block;
height: 100%;
border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
justify-content: flex-start;
}
#mw-head #right-navigation {
justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
flex: 1 1 auto;
}
/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
background: none;
}
/* tabs list */
#mw-head .vector-menu-tabs {
height: unset;
padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
display: flex;
align-items: flex-end;
}
/* tab */
#mw-head {
--theme-tab-border-style: solid;
--theme-tab-border-width: 0px;
--theme-border-bottom-style: solid;
--theme-border-bottom-width: 0px;
--theme-border-bottom-color: var(--theme-tab-border-color-selected);
--theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
/* outer box */
background: var(--theme-tab-background);
border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
border-radius: var(--theme-box-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-image-source: url(/images/a/a0/UI_Category_Base.png);
border-image-slice: 27 27 0 27 fill;
border-image-width: 18px 18px 0 18px;
border-image-repeat: repeat;
position: relative;
margin-right: var(--layout-gap); /* make space for gap */
transition: .15s;
}
#mw-head .vector-menu-tabs .mw-list-item:hover, #mw-head .vector-menu-dropdown:hover {
border-image-source: url(/images/9/9a/UI_Category_Selected.png);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover {
text-decoration: unset;
}
#mw-head .vector-menu-tabs .mw-list-item a:focus, #mw-head .vector-menu-dropdown .vector-menu-heading:focus {
text-decoration: unset;
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
/* gap */
content: "";
display: block;
width: var(--layout-gap);
height: 100%;
border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
position: absolute;
left: 100%;
bottom: calc(0px - var(--theme-border-bottom-width));
background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
/* inner box */
height: auto;
margin: 0;
padding: calc(var(--tab-padding-y) + 6px) calc(var(--tab-padding-x) + 6px) var(--tab-padding-y);
border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
border-bottom: 0;
border-radius: var(--theme-box-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
color: var(--theme-link-color);
background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
/* outer box: selected */
background: var(--theme-tab-background-selected);
border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
border-bottom: 0;
border-image-source: url(/images/9/9a/UI_Category_Selected.png);
border-image-slice: 27 27 0 27 fill;
border-image-width: 18px 18px 0 18px;
border-image-repeat: repeat;
--theme-link-color: var(--theme-tab-color-selected);
--theme-link-color-hover: var(--theme-tab-color-selected-hover);
--theme-icon-color: var(--theme-tab-color-selected);
--theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
/* gap */
bottom: 0;
padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
/* inner box: selected */
border: 0;
border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
background: none;
color: var(--theme-tab-color-selected);
}
/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
/* tab label */
position: relative;
display: flex;
align-items: center;
gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
/* arrow icon */
background: none;
opacity: unset;
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: var(--theme-icon-color) transparent;
border-width: 6px 5px 0;
margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
/* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
/* dropdown list body */
border: var(--theme-dropdown-border);
border-radius: var(--theme-box-border-radius);
background: var(--theme-dropdown-background);
backdrop-filter: var(--theme-dropdown-backdrop-filter);
border-top-left-radius: 0;
border-top-right-radius: 0;
left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
display: block;
padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
text-decoration: none;
color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
color: var(--theme-link-color-hover);
}
/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
--theme-link-color-hover: var(--theme-icon-color-hover);
width: 1.5em; /* same as line height */
height: 1.5em;
box-sizing: content-box;
padding: var(--tab-padding-y);
color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/
padding: calc(var(--tab-padding-y) + 6px) calc(var(--tab-padding-y) + 6px) var(--tab-padding-y);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
content: "";
display: block;
position: unset;
background-image: none;
width: var(--icon-size);
height: var(--icon-size);
margin: calc((1.5em - var(--icon-size)) / 2);
--mask: var(--icon) no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
/* line star */
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
/* solid star */
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}
/*** search form ***/
#mw-head #p-search {
/* navbar common border bottom */
border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
background: var(--theme-background-shadow);
margin: -2px -9px 0 9px;
align-self: stretch;
}
#mw-head #p-search form {
margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
border-width: 1px;
border-style: solid;
border-color: var(--theme-border-color);
border-radius: 21px;
border: 6px solid transparent;
background-image: repeating-linear-gradient(to right,#b56500,#b56500 20px,#c56e00 10px,#c56e00 41px);
transition: .15s;
}
#mw-head #p-search .vector-search-box-inner:hover {
border-color: transparent;
background-image: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
border-color: transparent;
box-shadow: var(--theme-shadow-focus);
background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);
}
#mw-head #p-search .vector-search-box-input {
border: 0;
color: #a55300;
background: linear-gradient(180deg, #ffefdd 15px, #efdeca 10px);
box-shadow: 2px 2px 0 #00000082;
height: 30px;
padding: 0 26px 0 8px;
margin-top: 0;
font-family: 'Jua';
font-size: 15px;border-image-source: url(/images/d/dd/Border_pattern_round.png);
border-image-slice: 37 37 1 37 fill;
border-image-width: 14px 14px 0;
border-image-repeat: repeat;
}
#mw-head #p-search .vector-search-box-input:focus {
outline: 0;
z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
opacity: 0;
}
#mw-head #p-search .searchButton {
width: 31px;
min-width: unset;
opacity: 1;
background-image: none;
--mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 18px 18px;
mask-size: 19px 19px;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--theme-link-color);
margin-top: 0;
}
#mw-head #p-search #searchform:hover .searchButton {
background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
background-color: var(--theme-link-color-focus);
}
/*** search result suggestions ***/
.suggestions {
background: var(--theme-background);
box-sizing: border-box;
margin-top: 0;
box-shadow: var(--theme-box-shadow);
backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
background: none;
}
.suggestions .suggestions-results {
border: 1px solid var(--theme-border-color);
border-top: 0;
border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
color: var(--theme-text-color);
}
.suggestions .suggestions-result {
padding: 1px 4px;
}
.suggestions .suggestions-special {
margin: 0;
padding: 2px 4px 4px;
border: 1px solid var(--theme-border-color);
border-top: 0;
border-radius: var(--theme-box-border-radius);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
background: var(--theme-highlight-background);
color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
color: var(--theme-link-color-hover);
}
/**** main content box ****/
/* font */
.vector-body {
font-size: unset; /* reset */
line-height: 1.7142857143;
}
/** layout **/
#content {
color: var(--theme-text-color);
padding: 0;
display: flex;
flex-direction: column;
background: #FFEACF url(/images/1/17/Dot_pattern_green.png) repeat-x;
--theme-heading-rule-color-h1: var(--theme-border-color);
--theme-heading-rule-color-h2: var(--theme-border-color);
--layout-padding-x: 24px;
--layout-padding-y: 16px;
border-color; #5e5243;
border-radius: var(--theme-box-border-radius) var(--theme-box-border-radius) 0 0;
}
.content-body {
flex: 1 1 auto;
}
.content-body > main {
align-self: stretch;
padding: 0;
}
#bodyContent {
display: flex;
flex-direction: column;
position: unset;
}
.mw-indicators {
margin: 6px 0 0 0;
filter: invert(1);
color: #000;
}
/** main heading section **/
#firstHeading {
overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
margin: var(--layout-padding-y) var(--layout-padding-x) -7px;
color: #fff;
text-shadow: 2px 2px 0 #000, -1px 0 0 #000, 0 -1px 0 #000, 1px 0 0 #000, 0 1px 0 #000;
font-family: 'Jua';
}
/** the " < rootpage < page " crumb **/
#contentSub, #contentSub2 {
margin: 0 var(--layout-padding-x);
color: #fff;
font-size: 12px;
line-height: 20px;
--theme-link-color: #fff;
--theme-link-color-hover: #fff;
--theme-link-color-visited: var(--theme-link-color);
--theme-icon-color: var(--theme-link-color);
--theme-icon-color-hover: var(--theme-link-color-hover);
text-shadow: 1.3px 1.3px 0 #000, -0.8px 0 0 #000, 0 -0.8px 0 #000, 0.8px 0 0 #000, 0 0.8px 0 #000;
font-family: 'Jua';
}
#contentSub .subpages {
color: transparent;
line-height: 20px;
font-size: 0;
}
#contentSub .subpages a {
font-size: 12px;
vertical-align: middle;
display: inline-flex;
align-items: center;
padding-left: 4px;
}
#contentSub .subpages a::before {
content: "";
display: inline-block;
height: 4px;
width: 4px;
border-color: var(--theme-icon-color);
border-style: solid;
border-width: 0 0 2px 2px;
margin: 0 2px 0 0;
transform: rotate(45deg);
}
#contentSub::after {
/* the spacing and line between heading section and content body box */
content: "";
display: block;
height: 0;
margin-top: 0;
margin-bottom: var(--layout-padding-y);
}
/** content body box **/
#mw-content-text {
background: #FFEACF;
flex: 1 1 auto;
min-height: 30em;
padding: var(--layout-padding-y) var(--layout-padding-x);
margin-top: 8px;
}
/*** "category:" box ***/
#catlinks {
background: var(--theme-background);
margin: 0;
border: 0;
padding: 0 0 var(--layout-padding-y) 0;
}
#catlinks > * {
margin: 0 var(--layout-padding-x);
padding: 0.5em 1em;
border: 1px solid var(--theme-border-color);
border-radius: var(--theme-box-border-radius);
}
/*** ads ***/
div.games-showcase-header {
margin: 0;
padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}
div.games-showcase-footer {
margin: 0;
padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}
.content-body > .games-showcase-sidebar {
margin: 0;
padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}
.games-showcase-header img, .games-showcase-footer img {
height: 100%;
width: auto;
object-fit: contain;
}
@media screen and (max-width: 1100px) {
.games-showcase-header img, .games-showcase-footer img {
height: auto !important;
width: 100% !important;
object-fit: contain;
}
}
@media screen and (max-width: 926px) {
.games-showcase-header img, .games-showcase-footer img {
object-position: 50%;
height: 105px !important;
width: 100% !important;
object-fit: none !important;
}
}
aside.games-showcase-sidebar div.sidebar-showcase {
padding: 0 0 var(--layout-padding-y) 0;
}
/**** #footer (copyright info) ****/
#footer {
background: var(--theme-background);
border-image-source: url(/images/5/58/UI_Re_MissionLine.png);
border-image-slice: 21;
border-image-width: 21px;
border-image-repeat: repeat;
padding: 16px 24px;
border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
position: relative;
/* grid */
display: grid;
grid-template-columns: [l] 1fr 0fr [r];
grid-template-rows: [t] auto auto [b];
z-index: 0; /* covered by content */
font-size: 12px;
}
.mw-footer li {
color: var(--theme-text-color);
}
#footer a {
color: var(--theme-link-color);
}
#footer a:hover {
color: var(--theme-link-color-hover);
}
#footer-info {
display: contents;
}
#footer ul li {
font-size: inherit;
line-height: 1.5;
padding: 0;
}
#footer-icons {
grid-column: span 1/r;
grid-row: t/b;
place-self: end;
}
#footer #footer-info-lastmod {
grid-column: l/span 1;
grid-row: t/span 1;
place-self: start;
margin-bottom: 1em;
}
#footer #footer-info-copyright {
grid-column: l/span 1;
grid-row: span 1/b;
place-self: end stretch;
position: relative;
padding-right: 100px;
}
#footer-info-copyright img {
position: absolute;
right: 0;
bottom: 0;
height: 31px;
width: auto;
}
#footer-places > * {
margin-top: 1em;
}
/****** responsive Layout ******/
@media screen and (max-width: 1800px) {
:root {
--layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */
}
} /* screen and (max-width: 1800px) */
@media screen and (max-width: 1365px) {
:root {
--layout-logo-box-height: calc(var(--layout-logo-height) + var(--layout-box-gap) * 2);
--theme-site-logo-image: url(/images/7/7f/Site-LogoText.png);
--theme-site-logo-width-px: 1315;
--theme-site-logo-height-px: 331;
--layout-logo-scale: calc(1/3);
}
#mw-panel .portal .vector-menu-heading:hover::after {
filter: drop-shadow(1.5px -1.5px 0 #000);
}
/* change layout */
body {
grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right];
grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
}
/* re-style navbar */
#mw-panel {
display: flex;
align-items: flex-end;
box-sizing: border-box;
border-radius: var(--theme-box-border-radius);
background: url(/images/0/0a/UI_MainFrame_Pattern2.png) left top;
padding: 0 var(--layout-box-gap);
/* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
position: relative;
z-index: 11;
}
#mw-panel .portal {
background: none;
box-shadow: none;
border: 0;
margin: 0;
padding: 0;
position: relative;
overflow: unset;
}
#mw-panel .portal .vector-menu-heading {
margin: 0;
transform: unset;
padding: 9px 12px;
border: 0;
border-radius: 0;
background: unset;
}
#mw-panel .portal .vector-menu-heading::after {
border-width: 6px 5px 0; /* change arrow direction */
margin-left: 4px;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
transform: none;
}
#mw-panel .portal .body {
display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
position: absolute;
left: 0;
top: 100%;
width: max-content;
min-width: 8em;
border: var(--theme-dropdown-border);
border-radius: var(--theme-box-border-radius);
background: var(--theme-dropdown-background);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
#mw-panel .portal .body ul {
padding: 4px;
}
#mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
background: var(--theme-highlight-background);
border-radius: 0;
}
#mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
transform: scaleY(-1);
}
#mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
display: block !important;
}
/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
padding: var(--layout-padding);
border-bottom: 0;
position: absolute;
right: 0;
top: calc(-63px - var(--theme-box-border-width) * 2); /* offset */
z-index: 12;
margin: 0;
background: none;
}
.vector-search-box-inner {
width: 20em;
max-width: unset;
min-width: unset;
}
#mw-head #right-navigation #p-cactions {
margin-right: 0;
}
/* logo: smaller, and position relative to #mw-panel */
#p-logo {
position: absolute;
background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto;
width: 100%;
height: var(--layout-logo-height);
margin-top: var(--layout-box-gap);
top: calc(0px - var(--layout-logo-box-height));
}
#p-logo .mw-wiki-logo {
width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
}
/* "more" menu in #right-navigation */
#mw-head #right-navigation .vector-menu-dropdown {
margin-right: 0;
}
#mw-head #right-navigation .vector-menu-dropdown::after {
display: none;
}
#mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
left: auto;
right: 0;
}
#mw-head #p-search .vector-search-box-inner {
border: unset;
background-image: unset;
box-shadow: unset;
margin-right: 6px;
}
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
:root {
--layout-logo-scale: calc(1/4);
}
/* change layout */
body {
grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right];
}
#mw-page-base,
#mw-panel,
#mw-head, #content, #footer {
border-radius: 0;
border-left: 0;
border-right: 0;
}
.mw-indicators {
z-index: auto;
}
/* re-style navbar */
#mw-panel {
flex-wrap: wrap;
}
#mw-panel .portal {
backdrop-filter: none;
position: unset;
flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading {
justify-content: center;
white-space: nowrap;
}
#mw-panel .portal .vector-menu-heading::after {
display: none;
}
#mw-panel .portal .body {
left: 0;
width: 100%;
padding: 12px;
box-sizing: border-box;
}
#mw-panel .portal .body ul {
display: grid;
grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width));
justify-content: center;
}
#mw-panel .portal .body li a {
display: block;
}
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
#p-logo {
width: 100%;
left: 0;
}
#mw-panel {
box-shadow: var(--theme-box-shadow2);
display: block;
height: calc(36px + var(--theme-box-border-width) * 2);
}
#mw-panel .portal {
box-sizing: border-box;
display: none;
box-shadow: none;
background: var(--theme-background);
backdrop-filter: var(--theme-dropdown-backdrop-filter);
border-left: var(--theme-dropdown-border);
border-right: var(--theme-dropdown-border);
margin: 0;
border-radius: 0;
}
#mw-panel .portal .vector-menu-heading {
padding: 0 12px 4px;
border: 0;
display: block;
background: none !important;
cursor: auto;
}
#mw-panel .portal .vector-menu-heading::after {
display: none;
}
#mw-panel .portal:hover .vector-menu-heading {
background: unset !important;
color: var(--theme-heading-color);
}
#mw-panel .portal .body {
display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
position: unset;
border: 0;
background: none;
backdrop-filter: none;
padding: 4px 12px;
}
#mw-panel .portal .body ul {
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: unset;
}
#mw-panel .portal .body li a {
white-space: nowrap;
}
#mw-panel .portal:last-child {
padding-bottom: 12px;
border-bottom: var(--theme-dropdown-border);
border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
}
#mw-panel .menu-toggle {
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--theme-icon-color);
cursor: pointer;
display: block;
flex: 0 0 auto;
width: 24px;
height: 24px;
margin: 5px 12px;
}
#mw-panel .menu-toggle.expanded ~ .portal {
display: block;
}
#mw-panel .menu-toggle + .portal {
padding-top: 12px;
border-top: var(--theme-dropdown-border);
}
#mw-head #p-search {
box-shadow: none;
padding: 0;
top: calc(-51px - var(--theme-box-border-width) * 2); /* offset */
left: auto;
right: 12px;
width: auto;
z-index: 12;
}
.vector-search-box-inner {
width: 100vw;
max-width: 20em;
}
#content {
--layout-padding-x: 12px;
--layout-padding-y: 12px;
}
/* icon navbar tabs */
#mw-head {
top: unset; /* reset */
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
--icon-size: 1.5em;
--layout-gap: 4px;
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
--theme-link-color-hover: var(--theme-icon-color-hover);
width: 1.5em; /* same as line height */
height: 1.5em;
box-sizing: content-box;
padding: var(--tab-padding-y);
color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/
padding: calc(var(--tab-padding-y) + 2px) calc(var(--tab-padding-y) + 2px) calc(var(--tab-padding-y) - 3px);
}
#mw-head .vector-menu-tabs .mw-list-item a::before,
#mw-head .vector-menu-dropdown .vector-menu-heading::before {
content: "";
display: block;
position: unset;
background-image: none;
width: var(--icon-size);
height: var(--icon-size);
margin: calc((1.5em - var(--icon-size)) / 2);
--mask: var(--icon) no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover::before,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover::before {
background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a span,
#mw-head .vector-menu-dropdown .vector-menu-heading span {
display: none;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
padding: calc(var(--tab-padding-y) + 2px) calc(var(--tab-padding-y) + 2px) calc(var(--tab-padding-y) - 3px);
}
.portable-infobox > .pi-title {
display: none;
}
.portable-infobox {
padding: 6px 0;
}
#ca-nstab-user, #ca-view {
display: none;
}
#mw-panel .portal .vector-menu-heading:hover, #mw-panel .portal .vector-menu-heading:hover:after {
color: white !important;
}
/* https://www.iconfinder.com/iconsets/core-ui-outlined */
#ca-edit {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
}
/* https://www.iconfinder.com/iconsets/core-ui-outlined */
#ca-view,
#ca-view-foreign {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
}
/* https://www.iconfinder.com/iconsets/core-ui-outlined */
#left-navigation li[id^=ca-nstab-] {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
}
/* https://www.iconfinder.com/iconsets/core-ui-outlined */
#ca-history {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
}
/* https://www.iconfinder.com/iconsets/core-ui-outlined */
#ca-talk {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
/* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
#t-contributions {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
}
/* https://www.iconfinder.com/iconsets/core-ui-outlined */
#ca-addsection {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
}
/* https://github.com/sschoger/heroicons-ui/ */
#ca-viewsource {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
}
/* https://www.iconfinder.com/iconsets/core-ui-outlined */
#p-variants {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
}
/* https://www.iconfinder.com/iconsets/core-ui-outlined */
#p-cactions {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
}
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
.vector-search-box-inner {
width: 50vw;
max-width: 15em;
}
/* footer */
#footer #footer-icons {
float: none;
}
#footer #footer-info-copyright {
grid-column: l/span 2;
padding-right: 0;
padding-bottom: 40px;
}
#footer #footer-info-copyright img {
right: auto;
left: 0;
}
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
:root {
--layout-logo-scale: calc(1/5);
}
} /* screen and (max-width:450px) */
/***** Notification area *****/
.mw-notification-area-overlay {
position: fixed;
z-index: 9999;
}
.mw-notification-area {
font-size: 14px;
line-height: 1.7142857143;
}
.mw-notification {
color: var(--theme-text-color);
box-sizing: border-box;
border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
border-radius: var(--theme-box-border-radius);
backdrop-filter: var(--theme-box-back-backdrop-filter);
box-shadow: var(--theme-box-shadow);
background: var(--theme-box-background), var(--theme-box-back-background);
transform: none;
}
/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
color: var(--theme-notice-red-text-color);
border-color: var(--theme-notice-red-text-color);
}
.mw-notification.mw-notification-type-warn {
color: var(--theme-notice-orange-text-color);
border-color: var(--theme-notice-orange-text-color);
}
/****** postedit notification ******/
.postedit-container {
top: 4em;
}
.mw-dismissable-notice {
position: fixed;
left: 2em;
right: 2em;
bottom: 4em;
background: var(--theme-background);
max-width: 500px;
min-height: 80px;
padding: 12px 8px;
box-sizing: border-box;
text-align: left;
border: 1px solid var(--theme-border-color-accent);
border-left-width: 8px;
backdrop-filter: var(--theme-box-back-backdrop-filter);
box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
margin: 0px 40px 0px 24px;
font-size: 14px;
}
.mw-dismissable-notice #localNotice {
margin: 0;
}
/***********************************************************************************************************
* Over-width table floating-scroll
***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
overflow: auto;
position: fixed;
}
.fl-scrolls div {
overflow: hidden;
pointer-events: none;
}
.fl-scrolls div:before {
content: " ";
}
.fl-scrolls, .fl-scrolls div {
font-size: 1px;
line-height: 0;
margin: 0;
padding: 0;
}
.fl-scrolls-hidden div:before {
content: " ";
}
.fl-scrolls-viewport {
position: relative;
}
.fl-scrolls-body {
overflow: auto;
}
.fl-scrolls-viewport .fl-scrolls {
position: absolute;
}
.fl-scrolls-hoverable .fl-scrolls {
opacity: 0;
transition: opacity 0.5s 0.3s;
}
.fl-scrolls-hoverable:hover .fl-scrolls {
opacity: 1;
}
.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
bottom: 0;
min-height: 17px;
}
.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
height: 1px;
}
.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
bottom: 9999px;
}
.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
left: 0;
}
.fl-scrolls[data-orientation=vertical] {
right: 0;
min-width: 17px;
}
.fl-scrolls[data-orientation=vertical] div {
width: 1px;
}
.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
right: 9999px;
}
.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
top: 0;
}
/*css for wide table */
.table-wide {
clear: both;
position: relative;
}
.mw-parser-output > .table-width {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.table-wide-inner {
overflow-x: auto;
}
.table-wide-inner > table {
margin: 0 !important;
}
.table-wide:before {
box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
content: "";
display: block;
width: 20px;
height: 100%;
pointer-events: none;
position: absolute;
right: 0;
}
/***********************************************************************************************************
* Styles for "real" wiki page content. (in div.mw-parser-output)
***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
padding-right: 0;
background: none;
}
/* custom icon color*/
.mw-parser-output a.external::after {
content: "";
display: inline-block;
width: 0.875em;
height: 0.875em;
background-color: currentColor;
--mask: url(/skins/Vector/resources/skins.vector.styles/images/link-external-small-ltr-progressive.svg);
-webkit-mask: var(--mask) no-repeat;
mask: var(--mask) no-repeat;
-webkit-mask-size: auto 0.875em;
mask-size: auto 0.875em;
-webkit-mask-position: right center;
mask-position: right center;
margin-left: 2px;
}
.mw-parser-output > :first-child {
margin-top: 0;
}
/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
margin: 0;
color: var(--theme-heading-color);
font-family: var(--theme-heading-font-face, inherit);
line-height: var(--theme-heading-line-height, 1.25);
font-weight: var(--theme-heading-font-weight, normal);
}
.mw-body h1, .mw-body-content h1 {
font-size: var(--theme-heading-font-size-h1, 32px);
line-height: var(--theme-heading-line-height-h1, 40px);
font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}
.mw-body-content h2 {
font-size: var(--theme-heading-font-size-h2, 24px);
line-height: var(--theme-heading-line-height-h2, 30px);
font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
margin-top: 18px;
margin-bottom: 9px;
border-bottom: 1px solid var(--theme-heading-rule-color-h2);
padding-bottom: 3px;
font-family: 'Jua';
}
.vector-body h3 {
font-size: var(--theme-heading-font-size-h3, 20px);
line-height: var(--theme-heading-line-height-h3, 26px);
font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
margin-top: 14px;
margin-bottom: 7px;
}
.vector-body h4 {
font-size: var(--theme-heading-font-size-h4, 16px);
line-height: var(--theme-heading-line-height-h4, 22px);
font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
margin-top: 14px;
margin-bottom: 7px;
font-family: 'Varela Round'
}
.vector-body h5 {
font-size: var(--theme-heading-font-size-h5, 14px);
line-height: var(--theme-heading-line-height-h5, 22px);
font-weight: var(--theme-heading-font-weight-h5, bold);
margin-top: 10px;
margin-bottom: 7px;
}
.vector-body h6 {
font-size: var(--theme-heading-font-size-h6, 12px);
line-height: var(--theme-heading-line-height-h6, 20px);
font-weight: var(--theme-heading-font-weight-h1, bold);
margin-top: 7px;
margin-bottom: 7px;
}
/* reduce heading font size: */
@media (max-width: 900px) {
#mw-panel .portal .body li {
margin-right: 6px;
}
.mw-body h1, .mw-body-content h1 {
font-size: 24px;
line-height: 32px;
}
.mw-body-content h2 {
font-size: 20px;
line-height: 28px;
}
.vector-body h3 {
font-size: 18px;
line-height: 24px;
}
}
/* section edit link */
.mw-editsection {
white-space: nowrap;
color: var(--theme-text-color-note);
}
/** ToC **/
/* base common style */
.toc {
background: #c7a57da1;
border-radius: 8px;
border: unset;
margin-top: 18px;
margin-bottom: 18px;
padding: 7px;
font-size: 1em;
min-width: 12em;
}
.toc a {
color: var(--theme-text-color);
}
.toc .tocnumber {
color: var(--theme-text-color-note);
font-family: 'Varela Round';
font-weight: 600;
}
.toc .tocnumber:after {
content: ".";
}
/* header */
.toc {
/* arrow */
/* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
position: relative;
overflow: hidden;
text-align: left;
padding: 8px;
}
.toc .toctitle h2 {
line-height: 20px;
font-weight: bold;
margin: 0;
border: 0;
display: flex;
align-items: center;
padding: 0 0.5em;
font-family: 'Jua';
}
.toc .toctitle h2::before {
content: "";
display: block;
width: 12px;
height: 12px;
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: #ab5400;
margin: 0 6px 0 0;
}
.toc .toctogglelabel {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
box-sizing: border-box;
padding-right: 1em;
display: flex;
align-items: center;
justify-content: flex-end;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
display: none;
}
.toc .toctogglelabel::before {
content: "";
display: inline-block;
background: none;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #ab5400 transparent;
border-width: 0 5px 6px 5px;
vertical-align: middle;
flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
border-color: #b56500 transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
overflow: hidden;
display: block;
height: 0;
border: 0;
padding-top: 0;
padding-bottom: 0;
}
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
margin: 0 0 0 1em;
}
.toc > ul {
background: #feefdc;
border-radius: 4px;
padding: 0.5em;
margin: 0;
}
.toc > ul a {
display: block;
padding: 2px 0.5em;
border-radius: 4px;
transition: background 0.1s;
}
.toc > ul a:hover {
text-decoration: none;
background: var(--theme-highlight-background);
}
.toc > ul li {
margin: 0;
}
/********* Tables *********/
table {
/* fix 100% width table with border */
box-sizing: border-box;
}
table.lined,
table.bordered,
table.cellborder {
border-collapse: collapse;
border-style: solid;
border-color: var(--theme-border-color);
}
table.lined th,
table.lined td {
border-width: 0 0 1px 0;
}
table tfoot:empty,
table thead:empty {
display: none;
}
table.lined td.noline, table.lined tr.noline td {
border-bottom-width: 0;
}
table tr.bottomline td {
border-bottom-width: 1px;
}
table tr.topline td {
border-top-width: 1px;
}
table td.bottomline, table.lined tr.noline td.bottomline {
border-bottom-width: 1px;
}
table td.topline {
border-top-width: 1px;
}
/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
white-space: nowrap;
}
table.inner {
border-collapse: collapse;
background: inherit;
width: 100%;
}
table.inner th {
border: 2px solid var(--theme-border-color);
}
.wikitable,
.wikitable > tr > th,
.wikitable > * > tr > th {
color: inherit;
background: none;
}
.wikitable {
border-color: var(--theme-border-color);
}
table.cargoTable.noMerge tr:nth-child(2n) {
background: rgba(127, 127, 127, 0.25);
}
table.cargoTable.noMerge tr:nth-child(2n+1) {
background: none;
}
.roundwikitable th {
background: #318289;
color: white;
}
.roundwikitable tr {
background-color: #FFF9F0;
}
.roundwikitable th, td {
padding: 8px;
}
/* Don't mind the error below, it works even if it's complaining*/
.roundwikitable {
--border: 1px solid rgb(224,199,168);
border-radius: 10px;
/* Try not to change these properties, it's for the round to work */
border-spacing: 0;
border-collapse: separate;
border: var(--border);
overflow: hidden;
}
.roundwikitable tr {
background-color: #FFF9F0;
}
/*** Table Rounder ***/
/*From: https://unused-css.com/blog/css-rounded-table-corners/ */
/* Apply a border to the right of all but the last column */
.roundwikitable th:not(:last-child),
.roundwikitable td:not(:last-child) {
border-right: var(--border);
}
/* Apply a border to the bottom of all but the last row */
.roundwikitable > thead > tr:not(:last-child) > th,
.roundwikitable > thead > tr:not(:last-child) > td,
.roundwikitable > tbody > tr:not(:last-child) > th,
.roundwikitable > tbody > tr:not(:last-child) > td,
.roundwikitable > tfoot > tr:not(:last-child) > th,
.roundwikitable > tfoot > tr:not(:last-child) > td,
.roundwikitable > tr:not(:last-child) > td,
.roundwikitable > tr:not(:last-child) > th,
.roundwikitable > thead:not(:last-child),
.roundwikitable > tbody:not(:last-child),
.roundwikitable > tfoot:not(:last-child) {
border-bottom: var(--border);
}
.gallery.mw-gallery-traditional {
display: flex;
gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
flex-wrap: wrap;
margin: auto;
}
.gallery.mw-gallery-traditional.center {
justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
width: min-content !important;
margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox > div {
width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
background: none;
border: 0;
margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb > div {
border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
font-size: 12px;
display: flex;
justify-content: center;
}
.gallery.mw-gallery-traditional .gallerytext p {
width: auto;
flex: 0 1 auto;
}
html .thumbimage {
background-color: transparent;
border: 0;
}
/** gallery **/
div.thumbinner {
border: 1px solid var(--theme-border-color);
border-radius: var(--theme-box-border-radius);
}
li.gallerybox div.thumb {
border-radius: var(--theme-box-border-radius);
}
.gallery * {
box-sizing: initial;
}
.mw-gallery-traditional .thumb {
display: flex;
}
.mw-gallery-traditional .thumb a {
display: block;
}
.vector-body blockquote {
border-image-source: url(/images/4/40/UI_Balloon4.png);
border-image-slice: 50 50 44 100 fill;
border-image-width: 50px 50px 44px 100px;
border-image-repeat: repeat;
overflow: hidden;
margin: 0;
padding: 32px 50px 40px;
}
/***********************************************************************************************************
* common style for content box
***********************************************************************************************************/
.fullwidth, .full-width {
width: 100%;
}
.nowrap {
white-space: nowrap;
}
/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
text-align: center;
}
.alignleft,
.align-left {
text-align: left;
}
.alignright,
.align-right {
text-align: right;
}
/* clear fix for float block */
.clearfix {
*zoom: 1;
}
.clearfix::before,
.clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}
/***********************************************************************************************************
* css for specific content pages
***********************************************************************************************************/
/*********** Main page START ****************/
#mainpage-wrap .footer {
text-align: right;
font-size: 12px;
line-height: 22px;
}
#mainpage-wrap .box {
box-sizing: border-box;
background: rgb(224, 199, 168);
border-radius: var(--theme-box-border-radius);
box-shadow: 2px 2px 0px #00000082;
padding: 8px;
}
#mainpage-wrap .box > * {
padding: 0 1em;
}
#mainpage-wrap .box > h2 + * {
padding-top: 1em;
}
#mainpage-wrap .box > :last-child, #mainpage-wrap .box.contents > ul {
padding-bottom: 1em;
border: 6px solid transparent;
border-image: url(/images/e/e7/Border_pattern.png) 6 round;
background-color: #feefdc;
border-radius: 6px;
box-shadow: 2px 2px 0 #00000082;
}
#mainpage-wrap .box > h2 {
background: rgb(224, 199, 168);
margin: 0;
border-bottom: 0;
padding: 0 0 4px;
}
#mainpage-wrap .content-wrap {
display: flex;
gap: 1em;
align-items: stretch;
}
@media (max-width: 1200px) {
#mainpage-wrap .content-wrap {
flex-direction: column;
}
}
#mainpage-wrap .content-wrap .l {
box-sizing: border-box;
flex: 3 3 800px;
display: flex;
flex-direction: column;
gap: 1em;
}
#mainpage-wrap .content-wrap .r {
box-sizing: border-box;
flex: 1 1 300px;
display: flex;
flex-direction: column;
gap: 1em;
}
#mainpage-wrap .box.header {
text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
font-size: 2em;
}
#mainpage-wrap .box.header ul {
display: inline-flex;
align-items: center;
margin: 1.5em auto 0.5em;
gap: 1em;
}
#mainpage-wrap .box.header ul li {
list-style: none;
}
@media (max-width: 600px) {
#mainpage-wrap .box.header img {
width: 32px;
height: auto;
}
}
#mainpage-wrap .box.game > div {
display: flex;
gap: 1em;
align-items: center;
}
@media (max-width: 640px) {
#mainpage-wrap .box.game > div {
flex-direction: column;
}
}
#mainpage-wrap .box.game img {
width: 100%;
height: auto;
max-width: 640px;
max-height: 360px;
box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
font-size: 16px;
line-height: 28px;
}
#mainpage-wrap .box.links ul {
margin: auto;
display: flex;
flex-wrap: wrap;
gap: 3em;
list-style: none;
justify-content: center;
align-items: center;
}
#mainpage-wrap .box.links ul li {
flex: 0 0 auto;
}
#mainpage-wrap .box.contents {
white-space: nowrap;
}
#mainpage-wrap .box.contents > ul {
margin: auto;
display: grid;
grid-template-columns: repeat(5, 0fr);
gap: 1em;
justify-content: space-evenly;
list-style: none;
}
@media (max-width: 720px) {
#mainpage-wrap .box.contents > ul {
grid-template-columns: repeat(3, 0fr);
}
}
@media (max-width: 450px) {
#mainpage-wrap .box.contents > ul {
grid-template-columns: repeat(2, 0fr);
}
}
#mainpage-wrap .box.gallery ul {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
margin: 0;
}
#mainpage-wrap .box.gallery ul li {
flex: 1 1 40%;
list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
#mainpage-wrap .box.gallery ul li {
flex: 1 1 22%;
}
}
#mainpage-wrap .box.gallery ul li img {
width: 100%;
height: auto;
}
#mainpage-wrap .box.gallery img {
box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
/*********** Main page END ****************/
/***********************************************************************************************************
* css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
***********************************************************************************************************/
/********* ooui *********/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background: none;
padding: 0;
border: 0;
border-radius: 3px;
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: #feefdc;
border: 3px solid transparent;
border-image: url(/images/e/e7/Border_pattern.png) 6 round;
padding: 4px 1px 6px 12px;
box-shadow: 2px 2px 0 #00000082;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
color: var(--theme-text-color);
background-color: #feefdc;
border: 3px solid transparent;
border-image: url(/images/e/e7/Border_pattern.png) 6 round;
}
.oo-ui-tabOptionWidget {
color: var(--theme-text-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
color: var(--theme-text-color);
background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);
transform: scale(1.052);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: var(--theme-text-color-note);
}
.oo-ui-tabSelectWidget-framed {
background: none;
margin-left: 6px;
margin-right: 6px;
}
/********* for File: NS pages *********/
#filetoc {
background: none;
}
/******* Search result page. (Special:Search) ******/
.mw-search-form-wrapper {
font-size: 1em;
}
.mw-search-form-wrapper #mw-search-top-table {
display: flex;
align-items: center;
}
.mw-search-form-wrapper #mw-search-top-table > div {
float: none;
}
.mw-search-form-wrapper .results-info {
color: var(--theme-text-color-note);
font-size: 1em;
padding: 0 0 0 3em;
white-space: nowrap;
text-align: right;
flex: 1 1 auto;
}
.mw-search-form-wrapper .mw-search-visualclear {
display: none;
}
.mw-search-form-wrapper .mw-search-profile-tabs {
border: 0;
margin: 1em 0;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
display: none;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
width: 100%;
float: none;
padding: 0;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
float: none;
display: inline-block;
vertical-align: middle;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
background: var(--theme-highlight-background);
border-radius: 4px;
overflow: hidden;
}
.mw-search-form-wrapper #mw-searchoptions {
padding: 1em;
background: var(--theme-box-background);
border: 1px solid var(--theme-border-color-accent);
border-radius: 4px;
}
/* responsive tweak */
@media screen and (max-width: 600px) {
.mw-search-form-wrapper #mw-search-top-table {
display: block;
}
.mw-search-form-wrapper .results-info {
margin-top: 1em;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
font-size: 12px;
}
}
.portable-infobox {
border: 0;
border-radius: 8px;
/*adjustment required*/
background: #F3DFC5;
}
.portable-infobox > *, .portable-infobox > .pi-media {
margin: 0 6px;
background: #feefdc;
}
.portable-infobox > :last-child {
margin-bottom: 6px;
}
.portable-infobox > .pi-title {
background: none;
color: #fff;
}
.portable-infobox .pi-data {
width: auto;
}
.portable-infobox .pi-image-thumbnail {
max-width: 100%;
}
.wikiEditor-ui-toolbar {
color: #000;
}
.toccolours {
background-color: unset;
border: unset;
font-size: unset;
padding: unset;
}
/*********** Misplaced code ****************/
#mw-head .vector-menu, #mw-head .vector-menu * {text-shadow: 1.5px 1.5px 0 #000, -0.8px 0 0 #000, 0 -0.8px 0 #000, 0.8px 0 0 #000, 0 0.8px 0 #000; font-family: Jua; color: white;}
.portable-infobox>.pi-title {font-family: 'Jua';border: 7px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;border-radius: 6px;background: #feefdc; color: #a55300;}
.toc .tocnumber, .toc>ul a {font-family: 'Jua'; color: #a55300;}
.portable-infobox .pi-secondary-font {font-family: 'Varela Round';}
.mw-headline {font-family: 'Jua';}
.portable-infobox .pi-header {margin: 0 -6px;font-family: 'Jua';border-radius: 6px;}
.portable-infobox .pi-border-color {background: transparent;border-color:#ab5400;}
.portable-infobox .pi-secondary-background {background-color: #feefdc;border: 7px solid transparent !important;border-image: url(/images/e/e7/Border_pattern.png) 6 round !important; font-weight: unset;}
.toc ul li a:visited {color: #ab5400;}
.toc>ul {background: #f6dec3;}
.toctext {font-family: 'Varela Round';font-weight: 600;}
.mw-message-box {color: white !important; background-color: unset; border-color: unset; border: unset;font-family: 'Jua';font-size: 15px !important;text-shadow: 1.5px 1.5px 0 #000, -1px 0 0 #000, 0 -1px 0 #000, 1px 0 0.8px #000, 0 1px 0 #000;padding: 12px 1px;}
.mw-highlight-lines pre, .content .mw-highlight-lines pre {border: 7px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;box-shadow: 2px 2px 0px #00000082 !important;border-radius: 6px;}
.pi-caption {background: #e0c7a7;}
#catlinks>* {border: 3px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;border-radius: var(--theme-box-border-radius);background-color: #feefdc;box-shadow: 2px 2px 0 #00000082;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {background: repeating-linear-gradient(to right, #b56500, #b56500 20px, #c56e00 10px, #c56e00 41px);text-shadow: 1.5px 1.5px 0 #000, -0.7px 0 0 #000, 0 -0.7px 0 #000, 0.7px 0 0 #000, 0 0.7px 0 #000;border: unset;transition: .15s;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {font-family: 'Jua';font-weight: unset;font-size: 102%;box-shadow: 2px 2px 0 #00000096;}
.oo-ui-buttonElement-framed>.oo-ui-buttonElement-button {border-radius: 8px;border-width: 3px;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);transform: scale(1.052);}
.mw-cookiewarning-container {background: linear-gradient(180deg, #ffefdd 23px, #efdeca 20px);border-top: 7px solid #328289;}
.mw-cookiewarning-container .mw-cookiewarning-text {color: #a55300;font-size: 105%;font-family: 'Jua'; font-weight: unset;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {color: #a55300; transition: .15s}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {transform: scale(1.052);background-color: #feefdc;border-color: #ffcb03;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {background-color: #feefdc;border-color: #a55300;font-family: 'Jua';color: #a55300;box-shadow: 2px 2px 0 #00000096;transition: .15s;background-image: url(/images/2/2e/UI_Re_Pattern2.png);background-size: 400px 200px;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {border-color: #FFCB03;background-color: #feefdc;color: #a55300;transform: scale(1.052)}
.oo-ui-buttonElement > .oo-ui-buttonElement-button {border-radius: 8px;}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {font-family: 'Jua';transition: .15s;}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {transform: scale(1.052);}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {background-color: rgb(73 0 0 / 3%);}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {border-color: transparent !important;box-shadow: unset !important;}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {background-color: rgb(73 0 0 / 8%);border-color: #996767;}
.wikiEditor-ui .wikiEditor-ui-top {border: unset;}
.wikiEditor-ui-toolbar {box-shadow: unset;background-color: #e0c7a7;border-radius: 13px;margin-bottom: 6px;padding:8px;}
.wikiEditor-ui .wikiEditor-ui-view {border: unset;}
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button {background-color: rgb(73 0 0 / 8%);}
.tool-button, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {margin-left: 6px;margin-right: 6px;border-radius: 8px;}
.editOptions {background-color: transparent;border: unset;}
.mw-editform .editOptions {border-radius: 13px;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus {border-color: unset;box-shadow: 2px 2px 0 #00000096;outline: unset;}
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited {color: #a55300;}
.tabber__indicator {background: #a55300;}
.ace-tm {background-color: #feefdc;}
.ace-tm .ace_gutter {background: #e6d2b5;}
.ace-tm .ace_gutter-active-line {background-color: #cfba9a;}
.wikiEditor-ui .ace_editor {border-radius: 13px 13px 0 0;}
.codeEditor-status {border: unset;width: auto;background-color: #f3e6d4;padding: 4px;border-radius: 0 0 13px 13px;}
.codeEditor-status-message {border-left: 1px solid #ddceb9;border-right: 1px solid #ddceb9;}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {box-shadow: 2px 2px 0px #00000082;}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {border-color: unset;box-shadow: 2px 2px 0px #00000082;;}
.mw-editform #editpage-copywarn {padding-top: 15px;padding-bottom: 10px;}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate+span {background-color: #a55300;border-color: #a55300;}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:active+span {background-color: #c7792a;border-color: #c7792a;box-shadow: unset;}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:focus+span {background-color: #c7792a;border-color: #c7792a;box-shadow: unset;}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:active+span {background-color: #733a0029;border-color: #733a00;box-shadow: unset;}
.oo-ui-checkboxInputWidget [type=checkbox]+span {background-color: #feefdc;border-color: #ddceb9}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:focus+span {border-color: #b1a087;box-shadow: unset;outline: unset;}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:hover+span {background-color: #cf884a;border-color: #cf884a;}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:hover+span {border-color: #cf884a;}
.ui-resizable {width: auto;}
.ace-tm .ace_storage, .ace-tm .ace_keyword {color: #a55300;}
.ace-tm .ace_support.ace_type, .ace-tm .ace_support.ace_class {color:#b99168;}
.ace-tm .ace_constant.ace_numeric {color: #cd6000;}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {background-color: #feefdc;border: 3px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;box-shadow: 2px 2px 0 #00000096;margin-bottom: 7px;}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {border-color: unset;outline: 1px solid transparent;box-shadow: 2px 2px 0 #00000096;}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {background-color: #feefdc;}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {background-color: #feefdc;}
.oo-ui-tagMultiselectWidget-handle {border: 3px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {background-color: #feefdc;}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {border-color: unset;outline: unset; box-shadow: 2px 2px 0 #00000096;}
#preferences .mw-htmlform-submit-buttons {background-color: #f3dfc5;border-top: #e0c7a7;}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {background: repeating-linear-gradient(to right, #b56500, #b56500 20px, #c56e00 10px, #c56e00 41px);text-shadow: 1.5px 1.5px 0 #000, -0.7px 0 0 #000, 0 -0.7px 0 #000, 0.7px 0 0 #000, 0 0.7px 0 #000;border: unset;color: white;font-family: 'Jua';font-weight: unset;opacity: 0.5;}
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout {border-color: unset;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {background-color: #feefdc;color: #a55300;border-color: unset;box-shadow: 2px 2px 0 #00000096;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {border-color: #FFCB03;box-shadow: 2px 2px 0 #00000096;}
.oo-ui-panelLayout-framed {border: unset;border-radius: 13px;background-color: #c7a57da1;}
.mw-editform #wpTextbox1 {border-radius: 13px;background-color: #feefdc; padding: 7px;}
.vector-search-box-input {border-radius: 21px;}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {border-bottom: unset;padding: 4px 8px 3px;transition: unset;font-family: 'Jua';color: #fff;font-weight: normal;text-shadow: 1.5px 1.5px 0 #000, -0.8px 0 0 #000, 0 -0.8px 0 #000, 0.8px 0 0 #000, 0 0.8px 0 #000;}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget {border-width: unset;border-radius: 8px;background: repeating-linear-gradient(to right, #b56500, #b56500 20px, #c56e00 10px, #c56e00 41px);padding: 1px;box-shadow: 2px 2px 0 #00000096;margin: 6px;transition: .15s;}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget:hover {transform: scale(1.052);background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {border-bottom-color:transparent;}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {background-color: unset;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button {color: #a55300;box-shadow: 2px 2px 0 #00000096;background-color: #feefdc;border-color: #ffcb03;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus {border-color: #ffcb03;box-shadow: 2px 2px 0 #00000096;outline: unset;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {background-color: #feefdc;border-color: #ffcb03;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {border-color: #ffcb03;box-shadow: 2px 2px 0 #00000096}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {color: #a55300;border-color: #d73333;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover {background-color: #feefdc;border-color: #ffcb03;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button {background-color: #feefdc;color: #a55300;border-color: #d73333;box-shadow: 2px 2px 0 #00000082;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:focus {border-color: #d73333;box-shadow: 2px 2px 0 #00000082;outline: unset;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {color: #fff;text-shadow: 1.5px 1.5px 0 #000, -0.8px 0 0 #000, 0 -0.8px 0 #000, 0.8px 0 0 #000, 0 0.8px 0 #000;font-weight: normal;border-color: transparent;background-image: repeating-linear-gradient(to right, #e1582a, #e1582a 20px, #eb5c2a 10px, #eb5c2a 41px);}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {border-color: transparent;background-image: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {color: #fff;border-color: transparent;box-shadow: 2px 2px 0 #00000082;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {border-color: transparent;box-shadow: 2px 2px 0 #00000082;outline: unset;}
.mw-message-box-warning.mw-message-box {font-family: 'Varela Round';text-shadow: unset;color: #000 !important;font-size: 14px !important;background: #feefdc;border: 7px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 7 round;padding: 7px;border-radius: 7px;box-shadow: 2px 2px 0 #00000082;text-align: center;}
.oo-ui-comboBoxInputWidget-field .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {border: 0;border-radius: 0 3px 3px 0;margin-left: -1px;background-image: url(/images/e/e7/Border_pattern.png);background-size: 37px 31px;}
.mw-widget-dateInputWidget-handle {background-color: #feefdc;border: 3px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;border-radius: 3px;}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle {box-shadow:2px 2px 0px #00000082;}
.oo-ui-panelLayout-padded {padding: 0;}
.oo-ui-fieldsetLayout {padding: 9px;border-radius: 13px;}
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {top: 10px;left: 14px;}
#pagehistory li {padding: 6px;margin-bottom: 5px;border-radius: 3px;}
#pagehistory li.selected {background-color: #feefdc;outline: unset;border: 4px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;box-shadow: 2px 2px 0px #00000082;}
.mw-body-content .mw-echo-ui-datedSubGroupListWidget-title {font-family: 'Jua'; margin-left: 7px;}
.mw-echo-ui-subGroupListWidget-header-row-markAllReadButton {padding-right: 7px;}
.oo-ui-buttonWidget:last-child {margin-right: 7px;}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {background: transparent;box-shadow: unset;border-bottom: 1px solid #a55300;position: unset;}
.mw-echo-ui-notificationsInboxWidget-main {background: #c7a57da1;padding: 13px;border-radius: 13px;}
.oo-ui-optionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {margin-right: 4px;border-radius: 8px;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {background-color: #feefdc;color: #a55300;border-color: #FFCB03;transform: scale(1.052);}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {border-bottom-right-radius: 8px;border-top-right-radius: 8px;}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {border-bottom-left-radius: 8px;border-top-left-radius: 8px;margin-left: 7px;}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {border-bottom-color: #feefdc;}
.oo-ui-popupWidget-popup {background-color: #feefdc;}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {color: #a55300;border-bottom: 1px solid transparent;margin: 3px 0;}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button {margin: 6px;border-radius: 8px;box-shadow: unset;font-family: 'Varela Round';background: unset;}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget {border-left: 0;border-right: 0;border-top: 0;border-bottom: 0 !important;margin: 0;border-radius: 0;border: 1px solid #e0c7a7;}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button:hover {transform: unset;background:#f3e3cb;}
.mw-echo-ui-notificationItemWidget-icon img {filter: hue-rotate(165deg);}
.mw-echo-ui-notificationItemWidget {padding: 1.2em 1em 1.2em 1em;}
.oo-ui-widget.oo-ui-widget-enabled.mw-echo-ui-notificationItemWidget.mw-echo-ui-notificationItemWidget-unread.mw-echo-ui-crossWikiNotificationItemWidget {padding: 1.2em 0 1.2em 0}
.mw-echo-ui-notificationItemWidget-unread {background-color: #feefdc}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget:hover {background: #f3e3cb;transform: unset;}
.mw-echo-ui-toggleReadCircleButtonWidget-circle {background-color: #a55300;}
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {border: unset;}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {background-color: #c7792a;}
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group {border-color: #b39675;}
.wikiEditor-ui-toolbar .tabs span.tab a {color: #6d3f17;}
.mw-echo-ui-notificationItemWidget {border-bottom: 5px solid #a55300;border-radius: 13px;border: 5px solid #a55300;margin-left: 11px;margin-right: 11px;box-shadow: 2px 2px 0 #00000096;transition: .15s;background-color: #feefdc;}
.mw-echo-ui-notificationItemWidget-unread:hover {background-color: #feefdc;border-color: #ffcb03;transform: scale(1.03);}
.mw-echo-ui-notificationItemWidget:focus {box-shadow: 2px 2px 0 #00000096;}
.mw-echo-ui-notificationItemWidget:last-child {border-bottom: 5px solid #a55300;}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {border-color: transparent;}
.mw-echo-ui-notificationItemWidget:hover {background: #feefdc;border-color: #ffcb03;transform: scale(1.03);}
.mw-echo-ui-crossWikiUnreadFilterWidget {border: 4px solid transparent;background: #feefdc;border-image: url(/images/e/e7/Border_pattern.png) 6 round;border-radius: 4px;box-shadow: 2px 2px 0 #00000096;padding: 0.8em;}
.mw-echo-ui-pageFilterWidget-title {padding-left: 0;}
.mw-echo-ui-pageNotificationsOptionWidget-table {padding: 7px;margin-bottom: 4px;}
.mw-echo-ui-pageNotificationsOptionWidget-label-count {margin-right: 14px;background-color: #f3e5d4;border-radius: 6px;}
.mw-echo-ui-pageNotificationsOptionWidget-title-label {margin-left: 6px;}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {background-color: #f5e1ca;color: #a55300;border-radius: 6px;}
.oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {color: #a55300;border-radius: 6px;}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted, .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {background-color: rgb(204 124 41 / 10%);color: #a55300 !important;}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {background-color: #f3e5d4;border-radius: 6px;}
.mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group {cursor: default;padding: 0.7em;background-color: #feefdc;box-shadow: inset 0 2px 0 0 rgb(165 83 0 / 5%);}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {border-color:transparent;}
#mw-indicator-mw-helplink a {padding-right: 4px;margin-top: 2px;color: #000;font-family: 'Jua';font-size: 14px;filter: drop-shadow(1px 1px 0px #fff);transition: .15s;text-shadow: -0.5px 0 0 #fff, 0 -0.5px 0 #fff, 0.5px 0 0 #fff, 0 0.5px 0 #fff;}
#mw-indicator-mw-helplink a:hover {color: #001cce;text-decoration: unset;}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {background-color: transparent;}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {background-color: transparent;}
.oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {padding: 0;}
#wiki-editor-tabs div {background: repeating-linear-gradient(to right, #b56500, #b56500 20px, #c56e00 10px, #c56e00 41px);border: unset;padding: 5px 15px;display: inline-block;cursor: pointer;margin-right: 6px;margin-bottom: 6px;color: #fff;border-radius: 8px;font-family: 'Jua';font-weight: normal;box-shadow: 2px 2px 0px #00000096;text-shadow: 1.5px 1.5px 0 #000, -0.7px 0 0 #000, 0 -0.7px 0 #000, 0.7px 0 0 #000, 0 0.7px 0 #000;transition: .15s;}
#wiki-editor-tabs div.current {background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);border-bottom-color: transparent;color: #fff;transform: scale(1.052);}
#wiki-editor-tabs div:hover {transform: scale(1.052);background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);}
#wiki-editor-tabs-preview, #wiki-editor-tabs-changes {border: unset;}
.pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current {transform: scale(1.052);background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);font-weight: normal;}
.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {background: repeating-linear-gradient(to right, #b56500, #b56500 20px, #c56e00 10px, #c56e00 41px);border-radius: 8px;padding: 5px 15px;box-shadow: 2px 2px 0px #00000082;font-family: 'Jua';font-weight: normal;color: #fff;transition: .15s;margin: 3px;text-shadow: 1.5px 1.5px 0 #000, -0.8px 0 0 #000, 0 -0.8px 0 #000, 0.8px 0 0 #000, 0 0.8px 0 #000;border: unset;}
.pi-section-navigation .pi-section-tab:hover, .pi-media-collection .pi-tab-link:hover {transform: scale(1.052);background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);}
.mw-rcfilters-ui-watchlistTopSectionWidget-separator {border-top: 1px solid #a55300;}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {border: 3px solid transparent;border-left: unset;border-image: url(/images/e/e7/Border_pattern.png) 6 round;background: #feefdc;box-shadow: 2px 2px 0 #00000082;}
.oo-ui-tagItemWidget {margin: 0 4px 0 0;}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {padding-right: 28px;}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {background-color: #e0c7a750;border: unset;}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {background-color: #e0c7a79e;}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {box-shadow: unset;outline: unset;background: #e0c7a79e;}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {background-color: #ffe6d1;border-color:unset;}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {color:#a55300;}
.mw-changeslist-legend dt, .mw-changeslist-legend dd {line-height:1.8em;}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {background-color: #feefdc;background-color: #feefdc;border: 3px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;padding: 10px;border-radius: 3px;box-shadow: 2px 2px 0px #00000082;}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {filter: hue-rotate(165deg) !important;}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {color: #cf884a;}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {color: #8d592a;border-color: transparent;}
.client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner:before, .client-js .mw-rcfilters-spinner:after {background-color: #a55300;}
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {color: #b9a897;border-color: #feefdc;background-color: #feefdc;}
.oo-ui-dropdownInputWidget.oo-ui-widget-disabled {border-radius: 3px;border: 3px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;filter: contrast(0.87);}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {background-color: #feefdc;-webkit-text-fill-color: #b9a897;color: #b9a897;text-shadow: unset;filter: contrast(0.87);}
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {background-color: #eee3d3;border-color: #eee3d3;}
.mw-history-compareselectedversions .mw-ui-button {background: #feefdc;color: #a55300 !important;border: 8px solid transparent;border-image: url(/images/c/c1/Border_pattern_brown.png) 16 round;border-radius: 7px;font-family: 'Jua';font-weight: normal;line-height: 1.1em;margin-bottom: 3px;box-shadow: 2px 2px 0px #00000082;transition: .15s !important;}
.mw-history-compareselectedversions .mw-ui-button:hover {transform: scale(1.052);border-image: url(/images/7/7b/Border_pattern_yellow.png) 18 round;background: #feefdc !important;}
.mw-history-compareselectedversions .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on {background-color: #feefdc;border-color: transparent;box-shadow: 2px 2px 0 #00000082;}
.mw-history-compareselectedversions .mw-ui-button:not(:disabled):focus {border-color: unset;box-shadow: 2px 2px 0 #00000082;}
.oo-ui-radioInputWidget [type=radio]+span {background-color: #feefdc;border-color: #ddceb9;}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked+span {border-color: #a55300;}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:active+span {border-color: #c7792a;box-shadow: unset;}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:active+span {background-color: #c7792a;border-color: #c7792a;}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:hover+span {border-color: #cf884a;}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:active+span:before {border-color: #c7792a;}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:hover+span {border-color: #cf884a;}
.mw-htmlform-ooui .mw-htmlform-matrix td {border: 3px solid transparent;}
.mw-htmlform-ooui .mw-htmlform-matrix td:first-child {border-radius: 3px 0 0 3px;}
.mw-htmlform-ooui .mw-htmlform-matrix td:last-child {border-radius: 0 3px 3px 0;}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {background-color: #feefdc;border-image: url(/images/e/e7/Border_pattern.png) 6 round;box-shadow: 2px 2px 0 #00000082;}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {background-color: unset;}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even):hover td {background-color: #feefdc;}
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) {filter: brightness(0) saturate(100%) invert(28%) sepia(90%) saturate(1303%) hue-rotate(16deg) brightness(50%) contrast(102%);background-size: 17px;}
.oo-ui-image-progressive.oo-ui-icon-markup, .mw-ui-icon-markup-progressive:before {filter: hue-rotate(170deg) !important;}
#mw-panel .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading {transition: .15s}
#mw-panel .portal .vector-menu-heading:hover, #mw-panel .portal .vector-menu-heading:hover:after {border-color: #ffe331 transparent;color: #ffe331;}
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {border-top: 2px solid #e0c7a7;}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-iconWidget {filter: brightness(0) saturate(100%) invert(28%) sepia(90%) saturate(1303%) hue-rotate(16deg) brightness(50%) contrast(102%);}
.mw-ui-container #userloginForm, .mw-ui-container #userlogin {margin: auto;width: fit-content;padding: 13px;background-color: #c7a57da1;border-radius: 13px;}
.mw-ui-input {background-color: #feefdc;border: 3px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;border-radius: 3px;box-shadow: 2px 2px 0 #00000082;}
.mw-ui-input:invalid {box-shadow: 2px 2px 0 #00000082;}
.mw-ui-input:focus {border-color: transparent;box-shadow: 2px 2px 0 #00000082;}
.mw-ui-input:not(:disabled) {background-color: #feefdc;}
.mw-ui-input:not(:disabled):focus {border-color: unset;box-shadow: 2px 2px 0 #00000082;outline: unset;}
.mw-ui-checkbox [type='checkbox'] + label:before {background-color: #feefdc;border: 1px solid #ddceb9;}
.mw-ui-checkbox [type='checkbox']:enabled:hover + label:before {border-color: #cf884a;}
.mw-ui-checkbox [type='checkbox']:enabled:active + label:before {background-color: #733a0029;border-color: #733a00;box-shadow: unset;}
.mw-ui-checkbox [type='checkbox']:enabled:focus + label:before {border-color: #b1a087;box-shadow: unset;}
.mw-ui-checkbox [type='checkbox']:enabled:checked + label:before {background-color: #a55300;border-color: #a55300;}
.mw-ui-checkbox [type='checkbox']:enabled:checked:active + label:before {background-color: #c7792a;border-color: #c7792a;}
.mw-ui-checkbox [type='checkbox']:enabled:checked:focus + label:before {background-color: #c7792a;border-color: #c7792a;box-shadow: unset;}
.mw-ui-checkbox [type='checkbox']:enabled:checked:hover + label:before {background-color: #cf884a;border-color: #cf884a;}
.mw-ui-button.mw-ui-progressive:not(:disabled) {font-family: 'Jua';font-weight: Normal;color: #fff;background: repeating-linear-gradient(to right, #b56500, #b56500 20px, #c56e00 10px, #c56e00 41px);text-shadow: 1.5px 1.5px 0 #000, -0.7px 0 0 #000, 0 -0.7px 0 #000, 0.7px 0 0 #000, 0 0.7px 0 #000;box-shadow: 2px 2px 0 #00000082;border-radius: 8px;border: unset;transition: .15s;}
.mw-ui-button.mw-ui-progressive:not(:disabled):hover {background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);transform: scale(1.052);}
.mw-createacct-benefits-container {float: right;padding: 1px 21px;background-color: #feefdc;border: 7px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 7 round;border-radius: 7px;box-shadow: 2px 2px 0 #00000082;}
.mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors {filter: brightness(0) saturate(100%) invert(24%) sepia(100%) saturate(1769%) hue-rotate(28deg) brightness(98%) contrast(101%);}
.mw-body-content .mw-number-text h3 {font-family: 'Jua';}
#mw-createaccount-cta {background: none;padding-top: 0;font-weight: normal;}
#mw-createaccount-join {font-family: 'Jua';background-color: #f3dfc5;color: #a55300;transition: .15s;background-image: url(/images/2/2e/UI_Re_Pattern2.png);background-size: 400px 200px;}
#mw-createaccount-join:hover{background-color: #f3dfc5;border-color: #ffcb03;box-shadow: 2px 2px 0 #00000082;}
#mw-createaccount-join:active {background-color: #f3dfc5;color: #a55300;border-color: #a55300;box-shadow: 2px 2px 0 #00000082;text-decoration: none;}
#mw-createaccount-join:focus {border-color: #ffcb03;box-shadow: 2px 2px 0 #00000082;}
.mw-ui-button {border: 3px solid #a55300;border-radius: 8px;background-image: url(/images/2/2e/UI_Re_Pattern2.png);background-size: 400px 200px;color: #a55300;font-family: 'Jua';box-shadow: 2px 2px 0 #00000082;transition: .15s;}
.mw-ui-button:hover {background-color: transparent;border-color: #ffcb03;box-shadow: 2px 2px 0 #00000082;transform: scale(1.052);}
.mw-ui-button.mw-ui-progressive:not(:disabled):focus {box-shadow: 2px 2px 0 #00000082;}
.mw-inputbox-createbox:required:invalid~.mw-ui-button {background-color: unset;border-color: unset;cursor: pointer;}
.oo-ui-windowManager-modal > .oo-ui-dialog {background-color: rgb(0 0 0 / 50%);}
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {border: unset;border-radius: 13px;box-shadow: unset;height: 185px !important;}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {background-color: #f3dfc5;background-image: url(/images/2/2e/UI_Re_Pattern2.png), url(/images/0/0a/UI_MainFrame_Pattern2.png);background-repeat: repeat-x, repeat-x;background-size: 300px 173px, auto;background-position: bottom left, top left;}
.oo-ui-window-content {top: 31px;left: 11px;right: 11px;bottom: 9px;}
body > .oo-ui-windowManager, .oo-ui-defaultOverlay {font-size: 1em;}
.oo-ui-messageDialog-message {font-size: 1.1em;color: #a55300;text-align: center;font-family: 'Jua';}
.oo-ui-messageDialog-content > .oo-ui-window-foot {outline: unset;}
.oo-ui-messageDialog-actions-horizontal {flex-direction: column;}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {border-right: unset;}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget > .oo-ui-buttonElement-button {border-radius: 8px !important;margin: 3px 9px;background: repeating-linear-gradient(to right, #b56500, #b56500 20px, #c56e00 10px, #c56e00 41px);color: #fff;font-weight: normal;text-shadow: 1.5px 1.5px 0 #000, -0.7px 0 0 #000, 0 -0.7px 0 #000, 0.7px 0 0 #000, 0 0.7px 0 #000;}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover {color: #fff;background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);}
.wikiEditor-ui-toolbar .sections .section {border-top: 1px solid #b39675;margin-top: 6px;padding-top: 6px;}
.ui-dialog {font-family: 'Jua'; font-size: 14px;border: unset;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 13px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 13px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 13px;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 13px;}
.ui-widget-content {background: url(/images/2/2e/UI_Re_Pattern2.png);color: #a55300;}
body .ui-dialog .ui-widget-header {background: url(/images/0/0a/UI_MainFrame_Pattern2.png) repeat-x !important;margin-left: -3px;margin-right: -3px;margin-top: -3px;border-bottom-left-radius: unset;border-bottom-right-radius: unset;}
.ui-widget-header {border: unset;}
.ui-dialog .ui-dialog-title {font-size: medium;font-family: 'Jua';font-weight: normal;color: #fff;text-shadow: 1.5px 1.5px 0 #000, -.8px 0 0 #000, 0 -.8px 0 #000, .8px 0 0 #000, 0 .8px 0 #000;}
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {padding: 7px;border: 3px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;background-color: #feefdc;color: #a55300;border-radius: 3px;box-shadow: 2px 2px 0px #00000082;}
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {border-top: unset !important;}
body .ui-button {background: repeating-linear-gradient(to right, #b56500, #b56500 20px, #c56e00 10px, #c56e00 41px) !important;text-shadow: 1.5px 1.5px 0 #000, -0.7px 0 0 #000, 0 -0.7px 0 #000, 0.7px 0 0 #000, 0 0.7px 0 #000;border: unset !important;box-shadow: 2px 2px 0 #00000082;transition: .15s;}
body .ui-button:hover {background:repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px) !important; transform: scale(1.052);box-shadow: 2px 2px 0 #00000082;}
body .ui-button:active {color: #fff;border-color: unset !important;background: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px) !important;box-shadow: 2px 2px 0 #00000082 !important;transform: scale(1.052);}
body .ui-button:active, body .ui-button:focus {border-color: unset !important;box-shadow: 2px 2px 0 #00000082;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color: #fff !important;font-weight: normal;text-shadow: 1.5px 1.5px 0 #000, -0.7px 0 0 #000, 0 -0.7px 0 #000, 0.7px 0 0 #000, 0 0.7px 0 #000;padding: 5px 15px;border-radius: 8px !important;font-family: 'Jua';}
.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {filter: brightness(0) saturate(100%) invert(28%) sepia(90%) saturate(1303%) hue-rotate(16deg) brightness(50%) contrast(102%);}
#wikieditor-toolbar-table-dimensions-rows, #wikieditor-toolbar-table-dimensions-columns {padding: 5px;background-color: #feefdc;color: #a55300;border-radius: 3px;border: 3px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;box-shadow: 2px 2px 0 #00000082;}
.wikiEditor-ui-toolbar .booklet > .index > .current {background-color: #a5530040;color: #a55300;border-radius: 6px;}
.wikiEditor-ui-toolbar .booklet > .index > div {transition: .15s}
.wikiEditor-ui-toolbar .booklet > .index > :hover {background-color: #a5530020;border-radius: 6px;}
.wikiEditor-ui-toolbar .page-table td {border-top: 1px solid #b39675;}
.wikiEditor-ui-toolbar .page-characters div span {border: unset;background: #a5530020;border-radius: 8px;}
.wikiEditor-ui-toolbar .page-characters div span:hover {background-color: #a5530040;border-color: unset;}
.cm-mw-link, .cm-mw-link-tosection, .cm-mw-section-header {color: #c7833e;}
.cm-mw-link-pagename, .cm-mw-link-bracket, .cm-mw-link-delimiter, .cm-mw-extlink, .cm-mw-free-extlink {color: #8d4700;}
.CodeMirror {background: #feefdc;border-radius: 13px;}
.ui-widget select {padding: 6px;border: 3px solid transparent;border-image: url(/images/e/e7/Border_pattern.png) 6 round;background-color: #feefdc;color: #a55300;border-radius: 3px;box-shadow: 2px 2px 0 #00000082;}
.ui-widget-overlay {background: rgb(0 0 0 / 50%);}
a.feedlink {background-image: unset;}
.toctogglecheckbox:focus + .toctitle .toctogglelabel, .vector-menu-checkbox:focus + .vector-menu-heading {outline: unset;}
.cdx-text-input__input {border-width: 3px;border-radius: 3px;}
.cdx-text-input__input:enabled {background-color: #feefdc;color: #202122;border-color: #feefdc;box-shadow: 2px 2px 0 #00000082;transition-property: unset;transition-duration: unset;border-image: url(/images/e/e7/Border_pattern.png) 6 round;}
.cdx-text-input__input:enabled:focus {border-color: transparent;box-shadow: unset;outline: unset;box-shadow: 2px 2px 0 #00000082;}
.cdx-checkbox__input:enabled+.cdx-checkbox__icon {background-color: #feefdc;border: 1px solid #ddceb9;}
.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon {background-color: #733a0029;border-color: #733a00;}
.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon {border-color: unset;box-shadow: unset;outline: unset;}
.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon {border-color: #cf884a;}
.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon {background-color: #a55300;border-color: #a55300;}
.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon {background-color: #c7792a;border-color:#c7792a;}
.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon {background-color: #a55300;border-color: #a55300;}
.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon {box-shadow: unset;}
.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon {background-color: #cf884a;border-color: #cf884a;}
.cdx-button {border-width: 3px;border-radius: 8px;box-shadow: 2px 2px 0 #00000082;transition: .15s;}
.cdx-button:hover {transform: scale(1.052);}
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {border-color: #a55300;}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {background-color: #b56500;border-color: unset;border-width: 0;font-family: 'Jua';font-weight: normal;text-shadow: 1.5px 1.5px 0 #000, -.8px 0 0 #000, 0 -.8px 0 #000, .8px 0 0 #000, 0 .8px 0 #000;background-image: repeating-linear-gradient(to right, #b56500, #b56500 20px, #c56e00 10px, #c56e00 41px);}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover {background-color: #ffcb03;border-color: #ffcb03;background-image: repeating-linear-gradient(to right, #E4B500, #E4B500 20px, #FFCB03 10px, #FFCB03 41px);transform: scale(1.052);}
.cdx-button:enabled:focus, .cdx-button.cdx-button--fake-button--enabled:focus {outline: unset;}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) {border-color: transparent;box-shadow: 2px 2px 0 #00000082;}
#preferences .mw-htmlform-submit-buttons {background-color: #f3dfc5;border-top: 1px solid #f3dfc5;}
.oo-ui-toggleSwitchWidget {background-color: #feefdc;border: 2px solid #a55300;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {background-color: #feefdc;border: 2px solid #a55300;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {background-color: #feefdc; border-color: #ffcb03;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {background-color: #feefdc;border-color: #c7792a;box-shadow: unset;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {background-color: #feefdc;border-color: #c7792a;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {border-color: #a55300;box-shadow: unset;outline: unset;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {border-color: inherit;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus:hover .oo-ui-toggleSwitchWidget-grip {background-color: #feefdc;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {background-color: #feefdc;border-color: #cf884a;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {background-color: #feefdc;border-color: #cf884a;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {background-color: #a55300;border-color: #a55300;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {background-color: #feefdc;border-color: #feefdc;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {background-color: #c7792a;border-color: #c7792a;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {border-color:#a55300;box-shadow: unset;outline: unset;}
.oo-ui-toggleSwitchWidget::before {border: unset;}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {background-color: #cf884a; border-color: #cf884a;}
.mw-collapsible-toggle-default .mw-collapsible-text {color: var(--theme-link-color);}
#n-mainpage-description a, #n-recentchanges a, #n-randompage a, #n-Discord-server a, #n-Steam-page a, #feedlinks a {margin-left:35px;}
#n-mainpage-description::before {content: '';background-image: url(/images/6/61/Ratopia-Wiki-House.png), url(/images/2/2c/UI_Re_IconFrame.png);background-position: center;background-size:34px;background-repeat: no-repeat;float: inline-start;height: 31px;width: 31px;border-radius: 4px;box-shadow: 2px 2px 0 #421800;}
#n-recentchanges::before {content: '';background-image: url(/images/9/9d/Ratopia-Wiki-Calendar.png), url(/images/2/2c/UI_Re_IconFrame.png);background-position: center;background-size:34px;background-repeat: no-repeat;float: inline-start;height: 31px;width: 31px;border-radius: 4px;box-shadow: 2px 2px 0 #421800;}
#n-randompage::before {content:'';background-image: url(/images/d/de/Ratopia-Wiki-Random.png), url(/images/2/2c/UI_Re_IconFrame.png);background-position: center;background-size:34px;background-repeat: no-repeat;float: inline-start;height: 31px;width: 31px;border-radius: 4px;box-shadow: 2px 2px 0 #421800;}
#n-Discord-server::before {content:'';background-image:url(/images/f/ff/Discord_%28Icon%29.png), url(/images/2/2c/UI_Re_IconFrame.png);background-position: center;background-size:34px;background-repeat: no-repeat;float: inline-start;height: 31px;width: 31px;border-radius: 4px;box-shadow: 2px 2px 0 #421800;}
#n-Steam-page::before {content:'';background-image:url(/images/5/5e/Steam_%28Icon%29.png), url(/images/2/2c/UI_Re_IconFrame.png);background-position: center;background-size:34px;background-repeat: no-repeat;float: inline-start;height: 31px;width: 31px;border-radius: 4px;box-shadow: 2px 2px 0 #421800;}
#feedlinks::before {content:'';background-image:url(/images/1/10/Ratopia-Wiki-RSS.png), url(/images/2/2c/UI_Re_IconFrame.png);background-position: center;background-size:34px;background-repeat: no-repeat;float: inline-start;height: 31px;width: 31px;border-radius: 4px;box-shadow: 2px 2px 0 #421800;}
@keyframes fadeBlue {60% {border-top-color: #a55300;} 100%{border-top-color: #e0c7a7;}}
@keyframes unseen-fadeout-to-unread {0% {background-color: #a5530030;} 100% {background-color: #feefdc;}}
:focus {outline-color: unset;}
/******************
* Template:Navbox *
*******************/
.navbox {
clear: both;
margin: 1em 0;
padding: 3px;
font-size: 90%;
width: 100%;
border: 1px solid var(--wiki-content-border-color);
box-sizing: border-box;
}
.navbox-inner,
.navbox-subgroup {
border-spacing: 0;
width: 100%;
}
/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
margin-top: -1px;
}
/* Spacing between rows */
.navbox-spacer {
height: 2px;
}
/* Title bars and labels */
.navbox-title {
font-weight: bold;
font-size: 115%;
padding: 0.25em 0.6em;
line-height: 1.5em;
color: var(--wiki-accent-label-color);
background: var(--wiki-accent-color);
}
.navbox-title,
.navbox-abovebelow {
padding-left: 1em;
padding-right: 1em;
text-align: center;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: rgba(var(--wiki-accent-color--rgb), 0.18);
color: var(--wiki-content-text-color);
border: 1px solid var(--wiki-content-border-color);
}
.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
color: var(--wiki-accent-link-color);
}
.navbox-title .mw-collapsible-toggle {
font-weight: normal;
text-align: right;
}
.navbox-title-text {
font-size: 105%;
}
/* Navbox-related links */
.navbox-title .navbar {
float: left;
margin-right: 0.5em;
}
.navbox-title .navbar a.external::after {
content: unset;
}
/* Groups */
.navbox-group {
font-weight: bold;
padding: 0 0.5em;
white-space: nowrap;
text-align: center;
}
/* Zebra colouring for rows */
.navbox-even {
background: #fff1;
}
/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup > tbody > tr {
display: flex;
}
.navbox-subgroup .navbox-group {
display: flex;
align-items: center;
justify-content: center;
flex-basis: 11em;
flex-grow: 1;
flex-shrink: 0;
white-space: normal;
}
.navbox-subgroup .navbox-title {
width:100%;
}
/* Lists */
.navbox-list {
width: 100%;
}
/* Mobile adjustments */
@media screen and (max-width: 1280px) {
.mw-body .navbox-inner table {
display: table;
}
}
@media screen and (max-width: 720px) {
.mw-body .navbox {
display: none;
}
}
/**********************
* End Template:Navbox *
***********************/