User:DanWL60/WL Dark Theme: Difference between revisions
Jump to navigation
Jump to search
m DanWL60 moved page User:DanWL60/WL Style to User:DanWL60/WL Dark Theme: Even more descriptive title. |
Ability to hide the Refresh button on the Dashboard, Forum - increased width of posts & reduced thumb size, Moved ads further to the right & bug fixes |
||
| Line 2: | Line 2: | ||
@namespace url(http://www.w3.org/1999/xhtml); | @namespace url(http://www.w3.org/1999/xhtml); | ||
/* CSS Document */ | /* CSS Document */ | ||
/*WL*/ | /*WL*/ | ||
@-moz-document domain("warlight.net") { | @-moz-document domain("warlight.net") { | ||
| Line 70: | Line 54: | ||
} | } | ||
/* | /*IE bug fixes - remove this if you don't use IE*/ | ||
img { | |||
border: 0px; | |||
} | |||
.TopRightBar { | .TopRightBar { | ||
height: 28px; | |||
background-color: gray; | background-color: gray; | ||
outline: 3px solid white !important; | outline: 3px solid white !important; | ||
border: | border: 0 !important; | ||
padding: 0 5px 0 5px !important; | |||
margin: 0 !important; | |||
} | |||
/*hide Refresh button on dashboard - remove this if you don't want it to be hidden*/ | |||
#RefreshBtn { | |||
display: none; | |||
} | } | ||
/* | /*main*/ | ||
img[id*="MailImg"] { | |||
width: 19px; | |||
height: 13px; | |||
} | |||
a:link, a:visited, a:active, a:hover, #preftab-personal { | a:link, a:visited, a:active, a:hover, #preftab-personal { | ||
| Line 103: | Line 103: | ||
} | } | ||
.dataTable tbody tr.GameRow td a, .SubTabCell a, .SubTabCellSelected a, .GameRow tbody tr td a, .TopRightBar div a, ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all { | .dataTable tbody tr.GameRow td a, .SubTabCell a, .SubTabCellSelected a, .GameRow tbody tr td a, .TopRightBar div a, ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all, .dataTable tbody tr.TournamentRow td a { | ||
color: white !important; | |||
} | |||
a[id*="ui-id"] { | |||
color: white !important; | color: white !important; | ||
} | } | ||
/*varity of inputs for forum, dashboard, settings, help, single player and report bug*/ | /*varity of inputs for forum, dashboard, settings, help, single player and report bug*/ | ||
#SubjectBox, textarea | #SubjectBox, textarea[id*="TextArea"], #SubmitPostBtn_0, #PreviewBtn_0, #EditBtn_0 , #SearchBox, #SubmitBtn, #TextArea_0, #RefreshBtn, #myGamesSort, #MyGamesFilter, #MoveToForumDropDown , #ChangeSubjectPop_Box, #ViewProfileBtn, #ctrllowvbootmd, #ctrllowdbootmd, #ctrllowbootrt , #ctrlvac, #ctrlfog, #ctrlmultiattack, #ctrlarmycap, #ctrlluckgt, #ctrloverride, #SaveBtn, #WikiSearch, #PlayRandomBtn, #LevelNameBox, #DescBox, #GoBtn, #LevelNameBox, #MessageBox { | ||
background-color: black; | background-color: black; | ||
color: white; | color: white; | ||
border: 1px solid gray; | border: 1px solid gray; | ||
} | |||
/*forum stuff*/ | |||
[title~="Upvote"], [title~="Downvote"], div[id*="VotingSpinner"] img { | |||
width: 20px; | |||
height: 20px; | |||
} | |||
.ToolTipHandle { | |||
display: inline !important; | |||
} | |||
div#MainSiteContent table tbody tr td div, table[id*="PostTbl"] { | |||
max-width: 1050px !important; | |||
} | |||
div#MainSiteContent table tbody tr td div table.region { | |||
width: 1050px !important; | |||
} | |||
textarea[id*="TextArea"] { | |||
max-width: 876px !important; | |||
} | |||
div#MainSiteContent table tbody tr td div table.region tbody tr td[valign*="top"] { | |||
width: 164px !important; | |||
} | |||
#SubjectBox { | |||
width: 350px !important; | |||
} | |||
/*move ads to the right*/ | |||
div#MainSiteContent table tbody tr td div ins.adsbygoogle { | |||
position: absolute; | |||
top: 14px; | |||
right: 5px; /*if you use Muli's userscript, change 5px to -40px.*/ | |||
} | |||
/*dashboard*/ | |||
div.SideColumn { | |||
margin-left: 5px; | |||
} | } | ||
| Line 203: | Line 249: | ||
/*preferences*/ | /*preferences*/ | ||
/*user profile*/ | /*user profile*/ | ||
#mw-prefsection-personal, #mw-htmlform-info, #mw-htmlform-i18n, #mw-htmlform-signature, #mw-htmlform-email , #mw-input-wprealname, #mw-input-wpgender, #mw-input-wplanguage, #mw-input-wpnickname, #prefcontrol, .successbox, .mw-prefs-buttons { | #mw-prefsection-personal, #mw-htmlform-info, #mw-htmlform-i18n, #mw-htmlform-signature, #mw-htmlform-email , #mw-input-wprealname, #mw-input-wpgender, #mw-input-wplanguage, #mw-input-wpnickname, #prefcontrol, .successbox, .mw-prefs-buttons, textarea { | ||
background-color: black !important; | background-color: black !important; | ||
color: white !important; | color: white !important; | ||
| Line 259: | Line 305: | ||
/*sorting out bugs inherted from wiki*/ | /*sorting out bugs inherted from wiki*/ | ||
.dataTable thead tr div h2 { | .dataTable thead tr div h2, .dataTale thead tr td h2, .dataTable thead tr td h2, .dataTable thead tr td h2 a { | ||
background-color: rgb(51, 0, 0) !important; | background-color: rgb(51, 0, 0) !important; | ||
color: white; | color: white; | ||
| Line 312: | Line 358: | ||
} | } | ||
} | } | ||
/*end of | /*end of main*/ | ||
</pre> | </pre> | ||
Revision as of 18:29, 28 November 2016
@namespace url(http://www.w3.org/1999/xhtml);
/* CSS Document */
/*WL*/
@-moz-document domain("warlight.net") {
/*hide Coin content*/
#PromotedGamesTable, #LeaderboardTable, #CoinsBtn, #CoinsLink, #footer-places-win, .CoinGameRow, #DepositContainer {
display: none;
}
/*if you choose not to hide coins, then coin features might as well be formatted - else remove this*/
#DepositBtn_500 {
background-color: rgb(255,0,0);
color: white;
}
#DepositBtn_1000 {
background-color: rgb(255,140,0);
color: white;
}
#DepositBtn_2500 {
background-color: rgb(255,255,0);
color: white;
}
#DepositBtn_5000 {
background-color: rgb(0,255,0);
color: white;
}
#DepositBtn_10000 {
background-color: rgb(0,155,0);
color: white;
}
#JoinGame_, #CGSP_SelectInviteMode_ByEmail, #CGSP_SelectInviteMode_Friends, #CGSP_SelectInviteMode_ByName, #CGSP_InviteByEmail_BackBtn, #CGSP_InviteByEmail_Box, #CGSP_InviteByEmail_AddBtn, #CGSP_InviteFriends_BackBtn, #CGSP_InviteFriends_NextPageBtn, #CGSP_InviteFriends_PrevPageBtn, #CGSP_InviteBySearch_BackBtn, #CGSP_InviteBySearch_NameBox, #CGSP_InviteBySearch_SearchBtn {
background-color: black;
color: white;
}
/*hide Map Of The Week on dashboard*/
#MapOfTheWeekTable {
display: none;
}
/*hide flashing mail icon - remove this if you don't want it to be hidden*/
#MailImgFlashing {
display: none !important;
}
#MailImgNormal {
display: inline !important;
}
/*IE bug fixes - remove this if you don't use IE*/
img {
border: 0px;
}
.TopRightBar {
height: 28px;
background-color: gray;
outline: 3px solid white !important;
border: 0 !important;
padding: 0 5px 0 5px !important;
margin: 0 !important;
}
/*hide Refresh button on dashboard - remove this if you don't want it to be hidden*/
#RefreshBtn {
display: none;
}
/*main*/
img[id*="MailImg"] {
width: 19px;
height: 13px;
}
a:link, a:visited, a:active, a:hover, #preftab-personal {
text-decoration: none !important;
color: #C0D0FF !important;
background-color: inherit !important;
}
#LevelLink {
color: #EFE777 !important;
}
#CoinsText {
color: #ffff00 !important;
}
#TopRightDropDown {
color: #DDDDDD !important;
}
.dropdown-menu {
background-color: black !important;
color: white;
outline: 1px solid white !important;
}
.dataTable tbody tr.GameRow td a, .SubTabCell a, .SubTabCellSelected a, .GameRow tbody tr td a, .TopRightBar div a, ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all, .dataTable tbody tr.TournamentRow td a {
color: white !important;
}
a[id*="ui-id"] {
color: white !important;
}
/*varity of inputs for forum, dashboard, settings, help, single player and report bug*/
#SubjectBox, textarea[id*="TextArea"], #SubmitPostBtn_0, #PreviewBtn_0, #EditBtn_0 , #SearchBox, #SubmitBtn, #TextArea_0, #RefreshBtn, #myGamesSort, #MyGamesFilter, #MoveToForumDropDown , #ChangeSubjectPop_Box, #ViewProfileBtn, #ctrllowvbootmd, #ctrllowdbootmd, #ctrllowbootrt , #ctrlvac, #ctrlfog, #ctrlmultiattack, #ctrlarmycap, #ctrlluckgt, #ctrloverride, #SaveBtn, #WikiSearch, #PlayRandomBtn, #LevelNameBox, #DescBox, #GoBtn, #LevelNameBox, #MessageBox {
background-color: black;
color: white;
border: 1px solid gray;
}
/*forum stuff*/
[title~="Upvote"], [title~="Downvote"], div[id*="VotingSpinner"] img {
width: 20px;
height: 20px;
}
.ToolTipHandle {
display: inline !important;
}
div#MainSiteContent table tbody tr td div, table[id*="PostTbl"] {
max-width: 1050px !important;
}
div#MainSiteContent table tbody tr td div table.region {
width: 1050px !important;
}
textarea[id*="TextArea"] {
max-width: 876px !important;
}
div#MainSiteContent table tbody tr td div table.region tbody tr td[valign*="top"] {
width: 164px !important;
}
#SubjectBox {
width: 350px !important;
}
/*move ads to the right*/
div#MainSiteContent table tbody tr td div ins.adsbygoogle {
position: absolute;
top: 14px;
right: 5px; /*if you use Muli's userscript, change 5px to -40px.*/
}
/*dashboard*/
div.SideColumn {
margin-left: 5px;
}
/*Muli's userscript*/
.searchLevelInput, .searchLevelBtn, #searchPlayerBtn, #findPlayerExtra, ul.context-menu.playersearch-context {
background-color: black;
color: white;
border: 1px solid gray;
}
/*wiki*/
.new {
text-decoration: none !important;
color: red !important;
background-color: inherit !important;
}
#content, #mw-head, #mw-panel, #footer , #p-logo, .searchButton, #toc, #toctitle, .editsection, #searchInput, h2, h4, #catlinks, .infobox, .mw-headline, .wikitable, .ambox, #namespace, #searchText, legend, fieldset, input, select, th, pre {
background-color: black !important;
color: white !important;
}
#p-namespaces, .mw-search-formheader, li#ca-nstab-main span, li#ca-talk span, li#ca-view span, li#ca-viewsource span, li#ca-edit span, li#ca-history span, li#ca-watch a, li#ca-unwatch a, li#ca-move a, li#ca-addsection span, li#ca-nstab-user span, li#ca-nstab-special span {
background-color: black !important;
}
.selected {
border-left: 3px solid white !important;
border-right: 3px solid white !important;
border-bottom: 2px solid white !important;
border-top: 2px solid white !important;
background-color: black !important;
}
#left-navigation, #p-views, #toc {
border: 1px solid white !important;
}
html.client-js, body.mediawiki.ltr.sitedir-ltr.ns--1.ns-special.mw-special-Specialpages.page-Special_SpecialPages.skin-vector.action-view {
background-color: black !important;
color: white !important;
}
.infobox {
outline: 1px solid white;
color: white !important;
}
.navbox {
background-color: gray !important;
}
.navbox-header{
background-color: rgb(70,70,70) !important;
}
.ambox {
border: 1px solid gray !important;
border-left: 5px solid gray !important;
}
/*many special pages*/
#type, #level, #wpsize, #nsfrom, #nsto, #from, #mw-input-like, .mw-htmlform-submit, #mw-log-user, #mw-log-page, #mw-np-username, #mw-ilsearch, #mw-listfiles-user, #file, #mime, #filename, #mw-allmessages-form-prefix, #mw-allmessages-form-lang, .am_title, .am_default, #target, #mw-input-page1, #mw-input-rev1, #mw-input-page2, #mw-input-rev2, #catname, #mw-whatlinkshere-target, #isbn {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*change history*/
#mw-history-search, #year, .mw-month-selector, .mw-history-histlinks, .mw-history-compareselectedversions-button {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*view source and edit*/
#wpTextbox1, #wpSummary, #wpSave, #wpPreview, #wpDiff, #wikiDiff, div#mw-content-text {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*login*/
#wpName1, #wpPassword1, #wpLoginAttempt, .firstHeading, .mw-input, .namespaceselector {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*preferences*/
/*user profile*/
#mw-prefsection-personal, #mw-htmlform-info, #mw-htmlform-i18n, #mw-htmlform-signature, #mw-htmlform-email , #mw-input-wprealname, #mw-input-wpgender, #mw-input-wplanguage, #mw-input-wpnickname, #prefcontrol, .successbox, .mw-prefs-buttons, textarea {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*appearence*/
#mw-prefsection-rendering, #mw-input-wpimagesize, #mw-input-wpthumbsize, #mw-input-wpunderline, #mw-input-wpstubthreshold {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*date and time*/
#mw-prefsection-datetime, #mw-input-wptimecorrection, #mw-input-wptimecorrection-other {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*editing*/
#mw-prefsection-editing, #mw-input-wpcols, #mw-input-wprows, #mw-input-wpeditfont {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*recent changes*/
#mw-htmlform-rc , #mw-htmlform-displayrc, #mw-input-wprcdays, #mw-input-wprclimit {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*watchlist*/
#mw-prefsection-watchlist, #mw-input-wpwatchlistdays, #mw-input-wpwllimit, #mw-input-wpwatchlisttoken, #mw-js-message {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*search options*/
#mw-prefsection-searchoptions, #mw-input-wpsearchlimit {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*misc*/
#mw-prefsection-misc {
background-color: black !important;
color: white !important;
border: 1px solid gray !important;
}
/*sorting out bugs inherted from wiki*/
.dataTable thead tr div h2, .dataTale thead tr td h2, .dataTable thead tr td h2, .dataTable thead tr td h2 a {
background-color: rgb(51, 0, 0) !important;
color: white;
}
input {
border: 1px solid gray !important;
}
.firstHeading, .diff, .diff-otitle, .diff-ntitle, .diff-context {
background-color: black !important;
border: 0px !important;
outline: 0px !important;
}
.diff-context {
background-color: gray !important;
}
.diff-deletedline {
background-color: orange !important;
}
.diff-addedline {
background-color: lightgreen !important;
}
.diffchange {
color: red !important;
}
li#ca-move a {
border-top: 1px solid white !important;
}
table.region tr th {
background-color: #171717 !important;
}
table.region tbody tr th {
background-color: #B50003 !important;
}
/*blog*/
div#main-content.main-content, .entry-header, .entry-meta, .entry-content, .site-main, #comment, .entry-summary {
background-color: black !important;
}
#comment {
color: white !important;
border: 1px solid gray !important;
}
}
/*end of main*/