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

Wilson 81 and 82

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

Sidebar Version:
/*--------------------- MADE BY: minty_peach LAYOUT ID: Wilson 81 DO NOT STEAL. DO NOT EDIT AND REPOST AS YOURS. -----------------------*/ /*--- HEADER IMAGE ---*/ .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: 20px; background-color: #ffffff; border-left: 1px solid #cccccc; } /*--- MAIN PAGE-O ---*/ BODY { margin: 80px 0px 80px 0px; background-color: #222222; font-family: "Verdana", sans-serif; text-align: left; font-size: 10px; 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: 7px; padding: 7px; color: #777777; background-color: #f5f5f5; font-size: 10px; border: 1px solid #cccccc; text-align: justify; line-height: 16px; } blockquote:hover { border-color: #39B3AD; } #content { width: 800px; margin-left: auto; margin-right: auto; background-color: #eeeeee; } #maincontent { margin: 0px 0px 0px 220px; } /*---------------- SIDEBAR -----------------*/ #sidebar { width: 180px; float: left; color: #888888; padding: 20px; 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: #aaaaaa; font-size: 8pt; 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, #footer { width: auto; text-align: center; color: #eeeeee; background-image: url('http://i32.tinypic.com/28a6grn.png'); background-position: left; background-repeat: repeat; text-transform: uppercase; font-size: 9pt; padding: 25px; 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: #eeeeee; text-transform: uppercase; font-size: 9pt; } 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: #eeeeee; } .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: 20px; background-color: #FFFFFF; border-left: 1px solid #cccccc; } .entry { padding: 10px 10px 10px 10px; background-color: #FFFFFF; color: #777777; 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 { position: relative; float: right; padding: 7px; margin: 0px 0px 13px 13px; z-index: 15; background-color: #FDFDFD; border: 1px solid #dddddd; } .userpicfriends { position: relative; float: right; padding: 7px; margin: 0px 0px 13px 13px; z-index: 15; background-color: #FDFDFD !important; border: 1px solid #dddddd; font-size: 9px; } .userpicfriends font { color: #EB6450 !important; text-transform: lowercase; } .userpicfriends br { display: block; height: 0; } .date { text-align: left; font-weight: normal; font-size: 8pt; color: #b9b9b9; padding-right: 15px; text-transform: uppercase; float: left; } .subject { text-align: left; color: #a9a9a9; font-size: 8pt; text-transform: uppercase; } .subject a, .subject a:link, .subject a:visited { color: #EB6450; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { padding: 3px; border-bottom: 1px solid #dddddd; } .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 9px; color: #888888; } .currentlocation { padding-left: 15px; font-size: 9px; color: #888888; background: url('http://i30.tinypic.com/2rnby8p.png') left no-repeat; } .currentmood { padding-left: 15px; font-size: 9px; color: #888888; background: url('http://i27.tinypic.com/25tg2uf.png') left no-repeat; } .currentmusic { padding-left: 15px; font-size: 9px; color: #888888; background: url('http://i26.tinypic.com/5aq6px.png') left no-repeat; } .ljtags { margin-top: 15px; padding-left: 15px; text-transform: lowercase; font-size: 9px; color: #888888; background: url('http://i32.tinypic.com/11qmidt.png') left no-repeat; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #36C7AC; font-size: 9px; text-transform: lowercase; } .comments { text-align: center; color: #888888; font-size: 10px; padding: 5px; position: relative; top: 10px; } /*--- 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: #DD6624; padding: 2px; text-align: center; text-transform: uppercase; color: #FFFFFF; } td.yearmonth { color: #aaaaaa; border-style: none; } /*--- COMMENT PAGES ---*/ .clear { display: none; } .skiplinks { text-transform: lowercase; text-align: center; padding: 10px; color: #999999; background-color: #FFFFFF; border-left: 1px solid #cccccc; } .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 #cccccc; } .box { width: auto; clear: left; padding: 20px; background-color: #FFFFFF; border-left: 1px solid #cccccc; } 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: #EB8A00; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 130px; font-size: 10px; color: #777777; } .commentbox { padding: 15px 0px 15px 0px; border-bottom: 1px solid #cccccc; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #36C7AC; } .datesubjectcomment a:hover { color: #bbbbbb; } .commentboxpartial { background-color: #FFFFFF; padding: 5px; margin: 12px; } .commentinfo { margin-top: 10px; width: 100%; } /*----------- TINY USER PICS - PASTE CODES BELOW HERE -----------*/

