Which stylesheet do you use in 2011?

I was partial to old.css at first, but now I use blueski-2.css for better readability.

i use old.css because it looks the least suspicious at work

not that it matters but I just noticed the bookmarking function in naus.css doesn't work

I might use naus.css from now on

standard

old

xp I think I fixed it once, but I don't think Keith is around anymore to put it up.

Automatic thread bump. This poll is closing tomorrow.

kenan dark

makes it look like I'm reading some goth board but I hate looking at a blinding white light for long periods of time

test!!.css

Just old.

Automatic thread bump. This poll's results are now in.

I made a new one, swiss.css, and you can get it at Preferences → I want to change the way the site looks.... Not finished yet (the colours need sorting), but I'll do that in time. Hope you like it.

it looks p fancy! I quite like it!

think I still like blueski but this is p keen

I like it!!

Thanks guys!

I particularly like block quotes, which I was never happy with on the original stuff I did some years ago. I think they are better not being indented, but being highlighted in a different way.

I have been using kenan dark for a while now.

this is pretty dope!

The dark side of Kenan is well worth investigating. It is a king amongst stylesheets.

wow i love it

Thanks, harbl!

my only comment is that the header font (ILX NEW ANSWERS, or WHICH STYLESHEET DO YOU USE IN 2011? for this page) could be just a bit smaller. still, i like it and i'll probably keep using it as is. thanks keith!

and yeah, the block quotes look great!

Ha ha, it's massive size is a 'thing' I actually had it probably 50% bigger than it currently is earlier today! I like big type.

So maybe this is of interest:

+---------------------------------+----------+
| blueski-2.css                   |     1075 |
| style.css                       |      815 |
| old.css                         |      509 |
| new.css                         |       90 |
| kenan_dark_style.css            |       30 |
| iPhone.css                      |       28 |
| keith.css                       |       27 |
| kenan_style.css                 |       24 |
| caek.css                        |       23 |
| blueski.css                     |       22 |
| swiss.css                       |       21 |
| style2.css                      |       13 |
| style3.css                      |       12 |
| black.css                       |       12 |
| blueski-css3.css                |       10 |
| style-monochrome.css            |        7 |
| style-monochrome-no-borders.css |        5 |
| keith2.css                      |        4 |
| 3270.css                        |        3 |
| test.css                        |        1 |
+---------------------------------+----------+

Also, it looks different on Windows and OSX, because of the different installed fonts on these systems. I tried to make it good fonts irrespective, but it does mean they are possibly quite different. Windows uses Franklin Gothic Book, but OSX looks like this:

http://i48.tinypic.com/scg7sx.png

looks nice but is too big for me @ 1024x768, sticking with kenan dark

Quite right, it wasn't really designed with low res in mind although the above picture is massive because it was taken from a Retina display.

Trying out swiss.css, and I'm not seeing any difference between clicked and unclicked links. Is there nothing in the sheet for that?

Swiss is cool! A little softer on the eyes without losing the basic clarity and punchiness of ILX. Agreed that the thread title (and "Site New Answers") could be much smaller, and I would at least slightly shrink the various things in the "Add a Post" box - no way does "Display Name: whoever" need to be so big....

Could maybe also fold the show/hide formatting help option into the Add a Post box, as another button next to "Convert Simple HTML to BBcode"? Just a thought.

Also wonder if something more dreamy and Wayne's World Flashback-y could come in with the "Three Years Pass..." breaks between revives, now that you have these gradients and soft tones. Not sure what exactly, but the current version seems a little harsh relative to the overall swiss chill factor.

Swiss is probably the most tempting non-old.css stylesheet I've seen, but I'm gonna keep it old-school.

Yeah, I might eventually go back to old.css too. Trying to give this one a good shake though.

Am I right that italicized text is bigger?

Yes indeed, italicised text is bigger. I read that in a typography book somewhere that it's better to have italicised text 1pt larger than the surrounding text.

Huh! Not sure how I feel about that - - - it kinda changes the way a post reads or is emphasized, for me at least. But interesting.

Swiss

Great chocolate

And cool stylesheet!

