Changes

Jump to navigation Jump to search
4,908 bytes added ,  06:14, 16 March 2015
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]]) 0201:4031, 16 September 2014 3 January 2015 (CESTCET)
= Improvements: =
== Colouring Changes ==
=== MyList State Highlighting ===
Highlight '''Before anyone panics:''' I have mylist entries, on that are marked mylist page and other pages where mylist entries appear, based on the following:** red for if not fully collected (missing files).completed, why is it in orange and have not startedgreen?<br>** blue Basically, if something is marked as "completed" but for complete whatever reason there's actually more files to be watched (fully collected and "ready ie you forgot to watch"mark files as watched, there were new episodes added, etc)** , the entry will be orange for watching** red for stalled** black for dropped** instead of green for mylist state "completed"** . This means green for = .all_watched** current colours:<pre style="color:#000000; background:#B8E3B8">background-color: #B8E3B8 !important; green</pre><pre style="color:#000000; background:#85D485">background-color: #85D485 means you've truly watched all the episodes!important; green odd</pre>
<pre style="color=== Term definitions ===='''Note:#000000; background''' other than the mylist states that are visible and that you can set on the interface (.collecting, .dropped, .watching, .stalled, .completed), there are also 2 invisible mylist states:#71D8DE'''.complete''' (note "complete">background-color: #71D8DE !important; blue</pre><pre style=vs "color:#000000; background:#68CACEcompleted">background-color: #68CACE !important; blue odd</pre>) and '''.all_watched'''.
<pre style="colorDefinitions:#000000; background:#FFB84D">background-color: #FFB84D !important; orange</pre><pre style="color:#000000; background:#FFA319">background-color: #FFA319 !important; orange odd</pre>* .complete** a) all files for the show's regular episodes have been ''released''** b) you have ''collected'' all of the regular episodes' files in your mylist* .all_watched** a) all files for the show's regular episodes have been ''released''** b) you have ''marked watched'' all of the regular episodes' files in your mylist
==== Application of Colours ====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)<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>* blue for .complete (fully collected and "ready to watch")<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>* orange for mylist state .completed but not .all_watched<pre style="color:#000000; background:#FFB84D">background-color: #FFB84D !important; orange -- .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<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>* black for .dropped<pre style="color:#FFFFFF; background:#444444">background-color: #444444 !important; black -- color: #FFFFFF; font colour -- .dropped</pre><pre style="color:#FFFFFF; background:#222222">background-color: #222222 !important; black odd -- color: #FFFFFF; font colour -- .dropped</pre>* orange for .watching<pre style="color:#000000; background:#FFB84D">background-color: #FFB84D !important; orange -- .watching</pre><pre style="color:#000000; background:#FFA319">background-color: #FFA319 !important; orange odd -- .watching</pre>* red for .stalled<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:#FFFFFF; background:#464646">background-color: #464646 !important; blackcolor: #FFFFFF; font colour</pre><pre style="color:#FFFFFF; background:#000000">background-color: #000000 !important; black oddcolor: #FFFFFF; font colour</pre> Unused:<pre style="color:#000000; background:#FF8282">background-color: #FF8282 !important; strong red (for use with purple)</pre>Wishlist Highlighting ===<pre style="color:#000000; background:#FF6464">background-color: #FF6464 !important; strong red odd (for use Highlight with purple)</pre>fuchsia accents, any item in your wishlist.<pre style="color:#000000; background:#FF82D5">background-color: #FF82D5 !important; purplecolor: #000000; font colourfuchsia</pre><pre style="color:#000000; background:#FF59AC">background-color: #FF59AC !important; purple fuchsia oddcolor: #000000; font colour</pre>
=== Colour-based Features ===
==== Anime-Group Completion Bar ====* for 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
<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>
==== Missing Relations ====* Increased brightness and gradient of anidb green and Highlight in red highlighting<pre style="color:#000000; background:#A7DDA7">backgroundany missing char-color: #A7DDA7 !important; anidb default green</pre><pre style="color:#000000; background:#9AD09A">backgroundchar and anime-color: #9AD09A !important; anidb default green odd</pre> <pre style="color:#000000; background:#B8E3B8">backgroundanime relations in the table-color: #B8E3B8 !important; greenfied views of relations </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>courtesy of Worf
<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> <pre style="color:#000000; background:#FF8282">background-color: #FF8282 !important; strong red (for use with purple)</pre><pre style="color:#000000; background:#FF6464">backgroundFile-color: #FF6464 !important; strong red odd (for use with purple)</pre> Related Features == Text Changes ==* On the anime-staff add/edit ed2k dump page, remove capitalization of source-info highlight the leftmost mylist state column with purple for anything in the header == Icon Changes ==* revert to old stars on file tables == Layout Changes ===== File related ===your mylist
* 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
table.filelist tr.undumped td.id a:active,
table.filelist tr.undumped td.id a:visited,
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;
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.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;
}
table.filelist tr.undumped td.id a:hover,table.file.entities tr.undumped td.id a:hover
{
color: #AA0000;
}
</pre>
=== Missing Relations ===
* Highlight in red any missing char-char and anime-anime relations in the table-fied views of relations <-- courtesy of Worf
==== 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 ===
* 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)
* 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 ===
#layout-main div.creator_all ul.links_top,
#layout-main div.collection_all ul.links_top,
#layout-main div.ep_all ul.links_top,
#layout-main div.group_all ul.links_top,
#layout-main div.song_all ul.links_top,#layout-main div.tag_all ul.links_top
{
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>
staff
731

edits

Navigation menu

MediaWiki spam blocked by CleanTalk.