HiEv

Joined 3 January 2008
3,710 bytes added ,  22 July 2009
→‎User CSS Tricks: Added hiding userpage sections
(→‎User CSS Tricks: Hiding tooltips)
(→‎User CSS Tricks: Added hiding userpage sections)
 
(8 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{TOCright}}
My [http://anidb.net/up53116 UserPage] and my [http://anidb.net/u53116 MyList].
My [http://anidb.net/up53116 UserPage] and my [http://anidb.net/u53116 MyList].


== ToDo ==
== ToDo ==


Finish writing [[Latest]].<br/>
Finish writing [[Latest]].<br>
Walkthroughs for:<br/>
Walkthroughs for:
* Setting up [[Latest]] filters
* Setting up [[Latest]] filters
* Searching on [[Categories]] and such
* Searching on [[Categories]] and such
Line 15: Line 17:
* Create [[User CSS Tricks]] page (add more tricks below first; come up with a better page name?)
* Create [[User CSS Tricks]] page (add more tricks below first; come up with a better page name?)
* etc...
* etc...
Fix images in [[Notifications]].<br/>
Fix images in [[Notifications]].<br>
Update various [[:Category:Articles_to_be_updated|wiki entries that need updating]].<br/>
Update various [[:Category:Articles_to_be_updated|wiki entries that need updating]].<br>
Work on [[:Category:Articles_to_be_written|wiki entries that need to be written]].<br/>
Work on [[:Category:Articles_to_be_written|wiki entries that need to be written]].<br>
Search forums for FAQs.<br/>
Search forums for FAQs.


== User CSS Tricks ==
== User CSS Tricks ==


(Note: List needs to be organized or grouped in some way.  Show sample images?  Test tricks with "(?)" and better explain what they do.)
{{eyecatch|Note|List needs to be organized or grouped in some way.  Show sample images?  Test tricks with "(?)" and better explain what they do.}}


  #layout-menu li.X {display: none;}
  #layout-menu li.X {display: none;}


Hide visible left-hand menu options.  "X" can be: main, search, calendar, schedule, random, latest, anime, character, creator, group, user, producer, category, tag, collection, song, myplace, mlist, mymessages, mynotifies, mywishlist, myvotes, myreviews, myentries, mycreqs, myreports, mysignatures, applet, ed2kdump, report, forum, irc, credits, or staff.
Hide visible left-hand menu options.  "X" can be: main, search, calendar, schedule, random, latest, anime, category, character, club, creator, collection, group, song, tag, user, myplace, mlist, mymessages, mynotifies, mywishlist, myvotes, myreviews, myentries, mycreqs, myreports, mysignatures, applet, ed2kdump, report, forum, irc, credits, or staff.  Left-hand menu options will appear in that order as well.


  #layout-menu li.X {display: list-item;}
  #layout-menu li.X {display: list-item;}
Line 50: Line 52:
  #layout-main div.anime_all div.desc {background-color:#000000;}
  #layout-main div.anime_all div.desc {background-color:#000000;}


This trick will put a black background behind the black text in the anime description, making it invisible unless you select the text (or just hit CTRL+A to select all text on the page in most browsers).  This is like the previous trick, but it gives you an easy way to read the anime's description if you want to. (Change the #000000 to the text color if your text isn't black.  For example #FFFFFF for white text.)
This trick will put a black background behind the black text in the anime description, making it invisible unless you select the text (or just hit CTRL+A to select all text on the page in most browsers).  This is like the previous trick, but it gives you an easy way to read the anime's description if you want to. (Change the #000000 to the text colour if your text isn't black.  For example #FFFFFF for white text.)


  #layout-nav:before {background-image: url(X);}
  #layout-nav:before {background-image: url(X);}


Use this trick to change the top-left picture shown in the sub-blue, sub-brown, and sub-silver styles.  Just subsitute a picture URL (preferably 100x100 pixels in size) for the "X".
Use this trick to change the top-left picture shown in the sub-blue, sub-brown, and sub-silver styles.  Just substitute a picture URL (preferably 100x100 pixels in size) for the "X".


  #layout-main div.forum div.signature {margin-left: 1em;}
  #layout-main div.forum div.signature {margin-left: 1em;}
Line 69: Line 71:
  .low {color: darkred !important;}
  .low {color: darkred !important;}


This colors your votes depending on your score.  Red for low votes, blue for middle votes, and green for high votes.  These colors may be hard to see with some styles.
This colours your votes depending on your score.  Red for low votes, blue for middle votes, and green for high votes.  These colours may be hard to see with some styles.


  .verified.no {color: darkred;}
  .verified.no {color: darkred;}
  .verified.yes {color: darkgreen;}
  .verified.yes {color: darkgreen;}


This colors for the verification status for a file.  If it is dark red then the file needs to be dumped with [[AVDump]].  Dark green means the file has already been verified.
This colours for the verification status for a file.  If it is dark red then the file needs to be dumped with [[AVDump]].  Dark green means the file has already been verified.
Also colors the verification status of language names.
Also colours the verification status of language names.


  *[type="text"]:hover {background-color:#AAAAFF;}
  *[type="text"]:hover {background-color:#AAAAFF;}
Line 83: Line 85:
  #layout-main tr:hover, #layout-main tr.g_odd:hover {background-color:powderblue !important;}
  #layout-main tr:hover, #layout-main tr.g_odd:hover {background-color:powderblue !important;}


Colors Tablerows on hover. (doesn`t look so good) (?)
Colors Tablerows on hover. (doesn't work with rowspans) (?)


  #layout-hint {background-color:#4A4A5A; top: 79px; left: 189px;
  #layout-hint {background-color:#4A4A5A; top: 79px; left: 189px;
Line 90: Line 92:
               #layout-hint a:link {color:#AAAAAA; text-decoration:none;}
               #layout-hint a:link {color:#AAAAAA; text-decoration:none;}


Repositions and recolors Hint Bar to blend into the "anidbstyle*" styles.  (use MovedHintBar.jpg ?)
Repositions and re-colours Hint Bar to blend into the "anidbstyle*" styles.  (use MovedHintBar.jpg ?)


  #tooltip {display:none;}
  #tooltip {display:none;}


Hide tool tips, such as the descriptions you get when you hover over [[Categories]] and [[Tags]] on the anime pages.
Hide tool tips, such as the descriptions you get when you hover over [[Categories]] and [[Tags]] on the anime pages.
#layout-main div.latest2_all div.content td.group {min-width: 9em; max-width: 9em; white-space: normal;}
#layout-main div.latest2_all div.content td.episode {min-width: 2em; max-width: 3em; text-align: center;}
#layout-main div.latest2_all div.content td.info {min-width: 12em; max-width: 12em;}
Fixes the display of the [[Latest#Files|Latest File Additions]] page with the default ''anidbstyle.css'' style for displays around 1024 pixels wide.
#layout-main div.main_all div.rightbar div.reviews {display: none;}
#layout-main div.main_all div.rightbar div.clubs {display: none;}
#layout-main div.main_all div.rightbar h3.additions {display: none;}
Hides things on main page (reviews, clubs, etc...).
#layout-main div.userpage_all div.g_section.discussions {display: none;}
#layout-main div.userpage_all div.userdetails div.notify div.news {display: none;}
Hides sections on user page (discussions, news, etc...).
'''Hide MyList columns:''' (needs testing in browsers)
#layout-main div.mylist_all th.seen,
#layout-main div.mylist_all td.seen {display:none;}
hides the seen column
#layout-main div.mylist_all th.eps,
#layout-main div.mylist_all td.eps {display:none;}
hides the eps column
#layout-main div.mylist_all th.rating.anime,
#layout-main div.mylist_all td.rating.anime {display:none;}
hides the vote column
#layout-main div.mylist_all th.rating.attaavg,
#layout-main div.mylist_all td.rating.attaavg {display:none;}
hides the review column
#layout-main div.mylist_all th.vote,
#layout-main div.mylist_all td.vote {display:none;}
hides the vote column
'''Worf's CSS tricks:'''
#layout-main div.anime_all ul.links_top, #layout-main div.character_all ul.links_top {display: inline;}
(Add description here.) (?)
#layout-main div.anime_all div.forum {display: none;}
(Add description here.) (?)
#layout-main p.mylistadd {display: none;}
(Add description here.) (?)
textarea[name="adda.other"] {height: 400px; width: 650px;}
(Add description here.) (?)
#layout-main div.userpage_all div.stats div table th.field,
#layout-main div.myplace_all div.stats div table th.field {white-space: nowrap; width: 10em;}
(Add description here.) (?)
#layout-main div.userpage_all div.stats div table td.value,
#layout-main div.myplace_all div.stats div table td.value {white-space: nowrap; text-align: right; width: 15em;}
(Add description here.) (?)
#layout-main div.addcharanimerel_all tr.char_added {display:none;}
(Add description here.) (?)
#layout-main div.block {display: block;}
#layout-main div.block div.data {width: auto;}
#layout-main div.block div.image {width: auto; float: left; margin-left: 2em;}
#layout-main div.desc {clear: left;}
(Add description here.) (?)
span.date, span.user a.id, td.id, td.size {letter-spacing: 0px}
span.time, span.user a.id, td.rating span, a.filter {font-size: 100%; vertical-align: top;}
(Add description here.) (?)
#layout-main td.number.undumped {visibility: hidden;}
#layout-main td.number.undumped.notalldumped,
table.filelist td.date.added, table.filelist tr.undumped td.id,
table.filelist tr.undumped td.action {visibility: visible; background-color: #900000; color: #000000;}
(Add description here.) (?)
#layout-main tr.complete, #layout-main div.g_section.mylist,
#layout-main td.user.onhdd, td.user.oncd, td.verified.yes {background-color: #006000;}
#layout-main tr.dropped, #layout-main tr.unknown,
#layout-main td.user.deleted {background-color: #900000;}
#layout-main tr.finished {background-color: #000090;}
#layout-main tr.stalled, td.verified.no {background-color: #A05000;}
(Add description here.) (?)
128

edits

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