Current mood:	amused
Entry tags:	custom: layouts, custom: layouts with topbars

92

» sidebar version
» Flexible Squares, S2
» Free, Paid, maybe Plus

/*-- layout: 92; made by minty_peach. no stealing. no reposting code as yours. don't remove this section & please credit. --*/ /*-- main page --*/ BODY { background: #333333; background-image: url(''); background-repeat: repeat; color: #888888; font-size: 10px; font-family: "Verdana", sans-serif; text-align: left; margin: 50px 0px 50px 0px; } #content { width: 730px; margin-right: auto; margin-left: auto; } #maincontent { text-align: left; background: #ffffff; background-image: url('http://i52.photobucket.com/albums/g22/moodthemes_100/whtgrad2.png'); background-repeat: repeat-x; background-position: top; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; } .headerimage { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 0px; height: 0px; background-image: url(''); background-repeat: no-repeat; } /*-- special fonts, links, etc. --*/ b { color: #F2E057; } i { color: #DC1A4E; } u { color: #8CB53F; } a, a:link, a:visited { color: #65A3A0; text-transform: lowercase; text-decoration: none; } a:hover, b:hover, i:hover, u:hover { color: #777777; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } /*-- sidebar content --*/ #sidebar { width: 100%; margin-left: -15px; margin-right: 10px; text-align: justify; color: #666666; background-color: #222222; padding: 15px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #FFBE33; font-size: 10px; text-transform: lowercase; text-decoration: none; } div#sidebar a:hover { color: #777777; } .sbarbody, .sbarheader { padding: 0px; } .sbarbody2 { padding: 5px; } .defaultuserpic, table.calendar, .sbarcalendar, .sbarcalendarposts { display: none; } li.sbartitle, li.sbaritem, ul.sbarlist { display: none; } /*-- navigation links --*/ #header { background: #ffffff; color: #bbbbbb; font-size: 10pt; margin-left: auto; margin-right: auto; padding: 20px 10px 30px 10px; text-align: center; text-transform: lowercase; background-image: url('http://i52.photobucket.com/albums/g22/moodthemes_100/whtgrad2-1.png'); background-repeat: repeat-x; background-position: bottom; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #aaaaaa; } #footer { background: #ffffff; color: #bbbbbb; font-size: 10pt; margin-left: auto; margin-right: auto; padding: 20px; text-align: center; text-transform: lowercase; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #aaaaaa; clear: both; } .clear { height: 10px; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #bbbbbb; font-size: 10pt; text-transform: lowercase; } div#header a:hover, div#footer a:hover { color: #aaaaaa; } ul.navheader, ul.navfooter { padding: 0 2px 0 2px; margin: 0 1px 0 1px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 0 2px 0 2px; margin: 0 1px 0 1px; } div#header li.view, div#footer li.viewing { color: #bbbbbb; font-size: 10pt; text-transform: lowercase; } .clearfoot { display: none; } /*-- title & subtitle --*/ .title { display: none; } .subtitle { display: none; } /*-- subcontent and entry content --*/ .subcontent { padding: 40px 25px 20px 25px; } .entry { padding: 20px 0px 5px 0px; color: #999999; font-family: "verdana" Helvetica, sans-serif; font-size: 10px; text-align: left; } .entry ul li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .date { text-align: left; font-weight: normal; color: #d8d8d8; font-size: 7pt; text-transform: uppercase; padding-right: 15px; } .subject { text-align: left; font-weight: normal; font-size: 9pt; } .datesubject { padding: 4px; } blockquote { border-right: 4px solid #666666; color: #888888; font-size: 9px; text-align: right; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 10px; } .separator { border-bottom: 1px dashed #dddddd; } /*-- currents, comment links, and tags in entry --*/ .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 9px; color: #cccccc; } .currentlocation, .currentmood, .currentmusic, .currentgroup { text-align: left; padding-left: 15px; font-size: 9px; color: #888888; border-left: 4px solid #bbbbbb; } .ljtags { margin-top: 15px; padding-left: 15px; text-align: left; text-transform: lowercase; font-size: 9px; color: #cccccc; border-left: 4px solid #dddddd; } .comments { font-weight: none; padding-left: 15px; text-align: left; text-transform: lowercase; font-size: 9px; color: #cccccc; border-left: 4px solid #444444; top: 5px; } div.comments a, div.comments a:link, div.comments a:visited { font-size: 9px; color: #888888; text-transform: lowercase; } div.comments a:hover { color: #cccccc; } /*-- userpics, friends userpics --*/ .userpic { position: relative; float: left; margin: 0px 10px 10px 0px; padding-right: 10px; z-index: 15; border-right: 4px solid #dddddd; } .userpicfriends { position: relative; float: left; margin: 0px 10px 10px 0px; background-color: #ffffff !important; padding-right: 10px; border-right: 4px solid #dddddd; text-align: center; font-size: 7pt; z-index: 15; } .userpicfriends font { color: #888888 !important; text-transform: lowercase; } .userpicfriends br { display: block; height: 0; } /*-- delete this section to make userpics normal size --*/ .userpic img, .userpicfriends img { background-color: #ffffff !important; width: 35px; height: 35px; } /*-- image hover effects --*/ img:hover { filter: alpha(opacity=80); moz-opacity: .80; opacity: .80; } /*-- tags page --*/ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; width: 60%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #dddddd; padding: 6px 3px 6px 20px; color: #aaaaaa; } H2 { text-align: center; padding: 30px; margin: 0px; line-height: 12px; font-weight: normal; font-size: 12pt; color: #dddddd; } ul.ljtaglist { color: #aaaaaa; font-size: 8pt; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 25px; } ul.ljtaglist li{ padding: 3px; margin: 2px; list-style: decimal-leading-zero; list-style-position: inside; } /* archive page */ ul.year { text-align: center; padding: 30px; margin: 0px; } ul.year li { color: #aaaaaa; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 3px; } td.yeardate { color: #aaaaaa; background-color: #eeeeee; padding: 3px; text-align: center; } table.yeartable td.yearday { background-color: #dddddd; padding: 3px; text-align: center; text-transform: uppercase; color: #999999; } td.yearmonth { color: #aaaaaa; border-style: none; } /*-- comment page (sponsored and paid only) --*/ .clear { display: none; } .skiplinks { text-transform: lowercase; text-align: center; padding-top: 30px; color: #999999; } .datesubjectcomment { background-color: #ffffff; color: #aaaaaa; padding: 5px; margin-bottom: 5px; } .userpiccomment { position: relative; max-width: 50px; max-height: 50px; top: -10px; left: 0px; margin: 0px 10px -20px -10px; z-index: 15; float: left; padding: 5px; } .box { background-color: #ffffff; width: auto; clear: left; padding: 25px; } input, textarea { background-color: #A7DBD8; font-size: 12px; font-family: "Georgia", sans-serif; color: #555555; } textarea.textbox{ border: 0px solid #fff; font-family: "Georgia", sans-serif; font-size: 12px; width: 95% !important; } .reply{ position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-size: 10px; line-height: 125%; color: #777777; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 70px; font-size: 10px; color: #777777; } .commentbox { padding: 15px 0px 15px 0px; margin: 5px; border-top: 1px solid #dddddd; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #9E9E7B; } .datesubjectcomment a:hover { color: #bbbbbb; } .commentboxpartial { background-color: #FFFFFF; padding: 5px; margin: 12px; } .commentinfo { margin-top: 10px; width: 100%; } /*-- additional codes, paste below here --*/

1. This layout will support header images.
2. You don't have to upload the 2 fade images to your own host, but you can if you want to.
3. To use the multicolored fonts, use bold, italic, and underline wherever you please.
4. You can only use the BLURB section in the sidebar, all others are hidden.

5. Sidebar has been converted to TOPBAR. To have it look like the preview use this code:

<table width="100%" cellspacing="0" cellpadding="10"><tr><td width="50%" valign="top"><div text align="right">words words words <a href="url"><i>name link</i></a>, <a href="url"><u>name link</u></a>, <a href="url"><b>name link</b></a> <td width="50%" style="border-left: 4px solid #333333;" valign="top"><div text align="left">words words words</div></div></td></td></tr></table>

-----------------------

Don't know how to use a CSS layout? Now you do!
Have a question? Read my f.a.q. page.
Feel free to Add Me to receive icon and layout updates on your friends page.
Don't forget to credit! :D

(69 comments) - (Post a new comment)

	senbonzakura77 2008-12-16 02:38 am UTC (link)
	Gorgeous~! :D I'll definately be adding to the memories. (Reply to this)

	zombietrolli 2008-12-16 02:39 am UTC (link)
	Nice! Adding to memories. Thank you. (Reply to this)

	carameltrap 2008-12-16 02:52 am UTC (link)
	Very nice. Snagging with thanks. (Reply to this)

	wintergreen126 2008-12-16 02:54 am UTC (link)
	lovely! memming :o) (Reply to this)

	spirites 2008-12-16 02:55 am UTC (link)
	really like this! ♥ (Reply to this)

	speed_demon77 2008-12-16 02:58 am UTC (link)
	I love the shadows behind the top box. I'm still in Christmas mode but I'll prolly switch to this afterwards. (Reply to this)

	windfallen 2008-12-16 03:47 am UTC (link)
	I was just thinking of changing my layout and this looks great. :) (Reply to this)

	gustavoassis 2008-12-16 03:53 am UTC (link)
	So beautiful! (Reply to this)

	cure4thecommon 2008-12-16 04:07 am UTC (link)
	Oooh, I might use this. I've been looking for something with a good light/dark balance. <3 (Reply to this)

	ana_leez 2008-12-16 04:28 am UTC (link)
	Beautiful! Saving to mems ♥ (Reply to this)

	casettes 2008-12-16 04:53 am UTC (link)
	beautiful layout (Reply to this)

	op_de_radio 2008-12-16 05:37 am UTC (link)
	I'm snagging this. I'm not too bright on LJ, so I'm not sure how to credit, but I'll figure it out somehow. (Reply to this)

	marionette_vie 2008-12-16 06:03 am UTC (link)
	ohhhh, this is so cute! (Reply to this)

	oddsilence 2008-12-16 07:37 am UTC (link)
	Oh, this is so lovely. Going to use this when I have time to play around with my LJ a bit. Memming. <3 (Reply to this)

	cherrypistoru 2008-12-16 11:20 am UTC (link)
	great layout! i have to use it <3 (Reply to this)

	__cosmicgirl__ 2008-12-16 02:37 pm UTC (link)
	Love it. Will be using and crediting!!! (Reply to this) (Thread)

	__cosmicgirl__ 2008-12-16 02:59 pm UTC (link)
	Hmm, if I add the topbar codes the whole layout disappears and changes into an ugly white page with a weird layout... will browse through your other layouts :D (Reply to this) (Parent)(Thread)

