User:CDB-Man/CDBstyle
Jump to navigation
Jump to search
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) 02:40, 16 September 2014 (CEST)
Improvements:
Colouring Changes
MyList State Highlighting
Highlight mylist entries, on mylist page and other pages where mylist entries appear, based on the following:
- red for if not fully collected (missing files), and have not started
- blue for complete (fully collected and "ready to watch")
- orange for watching
- red for stalled
- red for dropped
- green for mylist state "completed"
- green for all_watched
- current colours:
background-color: #B8E3B8 !important; green
background-color: #85D485 !important; green odd
background-color: #71D8DE !important; blue
background-color: #68CACE !important; blue odd
background-color: #FFB84D !important; orange
background-color: #FFA319 !important; orange odd
background-color: #D6B8B8 !important; anidb default red
background-color: #CC9999 !important; anidb default red odd
background-color: #464646 !important; black color: #FFFFFF; font colour
background-color: #000000 !important; black odd color: #FFFFFF; font colour
Unused:
background-color: #FF9696 !important; red
background-color: #FF7878 !important; red odd
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
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: #FF9696 !important; red
background-color: #FF7878 !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
- Mark as red any file where release date has not been set <-- courtesy of Worf
- Hide the undumped files column on the group page <-- courtesy of Worf
- Unhide the undumped files column on the group page if there are undumped files, and mark them in red <-- courtesy of Worf
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;
}