A lot of people have complained about FanFare
's professional white background. Well, DRUNK WITH POWER after somehow kludging together a successful CSS theme for /r/MetaFilter
with zero experience, I decided to try my hand at giving our new subsite a makeover, too -- the layout is fine, but that glaring white is painful to read in a darkened teevee room. Inspired by the original soothing dark blue color scheme
from film/TV review aggregator Metacritic
(which discarded it for an unpopular redesign
years ago), I put together a complete FanFare theme
*) that adjusts not just the background and text, but stuff like visited links, link hovering, the pop-up video button and lightbox, posting page notes, live preview area, and the sidebar and Deck ad box. You can install it in Firefox (with Greasemonkey
), Chrome (with Stylish
or Blank Canvas Script Handler
), and jailbroken iOS (with Userscript Loader
, using this URL
) -- it's tested and working properly on all three. [more inside]
posted by Rhaomi
on Aug 8, 2014 -
So in this thread
some where complaining about no PDF warning. How about using some CSS magic (a[type="pdf"]) to add icons to links?
posted by slater
on Jan 11, 2013 -
I've been away for a couple of days, so I just noticed the text shadow on the preview/post buttons. I gotta say: They look ballin'! Keep the tasteful modernization of MetaFilter going!
posted by ignignokt
on Sep 26, 2011 -
We periodically have problems with remote ad servers hanging up page loading on MetaFilter and we'd like to tweak the homepage layouts to make this impact much less of a problem. However, I'm not sure how it will impact the greasemonkey script deleted post type features because the code will change a bit on the home page. [more inside]
posted by mathowie
on Jul 14, 2011 -
increase the font size of MetaFilter pages? [more inside]
posted by 47triple2
on Aug 7, 2010 -
As much as I love MetaFilter, I hate its color scheme / stylesheet! (Sorry!) I find it hard to read. I want to permanently
disable the css so that every time I visit the site I only see the basic html. I am using Firefox. [more inside]
posted by betamercapto
on Apr 10, 2010 -
Static server outage. The site will have some problems until we get this sorted out. [more inside]
posted by pb
on Mar 24, 2010 -
Just curious... why are the "Meta" and "Filter," "Meta" and "Talk," and etc. identifiers at the top left of each page discrete clickable elements instead of one clickable element comprising the entire compound word?
posted by Shepherd
on Sep 3, 2009 -
We've still got the CSS rounded tab corners in MetaTalk, so I assume they're not breaking anything - can we have them in the blue and green now? They're purty. Thanks. [more inside]
posted by nicwolff
on Nov 20, 2007 -
the tabs on metatalk have had the nice CSS rounded corners for weeks. how come the other sites still have those boxy square ones?
posted by quonsar
on Aug 19, 2007 -
Sorry if this is a dumb question, but is there a "metafilter skins" or "mefi css" customization repository where I can choose more interesting themes? Or some super-customization method? I'm really feeling the need to see some yellow and purple stripes with kitten wallpaper lately; feelin' weary with the same old blue, green, and grey after all these years.
posted by DenOfSizer
on Jun 16, 2007 -
I added a new feature: Custom CSS for profile pages. You simply create a .css file on your own server, write whatever CSS you want, and it will load after all the mefi CSS when anyone views your user page. Here's mine
(which loads this
). Just plop in the URL of your custom CSS file on your server in your user prefs.
Be sure to post here when you've got something cool to show. Let the ugliness/coolness begin!
posted by mathowie
on Apr 14, 2007 -
ever get done did? My symbian phone freaks out on the the current layout under opera, with a center column of nearly five or six characters in width bufferred by left-and-right margins approaching a quarter-inch-plus.
What I really want, of course, is a plain-text mobi.metafilter.com, but I'll deal.
posted by mwhybark
on Nov 21, 2006 -
Add a separator (horizontal line, blank line, whatever you deem appropriate) of some kind: (1) between answers in AskMeFi, and (2) between new and old questions on the front page. This would help break up the page a little more.
posted by davcoo
on Aug 3, 2006 -
looked fine on live preview. I was trying to indent the italicized part. I take it that CSS commands aren't a good thing to put into comments.
posted by oaf
on Jun 4, 2006 -
Slightly better CSS: Could the CSS for useful elements like blockquote be improved so that quoted text from previous posts does not have to be faked with ? A now-common style of changed font, larger left indent, and line down the left side might work.
posted by joeclark
on Apr 21, 2006 -
I added more descriptive titles to metafilter and ask mefi comment pages. Refresh your CSS to see them as they intended to look.
posted by mathowie
on Feb 9, 2006 -
Firefox 1.5 is throwing up a list of errors from the Metafilter style sheets, mainly (but not solely) about 'font-color'.
Just thought you'd like to know.
posted by twine42
on Jan 28, 2006 -
Ask MeFi CSS Bug? Best answers aren't highlighted anymore. Firefox 1.5 Windows XP, no changes since yesterday when things worked fine.
posted by riffola
on Jan 11, 2006 -
Wish you hadn't closed this thread
so quickly, #1. CSS is mildly messed up (in addition to continuing problems you've noticed before) after your header fix on the plain-text theme, at least in IE (which I must use at work).
posted by stavrosthewonderchicken
on Jan 11, 2006 -
CSS-customized user pages: Possible ever again, or nothing more than the fever-dream of a madman? [mi]
posted by Gator
on Jan 6, 2006 -
At least in Firefox for Mac, the layout of Metatalk is weird. There's no lefthand margin; and the top of the page contains these links, etc.:
MetaTalk is a discussion area for topics specific to MetaFilter itself, ranging from bug reports to feature requests to questions of content. The posts are sorted by date, and tagged by category.
Some helpful links:
MetaFilter meetups that are in progress, being planned, and/or coming soon
MeFi Status Blog
The Guide to MetaFilter Wiki/FAQ
All sorts of extra MetaFilter stuff
Subscribe to MetaTalk via RSS Feeds:
RSS feed of this page Subscribe in NewsGator Online Subscribe via Bloglines
posted by ParisParamus
on Dec 29, 2005 -
MeTa threads I've already read turn the white "new" tags gray like the rest of the link. They stay white no matter what in MeFi and AskMe.
posted by XQUZYPHYR
on Nov 22, 2005 -
I'd like to submit a bug-fix to MetaFilter default.css stylesheet. It fixes the Mozilla/Firefox page rendering (on Windows) so that it no longer generates an annoying horizontal scrollbar. After much tinkering, it appears to be fixed by the following small change to the stylesheet:
font-family: verdana, sans-serif;
< ------ change to b>margin-left:5px;
< ------ change to b>margin-rightt:5px;
It needs testing on non-Windows platforms however.>>
posted by smiffy
on Jul 13, 2005 -
Minor issue with metafilter CSS. I use Safari, and have defined a custom CSS file to handle some default styling. For whatever reason, this forces most--but not all--*.metafilter.com links to appear in the link color I've defined; the boilerplate links at the top and bottom appear in Matt's intended yellow. I think that by adding the typical a:link etc selectors to MeFi's CSS would do the trick. It's possible I've done something goofy in my own CSS, I suppose.
This is a problem at a handful of other sites, but I notice it most at MeFi, because the lack of contrast makes links almost unreadable.
posted by adamrice
on Jul 8, 2005 -
Spell with flickr
= screwed up thread. HTML and CSS cleanup in aisle 40502, please. (Somehow the font is stuck small, the margin is borked, and I can't even figure out why. Nothing major, but it needs fixin'.)
posted by caution live frogs
on Mar 17, 2005 -
Something changed in the past day with the front page formatting. The right hand column now seems to shove everything past the first few lines downwards...but only when you're logged in. I've tried it in both Firefox and IE.
posted by RockCorpse
on Dec 28, 2004 -
After reading this previous thread
, I started thinking. How about a call for redesign submissions? How about the ability to customize and select our own designs? I am aware of this feature
, but I mean, completely different layouts. There are many
css resources with solutions that are more than robust enough for metafilter's basic one column layout. Is this inappropriate for me to ask? I would like to see a Metafilter with several layouts to choose from, first on my list, would be coldchef's; just cause he's so friggin funny.
posted by folktrash
on Aug 9, 2002 -
More than a few threads have had the css broken by tags like this: >
It completely kills the stylesheet in IE5 on mac. Anyone else notice this problem? Are these tags added by the person posting, or are they part of the server side processes? I've been irked by the digression to no left margin, default font mess the page becomes because of this.
posted by Jeremy
on Jun 20, 2002 -
[From the really small bugs dept.]:I was on my way to iconomy's blog and came across her user profile
. It's all grey and faded. What's happened - and can I have one like it too?
posted by MiguelCardoso
on Apr 30, 2002 -
Not that don't like the look of MetaFilter, but I think it would be nice if the Customize page had a textarea field for specifying custom stylesheet rules. More inside...
posted by bschoate
on Jan 21, 2002 -
Html question: how does Matt get the top table to extend all the way to the top, left and right, with no space? How does he get the Meta-logo and Community 'blog graphics to sit flush with the edges of the page?
Whenever I try something like that, there's always space between the edge of the page and the table and between the edge of the table and the images.
posted by signal
on Oct 31, 2001 -
You have a style element in body. That ain’t kosher, and I wouldn’t be surprised if it’s causing problems with more standards-compliant browsers.
posted by gleemax
on Oct 22, 2001 -