Modification for Five AM

[foxfirefey]

Hey folks! This week there was a new layout added to the Dreamwidth style stable: Five AM. I've been playing around with it and noticed that the blockquote image used in the current theme won't match a bunch of things people might like to do with it colorwise, so I offer up this modification to put in your custom CSS:

blockquote {
    background: none no-repeat scroll left top transparent;
    padding: 2em 1em 2em 2em;
}

It takes away the background image and the extra space to accommodate it.

Comments

[afuna]

Hmmm. Now I'm tempted to see if we can make the background of that image transparent, and then include a small 1px border around it so there's some contrast for dark layouts.

[foxfirefey]

I think we should investigate PalImg and seeing if we can't use that system to make one that works with S2 wizard defined colors.

[afuna]

Ooh, there's an idea!

[foxfirefey]

My guess is using this function on a simple black/white image would do:

function builtin palimg_tint(string filename, Color bright, Color dark) : string

And label the "bright" part background in the S2 category and the "dark" part foreground. BUT IT WOULD BE AN EXPERIMENT.

And it is quite possible something to do automatically in the backend, too, have the style figure out what colors to call for it based on what is set.

[afuna]

Hmm, yes. I've just been looking at the backend, and I think the only thing we need to do to enable palimg on an image is to put it into htdocs/palimg!

ETA: I like the idea of auto-detect too to match the themes, too. No need to make the user try to figure it out on their own...

[baggyeyes]

When geeks have fun. :)

[afuna]

*snickers* Exactly

[musyc]

Hmmmm, I'm in confusion state. I'm not very good at poking at code except to make colorways for submitting. If I were going to create a colorway for this layout, but didn't want to use the image, how would I use this CSS snippet? It doesn't look like the right language to put in the theme layer (no property, set, or strings! XD ) where I'd put the wossnames I copied out of the wizard.

Or should I attempt to be patient and hope that the thread above results in some backend automagic happenings that renders that question unnecessary? XD

[adalger]

You'd put that CSS in your "Custom CSS" box ( http://www.dreamwidth.org/customize/options?group=customcss ).

[musyc]

:) I know that bit. That's not what I'm asking. If I were doing a layout for myself, I'd chuck that in the custom CSS box. I want to know where I'd put it and if that's the format I'd use if I were going to create a theme to submit for public use. Frex, this is what I submitted for a colorway. That CSS snippet doesn't look like it belongs there in the format it has.

[matgb]

I have never tried to do this, but this might work:
set custom_css = "blockquote {
background: none no-repeat scroll left top transparent;
padding: 2em 1em 2em 2em;
}"

I don't know that that will work, but I think it should do but don't have time to try it right now. I'd like it if it did though, that might be very useful for theme creators who want to give even more options.

[marahmarie]

I don't know the answer to your question because I don't know how to make colorways: I just know how to write/edit CSS and how to find/view/sometimes edit theme layers.

So I found this for Blanket: http://www.dreamwidth.org/customize/advanced/layersource?id=205715&fmt=html

Which sets this for blockquotes:

propgroup images_child {
property string[] image_blockquote_background_group {
des = "Blockquote background image";
grouptype = "image";
}
set image_blockquote_background_group = [ "image_blockquote_background_url", "image_blockquote_background_repeat", "image_blockquote_background_position" ];
property string image_blockquote_background_url {
grouped = 1;
}
property string image_blockquote_background_repeat {
values = "repeat|tile image|no-repeat|don't tile|repeat-x|tile horizontally|repeat-y|tile vertically";
grouped = 1;
}
property string image_blockquote_background_position {
values = "top left|top left|top center|top center|top right|top right|center left|center left|center center|center|center right|center right|bottom left|bottom left|bottom center|bottom center|bottom right|bottom right";
grouped = 1;
allow_other = 1;
}
}


(Interestingly enough, the blockquote info is found under the heading "Images" on that page although blockquotes themselves aren't images; that blockquote simply happens to have one. So I'm assuming, since I don't look at base theme layers too much, that any image in any layout would go under that heading?)