User:CzechOut/global.css

/* ===============================================  CSS for the differently-sighted An attempt at personal CSS for those with different visual accuities. Should help those with most forms of color-blindness to use most wikis, regardless of the natural stylings of those communities. Since this is for PERSONAL CSS ONLY, it uses selectors that are not available to modify in community-wide CSS. In most style sheets, over-reliance on   !important is to be avoided. Here, however, the goal is quickly overriding local CSSs without knowing what that CSS might be. This is an ideal situation for the use of !important. Original author: CzechOut Version: 0.1 December 2017 Though prepared by a member of FANDOM staff, this code is not guaranteed to work for your particular needs. It's presented "as is", and may have been altered since its original publication. That said, if you find it's working quite poorly in a particular situation, please DO REACH OUT to User:CzechOut, who will try to make things work better. Or change it yourself, and leave behind good revision notes. :)   =========================================== */ /* ---   2017 (PPH) Header    --- */ .wds-community-header {    background-color:black;    color:#fff!important; } .wds-community-header a {    color:#fff!important; } .wds-community-header::before {    background-image:none;    background-color:black;    color:#fff!important; } .wds-tabs__tab-label :not(:first-child):not(:only-child) {    color:white; } .wds-button.wds-is-secondary.wds-is-active, .wds-button.wds-is-secondary, .wds-community-header .wds-button, .wds-community-header .wds-button.wds-is-secondary {    background-image:none; } .wds-button.wds-is-secondary:active, .wds-button.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-secondary:hover:not(:disabled), .wds-community-header .wds-button.wds-is-secondary, .wds-community-header .wds-button.wds-is-secondary:hover {    background-color:#fff; } .WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li > a { color:#d5d4d4!important; } /* ---  Page backgrounds --- */ .WikiaPageBackground, .WikiaPage .WikiaPageBackground { background-image:none!important; background-color:#fff!important; color:#000; } /* ---  General copy --- */ body, .WikiaPage { color:#000!important; } /* ---  Page titles --- */ .WikiaPage .page-header__title { color:#000!important; } /* ---  Links --- */ .WikiaPage .page-header__categories a, .WikiaRail a, .WikiaMainContent a { color:#218fa0!important; /* A teal, to those who aren't color blind */ font-weight:700; text-shadow:none!important; } .WikiaMainContent a.new, .WikiaMainContent a.new:visited { color:#be7528!important; /* An orange that reduces to a khaki green                                  with red/green color blindness */ font-weight:700; text-decoration:dotted; } /* ++++++++++++++++++++++    For those wikis that have hover effects on links ++++++++++++++++++++++ */ .WikiaPage a:hover, .WikiaPage a.new:hover, .WikiaPage a.visited:hover { color:#000!important; } /* ---  Right rail modules --- */ .WikiaRail, .edit-info-time { color:#000; } .edit-info-user, .edit-info-time { font-weight:400!important; } .WikiaRail .module { background-image:none!important; background:transparent!important; } /* --  Galleries -- */ .wikia-gallery-item > .lightbox-caption, .wikia-gallery-item .title { background:transparent; } /* --  Catlinks -- */ .article-categories, background-image:none!important; background-color:transparent!important; } /* --  Portable infoboxes -- */  .portable-infobox .pi-title, .portable-infobox .pi-header { background:white!important; color:black; }  .portable-infobox .pi-data, .portable-infobox .pi-label { background:white!important; color:black; } /* --  Amboxes Not quite universal, but widespread enough to be   considered more-or-less "standard" -- */  .ambox { background-image:none; background:transparent; } /* --  Navboxes Should work, assuming the wiki uses Wikipedia-standard CSS classes for navboxes -- */  .navbox-title, table.navbox th { background:white!important; color:black!important; }  .navbox-subgroup .navbox-title { background:white!important; }  .navbox-abovebelow { background:white!important; }  .navbox-group, .navbox-subgroup .navbox-group { background:#f0ffff!important; }  .navbox-odd { background:whitesmoke!important; }  .navbox-even { background:wheat!important; }  td.navbox-list.navbox-even { color:black; background-image:none; background:white; } /* --  Embeddable discussions module -- */ .mainpage .discussion-module { display:none /* Turns off standard module to give deference to the bespoke one here */ } .mainpage .embeddable-discussions-module { border:none; padding:0 20px; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-actions a, .mainpage .embeddable-discussions-module .embeddable-discussions-post-actions { border-color:#c7c8c8!important; color:#c7c8c8!important; } .mainpage .embeddable-discussions-heading { display:none; } .mainpage .embeddable-discussions-show-all { display:none; } .mainpage .embeddable-discussions-show-all a, .mainpage .embeddable-discussions-show-all a:link, .mainpage .embeddable-discussions-show-all a:visited { color:#c7c8c8!important; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { background-color:transparent!important; border-color:#c7c8c8!important; } .mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny path, .mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny path, .mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon path, .mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon path { fill: #000!important; } .mainpage .embeddable-box-discussions-module .embeddable-mainpage-box-discussions-post-actions a, .mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-post-counters, .mainpage .embeddable-mainpage-box-discussions-module .avatar-details, .mainpage a.avatar-username, .mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-timestamp, .mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-forum { color:#c7c8c!important; } /* ======================  Pre Making it more readable ======================= */ .WikiaArticle pre, .pre { background-color:#ececec!important; color:black; border:2px solid #000; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0; -moz-box-shadow:0 0 5px #000 inset; -webkit-box-shadow:0 0 5px #000 inset; -o-box-shadow:0 0 5px #000 inset; -ms-box-shadow:0 0 5px #000 inset; box-shadow:0 0 5px #000 inset; line-height:140%; width:auto; margin:auto auto auto auto; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace!important; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: pre\9; }
 * 1) WikiaPageBackground,
 * 1) catlinks {

/* ====================  WIKI-SPECIFIC CODE ====================   Some wikis have deep styling with bespoke CSS classes and IDs. This is a place to put changes to that code. If you add to this part of the styleheet, please be sure to clearly label which wiki is being styled. Thanks :)   ====================*/   /* -      WoWWiki       - */      div.main-welcome-table,      div.main-site-stats-table,      div.main-register-help-box,      div.main-temp-info-box,      div.main-portal-wowwiki-area-box,      div.main-portal-wow-classes-box,      div.main-portal-wow-profs-box,       div.main-portal-general-info-box,      div.main-portal-wow-races-box,      div.main-portal-wow-races-subbox,      table.main-portal-wow-races-table,      .bg-darkblue,      .bg-darkred {          background-color:transparent!important;      }      .speciallink {          color:black;      }      table.main-site-stats-table {          color:black;          text-shadow:none;      }      .mainpage dd span {          color:#000!important;      }      table.darktable {          background-color:white;          color:black;      }      .zebra > td, table.darktable > tbody > tr:nth-child(2n+1) { background-color:wheat; }     table.darktable th, .zebra > th, .darktable tr:nth-child(2n+1) th, table.darktable tr:not(:first-child) th { background-color:#f0ffff!important; }     .qc-uncommon, .qc-uncommon a,      .qc-uncommon a:visited, .qc-uncommon a.new { color:#218fa0!important; }