Thankyou!

Doctor, yes I thought it was odd when I read it, but I decided to try it and I have got to like it. It's certainly a bit odd, I mean, you'd think that type designers would just make their italicised versions a bit bigger but then there you are. The point the book made was that italics tend to look smaller at the same point size, so you get the same odd feeling of it not flowing so well. All very strange.

i'm gonna keep this one for a while, i dig it

still curious about the clicked/unclicked links issue

Yes, I'm looking at that. It's quite tricky in that I'm trying to get an answer that lets you be able to tell, but doesn't make the screen look messy - it can be a bit of information overload when half the things on the page are one colour and half the other. It's not easy getting something that's close enough to look okay but different enough such that you can tell.

I'll stick something in, in a minute, but I may not leave it that way - not sure it works particularly well.

Okay, I think I may have the answer. Only applies to threads on the new answers page, which makes things a bit tidier and makes them the same colour as the headings.

Looks great, thanks!

I added in a page to show you who's doing what. You can get it from the bottom of the front page (Theme Statistics):

http://www.ilxor.com/ILX/Pages/stylesheet-popularity.jsp

hey keith, question about the new style--

when you try to post something but other ppl have posted in the thread while you were typing, the page that shows their messages seems to be displaying their message text in the blue color, which implies that their messages are links. am i wrong about this? was it intentional? thanks!

No, that's just a balls up. I'll sort it out tomorrow. Thanks for letting me know.

np! thanks again.

kenan_style.css	23

22 other people and I know what's what.

There'll probably be a few balls ups in there in esoteric places that I didn't notice, because I did this one completely from scratch; it wasn't a modification of what existed already, so I'll sort them out as they pop up - I do want to get this one perfect though (whatever that means).

hey Keith,

just a small thing, but when other messages are posted before you can get your own in, i noticed that it makes the posts blue (and underlines them when you put the cursor over the words). see this screenshot.

http://i48.tinypic.com/dmabcw.png

not a big deal at all but thought it might be easy to correct.

Hey Z S - thanks, though much as it's not tricky to correct, it's not the stylesheet, in that it happens with other ones too. I think I must've ballsed up a tag years ago when I wrote the thing and left an anchor tag open. Easy enough to fix in theory, but I have a bunch of other changes on my development version and it's not really a great point to upgrade stuff right now. I will be doing this at some point and will sort it out.

OK update I have fixed it in the development version, but it won't be live in ILX until I upgrade it... Dunno when that'll be but some time soon.

Cheers.

style-monochrome-no-borders.css 4lyfe

Thanks, RRRobyn, but for me now I still like my new Swiss one the best. Glad you like it though. I did that one in about five minutes!

swiss is obvs lovely but i will prob always be into the covert-ops style of s-m-n-b.css

Oh well that's good - that's what I did it for.

:)

Wow, I've never used monochrome no borders before. I love the way flag post and permalink are staying out of trouble on the right of the page so you can bookmark a post at a glance. If swiss had this behaviour I'd marry it. (It does look great though Keith!)

Whoa I'd forgotten I'd done that, though I don't think I could do it with Swiss as it'd f**k with the aesthetic, in that 'right' is only part the way across the page. Cheers anyway!

woah, monochrome is pretty hardcore, never tried this before either.

agreed hardcore about the way it handles flag post permalink - - every other sheet i used i end up constantly hitting FP by accident when i'm trying to bookmark. Hmmm.

h1 is hueg. dealbreaker imo

I think it's beautiful.

not speaking aesthetically, i just need subtlety 2 websurf @ work

But you always post big animated gifs! Do you cover up the screen?

hide images in prefs

Lol

it's pretty sad how wowed out I am by switching from blueski-2 to blueski-css3

Glad you like it. I thought of it as more of a failed five minute experiment!

i had to revert after a while alas, it was just too real.

I like to keep it real.

Growing to really love the look of swiss.css, though I'm still on the fence about the italics being +1pt (it looks more than that). Looks better on windows than on OSX imo, which is slightly annoying 'cause the latter's my home setup. One question: why are the individual posts only taking up the left half of the screen while the title and "add a post" parts take the entire width?

