Entry tags:

custom: layouts

91

» sidebar vers.
» Flexible Squares, S2
» Free, Paid, maybe Plus

/*--------------------- MADE BY: minty_peach LAYOUT ID: Focused 91 DO NOT STEAL. DO NOT EDIT AND REPOST AS YOURS. -----------------------*/ /*--- HEADER IMAGE ---*/ .headerimage { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 0px; height: 0px; background-image: url(''); background-repeat: no-repeat; } .separator { height: 20px; background-color: #ffffff; } /*--- MAIN PAGE-O ---*/ BODY { margin: 50px 0px 50px 0px; background-color: #222222; font-family: "Verdana", sans-serif; text-align: left; font-size: 10px; line-height: 16px; color: #777777; } b, i, s, u { color: #36C7AC; } code, kbd, pre, tt { font-family: tahoma; } a, a:link, a:visited { color: #EB6450; text-transform: uppercase; text-decoration: none; } a:hover { color: #555555; } blockquote { margin: 0px 5px 0px 5px; padding: 0px 3px 0px 3px; color: #aaaaaa; font-size: 10px; border-left: 2px solid #EB6450; text-align: justify; } #content { width: 750px; margin-left: auto; margin-right: auto; background-color: #ffffff; padding: 10px; border: 10px solid #333333; } #maincontent { margin: 10px 10px 10px 300px; } /*---------------- SIDEBAR -----------------*/ #sidebar { width: 250px; float: left; color: #a0a0a0; padding: 20px 25px 25px 25px; text-align: justify; } .defaultuserpic { text-align: center; } .sbarheader, .sbarbody, .sbarbody2 { padding: 0px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 3px; border: 1px solid #ddd; text-align: center; color: #bbbbbb; font-size: 7pt; } .sbarcalendarposts { padding: 3px; border: 1px solid #ddd; background: #f9f9f9; text-align: center; color: #EB8A00; font-size: 7pt; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } li.sbaritem { list-style: none; } li.sbaritem:hover { background-color: #EEEEEE; } li.sbartitle { padding-bottom: 5px; padding-top: 15px; color: #888888; border-bottom: 1px dashed #dddddd; font-size: 7pt; text-transform: uppercase; text-align: left; } ul.ljtaglist li{ padding: 5px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } /*--- MAKING ALL IMAGES SEE-THROUGH ON HOVER ---*/ img:hover { filter: alpha(opacity=70); moz-opacity: .70; opacity: .70; } /*--- HEADER & FOOTER LINKS - DOES NOT CONTROL HEADER IMAGE ---*/ #header { width: auto; padding: 20px; text-align: center; font-size: 8pt; color: #FFFFFF; text-transform: uppercase; } #footer { width: auto; padding-bottom: 20px; text-align: center; font-size: 8pt; color: #FFFFFF; text-transform: uppercase; clear: both; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; text-transform: uppercase; font-size: 8pt; } div#header a:hover, div#footer a:hover { color: #888888; } ul.navheader, ul.navfooter { padding: 0px; margin: 0px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 2px; margin: 2px; } div#header li.view, div#footer li.viewing { color: #888888; } .clearfoot { display: none; } /*--- title & subtitle ---*/ .title { display: none; } .subtitle { display: none; } /*--- TAGS PAGE LAYOUT ---*/ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; margin-left: 70px; width: 60%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #eeeeee; padding: 6px 3px 6px 20px; color: #aaaaaa; } H2 { background-color: #FFFFFF; margin: 30px; text-align: left; padding: 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; color: #aaaaaa; } ul.ljtaglist { color: #cccccc; font-size: 8pt; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 25px; } /*--- ENTRY, SUB CONTENT ---*/ .subcontent { padding: 10px; background-color: #FFFFFF; } .entry { padding: 3px; background-color: #FFFFFF; color: #a0a0a0; font-size: 10px; text-align: justify; } .entry ul li { padding: 0px; margin: 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; } /*--- USERPICS, DATE, SUBJECT ---*/ .userpic { display: none; position: relative; float: left; margin: 0px 20px 10px 0px; z-index: 15; } .userpicfriends { position: relative; float: left; margin: 0px 20px 10px 0px; background-color: #ffffff !important; text-align: center; font-size: 7pt; z-index: 15; } .userpicfriends font { color: #888888 !important; text-transform: lowercase; } .userpicfriends br { display: block; height: 0; } .userpic img, .userpicfriends img { background-color: #ffffff !important; width: 50px; height: 50px; padding: 5px; } .date { text-align: left; font-weight: normal; color: #cccccc; font-size: 7pt; text-transform: uppercase; } .subject { text-align: left; font-weight: normal; color: #888888; font-size: 7pt; text-transform: uppercase; } .datesubject { padding: 3px; border-bottom: 1px dashed #dddddd; } /* currents, comment links for main page, tags on main page */ .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 9px; color: #cccccc; } .currentlocation, .currentmood, .currentmusic, .currentgroup { text-align: right; padding-right: 15px; font-size: 9px; color: #888888; border-right: 3px solid #EB6450; } .ljtags { margin-top: 15px; padding-right: 15px; text-align: right; text-transform: lowercase; font-size: 9px; color: #cccccc; border-right: 3px solid #EB6450; } .comments { text-align: right; font-weight: none; padding-right: 15px; border-right: 3px solid #bbbbbb; position: relative; color: #dddddd; 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; } /* image hover effects */ img:hover { filter: alpha(opacity=80); moz-opacity: .80; opacity: .80; } /*--- ARCHIVE PAGE ---*/ ul.year{ text-align: center; padding: 2px 2px 2px 2px; } ul.year li { color: #aaaaaa; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 2px; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; border: 1px solid #cccccc; padding: 2px; text-align: center; } table.yeartable td.yearday { background-color: #EB6450; padding: 2px; text-align: center; text-transform: uppercase; color: #FFFFFF; } 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: 10px; 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 */

* This layout doesn't have any special instructions or restrictions.
I was in the mood for something extremely simple without images.

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

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

(127 comments) - (Post a new comment)

	das_porno_uke 2008-10-28 04:18 pm UTC (link)
	beautiful! :3 (Reply to this)

	xxmegmegxx 2008-10-28 04:20 pm UTC (link)
	I'm taking! So simple, yet amazing ♥ I may friend you :) (Reply to this)

	theklewerz 2008-10-28 04:28 pm UTC (link)
	it's nice :D simple and sleek :D (Reply to this)

	kyupples 2008-10-28 04:34 pm UTC (link)
	pretty. simple colors. memming~ (Reply to this)

	nifty_kheva 2008-10-28 04:34 pm UTC (link)
	i love it. i'll probably use it soon. (Reply to this)

	xeverybody_else 2008-10-28 04:35 pm UTC (link)
	ahhh totally snagging! thank you ;D i love your more simple layouts :) (Reply to this)

	hiddendrawer 2008-10-28 05:18 pm UTC (link)
	Oh, I'm soooo in the mood for something this cute and simple ♥ I am taking it and will credit, obviously :) (Reply to this)

	polarbear_girl 2008-10-28 05:45 pm UTC (link)
	it's simple yet elegant. saving to mems (Reply to this)

	autumnxdawn 2008-10-28 05:58 pm UTC (link)
	it's simple but cute <3. maybe I take it for my livejounarl comunity. (Reply to this)

	twofootsmall 2008-10-28 06:44 pm UTC (link)
	Purty. I love the minimal use of the highlight colour. :) (Reply to this)

	redex 2008-10-28 07:10 pm UTC (link)
	Ooh, nice, putting this one to use some time soon, I think. (Reply to this)

	romancandle_ 2008-10-28 09:51 pm UTC (link)
	Love it! (Reply to this)

	lady_iz 2008-10-28 10:08 pm UTC (link)
	Using at mcadamsstills with a few tweaks. You have been credited. Thanks! (Reply to this)

	blissful_9 2008-10-28 10:29 pm UTC (link)
	it's so great! :D im always looking for something like this! ^^ I remember you made a layout like this before but it had a green background! :D (Reply to this)

	moni_kinha 2008-10-28 10:39 pm UTC (link)
	lovely! very pretty (Reply to this)

	hazysea 2008-10-29 12:05 am UTC (link)
	Very nice! *mems* (Reply to this)

	skin_scene 2008-10-29 02:30 am UTC (link)
	pretty<3 (Reply to this)

	dark_eros 2008-10-29 04:29 am UTC (link)
	Love the minimal look. Thank you for sharing! :) (Reply to this)

	quendra 2008-10-29 05:46 am UTC (link)
	I really like it, but before I use it I want to add a header to it, to dress it up a bit, but before I do that, I need to know the size of the header, do you know how wide the layout is? I want it to match my header. Thanx. :D (Reply to this) (Thread)

	minty_peach 2008-10-29 11:49 pm UTC (link)
	question 6. :] (Reply to this) (Parent)

	refermo 2008-10-29 08:38 am UTC (link)
	sleek! ♥ +mems (: (Reply to this)

	moonlan 2008-10-29 07:18 pm UTC (link)
	Again, I'll use one of your layouts ♥ Thank you so much for it (Reply to this)

	lilxinyue 2008-10-29 10:32 pm UTC (link)
	ahaha...added you awhile ago- love your works :3 taking this one also xD thanks for providing them! (Reply to this)

	twoeyesonesoul 2008-10-30 08:44 am UTC (link)
	I think I'm going to use this for my graphics community, lazycolor. Thank you. =D (Reply to this)

	vdha 2008-10-30 05:18 pm UTC (link)
	very nice! using this layout... will credit! (Reply to this) (Thread)

	beybey16510 2008-10-30 06:21 pm UTC (link)
	I snagged it, simple and perfect for what I needed thanks! (Reply to this) (Parent)

	honigsenf 2008-10-30 06:57 pm UTC (link)
	nice one! totally using :) thankyou! (Reply to this)

---

(127 comments) - (Post a new comment)