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

Admiration 83 & 84

» 2 versions (topbar) » Flexible Squares, S2 » Free, Paid, maybe Plus » uploading for newbs.

Sidebar Version:
/* layout: admiration 83 (sidebar) made by minty_peach. no stealing. no reposting code as yours. please credit. */ BODY { margin: 70px 0px 70px 0px; background-color: #e6e6e6; text-align: left; font-size: 10px; color: #888888; font-family: "Verdana", sans-serif; /*--- background image NOT suggested with this version ---*/ } b, i, s, u { color: #FF8B52; } a, a:link, a:visited { color: #33D9E7; font-style: italic; font-size: 10px; text-transform: lowercase; text-decoration: none; } a:hover{ color: #555555; } blockquote { margin: 7px; padding: 7px; color: #777777; background-color: #f5f5f5; font-size: 10px; border: 1px solid #cccccc; text-align: justify; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } #content { width: 760px; margin-left: auto; margin-right: auto; background-color: #e6e6e6; } #maincontent { margin: 0px 0px 0px 220px; } /* headerimage */ .headerimage { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 20px; width: 0px; height: 0px; background-image: url(''); background-repeat: no-repeat; } .separator { height: 0px; } /* sidebar */ #sidebar { width: 200px; color: #999999; background-color: #FFFFFF; font-size: 10px; text-align: justify; float: left; } .defaultuserpic { text-align: center; } .sbarbody, .sbarheader { padding: 0px; } .sbarbody2 { padding: 10px 8px 10px 8px; } table.calendar { padding: 15px 0px 15px 0px; margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 2px; border: 1px solid #eeeeee; text-align: center; color: #cccccc; font-size: 9px; } .sbarcalendarposts { padding: 2px; border: 1px solid #eeeeee; background-color: #f5f5f5; text-align: center; color: #EB8A00; font-size: 9px; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } li.sbaritem { padding: 7px; font-size: 8pt; list-style: none; border-bottom: 1px solid #eeeeee; } li.sbaritem:hover { background-color: #f3f3f3; border-bottom: 1px solid #dddddd; } li.sbartitle { list-style: none; text-align: left; padding: 15px 5px 5px 5px; border-bottom: 1px solid #eeeeee; font-size: 10px; font-style: italic; color: #888888; text-transform: lowercase; } ul.ljtaglist li{ padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; } /* header, footer */ #header { width: auto; text-align: left; background-color: #444444; font-size: 11px; color: #FFFFFF; text-transform: lowercase; font-style: italic; } #footer { width: auto; line-height: 30px; text-align: right; font-size: 11px; color: #cccccc; clear: both; text-transform: lowercase; font-style: italic; } div#header a, div#header a:link, div#header a:visited { color: #888888; font-size: 11px; text-transform: lowercase; } div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; padding: 6px; font-size: 11px; text-transform: lowercase; } div#header a:hover { color: #bbbbbb; } div#footer a:hover { color: #777777; } ul.navheader { padding: 6px; margin: 3px; } ul.navheader li { display: inline; list-style: none; padding: 0; } div#header li.view { color: #aaaaaa; } div#footer li.viewing { color: #aaaaaa; } #footer .viewing { display:none; } ul.navfooter { padding: 0 2px 0 2px; margin: 0 2px 0 2px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { clear: both; display: none; } /* title & subtitle */ .title { width: auto; font-size: 10px; padding: 7px 7px 1px 7px; font-color: #ffffff; background-color: #33D9E7; text-align: right; } .subtitle { width: auto; font-size: 10px; padding: 1px 7px 7px 7px; font-color: #ffffff; background-color: #33D9E7; text-align: right; } /* subcontent, entries */ .subcontent { padding: 25px; background: #FFFFFF; } .entry{ margin-left: 0px; padding: 5px; color: #999999; font-family: "verdana" Helvetica, sans-serif; font-size: 10px; text-align: justify; } .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; } /* userpics, friends userpics, date, subject */ .userpic { position: relative; float: left; margin: 0px 20px 20px 0px; z-index: 15; } .userpicfriends { position: relative; float: left; margin: 0px 20px 20px 0px; text-align: right; font-size: 7pt; z-index: 15; background-color: #FFFFFF !important; } .userpicfriends font { color: #aaaaaa !important; text-transform: uppercase; } .userpicfriends br { display: block; height: 0; } .date { text-align: left; font-weight: normal; font-style: italic; color: #bbbbbb; font-size: 7pt; text-transform: uppercase; } .subject { text-align: left; padding-bottom: 2px; font-size: 10px; font-style: italic; color: #888888; text-transform: lowercase; } .subject a, .subject a:link, .subject a:visited { color: #aaaaaa; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { padding: 2px; border-bottom: 1px solid #eeeeee; } /* currents, comment links for main page, tags on main page */ .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 9px; color: #888888; } .currentlocation { text-align: right; padding-right: 15px; font-size: 9px; color: #aaaaaa; background: url('http://i30.tinypic.com/2rnby8p.png') right no-repeat; } .currentmood { text-align: right; padding-right: 15px; font-size: 9px; color: #aaaaaa; background: url('http://i27.tinypic.com/25tg2uf.png') right no-repeat; } .currentmusic { text-align: right; padding-right: 15px; font-size: 9px; color: #aaaaaa; background: url('http://i26.tinypic.com/5aq6px.png') right no-repeat; } .ljtags { margin-top: 15px; padding-right: 15px; text-align: right; text-transform: lowercase; font-size: 9px; color: #888888; background: url('http://i32.tinypic.com/11qmidt.png') right no-repeat; } .comments { text-align: center; border-top: 1px solid #eeeeee; font-weight: none; padding: 8px; position: relative; color: #aaaaaa; top: 10px; } /* image hover effects */ img:hover { filter: alpha(opacity=70); moz-opacity: .70; opacity: .70; } /* tags page */ .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 { 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; } /* archive page */ ul.year{ text-align: center; padding: 5px; } 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; background-color: #eeeeee; padding: 2px; text-align: center; } table.yeartable td.yearday { background-color: #ffffff; padding: 2px; text-align: center; text-transform: uppercase; color: #bbbbbb; } td.yearmonth { color: #aaaaaa; border-style: none; } /* comment page (sponsored and paid only) */ .clear { display: none; } .skiplinks { text-transform: lowercase; text-align: center; background-color: #ffffff; padding: 10px; color: #999999; } .datesubjectcomment { background-color: #FDFDFD; color: #aaaaaa; padding: 5px; margin-bottom: 5px; } .userpiccomment { position: relative; top: -10px; left: 0px; margin: 0px 10px -20px -10px; z-index: 15; float: left; padding: 10px; border: 1px solid #dddddd; } .box { width: auto; clear: right; padding: 25px; background-color: #ffffff; } input, textarea { background-color: #BAD8DD; color: #444444; } textarea.textbox{ border: 0px solid #fff; 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: #36C7AC; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 130px; 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: #555555; } .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. There are no specific instructions for the sidebar version.

TopBar Version:
/* layout: admiration 84 (topbar) made by minty_peach. no stealing. no reposting code as yours. please credit. */ BODY { margin: 70px 0px 70px 0px; background-color: #e6e6e6; text-align: left; font-size: 10px; color: #888888; font-family: "Verdana", sans-serif; } b, i, s, u { color: #FF8B52; } a, a:link, a:visited { color: #33D9E7; font-style: italic; font-size: 10px; text-transform: lowercase; text-decoration: none; } a:hover{ color: #555555; } blockquote { margin: 7px; padding: 7px; color: #777777; background-color: #f5f5f5; font-size: 10px; border: 1px solid #cccccc; text-align: justify; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } #content { width: 760px; margin-left: auto; margin-right: auto; background-color: #ffffff; } #maincontent { margin: 0px 0px 0px 0px; } /* headerimage */ .headerimage { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 20px; width: 0px; height: 0px; background-image: url(''); background-repeat: no-repeat; } .separator { height: 2px; background-color: #e6e6e6; } /* sidebar */ #sidebar { width: 720px; color: #999999; padding: 20px; background-color: #FFFFFF; border-bottom: 2px solid #e6e6e6; font-size: 10px; text-align: justify; float: center; } .defaultuserpic { text-align: center; } .sbarbody, .sbarheader { padding: 0px; } .sbarbody2 { padding: 10px 8px 10px 8px; } table.calendar { padding: 15px 0px 15px 0px; margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 2px; border: 1px solid #eeeeee; text-align: center; color: #cccccc; font-size: 9px; } .sbarcalendarposts { padding: 2px; border: 1px solid #eeeeee; background-color: #f5f5f5; text-align: center; color: #EB8A00; font-size: 9px; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } li.sbaritem { padding: 7px; font-size: 8pt; list-style: none; border-bottom: 1px solid #eeeeee; } li.sbaritem:hover { background-color: #f3f3f3; border-bottom: 1px solid #dddddd; } li.sbartitle { list-style: none; text-align: left; padding: 15px 5px 5px 5px; border-bottom: 1px solid #eeeeee; font-size: 10px; font-style: italic; color: #888888; text-transform: lowercase; } ul.ljtaglist li{ padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; } /* header, footer */ #header { width: auto; text-align: left; background-color: #444444; font-size: 11px; color: #FFFFFF; text-transform: lowercase; font-style: italic; } #footer { width: auto; line-height: 30px; text-align: right; font-size: 11px; color: #cccccc; clear: both; text-transform: lowercase; font-style: italic; } div#header a, div#header a:link, div#header a:visited { color: #888888; font-size: 11px; text-transform: lowercase; } div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; padding: 6px; font-size: 11px; text-transform: lowercase; } div#header a:hover { color: #bbbbbb; } div#footer a:hover { color: #777777; } ul.navheader { padding: 6px; margin: 3px; } ul.navheader li { display: inline; list-style: none; padding: 0; } div#header li.view { color: #aaaaaa; } div#footer li.viewing { color: #aaaaaa; } #footer .viewing { display:none; } ul.navfooter { padding: 0 2px 0 2px; margin: 0 2px 0 2px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { clear: both; display: none; } /* title & subtitle */ .title { width: auto; font-size: 10px; padding: 7px 7px 1px 7px; font-color: #ffffff; background-color: #33D9E7; text-align: right; } .subtitle { width: auto; font-size: 10px; padding: 1px 7px 7px 7px; font-color: #ffffff; background-color: #33D9E7; text-align: right; } /* subcontent, entries */ .subcontent { padding: 25px; background: #FFFFFF; } .entry{ margin-left: 0px; padding: 5px; color: #999999; font-family: "verdana" Helvetica, sans-serif; font-size: 10px; text-align: justify; } .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; } /* userpics, friends userpics, date, subject */ .userpic { position: relative; float: left; margin: 0px 20px 20px 0px; z-index: 15; } .userpicfriends { position: relative; float: left; margin: 0px 20px 20px 0px; text-align: right; font-size: 7pt; z-index: 15; background-color: #FFFFFF !important; } .userpicfriends font { color: #aaaaaa !important; text-transform: uppercase; } .userpicfriends br { display: block; height: 0; } .date { text-align: left; font-weight: normal; font-style: italic; color: #bbbbbb; font-size: 7pt; text-transform: uppercase; } .subject { text-align: left; padding-bottom: 2px; font-size: 10px; font-style: italic; color: #888888; text-transform: lowercase; } .subject a, .subject a:link, .subject a:visited { color: #aaaaaa; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { padding: 2px; border-bottom: 1px solid #eeeeee; } /* currents, comment links for main page, tags on main page */ .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 9px; color: #888888; } .currentlocation { text-align: right; padding-right: 15px; font-size: 9px; color: #aaaaaa; background: url('http://i30.tinypic.com/2rnby8p.png') right no-repeat; } .currentmood { text-align: right; padding-right: 15px; font-size: 9px; color: #aaaaaa; background: url('http://i27.tinypic.com/25tg2uf.png') right no-repeat; } .currentmusic { text-align: right; padding-right: 15px; font-size: 9px; color: #aaaaaa; background: url('http://i26.tinypic.com/5aq6px.png') right no-repeat; } .ljtags { margin-top: 15px; padding-right: 15px; text-align: right; text-transform: lowercase; font-size: 9px; color: #888888; background: url('http://i32.tinypic.com/11qmidt.png') right no-repeat; } .comments { text-align: center; border-top: 1px solid #eeeeee; font-weight: none; padding: 8px; position: relative; color: #aaaaaa; top: 10px; } /* image hover effects */ img:hover { filter: alpha(opacity=70); moz-opacity: .70; opacity: .70; } /* tags page */ .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 { 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; } /* archive page */ ul.year{ text-align: center; padding: 5px; } 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; background-color: #eeeeee; padding: 2px; text-align: center; } table.yeartable td.yearday { background-color: #ffffff; padding: 2px; text-align: center; text-transform: uppercase; color: #bbbbbb; } td.yearmonth { color: #aaaaaa; border-style: none; } /* comment page (sponsored and paid only) */ .clear { display: none; } .skiplinks { text-transform: lowercase; text-align: center; padding: 10px; color: #999999; } .datesubjectcomment { background-color: #FDFDFD; color: #aaaaaa; padding: 5px; margin-bottom: 5px; } .userpiccomment { position: relative; top: -10px; left: 0px; margin: 0px 10px -20px -10px; z-index: 15; float: left; padding: 10px; border: 1px solid #dddddd; } .box { width: auto; clear: left; padding: 25px; } input, textarea { background-color: #BAD8DD; color: #444444; } textarea.textbox{ border: 0px solid #fff; 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: #36C7AC; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 130px; 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: #555555; } .datesubjectcomment a:hover { color: #bbbbbb; } .commentboxpartial { background-color: #FFFFFF; padding: 5px; margin: 12px; } .commentinfo { margin-top: 10px; width: 100%; } /* additional codes, paste below here */

2. For the Topbar Version: A side-by-side paragraph code (optional) can be found here.
3. Tiny bullet icons are from famfamfam.
4. Images have been uploaded to tinypic.com.

* feel free to change the blue to something else. (controlled in the .title and .subtitle sections)

---> Crediting is a lovely idea.
---> Please direct all questions to the f.a.q. page
---> I DO NOT SUGGEST EDITING but you can if you know how to.
---> feel free to Friend Me to receive icon and layout updates on your friends page.

(Post a new comment)

	whoajessica 2008-06-25 04:27 pm UTC (link)
	This is gorgeous, babe; I love the colors. Memming. <33 (Reply to this)

	pittari 2008-06-25 04:27 pm UTC (link)
	<3!!!!! (Reply to this)

	beadedtulle 2008-06-25 04:37 pm UTC (link)
	Loving it! (Reply to this)

	speed_demon77 2008-06-25 04:39 pm UTC (link)
	Oooh shiny! I love blue! Am snagging cause I've been wanting something new for ages! (Reply to this)

	noisettee 2008-06-25 04:41 pm UTC (link)
	I love it!! (Reply to this)

	honigsenf 2008-06-25 04:56 pm UTC (link)
	this is a really stylish layout. :) (Reply to this)

	jude_judith82 2008-06-25 05:30 pm UTC (link)
	Awesome layout. Love the topbar. (Reply to this)

	talklikeazombie 2008-06-25 05:36 pm UTC (link)
	I LOVE this layout! (Reply to this)

	geblitzt 2008-06-25 05:42 pm UTC (link)
	Awww, beautiful ♥ I love it when you use this particular shade of blue in layouts; and it looks so neat and tidy! Will definitely use it sometime in future. (Reply to this)

	griggharris 2008-06-25 06:10 pm UTC (link)
	Snagging the sidebar version! (Avec credit) (Reply to this)

	padme_370 2008-06-25 06:17 pm UTC (link)
	great work! (Reply to this)

	watermist 2008-06-25 06:28 pm UTC (link)
	I just love it! ♥ (Reply to this)

	color_me_verde 2008-06-25 06:41 pm UTC (link)
	Very nice. I'm lovin' the blue :D (Reply to this)

	my_candid_heart 2008-06-25 06:49 pm UTC (link)
	Blue is my favorite color and this is soo pretty! Memming. =D (Reply to this)

	troublesrollby 2008-06-25 07:06 pm UTC (link)
	Love. Memming. Thanks. :) (Reply to this)

	boobear_1023 2008-06-25 07:43 pm UTC (link)
	cute layout! will have to use later. it's kind of the like the one I'm currently using from a pre-made layout community, except mine is pink not blue. (Reply to this)

	clockhouse 2008-06-25 07:58 pm UTC (link)
	OMG, pretty, pretty, pretty! Might use when I get myself a paid account. I can't use now because of the stupid adds!! But I will defenitly use someday!! I love the colors!! (Reply to this)

	made_of_crystal 2008-06-25 08:00 pm UTC (link)
	Yay, pretty blue layout *___*! (Reply to this)

	shred 2008-06-25 08:06 pm UTC (link)
	i like this. will use and credit! (Reply to this)

	redex 2008-06-25 08:59 pm UTC (link)
	Summer needs something light and fun like this, thanks~ (Reply to this)

	aiiri 2008-06-25 09:30 pm UTC (link)
	gorgeous! +mems. : ) (Reply to this)

	horatioslover 2008-06-25 10:04 pm UTC (link)
	This is great, love the colors! (Reply to this)

	emobeauty 2008-06-25 10:59 pm UTC (link)
	this is one of my favorite colors. i love the look of it. i will definitely be using and will credit you of course. thanks! (Reply to this)

	relaxbutterfly 2008-06-25 11:07 pm UTC (link)
	I'm going to use the sidebar one. =) Thanks! (Reply to this)

	papayaice 2008-06-25 11:13 pm UTC (link)
	lovely. &hearts (Reply to this)

---