Thanks - I dunno really about the widths; I thought it was beautiful (Jimi Hendrix voice).

The posts are less width to aid readability, kind of similar to two columns. People find it easier to scan left to right if they don't have to go too far. This isn't an issue for headlines or posting.

It amazes me it looks better on Windows, in that I've never personally seen it on Windows at all. In some ways I was a little nervous it was bloody awful as I, without looking at it, made Windows use Franklin Gothic, due the lack of a good Palatino substitute, in that at least I like Franklin Gothic. Thinking about it now, maybe Optima would've been an option, if Windows has that (probably not).

I have been thinking about this thing where I squash up one-liner posts that come close to each other in time... So when someone posts something substantial, the chit-chat comments are a bit easier to read in a bunch, e.g.

All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy.

Jack, Wednesday 14 November 2012 20:12 (4 minutes ago) Bookmark Flag Post Permalink

Poster 1: lol (menu options appear on hover)
Poster 2: ^^^ real talk
Poster 3: [animated penguins]
Poster 4: HI DERE!

Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post. Next substantial post.

Bob, Wednesday 14 November 2012 20:15 (1 minute ago) Bookmark Flag Post Permalink

swiss.css has really won me over due to the shorter width of posts. It's so much easier to read for me, though that may partly due to my lazy right eye.

Thanks - glad you like it.

I have been thinking about this thing where I squash up one-liner posts that come close to each other in time... So when someone posts something substantial, the chit-chat comments are a bit easier to read in a bunch, e.g.

i think this is a cool idea, but how would it in work in practice? all comments that are three lines or less and posted within 2 minutes of each other are clustered?

it might be imperfect no matter how you do it (unless you employ a full-time ILX intern to cluster relevant chit-chat posts!), but i still think it would be neat to try it out

My thoughts were just as yours. The only way to see would be to do it and see how it looks. Luckily I have 12 years of data to try it out on. Well maybe 9 years' worth anyway: the early years system didn't actually record the time of posts so they're all clocked at 1am when I did the migration six years ago or so.

this swiss stylesheet is so bad and beautiful. i can't imagine going back to any other stylesheet. ilx has never looked as classy. nice work dude.

at first i wasn't overly keen on the colour of the 'add a post' box, but trying it again, and yes, i'm liking it more.

tis quite tDR looking ..

I just...don't like salmon, I guess. http://i45.tinypic.com/28tbygi.gif

Cheers for that, guys.

suddenly the messages on ILX are in serif font. but everything that's not the text of a message is in sans serif. what font did i accidentally delete/deactivate?

only happens when using swiss.css btw

when using blueski-2.css (my 2nd favorite) everything is in sans serif

It's different between Mac and Windows - is this the issue? Basically because these platforms have different fonts installed. On Windows, it uses Franklin Gothic for body text, which is sans-serif and on the Mac it uses Palatino. Does that explain your issue or have you actually deleted one of the above?

i thought swiss.css used a sans serif font for messages?

ah ha, i reactivated franklin gothic (on my mac) and now everything is nice and SWISS looking

thankign you

Well glad it works, but it's an odd outcome in that The Mac's typically got Palatino and not Franklin Gothic. Of course if you remove Palatino but have Franklin Gothic installed (could come with MS Office) then that's what you'd see

Franklin Gothic is of course a US font and not a Swiss one!

i have both palatino and franklin gothic activated. if i turn off franklin gothic the body text of the messages turns into (palatino) serif font, which isn't how swiss is supposed to show up, is it?

this is how great swiss.css is - thrown into total disequilibrium when it stops working!

Ha - are you running Windows?

Actually, dunno why I asked that...

This is how the fonts are defined, and the way it works is from left to right. If you've Palatino installed, it should use that. If you've not got that, then Franklin Gothic Book. If you've not got that, then Times New Roman and if you don't have that, then whatever the default serif font on your system is:

font-family: Palatino, "Franklin Gothic Book", "Times New Roman", Serif;

weird

Stylesheet Usage

