|
|
| (2 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /*
| | #layout-main div.anime_all div.tabbed_pane_main div.similaranime div.data > div.tooltip > div.tooltip > div.g_bubble.text.comments { |
| 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,
| |
| #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;
| |
| }
| |
| | |
| #layout-main div.anime_all div.tabbed_pane_main div.similaranime div.stripe.mylist div.tooltip { | |
| color: initial !important;
| |
| }
| |
| | |
| .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,
| |
| #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;
| |
| }
| |
| | |
| #layout-main div.anime_all div.tabbed_pane_main div.similaranime div.g_odd.stripe.mylist div.tooltip {
| |
| color: initial !important;
| |
| }
| |
| | |
| .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,
| |
| #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;
| |
| }
| |
| | |
| #layout-main .mylist.liststate_collecting div.tooltip {
| |
| color: initial !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,
| |
| #layout-main > :not(.timeline_all) .mylist.g_odd.liststate_collecting,
| |
| #layout-main table.animelist .g_odd.liststate_collecting,
| |
| #layout-main table.wishlist .g_odd.liststate_collecting {
| |
| background-color: #e67878 !important;
| |
| color: #000000 !important;
| |
| }
| |
| | |
| #layout-main .g_odd .mylist.liststate_collecting div.tooltip,
| |
| #layout-main .mylist.g_odd.liststate_collecting div.tooltip {
| |
| color: initial !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,
| |
| #layout-main div.timeline_all .complete,
| |
| #layout-main table.animelist .complete,
| |
| #layout-main table.wishlist .complete {
| |
| background-color: #8ddfe4 !important;
| |
| color: #000000 !important;
| |
| }
| |
| | |
| #layout-main .mylist.complete div.tooltip {
| |
| color: initial !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,
| |
| #layout-main > :not(.timeline_all) .mylist.g_odd.complete,
| |
| #layout-main table.animelist .g_odd.complete,
| |
| #layout-main table.wishlist .g_odd.complete {
| |
| background-color: #68cace !important;
| |
| color: #000000 !important;
| |
| }
| |
| | |
| #layout-main .g_odd .mylist.complete div.tooltip,
| |
| #layout-main .mylist.g_odd.complete div.tooltip {
| |
| color: initial !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,
| |
| #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;
| |
| }
| |
| | |
| #layout-main .mylist.liststate_completed div.tooltip {
| |
| color: initial !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,
| |
| #layout-main > :not(.timeline_all) .mylist.g_odd.liststate_completed,
| |
| #layout-main table.animelist .g_odd.liststate_completed,
| |
| #layout-main table.wishlist .g_odd.liststate_completed {
| |
| background-color: #ffa319 !important;
| |
| color: #000000 !important;
| |
| }
| |
| | |
| #layout-main .g_odd .mylist.liststate_completed div.tooltip,
| |
| #layout-main .mylist.g_odd.liststate_completed div.tooltip {
| |
| color: initial !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,
| |
| #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;
| |
| }
| |
| | |
| #layout-main .mylist.all_watched div.tooltip {
| |
| color: initial !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,
| |
| #layout-main > :not(.timeline_all) .mylist.g_odd.all_watched,
| |
| #layout-main table.animelist .g_odd.all_watched,
| |
| #layout-main table.wishlist .g_odd.all_watched {
| |
| background-color: #85d485 !important;
| |
| color: #000000 !important;
| |
| }
| |
| | |
| #layout-main .g_odd .mylist.all_watched div.tooltip,
| |
| #layout-main .mylist.g_odd.all_watched div.tooltip {
| |
| color: initial !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,
| |
| #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 !important;
| |
| }
| |
| | |
| .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,
| |
| #layout-main > :not(.timeline_all) .mylist.g_odd.liststate_dropped,
| |
| #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 .g_odd .mylist.liststate_dropped div.tooltip,
| |
| #layout-main .mylist.g_odd.liststate_dropped div.tooltip {
| |
| color: initial !important;
| |
| }
| |
| | |
| #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,
| |
| #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;
| |
| }
| |
| | |
| #layout-main .mylist.liststate_watching div.tooltip {
| |
| color: initial !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,
| |
| #layout-main > :not(.timeline_all) .mylist.g_odd.liststate_watching,
| |
| #layout-main table.animelist .g_odd.liststate_watching,
| |
| #layout-main table.wishlist .g_odd.liststate_watching {
| |
| background-color: #ffa319 !important;
| |
| color: #000000 !important;
| |
| }
| |
| | |
| #layout-main .g_odd .mylist.liststate_watching div.tooltip,
| |
| #layout-main .mylist.g_odd.liststate_watching div.tooltip {
| |
| color: initial !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,
| |
| #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;
| |
| }
| |
| | |
| #layout-main .mylist.liststate_stalled div.tooltip {
| |
| color: initial !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,
| |
| #layout-main > :not(.timeline_all) .mylist.g_odd.liststate_stalled,
| |
| #layout-main table.animelist .g_odd.liststate_stalled,
| |
| #layout-main table.wishlist .g_odd.liststate_stalled {
| |
| background-color: #e67878 !important;
| |
| color: #000000 !important;
| |
| }
| |
| | |
| #layout-main .g_odd .mylist.liststate_stalled div.tooltip,
| |
| #layout-main .g_odd .mylist.g_odd.liststate_stalled div.tooltip {
| |
| color: initial !important; | | color: initial !important; |
| } | | } |