minty_peach: I Mean It 38

Jenny (

minty_peach) wrote,
@ 2007-11-13 15:49:00

Entry tags:

custom: layouts, custom: layouts with topbars

I Mean It 38

» style -- Flexible Squares, S2
» works with -- Free, Paid & Sponsored (if ads are NOT in sidebar)
»

uploading instructions. READ THEM.

/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
DO NOT REMOVE THIS SECTION */

BODY{
margin-top: 25px;
background-color: #313131;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 7pt;
color: #777777;
font-family: "Verdana", sans-serif;
}

a, a:link, a:visited {
font-family: "times new roman", verdana;
color: #CC5B1B;
font-weight: light;
text-decoration: none;
font-size: 8pt;
}

a:hover{
color: #999;
font-weight: light;
text-decoration: none;
}

blockquote {
margin: 5px 5px; 
padding: 10px; 
color: #555555;
font-size: 7pt;
border: 1px solid #252525;
background: #252525;
text-align: justify;
}

p, td {
font-size: 7pt;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #252525;
border-top: 30px solid #313131;
padding: 0px;
}

#maincontent {
margin: 15px 15px 15px 15px;
background: #252525;
}

#sidebar {
width: 700px;
padding: 25px 25px 25px 25px;
margin-top: 0px;
background: #292929;
border-top: solid #252525 0px;
border-left: solid #252525 0px;
border-bottom: solid #252525 40px;
border-right: solid #252525 0px;
font-color: #777777;
font-family: "verdana" Helvetica, sans-serif;
font-size: 7pt;
line-height: 11pt;
text-align: justify;
float: right;
}

#header {
width: auto;
padding-top: 20px;
padding-bottom: 20px;
line-height:40px;
background-color: #313131;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "times new roman", verdana;
font-size: 30pt;
font-weight: normal;
text-transform: lowercase;
color: #777777;
text-align: center;
letter-spacing: 0px;
border-width: 0px;
}

#footer {			
width: auto;
padding-top: 20px;
padding-bottom: 30px;
line-height:40px;
background-color: #313131;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "times new roman", verdana;
font-size: 20pt;
font-weight: normal;
text-transform: lowercase;
color: #777777;
text-align: center;
letter-spacing: 0px;
border-width: 0px;
}

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #505050;
font-weight: normal;
font-family: "times new roman", verdana;
text-decoration; none;
text-transform: lowercase;
font-size: 30pt;
}

div#header a:hover {
color: #666666;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
font-size: 30pt;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #505050;
font-weight: normal;
font-family: "times new roman", verdana;
font-size: 20pt;
text-decoration; none;
text-transform: none;
}

div#footer a:hover {
color: #666666;
font-weight: normal;
text-decoration; none;
text-transform: none;
font-size: 20pt;
}

ul.navheader {
padding: 0px;
margin: 0px;
}

ul.navheader li  {
display: inline;
padding: 0 3px 0 3px;
}

.title	{
display: none;
text-align: left;
color: #252525;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
line-height: 0pt;
}

.subtitle {
display: none;
text-align: left;
color: #252525;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #CC5B1B;
font-family: "times new roman", verdana;
text-decoration: none;
font-size: 8pt;
}

div#sidebar a:hover {
text-decoration: none;
color: #999;
}

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

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

.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #252525;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #888888;
font-size: 7pt;
}

.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #252525;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 7pt;
}

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

li.sbaritem {
margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 10px;
list-style: none;
background-color: #252525;
background-image: url('');
background-repeat: repeat;
border-bottom: 1px #444444 solid;
}

li.sbaritem:hover {
background-color: #dddddd;
background-image: url('');
background-repeat: repeat;
}

li.sbartitle {
padding-left: 0px;
padding-right: 0px;
padding: 2px;
list-style: none;		
margin-bottom: 2px;
margin-top: 2px;
color: #aaaaaa;
font-family: "times new roman", verdana, sans-serif;
font-size: 12pt;
text-align: left;
border-bottom: solid 1px #444444;
font-weight: none;
text-transform: normal;
background-color: #252525;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 0pt;
}

/* maincontent */

ul.ljtaglist li  {
list-style: none;
}

ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 8pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #252525;
background: #252525;
}

.subcontent {
padding: 20px;
background: #252525;
border: 0px solid #333333;
}

