@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("fark.com"), domain("totalfark.com"), domain("foobies.com") {
/********************************/
/*** !!! IMPORTANT NOTE! !!! ***/
/*** | | ***/
/*** | PLEASE READ THE | ***/
/*** v FONT ISSUE BELOW v ***/
/********************************/
/*
* +-->>> FARK THEME UNFUCKER <<<--+
* | "sleep? what sleep?!" edition |
*
*
* ==UserStyle==
* @name Fark Theme Unfucker
* @email fark_theme_unfucker@thoughtnoise.net
* @version 3.0-RELEASE
* @description partial "old style" revert plus clean/easy-reading theme
* ==/UserStyle==
*
* Update 3.0-RELEASE:
* After a brief period of chasing changes to the website
* that seemed to pop up every few days after fark went
* to the "big font" theme, I believe things have finally
* settled down. I've updated everything to the (fortunately
* minor) changes, and (hopefully!) patched the last of the
* major bugs. I'm calling it "done", at least for now.
*
* This ended up being *way* more of a whole-site rewrite
* than I initially planned. It's moved significantly beyond
* the original idea of trying to revert back some of the
* origianl, easier-to-read styles. It's mostly all towards
* the same general goal, though: to make things less cluttered
* and _much_ easier to read.
*
* Ok, some of the :hover gradients were just for style/looks,
* but I always try and keep such sillyness constrained within
* the relavant element, so there shouldn't be any "effect" that
* get in the way or are similarly annoying. If that kind of
* "useless/looks-only" effect *is* getting in your way or
* pissing you off, please tell me! I'm interested in learning
* about such problems so I can try to avoid them in the future.
*
* -- The future --
* I'm going to sit on this for a bit, in terms of actual
* substantive changes to see how it feels in the long-run, but
* orthogonal to that, I'm going to try and release a version 3.1
* really soon that simply adds userstyles.org "options", so things
* like the main commont/headline fonts can be changed easily at
* at install time.
*
* -- How insane was this project? --
* Very.
* It's now up to over 28kB in size, consisting of at least...
* 131 CSS selectors
* 343 style rules, all marked "!important"
* I must be crazy or something :/
*
*
* Update 3.0RC3:
* Ok, got many of the more important post-new-theme
* fixes in, starting to look pretty good.
*
* Update 3.0RC2:
* OMGHUGE font workaround for the comment areas added
*
* Update 3.0RC1:
* panic release because of:
* http://www.fark.com/comments/7212047/Drew-Hey-everybody-Fark-website-refresh-coming-later-today-Prepare-to-freak-hell-out-fearchange
*
* 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... ;_;
*/
/***
*** !!!!!!!!!!!!!!!!!!!!!!!!!!!
*** !!!! !!!!
*** !!!! WARNING: !!!!
*** !!!! FONT ISSUES !!!!
*** !!!! !!!!
*** !!!!!!!!!!!!!!!!!!!!!!!!!!!
***
*** 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:400,700,300,400italic|Inconsolata);*/
/******** END SECTION TO UNCOMMENT ********/
/***
*** ---> THE PROPER SOLUTION <---
*** (RECOMMMENDED)
***
*** Just install the necessary fonts locally!
*** By default, the needed fonts are:
***
*** => "Ubuntu"
*** http://font.ubuntu.com/
*** (for all things sans-serif)
***
*** => "Inconsolata"
*** http://levien.com/type/myfonts/inconsolata.html
*** (for necessary monospace regions)
***
*** If you have those installed, this stylesheet
*** shouldwork correctly without any changes.
***/
/* font reset as used by google-web-fonts */
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;
}
/****************
* YAHOO/YUI's *
* fonts-as-% *
* *
* PT % *
* 10 77 *
* 11 85 *
* 12 93 *
* 13 100 *
* 14 108 *
* 15 116 *
* 16 123.1 *
* 17 131 *
* 18 138.5 *
* 19 146.5 *
* 20 153.9 *
* 21 161.6 *
* 22 167 *
* 23 174 *
* 24 182 *
* 25 189 *
* 26 197 *
* *
****************/
/*************************************************************/
/*** USE THE **ENTIRE** WINDOW WIDTH, DAMIT! ***/
/*** I SET MY WIDOWS TO THEIR VARIOUS SIZES FOR A REASON! ***/
/*** ***/
.headlineTable,
#header, #rightCol,
#container, #content,
#contentWrapper,
#newsContainer,
#headerMenuContainer
{
min-width: 0 !important;
width: auto !important;
}
#leftCol,
#commentsArea,
#commentsArea .notctableTF,
#commentsArea .notctable
{
width: 100% !important;
}
/*** ***/
/*** Having to keep a window at a certain size because ***/
/*** of hard-coded widths and such is *really* annoying! ***/
/*************************************************************/
/**************************************************/
/*** First, lets blow away some useless cluttter */
#newsContainer > form[name="viewcomform"] + br,
#newsContainer > form[name="viewcomform"] > br,
#newsContainer > br,
#newsContainer .headlineRow .headlineCommentsSource,
#tagLine,
#headlineCommentsInfoLineThingy,
.headlineCommentsTags,
.headlineRowTitle {
display: none !important;
}
/***************************************************/
/*** Then, set some global fonts for (hopefully) */
/*** very high readability */
body {
font:13px/1.231 Ubuntu !important;
}
pre, code, kbd, tt, select, input, textarea {
font-family: Inconsolata !important;
font-size: 13px !important;
}
.mainDate {
font-family: Ubuntu !important;
font-size: 16px !important;
font-weight: bold !important;
border: 1px outset rgba(208, 210, 234, 0.4) !important;
padding: 0.1em 1.8em 0.15em 1.8em !important;
background-color: rgb(208, 210, 234) !important;
box-shadow: 0px 1px 6px -2px rgba(0,0,0, 0.12), 0px -1px 26px -11px rgba(255,255,255, 0.3) inset !important;
margin: 0.6em 1.5em 0.3em 1.5em !important;
border-radius: 8px !important;
text-shadow: 1px 1px 2px rgba(255,255,255, 0.35), -1px -1px 1px rgba(95,85,155, 0.3) !important;
}
.headline,
.headlineText,
.headlineCommentsBasic,
.headlineComments a {
font-family: Ubuntu !important;
font-size: 12px !important;
line-height: 1 !important;
}
.hlSpacer {
display: none !important;
}
#newsContainer {
font-size: 108% !important;
}
#header {
height: 22px !important;
width: auto !important;
max-width: none !important;
min-width: none !important;
}
#headerBottom {
visibility: hidden;
font-size: 85% !important;
line-height: 1.0 !important;
height: 22px !important;
top: 4px !important;
}
#messageCenter {
visibility: visible !important;
position: absolute !important;
top: -13px !important;
padding: 14px 8px 0px 8px !important;
left: 140px !important;
width: auto !important;
height: 14px !important;
border-top: none !important;
border-left: 1px outset rgba(133, 138, 188, 0.66) !important;
border-bottom: 1px outset rgba(133, 138, 188, 0.66) !important;
border-right: 1px outset rgba(133, 138, 188, 0.66) !important;
background-color: rgba(153, 156, 221, 0.46) !important;
border-bottom-left-radius: 8px 22px !important;
border-bottom-right-radius: 8px 22px !important;
border-clip: padding-box !important;
}
#messageCenter a {
display: inline-block !important;
color: rgb(215, 214, 255) !important;
text-shadow: 0px 0px 2px rgba(0,0,0,0.4) !important;
}
#headerMenuContainer {
position: static !important;
margin: 0 0 0 -100px !important;
min-width: none !important;
width: auto !important;
padding: 0 0 0 15px !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
height: 20px !important;
font-size: 100% !important;
}
#headerMenu li a {
font-size: 100% !important;
font-weight: bold !important;
}
#headerMenu li {
padding: 0px 3px !important;
line-height: 1.6 !important;
}
#headerMenu li.menuSelected {
background: transparent !important;
}
#headerMenu {
position: relative !important;
left: 7em !important;
display: block !important;
height: 16px !important;
width: auto !important;
margin-top: -1px !important;
margin-left: 0 !important;
}
#searchBar {
float: none !important;
position: absolute !important;
top: 0px !important;
right: 0px !important;
}
#searchBar > .killspacehack {
position: absolute !important;
top: 0px !important;
right: 1px !important;
}
#searchInput {
-moz-appearance: searchfield;
-moz-transition: All 0.38s ease-out;
position: absolute !important;
top: 0px !important;
right: -1px !important;
height: 18px !important;
width: auto !important;
padding: 0px 6px 1px 8px !important;
max-width:150px !important;
border: none !important;
z-index: 1 !important;
background-color: #ededf2;
border-bottom-left-radius: 24px 36px !important;
border-top: 2px solid #9b9bc3 !important;
border-right: 2px solid #9b9bc3 !important;
border-bottom: 3px solid #9b9bc3 !important;
border-left: 2px solid #9b9bc3 !important;
box-shadow: 1px 0px 9px -3px rgba(235,235,255,0.8) inset !important;
}
#searchInput:focus {
background-color: #fdfdff !important;
box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2) inset !important;
border-bottom-left-radius: 0px !important;
border-color: rgba(102, 102, 193, 0.6) !important;
border-style: inset !important;
border-radius: 0px !important;
background-clip: padding-box !important;
}
#searchInput:-moz-placeholder {
color: #888 !important;
letter-spacing: 1.2px !important;
font-weight: bold; !important;
}
#searchInput:focus:-moz-placeholder {
color: #ddd !important;
}
#searchSubmitButton {
font-size: 93% !important;
font-weight: bold !important;
font-family: Ubuntu !important;
-moz-appearance: menuradio !important;
-moz-transition: All 0.28s ease-out;
position: absolute !important;
top: 21px !important;
right: -10px !important;
height: 21px !important;
width: 26px !important;
line-height: 1.2 !important;
text-indent: 0 !important;
color: #d8d8db !important;
background-image: none !important;
background: #9b9bc3 !important;
background: -moz-linear-gradient(top, #9b9bc3, #69698c) !important;
border: 1px solid #666699 !important;
border-radius: 0px !important;
padding: 0px 24px 8px 24px !important;
border-top: 1px solid #666699 !important;
text-shadow: rgba(0,0,0,0.55) 0 1px 0 !important;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 24px 36px !important;
box-shadow: -1px 0px 4px -2px rgba(0,0,22,0.6) !important;
}
#searchSubmitButton:hover {
background: #6f6fb5 !important;
color: #f2f2fe !important;
background: -moz-linear-gradient(top, #9393d3, #60608d) !important;
box-shadow: -1px 0px 5px -2px rgba(11,11,181,0.8) !important;
}
#searchSubmitButton:active {
border-top-color: #6a6fcf !important;
background: #6a6fcf !important;
}
#catMenu {
font-size: 108% !important;
font-weight: bold !important;
height: 21px !important;
margin-left: 15px !important;
}
#catMenu li {
line-height: 20px !important;
height: 20px !important;
margin: -2px 1px 0px 1px !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
#catMenu li a {
padding: 0px 2px 5px 2px !important;
border-top: 1px solid #000000 !important;
border-left: 1px solid #000000 !important;
border-right: 1px solid #000000 !important;
background-color: #6A6A9A !important;
}
#catMenu li.catSelected a {
color: rgb(252, 249, 255) !important;
background-color: rgb(102,102,153) !important;
background:
/*** current experiment: a fancier gradient here, with less white for better contrast ***/
-moz-linear-gradient(-87deg, rgba(94,114,196,0.81) 0%, rgba(124,137,193,0.43) 47%, rgba(159,168,209,0.29) 64%, rgba(232,234,244,0.8) 100%),
-moz-linear-gradient(-93deg, rgba(102,102,153,1) 0%, rgba(238,229,249,1) 100%)
/*** simpler gradient, prevously used ***/
/* -moz-linear-gradient(top, rgba(102,102,153,1) 0%, rgba(255,255,255,1) 100%) no-repeat border-box*/
/* -moz-linear-gradient(left, rgba(94,114,196,1) 0%, rgba(110,126,194,0.67) 38%, rgba(124,137,193,0.32) 70%, rgba(232, 234, 244,0) 100%) no-repeat border-box*/
!important;
position: relative !important;
top: 1px !important;
line-height: 20px !important;
height: 20px !important;
padding: 1px 4px 4px 4px !important;
font-size: 108% !important;
text-shadow: 0px 1px 1px rgba(5, 0, 15, 0.7) !important;
border-top: 0px outset rgba(81, 81, 153, 0.5) !important;
border-left: 1px outset rgba(81, 81, 153, 0.5) !important;
border-right: 1px outset rgba(81, 81, 153, 0.5) !important;
border-top-left-radius: 7px !important;
border-top-right-radius: 7px !important;
margin-top: 1px !important;
box-shadow: 0px 0px 7px -2px rgba(0,0,0, 0.6) !important;
}
#container {
padding: 0px !important;
}
#newLayoutTable,
#newsContainer {
width: auto !important;
margin: 0px !important;
border: none !important;
}
.headlineRow td,
.headlineRow1 td {
padding: 2px 3px !important;
font-size: 100% !important;
}
.headlineRow td:first-child, /* "some farker" link area */
.headlineRow1 td:first-child,
.headlineRow td:last-child, /* "number of comments" link area */
.headlineRow1 td:last-child {
font-size: 85% !important;
}
.headlineRow1 td {
background-color: rgb(242, 242, 242) !important;
}
.headlineRow:hover,
.headlineRow1:hover {
background: transparent !important;
}
.ncbar {
visibility: visible !important;
margin-top: 0px !important;
margin-left: 0px !important;
}
.cheadrow {
height: 20px !important;
}
.tfbadge {
position: relative !important;
top: 2px !important;
}
#commentsArea .clogin {
padding-top: 0 !important;
padding-bottom: 0 !important;
font-weight: bold !important;
font-size: 85% !important;
}
#commentsArea .clogin .cloginLeft {
line-height: 16px !important;
}
/*** move the borders in the 'farky colors' boxes ***/
/*** out a bit, so there's a little bit of padding ***/
/*** between the border and the text. ***/
#commentsArea .ctext {
font-size: 85% !important;
border: none !important;
margin-left: -2px !important;
padding-left: 2px !important;
margin-right: -2px !important;
padding-right: 2px !important;
}
a.quoteComment {
position: relative !important;
top: 1px !important;
}
#commentsHeader {
padding: 2px 2px !important;
}
#commentsHeader,
#commentsHeader > .commentsLabel {
font-size: 100% !important;
}
#commentsHeader > form {
float: right !important;
position: relative !important;
top: -6px !important;
right: 0px !important;
}
#commentsHeader > form select,
#commentsHeader > form select > option {
-moz-appearance: none !important;
font-size: 75% important;
background-color: rgba(153, 153, 255, 0.0) !important;
color: rgba(250,244,255,0.95) !important;
border: 0px solid #666699 !important;
position: relative !important;
top: 2px !important;
}
#commentsHeader > form select:hover,
#commentsHeader > form select > option:hover {
background-color: rgba(153,153,255,0.3) !important;
border: 1px green !important;
}
.commentsHeaderInput {
-moz-appearance: none !important;
-moz-transition: All 0.18s ease-out !important;
border: 1px red !important;
color: rgba(250,244,255,1.0) !important;
background: -moz-linear-gradient(top, rgba(144,145,200,1) 1%, rgba(116,120,180,1) 32%, rgba(144,131,181,1) 100%)!important;
border: 1px outset rgba(116,120,180,0.8) !important;
padding-bottom: 1px !important;
border-radius: 11px !important;
margin-top: 2px !important;
opacity: 0.7 !important;
}
.commentsHeaderInput:hover {
opacity: 1.0 !important;
}
.commentsHeaderTable {
background: transparent !important;
border: none !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 {
margin-bottom: -1px !important;
padding-left: 0px !important;
}
#commentsArea .notctableTF,
#commentsArea .notctable {
margin-left: 0px !important;
margin-right: 0px !important;
}
.cheadrow > .spacer,
.commentHeaderRow {
border: 0px !important;
background-color: #DEDEDE !important;
}
.commentText {
padding: 2px 12px !important;
}
.cdate {
font-size: 85% !important;
}
#commentsArea,
#leftCol {
padding-bottom: 0 !important;
}
#commentsPostingArea {
position: relative !important;
top: 0px !important;
}
.commentPostingTable {
font-size: 10px !important;
}
.commentPostingTable td {
padding: 2px 2px !important;
}
#footer {
display: none !important;
}
.votingContainer ul li a {
background-image: none !important;
text-indent: 0px !important;
font-size: 7px !important;
font-family: 'Metrophobic' !important;
font-weight: thin !important;
border: 1px inset rgba(115, 115, 238, 0.55) !important;
background-color: rgba(208,209,232,0.6) !important;
box-shadow: 0px 0px 3px -1px rgba(88,80,30,0.4) inset !important;
border-radius: 8px !important;
padding: 0 4px !important;
margin: 0 1em 0 0 !important;
height: 11px !important;
width:auto !important;
line-height: 1.5 !important;
-moz-transition: all 0.23s ease-in-out;
opacity: 0.9 !important;
color: rgba(140, 144, 175,0.8) !important;
}
.votingContainer ul li a.votedSmartest,
.votingContainer ul li a.votedFunniest {
border: 1px solid rgba(111, 92, 208, 0.7) !important;
color: #7263c2 !important;
box-shadow:0px 0px 3px -1px rgba(118,90,220,0.6) inset !important;
background-color: #e4e1f6 !important;
opacity: 1.0 !important;
}
.votingContainer ul li a:hover {
border: 1px solid #5050ec !important;
color: #60609f !important;
box-shadow: 0px 1px 3px 1px rgba(98,90,180,0.4) !important;
background-color: #d4d3f8 !important;
opacity: 1.0 !important;
}
.votingContainer ul {
position: relative !important;
top: 6px !important;
}
.comlinkcount {
font-size: 93% !important;
font-weight: bold !important;
color: #fff !important;
text-align: left !important;
padding: 3px 12px 1px 7em !important;
background-color: #666699 !important;
height: 18px !important;margin-top: -8px !important;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) !important;
box-shadow: 0 0 5px -1px rgba(51, 51, 85, 0.7) inset !important;
z-index: 43 !important;
position: relative !important;
top: 1em !important;
}
.comlinkcount > a {
color: #43f !important;
text-shadow: 0px 0px 2px rgba(255,255,255, 0.7) !important;
}
/****************************************************/
/* "redisplay/refresh comments", BOTTOM of the page */
.refreshRedisplayComments {
display: none !important;
}
#newsContainer > .refreshRedisplayComments {
display: block !important;
float: right !important;
z-index: 1 !important;
position: absolute !important;
right: 0px !important;
margin-top: -2.6em !important;
}
#newsContainer > .refreshRedisplayComments > a {
display: block !important;
-moz-appearance: menuradio !important;
-moz-transition: all 1.88s ease-out !important;
z-index: 2 !important;
color: #f8f6fd !important;
background: -moz-linear-gradient(center top, #a39BC8, #6b6386) repeat scroll 0 0 transparent !important;
padding: 3px 5px 6px 12px !important;
margin: 0px !important;
height: 17px !important;
width: 14em !important;
box-shadow: -3px -1px 6px -5px rgba(0,0,0, 0.3) !important;
text-shadow: -0px 1px 3px rgba(0,0,0, 0.5) !important;
font-family: Ubuntu !important;
font-size: 93% !important;
font-weight: bold !important;
text-decoration: none !important;
border-left: 1px outset rgba(22, 3, 12, 0.5) !important;
border-top: 1px outset rgba(141,141,220, 0.7) !important;
border-radius: 24px 0 0 0 / 36px 0 0 0 !important;
}
#newsContainer > .refreshRedisplayComments > a:hover {
color: #f2f2fe !important;
background: #6f6fb5 !important;
background: -moz-linear-gradient(top, #9393d3, #60608d) !important;
box-shadow: -1px 0px 8px -3px rgba(41,41,200,0.7) !important;
}
#newsContainer > .refreshRedisplayComments > a:focus {
color: #e8e5eb !important;
background: -moz-linear-gradient(top, #9393d3, #60608d, #6a6fcf) !important;
}
#newsContainer > form.killspacehack > center {
position: relative !important;
top: 0.4em !important;
}
/***************************************************/
/*** Fix the horrible eye-bleeding-bright white ***/
/*** background by turning it down a few notches ***/
/***************************************************/
#commentsArea,
#newsContainer {
background-color: #f6f6f6 !important;
margin-bottom: 0px !important;
}
/*************************************************************/
/*** The reduced-size replacement logo in the upper-left ***/
/*************************************************************/
#logo,
#mainLogo {
position: absolute !important;
top: 1px !important;
left: 15px !important;
width: 61px !important;
height: 22px !important;
padding: 0px !important;
margin: 0px !important;
background: url("data:image/png;base64,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") !important;
}
.notifyBigBrother {
position: relative !important;
z-index: 33 !important;
top: 1em !important;
-moz-transition: all 2.8s ease-in-out !important;
font-size: 85% !important;
color: rgba(184,140,145,0.3) !important;
background-color: rgba(180,33,44, 0.05) !important;
border: 1px solid rgba(220,100,100, 0.1) !important;
}
.notifyBigBrother:hover {
color: rgba( 44, 0, 5, 1.00) !important;
background-color: rgba(180, 33, 44, 0.47) !important;
border: 1px solid rgba(233, 100, 110, 0.88) !important;
}
/*********/
/** EOF **/
/*********/
}