chiming: (Default)
Li ([personal profile] chiming) wrote in [site community profile] dreamscapes2012-01-17 03:36 pm

LAYOUT + 10 COLOR THEMES: "Abstractia"

Theme name/layout: Abstractia
Author: [personal profile] chiming
Layout info: Info / Source Code / Live Preview
Image info: Made by me in Photoshop! And I have signed a CLA.
Additional info (for layouts): I overwrote the entire Tabula Rasa stylesheet so when it says "Use layout stylesheets", it just means mine. Supports one-column, two-columns (right and left), and three-columns (right, left, and sides). Modules are completely movable, although the default setup is two-columns-right with Powered by / Page loaded in #tertiary, which then loads as if it were a footer at the bottom. In three column views, #tertiary loads normally and these items will appear just fine off to the side. Layout is liquid, though it looks best at 900px wide and up. (A little bigger if using a three-column layout.)

Oh and just for clarity's sake, the theme doesn't do anything to text-transform; the lower and uppercase in my journal's title were my own manual doing.

Tested in Firefox/Opera/Safari/Chrome and also IE6-9 (it doesn't work very well in IE6 but all the others are fine) and the only CSS3 has a fallback.

Available themes (light on dark):
Abyss (blue) - Preview | Burnished (gold) - Preview | Dark Carnival (pink) - Preview | Midnight (black & white) - Preview | Ocean Floor (green) - Preview | Pulse (red) - Preview | Radioactive (forest green) - Preview | Toxic (purple) - Preview
Available themes (dark on light):
Au Lait (cream) - Preview | NEW: Sky (blue) - Preview

Custom comment page view (in Abyss).

Planned themes: purple, spring-green-ish Done!


ETA: Bug report aka layout submitted, awaiting review and hopefully commitment!
ninetydegrees: Art & Text: heart with aroace colors, "you are loved" (Default)

[personal profile] ninetydegrees 2012-01-20 08:12 pm (UTC)(link)
modifying my theme to use a light background and wanted to replace all the black images with pink images or something

To my mind, that's already pretty advanced. I can't imagine lambda users creating equivalent transparent images. Also feel free to add comments in the source code if you feel theme designers might need them.

"Background for entries, comments, the reply box on the reply page, and the background on the tags page".
"Background for entry/comment footer, tags page manage link, blockquote, and the current link on the navlinks module".


What about "Background image for most content boxes" and "Background image for content footers and blockquotes"?

Descriptions don't have to be exact. There's always a learning curve when it comes to complex styles. For example, several styles have a color for accents in entries or even in the page but we don't explain what these accents are (date, metadata label, IP address, ...) because it's not possible. You can see what it corresponds to when you change the color.
Edited (Words: use 'em!) 2012-01-20 20:13 (UTC)
ninetydegrees: Art & Text: heart with aroace colors, "you are loved" (flowers)

[personal profile] ninetydegrees 2012-01-20 08:27 pm (UTC)(link)
You're most welcome!

<3
ninetydegrees: Art & Text: heart with aroace colors, "you are loved" (Default)

[personal profile] ninetydegrees 2012-01-21 10:46 am (UTC)(link)
I've looked at the layout source code you have on your hack and this is caused by the fact that this is still an hybrid instead of its own style. You override the presentation group as if this was a child of Tabula Rasa then add all the TR options again (so your first sidebar_width is overridden by the standard, second one). What you should have is one presentation group with all the standard properties supported by your style, possibly overridden if you need to such as w/ sidebar_width, and your additional properties. Same things for all other property groups. After that add the functions you have edited and all the CSS in function Page::print_default_stylesheet(). You can see what I mean if you look at the source code for EasyRead: http://www.dreamwidth.org/customize/advanced/layersource?id=110057&fmt=html.
ninetydegrees: Art & Text: heart with aroace colors, "you are loved" (Default)

[personal profile] ninetydegrees 2012-01-21 04:25 pm (UTC)(link)
Is it the property use things that're getting in my way?

Yep. You need to remove:

property use sidebar_width;
property use margins_size;

Property use doesn't mean "use this prop I've just created". It means "use the Core prop because it's perfectly fine and I don't need a new one". *g* You couldn't have known the difference.
ninetydegrees: Art & Text: heart with aroace colors, "you are loved" (Default)

[personal profile] ninetydegrees 2012-01-21 10:32 am (UTC)(link)
Ok these all go into the same sub (page_props) so you need to merge them.

Also noting that if these are all background colors it's best to say so in the property name. It makes it easier down the line to know what's what if there are fixes to be done or new features do be added. I would also make the description shorter "Content headers background color" and move the note about transparency into a proper note:

property Color color_content_header_background {
des = "Content headers background color";
note = "Leave blank for transparency."
}

Same things for images. You can see how properties are conventionally named and described if you look at Core2 (http://www.dreamwidth.org/customize/advanced/layersource?id=550&fmt=html). This is is in the 'Journal style - images' and 'Journal style - element colors' sections.
ninetydegrees: Art & Text: heart with aroace colors, "you are loved" (Default)

[personal profile] ninetydegrees 2012-01-21 04:22 pm (UTC)(link)
You figured this out on your own but yes: propgroup in your .s2 file determines in which category (Presentation, Images, etc.) the property should go whereas append_props in the .pm file determines in which subcategory (Page, Module, etc.) they should go.
foxfirefey: Fox stealing an egg. (mischief)

[personal profile] foxfirefey 2012-01-22 08:10 pm (UTC)(link)
Heeeeeey!

So, would it be okay to create a bug for this layout so I can start teaching [personal profile] chiming to upload patches for review, etc? I think she has pretty much managed to make a patch for this style!
ninetydegrees: Art: face peeking through blinds (peeking)

[personal profile] ninetydegrees 2012-01-25 11:39 am (UTC)(link)
Sorry for the late answer, Fey.

Yes, of course!
foxfirefey: Fox stealing an egg. (mischief)

[personal profile] foxfirefey 2012-01-26 05:00 pm (UTC)(link)
No problem--we went ahead and did it trying to copy what you do! So if you wanted to review it any, she'd probably die of delight.
ninetydegrees: Photo: bingo chips (bingo)

[personal profile] ninetydegrees 2012-01-27 06:41 pm (UTC)(link)
I'd really love to but I'm in Grading Hell right now and will be for a while so I'm afraid I can't. :/