Number of users using each stylesheet. You need to be logged in to change your stylesheet. Do this by going to Change Stylesheet

Stylesheet Name Total Number of Users
blueski-2.css 1337

really warming to swiss.css, but i gotta say: i wish it didn't shrink images so much :(

Yeah okay I made it wider - forgot that the text is already 70% of the page width, so images need to be wider with respect to that to be the same as the others.

however big they are in old.css is how big they should be, imho

I made NEWOLD.CSS

So is it any use, anyone who's looked at it?

Class... Anyone... Bueller?

Took a brief look at the new one, but I still prefer style3.

Whoa, had forgotten about that one. Did that one in about 30 seconds!

Newold looks a little more crowded -- I think style3 puts more space between posts, and between threads on SNA. I could be imagining it, I dunno.

Oh no I think it is more crowded. That's kind of how it used to be. Actually, the original thing didn't have any space at all between things. I've put 1.3ems in there, because it's pretty horrible all bunched up, in my opinion, but still wanted to be in the basic spirit of the original ILX. Just a few things, like that, and a small margin that are different.

i like a greater contrast between thread-links i've clicked on and those i haven't (in addition to the magic circles). still sticking with oldold, with which i have no real complaints

The thing I find weird about old old is that the margins are strange. The posts have a margin but the heading doesn't. The menu doesn't, but the site message and anything else up there does.

Lines of text in Newold run off the right side of my page/window. (Chrome 24, Mac 10.8.3) I don't want to have to scroll right to read ILX as well as scroll down; will have to change back to Style3.

Oh okay, I can fix that.

On reflection, I should have called it OLD NEUE.

Is that better?

For some reason ILX only looks right to me in a sans-serif font. As a result I'm sort of fixated on blueski-2.

Looks good at the thread level and the right margins -- SNA still super crowded. xp

Yeah this one here is deliberately like the old ILX, where no font was specified at all, so it's showing in serif (I expect) because your browser's default font is a serif one (Times, in my case). If you change it to Helvetica or something, it'll show in that.

Some years ago, someone made exactly the opposite comment!

xp...

William, yes it is, but then it is supposed to be like the old one.

Although I see I've lost you!

whoa so this is what ilx looked like, it seems familiar but really strange after years of css3

something seems weird about the placement of the text in the add a post box, like it starts too far down and too far to the right or something

I just really like style3 -- it's going to take something really exceptional to shake me loose from that one.

Hey John, yeah do you mean the padding inside the textbox itself? Maybe. I'll reduce it.

Okay, that's reduced. Maybe a bit too much.

it's going to take something really exceptional to shake me loose from that one.

Oh that's Swiss by the way. Spent a great deal longer than 30 seconds on that one.

lemme see here. oh yeah, thats a lot better

Also, this doesn't look exactly like old ILX (it couldn't really as there are more functions nowadays). I think what I was aiming at was roughly the same style - just text, but just removing the bits that were just functions of it being how browsers rendered HTML by default back then. Trying to be a bit more ordered without losing the basic "just a bunch of text" thing.

xp

im sure i will stick with this just long enough to never remember what i used to use and then try css3 and be convinced that wasnt it, which is what happened to me the last time i did this

submit post and convert buttons seem comically large to me as well

oh weird, when you xpost in this the previous post turns into a link or something wtf? am i just noticing this for the first time because its link colored (and adds underline when moused over) or is that a thing thats always been like that

I do like Swiss, but I never did resolve my issues with Helvetica (a version of Helvetica that I have installed for work) not displaying properly in Chrome.

Yeah I'm going to change the buttons. They're just default browser buttons. Actually, I've already changed them, but they're still not very good, so will work on them more.

xp

regretting not clicking on the xpost now, it might have taken me to some magical uberilx

Yeah that xpost bug has been there for years. It's because I forgot to type a ">" in 2006 once.

ha i think i never noticed it before because css3 has it in red or something right, which is not the color links are goddamnit

quoted text in a bigger font size is really disorienting to me

quoted text in a bigger font size is really disorienting to me

― My Chemical Romance did 9/11 (jjjusten), Thursday, March 28, 2013 12:00 AM (0 seconds ago)

