Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("fark.com"), domain("totalfark.com"), domain("foobies.com") {
/*
* +-->>> FARK THEME UNFUCKER <<<--+
* | "sleep? what sleep?!" edition |
*
*
* ==UserStyle==
* @name PDKL95's common util library
* @email fark_theme_unfucker@thoughtnoise.net
* @version 2.1
* @description partial theme revert plus general compacting of fark.com
* ==/UserStyle==
*
* Update 2.1:
* Fixed a couple minor issues by changing to using px
* based offsets instead of em, which was sometimes
* causing bad alignmens when the page reflowed to
* in different ways.
*
* Update 2.0:
* Significantly cleaned up some annoying bugs related
* to the smartest/funniest links, and generally touched
* up those areas othe page (right before and after
* the comment block).
*
* Known bug: I had to hide one instance of those
* vote result links. It's ulikely to be a big issue, but
* see the very bottom of the CSS for where the problem is.
*
* Orig 1.0:
* Fark changed their CSS again ("still not over it...")
* and so this reimplements /some/ of the classic style.
*
* I've also trimmed and condensed the heaer/footer of
* the page fairly significantly, as the fark header seems
* be slowly pushing the start-of-comments downwards.
*
* There's still a few alignment issue and such that I'm
* not happy with yet; hopefully, i should have a "v2"
* ready before too long with those fixes.
*
* NOTE I always use AdblockPlus (only way to stay
* sane on the web), and so i have no idea if this renders
* badly if you load it /without/ ABP. But this is all about
* making the page cleaner and easier to read anyway,
* so why would /not/ be runing it?
*
* There are legacy pieces of CSS here from probably
* 3 or 4 of the other styles here on userstyles.org, but
* I've rewritten thigns so much over the last few years,
* that I have no hope of remembering which they
* were... ;_;
*/
/***
***
*** WAHHHHHHHHhhh but the normal fonts
*** are impossible to read!
***
*** well.. *sigh*
***
*** It seems that userstyles.org won't accept my
*** @ import for some better Google Web Fonts anymore.
***
*** So I'm commenting the line out, and you'll have
*** uncomment it yourself in stylish. Just remove the
*** the /* and */ at the beginning and end of the line
*** below. Then, remove the space between "@ import",
*** which I also had to add as the the parser here
*** complains even if it's in a comment.
***
*** Otherwise, you'll be stuck in the horrible
*** Land of Illegibility and Squinting...
***
*** If you have any ideas on a better workaround,
*** email me...
***
***/
/******** BEGIN SECTION TO UNCOMMENT ********/
/*@ import url(http://fonts.googleapis.comcss?family=Ubuntu|Ubuntu+Mon|Concert+One|Terminal+Dosis:600);*/
/******** END SECTION TO UNCOMMENT ********/
body, select, input, textarea {
font-style: normal !important;
font-weight: 400 !important;
text-transform: none !important;
text-decoration: none !important;
letter-spacing: 0em !important;
word-spacing: 0em !important;
line-height: 1.4 !important;
}
/* 'Bree Serif' 18/24/36px */
/* 'Ubuntu Mono' 13px */
body {
font-family: 'Prespective Sans', sans-serif !important;
font-size: 14px !important;
}
select, input, textarea {
font-family: 'Ubuntu Mono', sans-serif !important;
font-size: 13px !important;
}
.mainDate {
font-size: 18px !important;
font-weight: 500 !important;
}
#header {
height: 26px !important;
}
#logo {
display: none !important;
}
#headerBottom {
margin-top: -108px !important;
}
#container {
padding: 0px !important;
}
/*
* USE THE **ENTIRE** WINDOW WIDTH, DAMIT!
* I SET MY WIDOWS TO THEIR VARIOUSSIZES FOR A REASON...
*/
#commentsArea,
#leftCol {
padding-bottom: 25px !important;
width: 100% !important;
margin: 0px !important;
}
#newLayoutTable, #newsContainer {
margin: 0px !important;
border: none !important;
}
#newsContainer > table {
margin-top: -8px !important;
}
.headlineRow td,
.headlineRow1 td {
padding: 3px 5px !important;
}
.headlineRow:hover,
.headlineRow1:hover {
background: transparent !important;
}
.ncbar {
visibility: visible !important;
margin-top: 0px !important;
margin-left: 0px !important;
}
#commentsHeader {
width: 100% !important;
text-align: left !important;
padding: 8px 12px 0 100px !important;
border: none !important;
margin-top: -8px !important;
margin-bottom: 0 !important;
display: inline-block !important;
-moz-box-shadow: inset 0px 0px 4px 2px #333355 !important;
box-shadow: inset 0px 0px 4px 0px #333355 !important;
}
#commentsHeader > form {
float: right !important;
position: relative !important;
top: -2px !important;
right: 110px !important;
}
#commentsHeader > form:after {
content: "." !important;
display: block !important;
border: 2px solid red !important;
clear: both !important;
height: 0 !important;
visibility: hidden !important;
width: 100% !important;
}
.commentsHeaderTable {
border: none !important;
background: transparent !important;
padding: 0 12px !important;
}
.commentsHeaderTable > table tbody tr:last-child {
display: none !important;
}
#newsContainer {
padding-top: 0 !important;
}
#newsContainer > form {
position: relative !important;
}
#headlineCommentsInfoLineThingy {
margin: 0 !important;
}
#headlineCommentsInfoLineThingy > span:first-child,
#headlineCommentsInfoLineThingy > br,
#infoline_ajaxout {
display: none !important;
}
.clogin {
font-size: 1em !important;
margin-bottom: -2px !important;
padding-left: 0 !important;
}
#commentsArea .notctableTF,
#commentsArea .notctable {
margin-left: 0px !important;
margin-right: 0em !important;
width: 100% !important;
}
.cheadrow > .spacer,
.commentHeaderRow {
border: 0px !important;
background-color: #E0E0E0 !important;
}
.commentText {
padding: 2px 12px !important;
}
.cdate {
font-size: 1em !important;
}
#commentsArea {
padding-bottom: 0 !important;
}
.comlinkcount {
font-size: 12pt !important;
font-weight: 700 !important;
color: #fff !important;
text-align: left !important;
padding: 12px 12px 0 7em !important;
background-color: #666699 !important;
height: 31px !important;margin-top: -8px !important;
box-shadow: 0 0 4px 0 #333355 inset !important;
}
#commentsPostingArea {
position: relative !important;
top: -32px !important;
}
.commentPostingTable {
font-size: 10pt !important;
}
.commentPostingTable td {
padding: 2px 2px !important;
}
/* fix the color first in all the stuff the follows... */
.refreshRedisplayComments > a {
color: white !important;
font-size: 12px !important;
border: 2px outset #443dbb !important;
background: #666699 !important;
border-radius: 8px !important;
padding: 1px 3px !important;
display: block !important;
}
/****************************************/
/****************************************/
form > .refreshRedisplayComments {
float: left !important;
visibility: hidden !important;
position: absolute !important;
left: 0.4em !important;
}
form > .refreshRedisplayComments > a {
visibility: visible !important;
}
form > .refreshRedisplayComments > a:last-child {
margin-top: -1.666em !important;
}
/* vote links, TOP of page */
form > .refreshRedisplayComments:not(:last-child) {
top: -92px !important;
}
/* vote links, BOTTOM of page */
/* ARRRRGGG.. so impossible to get alligned the same as above*/
/* disabled for now, because of this. use the links at the top of the page */
form > .refreshRedisplayComments:last-child {
display: none !important;
}
/****************************************************/
/* "redisplay/refresh comments", BOTTOM of the page */
#newsContainer > .refreshRedisplayComments {
margin-top: -66px !important;
margin-right: 1em !important;
position: absolute !important;
right: 1em !important;
}
/*EOF*/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.