User:CDB-Man/cdbtestuser.css: Difference between revisions

Revision as of 05:43, 7 June 2023

/*
On the ed2k dump page, highlight the leftmost mylist state column with purple for anything in your mylist
*/

#layout-main div.ed2kdump_all tr td.mylist.in {
	background-color: #ff82d5 !important;
	color: #000000 !important;
}

#layout-main div.ed2kdump_all tr.g_odd td.mylist.in {
	background-color: #ff59ac !important;
	color: #000000 !important;
}

/*
Experimental colour highlight of mylist entries based on mylist state, on all anidb pages.
Font colour changes possibly require additional steps. See dropped state black for example.
NOTE: The order the colours are applied matters!  Current order is correct!
1. red default
2. red .liststate_collecting
3. blue .complete
4. orange .liststate_completed
5. green .all_watched
6. black .liststate_dropped
7. orange .liststate_watching
8. red .liststate_stalled
*/

/*default colour: red for if not fully collected (missing files), and have not started*/
.g_bubble.box.mylist,
.g_bubble.box.mylist > div.top,
.g_bubble.box.small.mylist,
.g_bubble.stripe.mylist,
#layout-main div.anime_all div.tabbed_pane_main div.similaranime div.stripe.mylist > :not(.tooltip),
#layout-main div.anime_all div.tabbed_pane_main table tr.mylist,
#layout-main div.animelist_all table tr.mylist,
#layout-main div.character_all div.tabbed_pane_main table tr.mylist,
#layout-main div.collection_all div.tabbed_pane_main table tr.mylist,
#layout-main div.creator_all div.tabbed_pane_main table tr.mylist,
#layout-main div.group_released table tr.mylist,
#layout-main div.latest2_all table tr td.mylist,
#layout-main div.latest2_all table tr.mylist,
#layout-main div.mylist_all tr[id^="a"]:not(.episodes):not(.files),
#layout-main div.producer_all table tr.mylist,
#layout-main div.song_all div.tabbed_pane_main table tr td.mylist,
#layout-main div.song_all div.tabbed_pane_main table tr.mylist,
#layout-main div.timeline_all .timeline_entry,
#layout-main div:not(.ed2kdump_all) tr td.mylist,
#layout-main table.animelist tr.mylist,
#layout-main table.wishlist tr.mylist {
	background-color: #e69696;
	color: #000000;
}