ie

wait now it isnt wtf

Italicised? Yeah that's because I made this one from swiss.css as the starting point. I read that in a typography book - if you have 12pt normal, italics look smaller, so you should have 13pt italics. I actually really like it.

Hello there Hello there Hello there.

hey keith while youre here is there any way to get the original glyloop.mp3 onto ilx and back into http://www.ilxor.com/ILX/ThreadSelectedControllerServlet?boardid=60&threadid=2955

the one on there now is way too slow and doesnt sync with the gifs

heres the original:

https://dl.dropbox.com/u/9627011/glyloop.mp3

lol

this is really important

really really really important

I understand that, but some things just take time.

this post was the one that weirded me out, maybe something else happened there: what is going on in your musical life

Yeah that is weird. It's not the bigger size, it's the letter spacing on the italics, I think. I'll have a look, but will be tomorrow now.

Took a gander, but I was disoriented by visited links being the same color as plaintext. :-|

AAAARRGGH! What's happened? How do I change it back? I can't even remember what my stylesheet was, but it's changed and it looks HORRIBLE!

blueski-2.css

can someone make one that looks like an excel spreadsheet

thanks Keith!

Yeah thanks!

yeah mine changed all of the sudden too and I hate it it looks like a bad MFA design project

keef, quirk i have noticed - in the swiss stylesheets i cannot see the numbers at the end of each line in this post: POLLy Jean Harvey - The PJ Harvey results thread

can see them fine in e.g. blueski. am using google's "chrome" internet browser.

actually, i like what you have done here, with blueski3

per discussion over on (still modless) ILP: is old.css still the stylesheet with the largest image display?

Not sure I follow, Roberto - can you post what does show on the others and what doesn't on Swiss? Will take a look and see if I can sort at some point.

Cheers.

http://i.imgur.com/QYCAjo2.jpg

Thanks. Weird though - works fine for me. Tried both Swiss and SwissHelvetica.

Although on a Mac - you're on Windows I think (because of the Franklin Gothic). Not that it really ought to make any kind of difference, but can anyone else on Windows see the same thing?

yep windows

Using the page here
POLLy Jean Harvey - The PJ Harvey results thread

Chrome (Version 26.0.1410.64 m)
   swiss.css - numbers are missing
   swisshelvetica.css - numbers are missing
IE9 (Version 9.0.8112.16421 64-bit Edition)
   swiss.css - numbers are there
   swisshelvetica.css - numbers are there
Firefox (20.0.1)
   swiss.css - numbers are there
   swisshelvetica.css - numbers are there

(Windows 7 Home Premium, 64 bit version)

Whoa - thanks for the comprehensive response. How weird though.

Not sure there's anything I can do about it. It's just a paragraph... Not a stylesheet thing. Guessing there's some bug in Windows Chrome that's screwing up at first sign of a tab character.

Hang on a sec and I can try it in Win 8...

Chrome (Version 26.0.1410.64 m)
   swiss.css - numbers are missing
   swisshelvetica.css - numbers are missing
IE10 (10.0.9200.16540)
   swiss.css - numbers are there
   swisshelvetica.css - numbers are there

Win 8 (64 bit)

Thanks again, looks like a Chrome (and maybe webkit) issue on Windows.

crazy old chrome

to be clear, i personally am not fussed, i like swiss but i am enjoying it here on blueski3, so i am not requesting any remedial actions for my own sake, i was just bringing this to the attention on the proper authorities like a responsible citizen

No it's fine... Just don't know what to do about it, as it's very unclear why it's happening!

crimsonhexagon.css is really nice not sure how long its been up but i just noticed it today

'Times New Roman', serif

^ yo what up stet

im back to newold after a lengthy fling with crimsonhexagon

kenan dark

― iatee, Sunday, January 30, 2011 6:47 PM (eight years ago) bookmarkflaglink

i use this, and it is the style most similar to dark mode on zing touch

therefore it is the best

i have dark mode on almost everything else i can on my computer but i am so committed to old.css that i leave it blinding white

'Times New Roman', serif

^ yo what up stet