User:CDB-Man/CDBstyle

CDB`s improvements on DerIdiot`s AniDBstyle2. Contains mainly ergonomics updates.

Support forum thread here: http://anidb.net/perl-bin/animedb.pl?show=cmt&id=52076

Last Updated: CDB-Man (talk) 06:34, 23 September 2014 (CEST)

Improvements:

Colouring Changes

MyList State Highlighting

Before anyone panics: I have mylist entries that are marked mylist.completed, why is it in orange and not green?
Basically, if something is marked as "completed" but for whatever reason there's actually more files to be watched (ie you forgot to mark files as watched, there were new episodes added, etc), the entry will be orange instead of green. This means green = .all_watched means you've truly watched all the episodes!

Highlight mylist entries, on mylist page, mylist timeline, and other pages where mylist entries appear. The order the colours are applied are as follows:

• red for if not fully collected (missing files), and have not started; default mylist colour
• red for collecting state (default behaviour, reinforces above)

background-color: #E69696 !important; red -- incompletely collected, .stalled

background-color: #E67878 !important; red odd -- incompletely collected, .stalled

• blue for "complete" (fully collected and "ready to watch")

background-color: #71D8DE !important; blue -- .complete

background-color: #68CACE !important; blue odd -- .complete

• black for dropped

background-color: #222222 !important; black -- color: #FFFFFF; font colour -- .dropped

background-color: #000000 !important; black odd -- color: #FFFFFF; font colour -- .dropped

• orange for watching
• orange for mylist state "completed" but not "all_watched"

background-color: #FFB84D !important; orange -- .watching, .completed but not .all_watched

background-color: #FFA319 !important; orange odd -- .watching, .completed but not .all_watched

• red for stalled

background-color: #E69696 !important; red -- incompletely collected, .stalled

background-color: #E67878 !important; red odd -- incompletely collected, .stalled

• green for all_watched

background-color: #B8E3B8 !important; green -- .all_watched

background-color: #85D485 !important; green odd -- .all_watched

Unused:

background-color: #FF8282 !important; strong red (for use with purple)

background-color: #FF6464 !important; strong red odd (for use with purple)

background-color: #FF82D5 !important; purple -- color: #000000; font colour

background-color: #FF59AC !important; purple odd -- color: #000000; font colour

Colour-based Features

• for anime-group in my list, the completion bar, changed from green to red to improve readability
  • also made the completion bar thicker, from 1px -> 2px -> 3px

background-color: #7EF27E !important; anidb default green

background-color: #FF0000 !important; new red

• Increased brightness and gradient of anidb green and red highlighting

background-color: #A7DDA7 !important; anidb default green

background-color: #9AD09A !important; anidb default green odd

background-color: #B8E3B8 !important; green

background-color: #85D485 !important; green odd

background-color: #D6B8B8 !important; anidb default red

background-color: #CC9999 !important; anidb default red odd

background-color: #E69696 !important; red

background-color: #E67878 !important; red odd

background-color: #FF8282 !important; strong red (for use with purple)

background-color: #FF6464 !important; strong red odd (for use with purple)

Text Changes

• On the anime-staff add/edit page, remove capitalization of source-info in the header

Icon Changes

• revert to old stars on file tables

Layout Changes

File related

• Mark as red any file where release date has not been set <-- courtesy of Worf
• Hide the undumped files column on the group page by default, and unhide if there are undumped files <-- courtesy of Worf

• Mark table cells of undumped files red (file ID, file actions), mark as red any file where release date has not been set <-- courtesy of Worf
  • To disable this feature, add the following to your UserCSS:

table.filelist td.date.added,
table.filelist tr.undumped td.id,
table.filelist tr.undumped td.id a:link,
table.filelist tr.undumped td.id a:active,
table.filelist tr.undumped td.id a:visited,
table.filelist tr.undumped td.action
{
  visibility: initial;
  background-color: initial;
  color: initial;
  font-weight: normal;
}
table.filelist tr.undumped td.id a:link,
table.filelist tr.undumped td.id a:active,
table.filelist tr.undumped td.id a:visited
{
  color: #105289;
}
table.filelist tr.undumped td.id a:hover
{
  color: #AA0000;
}

Missing Relations

• Highlight in red any missing char-char and anime-anime relations in the table-fied views of relations <-- courtesy of Worf

Whitespace Reduction

• Disallow line wrap on userpage stats block
• vertical align the user page avatar
• shrink width of info box on userpages
• div.data max width, to maximize the widths of image vs data div blocks (ie on group pages)
• userpage sections flex adding (discussions section only so far)
• nowrap of username on creqhist page (and possibly others)

Miscellaneous Layout

• expand default text entry box size

Action Buttons at the Top of Entry Pages

• Display top links (buttons) on anime/character/club/creator/collection/group/song page <-- courtesy of Worf

For anyone that doesn`t like the buttons at the top of the entry pages and wants to hide them like before, you can add the following to your UserCSS.

#layout-main div.anime_all ul.links_top,
#layout-main div.character_all ul.links_top,
#layout-main div.club_all ul.links_top,
#layout-main div.creator_all ul.links_top,
#layout-main div.collection_all ul.links_top,
#layout-main div.group_all ul.links_top,
#layout-main div.song_all ul.links_top
{
display: none;
}