minty_peach: 94

Jenny (

minty_peach) wrote,
@ 2008-12-27 03:00:00

Current mood:	tired
Entry tags:	custom: layouts

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

/*-- layout: 94; made by minty_peach. no stealing. no reposting code as yours. don't remove this section & please credit. --*/ /*-- main page --*/ BODY { background: #eeeeee; background-image: url(''); background-repeat: repeat; color: #888888; font-size: 9px; font-family: "Verdana", sans-serif; text-align: left; margin: 50px 0px 50px 0px; line-height: 15px; } #content { width: 800px; margin-left: auto; margin-right: auto; background-color: #eeeeee; } #maincontent { text-align: left; margin-left: 370px; background-color: #ffffff; } .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: #629DB3; text-decoration: none; text-transform: uppercase; font-size: 8px; } a:hover, b:hover, i:hover, u:hover { color: #444444; } p, td { font-size: 9px; } code, kbd, pre, tt { font-family: monospace; } /*-- sidebar content --*/ #sidebar { width: 160px; float: left; text-align: justify; color: #999999; background-color: #dadada; padding: 0px 15px 30px 15px; border-top: 30px solid #444444; } .defaultuserpic { text-align: center; } .defaultuserpic img { width: 70px; height: 70px; padding-top: 10px; } .sbarheader, .sbarbody, .sbarbody2 { padding-top: 15px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 3px; border: 1px solid #eeeeee; text-align: center; background-color: #d6d6d6; color: #eeeeee; font-size: 7pt; } .sbarcalendarposts { padding: 3px; border: 1px solid #cccccc; background: #eeeeee; text-align: center; font-size: 7pt; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } li.sbaritem { list-style: none; padding: 2px; border-bottom: 1px solid #d0d0d0; margin-bottom: 7px; } li.sbaritem:hover { border-bottom: 1px solid #eeeeee; } li.sbartitle { padding-bottom: 7px; padding-top: 20px; color: #bbbbbb; 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; } /*-- navigation links --*/ #header { float: left; width: auto; padding: 20px; text-align: center; background-color: #D1C052; border-top: 30px solid #666666; margin-right: 21px; } #footer { float: left; width: auto; text-align: center; clear: both; } div#header a, div#header a:link, div#header a:visited { width: 80px; margin: 5px 0px 5px 0px; display: block; font-size: 9px; color: #ffffff; text-transform: uppercase; } div#footer a, div#footer a:link, div#footer a:visited { width: 80px; margin: 5px 0px 5px 0px; display: block; font-size: 9px; color: #999999; text-transform: uppercase; } div#header a:hover, div#footer a:hover, div#header li.view { width: 80px; margin: 5px 0px 5px 0px; display: block; font-size: 9px; color: #777777; text-transform: uppercase; } div#footer li.viewing { display: none; } ul.navheader, ul.navfooter { padding: 6px; margin: 3px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 0; } .clearfoot { clear: both; } /*-- title & subtitle --*/ .title { display: none; } .subtitle { display: none; } /*-- subcontent and entry content --*/ .subcontent { padding: 25px; border-top: 30px solid #222222; } .entry { padding: 50px 0px 30px 0px; color: #999999; font-family: "verdana" Helvetica, sans-serif; font-size: 9px; 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; } .date { text-align: right; color: #d8d8d8; font-size: 9px; text-transform: uppercase; padding: 2px 2px 2px 15px; } .subject { text-align: right; padding: 2px 2px 2px 15px; } div.subject a, div.subject a:link, div.subject a:visited { color: #aaaaaa; text-transform: uppercase; } .datesubject { padding-bottom: 15px; } blockquote { border-left: 3px solid #dddddd; border-right: 3px solid #dddddd; color: #aaaaaa; font-size: 9px; text-align: justify; padding: 0px 10px 0px 10px; margin: 0px 15px 0px 15px; } .separator { border-bottom: 30px solid #eeeeee; } /*-- 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 #eeeeee; 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, .userpicfriends { position: relative; float: right; margin: 0px 0px 10px 10px; background-color: #ffffff !important; z-index: 15; } .userpicfriends font { color: #888888 !important; text-transform: lowercase; text-align: center; font-size: 7pt; } .userpicfriends br { display: block; height: 0; } /*-- delete this section to make userpics normal size --*/ .userpic img, .userpicfriends img { background-color: #ffffff !important; width: 70px; height: 70px; } /*-- 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 #eeeeee; padding: 6px 3px 6px 20px; color: #cccccc; } H2 { text-align: center; padding: 30px; margin: 0px; border-top: 30px solid #222222; line-height: 12px; font-weight: normal; font-size: 12pt; color: #dddddd; } ul.ljtaglist { color: #cccccc; 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; border-top: 30px solid #222222; } ul.year li { color: #aaaaaa; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; width: 50%; } td.yeardate { color: #999999; background-color: #eeeeee; text-align: center; } table.yeartable td.yearday { background-color: #D1C052; text-align: center; text-transform: uppercase; color: #ffffff; } td.yearmonth { color: #999999; 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: #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: right; 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: 9px; line-height: 125%; color: #777777; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 70px; font-size: 9px; 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 --*/

* There are NO special instructions for this layout.
* You may add a header image if you wish. (max width 800px)

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

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

the minty version

/*-- layout: 94.1; made by minty_peach. 
no stealing. no reposting code as yours. 
don't remove this section & please credit. --*/

/*-- main page --*/

BODY { 
		background: #eeeeee;
		background-image: url('');
		background-repeat: repeat;
		color: #888888;
		font-family: "Verdana", sans-serif;
		text-align: left;
		margin: 50px 0px 50px 0px;
		line-height: 15px;
		font-size: 10px;
		}

#content {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		background-color: #eeeeee;
		}

