User:DanWL60/WL Dark Theme: Difference between revisions

From Warzone Wiki
Jump to navigation Jump to search
DanWL60 (talk | contribs)
m layout of code
DanWL60 (talk | contribs)
m Fixed border styles, wiki background and some other bug fixes.
Line 95: Line 95:
#TopRightDropDown {
#TopRightDropDown {
color: #DDDDDD !important;
color: #DDDDDD !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 {
color: white !important;
}
}


Line 105: Line 101:
color: white;
color: white;
outline: 1px solid white !important;
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 {
color: white !important;
}
}


/*varity of inputs for forum, dashboard, settings, help and single player*/
/*varity of inputs for forum, dashboard, settings, help and single player*/
#SubjectBox, #SubmitPostBtn_0, #PreviewBtn_0, #EditBtn_0 , #SearchBox, #SubmitBtn, #TextArea_0, #RefreshBtn, #MoveToForumDropDown , #ChangeSubjectPop_Box, #ViewProfileBtn, #ctrllowvbootmd, #ctrllowdbootmd, #ctrllowbootrt , #ctrlvac, #ctrlfog, #ctrlmultiattack, #ctrlarmycap, #ctrlluckgt, #ctrloverride, #SaveBtn, #WikiSearch, #PlayRandomBtn, #LevelNameBox, #DescBox, #GoBtn, #LevelNameBox {
#SubjectBox, #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 {
background-color: black;
background-color: black;
color: white;
color: white;
border: 1px solid gray;
}
}


/*Muli's userscript*/
/*Muli's userscript*/
.searchLevelInput, .searchLevelBtn {
.searchLevelInput, .searchLevelBtn, #searchPlayerBtn, #findPlayerExtra, ul.context-menu.playersearch-context {
background-color: black;
background-color: black;
color: white;
color: white;
border: 1px solid gray;
}
}
/*wiki*/
/*wiki*/
Line 132: Line 134:
}
}


#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, #ca-watch span, #ca-unwatch span, #ca-move span, li#ca-addsection span, li#ca-nstab-user span, li#ca-nstab-special span {
#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;
background-color: black !important;
}
}
Line 146: Line 148:
#left-navigation, #p-views, #toc {
#left-navigation, #p-views, #toc {
border: 1px solid white !important;
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;
}
}


Line 170: Line 177:
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
}


Line 176: Line 184:
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
}


/*view source and edit*/
/*view source and edit*/
#wpTextbox1, #wpSummary, #wpSave, #wpPreview, #wpDiff {
#wpTextbox1, #wpSummary, #wpSave, #wpPreview, #wpDiff, #wikiDiff, div#mw-content-text {
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
}
/*login*/
/*login*/
#wpName1, #wpPassword1, #wpLoginAttempt, #firstHeading, .mw-input, .namespaceselector {
#wpName1, #wpPassword1, #wpLoginAttempt, .firstHeading, .mw-input, .namespaceselector {
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
}


Line 195: Line 206:
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
}


Line 201: Line 213:
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
}


Line 207: Line 220:
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
}


/*editing*/
/*editing*/
#mw-prefsection-editing, #mw-input-wpcols, #mw-input-wprows, #mw-input-wpeditfont   {
#mw-prefsection-editing, #mw-input-wpcols, #mw-input-wprows, #mw-input-wpeditfont {
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
}


Line 219: Line 234:
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
}


Line 225: Line 241:
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
}


Line 231: Line 248:
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
}


/*misc*/
/*misc*/
#mw-prefsection-misc {
#mw-prefsection-misc {
background-color: black !important;
background-color: black !important;
color: white !important;
color: white !important;
border: 1px solid gray !important;
}
/*sorting out bugs inherted from wiki*/
.dataTable thead tr div h2 {
background-color: rgb(51, 0, 0) !important;
color: white;
}
input {
border: 1px solid gray !important;
}
.firstHeading {
background-color: black !important;
border: 0px !important;
outline: 0px !important;
}
li#ca-move a {
border-top: 1px solid white !important;
}
}
}
}
/*end of WL*/
/*end of WL*/
</pre>
</pre>

Revision as of 20:27, 22 November 2016

@namespace url(http://www.w3.org/1999/xhtml);
/* CSS Document */

/*general*/
blink {
	text-decoration: none !important;
}

marquee {
	-moz-binding: none !important;
}

/*get rid of image borders - usaly 1px solid yellow in IE*/
img {
	border: 0px;
}
/*end of general*/

/*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;
}

/*IE9 and lower don't show the TopRightBar background-image, so make your own - remove this if you don't use IE*/
.TopRightBar {
	background-color: gray;
	outline: 3px solid white !important;
	border: 0px !important;
}

/*normal*/

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 {
	color: white !important;
}

/*varity of inputs for forum, dashboard, settings, help and single player*/
#SubjectBox, #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 {
	background-color: black;
	color: white;
	border: 1px solid gray;
}

/*Muli's userscript*/
.searchLevelInput, .searchLevelBtn, #searchPlayerBtn, #findPlayerExtra, ul.context-menu.playersearch-context {
	background-color: black;
	color: white;
	border: 1px solid gray;
}
	/*wiki*/

	a.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 {
		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  {
		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 {
		background-color: rgb(51, 0, 0) !important;
		color: white;
	}

	input {
		border: 1px solid gray !important;
	}
	
	.firstHeading {
		background-color: black !important;
		border: 0px !important;
		outline: 0px !important;
	}
	
	li#ca-move a {
		border-top: 1px solid white !important;
	}
}
/*end of WL*/