old version of: http://userstyles.org/styles/60176

Fark Theme Unfucker (v2.1).css

@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*/
}