one layout in two colors

[ghost_factory]

It's been a long time since I last added some rounded borders... :)

Layout: Adolescent Heart - pink with dark gray and turquoise with light gray {S2 Flexible Squares}
Features: custom contextual pop-up, mini icons, custom comments pages, sidebar (with scroll-y links!), rounded borders
Account types: basic // plus // paid (recommened ad setting:

Comments

[caz963]

I really like these - and am using the blue/grey one. I've made a couple of small changes - font sizes mostly - but the rounded corners aren't displaying in IE. It's not a big problem, but I thought you'd like to know.

Also - is there a way of putting the LJ navigation strip back in?

Cheers!

[ghost_factory]

yeah i know, IE doesn't support a great deal of CSS3 goodies.

for the navstrip, do the following:
find #lj_controlstrip in the codes and delete display:none;, then find #header and set top:0px to something like 30px or so (the height of the navstrip, experience with that a little).

now paste in the follwoing anywhere:
table#lj_controlstrip td {color: #ffffff; border-left: none; border: none; background-color:#339999;}
#lj_controlstrip a {color:#eeeeee; } #lj_controlstrip a:hover { color: #dddddd; text-decoration: none } #lj_controlstrip_statustext { color: #eeeeee; }
#lj_controlstrip_userpic {display:none;}

(if you want your userpic displayed on the navstrip, remove #lj_controlstrip_userpic {display:none;}

[caz963]

Thanks so much - I'll give it a go.

[caz963]

The navistrip coding worked, thanks very much. But I'm having problems with the userpics in comments in that they sometimes overlap the text. I'm sure this is due to something I've done; I've changed some of the font sizes and I think that may have thrown things off somehow.

I'm sorry to keep bugging you - and I'll understand if you want to tell me in no uncertain terms to go away! You've put in a lot of hard work and here am I, fiddling around with it. But I really like the layout and would like to fix that problem if at all possible.

[ghost_factory]

do you mean they overlap the header text or oyur entries?

[caz963]

The pics overlap the text of some of the actual comments, like here - http://caz963.livejournal.com/391497.html

I'm sure that's a problem that I've caused somehow, so like I said, I won't be upset if you tell me to bugger off!

[ghost_factory]

try changing the float in .userpiccomment to left from right :)

[caz963]

Have done that - that part now looks like this:

.userccomment {position: relative;border:5px solid #339999;background-color: #339999;top: -10px; left: 0px;padding:0px;margin: 10px 10px -20px 10px; width:80px; height:80px;z-index: 15;float: right;}
.box {border-top:1px dotted #cccccc;padding: 10px;clear: left;}
input, textarea {background-color: #555555;color: #cccccc; border:1px solid #339999; padding:2px; font-family:lucida console; font-size:13px;}

but unfortunately hasn't fixed it. I've changed the font sizes - could that be causing the problem?