锴 angry fishtrap 狗 (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
kaigou) wrote in ![[site community profile]](https://www.dreamwidth.org/img/comm_staff.png)
dreamscapes2009-10-19 09:44 pm
kaigou) wrote in dreamscapes2009-10-19 09:44 pm
Entry tags:
Tranquility III / Gradiance
Theme name/layout: Gradiance
Author: Kaigou
Layout info: Tranquility III*
Image info: 1 image (faux icon)** http://i385.photobucket.com/albums/oo292/solnull/other/openid-navy.jpg
Source: http://www.karinoyo.com/media/gradiance.css
[NOTE: if considering claiming, hold off for a bit: I'm prepping S2 code, so it's less of a major project for anyone to convert. At least, that's the plan.]
Style goals: low-contrast but colorful, with interaction/management links offset to the side (instead of at bottom), and icons replaced with text.
* I used TIII as base, but have the the layout's style sheet turned off, and using only the custom CSS. I can't recall; does that make this a theme or a layout? is new layout!
** currently only an icon for the navy version (what I'm using on my journal right now), but easy enough to do one for each gradiant-version.
The code is set up to have the colors set aside for easier cut/paste replace etc, but generally every version has eight colors. As long as the contrast between the 4th color and the 8th color is enough to make text legible, the gradiant range can go from darkest-dark to lightest-light, or from medium-dark to medium-light, depending on the amount of contrast required. I went ahead and set up 12 versions, and did two of them as reverse (light-on-dark), since all that's needed to reverse is to flip the order of the eight colors.
If you're on a page-read page (not page-reply!), and you click on "reply", the comment form is part of the entry content footer, which means you end up with this RESOLVED
"top of page" footer bar wants to leap up. It's inconsistent, though, so naturally it behaved when I tried to grab a screenshot. This could just be Firefox 2, though. I can't get it to do it in Firefox 3. now I can't get it to do it at all. hrmm.
last thing on the wishlist for the layout is to turn the four sidebar icons into text RESOLVED
min-width of 62em, which is temporary -- in Safari the sidebar isn't behaving fixed: set at 860px min-width, and now Safari behaves
In the meantime, if anyone's got super-CSS insights, much appreciated in advance.
Author: Kaigou
Layout info: Tranquility III*
Image info: 1 image (faux icon)** http://i385.photobucket.com/albums/oo292/solnull/other/openid-navy.jpg
Source: http://www.karinoyo.com/media/gradiance.css
[NOTE: if considering claiming, hold off for a bit: I'm prepping S2 code, so it's less of a major project for anyone to convert. At least, that's the plan.]
Style goals: low-contrast but colorful, with interaction/management links offset to the side (instead of at bottom), and icons replaced with text.
*
** currently only an icon for the navy version (what I'm using on my journal right now), but easy enough to do one for each gradiant-version.
The code is set up to have the colors set aside for easier cut/paste replace etc, but generally every version has eight colors. As long as the contrast between the 4th color and the 8th color is enough to make text legible, the gradiant range can go from darkest-dark to lightest-light, or from medium-dark to medium-light, depending on the amount of contrast required. I went ahead and set up 12 versions, and did two of them as reverse (light-on-dark), since all that's needed to reverse is to flip the order of the eight colors.
In the meantime, if anyone's got super-CSS insights, much appreciated in advance.
no subject
I don't have any answers for the rest yet, but this is a new layout! Themes pretty much only change the colours/background images, or slightly tweak CSS. Entirely custom CSS is a new layout. :)
Looks cool, by the way!
no subject
I don't think I'm capable of only mildly tweaking things. As evidenced by my kitchen. heh.