.g_bubble.box.mylist .i_icon,
.g_bubble.box.mylist > div.top .i_icon,
.g_bubble.box.mylist > div.top a:not(.name-colored),
.g_bubble.box.mylist a:not(.name-colored),
.g_bubble.stripe.mylist .i_icon,
.g_bubble.stripe.mylist a:not(.name-colored),
#layout-main div.anime_all div.tabbed_pane_main div.similaranime div.stripe.mylist .i_icon,
#layout-main div.anime_all div.tabbed_pane_main div.similaranime div.stripe.mylist a:not(.name-colored),
#layout-main div.anime_all div.tabbed_pane_main table tr.mylist .i_icon,
#layout-main div.anime_all div.tabbed_pane_main table tr.mylist a:not(.name-colored),
#layout-main div.animelist_all table tr.mylist .i_icon,
#layout-main div.animelist_all table tr.mylist a:not(.name-colored),
#layout-main div.character_all div.tabbed_pane_main table tr.mylist .i_icon,
#layout-main div.character_all div.tabbed_pane_main table tr.mylist a:not(.name-colored),
#layout-main div.collection_all div.tabbed_pane_main table tr.mylist .i_icon,
#layout-main div.collection_all div.tabbed_pane_main table tr.mylist a:not(.name-colored),
#layout-main div.creator_all div.tabbed_pane_main table tr.mylist .i_icon,
#layout-main div.creator_all div.tabbed_pane_main table tr.mylist a:not(.name-colored),
#layout-main div.group_released table tr.mylist .i_icon,
#layout-main div.group_released table tr.mylist a:not(.name-colored),
#layout-main div.latest2_all table tr td.mylist .i_icon,
#layout-main div.latest2_all table tr td.mylist a:not(.name-colored),
#layout-main div.latest2_all table tr.mylist .i_icon,
#layout-main div.latest2_all table tr.mylist a:not(.name-colored),
#layout-main div.mylist_all #form_animelist table tbody tr .i_icon,
#layout-main div.mylist_all #form_animelist table tbody tr a:not(.name-colored),
#layout-main div.producer_all table tr.mylist .i_icon,
#layout-main div.producer_all table tr.mylist a:not(.name-colored),
#layout-main div.song_all div.tabbed_pane_main table tr td.mylist .i_icon,
#layout-main div.song_all div.tabbed_pane_main table tr td.mylist a:not(.name-colored),
#layout-main div.song_all div.tabbed_pane_main table tr.mylist .i_icon,
#layout-main div.song_all div.tabbed_pane_main table tr.mylist a:not(.name-colored),
#layout-main div.timeline_all .timeline_entry .i_icon,
#layout-main div.timeline_all .timeline_entry a:not(.name-colored),
#layout-main div:not(.ed2kdump_all) tr td.mylist .i_icon,
#layout-main div:not(.ed2kdump_all) tr td.mylist a:not(.name-colored),
#layout-main table.animelist tr.mylist .i_icon,
#layout-main table.animelist tr.mylist a:not(.name-colored),
#layout-main table.wishlist tr.mylist .i_icon,
#layout-main table.wishlist tr.mylist a:not(.name-colored) {
	color: #105289;
}

.g_odd.g_bubble.box.mylist,
.g_odd.g_bubble.box.mylist > div.top,
.g_odd.g_bubble.stripe.mylist,
#layout-main div.anime_all div.tabbed_pane_main div.similaranime div.g_odd.stripe.mylist > :not(.tooltip),
#layout-main div.anime_all div.tabbed_pane_main table tr.g_odd.mylist,
#layout-main div.animelist_all table tr.g_odd.mylist,
#layout-main div.character_all div.tabbed_pane_main table tr.g_odd.mylist,
#layout-main div.collection_all div.tabbed_pane_main table tr.g_odd.mylist,
#layout-main div.creator_all div.tabbed_pane_main table tr.g_odd.mylist,
#layout-main div.group_released table tr.g_odd.mylist,
#layout-main div.latest2_all table tr.g_odd td.mylist,
#layout-main div.latest2_all table tr.g_odd.mylist,
#layout-main div.mylist_all tr.g_odd[id^="a"]:not(.episodes):not(.files),
#layout-main div.producer_all table tr.g_odd.mylist,
#layout-main div.song_all div.tabbed_pane_main table tr.g_odd td.mylist,
#layout-main div.song_all div.tabbed_pane_main table tr.g_odd.mylist,
#layout-main div.timeline_all .g_odd .timeline_entry,
#layout-main div:not(.ed2kdump_all) tr.g_odd td.mylist,
#layout-main table.animelist tr.g_odd.mylist,
#layout-main table.wishlist tr.g_odd.mylist {
	background-color: #e67878;
	color: #000000;
}

