staff
1,114
edits
User:CDB-Man/CDBstyle: Difference between revisions
Jump to navigation
Jump to search
→Whitespace Reduction: updates
(→Colour-based Features: ed2k purple highlight) |
(→Whitespace Reduction: updates) |
||
| (14 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 39: | Line 39: | ||
<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 === | ||
| Line 129: | Line 134: | ||
== Layout Changes == | == 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 158: | Line 181: | ||
= Additional Optional Features = | = Additional Optional Features = | ||
You can enable each feature by adding it to your UserCSS. | 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): ==== | ==== Force-show info blocks on main page that are hidden (likely due to resolution being too small): ==== | ||
<pre>#layout-main div.main_all #hotanime, | <pre>#layout-main div.main_all #hotanime, | ||