.entry{
margin: 5px 5px 5px 160px;
padding: 5px 5px 5px 5px;
padding-top: 10px;
color: #777777;
font-family: "verdana" Helvetica, sans-serif;
font-size: 7pt;
line-height: 10pt;
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;
}

.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 10px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: #303030;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #333333;
border-style: solid;
}

.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 10px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: #303030 !important;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #333333;
border-style: solid;
font-color: #666666;
}

.userpicfriends font {
color: #555555 !important;
}

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

.date{
padding-top: 20px;
text-align: left;
top: 5px;
color: #666;
font-family: "verdana" Helvetica, sans-serif;
font-size: 7pt;
text-transform: lowercase;
}

.subject {
font-weight: normal;
padding-bottom: 02px;
color: #aaaaaa;
font-family: "times new roman", verdana, sans-serif;
font-size: 12pt;
text-align: left;
border-bottom: 1px solid #303030;
text-transform: none;
letter-spacing: 1px;
}

.subject a, .subject a:link, .subject a:visited {
color: #CC5B1B;
}

.subject a:hover {
color: #999;
}

.datesubject {
background: #252525;
padding-left: 10px;
border-top: 20px #252525 solid;
}

.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 8pt;
font-weight: light;
text-transform: lowercase;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 8pt;
text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 8pt;
text-transform: lowercase;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #CC5B1B;
font-size: 8pt;
font-family: "times new roman", verdana;
text-transform: none;
font-weight: light;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #CC5B1B;
font-size: 8pt;
font-family: "times new roman", verdana;
text-transform: none;
font-weight: light;
}

.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 8pt;
font-weight: light;
text-transform: none;
}

.comments {
font-family: "Verdana", sans-serif;
font-size: 8pt;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px;
background-color: #252525;
background-image: url(' ');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 0pt;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #CC5B1B;
font-family: "times new roman", verdana;
font-size: 8pt;
}

div.comments a:hover {
color: #666666;
text-decoration: none;
font-size: 8pt;
}

/* maincontent -- year/achive pages */

ul.year{
text-align: center;
padding: 20px 0 20px 0;
border: 1px solid #bbb;
background: #252525;
}

ul.year li {
color: #888888;
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 08px;
border: 1px solid #bbb;
background: #252525;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
border: 1px solid #D1D1D1;
}

table.yeartable td.yearday {
background: #252525;
text-align: center;
}

td.yearmonth {
color: #888888;
border-style: none;
}

/* footer */

ul.navfooter {
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}

.clearfoot {
display: none;
clear: both;
}

/* misc  */

.clear {
display: none;
height: 15px;
}

.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #888888;
border: 1px solid #bbb;
background: #252525;
}

/* for formatting header image */

.headerimage {
position: relative;
width: 0px; height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url(''); 
background-repeat: no-repeat;
}

.separator {
background-color: #252525;
background-image: url('');
background-repeat: repeat-x;
height: 10px;
}

/*********************************************** COMMENT PAGES ******************************************/

.clear {
display: none;
height: 15px;
}

.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #777777;
}

.datesubjectcomment {
background-color: #666666;
border: 1px solid #777777;
padding: 7px;
}

.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #777777;
background-color: #666666;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}

input, textarea {
background-color: #444444;
color: #ffffff;
}

textarea.textbox  {
width: 95% !important;
}

.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}

.replytosubject {
font-weight: none;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}

