Li (
chiming) wrote in
dreamscapes2012-01-17 03:36 pm
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[site community profile]](https://www.dreamwidth.org/img/comm_staff.png)
Entry tags:
LAYOUT + 10 COLOR THEMES: "Abstractia"
Theme name/layout: Abstractia
Author:
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!
Author:
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
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:
ETA: Bug report aka layout submitted, awaiting review and hopefully commitment!
no subject
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.
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.
no subject
no subject
<3
no subject
Here's what's actually printing out:
"Set the width of a single sidebar. Ensure that the value is given in em or px."
"Size of left and right margins"
What bewilders me is that printing them out manually DID do the other thing I wanted -- it let me re-order the properties so that mine no longer show up randomly at the very top of the stack. It just didn't apparently actually override the description. Any ideas?
Thank you again for what you've already helped me with!
no subject
/sorry, this is my 'business' journal!
The other things are just absolutely true and awkward. I'll try and fix that up!
no subject
Problems not solved: Images aren't showing up where they're supposed to be, text still isn't being overridden on presentation group. (Sob, I'm afraid I wasn't really sure what you meant I should do about the presentation group, so... I tried!)
abstractia.pm:
Prop group presentation:
Is it the property use things that're getting in my way? Where should I put my override definitions, if not in here?
no subject
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.
no subject
Okay! I think... everything is done! :) Maybe!!! /hopeful
no subject
no subject
no subject
Now the only problem is the presentation group. /wrings hands
no subject
no subject
Any help or hints would be deeply appreciated.
no subject
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.
no subject
Will do the rest of it!
no subject
no subject
So, would it be okay to create a bug for this layout so I can start teaching
no subject
Yes, of course!
no subject
no subject