#maincontent {
		text-align: left;
		margin-left: 320px;
		background-color: #ffffff;
		border-top: 30px solid #222222;
		}

.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: #D1C052; 
		}

i { 
		color: #DC1A4E; 
		}

u { 
		color: #8CB53F; 
		}

a, a:link, a:visited { 
		color: #629DB3;
		text-decoration: none;
		text-transform: lowercase;
		}

a:hover, b:hover, i:hover, u:hover {
		color: #444444;
		cursor: help;
		}

code, kbd, pre, tt, p, td {
		font-family: verdana, times new roman;
		}

/*-- sidebar content --*/

#sidebar {
		width: 140px;
		float: left;
		text-align: justify;
		color: #999999;
		background-color: #dadada;
		padding: 0px 15px 30px 15px;
		border-top: 30px solid #444444;
		}

.defaultuserpic {
		text-align: center;
		}

.defaultuserpic img {
		width: 70px;
		height: 70px;
		padding-top: 10px;
		}

.sbarheader, .sbarbody, .sbarbody2 {
		padding-top: 15px;
		}

table.calendar {
		margin-right: auto;
		margin-left: auto;
		}

.sbarcalendar {
		padding: 3px;
		border: 1px solid #eeeeee;
		text-align: center;
		background-color: #d6d6d6;
		color: #eeeeee;
		}

.sbarcalendarposts {
		padding: 3px;
		border: 1px solid #cccccc;
		background: #eeeeee;
		text-align: center;
		}

ul.sbarlist {
		margin: 0px; 
		list-style: none; 
		padding: 0px; 
		}

li.sbaritem {
		list-style: none;
		margin: 3px 0px 3px 0px;
		padding: 2px 5px 2px 5px;
		text-transform: lowercase;
		background-color: #d0d0d0;
		border-width: 0px 1px 1px 0px;
		border-color: #c0c0c0;
		border-style: solid;
		}

li.sbaritem:hover {
		background-color: #c9c9c9;
		border-width: 1px 0px 0px 1px;
		border-color: #b9b9b9;
		border-style: solid;
		}

li.sbartitle {
		padding-bottom: 7px;
		padding-top: 20px;
		color: #bbbbbb;
		text-transform: uppercase;
		text-align: left;
		}

ul.ljtaglist li{
		padding: 5px;
		margin: 0px;
		list-style: decimal-leading-zero;
		list-style-position: outside;
		}

/*-- navigation links --*/

#header {
		float: left;
		width: auto;
		padding: 8px 20px 8px 20px;
		text-align: center; 
		background-color: #D1C052;
		border-top: 30px solid #666666;
		margin-right: 21px;
		}

#footer {
		float: left;
		width: auto;
		text-align: center; 
		clear: both;
		}

div#header a, div#header a:link, div#header a:visited { 
		width: 50px;
		margin: 5px 0px 5px 0px;
		display: block;
		color: #ffffff;
		text-transform: lowercase;
		}