1. There are no specific instructions for the sidebar version.

TopBar Version:
/*--------------------- MADE BY: minty_peach LAYOUT ID: Wilson 82 (The Minty_Peach topbar version) DO NOT STEAL MY PERSONAL STYLE-SHEET. -----------------------*/ BODY { margin: 100px 0px 100px 0px; background-color: #222222; font-family: "Verdana", sans-serif; text-align: left; font-size: 10px; color: #777777; background-image: url(''); background-repeat: repeat; } 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: 7px; padding: 7px; color: #777777; background-color: #f5f5f5; font-size: 10px; border: 1px solid #cccccc; text-align: justify; line-height: 16px; } blockquote:hover { border-color: #FF8B52; } #content { width: 780px; margin-left: auto; margin-right: auto; background-color: #ffffff; } #maincontent { margin: 0px 0px 0px 0px; } /*---------------- SIDEBAR -----------------*/ #sidebar { width: 740px; float: center; color: #888888; padding: 20px; background-color: #FFFFFF; text-align: justify; border-bottom: 15px solid #222222; } .defaultuserpic { text-align: center; } .sbarheader, .sbarbody { padding: 0px; } sbarbody2 { padding: 0px; } table.calendar { padding: 20px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { display: none; } .sbarcalendarposts { display: none; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } li.sbaritem { list-style: none; padding: 2px 0px 2px 0px; border-bottom: 1px solid #dddddd; } li.sbaritem:hover { background-color: #e7e7e7; border-bottom: 1px solid #cccccc; } li.sbartitle { display: none; } ul.ljtaglist li{ padding: 2px 0px 2px 0px; 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, #footer { width: auto; text-align: center; color: #eeeeee; background-image: url('http://i32.tinypic.com/28a6grn.png'); background-position: left; background-repeat: repeat; border-bottom: 15px solid #222222; text-transform: uppercase; font-size: 9pt; padding: 25px; 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: #eeeeee; text-transform: uppercase; font-size: 9pt; } 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: #eeeeee; } .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: 20px; background-color: #FFFFFF; } .entry { padding: 10px 10px 10px 130px; background-color: #FFFFFF; color: #777777; font-size: 10px; line-height: 14px; 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 { position: relative; float: left; padding: 10px; margin: 0px 15px 15px 0px; z-index: 15; background-color: #FFFFFF; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-image: url('URL'); background-repeat: repeat-x; background-position: center; } .userpicfriends { position: relative; float: left; padding: 10px; margin: 0px 15px 15px 0px; text-align: left; font-size: 7pt; z-index: 15; background-color: #ffffff !important; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-image: url('URL'); background-repeat: repeat-x; background-position: center; } .userpicfriends font { color: #80BA04 !important; text-transform: upperase; } .userpicfriends br { display: block; height: 0; } .date { text-align: right; font-weight: normal; font-size: 8pt; color: #aaaaaa; padding-right: 15px; text-transform: uppercase; float: right; } .subject { text-align: right; color: #FF8B52; font-size: 8pt; text-transform: uppercase; } .subject a, .subject a:link, .subject a:visited { color: #aaaaaa; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { padding: 3px; border-bottom: 1px solid #cccccc; } .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 9px; color: #888888; } .currentlocation { padding-left: 15px; font-size: 9px; color: #888888; background: url('http://i30.tinypic.com/2rnby8p.png') left no-repeat; } .currentmood { padding-left: 15px; font-size: 9px; color: #888888; background: url('http://i27.tinypic.com/25tg2uf.png') left no-repeat; } .currentmusic { padding-left: 15px; font-size: 9px; color: #888888; background: url('http://i26.tinypic.com/5aq6px.png') left no-repeat; } .ljtags { margin-top: 15px; padding-left: 15px; text-transform: lowercase; font-size: 9px; color: #888888; background: url('http://i32.tinypic.com/11qmidt.png') left no-repeat; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #36C7AC; font-size: 9px; text-transform: lowercase; } .comments { text-align: right; color: #888888; font-size: 10px; padding: 5px; position: relative; top: 10px; } /*--- 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: #DD6624; padding: 2px; text-align: center; text-transform: uppercase; color: #FFFFFF; } td.yearmonth { color: #aaaaaa; border-style: none; } /*--- 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: 15px; background-color: #222222; } /*--- COMMENT PAGES ---*/ .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-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-image: url('URL'); background-repeat: repeat-x; background-position: center; } .box { width: auto; clear: right; 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: #EB6450; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 130px; font-size: 10px; color: #777777; } .commentbox { padding: 15px 0px 15px 0px; border-bottom: 1px solid #cccccc; } .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%; } /*----------- TINY USER PICS - PASTE CODES BELOW HERE -----------*/

2. For the Topbar Version: My 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.

---> 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.

(313 comments) - (Post a new comment)

	carmineador 2008-06-03 06:42 pm UTC (link)
	Excellent. Will be using for brookeh777 (Reply to this)

	loveshot 2008-06-03 06:43 pm UTC (link)
	This is awesome! Probably using :D (Reply to this)

	sexyscholar 2008-06-03 06:46 pm UTC (link)
	SO. CUTE. Downloading! (Reply to this)

	clockhouse 2008-06-03 06:48 pm UTC (link)
	AWW< this is so cute! Might be using for my journal without the sidebar someday!! ^^ (Reply to this)

	needlespike 2008-06-03 06:52 pm UTC (link)
	it's so lovely, I think I might change mine into this in a while! (Reply to this)

	pinkrum 2008-06-03 06:53 pm UTC (link)
	This is so cute, thanks! (Reply to this)

	innocent_lexys 2008-06-03 06:58 pm UTC (link)
	All of your layouts are lovely! I am a big fan of yours! I mostly always use layouts made by you! (Reply to this)

	oh_sosweetly 2008-06-03 07:02 pm UTC (link)
	I love the colours! (Reply to this)

	boobear_1023 2008-06-03 07:03 pm UTC (link)
	cute layout! may use in the future. (Reply to this)

	pureuda 2008-06-03 07:14 pm UTC (link)
	Gorgeous!& hearts; (Reply to this)

	blurredphoto 2008-06-03 07:16 pm UTC (link)
	really cute! I might use it later :) (Reply to this)

	shampoo 2008-06-03 07:18 pm UTC (link)
	so cute! <3 totally using. :D (Reply to this)

	light_inaugust 2008-06-03 07:18 pm UTC (link)
	Gorgeous layout! (Reply to this)

	magic_frybread 2008-06-03 07:32 pm UTC (link)
	This is a great one! Will save for later use :) (Reply to this)

	throwingpunches 2008-06-03 07:36 pm UTC (link)
	Ahhh so cute :D Using already <3 (Reply to this)

	gwnn 2008-06-03 07:40 pm UTC (link)
	love this gonna use it now:) (Reply to this)

	aisha_san 2008-06-03 07:50 pm UTC (link)
	beautiful. +mem. does it have customized comment pages for plus accounts? (Reply to this) (Thread)

	minty_peach 2008-06-03 08:16 pm UTC (link)
	Yes, but i haven't tested it, so i hope it's not misaligned or anything. :] (Reply to this) (Parent)

	_oluha_ 2008-06-03 08:10 pm UTC (link)
	cool! and great name :D ♥ (Reply to this) (Thread)

	minty_peach 2008-06-03 08:18 pm UTC (link)
	Yes, I have a soft spot for Wilson. Especially after the season finale of House. (Reply to this) (Parent)

	paradiseblue 2008-06-03 08:22 pm UTC (link)
	This is so pretty! Snagging and will credit when used. Thanks! :) (Reply to this)

	like_statues 2008-06-03 08:23 pm UTC (link)
	This gorgeous!! Taking and using! Will credit, thanks so much! (Reply to this)

	hateyouuu 2008-06-03 08:36 pm UTC (link)
	I really like this one. Very colourful and cheerful. :) (Reply to this)

	clubinthesky 2008-06-03 08:41 pm UTC (link)
	I love this one! :D Will use and credit, thank you ♥♥ (Reply to this)

	veekayisneato 2008-06-03 08:46 pm UTC (link)
	LOVE ! totally adding to memories =) (Reply to this)

	caps 2008-06-03 08:55 pm UTC (link)
	LOVE.IT. Thank you :D (Reply to this)

	always_loved_yu 2008-06-03 09:08 pm UTC (link)
	OMG this is so nice! I might start using it very soon! Will credit ♥ (Reply to this)

---

(313 comments) - (Post a new comment)