User:Superwatery/wikia.css

/* Dark theme*/ /* Borrowed from the dev wiki. Feel free to copy this if you desire :) */

body.skin-oasis { background: black !important; color: black; }

.WikiaPage { box-shadow: 0 1px 20px 0 rgb(255,255,255); border:1px solid #777; background-color: transparent; color: black; }

color: #000000; background: #999999; border:1px solid #555; }
 * 1) wpTextbox1 {

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

.WikiaArticle #pagehistory li.selected, .selected, .article-categories, .WikiaRail .module, .WikiaPage .WikiaPageBackground { background: #424242; border:1px solid #555; }
 * 1) recirculation-footer-index-container, /*Newer footer*/

.activityfeed .subtle { color:#CCC; }

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

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

pre { background-color: #787673; /*Made pre slightly darker }

/* Categories */ .RelatedPagesModule .articleSnippet { color: #EFEFEF; } .CategorySelect.articlePage .input { background-color: transparent; color: #FFFFFF; } body .ui-autocomplete { background: #555; border-color: #727272; } .CategorySelect.articlePage > .toolbar { background-color: transparent; border-top: 1px solid grey; } .CategorySelect.articlePage .category.new, .CategorySelect.articlePage .placeholder { background-color: inherit; border: 1px solid #CCC; }

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

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

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

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

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

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

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

/* WA Stuff/Modules */ .insights-light .insights-icon-nonportableinfoboxes, .insights-light .insights-icon-pageswithoutinfobox, .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; }

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

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

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

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

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

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

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

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

/* Header */

.WikiHeader .navbackground div, .WikiHeader > nav li.marked, .WikiHeader > nav li.marked > a, .WikiHeader .navbackground { background: #111; }

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

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

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

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

.WikiHeader > nav .subnav-3 li a { color:#CCC; }

/* Buttons */

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

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

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

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

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

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

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

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

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

.wikia-menu-button > a, .wikia-menu-button > li > a { color:#CCC; }

a.wikia-button.secondary img.chevron, .wikia-single-button a.secondary img.chevron, .wikia-menu-button.secondary img.chevron, input[type="submit"].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: #CCC transparent transparent; }

/* User Page */

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

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

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

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

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

.UserProfileMasthead .masthead-info .tag { background: #0B938B; }

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

.tabs .selected a { background: #424242; color:#CCC; border-bottom: 1px solid transparent; border-left: 1px solid #777; border-right: 1px solid #777; border-top: 1px solid #777; }

/* Forum (will be retired soon) */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 ***/ .deleteorremove-infobox .deleteorremove-bubble.tail:before { display:none; }

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

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

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

.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*/

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

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

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

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

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

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

.Forum .DiscussionBox input[type=text], .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%; }

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

.Forum li.threads { color:#FFF; }

.Forum li.posts { color:#FFF; }

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

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

.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 */ .Wall .new-message textarea { background: #3A3A3A; color:#FFFFFF; font-size: 14px; }

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

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

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

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

.Wall .timestamp a, .Wall .timestamp span { color:#CCC; }

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

.Wall .comments .SpeechBubble .msg-title a { color:#CCC; }

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

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

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

/* Infoboxes */

.portable-infobox { background: #555; } .portable-infobox .pi-title { background: #888; } .portable-infobox .pi-header { background-color: #888; } .portable-infobox .pi-header, .portable-infobox .pi-title { color:#000; }

.pi-border-color { border-color: #888; } /* ?action=edit */

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

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

.rail-auto-height, .EditPage { background: #424242; }
 * 1) EditPageRail,

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

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

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

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

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

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

/* Tables */

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

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

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

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

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

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

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