User:CDB-Man/CDBstyle: Difference between revisions

Jump to navigation Jump to search
(→‎Additional Optional Features: new additional features)
(8 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]]) 07:40, 17 November 2014 (CET)
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:#222222">background-color: #222222 !important; black -- color: #FFFFFF; font colour -- .dropped</pre>
<pre style="color:#FFFFFF; background:#444444">background-color: #444444 !important; black -- color: #FFFFFF; font colour -- .dropped</pre>
<pre style="color:#FFFFFF; background:#000000">background-color: #000000 !important; black odd -- 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
* 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 49: Line 49:


=== Wishlist Highlighting ===
=== Wishlist Highlighting ===
Highlight with fuschia accents, any item in your wishlist.
Highlight with fuchsia accents, any item in your wishlist.
<pre style="color:#000000; background:#FF82D5">background-color: #FF82D5 !important; fuschia</pre>
<pre style="color:#000000; background:#FF82D5">background-color: #FF82D5 !important; fuchsia</pre>
<pre style="color:#000000; background:#FF59AC">background-color: #FF59AC !important; fuschia odd</pre>
<pre style="color:#000000; background:#FF59AC">background-color: #FF59AC !important; fuchsia odd</pre>


=== Colour-based Features ===
=== Colour-based Features ===
Line 134: Line 134:
== Layout Changes ==
== Layout Changes ==
=== Whitespace Reduction ===
=== 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)
* 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 163: 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.
==== Shift those "main tabs" from the top-right of the page to the top-left ====
<pre>#layout-tabs ul
{
  text-align: left;
}
#layout-content #layout-tabs
{
  margin-left: 13em !important;
}</pre>
==== Hide the mouseover image for .restricted/hentai only ====
==== Hide the mouseover image for .restricted/hentai only ====
<pre>.restricted #imagepreview {
<pre>.restricted #imagepreview img {
   display: none !important;
   display: none !important;
}</pre>
}</pre>
staff
1,114

edits

Navigation menu

MediaWiki spam blocked by CleanTalk.
MediaWiki spam blocked by CleanTalk.