No edit summary Tag: sourceedit |
No edit summary |
||
(77 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
+ | /* <pre> */ |
||
− | /***** CSS placed here will be applied to all skins on the entire site. *****/ |
||
+ | /** |
||
− | /* See also: [[MediaWiki:Wikia.css]] and [[MediaWiki:Monobook.css]] */ |
||
+ | * CSS placed here will be applied to all skins on the entire site. |
||
+ | * |
||
+ | * This page is compiled from LESS files listed in MediaWiki:Custom-common.less and should not be edited directly. See also: [[MediaWiki:Wikia.css]] and [[MediaWiki:Custom-handheld.less]] |
||
+ | */ |
||
+ | .fandom-community-header__image img { |
||
+ | object-position: center; |
||
+ | } |
||
+ | .fandom-community-header__top-container { |
||
− | /* adds a nearly transparent dark background image on an element, darkening its color. */ |
||
+ | background-position: 22% 80% !important; |
||
− | .darken, .darken1 { background-image:url('http://images.wikia.com/kairosoft/images/2/2d/Darkener.png'); } |
||
+ | } |
||
+ | #gamenav { |
||
− | /* .darken2+ don't work in IE8 and below, but instead act as .darken (1). */ |
||
+ | position: relative; |
||
− | .darken2 { background:rgba(0,0,0,0.08); } |
||
+ | width: 100%; |
||
− | .darken3 { background:rgba(0,0,0,0.12); } |
||
+ | text-align: center; |
||
− | .darken4 { background:rgba(0,0,0,0.16); } |
||
+ | margin-top: 0; |
||
− | .darken5 { background:rgba(0,0,0,0.20); } |
||
+ | margin-bottom: 11px; |
||
+ | background: #EFEDE1; |
||
+ | color: black; |
||
+ | border: 2px solid #EFEDE1 !important; |
||
+ | border-collapse: collapse; |
||
+ | box-sizing: border-box; |
||
+ | } |
||
+ | .theme-fandomdesktop-dark #gamenav { |
||
− | /* Style all headings (h2, h3, etc) */ |
||
+ | color: white; |
||
− | .mw-headline { font-family: Impact, Charcoal, sans-serif; } |
||
+ | background: none; |
||
+ | } |
||
+ | #gamenav > * > tr > th, |
||
− | /* Changes how links respond when hovered over */ |
||
+ | #gamenav > * > tr > td { |
||
− | #WikiaArticle a:hover, .skin-monobook a:hover, .linkBox:hover .linkBoxContent a { |
||
+ | border: 2px solid #EFEDE1 !important; |
||
− | transition: color 0.35s linear, text-shadow 0.35s linear; |
||
− | + | text-align: center; |
|
− | text-shadow:0 0 .35px #17B0D6; |
||
} |
} |
||
+ | #gamenav > * > tr > th { |
||
− | /* General hide class for things that should only show on mobile */ |
||
+ | padding: 9px 5.6px; |
||
− | .desktop-hide { display: none !important; } |
||
+ | line-height: 1; |
||
+ | } |
||
+ | #gamenav > * > tr > td { |
||
− | /* Indicates abbr tags should be moused-over */ |
||
+ | padding: 3px 6px; |
||
− | abbr { border-bottom:1px dotted currentColor; } |
||
+ | } |
||
+ | #gamenavtitle { |
||
− | /* .center is used by wikia, and makes element used on also have a width of 100% */ |
||
+ | background: #DFDBC3; |
||
− | .ct, .centertext { text-align:center; } |
||
+ | } |
||
+ | .theme-fandomdesktop-dark #gamenavtitle { |
||
− | /* Darkens every other row */ |
||
+ | background: #4F4F4F; |
||
− | .oddrow tr:nth-of-type(odd)>td, tr.oddrow td { |
||
− | background-image:url('http://images.wikia.com/kairosoft/images/2/2d/Darkener.png'); |
||
} |
} |
||
+ | #gamenav-content { |
||
− | /* Adds wikipedia Template:Ambox type style to a table/div */ |
||
+ | background: #E6E3CF; |
||
− | .messagebox { |
||
− | color:black; |
||
− | background:#D6D1B2; |
||
− | border:1px solid #AAA; |
||
− | border-left:10px solid #721410; |
||
− | padding:2px 10px; |
||
− | display:block; |
||
− | margin:0 10%; |
||
} |
} |
||
+ | .theme-fandomdesktop-dark #gamenav-content { |
||
− | /* Changes hover effect for Template:MPEdit (✍) */ |
||
+ | background: #242424; |
||
− | .editicon:before { content: "["; } |
||
− | .editicon:after { content: " edit]"; } |
||
− | .editicon:before, .editicon:after { |
||
− | vertical-align:top; |
||
− | transition: font-size 0.5s ease-in 1s; |
||
− | font-size: 0; |
||
} |
} |
||
+ | |||
− | .editicon:hover:before, .editicon:hover:after { |
||
+ | #gamenav-content p { |
||
− | font-size:inherit; |
||
+ | margin: 0 !important; |
||
− | transition-delay:0s; |
||
+ | position: relative; |
||
+ | z-index: 99; |
||
} |
} |
||
+ | #gamenavbottom { |
||
− | /* Format blank cells in wikitables with a question mark */ |
||
+ | right: -8px; |
||
− | .wikitable td:empty { position:relative; text-align:center !important; font-size:90%; color:rgba(40, 40, 40, 0.20); background:rgba(255,255,255,0.10); overflow:hidden; } |
||
+ | border-radius: 5px 0 5px 0; |
||
− | .wikitable td:-moz-only-whitespace { position:relative; text-align:center !important; font-size:90%; color:rgba(40, 40, 40, 0.20); background:rgba(255,255,255,0.10); overflow:hidden; } |
||
+ | } |
||
− | .wikitable td:blank { position:relative; text-align:center !important; font-size:90%; color:rgba(40, 40, 40, 0.20); background:rgba(255,255,255,0.10); overflow:hidden; } |
||
+ | #gamenavsequel { |
||
− | .wikitable td:empty:before { content:"?"; position:absolute; left:0; right:0; margin-top:-10px; } |
||
+ | left: -8px; |
||
− | .wikitable td:-moz-only-whitespace:before { content:"?"; position:absolute; left:0; right:0; margin-top:-10px; } |
||
+ | border-radius: 0 5px 0 5px; |
||
− | .wikitable td:blank:before { content:"?"; position:absolute; left:0; right:0; margin-top:-10px; } |
||
+ | } |
||
+ | .gamenav-bottomlinks { |
||
− | /* Endgame "Score Calculation" table */ |
||
+ | position: absolute; |
||
− | .scorecalculation |
||
+ | bottom: -14px; |
||
− | { white-space:nowrap; box-shadow:0 0 5px #CFC9A7; border-radius:5px; } |
||
+ | font-size: 80%; |
||
− | .scorecalculation tr td:last-of-type |
||
+ | background: #E6E3CF; |
||
− | { white-space:normal; padding-left:5px; } |
||
+ | border: 2px solid #EFEDE1; |
||
+ | border-top-width: 0; |
||
+ | padding: 0 3px; |
||
+ | line-height: 13px; |
||
+ | } |
||
+ | .theme-fandomdesktop-dark .gamenav-bottomlinks { |
||
− | /* Character table (for "Recurring characters" page only) */ |
||
+ | background: #242424; |
||
− | .charactertable { |
||
− | width:100%; |
||
− | border:1px outset black; |
||
} |
} |
||
+ | |||
− | .charactertable th, .charactertable td { |
||
+ | #gamenavlinks a { |
||
− | width:50%; |
||
− | + | box-shadow: 0 0 3px 0px #A39F8A; |
|
− | + | padding: 1px 4px; |
|
− | border: |
+ | border-radius: 3px; |
+ | background: #E6E2C8; |
||
+ | white-space: nowrap; |
||
+ | } |
||
+ | |||
+ | .theme-fandomdesktop-dark #gamenavlinks a { |
||
+ | background: rgba(255, 222, 197, 0.2); |
||
+ | } |
||
+ | |||
+ | #gamenavlinks a:hover { |
||
+ | box-shadow: 0 0 3px 1px #A39F8A; |
||
+ | background: #E9E4C9; |
||
+ | } |
||
+ | |||
+ | .theme-fandomdesktop-dark #gamenavlinks a:hover { |
||
+ | background: rgba(255, 222, 197, 0.25); |
||
+ | } |
||
+ | |||
+ | #gamenav-friend-icon { |
||
+ | vertical-align: baseline !important; |
||
+ | } |
||
+ | |||
+ | .manualBox { |
||
+ | display: inline-block; |
||
+ | vertical-align: top; |
||
+ | font-size: 11px; |
||
+ | width: 212px; |
||
+ | margin: 0px 4px 3px; |
||
+ | background: #C4C2B7; |
||
+ | } |
||
+ | |||
+ | .manualBox:target { |
||
+ | outline: red dotted 5px; |
||
+ | box-shadow: 0 0 15px 2px red; |
||
+ | } |
||
+ | |||
+ | .manualBox-title { |
||
+ | text-align: center; |
||
+ | font-weight: bold; |
||
+ | width: 100%; |
||
+ | } |
||
+ | |||
+ | .manualBox-title:before { |
||
+ | content: "\25c0"; |
||
+ | float: left; |
||
+ | margin-left: 5px; |
||
+ | } |
||
+ | |||
+ | .manualBox-title:after { |
||
+ | content: "\25b6"; |
||
+ | float: right; |
||
+ | margin-right: 5px; |
||
+ | } |
||
+ | |||
+ | .manualBox-content { |
||
+ | text-align: left; |
||
+ | color: black; |
||
+ | height: 158px; |
||
+ | overflow-y: auto; |
||
+ | margin: 5px; |
||
+ | padding: 0 5px; |
||
+ | border-radius: 5px; |
||
+ | background: #FCFCFC; |
||
+ | } |
||
+ | |||
+ | .navbox { |
||
+ | --navbox-border: #4a4040; |
||
+ | --navbox-title-background: var(--theme-accent-color); |
||
+ | --navbox-header-background: var(--theme-accent-color--hover); |
||
+ | --navbox-header-color: var(--theme-accent-label-color); |
||
+ | --navbox-header-link-color: var(--theme-accent-label-color); |
||
+ | --navbox-list-link-color: var(--theme-link-color); |
||
+ | width: 100%; |
||
+ | background: var(--navbox-border); |
||
+ | color: white; |
||
+ | margin: 1em auto; |
||
+ | font-size: 84%; |
||
+ | clear: both; |
||
+ | padding: 2px; |
||
+ | border-spacing: 0; |
||
+ | border: 2px solid var(--navbox-border); |
||
+ | border-radius: 3px; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-title a, |
||
+ | .navbox .navbox-header a, |
||
+ | .navbox .navbox-group a, |
||
+ | .navbox .mw-collapsible-toggle a:hover { |
||
+ | color: var(--navbox-header-link-color); |
||
+ | } |
||
+ | |||
+ | .navbox + .navbox { |
||
+ | margin-top: -16px; |
||
+ | border-top-left-radius: 0; |
||
+ | border-top-right-radius: 0; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-title { |
||
+ | color: var(--theme-accent-label-color); |
||
+ | background: var(--navbox-title-background); |
||
+ | font-weight: bold; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-vde { |
||
+ | float: left; |
||
+ | width: 65px; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-title-padright { |
||
+ | padding-right: 65px; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-title-padleft { |
||
+ | padding-left: 65px; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-subgroup { |
||
+ | border-spacing: 0; |
||
+ | width: 100%; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-gutter { |
||
+ | height: 2px; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-subgroup .navbox-gutter { |
||
+ | background: var(--navbox-border); |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-section-row > td { |
||
+ | padding: 0; |
||
+ | height: 100%; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-section { |
||
+ | width: 100%; |
||
+ | border-spacing: 0; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-above, |
||
+ | .navbox .navbox-below, |
||
+ | .navbox .navbox-image { |
||
+ | color: var(--theme-accent-label-color); |
||
+ | background: var(--navbox-header-background); |
||
+ | text-align: center; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-group, |
||
+ | .navbox .navbox-header { |
||
+ | background: var(--navbox-header-background); |
||
+ | color: var(--navbox-header-color); |
||
+ | font-weight: bold; |
||
+ | height: 100%; |
||
+ | padding: 2px 4px; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-header-collapsible { |
||
+ | padding-left: 65; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-group { |
||
+ | min-width: 150px; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-group, |
||
+ | .navbox .navbox-image-left { |
||
+ | border-right: 2px solid var(--navbox-border); |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-image-right { |
||
+ | border-left: 2px solid var(--navbox-border); |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-list { |
||
+ | background: var(--theme-page-background-color); |
||
+ | color: var(--theme-page-text-color); |
||
+ | width: 100%; |
||
+ | height: 100%; |
||
+ | padding: 0; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-list div { |
||
+ | padding: 0px 4px; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-list.no-group { |
||
+ | text-align: center; |
||
+ | padding-top: 2px; |
||
+ | padding-bottom: 2px; |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-list a { |
||
+ | color: var(--navbox-list-link-color); |
||
+ | } |
||
+ | |||
+ | .navbox .navbox-list a.new { |
||
+ | color: #fafafa !important; |
||
+ | } |
||
+ | |||
+ | .navbox .mw-collapsible-toggle { |
||
+ | width: 65px; |
||
+ | } |
||
+ | |||
+ | .hlist ul { |
||
+ | margin: 0; |
||
+ | list-style: none; |
||
+ | } |
||
+ | |||
+ | .hlist li, |
||
+ | .hlist ul ul { |
||
+ | display: inline; |
||
+ | } |
||
+ | |||
+ | .hlist li a { |
||
+ | white-space: nowrap; |
||
+ | } |
||
+ | |||
+ | .hlist ul ul:before { |
||
+ | content: "("; |
||
+ | } |
||
+ | |||
+ | .hlist ul ul:after { |
||
+ | content: ")"; |
||
+ | } |
||
+ | |||
+ | .hlist li:after { |
||
+ | content: " • "; |
||
+ | } |
||
+ | |||
+ | .hlist ul ul li:after { |
||
+ | content: "/"; |
||
+ | } |
||
+ | |||
+ | .hlist li:last-child:after, |
||
+ | .hlist ul ul li:last-child:after { |
||
+ | content: none; |
||
+ | } |
||
+ | |||
+ | .pi-theme-dotted { |
||
+ | font-size: 11px; |
||
+ | margin-left: 10px; |
||
+ | border: 1px solid black; |
||
+ | border-radius: 5px; |
||
+ | padding: 2px; |
||
+ | background: transparent; |
||
+ | } |
||
+ | |||
+ | .pi-theme-dotted .pi-title { |
||
+ | font-size: 120%; |
||
+ | border-radius: 5px 5px 0 0; |
||
+ | text-align: center; |
||
+ | margin-bottom: 2px; |
||
+ | color: #FFF; |
||
+ | background: #721410; |
||
+ | font-weight: bold; |
||
+ | padding: 0; |
||
+ | } |
||
+ | |||
+ | .pi-theme-dotted .pi-image { |
||
+ | padding: 0.5em; |
||
+ | margin: 2px; |
||
+ | text-align: center; |
||
+ | border: 1px dotted black; |
||
+ | font-style: italic; |
||
+ | } |
||
+ | |||
+ | .pi-theme-dotted .pi-image-thumbnail { |
||
+ | max-width: 220px; |
||
+ | height: auto; |
||
+ | } |
||
+ | |||
+ | .pi-theme-dotted .pi-caption { |
||
+ | font-style: italic; |
||
+ | text-align: center; |
||
+ | } |
||
+ | |||
+ | .pi-theme-dotted .pi-header { |
||
+ | text-align: center; |
||
+ | color: #FFF; |
||
+ | background: #721410; |
||
+ | padding: 0.2em; |
||
+ | margin: 2px 0; |
||
+ | font-size: inherit; |
||
+ | font-weight: bold; |
||
+ | } |
||
+ | |||
+ | .pi-theme-dotted .pi-data-label { |
||
+ | max-width: 50%; |
||
+ | width: auto; |
||
+ | border: 1px outset black; |
||
+ | padding: 0.2em; |
||
+ | margin: 1px 1px 1px 0px; |
||
+ | font-weight: bold; |
||
+ | } |
||
+ | |||
+ | .pi-theme-dotted .pi-data-value { |
||
+ | color: #64696C; |
||
+ | border: 1px solid #998E78; |
||
+ | width: auto; |
||
+ | border-left-width: 0; |
||
+ | padding: 0.2em; |
||
+ | margin: 1px 0px 1px 1px; |
||
+ | } |
||
+ | |||
+ | .pi-theme-dotted .pi-data.pi-item-spacing { |
||
+ | padding: 0; |
||
+ | } |
||
+ | |||
+ | .pi-theme-dotted .pi-data.pi-border-color { |
||
+ | border: 0; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game { |
||
+ | background: transparent; |
||
+ | border: 1px solid #998E78; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .pi-border-color { |
||
+ | border-color: #998E78; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .pi-title { |
||
+ | text-align: center; |
||
+ | margin-bottom: 2px; |
||
+ | padding: 0px 5px; |
||
+ | border: 3px double #000; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .pi-image { |
||
+ | padding: 2px 0; |
||
+ | border-top: 1px solid #998E78; |
||
+ | border-bottom: 1px solid #998E78; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .pi-collapse-closed:last-of-type .pi-header { |
||
+ | border-bottom: 0; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .pi-data-label { |
||
+ | border-right: 1px solid #998E78; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .pi-data .pi-data-value:first-child { |
||
+ | text-align: center; |
||
+ | width: 100%; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .pi-title ~ .pi-data { |
||
+ | text-align: center; |
||
+ | padding: 0px; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .pi-title ~ .pi-data .kw-special-header { |
||
+ | padding: 3px; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .kw-onlineonly { |
||
+ | background: #F5F5F5; |
||
+ | color: #00008B; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .kw-freetoplay { |
||
+ | background: #b4e391; |
||
+ | background: -moz-linear-gradient(-45deg, #b4e391 0%, #6ec12e 50%, #b4e391 100%); |
||
+ | background: -webkit-linear-gradient(-45deg, #b4e391 0%, #6ec12e 50%, #b4e391 100%); |
||
+ | background: linear-gradient(135deg, #b4e391 0%, #6ec12e 50%, #b4e391 100%); |
||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4e391', endColorstr='#b4e391', GradientType=1); |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .kw-micropayments { |
||
+ | background: #111; |
||
+ | color: #BBB; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .kw-micropayments a { |
||
+ | color: #FFF; |
||
+ | text-decoration: underline; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .kw-pvp { |
||
+ | background: #F2F5A9; |
||
+ | color: #610B0B; |
||
+ | } |
||
+ | |||
+ | .pi-theme-game .kw-kairoclub { |
||
+ | background: #C8CFC1; |
||
+ | } |
||
+ | |||
+ | .colorBoxCont { |
||
+ | white-space: nowrap; |
||
+ | } |
||
+ | |||
+ | .colorBox { |
||
+ | display: inline-block; |
||
+ | height: 16px; |
||
+ | border-left: 16px solid currentColor; |
||
+ | margin-right: 1px; |
||
+ | box-shadow: 0 0 1px gray; |
||
+ | vertical-align: text-bottom; |
||
+ | } |
||
+ | |||
+ | .hssColorNone { |
||
+ | color: Snow; |
||
+ | } |
||
+ | |||
+ | .hssColorGray { |
||
+ | color: SlateGray; |
||
+ | } |
||
+ | |||
+ | .hssColorGreen { |
||
+ | color: LimeGreen; |
||
+ | } |
||
+ | |||
+ | .hssColorBlue { |
||
+ | color: RoyalBlue; |
||
+ | } |
||
+ | |||
+ | .hssColorYellow { |
||
+ | color: Yellow; |
||
+ | } |
||
+ | |||
+ | .hssColorRed { |
||
+ | color: Red; |
||
+ | } |
||
+ | |||
+ | .hssColorPurple { |
||
+ | color: Purple; |
||
+ | } |
||
+ | |||
+ | .hssColorBlack { |
||
+ | color: Black; |
||
+ | } |
||
+ | |||
+ | .bbColorGray { |
||
+ | color: #DBDBDB; |
||
+ | } |
||
+ | |||
+ | .bbColorGreen { |
||
+ | color: #3AF864; |
||
+ | } |
||
+ | |||
+ | .bbColorOrange { |
||
+ | color: #FEC600; |
||
+ | } |
||
+ | |||
+ | .redText { |
||
+ | color: Red; |
||
+ | } |
||
+ | |||
+ | .page-content .widget_title, |
||
+ | .widget_title { |
||
+ | display: block; |
||
+ | padding: 2px; |
||
+ | margin: 10px 0; |
||
+ | border: 1px solid #BBB; |
||
+ | border-radius: 3px; |
||
+ | color: #DDD; |
||
+ | font-size: 150%; |
||
+ | font-weight: bold; |
||
+ | text-align: center; |
||
+ | text-transform: capitalize; |
||
+ | } |
||
+ | |||
+ | .page-content .widget_title *, |
||
+ | .widget_title * { |
||
+ | font-family: inherit !important; |
||
+ | } |
||
+ | |||
+ | .color1 { |
||
+ | background: var(--theme-accent-color); |
||
+ | color: #DDD; |
||
+ | } |
||
+ | |||
+ | .color1 a, |
||
+ | .color1 a:hover { |
||
+ | color: #FFFFFF; |
||
+ | } |
||
+ | |||
+ | .pollAnswerVotes { |
||
+ | color: #DDD; |
||
+ | background: #000000; |
||
+ | } |
||
+ | |||
+ | .pollAnswerVotes div { |
||
+ | background: #c31b48 !important; |
||
+ | background: -moz-linear-gradient(left, #c31b48 0%, #e54570 100%) !important; |
||
+ | background: -webkit-linear-gradient(left, #c31b48 0%, #e54570 100%) !important; |
||
+ | background: -o-linear-gradient(left, #c31b48 0%, #e54570 100%) !important; |
||
+ | background: -ms-linear-gradient(left, #c31b48 0%, #e54570 100%) !important; |
||
+ | background: linear-gradient(to right, #c31b48 0%, #e54570 100%) !important; |
||
+ | } |
||
+ | |||
+ | .pollAnswerVotes > span { |
||
+ | line-height: 22px; |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link { |
||
+ | background: rgba(0, 0, 0, 0.12); |
||
+ | display: inline-block; |
||
+ | text-align: center; |
||
+ | width: 125px; |
||
+ | margin: 1px; |
||
+ | border-radius: 5px; |
||
+ | position: relative; |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link .platform { |
||
+ | position: absolute; |
||
+ | z-index: 1; |
||
+ | border: 1px solid black; |
||
+ | border-radius: 9px; |
||
+ | background: rgba(245, 245, 245, 0.85); |
||
+ | width: 26px; |
||
+ | height: 26px; |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link .platform.ios { |
||
+ | top: 83px; |
||
+ | left: 0; |
||
+ | border-top: 0; |
||
+ | border-right: 0; |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link .platform.android { |
||
+ | top: 83px; |
||
+ | right: 0; |
||
+ | border-top: 0; |
||
+ | border-left: 0; |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link .platform.platform-switch { |
||
+ | top: 2px; |
||
+ | right: 0; |
||
+ | border-bottom: 0; |
||
+ | border-left: 0; |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link .image-container { |
||
+ | transition: transform 0.3s linear; |
||
+ | -webkit-transition: transform 0.3s linear; |
||
+ | position: relative; |
||
+ | display: block; |
||
+ | height: 100px; |
||
+ | width: 100px; |
||
+ | margin: 3px auto -103px; |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link .image-container .image-holder { |
||
+ | display: inline-block; |
||
+ | overflow: hidden; |
||
+ | border-radius: 18px; |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link .link-container { |
||
+ | display: inline-block; |
||
+ | width: 100%; |
||
+ | padding-top: 3px; |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link .link-container .link-cover { |
||
+ | display: inline-block; |
||
+ | width: 100px; |
||
+ | height: 100px; |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link .game-caption { |
||
+ | display: inline-block; |
||
+ | color: white; |
||
+ | background: var(--theme-accent-color); |
||
+ | font-size: 12px; |
||
+ | padding: 0px 1px 1px; |
||
+ | width: 121px; |
||
+ | margin: 1px; |
||
+ | border-radius: 0 0 5px 5px; |
||
+ | border-top: 1px solid #444; |
||
+ | font-weight: bold; |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link:hover { |
||
+ | position: relative; |
||
+ | top: -2px; |
||
+ | box-shadow: 0 2px 2px 2px var(--theme-accent-color); |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link:hover .image-container { |
||
+ | position: relative; |
||
+ | top: 1px; |
||
+ | transform: rotate(5deg); |
||
+ | -webkit-transform: rotate(5deg); |
||
+ | } |
||
+ | |||
+ | .mainpage-game-link:hover > a > span { |
||
+ | background: rgba(0, 0, 0, 0.04); |
||
+ | } |
||
+ | |||
+ | .linkBox:hover { |
||
+ | border-style: inset !important; |
||
+ | background: rgba(0, 0, 0, 0.2); |
||
+ | } |
||
+ | |||
+ | .linkBox:hover .linkBoxContent { |
||
+ | position: relative; |
||
+ | top: 1px; |
||
+ | left: 1px; |
||
+ | } |
||
+ | |||
+ | .mainpage-newest-games h2 { |
||
+ | margin-bottom: 0 !important; |
||
+ | } |
||
+ | |||
+ | .mainpage-newest-games .article-thumb { |
||
+ | margin: 0 auto; |
||
+ | } |
||
+ | |||
+ | .mainpage-newest-games .article-thumb .caption { |
||
+ | text-align: center; |
||
} |
} |
||
− | /* Project:News/article */ |
||
.newsarticle-heading { |
.newsarticle-heading { |
||
− | border-bottom:1px solid #b2af9c; |
+ | border-bottom: 1px solid #b2af9c; |
} |
} |
||
+ | |||
.newsarticle-new { |
.newsarticle-new { |
||
− | color:white; |
+ | color: white; |
− | background:red; |
+ | background: red; |
− | padding:1px 3px; |
+ | padding: 1px 3px; |
− | border-radius:5px; |
+ | border-radius: 5px; |
− | border:2px dotted darkred; |
+ | border: 2px dotted darkred; |
} |
} |
||
+ | |||
− | .newsarticle-date { float:right; } |
||
+ | .newsarticle-date { |
||
+ | float: right; |
||
+ | } |
||
+ | |||
.newsarticle-content { |
.newsarticle-content { |
||
− | padding:0 5px 0 25px; |
+ | padding: 0 5px 0 25px; |
− | margin:3px 0 8px 0; |
+ | margin: 3px 0 8px 0; |
− | + | border: 1px solid #B3AF9B; |
|
− | border:1px solid #B3AF9B; |
||
} |
} |
||
+ | |||
+ | .newsarticle-content:after { |
||
+ | content: ""; |
||
+ | display: block; |
||
+ | clear: both; |
||
+ | } |
||
+ | |||
.newsarticle-links { |
.newsarticle-links { |
||
− | float:right; |
+ | float: right; |
border: 1px solid #b2af9c; |
border: 1px solid #b2af9c; |
||
line-height: 1; |
line-height: 1; |
||
padding: 2px 2px 1px 2px; |
padding: 2px 2px 1px 2px; |
||
border-radius: 2px; |
border-radius: 2px; |
||
− | background: rgba(0,0,0,0.01); |
+ | background: rgba(0, 0, 0, 0.01); |
} |
} |
||
− | .newsarticle-links:empty { display: none; } |
||
+ | .newsarticle-links:empty { |
||
− | /* Effects widgets on the front page / templates that use this class. */ |
||
+ | display: none; |
||
− | .widget_title { |
||
+ | } |
||
− | padding:2px; |
||
− | margin:10px 0; |
||
− | border:1px solid #BBB; |
||
− | border-radius:3px; |
||
+ | .mw-headline { |
||
− | color:#DDD; |
||
− | font- |
+ | font-family: Impact, Charcoal, sans-serif; |
− | font-weight:bold; |
||
− | text-align:center; |
||
− | text-transform:capitalize; |
||
} |
} |
||
− | .widget_title * { font-family: inherit !important; } |
||
+ | abbr { |
||
− | /* Project:Game */ |
||
+ | text-decoration: underline dotted; |
||
− | .frontpagelink:hover { |
||
− | position: relative; |
||
− | top: -2px; |
||
− | box-shadow: 0 2px 2px 2px #770000; |
||
} |
} |
||
+ | |||
− | .frontpagelink .fplimgholder { |
||
+ | .oddrow tr:nth-of-type(odd) > td, |
||
− | transition: transform 0.3s linear; |
||
+ | tr.oddrow td { |
||
− | -webkit-transition: transform 0.3s linear; |
||
+ | background: rgba(0, 0, 0, 0.035); |
||
} |
} |
||
+ | |||
− | .frontpagelink:hover .fplimgholder { |
||
+ | .ct, |
||
− | position: relative; top:1px; |
||
+ | .centertext { |
||
− | transform: rotate(5deg); |
||
+ | text-align: center; |
||
− | -webkit-transform: rotate(5deg); |
||
} |
} |
||
− | .frontpagelink:hover>a>span { background-image:url('http://images.wikia.com/kairosoft/images/2/2d/Darkener.png'); } |
||
+ | .desktop-hide { |
||
− | /* Project:Link */ |
||
+ | display: none !important; |
||
− | .linkBox:hover { border-style:inset !important; background:rgba(0,0,0,0.20); } |
||
+ | } |
||
− | .linkBox:hover .linkBoxContent { position:relative; top:1px; left:1px; } |
||
+ | .darken, |
||
− | /* Project:NewestGames */ |
||
+ | .darken1 { |
||
− | .mainpage-newest-games h2 { margin-bottom:0 !important; } |
||
+ | background-image: url('https://images.wikia.nocookie.net/kairosoft/images/2/2d/Darkener.png'); |
||
− | .mainpage-newest-games .article-thumb { margin:0 auto; } |
||
+ | } |
||
− | .mainpage-newest-games .article-thumb .caption { text-align:center; } |
||
+ | .darken2 { |
||
− | /* Gets rid of reply sections on forum posts at the bottom of respective article (for compactness). */ |
||
+ | background: rgba(0, 0, 0, 0.08); |
||
− | #RelatedForumDiscussion .forum-replies, |
||
+ | } |
||
− | #RelatedForumDiscussion .forum-total-replies |
||
− | { display:none !important; } |
||
+ | .darken3 { |
||
− | /* Default infobox design */ |
||
+ | background: rgba(0, 0, 0, 0.12); |
||
− | .default-infobox-container { |
||
− | background:transparent; |
||
− | margin:0; |
||
− | padding:0; |
||
− | width:auto; |
||
} |
} |
||
+ | |||
− | .default-infobox-container .infobox-table { |
||
+ | .darken4 { |
||
− | font-size:11px; |
||
+ | background: rgba(0, 0, 0, 0.16); |
||
− | margin-left:10px; |
||
− | min-width:200px; |
||
− | max-width:250px; |
||
− | width:auto; |
||
− | border:1px solid black; |
||
− | border-radius:5px; |
||
− | border-collapse: separate; |
||
− | border-spacing: 2px; |
||
} |
} |
||
+ | |||
− | .default-infobox-container .default-infobox-title { |
||
+ | .darken5 { |
||
− | font-size:120%; |
||
+ | background: rgba(0, 0, 0, 0.2); |
||
− | border-radius:5px 5px 0 0; |
||
− | text-align:center; |
||
− | margin-bottom:6px; |
||
− | color:#FFF; |
||
− | background:#721410; |
||
− | font-weight:bold; |
||
− | padding:0; |
||
} |
} |
||
+ | |||
− | .default-infobox-container .default-infobox-main-image { |
||
+ | .theme-fandomdesktop-dark .darken, |
||
− | padding:0.5em; |
||
+ | .theme-fandomdesktop-dark .darken1 { |
||
− | text-align:center; |
||
+ | background: rgba(255, 255, 255, 0.04); |
||
− | border:1px dotted black; |
||
− | font-style:italic; |
||
} |
} |
||
+ | |||
− | .default-infobox-container .default-infobox-main-image img { |
||
+ | .theme-fandomdesktop-dark .darken2 { |
||
− | display:inline-block; |
||
+ | background: rgba(255, 255, 255, 0.08); |
||
} |
} |
||
+ | |||
− | .default-infobox-container .default-infobox-main-image-caption { |
||
+ | .theme-fandomdesktop-dark .darken3 { |
||
− | font-style:italic; |
||
+ | background: rgba(255, 255, 255, 0.12); |
||
− | text-align:center; |
||
} |
} |
||
+ | |||
− | .default-infobox-container .default-infobox-header { |
||
+ | .theme-fandomdesktop-dark .darken4 { |
||
− | text-align:center; |
||
+ | background: rgba(255, 255, 255, 0.16); |
||
− | color:#FFF; |
||
− | background:#721410; |
||
− | padding:0.2em; |
||
− | font-size:inherit; |
||
− | font-weight:bold; |
||
} |
} |
||
+ | |||
− | .default-infobox-container .default-infobox-line-left { |
||
+ | .theme-fandomdesktop-dark .darken5 { |
||
− | max-width:50%; |
||
+ | background: rgba(255, 255, 255, 0.2); |
||
− | width:auto; |
||
− | border:1px outset black; |
||
− | padding:0.2em; |
||
− | font-weight:bold; |
||
} |
} |
||
+ | |||
− | .default-infobox-container .default-infobox-line-right { |
||
+ | .theme-fandomdesktop-dark .newsarticle img[data-image-key="Apple_logo.svg"], |
||
− | border:1px solid #998E78; |
||
+ | .theme-fandomdesktop-dark .portable-infobox img[data-image-key="Apple_logo.svg"], |
||
− | width:auto; |
||
+ | .theme-fandomdesktop-dark .game-platform-links img[data-image-key="Apple_logo.svg"] { |
||
− | border-left-width:0; |
||
+ | filter: invert(1); |
||
− | padding:0.2em; |
||
} |
} |
||
+ | #WikiaArticle a:hover, |
||
− | /* Infobox game */ |
||
+ | .skin-monobook a:hover, |
||
− | .infobox-game-infobox-container { float:right; } |
||
+ | .linkBox:hover .linkBoxContent a { |
||
− | .infobox-game-infobox-container .infobox-table { |
||
+ | transition: color 0.35s linear, text-shadow 0.35s linear; |
||
− | color:black; font-size:11px; line-height:1.65; margin-left:10px; min-width:200px; max-width:250px; border:1px solid #998E78; border-collapse:collapse; |
||
+ | color: #16A4C7 !important; |
||
+ | text-shadow: 0 0 .35px #17B0D6; |
||
} |
} |
||
+ | |||
− | .infobox-game-infobox-container th, .infobox-game-infobox-container td { |
||
+ | .messagebox { |
||
− | border:1px solid #998E78; padding:0.2em; |
||
+ | background: var(--theme-page-background-color); |
||
+ | color: var(--theme-page-text-color); |
||
+ | border: 1px solid #AAA; |
||
+ | border-left: 10px solid var(--theme-accent-color); |
||
+ | padding: 2px 10px; |
||
+ | display: block; |
||
+ | margin: 0 10%; |
||
+ | overflow: auto; |
||
} |
} |
||
+ | |||
− | .infobox-game-infobox-title { |
||
+ | .mw-parser-output .plainlinks a:after { |
||
− | font-weight:bold; text-align:center; background:#721410; background:#D6D1B2; |
||
+ | display: none !important; |
||
} |
} |
||
+ | |||
− | .infobox-game-infobox-header { |
||
+ | .editicon:before { |
||
− | font-weight:bold; text-align:center; background:#721410; background:#D6D1B2; |
||
+ | content: "["; |
||
} |
} |
||
+ | |||
− | .infobox-game-infobox-line-left { |
||
+ | .editicon:after { |
||
− | font-weight:bold; text-align:center; max-width:50%; border:1px outset black; background:#D6D1B2; box-shadow:0 0 0 0; |
||
+ | content: " edit]"; |
||
} |
} |
||
+ | |||
− | .infobox-game-infobox-line-right { |
||
+ | .editicon:before, |
||
− | border:1px solid #998E78; border-left-width:0; color:black; background:#DBD7BC; |
||
+ | .editicon:after { |
||
+ | vertical-align: top; |
||
+ | transition: font-size 0.5s ease-in 1s; |
||
+ | font-size: 0; |
||
} |
} |
||
+ | |||
− | /* Custom - Caption */ |
||
+ | .editicon:hover:before, |
||
− | .infobox-game-infobox-field-1 { |
||
+ | .editicon:hover:after { |
||
− | font-size:13px; border:3px double black; margin-bottom:5px; text-align:center; |
||
+ | font-size: inherit; |
||
+ | transition-delay: 0s; |
||
} |
} |
||
+ | |||
− | /* Online-only */ |
||
+ | .wikitable td:empty, |
||
− | .infobox-game-infobox-field-3 .infobox-game-infobox-title { background:whitesmoke; color:darkblue; } |
||
+ | .fandom-table td:empty { |
||
− | /* Micropayment */ |
||
+ | position: relative; |
||
− | .infobox-game-infobox-field-4 .infobox-game-infobox-title { background:#111; color:#BBB; } |
||
+ | text-align: center !important; |
||
− | /* PvP */ |
||
+ | font-size: 90%; |
||
− | .infobox-game-infobox-field-5 .infobox-game-infobox-title { background:#F2F5A9; color:#610B0B; } |
||
+ | color: rgba(40, 40, 40, 0.2); |
||
− | /* Japanese Title */ |
||
+ | background: rgba(255, 255, 255, 0.1); |
||
− | .infobox-game-infobox-field-31 .infobox-game-infobox-title { |
||
+ | overflow: hidden; |
||
− | font-weight:normal; |
||
− | text-align:center; |
||
− | border:1px solid #998E78; |
||
− | border-left-width:0; |
||
− | color:black; |
||
− | background:#DBD7BC; |
||
} |
} |
||
+ | |||
− | /* Footer */ |
||
+ | .wikitable td:empty:before, |
||
− | .infobox-game-infobox-footer { |
||
+ | .fandom-table td:empty:before { |
||
− | text-align:right; |
||
+ | content: "?"; |
||
− | font-size:xx-small; |
||
+ | position: absolute; |
||
− | font-weight:normal; |
||
+ | left: 0; |
||
− | line-height:1.1; |
||
+ | right: 0; |
||
− | background:transparent; |
||
+ | margin-top: -10px; |
||
} |
} |
||
− | .infobox-game-infobox-field-50 { border-right-style: hidden; border-bottom-style: hidden; border-left-style: hidden; } |
||
+ | .wikitable td:-moz-only-whitespace, |
||
− | /* Template:GameNav */ |
||
+ | .fandom-table td:-moz-only-whitespace { |
||
− | #gamenav { |
||
+ | position: relative; |
||
− | width:100%; |
||
− | + | text-align: center !important; |
|
+ | font-size: 90%; |
||
− | margin-bottom:11px; |
||
+ | color: rgba(40, 40, 40, 0.2); |
||
− | background:#EFEDE1; |
||
+ | background: rgba(255, 255, 255, 0.1); |
||
− | color:black; |
||
+ | overflow: hidden; |
||
} |
} |
||
+ | |||
− | #gamenavtitle { background:#DFDBC3; } |
||
+ | .wikitable td:-moz-only-whitespace:before, |
||
− | #gamenav-content { background:#E6E3CF; } |
||
+ | .fandom-table td:-moz-only-whitespace:before { |
||
− | #gamenav-content p { |
||
+ | content: "?"; |
||
− | margin:0 !important; |
||
− | + | position: absolute; |
|
+ | left: 0; |
||
− | z-index:999; |
||
+ | right: 0; |
||
+ | margin-top: -10px; |
||
} |
} |
||
+ | |||
− | #gamenavbottom { |
||
+ | .wikitable td:blank, |
||
− | right:-3px; |
||
+ | .fandom-table td:blank { |
||
− | border-radius:5px 0 5px 0; |
||
+ | position: relative; |
||
+ | text-align: center !important; |
||
+ | font-size: 90%; |
||
+ | color: rgba(40, 40, 40, 0.2); |
||
+ | background: rgba(255, 255, 255, 0.1); |
||
+ | overflow: hidden; |
||
} |
} |
||
+ | |||
− | #gamenavsequel { |
||
+ | .wikitable td:blank:before, |
||
− | left:-3px; |
||
+ | .fandom-table td:blank:before { |
||
− | border-radius:0 5px 0 5px; |
||
+ | content: "?"; |
||
+ | position: absolute; |
||
+ | left: 0; |
||
+ | right: 0; |
||
+ | margin-top: -10px; |
||
} |
} |
||
+ | |||
− | .gamenav-bottomlinks { |
||
+ | .WikiaMainContent .wikia-menu-button, |
||
− | position:absolute; |
||
+ | .WikiaMainContent .wikia-button, |
||
− | bottom:-12px; |
||
+ | .WikiaMainContent .button { |
||
− | font-size:80%; |
||
− | + | background-color: #c31b48; |
|
+ | background-image: linear-gradient(to bottom, #e85b81 35%, #c31b48 65%); |
||
− | border:2px solid #EFEDE1; |
||
+ | border: 1px solid #c31b48; |
||
− | border-top-width:0; |
||
+ | border-radius: 4px; |
||
− | padding:0 3px; |
||
+ | box-sizing: content-box; |
||
− | line-height:13px; |
||
+ | color: var(--themed-button-label); |
||
+ | cursor: pointer; |
||
+ | display: inline-block; |
||
+ | font-family: Helvetica, Arial, sans-serif; |
||
+ | font-size: 12px; |
||
+ | height: 19px; |
||
+ | line-height: 20px; |
||
+ | margin: 0; |
||
+ | padding: 0 10px; |
||
+ | text-decoration: none; |
||
+ | white-space: nowrap; |
||
} |
} |
||
+ | |||
− | #gamenavlinks a { |
||
+ | .WikiaMainContent .wikia-menu-button:hover, |
||
− | box-shadow: 0 0 3px 0px #A39F8A; |
||
+ | .WikiaMainContent .wikia-button:hover, |
||
− | padding:1px 4px; |
||
+ | .WikiaMainContent .button:hover { |
||
− | border-radius:3px; |
||
− | + | background-color: #b11941; |
|
+ | background-image: linear-gradient(to bottom, #e54973 35%, #b11941 65%); |
||
− | white-space:nowrap; |
||
+ | text-decoration: none; |
||
+ | box-shadow: 0 0 5px #e22f5f; |
||
+ | border-color: #e02155; |
||
} |
} |
||
+ | |||
− | #gamenavlinks a:hover { |
||
+ | .WikiaMainContent .wikia-menu-button.disabled, |
||
− | box-shadow: 0 0 3px 1px #A39F8A; |
||
+ | .WikiaMainContent .wikia-button.disabled, |
||
− | background:#E9E4C9; |
||
+ | .WikiaMainContent .button.disabled, |
||
+ | .WikiaMainContent .wikia-menu-button[disabled], |
||
+ | .WikiaMainContent .wikia-button[disabled], |
||
+ | .WikiaMainContent .button[disabled] { |
||
+ | cursor: default; |
||
+ | opacity: 0.5; |
||
} |
} |
||
+ | .WikiaMainContent .wikia-menu-button.disabled:active, |
||
− | /* Template:ManualBox */ |
||
+ | .WikiaMainContent .wikia-button.disabled:active, |
||
− | .manualBox { |
||
+ | .WikiaMainContent .button.disabled:active, |
||
− | display:inline-block; |
||
+ | .WikiaMainContent .wikia-menu-button[disabled]:active, |
||
− | vertical-align:top; |
||
+ | .WikiaMainContent .wikia-button[disabled]:active, |
||
− | font-size:11px; |
||
+ | .WikiaMainContent .button[disabled]:active { |
||
− | width:212px; /* At min width should be 3 across */ |
||
+ | background-color: #c31b48; |
||
− | margin:0px 4px 3px; |
||
+ | background-image: linear-gradient(to bottom, #e85b81 35%, #c31b48 65%); |
||
− | background:#C4C2B7; |
||
} |
} |
||
+ | |||
− | .manualBox:target { |
||
+ | .scorecalculation { |
||
− | outline:red dotted 5px; |
||
+ | white-space: nowrap; |
||
− | box-shadow:0 0 15px 2px red; |
||
+ | box-shadow: 0 0 5px #CFC9A7; |
||
+ | border-radius: 5px; |
||
} |
} |
||
+ | |||
− | .manualBox-title { |
||
+ | .scorecalculation tr td:last-of-type { |
||
− | text-align:center; |
||
+ | white-space: normal; |
||
− | font-weight:bold; |
||
+ | padding-left: 5px; |
||
− | width:100%; |
||
} |
} |
||
+ | |||
− | .manualBox-title:before { |
||
+ | .charactertable { |
||
− | content:"\25c0"; |
||
+ | width: 100%; |
||
− | float:left; |
||
+ | border: 1px outset black; |
||
− | margin-left:5px; |
||
} |
} |
||
+ | |||
− | .manualBox-title:after { |
||
+ | .charactertable th, |
||
− | content:"\25b6"; |
||
+ | .charactertable td { |
||
− | float:right; |
||
+ | width: 50%; |
||
− | margin-right:5px; |
||
+ | padding: 3px 5px 0; |
||
+ | vertical-align: text-top; |
||
+ | border: 1px inset black; |
||
} |
} |
||
+ | |||
− | .manualBox-content { |
||
+ | .friend-id { |
||
− | text-align:left; |
||
+ | box-shadow: 0 0 1px; |
||
− | color:black; |
||
+ | padding: 0 2px; |
||
− | height:158px; |
||
− | overflow-y:auto; |
||
− | margin:5px; |
||
− | padding:0 5px; |
||
− | border-radius:5px; |
||
− | background:#FCFCFC; |
||
} |
} |
||
+ | .friend-id .friend-id-sep:before { |
||
− | /* Adds a color-able square */ |
||
+ | content: '∙'; |
||
− | .colorBoxCont { white-space:nowrap; } |
||
+ | margin: 0 -2px; |
||
− | .colorBox { |
||
− | display:inline-block; |
||
− | height:16px; |
||
− | border-left:16px solid currentColor; |
||
− | margin-right:1px; |
||
− | box-shadow:0 0 1px gray; |
||
− | vertical-align: text-bottom; |
||
} |
} |
||
+ | #RelatedForumDiscussion .forum-replies, |
||
− | /* High Sea Saga Colors */ |
||
+ | #RelatedForumDiscussion .forum-total-replies { |
||
− | .hssColorNone { color:Snow; } |
||
+ | display: none !important; |
||
− | .hssColorGray { color:SlateGray; } |
||
+ | } |
||
− | .hssColorGreen { color:LimeGreen; } |
||
− | .hssColorBlue { color:RoyalBlue; } |
||
− | .hssColorYellow { color:Yellow; } |
||
− | .hssColorRed { color:Red; } |
||
− | .hssColorPurple { color:Purple; } |
||
− | .hssColorBlack { color:Black; } |
||
+ | .Template-ScrollBox-Container { |
||
− | /* Beastie Bay Colors */ |
||
+ | overflow: auto; |
||
− | .bbColorGray { color:#DBDBDB; } /*Gray*/ |
||
+ | height: 400px; |
||
− | .bbColorGreen { color:#3AF864; } /*Green*/ |
||
+ | width: 100%; |
||
− | .bbColorOrange { color:#FEC600; } /*Orange*/ |
||
+ | border: 1px solid #AAAAAA; |
||
+ | background: transparent; |
||
+ | padding: 10px; |
||
+ | } |
||
+ | |||
+ | .game-platform-links { |
||
+ | border: 1px solid whitesmoke; |
||
+ | width: 57%; |
||
+ | margin-inline: auto; |
||
+ | padding: 5px; |
||
+ | border-top: 3px solid whitesmoke; |
||
+ | } |
||
+ | |||
+ | .game-platform-links-item { |
||
+ | display: inline-block; |
||
+ | border: 1px solid gray; |
||
+ | min-width: 112px; |
||
+ | margin: 3px; |
||
+ | padding: 3px; |
||
+ | } |
Latest revision as of 08:42, 15 April 2024
/* <pre> */
/**
* CSS placed here will be applied to all skins on the entire site.
*
* This page is compiled from LESS files listed in MediaWiki:Custom-common.less and should not be edited directly. See also: [[MediaWiki:Wikia.css]] and [[MediaWiki:Custom-handheld.less]]
*/
.fandom-community-header__image img {
object-position: center;
}
.fandom-community-header__top-container {
background-position: 22% 80% !important;
}
#gamenav {
position: relative;
width: 100%;
text-align: center;
margin-top: 0;
margin-bottom: 11px;
background: #EFEDE1;
color: black;
border: 2px solid #EFEDE1 !important;
border-collapse: collapse;
box-sizing: border-box;
}
.theme-fandomdesktop-dark #gamenav {
color: white;
background: none;
}
#gamenav > * > tr > th,
#gamenav > * > tr > td {
border: 2px solid #EFEDE1 !important;
text-align: center;
}
#gamenav > * > tr > th {
padding: 9px 5.6px;
line-height: 1;
}
#gamenav > * > tr > td {
padding: 3px 6px;
}
#gamenavtitle {
background: #DFDBC3;
}
.theme-fandomdesktop-dark #gamenavtitle {
background: #4F4F4F;
}
#gamenav-content {
background: #E6E3CF;
}
.theme-fandomdesktop-dark #gamenav-content {
background: #242424;
}
#gamenav-content p {
margin: 0 !important;
position: relative;
z-index: 99;
}
#gamenavbottom {
right: -8px;
border-radius: 5px 0 5px 0;
}
#gamenavsequel {
left: -8px;
border-radius: 0 5px 0 5px;
}
.gamenav-bottomlinks {
position: absolute;
bottom: -14px;
font-size: 80%;
background: #E6E3CF;
border: 2px solid #EFEDE1;
border-top-width: 0;
padding: 0 3px;
line-height: 13px;
}
.theme-fandomdesktop-dark .gamenav-bottomlinks {
background: #242424;
}
#gamenavlinks a {
box-shadow: 0 0 3px 0px #A39F8A;
padding: 1px 4px;
border-radius: 3px;
background: #E6E2C8;
white-space: nowrap;
}
.theme-fandomdesktop-dark #gamenavlinks a {
background: rgba(255, 222, 197, 0.2);
}
#gamenavlinks a:hover {
box-shadow: 0 0 3px 1px #A39F8A;
background: #E9E4C9;
}
.theme-fandomdesktop-dark #gamenavlinks a:hover {
background: rgba(255, 222, 197, 0.25);
}
#gamenav-friend-icon {
vertical-align: baseline !important;
}
.manualBox {
display: inline-block;
vertical-align: top;
font-size: 11px;
width: 212px;
margin: 0px 4px 3px;
background: #C4C2B7;
}
.manualBox:target {
outline: red dotted 5px;
box-shadow: 0 0 15px 2px red;
}
.manualBox-title {
text-align: center;
font-weight: bold;
width: 100%;
}
.manualBox-title:before {
content: "\25c0";
float: left;
margin-left: 5px;
}
.manualBox-title:after {
content: "\25b6";
float: right;
margin-right: 5px;
}
.manualBox-content {
text-align: left;
color: black;
height: 158px;
overflow-y: auto;
margin: 5px;
padding: 0 5px;
border-radius: 5px;
background: #FCFCFC;
}
.navbox {
--navbox-border: #4a4040;
--navbox-title-background: var(--theme-accent-color);
--navbox-header-background: var(--theme-accent-color--hover);
--navbox-header-color: var(--theme-accent-label-color);
--navbox-header-link-color: var(--theme-accent-label-color);
--navbox-list-link-color: var(--theme-link-color);
width: 100%;
background: var(--navbox-border);
color: white;
margin: 1em auto;
font-size: 84%;
clear: both;
padding: 2px;
border-spacing: 0;
border: 2px solid var(--navbox-border);
border-radius: 3px;
}
.navbox .navbox-title a,
.navbox .navbox-header a,
.navbox .navbox-group a,
.navbox .mw-collapsible-toggle a:hover {
color: var(--navbox-header-link-color);
}
.navbox + .navbox {
margin-top: -16px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbox .navbox-title {
color: var(--theme-accent-label-color);
background: var(--navbox-title-background);
font-weight: bold;
}
.navbox .navbox-vde {
float: left;
width: 65px;
}
.navbox .navbox-title-padright {
padding-right: 65px;
}
.navbox .navbox-title-padleft {
padding-left: 65px;
}
.navbox .navbox-subgroup {
border-spacing: 0;
width: 100%;
}
.navbox .navbox-gutter {
height: 2px;
}
.navbox .navbox-subgroup .navbox-gutter {
background: var(--navbox-border);
}
.navbox .navbox-section-row > td {
padding: 0;
height: 100%;
}
.navbox .navbox-section {
width: 100%;
border-spacing: 0;
}
.navbox .navbox-above,
.navbox .navbox-below,
.navbox .navbox-image {
color: var(--theme-accent-label-color);
background: var(--navbox-header-background);
text-align: center;
}
.navbox .navbox-group,
.navbox .navbox-header {
background: var(--navbox-header-background);
color: var(--navbox-header-color);
font-weight: bold;
height: 100%;
padding: 2px 4px;
}
.navbox .navbox-header-collapsible {
padding-left: 65;
}
.navbox .navbox-group {
min-width: 150px;
}
.navbox .navbox-group,
.navbox .navbox-image-left {
border-right: 2px solid var(--navbox-border);
}
.navbox .navbox-image-right {
border-left: 2px solid var(--navbox-border);
}
.navbox .navbox-list {
background: var(--theme-page-background-color);
color: var(--theme-page-text-color);
width: 100%;
height: 100%;
padding: 0;
}
.navbox .navbox-list div {
padding: 0px 4px;
}
.navbox .navbox-list.no-group {
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
}
.navbox .navbox-list a {
color: var(--navbox-list-link-color);
}
.navbox .navbox-list a.new {
color: #fafafa !important;
}
.navbox .mw-collapsible-toggle {
width: 65px;
}
.hlist ul {
margin: 0;
list-style: none;
}
.hlist li,
.hlist ul ul {
display: inline;
}
.hlist li a {
white-space: nowrap;
}
.hlist ul ul:before {
content: "(";
}
.hlist ul ul:after {
content: ")";
}
.hlist li:after {
content: " • ";
}
.hlist ul ul li:after {
content: "/";
}
.hlist li:last-child:after,
.hlist ul ul li:last-child:after {
content: none;
}
.pi-theme-dotted {
font-size: 11px;
margin-left: 10px;
border: 1px solid black;
border-radius: 5px;
padding: 2px;
background: transparent;
}
.pi-theme-dotted .pi-title {
font-size: 120%;
border-radius: 5px 5px 0 0;
text-align: center;
margin-bottom: 2px;
color: #FFF;
background: #721410;
font-weight: bold;
padding: 0;
}
.pi-theme-dotted .pi-image {
padding: 0.5em;
margin: 2px;
text-align: center;
border: 1px dotted black;
font-style: italic;
}
.pi-theme-dotted .pi-image-thumbnail {
max-width: 220px;
height: auto;
}
.pi-theme-dotted .pi-caption {
font-style: italic;
text-align: center;
}
.pi-theme-dotted .pi-header {
text-align: center;
color: #FFF;
background: #721410;
padding: 0.2em;
margin: 2px 0;
font-size: inherit;
font-weight: bold;
}
.pi-theme-dotted .pi-data-label {
max-width: 50%;
width: auto;
border: 1px outset black;
padding: 0.2em;
margin: 1px 1px 1px 0px;
font-weight: bold;
}
.pi-theme-dotted .pi-data-value {
color: #64696C;
border: 1px solid #998E78;
width: auto;
border-left-width: 0;
padding: 0.2em;
margin: 1px 0px 1px 1px;
}
.pi-theme-dotted .pi-data.pi-item-spacing {
padding: 0;
}
.pi-theme-dotted .pi-data.pi-border-color {
border: 0;
}
.pi-theme-game {
background: transparent;
border: 1px solid #998E78;
}
.pi-theme-game .pi-border-color {
border-color: #998E78;
}
.pi-theme-game .pi-title {
text-align: center;
margin-bottom: 2px;
padding: 0px 5px;
border: 3px double #000;
}
.pi-theme-game .pi-image {
padding: 2px 0;
border-top: 1px solid #998E78;
border-bottom: 1px solid #998E78;
}
.pi-theme-game .pi-collapse-closed:last-of-type .pi-header {
border-bottom: 0;
}
.pi-theme-game .pi-data-label {
border-right: 1px solid #998E78;
}
.pi-theme-game .pi-data .pi-data-value:first-child {
text-align: center;
width: 100%;
}
.pi-theme-game .pi-title ~ .pi-data {
text-align: center;
padding: 0px;
}
.pi-theme-game .pi-title ~ .pi-data .kw-special-header {
padding: 3px;
}
.pi-theme-game .kw-onlineonly {
background: #F5F5F5;
color: #00008B;
}
.pi-theme-game .kw-freetoplay {
background: #b4e391;
background: -moz-linear-gradient(-45deg, #b4e391 0%, #6ec12e 50%, #b4e391 100%);
background: -webkit-linear-gradient(-45deg, #b4e391 0%, #6ec12e 50%, #b4e391 100%);
background: linear-gradient(135deg, #b4e391 0%, #6ec12e 50%, #b4e391 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4e391', endColorstr='#b4e391', GradientType=1);
}
.pi-theme-game .kw-micropayments {
background: #111;
color: #BBB;
}
.pi-theme-game .kw-micropayments a {
color: #FFF;
text-decoration: underline;
}
.pi-theme-game .kw-pvp {
background: #F2F5A9;
color: #610B0B;
}
.pi-theme-game .kw-kairoclub {
background: #C8CFC1;
}
.colorBoxCont {
white-space: nowrap;
}
.colorBox {
display: inline-block;
height: 16px;
border-left: 16px solid currentColor;
margin-right: 1px;
box-shadow: 0 0 1px gray;
vertical-align: text-bottom;
}
.hssColorNone {
color: Snow;
}
.hssColorGray {
color: SlateGray;
}
.hssColorGreen {
color: LimeGreen;
}
.hssColorBlue {
color: RoyalBlue;
}
.hssColorYellow {
color: Yellow;
}
.hssColorRed {
color: Red;
}
.hssColorPurple {
color: Purple;
}
.hssColorBlack {
color: Black;
}
.bbColorGray {
color: #DBDBDB;
}
.bbColorGreen {
color: #3AF864;
}
.bbColorOrange {
color: #FEC600;
}
.redText {
color: Red;
}
.page-content .widget_title,
.widget_title {
display: block;
padding: 2px;
margin: 10px 0;
border: 1px solid #BBB;
border-radius: 3px;
color: #DDD;
font-size: 150%;
font-weight: bold;
text-align: center;
text-transform: capitalize;
}
.page-content .widget_title *,
.widget_title * {
font-family: inherit !important;
}
.color1 {
background: var(--theme-accent-color);
color: #DDD;
}
.color1 a,
.color1 a:hover {
color: #FFFFFF;
}
.pollAnswerVotes {
color: #DDD;
background: #000000;
}
.pollAnswerVotes div {
background: #c31b48 !important;
background: -moz-linear-gradient(left, #c31b48 0%, #e54570 100%) !important;
background: -webkit-linear-gradient(left, #c31b48 0%, #e54570 100%) !important;
background: -o-linear-gradient(left, #c31b48 0%, #e54570 100%) !important;
background: -ms-linear-gradient(left, #c31b48 0%, #e54570 100%) !important;
background: linear-gradient(to right, #c31b48 0%, #e54570 100%) !important;
}
.pollAnswerVotes > span {
line-height: 22px;
}
.mainpage-game-link {
background: rgba(0, 0, 0, 0.12);
display: inline-block;
text-align: center;
width: 125px;
margin: 1px;
border-radius: 5px;
position: relative;
}
.mainpage-game-link .platform {
position: absolute;
z-index: 1;
border: 1px solid black;
border-radius: 9px;
background: rgba(245, 245, 245, 0.85);
width: 26px;
height: 26px;
}
.mainpage-game-link .platform.ios {
top: 83px;
left: 0;
border-top: 0;
border-right: 0;
}
.mainpage-game-link .platform.android {
top: 83px;
right: 0;
border-top: 0;
border-left: 0;
}
.mainpage-game-link .platform.platform-switch {
top: 2px;
right: 0;
border-bottom: 0;
border-left: 0;
}
.mainpage-game-link .image-container {
transition: transform 0.3s linear;
-webkit-transition: transform 0.3s linear;
position: relative;
display: block;
height: 100px;
width: 100px;
margin: 3px auto -103px;
}
.mainpage-game-link .image-container .image-holder {
display: inline-block;
overflow: hidden;
border-radius: 18px;
}
.mainpage-game-link .link-container {
display: inline-block;
width: 100%;
padding-top: 3px;
}
.mainpage-game-link .link-container .link-cover {
display: inline-block;
width: 100px;
height: 100px;
}
.mainpage-game-link .game-caption {
display: inline-block;
color: white;
background: var(--theme-accent-color);
font-size: 12px;
padding: 0px 1px 1px;
width: 121px;
margin: 1px;
border-radius: 0 0 5px 5px;
border-top: 1px solid #444;
font-weight: bold;
}
.mainpage-game-link:hover {
position: relative;
top: -2px;
box-shadow: 0 2px 2px 2px var(--theme-accent-color);
}
.mainpage-game-link:hover .image-container {
position: relative;
top: 1px;
transform: rotate(5deg);
-webkit-transform: rotate(5deg);
}
.mainpage-game-link:hover > a > span {
background: rgba(0, 0, 0, 0.04);
}
.linkBox:hover {
border-style: inset !important;
background: rgba(0, 0, 0, 0.2);
}
.linkBox:hover .linkBoxContent {
position: relative;
top: 1px;
left: 1px;
}
.mainpage-newest-games h2 {
margin-bottom: 0 !important;
}
.mainpage-newest-games .article-thumb {
margin: 0 auto;
}
.mainpage-newest-games .article-thumb .caption {
text-align: center;
}
.newsarticle-heading {
border-bottom: 1px solid #b2af9c;
}
.newsarticle-new {
color: white;
background: red;
padding: 1px 3px;
border-radius: 5px;
border: 2px dotted darkred;
}
.newsarticle-date {
float: right;
}
.newsarticle-content {
padding: 0 5px 0 25px;
margin: 3px 0 8px 0;
border: 1px solid #B3AF9B;
}
.newsarticle-content:after {
content: "";
display: block;
clear: both;
}
.newsarticle-links {
float: right;
border: 1px solid #b2af9c;
line-height: 1;
padding: 2px 2px 1px 2px;
border-radius: 2px;
background: rgba(0, 0, 0, 0.01);
}
.newsarticle-links:empty {
display: none;
}
.mw-headline {
font-family: Impact, Charcoal, sans-serif;
}
abbr {
text-decoration: underline dotted;
}
.oddrow tr:nth-of-type(odd) > td,
tr.oddrow td {
background: rgba(0, 0, 0, 0.035);
}
.ct,
.centertext {
text-align: center;
}
.desktop-hide {
display: none !important;
}
.darken,
.darken1 {
background-image: url('https://images.wikia.nocookie.net/kairosoft/images/2/2d/Darkener.png');
}
.darken2 {
background: rgba(0, 0, 0, 0.08);
}
.darken3 {
background: rgba(0, 0, 0, 0.12);
}
.darken4 {
background: rgba(0, 0, 0, 0.16);
}
.darken5 {
background: rgba(0, 0, 0, 0.2);
}
.theme-fandomdesktop-dark .darken,
.theme-fandomdesktop-dark .darken1 {
background: rgba(255, 255, 255, 0.04);
}
.theme-fandomdesktop-dark .darken2 {
background: rgba(255, 255, 255, 0.08);
}
.theme-fandomdesktop-dark .darken3 {
background: rgba(255, 255, 255, 0.12);
}
.theme-fandomdesktop-dark .darken4 {
background: rgba(255, 255, 255, 0.16);
}
.theme-fandomdesktop-dark .darken5 {
background: rgba(255, 255, 255, 0.2);
}
.theme-fandomdesktop-dark .newsarticle img[data-image-key="Apple_logo.svg"],
.theme-fandomdesktop-dark .portable-infobox img[data-image-key="Apple_logo.svg"],
.theme-fandomdesktop-dark .game-platform-links img[data-image-key="Apple_logo.svg"] {
filter: invert(1);
}
#WikiaArticle a:hover,
.skin-monobook a:hover,
.linkBox:hover .linkBoxContent a {
transition: color 0.35s linear, text-shadow 0.35s linear;
color: #16A4C7 !important;
text-shadow: 0 0 .35px #17B0D6;
}
.messagebox {
background: var(--theme-page-background-color);
color: var(--theme-page-text-color);
border: 1px solid #AAA;
border-left: 10px solid var(--theme-accent-color);
padding: 2px 10px;
display: block;
margin: 0 10%;
overflow: auto;
}
.mw-parser-output .plainlinks a:after {
display: none !important;
}
.editicon:before {
content: "[";
}
.editicon:after {
content: " edit]";
}
.editicon:before,
.editicon:after {
vertical-align: top;
transition: font-size 0.5s ease-in 1s;
font-size: 0;
}
.editicon:hover:before,
.editicon:hover:after {
font-size: inherit;
transition-delay: 0s;
}
.wikitable td:empty,
.fandom-table td:empty {
position: relative;
text-align: center !important;
font-size: 90%;
color: rgba(40, 40, 40, 0.2);
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
}
.wikitable td:empty:before,
.fandom-table td:empty:before {
content: "?";
position: absolute;
left: 0;
right: 0;
margin-top: -10px;
}
.wikitable td:-moz-only-whitespace,
.fandom-table td:-moz-only-whitespace {
position: relative;
text-align: center !important;
font-size: 90%;
color: rgba(40, 40, 40, 0.2);
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
}
.wikitable td:-moz-only-whitespace:before,
.fandom-table td:-moz-only-whitespace:before {
content: "?";
position: absolute;
left: 0;
right: 0;
margin-top: -10px;
}
.wikitable td:blank,
.fandom-table td:blank {
position: relative;
text-align: center !important;
font-size: 90%;
color: rgba(40, 40, 40, 0.2);
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
}
.wikitable td:blank:before,
.fandom-table td:blank:before {
content: "?";
position: absolute;
left: 0;
right: 0;
margin-top: -10px;
}
.WikiaMainContent .wikia-menu-button,
.WikiaMainContent .wikia-button,
.WikiaMainContent .button {
background-color: #c31b48;
background-image: linear-gradient(to bottom, #e85b81 35%, #c31b48 65%);
border: 1px solid #c31b48;
border-radius: 4px;
box-sizing: content-box;
color: var(--themed-button-label);
cursor: pointer;
display: inline-block;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
height: 19px;
line-height: 20px;
margin: 0;
padding: 0 10px;
text-decoration: none;
white-space: nowrap;
}
.WikiaMainContent .wikia-menu-button:hover,
.WikiaMainContent .wikia-button:hover,
.WikiaMainContent .button:hover {
background-color: #b11941;
background-image: linear-gradient(to bottom, #e54973 35%, #b11941 65%);
text-decoration: none;
box-shadow: 0 0 5px #e22f5f;
border-color: #e02155;
}
.WikiaMainContent .wikia-menu-button.disabled,
.WikiaMainContent .wikia-button.disabled,
.WikiaMainContent .button.disabled,
.WikiaMainContent .wikia-menu-button[disabled],
.WikiaMainContent .wikia-button[disabled],
.WikiaMainContent .button[disabled] {
cursor: default;
opacity: 0.5;
}
.WikiaMainContent .wikia-menu-button.disabled:active,
.WikiaMainContent .wikia-button.disabled:active,
.WikiaMainContent .button.disabled:active,
.WikiaMainContent .wikia-menu-button[disabled]:active,
.WikiaMainContent .wikia-button[disabled]:active,
.WikiaMainContent .button[disabled]:active {
background-color: #c31b48;
background-image: linear-gradient(to bottom, #e85b81 35%, #c31b48 65%);
}
.scorecalculation {
white-space: nowrap;
box-shadow: 0 0 5px #CFC9A7;
border-radius: 5px;
}
.scorecalculation tr td:last-of-type {
white-space: normal;
padding-left: 5px;
}
.charactertable {
width: 100%;
border: 1px outset black;
}
.charactertable th,
.charactertable td {
width: 50%;
padding: 3px 5px 0;
vertical-align: text-top;
border: 1px inset black;
}
.friend-id {
box-shadow: 0 0 1px;
padding: 0 2px;
}
.friend-id .friend-id-sep:before {
content: '∙';
margin: 0 -2px;
}
#RelatedForumDiscussion .forum-replies,
#RelatedForumDiscussion .forum-total-replies {
display: none !important;
}
.Template-ScrollBox-Container {
overflow: auto;
height: 400px;
width: 100%;
border: 1px solid #AAAAAA;
background: transparent;
padding: 10px;
}
.game-platform-links {
border: 1px solid whitesmoke;
width: 57%;
margin-inline: auto;
padding: 5px;
border-top: 3px solid whitesmoke;
}
.game-platform-links-item {
display: inline-block;
border: 1px solid gray;
min-width: 112px;
margin: 3px;
padding: 3px;
}