div#footer a, div#footer a:link, div#footer a:visited {
		width: 50px;
		margin: 5px 0px 5px 0px;
		display: block;
		color: #999999;
		text-transform: lowercase;
		}

div#header a:hover, div#footer a:hover, div#header li.view { 
		width: 50px;
		margin: 5px 0px 5px 0px;
		display: block;
		color: #777777;
		text-transform: lowercase;
		}

div#footer li.viewing { 
		display: none;
		}

ul.navheader, ul.navfooter { 
		padding: 6px; 
		margin: 3px; 
		}

ul.navheader li, ul.navfooter li { 
		display: inline; 
		list-style: none; 
		padding: 0; 
		}

.clearfoot {
		clear: both;
		}

/*-- title & subtitle --*/

.title {
		display: none;
		}

.subtitle {
		display: none;
		}

/*-- subcontent and entry content --*/

.subcontent {
		padding: 20px;
		}

.entry {
		padding: 50px 0px 30px 0px;
		color: #999999;
		font-family: "verdana" Helvetica, sans-serif;
		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;
		}

.date {
		text-align: right;
		color: #cccccc;
		text-transform: uppercase;
		}

.subject {
		text-align: right;
		}

div.subject a, div.subject a:link, div.subject a:visited {
		color: #999999;
		text-transform: uppercase;
		}

.datesubject {
		padding-bottom: 20px;
		margin-right: 80px;
		}

blockquote {
		border-left: 3px solid #dddddd;
		border-right: 3px solid #dddddd;
		color: #999999;
		text-align: justify;
		padding: 0px 10px 0px 10px; 
		margin: 0px 15px 0px 15px; 
		}

.separator {
		border-bottom: 30px solid #eeeeee;
		}

/*-- currents, comment links, and tags in entry --*/

.currents {
		background-color: transparent;
		}

.currents strong{
		font-weight: normal;
		color: #aaaaaa;
		}

.currentlocation, .currentmood, .currentmusic, .currentgroup {
		text-align: left;
		color: #629DB3;
		}
				
		.ljtags { 
		margin-top: 15px; 
		text-align: left;
		text-transform: lowercase;
		color: #aaaaaa;
		}

.comments {
		width: 80px;
		font-weight: none;
		float: right;
		text-align: right;
		font-size: 1px;
		color: #ffffff;
		top: 5px;
		}

div.comments a, div.comments a:link, div.comments a:visited {
		color: #888888;
		padding: 2px 5px 2px 5px; margin: 3px;
		text-transform: lowercase;
		background-color: #eeeeee;
		border-width: 0px 1px 1px 0px;
		border-color: #dddddd;
		border-style: solid;
		font-size: 9px;
		}

div.comments a:hover {
		color: #aaaaaa;
		border-width: 1px 0px 0px 1px;
		border-color: #d8d8d8;
		border-style: solid;
		background-color: #e7e7e7;
		}

/*-- userpics, friends userpics --*/

.userpic, .userpicfriends {
		position: relative;
		float: right;
		margin: 0px 0px 10px 10px;
		background-color: #ffffff !important;
		z-index: 15;
		}

.userpicfriends font {
		color: #888888 !important;
		text-transform: lowercase;
		text-align: center;
		}

.userpicfriends br {
		display: block;
		height: 0;
		}

/*-- delete this section to make userpics normal size --*/

.userpic img, .userpicfriends img {
		background-color: #ffffff !important;
		width: 70px;
		height: 70px;
		}

/*-- 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 #eeeeee; 
		padding: 6px 3px 6px 20px; 
		color: #cccccc; 
		}

H2 { 
		text-align: center;
		padding: 30px; margin: 0px;
		line-height: 12px; 
		font-weight: normal; 
		font-size: 12pt; 
		color: #dddddd; 
		}

ul.ljtaglist {
		color: #cccccc;
		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;
		width: 60%;
		}

td.yeardate {
		color: #999999;
		background-color: #eeeeee;
		text-align: center;
		}

table.yeartable td.yearday {
		background-color: #D1C052;
		text-align: center;
		text-transform: uppercase;
		color: #ffffff;
		}

td.yearmonth {
		color: #999999;
		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: #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: right;
		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;
		line-height: 125%;
		color: #777777;
		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		padding: 10px 10px 20px 70px;
		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 --*/

Page 1 of 4
<<	[1] [2] [3] [4]	>>