(no subject) - miiiintz, 2008-12-18 01:22 am UTC

(no subject) - __cosmicgirl__, 2008-12-18 08:45 am UTC

(no subject) - miiiintz, 2008-12-18 03:15 pm UTC

	supakawaiigurl 2008-12-16 02:59 pm UTC (link)
	awesome, thank you credit when use (Reply to this)

	seekingdeeper 2008-12-16 03:32 pm UTC (link)
	gorgeous (Reply to this)

	palovana 2008-12-16 03:44 pm UTC (link)
	Oooh, lovely! =) Just changed my layout so won't go changing it again yet, but saving to memories! (Reply to this)

	sassykimmie 2008-12-16 03:53 pm UTC (link)
	It's so awesome, Imma use this! :> Good job! (Reply to this)

	oh_sosweetly 2008-12-16 04:04 pm UTC (link)
	I love this, adding to mems! (Reply to this)

	mysoulcries 2008-12-16 09:38 pm UTC (link)
	Once again Jenny, you supply us with a gorgeous layout which i plan on using right away :) (Reply to this)

	me_scarlett 2008-12-17 09:28 pm UTC (link)
	I love it! <3 taking with credit, thanks! (Reply to this)

	keitai 2008-12-19 05:31 am UTC (link)
	Lovely layout~ ♥ Adding to memories! ^_^ (Reply to this)

	cieluna 2008-12-19 07:12 am UTC (link)
	Love it!~ Great pre-christmas layout, haha! :D (Reply to this)

---

(69 comments) - (Post a new comment)