.g_odd.g_bubble.box.mylist .i_icon,
.g_odd.g_bubble.box.mylist > div.top .i_icon,
.g_odd.g_bubble.box.mylist > div.top a:not(.name-colored),
.g_odd.g_bubble.box.mylist a:not(.name-colored),
.g_odd.g_bubble.stripe.mylist .i_icon,
.g_odd.g_bubble.stripe.mylist a:not(.name-colored),
#layout-main div.anime_all div.tabbed_pane_main div.similaranime div.g_odd.stripe.mylist .i_icon,
#layout-main div.anime_all div.tabbed_pane_main div.similaranime div.g_odd.stripe.mylist a:not(.name-colored),
#layout-main div.anime_all div.tabbed_pane_main table tr.g_odd.mylist .i_icon,
#layout-main div.anime_all div.tabbed_pane_main table tr.g_odd.mylist a:not(.name-colored),
#layout-main div.animelist_all table tr.g_odd.mylist .i_icon,
#layout-main div.animelist_all table tr.g_odd.mylist a:not(.name-colored),
#layout-main div.character_all div.tabbed_pane_main table tr.g_odd.mylist .i_icon,
#layout-main div.character_all div.tabbed_pane_main table tr.g_odd.mylist a:not(.name-colored),
#layout-main div.collection_all div.tabbed_pane_main table tr.g_odd.mylist .i_icon,
#layout-main div.collection_all div.tabbed_pane_main table tr.g_odd.mylist a:not(.name-colored),
#layout-main div.creator_all div.tabbed_pane_main table tr.g_odd.mylist .i_icon,
#layout-main div.creator_all div.tabbed_pane_main table tr.g_odd.mylist a:not(.name-colored),
#layout-main div.group_released table tr.g_odd.mylist .i_icon,
#layout-main div.group_released table tr.g_odd.mylist a:not(.name-colored),
#layout-main div.latest2_all table tr.g_odd td.mylist .i_icon,
#layout-main div.latest2_all table tr.g_odd td.mylist a:not(.name-colored),
#layout-main div.latest2_all table tr.g_odd.mylist .i_icon,
#layout-main div.latest2_all table tr.g_odd.mylist a:not(.name-colored),
#layout-main div.mylist_all #form_animelist table tbody tr.g_odd .i_icon,
#layout-main div.mylist_all #form_animelist table tbody tr.g_odd a:not(.name-colored),
#layout-main div.producer_all table tr.g_odd.mylist .i_icon,
#layout-main div.producer_all table tr.g_odd.mylist a:not(.name-colored),
#layout-main div.song_all div.tabbed_pane_main table tr.g_odd td.mylist .i_icon,
#layout-main div.song_all div.tabbed_pane_main table tr.g_odd td.mylist a:not(.name-colored),
#layout-main div.song_all div.tabbed_pane_main table tr.g_odd.mylist .i_icon,
#layout-main div.song_all div.tabbed_pane_main table tr.g_odd.mylist a:not(.name-colored),
#layout-main div.timeline_all .g_odd .timeline_entry .i_icon,
#layout-main div.timeline_all .g_odd .timeline_entry a:not(.name-colored),
#layout-main div:not(.ed2kdump_all) tr.g_odd td.mylist .i_icon,
#layout-main div:not(.ed2kdump_all) tr.g_odd td.mylist a:not(.name-colored),
#layout-main table.animelist tr.g_odd.mylist .i_icon,
#layout-main table.animelist tr.g_odd.mylist a:not(.name-colored),
#layout-main table.wishlist tr.g_odd.mylist .i_icon,
#layout-main table.wishlist tr.g_odd.mylist a:not(.name-colored) {
	color: #105289;
}

/* red for default .liststate_collecting state */
.g_bubble.box.mylist.liststate_collecting,
.g_bubble.box.mylist.liststate_collecting > div.top,
#layout-main > :not(.timeline_all) .mylist.liststate_collecting > :not(.tooltip),
#layout-main div.timeline_all .liststate_collecting,
#layout-main table.animelist .liststate_collecting,
#layout-main table.wishlist .liststate_collecting {
	background-color: #e69696 !important;
	color: #000000 !important;
}

.g_odd.g_bubble.box.mylist.liststate_collecting,
.g_odd.g_bubble.box.mylist.liststate_collecting > div.top,
#layout-main > :not(.timeline_all) .g_odd .mylist.liststate_collecting > :not(.tooltip),
#layout-main > :not(.timeline_all) .mylist.g_odd.liststate_collecting > :not(.tooltip),
#layout-main table.animelist .g_odd.liststate_collecting,
#layout-main table.wishlist .g_odd.liststate_collecting {
	background-color: #e67878 !important;
	color: #000000 !important;
}

