LAYOUT + 10 COLOR THEMES: "Abstractia"

[chiming]

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!

Comments

[chiming]

Problems solved: Colors are showing up where they're supposed to be, property names are updated, layers are merged together better.

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:
package LJ::S2Theme::abstractia; use base qw( LJ::S2Theme ); use strict; sub layouts { ( "1" => "one-column", "2l" => "two-columns-left", "2r" => "two-columns-right", "3" => "three-columns-sides", "3r" => "three-columns-right", "3l" => "three-columns-left" ) } sub layout_prop { "layout_type" } sub page_props { my $self = shift; my @props = qw( image_content_header_background_group image_content_background_group image_content_footer_background_group image_userpic_background_group image_sidebar_background_group image_archive_calendar_background_group image_calendar_and_form_background_group color_content_header_background color_content_background color_content_footer color_userpic_background color_sidebar_background color_archive_calendar_background color_calendar_and_form_background ); return $self->_append_props( "page_props", @props ); } 1;

Prop group presentation:
propgroup presentation { property use num_items_recent; property use num_items_reading; property use use_journalstyle_entry_page; property use layout_type; property use tags_page_type; property string sidebar_width { des = "Set the width of a single sidebar. (Enter JUST '20' for 20%.)"; example = "20"; } property string margins_size { des = "Size of left and right margins. (Enter JUST '5' for 5%.)"; size = 5; } property use sidebar_width; property use margins_size; property string entry_poster_alignment { des = "Alignment of entry poster"; values = "none|None (don't show)|left|Left|right|Right"; } property string entry_poster_position { des = "Position of entry poster"; values = "header|Header|top|Top of entry|bottom|Bottom of entry|footer|Footer"; } property use entry_poster_alignment; property use entry_poster_position; property use userpics_style_group; property use userpics_position; property use entry_metadata_position; property use use_custom_friend_colors; property use use_shared_pic; property use userlite_interaction_links; property use entry_management_links; property use comment_management_links; property use entry_datetime_format_group; property use comment_datetime_format_group; } set sidebar_width = "20"; set margins_size = "5"; set layout_type = "two-columns-right"; set userpics_position = "right"; set entry_poster_alignment = "right"; set entry_poster_position = "header"; set use_custom_friend_colors = false; set custom_foreground_element = "userpic_border"; set custom_background_element = "userpic_background";

Is it the property use things that're getting in my way? Where should I put my override definitions, if not in here?

[ninetydegrees]

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.

[chiming]

Hahaha. Live and learn, right?

Okay! I think... everything is done! :) Maybe!!! /hopeful