(102 comments) - (Post a new comment)

	roseofmalice 2008-12-27 08:14 am UTC (link)
	This is a really nice layout! Will snag and credit. :) (Reply to this)

	constellationed 2008-12-27 08:15 am UTC (link)
	You're so good at this. I love this one, too! (Reply to this)

	beadedtulle 2008-12-27 08:16 am UTC (link)
	This is really awesome. (Reply to this)

	all_feeling 2008-12-27 09:05 am UTC (link)
	I just installed #83 from you in my journal yesterday and it looks pretty. This one is awesome, too. Memming. (Reply to this)

	delicatio 2008-12-27 09:11 am UTC (link)
	This is so nice. Memming. ♥ (Reply to this)

	firecracked 2008-12-27 09:26 am UTC (link)
	love it! (Reply to this)

	teelke 2008-12-27 09:51 am UTC (link)
	awesome i never saw a layout with a sidebar like that i think ;) (Reply to this)

	veralya 2008-12-27 09:59 am UTC (link)
	i've using it in my journal O beautifu! (Reply to this)

	ur_little_spies 2008-12-27 10:18 am UTC (link)
	lovely!adds to mems (Reply to this)

	turashu 2008-12-27 11:09 am UTC (link)
	This one is awesome D: Intend to use it <3 (Reply to this)

	mosquetera 2008-12-27 11:56 am UTC (link)
	I must confess that your layouts are quiet original! (Reply to this)

	radioporn 2008-12-27 12:13 pm UTC (link)
	Taking, and credit. This is a really pretty color pallet. (Reply to this) (Thread)

	minty_peach 2008-12-27 04:28 pm UTC (link)
	Thank You! :D (Reply to this) (Parent)

	trialbymagic 2008-12-27 01:16 pm UTC (link)
	Much thanks! Putting up now! Crediting :) (Reply to this) (Thread)

	trialbymagic 2008-12-27 01:57 pm UTC (link)
	Also, I tweaked it to fit my browser (My width is 1600, which I think is double what it was ;) ) So I hope that's alright! (Reply to this) (Parent)(Thread)

(no subject) -

minty_peach, 2008-12-27 04:31 pm UTC

	pink_panther91 2008-12-27 02:02 pm UTC (link)
	your layouts are so lovely ♥♥ I like them best :) I'm still using one of yours, but it's so difficult to choose only one :-/ ;D (Reply to this)

	force_oblique 2008-12-27 03:04 pm UTC (link)
	It looks lovely, thanks for sharing! (Reply to this)

	sonett 2008-12-27 03:38 pm UTC (link)
	I like this a lot. I'm grabbing this for later use. Will credit. Thank you! :) (Reply to this)

	boobear_1023 2008-12-27 04:14 pm UTC (link)
	loving all your new layouts!! yay! definetely going to have to use them later. (Reply to this)

	cayei 2008-12-27 06:46 pm UTC (link)
	ADD? (Reply to this) (Thread)

	minty_peach 2008-12-27 07:55 pm UTC (link)
	Of course! :D (Reply to this) (Parent)(Thread)

(no subject) -

cayei, 2008-12-28 06:02 am UTC

	shigureseditor 2008-12-27 07:07 pm UTC (link)
	This is so pretty - memming for later. (Reply to this)

	i_am_a_cylon 2008-12-27 07:19 pm UTC (link)
	This is awesome! Snagged! Thanks! :) (Reply to this)

	22_8miles 2008-12-27 08:51 pm UTC (link)
	oh really beautiful, memming this! (Reply to this)

	ultrasushi 2008-12-27 10:40 pm UTC (link)
	Will it work if I remove the sidebar? (Reply to this) (Thread)

	minty_peach 2008-12-27 10:41 pm UTC (link)
	Im sure it will be just fine, you will have to go to #maincontent, and shorten the "margin-left" though... (Reply to this) (Parent)

	phoenixangel13 2008-12-27 11:14 pm UTC (link)
	using this, it's really cool. (Reply to this)

	nelliewu 2008-12-27 11:46 pm UTC (link)
	great layout! snagged and using with credit :) thanks. (Reply to this)

	chanelamore 2008-12-28 12:32 am UTC (link)
	I really like this! Adding to memories :) (Reply to this)

(102 comments) - (Post a new comment)

Page 1 of 4
<<	[1] [2] [3] [4]	>>

Username:		Create an Account Forgot your login or password? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

About

Help

Get Involved

Legal

LJ Labs

Store