.commentbox {
border-color: #777777;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}

.datesubjectcomment a:hover {
color: #999999;
}

.commentboxpartial {
border-color: #777777;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}

.commentboxpartial a:link, .commentboxpartial a:visited {
color: #EB8A00;
}

.commentboxpartial a: hover {
color: #999999;
}

.commentinfo {
margin-top: 10px;
width: 100%;
}

** custom comment page css updates March 10, 2008

HEY! THIS IS IMPORTANT :D
you don't have to use it, but in order to get the same three column effect as the preview you need to go to the customize section SIDEBAR and make sure NOTHING is going to show up in the sidebar EXEPT your BLURB, then you need to use this (after you filled in the sections to match your desired sidebar):

put this in your BLURB section on the sidebar page.

>>> the BLURB section now supports some HTML including links and photos!
>>> i have updated my UPLOADING INSTRUCTIONS to match the new customize section livejournal stuck us with.

» - feel free to edit. (add header, change colors) just DON'T repost as your own.
» - see my FAQ page before asking questions!
» - dont know how to set up?! heres a setup tutorial made simple.
» - feel free to Friend Me to receive icon and layout updates on your friends page.
» - add a picture to my photography spam guestbook.

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

(Post a new comment)

	sohma 2007-11-13 09:02 pm UTC (link)
	Totally going to be one of my next layouts. (Reply to this)

	geblitzt 2007-11-13 09:03 pm UTC (link)
	ILU 8DDDD SO PRETTY BEAUTIFUL THX SO MUCH WILL USE SOMETIME I FUTURE~. (Reply to this)

	shine_shine 2007-11-13 09:06 pm UTC (link)
	I love this. I'm so going to use it very soon. (Reply to this)

	sugarquilll 2007-11-13 09:11 pm UTC (link)
	love this! +mems. (Reply to this)

	bellefantasia 2007-11-13 09:24 pm UTC (link)
	So pretty! ♥ (Reply to this)

	polarbear_girl 2007-11-13 09:24 pm UTC (link)
	awesome! mems (Reply to this)

	acertainpain 2007-11-13 09:28 pm UTC (link)
	Looooooove it!:o (Reply to this)

	beautiskyhigh 2007-11-13 09:29 pm UTC (link)
	I adore this! going to use it very soon :) (Reply to this)

	miserabilia 2007-11-13 09:34 pm UTC (link)
	Love! Will be using it very soon! (Reply to this)

	wirhaven 2007-11-13 09:34 pm UTC (link)
	Adding to memories :) Will use and credit too ^^ (Reply to this)

	maytel 2007-11-13 09:54 pm UTC (link)
	Oh! I like it a lot :D It's #1 on my "to use list" Do you think I can add a header to that? or would it look stupid? Merci ♥ (Reply to this) (Thread)

	minty_peach 2007-11-13 10:56 pm UTC (link)
	hmm, i havent tried adding a header yet, i don't think it would look stupid at all. and thankees to you! :D (Reply to this) (Parent)

(no subject) -

assgrabber5, 2008-03-13 06:38 am UTC

(no subject) -

minty_peach, 2008-03-13 05:52 pm UTC

	mizzybox 2007-11-13 09:54 pm UTC (link)
	omgs I love this layout. will use it soon!! :D (Reply to this)

	movetheair 2007-11-13 09:56 pm UTC (link)
	Love this one!!! (Reply to this)

	her_quiddity 2007-11-13 09:59 pm UTC (link)
	this is fantastic! I'll use it for one of my communities :) (Reply to this)

	rerapped 2007-11-13 10:40 pm UTC (link)
	awesome! thanks for spewing out all these layouts lately, they are all amazing! :D:D (Reply to this)

	dark_guardian01 2007-11-13 10:47 pm UTC (link)
	Oh I love this layout! Pure AWESOMENESS! Will credit when/if used! (Reply to this)

	admiral_yen 2007-11-13 11:17 pm UTC (link)
	Beautiful layout... gonna use it some time. ♥ (Reply to this)

	navi_glow 2007-11-13 11:26 pm UTC (link)
	ah wow i love it! will be using that next, thanks again! <3 (Reply to this)

	movements 2007-11-14 12:12 am UTC (link)
	beautiful layout! :D (Reply to this)

	teardropdangel 2007-11-14 12:17 am UTC (link)
	OMG so pretty! Totally saving this for future use. ^_^ (Reply to this)

	oursoliloquies 2007-11-14 12:42 am UTC (link)
	Brilliant layout. Saving to memories for future use. ♥ (Reply to this)

	arisingprophet 2007-11-14 12:46 am UTC (link)
	but i just changed my layout. :oooo totally using. (Reply to this)

	$jude_judith82: Michael {La Femme Nikita}$ jude_judith82 2007-11-14 12:48 am UTC (link)
	Great layout! May use in the future. (Reply to this)

	carelesshands 2007-11-14 01:02 am UTC (link)
	love it using now. thanks. [: (Reply to this)

	liousglam 2007-11-14 01:16 am UTC (link)
	its a nice layout (Reply to this)

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

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

About

Help

Get Involved

Legal

Store

LJ Labs