/*blue for .complete (fully collected and "ready to watch")*/
.g_bubble.box.mylist.complete,
.g_bubble.box.mylist.complete > div.top,
#layout-main > :not(.timeline_all) .mylist.complete > :not(.tooltip),
#layout-main div.timeline_all .complete,
#layout-main table.animelist .complete,
#layout-main table.wishlist .complete {
	background-color: #8ddfe4 !important;
	color: #000000 !important;
}

.g_odd.g_bubble.box.mylist.complete,
.g_odd.g_bubble.box.mylist.complete > div.top,
#layout-main > :not(.timeline_all) .g_odd .mylist.complete > :not(.tooltip),
#layout-main > :not(.timeline_all) .mylist.g_odd.complete > :not(.tooltip),
#layout-main table.animelist .g_odd.complete,
#layout-main table.wishlist .g_odd.complete {
	background-color: #68cace !important;
	color: #000000 !important;
}

/*orange for mylist state .liststate_completed */
.g_bubble.box.mylist.liststate_completed,
.g_bubble.box.mylist.liststate_completed > div.top,
#layout-main > :not(.timeline_all) .mylist.liststate_completed > :not(.tooltip),
#layout-main div.timeline_all .liststate_completed,
#layout-main table.animelist .liststate_completed,
#layout-main table.wishlist .liststate_completed {
	background-color: #ffb84d !important;
	color: #000000 !important;
}

.g_odd.g_bubble.box.mylist.liststate_completed,
.g_odd.g_bubble.box.mylist.liststate_completed > div.top,
#layout-main > :not(.timeline_all) .g_odd .mylist.liststate_completed > :not(.tooltip),
#layout-main > :not(.timeline_all) .mylist.g_odd.liststate_completed > :not(.tooltip),
#layout-main table.animelist .g_odd.liststate_completed,
#layout-main table.wishlist .g_odd.liststate_completed {
	background-color: #ffa319 !important;
	color: #000000 !important;
}

/*green for .all_watched */
.g_bubble.box.mylist.all_watched,
.g_bubble.box.mylist.all_watched > div.top,
#layout-main > :not(.timeline_all) .mylist.all_watched > :not(.tooltip),
#layout-main div.timeline_all .all_watched,
#layout-main table.animelist .all_watched,
#layout-main table.wishlist .all_watched {
	background-color: #a0e6a0 !important;
	color: #000000 !important;
}

.g_odd.g_bubble.box.mylist.all_watched,
.g_odd.g_bubble.box.mylist.all_watched > div.top,
#layout-main > :not(.timeline_all) .g_odd .mylist.all_watched > :not(.tooltip),
#layout-main > :not(.timeline_all) .mylist.g_odd.all_watched > :not(.tooltip),
#layout-main table.animelist .g_odd.all_watched,
#layout-main table.wishlist .g_odd.all_watched {
	background-color: #85d485 !important;
	color: #000000 !important;
}

/*black for .liststate_dropped */
.g_bubble.box.mylist.liststate_dropped,
.g_bubble.box.mylist.liststate_dropped > div.top,
#layout-main .mylist.liststate_dropped .name a,
#layout-main .mylist.liststate_dropped > :not(.image) > :not(.tooltip) a.name-colored,
#layout-main > :not(.timeline_all) .mylist.liststate_dropped > :not(.tooltip),
#layout-main div.timeline_all .liststate_dropped,
#layout-main table.animelist .liststate_dropped,
#layout-main table.animelist .liststate_dropped .name a,
#layout-main table.wishlist .liststate_dropped,
#layout-main table.wishlist .liststate_dropped .name a {
	background-color: #444444 !important;
	color: #ffffff !important;
}

#layout-main .mylist.liststate_dropped div.tooltip {
	color: initial;
}

