MediaWiki:Common.css
From Valve Cut Content
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
#content { color: #D5D4D4; background-color: #2E3529; } #bodyContent { color: #D5D4D4; background-color: #2E3529; } #firstHeading { color: #D5D4D4; } /* skins/oasis/css/oasis.scss */ .mw-content-ltr { direction: ltr } .mw-content-rtl { direction: rtl } .sitedir-ltr textarea, .sitedir-ltr input { direction: ltr } .sitedir-rtl textarea, .sitedir-rtl input { direction: rtl } input[type="submit"], input[type="button"], input[type="reset"], input[type="file"] { direction: ltr } textarea[dir="ltr"], input[dir="ltr"] { direction: ltr } textarea[dir="rtl"], input[dir="rtl"] { direction: rtl } abbr, acronym, .explain { border-bottom: 1px dotted; cursor: help } .mw-plusminus-pos { color: #006400; } .mw-plusminus-neg { color: #8b0000; } .mw-plusminus-null { color: #aaa; } .allpagesredirect, .redirect-in-category, .watchlistredir { font-style: italic } span.comment { font-style: italic } span.changedby { font-size: 95% } .texvc { direction: ltr; unicode-bidi: embed } img.tex { vertical-align: middle } span.texhtml { font-family: serif } #wikiPreview.ontop { margin-bottom: 1em } #editform, #toolbar, #wpTextbox1 { clear: both } #toolbar img { cursor: pointer } div#mw-js-message { margin: 1em 5%; padding: 0.5em 2.5%; border: solid 1px #ddd; background-color: #fcfcfc } .editsection { float: right; margin-left: 5px } .mw-content-ltr .editsection, .mw-content-rtl .mw-content-ltr .editsection { float: right } .mw-content-rtl .editsection, .mw-content-ltr .mw-content-rtl .editsection { float: left } div.mw-filepage-resolutioninfo { font-size: smaller } h2#filehistory { clear: both } table.filehistory th, table.filehistory td { vertical-align: top } table.filehistory th { text-align: left } table.filehistory td.mw-imagepage-filesize, table.filehistory th.mw-imagepage-filesize { white-space: nowrap } table.filehistory td.filehistory-selected { font-weight: bold } .filehistory a img, #file img:hover { background: white url(/skins/common/images/Checker-16x16.png) repeat; } li span.deleted, span.history-deleted { text-decoration: line-through; color: #888; font-style: italic } .not-patrolled { background-color: #ffa } .unpatrolled { font-weight: bold; color: red } div.patrollink { font-size: 75%; text-align: right } td.mw-label { text-align: right } td.mw-input { text-align: left } td.mw-submit { text-align: left } td.mw-label { vertical-align: top } .prefsection td.mw-label { width: 20% } .prefsection table { width: 100% } td.mw-submit { white-space: nowrap } table.mw-htmlform-nolabel td.mw-label { width: 1px } tr.mw-htmlform-vertical-label td.mw-label { text-align: left !important } .mw-htmlform-invalid-input td.mw-input input { border-color: red } .mw-htmlform-flatlist div.mw-htmlform-flatlist-item { display: inline; margin-right: 1em; white-space: nowrap } input#wpSummary { width: 80% } .thumbcaption { text-align: left } .magnify { float: right } #catlinks { text-align: left } .catlinks ul { display: inline; margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; vertical-align: middle !ie } .catlinks li { display: inline-block; line-height: 1.25em; border-left: 1px solid #AAA; margin: 0.125em 0; padding: 0 0.5em; zoom: 1; display: inline !ie } .catlinks li:first-child { padding-left: 0.25em; border-left: none } .mw-hidden-cats-hidden { display: none } .catlinks-allhidden { display: none } p.mw-ipb-conveniencelinks, p.mw-protect-editreasons, p.mw-filedelete-editreasons, p.mw-delete-editreasons, p.mw-revdel-editreasons { font-size: 90%; text-align: right } .os-suggest { overflow: auto; overflow-x: hidden; position: absolute; top: 0; left: 0; width: 0; background-color: white; border-style: solid; border-color: #AAAAAA; border-width: 1px; z-index: 99; font-size: 95% } table.os-suggest-results { font-size: 95%; cursor: pointer; border: 0; border-collapse: collapse; width: 100% } .os-suggest-result, .os-suggest-result-hl { white-space: nowrap; background-color: white; color: black; padding: 2px } .os-suggest-result-hl, .os-suggest-result-hl-webkit { background-color: #4C59A6; color: white } .os-suggest-toggle { position: relative; left: 1ex; font-size: 65% } .os-suggest-toggle-def { position: absolute; top: 0; left: 0; font-size: 65%; visibility: hidden } .autocomment { color: gray } #pagehistory .history-user { margin-left: 0.4em; margin-right: 0.2em } #pagehistory span.minor { font-weight: bold } #pagehistory li { border: 1px solid white } #pagehistory li.selected { background-color: #f9f9f9; border: 1px dashed #aaa } .mw-history-revisiondelete-button, #mw-fileduplicatesearch-icon { float: right } .newpage, .minoredit, .botedit { font-weight: bold } #shared-image-dup, #shared-image-conflict { font-style: italic } div.mw-warning-with-logexcerpt { padding: 3px; margin-bottom: 3px; border: 2px solid #2F6FAB; clear: both } div.mw-warning-with-logexcerpt ul li { font-size: 90% } span.mw-revdelundel-link, strong.mw-revdelundel-link { font-size: 90% } span.mw-revdelundel-hidden, input.mw-revdelundel-hidden { visibility: hidden } td.mw-revdel-checkbox, th.mw-revdel-checkbox { padding-right: 10px; text-align: center } a.feedlink { background: url(/skins/common/images/feed-icon.png) center left no-repeat; padding-left: 16px } .plainlinks a { background: none !important; padding: 0 !important } .rtl a.external.free, .rtl a.external.autonumber { direction: ltr; unicode-bidi: embed } table.wikitable { margin: 1em 1em 1em 0; background-color: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; color: black } table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td { border: 1px #aaa solid; padding: 0.2em } table.wikitable>tr>th, table.wikitable>*>tr>th { background-color: #f2f2f2; text-align: center } table.wikitable>caption { font-weight: bold } table.collapsed tr.collapsable { display: none } .success { color: green; font-size: larger } .warning { color: #FFA500; font-size: larger } .error { color: red; font-size: larger } .errorbox, .warningbox, .successbox { font-size: larger; border: 2px solid; padding: .5em 1em; float: left; margin-bottom: 2em; color: #000 } .errorbox { border-color: red; background-color: #fff2f2 } .warningbox { border-color: #FF8C00; background-color: #FFFFC0 } .successbox { border-color: green; background-color: #dfd } .errorbox h2, .warningbox h2, .successbox h2 { font-size: 1em; font-weight: bold; display: inline; margin: 0 .5em 0 0; border: none } .mw-infobox { border: 2px solid #ff7f00; margin: 0.5em; clear: left; overflow: hidden } .mw-infobox-left { margin: 7px; float: left; width: 35px } .mw-infobox-right { margin: 0.5em 0.5em 0.5em 49px } .previewnote { color: #c00; margin-bottom: 1em } .previewnote p { text-indent: 3em; margin: 0.8em 0 } .visualClear { clear: both } #mw_trackbacks { border: solid 1px #bbbbff; background-color: #eeeeff; padding: 0.2em } .mw-datatable { border-collapse: collapse } .mw-datatable, .mw-datatable td, .mw-datatable th { border: 1px solid #aaaaaa; padding: 0 0.15em 0 0.15em } .mw-datatable th { background-color: #ddddff } .mw-datatable td { background-color: #ffffff } .mw-datatable tr:hover td { background-color: #eeeeff } .TablePager { min-width: 80% } .TablePager_nav { margin: 0 auto } .TablePager_nav td { padding: 3px; text-align: center } .TablePager_nav a { text-decoration: none } .imagelist td, .imagelist th { white-space: nowrap } .imagelist .TablePager_col_links { background-color: #eeeeff } .imagelist .TablePager_col_img_description { white-space: normal } .imagelist th.TablePager_sort { background-color: #ccccff } ul#filetoc { text-align: center; border: 1px solid #aaaaaa; background-color: #f9f9f9; padding: 5px; font-size: 95%; margin-bottom: 0.5em; margin-left: 0; margin-right: 0 } #filetoc li { display: inline; list-style-type: none; padding-right: 2em } table.mw_metadata { font-size: 0.8em; margin-left: 0.5em; margin-bottom: 0.5em; width: 400px } table.mw_metadata caption { font-weight: bold } table.mw_metadata th { font-weight: normal } table.mw_metadata td { padding: 0.1em } table.mw_metadata { border: none; border-collapse: collapse } table.mw_metadata td, table.mw_metadata th { text-align: center; border: 1px solid #aaaaaa; padding-left: 5px; padding-right: 5px } table.mw_metadata th { background-color: #f9f9f9 } table.mw_metadata td { background-color: #fcfcfc } table.mw_metadata ul.metadata-langlist { list-style-type: none; list-style-image: none; padding-right: 5px; padding-left: 5px; margin: 0 } .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0.3em 0 0 1.6em; padding: 0 } .mw-content-rtl ul, .mw-content-ltr .mw-content-rtl ul { margin: 0.3em 1.6em 0 0; padding: 0 } .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { margin: 0.3em 0 0 3.2em; padding: 0 } .mw-content-rtl ol, .mw-content-ltr .mw-content-rtl ol { margin: 0.3em 3.2em 0 0; padding: 0 } .mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd { margin-left: 1.6em; margin-right: 0 } .mw-content-rtl dd, .mw-content-ltr .mw-content-rtl dd { margin-right: 1.6em; margin-left: 0 } li.gallerybox { vertical-align: top; border: solid 2px white; display: -moz-inline-box; display: inline-block } ul.gallery, li.gallerybox { zoom: 1; *display: inline } ul.gallery { margin: 2px; padding: 2px; display: block } li.gallerycaption { font-weight: bold; text-align: center; display: block; word-wrap: break-word } li.gallerybox div.thumb { text-align: center; border: 1px solid #ccc; background-color: #f9f9f9; margin: 2px } li.gallerybox div.thumb img { display: block; margin: 0 auto } div.gallerytext { overflow: hidden; font-size: 94%; padding: 2px 4px; word-wrap: break-word } .mw-ajax-loader { background-image: url(/skins/common/images/ajax-loader.gif); background-position: center center; background-repeat: no-repeat; padding: 16px; position: relative; top: -16px } .mw-small-spinner { padding: 10px !important; margin-right: 0.6em; background-image: url(/skins/common/images/spinner.gif); background-position: center center; background-repeat: no-repeat } h1:lang(as), h1:lang(bn), h1:lang(gu), h1:lang(hi), h1:lang(kn), h1:lang(ml), h1:lang(mr), h1:lang(or), h1:lang(pa), h1:lang(sa), h1:lang(ta), h1:lang(te) { line-height: 1.5em !important } h2:lang(as), h3:lang(as), h4:lang(as), h5:lang(as), h6:lang(as), h2:lang(bn), h3:lang(bn), h4:lang(bn), h5:lang(bn), h6:lang(bn), h2:lang(gu), h3:lang(gu), h4:lang(gu), h5:lang(gu), h6:lang(gu), h2:lang(hi), h3:lang(hi), h4:lang(hi), h5:lang(hi), h6:lang(hi), h2:lang(kn), h3:lang(kn), h4:lang(kn), h5:lang(kn), h6:lang(kn), h2:lang(ml), h3:lang(ml), h4:lang(ml), h5:lang(ml), h6:lang(ml), h2:lang(mr), h3:lang(mr), h4:lang(mr), h5:lang(mr), h6:lang(mr), h2:lang(or), h3:lang(or), h4:lang(or), h5:lang(or), h6:lang(or), h2:lang(pa), h3:lang(pa), h4:lang(pa), h5:lang(pa), h6:lang(pa), h2:lang(sa), h3:lang(sa), h4:lang(sa), h5:lang(sa), h6:lang(sa), h2:lang(ta), h3:lang(ta), h4:lang(ta), h5:lang(ta), h6:lang(ta), h2:lang(te), h3:lang(te), h4:lang(te), h5:lang(te), h6:lang(te) { line-height: 1.2em } ol:lang(bcc) li, ol:lang(bqi) li, ol:lang(fa) li, ol:lang(glk) li, ol:lang(kk-arab) li, ol:lang(mzn) li { list-style-type: -moz-persian; list-style-type: persian } ol:lang(ckb) li { list-style-type: -moz-arabic-indic; list-style-type: arabic-indic } ol:lang(as) li, ol:lang(bn) li { list-style-type: -moz-bengali; list-style-type: bengali } ol:lang(or) li { list-style-type: -moz-oriya; list-style-type: oriya } #toc ul, .toc ul { margin: .3em 0 } .mw-content-ltr .toc ul, .mw-content-ltr #toc ul, .mw-content-rtl .mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr #toc ul { text-align: left } .mw-content-rtl .toc ul, .mw-content-rtl #toc ul, .mw-content-ltr .mw-content-rtl .toc ul, .mw-content-ltr .mw-content-rtl #toc ul { text-align: right } .mw-content-ltr .toc ul ul, .mw-content-ltr #toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr #toc ul ul { margin: 0 0 0 2em } .mw-content-rtl .toc ul ul, .mw-content-rtl #toc ul ul, .mw-content-ltr .mw-content-rtl .toc ul ul, .mw-content-ltr .mw-content-rtl #toc ul ul { margin: 0 2em 0 0 } #toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { direction: ltr } .mw-help-field-hint { display: none; margin-left: 2px; margin-bottom: -8px; padding: 0 0 0 15px; background-image: url('/skins/common/images/help-question.gif'); background-position: left center; background-repeat: no-repeat; cursor: pointer; font-size: .8em; text-decoration: underline; color: #0645ad } .mw-help-field-hint:hover { background-image: url('/skins/commom/images/help-question-hover.gif'); } .mw-help-field-data { display: block; background-color: #d6f3ff; padding: 5px 8px 4px 8px; border: 1px solid #5dc9f4; margin-left: 20px } .tipsy { padding: 5px 5px 10px; font-size: 12px; position: absolute; z-index: 100000; overflow: visible } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #d6f3ff; color: black; border: 1px solid #5dc9f4; max-width: 300px; text-align: left } .tipsy-arrow { position: absolute; background: url(/skins/common/images/tipsy-arrow.gif) no-repeat top left; width: 13px; height: 13px } .tipsy-se .tipsy-arrow { bottom: -2px; right: 10px; background-position: 0% 100% } #mw-clearyourcache, #mw-sitecsspreview, #mw-sitejspreview, #mw-usercsspreview, #mw-userjspreview { direction: ltr; unicode-bidi: embed } .diff-currentversion-title, .diff { direction: ltr; unicode-bidi: embed } .diff-contentalign-right td { direction: rtl; unicode-bidi: embed } .diff-contentalign-left td { direction: ltr; unicode-bidi: embed } .diff-otitle, .diff-ntitle, .diff-lineno { direction: ltr !important; unicode-bidi: embed } #mw-revision-info, #mw-revision-info-current, #mw-revision-nav { direction: ltr; display: inline } div.tright, div.floatright, table.floatright { clear: right; float: right } div.tleft, div.floatleft, table.floatleft { float: left; clear: left } div.floatright, table.floatright, div.floatleft, table.floatleft { position: relative } #mw-credits a { unicode-bidi: embed } .mw-jump, #jump-to-nav { overflow: hidden; height: 0; zoom: 1; } .xdebug-error { position: absolute; z-index: 99999999; } .picture-attribution { display: none } .wikia-gallery { list-style: none; margin: 16px 0; padding: 0 } .wikia-gallery-caption { font-weight: bold; text-align: center } .wikia-gallery-row { white-space: nowrap } .wikia-gallery-item { display: inline-block; padding: 1em; vertical-align: top; white-space: normal; margin: 1px; text-align: left } .wikia-gallery-item .thumb { margin: 0; overflow: visible; position: relative; text-align: center } .wikia-gallery-item .thumb .gallery-image-wrapper { overflow: hidden } .wikia-gallery-item .thumb a.image, .wikia-gallery-item .thumb a.image-no-lightbox { background-position: 50% 50%; background-repeat: no-repeat; display: table-cell; height: 100%; line-height: 1px; text-decoration: none; vertical-align: middle; width: 100% } .wikia-gallery-item .thumb div { margin: 0 auto } .wikia-gallery-item .thumb .gallery-image-wrapper { border-style: solid } .wikia-gallery-item .thumb .gallery-image-wrapper .broken-image { display: table-cell; line-height: 15px; vertical-align: middle } .wikia-gallery-border-none .thumb .gallery-image-wrapper { border: none } .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-width: 1px } .wikia-gallery-border-medium .thumb .gallery-image-wrapper { border-width: 2px } .wikia-gallery-border-large .thumb .gallery-image-wrapper { border-width: 5px } .wikia-gallery-border-transparent .wikia-gallery-item .thumb { background: transparent; border-width: 0 } .wikia-gallery-captions-center .wikia-gallery-item { text-align: center } .wikia-gallery-captions-right .wikia-gallery-item { text-align: right } .wikia-gallery-caption-size-small .lightbox-caption, .wikia-gallery-caption-size-small .title { font-size: 9px } .wikia-gallery-caption-size-medium .lightbox-caption, .wikia-gallery-caption-size-medium .title { font-size: 12px } .wikia-gallery-caption-size-large .lightbox-caption, .wikia-gallery-caption-size-large .title { font-size: 16px } .wikia-gallery-position-center { text-align: center } .wikia-gallery-position-right { text-align: right } .wikia-gallery-spacing-small .wikia-gallery-item { padding: 5px } .wikia-gallery-spacing-medium .wikia-gallery-item { padding: 15px } .wikia-gallery-spacing-large .wikia-gallery-item { padding: 25px } .wikia-gallery-captions-center .wikia-gallery-item .lightbox-caption, .wikia-gallery-captions-center .wikia-gallery-item .title { padding: 3px 0 } .wikia-gallery-item .thumb .lightbox-caption { bottom: 0; left: 0; position: absolute; text-align: left } .wikia-gallery-item .title+.lightbox-caption { margin-top: 0; padding-top: 0 } .wikia-gallery-item>.lightbox-caption, .wikia-gallery-item .title { margin-top: 10px; display: block } .wikia-gallery-captions-center .thumb .lightbox-caption { text-align: center; width: 100% } .wikia-gallery-captions-right .thumb .lightbox-caption { left: auto; right: 0; text-align: right } .wikia-slideshow { clear: both } .wikia-slideshow-wrapper { position: relative; z-index: 1 } .slideshow-center .wikia-slideshow-wrapper { margin: 0 auto } .wikia-slideshow-caption { font-weight: bold; text-align: center } .wikia-slideshow-images-wrapper { padding: 5px } .wikia-slideshow-images { list-style: none !important; margin: 0 !important; overflow: hidden; position: relative } ul.wikia-slideshow-images li { background-position: 50% 50%; background-repeat: no-repeat; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; text-align: center; margin-top: 0 } .wikia-slideshow-images li:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .wikia-slideshow-images li img { display: inline-block; vertical-align: middle; cursor: pointer } .wikia-slideshow-images li.wikia-slideshow-first-image { display: block } .wikia-slideshow-images label { display: none } .wikia-slideshow-link-overlay { display: none } .wikia-slideshow-wrapper .hover .wikia-slideshow-link-overlay { background-color: #000; color: #fff; display: block; left: 0; opacity: 0.8; padding: 6px 10px; position: absolute; top: 0 } .wikia-slideshow-images .wikia-slideshow-image { display: none } body.skin-oasis .wikia-slideshow-images .wikia-slideshow-image { cursor: pointer; display: block; height: 100%; left: 40px; position: absolute; top: 0 } .wikia-slideshow-image-caption { background: #000; bottom: 0; color: #fff; left: 0; max-height: 50px; opacity: 0.75; position: absolute; width: 100% } .wikia-slideshow-image-caption-inner { display: block; font-size: 0.95em; margin: 8px; opacity: 1; text-align: left } .wikia-slideshow .wikia-slideshow-image-caption-inner a { color: #fff !important } .wikia-slideshow-sprite { background-image: url(https://slot1-images.wikia.nocookie.net/__cb7580027580012/common/extensions/wikia/WikiaPhotoGallery/images/slideshow-sprite.png); background-repeat: no-repeat } .wikia-slideshow-prev-next a { cursor: pointer; display: block; height: 60px; width: 40px; z-index: 1000 } .wikia-slideshow-prev { background-position: -160px 15px; left: 0; position: absolute } .wikia-slideshow-next { background-position: -187px 15px; position: absolute; right: 0 } .wikia-slideshow-prev:hover { background-position: -240px 15px } .wikia-slideshow-next:hover { background-position: -268px 15px } .wikia-slideshow-toolbar { height: 20px; padding: 5px 0 } .wikia-slideshow-toolbar .wikia-slideshow-toolbar-counter { background-color: transparent; border-left-style: solid; border-left-width: 1px; font-size: 0.9em; margin: 0 6px; padding: 2px 6px } .wikia-slideshow-toolbar .wikia-slideshow-popout { cursor: pointer } .wikia-slideshow-toolbar a { margin: 0 3px !important } div.tnone { float: none; clear: both } div.videobox { background-color: #f9f9f9 } .bigButtonContainer { margin-top: -11px; top: 50%; position: absolute } .wikiaPlaceholder .bigButton { float: none; display: inline; margin: 0 auto; padding: 0 0 0 4px } .wikiaPlaceholder .bigButton { float: none } .wikiaPlaceholder .bigButton big { padding: 3px 3px 3px 9px } .wikiaPlaceholder .bigButton small { background-position: -295px 0; padding: 3px; position: static; width: 5px } .wikiaPlaceholder .thumbcaption { left: 0 } div.gallerybox div.thumb { background: #F9F9F9; border: 1px solid #ccc; width: 300px } .gallerybox .thumbcaption { position: absolute !important; bottom: 0 !important; padding: 5px !important; font-size: 88% } .thumb embed { vertical-align: middle } .gallerybox .thumbcaption hr { color: #cccccc } .videobox { position: relative } .video-add-wrapper { line-height: 250px } .main-page-tag-rcs { position: relative; width: 300px; float: right; clear: right } .WikiaGrid .main-page-tag-rcs.grid-2 { float: right } .main-page-tag-lcs-collapsed { overflow: hidden; height: 1% } .main-page-tag-lcs-exploded { float: left; width: 100%; position: relative } #mw-subcategories table, #mw-pages table { table-layout: fixed; word-wrap: break-word } #mw-subcategories li, #mw-pages li { width: 100%; word-wrap: break-word } .row { margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; width: 100%; *zoom: 1 } .row:before, .row:after { content: " "; display: table } .row:after { clear: both } .row.collapse .column, .row.collapse .columns { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 0; padding-right: 0; float: left } .row .row { margin-left: -1.25em; margin-right: -1.25em; max-width: none; width: auto; *zoom: 1 } .row .row:before, .row .row:after { content: " "; display: table } .row .row:after { clear: both } .row .row.collapse { margin-left: 0; margin-right: 0; max-width: none; width: auto; *zoom: 1 } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table } .row .row.collapse:after { clear: both } .column, .columns { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 1.25em; padding-right: 1.25em; width: 100%; float: left; position: relative } @media only screen { .small-1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 8.33333% } .small-2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 16.66667% } .small-3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 25% } .small-4 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 33.33333% } .small-5 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 41.66667% } .small-6 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 50% } .small-7 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 58.33333% } .small-8 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 66.66667% } .small-9 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 75% } .small-10 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 83.33333% } .small-11 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 91.66667% } .small-12 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100% } .small-offset-0 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 0% } .small-offset-1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 8.33333% } .small-offset-2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 16.66667% } .small-offset-3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 25% } .small-offset-4 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 33.33333% } .small-offset-5 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 41.66667% } .small-offset-6 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 50% } .small-offset-7 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 58.33333% } .small-offset-8 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 66.66667% } .small-offset-9 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 75% } .small-offset-10 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 83.33333% } [class*="column"]+[class*="column"]:last-child { float: right } [class*="column"]+[class*="column"].end { float: left } .column.small-centered, .columns.small-centered { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: auto; margin-right: auto; float: none !important } } @media only screen and (min-width:1023px) { .medium-1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 8.33333% } .medium-2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 16.66667% } .medium-3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 25% } .medium-4 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 33.33333% } .medium-5 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 41.66667% } .medium-6 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 50% } .medium-7 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 58.33333% } .medium-8 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 66.66667% } .medium-9 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 75% } .medium-10 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 83.33333% } .medium-11 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 91.66667% } .medium-12 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100% } .medium-offset-0 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 0% } .medium-offset-1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 8.33333% } .medium-offset-2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 16.66667% } .medium-offset-3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 25% } .medium-offset-4 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 33.33333% } .medium-offset-5 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 41.66667% } .medium-offset-6 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 50% } .medium-offset-7 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 58.33333% } .medium-offset-8 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 66.66667% } .medium-offset-9 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 75% } .medium-offset-10 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 83.33333% } .medium-offset-11 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 91.66667% } .medium-push-1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 8.33333%; right: auto } .medium-pull-1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 8.33333%; left: auto } .medium-push-2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 16.66667%; right: auto } .medium-pull-2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 16.66667%; left: auto } .medium-push-3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 25%; right: auto } .medium-pull-3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 25%; left: auto } .medium-push-4 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 33.33333%; right: auto } .medium-pull-4 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 33.33333%; left: auto } .medium-push-5 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 41.66667%; right: auto } .medium-pull-5 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 41.66667%; left: auto } .medium-push-6 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 50%; right: auto } .medium-pull-6 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 50%; left: auto } .medium-push-7 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 58.33333%; right: auto } .medium-pull-7 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 58.33333%; left: auto } .medium-push-8 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 66.66667%; right: auto } .medium-pull-8 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 66.66667%; left: auto } .medium-push-9 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 75%; right: auto } .medium-pull-9 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 75%; left: auto } .medium-push-10 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 83.33333%; right: auto } .medium-pull-10 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 83.33333%; left: auto } .medium-push-11 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 91.66667%; right: auto } .medium-pull-11 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 91.66667%; left: auto } .column.medium-centered, .columns.medium-centered { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: auto; margin-right: auto; float: none !important } .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left !important } } @media only screen and (min-width:1440px) { .large-1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 8.33333% } .large-2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 16.66667% } .large-3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 25% } .large-4 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 33.33333% } .large-5 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 41.66667% } .large-6 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 50% } .large-7 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 58.33333% } .large-8 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 66.66667% } .large-9 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 75% } .large-10 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 83.33333% } .large-11 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 91.66667% } .large-12 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100% } .large-offset-0 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 0% } .large-offset-1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 8.33333% } .large-offset-2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 16.66667% } .large-offset-3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 25% } .large-offset-4 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 33.33333% } .large-offset-5 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 41.66667% } .large-offset-6 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 50% } .large-offset-7 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 58.33333% } .large-offset-8 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 66.66667% } .large-offset-9 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 75% } .large-offset-10 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 83.33333% } .large-offset-11 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 91.66667% } .large-push-1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 8.33333%; right: auto } .large-pull-1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 8.33333%; left: auto } .large-push-2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 16.66667%; right: auto } .large-pull-2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 16.66667%; left: auto } .large-push-3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 25%; right: auto } .large-pull-3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 25%; left: auto } .large-push-4 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 33.33333%; right: auto } .large-pull-4 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 33.33333%; left: auto } .large-push-5 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 41.66667%; right: auto } .large-pull-5 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 41.66667%; left: auto } .large-push-6 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 50%; right: auto } .large-pull-6 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 50%; left: auto } .large-push-7 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 58.33333%; right: auto } .large-pull-7 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 58.33333%; left: auto } .large-push-8 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 66.66667%; right: auto } .large-pull-8 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 66.66667%; left: auto } .large-push-9 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 75%; right: auto } .large-pull-9 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 75%; left: auto } .large-push-10 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 83.33333%; right: auto } .large-pull-10 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 83.33333%; left: auto } .large-push-11 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 91.66667%; right: auto } .large-pull-11 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; right: 91.66667%; left: auto } .column.large-centered, .columns.large-centered { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: auto; margin-right: auto; float: none !important } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important } } .show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important } .show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important } .hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important } .hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important } table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { display: table } thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { display: table-header-group !important } tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { display: table-row-group !important } tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { display: table-row !important } td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, th.show-for-small, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge { display: table-cell !important } @media only screen and (min-width:1023px) { .show-for-medium, .show-for-medium-up { display: inherit !important } .show-for-small { display: none !important } .hide-for-small { display: inherit !important } .hide-for-medium, .hide-for-medium-up { display: none !important } table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table } thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important } tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important } tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important } td.show-for-medium, td.show-for-medium-up, td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small { display: table-cell !important } } @media only screen and (min-width:1440px) { .show-for-large, .show-for-large-up { display: inherit !important } .show-for-medium, .show-for-medium-down { display: none !important } .hide-for-medium, .hide-for-medium-down { display: inherit !important } .hide-for-large, .hide-for-large-up { display: none !important } table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table } thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important } tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important } tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important } td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down { display: table-cell !important } } @media only screen and (min-width:1600px) { .show-for-xlarge { display: inherit !important } .show-for-large, .show-for-large-down { display: none !important } .hide-for-large, .hide-for-large-down { display: inherit !important } .hide-for-xlarge { display: none !important } table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { display: table } thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { display: table-header-group !important } tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { display: table-row-group !important } tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { display: table-row !important } td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, th.show-for-xlarge, th.hide-for-large, th.hide-for-large-down { display: table-cell !important } } .show-for-landscape, .hide-for-portrait { display: inherit !important } .hide-for-landscape, .show-for-portrait { display: none !important } table.hide-for-landscape, table.show-for-portrait { display: table } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important } @media only screen and (orientation:landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important } .hide-for-landscape, .show-for-portrait { display: none !important } table.show-for-landscape, table.hide-for-portrait { display: table } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important } } @media only screen and (orientation:portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important } .hide-for-portrait, .show-for-landscape { display: none !important } table.show-for-portrait, table.hide-for-landscape { display: table } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important } } .show-for-touch { display: none !important } .hide-for-touch { display: inherit !important } .touch .show-for-touch { display: inherit !important } .touch .hide-for-touch { display: none !important } table.hide-for-touch { display: table } .touch table.show-for-touch { display: table } thead.hide-for-touch { display: table-header-group !important } .touch thead.show-for-touch { display: table-header-group !important } tbody.hide-for-touch { display: table-row-group !important } .touch tbody.show-for-touch { display: table-row-group !important } tr.hide-for-touch { display: table-row !important } .touch tr.show-for-touch { display: table-row !important } td.hide-for-touch { display: table-cell !important } .touch td.show-for-touch { display: table-cell !important } th.hide-for-touch { display: table-cell !important } .touch th.show-for-touch { display: table-cell !important } @media only screen { [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.83333em; *zoom: 1 } [class*="block-grid-"]>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table } [class*="block-grid-"]:after { clear: both } [class*="block-grid-"]>li { display: inline; height: auto; float: left; padding: 0 0.83333em 1.66667em } .small-block-grid-1>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-1>li { width: 100%; padding: 0 0.83333em 1.66667em } .small-block-grid-1>li:nth-of-type(n) { clear: none } .small-block-grid-1>li:nth-of-type(1n+1) { clear: both } .small-block-grid-2>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-2>li { width: 50%; padding: 0 0.83333em 1.66667em } .small-block-grid-2>li:nth-of-type(n) { clear: none } .small-block-grid-2>li:nth-of-type(2n+1) { clear: both } .small-block-grid-3>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-3>li { width: 33.33333%; padding: 0 0.83333em 1.66667em } .small-block-grid-3>li:nth-of-type(n) { clear: none } .small-block-grid-3>li:nth-of-type(3n+1) { clear: both } .small-block-grid-4>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-4>li { width: 25%; padding: 0 0.83333em 1.66667em } .small-block-grid-4>li:nth-of-type(n) { clear: none } .small-block-grid-4>li:nth-of-type(4n+1) { clear: both } .small-block-grid-5>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-5>li { width: 20%; padding: 0 0.83333em 1.66667em } .small-block-grid-5>li:nth-of-type(n) { clear: none } .small-block-grid-5>li:nth-of-type(5n+1) { clear: both } .small-block-grid-6>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-6>li { width: 16.66667%; padding: 0 0.83333em 1.66667em } .small-block-grid-6>li:nth-of-type(n) { clear: none } .small-block-grid-6>li:nth-of-type(6n+1) { clear: both } .small-block-grid-7>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-7>li { width: 14.28571%; padding: 0 0.83333em 1.66667em } .small-block-grid-7>li:nth-of-type(n) { clear: none } .small-block-grid-7>li:nth-of-type(7n+1) { clear: both } .small-block-grid-8>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-8>li { width: 12.5%; padding: 0 0.83333em 1.66667em } .small-block-grid-8>li:nth-of-type(n) { clear: none } .small-block-grid-8>li:nth-of-type(8n+1) { clear: both } .small-block-grid-9>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-9>li { width: 11.11111%; padding: 0 0.83333em 1.66667em } .small-block-grid-9>li:nth-of-type(n) { clear: none } .small-block-grid-9>li:nth-of-type(9n+1) { clear: both } .small-block-grid-10>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-10>li { width: 10%; padding: 0 0.83333em 1.66667em } .small-block-grid-10>li:nth-of-type(n) { clear: none } .small-block-grid-10>li:nth-of-type(10n+1) { clear: both } .small-block-grid-11>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-11>li { width: 9.09091%; padding: 0 0.83333em 1.66667em } .small-block-grid-11>li:nth-of-type(n) { clear: none } .small-block-grid-11>li:nth-of-type(11n+1) { clear: both } .small-block-grid-12>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .small-block-grid-12>li { width: 8.33333%; padding: 0 0.83333em 1.66667em } .small-block-grid-12>li:nth-of-type(n) { clear: none } .small-block-grid-12>li:nth-of-type(12n+1) { clear: both } } @media only screen and (min-width:768px) { .small-block-grid-1>li:nth-of-type(1n+1) { clear: none } .small-block-grid-2>li:nth-of-type(2n+1) { clear: none } .small-block-grid-3>li:nth-of-type(3n+1) { clear: none } .small-block-grid-4>li:nth-of-type(4n+1) { clear: none } .small-block-grid-5>li:nth-of-type(5n+1) { clear: none } .small-block-grid-6>li:nth-of-type(6n+1) { clear: none } .small-block-grid-7>li:nth-of-type(7n+1) { clear: none } .small-block-grid-8>li:nth-of-type(8n+1) { clear: none } .small-block-grid-9>li:nth-of-type(9n+1) { clear: none } .small-block-grid-10>li:nth-of-type(10n+1) { clear: none } .small-block-grid-11>li:nth-of-type(11n+1) { clear: none } .small-block-grid-12>li:nth-of-type(12n+1) { clear: none } .large-block-grid-1>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-1>li { width: 100%; padding: 0 0.83333em 1.66667em } .large-block-grid-1>li:nth-of-type(n) { clear: none } .large-block-grid-1>li:nth-of-type(1n+1) { clear: both } .large-block-grid-2>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-2>li { width: 50%; padding: 0 0.83333em 1.66667em } .large-block-grid-2>li:nth-of-type(n) { clear: none } .large-block-grid-2>li:nth-of-type(2n+1) { clear: both } .large-block-grid-3>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-3>li { width: 33.33333%; padding: 0 0.83333em 1.66667em } .large-block-grid-3>li:nth-of-type(n) { clear: none } .large-block-grid-3>li:nth-of-type(3n+1) { clear: both } .large-block-grid-4>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-4>li { width: 25%; padding: 0 0.83333em 1.66667em } .large-block-grid-4>li:nth-of-type(n) { clear: none } .large-block-grid-4>li:nth-of-type(4n+1) { clear: both } .large-block-grid-5>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-5>li { width: 20%; padding: 0 0.83333em 1.66667em } .large-block-grid-5>li:nth-of-type(n) { clear: none } .large-block-grid-5>li:nth-of-type(5n+1) { clear: both } .large-block-grid-6>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-6>li { width: 16.66667%; padding: 0 0.83333em 1.66667em } .large-block-grid-6>li:nth-of-type(n) { clear: none } .large-block-grid-6>li:nth-of-type(6n+1) { clear: both } .large-block-grid-7>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-7>li { width: 14.28571%; padding: 0 0.83333em 1.66667em } .large-block-grid-7>li:nth-of-type(n) { clear: none } .large-block-grid-7>li:nth-of-type(7n+1) { clear: both } .large-block-grid-8>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-8>li { width: 12.5%; padding: 0 0.83333em 1.66667em } .large-block-grid-8>li:nth-of-type(n) { clear: none } .large-block-grid-8>li:nth-of-type(8n+1) { clear: both } .large-block-grid-9>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-9>li { width: 11.11111%; padding: 0 0.83333em 1.66667em } .large-block-grid-9>li:nth-of-type(n) { clear: none } .large-block-grid-9>li:nth-of-type(9n+1) { clear: both } .large-block-grid-10>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-10>li { width: 10%; padding: 0 0.83333em 1.66667em } .large-block-grid-10>li:nth-of-type(n) { clear: none } .large-block-grid-10>li:nth-of-type(10n+1) { clear: both } .large-block-grid-11>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-11>li { width: 9.09091%; padding: 0 0.83333em 1.66667em } .large-block-grid-11>li:nth-of-type(n) { clear: none } .large-block-grid-11>li:nth-of-type(11n+1) { clear: both } .large-block-grid-12>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .large-block-grid-12>li { width: 8.33333%; padding: 0 0.83333em 1.66667em } .large-block-grid-12>li:nth-of-type(n) { clear: none } .large-block-grid-12>li:nth-of-type(12n+1) { clear: both } } @media only screen and (min-width:1600px) { .small-block-grid-1>li:nth-of-type(1n+1) { clear: none } .large-block-grid-1>li:nth-of-type(1n+1) { clear: none } .small-block-grid-2>li:nth-of-type(2n+1) { clear: none } .large-block-grid-2>li:nth-of-type(2n+1) { clear: none } .small-block-grid-3>li:nth-of-type(3n+1) { clear: none } .large-block-grid-3>li:nth-of-type(3n+1) { clear: none } .small-block-grid-4>li:nth-of-type(4n+1) { clear: none } .large-block-grid-4>li:nth-of-type(4n+1) { clear: none } .small-block-grid-5>li:nth-of-type(5n+1) { clear: none } .large-block-grid-5>li:nth-of-type(5n+1) { clear: none } .small-block-grid-6>li:nth-of-type(6n+1) { clear: none } .large-block-grid-6>li:nth-of-type(6n+1) { clear: none } .small-block-grid-7>li:nth-of-type(7n+1) { clear: none } .large-block-grid-7>li:nth-of-type(7n+1) { clear: none } .small-block-grid-8>li:nth-of-type(8n+1) { clear: none } .large-block-grid-8>li:nth-of-type(8n+1) { clear: none } .small-block-grid-9>li:nth-of-type(9n+1) { clear: none } .large-block-grid-9>li:nth-of-type(9n+1) { clear: none } .small-block-grid-10>li:nth-of-type(10n+1) { clear: none } .large-block-grid-10>li:nth-of-type(10n+1) { clear: none } .small-block-grid-11>li:nth-of-type(11n+1) { clear: none } .large-block-grid-11>li:nth-of-type(11n+1) { clear: none } .small-block-grid-12>li:nth-of-type(12n+1) { clear: none } .large-block-grid-12>li:nth-of-type(12n+1) { clear: none } .x-large-block-grid-1>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-1>li { width: 100%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-1>li:nth-of-type(n) { clear: none } .x-large-block-grid-1>li:nth-of-type(1n+1) { clear: both } .x-large-block-grid-2>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-2>li { width: 50%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-2>li:nth-of-type(n) { clear: none } .x-large-block-grid-2>li:nth-of-type(2n+1) { clear: both } .x-large-block-grid-3>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-3>li { width: 33.33333%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-3>li:nth-of-type(n) { clear: none } .x-large-block-grid-3>li:nth-of-type(3n+1) { clear: both } .x-large-block-grid-4>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-4>li { width: 25%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-4>li:nth-of-type(n) { clear: none } .x-large-block-grid-4>li:nth-of-type(4n+1) { clear: both } .x-large-block-grid-5>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-5>li { width: 20%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-5>li:nth-of-type(n) { clear: none } .x-large-block-grid-5>li:nth-of-type(5n+1) { clear: both } .x-large-block-grid-6>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-6>li { width: 16.66667%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-6>li:nth-of-type(n) { clear: none } .x-large-block-grid-6>li:nth-of-type(6n+1) { clear: both } .x-large-block-grid-7>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-7>li { width: 14.28571%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-7>li:nth-of-type(n) { clear: none } .x-large-block-grid-7>li:nth-of-type(7n+1) { clear: both } .x-large-block-grid-8>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-8>li { width: 12.5%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-8>li:nth-of-type(n) { clear: none } .x-large-block-grid-8>li:nth-of-type(8n+1) { clear: both } .x-large-block-grid-9>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-9>li { width: 11.11111%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-9>li:nth-of-type(n) { clear: none } .x-large-block-grid-9>li:nth-of-type(9n+1) { clear: both } .x-large-block-grid-10>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-10>li { width: 10%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-10>li:nth-of-type(n) { clear: none } .x-large-block-grid-10>li:nth-of-type(10n+1) { clear: both } .x-large-block-grid-11>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-11>li { width: 9.09091%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-11>li:nth-of-type(n) { clear: none } .x-large-block-grid-11>li:nth-of-type(11n+1) { clear: both } .x-large-block-grid-12>li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .x-large-block-grid-12>li { width: 8.33333%; padding: 0 0.83333em 1.66667em } .x-large-block-grid-12>li:nth-of-type(n) { clear: none } .x-large-block-grid-12>li:nth-of-type(12n+1) { clear: both } } a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"]:not(.wds-button), input[type="reset"], input[type="button"], .button, button { background-color: #4b5643; background-image: -moz-linear-gradient(top, #647359 35%, #4b5643 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #647359), color-stop(65%, #4b5643)); background-image: -o-linear-gradient(top, #647359 35%, #4b5643 65%); background-image: -ms-linear-gradient(top, #647359 35%, #4b5643 65%); border: 1px solid #4b5643; border-radius: 4px; color: #fff; 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 } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:not(.wds-button):hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover { background-color: #414b3a; background-image: -moz-linear-gradient(top, #5a6750 35%, #414b3a 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #5a6750), color-stop(65%, #414b3a)); background-image: -o-linear-gradient(top, #5a6750 35%, #414b3a 65%); background-image: -ms-linear-gradient(top, #5a6750 35%, #414b3a 65%); text-decoration: none } a.wikia-button.active, a.wikia-button:active, .wikia-single-button a.active, .wikia-single-button a:active, .wikia-menu-button.active, .wikia-menu-button:active, input[type="submit"]:not(.wds-button).active, input[type="submit"]:not(.wds-button):active, input[type="reset"].active, input[type="reset"]:active, input[type="button"].active, input[type="button"]:active, .button.active, .button:active, button.active, button:active { background-image: -moz-linear-gradient(top, #414b3a 35%, #5a6750 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #414b3a), color-stop(65%, #5a6750)); background-image: -o-linear-gradient(top, #414b3a 35%, #5a6750 65%); background-image: -ms-linear-gradient(top, #414b3a 35%, #5a6750 65%); color: #fff } a.wikia-button[disabled], .wikia-single-button a[disabled], .wikia-menu-button[disabled], input[type="submit"]:not(.wds-button)[disabled], input[type="reset"][disabled], input[type="button"][disabled], .button[disabled], button[disabled] { cursor: default; opacity: .5 } a.wikia-button[disabled]:active, .wikia-single-button a[disabled]:active, .wikia-menu-button[disabled]:active, input[type="submit"]:not(.wds-button)[disabled]:active, input[type="reset"][disabled]:active, input[type="button"][disabled]:active, .button[disabled]:active, button[disabled]:active { background-color: #4b5643; background-image: -moz-linear-gradient(top, #647359 35%, #4b5643 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #647359), color-stop(65%, #4b5643)); background-image: -o-linear-gradient(top, #647359 35%, #4b5643 65%); background-image: -ms-linear-gradient(top, #647359 35%, #4b5643 65%); } a.wikia-button img, .wikia-single-button a img, .wikia-menu-button img, input[type="submit"]:not(.wds-button) img, input[type="reset"] img, input[type="button"] img, .button img, button img { vertical-align: text-bottom } a.wikia-button img.chevron, .wikia-single-button a img.chevron, .wikia-menu-button img.chevron, input[type="submit"]:not(.wds-button) img.chevron, input[type="reset"] img.chevron, input[type="button"] img.chevron, .button img.chevron, button img.chevron { margin-top: 1px; vertical-align: middle } a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"]:not(.wds-button).secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary { background-color: #4a5441; background-image: -moz-linear-gradient(top, #56624c 35%, #4a5441 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #56624c), color-stop(65%, #4a5441)); background-image: -o-linear-gradient(top, #56624c 35%, #4a5441 65%); background-image: -ms-linear-gradient(top, #56624c 35%, #4a5441 65%); border: 1px solid #5b6850; color: #D5D4D4 } a.wikia-button.secondary:hover, .wikia-single-button a.secondary:hover, .wikia-menu-button.secondary:hover, input[type="submit"]:not(.wds-button).secondary:hover, input[type="reset"].secondary:hover, input[type="button"].secondary:hover, .button.secondary:hover, button.secondary:hover { background-color: #3f4838; background-image: -moz-linear-gradient(top, #4c5743 35%, #3f4838 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #4c5743), color-stop(65%, #3f4838)); background-image: -o-linear-gradient(top, #4c5743 35%, #3f4838 65%); background-image: -ms-linear-gradient(top, #4c5743 35%, #3f4838 65%); } a.wikia-button.secondary.active, a.wikia-button.secondary:active, .wikia-single-button a.secondary.active, .wikia-single-button a.secondary:active, .wikia-menu-button.secondary.active, .wikia-menu-button.secondary:active, input[type="submit"]:not(.wds-button).secondary.active, input[type="submit"]:not(.wds-button).secondary:active, input[type="reset"].secondary.active, input[type="reset"].secondary:active, input[type="button"].secondary.active, input[type="button"].secondary:active, .button.secondary.active, .button.secondary:active, button.secondary.active, button.secondary:active { background-color: #4a5441; background-image: -moz-linear-gradient(top, #3f4838 35%, #4c5743 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #3f4838), color-stop(65%, #4c5743)); background-image: -o-linear-gradient(top, #3f4838 35%, #4c5743 65%); background-image: -ms-linear-gradient(top, #3f4838 35%, #4c5743 65%); } a.wikia-button.secondary img.chevron, .wikia-single-button a.secondary img.chevron, .wikia-menu-button.secondary img.chevron, input[type="submit"]:not(.wds-button).secondary img.chevron, input[type="reset"].secondary img.chevron, input[type="button"].secondary img.chevron, .button.secondary img.chevron, button.secondary img.chevron { border-color: #D5D4D4 transparent transparent } a.wikia-button.big, .wikia-single-button a.big, .wikia-menu-button.big, input[type="submit"]:not(.wds-button).big, input[type="reset"].big, input[type="button"].big, .button.big, button.big { font-size: 18px; height: 40px; line-height: 23px } a.wikia-button:-moz-focusring, .wikia-single-button a:-moz-focusring, .wikia-menu-button:-moz-focusring, input[type="submit"]:not(.wds-button):-moz-focusring, input[type="reset"]:-moz-focusring, input[type="button"]:-moz-focusring, .button:-moz-focusring, button:-moz-focusring { box-shadow: 0px 0px 1px 1px highlight } .wikia-menu-button-submit input[type=submit] { border: none; height: 100% } input[type="submit"], input[type="reset"], input[type="button"], button { height: 21px } input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0 } .wikia-menu-button { *display: inline; list-style: none; margin: 0; padding: 0; position: relative; text-align: left; } .wikia-menu-button:hover { background-color: #4b5643; background-image: -moz-linear-gradient(top, #647359 35%, #4b5643 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #647359), color-stop(65%, #4b5643)); background-image: -o-linear-gradient(top, #647359 35%, #4b5643 65%); background-image: -ms-linear-gradient(top, #647359 35%, #4b5643 65%); } .wikia-menu-button a:hover { text-decoration: none } .wikia-menu-button>a, .wikia-menu-button .drop, .wikia-menu-button>li>a { display: inline-block } .wikia-menu-button>a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button>li>a:hover { background-color: #414b3a; background-image: -moz-linear-gradient(top, #5a6750 35%, #414b3a 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #5a6750), color-stop(65%, #414b3a)); background-image: -o-linear-gradient(top, #5a6750 35%, #414b3a 65%); background-image: -ms-linear-gradient(top, #5a6750 35%, #414b3a 65%); } .wikia-menu-button>a:active, .wikia-menu-button .drop:active, .wikia-menu-button>li>a:active { background-image: -moz-linear-gradient(top, #414b3a 35%, #5a6750 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #414b3a), color-stop(65%, #5a6750)); background-image: -o-linear-gradient(top, #414b3a 35%, #5a6750 65%); background-image: -ms-linear-gradient(top, #414b3a 35%, #5a6750 65%); color: #fff } .wikia-menu-button>a, .wikia-menu-button>li>a { border-bottom-left-radius: 4px; border-right: 1px solid #939a8e; border-top-left-radius: 4px; color: #fff; padding: 0 8px 0 5px } .wikia-menu-button .drop { border-bottom-right-radius: 4px; border-top-right-radius: 4px; margin-left: -3px; padding-left: 5px } .wikia-menu-button ul { background: #424b3a; border: 1px solid #4b5643; display: none; left: -1px; list-style: none; margin: 0; position: absolute; top: 19px; z-index: 100; box-shadow: 1px 2px 12px 0 black } .wikia-menu-button ul a { color: #D5D4D4; display: block; padding: 9px 9px 7px } .wikia-menu-button ul a:hover { background-color: #58644e } .wikia-menu-button ul li { border-top: 1px solid #686f61; line-height: normal } .wikia-menu-button ul li:first-child { border: 0 } .wikia-menu-button .WikiaMenuElement { margin: 0 } .wikia-menu-button .icon, .wikia-menu-button img { vertical-align: text-bottom } .wikia-menu-button .chevron { border-top-color: #fff; margin: 0 7px 0 1px } .wikia-menu-button.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .wikia-menu-button.active ul { display: block } .wikia-menu-button.secondary { border: 1px solid #686f61; *display: inline; list-style: none; margin: 0; position: relative; text-align: left } .wikia-menu-button.secondary:hover { background-color: #4a5441; background-image: -moz-linear-gradient(top, #56624c 35%, #4a5441 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #56624c), color-stop(65%, #4a5441)); background-image: -o-linear-gradient(top, #56624c 35%, #4a5441 65%); background-image: -ms-linear-gradient(top, #56624c 35%, #4a5441 65%); } .wikia-menu-button.secondary.combined { padding-left: 4px } .wikia-menu-button.secondary.combined:hover { background-color: #3f4838; background-image: -moz-linear-gradient(top, #4c5743 35%, #3f4838 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #4c5743), color-stop(65%, #3f4838)); background-image: -o-linear-gradient(top, #4c5743 35%, #3f4838 65%); background-image: -ms-linear-gradient(top, #4c5743 35%, #3f4838 65%); } .wikia-menu-button.secondary.combined .drop:hover { background: transparent } .wikia-menu-button.secondary>a, .wikia-menu-button.secondary .drop, .wikia-menu-button.secondary>li>a { color: #D5D4D4; margin-top: -2px } .wikia-menu-button.secondary>a:hover, .wikia-menu-button.secondary .drop:hover, .wikia-menu-button.secondary>li>a:hover { background-color: #3f4838; background-image: -moz-linear-gradient(top, #4c5743 35%, #3f4838 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #4c5743), color-stop(65%, #3f4838)); background-image: -o-linear-gradient(top, #4c5743 35%, #3f4838 65%); background-image: -ms-linear-gradient(top, #4c5743 35%, #3f4838 65%); } .wikia-menu-button.secondary>a:active, .wikia-menu-button.secondary .drop:active, .wikia-menu-button.secondary>li>a:active { background-color: #4a5441; background-image: -moz-linear-gradient(top, #3f4838 35%, #4c5743 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #3f4838), color-stop(65%, #4c5743)); background-image: -o-linear-gradient(top, #3f4838 35%, #4c5743 65%); background-image: -ms-linear-gradient(top, #3f4838 35%, #4c5743 65%); } .wikia-menu-button.secondary>a { border-right: 1px solid #686f61 } .wikia-menu-button.secondary ul { background: #424b3a; border: 2px solid #686f61; display: none; left: -1px; list-style: none; margin: 0; position: absolute; top: 19px; z-index: 100 } .wikia-menu-button.secondary ul a { color: #D5D4D4; display: block } .wikia-menu-button.secondary ul a:hover { background-color: #58644e !important } .wikia-menu-button.secondary ul li { border-top: 1px solid #686f61; line-height: normal } .wikia-menu-button.secondary ul li:first-child { border: 0 } .wikia-menu-button.secondary.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .wikia-menu-button.secondary.active ul { display: block } .wikia-chiclet-button { background-image: none; border: 0; border-radius: 0; cursor: pointer; display: inline-block; height: 19px; opacity: 0.7; padding: 0; position: relative; width: 19px } .wikia-chiclet-button img { height: 15px; left: 2px; position: absolute; top: 2px; width: 15px } .wikia-chiclet-button:hover { opacity: 1; background-image: none } button.wikia-chiclet-button { line-height: 1px } button.wikia-chiclet-button img { position: static; vertical-align: middle } .wikia-button.loginToEditProtectedPage { padding: 0px 5px } .wikia-button.loginToEditProtectedPage img { margin-right: 8px } a.wikia-button-facebook, a.wikia-button.wikia-button-facebook { border-color: #afbdd6; border-radius: 2px; color: #fff; font-weight: bold; height: 21px; padding: 0 6px } a.wikia-button-facebook, a.wikia-button-facebook:active, a.wikia-button-facebook:hover, a.wikia-button.wikia-button-facebook, a.wikia-button.wikia-button-facebook:active, a.wikia-button.wikia-button-facebook:hover { background-color: #5E7BB2; background-image: -moz-linear-gradient(top, #5E7BB2 0%, #3C62A1 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #5E7BB2), color-stop(100%, #3C62A1)); background-image: -o-linear-gradient(top, #5E7BB2 0%, #3C62A1 100%); background-image: -ms-linear-gradient(top, #5E7BB2 0%, #3C62A1 100%); } a.wikia-button-facebook>img, a.wikia-button.wikia-button-facebook>img { border-right: solid 1px #6381b4; margin-right: 6px } .out-of-page-template { position: fixed; width: 100% } .out-of-page-template, .out-of-page-template>.button-close { align-items: center; display: flex; justify-content: center; z-index: 5000101 } .out-of-page-template>.button-close { background: #000; border: none; cursor: pointer; fill: #fff; height: 100%; padding: 5px; position: absolute; right: 0 } .out-of-page-template>.button-close:hover { background: #333 } .out-of-page-template>.button-close:focus { outline: none } .floor-adhesion { background: rgba(0, 0, 0, 0.8); bottom: 0; left: 0 } .interstitial { background: rgba(0, 0, 0, 0.9); bottom: 0; height: 100vh; left: 0; position: fixed; top: 0; width: 100% } .interstitial>.button-close { height: auto; top: 0 } .interstitial>.advertisement-label { align-items: center; background-color: rgba(0, 0, 0, 0.5); color: #d5d4d4; display: flex; font-size: 17px; height: 34px; justify-content: left; left: 0; padding: 0 10px; position: absolute; top: 0; width: 100%; z-index: 5000100 } .porvata-outstream { max-width: 640px; position: relative } .porvata-outstream.porvata3:before { content: attr(data-label); display: block; font-size: .625rem; font-weight: 700; line-height: .75rem; margin: 0; padding-bottom: 6px; padding-top: 6px; text-align: center; text-transform: uppercase } .porvata-outstream.porvata3 .video-overlay { left: 0; position: absolute; top: 0; width: 100%; height: 100%; top: 24px } .porvata-outstream.porvata3 .video-display-wrapper { height: 100%; position: relative; width: 100% } .porvata-outstream.porvata3 .video-display-wrapper.vpaid-enabled>div, .porvata-outstream.porvata3 .video-display-wrapper video { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .porvata-outstream.porvata3 .video-display-wrapper.vpaid-enabled>div:last-child, .porvata-outstream.porvata3 .video-display-wrapper.vpaid-enabled video { z-index: 10 } .porvata-outstream.porvata3 .video-display-wrapper .video-player { background: #000; margin: 0 auto; pointer-events: auto } .porvata-outstream.porvata3>div { height: 0 } .porvata-outstream.porvata3.slot-animation { transition-property: max-height; transition-duration: 1s; transition-timing-function: ease; transition-delay: 0; -webkit-transition-property: max-height; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0; overflow: hidden } .porvata-outstream.porvata3 .button-control .icon, .porvata-outstream.porvata3 .porvata-icon { cursor: pointer; fill: #fff; height: 20px; overflow: hidden; position: absolute; width: 20px } .porvata-outstream.porvata3 .progress-bar { background: #7c7c7c; bottom: 0; height: 4px; left: 0; position: absolute; width: 100%; z-index: 11 } .porvata-outstream.porvata3 .current-time { transition-property: width; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0; -webkit-transition-property: width; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0; background: #fff; height: 100%; max-width: 100%; width: 0; z-index: 11 } .porvata-outstream.porvata3 .volume-button { bottom: 0; height: 20px; padding: 14px 12px 14px 7px; position: absolute; right: 0; width: 20px } .porvata-outstream.porvata3 .porvata-switchable-icon .porvata-off-icon { display: none } .porvata-outstream.porvata3 .porvata-switchable-icon.is-on .porvata-off-icon { display: inline-block } .porvata-outstream.porvata3 .button-close, .porvata-outstream.porvata3 .porvata-switchable-icon.is-on .porvata-on-icon { display: none } .porvata-outstream.porvata3.outstream-floating .button-close { background: transparent; border: none; display: block; height: 0; left: 0; outline: none; position: absolute; top: 0; width: 0 } .porvata-outstream.porvata3.outstream-floating .button-close>svg { height: 14px; left: 0; padding: 6px; top: 0; width: 14px } .porvata-outstream.porvata3.outstream-floating .video-overlay { background: transparent } .porvata-outstream.porvata3.outstream-floating .video-display-wrapper { bottom: 20px; height: 240px; position: fixed; right: 20px; width: 320px } .porvata-outstream.porvata3.outstream-floating .video-player { padding: 30px 0 } .gpt-ad.bfaa-template.sticky-bfaa { background: #fff; padding: 0; position: fixed; width: 100%; z-index: 5000101; top: 0; backface-visibility: hidden } .sticky-template { position: relative } .sticky-template .slide-out { animation: slideOut 0.6s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards } .sticky-template .fade-in { animation: fadeIn 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) } .sticky-template.sticky-slot>div { padding: 0; position: fixed; z-index: 5000000; top: 0; backface-visibility: hidden } .sticky-template .button-unstick { background: none; border: none; outline: none; cursor: pointer; padding: 3px; position: absolute; top: 0; right: 0; z-index: 100 } .sticky-template .button-unstick .icon { width: 16px; height: 16px; color: #fff; fill: #fff; opacity: 1; filter: drop-shadow(0 0 2px #000) } .gpt-ad.bfaa-template, .gpt-ad.bfab-template { display: block; transform: translateZ(0) } @keyframes slideOut { 0% { transform: translateY(0) } to { transform: translateY(-100%) } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .gpt-ad.bfaa-template.slide-out, .gpt-ad.bfab-template.slide-out { animation: slideOut 0.6s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards } .gpt-ad.bfaa-template.fade-in, .gpt-ad.bfab-template.fade-in { animation: fadeIn 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) } .gpt-ad.bfaa-template>div, .gpt-ad.bfab-template>div { padding: 0; position: relative; text-align: center; width: 100% } .gpt-ad.bfaa-template>div:before, .gpt-ad.bfab-template>div:before { display: none } .gpt-ad.bfaa-template .video-player, .gpt-ad.bfab-template .video-player { line-height: normal } .gpt-ad.bfaa-template .video-player.video-player-left, .gpt-ad.bfaa-template .video-player.video-player-right, .gpt-ad.bfab-template .video-player.video-player-left, .gpt-ad.bfab-template .video-player.video-player-right { position: absolute !important; z-index: 100 } .gpt-ad.bfaa-template .video-player.video-player-fullscreen, .gpt-ad.bfab-template .video-player.video-player-fullscreen { position: fixed !important; top: 0; left: 0; z-index: 2147483647 } .gpt-ad.bfaa-template .video-player.video-player-right, .gpt-ad.bfab-template .video-player.video-player-right { right: 0 } .gpt-ad.bfaa-template .video-player .progress-bar, .gpt-ad.bfab-template .video-player .progress-bar { background: #b7b7b7; bottom: 0; height: 8px; left: 0; position: absolute; width: 100%; z-index: 2 } .gpt-ad.bfaa-template .video-player .current-time, .gpt-ad.bfab-template .video-player .current-time { background: #666; height: 100%; max-width: 100%; width: 0; transition: width linear } .gpt-ad.bfaa-template button, .gpt-ad.bfab-template button { background: none; border: none; outline: none; cursor: pointer; padding: 0 } .gpt-ad.bfaa-template iframe, .gpt-ad.bfab-template iframe { height: 100%; left: 0; position: absolute; width: 100%; top: 0 } .gpt-ad.bfaa-template.mobile-porvata .video-player>iframe, .gpt-ad.bfaa-template.porvata .video-player>iframe, .gpt-ad.bfab-template.mobile-porvata .video-player>iframe, .gpt-ad.bfab-template.porvata .video-player>iframe { display: none } .gpt-ad.bfaa-template .porvata-video, .gpt-ad.bfab-template .porvata-video { background-color: transparent !important } .gpt-ad.bfaa-template .button-unstick, .gpt-ad.bfab-template .button-unstick { padding: 6px; position: absolute; top: 0; right: 0; z-index: 100 } @media only screen and (min-width:768px) { .gpt-ad.bfaa-template .button-unstick, .gpt-ad.bfab-template .button-unstick { right: 17px } } .gpt-ad.bfaa-template .pause-overlay, .gpt-ad.bfaa-template .replay-overlay, .gpt-ad.bfab-template .pause-overlay, .gpt-ad.bfab-template .replay-overlay { cursor: pointer; height: 100%; position: absolute; z-index: 1 } .gpt-ad.bfaa-template .replay-overlay, .gpt-ad.bfab-template .replay-overlay { background: rgba(0, 0, 0, 0.3) url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+DQogICAgPGNpcmNsZSBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjQiIGN4PSIxNCIgY3k9IjE0IiByPSIxMy43NCIvPg0KICAgIDxwYXRoIGZpbGw9IiMyMzFmMjAiDQogICAgICAgICAgZD0iTTE2LDIuOTRBMTMuMDcsMTMuMDcsMCwxLDEsMywxNiwxMy4wOCwxMy4wOCwwLDAsMSwxNiwyLjk0TTE2LDJBMTQsMTQsMCwxLDAsMzAsMTYsMTQsMTQsMCwwLDAsMTYsMloiDQogICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDQgLTIuMDEpIi8+DQogICAgPHBvbHlnb24gZmlsbD0iIzIzMWYyMCIgcG9pbnRzPSIyMC4xNyAxNCA5LjYzIDIwLjIzIDkuNjMgNy43NyAyMC4xNyAxNCIvPg0KPC9zdmc+") 50%/8% no-repeat; display: none } .gpt-ad.bfaa-template .pause-overlay, .gpt-ad.bfab-template .pause-overlay { top: 0; width: 100% } .gpt-ad.bfaa-template .close-ad, .gpt-ad.bfab-template .close-ad { cursor: pointer; position: absolute; right: 0; z-index: 1; background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfNF9jb3B5XzIiIGRhdGEtbmFtZT0iTGF5ZXIgNCBjb3B5IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4IDI4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjtvcGFjaXR5OjAuNDt9LmNscy0ye2ZpbGw6IzIzMWYyMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmNsb3NlX2J1dHRvbjwvdGl0bGU+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIxNC4wOSIgY3k9IjE0LjA5IiByPSIxMy43NCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE2LDIuOTNBMTMuMDcsMTMuMDcsMCwxLDEsMi45MywxNiwxMy4wOCwxMy4wOCwwLDAsMSwxNiwyLjkzTTE2LDJBMTQsMTQsMCwxLDAsMzAsMTYsMTQsMTQsMCwwLDAsMTYsMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yIC0yKSIvPjxnIGlkPSJQYWdlLTEiPjxnIGlkPSJTVElDS0VSU0hFRVQiPjxnIGlkPSJJY29ucyI+PGcgaWQ9IkNyb3NzIj48cGF0aCBpZD0iQ2xvc2UiIGNsYXNzPSJjbHMtMiIgZD0iTTIyLjI5LDguMjksMTYsMTQuNTksOS43MSw4LjI5QTEsMSwwLDAsMCw4LjI5LDkuNzFMMTQuNTksMTYsOC4yOSwyMi4yOWExLDEsMCwxLDAsMS40MSwxLjQxTDE2LDE3LjQxbDYuMjksNi4yOWExLDEsMCwxLDAsMS40MS0xLjQxTDE3LjQxLDE2bDYuMjktNi4yOWExLDEsMCwwLDAtMS40MS0xLjQxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIgLTIpIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg=="); height: 24px; margin: 10px 12px; top: 0; width: 24px } @media only screen and (min-width:768px) { .gpt-ad.bfaa-template .close-ad, .gpt-ad.bfab-template .close-ad { margin: 10px } } .gpt-ad.bfaa-template .bottom-panel, .gpt-ad.bfab-template .bottom-panel { position: absolute; bottom: 8px; right: 0; text-align: right; z-index: 1 } .gpt-ad.bfaa-template .bottom-panel>div, .gpt-ad.bfab-template .bottom-panel>div { cursor: pointer; display: inline-block; padding: 10px 12px; vertical-align: top } @media only screen and (min-width:768px) { .gpt-ad.bfaa-template .bottom-panel>div, .gpt-ad.bfab-template .bottom-panel>div { padding: 10px } } .gpt-ad.bfaa-template .dynamic-panel, .gpt-ad.bfab-template .dynamic-panel { bottom: 8px; display: none; pointer-events: none; right: 0; text-align: left; width: 100%; z-index: 3 } .gpt-ad.bfaa-template .dynamic-panel>div, .gpt-ad.bfab-template .dynamic-panel>div { pointer-events: all } .gpt-ad.bfaa-template .toggle-ui-overlay, .gpt-ad.bfab-template .toggle-ui-overlay { cursor: pointer; height: 100%; position: absolute; top: 0; user-select: none; width: 100%; z-index: 1; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none } .gpt-ad.bfaa-template .toggle-fullscreen-button, .gpt-ad.bfab-template .toggle-fullscreen-button { float: right; opacity: .75 } .gpt-ad.bfaa-template .play-pause-button, .gpt-ad.bfab-template .play-pause-button { opacity: .75 } .gpt-ad.bfaa-template .volume-button, .gpt-ad.bfab-template .volume-button { opacity: .9 } .gpt-ad.bfaa-template .button-control, .gpt-ad.bfab-template .button-control { height: auto; line-height: normal } .gpt-ad.bfaa-template .button-control .icon, .gpt-ad.bfaa-template .porvata-icon, .gpt-ad.bfab-template .button-control .icon, .gpt-ad.bfab-template .porvata-icon { cursor: pointer; fill: #b7b7b7; height: 24px; overflow: hidden; width: 24px } .gpt-ad.bfaa-template .porvata-switchable-icon .porvata-off-icon, .gpt-ad.bfab-template .porvata-switchable-icon .porvata-off-icon { display: none } .gpt-ad.bfaa-template .porvata-switchable-icon.is-on .porvata-off-icon, .gpt-ad.bfab-template .porvata-switchable-icon.is-on .porvata-off-icon { display: inline-block } .gpt-ad.bfaa-template .porvata-switchable-icon.is-on .porvata-on-icon, .gpt-ad.bfab-template .porvata-switchable-icon.is-on .porvata-on-icon { display: none } .gpt-ad.bfaa-template .learn-more, .gpt-ad.bfab-template .learn-more { color: #fff; cursor: pointer; display: none; position: absolute; opacity: .75; right: 0; top: 0; z-index: 2147483648 } .gpt-ad.bfaa-template .advertisement-label, .gpt-ad.bfab-template .advertisement-label { color: #fff; font-size: 9px; font-weight: 700; height: auto; left: 0; letter-spacing: .5px; line-height: 9px; opacity: .75; padding: 6px; position: absolute; text-transform: uppercase; top: 0; width: auto; z-index: 2147483648 } .gpt-ad.bfaa-template .button-unstick .icon, .gpt-ad.bfab-template .button-unstick .icon { width: 24px; height: 24px } @media only screen and (min-width:768px) { .gpt-ad.bfaa-template .button-unstick .icon, .gpt-ad.bfab-template .button-unstick .icon { width: 16px; height: 16px } } .gpt-ad.bfaa-template.is-mobile-device .advertisement-label, .gpt-ad.bfab-template.is-mobile-device .advertisement-label { font-size: 6px; line-height: 6px; padding: 5px } .gpt-ad.bfaa-template.is-mobile-device .learn-more, .gpt-ad.bfab-template.is-mobile-device .learn-more { display: unset } .gpt-ad.bfaa-template.theme-hivi .ui-visible .toggle-ui-overlay, .gpt-ad.bfab-template.theme-hivi .ui-visible .toggle-ui-overlay { background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0.7) 15%, transparent 30%) } .gpt-ad.bfaa-template.theme-hivi .ui-visible .dynamic-panel, .gpt-ad.bfab-template.theme-hivi .ui-visible .dynamic-panel { display: block } .gpt-ad.bfaa-template.theme-hivi .advertisement-label, .gpt-ad.bfaa-template.theme-hivi .button-control .icon, .gpt-ad.bfaa-template.theme-hivi .porvata-icon, .gpt-ad.bfab-template.theme-hivi .advertisement-label, .gpt-ad.bfab-template.theme-hivi .button-control .icon, .gpt-ad.bfab-template.theme-hivi .porvata-icon { box-sizing: content-box; -webkit-box-sizing: content-box; color: #fff; fill: #fff; opacity: 1 } .gpt-ad.bfaa-template.theme-hivi .button-control .icon, .gpt-ad.bfaa-template.theme-hivi .porvata-icon, .gpt-ad.bfab-template.theme-hivi .button-control .icon, .gpt-ad.bfab-template.theme-hivi .porvata-icon { height: 16px; width: 16px } .gpt-ad.bfaa-template.theme-hivi .advertisement-label, .gpt-ad.bfaa-template.theme-hivi .learn-more, .gpt-ad.bfaa-template.theme-hivi .play-pause-button, .gpt-ad.bfaa-template.theme-hivi .toggle-fullscreen-button, .gpt-ad.bfaa-template.theme-hivi .volume-button, .gpt-ad.bfab-template.theme-hivi .advertisement-label, .gpt-ad.bfab-template.theme-hivi .learn-more, .gpt-ad.bfab-template.theme-hivi .play-pause-button, .gpt-ad.bfab-template.theme-hivi .toggle-fullscreen-button, .gpt-ad.bfab-template.theme-hivi .volume-button { opacity: .95 } .gpt-ad.bfaa-template.theme-hivi .learn-more, .gpt-ad.bfab-template.theme-hivi .learn-more { color: #fff; right: 25px } .gpt-ad.bfaa-template.theme-hivi .learn-more>div, .gpt-ad.bfab-template.theme-hivi .learn-more>div { display: block; font-size: 12px; margin-right: 30px; margin-top: 5px } .gpt-ad.bfaa-template.theme-hivi .learn-more .learn-more-icon, .gpt-ad.bfab-template.theme-hivi .learn-more .learn-more-icon { height: 12px; position: absolute; right: 0; top: 0; width: 12px } .gpt-ad.bfaa-template.theme-hivi .progress-bar, .gpt-ad.bfab-template.theme-hivi .progress-bar { background: #7c7c7c; height: 4px } .gpt-ad.bfaa-template.theme-hivi .current-time, .gpt-ad.bfab-template.theme-hivi .current-time { background: #fff } .gpt-ad.bfaa-template.theme-hivi .bottom-panel>div, .gpt-ad.bfaa-template.theme-hivi .learn-more-icon, .gpt-ad.bfab-template.theme-hivi .bottom-panel>div, .gpt-ad.bfab-template.theme-hivi .learn-more-icon { padding: 6px 12px } @media only screen and (min-width:768px) { .gpt-ad.bfaa-template.theme-hivi .bottom-panel>div, .gpt-ad.bfaa-template.theme-hivi .learn-more-icon, .gpt-ad.bfab-template.theme-hivi .bottom-panel>div, .gpt-ad.bfab-template.theme-hivi .learn-more-icon { padding: 6px 10px } } .gpt-ad.bfaa-template.theme-hivi.theme-resolved .learn-more, .gpt-ad.bfab-template.theme-hivi.theme-resolved .learn-more { display: none } .gpt-ad.bfaa-template.theme-hivi.is-mobile-device.theme-video-fullscreen, .gpt-ad.bfab-template.theme-hivi.is-mobile-device.theme-video-fullscreen { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 2147483646 } .gpt-ad.bfaa-template.theme-hivi.is-mobile-device.theme-video-fullscreen .learn-more, .gpt-ad.bfab-template.theme-hivi.is-mobile-device.theme-video-fullscreen .learn-more { display: block } .gpt-ad.bfaa-template.theme-hivi .replay-overlay, .gpt-ad.bfaa-template.theme-hivi .video-player, .gpt-ad.bfab-template.theme-hivi .replay-overlay, .gpt-ad.bfab-template.theme-hivi .video-player { right: 23.2%; transform: translateX(50%); top: 4%; height: 92% } .gpt-ad.bfaa-template.theme-hivi .video-player-fullscreen.video-player, .gpt-ad.bfab-template.theme-hivi .video-player-fullscreen.video-player { right: 0; transform: none; top: 0 !important; height: 100% } .gpt-ad.bfaa-template.theme-split-right .replay-overlay, .gpt-ad.bfab-template.theme-split-right .replay-overlay { right: 0 } .gpt-ad.bfaa-template.theme-split-left .replay-overlay, .gpt-ad.bfab-template.theme-split-left .replay-overlay { left: 0 } .gpt-ad.bfaa-template.is-dark .advertisement-label, .gpt-ad.bfaa-template.is-dark .button-control .icon, .gpt-ad.bfab-template.is-dark .advertisement-label, .gpt-ad.bfab-template.is-dark .button-control .icon { color: #9d9d9d; fill: #9d9d9d } .gpt-ad.bfaa-template.is-mobile-layout .video-player, .gpt-ad.bfab-template.is-mobile-layout .video-player { right: 0; top: auto; transform: none } body.ctp-vuap-loaded { transition: padding .4s ease } .sticky-bfaa, .sticky-bfab { animation: repaint 1ms; position: fixed; top: 0 } .gpt-ad.bfaa-template { height: auto; left: 0; overflow: hidden; position: absolute; width: 100%; transition: height .4s ease; top: 0 } .gpt-ad.bfaa-template.theme-hivi:not(.theme-resolved):not(.sticky-bfaa) { position: fixed; top: 0 } .gpt-ad.bfaa-template video { left: 0 } .gpt-ad.bfab-template { max-width: 1024px; width: 100%; overflow: hidden; position: relative; transition: height .4s ease } .gpt-ad.bfab-template.theme-hivi.sticky-bfab { position: fixed; top: 0 } .gpt-ad.bfab-template video { left: 0 } @media only screen and (min-width:1024px) { .gpt-ad.bfaa-template.on-animation, .gpt-ad.bfab-template.on-animation { background: #000 } } @keyframes repaint { 0% { width: 99.999% } to { width: 100% } } .twitch-player-right { z-index: 1; position: absolute; top: 0; right: 0 } .twitch-player-left { z-index: 1; position: absolute; top: 0; left: 0 } .stop-scrolling { overflow: hidden } .gpt-ad.slot-animation { transition: max-height .8s ease; overflow: hidden } .gpt-ad.slot-responsive { width: 100% } .gpt-ad.slot-responsive>div { position: relative } .gpt-ad.slot-responsive>div iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .gpt-ad.hide, .gpt-ad .hide { display: none !important } .has-bfaa.body { padding-top: 25.7732% } .has-bfaa #WikiaTopAds { position: absolute; top: 0; width: 100% } .gpt-ad.bfab-template { max-width: none !important } .gpt-ad.slot-responsive>div.replay-overlay { position: absolute !important } #InvisibleHighImpactWrapper.floor-adhesion { bottom: 0; display: block; position: fixed; text-align: center; width: 100% } #InvisibleHighImpactWrapper.floor-adhesion .background { height: 90px } #InvisibleHighImpactWrapper.floor-adhesion .top-bar { background: none; z-index: 0 } #InvisibleHighImpactWrapper.floor-adhesion .close { bottom: 0; padding: 37px 7px; top: auto } #InvisibleHighImpactWrapper.floor-adhesion .label { display: none } #ext-wikia-adEngine-template-floor { bottom: 0; display: block; position: fixed; width: 100%; z-index: 5000100 } #ext-wikia-adEngine-template-floor.hidden { bottom: 200% } #ext-wikia-adEngine-template-floor a.close { background-color: #000; bottom: 0; display: block; padding: 35px 5px; position: absolute; right: 0 } #ext-wikia-adEngine-template-floor a.close .ads-floor-close-button { overflow: hidden; text-indent: 100%; white-space: nowrap; background-size: 20px 20px; background: url("/resources/wikia/ui_components/modal/images/close-light.svg"); display: block; float: right; height: 20px; outline: none; width: 20px } #ext-wikia-adEngine-template-floor .ad iframe { display: block; margin: 0 auto; position: relative } #ext-wikia-adEngine-template-floor .background { background: rgba(0, 0, 0, 0.4); bottom: 0; height: 90px; position: absolute; width: 100% } .ad-in-content-lb { clear: both; margin: 0 auto; text-align: center } .ad-in-content-lb .wikia-ad { display: inline-block } .ad-in-content-lb>.default-height { height: 90px; width: 728px } .ad-in-content { clear: right; float: right } .ad-in-content>.default-height { height: 250px; width: 300px } .ad-in-content>.default-height.height-600 { height: 600px } .ad-in-content>.wikia-ad { margin: 0 0 30px 30px } .clear-right-after-ad-in-content { clear: right } .clear-both-after-ad-in-content { clear: both } #InvisibleHighImpactWrapper.interstitial { align-items: center; display: flex; height: 100%; justify-content: center; left: 0; margin: 0; padding: 0; position: fixed; top: 0; width: 100% } #InvisibleHighImpactWrapper { z-index: 5000102 } #InvisibleHighImpactWrapper.hidden { display: none !important } #InvisibleHighImpactWrapper #INVISIBLE_HIGH_IMPACT_2 iframe { display: block; margin: 0 auto; position: relative } #InvisibleHighImpactWrapper .background { background: rgba(0, 0, 0, 0.9); bottom: 0; height: 100%; left: 0; position: absolute; width: 100% } #InvisibleHighImpactWrapper .top-bar { background-color: rgba(0, 0, 0, 0.5); left: 0; position: absolute; top: 0; width: 100%; z-index: 5000102 } #InvisibleHighImpactWrapper .close { background-color: #000; cursor: pointer; display: inline-block; float: right; padding: 7px 7px; position: relative } #InvisibleHighImpactWrapper .close:hover { background-color: #333 } #InvisibleHighImpactWrapper .close .close-button { overflow: hidden; text-indent: 100%; white-space: nowrap; background-image: url("/resources/wikia/ui_components/modal/images/ads-close-light.svg"); background-position: center center; background-size: 16px 16px; display: block; height: 16px; outline: none; width: 16px } #InvisibleHighImpactWrapper .label { color: #D5D4D4; display: inline-block; font-size: 17px; padding: 5px 10px; position: relative } .stop-scrolling { overflow: hidden } .wikia-ad .video-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .wikia-ad .video-display-wrapper { background: #000; height: 100%; position: relative; width: 100% } .wikia-ad .video-display-wrapper video, .wikia-ad .video-display-wrapper.vpaid-enabled>div { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .wikia-ad .video-display-wrapper.vpaid-enabled video, .wikia-ad .video-display-wrapper.vpaid-enabled>div:last-child { z-index: 10 } .wikia-ad .video-display-wrapper .video-player { background: #000; margin: 0 auto; pointer-events: auto } .wikia-ad .replay-overlay { background: rgba(0, 0, 0, 0.3) url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_4_copy_4%22%20data-name%3D%22Layer%204%20copy%204%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bopacity%3A0.4%3B%7D.cls-2%7Bfill%3A%23231f20%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplay_button%3C%2Ftitle%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2213.74%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M16%2C2.94A13.07%2C13.07%2C0%2C1%2C1%2C3%2C16%2C13.08%2C13.08%2C0%2C0%2C1%2C16%2C2.94M16%2C2A14%2C14%2C0%2C1%2C0%2C30%2C16%2C14%2C14%2C0%2C0%2C0%2C16%2C2Z%22%20transform%3D%22translate%28-2.04%20-2.01%29%22%2F%3E%3Cg%20id%3D%22Page-1%22%3E%3Cg%20id%3D%22Video-Player-Skin%22%3E%3Cg%20id%3D%22Video-Copy%22%3E%3Cpolygon%20id%3D%22Play%22%20class%3D%22cls-2%22%20points%3D%2220.17%2014%209.63%2020.23%209.63%207.77%2020.17%2014%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/8% no-repeat; cursor: pointer; height: 100%; position: absolute; z-index: 1 } .video-player { position: relative; } .video-player.video-player-left, .video-player.video-player-right { z-index: 2 } .video-player.video-player-right { right: 0 } .video-player video { left: 0 } .video-player .progress-bar { background: #b7b7b7; bottom: 0; height: 8px; left: 0; position: absolute; width: 100%; z-index: 11 } .video-player .current-time { transition-property: width; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0; -webkit-transition-property: width; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0; background: #666; height: 100%; max-width: 100%; width: 0; z-index: 11 } .video-player .pause-overlay { cursor: pointer; height: 100%; position: absolute; top: 0; width: 100%; z-index: 11 } .video-player .close-ad { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_4_copy_2%22%20data-name%3D%22Layer%204%20copy%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bopacity%3A0.4%3B%7D.cls-2%7Bfill%3A%23231f20%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eclose_button%3C%2Ftitle%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2214.09%22%20cy%3D%2214.09%22%20r%3D%2213.74%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M16%2C2.93A13.07%2C13.07%2C0%2C1%2C1%2C2.93%2C16%2C13.08%2C13.08%2C0%2C0%2C1%2C16%2C2.93M16%2C2A14%2C14%2C0%2C1%2C0%2C30%2C16%2C14%2C14%2C0%2C0%2C0%2C16%2C2Z%22%20transform%3D%22translate%28-2%20-2%29%22%2F%3E%3Cg%20id%3D%22Page-1%22%3E%3Cg%20id%3D%22STICKERSHEET%22%3E%3Cg%20id%3D%22Icons%22%3E%3Cg%20id%3D%22Cross%22%3E%3Cpath%20id%3D%22Close%22%20class%3D%22cls-2%22%20d%3D%22M22.29%2C8.29%2C16%2C14.59%2C9.71%2C8.29A1%2C1%2C0%2C0%2C0%2C8.29%2C9.71L14.59%2C16%2C8.29%2C22.29a1%2C1%2C0%2C1%2C0%2C1.41%2C1.41L16%2C17.41l6.29%2C6.29a1%2C1%2C0%2C1%2C0%2C1.41-1.41L17.41%2C16l6.29-6.29a1%2C1%2C0%2C0%2C0-1.41-1.41Z%22%20transform%3D%22translate%28-2%20-2%29%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); cursor: pointer; height: 24px; margin: 10px 10px 30px 30px; position: absolute; right: 0; top: 0; width: 24px; z-index: 11 } .video-player .ima-mute-div, .video-player .volume-control { bottom: 18px; cursor: pointer; position: absolute; right: 10px; z-index: 11 } .video-player .ima-mute-div :focus, .video-player .volume-control :focus { outline: none } .video-player .ima-mute-div ::-moz-focus-inner, .video-player .volume-control ::-moz-focus-inner { border: 0 } .video-player .ima-mute-div .speaker, .video-player .volume-control .speaker { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_4%22%20data-name%3D%22Layer%204%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bopacity%3A0.4%3B%7D.cls-2%7Bfill%3A%23231f20%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Esound_on_button%3C%2Ftitle%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2213.96%22%20cy%3D%2214.06%22%20r%3D%2213.74%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M16%2C2.93A13.07%2C13.07%2C0%2C1%2C1%2C2.93%2C16%2C13.08%2C13.08%2C0%2C0%2C1%2C16%2C2.93M16%2C2A14%2C14%2C0%2C1%2C0%2C30%2C16%2C14%2C14%2C0%2C0%2C0%2C16%2C2Z%22%20transform%3D%22translate%28-2%20-2%29%22%2F%3E%3Cg%20id%3D%22Page-1%22%3E%3Cg%20id%3D%22Video-Player-Skin%22%3E%3Cg%20id%3D%22Video-Copy%22%3E%3Cg%20id%3D%22volume%22%3E%3Cpath%20id%3D%22Shape%22%20class%3D%22cls-2%22%20d%3D%22M14.24%2C9.17l-3.79%2C4.11H6.82c-.78%2C0-1%2C.46-1%2C.89V17.7a1%2C1%2C0%2C0%2C0%2C1%2C1h3.65l3.79%2C4.18a1.09%2C1.09%2C0%2C0%2C0%2C.53.14%2C1%2C1%2C0%2C0%2C0%2C.5-.14%2C1%2C1%2C0%2C0%2C0%2C.5-.9V10a1%2C1%2C0%2C0%2C0-.5-.9%2C1.06%2C1.06%2C0%2C0%2C0-1%2C.05Z%22%20transform%3D%22translate%28-2%20-2%29%22%2F%3E%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20class%3D%22cls-2%22%20d%3D%22M19.18%2C19.33a4.39%2C4.39%2C0%2C0%2C0%2C0-6.19.71.71%2C0%2C0%2C0-1%2C1%2C3%2C3%2C0%2C0%2C1%2C0%2C4.19.71.71%2C0%2C0%2C0%2C1%2C1Z%22%20transform%3D%22translate%28-2%20-2%29%22%2F%3E%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20class%3D%22cls-2%22%20d%3D%22M23.3%2C16.23a6.19%2C6.19%2C0%2C0%2C0-1.81-4.39.71.71%2C0%2C1%2C0-1%2C1%2C4.81%2C4.81%2C0%2C0%2C1%2C0%2C6.79.71.71%2C0%2C1%2C0%2C1%2C1%2C6.19%2C6.19%2C0%2C0%2C0%2C1.81-4.39Z%22%20transform%3D%22translate%28-2%20-2%29%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); display: inline-block; height: 24px; overflow: hidden; position: relative; width: 24px } .video-player .ima-mute-div .speaker.mute, .video-player .volume-control .speaker.mute { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_4_copy%22%20data-name%3D%22Layer%204%20copy%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bopacity%3A0.4%3B%7D.cls-2%7Bfill%3A%23231f20%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Esound_off_button%3C%2Ftitle%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2214.06%22%20cy%3D%2213.96%22%20r%3D%2213.74%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M16%2C2.93A13.07%2C13.07%2C0%2C1%2C1%2C2.93%2C16%2C13.08%2C13.08%2C0%2C0%2C1%2C16%2C2.93M16%2C2A14%2C14%2C0%2C1%2C0%2C30%2C16%2C14%2C14%2C0%2C0%2C0%2C16%2C2Z%22%20transform%3D%22translate%28-2%20-2%29%22%2F%3E%3Cg%20id%3D%22Page-1%22%3E%3Cg%20id%3D%22Video-Player-Skin%22%3E%3Cg%20id%3D%22Video-Copy%22%3E%3Cg%20id%3D%22volume-off%22%3E%3Cpath%20id%3D%22Shape%22%20class%3D%22cls-2%22%20d%3D%22M14.25%2C9.17l-3.79%2C4.11H6.84c-.78%2C0-1%2C.46-1%2C.89V17.7a1%2C1%2C0%2C0%2C0%2C1%2C1h3.65l3.79%2C4.18a1.09%2C1.09%2C0%2C0%2C0%2C.53.14%2C1%2C1%2C0%2C0%2C0%2C.5-.14%2C1%2C1%2C0%2C0%2C0%2C.5-.9V10a1%2C1%2C0%2C0%2C0-.5-.9%2C1.06%2C1.06%2C0%2C0%2C0-1%2C.05Z%22%20transform%3D%22translate%28-2%20-2%29%22%2F%3E%3Cpath%20id%3D%22Fill-1%22%20class%3D%22cls-2%22%20d%3D%22M22.91%2C16.21l3-3a.92.92%2C0%2C1%2C0-1.3-1.3l-3%2C3-3-3a.92.92%2C0%2C1%2C0-1.3%2C1.3l3%2C3-3%2C3a.92.92%2C0%2C1%2C0%2C1.3%2C1.3l3-3%2C3%2C3a.92.92%2C0%2C1%2C0%2C1.3-1.3Z%22%20transform%3D%22translate%28-2%20-2%29%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") } #INCONTENT_WRAPPER { font-size: 0; line-height: 0; text-align: center } #INCONTENT_WRAPPER #INCONTENT_PLAYER { margin: 0 auto -14px auto } #INCONTENT_WRAPPER #INCONTENT_PLAYER.in-rail { margin: 0 } #INCONTENT_WRAPPER #INCONTENT_PLAYER.porvata-outstream { max-width: 640px } #INCONTENT_WRAPPER #INCONTENT_PLAYER.porvata-outstream::before { color: #D5D4D4; content: attr(data-label); display: block; font-size: 0.625rem; font-weight: 700; line-height: 0.75rem; padding-bottom: 6px; padding-top: 6px; text-align: center; text-transform: uppercase } #INCONTENT_WRAPPER #INCONTENT_PLAYER.porvata-outstream .video-overlay { background: #000 } .porvata-outstream .video-player .progress-bar { background: #666; height: 5px } .porvata-outstream .video-player .current-time { background: #b7b7b7 } .porvata-outstream .video-player .ima-mute-div, .porvata-outstream .video-player .volume-control { bottom: 0; right: 0 } .porvata-outstream .video-player .ima-mute-div .speaker, .porvata-outstream .video-player .volume-control .speaker { padding: 14px 7px 14px 12px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2214%22%20style%3D%22%22%3E%3Crect%20id%3D%22backgroundrect%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%220%22%20y%3D%220%22%20fill%3D%22none%22%20stroke%3D%22none%22%2F%3E%3Cg%20class%3D%22currentLayer%22%20style%3D%22%22%3E%3Ctitle%3ELayer%201%3C%2Ftitle%3E%3Cg%20id%3D%22svg_1%22%20class%3D%22%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%3E%3Cpath%20d%3D%22M8.45.17L4.664%204.28H1.036C.256%204.28%200%204.74%200%205.175v3.522c0%20.436.256.985%201.036.985h3.646l3.785%204.176c.165.092.35.143.533.143a.964.964%200%200%200%20.5-.136c.33-.185.5-.526.5-.897V1.013c0-.37-.17-.713-.5-.898-.33-.186-.72-.13-1.05.054zm4.95%2010.156a4.393%204.393%200%200%200%200-6.19.708.708%200%200%200-1.004%201%202.978%202.978%200%200%201%200%204.192.707.707%200%201%200%201.003.998z%22%20id%3D%22svg_2%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%2F%3E%3Cpath%20d%3D%22M17.515%207.23A6.186%206.186%200%200%200%2015.7%202.84a.707.707%200%201%200-1.003.998A4.777%204.777%200%200%201%2016.1%207.23a4.778%204.778%200%200%201-1.4%203.395.708.708%200%201%200%201.002%201%206.186%206.186%200%200%200%201.814-4.394z%22%20id%3D%22svg_3%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A") no-repeat 12px 24px } .porvata-outstream .video-player .ima-mute-div .speaker.mute, .porvata-outstream .video-player .volume-control .speaker.mute { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2214%22%20style%3D%22%22%3E%3Crect%20id%3D%22backgroundrect%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%220%22%20y%3D%220%22%20fill%3D%22none%22%20stroke%3D%22none%22%2F%3E%3Cg%20class%3D%22currentLayer%22%20style%3D%22%22%3E%3Ctitle%3ELayer%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M8.45.17L4.664%204.28H1.036C.256%204.28%200%204.74%200%205.175v3.522c0%20.436.256.985%201.036.985h3.646l3.785%204.176c.165.092.35.143.533.143a.964.964%200%200%200%20.5-.136c.33-.185.5-.526.5-.897V1.013c0-.37-.17-.713-.5-.898-.33-.186-.72-.13-1.05.054zM18.413%207l3.294-3.294a1%201%200%200%200-1.412-1.413L17%205.588l-3.294-3.295a.998.998%200%201%200-1.413%201.413L15.588%207l-3.295%203.295a.998.998%200%201%200%201.413%201.412L17%208.413l3.295%203.294a.996.996%200%200%200%201.412%200%201%201%200%200%200%200-1.412L18.413%207z%22%20id%3D%22svg_1%22%20class%3D%22%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A") no-repeat 12px 24px } #WikiaArticle.floating, .WikiaTopAds.floating { z-index: 12 } #WikiaArticle.floating .wikia-ad, .WikiaTopAds.floating .wikia-ad { bottom: 45px; margin-bottom: 0; position: fixed; right: 20px; transition: margin-bottom 0.4s } #WikiaArticle.floating .wikia-ad .video-player, #WikiaArticle.floating .wikia-ad iframe, .WikiaTopAds.floating .wikia-ad .video-player, .WikiaTopAds.floating .wikia-ad iframe { width: 320px } #WikiaArticle.floating .wikia-ad .floating-close-button, .WikiaTopAds.floating .wikia-ad .floating-close-button { display: block } #WikiaArticle.floating.with-article-video .wikia-ad, .WikiaTopAds.floating.with-article-video .wikia-ad { margin-bottom: 300px; transition: margin-bottom 0.4s } #WikiaArticle.floating { z-index: initial } #WikiaArticle.floating .wikia-ad { width: 320px; z-index: 12 } #WikiaArticle.floating .wikia-ad .provider-container { padding-bottom: 0 !important; width: 320px } .floating-close-button { cursor: pointer; display: none; left: 0; position: absolute; top: 26px; z-index: 11 } .floating-close-button img { padding: 7px } #INVISIBLE_SKIN, .wikia-ad.hidden, .wikia-ad .hidden { display: none !important } .WikiaTopAds { font-size: 0; margin: 0 auto; position: relative; padding: 10px 0; text-align: center; width: 1064px; z-index: 2 } .WikiaTopAds .WikiaTopAdsInner { zoom: 1; display: flex; flex-direction: row-reverse; justify-content: center } .WikiaTopAds .WikiaTopAdsInner:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .WikiaTopAds .standard-leaderboard { max-width: 728px } .WikiaTopAds .wikia-ad>img { float: right; } .has-bfaa .WikiaTopAds { z-index: 5000101 } .wikia-ad:not(#INVISIBLE_HIGH_IMPACT_2) .provider-container { position: relative } .wikia-ad.slot-animation { transition-property: max-height; transition-duration: 1.6s; transition-timing-function: ease; transition-delay: 0; -webkit-transition-property: max-height; -webkit-transition-duration: 1.6s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0; overflow: hidden } .wikia-ad.slot-responsive { width: 100% } .wikia-ad.slot-responsive .provider-container iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .has-bfaa .wds-community-header { margin-top: 20px } .bfaa-template.WikiaSiteWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .bfaa-template .WikiaTopAds { -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-top: 0; padding: 0; width: 100%; z-index: 5000101 } .bfaa-template .WikiaTopAdsInner { width: 100% } .bfaa-template #TOP_LEADERBOARD { transition-property: height; transition-duration: 0.4s; transition-timing-function: ease; transition-delay: 0; -webkit-transition-property: height; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0; background: #000; max-width: none; overflow: hidden; width: 100% } .bfaa-template #TOP_LEADERBOARD video { height: auto; width: 100% } .bfaa-template .wds-community-header { margin-top: 20px } .bfab-template { position: relative } #TOP_LEADERBOARD>div { margin-left: auto; margin-right: auto } #TOP_LEADERBOARD.default-height { height: 90px } #TOP_LEADERBOARD_AB { background: #424b3a; max-width: 1024px; margin: 0 auto; position: relative; z-index: 2 } #TOP_LEADERBOARD_AB .thumbnails-h-abp { border: none } @media only screen and (max-width:1083px) { #TOP_LEADERBOARD_AB { width: 718px } } @media only screen and (min-width:1084px) and (max-width:1595px) { #TOP_LEADERBOARD_AB { width: 1024px } } @media only screen and (min-width:1596px) { #TOP_LEADERBOARD_AB { width: 1178px } } #BOTTOM_LEADERBOARD { overflow: hidden; margin: 0 0 23px 0; text-align: center; width: 100% } #BOTTOM_LEADERBOARD.bfab-template { transition-property: height; transition-duration: 0.4s; transition-timing-function: ease; transition-delay: 0; -webkit-transition-property: height; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0; background: #000; z-index: 2 } #BOTTOM_LEADERBOARD.sticky-bfab { width: inherit } .home-top-right-ads { float: right } .home-top-right-ads.hidden { display: none } .WikiaGrid #TOP_RIGHT_BOXAD { background-color: #4b5444; padding: 15px } #TOP_BOXAD img { display: block } #TOP_RIGHT_BOXAD { margin-bottom: 10px; z-index: 100 } #TOP_RIGHT_BOXAD.default-height { height: 250px } .WikiaSpotlight { background-color: #424b3a; color: #D5D4D4; display: inline-block; width: 270px } #SPOTLIGHT_FOOTER { zoom: 1; background-image: -moz-linear-gradient(top, rgba(53, 61, 47, 0) 50%, #353d2f 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%, rgba(53, 61, 47, 0)), color-stop(100%, #353d2f)); background-image: -o-linear-gradient(top, rgba(53, 61, 47, 0) 50%, #353d2f 100%); background-image: -ms-linear-gradient(top, rgba(53, 61, 47, 0) 50%, #353d2f 100%); border: none; list-style: none; margin: 0; padding: 0px 20px 33px; text-align: center } #SPOTLIGHT_FOOTER:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } #SPOTLIGHT_FOOTER .item-1 { float: left } #SPOTLIGHT_FOOTER .item-2 { float: right } #SPOTLIGHT_FOOTER .WikiaSpotlight { max-height: 123px; max-width: 255px; width: 30% } #SPOTLIGHT_FOOTER .WikiaSpotlight img { height: auto; width: 100% } body>a>img[src$="noad.gif"] { position: absolute; z-index: 0 } .ad-centered-wrapper { display: table; margin-left: auto; margin-right: auto } .ad-centered-wrapper>div { display: table-cell; vertical-align: middle } .ad-centered-wrapper>div>div { display: inline-block } @media only screen and (min-width:1024px) { #WikiaAdInContentPlaceHolder { position: absolute } } #WikiaAdInContentPlaceHolder #INCONTENT_BOXAD_1 { position: relative; text-align: center; width: 300px } #WikiaAdInContentPlaceHolder.rail-sticky-module { position: static; position: -webkit-sticky; position: sticky; top: 65px } @media only screen and (max-width:1023px) { #WikiaAdInContentPlaceHolder.rail-sticky-module { position: static } } #ext-wikia-adEngine-template-modal>section { overflow: hidden; padding: 0px } #ext-wikia-adEngine-template-modal>section>div { overflow: hidden } #ext-wikia-adEngine-template-modal>header .close-counter { float: right; font-size: 17px } #WikiaArticleMsg { display: none } .autocomplete { background: #424b3a; border-color: #686f61; border-style: solid; border-width: 1px 2px 2px; display: none; position: absolute; box-shadow: 3px 3px 6px 0 #2b3126; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-width: 1px; cursor: pointer; margin-top: 2px; padding: 5px 1px; position: relative; width: 245px; z-index: 5000100 } .autocomplete>li { border-top: 1px solid #686f61; display: block; padding: 0 } .autocomplete>li>a { display: block; font-size: 14px; padding: 4px 4px 2px } .autocomplete>li>a:hover { background: #535f49 } .autocomplete div { font-size: 12px; line-height: 25px; padding: 5px 9px } .autocomplete .redirect { color: #a1a59d; display: block; font-size: 10px; line-height: 12px; position: relative; top: -4px } .autocomplete .selected { background-color: #535f49 } .autocomplete strong { font-weight: bold } .skin-oasis .sprite { background-color: transparent; background-image: url(https://slot1-images.wikia.nocookie.net/__cb7580027580012/common/skins/shared/images/sprite.png); background-repeat: no-repeat } .skin-oasis .sprite.edit { background-position: -1016px -48px; height: 20px; width: 19px } .skin-oasis .sprite.talk { background-position: -1080px -48px; height: 20px; width: 16px } .skin-oasis .sprite.talk-two { background-position: -1112px 0; height: 26px; width: 27px } .skin-oasis .sprite.categorization { background-position: -1072px -32px; height: 16px; width: 22px } .skin-oasis .sprite.move { background-position: -1048px -32px; height: 16px; width: 22px } .skin-oasis .sprite.new { background-position: -1024px -32px; height: 16px; width: 22px } .skin-oasis .sprite.photo { background-position: -1096px -32px; height: 16px; width: 26px } .skin-oasis .sprite.video { background-position: -1128px -32px; height: 16px; width: 21px } .skin-oasis .sprite.search { background-position: -1055px -80px; height: 16px; width: 21px } .skin-oasis .sprite.mytools { background-position: -1112px -64px; height: 15px; width: 15px } .skin-oasis .sprite.follow { background-position: -1112px -48px; height: 15px; width: 15px } .skin-oasis .sprite.share { background-position: -1112px -80px; height: 15px; width: 15px } .skin-oasis .sprite.logo { background-position: -269px 0px; height: 26px; width: 90px } .skin-oasis .sprite.logo9, .skin-oasis .sprite.logo2, .skin-oasis .sprite.logo3, .skin-oasis .sprite.logo4 { height: 16px; width: 55px; margin: 2px 5px } .skin-oasis .sprite.logo9 { background-position: -210px 0px } .skin-oasis .sprite.logo2 { background-position: -60px 0px } .skin-oasis .sprite.logo3 { background-position: -130px 0px } .skin-oasis .sprite.logo4 { background-position: 0px 0px } .skin-oasis .sprite.drag { background-position: -1144px -64px; height: 17px; width: 16px } .skin-oasis .sprite.trash { background-position: -1128px -48px; height: 16px; width: 16px } .skin-oasis .sprite.activity { background-position: -1128px -80px; height: 14px; width: 17px } .skin-oasis .sprite.random { background-position: -1144px -48px; height: 13px; width: 13px } .skin-oasis .sprite.close { background-position: -1098px -66px; height: 11px; width: 11px } .skin-oasis .sprite.edit-pencil { background-position: -1000px -48px; height: 16px; width: 16px } .skin-oasis .sprite.edit-pencil-small { background-position: -1197px -69px; height: 11px; width: 11px } .skin-oasis .sprite.blog { background-position: -1000px -32px; height: 16px; width: 22px } .skin-oasis .sprite.message { background-position: -1058px -48px; height: 16px; width: 22px } .skin-oasis .sprite.lock { background-position: -1128px -64px; height: 12px; width: 9px } .skin-oasis .sprite.remove { background-position: -1128px -48px; height: 16px; width: 13px } .skin-oasis .sprite.drag { background-position: -1147px -64px; height: 17px; width: 13px } .skin-oasis .sprite.details { background-position: -1210px 0; height: 18px; width: 17px } .skin-oasis .sprite.info-icon { background-position: -1227px 0; height: 18px; width: 18px } .skin-oasis .sprite.ok { background-position: -1096px -80px; height: 16px; width: 16px } .skin-oasis .sprite.error { background-position: -1176px -80px; height: 16px; width: 16px } .skin-oasis .sprite.contribute { background-position: -1172px -13px; height: 16px; width: 22px } .skin-oasis .sprite.question { background-position: -1144px -20px; height: 12px; width: 12px } .skin-oasis .sprite.close-notification { background-position: -1001px -65px; height: 8px; width: 8px } .skin-oasis .sprite.popout { background-position: -1176px -48px; height: 23px; width: 24px } .skin-oasis .sprite.embed { background-position: -1153px -32px; height: 9px; width: 20px } .skin-oasis .sprite.email { background-position: -1176px -32px; height: 10px; width: 14px } .skin-oasis .sprite.share2 { background-position: -1192px -32px; height: 13px; width: 13px } .skin-oasis .sprite.gear { background-position: -1192px -80px; height: 16px; width: 16px } .skin-oasis .sprite.facebook { background-position: -1162px -18px; height: 14px; width: 15px } .skin-oasis .sprite.external { background-position: -1196px 0px; height: 10px; width: 10px } .skin-oasis .sprite.progress { background-image: url(https://slot1-images.wikia.nocookie.net/__cb7580027580012/common/skins/common/images/ajax.gif) } .skin-oasis .sprite.play { background-position: -865px -45px; height: 51px; width: 50px } .skin-oasis .sprite.play.small { background-position: -880px 0px; height: 35px; width: 35px } .skin-oasis .sprite.play.large { background-position: -915px -10px; height: 86px; width: 85px } .sprite-small { background-color: transparent; background-image: url(https://slot1-images.wikia.nocookie.net/__cb7580027580012/common/skins/shared/images/sprite.png); background-repeat: no-repeat; height: 12px; width: 12px } .sprite-small.close { background-position: -1146px -82px } .sprite-small.sorted { background-position: -1160px -48px } .sprite-small.sort { background-position: -1160px -64px } .sprite-small.add { background-position: -1160px -80px } .sprite-small.edit { background-position: -1196px -68px } .sprite-small.delete { background-position: -1196px -18px } a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, .WikiaRail .module h3, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, time, ul, var, video { border: 0; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block } a, ins { text-decoration: none } ul, ol { list-style: none } q:after, q:before { content: "" } .modalWrapper { box-shadow: 0 10px 60px 0 #21261d; background: #424b3a; border-width: 5px; border-style: solid; border-color: #2e3529; border-color: rgba(46, 53, 41, 0.6); -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; color: #D5D4D4; position: absolute } .modalWrapper>h1, .WikiaRail .module .modalWrapper>h3, .modalWrapper .main-header { color: #97ad83; font-size: 22px; margin: 20px 60px 20px 20px; overflow: hidden } .modalWrapper .close { zoom: 1; float: right; margin: 20px 20px 0 0; z-index: 1 } .modalWrapper .close:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .modalWrapper .neutral { background: transparent } .modalWrapper .modalToolbar { text-align: right; background: transparent; margin-top: 20px } .modalWrapper .modalToolbar a { margin-left: 10px } .modalWrapper #WikiaConfirmOk { margin-left: 2px } .modalContent { zoom: 1; font-size: 13px; line-height: 21px; display: block; margin: 0 20px 20px 20px } .modalContent:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .modalContent .main-header { margin-left: 0; margin-top: 0 } .modalContent .MyToolsConfiguration .options-list { line-height: 1 } .modalContent b { font-weight: bold } .modalContent i { font-style: italic } .blackout { background: #424b3a; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; height: 100% } yui-overlay, .yui-panel-container { position: absolute; z-index: 5000102 !important } .yui-panel { left: 0; position: relative; top: 0 } .mask { background: #424b3a; margin-top: -30px; opacity: .8; position: fixed; z-index: 5000101 !important } .editor .mask { margin-top: 0px } .skin-oasis #ImageUploadBorder { display: none } .skin-oasis #ImageUploadBody { height: 480px } .skin-oasis #ImageUploadProgress1 { visibility: hidden } .skin-oasis .yui-back { display: inline-block; margin: 0 5px 0 0 } .skin-oasis #VideoEmbedConflict .yui-back, .skin-oasis #ImageUploadConflict .yui-back { bottom: 15px } body { color: #D5D4D4; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; margin: 0; overflow-x: auto; padding: 0 } .WikiaSiteWrapper>h2 { display: none } a { color: #97ad83; text-decoration: none } a:hover { text-decoration: underline } .clearfix { zoom: 1 } .clearfix:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .color1 { background-color: #4b5643; color: #fff } .color1 a { color: #fff } .color2 { background-color: #686f61 } .dark_text_1 { color: #97ad83 } .dark_text_2 { color: #97ad83 } .accent { background-color: #535f49; border-color: #97ad83; color: #D5D4D4 } .neutral { background-color: #686f61; border-color: #424b3a; color: #D5D4D4 } .local-sitemap-line a span { color: #D5D4D4 } .avatar { border: 1px solid #424b3a } .chevron { border-color: #FFF transparent transparent; border-style: solid; border-width: 4px; width: 0; vertical-align: middle; margin-top: 2px } .banner-corner-left, .banner-corner-right { border-style: solid; border-width: 2px; position: absolute; width: 0 } .full-screen-page, .full-screen-page body, .full-screen-page .WikiaSiteWrapper { height: 100% } .full-screen-page #mw-content-text, .full-screen-page .WikiaArticle, .full-screen-page .WikiaPage, .full-screen-page .WikiaPageContentWrapper, .full-screen-page .WikiaSiteWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .WikiaPage { border: 1px solid #686f61; margin: 0 auto; position: relative; width: 1000px; z-index: 3 } .WikiaPage.WikiaGrid .WikiaArticle { padding: 0 } .WikiaPage>h1:first-child, .WikiaRail .module .WikiaPage>h3:first-child { display: none } .WikiaPage .WikiaPageBackground { background: #424b3a; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; width: 100% } .WikiaPage .WikiaPageContentWrapper { zoom: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative } .WikiaPage .WikiaPageContentWrapper:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .ve .WikiaPage { z-index: 5000100 } .WikiaMainContent { position: relative; width: 680px; z-index: 1 } .oasis-one-column .WikiaMainContent { width: 1000px } .oasis-one-column .WikiaMainContent.grid-6 { width: 980px } .WikiaMainContent a.new, .WikiaMainContent a.new:visited { color: #CC2200 } .article-categories { background-color: #353d2f; background-image: -moz-linear-gradient(top, #424b3a 50%, #353d2f 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%, #424b3a), color-stop(100%, #353d2f)); background-image: -o-linear-gradient(top, #424b3a 50%, #353d2f 100%); background-image: -ms-linear-gradient(top, #424b3a 50%, #353d2f 100%); border: 1px solid #686f61; clear: both; line-height: 1.8em; padding: 10px; margin: 10px } .article-categories h1, .article-categories .WikiaRail .module h3, .WikiaRail .module .article-categories h3 { display: none } .WikiaArticleFooter { padding: 10px } .wikia-rail-inner { width: 100% } .WikiaRail { padding: 0 10px; width: 300px } .WikiaRail.grid-2 { padding: 0 } .WikiaRail .loading { background: url(https://slot1-images.wikia.nocookie.net/__cb7580027580012/common/skins/common/images/ajax.gif) no-repeat 50% 50%; height: 48px; margin: 10px; padding-top: 10px; width: 100% } .WikiaRail .module { zoom: 1; background: #424b3a; border: 1px solid #686f61; background: #485040; border: 1px solid #686f61; margin-bottom: 30px; padding: 20px 15px 15px; position: relative; word-wrap: break-word } .WikiaRail .module:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .WikiaRail .module header { left: -3px; font-size: 15px; padding: 8px; position: absolute; width: 288px } .WikiaRail .module details em { float: left } .WikiaRail .module .wikia-button { float: right } .WikiaRail .module .more { float: right; font-size: 10px; font-weight: bold } .WikiaRail .module p { line-height: 21px; margin: 0; padding: 0 } .WikiaRail .module .wikia-button { font-weight: normal } .WikiaRail .module h2 { border: 0; font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 25px; padding-left: 2px } .WikiaRail .module h3 { clear: both; padding-top: 15px; margin-top: 0; margin-bottom: 10px } .WikiaRail .module b { font-weight: bold } .WikiaRail .module i { font-style: italic } .WikiaRail .module .line-top { border-top: solid 1px #686f61 } .WikiaRail .module .chevron { border-top-color: #D5D4D4 } .WikiaRail .rail-module { margin: 0 10px 30px } .WikiaRail .rail-module h2 { border-bottom: 1px solid #686f61; font-size: 16px; font-weight: bold; min-height: 30px; margin-bottom: 16px; padding-left: 2px } .WikiaRail .rail-module h2.has-icon { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .WikiaRail .rail-module h2.has-icon svg { fill: rgba(213, 212, 212, 0.75); margin-right: 7px } .WikiaRail .rail-module .wds-button { color: #fff; background: none } .WikiaRail .rail-module .wds-button:not(.wds-is-text):not(.wds-is-secondary) { background-color: #4b5643 } .WikiaRail .rail-module .wds-button:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .WikiaRail .rail-module .wds-button:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .WikiaRail .rail-module .wds-button:not(.wds-is-text):not(.wds-is-secondary):active, .WikiaRail .rail-module .wds-button:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { background-color: #7d8f70; border-color: #7d8f70 } .WikiaRail .rail-module .wds-button:not(.wds-is-text) { border-color: #4b5643 } .WikiaRail .rail-module .wds-button.wds-is-secondary { border-color: #4b5643; color: #4b5643 } .WikiaRail .rail-module .wds-button.wds-is-secondary:focus:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-secondary:hover:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-secondary:active, .WikiaRail .rail-module .wds-button.wds-is-secondary.wds-is-active { border-color: #7d8f70; color: #7d8f70 } .WikiaRail .rail-module .wds-button.wds-is-text { color: #4b5643 } .WikiaRail .rail-module .wds-button.wds-is-text:focus:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-text:hover:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-text:active, .WikiaRail .rail-module .wds-button.wds-is-text.wds-is-active { color: #7d8f70 } .WikiaRail .rail-module .wds-button.wds-is-secondary { margin-left: 12px } .tally { zoom: 1; font-size: 10px; line-height: 1.3em; padding-left: 2px; text-transform: uppercase } .tally:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .tally em { float: left; font-size: 30px; font-style: normal; letter-spacing: -1px; line-height: 26px; margin-right: 2px } .tally span { float: left } .tally span.fixedwidth { width: 61px } .WikiaRail .activity-module .activity-item { padding: 6px 0 } .WikiaRail .activity-module .activity-item:first-child { padding-top: 0 } .WikiaRail .activity-module .page-title { color: #97ad83; font-size: 14px; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .WikiaRail .activity-module .edit-info { color: rgba(213, 212, 212, 0.75); font-size: 12px; max-height: 16px } .WikiaRail .activity-module .edit-info .edit-info-user { color: rgba(213, 212, 212, 0.75); display: inline-block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .WikiaRail .activity-module .edit-info .edit-info-time { vertical-align: top } .WikiaImageModule h1, .WikiaImageModule .WikiaRail .module h3, .WikiaRail .module .WikiaImageModule h3 { display: none } .WikiaImageModule img { margin: 10px 0 } .WikiaImageModule .caption { margin-bottom: 10px; text-align: center } #contentSub { font-size: 14px; line-height: 16px; padding: 10px } #contentSub .commentslikes { display: inline; font-size: 12px } #contentSub .commentslikes a:hover { text-decoration: none } .wikiaThrobber { background: url("https://slot1-images.wikia.nocookie.net/__cb7580027580012/common/skins/common/images/ajax.gif") no-repeat scroll center #424b3a; height: 100%; left: 0; opacity: .75; position: absolute; top: 0; width: 100%; z-index: 2 } .wikiaThrobber.cover { position: fixed } .ContentWarning #WikiaMainContent, .ContentWarning #WikiaRailWrapper { display: none } .commentslikes li { border-left: solid 1px #686f61; border-bottom: none !important; float: left; line-height: 20px; padding: 0 10px } .commentslikes li:first-child { border-left: none } .commentslikes .likes { padding-right: 0; height: 22px; width: 90px } .commentslikes .commentsbubble { background-color: #353d2f; background-image: -moz-linear-gradient(top, #424b3a 0%, #353d2f 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #424b3a), color-stop(100%, #353d2f)); background-image: -o-linear-gradient(top, #424b3a 0%, #353d2f 100%); background-image: -ms-linear-gradient(top, #424b3a 0%, #353d2f 100%); border: solid 1px #686f61; border-radius: 2px; display: inline-block; height: 14px; line-height: 15px; margin: 0 3px; min-width: 15px; padding: 0 5px; position: relative; text-align: center } .commentslikes .commentsbubble:before { border-color: #686f61 #686f61 transparent transparent; border-style: solid; border-width: 5px; content: " "; height: 0px; position: absolute; top: 14px; left: 3px; width: 0px } .commentslikes .commentsbubble:after { border-color: #353d2f #353d2f transparent transparent; border-style: solid; border-width: 4px; content: " "; height: 0px; position: absolute; top: 14px; left: 4px; width: 0px } .commentslikes .wikia-chiclet-button { vertical-align: middle; margin: 0 3px } .commentslikes .comments { *position: relative; *top: -2px; white-space: nowrap } a.comments>.commentsbubble { background-color: #424b3a; font-size: 9px; vertical-align: top; border: solid 1px #686f61; display: inline-block; height: 11px; line-height: 11px; margin: 2px 3px 0 3px; min-width: 15px; padding: 0; position: relative; text-align: center } a.comments>.commentsbubble:before { border-color: #686f61 #686f61 transparent transparent; border-style: solid; border-width: 3px; content: " "; height: 0px; position: absolute; top: 11px; left: 3px; width: 0px } a.comments>.commentsbubble:after { border-color: #424b3a #424b3a transparent transparent; border-style: solid; border-width: 2px; content: " "; height: 0px; position: absolute; top: 11px; left: 4px; width: 0px } .WikiaSearch { zoom: 1; margin-bottom: 10px; position: relative } .WikiaSearch:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .WikiaSearch .autocomplete { border-top: 0 } .WikiaSearch input[type="text"] { background-color: #71786b; background-image: -moz-linear-gradient(top, #6b7266 0%, #71786b 40%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #6b7266), color-stop(40%, #71786b)); background-image: -o-linear-gradient(top, #6b7266 0%, #71786b 40%); background-image: -ms-linear-gradient(top, #6b7266 0%, #71786b 40%); border: 1px solid #686f61; font-size: 15px; font-family: "Lucida Grande", sans-serif; height: 19px; outline: 0; padding: 3px; margin: 0; -webkit-appearance: textfield; background: #4f5945; color: #D5D4D4; height: 18px; float: left; font-size: 15px; margin-right: 8px; padding: 4px 9px; width: 229px } .WikiaSearch input[type="text"]::-webkit-input-placeholder { color: #a9aba6 } .WikiaSearch input[type="text"]:-moz-placeholder { color: #a9aba6 } .WikiaSearch input[type="text"].placeholder { color: #a9aba6 } .WikiaSearch input[type="text"].error { border: 2px solid #f33 } .WikiaSearch input[type="text"]:focus { background: #5b6850 } .WikiaSearch .wikia-button { border-radius: 3px; float: left; height: 28px; margin-top: 0; position: static; vertical-align: top; width: 43px } .WikiaSearch .wikia-button img.sprite.search { height: 16px; width: 19px } .WikiaSearch input[type="submit"] { display: none } .mw-search-result-shoutout>.mw-search-result-title { font-size: 108%; font-weight: bold } .mw-search-result-redirect { color: #a1a59d } .mw-search-result-redirect .mw-search-result-title { color: #a1a59d } .WikiaArticle, .wikia-infobox { font-size: 13px; line-height: 21px } .infobox { background-color: #3f4737; border: 1px solid #686f61; clear: right; color: #D5D4D4; float: right; margin-bottom: .5em; margin-left: 1em; padding: .2em } .infobox[width='100%'] { float: none; margin-left: 0 } .WikiaArticle { min-height: 250px; overflow: hidden; padding: 0 10px; position: relative; word-wrap: break-word; z-index: 1 } .WikiaArticle::after { clear: both; content: ''; display: block } .WikiaArticle h1, .WikiaArticle .WikiaRail .module h3, .WikiaRail .module .WikiaArticle h3, .WikiaArticle h2, .WikiaArticle h3, .WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6 { margin: .5em 0 .2em } .WikiaArticle h1, .WikiaArticle .WikiaRail .module h3, .WikiaRail .module .WikiaArticle h3 { font-size: 24px } .WikiaArticle h2 { border-bottom: solid 1px #686f61; font-size: 18px; margin-top: 30px; overflow: hidden; padding-bottom: 3px } .WikiaArticle h3 { font-size: 16px; overflow: hidden } .WikiaArticle h4 { font-size: 14px } .WikiaArticle h5 { font-size: 12px } .WikiaArticle h6 { font-size: 11px } .WikiaArticle .editsection { float: none; font-size: 13px; margin-left: 10px; vertical-align: baseline } .WikiaArticle .editsection img { vertical-align: text-bottom } .WikiaArticle h1 .editsection, .WikiaArticle .WikiaRail .module h3 .editsection, .WikiaRail .module .WikiaArticle h3 .editsection, .WikiaArticle h5 .editsection, .WikiaArticle h6 .editsection { display: none } .WikiaArticle .noarticletext { border: 1px solid #404040; padding: 0 13px } .WikiaArticle b, .WikiaArticle strong { font-weight: bold } .WikiaArticle i, .WikiaArticle em { font-style: italic } .WikiaArticle sup { font-size: 11px; line-height: 0; vertical-align: super } .WikiaArticle sub { font-size: 11px; line-height: 0; vertical-align: sub } .WikiaArticle ul, .WikiaArticle ol { margin: .4em 0 .5em 2.5em } .WikiaArticle ol { list-style: decimal } .WikiaArticle ol.special { margin-left: 3.2em } .WikiaArticle ul { list-style: square } .WikiaArticle li { line-height: 20px; margin: 3px 0 } .WikiaArticle dl { margin: 1em 0 } .WikiaArticle dt { font-weight: bold; margin-bottom: 1px } .WikiaArticle dd { margin-bottom: 1px; margin-left: 24px } .WikiaArticle img { vertical-align: middle } .WikiaArticle blockquote { margin: 12px 40px } .WikiaArticle .center { text-align: center; width: 100% } .WikiaArticle .center * { margin-left: auto; margin-right: auto } .WikiaArticle .thumbborder { border: 1px solid #404040 } .WikiaArticle .floatright { border: 0; clear: right; float: right; margin: 0 0 10px 20px; position: relative } .WikiaArticle .floatleft { border: 0; clear: left; float: left; margin: 0 20px 10px 0; position: relative } .WikiaArticle .thumbinner { background-color: #353d2f; background-image: -moz-linear-gradient(top, #424b3a 0, #353d2f 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #424b3a), color-stop(100%, #353d2f)); background-image: -o-linear-gradient(top, #424b3a 0, #353d2f 100%); background-image: -ms-linear-gradient(top, #424b3a 0, #353d2f 100%); border: 1px solid #404040; overflow: hidden; padding: 3px; text-align: center } .WikiaArticle .thumbcaption { line-height: 18px; padding: 4px 1px 0; text-align: left } .WikiaArticle .tright { clear: right; float: right; margin: 0 0 16px 16px } .WikiaArticle .tleft { clear: left; float: left; margin: 0 16px 16px 0 } .WikiaArticle .magnify { float: right; margin-top: 4px } .WikiaArticle .picture-attribution { display: block; font-size: 11px; margin-right: 16px; text-align: left } .WikiaArticle .picture-attribution .avatar { margin-right: 3px; vertical-align: middle } .WikiaArticle .toc { background-color: transparent; border: 1px solid #404040; border-collapse: separate; margin: 1em 0; padding: 5px } .WikiaArticle .toc ul { list-style: none; margin: 0 } .WikiaArticle .toc ul ul { margin-left: 2em } .WikiaArticle .toc ul li { margin: 0 } .WikiaArticle #toctitle { text-align: center } .WikiaArticle #toctitle h2 { border: 0; display: inline; font-size: 14px } .WikiaArticle #toctitle .toctoggle { font-size: 12px } .WikiaArticle p { margin: .4em 0 .5em } .WikiaArticle p+p { margin: 1em 0 } .WikiaArticle pre { background-color: #353d2f; border: 1px solid #686f61; line-height: 14px; overflow: auto; padding: 12px; word-wrap: normal } .WikiaArticle .printfooter { display: none } .WikiaArticle a.external:after, .WikiaArticle a[href^='gopher://']:after { background-image: url("https://slot1-images.wikia.nocookie.net/__cb7580027580012/common/skins/shared/images/sprite.png"); background-position: -1198px 0; background-repeat: no-repeat; content: ''; display: inline-block; height: 16px; margin-left: 3px; vertical-align: text-top; width: 10px } .WikiaArticle .plainlinks a { background-image: none; padding-right: 0 } .WikiaArticle .plainlinks a:after { display: none } .WikiaArticle #filetoc { background-color: transparent; border: 1px solid #404040; font-size: 12px; margin-bottom: 5px; margin-left: 0; margin-right: 0; padding: 5px; text-align: center } .WikiaArticle #filetoc li { display: inline; list-style-type: none; padding-right: 23px } .WikiaArticle .mw_metadata th, .WikiaArticle .mw_metadata td { background-color: transparent; border: 1px solid #686f61 } .WikiaArticle .references>li:target { background-color: #4f5a45 } .WikiaArticle ul.gallery { margin-left: 0 } .WikiaArticle div.gallerybox div.thumb, .WikiaArticle li.gallerybox div.thumb { background: #353d2f; border: 1px solid #404040 } .WikiaArticle li.gallerybox { border: 1px solid #686f61 } .WikiaArticle fieldset { border: solid 1px #97ad83; margin: 1em 0; padding: 0 1em 1em } .WikiaArticle fieldset legend { cursor: pointer; padding: 7px } .WikiaArticle fieldset.collapsible { height: auto } .WikiaArticle fieldset.collapsible legend::before { content: "\25b4\00a0" } .WikiaArticle fieldset.collapsible.collapsed { height: 25px; overflow: hidden } .WikiaArticle fieldset.collapsible.collapsed .rc-fieldset-content { visibility: hidden } .WikiaArticle fieldset.collapsible.collapsed legend::before { content: "\25be\00a0" } .WikiaArticle #mw-pages h3 { font-weight: bold } .WikiaArticle #mw-pages ul { margin-left: 16px } .WikiaArticle #pagehistory li { border-style: none } .WikiaArticle #pagehistory li.selected { background-color: #68765b; border-style: dashed } .diff-article-content body.mainpage .WikiaArticle { margin-right: 0 } .WikiaArticle .fbconnect-synced-profile { border-bottom: solid 1px #686f61; margin-bottom: 5px; padding-bottom: 5px } .WikiaArticle .fbconnect-synced-profile th { padding-right: 10px; text-align: right; vertical-align: top; width: 25% } .WikiaArticle .fbconnect-synced-profile td { margin-left: 8px; padding-right: 10px } .WikiaArticle .wikiaPlaceholder { vertical-align: bottom } .WikiaArticle .wikiaPlaceholder>div { margin: .5em 1.4em 1.2em 0; text-align: center } .WikiaArticle .wikiaPlaceholder>div.tright { margin: .5em 0 1.2em 1.4em } .WikiaArticle .wikiaPlaceholder>div.tcenter { margin: .5em auto 1.2em } .WikiaArticle .wikiaPlaceholder>div a { position: relative } .WikiaArticle .fullMedia { word-wrap: break-word } .WikiaArticle .inline-video { display: inline-block } .WikiaArticle ul[class*='block-grid-'] { margin: 0; padding: 0 } .ns-1200 .WikiaArticle, .ns-1201 .WikiaArticle, .ns-2000 .WikiaArticle, .WikiaHome .WikiaArticle { overflow: visible } .wikia-infobox { border: 1px #686f61 solid; float: right; line-height: 15px; margin: 0 0 16px 16px; padding: 15px 8px 8px; width: 247px } .wikia-infobox td, .wikia-infobox th { overflow: hidden; padding: 2px 3px 7px; vertical-align: top } .wikia-infobox th { font-weight: bold; text-align: left; width: 20% } .wikia-infobox th.wikia-infobox-header { font-size: 17px; font-weight: bold; margin-top: 20px; padding: 5px 3px 8px; text-align: left } .wikia-infobox th .wikia-infobox-section-header { border-top: 1px #686f61 solid; margin-top: 7px; padding-top: 20px } .wikia-infobox .wikia-infobox-image { overflow: hidden; padding: 0; text-align: center; width: 225px } .wikia-infobox .wikia-infobox-caption { font-size: 12px; text-align: center } .WikiaArticle .infobox .article-thumb, .WikiaArticle .infobox .article-thumb.tright, .WikiaArticle .infobox .article-thumb.tleft, .WikiaArticle .wikia-infobox .article-thumb, .WikiaArticle .wikia-infobox .article-thumb.tright, .WikiaArticle .wikia-infobox .article-thumb.tleft, .WikiaArticle .infobox-table .article-thumb, .WikiaArticle .infobox-table .article-thumb.tright, .WikiaArticle .infobox-table .article-thumb.tleft { float: none; margin: 0 auto } .WikiaArticleInterlang { clear: both; margin: 10px; padding: 10px } .WikiaArticleInterlang h3 { float: left; font-size: inherit; margin-right: 5px } .WikiaArticleInterlang ul { list-style: none } .WikiaArticleInterlang ul li { border-left: 1px solid #686f61; display: inline-block; line-height: 24px; margin-bottom: 6px; padding-left: 5px; padding-right: 5px } .WikiaArticleInterlang ul li:first-child { border: 0; padding-left: 0 } .WikiaArticleComments.loading { background: url("https://slot1-images.wikia.nocookie.net/__cb7580027580012/common/skins/common/images/ajax.gif") no-repeat 50% 50%; border-top: 1px solid #424b3a; height: 16px; margin: 10px; padding-top: 10px } .fluidWidth { height: auto; width: 100% } .ArticlePreviewInner h1.pagetitle, .ArticlePreviewInner .WikiaRail .module h3.pagetitle, .WikiaRail .module .ArticlePreviewInner h3.pagetitle { line-height: 1.2em; word-wrap: break-word } .ve .WikiaArticle { overflow: visible; z-index: auto } .TablePager_nav a { text-decoration: none } .TablePager { border-collapse: collapse } .TablePager, .TablePager td, .TablePager th { border: 1px solid #424b3a; padding: 0 0.15em 0 0.15em } .TablePager th { background-color: #353d2f; color: #FFF } .TablePager td { background-color: #424b3a; color: #D5D4D4 } .TablePager td.highlited { background-color: #4f5945 } .TablePager tr:hover td { background-color: #68765b } .WikiaFooter { margin-bottom: 30px } .WikiaFooter, .WikiaBarWrapper { clear: both; padding-top: 23px; position: relative; width: 100% } .WikiaFooter.float, .WikiaBarWrapper.float { z-index: 5000100 } .WikiaFooter.float .toolbar, .WikiaBarWrapper.float .toolbar { bottom: 0; position: fixed; top: auto } .WikiaFooter .toolbar, .WikiaBarWrapper .toolbar { background-color: #698257; background-image: -moz-linear-gradient(left, #1a2116 0, #698257 50%, #1a2116 100%); background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, #1a2116), color-stop(50%, #698257), color-stop(100%, #1a2116)); background-image: -o-linear-gradient(left, #1a2116 0, #698257 50%, #1a2116 100%); background-image: -ms-linear-gradient(left, #1a2116 0, #698257 50%, #1a2116 100%); border-top: 3px solid #000; color: #fff; height: 20px; margin-left: -5px; position: absolute; top: 0 } .WikiaFooter .toolbar.small, .WikiaBarWrapper .toolbar.small { left: -5px; margin-left: auto } .WikiaFooter .toolbar img, .WikiaBarWrapper .toolbar img { float: left; margin-right: 5px; vertical-align: middle } .WikiaFooter .toolbar .tools, .WikiaBarWrapper .toolbar .tools { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQIW2PglJATAeH///8zgDADhgCMAZPAEAAAkMkagYeWS7IAAAAASUVORK5CYII="); display: block; list-style: none; padding: 0 10px; z-index: 1000; } .WikiaFooter .toolbar .tools>li, .WikiaBarWrapper .toolbar .tools>li { border-right: 1px solid #879b79; float: left; height: 16px; line-height: 16px; margin-top: 2px; padding: 0 10px } .WikiaFooter .toolbar .tools>li:last-child, .WikiaBarWrapper .toolbar .tools>li:last-child { border: 0 } .WikiaFooter .toolbar .tools>li img, .WikiaBarWrapper .toolbar .tools>li img { margin: 0 6px 0 1px } .WikiaFooter .toolbar .tools>li>a, .WikiaBarWrapper .toolbar .tools>li>a { color: #fff } .WikiaFooter .toolbar .tools>li>span, .WikiaBarWrapper .toolbar .tools>li>span { color: silver } .WikiaFooter .toolbar .tools img, .WikiaBarWrapper .toolbar .tools img { cursor: pointer } .WikiaFooter .toolbar .tools .arrow-icon-ctr, .WikiaBarWrapper .toolbar .tools .arrow-icon-ctr { position: relative; display: inline-block; zoom: 1; width: 15px; height: 12px } .WikiaFooter .toolbar .tools .arrow-icon, .WikiaBarWrapper .toolbar .tools .arrow-icon { position: absolute; width: 0; height: 0; border: 4px solid transparent; border-bottom-color: #fff } .WikiaFooter .toolbar .tools .arrow-icon-single, .WikiaBarWrapper .toolbar .tools .arrow-icon-single { top: 2px; left: 0 } .WikiaFooter .toolbar .tools .arrow-icon-top, .WikiaBarWrapper .toolbar .tools .arrow-icon-top { top: 0; left: 0 } .WikiaFooter .toolbar .tools .arrow-icon-bottom, .WikiaBarWrapper .toolbar .tools .arrow-icon-bottom { top: 4px; left: 0 } .WikiaFooter .overflow-menu, .WikiaBarWrapper .overflow-menu { display: none } .WikiaFooter .overflow-menu .overflow, .WikiaBarWrapper .overflow-menu .overflow { display: none } .WikiaFooter .tools-menu, .WikiaBarWrapper .tools-menu { background: #424b3a; border-width: 2px 4px 4px; border-style: solid; border-color: #000; display: none; list-style: none; padding: 0; position: absolute; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5); border-width: 4px 4px 2px; bottom: 22px; min-width: 120px; right: 0; z-index: 1000; } .WikiaFooter .tools-menu>li, .WikiaBarWrapper .tools-menu>li { border-top: 1px solid #686f61; margin: 0; padding: 0 } .WikiaFooter .tools-menu>li:first-child, .WikiaBarWrapper .tools-menu>li:first-child { border-top: none } .WikiaFooter .tools-menu>li>a, .WikiaBarWrapper .tools-menu>li>a { color: #D5D4D4; display: block; font-size: 12px; padding: 10px 5px; white-space: nowrap } .WikiaFooter .tools-menu>li>a:hover, .WikiaBarWrapper .tools-menu>li>a:hover { background-color: #58644e; text-decoration: none } .WikiaFooter .tools-menu span, .WikiaBarWrapper .tools-menu span { color: #8c9087; display: block; padding: 10px 5px } .WikiaFooter .header-container, .WikiaBarWrapper .header-container { zoom: 1 } .WikiaFooter .header-container:after, .WikiaBarWrapper .header-container:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .WikiaFooter .header-container h2, .WikiaBarWrapper .header-container h2 { font-size: 18px; float: left; margin: 17px 0 17px 20px } .WikiaFooter .header-container .wikia-button, .WikiaBarWrapper .header-container .wikia-button { float: right; margin: 17px 20px } .WikiaFooter section, .WikiaBarWrapper section { margin: 0 10px; border: 1px solid #686f61; border-top-width: 0 } .WikiaFooter.notoolbar section, .WikiaBarWrapper.notoolbar section { border-top-width: 1px } .WikiaFooter .banner-corner-left, .WikiaBarWrapper .banner-corner-left { border-color: transparent #000 #000 transparent; left: 0; top: -7px } .WikiaFooter .banner-corner-right, .WikiaBarWrapper .banner-corner-right { border-color: transparent transparent #698257 #698257; right: -5px; top: -7px } .editor .WikiaFooter .toolbar:after { height: 0 } .WikiaConfirmation { background: #90e491; color: #002a39; font-family: Verdana, sans-serif; font-size: 10px; padding: 4px 10px } .WikiaConfirmation.preview, .WikiaConfirmation.error { background-color: red; color: white } .WikiaConfirmation.preview p a, .WikiaConfirmation.error p a { color: white } .WikiaConfirmation.preview .accept-icon, .WikiaConfirmation.error .accept-icon { display: none } .WikiaConfirmation p { line-height: 16px } .WikiaConfirmation p a { color: #002a39; text-decoration: underline } .WikiaConfirmation p .sprite.ok { vertical-align: text-bottom } .WikiaNotifications { bottom: 30px; margin: 0 10px; position: absolute; right: 0 } .WikiaNotifications li { display: table-cell; padding: 4px 4px 0; vertical-align: bottom } .WikiaNotifications li div { box-shadow: 0 0 5px 0 #21261d; background-color: #4b5643; background-image: -moz-linear-gradient(top, #647359 35%, #4b5643 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #647359), color-stop(65%, #4b5643)); background-image: -o-linear-gradient(top, #647359 35%, #4b5643 65%); background-image: -ms-linear-gradient(top, #647359 35%, #4b5643 65%); border-radius: 4px; color: #fff; margin: 0; max-width: 175px; overflow: hidden; padding: 10px 20px; position: relative } .WikiaNotifications li div a { color: #fff; text-decoration: underline } .WikiaNotifications li div .close-notification { border: 1px solid #FFF; cursor: pointer; position: absolute; right: 3px; top: 3px } .WikiaNotifications .WikiaBadgeNotification { max-width: 250px; padding: 0; width: 250px } .WikiaNotifications .WikiaBadgeNotification img { position: absolute; left: 10px; top: 15px; width: 50px; height: 50px } .WikiaNotifications .WikiaBadgeNotification p { margin-left: 60px; padding: 10px } .WikiaNotifications .WikiaBadgeNotification p big { display: block; font-weight: bold } .WikiaNotifications .WikiaBadgeNotification .notification-details { background-color: #32392d; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 5px 10px } .WikiaNotifications .WikiaBadgeNotification .notification-details a { color: #fff; text-decoration: underline } .WikiaFooter>.WikiaNotifications { bottom: 7px; position: fixed } table.wikitable { background: #3d4536; border-collapse: collapse; border: 1px #686f61 solid; color: #D5D4D4; margin: 1em 1em 1em 0 } table.wikitable th, table.wikitable td { border: 1px black solid; padding: 0.2em } table.wikitable td b, table.wikitable td strong { font-weight: bold } table.wikitable td i, table.wikitable td em { font-style: italic } table.wikitable>tr>th, table.wikitable>*>tr>th { background: #353d2f; text-align: center } table.wikitable caption { font-weight: bold } .WikiaArticle .table-is-wide { clear: both; margin-top: 1em; position: relative } .WikiaArticle .table-is-wide:before { box-shadow: inset -15px 0 20px -15px #21261d; content: ""; height: 100%; pointer-events: none; position: absolute; right: 0; width: 20px; z-index: 2 } .WikiaArticle .table-is-wide table { float: none !important; margin-top: 0 !important } .WikiaArticle .table-is-wide .table-scrollable { overflow: auto } .WikiaDataTable { background-color: #47513e; background-image: -moz-linear-gradient(top, #47513e 40%, #353d2f 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(40%, #47513e), color-stop(100%, #353d2f)); background-image: -o-linear-gradient(top, #47513e 40%, #353d2f 100%); background-image: -ms-linear-gradient(top, #47513e 40%, #353d2f 100%); border: 1px solid #686f61; border-collapse: collapse; text-align: right; width: 100% } .WikiaDataTable th, .WikiaDataTable td { padding: 10px 10px 7px 0 } .WikiaDataTable th:first-child, .WikiaDataTable td:first-child { color: #4b5643; padding-left: 10px; text-align: left } .WikiaDataTable thead th { color: #647359 } .WikiaDataTable .totals td { background: #424b3a; color: #647359; height: 36px; font-size: 16px; padding: 0 10px 0 0 } .WikiaDataTable .totals td:first-child { padding: 0 } .WikiaDataTable .totals td:first-child .pointer { background: #4b5643; color: #fff; font-size: 13px; height: 26px; margin-right: 10px; padding: 10px 0 0 10px; position: relative } .WikiaDataTable .totals td:first-child .pointer:before { border: 18px solid transparent; border-left: 10px solid #4b5643; content: ""; height: 0; position: absolute; right: -28px; bottom: 0; width: 0 } .WikiaDataTable tfoot .supplemental-info { text-align: right } .WikiaDataTable tbody tr { border-top: 1px solid #686f61 } .WikiaDataTable tbody tr:first-child { border-top: none } .article-table, .WikiaTable { background: #3d4536; border-collapse: collapse; border: 0px none #686f61; margin: 1em 1em 1em 0 } .article-table th, .article-table td, .WikiaTable th, .WikiaTable td { border-bottom: 1px #686f61 solid; padding: 6px 12px } .article-table th, .WikiaTable th { background: #353d2f; text-align: left } .article-table caption, .WikiaTable caption { font-weight: bold } table.jquery-tablesorter.sortable th.headerSort .chevron { border-top-color: #D5D4D4 } table.jquery-tablesorter.sortable th.headerSort .chevron:first-child { border-color: transparent transparent #D5D4D4 } ul.tabs, ol.tabs { margin: 0 } .tabs { zoom: 1; border-bottom: 1px solid #686f61; overflow: visible; padding-left: 5px } .tabs:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .tabs li { float: left; list-style: none; margin: 0 1px; padding: 0; position: relative } .tabs li a { border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; line-height: 23px; padding: 6px 12px 3px; position: relative; top: 1px } .tabs li .chevron { display: none } .tabs .selected a { border-bottom: 1px solid transparent; border-left: 1px solid #686f61; border-right: 1px solid #686f61; border-top: 1px solid #686f61; background: #424b3a; color: #D5D4D4; cursor: text; font-weight: bold; text-decoration: none } .tabs .selected a:hover { padding-bottom: 3px } .tabs .accent { background-color: transparent } .tabs .disabled a { color: #a1a59d; pointer-events: none } .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { border-bottom: 1px solid #686f61; overflow: hidden; padding-left: 5px; margin-left: 5px } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap } .ui-tabs .ui-tabs-nav li a { background-color: #686f61; background-image: -moz-linear-gradient(top, #555d4e 50%, #606859 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%, #555d4e), color-stop(100%, #606859)); background-image: -o-linear-gradient(top, #555d4e 50%, #606859 100%); background-image: -ms-linear-gradient(top, #555d4e 50%, #606859 100%); border-top-left-radius: 5px; border-top-right-radius: 5px; color: #D5D4D4; display: inline-block; font-size: 12px; margin-top: 7px; padding: 6px 20px 3px } .ui-tabs .ui-tabs-nav li a:hover { text-decoration: none } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { cursor: text; background-color: #47513f; background-image: -moz-linear-gradient(top, #47513f 50%, #495441 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%, #47513f), color-stop(100%, #495441)); background-image: -o-linear-gradient(top, #47513f 50%, #495441 100%); background-image: -ms-linear-gradient(top, #47513f 50%, #495441 100%); color: #fff; font-weight: bold } .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text } .ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none } .ui-tabs .ui-tabs-hide { display: none !important } .tabBody { display: none; min-height: 100px; position: relative } .tabBody.selected { display: block } .wikia-paginator { height: 30px } .wikia-paginator ul { list-style: none; margin: 0px auto 10px auto; padding: 0px; list-style-type: none; text-align: left } .wikia-paginator ul li { margin: 0px; padding: 0px; display: inline } .wikia-paginator ul .paginator-page { display: inline-block; height: 16px; line-height: 16px; margin: 0px; min-width: 20px; padding: 2px; color: #97ad83 } .wikia-paginator ul .paginator-page.active { border: none; color: #D5D4D4; font-size: 15px; font-weight: bold; position: relative; text-decoration: none; top: 1px } .wikia-paginator ul .paginator-spacer { display: inline-block; height: 16px; line-height: 16px; margin: 0px; min-width: 20px; padding: 2px; text-align: center; color: #97ad83 } .wikia-paginator ul .special { padding: 2px 5px 2px 5px } .wikia-paginator ul .no-border { border: none } .wikia-paginator ul .paginator-next span, .wikia-paginator ul .paginator-prev span { display: none } .wikia-paginator ul .paginator-next { padding: 0 6px 0 8px } .wikia-paginator ul .paginator-next:after { margin-top: -2px; content: ""; display: inline-block; border-color: transparent; border-color: rgba(75, 86, 67, 0); border-width: 5px; border-style: inset; height: 0; vertical-align: middle; width: 0; border-left-color: #4b5643; border-left-style: solid; border-right: 0 } .wikia-paginator ul .paginator-next.disabled:after { border-color: transparent; border-color: rgba(91, 104, 80, 0); border-width: 5px; border-style: inset; height: 0; vertical-align: middle; width: 0; border-left-color: #5b6850; border-left-style: solid; border-right: 0 } .wikia-paginator ul .paginator-prev { padding: 0 8px 0 6px; margin-right: 10px } .wikia-paginator ul .paginator-prev:after { margin-top: -2px; content: ""; display: inline-block; border-color: transparent; border-color: rgba(75, 86, 67, 0); border-width: 5px; border-style: inset; height: 0; vertical-align: middle; width: 0; border-left: 0; border-right-color: #4b5643; border-right-style: solid } .wikia-paginator ul .paginator-prev.disabled:after { border-color: transparent; border-color: rgba(91, 104, 80, 0); border-width: 5px; border-style: inset; height: 0; vertical-align: middle; width: 0; border-left: 0; border-right-color: #5b6850; border-right-style: solid } .success { color: green; font-size: larger } .error { color: red; font-size: larger } .successbox, .errorbox { border-width: 1px; border-style: solid; float: none; font-size: 12px; line-height: normal; margin: 5px 0 15px; padding: 5px 25px; position: relative } .successbox .sprite.error, .successbox .sprite.ok, .errorbox .sprite.error, .errorbox .sprite.ok { position: absolute; top: 4px; left: 5px } .successbox h1, .successbox .WikiaRail .module h3, .WikiaRail .module .successbox h3, .successbox h2, .errorbox h1, .errorbox .WikiaRail .module h3, .WikiaRail .module .errorbox h3, .errorbox h2 { text-decoration: underline } .successbox a, .errorbox a { text-decoration: underline } .successbox li, .errorbox li { list-style: disc outside none; margin: 0 0 0 20px; padding: 4px 0 0 } .successbox { border-color: green; background-color: #dfd; color: green } .successbox a { color: green } .errorbox { border-color: #A91000; background: #F2CFD2; color: #A91000 } .errorbox a { color: #A91000 } .SpeechBubble { zoom: 1; margin: 15px 0; } .SpeechBubble:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .SpeechBubble .speech-bubble-avatar { float: left } .SpeechBubble .speech-bubble-message { background: #495242; border: 1px solid #686f61; border-radius: 5px; margin: 0 0 0 75px; padding: 15px 10px 10px 15px; position: relative } .SpeechBubble .speech-bubble-message p { margin-bottom: 1em } .SpeechBubble .speech-bubble-message ul, .SpeechBubble .speech-bubble-message ol { margin: 0.4em 0 0.5em 2.5em } .SpeechBubble .speech-bubble-message ol { list-style: decimal } .SpeechBubble .speech-bubble-message ul { list-style: square } .SpeechBubble .speech-bubble-message b, .SpeechBubble .speech-bubble-message strong { font-weight: bold } .SpeechBubble .speech-bubble-message i, .SpeechBubble .speech-bubble-message em { font-style: italic } .SpeechBubble .speech-bubble-message .article-comm-text { overflow: hidden; width: 553px } .SpeechBubble .speech-bubble-message .toc ul { list-style-type: none } .SpeechBubble .speech-bubble-message div, .SpeechBubble .speech-bubble-message figure { max-width: 100% } .SpeechBubble .speech-bubble-message .image>img { height: auto; max-width: 100% } .SpeechBubble .speech-bubble-message:before { border-color: transparent #686f61 #686f61 transparent; border-style: solid; border-width: 11px; content: ""; height: 0; position: absolute; top: 14px; left: -22px; width: 0 } .SpeechBubble .speech-bubble-message:after { border-color: transparent #495242 #495242 transparent; border-style: solid; border-width: 10px; content: ""; height: 0; position: absolute; top: 15px; left: -20px; width: 0 } .SpeechBubble.even .speech-bubble-message, .SpeechBubble.owner .speech-bubble-message { background: #46503e } .SpeechBubble.even .speech-bubble-message:after, .SpeechBubble.owner .speech-bubble-message:after { border-color: transparent #46503e #46503e transparent } .SpeechBubble .speech-bubble-message.current { background: #5b5454 } .SpeechBubble .speech-bubble-message.current:after { border-color: transparent #5b5454 #5b5454 transparent } .SpeechBubble .speech-bubble-message:hover .tools { visibility: visible } .SpeechBubble textarea { box-sizing: border-box; line-height: 21px; font-family: "Helvetica", "Arial", sans-serif; font-size: 11px; width: 100% } .SpeechBubble .edited-by { font-size: 10px; line-height: 18px } .SpeechBubble .stafflogo img { height: 1.25em; vertical-align: text-bottom } .SpeechBubble .wikia-button { margin: 0; padding-left: 15px; padding-right: 15px } .SpeechBubble .buttons { zoom: 1; bottom: 5px; position: absolute; right: 5px } .SpeechBubble .buttons:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .SpeechBubble .permalink { color: #D5D4D4 } .SpeechBubble .article-comm-input-text input { float: right; margin-left: 10px } .SpeechBubble .tools { visibility: hidden; float: right; margin-right: 10px; margin-top: 3px; display: inline-block } .SpeechBubble .tools a { margin-right: 3px } .SpeechBubble .tools img { margin-right: 2px } .WikiaArticleAfterComments { font-size: 13px; line-height: 21px; padding: 0 10px; position: relative; z-index: 1 } .WikiaArticleAfterComments h1, .WikiaArticleAfterComments .WikiaRail .module h3, .WikiaRail .module .WikiaArticleAfterComments h3, .WikiaArticleAfterComments h2, .WikiaArticleAfterComments h3, .WikiaArticleAfterComments h4, .WikiaArticleAfterComments h5, .WikiaArticleAfterComments h6 { margin: .5em 0 .2em } .WikiaArticleAfterComments h2 { border-bottom: solid 1px #686f61; font-size: 18px; margin-top: 14px; overflow: hidden } .WikiaArticleAfterComments a.new, .WikiaArticleAfterComments a.new:visited { color: #cc2200 } .WikiaArticleAfterComments ul, .WikiaArticleAfterComments ol { margin: 0.4em 0 0.5em 2.5em } .WikiaArticleAfterComments ol { list-style: decimal } .WikiaArticleAfterComments ul { list-style: square } .WikiaArticleAfterComments p { margin: 0.4em 0 0.5em } .wds-banner-notification__container { margin: 0 auto; transition: top 200ms linear; width: 958px } .wds-banner-notification__container.float { left: 50%; margin-left: -515px; position: fixed } .banner-notifications-placeholder { position: relative; z-index: 5000100 } .wikia-grid .wds-banner-notification__container { width: 988px } .wikia-grid .wds-banner-notification__container.float { margin-left: -505px } @media screen and (max-width:1020px) { .wikia-grid .wds-banner-notification__container.float { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); left: 0; margin: 0 } } .modalWrapper .wds-banner-notification__container { position: relative; z-index: 6 } .ve-ui-window-body .wds-banner-notification__container { box-sizing: border-box; position: absolute; width: 100% } .ve-ui-window-body .wds-banner-notification__container .close { position: absolute; right: 15px } .WikiaBarWrapper { background-color: #698257; background-image: -moz-linear-gradient(left, #1a2116 0, #698257 50%, #1a2116 100%); background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, #1a2116), color-stop(50%, #698257), color-stop(100%, #1a2116)); background-image: -o-linear-gradient(left, #1a2116 0, #698257 50%, #1a2116 100%); background-image: -ms-linear-gradient(left, #1a2116 0, #698257 50%, #1a2116 100%); } .video-thumbnail { display: inline-block; position: relative } .video-thumbnail .thumbnail-play-icon-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .video-thumbnail .thumbnail-play-icon { height: 72px; min-width: 72px; width: 72px } .video-thumbnail.xsmall .thumbnail-play-icon, .video-thumbnail.xxsmall .thumbnail-play-icon { height: 36px; min-width: 36px; width: 36px } .video-thumbnail.small .thumbnail-play-icon { height: 50.4px; min-width: 50.4px; width: 50.4px } .video-thumbnail.large .thumbnail-play-icon { height: 108px; min-width: 108px; width: 108px } .video-thumbnail.xlarge .thumbnail-play-icon { height: 144px; min-width: 144px; width: 144px } .video-thumbnail img { display: block } .video-thumbnail .duration { background: black; border-radius: 1px 0 0 0; bottom: 0; color: white; font-size: 11px; line-height: 17px; opacity: .7; padding: 0px 6px; position: absolute; right: 0 } .image-thumbnail.fluid, .video-thumbnail.fluid { width: 100% } .image-thumbnail.fluid>img, .video-thumbnail.fluid>img { width: 100% } .title-thumbnail .title { font-size: 16px } .article-thumb { margin-bottom: 15px; margin-top: 6px } .article-thumb a, .article-thumb img { display: block } .article-thumb p, .article-thumb p+p { font-size: 12px; line-height: 16px; margin: 0; padding-top: 5px } .article-thumb p:last-child, .article-thumb p+p:last-child { padding-bottom: 5px } .article-thumb.tright { clear: right; float: right; margin-left: 20px } .article-thumb.tleft { clear: left; float: left; margin-right: 20px } .article-thumb .title { font-weight: bold } .article-thumb figcaption { text-align: left } .article-thumb .caption { color: #a1a59d } .article-thumb .caption a, .article-thumb .caption img { display: inline } .article-thumb.show-info-icon .info-icon { display: none; float: right; margin: -22px 5px 0 0; position: relative } .article-thumb.show-info-icon:hover .info-icon { display: block } .article-thumb.show-info-icon:hover .duration { display: none } .article-thumb.inline-video-playing:hover .info-icon { display: none } .WikiaMenuElement { background: #424b3a; display: block; list-style: none; padding: 0 } .WikiaMenuElement li { border-top: 1px solid #686f61; float: none !important; margin: 0; padding: 0 } .WikiaMenuElement li:hover { background-color: #58644e !important } .WikiaMenuElement li a { height: 20px; line-height: 22px } .ve-spinner { -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: -1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; opacity: 0 } .ve-spinner.visible { z-index: 5000100 } .ve-spinner.hidden { display: none } .ve-spinner.visible { z-index: 5000101 } .ve-spinner .content { box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.7); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; background-color: #424b3a; box-sizing: border-box; border: 1px solid #686f61; color: #D5D4D4; padding: 20px; position: relative } .ve-spinner .loading { background: url(https://slot1-images.wikia.nocookie.net/__cb7580027580012/common/skins/common/images/ajax.gif) no-repeat scroll center #424b3a; height: 16px; margin: 0 auto; opacity: .75; width: 16px } .ve-spinner .message { display: none; margin-top: 10px } body .ui-autocomplete { background: #424b3a; border-color: #686f61; border-style: solid; border-width: 1px 2px 2px; display: none; position: absolute; box-shadow: 3px 3px 6px 0 #2b3126; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-width: 1px; cursor: pointer; list-style: none; margin-top: 2px; padding: 5px 1px; width: 245px; z-index: 5000100 !important } body .ui-autocomplete>li { border-top: 1px solid #686f61; display: block; padding: 0 } body .ui-autocomplete>li>a { display: block; font-size: 14px; padding: 4px 4px 2px } body .ui-autocomplete>li>a:hover { background: #535f49 } body .ui-autocomplete .ui-menu-item { border: 0; margin: 0 } body .ui-autocomplete .ui-menu-item.selected { background-color: #535f49 } body .ui-autocomplete .ui-menu-item a { font-size: 12px; line-height: 25px; padding: 5px 9px } body .ui-autocomplete .ui-menu-item a.ui-state-active, body .ui-autocomplete .ui-menu-item a.ui-state-hover { background-color: #535f49; margin: 0 } .tooltip { position: absolute; z-index: 5001103; display: block; padding: 5px; font-size: 11px; visibility: visible } .tooltip-inner { box-shadow: 0 0 15px 0 #21261d; border: 1px solid #686f61; background-color: #424b3a; font-size: 12px; line-height: 18px; max-width: 200px; padding: 10px 14px; text-align: center; text-decoration: none } .tooltip.top { margin-top: -2px } .tooltip.right { margin-left: 2px } .tooltip.right .tooltip-inner { text-align: left } .tooltip.bottom { margin-top: 2px } .tooltip.left { margin-left: -2px } .tooltip.left .tooltip-inner { text-align: left } .tooltip.top .tooltip-arrow { bottom: 2px; left: 50%; margin-left: -5px; border-top: 5px solid #424b3a; border-right: 5px solid transparent; border-left: 5px solid transparent } .tooltip.left .tooltip-arrow { top: 50%; right: 1px; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #424b3a } .tooltip.bottom .tooltip-arrow { top: 1px; left: 50%; margin-left: -5px; border-right: 5px solid transparent; border-bottom: 5px solid #424b3a; border-left: 5px solid transparent } .tooltip.right .tooltip-arrow { top: 50%; left: 1px; margin-top: -5px; border-top: 5px solid transparent; border-right: 5px solid #424b3a; border-bottom: 5px solid transparent } .tooltip-arrow { position: absolute; width: 0; height: 0 } .popover { position: absolute; top: 0; left: 0; z-index: 5001103; display: none; padding: 5px } .popover-inner { box-shadow: 0 0 15px 0 #21261d; border: 1px solid #686f61; max-width: 400px; padding: 3px; overflow: hidden; background: #424b3a } .popover.top { margin-top: -1px } .popover.right { margin-left: 5px } .popover.bottom { margin-top: 5px } .popover.left { margin-left: -5px } .popover.top .arrow { bottom: 2px; left: 50%; margin-left: -5px; border-top: 4px solid #424b3a; border-right: 10px solid transparent; border-left: 10px solid transparent } .popover.right .arrow { top: 50%; left: 1px; margin-top: -5px; border-top: 5px solid transparent; border-right: 5px solid #424b3a; border-bottom: 5px solid transparent } .popover.bottom .arrow { top: 2px; left: 50%; margin-left: -5px; border-right: 10px solid transparent; border-bottom: 4px solid #424b3a; border-left: 10px solid transparent } .popover.left .arrow { top: 50%; right: 1px; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #424b3a } .popover .arrow { position: absolute; width: 0; height: 0 } .popover-content { background-color: #424b3a; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0 } .modal-blackout { display: none } .wikia-logo img { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20217.8%2060%22%20enable-background%3D%22new%200%200%20217.8%2060%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M100.6%2C58.8V0h13.2v33l3.5-4.4l7.4-8.8h18.9L128%2C35.2l16.5%2C23.7h-17.2l-9-14.9l-4.6%2C4.3v10.5H100.6z%20M51.8%2C20.1l-5%2C26.4l-6.4-26.4h-6h-0.3h-2.7h-0.3h-6l-6.4%2C26.4l-5-26.4H0l10.1%2C38.8h17.7l5-20.4l5%2C20.4h17.7l10.1-38.8H51.8z%20M217.1%2C47.5l0.7%2C11.3h-12.1l-0.9-4.2c-2.8%2C2.9-6.2%2C5.4-12.3%2C5.4c-11%2C0-17-7.1-17-20.6c0-13.5%2C6-20.6%2C17-20.6c6.1%2C0%2C9.5%2C2.4%2C12.3%2C5.4l0.9-4.2h12.1l-0.7%2C11.3V47.5z%20M203.9%2C34.4c-1.7-2.2-4.3-3.7-7.8-3.7c-4%2C0-7.1%2C2.6-7.1%2C8.7c0%2C6.1%2C3.2%2C8.7%2C7.1%2C8.7c3.5%2C0%2C6.1-1.5%2C7.8-3.7V34.4zM79.8%2C0.2c-4.2%2C0-7.6%2C3.4-7.6%2C7.6c0%2C4.2%2C3.4%2C7.6%2C7.6%2C7.6c4.2%2C0%2C7.6-3.4%2C7.6-7.6C87.4%2C3.6%2C84%2C0.2%2C79.8%2C0.2%20M91.2%2C27.8v-8.3h-5.7H72.2v13.4v12.5v13.1v0.3h19v-8.2h-5.9V27.8H91.2z%20M153.7%2C7.8c0%2C4.2%2C3.4%2C7.6%2C7.6%2C7.6c4.2%2C0%2C7.6-3.4%2C7.6-7.6c0-4.2-3.4-7.6-7.6-7.6C157.1%2C0.2%2C153.7%2C3.6%2C153.7%2C7.8%20M155.8%2C27.8v22.8h-5.9v8.2h19v-0.3V45.4V32.9V19.5h-13.2h-5.7v8.3H155.8z%22%20fill%3D%22rgb%289%2C%2035%2C%2068%29%22%2F%3E%0A%3C%2Fsvg%3E"); background-position: center; background-repeat: no-repeat } .WikiaBlogPostHeader { background: none; border-bottom: 1px solid #686f61 } .WikiaBlogPostHeader .commentslikes { bottom: 10px; position: absolute; right: 0 } .WikiaBlogPostHeader .author-details { zoom: 1; *display: inline; padding: 8px 0 } .WikiaBlogPostHeader .author-details:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .WikiaBlogPostHeader .author-details .avatar { float: left; margin-right: 5px } .WikiaBlogPostHeader .author-details .post-author { font-weight: bold } .WikiaBlogPostHeader .author-details a { color: #97ad83 } .WikiaBlogListingHeader { padding-bottom: 25px } .skin-oasis #wk_blogs_article { display: none } .skin-oasis .WikiaBlogListing { display: block !important } .wk_blogs_panel { display: none } .WikiaBlogListing ul { list-style: none; margin: 0; padding: 0 10px } .WikiaBlogListing h2 { border: 0; font-size: 22px; margin: 0 90px 0 0 } .WikiaBlogListing .WikiaBlogListingPost { border-bottom: 1px solid #686f61; padding: 20px 0 } .WikiaBlogListing .commentslikes { position: absolute; right: 10px; top: 20px } .WikiaBlogListing .avatar { border: 1px solid #686f61; float: left } .WikiaBlogListing .author-details { zoom: 1; margin: 0 0 10px 63px } .WikiaBlogListing .author-details:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .WikiaBlogListing .author-details span { display: block } .WikiaBlogListing .author-details span a, .WikiaBlogListing .author-details span a:visited { font-weight: bold } .WikiaBlogListing p { margin: 0 } .WikiaBlogListing p .read-more { margin: 0 20px } .WikiaBlogListingPost { padding-bottom: 0; position: relative } .WikiaBlogListingPost .commentslikes a:hover { text-decoration: none } .WikiaBlogListingPost:last-child { border: 0 } .WikiaBlogListingBox { display: block !important; line-height: 16px } .WikiaBlogListingBox .wikia-button { float: right; margin-top: -1px; padding: 0 5px } .WikiaBlogListingBox .wikia-button a { color: white } .WikiaBlogListingBox .commentslikes { bottom: 16px; position: absolute; right: 0 } .WikiaBlogListingBox .commentslikes a { font-weight: normal } .WikiaBlogListingBox ul { margin: 15px 0 0 } .WikiaBlogListingBox ul h3 { margin-bottom: 0 !important } .WikiaBlogListingBox ul .WikiaBlogListingPost { zoom: 1; border-top: solid 1px #686f61; list-style: none; padding: 10px 0; position: relative } .WikiaBlogListingBox ul .WikiaBlogListingPost:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .WikiaBlogListingBox ul .WikiaBlogListingPost:first-child { border: 0 } .WikiaBlogListingBox ul .WikiaBlogListingPost h2, .WikiaBlogListingBox ul .WikiaBlogListingPost details span, .WikiaBlogListingBox ul .WikiaBlogListingPost .author-details span { padding-left: 0 } .WikiaBlogListingBox ul .WikiaBlogListingPost h2 { font-weight: bold; margin: 0 } .WikiaBlogListingBox ul .WikiaBlogListingPost .author-details { margin-left: 35px } .WikiaBlogListingBox img { vertical-align: middle } .WikiaBlogListingBox h2 { padding-bottom: 0 } .WikiaBlogListingBox h2 a { font-size: 12px } .WikiaBlogListingBox h3 { font-size: 17px; font-weight: bold; line-height: 17px; margin-left: 0 } .WikiaBlogListingBox .reload { display: inline-block; position: relative; top: -2px } .WikiaBlogListingBox .avatar { float: left; height: 25px; margin-right: 1px; margin-top: 3px; width: 25px } .WikiaBlogListingBox details span, .WikiaBlogListingBox details a, .WikiaBlogListingBox .author-details span, .WikiaBlogListingBox .author-details a { font-size: 10px } .WikiaBlogListingBox .post-summary { zoom: 1; clear: both; overflow: hidden; padding-top: 7px; padding-bottom: 19px } .WikiaBlogListingBox .post-summary:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .WikiaBlogListingBox .post-summary .read-more a { font-size: 11px } .WikiaBlogListingBox .post-summary p { line-height: 21px } .WikiaArticle .WikiaBlogListingBox ul { border: 1px solid #686f61; padding: 0 8px 8px } .categoryCloudSection { border: 1px solid lightgray; padding: 15px } .wpCategoryTextarea { display: none } #wpCategoryInput, #wpCategoryButton { margin: 4px 2px 0 } .matches-info { color: #060; font-style: italic; margin-right: 1em } #blogPostForm div.formErrors { color: red; font-size: 120% } .CategorySelect.articlePage { background-image: none; background-color: transparent; line-height: normal; margin: 10px 0 10px 0; padding: 0; position: relative } .CategorySelect.articlePage.editMode { margin-bottom: 6px } .CategorySelect.articlePage.editMode .add { display: none } .CategorySelect.articlePage.editMode .input { display: inline-block } .CategorySelect.articlePage.editMode .input::-ms-clear { display: none } .CategorySelect.articlePage.editMode>.toolbar { display: block } .CategorySelect.articlePage .add { background-image: none; background-color: #495242 } .CategorySelect.articlePage .categories { margin: 0; overflow: hidden; padding: 0 } .CategorySelect.articlePage .categories.showHidden .category.hidden { display: block } .CategorySelect.articlePage .category, .CategorySelect.articlePage .last, .CategorySelect.articlePage .placeholder { float: left; display: block; margin: 0 6px 6px 0 } .CategorySelect.articlePage .category { border-right: 1px solid #686f61; margin-top: 3px; padding-right: 6px } .CategorySelect.articlePage .category.hidden { display: none } .CategorySelect.articlePage .category.new { margin-top: 0; margin-bottom: 3px } .CategorySelect.articlePage .category.new .name { cursor: move } .CategorySelect.articlePage .category.new .toolbar { display: inline-block } .CategorySelect.articlePage .category:last-child { border-right: 0 } .CategorySelect.articlePage .container { zoom: 1; padding: 10px 20px 4px 20px } .CategorySelect.articlePage .container:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .CategorySelect.articlePage .input { background-color: #424b3a; border: 0; color: #D5D4D4; display: none; font-size: 12px; margin: 3px 0; outline: none; padding: 0; width: 245px } .CategorySelect.articlePage .category.new, .CategorySelect.articlePage .placeholder { background-color: #495242; border: 1px solid #686f61; border-radius: 4px; padding: 2px 6px; margin-top: 0 } .CategorySelect.articlePage .placeholder { opacity: .35 } .CategorySelect.articlePage .special-categories { float: left; padding: 3px 0; margin-right: 6px } .CategorySelect.articlePage .sprite-small { vertical-align: text-top } .CategorySelect.articlePage .tool { border-left: 1px solid #686f61; cursor: pointer; display: inline-block; margin-left: 6px; padding-left: 6px } .CategorySelect.articlePage .tool:first-child { border-left: 0; padding-left: 0 } .CategorySelect.articlePage .tool.delete { background-position: -1191px -18px } .CategorySelect.articlePage .toolbar { display: none } .CategorySelect.articlePage>.toolbar { background-color: #495242; border-top: 1px solid #686f61; padding: 6px 10px; text-align: right } .CategorySelect.articlePage>.toolbar .wikia-button { margin-left: 6px } #categorySelectEditModal .WikiaForm { zoom: 1 } #categorySelectEditModal .WikiaForm:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } #categorySelectEditModal .WikiaForm input, #categorySelectEditModal .WikiaForm .input-group { box-sizing: border-box; width: 100% } .RelatedPagesModule { clear: both } .RelatedPagesModule h2 { border-bottom: solid 1px #686f61; font-size: 18px; margin-top: 30px; overflow: hidden } .RelatedPagesModule ul { zoom: 1; list-style: none; margin: 5px 0 15px; text-align: center } .RelatedPagesModule ul:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .RelatedPagesModule li { display: inline-block; line-height: 1.4em; max-width: 200px; padding: 0; position: relative; text-align: left; width: 30% } .RelatedPagesModule li:first-child { margin-left: 0; float: left } .RelatedPagesModule li:last-child { float: right } .RelatedPagesModule li img { width: 200px; height: 100px; display: inline-block } .RelatedPagesModule a:hover { text-decoration: none } .RelatedPagesModule .articleSnippet { height: 100px; overflow: hidden; width: 190px; color: #D5D4D4 } .RelatedPagesModule .articleSnippet:before { content: '\201C'; font-size: 70px; left: 0; position: absolute; top: 25px } .RelatedPagesModule .articleSnippet p { font-size: 16px; height: 80px; line-height: 1.25em; margin-left: 35px; overflow: hidden; padding: 0 } .RelatedPagesModule .more { display: block; margin: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .RelatedPagesModule .more:hover { text-decoration: underline } #WikiaArticle .RelatedPagesModule { margin: 0 } img.lzyPlcHld { opacity: 0 } img.lzyLoaded { opacity: 1 } img.lzyTrns { transition: opacity 300ms ease-out; -webkit-transition: opacity 300ms ease-out } .UserLoginModal { height: 400px; opacity: 0 } .UserLogin.ChangePassword .username { font-size: 14px; font-weight: bold } .WikiaForm>fieldset { border: 0; margin: 0; padding: 0 } .WikiaForm .input-group { clear: both; float: left; font-size: 13px; line-height: 13px; margin-bottom: 5px; padding: 5px 7px } .WikiaForm .input-group [type='text'], .WikiaForm .input-group [type='url'], .WikiaForm .input-group [type='password'], .WikiaForm .input-group [type='email'], .WikiaForm .input-group textarea { box-shadow: inset 1px 1px 1px 0 #555d4e; background-color: #485040; border: 1px solid #686f61; color: #D5D4D4; font-family: "Lucida Grande", sans-serif; font-size: 13px; margin: 0; padding: 8px; -webkit-appearance: textfield } .WikiaForm .input-group [type='text']:focus, .WikiaForm .input-group [type='url']:focus, .WikiaForm .input-group [type='password']:focus, .WikiaForm .input-group [type='email']:focus, .WikiaForm .input-group textarea:focus { background-color: #4d5646 } .WikiaForm .input-group [type='text']::-webkit-input-placeholder, .WikiaForm .input-group [type='text']:-moz-placeholder, .WikiaForm .input-group [type='text'].placeholder, .WikiaForm .input-group [type='url']::-webkit-input-placeholder, .WikiaForm .input-group [type='url']:-moz-placeholder, .WikiaForm .input-group [type='url'].placeholder, .WikiaForm .input-group [type='password']::-webkit-input-placeholder, .WikiaForm .input-group [type='password']:-moz-placeholder, .WikiaForm .input-group [type='password'].placeholder, .WikiaForm .input-group [type='email']::-webkit-input-placeholder, .WikiaForm .input-group [type='email']:-moz-placeholder, .WikiaForm .input-group [type='email'].placeholder, .WikiaForm .input-group textarea::-webkit-input-placeholder, .WikiaForm .input-group textarea:-moz-placeholder, .WikiaForm .input-group textarea.placeholder { color: #8c9087 } .WikiaForm .input-group [type='text'].error, .WikiaForm .input-group [type='url'].error, .WikiaForm .input-group [type='password'].error, .WikiaForm .input-group [type='email'].error, .WikiaForm .input-group textarea.error { border: 2px solid #f33 } .WikiaForm .input-group label { display: block; line-height: 15px; margin: 0 0 5px } .WikiaForm .input-group label .sprite { margin: -4px 0 0 3px } .WikiaForm .input-group strong { font-weight: bold } .WikiaForm .input-group.error, .WikiaForm .input-group.success { border-radius: 3px; background-color: #5e6658 } .WikiaForm .input-group.error .error-msg, .WikiaForm .input-group.success .error-msg { color: #aa1111; font-size: 11px; margin-top: 5px } .WikiaForm .input-group.error .success-msg, .WikiaForm .input-group.success .success-msg { color: #b5e3b5; font-size: 11px; margin-top: 5px } .WikiaForm .input-group.error label { color: #aa1111 } .WikiaForm .input-group.general-errors .error-msg { margin-top: 0 } .WikiaForm .spacer { clear: both } .WikiaForm [type='submit'].link { background: none; border: 0; border-radius: 0; color: #97ad83; line-height: 13px; padding: 0 } .WikiaForm [type='submit'].link:hover { text-decoration: underline } .WikiaForm .submits { padding: 0 7px } .tooltip-icon-wrapper { align-items: center; display: inline-flex } .tooltip-icon { background-color: #4b5643; border-radius: 6px; color: white; cursor: default; display: inline-block; font-size: 10px; height: 12px; line-height: 12px; margin: 0 3px; text-align: center; width: 12px } #WikiaNotifications { z-index: 5000100; bottom: 38px; right: 16px; position: fixed; transition: all 200ms ease-in 200ms; -webkit-transition: all 200ms ease-in 200ms } #WikiaNotifications.hidden { bottom: 7px; right: 16px; transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in } .WikiaBarWrapper { bottom: 0; height: 25px; padding: 0; position: fixed; width: 100%; z-index: 5000100; box-shadow: 0 0 10px 0 #000; transition: all 200ms ease-in 200ms; -webkit-transition: all 200ms ease-in 200ms } .WikiaBarWrapper.hidden { bottom: -25px; z-index: -1; transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in } .WikiaBarWrapper.hidden .ad { opacity: 0; transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in } .WikiaBarWrapper .wikia-bar { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQIW2PglJATAeH///8zgDADhgCMAZPAEAAAkMkagYeWS7IAAAAASUVORK5CYII="); height: 25px; margin: auto; text-align: center } .WikiaBarWrapper .wikia-bar .ad { bottom: 0; float: left; left: 0; margin: 0 5px; position: fixed; width: 320px; transition: all 200ms ease-in 200ms; -webkit-transition: all 200ms ease-in 200ms } .WikiaBarWrapper .wikia-bar .ad iframe { display: block } .WikiaBarWrapper .wikia-bar .wikiabar-button { background-color: #303030; border: 1px solid #231f20; color: #fff; display: inline-block; float: left; font-size: 11px; height: 16px; line-height: 15px; margin: 0 3px 2px 0; padding: 4px 5px 3px 5px } .WikiaBarWrapper .wikia-bar .wikiabar-button img { float: left; height: 14px; margin-right: 5px } .WikiaBarWrapper .wikia-bar .wikiabar-button span { float: right } .WikiaBarWrapper .wikia-bar .message { float: right; font-family: helvetica; font-size: 11px; height: 25px; margin: 0 24px 0 50px; padding: 5px 5px 0 0; text-align: right; white-space: nowrap; width: 420px } .WikiaBarWrapper .wikia-bar .message a { color: #fff; text-decoration: none } .WikiaBarWrapper .wikia-bar-anon { padding-left: 330px } .WikiaBarWrapper .toolbar { background: transparent; border: 0; margin: 0 auto; padding: 3px 0 0 0; position: relative; text-align: left; width: 100% } .WikiaBarWrapper .arrow { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAMAAAC+Ge+yAAAAaVBMVEX///8AAAAAAAAAAAD////9/f0AAAAAAAAAAABfX1/////6+vp+fn7////////9/f3///+bm5v///////////99fX319fX////8/Pz8/Pz///+5ubn9/f2dnZ38/Py4uLj///8AAAC2traxXVsaAAAAI3RSTlMAAAgNGLwSBxlKPrhXK1O2HGUCITZWFrC+thByu2S9cwUGc9YpLywAAABKSURBVHheHcZFAoQwAMDA1KijLqv/fySUXCaIQdyNPdoEqLcZm96hjv4HKq3RS+CrJi930EurZD419mjabF4W3KcxXQXg/sXniheVvgMct5vtUQAAAABJRU5ErkJggg=="); background-position: center; background-repeat: no-repeat; bottom: 0; display: block; height: 25px; position: absolute; right: 0; width: 24px; z-index: 5000100 } .WikiaBarCollapseWrapper { background-color: #1a2116; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAMAAAC+Ge+yAAAAaVBMVEX///8AAAD9/f0AAABfX18AAAAAAAAAAAAAAAD///+bm5v////////9/f3///9+fn76+vr///+5ubmdnZ38/Pz////////8/Px9fX22trb///////////8AAAD9/f3////8/Pz19fW4uLiiuVJdAAAAI3RSTlMAALwHSg0ZEggYZRxTtj5XuCtyZL0FIbZWczawAga7EL4Wc3ouNVsAAABMSURBVAjXHcrHAYAgAATBIwqSzVm0/yJF9jWPBQDZoCbXtkq+jv5inTOJ9gx6N0KlSwOjWLi6yyNCjlyVJwzeRn5CUw/Y+QGZSGk7PnfoAxxXlxFPAAAAAElFTkSuQmCC"); background-position: center; background-repeat: no-repeat; bottom: 0; position: fixed; right: 0; z-index: 5000100; box-shadow: 0 0 10px 0 #000; transition: all 200ms ease-in 200ms; -webkit-transition: all 200ms ease-in 200ms } .WikiaBarCollapseWrapper.hidden { bottom: -25px; transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in } .WikiaBarCollapseWrapper .wikia-bar-collapse { display: block; float: right; height: 25px; width: 23px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQIW2PglJATAeH///8zgDADhgCMAZPAEAAAkMkagYeWS7IAAAAASUVORK5CYII=") } .popover.wikiaBar .arrow, .popover.wikiaBarMessage .arrow { border-left: 10px solid transparent; border-top: 4px solid #424b3a; border-right: 10px solid transparent; bottom: 2px; margin-left: -5px; right: 5px } .popover.wikiaBar .popover-inner, .popover.wikiaBarMessage .popover-inner { float: right } .popover.wikiaBarMessage .arrow { right: 30px } .popover.wikiaBarMessage .popover-inner { margin-right: 25px } body.nowikiabar { padding-bottom: 0 } body.wikia-bar-visible { padding-bottom: 25px } .WikiaBarWrapper .wikia-bar { margin: auto } @media only screen and (max-width:1083px) { .WikiaBarWrapper .wikia-bar { width: 770px } } @media only screen and (min-width:1024px) and (max-width:1083px) { .WikiaBarWrapper .wikia-bar { width: 1006px } } @media only screen and (min-width:1084px) and (max-width:1595px) { .WikiaBarWrapper .wikia-bar { width: 1066px } } @media only screen and (min-width:1596px) { .WikiaBarWrapper .wikia-bar { width: 1240px } } .ve .WikiaBarWrapper, .ve .WikiaBarCollapseWrapper { z-index: 5000102 } .UserStatsMenu { background: #424b3a; display: none; font-size: 12px } .UserStatsMenu .info { zoom: 1; background: #535f49; line-height: 15px; padding: 5px; position: relative } .UserStatsMenu .info:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .UserStatsMenu .info img { border: 1px solid #686f61; float: left } .UserStatsMenu .info ul { list-style: none; margin: 0; margin-left: 32px } .UserStatsMenu .info ul li { line-height: 15px; margin: 0; overflow: hidden; white-space: nowrap } .UserStatsMenu .info ul .username { font-size: 13px; font-weight: bold; margin-bottom: 2px } .UserStatsMenu .actions ul { list-style: none; margin: 5px 0 } .UserStatsMenu .actions ul li { color: #97ad83; margin: 0; padding: 5px 10px; line-height: 16px; white-space: nowrap } .UserStatsMenu .actions ul li a { color: #97ad83; display: block } .UserStatsMenu .actions ul li a:hover { text-decoration: none } .UserStatsMenu .actions ul li .label { padding-left: 5px } .UserStatsMenu .actions ul li:hover { background-color: #535f49 } .UserStatsMenu .actions ul li.private { cursor: pointer } .UserStatsMenu .actions ul li svg { display: inline-block; vertical-align: middle } .UserStatsMenu .actions .separator { margin: 5px; border: 0; border-top: #686f61 1px solid } .popover .UserStatsMenu { display: block } .ChatWindow .UserStatsMenu { box-shadow: 0 0 12px 0 #2e3529; border: 3px solid #2e3529; position: absolute; z-index: 100 } .chat-join button .icon { display: inline-block; height: 17px; margin-right: 5px; vertical-align: middle; width: 17px } .chat-join button .icon svg { fill: #fff } .WikiaRail .chat-module .chat-contents, .chat-module.ChatWidget .chat-contents { position: relative } .WikiaRail .chat-module .chat-contents.chat-room-empty .wds-avatar, .chat-module.ChatWidget .chat-contents.chat-room-empty .wds-avatar { opacity: .65 } .WikiaRail .chat-module .chat-details, .chat-module.ChatWidget .chat-details { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .WikiaRail .chat-module .chat-details .avatars, .chat-module.ChatWidget .chat-details .avatars { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack { margin: 0; max-width: 120px } .WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack a, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack a { height: 32px } .WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar { height: 32px; min-width: 32px; width: 32px } .WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar a, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar a { color: #686f61 } .WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar a:hover, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar a:hover { color: #686f61 } .WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar .wds-avatar__image, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar .wds-avatar__image { background-color: #fff; border: solid 2px #686f61; fill: #686f61 } .WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar .wds-avatar__image:hover, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar .wds-avatar__image:hover { border-color: #686f61; fill: #686f61 } .WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar .wds-avatar__inner-border:hover+.wds-avatar__image, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar .wds-avatar__inner-border:hover+.wds-avatar__image { fill: #686f61; border-color: #686f61 } .WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar .wds-avatar__inner-border, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar .wds-avatar__inner-border { height: 28px; min-width: 28px; width: 28px; border: solid 2px #fff; left: 2px; top: 2px } .WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar .wds-avatar__badge, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar .wds-avatar__badge { height: 16.1248px; min-width: 16.1248px; width: 16.1248px; left: -4.60709px; top: -6.44992px } .WikiaRail .chat-module .chat-details .avatars .more-users-count, .chat-module.ChatWidget .chat-details .avatars .more-users-count { font-weight: bold; margin-left: 6px } .WikiaRail .chat-module .chat-details .avatars .more-users-count:hover, .chat-module.ChatWidget .chat-details .avatars .more-users-count:hover { color: rgba(151, 173, 131, 0.75); text-decoration: none } .WikiaRail .chat-module .more, .chat-module.ChatWidget .more { font-size: 12px; font-weight: normal; margin-top: 16px } .WikiaRail .chat-module .chat-join, .chat-module.ChatWidget .chat-join { position: absolute; top: 0; right: 0 } .ChatWidget { zoom: 1; margin: 0 auto 30px; position: relative; width: 300px; word-wrap: break-word } .ChatWidget:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .main-page-tag-lcs .ChatWidget, .main-page-tag-rcs .ChatWidget { display: block; width: auto } .ChatWidget h2.chat-headline { margin-bottom: 16px; font-size: 16px; font-weight: bold; padding-left: 2px } .ChatWidget .more { line-height: 16px } .ChatWidget .more-users-count { font-size: 12px } .ChatWidget .wds-button { color: #fff; background: none } .ChatWidget .wds-button:not(.wds-is-text):not(.wds-is-secondary) { background-color: #4b5643 } .ChatWidget .wds-button:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .ChatWidget .wds-button:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .ChatWidget .wds-button:not(.wds-is-text):not(.wds-is-secondary):active, .ChatWidget .wds-button:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { background-color: #7d8f70; border-color: #7d8f70 } .ChatWidget .wds-button:not(.wds-is-text) { border-color: #4b5643 } .ChatWidget .wds-button.wds-is-secondary { border-color: #4b5643; color: #4b5643 } .ChatWidget .wds-button.wds-is-secondary:focus:not(:disabled), .ChatWidget .wds-button.wds-is-secondary:hover:not(:disabled), .ChatWidget .wds-button.wds-is-secondary:active, .ChatWidget .wds-button.wds-is-secondary.wds-is-active { border-color: #7d8f70; color: #7d8f70 } .ChatWidget .wds-button.wds-is-text { color: #4b5643 } .ChatWidget .wds-button.wds-is-text:focus:not(:disabled), .ChatWidget .wds-button.wds-is-text:hover:not(:disabled), .ChatWidget .wds-button.wds-is-text:active, .ChatWidget .wds-button.wds-is-text.wds-is-active { color: #7d8f70 } .ChatWidget .wds-button.wds-is-secondary { margin-left: 12px; padding-left: 16px; padding-right: 16px } .ChatModuleUninitialized .chat-contents { visibility: hidden } .RelatedForumDiscussion { clear: both; font-size: 12px; line-height: 16px; } .RelatedForumDiscussion h4 { font-weight: bold; margin: 0 } .RelatedForumDiscussion ul { margin: 0 } .RelatedForumDiscussion ul li { list-style: none; margin: 0; padding: 0 } .RelatedForumDiscussion h2 { margin-bottom: 0; padding-top: 3px; line-height: 21px } .RelatedForumDiscussion h2 .forum-new-post { float: right; position: relative; top: -3px } .RelatedForumDiscussion .forum-discussions .forum-thread { border-bottom: dotted 1px #686f61; line-height: 16px; padding: 15px 0 15px 40px; position: relative } .RelatedForumDiscussion .forum-discussions .forum-thread .forum-total-replies { color: #a1a59d; margin-top: 4px } .RelatedForumDiscussion .forum-discussions .forum-thread .talk-two { left: 0; position: absolute; top: 12px } .RelatedForumDiscussion .forum-message-body p { display: inline } .RelatedForumDiscussion .forum-replies .forum-reply { margin-top: 10px; padding-left: 40px; position: relative } .RelatedForumDiscussion .forum-replies .forum-reply .forum-timestamp { color: #a1a59d; margin-left: 1em } .RelatedForumDiscussion .forum-replies .forum-reply .forum-user-avatar { border: 1px solid #686f61; height: 30px; left: 0; position: absolute; top: 3px; width: 30px } .RelatedForumDiscussion .forum-see-more { margin-top: 5px; text-align: right } .RelatedForumDiscussion .forum-user-name { font-weight: bold } nav.toc { display: table; position: relative } nav.toc>div { padding: 2px } nav.toc h2 { padding-right: 5px } nav.toc ol { counter-reset: item } nav.toc>ol { display: none; margin: 0 } nav.toc.show>ol { display: block } nav.toc li { display: block } nav.toc li:before { content: counters(item, ".") " "; counter-increment: item } .ve .media-gallery-wrapper .media { transition: none } .ve .media-gallery-wrapper .more { display: none } .media-gallery-caption .ve-ce-generated-wrapper { display: inline; margin: 0 } .media-gallery-wrapper { margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; width: 100%; zoom: 1; margin: 0 -2.5px; padding: 1px; width: auto; } .media-gallery-wrapper:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .media-gallery-wrapper:after { clear: none } .media-gallery-wrapper .media { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 1.25em; padding-right: 1.25em; width: 25%; display: inline-block; position: relative; transition: all 1s ease-in-out } .media-gallery-wrapper .media img { outline: 1px solid #555d4e; width: 100% } .media-gallery-wrapper .media.hidden { display: none; opacity: 0 } .media-gallery-wrapper .media.fade { opacity: 0; transition-duration: .5s } .media-gallery-wrapper.count-1 .media { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 1.25em; padding-right: 1.25em; width: 50%; margin-left: 25% } .media-gallery-wrapper.count-2 .media { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 1.25em; padding-right: 1.25em; width: 50% } .media-gallery-wrapper.count-3 .media { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 1.25em; padding-right: 1.25em; width: 33.33333% } .media-gallery-wrapper.count-4 .media { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 1.25em; padding-right: 1.25em; width: 25% } .media-gallery-wrapper.count-5 .media { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 1.25em; padding-right: 1.25em; width: 50%; float: left } .media-gallery-wrapper.count-5 .media:nth-child(n+2) { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 1.25em; padding-right: 1.25em; width: 25% } .media-gallery-wrapper.count-6 .media { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 1.25em; padding-right: 1.25em; width: 33.33333% } .media-gallery-wrapper.count-7 .media { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 1.25em; padding-right: 1.25em; width: 33.33333% } .media-gallery-wrapper.count-7 .media:nth-child(n+4) { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 1.25em; padding-right: 1.25em; width: 25% } .media-gallery-wrapper[class*="count-"] .media:nth-child(n) { padding: 2.5px } .media-gallery-wrapper .toggler { margin-left: -2.5px; padding: .5em; text-align: center } .media-gallery-wrapper .toggler button { margin-left: 5px; outline: none; position: relative } .media-gallery-wrapper .toggler button.hidden { display: none } .media-gallery-wrapper .media-gallery-caption { background-color: #000; background-color: rgba(0, 0, 0, 0.6); bottom: 2.5px; color: #fff; font-size: 12px; left: 2.5px; line-height: 18px; margin-top: -38.5px; overflow: hidden; padding: 9px; position: absolute; right: 2.5px; top: 100%; transition: all 400ms linear } .media-gallery-wrapper .media-gallery-caption a { color: #b3b3b3 } .media-gallery-wrapper .media-gallery-caption .inner { max-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .media-gallery-wrapper .media-gallery-caption.hovered .inner { max-height: none; white-space: normal } .media-gallery-wrapper .media-gallery-caption.scroll { overflow: auto } .media-gallery-wrapper .add-image { display: none; float: right; margin-right: 2.6px } .media-gallery-inner { overflow: hidden } h2+.media-gallery-wrapper .add-image { margin-top: -2.55em } .page-share-modal-dialog section { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .page-share-modal-dialog footer { display: none } .page-share-toolbar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .page-share-toolbar li:not(:last-child) { margin-right: 6px } #CreatePageDialogHeader { margin-bottom: 20px } #CreatePageDialogSub { font-weight: bold; margin-bottom: 8px } #CreatePageDialogChoose { font-weight: bold; margin-bottom: 8px; margin-top: 10px } #CreatePageDialogChoices { list-style-type: none; margin: 0 0 8px; overflow-x: hidden; overflow-y: auto } #CreatePageDialogChoices .accent { border-radius: 10px } #CreatePageDialogChoices .long { margin-bottom: 5px; min-height: 87px; text-align: left; width: 100% } #CreatePageDialogChoices .long div { margin-left: 88px; margin-top: 0; padding: 12px 0 0 } #CreatePageDialogChoices .long div span { font-size: 14px } #CreatePageDialogChoices .long img { float: left; margin-left: 6px; margin-top: 10px; width: 55px } #CreatePageDialogChoices .long input { border-top-width: 7px; float: left; margin-top: 32px } #wpCreatePageDialogTitle { box-sizing: border-box; font-size: 14px; margin-bottom: 12px; max-width: 370px; padding: 6px 10px; width: 98% } #CreatePageContainer .chooser { float: left; margin-bottom: 12px; text-align: center; width: 48% } #CreatePageContainer div img { display: block; margin: 8px auto 0 } .chooser div { padding: 1em; width: 80% } #CreatePageDialogButton { clear: both } #CreatePageDialogInputSub, #CreatePageDialogTitleErrorMsg { margin-top: 8px } .CreatePageError { color: #f33; font-weight: bold } #CreatePageModalDialog section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; padding: 0 } #CreatePageModalDialog .create-page-dialog__proposals { background-color: rgba(85, 93, 78, 0.4) } #CreatePageModalDialog .create-page-dialog__form-container, #CreatePageModalDialog .create-page-dialog__proposals { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex-positive: 1; box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; padding: 20px } #CreatePageModalDialog .create-page-dialog__proposals-header { font-weight: bold; margin-bottom: 8px } #CreatePageModalDialog .create-page-dialog__proposals-list { box-sizing: border-box; padding: 0 12px } #CreatePageModalDialog .create-page-dialog__proposals-list li { float: left; padding: 5px 0; width: 50% } .auto-login-module-iframe { width: 0px; height: 0px; border: none } .wikia-rail { float: right; overflow: hidden; padding: 0 10px 10px 0; width: 300px } .wikia-rail h2 { padding-left: 0 } .wikia-rail .WikiaActivityModule { background-color: #555d4e; margin-bottom: 10px; padding: 20px; font-size: 12px; font-weight: bold } .wikia-rail .WikiaActivityModule a { color: #97ad83 } .wikia-rail .WikiaActivityModule a:hover { color: #97ad83; text-decoration: underline; text-shadow: initial } .wikia-rail .WikiaActivityModule em a { font-size: 16px; font-weight: bold; margin-top: 20px } .wikia-rail .WikiaActivityModule .edited-by { font-size: 12px; font-weight: normal; margin-top: 10px } .wikia-rail .WikiaActivityModule .edited-by a { font-size: 12px } .wikia-rail .WikiaActivityModule .more { float: right; font-size: 12px; font-weight: bold; margin-top: 30px; text-transform: uppercase } .wikia-rail .WikiaActivityModule .sprite { background-color: transparent; background-position: 0; background-repeat: no-repeat; position: absolute } .wikia-rail .WikiaActivityModule .sprite.edit { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2017.898438%2017.800781%22%20enable-background%3D%22new%200%200%2031%2031%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2217.898438%22%20height%3D%2217.800781%22%3E%0A%20%20%3Cpath%20d%3D%22m15.09961%200-2.201172%202.2011718%202.800781%202.7988278%202.199219-2.1992184zM11.699219%203.3007812%202.9999998%2012%205.7988278%2014.800782%2014.5%206.0996096ZM1.8984376%2013.201172%200%2017.800782%204.5996098%2016Z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); height: 20px; left: 5px; opacity: .6; top: 8px; width: 19px } .wikia-rail .WikiaActivityModule .sprite.new { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2030%2030%22%20style%3D%22enable-background%3Anew%200%200%2030%2030%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%233A3A3A%3B%22%20d%3D%22M4.5%2C19h8v1h-8V19z%20M4.5%2C16h8v1h-8V16z%20M4.5%2C13h8v1h-8V13z%0D%0A%09%09%20M4.5%2C10l8%2C0v1h-8V10z%20M2.5%2C23h12V7h-12V23z%22%2F%3E%0D%0A%09%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%233A3A3A%3B%22%20d%3D%22M17.5%2C10l8%2C0v1h-8V10z%20M17.5%2C13h8v1h-8V13z%20M17.5%2C16h8v1h-8V16%0D%0A%09%09z%20M17.5%2C19h5v1h-5V19z%20M15.5%2C23h12V7h-12V23z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A"); height: 27px; left: 0; opacity: .8; top: 2px; width: 27px } .wikia-rail .videos-module-rail { background-color: #555d4e; margin-bottom: 10px; padding: 20px; display: block } .wikia-rail .videos-module-rail h2 { font-size: 24px; font-weight: bold; margin-bottom: 16px } .wikia-rail .videos-module-rail .thumbnails a:first-of-type { color: #97ad83; margin-bottom: 0 } .wikia-rail .videos-module-rail .thumbnails a:first-of-type:hover { color: #97ad83; text-decoration: underline; text-shadow: initial } .wikia-rail .videos-module-rail .thumbnails .title { font-size: 12px; height: 40px; margin-top: 10px } .wikia-rail .videos-module-rail .thumbnails .title a { display: block; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .wikia-rail.new-chat .chat-module { background-color: #555d4e; margin-bottom: 10px; padding: 20px } .wikia-rail.new-chat .chat-module a:hover { text-decoration: none } .wikia-rail.new-chat .chat-module p { color: #9a9d96; font-size: 12px } .wikia-rail.new-chat .chat-module .avatar { background-position: 50%; border-radius: 50%; height: 30px; margin-right: 14px; width: 30px } .wikia-rail.new-chat .chat-module .avatar:hover { opacity: 1 } .wikia-rail.new-chat .chat-module .chat-join { height: 42px } .wikia-rail.new-chat .chat-module .chat-join button { background-image: none; border: 0; border-radius: 0; color: #FFF; text-transform: uppercase; height: 100% } .wikia-rail.new-chat .chat-module .chat-join button:before { display: none } .wikia-rail.new-chat .chat-module .chat-live { color: #D5D4D4; font-size: 18px; font-weight: bold } .wikia-rail.new-chat .chat-module .chat-total { background-color: #555d4e; border: 1px solid; border-radius: 50%; font-size: 10px; height: 12px; margin: -5px 0 0 3px; padding: 2px; text-align: center; width: 12px } .wikia-rail.new-chat .chat-module .chat-whos-here { border: 0; margin: 20px 0; padding: 0 } .wikia-rail.new-chat .chat-module .chat-whos-here .arrow-left { padding-left: 0 } .wikia-rail.new-chat .chat-module .chat-whos-here .arrow-left img { border-color: transparent; border-right-color: #97ad83 } .wikia-rail.new-chat .chat-module .chat-whos-here .arrow-right { padding-right: 0 } .wikia-rail.new-chat .chat-module .chat-whos-here .arrow-right img { border-color: transparent; border-left-color: #97ad83 } .wikia-rail.new-chat .chat-module .chat-whos-here .arrow-left.disabled, .wikia-rail.new-chat .chat-module .chat-whos-here .arrow-right.disabled { color: #5c6850; cursor: pointer; opacity: .5 } .wikia-rail.new-chat .chat-module .chat-whos-here .carousel-container { left: 16px; width: 220px } .wikia-rail.new-chat .chat-module .chat-whos-here .since, .wikia-rail.new-chat .chat-module .chat-whos-here .chatter { width: 30px } .UserStatsMenu .new-chat { outline: rgba(95, 102, 89, 0.3) solid 2px; width: 220px } .UserStatsMenu .new-chat .actions ul { margin: 0 } .UserStatsMenu .new-chat .actions ul li { border-bottom: #5f6659 solid thin; cursor: pointer; height: 24px; margin: 0; white-space: nowrap } .UserStatsMenu .new-chat .actions ul li .label { color: #c9ccc4; line-height: 44px; padding-left: 10px } .UserStatsMenu .new-chat .actions ul li:hover { background-color: #4b5643 } .UserStatsMenu .new-chat .info { background: #535f49; padding: 10px } .UserStatsMenu .new-chat .info ul .username { font-weight: bold; margin-bottom: 10px; text-transform: uppercase } @media print { * { overflow: visible !important } html, #WikiaPageBackground { background: #fff } .noprint, .wikia-ad, #globalNavigation, .wds-global-navigation-wrapper, .wds-community-header, .wds-global-footer, .page-header__contribution, .page-header__categories, #WikiaArticleFooter, #WikiaRail, #WikiaBar, #WikiaFooter, #WikiaSearch, #WikiaTopAds { display: none !important } .WikiaArticle .printfooter { display: block !important } .WikiaPageContentWrapper { display: block !important } #WikiaPage { background: #fff; border: none; padding: 0; margin: 0; width: auto } #WikiaMainContent { float: none; width: auto !important } #WikiaArticle { min-height: 1px !important; height: auto !important; overflow: visible !important } #WikiaArticle .thumbinner div { background: #fff; border: none } #WikiaArticle p { line-height: 1.8em; margin: 0.4em 0 0.5em !important } #WikiaArticle p+p { margin: 1em 0 !important } #articleCategories { background: #fff } } @media only screen and (max-width:1083px) { .WikiaPage { padding: 0 24px; width: 718px } } @media only screen and (min-width:1084px) and (max-width:1595px) { .WikiaPage { padding: 0 20px; width: 1024px } } @media only screen and (min-width:1596px) { .WikiaPage { padding: 0 30px; width: 1178px } } body { overflow-x: hidden; position: relative } @media only screen and (max-width:767px) { body { overflow-x: auto } } body.modalShown { overflow-y: auto } .WikiaMainContent { width: 100% } @media only screen and (min-width:1084px) { .WikiaMainContent { width: -webkit-calc(100% - 320px); width: calc(100% - 320px) } } .WikiaArticle { padding: 0 } .oasis-one-column .WikiaMainContent { width: 100% } @media only screen and (max-width:1083px) { .wikia-main-page-tag-lcs, .main-page-tag-lcs-exploded { width: 100% } .WikiaTopAds { width: 100% } } @media only screen and (min-width:1084px) { .wikia-main-page-tag-lcs, .main-page-tag-lcs-exploded { width: -webkit-calc(100% - 320px); width: calc(100% - 320px) } .main-page-tag-rcs, .rcs-container { width: 300px } } .WikiaRail, .main-page-tag-rcs { padding: 0 } @media only screen and (max-width:1023px) { .WikiaRail, .main-page-tag-rcs { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; clear: both; float: none; padding: 13px 10px 0; width: auto } .WikiaRail .module, .WikiaRail .admin-dashboard-module, .main-page-tag-rcs .module, .main-page-tag-rcs .admin-dashboard-module { box-sizing: border-box; display: inline-block; margin: 12px 8px; position: static; vertical-align: top; width: 330px } .WikiaRail .module .carousel-container, .WikiaRail .admin-dashboard-module .carousel-container, .main-page-tag-rcs .module .carousel-container, .main-page-tag-rcs .admin-dashboard-module .carousel-container { left: 0; margin: auto; width: 265px } .WikiaRail .rail-module, .main-page-tag-rcs .rail-module { display: inline-block; width: 330px } } @media only screen and (min-width:1024px) { .WikiaRail, .main-page-tag-rcs { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex } } @media only screen and (max-width:1083px) { .EditPage .cke_toolbar_widescreen .cke_button.cke_button_big>a { margin: 0 1px } .EditPageToolbar .cke_toolbar_widescreen .cke_toolbar_insert { padding: 0 } } .EditPage.editpage-visualwidemode .EditPageMain { width: 100% } .EditPage.editpage-sourcewidemode-off .EditPageMain { margin-right: -310px; padding: 0; width: 100% } .EditPage.editpage-sourcewidemode-off .EditPageMain .EditPageMainContainer { margin-right: 300px } .EditPageRail { width: 300px } .EditPageHeader>h2 { display: inline-block; float: left } @media only screen and (max-width:1083px) { .wds-banner-notification__container { width: 728px } .wds-banner-notification__container.float { margin-left: -364px } } @media only screen and (min-width:1024px) and (max-width:1083px) { .wds-banner-notification__container { width: 964px } .wds-banner-notification__container.float { margin-left: -482px } } @media only screen and (min-width:1084px) and (max-width:1595px) { .wds-banner-notification__container { width: 1024px } .wds-banner-notification__container.float { margin-left: -512px } } @media only screen and (min-width:1596px) { .wds-banner-notification__container { width: 1198px } .wds-banner-notification__container.float { margin-left: -599px } } @media only screen and (min-width:1024px) and (max-width:1083px) { .WikiaPage { padding: 0 10px; width: 984px } .wikia-main-page-tag-lcs, .main-page-tag-lcs-exploded, .WikiaMainContent { width: -webkit-calc(100% - 320px); width: calc(100% - 320px) } .main-page-tag-rcs { width: 300px } } @media only screen and (max-width:767px) { body { overflow: visible } } body.ve .WikiaSiteWrapper { pointer-events: none } body.ve .ve-ui-overlay { pointer-events: all } body.ve .WikiaMainContent { box-shadow: 0 0 0 1000vw rgba(0, 0, 0, 0.5); padding: 0; pointer-events: all; z-index: 5000100 } body.ve .ve-init-mw-viewPageTarget-toolbar { margin: 0 } body.ve .WikiaArticle { min-height: 0; padding: 0 10px } body.ve .WikiaArticleFooter, body.ve .CategorySelect.articlePage { border-color: rgba(0, 0, 0, 0.5); margin: 0; padding: 10px; pointer-events: none; position: relative } body.ve .WikiaArticleFooter::after, body.ve .CategorySelect.articlePage::after { background: rgba(0, 0, 0, 0.5); bottom: 0; content: ' '; display: block; left: 0; position: absolute; right: 0; top: 0 } @media only screen and (max-width:1595px) { .WikiaPage .WikiaArticle { font-size: 14px; line-height: 22px } .WikiaPage .WikiaArticle li { line-height: inherit } .WikiaPage h1, .WikiaPage .WikiaRail .module h3, .WikiaRail .module .WikiaPage h3 { font-size: 28px; line-height: 28px } .WikiaPage h2 { font-size: 20px; line-height: 22px } .WikiaPage h3 { font-size: 17px; line-height: 22px } .WikiaPage h4 { font-size: 15px; line-height: 22px } } @media only screen and (min-width:1596px) { .WikiaPage .WikiaArticle { font-size: 16px; line-height: 26px } .WikiaPage .WikiaArticle .infobox { font-size: 14px; line-height: 22px } .WikiaPage .WikiaArticle li { line-height: inherit } .WikiaPage h1, .WikiaPage .WikiaRail .module h3, .WikiaRail .module .WikiaPage h3 { font-size: 34px; line-height: 34px } .WikiaPage h2 { font-size: 28px; line-height: 30px } .WikiaPage h3 { font-size: 22px; line-height: 24px } .WikiaPage h4, .WikiaPage blockquote { font-size: 20px; line-height: 28px } } body.skin-oasis { background: #2e3529 url("https://vignette.wikia.nocookie.net/vcc/images/5/50/Wiki-background/revision/latest?cb=20180209170049") top left repeat; } body.skin-oasis.background-not-tiled { background-repeat: no-repeat } body.skin-oasis.background-fixed { background-attachment: fixed } body.background-dynamic.skin-oasis { background-color: #2e3529; background-image: none } body.background-dynamic.skin-oasis::after, body.background-dynamic.skin-oasis::before { background-color: transparent; background-image: url("https://vignette.wikia.nocookie.net/vcc/images/5/50/Wiki-background/revision/latest?cb=20180209170049"); background- background-repeat: no-repeat; content: ''; height: 512px; position: absolute; top: 0; width: 256px; z-index: 0 } body.background-dynamic.skin-oasis.background-fixed::after, body.background-dynamic.skin-oasis.background-fixed::before { position: fixed } body.background-dynamic.skin-oasis::after { background-position: -256px 0; margin-right: -256px; right: 50% } body.background-dynamic.skin-oasis::before { left: 50%; margin-left: -256px } body.background-dynamic.skin-oasis .background-image-gradient { background: #bacdd8; left: 50%; z-index: 1 } body.background-dynamic.skin-oasis .background-image-gradient, body.background-dynamic.skin-oasis .background-image-gradient::before, body.background-dynamic.skin-oasis .background-image-gradient::after { content: ''; height: 100%; position: fixed; top: 0 } body.background-dynamic.skin-oasis .background-image-gradient::before, body.background-dynamic.skin-oasis .background-image-gradient::after { width: 40px } body.background-dynamic.skin-oasis .background-image-gradient::after { background: rgba(186, 205, 216, 0) linear-gradient(to left, rgba(186, 205, 216, 0) 0%, #bacdd8 100%); right: -webkit-calc(50% - 40px); right: calc(50% - 40px) } body.background-dynamic.skin-oasis .background-image-gradient::before { background: rgba(186, 205, 216, 0) linear-gradient(to right, rgba(186, 205, 216, 0) 0%, #bacdd8 100%); left: -webkit-calc(50% - 40px); left: calc(50% - 40px) } body.background-dynamic.skin-oasis .background-image-gradient.no-gradients::before, body.background-dynamic.skin-oasis .background-image-gradient.no-gradients::after { display: none } @media only screen and (max-width:1083px) { body.skin-oasis { background-image: none } body.skin-oasis::after, body.skin-oasis::before { display: none } body.skin-oasis .background-image-gradient { display: none } } @media screen and (min-width:1596px) { body.background-dynamic.skin-oasis::after, body.background-dynamic.skin-oasis::before { width: 256px } body.background-dynamic.skin-oasis:after { background-position: -256px 0; margin-right: -343px; right: 50% } body.background-dynamic.skin-oasis::before { background-position: 0; left: 50%; margin-left: -343px } body.background-dynamic.skin-oasis .background-image-gradient { margin-left: -87px; width: 174px } body.background-dynamic.skin-oasis .background-image-gradient::after { right: -webkit-calc(50% - 127px); right: calc(50% - 127px) } body.background-dynamic.skin-oasis .background-image-gradient::before { left: -webkit-calc(50% - 127px); left: calc(50% - 127px) } } body.skin-oasis.uap-skin { background-color: #4d5349; background-image: none } body.skin-oasis.uap-skin .background-image-gradient { display: none } body.skin-oasis.uap-skin::before, body.skin-oasis.uap-skin::after { content: none } /* extensions/wikia/DesignSystem/styles/design-system.scss */ .wds-midlight-aqua, .wds-midlight-navy { -webkit-box-decoration-break: clone; box-decoration-break: clone; display: inline; padding-left: 3px; padding-right: 3px } .wds-avatar a, .wds-avatar__badge svg, .wds-avatar__image { height: 100%; width: 100% } .wds-button .wds-icon, .wds-button:disabled, .wds-input__label, .wds-is-disabled, .wds-search-is-active .wds-global-navigation__search-toggle { pointer-events: none } .wds-font-weight-light { font-weight: 300 } .wds-font-weight-normal { font-weight: 400 } .wds-font-weight-medium { font-weight: 500 } .wds-font-weight-bold { font-weight: 700 } .wds-font-weight-black { font-weight: 900 } .wds-font-style-italic { font-style: italic } .wds-font-style-normal { font-style: normal } .wds-text-transform-capitalize { text-transform: capitalize } .wds-text-transform-uppercase { text-transform: uppercase } .wds-text-transform-lowercase { text-transform: lowercase } .wds-text-transform-none { text-transform: none } .wds-midlight-aqua { background-image: linear-gradient(to top, rgba(0, 214, 214, .25) 54%, transparent 54%, transparent 100%) } .wds-midlight-navy { background-image: linear-gradient(to top, rgba(0, 42, 50, .1) 54%, transparent 54%, transparent 100%) } .wds-font-size-xxs { font-size: 10px } .wds-font-size-xs { font-size: 12px } .wds-font-size-s { font-size: 14px } .wds-font-size-base { font-size: 16px } .wds-font-size-l { font-size: 18px } .wds-font-size-xl { font-size: 24px } .wds-font-size-xxl { font-size: 28px } .wds-font-size-3xl { font-size: 36px } .wds-font-size-4xl { font-size: 52px } .wds-leading-none { line-height: 1 } .wds-leading-tight { line-height: 1.25 } .wds-leading-normal { line-height: 1.5 } .wds-leading-loose { line-height: 1.75 } .wds-avatar { display: inline-block; position: relative } .wds-avatar__image { min-width: 100%; display: inline-block; border-radius: 50%; box-sizing: border-box } .wds-avatar__inner-border { border-radius: 50%; box-sizing: border-box; position: absolute } .wds-avatar__badge { line-height: 0; position: absolute } .wds-avatar__badge svg { min-width: 100% } .wds-avatar-stack { align-items: center; display: flex; margin: 8px 18px 6px 40px } .wds-avatar-stack__overflow { border: 0; font-size: 12px; padding-left: 6px; width: auto } .wds-avatar-stack .wds-avatar:nth-child(1) { position: relative; z-index: 4 } .wds-avatar-stack .wds-avatar:nth-child(2) { position: relative; z-index: 3; margin-left: -10px } .wds-avatar-stack .wds-avatar:nth-child(3) { position: relative; z-index: 2; margin-left: -10px } .wds-avatar-stack .wds-avatar:nth-child(4) { position: relative; z-index: 1; margin-left: -10px } .wds-avatar-stack .wds-avatar:nth-child(5) { position: relative; z-index: 0; margin-left: -10px } .wds-banner-notification { background-color: #fff; color: #999; display: flex; transition: opacity .4s } .wds-banner-notification.wds-is-transparent { opacity: 0 } .wds-banner-notification__container { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2) } .wds-banner-notification__icon { align-items: center; color: #fff; display: flex; justify-content: center; width: 48px } .wds-alert .wds-banner-notification__icon { background-color: #d71035 } .wds-warning .wds-banner-notification__icon { background-color: #dfec24 } .wds-success .wds-banner-notification__icon { background-color: #4cda9a } .wds-message .wds-banner-notification__icon { background-color: #460084 } .wds-banner-notification__text { color: #666; flex: 1; font-size: 14px; line-height: 1.29; padding: 13px 12px } .wds-button, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked>li>a { font-size: 12px } .wds-banner-notification__close { box-sizing: content-box; cursor: pointer; padding: 18px } .wds-banner-notification+.wds-banner-notification .wds-banner-notification__close, .wds-banner-notification+.wds-banner-notification .wds-banner-notification__text { border-top: 1px solid #ccc } .wds-button { color: #fff; background: 0 0; align-items: center; border-style: solid; border-width: 1px; border-radius: 3px; box-sizing: content-box; cursor: default; display: inline-flex; font-weight: 600; justify-content: center; letter-spacing: .15px; line-height: 16px; margin: 0; min-height: 18px; outline: 0; padding: 7px 18px; text-decoration: none; text-transform: uppercase; transition-duration: .3s; transition-property: background-color, border-color, color; vertical-align: top; -webkit-appearance: none } .wds-button:not(.wds-is-text):not(.wds-is-secondary) { background-color: #00b7e0 } .wds-button:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #00647a; border-color: #00647a } .wds-button:not(.wds-is-text) { border-color: #00b7e0 } .wds-button.wds-is-secondary { border-color: #00b7e0; color: #00b7e0 } .wds-button.wds-is-secondary.wds-is-active, .wds-button.wds-is-secondary:active, .wds-button.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-secondary:hover:not(:disabled) { border-color: #00647a; color: #00647a } .wds-button.wds-is-text { color: #00b7e0; border: 0 } .wds-button.wds-is-text.wds-is-active, .wds-button.wds-is-text:active, .wds-button.wds-is-text:focus:not(:disabled), .wds-button.wds-is-text:hover:not(:disabled) { color: #00647a } a.wds-button, button.wds-button { cursor: pointer } .wds-button:disabled { cursor: default; opacity: .5 } .wds-button.wds-is-active, .wds-button:active, .wds-button:focus:not(:disabled), .wds-button:hover:not(:disabled) { text-decoration: none } .wds-button.wds-is-full-width { display: flex } .wds-button.wds-is-square { height: 36px; min-width: 36px; width: 36px; align-items: center; display: inline-flex; justify-content: center; padding: 0 } .wds-button .wds-icon { align-self: center } .wds-button .wds-icon:not(:only-child):first-child { margin-right: 6px } .wds-button .wds-icon:not(:only-child):last-child { margin-left: 6px } .wds-button .wds-list { color: #1a1a1a; font-weight: 400; letter-spacing: normal; text-transform: none; text-align: left } .wds-button .wds-dropdown__content { top: calc(100% + 1px) } .wds-button.wds-is-facebook-color { color: #fff; background: 0 0 } .wds-button.wds-is-facebook-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #3b5998 } .wds-button.wds-is-facebook-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-facebook-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-facebook-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-facebook-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #718dc8; border-color: #718dc8 } .wds-button.wds-is-facebook-color:not(.wds-is-text) { border-color: #3b5998 } .wds-button.wds-is-facebook-color.wds-is-secondary { border-color: #3b5998; color: #3b5998 } .wds-button.wds-is-facebook-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-facebook-color.wds-is-secondary:active, .wds-button.wds-is-facebook-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-facebook-color.wds-is-secondary:hover:not(:disabled) { border-color: #718dc8; color: #718dc8 } .wds-button.wds-is-facebook-color.wds-is-text { color: #3b5998 } .wds-button.wds-is-facebook-color.wds-is-text.wds-is-active, .wds-button.wds-is-facebook-color.wds-is-text:active, .wds-button.wds-is-facebook-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-facebook-color.wds-is-text:hover:not(:disabled) { color: #718dc8 } .wds-button.wds-is-googleplus-color { color: #fff; background: 0 0 } .wds-button.wds-is-googleplus-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #dd4b39 } .wds-button.wds-is-googleplus-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-googleplus-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-googleplus-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-googleplus-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #96271a; border-color: #96271a } .wds-button.wds-is-googleplus-color:not(.wds-is-text) { border-color: #dd4b39 } .wds-button.wds-is-googleplus-color.wds-is-secondary { border-color: #dd4b39; color: #dd4b39 } .wds-button.wds-is-googleplus-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-googleplus-color.wds-is-secondary:active, .wds-button.wds-is-googleplus-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-googleplus-color.wds-is-secondary:hover:not(:disabled) { border-color: #96271a; color: #96271a } .wds-button.wds-is-googleplus-color.wds-is-text { color: #dd4b39 } .wds-button.wds-is-googleplus-color.wds-is-text.wds-is-active, .wds-button.wds-is-googleplus-color.wds-is-text:active, .wds-button.wds-is-googleplus-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-googleplus-color.wds-is-text:hover:not(:disabled) { color: #96271a } .wds-button.wds-is-line-color { color: #fff; background: 0 0 } .wds-button.wds-is-line-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #00c300 } .wds-button.wds-is-line-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-line-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-line-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-line-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #005d00; border-color: #005d00 } .wds-button.wds-is-line-color:not(.wds-is-text) { border-color: #00c300 } .wds-button.wds-is-line-color.wds-is-secondary { border-color: #00c300; color: #00c300 } .wds-button.wds-is-line-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-line-color.wds-is-secondary:active, .wds-button.wds-is-line-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-line-color.wds-is-secondary:hover:not(:disabled) { border-color: #005d00; color: #005d00 } .wds-button.wds-is-line-color.wds-is-text { color: #00c300 } .wds-button.wds-is-line-color.wds-is-text.wds-is-active, .wds-button.wds-is-line-color.wds-is-text:active, .wds-button.wds-is-line-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-line-color.wds-is-text:hover:not(:disabled) { color: #005d00 } .wds-button.wds-is-linkedin-color { color: #fff; background: 0 0 } .wds-button.wds-is-linkedin-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #0077b5 } .wds-button.wds-is-linkedin-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-linkedin-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-linkedin-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-linkedin-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #1cb1ff; border-color: #1cb1ff } .wds-button.wds-is-linkedin-color:not(.wds-is-text) { border-color: #0077b5 } .wds-button.wds-is-linkedin-color.wds-is-secondary { border-color: #0077b5; color: #0077b5 } .wds-button.wds-is-linkedin-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-linkedin-color.wds-is-secondary:active, .wds-button.wds-is-linkedin-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-linkedin-color.wds-is-secondary:hover:not(:disabled) { border-color: #1cb1ff; color: #1cb1ff } .wds-button.wds-is-linkedin-color.wds-is-text { color: #0077b5 } .wds-button.wds-is-linkedin-color.wds-is-text.wds-is-active, .wds-button.wds-is-linkedin-color.wds-is-text:active, .wds-button.wds-is-linkedin-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-linkedin-color.wds-is-text:hover:not(:disabled) { color: #1cb1ff } .wds-button.wds-is-instagram-color { color: #fff; background: 0 0 } .wds-button.wds-is-instagram-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #e02d69 } .wds-button.wds-is-instagram-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-instagram-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-instagram-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-instagram-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #92153f; border-color: #92153f } .wds-button.wds-is-instagram-color:not(.wds-is-text) { border-color: #e02d69 } .wds-button.wds-is-instagram-color.wds-is-secondary { border-color: #e02d69; color: #e02d69 } .wds-button.wds-is-instagram-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-instagram-color.wds-is-secondary:active, .wds-button.wds-is-instagram-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-instagram-color.wds-is-secondary:hover:not(:disabled) { border-color: #92153f; color: #92153f } .wds-button.wds-is-instagram-color.wds-is-text { color: #e02d69 } .wds-button.wds-is-instagram-color.wds-is-text.wds-is-active, .wds-button.wds-is-instagram-color.wds-is-text:active, .wds-button.wds-is-instagram-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-instagram-color.wds-is-text:hover:not(:disabled) { color: #92153f } .wds-button.wds-is-meneame-color { color: #fff; background: 0 0 } .wds-button.wds-is-meneame-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #ff6400 } .wds-button.wds-is-meneame-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-meneame-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-meneame-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-meneame-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #993c00; border-color: #993c00 } .wds-button.wds-is-meneame-color:not(.wds-is-text) { border-color: #ff6400 } .wds-button.wds-is-meneame-color.wds-is-secondary { border-color: #ff6400; color: #ff6400 } .wds-button.wds-is-meneame-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-meneame-color.wds-is-secondary:active, .wds-button.wds-is-meneame-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-meneame-color.wds-is-secondary:hover:not(:disabled) { border-color: #993c00; color: #993c00 } .wds-button.wds-is-meneame-color.wds-is-text { color: #ff6400 } .wds-button.wds-is-meneame-color.wds-is-text.wds-is-active, .wds-button.wds-is-meneame-color.wds-is-text:active, .wds-button.wds-is-meneame-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-meneame-color.wds-is-text:hover:not(:disabled) { color: #993c00 } .wds-button.wds-is-nk-color { color: #fff; background: 0 0 } .wds-button.wds-is-nk-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #4077a7 } .wds-button.wds-is-nk-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-nk-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-nk-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-nk-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #7fa9ce; border-color: #7fa9ce } .wds-button.wds-is-nk-color:not(.wds-is-text) { border-color: #4077a7 } .wds-button.wds-is-nk-color.wds-is-secondary { border-color: #4077a7; color: #4077a7 } .wds-button.wds-is-nk-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-nk-color.wds-is-secondary:active, .wds-button.wds-is-nk-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-nk-color.wds-is-secondary:hover:not(:disabled) { border-color: #7fa9ce; color: #7fa9ce } .wds-button.wds-is-nk-color.wds-is-text { color: #4077a7 } .wds-button.wds-is-nk-color.wds-is-text.wds-is-active, .wds-button.wds-is-nk-color.wds-is-text:active, .wds-button.wds-is-nk-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-nk-color.wds-is-text:hover:not(:disabled) { color: #7fa9ce } .wds-button.wds-is-odnoklassniki-color { color: #fff; background: 0 0 } .wds-button.wds-is-odnoklassniki-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #f96900 } .wds-button.wds-is-odnoklassniki-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-odnoklassniki-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-odnoklassniki-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-odnoklassniki-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #933e00; border-color: #933e00 } .wds-button.wds-is-odnoklassniki-color:not(.wds-is-text) { border-color: #f96900 } .wds-button.wds-is-odnoklassniki-color.wds-is-secondary { border-color: #f96900; color: #f96900 } .wds-button.wds-is-odnoklassniki-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-odnoklassniki-color.wds-is-secondary:active, .wds-button.wds-is-odnoklassniki-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-odnoklassniki-color.wds-is-secondary:hover:not(:disabled) { border-color: #933e00; color: #933e00 } .wds-button.wds-is-odnoklassniki-color.wds-is-text { color: #f96900 } .wds-button.wds-is-odnoklassniki-color.wds-is-text.wds-is-active, .wds-button.wds-is-odnoklassniki-color.wds-is-text:active, .wds-button.wds-is-odnoklassniki-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-odnoklassniki-color.wds-is-text:hover:not(:disabled) { color: #933e00 } .wds-button.wds-is-reddit-color { color: #fff; background: 0 0 } .wds-button.wds-is-reddit-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #ff4500 } .wds-button.wds-is-reddit-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-reddit-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-reddit-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-reddit-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #992900; border-color: #992900 } .wds-button.wds-is-reddit-color:not(.wds-is-text) { border-color: #ff4500 } .wds-button.wds-is-reddit-color.wds-is-secondary { border-color: #ff4500; color: #ff4500 } .wds-button.wds-is-reddit-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-reddit-color.wds-is-secondary:active, .wds-button.wds-is-reddit-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-reddit-color.wds-is-secondary:hover:not(:disabled) { border-color: #992900; color: #992900 } .wds-button.wds-is-reddit-color.wds-is-text { color: #ff4500 } .wds-button.wds-is-reddit-color.wds-is-text.wds-is-active, .wds-button.wds-is-reddit-color.wds-is-text:active, .wds-button.wds-is-reddit-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-reddit-color.wds-is-text:hover:not(:disabled) { color: #992900 } .wds-button.wds-is-tumblr-color { color: #fff; background: 0 0 } .wds-button.wds-is-tumblr-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #34465d } .wds-button.wds-is-tumblr-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-tumblr-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-tumblr-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-tumblr-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #59779e; border-color: #59779e } .wds-button.wds-is-tumblr-color:not(.wds-is-text) { border-color: #34465d } .wds-button.wds-is-tumblr-color.wds-is-secondary { border-color: #34465d; color: #34465d } .wds-button.wds-is-tumblr-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-tumblr-color.wds-is-secondary:active, .wds-button.wds-is-tumblr-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-tumblr-color.wds-is-secondary:hover:not(:disabled) { border-color: #59779e; color: #59779e } .wds-button.wds-is-tumblr-color.wds-is-text { color: #34465d } .wds-button.wds-is-tumblr-color.wds-is-text.wds-is-active, .wds-button.wds-is-tumblr-color.wds-is-text:active, .wds-button.wds-is-tumblr-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-tumblr-color.wds-is-text:hover:not(:disabled) { color: #59779e } .wds-button.wds-is-twitter-color { color: #fff; background: 0 0 } .wds-button.wds-is-twitter-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #1da1f2 } .wds-button.wds-is-twitter-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-twitter-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-twitter-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-twitter-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #0967a0; border-color: #0967a0 } .wds-button.wds-is-twitter-color:not(.wds-is-text) { border-color: #1da1f2 } .wds-button.wds-is-twitter-color.wds-is-secondary { border-color: #1da1f2; color: #1da1f2 } .wds-button.wds-is-twitter-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-twitter-color.wds-is-secondary:active, .wds-button.wds-is-twitter-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-twitter-color.wds-is-secondary:hover:not(:disabled) { border-color: #0967a0; color: #0967a0 } .wds-button.wds-is-twitter-color.wds-is-text { color: #1da1f2 } .wds-button.wds-is-twitter-color.wds-is-text.wds-is-active, .wds-button.wds-is-twitter-color.wds-is-text:active, .wds-button.wds-is-twitter-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-twitter-color.wds-is-text:hover:not(:disabled) { color: #0967a0 } .wds-button.wds-is-vkontakte-color { color: #fff; background: 0 0 } .wds-button.wds-is-vkontakte-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #587ca3 } .wds-button.wds-is-vkontakte-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-vkontakte-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-vkontakte-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-vkontakte-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #99b0c8; border-color: #99b0c8 } .wds-button.wds-is-vkontakte-color:not(.wds-is-text) { border-color: #587ca3 } .wds-button.wds-is-vkontakte-color.wds-is-secondary { border-color: #587ca3; color: #587ca3 } .wds-button.wds-is-vkontakte-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-vkontakte-color.wds-is-secondary:active, .wds-button.wds-is-vkontakte-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-vkontakte-color.wds-is-secondary:hover:not(:disabled) { border-color: #99b0c8; color: #99b0c8 } .wds-button.wds-is-vkontakte-color.wds-is-text { color: #587ca3 } .wds-button.wds-is-vkontakte-color.wds-is-text.wds-is-active, .wds-button.wds-is-vkontakte-color.wds-is-text:active, .wds-button.wds-is-vkontakte-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-vkontakte-color.wds-is-text:hover:not(:disabled) { color: #99b0c8 } .wds-button.wds-is-wykop-color { color: #fff; background: 0 0 } .wds-button.wds-is-wykop-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #fb803f } .wds-button.wds-is-wykop-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-wykop-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-wykop-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-wykop-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #d04b04; border-color: #d04b04 } .wds-button.wds-is-wykop-color:not(.wds-is-text) { border-color: #fb803f } .wds-button.wds-is-wykop-color.wds-is-secondary { border-color: #fb803f; color: #fb803f } .wds-button.wds-is-wykop-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-wykop-color.wds-is-secondary:active, .wds-button.wds-is-wykop-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-wykop-color.wds-is-secondary:hover:not(:disabled) { border-color: #d04b04; color: #d04b04 } .wds-button.wds-is-wykop-color.wds-is-text { color: #fb803f } .wds-button.wds-is-wykop-color.wds-is-text.wds-is-active, .wds-button.wds-is-wykop-color.wds-is-text:active, .wds-button.wds-is-wykop-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-wykop-color.wds-is-text:hover:not(:disabled) { color: #d04b04 } .wds-button.wds-is-weibo-color { color: #fff; background: 0 0 } .wds-button.wds-is-weibo-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #ff8140 } .wds-button.wds-is-weibo-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-weibo-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-weibo-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-weibo-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #d94a00; border-color: #d94a00 } .wds-button.wds-is-weibo-color:not(.wds-is-text) { border-color: #ff8140 } .wds-button.wds-is-weibo-color.wds-is-secondary { border-color: #ff8140; color: #ff8140 } .wds-button.wds-is-weibo-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-weibo-color.wds-is-secondary:active, .wds-button.wds-is-weibo-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-weibo-color.wds-is-secondary:hover:not(:disabled) { border-color: #d94a00; color: #d94a00 } .wds-button.wds-is-weibo-color.wds-is-text { color: #ff8140 } .wds-button.wds-is-weibo-color.wds-is-text.wds-is-active, .wds-button.wds-is-weibo-color.wds-is-text:active, .wds-button.wds-is-weibo-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-weibo-color.wds-is-text:hover:not(:disabled) { color: #d94a00 } .wds-button.wds-is-youtube-color { color: #fff; background: 0 0 } .wds-button.wds-is-youtube-color:not(.wds-is-text):not(.wds-is-secondary) { background-color: #cd201f } .wds-button.wds-is-youtube-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-button.wds-is-youtube-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-youtube-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-youtube-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #e86a6a; border-color: #e86a6a } .wds-button.wds-is-youtube-color:not(.wds-is-text) { border-color: #cd201f } .wds-button.wds-is-youtube-color.wds-is-secondary { border-color: #cd201f; color: #cd201f } .wds-button.wds-is-youtube-color.wds-is-secondary.wds-is-active, .wds-button.wds-is-youtube-color.wds-is-secondary:active, .wds-button.wds-is-youtube-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-youtube-color.wds-is-secondary:hover:not(:disabled) { border-color: #e86a6a; color: #e86a6a } .wds-button-group>.wds-button:not(.wds-is-secondary):not(:last-child), .wds-button-group>.wds-dropdown:not(:last-child) .wds-button { border-right-color: #fff; border-right-width: 1px; border-right-style: solid } .wds-button-group>.wds-button:not(.wds-is-secondary):not(:first-child), .wds-button-group>.wds-dropdown:not(:first-child) .wds-button { border-left-color: #fff; border-left-width: 1px; border-left-style: solid } .wds-button.wds-is-youtube-color.wds-is-text { color: #cd201f } .wds-button.wds-is-youtube-color.wds-is-text.wds-is-active, .wds-button.wds-is-youtube-color.wds-is-text:active, .wds-button.wds-is-youtube-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-youtube-color.wds-is-text:hover:not(:disabled) { color: #e86a6a } .wds-button-group { align-items: stretch; display: inline-flex; justify-content: flex-start } .wds-button-group>.wds-button { border-radius: 0; height: auto; margin-left: auto; margin-right: -1px; padding: 7px 12px } .wds-button-group>.wds-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .wds-button-group>.wds-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .wds-button-group>.wds-button:hover { z-index: 1 } .wds-button-group>.wds-dropdown:first-child .wds-button { border-radius: 3px 0 0 3px } .wds-button-group>.wds-dropdown:last-child .wds-button { border-radius: 0 3px 3px 0 } .wds-dropdown { display: inline-block; position: relative } .wds-dropdown__toggle { cursor: default; position: relative } .wds-dropdown__content { background-color: #fff; border: 1px solid #ccc; border-radius: 4px; display: none; left: 50%; min-width: 70%; padding: 7px 0; position: absolute; top: 100%; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1 } .wds-dropdown__content.wds-is-right-aligned { left: auto; right: 0; -ms-transform: none; transform: none } .wds-dropdown__content.wds-is-left-aligned { left: 0; -ms-transform: none; transform: none } .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list { background-image: radial-gradient(farthest-side at 50% 0, rgba(26, 26, 26, .12), transparent), radial-gradient(farthest-side at 50% 100%, rgba(26, 26, 26, .12), transparent); background-position: 0 0, 0 100%; background-repeat: no-repeat; background-size: 100% 9px; max-height: 270px; overflow-y: auto; position: relative; z-index: 1 } .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before { background-color: #fff; content: ''; display: block; height: 30px; margin: 0 0 -30px; position: relative; z-index: -1 } .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after { background-color: #fff; margin: -29px 0 0 } .wds-dropdown__content.wds-is-not-scrollable .wds-list { position: relative } .wds-dropdown__content .wds-list { padding: 0 } .wds-dropdown__content .wds-list>li { margin: 0 9px; padding-left: 9px; padding-right: 9px; white-space: nowrap } .wds-dropdown__content .wds-list.wds-is-linked>li { padding: 0 } .wds-dropdown__content .wds-list.wds-is-linked>li>a { color: #39424d; padding-left: 9px; padding-right: 9px; text-decoration: none; transition-duration: .2s; transition-property: background-color, color } .wds-dropdown__content .wds-list.wds-is-linked>li.wds-is-selected>a:not(.wds-button), .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a:not(.wds-button) { background-color: rgba(0, 172, 172, .1); color: #00acac } .wds-dropdown::after, .wds-dropdown::before { bottom: -1px; content: ''; display: none; height: 0; left: 50%; pointer-events: none; position: absolute; width: 0; z-index: 2 } .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent, .wds-input { position: relative } .wds-dropdown::after { border: 8px solid transparent; border-bottom-color: #fff; margin-left: -8px } .wds-dropdown::before { border: 9px solid transparent; border-bottom-color: #ccc; margin-left: -9px } .wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::before { display: block } .wds-dropdown.wds-is-active .wds-dropdown__content, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__content { display: inline-block } .wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__toggle-chevron { -ms-transform: rotate(180deg); transform: rotate(180deg) } .wds-dropdown.wds-is-active.wds-has-dark-shadow::before, .wds-dropdown.wds-is-active.wds-has-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-dark-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-shadow::before { display: none } .wds-dropdown.wds-has-shadow .wds-dropdown__content { box-shadow: 0 0 10px 0 rgba(26, 26, 26, .2) } .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content { box-shadow: 0 0 20px 0 rgba(26, 26, 26, .3) } .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content, .wds-dropdown.wds-has-shadow .wds-dropdown__content { border: 0 } .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 { margin-right: 0 } .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2>a { padding-right: 18px; display: flex; justify-content: space-between } .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-chevron { -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 18px } .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent .wds-dropdown-level-2__content { top: auto; bottom: -8px } .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { background-color: #fff; border: 1px solid #ccc; border-radius: 4px; display: none; left: 100%; padding: 7px 0; position: absolute; top: -8px } .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-active .wds-dropdown-level-2__content, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2:not(.wds-is-touch-device):hover .wds-dropdown-level-2__content { display: block } .wds-dialog__curtain { animation: fade-in .2s; background-color: rgba(0, 0, 0, .5); bottom: 0; display: flex; left: 0; padding: 20px; position: fixed; right: 0; top: 0; z-index: 1 } .wds-dialog__wrapper { align-self: center; animation: move-in .2s; background: #fff; border-radius: 2px; margin: 0 auto; max-width: 640px; min-width: 280px; width: auto } .wds-dialog__title { font-size: 24px; font-weight: 700; line-height: 28px; padding: 24px 24px 0 } .wds-dialog__content { font-size: 16px; line-height: 24px; padding: 24px } .wds-dialog__actions { border-top: 1px solid #e6e6e6; display: flex; height: 40px; justify-content: flex-end; padding: 5px 0 8px } .wds-dialog__actions-button { font-size: 16px; font-weight: 400; text-transform: none } .wds-dialog__actions-button:hover { background-color: #f6f6f6 } @keyframes move-in { from { opacity: 0; transform: translate(0, 30px) } } @keyframes fade-in { from { opacity: 0; pointer-events: none } } .wds-community-bar__discussions .wds-dropdown__toggle svg, .wds-community-bar__discussions>svg, .wds-community-bar__navigation .wds-dropdown__toggle svg, .wds-community-bar__navigation>svg, .wds-community-header__local-navigation .wds-dropdown__toggle-chevron { opacity: .5 } .wds-floating-button { align-items: center; background: #fff; border-radius: 50%; border: 0; box-shadow: 0 0 10px 0 rgba(26, 26, 26, .2); display: flex; height: 36px; justify-content: center; margin: 0; outline: 0; padding: 0; transition-duration: .3s; transition-property: box-shadow; width: 36px } .wds-floating-button:not(.wds-is-disabled), .wds-floating-button:not([disabled]) { cursor: pointer } .wds-floating-button:not(.wds-is-disabled):hover, .wds-floating-button:not([disabled]):hover { box-shadow: 0 0 10px 0 rgba(26, 26, 26, .4) } .wds-floating-button-group { display: inline-flex } .wds-floating-button-group.wds-is-vertical { flex-flow: column } .wds-floating-button-group:not(.wds-is-vertical)>.wds-floating-button:not(:first-child) { margin-left: 8px } .wds-floating-button-group.wds-is-vertical>.wds-floating-button:not(:first-child) { margin-top: 8px } .wds-icon { fill: currentColor; height: 24px; min-width: 24px; width: 24px } .wds-icon-small { height: 18px; min-width: 18px; width: 18px } .wds-icon-tiny { height: 12px; min-width: 12px; width: 12px } .wds-input { margin: 30px 0 18px } .wds-input:first-of-type { margin-top: 18px } .wds-input__field { border: 0; border-bottom: 1px solid #c5ced9; box-sizing: border-box; color: #39424d; font-size: 16px; line-height: 1em; padding: 0 0 2px; resize: none; width: 100% } .wds-input__field:focus { outline: 0 } .wds-input.is-resize .wds-input__field { resize: vertical } .wds-input textarea.wds-input__field { line-height: 1.5em } .wds-input__hint, .wds-input__label { font-size: 12px; line-height: .75rem; color: #c5ced9 } .wds-input__label { left: 0; position: absolute; top: -16px; transition: .2s ease all } .wds-textarea, .wds-textarea__field-wrapper { position: relative } .wds-input__hint { margin-top: 6px } .wds-input.is-empty>.wds-input__field { border-bottom-color: #c5ced9; color: #c5ced9 } .wds-input.is-empty>.wds-input__field~.wds-input__label { font-size: 16px; line-height: 1rem; top: 0 } .wds-input.is-empty>.wds-input__hint { color: #c5ced9 } .wds-input.is-focused>.wds-input__field { border-color: #39424d } .wds-input.is-focused>.wds-input__hint { color: #39424d } .wds-input.has-error>.wds-input__hint, .wds-input.has-error>.wds-input__label { color: #d71035 } .wds-input.has-error>.wds-input__field { border-bottom-color: #d71035 } .wds-input.is-disabled>.wds-input__field { border-bottom-color: #c5ced9; border-bottom-style: dashed; color: #c5ced9 } .wds-input.is-disabled, .wds-input.is-readonly { cursor: not-allowed } .wds-input.has-hint { margin-bottom: 0 } .wds-textarea { margin: 30px 0 18px } .wds-textarea__field { background-color: transparent; border: 0; border-bottom: 1px solid #c5ced9; box-sizing: border-box; color: #39424d; font-size: 16px; line-height: 1rem; outline: 0; padding: 0 0 6px; resize: none; width: 100% } .wds-textarea__field::placeholder { color: #ccc } .wds-textarea__hint { color: #ccc; display: flex; font-size: 12px; justify-content: space-between; line-height: 1 } .wds-textarea__length-hint { bottom: 6px; color: #ccc; font-size: 12px; position: absolute; right: 0 } .wds-textarea.wds-has-error .wds-textarea__field { border-color: #ee1a41 } .wds-textarea.wds-has-error .wds-textarea__hint { color: #ee1a41 } .wds-textarea.wds-has-length-hint .wds-textarea__field { padding-right: 50px } .wds-is-disabled { cursor: default; opacity: .5 } .wds-is-hidden { display: none!important } .wds-list { list-style-type: none; margin: 0; padding: 7px 18px } .wds-list>li { font-size: 14px; font-weight: 400; line-height: 1em; padding: 11px 0 } .wds-list.wds-has-bolded-items>li, .wds-notification-card__text b { font-weight: 700 } .wds-list.wds-has-big-items { padding-bottom: 2px; padding-top: 2px } .wds-list.wds-has-big-items>li { font-size: 16px; padding-bottom: 16px; padding-top: 16px } .wds-list.wds-has-lines-between>li { border-bottom: solid 1px #dee7e5 } .wds-list.wds-has-lines-between>li:last-child { border: 0 } .wds-list.wds-has-ellipsis.wds-is-linked>li>a, .wds-list.wds-has-ellipsis>li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .wds-list.wds-is-linked>li { padding: 0 } .wds-list.wds-is-linked>li>a { display: block; padding: 11px 0 } .wds-menu-chevron { float: right; margin-top: 5px; -ms-transform: rotate(-90deg); transform: rotate(-90deg); fill: #c5ced9 } .wds-no-scroll { height: 100%; overflow: hidden } .wds-notifications__mark-all-as-read-button { display: flex; justify-content: flex-start; margin-top: -7px; width: 100% } .wds-notifications__mark-all-as-read { border-bottom: solid 1px #dee7e5; color: #00acac; cursor: pointer; font-size: 12px; font-weight: 700; line-height: 14px; padding: 15px 18px; text-transform: uppercase; width: 100% } .wds-notifications__dropdown-content { align-items: center; color: #666; flex-direction: column; font-size: 14px; justify-content: center; max-width: 356px; min-height: 80px; min-width: 356px; width: 100% } .wds-notifications__notification-list { box-sizing: border-box; overflow-y: auto; width: 100% } .wds-notifications__dropdown-content .wds-notifications__notification-list.wds-list { max-height: 420px } .wds-notifications__notification-list>li.wds-notification-card { padding-left: 0; padding-right: 0; margin: 0 18px; white-space: normal } .wds-community-bar__sitename, .wds-notification-card__context-item { white-space: nowrap; overflow: hidden } .wds-notifications__notification-list>li.wds-notification-card:first-child { margin-top: 6px } .wds-notifications__zero-state { display: block; padding: 18px 18px 4px; color: #666 } .wds-notification-card { padding: 12px 0 8px; text-align: left } .wds-notification-card__outer-body { cursor: pointer; display: flex; text-decoration: none } .wds-notification-card__icon-wrapper { cursor: pointer; display: flex; height: 18px; margin-left: 12px; min-width: 18px; width: 18px } .wds-notification-card__icon-wrapper .wds-icon { fill: #bed1cf; height: 18px; min-width: inherit; width: 18px } .wds-is-unread .wds-notification-card__icon-wrapper .wds-icon { fill: #00d6d6 } .wds-notification-card__body { display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-start; overflow-wrap: break-word; padding-left: 12px; padding-right: 12px; word-break: break-word; word-wrap: break-word } .wds-notification-card__text { color: #1a1a1a; font-size: 14px; line-height: 18px; margin: 0 } .wds-notification-card__last-actor { color: #1a1a1a; font-weight: 200; font-size: 12px; margin: 8px 0 0 } .wds-notification-card__snippet { color: #5f7a7b; font-size: 14px; font-style: italic; line-height: 18px; margin: 8px 0 0 } .wds-notification-card__context-list { color: #5f7a7b; display: flex; font-size: 12px; letter-spacing: .15px; list-style-type: none; margin: 0; padding: 8px 0 0 } .wds-notification-card__community { max-width: 150px; text-overflow: ellipsis } .wds-notification-card__context-separator { margin: 0 8px } .wds-global-navigation .wds-notification-card .wds-avatar { height: 30px; min-width: 30px; width: 30px } .wds-global-navigation .wds-notification-card .wds-avatar a, .wds-global-navigation .wds-notification-card .wds-avatar a:hover { color: #bed1cf } .wds-global-navigation .wds-notification-card .wds-avatar .wds-avatar__image { background-color: #fff; border: 2px solid #bed1cf; fill: #bed1cf } .wds-global-navigation .wds-notification-card .wds-avatar .wds-avatar__image:hover, .wds-global-navigation .wds-notification-card .wds-avatar .wds-avatar__inner-border:hover+.wds-avatar__image { fill: #bed1cf; border-color: #bed1cf } .wds-global-navigation .wds-notification-card .wds-avatar .wds-avatar__inner-border { height: 26px; min-width: 26px; width: 26px; border: 2px solid #fff; left: 2px; top: 2px } .wds-global-navigation .wds-notification-card .wds-avatar .wds-avatar__badge { height: 15.62px; min-width: 15.62px; width: 15.62px; left: -4.46px; top: -6.25px } .wds-search-is-active .wds-search-modal .wds-dropdown__content, .wds-search-modal__form-and-links-wrapper .wds-global-navigation__search-suggestions { top: calc(100% + 12px) } @media only screen and (max-width:767px) { .wds-notifications__notification-list { padding-left: 0; padding-right: 0 } .wds-notifications__mark-all-as-read-button { align-items: baseline; border-bottom: 1px solid #666; justify-content: space-between; margin: 0 12px; width: unset } .wds-notifications__mark-all-as-read { border: unset; padding: unset; text-align: right; width: 50% } .wds-notifications__header { font-weight: 700; font-size: 14px; margin-bottom: 6px } } .wds-player-icon-play-tiny { height: 36px; min-width: 36px; width: 36px } .wds-player-icon-play-small { height: 50.4px; min-width: 50.4px; width: 50.4px } .wds-player-icon-play-medium { height: 72px; min-width: 72px; width: 72px } .wds-player-icon-play-large { height: 108px; min-width: 108px; width: 108px } .wds-player-icon-play-xl { height: 144px; min-width: 144px; width: 144px } .wds-player-icon-play-xxl { height: 180px; min-width: 180px; width: 180px } .wds-search-modal { background-color: rgba(242, 245, 245, .9); display: flex; flex-direction: column } .wds-search-modal__form-and-links-wrapper { background-color: #002a32; padding: 0 12px 12px } .wds-search-modal__form-and-links-wrapper .wds-global-navigation__links { display: flex; font-size: 12px; justify-content: space-between; margin: 30px 6px 0 } .wds-search-modal__form-and-links-wrapper .wds-global-navigation__links .wds-dropdown__content { left: auto; right: 0; -ms-transform: none; transform: none } .wds-search-modal__form-and-links-wrapper .wds-global-navigation__link { margin-left: 0 } .wds-search-modal__search-icon { fill: #fff; margin-right: 12px } .wds-search-is-active .wds-search-modal .wds-global-navigation__search-container { border-top: 1px solid rgba(255, 255, 255, .25); height: auto; margin: 0; padding-top: 18px } .wds-search-is-active .wds-search-modal .wds-global-navigation__link, .wds-search-is-active .wds-search-modal .wds-global-navigation__link-group { font-size: inherit } .wds-search-is-active .wds-search-modal .wds-global-navigation__link .wds-dropdown__toggle-chevron, .wds-search-is-active .wds-search-modal .wds-global-navigation__link-group .wds-dropdown__toggle-chevron { display: initial } .wds-search-is-active .wds-search-modal .wds-global-navigation__link-button[href*="Special:CreateNewWiki"], .wds-search-is-active .wds-search-modal .wds-global-navigation__search-close, .wds-search-is-active .wds-search-modal .wds-global-navigation__search-submit { display: none } .wds-search-is-active .wds-search-modal .wds-global-navigation__search-suggestions { left: -12px; right: -12px; z-index: 100 } .wds-search-is-active .wds-search-modal .wds-dropdown:after { bottom: -12px } .wds-spinner { animation: rotator .5s linear infinite; left: 50%; margin: -33px 0 0 -33px; position: absolute; top: 50%; transform: translateZ(0) } @keyframes rotator { from { transform: rotate(0) } to { transform: rotate(360deg) } } @keyframes dash { to { stroke-dashoffset: 0 } } .wds-spinner__block { display: block; left: auto; margin: auto; position: relative } .wds-spinner__stroke { -webkit-backface-visibility: hidden; animation: dash 1.25s linear infinite alternate-reverse; stroke: #00b7e0 } .wds-spinner__overlay { background: rgba(255, 255, 255, .5); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 800 } .wds-spinner__screen-initializing { height: 75vh } .wds-sign-out__button { background: 0 0; border: none; color: inherit; cursor: pointer; font: inherit; height: auto; margin: 0; padding: 0; text-align: left; text-transform: none; width: auto } .wds-is-linked .wds-sign-out__button { box-sizing: border-box; display: block; padding: 11px 9px; width: 100% } .wds-sign-out__button:hover { background-color: rgba(0, 172, 172, .1); color: #00acac } .wds-sign-out__button.wds-is-active, .wds-sign-out__button:active, .wds-sign-out__button:focus:not(:disabled) { background-color: transparent; color: inherit } .wds-tabs { align-items: flex-end; display: flex; list-style: none; margin: 0; padding: 0 } .wds-tabs__tab { cursor: default; flex-shrink: 0; line-height: 14px; position: relative } .wds-tabs__tab-label, .wds-tabs__tab-label>a { align-items: center; display: inline-flex; text-decoration: none } .wds-tabs__tab-label { color: #00b7e0; font-size: 12px; font-weight: 700; height: 40px; margin: 0 11px; text-align: center; text-transform: uppercase; transition: color .1s; white-space: nowrap } .wds-tabs__tab-label :not(:first-child):not(:only-child) { margin-left: 4px } .wds-tabs__tab-label>a { height: 100% } .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #00b7e0; transition: box-shadow .1s } .wds-tabs__tab .wds-dropdown__content { left: -7px; -ms-transform: none; transform: none } .wds-tabs__tab.wds-is-active .wds-tabs__tab-label, .wds-tabs__tab.wds-is-active .wds-tabs__tab-label>a, .wds-tabs__tab:hover .wds-tabs__tab-label, .wds-tabs__tab:hover .wds-tabs__tab-label>a { color: #00647a } .wds-tabs__tab.wds-is-active.wds-is-current, .wds-tabs__tab:hover.wds-is-current { box-shadow: inset 0 -2px 0 0 #00647a } .wds-toggle__input { display: none } .wds-toggle__label { cursor: pointer; font-size: 16px; padding: 7px 5px 7px 52px; position: relative } .wds-toggle__label:empty { padding-left: 45px } .wds-toggle__label::after, .wds-toggle__label::before { content: ''; margin: 0; outline: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: transform, background-color; transition-duration: .3s; transition-timing-function: ease } .wds-toggle__label::before { background-color: #999; border-radius: 8px; height: 14px; left: 6px; width: 34px } .wds-toggle__label::after { height: 20px; min-width: 20px; width: 20px; background-color: #f6f6f6; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084); left: 5px } .wds-toggle__input:checked+.wds-toggle__label::before { background-color: #7fdbdc } .wds-toggle__input:checked+.wds-toggle__label::after { background-color: #00d6d6; -ms-transform: translate(80%, -50%); transform: translate(80%, -50%) } .wds-toggle__input:disabled+.wds-toggle__label { color: #ccc } .wds-toggle__input:disabled+.wds-toggle__label::before { background-color: #ccc } .wds-toggle__input:disabled+.wds-toggle__label::after { background-color: #fff } .wds-toggle__input:disabled:checked+.wds-toggle__label::before { background-color: #cff2f2 } .wds-toggle__input:disabled:checked+.wds-toggle__label::after { background-color: #3dffff } .wds-community-bar { position: relative } .wds-community-bar__content { align-items: center; border-bottom: 1px solid #dee7e5; display: flex; height: 50px; margin: 0 12px } .wds-community-bar__sitename { flex: 1; font-size: 16px; line-height: 1; max-height: 50px; text-overflow: ellipsis; text-transform: uppercase } .wds-community-bar__sitename a { color: #002a32 } @supports (-webkit-line-clamp:2) { .wds-community-bar__sitename { display: -webkit-box; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical } } .wds-community-bar__discussions, .wds-community-bar__navigation { align-items: center; color: #5f7a7b; display: flex; height: 44px; justify-content: center; width: 44px } .wds-community-bar__navigation .wds-dropdown { display: block; position: static } .wds-community-bar__navigation .wds-dropdown::after, .wds-community-bar__navigation .wds-dropdown::before { left: auto; -ms-transform: translateY(-1px); transform: translateY(-1px) } .wds-community-bar__navigation .wds-dropdown::before { margin-left: auto } .wds-community-bar__navigation .wds-dropdown::after { margin-left: 1px } .wds-community-bar__navigation .wds-dropdown:hover:not(.wds-is-active) .wds-dropdown__content, .wds-community-bar__navigation .wds-dropdown:hover:not(.wds-is-active)::after, .wds-community-bar__navigation .wds-dropdown:hover:not(.wds-is-active)::before { display: none } .wds-community-bar__navigation .wds-dropdown:hover:not(.wds-is-active) .wds-dropdown__toggle-chevron { -ms-transform: none; transform: none } .wds-community-bar__navigation .wds-dropdown__toggle { align-items: center; display: flex } .wds-community-bar__navigation .wds-dropdown__content { left: 10px; right: 10px; -ms-transform: translateY(-1px); transform: translateY(-1px) } .wds-community-bar__navigation .wds-dropdown.wds-is-active .wds-dropdown__toggle { color: #00d6d6 } .wds-community-bar__navigation-back { align-items: center; border-bottom: 1px solid #ccc; color: #5f7a7b; display: flex; font-weight: 700; margin-bottom: 6px; padding: 4px 8px 10px } .wds-community-bar__navigation-back .wds-icon { margin-right: 6px; -ms-transform: rotate(90deg); transform: rotate(90deg) } .wds-community-bar__navigation-header { color: #002a32; display: block; font-weight: 700; margin: 0 9px; padding: 4px 8px 6px } .wds-community-bar__level-1.wds-list.wds-is-linked>li>a, .wds-community-bar__level-2 ul.wds-list.wds-is-linked>li>a { align-items: center; display: flex; justify-content: space-between } .wds-community-bar__level-1 .wds-icon, .wds-community-bar__level-2 ul .wds-icon { -ms-transform: rotate(270deg); transform: rotate(270deg) } .wds-community-bar__level-2, .wds-community-bar__level-3 { display: none } .wds-community-bar__level-2.wds-is-active, .wds-community-bar__level-3.wds-is-active { display: block } .wds-community-header { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-position: right center; background-repeat: no-repeat; background-size: contain; height: 105px; position: relative; z-index: 1 } @media only screen and (max-width:1083px) { .wds-community-header { height: 115px } } .wds-community-header::before { content: ''; display: block; height: 100%; position: absolute; width: 100%; z-index: -1 } .wds-community-header__wordmark { float: left; height: 65px; margin: 20px 0 20px 20px; max-width: 250px; width: auto } .wds-community-header__wordmark img { height: auto; max-height: 100%; max-width: 100%; width: auto } @media only screen and (max-width:1083px) { .wds-community-header__wordmark { height: 49px; margin-bottom: 0; max-width: 175px } } .wds-community-header__top-container { display: flex; height: 59px } .wds-community-header__sitename { flex: 1; font-size: 28px; font-weight: 600; line-height: 1; margin: 25px 0 0 18px; overflow: hidden } .wds-community-header__sitename a { text-decoration: none } @media only screen and (max-width:1083px) { .wds-community-header__top-container { height: 69px } .wds-community-header__sitename { font-size: 24px; margin-top: 20px; max-height: 72px; white-space: normal; word-wrap: break-word } } @media only screen and (min-width:1084px) { .wds-community-header__sitename a { display: inline-block; height: 100%; line-height: 1.2; text-decoration: none } .wds-community-header__sitename { text-overflow: ellipsis; white-space: nowrap } } .wds-community-header__counter { font-weight: 600; text-align: right; margin: 17px 0 20px 20px } .wds-community-header__counter-value { display: block; font-size: 24px; line-height: 1 } @media only screen and (max-width:1083px) { .wds-community-header__counter { margin-top: 22px } .wds-community-header__counter-value { font-size: 18px } } .wds-community-header__counter-label { display: block; font-size: 12px; line-height: 1; margin-top: 3px; text-transform: uppercase } .wds-community-header__wiki-buttons { margin: 20px 20px auto 15px } .wds-community-header__wiki-buttons .wds-dropdown__toggle { padding: 7px 3px } .wds-community-header__local-navigation { display: flex; height: 46px; padding-left: 6px } .wds-community-header__local-navigation a[href="#"] { cursor: default } .wds-community-header__local-navigation .wds-dropdown:hover .wds-dropdown__toggle-chevron { opacity: 1 } @media only screen and (max-width:1083px) { .wds-community-header__counter-label { font-size: 10px } .wds-community-header__local-navigation { clear: both } } @media only screen and (max-width:1023px) { .wds-community-header__local-navigation .wds-tabs__tab-label { font-size: 10px } } .wds-global-footer { background-color: #002a32; box-sizing: border-box; color: #fff; margin-top: 30px; word-wrap: break-word } .wds-global-footer * { box-sizing: inherit } .wds-global-footer ul { list-style-type: none; margin: 0; padding: 0 } .wds-global-footer__header-wrapper { display: block; width: 100% } .wds-global-footer__header { align-items: center; display: flex; justify-content: center; margin: 0; padding: 30px 0 25px } .wds-global-footer__bottom-bar { background: rgba(38, 38, 38, .5); font-size: 12px; line-height: 1.3em; min-height: 50px; padding: 0 20px; text-align: center } .wds-global-footer__bottom-bar a, .wds-global-footer__bottom-bar a:visited { color: #00d6d6; text-decoration: none } .wds-global-footer__bottom-bar a:hover { color: #fff } .wds-global-footer__bottom-bar-row { margin: 0 auto } .wds-global-footer__bottom-bar-row.wds-has-border-top { border-top: 1px solid #656e78 } .wds-global-footer__bottom-bar-row.wds-has-padding { padding: 16px 0 } .wds-global-footer__button-link { display: inline-block; font-weight: 700; letter-spacing: .3px; line-height: 1.3em; min-height: 45px; padding: 14px 18px; text-decoration: none; text-transform: uppercase } .wds-global-footer__header-logo { height: 35px; width: 164px } .wds-global-footer__main { display: flex; flex-direction: column; flex-wrap: wrap } .wds-global-footer__fandom-sections, .wds-global-footer__wikia-sections { display: flex; flex-wrap: wrap } .wds-global-footer__fandom-section, .wds-global-footer__wikia-section { margin-right: 55px } .wds-global-footer__link, .wds-global-footer__link:active, .wds-global-footer__link:focus, .wds-global-footer__link:visited { color: #00d6d6; font-size: 14px; font-weight: 400; line-height: 1.3em; text-decoration: none; transition: color .3s } .wds-global-footer__link:hover { color: #fff; text-decoration: none } .wds-global-footer__links-list-item { margin-bottom: 8px } .wds-global-footer__fandom-section.wds-is-fandom-overview { border: 0; padding: 0 } .wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__links-list { margin-bottom: 38px } .wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link { align-items: center; display: flex; font-size: 28px; font-weight: 700; justify-content: space-between; margin: 0; padding: 0 0 5px; text-decoration: none; text-transform: uppercase } .wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link div { border-bottom: 2px solid #fff } .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list { display: flex; flex-wrap: nowrap; margin-bottom: 38px } .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link { background: center no-repeat; background-size: 24px; display: inline-block; height: 24px; margin-right: 20px; width: 24px } .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image { color: #656e78; transition: color .3s } .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image:hover { color: #fff } .wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list { display: flex } .wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link { display: block; line-height: 1.3em; margin-top: 6px; width: 119px } .wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__image { height: 35px; width: 119px } .wds-global-footer__wikia-section.wds-is-community .wds-global-footer__links-list { column-count: 2; margin-bottom: 38px } .wds-global-footer__section-header { color: #fff; font-size: 12px; font-weight: 700; line-height: 1; margin-bottom: 8px; min-height: 14px; padding: 0; text-transform: uppercase } .wds-global-footer__section-description { color: #fff; font-size: 14px; line-height: 1.3em; margin: 0; padding: 0 } @media only screen and (max-width:1083px) { .wds-global-footer__main { margin: 0 20px } .wds-global-footer__fandom-section, .wds-global-footer__wikia-section { margin: 0; width: 100% } .wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__links-list-item, .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list-item { margin-bottom: 0 } .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link { height: 42px; margin-right: 10px; width: 42px } .wds-global-footer__wikia-section { margin-bottom: 20px } .wds-global-footer__wikia-section.wds-is-company-overview { width: 50% } .wds-global-footer__wikia-section.wds-is-site-overview { padding-top: 32px; width: 50% } .wds-global-footer__wikia-section.wds-is-create-wiki { display: none } .wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list { margin-bottom: 0; margin-top: 5px } .wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link { margin-right: 25px } .wds-global-footer__links-list-item { margin-bottom: 20px } } @media only screen and (min-width:1084px) { .wds-global-footer__main { flex-direction: row; margin: 0 auto; padding-bottom: 40px; width: 1024px } .wds-global-footer__bottom-bar { padding: 0 } .wds-global-footer__bottom-bar-row { width: 1024px } .wds-global-footer__header { padding: 40px 0 35px } .wds-global-footer__fandom-sections { flex-direction: column; order: 3; width: 25% } .wds-global-footer__wikia-sections { align-content: flex-start; order: 4; width: 75% } .wds-global-footer__fandom-section { width: 200px } .wds-global-footer__wikia-section { padding-bottom: 8px } .wds-global-footer__wikia-section.wds-is-company-overview { margin-right: 50px; min-height: 210px; order: 1; width: 124px } .wds-global-footer__wikia-section.wds-is-site-overview { margin-right: 50px; order: 4; width: 124px } .wds-global-footer__wikia-section.wds-is-community { min-height: 210px; order: 2; width: 290px } .wds-global-footer__wikia-section.wds-is-create-wiki { display: block; order: 5; width: 290px } .wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link { align-items: center; border-radius: 4px; border: 1px solid; display: inline-flex; height: 36px; justify-content: center; font-size: 12px; font-weight: 700; letter-spacing: .3px; line-height: 1.3em; margin-top: 13px; padding: 0; text-decoration: none; text-transform: uppercase; width: 153px } .wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link:hover { color: #fff } .wds-global-footer__wikia-section.wds-is-community-apps { margin-right: 0; min-height: 210px; order: 3; width: 200px } .wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list { flex-direction: column; margin-top: 5px } .wds-global-footer__wikia-section.wds-is-advertise { margin-right: 0; order: 6; width: 200px } } .wds-global-navigation__search.wds-dropdown { align-items: center; color: #00d6d6; display: flex; height: 100%; justify-content: flex-end } .wds-global-navigation__search-close-icon { -ms-transform: rotate(45deg); transform: rotate(45deg) } .wds-global-navigation__search-container { height: 100%; flex: 1 } @media only screen and (min-width:1024px) { .wds-global-navigation__search-container { margin-right: 6px } } .wds-global-navigation__search-input-wrapper { align-items: center; display: flex; flex: 0 1 auto; padding-bottom: 3px; transition: flex .2s } .wds-global-navigation__search-clear { padding: 2px; -ms-transform: rotate(45deg); transform: rotate(45deg) } .wds-global-navigation__search-clear svg { fill: #fff } @media only screen and (min-width:768px) { .wds-global-navigation__search-clear { display: none } } .wds-global-navigation__search-input { -webkit-appearance: none; background: 0 0; border: 0; box-sizing: border-box; color: #fff; flex: 1 1 auto; font-size: 14px; width: 0 } .wds-global-navigation__search-input::-webkit-search-cancel-button, .wds-global-navigation__search-input::-webkit-search-decoration { display: none } .wds-global-navigation__search-input:focus { outline: 0 } .wds-global-navigation__search-input::placeholder { color: #fff } .wds-global-navigation__search-input::-ms-clear { display: none } .wds-global-navigation__search-input:placeholder-shown+.wds-global-navigation__search-clear { opacity: .5 } .wds-global-navigation__search-submit { color: #fff; background: 0 0; border-radius: 0; display: none; padding: 4px 10px } .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary) { background-color: #00d6d6 } .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary):active, .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #007070; border-color: #007070 } .wds-global-navigation__search-submit:not(.wds-is-text) { border-color: #00d6d6 } .wds-global-navigation__search-submit.wds-is-secondary { border-color: #fff; color: #fff } .wds-global-navigation__search-submit.wds-is-secondary.wds-is-active, .wds-global-navigation__search-submit.wds-is-secondary:active, .wds-global-navigation__search-submit.wds-is-secondary:focus:not(:disabled), .wds-global-navigation__search-submit.wds-is-secondary:hover:not(:disabled) { border-color: #ccc; color: #ccc } .wds-global-navigation__search-submit.wds-is-text { color: #fff } .wds-global-navigation__search-submit.wds-is-text.wds-is-active, .wds-global-navigation__search-submit.wds-is-text:active, .wds-global-navigation__search-submit.wds-is-text:focus:not(:disabled), .wds-global-navigation__search-submit.wds-is-text:hover:not(:disabled) { color: #ccc } .wds-global-navigation__search-submit-icon { -ms-transform: rotate(180deg); transform: rotate(180deg) } .wds-global-navigation__search-close { display: none; padding: 5px 9px } .wds-global-navigation__search-close.wds-button.wds-is-text { transition: color, .3s; color: #fff } .wds-global-navigation__search-close.wds-button.wds-is-text:hover { background-color: transparent; color: #d9d9d9 } .wds-global-navigation__search-suggestions.wds-dropdown__content { background-color: #f2f5f5; border: 0; border-radius: 0; box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .3); left: 35px; right: 0; top: calc(100% + 1px); -ms-transform: none; transform: none } .wds-global-navigation__search-suggestions.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .wds-global-navigation__search-suggestions.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before { background-color: #f2f5f5 } .wds-global-navigation__search-suggestions.wds-dropdown__content .wds-list.wds-is-linked>li:hover:not(.wds-is-selected)>a { background-color: transparent; color: #39424d } .wds-global-navigation:not(.wds-search-is-active) .wds-global-navigation__search-suggestions.wds-dropdown__content, .wds-global-navigation__search-container:not(.wds-search-is-focused) .wds-global-navigation__search-suggestions.wds-dropdown__content { display: none } .wds-global-navigation__search-suggestion-highlight { font-weight: 700 } .wds-global-navigation__search-toggle { align-items: center; cursor: pointer; display: flex; transition: color .3s } .wds-global-navigation__search-toggle:hover { color: #fff } .wds-global-navigation__search-toggle-icon { margin-right: 8px } @media only screen and (min-width:1024px) { .wds-global-navigation__search-toggle-icon:not(.wds-icon-small) { display: none } } @media only screen and (max-width:1023px) { .wds-global-navigation__search-toggle-icon.wds-icon-small { display: none } .wds-global-navigation__search-toggle-text { display: none!important } } .wds-global-navigation__search:hover:not(.wds-is-active) .wds-dropdown__content, .wds-search-is-active .wds-global-navigation__link-group .wds-dropdown__toggle-chevron { display: none } .wds-search-is-active .wds-global-navigation__link, .wds-search-is-active .wds-global-navigation__link-group { font-size: 0; margin-left: 0 } .wds-search-is-active .wds-global-navigation__search-container { margin-left: 34px } .wds-search-is-active .wds-global-navigation__search-input-wrapper { border-bottom: 2px solid #00d6d6; flex: 1 1 auto } .wds-search-is-active .wds-global-navigation__search-close, .wds-search-is-active .wds-global-navigation__search-submit { display: inline-flex } .wds-search-is-active .wds-global-navigation__search-toggle-icon { margin-right: 17px } .wds-search-is-active .wds-global-navigation__search-toggle-text { display: none } .wds-global-navigation { background-color: #002a32; box-sizing: border-box; font-family: Rubik, "Helvetica Neue", Helvetica, Arial, sans-serif; left: 0; position: fixed; top: 0; width: 100%; z-index: 3 } .wds-global-navigation__content-container { margin: 0 auto; display: flex } @media only screen and (min-width:768px) { .wds-global-navigation__content-container { width: calc(100vw - 24px) } } @media only screen and (min-width:1024px) { .wds-global-navigation__content-container { width: 1004px } } @media only screen and (min-width:1084px) { .wds-global-navigation__content-container { width: 1064px } } @media only screen and (min-width:1596px) { .wds-global-navigation__content-container { width: 1278px } } .wds-global-navigation__content-bar-left, .wds-global-navigation__content-bar-right { align-items: center; display: flex; height: 55px } .wds-global-navigation__content-bar-right { flex-grow: 1; justify-content: flex-end } .wds-global-navigation__content-bar-left { position: relative; z-index: 1 } .wds-global-navigation__dropdown-controls, .wds-global-navigation__modal-controls { align-items: center; height: 55px; justify-content: flex-end; width: 100% } .wds-global-navigation__dropdown-controls { display: none } @media only screen and (min-width:768px) { .wds-global-navigation__dropdown-controls { display: flex } } .wds-global-navigation__modal-controls { display: none } @media only screen and (max-width:767px) { .wds-global-navigation { padding: 0 3px 0 12px } .wds-global-navigation__modal-controls { display: flex } } .wds-global-navigation__modal-control-user { position: relative } .wds-global-navigation__modal { background-color: #f2f5f5; height: calc(100% - 55px); left: 0; overflow-y: scroll; position: fixed; top: 55px; width: 100% } .wds-global-navigation.wds-is-modal-opened { z-index: 900 } .wds-global-navigation.wds-is-modal-opened .wds-global-navigation__modal-control { align-items: center; display: flex; justify-content: center; height: 100%; padding: 10px } .wds-global-navigation.wds-is-modal-opened .wds-global-navigation__modal-control-anon, .wds-global-navigation.wds-is-modal-opened .wds-global-navigation__modal-control-search, .wds-global-navigation.wds-is-modal-opened .wds-global-navigation__modal-control-user { display: none } .wds-global-navigation.wds-is-modal-opened .wds-global-navigation__modal-control-close { display: block } .wds-global-navigation__modal-control { align-items: center; box-sizing: border-box; display: flex; justify-content: center; height: 100%; padding: 10px } .wds-global-navigation__modal-control .wds-avatar__image, .wds-global-navigation__modal-control svg { transition: border-color .3s, fill .3s } .wds-global-navigation__modal-control-search { position: relative } .wds-global-navigation__modal-control-close svg, .wds-global-navigation__modal-control-search svg { fill: #00d6d6 } .wds-global-navigation__modal-control-close { display: none } .wds-global-navigation__modal-control-close svg, .wds-global-navigation__modal-control:hover svg { fill: #fff } .wds-global-navigation__modal-control:hover .wds-avatar__image { border-color: #fff; fill: #fff } .wds-global-navigation__links { display: none; font-size: 18px; font-weight: 700; height: 100% } @media only screen and (min-width:768px) { .wds-global-navigation__links { display: flex } } @media only screen and (max-width:1279px) { .wds-global-navigation__links { font-size: 16px } } .wds-global-navigation__link { text-transform: uppercase; transition: color .3s, font-size .2s, margin-left .2s } .wds-global-navigation__link, .wds-global-navigation__start-a-wiki { align-items: center; color: #00d6d6; display: flex; height: 100%; margin-left: 30px; text-decoration: none } .wds-global-navigation__link:visited, .wds-global-navigation__start-a-wiki:visited { color: #00d6d6!important } .wds-global-navigation__link:hover, .wds-global-navigation__start-a-wiki:hover { color: #fff!important } .wds-global-navigation__link .wds-dropdown__toggle-chevron, .wds-global-navigation__start-a-wiki .wds-dropdown__toggle-chevron { fill: #ff6a64 } .wds-global-navigation__link .wds-global-navigation__link-button, .wds-global-navigation__start-a-wiki .wds-global-navigation__link-button { margin: 0 } @media only screen and (max-width:1023px) { .wds-global-navigation__link, .wds-global-navigation__start-a-wiki { margin-left: 24px } } .wds-global-navigation__start-a-wiki { display: none; margin-left: 16px; transition-duration: .3s; transition-property: color } @media only screen and (min-width:1024px) { .wds-global-navigation__start-a-wiki { display: flex } } .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { border-color: #00d6d6; color: #00d6d6 } .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled):hover { border-color: #fff; color: #fff } .wds-global-navigation__logo-image { display: block; height: 27px; width: 126px } .wds-global-navigation__logo { transition: transform .4s } .wds-global-navigation__user-menu-dropdown-caption { font-size: 12px; padding-bottom: 10px; text-align: center } .wds-global-navigation__notifications-dropdown { color: #00d6d6; margin-left: 12px; position: relative; transition: color .3s; width: 44px } .wds-global-navigation__notifications-dropdown:hover { color: #fff } .wds-global-navigation__avatar-notifications-counter, .wds-global-navigation__notifications-counter { align-items: center; background-color: #fff; border-radius: 9px; box-sizing: border-box; color: #002a32; display: flex; font-size: 10px; height: 18px; justify-content: center; left: 0; min-width: 18px; padding: 0 4px; position: absolute; top: 12px } .wds-global-navigation__avatar-notifications-counter { left: 3px; top: 6px } .wds-global-navigation__partner-slot { align-items: center; border-left: 1px solid rgba(255, 255, 255, .25); display: flex; height: 100%; max-width: 80px; position: absolute; right: 0; top: 0 } .wds-global-navigation__partner-slot-link { padding: 10px } .wds-global-navigation__partner-slot-image { vertical-align: middle } .wds-global-navigation__partner-slot-horizontal-bar { display: none } @media only screen and (max-width:767px) { .wds-global-navigation__partner-slot { background: #002a32; border: none; height: 30px; justify-content: flex-end; max-width: 100vw; width: 100vw; margin-top: -10px; position: relative } .wds-global-navigation__partner-slot-link { padding: 6px } .wds-global-navigation__partner-slot-horizontal-bar { border-bottom: 1px solid #5f7a7b; display: block; height: 2px; width: 100% } } .wds-is-modal-opened .wds-global-navigation__partner-slot { display: none } .wds-global-navigation.wds-has-partner-slot .wds-global-navigation__content-bar-right { margin-right: 80px } @media only screen and (max-width:767px) { .wds-global-navigation.wds-has-partner-slot .wds-global-navigation__content-bar-right { margin-right: 0 } .wds-global-navigation__community-bar, .wds-global-navigation__content-bar-left { overflow: hidden } } .wds-global-navigation.wds-has-partner-slot .wds-global-navigation__content-container { flex-wrap: wrap } .wds-global-navigation .wds-avatar { height: 30px; min-width: 30px; width: 30px } .wds-global-navigation .wds-avatar a { color: #00d6d6 } .wds-global-navigation .wds-avatar a:hover { color: #fff } .wds-global-navigation .wds-avatar .wds-avatar__image { background-color: #002a32; border: 2px solid #00d6d6; fill: #00d6d6 } .wds-global-navigation .wds-avatar .wds-avatar__image:hover, .wds-global-navigation .wds-avatar .wds-avatar__inner-border:hover+.wds-avatar__image { border-color: #fff; fill: #fff } .wds-global-navigation .wds-avatar .wds-avatar__inner-border { height: 26px; min-width: 26px; width: 26px; border: 2px solid #002a32; left: 2px; top: 2px } .wds-global-navigation .wds-avatar .wds-avatar__badge { height: 15.62px; min-width: 15.62px; width: 15.62px; left: -4.46px; top: -6.25px } .wds-global-navigation__user-menu { margin-left: 12px } .wds-global-navigation__user-menu .wds-avatar__image { transition: border-color .3s, fill .3s } .wds-global-navigation__user-menu:hover .wds-avatar__image { border-color: #fff; fill: #fff } .wds-global-navigation__link-group .wds-dropdown__content, .wds-global-navigation__user-menu .wds-dropdown__content { min-width: 190px } .wds-global-navigation__link-group, .wds-global-navigation__notifications-dropdown, .wds-global-navigation__user-menu { height: 100% } .wds-global-navigation__link-group .wds-dropdown__toggle, .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle, .wds-global-navigation__user-menu .wds-dropdown__toggle { align-items: center; display: flex; flex: 1 1 auto; height: 100%; justify-content: center } .wds-global-navigation__link-group .wds-dropdown__toggle-chevron, .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle-chevron, .wds-global-navigation__user-menu .wds-dropdown__toggle-chevron { fill: #ff6a64 } .wds-global-navigation__link-group .wds-dropdown__content, .wds-global-navigation__notifications-dropdown .wds-dropdown__content, .wds-global-navigation__user-menu .wds-dropdown__content { border-top: 1px solid #ccc; color: #39424d } .wds-global-navigation__link-group .wds-dropdown__content .wds-button, .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button, .wds-global-navigation__user-menu .wds-dropdown__content .wds-button { color: #fff; background: 0 0; padding: 7px 18px } .wds-global-navigation__link-group .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary), .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary), .wds-global-navigation__user-menu .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary) { background-color: #00d6d6 } .wds-global-navigation__link-group .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-global-navigation__link-group .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary):active, .wds-global-navigation__link-group .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-global-navigation__link-group .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary):active, .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-global-navigation__user-menu .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary).wds-is-active, .wds-global-navigation__user-menu .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary):active, .wds-global-navigation__user-menu .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-global-navigation__user-menu .wds-dropdown__content .wds-button:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background-color: #007070; border-color: #007070 } .wds-global-navigation__link-group .wds-dropdown__content .wds-button:not(.wds-is-text), .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button:not(.wds-is-text), .wds-global-navigation__user-menu .wds-dropdown__content .wds-button:not(.wds-is-text) { border-color: #00d6d6 } .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-secondary, .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button.wds-is-secondary, .wds-global-navigation__user-menu .wds-dropdown__content .wds-button.wds-is-secondary { border-color: #00d6d6; color: #00d6d6 } .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-secondary.wds-is-active, .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-secondary:active, .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-secondary:focus:not(:disabled), .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-secondary:hover:not(:disabled), .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button.wds-is-secondary.wds-is-active, .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button.wds-is-secondary:active, .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button.wds-is-secondary:focus:not(:disabled), .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button.wds-is-secondary:hover:not(:disabled), .wds-global-navigation__user-menu .wds-dropdown__content .wds-button.wds-is-secondary.wds-is-active, .wds-global-navigation__user-menu .wds-dropdown__content .wds-button.wds-is-secondary:active, .wds-global-navigation__user-menu .wds-dropdown__content .wds-button.wds-is-secondary:focus:not(:disabled), .wds-global-navigation__user-menu .wds-dropdown__content .wds-button.wds-is-secondary:hover:not(:disabled) { border-color: #007070; color: #007070 } .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-text, .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button.wds-is-text, .wds-global-navigation__user-menu .wds-dropdown__content .wds-button.wds-is-text { color: #00d6d6 } .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-text.wds-is-active, .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-text:active, .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-text:focus:not(:disabled), .wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-text:hover:not(:disabled), .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button.wds-is-text.wds-is-active, .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button.wds-is-text:active, .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button.wds-is-text:focus:not(:disabled), .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button.wds-is-text:hover:not(:disabled), .wds-global-navigation__user-menu .wds-dropdown__content .wds-button.wds-is-text.wds-is-active, .wds-global-navigation__user-menu .wds-dropdown__content .wds-button.wds-is-text:active, .wds-global-navigation__user-menu .wds-dropdown__content .wds-button.wds-is-text:focus:not(:disabled), .wds-global-navigation__user-menu .wds-dropdown__content .wds-button.wds-is-text:hover:not(:disabled) { color: #007070 } .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle { justify-content: flex-end } .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle-chevron, .wds-global-navigation__user-menu .wds-dropdown__toggle-chevron { margin-left: 3px } .wds-global-navigation__link-button { margin: 6px; text-align: center } .wds-global-navigation__community-bar { display: flex; align-items: center; position: absolute; left: 0; top: 0; height: 55px } @media only screen and (min-width:768px) { .wds-global-navigation__community-bar { display: none } } .wds-global-navigation__logo-heart-link { align-self: flex-start; height: 55px } .wds-global-navigation__logo-heart { background-color: #002a33; box-sizing: content-box; height: 100%; width: 27px; padding: 0 5px 0 12px; position: relative; z-index: 1 } .wds-global-navigation__community-bar-separator { border-left: 1px solid #5f7a7b; opacity: 0; height: 30px; margin-left: 12px; width: 1px } .wds-global-navigation .wds-community-bar__sitename { max-width: calc(100vw - 120px); margin-left: 12px; -ms-transform: translateY(-55px); transform: translateY(-55px); transition: transform .4s } .wds-global-navigation .wds-community-bar__sitename a { color: #fff } @media only screen and (max-width:767px) { .wds-global-navigation.wds-is-community-bar-in:not(.wds-is-modal-opened) .wds-global-navigation__logo { -ms-transform: translateY(55px); transform: translateY(55px) } .wds-global-navigation.wds-is-community-bar-in:not(.wds-is-modal-opened) .wds-global-navigation__modal-control { -ms-transform: translate(52px); transform: translate(52px) } .wds-global-navigation.wds-is-community-bar-in:not(.wds-is-modal-opened) .wds-global-navigation__community-bar-separator { animation-name: separator; animation-duration: .4s; animation-delay: .4s; animation-fill-mode: forwards } .wds-global-navigation.wds-is-community-bar-in:not(.wds-is-modal-opened) .wds-global-navigation__modal-control-user { visibility: hidden } .wds-global-navigation.wds-is-community-bar-in:not(.wds-is-modal-opened) .wds-community-bar__sitename { -ms-transform: translateY(0); transform: translateY(0) } } @keyframes separator { to { opacity: 1 } } .wds-user-modal__info { align-items: center; display: flex; flex-direction: column; margin-top: 18px } .wds-user-modal__info .wds-avatar { height: 94px; min-width: 94px; width: 94px } .wds-user-modal__info .wds-avatar a, .wds-user-modal__info .wds-avatar a:hover { color: #bed1cf } .wds-user-modal__info .wds-avatar .wds-avatar__image { background-color: #f2f5f5; border: 3px solid #bed1cf; fill: #bed1cf } .wds-user-modal__info .wds-avatar .wds-avatar__image:hover, .wds-user-modal__info .wds-avatar .wds-avatar__inner-border:hover+.wds-avatar__image { fill: #bed1cf; border-color: #bed1cf } .wds-user-modal__info .wds-avatar .wds-avatar__inner-border { height: 88px; min-width: 88px; width: 88px; border: 3px solid #f2f5f5; left: 3px; top: 3px } .wds-user-modal__info .wds-avatar .wds-avatar__badge { height: 31.87px; min-width: 31.87px; width: 31.87px; left: -7.08px; top: -9.1px } .wds-user-modal__username { color: #002a32; font-size: 18px; font-weight: 700; margin-top: 18px } .wds-user-modal__notifications-wrapper { display: flex; flex-direction: column; margin-bottom: 92px } .wds-user-modal__sign-out-container { align-items: center; background-color: #f2f5f5; bottom: 0; border-style: unset; box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .2); display: flex; height: 44px; justify-content: center; position: fixed; text-align: center; width: 100%; z-index: 100 } .wds-user-modal__sign-out-container form { width: 100%; height: 100% } .wds-user-modal__sign-out-container .wds-sign-out__button { background-color: transparent; border: none; color: #00acac; font-size: 12px; font-weight: 700; height: 100%; text-align: center; width: 100% } .wds-user-modal .wds-sign-out__button { text-transform: uppercase } .wds-content-recommendations { background: #fff; flex-grow: 1; overflow: auto } .wds-content-recommendations__header { color: #1a1a1a; font-size: 12px; font-weight: 700; line-height: normal; margin: 0; padding: 20px 12px 0; text-transform: uppercase } .wds-content-recommendations__card { border-bottom: 1px solid #bed1cf; display: flex; padding: 6px 0; margin: 6px } .wds-content-recommendations__card:first-child { margin-top: 0 } .wds-content-recommendations__card:last-child { border-bottom: 0 } .wds-content-recommendations__card-thumbnail { border-radius: 3px; margin: 6px; height: 60px; width: 60px } .wds-content-recommendations__card-info { display: flex; flex-direction: column; margin: 6px } .wds-content-recommendations__card-title { color: #1a1a1a; font-size: 14px; font-weight: 500; line-height: 1.5 } .wds-content-recommendations__card-time { color: #5f7a7b; font-size: 12px } @font-face { font-family: 'Rubik'; font-style: italic; font-weight: 400; src: local("Rubik Italic"), local("Rubik-Italic"), url(https://fonts.gstatic.com/s/rubik/v7/iJWEBXyIfDnIV7nEnXq61E_c5IhGzg.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'Rubik'; font-style: italic; font-weight: 400; src: local("Rubik Italic"), local("Rubik-Italic"), url(https://fonts.gstatic.com/s/rubik/v7/iJWEBXyIfDnIV7nEnXy61E_c5IhGzg.woff2) format("woff2"); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F } @font-face { font-family: 'Rubik'; font-style: italic; font-weight: 400; src: local("Rubik Italic"), local("Rubik-Italic"), url(https://fonts.gstatic.com/s/rubik/v7/iJWEBXyIfDnIV7nEnXC61E_c5IhGzg.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF } @font-face { font-family: 'Rubik'; font-style: italic; font-weight: 400; src: local("Rubik Italic"), local("Rubik-Italic"), url(https://fonts.gstatic.com/s/rubik/v7/iJWEBXyIfDnIV7nEnX661E_c5Ig.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: 'Rubik'; font-style: italic; font-weight: 700; src: local("Rubik Bold Italic"), local("Rubik-BoldItalic"), url(https://fonts.gstatic.com/s/rubik/v7/iJWBBXyIfDnIV7nElcWfwWb-6aJ8x8utUQ.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'Rubik'; font-style: italic; font-weight: 700; src: local("Rubik Bold Italic"), local("Rubik-BoldItalic"), url(https://fonts.gstatic.com/s/rubik/v7/iJWBBXyIfDnIV7nElcWfwWD-6aJ8x8utUQ.woff2) format("woff2"); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F } @font-face { font-family: 'Rubik'; font-style: italic; font-weight: 700; src: local("Rubik Bold Italic"), local("Rubik-BoldItalic"), url(https://fonts.gstatic.com/s/rubik/v7/iJWBBXyIfDnIV7nElcWfwWz-6aJ8x8utUQ.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF } @font-face { font-family: 'Rubik'; font-style: italic; font-weight: 700; src: local("Rubik Bold Italic"), local("Rubik-BoldItalic"), url(https://fonts.gstatic.com/s/rubik/v7/iJWBBXyIfDnIV7nElcWfwWL-6aJ8x8s.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7Fqj2mZ8WD07oB-98o.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7Fqj2mf8WD07oB-98o.woff2) format("woff2"); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7Fqj2mT8WD07oB-98o.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7Fqj2md8WD07oB-.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format("woff2"); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nBrXyw023e.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local("Rubik Bold"), local("Rubik-Bold"), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7F6iGmZ8WD07oB-98o.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local("Rubik Bold"), local("Rubik-Bold"), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7F6iGmf8WD07oB-98o.woff2) format("woff2"); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local("Rubik Bold"), local("Rubik-Bold"), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7F6iGmT8WD07oB-98o.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local("Rubik Bold"), local("Rubik-Bold"), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7F6iGmd8WD07oB-.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } .mobile-site-link { display: none } .mobile-site-link--active { display: inline-block } .notifications-container { position: relative } .notifications-container .notifications-entry-point { background-image: url("/extensions/wikia/DesignSystem/images/notifications_icon.svg"); background-position: center; background-size: 19px; background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 46px; position: relative; width: 72px } .notifications-container .notifications-entry-point:after { border: 4px solid transparent; border-top-color: #656e78; content: ' '; display: inline-block; margin-left: 46px; margin-top: 22px } .notifications-container .bubbles { right: -webkit-calc(50% + 2px); right: calc(50% + 2px); background-color: #656e78; border-radius: 9px; display: none; height: 18px; min-width: 18px; padding: 1px; position: absolute; top: 10px; z-index: 1 } .notifications-container .bubbles.show { display: block } .notifications-container .bubbles-count { background-color: #fff; border-radius: 8px; color: #656e78; font-size: 10px; font-weight: bold; height: 16px; line-height: 17px; min-width: 16px; padding: 0 2px; text-align: center } .notifications-container .notifications-container { display: none } .notifications-container.active { background-color: #e6ebf2 } .notifications-container.active .notifications-container { display: block } #notifications>a>span { float: right } #GlobalNavigationWallNotifications { background-color: #fff; border: 1px solid #c7d1d8; border-radius: 4px; border-top: 0; display: none; margin: 0; overflow: hidden; padding: 0; position: absolute; right: 0; top: 0; width: 300px } #GlobalNavigationWallNotifications #notificationsContainer { margin-right: -18px; overflow: auto } #GlobalNavigationWallNotifications #notificationsContainer::-webkit-scrollbar { width: 18px } #GlobalNavigationWallNotifications #notificationsContainer.scrollable { background: linear-gradient(#fff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #fff 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.6), transparent), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.6), transparent) 0 100%; background: linear-gradient(#fff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #fff 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.6), transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.6), transparent) 0 100%; background-attachment: local, local, scroll, scroll; background-color: #fff; background-repeat: no-repeat; background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px } #GlobalNavigationWallNotifications #notificationsContainer.scrollable .notifications-wiki-header { padding-right: 20px } #GlobalNavigationWallNotifications #notificationsContainer.scrollable .chevron { right: 25px } #GlobalNavigationWallNotifications.show { display: block } #GlobalNavigationWallNotifications header { font-weight: bold; height: auto; padding: 12px 20px } #GlobalNavigationWallNotifications ul { padding: 0 } #GlobalNavigationWallNotifications li { list-style-type: none } #GlobalNavigationWallNotifications .notifications-header { zoom: 1; background-color: #e6ebf2; color: #39424d } #GlobalNavigationWallNotifications .notifications-header:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } #GlobalNavigationWallNotifications .notifications-markasread { background-color: #092344; border-top: 1px solid #c5ced9; color: #fff; cursor: pointer; font-size: 12px; height: 40px; line-height: 40px; font-weight: normal; padding: 0; text-align: center } #GlobalNavigationWallNotifications .notifications-for-wiki.show .chevron { border: 5px solid transparent; border-bottom-color: #c7d1d8; border-top: 0 } #GlobalNavigationWallNotifications .notifications-for-wiki.show .notifications-wiki-header:hover .chevron { border-bottom-color: #39424d } #GlobalNavigationWallNotifications .notifications-for-wiki.show .notifications-for-wiki-list { display: block } #GlobalNavigationWallNotifications .notifications-for-wiki .chevron { border: 5px solid transparent; border-bottom: 0; border-top-color: #c7d1d8; position: absolute; right: 42px; top: 50% } #GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header { background-color: #e6ebf2; box-sizing: border-box; border-top: 1px solid #c5ced9; color: #1a5eb8; cursor: pointer; font-weight: bold; height: 40px; padding-left: 20px; padding-right: 38px; padding-top: 10px; position: relative } #GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header:hover .chevron { color: #39424d } #GlobalNavigationWallNotifications .notifications-for-wiki .notifications-for-wiki-list { display: none } #GlobalNavigationWallNotifications .notifications-for-wiki .notifications-for-wiki-list a { color: #092140; text-decoration: none } #GlobalNavigationWallNotifications .notification { border-top: 1px solid #c5ced9; font-size: 12px; line-height: 20px; padding: 12px 0; position: relative } #GlobalNavigationWallNotifications .notification .notification-message { padding-left: 60px; padding-right: 38px; white-space: normal } #GlobalNavigationWallNotifications .notification .notification-message p { font-size: 12px; line-height: 16px; margin: 0 } #GlobalNavigationWallNotifications .notification .avatars { display: inline-block; left: 20px; max-width: 38px; position: absolute; text-align: center; top: 12px; vertical-align: top; overflow: hidden } #GlobalNavigationWallNotifications .notification .avatars .avatar { border: none; border-radius: 50% } #GlobalNavigationWallNotifications .notification h4 { font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 } #GlobalNavigationWallNotifications .notification time { color: rgba(57, 66, 77, 0.5); font-size: 12px; line-height: 12px } #GlobalNavigationWallNotifications .notification.empty { background-color: #e6ebf2; color: #092344; font-size: 14px; height: 80px; line-height: 80px; padding: 0; text-align: center } #GlobalNavigationWallNotifications .notification.admin-notification { padding: 17px 25px 17px 20px } #GlobalNavigationWallNotifications .notification.admin-notification .notification-message { width: auto } #GlobalNavigationWallNotifications .notification.admin-notification:before { border-left: 5px solid #092140; color: transparent; content: '.'; display: block; height: 100%; left: 0; padding-top: 1px; position: absolute; top: 0 } #GlobalNavigationWallNotifications .notification.read h4, #GlobalNavigationWallNotifications .notification.read .avatars { opacity: .7 } #GlobalNavigationWallNotifications .notification:hover { background-color: rgba(164, 182, 191, 0.2) } #GlobalNavigationWallNotifications .notification:hover h4, #GlobalNavigationWallNotifications .notification:hover .avatars { opacity: 1 } #notificationsEntryPoint .wds-dropdown__content { border: 0; background: none } .wds-hidden-svg { height: 0; overflow: hidden; position: absolute; width: 0 } .wds-global-navigation-wrapper { height: 55px } @media screen and (max-width:768px) { .wds-global-navigation-wrapper { width: 768px } } .wds-global-navigation { position: fixed; top: 0; width: 100%; z-index: 5000101 } @media screen and (max-width:768px) { .wds-global-navigation { width: 768px } .wds-global-navigation .wds-global-navigation__links, .wds-global-navigation .wds-global-navigation__dropdown-controls { display: flex } } .wds-global-navigation.bfaa-pinned { position: relative } .wds-global-navigation a:hover { text-decoration: none } .wds-global-navigation button, .wds-global-navigation button:focus, .wds-global-navigation button:hover, .wds-global-navigation button:active { background-image: none; border-radius: 0; height: auto } .wds-global-navigation button:focus:disabled, .wds-global-navigation button:hover:disabled, .wds-global-navigation button:active:disabled { background-color: #00b7e0 } .wds-global-navigation .notifications-container .bubbles { background: none; min-width: 0; padding: 0; position: static; right: 0; top: auto } .ve .wds-global-navigation { position: absolute; z-index: 5000100 } .wds-global-navigation__search-suggestions strong { font-weight: bold } .wds-global-navigation__search-suggestions a { cursor: pointer } .wds-global-footer { font-family: Rubik, Helvetica, Arial, sans-serif; position: relative; z-index: 2 } .wds-global-navigation__search-toggle-text { font-size: 14px } @media only screen and (max-width:768px) { .wds-global-footer { width: 768px } } /* extensions/wikia/CommunityHeader/styles/index.scss */ .wds-community-header { background-color: #4c5844; margin: 0 auto; z-index: 5 } .wds-community-header .wds-dropdown__content { background-color: #555d4e; border-color: #686f61; color: #D5D4D4 } .wds-community-header .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list { background-image: radial-gradient(farthest-side at 50% 0, rgba(255, 255, 255, 0.4), transparent), radial-gradient(farthest-side at 50% 100%, rgba(255, 255, 255, 0.4), transparent); background-position: 0 0, 0 100%; background-repeat: no-repeat; background-size: 100% 9px; max-height: 270px; overflow-y: auto; position: relative; z-index: 1 } .wds-community-header .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .wds-community-header .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before { background-color: #555d4e; content: ''; display: block; height: 30px; margin: 0 0 -30px; position: relative; z-index: -1 } .wds-community-header .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after { background-color: #555d4e; margin: -29px 0 0 } .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li>a { color: #D5D4D4 } .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li:hover>a { background-color: rgba(151, 173, 131, 0.1); color: #97ad83 } .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { background-color: #555d4e; border-color: #686f61; color: #D5D4D4 } .wds-community-header .wds-dropdown::after { border-bottom-color: #555d4e } .wds-community-header .wds-dropdown::before { border-bottom-color: #686f61 } .wds-community-header::before { background: linear-gradient(to right, rgba(76, 88, 68, 0.5), rgba(76, 88, 68, 0.5)), linear-gradient(to left, rgba(76, 88, 68, 0) 200px, #4c5844 430px) } @media only screen and (max-width:1083px) { .wds-community-header::before { background: linear-gradient(to right, rgba(76, 88, 68, 0.5), rgba(76, 88, 68, 0.5)), linear-gradient(to left, rgba(76, 88, 68, 0) 200px, #4c5844 471px) } } .wds-community-header .wds-button.wds-is-secondary { background-color: rgba(76, 88, 68, 0.2); border-color: #fff; color: #fff; transition-property: border-color, background-color, color } .wds-community-header .wds-button.wds-is-secondary svg { fill: #fff } .wds-community-header .wds-button.wds-is-secondary:hover { background-color: rgba(76, 88, 68, 0.4); border-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8) } .wds-community-header .wds-button.wds-is-secondary:hover svg { fill: rgba(255, 255, 255, 0.8) } .wds-community-header .wds-button.wds-is-secondary:hover a { color: rgba(255, 255, 255, 0.8) } .wds-community-header .wds-button-group>.wds-button:not(.wds-is-secondary):not(:last-child) { border-right-color: #fff } .wds-community-header .wds-button-group>.wds-button:not(.wds-is-secondary):not(:first-child) { border-left-color: #fff } .wds-community-header .wds-button-group>.wds-dropdown:not(:last-child) .wds-button { border-right-color: #fff } .wds-community-header .wds-button-group>.wds-dropdown:not(:first-child) .wds-button { border-left-color: #fff } .wds-community-header .wds-tabs__tab-label { color: #fff } .wds-community-header .wds-tabs__tab-label a { color: inherit } .wds-community-header .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #fff } .wds-community-header .wds-tabs__tab:hover .wds-tabs__tab-label { color: rgba(255, 255, 255, 0.8) } .wds-community-header .wds-tabs__tab:hover .wds-tabs__tab-label a { color: inherit } .wds-community-header .wds-tabs__tab:hover.wds-is-current { box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8) } .wds-community-header .wds-community-header__sitename a { color: #fff; transition: color .2s } .wds-community-header .wds-community-header__sitename a:hover { color: rgba(255, 255, 255, 0.8) } .wds-community-header .wds-community-header__counter { color: #fff } .wds-community-header .wds-avatar-stack .user-avatar .avatar .user-avatar__image { border-color: #fff } .wds-community-header+.WikiaPage { border-top: 0 } @media only screen and (max-width:1083px) { .wds-community-header { width: 770px } } @media only screen and (min-width:1024px) and (max-width:1083px) { .wds-community-header { width: 1006px } } @media only screen and (min-width:1084px) and (max-width:1595px) { .wds-community-header { width: 1066px } } @media only screen and (min-width:1596px) { .wds-community-header { width: 1240px } } .local-navigation-preview { height: auto; width: 755px } @media only screen and (max-width:1023px) { .local-navigation-preview .wds-tabs__tab-label { font-size: 12px } } .local-navigation-preview .editpage-sourcewidemode-on .editpage-wikianavmode #EditPageToolbar:after { height: 25px } /* extensions/wikia/PageHeader/styles/index.scss */ .WikiaPage .page-header { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; padding: 16px 0 12px; position: relative; width: 100%; z-index: 4 } .WikiaPage .page-header .wds-dropdown__content { background-color: #555d4e; border-color: #686f61; color: #D5D4D4 } .WikiaPage .page-header .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list { background-image: radial-gradient(farthest-side at 50% 0, rgba(255, 255, 255, 0.4), transparent), radial-gradient(farthest-side at 50% 100%, rgba(255, 255, 255, 0.4), transparent); background-position: 0 0, 0 100%; background-repeat: no-repeat; background-size: 100% 9px; max-height: 270px; overflow-y: auto; position: relative; z-index: 1 } .WikiaPage .page-header .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .WikiaPage .page-header .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before { background-color: #555d4e; content: ''; display: block; height: 30px; margin: 0 0 -30px; position: relative; z-index: -1 } .WikiaPage .page-header .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after { background-color: #555d4e; margin: -29px 0 0 } .WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li>a { color: #D5D4D4 } .WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li:hover>a { background-color: rgba(151, 173, 131, 0.1); color: #97ad83 } .WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { background-color: #555d4e; border-color: #686f61; color: #D5D4D4 } .WikiaPage .page-header .wds-dropdown::after { border-bottom-color: #555d4e } .WikiaPage .page-header .wds-dropdown::before { border-bottom-color: #686f61 } .WikiaPage .page-header button { background-image: none } .WikiaPage .page-header .wds-button { color: #fff; background: none } .WikiaPage .page-header .wds-button:not(.wds-is-text):not(.wds-is-secondary) { background-color: #4b5643 } .WikiaPage .page-header .wds-button:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .WikiaPage .page-header .wds-button:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .WikiaPage .page-header .wds-button:not(.wds-is-text):not(.wds-is-secondary):active, .WikiaPage .page-header .wds-button:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { background-color: #7d8f70; border-color: #7d8f70 } .WikiaPage .page-header .wds-button:not(.wds-is-text) { border-color: #4b5643 } .WikiaPage .page-header .wds-button.wds-is-secondary { border-color: #D5D4D4; color: #D5D4D4 } .WikiaPage .page-header .wds-button.wds-is-secondary:focus:not(:disabled), .WikiaPage .page-header .wds-button.wds-is-secondary:hover:not(:disabled), .WikiaPage .page-header .wds-button.wds-is-secondary:active, .WikiaPage .page-header .wds-button.wds-is-secondary.wds-is-active { border-color: #a3a0a0; color: #a3a0a0 } .WikiaPage .page-header .wds-button.wds-is-text { color: #D5D4D4 } .WikiaPage .page-header .wds-button.wds-is-text:focus:not(:disabled), .WikiaPage .page-header .wds-button.wds-is-text:hover:not(:disabled), .WikiaPage .page-header .wds-button.wds-is-text:active, .WikiaPage .page-header .wds-button.wds-is-text.wds-is-active { color: #a3a0a0 } .WikiaPage .page-header .wds-button-group>.wds-button:not(.wds-is-secondary):not(:last-child) { border-right-color: #424b3a } .WikiaPage .page-header .wds-button-group>.wds-button:not(.wds-is-secondary):not(:first-child) { border-left-color: #424b3a } .WikiaPage .page-header .wds-button-group>.wds-dropdown:not(:last-child) .wds-button { border-right-color: #424b3a } .WikiaPage .page-header .wds-button-group>.wds-dropdown:not(:first-child) .wds-button { border-left-color: #424b3a } .WikiaPage .page-header__counter { color: #D5D4D4; padding-bottom: 12px; font-size: 14px; font-weight: bold; text-align: right } .WikiaPage .page-header__contribution { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-align-self: stretch; -ms-align-self: stretch; align-self: stretch; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-left: 20px } .WikiaPage .page-header__contribution-buttons>*:not(:last-child) { margin-right: 3px } .WikiaPage .page-header__languages { padding-bottom: 12px } .WikiaPage .page-header__languages .wds-dropdown__toggle-chevron { vertical-align: text-top } .WikiaPage .page-header__main { -webkit-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex-positive: 1; box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; max-width: 100%; min-width: 0 } .WikiaPage .page-header__categories { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 12px } .WikiaPage .page-header__categories-in { font-weight: 600; padding-right: 4px; white-space: nowrap } .WikiaPage .page-header__categories-dropdown { padding-bottom: 12px } .WikiaPage .page-header__categories-dropdown-content { font-style: normal; overflow-x: hidden; width: 250px } .WikiaPage .page-header__categories-dropdown li { white-space: normal } .WikiaPage .page-header__categories-links { color: #97ad83; font-style: italic; line-height: 16px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word } .WikiaPage .page-header__categories-links>a:last-child { display: inline-block; padding-bottom: 10px } .WikiaPage .page-header__title { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; color: #D5D4D4; display: inline-block; font-size: 36px; font-weight: bold; line-height: 1; max-width: 100%; word-wrap: break-word } .WikiaPage .page-header__title i { font-style: italic } .WikiaPage .page-header__separator { background-color: #686f61; border: 0; height: 1px; margin-bottom: 18px; margin-top: 0; width: 100% } .WikiaPage .page-header__subtitle { margin-top: 6px } .WikiaPage .page-header__subtitle-back-icon { fill: #97ad83; padding-right: 2px; transform: rotate(270deg); vertical-align: text-top } .WikiaPage .page-header__page-subtitle { margin-top: 6px } .WikiaPage .page-header__page-subtitle .removed { color: rgba(213, 212, 212, 0.6) } .WikiaPage .page-header__subtitle-blog-post { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .WikiaPage .page-header__blog-post-details { margin-left: 6px } .WikiaPage .page-header .wds-avatar { height: 30px; min-width: 30px; width: 30px } .WikiaPage .page-header .wds-avatar a { color: #686f61 } .WikiaPage .page-header .wds-avatar a:hover { color: #686f61 } .WikiaPage .page-header .wds-avatar .wds-avatar__image { background-color: #fff; border: solid 2px #686f61; fill: #686f61 } .WikiaPage .page-header .wds-avatar .wds-avatar__image:hover { border-color: #686f61; fill: #686f61 } .WikiaPage .page-header .wds-avatar .wds-avatar__inner-border:hover+.wds-avatar__image { fill: #686f61; border-color: #686f61 } .WikiaPage .page-header .wds-avatar .wds-avatar__inner-border { height: 26px; min-width: 26px; width: 26px; border: solid 2px #fff; left: 2px; top: 2px } .WikiaPage .page-header .wds-avatar .wds-avatar__badge { height: 15.617px; min-width: 15.617px; width: 15.617px; left: -4.462px; top: -6.2468px } .WikiaPage.WikiaGrid>div>header, .WikiaPage.WikiaGrid>div>hr { margin-left: 10px; margin-right: 10px } /* extensions/wikia/Recirculation/styles/recirculation.scss */ .WikiaRail .premium-recirculation-rail .placeholder-thumbnail { background-color: #353d2f; background-image: url("https://slot1-images.wikia.nocookie.net/__cb7580027580012/common/extensions/wikia/Recirculation/images/brackets.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; display: block; position: relative } .WikiaRail .premium-recirculation-rail .placeholder-thumbnail::before { content: ''; display: block; padding-top: 56.25% } .WikiaRail .premium-recirculation-rail .placeholder-thumbnail img { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .WikiaRail .premium-recirculation-rail .recirculation-sponsored-footer { font-size: 12px; font-style: italic; font-weight: bold; opacity: 0.5; padding-top: 3px } .WikiaRail .premium-recirculation-rail .item { margin: 0 6px 16px } .WikiaRail .premium-recirculation-rail .item.is-video .image-thumbnail::after { bottom: 6px; height: 20px; right: 6px; width: 20px } .WikiaRail .premium-recirculation-rail .image-thumbnail { -webkit-flex: 0 0 94px; -ms-flex: 0 0 94px; flex: 0 0 94px } .WikiaRail .premium-recirculation-rail .content { font-size: 12px; margin-left: 12px; margin-top: 3px } .WikiaRail .premium-recirculation-rail .video-icon-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .WikiaRail .premium-recirculation-rail a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; color: #D5D4D4 } .WikiaRail .premium-recirculation-rail a:hover { color: #97ad83; text-decoration: none } body.ve .discussion-module { display: none } .discussion-module { clear: both; padding-top: 20px; position: relative } .discussion-module .subtext { color: #999; font-size: 12px; font-weight: bold } .discussion-module .discussion-title { margin: 0 } .discussion-module .discussion-link { display: block; position: absolute; right: 0; top: 20px } .discussion-module .discussion-link svg { vertical-align: baseline } .discussion-module .discussion-link .arrow-path { fill: #97ad83 } .discussion-module .discussion-threads, .discussion-module .discussion-thread, .discussion-module .discussion-meta, .discussion-module .discussion-meta div, .discussion-module .discussion-author { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .discussion-module .discussion-threads, .discussion-module .discussion-thread { -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; box-sizing: border-box; margin: 0 } .discussion-module .discussion-threads { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 348px; padding: 20px 10px } .discussion-module .discussion-threads .discussion-thread { border: 1px solid #686f61; cursor: pointer; font-size: 14px; height: 147px; line-height: 18px; list-style-type: none; padding: 10px 15px; position: relative; width: 49% } .discussion-module .discussion-threads .discussion-thread .discussion-content { max-height: 55px; overflow: hidden } .discussion-test .discussion-thread:nth-child(n+3) { -webkit-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; font-size: 12px; height: 100px; line-height: 16px; padding: 6px 15px } .discussion-test .discussion-thread:nth-child(n+3) .discussion-meta { display: none } .discussion-test .discussion-thread:nth-child(n+3) .discussion-content { margin-top: .3em } .discussion-threads .discussion-thread { background-color: #262626; border-color: #1a1a1a } .discussion-author { -webkit-box-align: center; -webkit-align-items: center; align-items: center } .discussion-author h4 { color: #97ad83; margin: 0 6px; max-width: 56%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .discussion-author .discussion-author-avatar { border: 2px solid #686f61; border-radius: 15px; box-sizing: border-box; height: 30px; overflow: hidden; width: 30px } .discussion-meta { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; bottom: 10px; left: 15px; position: absolute; right: 15px } .discussion-meta div { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex-positive: 1; box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1 } .discussion-meta div span { line-height: 18px; margin-left: 5px } .discussion-meta .discussion-comments-container { margin-left: -30px } .discussion-meta .discussion-icon { fill: #999; height: 18px; width: 18px } .discussion-meta .upvote-icon-background { fill: white; stroke: white } .discussion-meta .upvote-icon-background { fill: #262626; stroke: #262626 } #mixed-content-footer { background-color: rgba(255, 255, 255, 0.1); margin: 0 -20px -30px; padding: 20px } @media only screen and (min-width:1596px) { #mixed-content-footer { margin: 0 -30px -30px; padding: 30px } } @media only screen and (min-width:1024px) and (max-width:1083px) { #mixed-content-footer { margin: 0 -10px -30px; padding: 10px } } @media only screen and (max-width:1023px) { #mixed-content-footer { margin: 0 -24px -30px; padding: 24px } } .mcf-content { display: none } .mcf-mosaic { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -webkit-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } h1.mcf-header { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 24px; font-weight: bold; line-height: 20px; margin-bottom: 18px } .mcf-column { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .mcf-column>div { margin-bottom: 12px } .mcf-column>div:last-child { margin-bottom: 0 } .mcf-card { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; border: 1px solid #686f61; border-radius: 3px; box-sizing: border-box; height: 292.58283px; width: 334.66667px; text-decoration: none } .mcf-card:hover { text-decoration: none } .mcf-card .wds-button.wds-is-secondary { cursor: pointer } .mcf-card .wds-button.wds-is-secondary:hover { border-color: #00b7e0; color: #00b7e0 } @media only screen and (min-width:1596px) { .mcf-card { width: 386px; height: 337.46108px } } @media only screen and (min-width:1024px) and (max-width:1083px) { .mcf-card { width: 321.33333px; height: 280.92615px } } @media only screen and (max-width:1023px) { .mcf-card { width: 233.33333px; height: 203.99202px } } .mcf-card-tall { height: 334.66667px } @media only screen and (min-width:1596px) { .mcf-card-tall { height: 386px } } @media only screen and (min-width:1024px) and (max-width:1083px) { .mcf-card-tall { height: 321.33333px } } @media only screen and (max-width:1023px) { .mcf-card-tall { height: 233.33333px } } .mcf-en .mcf-card-related-wikis { height: 376.7505px } @media only screen and (min-width:1596px) { .mcf-en .mcf-card-related-wikis { height: 434.53892px } } @media only screen and (min-width:1024px) and (max-width:1083px) { .mcf-en .mcf-card-related-wikis { height: 361.74052px } } @media only screen and (max-width:1023px) { .mcf-en .mcf-card-related-wikis { height: 262.67465px } } .mcf-card-ns-stream { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; background-size: cover; background-position: center; padding: 0 10px } .mcf-card-ns-stream__title { color: #fff; font-size: 18px; font-weight: bold; line-height: 20px; margin-bottom: 12px; text-align: center } .mcf-card-ns-stream .wds-button { margin-bottom: 40px } @media only screen and (max-width:1023px) { .mcf-card-ns-stream .wds-button { margin-bottom: 20px } } .mcf-card-topic { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; background-size: cover; background-position: center } .mcf-card-topic__overlay { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: rgba(26, 26, 26, 0.75); padding: 0 10px } .mcf-card-topic__title { color: #fff; font-size: 30px; font-weight: bold; margin: 14px 0 18px; text-align: center } @media only screen and (max-width:1023px) { .mcf-card-topic__title { font-size: 24px; margin: 12px 0 8px } } .mcf-card-topic .wds-button { margin-bottom: 30px } @media only screen and (max-width:1023px) { .mcf-card-topic .wds-button { margin-bottom: 20px } } .mcf-card-article { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; background-color: #002A32; background-size: cover; background-position: center; position: relative } .mcf-card-article__thumbnail-container { position: absolute; text-align: center; top: 25%; width: 100% } .mcf-card-article__thumbnail-container>svg { fill: #fff; height: 34.5%; opacity: .15; width: 34.5% } .mcf-card-article__title { color: #fff; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 6px; padding: 0 18px } .mcf-card-article__subtitle { color: #fff; font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 13px; opacity: .5; padding-left: 18px } .mcf-card-article__video-container { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .mcf-card-article__video-icon { height: 108px; min-width: 108px; width: 108px } @media only screen and (max-width:1023px) { .mcf-card-article__video-icon { height: 72px; min-width: 72px; width: 72px } } .mcf-card-article__sponsored-bagde { align-items: center; background-color: rgba(26, 26, 26, 0.7); border-radius: 2px; display: flex; height: 30px; left: 12px; padding: 0 10px; position: absolute; top: 12px } .mcf-card-article__sponsored-text { color: #fff; font-size: 12px; font-weight: bold; line-height: 1.17; letter-spacing: .3px } .mcf-card-article__link { position: relative } .mcf-card-article__plista { bottom: 0; padding: 5px; position: absolute; right: 0; width: 100px } .mcf-card-wiki-articles { background-color: #fff } .mcf-card-wiki-articles__header { background-color: #4c5844; background-position: right center; background-repeat: no-repeat; background-size: contain; color: #fff; font-size: 18px; font-weight: bold; padding: 16px; position: relative } .mcf-card-wiki-articles__header:before { background: linear-gradient(to right, rgba(76, 88, 68, 0.5), rgba(76, 88, 68, 0.5)), linear-gradient(to left, rgba(76, 88, 68, 0) 50px, #4c5844 220px); content: ''; display: block; height: 100%; position: absolute; width: 100%; top: 0; left: 0 } @media only screen and (max-width:1023px) { .mcf-card-wiki-articles__header { font-size: 14px; padding: 12px 16px 16px } } .mcf-card-wiki-articles__header-text { position: relative; word-wrap: break-word } .mcf-card-wiki-articles__list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; height: 100%; margin: 0 18px } .mcf-card-wiki-articles__item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 0 1 33.33333%; -ms-flex: 0 1 33.33333%; flex: 0 1 33.33333%; border-bottom: 1px solid #ccc } .mcf-card-wiki-articles__item:last-child { border-bottom: 0 } .mcf-card-wiki-articles__item-link { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; color: #1a1a1a; text-decoration: none; width: 100% } .mcf-card-wiki-articles__item-link:hover { text-decoration: none } .mcf-card-wiki-articles__circle { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background-color: #999; border-radius: 50%; color: #fff; flex: 0 0 36px; font-size: 18px; font-weight: bold; height: 36px; line-height: 1; width: 36px } @media only screen and (max-width:1023px) { .mcf-card-wiki-articles__circle { flex: 0 0 24px; font-size: 14px; height: 24px; width: 24px } } .mcf-card-wiki-articles__title { font-size: 14px; margin-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media only screen and (max-width:1023px) { .mcf-card-wiki-articles__title { font-size: 12px } } .mcf-card-related-wikis { background-color: #fff } .mcf-card-related-wikis__header { color: #1a1a1a; border-bottom: 1px solid #ccc; font-size: 18px; font-weight: bold; padding: 16px; word-wrap: break-word } @media only screen and (max-width:1023px) { .mcf-card-related-wikis__header { font-size: 14px; padding: 12px 16px 16px } } .mcf-card-related-wikis__list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; height: 100%; margin: 0 16px } .mcf-card-related-wikis__item { -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 1px solid #ccc } .mcf-card-related-wikis__item:last-child { border-bottom: 0 } .mcf-card-related-wikis__item-link { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; color: #1a1a1a; text-decoration: none; width: 100% } .mcf-card-related-wikis__item-link:hover { text-decoration: none } .mcf-card-related-wikis__item-image { max-height: 56px } @media only screen and (max-width:1023px) { .mcf-card-related-wikis__item-image { max-height: 36px } } .mcf-card-related-wikis__title { color: #1a1a1a; display: block; font-size: 16px; font-weight: bold; margin-left: 12px } @media only screen and (max-width:1023px) { .mcf-card-related-wikis__title { font-size: 14px } } .mcf-card-discussions { background-color: #fff; height: 597.16567px; width: 334.66667px } @media only screen and (min-width:1596px) { .mcf-card-discussions { height: 686.92216px; width: 386px } } @media only screen and (min-width:1024px) and (max-width:1083px) { .mcf-card-discussions { height: 573.8523px; width: 321.33333px } } @media only screen and (max-width:1023px) { .mcf-card-discussions { height: 419.98403px; width: 233.33333px } } .mcf-card-discussions__header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 1px solid #ccc; color: #1a1a1a; font-size: 18px; font-weight: 600; word-wrap: break-word; padding: 16px } @media only screen and (max-width:1023px) { .mcf-card-discussions__header { font-size: 14px } } .mcf-card-discussions__link { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; color: #1a5eb8; font-size: 12px; font-weight: bold; text-align: right; text-decoration: none } .mcf-card-discussions__link-icon { margin-left: 6px; transform: rotate(180deg) } .mcf-card-discussions__list { background-image: radial-gradient(farthest-side at 50% 0, rgba(26, 26, 26, 0.12), transparent), radial-gradient(farthest-side at 50% 100%, rgba(26, 26, 26, 0.12), transparent); background-position: 0 0, 0 100%; background-repeat: no-repeat; background-size: 100% 9px; max-height: 100%; overflow-y: auto; position: relative; z-index: 1 } .mcf-card-discussions__list::after, .mcf-card-discussions__list::before { background-color: #fff; content: ''; display: block; height: 30px; margin: 0 0 -30px; position: relative; z-index: -1 } .mcf-card-discussions__list::after { background-color: #fff; margin: -29px 0 0 } .mcf-card-discussions__item { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; border-bottom: 1px solid #ccc; margin: 0 16px } .mcf-card-discussions__item:last-child { border-bottom: 0 } .mcf-card-discussions__item a { color: #ccc; text-decoration: none; width: 100% } .mcf-card-discussions__user-info { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; color: #ccc; margin-top: 12px } .mcf-card-discussions__user-info .wds-avatar { height: 26px; min-width: 26px; width: 26px } .mcf-card-discussions__user-info .wds-avatar a { color: #ccc } .mcf-card-discussions__user-info .wds-avatar a:hover { color: #ccc } .mcf-card-discussions__user-info .wds-avatar .wds-avatar__image { background-color: #fff; border: solid 2px #ccc; fill: #ccc } .mcf-card-discussions__user-info .wds-avatar .wds-avatar__image:hover { border-color: #ccc; fill: #ccc } .mcf-card-discussions__user-info .wds-avatar .wds-avatar__inner-border:hover+.wds-avatar__image { fill: #ccc; border-color: #ccc } .mcf-card-discussions__user-info .wds-avatar .wds-avatar__inner-border { height: 22px; min-width: 22px; width: 22px; border: solid 2px #fff; left: 2px; top: 2px } .mcf-card-discussions__user-info .wds-avatar .wds-avatar__badge { height: 14.6014px; min-width: 14.6014px; width: 14.6014px; left: -4.17183px; top: -5.84056px } .mcf-card-discussions__user-subtitle { color: #1a1a1a; font-weight: bold; font-size: 14px; margin-left: 6px; opacity: 0.5 } @media only screen and (max-width:1023px) { .mcf-card-discussions__user-subtitle { font-size: 12px } } .mcf-card-discussions__content { color: #1a1a1a; font-size: 18px; margin: 6px 0 10px; word-wrap: break-word } @media only screen and (max-width:1023px) { .mcf-card-discussions__content { font-size: 14px } } .mcf-card-discussions__meta { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 14px; padding-bottom: 12px } @media only screen and (max-width:1023px) { .mcf-card-discussions__meta { font-size: 12px } } .mcf-card-discussions__in { color: #999 } .mcf-card-discussions__counters { -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; color: #999 } .mcf-card-discussions__counters svg { color: #ccc; margin: 0 3px 0 6px } .mcf-card-discussions__zero-state { border: dashed 1px #ccc; display: flex; flex-direction: column; height: 163px; margin: 18px auto; width: 298px } @media only screen and (min-width:1596px) { .mcf-card-discussions__zero-state { width: 302px } } @media only screen and (min-width:1024px) and (max-width:1083px) { .mcf-card-discussions__zero-state { width: 237.33333px } } @media only screen and (max-width:1023px) { .mcf-card-discussions__zero-state { width: 149.33333px; height: 220px } } .mcf-card-discussions__zero-state:hover { text-decoration: none } .mcf-card-discussions__zero-state-icon { fill: #ccc; margin: 36px auto 6px auto } .mcf-card-discussions__zero-state-text { color: #333333; font-size: 16px; line-height: 1.38; padding: 0 24px; text-align: center } /* extensions/wikia/EmbeddableDiscussions/styles/EmbeddableDiscussions.scss */ .embeddable-discussions-module .avatar-container { border: 2px solid #5b6850; border-radius: 50%; height: 42px; overflow: hidden; width: 42px } .embeddable-discussions-module .avatar-container img { border: 0 } .embeddable-discussions-module .avatar-container.logged-avatar-placeholder { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2018%2019%22%20style%3D%22enable-background%3Anew%200%200%2018%2019%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23666F79%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M11.2%2C12.6c0.8-0.8%2C1.4-2.1%2C2-3.6c0.4-0.9%2C0.4-4.7%2C0.2-5.4c-0.7-2.3-2.4-3-4.4-3c0%2C0%2C0%2C0%2C0%2C0s0%2C0%2C0%2C0c-2%2C0-3.7%2C0.6-4.4%2C3C4.4%2C4.3%2C4.5%2C8.1%2C4.8%2C9c0.6%2C1.5%2C1.2%2C2.8%2C2%2C3.6c-3%2C0.5-6.1%2C2.9-6.1%2C2.9v2.8l8.3%2C0l8.3%2C0v-2.8C17.3%2C15.5%2C14.2%2C13.1%2C11.2%2C12.6z%22%2F%3E%3C%2Fsvg%3E"); background-position: center; background-repeat: no-repeat } .embeddable-discussions-module .avatar-container.avatar-more { background: #4a5441; color: #a1a59d; font-size: 10px; line-height: 42px; text-align: center } .embeddable-discussions-module .avatar-details { line-height: 42px; margin-left: 10px; font-size: 16px } .embeddable-discussions-share-modal.modal { align-items: center; min-height: 0 } .embeddable-discussions-share-modal.modal>header { display: none } .embeddable-discussions-share-modal.modal>footer { display: none } .embeddable-discussions-share-modal.modal>section { padding: 24px 0 0; text-align: center; width: 100% } .embeddable-discussions-share-modal.modal.small { width: 350px } .embeddable-discussions-share-modal.modal .embeddable-discussions-sharemodal-cancel-button { background: #424b3a; color: #4b5643; display: inline-block; float: right; font-size: 12px; font-weight: bold; height: 46px; line-height: 46px; margin: 6px 6px 6px 0; padding: 0 20px; text-decoration: none; text-transform: uppercase } .embeddable-discussions-share-modal.modal .embeddable-discussions-sharemodal-cancel-button:hover, .embeddable-discussions-share-modal.modal .embeddable-discussions-sharemodal-cancel-button:active { background-color: #0f110e; text-decoration: none } .embeddable-discussions-share-modal.modal .embeddable-discussions-sharemodal-heading { font-size: 16px; font-weight: bold } .embeddable-discussions-share-modal.modal .embeddable-discussions-sharemodal-icons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -webkit-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; border-bottom: 2px solid #555d4e; padding: 20px 0 24px } .embeddable-discussions-share-modal.modal .embeddable-discussions-sharemodal-icon { height: 26px; margin: 3px; padding-right: 10px; width: 26px } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-facebook { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/facebook.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-facebook:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/facebook-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-google { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/google.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-google:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/google-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-line { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/line.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-line:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/line-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-meneame { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/meneame.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-meneame:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/meneame-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-nk { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/nk.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-nk:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/nk-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-odnoklassniki { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/odnoklassniki.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-odnoklassniki:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/odnoklassniki-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-qzone { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/qzone.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-qzone:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/qzone-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-reddit { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/reddit.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-reddit:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/reddit-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-tumblr { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/tumblr.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-tumblr:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/tumblr-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-twitter { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/twitter.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-twitter:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/twitter-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-vkontakte { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/vkontakte.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-vkontakte:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/vkontakte-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-weibo { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/weibo.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-weibo:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/weibo-active.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-wykop { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/wykop.svg") no-repeat } .embeddable-discussions-share-modal.modal .embeddable-discussions-icon-wykop:hover { background: url("/extensions/wikia/EmbeddableDiscussions/images/social/wykop-active.svg") no-repeat } .embeddable-discussions-module { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; border: 1px solid #828a79; margin: 0; padding: 3px 21px 30px 27px } .embeddable-discussions-module p { margin: 0 } .embeddable-discussions-module svg { vertical-align: middle } .embeddable-discussions-module a.embeddable-discussions-fill-div { display: block; height: 100%; left: 0; position: absolute; text-decoration: none; top: 0; width: 100% } .embeddable-discussions-module .avatar { height: 30px; width: 30px } .embeddable-discussions-module .avatar-container { height: 30px; position: relative; width: 30px; z-index: 1 } .embeddable-discussions-module .avatar-details { font-size: 14px; line-height: 30px; z-index: 1 } .embeddable-discussions-module .clamp { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .embeddable-discussions-module .embeddable-discussions-default-avatar { background: url("/extensions/wikia/EmbeddableDiscussions/images/icon-avatar.svg") no-repeat; height: 30px; width: 30px } .embeddable-discussions-module .embeddable-discussions-forum { color: #8e9389; font-size: 12px; float: left } .embeddable-discussions-module .embeddable-discussions-header-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -webkit-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row } .embeddable-discussions-module .embeddable-discussions-heading-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 10px } .embeddable-discussions-module .embeddable-discussions-heading { height: 24px; font-size: 18px } .embeddable-discussions-module .embeddable-discussions-post-actions { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-align-self: center; -ms-align-self: center; align-self: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; border-top: 1px solid #4d5646; font-size: 12px; font-weight: 500; height: 45px; list-style: none; margin: 0; max-width: none; padding: 0 15px } .embeddable-discussions-module .embeddable-discussions-post-actions li { color: #8e9389; cursor: pointer; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap } .embeddable-discussions-module .embeddable-discussions-post-actions li.is-deleted { opacity: 0 } .embeddable-discussions-module .embeddable-discussions-post-actions a { color: #8e9389; cursor: pointer; font-size: 12px } .embeddable-discussions-module .embeddable-discussions-post-counter { padding-left: 10px } .embeddable-discussions-module .embeddable-discussions-post-counters { color: #8e9389; font-size: 12px; justify-content: flex-end; padding-bottom: 4px; text-align: right } .embeddable-discussions-module .embeddable-discussions-post-detail { background-color: #485040; border: 1px solid #4d5646; margin: 0 0 20px; padding: 20px 0 0; position: relative } .embeddable-discussions-module .embeddable-discussions-post-detail.is-deleted::before, .embeddable-discussions-module .embeddable-discussions-post-detail.is-reported::before { border-color: transparent; border-style: solid; border-width: 12px 12px 0 0; content: ''; left: 0; position: absolute; top: 0 } .embeddable-discussions-module .embeddable-discussions-post-detail.is-deleted::before { border-top-color: #ed1c24 } .embeddable-discussions-module .embeddable-discussions-post-detail.is-reported::before { border-top-color: #f08a24 } .embeddable-discussions-module .embeddable-discussions-post-detail-columns { margin-right: 10px; width: 48% } .embeddable-discussions-module .embeddable-discussions-post-detail-right-column { width: 100% } .embeddable-discussions-module .embeddable-discussions-reply-icon path { fill: #8e9389 } .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny { margin-right: 4px } .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny path { fill: #8e9389 } .embeddable-discussions-module .embeddable-discussions-share-icon path { fill: #8e9389 } .embeddable-discussions-module .embeddable-discussions-show-all { font-size: 12px; font-weight: bold; line-height: 24px; margin-left: auto } .embeddable-discussions-module .embeddable-discussions-side-spaced { padding-left: 15px; padding-right: 15px; position: relative } .embeddable-discussions-module .embeddable-discussions-threads { clear: both; padding-top: 14px; position: relative } .embeddable-discussions-module .embeddable-discussions-threads-columns { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .embeddable-discussions-module .embeddable-discussions-timestamp { color: #8e9389; font-size: 12px; padding-left: 5px } .embeddable-discussions-module .embeddable-discussions-title { font-size: 14px; font-weight: bold; margin-top: 5px; min-height: 22px } .embeddable-discussions-module .embeddable-discussions-title.is-deleted { opacity: 0.5 } .embeddable-discussions-module .embeddable-discussions-upvote-icon path { fill: #8e9389 } .embeddable-discussions-module .embeddable-discussions-upvote-icon-active path { fill: #e3bd00 } .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny { margin-right: 4px } .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny path { fill: #8e9389 } .embeddable-discussions-module .embeddable-discussions-zero { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; align-items: center; border: 1px dashed #686f61; clear: both; padding: 48px 0 75px; line-height: 1.4; text-align: center } .embeddable-discussions-module .embeddable-discussions-zero-plus { background: url("/extensions/wikia/EmbeddableDiscussions/images/plus-x-large.svg") no-repeat; height: 34px; padding-bottom: 18px; width: 34px } .embeddable-discussions-module .embeddable-discussions-zero-text { font-size: 16px } .embeddable-discussions-module .embeddable-action-gap { flex-grow: 1; max-width: 50px; min-width: 20px } /* extensions/wikia/PortableInfobox/styles/PortableInfobox.scss */ .portable-infobox { background-color: #4f5a45; clear: right; float: right; margin: 0 0 15px 15px; width: 270px } .portable-infobox .pi-item-spacing { padding: 5px 10px } .portable-infobox .pi-secondary-font { font-size: 12px; font-weight: bold; line-height: 18px; margin-top: 0 } .portable-infobox .pi-header, .portable-infobox .pi-title { border: 0; margin: 0 } .portable-infobox .pi-title { font-size: 18px; line-height: 28px } .portable-infobox .pi-data-label { margin-bottom: inherit; margin-top: 0 } .portable-infobox .pi-data-value>*, .portable-infobox .pi-data-value li { margin: 0 } .portable-infobox .pi-data-value ol, .portable-infobox .pi-data-value ul { list-style-position: inside } .portable-infobox .pi-data-value li { line-height: 19px } .pi-secondary-background { background-color: #57644c } .pi-border-color { border-color: #57644c } .portable-infobox>.pi-item:last-child { border-bottom: 0 } .pi-image { text-align: center } .pi-caption { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; color: #a1a59d; font-size: 12px; font-style: italic; text-align: left; word-wrap: break-word } .pi-data, .pi-group { border-bottom-style: solid; border-bottom-width: 1px } .pi-group>.pi-item:last-child { border-bottom: 0 } .pi-data { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -webkit-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; box-sizing: border-box; overflow: hidden; width: 100% } .pi-data-label { -ms-flex-preferred-size: 90px; -webkit-flex-basis: 90px; -moz-flex-basis: 90px; flex-basis: 90px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow: hidden; word-wrap: break-word } .pi-data-value { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-size: 12px; line-height: 18px; padding-left: 0; word-break: break-word } .pi-data-value:not(:first-child) { -ms-flex-preferred-size: 180px; -webkit-flex-basis: 180px; -moz-flex-basis: 180px; flex-basis: 180px; padding-left: 10px } .pi-horizontal-group { border-spacing: 0; table-layout: fixed; text-align: center; width: 100% } .pi-horizontal-group .pi-header { text-align: left } .pi-horizontal-group .pi-horizontal-group-item { vertical-align: top } .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left-style: solid; border-left-width: 1px } .pi-horizontal-group .pi-data-label { padding-bottom: 0 } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: #57644c; border-left-style: solid; border-left-width: 1px } .pi-smart-group { border-bottom-style: solid; border-bottom-width: 1px; display: flex; flex-direction: column; text-align: center } .pi-smart-group:last-child { border-bottom: 0 } .pi-smart-group .pi-smart-data-label { padding-bottom: 0 } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { box-sizing: border-box; flex-basis: auto; padding: 5px 10px } .pi-smart-group-body { display: flex } .pi-smart-group-head { display: flex } .pi-layout-stacked .pi-data { display: block } .pi-layout-stacked .pi-data-value { padding-left: 10px } .pi-collapse .pi-header:first-child { padding-right: 25px; position: relative } .pi-collapse .pi-header:first-child::after { border-color: #D5D4D4; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 5px; right: 0; position: relative; top: -1px; vertical-align: middle; width: 5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .pi-collapse .pi-header:first-child:after { display: block; margin-top: -3px; position: absolute; right: 10px; top: 50% } .pi-collapse-closed { border-bottom: none } .pi-collapse-closed .pi-header:first-child::after { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); margin-top: -5px } .pi-collapse-closed>*:nth-child(n+2) { display: none } .pi-collapse-closed .pi-horizontal-group thead, .pi-collapse-closed .pi-horizontal-group tbody { display: none } ul.pi-image-collection-tabs { list-style: none; margin: 0 -1px -1px 0; overflow: hidden; padding: 0; text-align: center } ul.pi-image-collection-tabs li { border: 1px solid #57644c; box-sizing: border-box; cursor: pointer; display: inline-block; margin: -1px -1px 0 0; max-width: 50%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap } ul.pi-image-collection-tabs li.current { background: #57644c; font-weight: bold } .pi-image-collection-tab-content { background-color: #4f5a45; display: none } .pi-image-collection-tab-content .video-thumbnail { display: block } .pi-image-collection-tab-content.current { display: inherit } .WikiaArticle .pi-error-info { background-color: #f33; color: white; font-size: 18px; line-height: 28px; margin: 0; padding: 30px 50px } .WikiaArticle .pi-debug { background-color: #555d4e; font-family: monospace; list-style: none; margin: 0; width: 100% } .WikiaArticle .pi-debug li { margin: 0 } .WikiaArticle .pi-debug .error { font-size: inherit } .pi-debug-line { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .pi-debug-line-number, .pi-debug-line-code { box-sizing: border-box } .pi-debug-line-number { -ms-flex-preferred-size: 50px; -webkit-flex-basis: 50px; -moz-flex-basis: 50px; flex-basis: 50px; -ms-flex-negative: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; padding-left: 10px } .pi-debug-error-message { background-color: black; color: white; font-family: Helvetica, Arial, sans-serif; margin: 20px 0 10px 25px; padding: 10px 15px; position: relative; width: 400px } .pi-debug-error-message:before { border-bottom: 15px solid black; border-left: 15px solid transparent; border-right: 15px solid transparent; content: ''; display: block; height: 0; left: 25px; position: absolute; top: -15px; width: 0 } .pi-debug-error-message .pi-debug-error-message-item { margin: 5px 0 } /* extensions/wikia/PortableInfobox/styles/PortableInfoboxEuropaTheme.scss */ .pi-europa.portable-infobox { color: #D5D4D4; width: 300px } .pi-europa.pi-background { background-color: #4c5544 } .pi-europa.pi-layout-stacked .pi-data-label { padding-bottom: 6px; padding-right: 0 } .pi-europa .pi-caption { color: #959494; font-style: normal; line-height: 18px } .pi-europa .pi-collapse .pi-header::after, .pi-europa .pi-header.collapsible::after { border-color: #fff; height: 9px; right: 14px; width: 9px } .pi-europa .pi-collapse-closed .pi-header::after { margin-top: -7px } .pi-europa .pi-data-label { -ms-flex-preferred-size: 88px; -webkit-flex-basis: 88px; -moz-flex-basis: 88px; flex-basis: 88px; color: inherit; padding-right: 14px } .pi-europa .pi-data-value { padding-left: 0 } .pi-europa .pi-data-value li { line-height: 18px; padding-bottom: 8px } .pi-europa .pi-data-value li:last-child { padding-bottom: 0 } .pi-europa .pi-data-value ul { list-style-type: disc } .pi-europa .pi-data-value ol { margin-left: 14px } .pi-europa .pi-data-value ol, .pi-europa .pi-data-value ul { list-style-position: outside; margin-left: 14px } .pi-europa .pi-data, .pi-europa .pi-group { border-bottom: 0 } .pi-europa .pi-header { font-size: 16px } .pi-europa .pi-header, .pi-europa .pi-image-collection-tabs { line-height: 20px } .pi-europa .pi-header, .pi-europa .pi-tab-link { padding: 9px 14px } .pi-europa .pi-header, .pi-europa .pi-title { background-color: #4b5643; color: #fff; text-align: center } .pi-europa .pi-header a, .pi-europa .pi-title a { color: #fff; text-decoration: underline } .pi-europa .pi-horizontal-group { text-align: left } .pi-europa .pi-horizontal-group .pi-horizontal-group-item { border-left: 0 } .pi-europa .pi-horizontal-group .pi-data-label { padding: 10px 14px 6px } .pi-europa .pi-horizontal-group .pi-data-value { padding-left: 14px; padding-top: 0 } .pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: #4c5544 } .pi-europa .pi-horizontal-group-no-labels .pi-data-value { padding-top: 10px } .pi-europa .pi-image-collection-tabs { background-color: #4c5544; margin: 0; text-align: left } .pi-europa .pi-image-collection-tabs .current { background-color: #444e3c } .pi-europa .pi-image-collection-tab-content { background-color: inherit } .pi-europa .pi-item-spacing { padding: 10px 14px } .pi-europa .pi-item-spacing.pi-caption { padding-bottom: 14px } .pi-europa .pi-navigation { background-color: inherit; color: inherit; font-weight: inherit } .pi-europa .pi-data-label.pi-smart-data-label { padding: 10px 14px 6px } .pi-europa .pi-smart-group-head+.pi-smart-group-body .pi-smart-data-value { padding-top: 0 } .pi-europa .pi-smart-data-label, .pi-europa .pi-smart-data-value { border-left: 0; box-sizing: border-box; flex-basis: auto } .pi-europa .pi-smart-data-label:nth-child(even), .pi-europa .pi-smart-data-value:nth-child(even) { background-color: #4c5544 } .pi-europa .pi-smart-group { border-bottom: 0; text-align: left } .pi-europa .pi-tab-link { border: 0; font-size: 14px; margin: 0 } .pi-europa .pi-title { font-size: 20px; font-weight: bold; line-height: 24px; padding-top: 14px } /* extensions/wikia/GlobalShortcuts/styles/GlobalShortcutsHelp.scss */ .global-shortcuts-help { font-size: 14px } .global-shortcuts-help section { overflow: auto } .global-shortcuts-help section .col { box-sizing: border-box; float: left; padding: 0 25px 0 0; width: 50% } .global-shortcuts-help section .col:nth-child(2n) { padding: 0 0 0 25px } .global-shortcuts-help section .full-width { clear: both } .global-shortcuts-help footer { height: auto; padding: 10px 20px; position: static; text-align: right } .global-shortcuts-help footer .key { height: 25px; margin: 0; vertical-align: middle } .global-shortcuts-help h2 { border-bottom: 1px solid #cacaca; margin-bottom: 20px } .global-shortcuts-help .key-list { list-style: none; overflow: hidden } .global-shortcuts-help .key-combination { line-height: 22px; margin-bottom: 8px; width: 50%; float: right; text-align: left } .global-shortcuts-help .key { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ECECEC 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #ECECEC 100%); background: linear-gradient(to bottom, #ffffff 0%, #ECECEC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ECECEC', GradientType=0); border: 1px solid #cacaca; border-bottom-width: 2px; border-radius: 3px; color: #545454; display: inline-block; padding: 0 5px; text-align: center; width: 20px; margin: 0 5px 5px } .global-shortcuts-help .label { clear: both; float: left; margin-bottom: 8px; padding-top: 6px; width: 50% } /* extensions/wikia/GlobalShortcuts/styles/GlobalShortcutsSearch.scss */ #GlobalShortcutsSearch.global-shortcuts-search { border: 0; font-size: 14px; height: 400px } #GlobalShortcutsSearch.global-shortcuts-search>header { display: none } #GlobalShortcutsSearch.global-shortcuts-search>section { height: 100%; overflow: auto } #GlobalShortcutsSearch.global-shortcuts-search>section .col { box-sizing: border-box; float: left; padding: 0 25px 0 0; width: 50% } #GlobalShortcutsSearch.global-shortcuts-search>section .col:nth-child(2n) { padding: 0 0 0 25px } #GlobalShortcutsSearch.global-shortcuts-search>section .full-width { box-sizing: border-box; position: relative; clear: both } #GlobalShortcutsSearch.global-shortcuts-search>section #global_shortcuts_search_field { background-color: #424b3a; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22744.094%22%20height%3D%221052.362%22%3E%3Crect%20width%3D%22510.986%22%20height%3D%22275.529%22%20x%3D%22119.354%22%20y%3D%22-729.791%22%20ry%3D%2258.006%22%20transform%3D%22scale%281%20-1%29%22%20fill%3D%22%23006cb0%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22180.714%22%20y%3D%22514.505%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22240.714%22%20y%3D%22514.505%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22180.714%22%20y%3D%22514.505%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22298.714%22%20y%3D%22514.505%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22357.143%22%20y%3D%22514.505%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22414.286%22%20y%3D%22513.791%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22473.571%22%20y%3D%22513.791%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22533.571%22%20y%3D%22513.791%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22200.714%22%20y%3D%22572.362%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22257.143%22%20y%3D%22572.362%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22316.429%22%20y%3D%22572.362%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22375%22%20y%3D%22572.362%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22435.714%22%20y%3D%22572.362%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22493.571%22%20y%3D%22572.362%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22180%22%20y%3D%22630.934%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%22273.571%22%20height%3D%2235%22%20x%3D%22238.571%22%20y%3D%22630.934%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2236.429%22%20height%3D%2235%22%20x%3D%22533.571%22%20y%3D%22631.648%22%20ry%3D%220%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") !important; background-position: 0px -9px; background-repeat: no-repeat; background-size: 33px; border: 0; box-sizing: border-box; color: #D5D4D4; outline: 0; padding: 8px 8px 8px 37px; width: 100% } #GlobalShortcutsSearch.global-shortcuts-search footer { display: none } #GlobalShortcutsSearch.global-shortcuts-search h2 { border-bottom: 1px solid #cacaca; margin-bottom: 20px } #GlobalShortcutsSearch.global-shortcuts-search .key-list { list-style: none; overflow: hidden } #GlobalShortcutsSearch.global-shortcuts-search .key-combination { line-height: 22px; margin-bottom: 8px; width: 50% } #GlobalShortcutsSearch.global-shortcuts-search .key-combination, #GlobalShortcutsSearch.global-shortcuts-search .key-combination-in-suggestions { float: right; text-align: left } #GlobalShortcutsSearch.global-shortcuts-search .key { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ECECEC 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #ECECEC 100%); background: linear-gradient(to bottom, #ffffff 0%, #ECECEC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ECECEC', GradientType=0); border: 1px solid #cacaca; border-bottom-width: 2px; border-radius: 3px; color: #545454; display: inline-block; padding: 0 5px; text-align: center; width: 20px } #GlobalShortcutsSearch.global-shortcuts-search .label { clear: both; float: left; margin-bottom: 8px; padding-top: 6px; width: 50% } #GlobalShortcutsSearch.global-shortcuts-search .global-shortcuts-field-wrapper { border-bottom: 1px solid #bbbbbb } #GlobalShortcutsSearch.global-shortcuts-search .autocomplete-suggestions { box-sizing: border-box; overflow-y: auto; padding-right: 8px; width: 100% !important } #GlobalShortcutsSearch.global-shortcuts-search .autocomplete-suggestions strong { font-weight: bold } #GlobalShortcutsSearch.global-shortcuts-search .autocomplete-group { margin: 20px 0 15px 0; padding: 4px 4px } #GlobalShortcutsSearch.global-shortcuts-search .autocomplete-suggestion { border: 0; box-shadow: none; cursor: pointer; font-size: 14px; line-height: 25px; padding: 4px 4px } #GlobalShortcutsSearch.global-shortcuts-search .autocomplete-selected { background-color: #535f49 } #GlobalShortcutsSearch.global-shortcuts-search .separate { display: inline-block; padding: 0 10px } .global-shortcuts-search-entry-point { box-sizing: content-box; display: none; padding: 0; vertical-align: middle; width: 23px } .global-shortcuts-search-entry-point-throbber { display: inline-block; height: 23px; position: relative; vertical-align: middle; width: 25px } /* extensions/wikia/Qualaroo/css/Qualaroo.scss */ .skin-oasis #ki_container { z-index: 5000100 }