MediaWiki:DarkOasis/code.css

/* DarkOasis - Count of Howard */ /* 25-1-17 - Initial revision */

/* General */

body.skin-oasis { background: #111 !important; color: #ccc; }

.WikiaPage { -webkit-box-shadow: 0 1px 20px 0 rgb(255,255,255); -moz-box-shadow: 0 1px 20px 0 rgb(255,255,255); box-shadow: 0 1px 20px 0 rgb(255,255,255); border:1px solid #777; }

.pagehistory, li.selected,/* Doesnt effect edit entries like it should, the default color remains. The bottom entries are colored to match the theme, but the top two are not for some reason. Fascinating. * /* “ = $0” Is the $0 important? How to recognize?*/ .article-categories, .WikiaRail .module, .WikiaPage .WikiaPageBackground { background: #424242; border:1px solid #555; }

.activityfeed .subtle { color:#ccc; }

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

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

/* Comment areas*/

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

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

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

.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.quote-button, 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: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#555),color-stop(65%,#111)); background-image: -o-linear-gradient(top,#555 35%,#111 65%); background-image: -ms-linear-gradient(top,#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: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#111),color-stop(65%,#555)); background-image: -o-linear-gradient(top,#111 35%,#555 65%); background-image: -ms-linear-gradient(top,#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: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#111),color-stop(65%,#555)); background-image: -o-linear-gradient(top,#111 35%,#555 65%); background-image: -ms-linear-gradient(top,#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: -moz-linear-gradient(top,#555 35%,#111 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#555),color-stop(65%,#111)); background-image: -o-linear-gradient(top,#555 35%,#111 65%); background-image: -ms-linear-gradient(top,#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: -moz-linear-gradient(top,#111 35%,#555 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#111),color-stop(65%,#555)); background-image: -o-linear-gradient(top,#111 35%,#555 65%); background-image: -ms-linear-gradient(top,#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: -moz-linear-gradient(top,#424242 0%,#666 100%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0%,#424242),color-stop(100%,#666)); background-image: -o-linear-gradient(top,#424242 0%,#666 100%); background-image: -ms-linear-gradient(top,#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: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#555),color-stop(65%,#111)); background-image: -o-linear-gradient(top,#555 35%,#111 65%); background-image: -ms-linear-gradient(top,#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; }

/* Message Walls */

.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 ul.comments > li.message > .speech-bubble-message { background:#555; 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 { -webkit-box-shadow: 0 1px 20px 0 rgb(155,155,155); -moz-box-shadow: 0 1px 20px 0 rgb(155,155,155); 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: #f9f9f9; /*Lighter grey*/ }

.EditPageToolbar, .EditPage .module > h3 { color:#ccc; background-color: #111; background-image: -moz-linear-gradient(top,#555 30%,#111 100%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(30%,#555),color-stop(100%,#111)); background-image: -o-linear-gradient(top,#555 30%,#111 100%); background-image: -ms-linear-gradient(top,#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; }