User talk:Soiled Bargains/monobook.css

From Homestar Runner Wiki

< User talk:Soiled Bargains
Revision as of 01:20, 7 September 2009 by Soiled Bargains (Talk | contribs)
(diff) ← Older revision | Current revision (diff) | Newer revision → (diff)
Jump to: navigation, search

I see a bunch of stuff here that tells you how to use it, but can you also tell us a bit about what it does if we use it? The Knights Who Say Ni 18:54, 6 September 2009 (UTC)

If I understand you correctly, this is what my monobook.css file does:
  • First, it sets the font used on the "edit box" here on this wiki to Courier New. Unlike Firefox, Google Chrome, and other browsers, which use Courier/Courier New when displaying a <textarea> element (which includes the edit box on here), Safari uses Helvetica for them. This makes it hard to distinguish certain characters from one another, like ' and ". Long story on why that bugs me. So, I need to make it so that no matter what, the <textarea> for the edit box on here is in Courier New, and if font isn't present, Courier, or otherwise a monospace (fixed-width, terminal like) font.
    • Then again, I could be wrong on what browsers use what font with <textarea>s.
  • Then, I have it set up so that, depending on what I'm using, the edit box has a different font size for its content. I occasionally edit with my iPhone. The standard font size used on the edit box is small enough to work with on it. But, on my Mac with Safari it's harder to read in the edit box (but not on Google Chrome on Vista, huh). So, using some tips Apple has on their iPhone web development guide, I have some CSS3 queries set up so that depending wether I'm on my iPhone or not, I get a different font size on my edit box.
If you use Safari just on a desktop and don't edit on an iPhone, and if you would like to have Courier/Courier New set as your font for your edit box here, just put in textarea#wpTextbox1 {font-family:"Courier New",Courier,monospace;font-size:(Insert comfortable size font here);} into your monobook.css file. Sorry for any bad grammar. I'm a little lazy today. Soiled Bargains (talk|ctrb) 19:37, 6 September 2009 (UTC)
Okay, maybe that was too lengthy. In summary, it just sets the font of the edit box to Courier New. Also, it detects whether I'm editing on my iPhone or not, and then the font size used for the edit box changed accordingly. Soiled Bargains (talk|ctrb) 01:20, 7 September 2009 (UTC)