staff
1,114
edits
m (timestamp) |
(→Whitespace Reduction: updates) |
||
(20 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
Support forum thread here: http://anidb.net/perl-bin/animedb.pl?show=cmt&id=52076 | Support forum thread here: http://anidb.net/perl-bin/animedb.pl?show=cmt&id=52076 | ||
Last Updated: [[User:CDB-Man|CDB-Man]] ([[User talk:CDB-Man|talk]]) | Last Updated: [[User:CDB-Man|CDB-Man]] ([[User talk:CDB-Man|talk]]) 01:31, 3 January 2015 (CET) | ||
= Improvements: = | = Improvements: = | ||
Line 30: | Line 30: | ||
<pre style="color:#000000; background:#E67878">background-color: #E67878 !important; red odd -- incompletely collected, .stalled</pre> | <pre style="color:#000000; background:#E67878">background-color: #E67878 !important; red odd -- incompletely collected, .stalled</pre> | ||
* blue for .complete (fully collected and "ready to watch") | * blue for .complete (fully collected and "ready to watch") | ||
<pre style="color:#000000; background:#71D8DE">background-color: # | <pre style="color:#000000; background:#71D8DE">background-color: #8DDFE4 !important; blue -- .complete</pre> | ||
<pre style="color:#000000; background:#68CACE">background-color: #68CACE !important; blue odd -- .complete</pre> | <pre style="color:#000000; background:#68CACE">background-color: #68CACE !important; blue odd -- .complete</pre> | ||
* orange for mylist state .completed but not .all_watched | * orange for mylist state .completed but not .all_watched | ||
Line 36: | Line 36: | ||
<pre style="color:#000000; background:#FFA319">background-color: #FFA319 !important; orange odd -- .completed but not .all_watched</pre> | <pre style="color:#000000; background:#FFA319">background-color: #FFA319 !important; orange odd -- .completed but not .all_watched</pre> | ||
* green for .all_watched | * green for .all_watched | ||
<pre style="color:#000000; background:# | <pre style="color:#000000; background:#A0E6A0">background-color: #A0E6A0 !important; green -- .all_watched</pre> | ||
<pre style="color:#000000; background:#85D485">background-color: #85D485 !important; green odd -- .all_watched</pre> | <pre style="color:#000000; background:#85D485">background-color: #85D485 !important; green odd -- .all_watched</pre> | ||
* black for .dropped | * black for .dropped | ||
<pre style="color:#FFFFFF; background:# | <pre style="color:#FFFFFF; background:#444444">background-color: #444444 !important; black -- color: #FFFFFF; font colour -- .dropped</pre> | ||
<pre style="color:#FFFFFF; background:# | <pre style="color:#FFFFFF; background:#222222">background-color: #222222 !important; black odd -- color: #FFFFFF; font colour -- .dropped</pre> | ||
* orange for .watching | * orange for .watching | ||
<pre style="color:#000000; background:#FFB84D">background-color: #FFB84D !important; orange -- .watching</pre> | <pre style="color:#000000; background:#FFB84D">background-color: #FFB84D !important; orange -- .watching</pre> | ||
Line 47: | Line 47: | ||
<pre style="color:#000000; background:#E69696">background-color: #E69696 !important; red -- incompletely collected, .stalled</pre> | <pre style="color:#000000; background:#E69696">background-color: #E69696 !important; red -- incompletely collected, .stalled</pre> | ||
<pre style="color:#000000; background:#E67878">background-color: #E67878 !important; red odd -- incompletely collected, .stalled</pre> | <pre style="color:#000000; background:#E67878">background-color: #E67878 !important; red odd -- incompletely collected, .stalled</pre> | ||
=== Wishlist Highlighting === | |||
Highlight with fuchsia accents, any item in your wishlist. | |||
<pre style="color:#000000; background:#FF82D5">background-color: #FF82D5 !important; fuchsia</pre> | |||
<pre style="color:#000000; background:#FF59AC">background-color: #FF59AC !important; fuchsia odd</pre> | |||
=== Colour-based Features === | === Colour-based Features === | ||
* | ==== Anime-Group Completion Bar ==== | ||
* 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 | ** also made the completion bar thicker, from 1px -> 2px -> 3px | ||
<pre style="color:#000000; background:#7EF27E">background-color: #7EF27E !important; anidb default green</pre> | <pre style="color:#000000; background:#7EF27E">background-color: #7EF27E !important; anidb default green</pre> | ||
<pre style="color:#000000; background:#FF0000">background-color: #FF0000 !important; new red</pre> | <pre style="color:#000000; background:#FF0000">background-color: #FF0000 !important; new red</pre> | ||
* | ==== Missing Relations ==== | ||
< | * Highlight in red any missing char-char and anime-anime relations in the table-fied views of relations <-- courtesy of Worf | ||
==== File-Related Features ==== | |||
* On the ed2k dump page, highlight the leftmost mylist state column with purple for anything in your mylist | |||
* On the | |||
* Mark as red any file where release date has not been set <-- courtesy of Worf | * 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 | * Hide the undumped files column on the group page by default, and unhide if there are undumped files <-- courtesy of Worf | ||
Line 93: | Line 76: | ||
table.filelist tr.undumped td.id a:active, | table.filelist tr.undumped td.id a:active, | ||
table.filelist tr.undumped td.id a:visited, | table.filelist tr.undumped td.id a:visited, | ||
table.filelist tr.undumped td.action | table.filelist tr.undumped td.action, | ||
table.file.entities tr.undumped td.id, | |||
table.file.entities tr.undumped td.id a:link, | |||
table.file.entities tr.undumped td.id a:active, | |||
table.file.entities tr.undumped td.id a:visited, | |||
table.file.entities tr.undumped td.action | |||
{ | { | ||
visibility: initial; | visibility: initial; | ||
Line 102: | Line 90: | ||
table.filelist tr.undumped td.id a:link, | table.filelist tr.undumped td.id a:link, | ||
table.filelist tr.undumped td.id a:active, | table.filelist tr.undumped td.id a:active, | ||
table.filelist tr.undumped td.id a:visited | table.filelist tr.undumped td.id a:visited, | ||
table.file.entities tr.undumped td.id a:link, | |||
table.file.entities tr.undumped td.id a:active, | |||
table.file.entities tr.undumped td.id a:visited | |||
{ | { | ||
color: #105289; | color: #105289; | ||
} | } | ||
table.filelist tr.undumped td.id a:hover | table.filelist tr.undumped td.id a:hover, | ||
table.file.entities tr.undumped td.id a:hover | |||
{ | { | ||
color: #AA0000; | color: #AA0000; | ||
} | } | ||
</pre> | </pre> | ||
==== Status-Highlight Gradients Increased ==== | |||
* Increased brightness and gradient of anidb green and red highlighting | |||
<pre style="color:#000000; background:#A7DDA7">background-color: #A7DDA7 !important; anidb default green</pre> | |||
<pre style="color:#000000; background:#9AD09A">background-color: #9AD09A !important; anidb default green odd</pre> | |||
<pre style="color:#000000; background:#A0E6A0">background-color: #A0E6A0 !important; green</pre> | |||
<pre style="color:#000000; background:#85D485">background-color: #85D485 !important; green odd</pre> | |||
<pre style="color:#000000; background:#D6B8B8">background-color: #D6B8B8 !important; anidb default red</pre> | |||
<pre style="color:#000000; background:#CC9999">background-color: #CC9999 !important; anidb default red odd</pre> | |||
<pre style="color:#000000; background:#E69696">background-color: #E69696 !important; red</pre> | |||
<pre style="color:#000000; background:#E67878">background-color: #E67878 !important; red odd</pre> | |||
Currently Unused: | |||
<pre style="color:#000000; background:#FF8282">background-color: #FF8282 !important; strong red (for use with purple)</pre> | |||
<pre style="color:#000000; background:#FF6464">background-color: #FF6464 !important; strong red odd (for use with purple)</pre> | |||
<pre style="color:#000000; background:#FF82D5">background-color: #FF82D5 !important; purple -- color: #000000; font colour</pre> | |||
<pre style="color:#000000; background:#FF59AC">background-color: #FF59AC !important; purple odd -- color: #000000; font colour</pre> | |||
== Text Changes == | |||
Currently no text-based features. | |||
* <strike>On the anime-staff add/edit page, remove capitalization of source-info in the header</strike> Fixed on main. | |||
== Icon Changes == | |||
* revert to old stars on file tables | |||
== Layout Changes == | |||
=== Whitespace Reduction === | === Whitespace Reduction === | ||
* nowrap of username on creqhist page (and possibly others) | * nowrap of username on creqhist page (and possibly others) | ||
* reduction of whitespace on the anime page grouplist and eplist, and the group page release list | |||
* Userpage: | |||
** 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) | |||
=== Imagepreview === | |||
* remove the transparency from imagepreview | |||
* make the imagepreview background white to work better with transparent images | |||
=== Main Tabs === | |||
* moved the "main tabs" from the topright to the topleft | |||
If you want to move the tabs back to the right, use this userCSS: | |||
<pre>#layout-tabs ul | |||
{ | |||
text-align: right; | |||
} | |||
#layout-content #layout-tabs | |||
{ | |||
margin-left: 0em !important; | |||
}</pre> | |||
=== Miscellaneous Layout === | === Miscellaneous Layout === | ||
Line 140: | Line 177: | ||
{ | { | ||
display: none; | display: none; | ||
}</pre> | |||
= Additional Optional Features = | |||
You can enable each feature by adding it to your UserCSS. | |||
==== Hide the mouseover image for .restricted/hentai only ==== | |||
<pre>.restricted #imagepreview img { | |||
display: none !important; | |||
}</pre> | |||
==== Force-show info blocks on main page that are hidden (likely due to resolution being too small): ==== | |||
<pre>#layout-main div.main_all #hotanime, | |||
#layout-main div.main_all #latestended, | |||
#layout-main div.main_all #similaranime, | |||
#layout-main div.main_all #randrecom, | |||
#layout-main div.main_all #randanime, | |||
#layout-main div.main_all #latestaired, | |||
#layout-main div.main_all #randchar, | |||
#layout-main div.main_all #randcreator | |||
{ | |||
display: block !important; | |||
}</pre> | |||
Likewise, if you want to hide blocks you find useless: | |||
<pre>display: none !important;</pre> | |||
==== Rearrange the order of the blocks. For illustration, below`s the order that I`ve set for myself: ==== | |||
<pre>#layout-main div.main_all #hotanime {order: 1;} | |||
#layout-main div.main_all #latestended {order: 2;} | |||
#layout-main div.main_all #similaranime {order: 3;} | |||
#layout-main div.main_all #randrecom {order: 4;} | |||
#layout-main div.main_all #randanime {order: 5;} | |||
#layout-main div.main_all #latestaired {order: 6;} | |||
#layout-main div.main_all #randcreator {order: 7;} | |||
#layout-main div.main_all #randchar {order: 8;}</pre> | |||
==== Hide images from quicksearch popup menu: ==== | |||
<pre>#layout-search ul.quicksearch li.g_bubble.stripe div.image { | |||
display: none; | |||
} | |||
#layout-search ul.quicksearch .g_bubble.stripe { | |||
min-height: 4.4em; | |||
} | |||
#layout-search ul.quicksearch .g_bubble.stripe div.data { | |||
margin: 0.5em 0.5em 0.5em 0.5em; | |||
}</pre> | }</pre> |