MediaWiki:DVSTFW/code.css

/* * @Name:          Dark VSTF Wiki * @Description:   Night Theme for VSTF Wiki. Moon & night sky backgrounds. * @Authors:       Ursuul  * @Attribution:   Count of Howard  *                 Yatalu  * @Base Code:     http://dev.wikia.com/MediaWiki:DarkOasis/code.css *                 http://dev.wikia.com/MediaWiki:DarkMonobook/code.css * @Scope:         Personal only, violates Customization Policy sitewide. * @Stability:     Very unstable. Use at your own risk. * * @To-Do:         Reorganize CSS more logically. *                 Rein in unnecessary !important statements. *                 Streamline into shorter, neater CSS. *                 Redesign buttons. Abandon old, bugged styles. *                 Redesign dropdowns so they aren’t white. *                 Style hover modals so they aren’t white either. *                 Revisit Modal styles, make it less pitch-black. *                 Revisit background color, consider bluish theme to match backgrounds. */

/* General */

.wiki-vstf a { color: #00CBFF; }

body.wiki-vstf.skin-oasis { background: #111 !important; color: #DDD; }

.wiki-vstf .mw-headline { color: #000000 !important; }

.wiki-vstf .page-header__counter, .wiki-vstf .page-header__title { color: #FCFCFC !important; }

.wiki-vstf #wpTextbox1 { color: #000000; background: #999999; border:1px solid #555; }

.wiki-vstf .diff .diff-contentalign-left { background:#FFF5E4; }

.wiki-vstf .WikiaArticle #pagehistory li.selected, .wiki-vstf .article-categories, .wiki-vstf .selected, .wiki-vstf .WikiaRail .module, .wiki-vstf .WikiaPage .WikiaPageBackground { background: #424242; border: 1px solid #555555; }

.wiki-vstf .WikiaPage { border: none !important; }

.wiki-vstf .activityfeed .subtle { color:#DDD; }

.wiki-vstf .category-gallery-item span.details { background: #29A198; }

.wiki-vstf .CategorySelect.articlePage .category { border-right:1px solid #555; }

.wiki-vstf .WikiaArticle pre { background-color: #635D55; }/**/

/* Header */ body.wiki-vstf.skin-oasis { background:url("https://mypoeticmuse.files.wordpress.com/2014/08/night-moon-dark-clouds-clouds-nature-1080x1920.jpg") top center !important; background-position: left !important; background-attachment: fixed !important; }

.wiki-vstf .wds-community-header { background-image: url(https://vignette3.wikia.nocookie.net/rings-of-the-master/images/0/0e/Community-header-background/revision/latest/zoom-crop/width/471/height/115?cb=20170627104150) !important; }

.wiki-vstf .wds-community-header::before { background: linear-gradient(to right, rgba(27, 79, 142, 0.5), rgba(27, 79, 142, 0.5)), linear-gradient(to left, rgba(27, 79, 142, 0) 200px, #1B4F8E 430px) !important; }

.wiki-vstf .WikiaPage .page-header .wds-button { background-color: #1B4F8E; border-color: #1B4F8E; color: #FFFFFF; }

.wiki-vstf .WikiaPage .page-header .wds-button:focus:not(:disabled), .wiki-vstf .WikiaPage .page-header .wds-button:hover:not(:disabled), .wiki-vstf .WikiaPage .page-header .wds-button:active, .wiki-vstf .WikiaPage .page-header .wds-button.wds-is-active { background-color: #4676B5; border-color: #4676B5; }

.wiki-vstf .WikiaPage .page-header .wds-button.wds-is-secondary { background: transparent; border-color: #FFFFFF; color: #FFFFFF; }

.wiki-vstf .WikiaPage .page-header .wds-button.wds-is-secondary:focus:not(:disabled), .wiki-vstf .WikiaPage .page-header .wds-button.wds-is-secondary:hover:not(:disabled), .wiki-vstf .WikiaPage .page-header .wds-button.wds-is-secondary:active, .wiki-vstf .WikiaPage .page-header .wds-button.wds-is-secondary.wds-is-active { background: transparent; border-color: #D6D6D6; color: #D6D6D6; }

.wiki-vstf .WikiaRail .rail-module .wds-button.wds-is-secondary { border-color: #00CBFF; color: #00CBFF; }

.wiki-vstf .WikiaRail .rail-module .wds-button.wds-is-secondary:focus:not(:disabled), .wiki-vstf .WikiaRail .rail-module .wds-button.wds-is-secondary:hover:not(:disabled), .wiki-vstf .WikiaRail .rail-module .wds-button.wds-is-secondary:active, .wiki-vstf .WikiaRail .rail-module .wds-button.wds-is-secondary.wds-is-active { border-color: #1893B2; color: #1893B2; }

.wiki-vstf .wds-community-header .wds-button.wds-is-secondary { background-color: transparent !important; }/**/

/* Main page */ .wiki-vstf .mainpage-social { background-color: #333333; }

.wiki-vstf .mainpage-social h3 { color: #FFFFFF; }

.wiki-vstf .wds-dropdown__content { color: #000000; }

.wiki-vstf .wds-dropdown__content li.notification:hover { background-color: rgba(164, 182, 191, 0.2) !important; }/**/

/* Categories */ .wiki-vstf .RelatedPagesModule .articleSnippet { color: #EFEFEF; }

.wiki-vstf .CategorySelect.articlePage .input { background-color: transparent; color: #FFFFFF; }

body.wiki-vstf .ui-autocomplete { background: #555; border-color: #727272; }

.wiki-vstf .CategorySelect.articlePage > .toolbar { background-color: transparent; border-top: 1px solid grey; }

.wiki-vstf .CategorySelect.articlePage .category.new, .wiki-vstf .CategorySelect.articlePage .placeholder { background-color: inherit; border: 1px solid #DDD; }/**/

/* Comment Areas */ .wiki-vstf .SpeechBubble .speech-bubble-message.current { background: #F6E3E9; color: #000000 !important; }

.wiki-vstf .SpeechBubble.even .speech-bubble-message, .wiki-vstf .SpeechBubble.owner .speech-bubble-message { color: #000000 }

.wiki-vstf .SpeechBubble .speech-bubble-message, .wiki-vstf .Wall .SpeechBubble.new-message .speech-bubble-message { background: #555; color: #EFEFEF; }

.wiki-vstf .comments .staff > blockquote, .wiki-vstf .comments .staff .current, .wiki-vstf .comments .staff.even blockquote { background: #C7D1D8; color: #000000 }

.wiki-vstf .WikiaArticleComments .article-comments, .wiki-vstf .WikiaArticleComments { border-top:1px solid #555 !important; }

.wiki-vstf .WikiaArticleComments .MiniEditorWrapper .editarea { border:1px solid #777 !important; }

.wiki-vstf .WikiaArticleComments .MiniEditorWrapper .editarea textarea { background-color:#909090 !important; }

/* WA Stuff/Modules */ .wiki-vstf .insights-light .insights-icon-nonportableinfoboxes, .wiki-vstf .insights-light .insights-icon-pageswithoutinfobox, .wiki-vstf .insights-light .insights-icon-templateswithouttype { 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%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2076%2065%22%20enable-background%3D%22new%200%200%2076%2065%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Crect%20x%3D%2250.5%22%20y%3D%2237.9%22%20fill%3D%22%23D6D5D4%22%20width%3D%2210%22%20height%3D%2227.1%22%2F%3E%3Crect%20x%3D%2235%22%20y%3D%2247%22%20fill%3D%22%23D6D5D4%22%20width%3D%2210%22%20height%3D%2218%22%2F%3E%3Crect%20x%3D%2266%22%20y%3D%2252%22%20fill%3D%22%23D6D5D4%22%20width%3D%2210%22%20height%3D%2213%22%2F%3E%3Cg%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20fill%3D%22%23D6D5D4%22%20width%3D%2235%22%20height%3D%225%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2220%22%20fill%3D%22%23D6D5D4%22%20width%3D%2235%22%20height%3D%225%22%2F%3E%3Cg%3E%3Cpolygon%20fill%3D%22%23D6D5D4%22%20points%3D%2229%2C65%200%2C65%200%2C0%2055%2C0%2055%2C32%2050%2C32%2050%2C5%205%2C5%205%2C60%2029%2C60%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E) !important; }

.wiki-vstf .insights-light .insights-icon-popularpages { 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%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2074%2065%22%20enable-background%3D%22new%200%200%2074%2065%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Crect%20x%3D%2252.8%22%20y%3D%2240.4%22%20transform%3D%22matrix%280.7071%200.7071%20-0.7071%200.7071%2050.7987%20-24.8956%29%22%20fill%3D%22%23D6D5D4%22%20width%3D%225.4%22%20height%3D%2217%22%2F%3E%3Crect%20x%3D%2235.7%22%20y%3D%2241.2%22%20transform%3D%22matrix%280.7071%200.7071%20-0.7071%200.7071%2048.6098%20-11.5704%29%22%20fill%3D%22%23D6D5D4%22%20width%3D%225.2%22%20height%3D%2223.4%22%2F%3E%3Crect%20x%3D%2245.7%22%20y%3D%2243.1%22%20transform%3D%22matrix%28-0.7071%200.7071%20-0.7071%20-0.7071%20117.8149%2051.2626%29%22%20fill%3D%22%23D6D5D4%22%20width%3D%225.2%22%20height%3D%2213.8%22%2F%3E%3Cpolygon%20fill%3D%22%23D6D5D4%22%20points%3D%2269%2C52.6%2074%2C31.5%2052.1%2C35.7%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20fill%3D%22%23D6D5D4%22%20width%3D%2235%22%20height%3D%225%22%2F%3E%3Cpolyline%20fill%3D%22%23D6D5D4%22%20points%3D%2245%2C20%2045%2C25%2010%2C25%2010%2C20%22%2F%3E%3Cg%3E%3Cpolygon%20fill%3D%22%23D6D5D4%22%20points%3D%2227%2C65%200%2C65%200%2C0%2055%2C0%2055%2C29%2050%2C30%2050%2C5%205%2C5%205%2C60%2022%2C60%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)!important; }

.wiki-vstf .insights-light .insights-icon-uncategorizedpages { 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%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2033.2%2026%22%20enable-background%3D%22new%200%200%2033.2%2026%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20fill%3D%22%23D5D4D4%22%20width%3D%2214%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%228%22%20fill%3D%22%23D5D4D4%22%20width%3D%2214%22%20height%3D%222%22%2F%3E%3Cg%3E%3Cpolygon%20fill%3D%22%23D5D4D4%22%20points%3D%2212%2C26%200%2C26%200%2C0%2022%2C0%2022%2C12%2020%2C12%2020%2C2%202%2C2%202%2C24%2012%2C24%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23D5D4D4%22%20d%3D%22M28.2%2014c0.9%201%204.1%204.7%204.8%205.6c0.2%200.3%200.2%200.5%200%200.8c-1%201.2-4.2%204.9-4.8%205.5c0%200.1-0.1%200.1-0.2%200.1%20c-0.9%200-1.8%200-2.7%200c-3.1%200-7.7%200-10.8%200c-0.4%200-0.5-0.1-0.5-0.5c0-3.7%200-7.3%200-11c0-0.4%200.1-0.5%200.5-0.5c4%200%209.5%200%2013.4%200%20C28%2014%2028.1%2014%2028.2%2014z%20M26.1%2018.5c-0.8%200.8-0.8%202.1%200%202.9c0.8%200.8%202%200.8%202.8%200c0.8-0.8%200.8-2.1%200-2.9%20C28.1%2017.8%2026.9%2017.8%2026.1%2018.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)!important; }

.wiki-vstf .activity-nav ul li.watchlist { border-right:1px solid #555; }

.wiki-vstf .wikia-page-header .header-container { border-bottom: 1px solid #555; }

.wiki-vstf .activityfeed > li:not(:first-child) { border-top:1px solid #555; }

.wiki-vstf .ChatModule .chat-whos-here { border:1px solid #555; }

.wiki-vstf .UserStatsMenu .info ul li { color: #000000; }

.wiki-vstf .insights-module-item { border-bottom:1px solid #555; }

.wiki-vstf .HotSpotsModule li { border-top:1px solid #555; }

.wiki-vstf .activity-items .activity-item .edit-info { color: #DDD !important; }

.wiki-vstf .activity-items .activity-item a[data-tracking="activity-username"] { color: #777 !important; }

/* Header */ .wiki-vstf .WikiHeader .navbackground div, .wiki-vstf .WikiHeader > nav li.marked, .wiki-vstf .WikiHeader > nav li.marked > a, .wiki-vstf .WikiHeader .navbackground { background: #111; }

.wiki-vstf .WikiHeader > nav li { border-bottom: 1px solid #111; }

.wiki-vstf .WikiHeader > nav li > a { border-left:1px solid #555; color:#DDD; }

.wiki-vstf .WikiHeader > nav li.marked > a { border-top: #111; }

.wiki-vstf .WikiHeader > nav .subnav-3 li, .wiki-vstf .WikiHeader > nav .subnav { background:#666; }

.wiki-vstf .WikiHeader > nav .subnav-3 li a { color:#DDD; }/**/

/* WDS Secondary Buttons */ .wiki-vstf .pph-button-secondary { background-color: transparent; border: 1px solid rgba(250, 250, 250, 0.9); color: rgb(250, 250, 250); }

.wiki-vstf .pph-button-secondary:hover { background-color: transparent; border: 1px solid rgba(250, 250, 250, 0.7); color: rgb(250, 250, 250); }

.wiki-vstf .pph-button-secondary:hover svg { fill: #FFFFFF; transition: fill .2s; }

.wiki-vstf .pph-button-secondary:hover svg { fill: #D1D1D1; transition: fill .2s; }

.wiki-vstf .pph-button:hover { cursor: pointer !important; }

.wiki-vstf .wikia-menu-button a { color: inherit !important; }

.wiki-vstf .wikia-menu-button ul a { color: #000000 !important; }/**/

/* Buttons */

.wiki-vstf a.wikia-button, .wiki-vstf .wikia-single-button a, .wiki-vstf .wikia-menu-button, .wiki-vstf input[type="submit"], .wiki-vstf input[type="reset"], .wiki-vstf input[type="button"], .wiki-vstf .button, .wiki-vstf button { color:#DDD !important; background-color: #111 !important; border: 1px solid #111 !important; background-image: linear-gradient(to bottom, #555 35%, #111 65%) !important; }

.wiki-vstf .quote-button { color:#DDD !important; background-color: #111; border: 1px solid #111; background-image: linear-gradient(to bottom, #555 35%, #111 65%); }

.wiki-vstf a.quote-button:hover, .wiki-vstf a.wikia-button:hover, .wiki-vstf .wikia-single-button a:hover, .wiki-vstf .wikia-menu-button:hover, .wiki-vstf input[type="submit"]:hover, .wiki-vstf input[type="reset"]:hover, .wiki-vstf input[type="button"]:hover, .wiki-vstf .button:hover, .wiki-vstf button:hover { background-color: #555 !important; border: 1px solid #555 !important; background-image: linear-gradient(to bottom, #111 35%, #555 65%) !important; }

.wiki-vstf .wikia-menu-button > a:hover, .wiki-vstf .wikia-menu-button .drop:hover, .wiki-vstf .wikia-menu-button > li > a:hover { background-color: #555; background-image: linear-gradient(to bottom, #111 35%, #555 65%); }

.wiki-vstf .wikia-menu-button > a, .wikia-menu-button > li > a { border-right: 1px solid #111; }

.wiki-vstf a.wikia-button.secondary, .wiki-vstf .wikia-single-button a.secondary, .wiki-vstf .wikia-menu-button.secondary, .wiki-vstf input[type="submit"].secondary, .wiki-vstf input[type="reset"].secondary, .wiki-vstf input[type="button"].secondary, .wiki-vstf .button.secondary, .wiki-vstf button.secondary { background-color: #111; background-image: linear-gradient(to bottom, #555 35%, #111 65%); border: 1px solid #111; color: #DDD !important; }

.wiki-vstf .CategorySelect.articlePage .add, .wiki-vstf .WikiHeader .buttons > .contribute:hover, .wiki-vstf .wikia-menu-button.secondary.combined:hover, .wiki-vstf a.wikia-button.secondary:hover, .wiki-vstf .wikia-single-button a.secondary:hover, .wiki-vstf .wikia-menu-button.secondary:hover, .wiki-vstf input[type="submit"].secondary:hover, .wiki-vstf input[type="reset"].secondary:hover, .wiki-vstf input[type="button"].secondary:hover, .wiki-vstf .button.secondary:hover, .wiki-vstf button.secondary:hover { background-color: #555; background-image: linear-gradient(to bottom, #111 35%, #555 65%); border: 1px solid #111; color: #DDD !important; }

.wiki-vstf a.comments > .commentsbubble:after, .wiki-vstf a.comments > .commentsbubble { color:#111; background:#909090; border:1px solid #909090; }

.wiki-vstf a.comments > .commentsbubble:before { border-color: #909090 #909090 transparent transparent; }

.wiki-vstf .wikia-menu-button > a, .wikia-menu-button > li > a { color:#DDD; }

.wiki-vstf a.wikia-button.secondary img.chevron, .wiki-vstf .wikia-single-button a.secondary img.chevron, .wiki-vstf .wikia-menu-button.secondary img.chevron, .wiki-vstf input[type="submit"].secondary img.chevron, .wiki-vstf input[type="reset"].secondary img.chevron, .wiki-vstf input[type="button"].secondary img.chevron, .wiki-vstf .button.secondary img.chevron, .wiki-vstf button.secondary img.chevron { border-color: #DDD transparent transparent; }

/* User Page */ .wiki-vstf .UserProfileMasthead .contributions-details a { color: #DDD; }

.wiki-vstf .UserProfileMasthead .masthead-avatar .avatar { border:4px solid #909090; }

.wiki-vstf .WikiaUserPagesHeader { background-color: #424242; background-image: linear-gradient(to bottom, #424242 0%, #666 100%); }

.wiki-vstf .UserProfileMasthead .masthead-info { background: #424242; }

.wiki-vstf .UserProfileMasthead .masthead-info-lower:before { border-color: #424242 #424242 transparent transparent; }

.wiki-vstf .UserProfileMasthead .masthead-info hgroup { background-color: #111; border: 1px solid #111; background-image: linear-gradient(to bottom, #555 35%, #111 65%); }

.wiki-vstf .UserProfileMasthead .masthead-info .tag { background-color: #000000; color: #FFFFFF; border-radius: 12pt; border: 2px outset #EFEFEF; text-shadow: none; text-shadow: none; box-shadow: 0 0 5px #FFFFFF; }

.wiki-vstf .UserProfileMasthead .masthead-info .tag:hover { box-shadow: 0 0 10px #FFFFFF; }

.wiki-vstf .tabs { border-bottom:1px solid #777; }

.wiki-vstf .tabs .selected a { border-bottom: 1px solid transparent; border-left: 1px solid #464646; border-right: 1px solid #464646; border-top: 1px solid #464646; background: #181818; color: #D5D4D4; cursor: text; font-weight: bold; text-decoration: none; }

.wiki-vstf .WikiaUserPagesHeader .selected a { background: #424242; border: none; }

.wiki-vstf .WikiaUserPagesHeader .selected { border-top-left-radius: 0.75ex; border-top-right-radius: 0.75ex; }

/* Forum */

/*** Kudos ***/ .wiki-vstf .Wall ul.comments > li.message > .speech-bubble-message { background: #0E0E0E; color: #F2F2F2; border-radius: 18px; }

.wiki-vstf .Wall a.vote img { background-image: url(http://slot1.images.wikia.nocookie.net/__cb1485521868/common/extensions/wikia/Wall/images/kudo_20x20_white.png); cursor: pointer; opacity: .2; }

.wiki-vstf .Wall a.vote.inprogress img, .Wall a.vote.voted img { opacity: .6; }

/*** Reply Box ***/ .wiki-vstf .Wall .comments .SpeechBubble:after, .wiki-vstf .Wall .comments ul.replies > li:first-child:before { display: none; }

.wiki-vstf .Wall .MiniEditorWrapper .editarea textarea { background-color: #3A3A3A; color:#FFFFFF; border: 0; }

.wiki-vstf .Wall .MiniEditorWrapper .editarea textarea.focused { background-color: #3A3A3A; color:#FFFFFF; }

.wiki-vstf .Wall .new-reply .speech-bubble-message textarea { border: 1px solid #000000; box-shadow: 0px 0px 4px 0 #000000; border-radius:15px; }

.wiki-vstf .Wall .new-reply .editarea { border: solid 0px #555; margin-bottom: 0px; }

.wiki-vstf .Wall ul.comments > li.message > .speech-bubble-message { background: #0E0E0E; color: #F2F2F2; border-radius: 18px; }

.wiki-vstf .Wall .SpeechBubble.new-message .speech-bubble-message:after, .wiki-vstf .Wall ul.comments > li.message > .speech-bubble-message:after, .wiki-vstf .Wall ul.comments > li.message > .speech-bubble-message:before, .wiki-vstf .SpeechBubble .speech-bubble-message:before { border-color: #0E0E0E #0E0E0E transparent transparent; }/* Double Entry due to unintended override */

.wiki-vstf .Wall a.vote img { background-image: url(http://slot1.images.wikia.nocookie.net/__cb1485521868/common/extensions/wikia/Wall/images/kudo_20x20_white.png); cursor: pointer; opacity: .2; }

.wiki-vstf .Wall a.vote.inprogress img, .Wall a.vote.voted img { opacity: .6; }

/*** Follow Button ***/ .wiki-vstf .Wall .follow.secondary { background-image: none; background:#4C4C4C; border: 1px solid #4C4C4C; }

.wiki-vstf .Wall .follow.secondary:hover { background-image: none; background:#4C4C4C; border: 1px solid #4C4C4C; }

.wiki-vstf .Wall .follow:not(.secondary):hover { opacity: 1; background:#1E1E1E; border: 0.3px solid #232323; }

.wiki-vstf .Wall .follow:not(.secondary) { opacity: 1; background:#161616; border: 0.3px solid #232323; }/*End Follow Button*/

/*** Reply Box ***/ .wiki-vstf .Wall .MiniEditorWrapper .editarea textarea { background-color: #3A3A3A; color:#FFFFFF; border: 0; }

.wiki-vstf .Wall .MiniEditorWrapper .editarea textarea.focused { background-color: #3A3A3A; color:#FFFFFF; }

.wiki-vstf .Wall .new-reply .speech-bubble-message textarea { border: 1px solid #000000; box-shadow: 0px 0px 4px 0 #000000; border-radius:15px; }

.wiki-vstf .Wall .new-reply .editarea { border: solid 0px #555; margin-bottom: 0px; }

.wiki-vstf .MiniEditorWrapper .toolbar .cke_button .cke_icon { background-color: #424242; background-image: url(http://slot1.images.wikia.nocookie.net/__cb1485815896/common/extensions/wikia/MiniEditor/images/sprite-MiniEditor.png); background-repeat: no-repeat; display: inline-block; height: 16px; margin: 2px; width: 16px; }

.wiki-vstf .MiniEditorWrapper .toolbar .cke_button > a { background-color: #424242; border: solid 2px #353535; border-radius: 7px; cursor: pointer; display: inline-block; float: left; height: 20px; margin-right: 5px; outline: none; width: 20px; }/*End Reply Box*/

/*** Deleted ***/ .wiki-vstf .deleteorremove-infobox .deleteorremove-bubble.tail:before { display:none; }

.wiki-vstf .deleteorremove-infobox .deleteorremove-bubble.tail:before, .wiki-vstf .deleteorremove-infobox .deleteorremove-bubble.tail:after { display:none; }

.wiki-vstf .deleteorremove-infobox .deleteorremove-bubble .message .reason { color: #FFFFFF; font-size: 13px; margin-top: -2px; }

.wiki-vstf .deleteorremove-infobox .deleteorremove-bubble { box-shadow: 2px 2px 4px 0 #AFAFAF; border-radius: 3px; display: block; padding: 5px 10px 5px 5px; background: #555; border: 4px solid #000000; position: relative; }

.wiki-vstf .deleteorremove-infobox { display: block; margin: 0 0 10px; background: #424242; font-size: 12px; border-top: 1px dashed #707070; padding: 10px; position: relative; text-align: left; }/* End Deleted*/

.wiki-vstf .Wall .quote, .WallPreview .quote { zoom: 1; background-color: #4F4E4E; border: 1px solid #5A5959; font-style: italic; margin: 8px 0; padding: 10px; }

.wiki-vstf .Forum .DiscussionBox .message { background-color: #555; border: 0; border-radius: 0; margin: 0 0 0 60px; padding: 10px; position: relative; }

.wiki-vstf .Forum .DiscussionBox textarea { background-color: #000000; border: 0; box-sizing: border-box; color: #3A3A3A; display: block; font-size: 13px; line-height: 20px; outline: none; overflow: hidden; padding: 5px 10px; resize: none; width: 100%; }

.wiki-vstf .Forum .DiscussionBox textarea.title { height: 30px; background: #3A3A3A; color: #FFFFFF; }

.wiki-vstf .Forum .DiscussionBox textarea.body { height: 70px; background: #3A3A3A; color: #FFFFFF; }

.wiki-vstf .Forum .DiscussionBox input[type=text]:focus, .wiki-vstf .Forum .DiscussionBox textarea:focus { box-shadow: 0px 0px 4px 0 #000000; background-color: #474747; color: #FFFFFF; }

.wiki-vstf .Forum .DiscussionBox input[type=text], .wiki-vstf .Forum .DiscussionBox textarea { background-color: #3A3A3A; border: 0; box-sizing: border-box; color: #FFFFFF; display: block; font-size: 13px; line-height: 20px; outline: none; overflow: hidden; padding: 5px 10px; resize: none; width: 100%; }

.wiki-vstf .Forum .ThreadList .thread:hover { background-color: #424242; }

.wiki-vstf .Forum li.threads { color:#FFF; }

.wiki-vstf .Forum li.posts { color:#FFF; }

.wiki-vstf .Forum .last-post { color:#FFF; }

.wiki-vstf .Forum .ThreadList .activity li.following { color: #00D0ff; }

.wiki-vstf .message-topic .autocomplete { background: #AFAFAF; border-color: #000000; border-style: solid; border-width: 3px 4px 4px; display: none; position: absolute; box-shadow: 3px 3px 6px 0 #E8E8E8; background-color: #3A3A3A; color: #D3D3D3; position: inherit; }

/* Message Walls */ .wiki-vstf .Wall .new-message textarea { background: #3A3A3A; color:#FFFFFF; font-size: 14px; }

.wiki-vstf .Wall .new-message textarea:focus { box-shadow: 0px 0px 4px 0 #000000; background: #474747; color:#FFFFFF; }

.wiki-vstf .Wall .new-message .editarea textarea { background-color: #3A3A3A; }

.wiki-vstf .Wall .new-message .editarea textarea:focus { background-color: #474747; }

.wiki-vstf .SpeechBubble .speech-bubble-message, .wiki-vstf .Wall .SpeechBubble.new-message .speech-bubble-message { background:#555; }

.wiki-vstf .Wall .timestamp a, .Wall .timestamp span { color:#DDD; }

.wiki-vstf .Wall .timestamp a:hover, .Wall .timestamp span:hover { color:#FFF; }

.wiki-vstf .Wall .comments .SpeechBubble .msg-title a { color:#DDD; }

.wiki-vstf .Wall .SortingBar, .wiki-vstf .WallHistory .SortingBar { border-top: 1px solid #777; background:#555; }

.wiki-vstf .Wall .SpeechBubble.new-message .speech-bubble-message:after, .wiki-vstf .Wall ul.comments > li.message > .speech-bubble-message:after, .wiki-vstf .Wall ul.comments > li.message > .speech-bubble-message:before, .wiki-vstf .SpeechBubble .speech-bubble-message:before { border-color: #555 #555 transparent transparent; }

.wiki-vstf .Wall ul.comments > li.message ul.replies > li { border-top:1px solid #555; }

/* Infoboxes */

.wiki-vstf .portable-infobox { background: #555; }

.wiki-vstf .portable-infobox .pi-title { background: #888; }

.wiki-vstf .portable-infobox .pi-header { background-color: #888; }

.wiki-vstf .portable-infobox .pi-header, .wiki-vstf .portable-infobox .pi-title { color:#000; }

.wiki-vstf .pi-border-color { border-color: #888; }

/* ?action=edit */

.wiki-vstf .EditPageHeader { border-bottom:1px solid #666; }

.wiki-vstf .EditPageRail { box-shadow: 0 1px 20px 0 rgb(155,155,155); }

.wiki-vstf .rail-auto-height, .wiki-vstf #EditPageRail, .wiki-vstf .EditPage { background: #424242; }

.wiki-vstf .EditPage .module > .module_content, .wiki-vstf .EditPageHeader { background: #424242; box-shadow: none; }

.wiki-vstf .EditPage .module_page_controls .preview_box .preview_icon, .wiki-vstf .EditPage .module_page_controls #wpSummary, .wiki-vstf .CategorySelect.editPage .categories, .wiki-vstf .CategorySelect.editPage .input { background-color: #f9f9f9; /*Lighter grey*/ }

.wiki-vstf .EditPageToolbar, .wiki-vstf .EditPage .module > h3 { color:#DDD; background-color: #111; background-image: linear-gradient(to bottom, #555 30%, #111 100%); }

.wiki-vstf .EditPage .cke_license, .wiki-vstf .EditPageHeader > h2, .wiki-vstf .EditPageHeader > h1 > a, .wiki-vstf .EditPage .module_page_controls .checkboxes > label, .wiki-vstf .HelpLink > a, .wiki-vstf .NotificationsLink > a, .wiki-vstf .EditPage .module_page_controls .preview_box h3, .wiki-vstf .EditPage .module_page_controls label[for="wpSummary"].wpSummary_canMinorEdit { color:#DDD; }

.wiki-vstf .EditPage .module_insert .cke_button_big, .wiki-vstf .EditPage .module_templates .cke_button_big, .wiki-vstf .EditPage .module_page_controls .preview_box .preview_icon, .wiki-vstf .EditPage .module_page_controls #wpSummary, .wiki-vstf .CategorySelect.editPage .categories, .wiki-vstf .CategorySelect.editPage .input { background:#909090; border:1px solid #777; }

.wiki-vstf .EditPage .cke_button > a { background: #909090; border:none; }

/* Tables */

.wiki-vstf table.wikitable > tr > th, table.wikitable > tr > td, .wiki-vstf table.wikitable > * > tr > th, table.wikitable > * > tr > td, .wiki-vstf table.wikitable > tr > th, .wiki-vstf table.wikitable > * > tr > th, .wiki-vstf table.wikitable { background:#444 !important; color:#DDD; border:1px #555 solid; }

/*** Edit History Diff Table ***/ .wiki-vstf table.diff, .wiki-vstf td.diff-otitle, .wiki-vstf td.diff-ntitle { background-color: #424242; }

.wiki-vstf td.diff-context { background-color: #565555; border-color: #E6E6E6; color: #EFEFEF; }

.wiki-vstf .diffchange-inline { color: #2D2D2D; }

.wiki-vstf td.diff-addedline { border-color: #A3D3FF; color: #EFEFEF; }

.wiki-vstf td.diff-deletedline { border-color: #FFE49C; color: #EFEFEF; }

/* Modal */ .wiki-vstf .modal { box-shadow: 1px 2px 5px 0 rgba(0,0,0,0.7) !important; background-color: #181818 !important; }

.wiki-vstf .WikiaForm .input-group [type='text'], .wiki-vstf .WikiaForm .input-group [type='url'], .wiki-vstf .WikiaForm .input-group [type='password'], .wiki-vstf .WikiaForm .input-group [type='email'], .wiki-vstf .WikiaForm .input-group textarea { box-shadow: inset 1px 1px 1px 0 #2F2F2F; background-color: #1F1F1F; border: 1px solid #464646; color: #D5D4D4; }

.wiki-vstf .WikiaForm .input-group [type='text']:focus, .wiki-vstf .WikiaForm .input-group [type='url']:focus, .wiki-vstf .WikiaForm .input-group [type='password']:focus, .wiki-vstf .WikiaForm .input-group [type='email']:focus, .wiki-vstf .WikiaForm .input-group textarea:focus { background-color: #262626; }

.wiki-vstf .modal .favorite-wikis li { background-color: #272727 !important; line-height: 1px; }

.wiki-vstf .modal > header, .wiki-vstf .modal > footer { background-color: #2F2F2F !important; }

.wiki-vstf .modal > header > h3 { color: #FFF !important; }

.wiki-vstf .modal > header .close { background: url(/resources/wikia/ui_components/modal/images/close-light.svg) !important; background-size: 20px 20px !important; }

.wiki-vstf .modal .selected { border: none; }/**/

/* Overrides */ .wiki-vstf .Wall .SpeechBubble.new-message .speech-bubble-message:after, .wiki-vstf .Wall ul.comments > li.message > .speech-bubble-message:after, .wiki-vstf .Wall ul.comments > li.message > .speech-bubble-message:before, .wiki-vstf .SpeechBubble .speech-bubble-message:before { border-color: #0E0E0E #0E0E0E transparent transparent; }/* Double Entry due to unintended override changing the carrot to grey */