Tabula Rasa / Funky Circles

[ninetydegrees]

Theme name/layout: Funky Circles / Tabula Rasa
Author: ninetydegrees
Layout info: theme layer
Image info: the layout's got five images. I've made them all myself.

The layout looks fancier in Firefox but this shouldn't cause any problem in other browsers. However, the top bubbles are not exactly aligned (to account for shadows) so it may look a little weird in other browsers. I'd like feedback on that, please.

Oh and if anyone can think of a better name? My working title was Champagne but I didn't think it fitted. cesy did!

Edit: I forgot to say it should work with all layout types.

Comments

[zvi]

1) No visited link color?
2) On the contextual hover menu, the link color has been changed to grey, which has insufficient contrast with the white background. I don't know how or why you're affecting that, I'm not even sure it's the same gray as your other link colors.
3) Following comment entries is really difficult. The indenting just isn't wide enough for me to recognize the difference between a child comment and a sibling comment. (Looking at it in 16px and again at 20 px.)

Other than that, this is a beautiful style, and I don't see anything that's really broken on it. Viewed in Epiphany 2.26.1 (which is powered by gecko 1.9, so very similar results to Firefox 3.)

[ninetydegrees]

1) *headdesk* Thanks for reminding me of that. I had a hard time with link effects and kind of buried my head in the sand there.

Edit: I've added most of them. I think I have one or two left. I'm not really happy with the one for entry text but could you tell me if that's already better?

2) I simply used a and a:hover. It should be fixed now.

3) Good point.

Edit: it should be better now. Y/N?

Thanks for the compliment and for taking the time to test and comment.

[zvi]

Yes, all of those are better now.

How did you work the change on the contextual popup issue? Did you add a lot of definitions, or does the popup have a class you defined separately?

[ninetydegrees]

I've just noticed that this is true of all layouts. The links on Negatives and Basic Boxes Green are barely visible too. I'll switch back to using standard CSS and let style people figure this out.

[baggyeyes]

The screen cap is from Flock 2.5.2, but the space occurs in Opera, Safari and Firefox on the Mac as well.

[baggyeyes]

Argh. Posted in the wrong place. X-(

[baggyeyes]

There's a bug in Mac Opera 9.64, and Safari 4.0.3 - the tiny icons don't appear. Well, except for those representing those of journals and communities.

The layout looks gorgeous in Safari 4.0.3. There's a 3D effect to it. The 3D effect is not quite as pronounced in Firefox 3.5.2, and there isn't any at all in Flock 2.5.2 (based on Firefox 3.5), all Mac. I haven't tested as extensively as zvi, but if I have more, I'll comment again.

[ninetydegrees]

[I'm so very sorry for the multiple edits.]

If these are the icons you're talking about, apparently it's normal behavior.

Yay! I'm glad you think so! The calendar days should have a slight curve in Safari too now. ;) Since you have one browser with no 3D effect would you tell me what you think of the top graphic in this browser? As I explained in my entry, the bubbles are vertically misaligned to create a 3D effect but I'm afraid it looks a little too weird in browsers which can't print the shadows.

Thanks for taking to the time to test and comment.

[baggyeyes]

They look fine - there is one problem - the circles don't quite align with the nav-bar. I'll post a screen shot later tonight.

The thumbnail will be smaller this time, I promise!

[afuna]

[Dear mods: I haven't converted it to use S2 properties yet but I plan on doing so. I just want to know if I need to fix anything first. Should I add the conversion tag anyway?]

Nah, add them to your next entry if yo want advice/help with conversion, though.

[ninetydegrees]

Ok, thanks!

Bug in Safari?

[ninetydegrees]

Turlough has some weird issue in Safari. Apparently, it's not related to my theme. I couldn't find anything in Bugzilla about this so could you confirm this, please?

Re: Bug in Safari?

[afuna]

Hmmm I'm seeing that behavior in Safari, but no it's not in zilla. Very odd!

Re: Bug in Safari?

[afuna]

OH. It is not a bug with Safari at all. And I guess it's not quite a bug, though I can see why it would be disquieting. The thing is, we don't print out the icons/links when you're logged out, since you can't use them directly.

Re: Bug in Safari?

[ninetydegrees]

Oh, ok. Well, I'm relieved to see I did nothing wrong. :) Thanks.

Re: Bug in Safari?

[turlough]

*headdesk* I didn't even think of checking if it looked different if I were logged in.

Conversion

[ninetydegrees]

A few questions:

1) I have a limited number of colors that I try to use in different elements. For example the header background color is also the bkg color of footers and userpics, the entry border color is the same colors as part of the subtitle bkg, etc. Should I use a limited number of properties to preserve this coherence or use all properties available to let people customize this however they want.

2) I'm missing some properties. What should I do? Edit: I've just realized this is partially linked to 1) but I'd like to know the answer anyway.

3) Some property values won't work for me (I'm thinking of background position) because I'm using precise units. What should I do?

[cesy]

This may be a silly question, but how do I apply this to my journal to test it?

[ninetydegrees]

Not silly at all!

You need to create a theme layer for Tabula Rasa using this page.
1. Simply scroll down to 'Create a layout-specific layer', select 'theme' as the type and 'Tabula Rasa' as the layout then click on 'Create'.
2. Find the layer you've just created in the table above, click on 'Edit' and copy/paste my layer into yours.
3. Finally, choose this theme in Select Journal Style/Your Custom Layers.

If I'm not clear enough, I've made a guide with screenshots over at LiveJournal. It's for a layout called Component but the process is the same: here's the link.

[yvi]

Oh, thanks for the explanation. It's very pretty.

[ninetydegrees]

There's also another method which you may prefer: link. The layerid for the final layer is 70474.

[cesy]

Oh, that's rather cool. Thanks, that was very easy to do, and helped me figure out another way to backup my normal style.

Interestingly, the font for the journal title/subtitle/"Recent Entries" changes between FF3 and IE7.

I generally prefer a bit more indentation for threaded comments, as I can't tell which comments are nested on this, but I think that's just a personal preference thing.

I really like this style - it's funky and a bit different. Once you've got it sorted, could we have some other color-sets, please, as this one's a bit dark for me?

[turlough]

I don't like the colours but the layout itself is gorgeous! (Firefox 3.5.2) It looks even better in Safari (4.0.3) except that the interaction links and their icons don't appear at all.

[ninetydegrees]

I have other schemes! :) Thank you! Just to check: did you use the whole layer or just the CSS? Because I've set them to display as text and I can do that with an S2 property.

Thanks for the feedback!

[turlough]

I used the whole theme layer.