.g_odd.g_bubble.box.mylist.liststate_dropped,
.g_odd.g_bubble.box.mylist.liststate_dropped > div.top,
#layout-main .mylist.g_odd.liststate_dropped .name a,
#layout-main .mylist.g_odd.liststate_dropped > :not(.image) > :not(.tooltip) a.name-colored,
#layout-main > :not(.timeline_all) .g_odd .mylist.liststate_dropped > :not(.tooltip),
#layout-main > :not(.timeline_all) .mylist.g_odd.liststate_dropped > :not(.tooltip),
#layout-main table.animelist .g_odd.liststate_dropped,
#layout-main table.animelist .g_odd.liststate_dropped .name a,
#layout-main table.wishlist .g_odd.liststate_dropped,
#layout-main table.wishlist .g_odd.liststate_dropped .name a {
	background-color: #333333 !important;
	color: #ffffff !important;
}

#layout-main .mylist.g_odd.liststate_dropped div.tooltip {
	color: initial;
}

#layout-main .mylist.g_odd.liststate_dropped .i_icon,
#layout-main .mylist.g_odd.liststate_dropped a,
#layout-main .mylist.liststate_dropped .i_icon,
#layout-main .mylist.liststate_dropped a,
#layout-main div.mylist_all .g_odd.liststate_dropped .i_icon,
#layout-main div.mylist_all .g_odd.liststate_dropped a,
#layout-main div.mylist_all .liststate_dropped .i_icon,
#layout-main div.mylist_all .liststate_dropped a,
#layout-main table.wishlist tr.g_odd.mylist.liststate_dropped .i_icon,
#layout-main table.wishlist tr.g_odd.mylist.liststate_dropped a,
#layout-main table.wishlist tr.mylist.liststate_dropped .i_icon,
#layout-main table.wishlist tr.mylist.liststate_dropped a {
	color: #6688ff !important;
}

/*orange for .liststate_watching */
.g_bubble.box.mylist.liststate_watching,
.g_bubble.box.mylist.liststate_watching > div.top,
#layout-main > :not(.timeline_all) .mylist.liststate_watching > :not(.tooltip),
#layout-main div.timeline_all .liststate_watching,
#layout-main table.animelist .liststate_watching,
#layout-main table.wishlist .liststate_watching {
	background-color: #ffb84d !important;
	color: #000000 !important;
}

.g_odd.g_bubble.box.mylist.liststate_watching,
.g_odd.g_bubble.box.mylist.liststate_watching > div.top,
#layout-main > :not(.timeline_all) .g_odd .mylist.liststate_watching > :not(.tooltip),
#layout-main > :not(.timeline_all) .mylist.g_odd.liststate_watching: > :not(.tooltip),
#layout-main table.animelist .g_odd.liststate_watching,
#layout-main table.wishlist .g_odd.liststate_watching {
	background-color: #ffa319 !important;
	color: #000000 !important;
}

/*red for .liststate_stalled */
.g_bubble.box.mylist.liststate_stalled,
.g_bubble.box.mylist.liststate_stalled > div.top,
#layout-main > :not(.timeline_all) .mylist.liststate_stalled > :not(.tooltip),
#layout-main div.timeline_all .liststate_stalled,
#layout-main table.animelist .liststate_stalled,
#layout-main table.wishlist .liststate_stalled {
	background-color: #e69696 !important;
	color: #000000 !important;
}

.g_odd.g_bubble.box.mylist.liststate_stalled,
.g_odd.g_bubble.box.mylist.liststate_stalled > div.top,
#layout-main > :not(.timeline_all) .g_odd .mylist.liststate_stalled > :not(.tooltip),
#layout-main > :not(.timeline_all) .mylist.g_odd.liststate_stalled > :not(.tooltip),
#layout-main table.animelist .g_odd.liststate_stalled,
#layout-main table.wishlist .g_odd.liststate_stalled {
	background-color: #e67878 !important;
	color: #000000 !important;
}