The One with the Thoughts of Frans

Torrentspy.com is a reasonably good site for checking out torrents, but I thought the layout was sort of annoying. It features all kinds of informative texts which are neither informative to n00bs nor to more experienced people. Basically I stripped everything except torrent related features, without really caring for the layout. If you care for the layout then consider this a good starting point. I’d be interested to see your results if you decided to do that.

For this stylesheet to work you need the root signature UserJS, which has been rendered obsolete with Opera 9. I still used this method however because I already have it working, there is no nice UI for it yet and I was too lazy to alter all of my user stylesheets. Just consider this a pro if you’re using Firefox, because right now it’s still quite compatible…

On another note, I still have to add something to my stylesheet to style stuff like this.

/* torrentspy stylesheet */
/* hide everything from "informing text" to ads which isn't required for looking for torrents */
html.moose.ts .adspace-top, html.moose.torrentspy .adspace-top,
html.moose.ts .adspace-middle, html.moose.torrentspy .adspace-middle,
html.moose.ts .adspace-side, html.moose.torrentspy .adspace-side,
html.moose.ts #fiSearchForm, html.moose.torrentspy #fiSearchFor,
html.moose.ts #header, html.moose.torrentspy #header,
html.moose.ts #footer, html.moose.torrentspy #footer,
html.moose.ts #stats, html.moose.torrentspy #stats,
html.moose.ts .content h2:first-child, html.moose.torrentspy .content h2:first-child,
html.moose.ts .content h2+p, html.moose.torrentspy .content h2+p,
html.moose.ts #search img[alt="Search"], html.moose.torrentspy #search  img[alt="Search"],
html.moose.ts #search-nav .help, html.moose.torrentspy #search-nav .help,
html.moose.ts #search-nav img[alt="Get Firefox Plugin"], html.moose.torrentspy #search-nav  img[alt="Get Firefox Plugin"],
html.moose.ts img[width="700"], html.moose.torrentspy  img[width="700"],
/* www.torrentspy.com unique, hide the stupid shout stuff */
html.moose.torrentspy .ShoutFrameBody, html.moose.torrentspy .sub-cols {display:none}
/* put the search in the right position */
html.moose.ts #search, html.moose.torrentspy #search {padding:1em}
	html.moose.ts #search .f_field, html.moose.torrentspy #search .f_field {border:1px solid #000}
/* alter the submit buttons to something (a little) better */
html.moose.ts #search .f_button, html.moose.torrentspy #search .f_button,
html.moose.ts #image1, html.moose.torrentspy #image1
{content:"Go";padding:2px;border:1px solid #000}
/* replace ugly images with text */
html.moose.ts #search-nav img[alt="Latest Torrents"], html.moose.torrentspy #search-nav  img[alt="Latest Torrents"]
{content:"Latest Torrents"}
html.moose.ts #search-nav img[alt="RSS Feed"], html.moose.torrentspy #search-nav img[alt="RSS Feed"]
{content:"RSS Feed"}
/* position in a better place */
html.moose.ts #search-nav, html.moose.torrentspy #search-nav
{position:absolute;top:0;left:500px;border:1px solid #000;border-width:0 1px 1px}
/* some general styles */
html.moose.ts, html.moose.torrentspy,
html.moose.ts body, html.moose.torrentspy body,
html.moose.ts #page, html.moose.torrentspy #page
{background:#d4e1f0;color:#000;font:1em/1.2 "Trebuchet MS", serif, georgia;text-align:left;line-height:1.5em;height:100%;margin:0;padding:0}
/* position user stuff in a better place */
html.moose.ts #col-right, html.moose.torrentspy #col-right
{position:absolute;top:0;right:0}
/* remove stupid background and such */
html.moose.ts #login-nav, html.moose.torrentspy #login-nav,
html.moose.ts #login-nav ul, html.moose.torrentspy #login-nav ul,
html.moose.ts #login-nav ul li, html.moose.torrentspy #login-nav ul li
{margin:0;padding:0 1em 0;background:#fff;border:0;display:inline}
/* make page smaller */
html.moose.ts #container, html.moose.torrentspy #container,
html.moose.ts #page, html.moose.torrentspy #page
{width:750px;}
/* put a border around it for clarity */
html.moose.ts #cols, html.moose.torrentspy #cols
{background:#fff;margin-bottom:10px;display:block;height:100%;border:1px solid black;border-width:0 1px 1px}