annalytica: (Default)
annalytica ([personal profile] annalytica) wrote in [community profile] style_system2010-09-23 09:14 am

Capital letters and stretched user pics in Blanket

Hi,
I have recently imported my journal from LJ. A couple of weird things happened - my user pics got stretched widthways so they look really odd, and all the letters in the titles of my posts became lower case. This happens both in imported entries and in entries I post in Dreamwidth - though posts which are cross-posted from here to LJ come out as normal. Any ideas on how I can correct this? (I'm afraid I know nothing about CSS so idiot's guide style responses would be very much appreciated!)
Thanks!
matgb: Artwork of 19th century upper class anarchist, text: MatGB (Default)

[personal profile] matgb 2010-09-23 08:41 am (UTC)(link)
K, the title thing is a deliberate style thing within Blanket:
/*--- header texts ---*/
div#header h1#title { font-weight: normal; text-transform: uppercase; letter-spacing: 0; padding: 0; margin: 0; color: #68228b;
font-family: sans-serif; font-size: 1.25em; }
div#header h2#subtitle { font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; color: #68228b;
font-family: sans-serif; font-size: 1em; }
div#header h2#pagetitle { font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0; margin: 1em 0 0 0; color: #8a2dbb;
font-family: sans-serif; font-size: 1em; }

In your custom CSS, you need to override it, but I'm afraid I don't know exactly what the code is to do that.

For the image, again, style choice, whoever made the layout wanted to shrink all images to 80px instead of 100px (which is in the actual code) so has done this:
.userpic img { width: 80px; height: 80px; padding: 5px; background-color: #ffffff;


I really don't like that it's done that in that way, which assumes all icons to be square, if you copy that into custom css, but replace the width/height command with max-width/max-height commands and follow the 80px with !important it should fix it, but I'm not 100% certain on that.

Sorry I can't actually solve the problems, but I've found the cause, so someone else can work on it. I think the userpice thing should be reported as an actual bug TBH, don't think site styles should be changing dimensions in sucha blunt way.