minty_peach: Scratches 20

Jenny (

minty_peach) wrote,
@ 2007-02-21 14:58:00

Entry tags:

custom: layouts

Scratches 20

[ Style Name ] -- Flexible Squares, S2
[ Browsers ] -- Best in Firefox! (okay with: IE, Safari, & Opera)
[ Works With ] -- Free, Paid & Sponsored accounts do okay

CODES UPDATED AS OF JANUARY 2008!
fixed a glitch in the comment page.

(instructions here)

/* BY: Minty_Peach
STYLE: S2 Flexible Squares 
WORKS BEST WITH: Free & Paid accounts
DOES OKAY IN: Sponsored accounts
BROWSER: Firefox, IE, Safari, Opera */

BODY	{
margin-top: 100px;
background-color:#222222;
background-image: url('BACKGROUND IMAGE URL HERE');
background-repeat: repeat;
background-position: top-left;
background-attachment: fixed;
text-align: center;
font-size: 11px;
color: #555555;
font-family: "Trebuchet MS", sans-serif;
}

a, a:link, a:visited { 
text-decoration: none;
color: #009999; 
padding: 0px;
}

a:hover { 
text-decoration: none;
color: #999999;
background:;
background-image: url(''); 
padding: 0px;
}

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

p, td, blockquote { 
font-size: 11px; 
background-color: #555555;
}

#maincontent {	 	
padding: 5px;
margin-top: 10px;
font-family: "arial", sans-serif;
font-size: 11px;
line-height: 15px;
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
color:#555555;
border-style: dashed;
border-color:#dddddd;
border-width: 0px;
margin-right: 0px;
margin-left: 200px;
text-align: justify;
}

#content {
width: 750px;
margin-left: auto;
margin-right: auto;	
border-top: solid 40px #272727;			        
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
padding: 0px;
text-align: justify;
}

#header {
display: none;
width: auto;
padding-top: 3px;
padding-bottom: 3px;
line-height: 30px;
background-color: #009999;
background-image: url('');
background-repeat: no-repeat;
width: 750px; height: 30px
background-position: center;
font-family: "Trebuchet Ms", sans-serif;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
color: #888888;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}

#footer {			
width: auto;
padding-top: 0px;
padding-bottom: 0px;
line-height: 60px;
background-color: ;
background-image: url('');
background-repeat: no-repeat;
width: 750px; height: 30px
background-position: center;
font-family: "Trebuchet Ms", sans-serif;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
color: #888888;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}

#sidebar {
padding: 10px;
margin-top: 10px;
background-color: #272727;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
font-size: 10px;
line-height: 11pt;
font-family: "arial", sans-serif;
color: #999999;
width: 150px;
float: left;
text-align: justify;
}

/* header -- links to views; title of journal; subtitle of journal */	
div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 3px;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
text-align: center;
letter-spacing: 1px;
background-color: ;
}

div#header a:hover {
padding:3px;
color: #777777;
background-color: ;
border-bottom: 0px dashed;
}

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active {
padding: 3px;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
color: #009999;
text-align: center;
letter-spacing: 1px;
background-color: ;
}

div#footer a:hover {
padding:3px;
color: #777777;
background-color: ;
border-bottom: 0px dashed;
}

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

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

.title	{
display: none;
text-align: center;
color: #272727;
font-family: "Trebuchet MS", sans-serif;
font-size: 0px;
letter-spacing: 0pt;
text-transform: uppercase;
}

.subtitle {
display: none;
text-align: center;
color: #FEFEFE;
font-family: "Trebuchet MS", sans-serif;
font-size: 0px;
letter-spacing: 0pt;
line-height: 0pt;
text-transform: lowercase;
}

/* footer */

ul.navfooter {
padding: 10px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}

/* sidebar */			
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #009999;
text-decoration: none;
background-image: url('');
background-repeat: repeat;
background-color:;
}
	
div#sidebar a:hover {
color:#999999;
text-decoration: none;
background-image: url('');
background-repeat: repeat;
background-color:;
}
	
.defaultuserpic {
text-align: left;
padding: 6px;
z-index: 0;
background-color: #272727;
background-image: url(''); 
background-repeat: no-repeat;
border-width: 0px;
border-color: #cccccc;
border-style: dashed;
}

.sbarheader {
padding: 0px 5px 0px 5px;
color: #272727;
text-align: center;
}
	
.sbarbody {
padding: 0 0px 0 0px;		
}
	
.sbarbody2 {
padding: 0 0px 0 0px;
}
		
table.calendar {
margin-right: auto;
margin-left: auto;
}
		
.sbarcalendar {
border-width: 0px;
border-style: dashed;
border-color: #dddddd;
font-family: "arial", sans-serif;
font-size: 10px;
text-align: center;
}

.sbarcalendarposts {
background-color:#333333;
text-align: center;
font-family: "Arial", sans-serif;
font-size: 10px;
border-width: 1px;
border-color: #bbbbbb;
}
	
ul.sbarlist {
margin-left: 2px;
list-style: none;
padding-left: 0px;
}

li.sbaritem {
margin: 5px 2px 2px 2px;
padding: 2px 2px 2px 7px;
list-style: none;
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
border-bottom: 1px dashed #dddddd;
}

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

li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align:left;
padding: 5px;
list-style: none;		
margin-bottom: 1px;
margin-top: 0px;
color:#999999;
border-bottom: dashed 1px #DFDFDF;
font-weight: none;
font-family: "arial", sans-serif;
text-transform: uppercase;
font-size: 12px;
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 2pt;
}

/* maincontent --  entry, reply pages */	
.subcontent {		
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
}
	
.entry	{
margin: 10px 150px 10px 10px;
padding: 5px 10px 10px 10px;
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
color: #888888;
font-weight: lighter;
font-family: "Lucida Sans Unicode", sans-serif;
font-size: 11px;
text-align: justify;
border-width: 0px;
border-color: #333333;
border-style: solid;
}
		
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
		
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}

.userpic {
position: relative;
float: right;
padding: 6px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
background-image: url(''); 
background-repeat: no-repeat;
border-width: 0px;
border-color: #cccccc;
border-style: dashed;
}
		
.userpicfriends {
position: relative;
float: right;
margin: 5px;
padding: 6px;
text-align: center;
font-family: "arial", sans-serif;
font-size: 9px;
z-index: 15;
border-style: dashed;
border-width: 0px;
border-color: #cccccc;
background-color: #333333 !important;
background-image: url(''); 
background-repeat: no-repeat;
}
	
.date {		
line-height: 200%;		
top: 3px;
font-family: "arial", sans-serif;
font-size: 9px;
color: #cccccc;
text-align: left;
letter-spacing: 1px;
font-weight: none; 
text-transform:lowercase;
background-color: #272727;
}
	
.subject {			
padding: 2px;
font-weight: light;
font-size: 11px;
color:#009999;
font-family: "arial", sans-serif;
text-align: left;
border-bottom: 1px #aaaaaa dashed;
text-transform:uppercase;
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 1pt;
}
	
.subject a, .subject a:link, .subject a:visited {
color: #333333;
}

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

::-moz-selection {
background: #ED757E;
color: #333333;
}

blockquote {
margin: 15px 15px 15px 15px;
text-align: justify;
color: #888888;
font-family: "Lucida Sans Unicode", sans-serif;
font-size: 10px;
border: 1px #aaaaaa dashed;
padding: 10px;
}
		
textarea {
margin: 15px 15px 15px 15px;
text-align: justify;
color: #888888;
font-family: "Lucida Sans Unicode", sans-serif;
font-size: 10px;
border: 1px #aaaaaa dashed;
padding: 10px;
}

.datesubject {				
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
padding: 2px;
}

.currents, .currentmood, .currentmusic {
font-family: "arial", sans-serif;
font-size: 10px;
color: #999999;	
}

.comments {
font-family: "arial", sans-serif;
font-size: 14px;
text-align: right;
font-weight: none;
padding: 10px;
position: relative;
top: 10px;
border-top: dashed 1px #DFDFDF;
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
text-transform:uppercase;
letter-spacing: 2pt;
}

/* for formatting separators between entries */
.separator {
background: #272727;
height: 25px;
}
		
div.comments a, div.comments a:link, div.comments a:visited{
color: #009999;
font-size: 14px;
padding: 2px;
font-weight: lighter;
}

div.comments a:hover {
font-size: 14px;
font-weight: lighter;
color: #666666;
background: ;
background-image: url(''); 
padding: 2px;
}

.ljtags {
font-family: "arial", sans-serif;
font-size: 10px;
color: #666666;
margin-top: 15px;
font-weight: none;
text-transform: lowercase;
position: left;
}

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

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

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

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

.box {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #555555;
padding: 5px;
clear: right;
}

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

textarea.textbox  {
width: 90% !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%;
background-color: transparent;
color: #ffffff;
}

.replytosubject {
font-weight: bold;
}

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

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

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #333333;
}

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

.commentboxpartial {
border-color: #555555;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #494949;
}

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

IMPORTAINT! PLEASE READ:
for the side links to work, your going to have to move your About Me, Friends, Canendar, Website & whatever other links you want in the sidebar to YOUR LINKS LIST & set the sidebar to view liks only if you want it to look like the preview.

BACKGROUND IMAGE IS BY WASH WHEN DIRTY
(upload to your own photobucket/imageshack to save my BANDWIDTH!)
http://i178.photobucket.com/albums/w242/mythbusterjen/SCRATCHIES.png

see my FAQ page before asking questions!

[♥] - dont know how to install?! heres a setup tutorial made simple.
[♥] - feel free to Friend Me to receive icon and layout updates on your friends page :)
[♥] - add to my photography spam guestbook

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

(Post a new comment)

	maruka_black 2007-02-21 08:07 pm UTC (link)
	Really good. Love it, and using soon.. Thanks! and great job (as always..☺) (Reply to this)

	sapphire_raine 2007-02-21 08:11 pm UTC (link)
	I really like it. The colors are awsome. :) (Reply to this)

	polarbear_girl 2007-02-21 08:34 pm UTC (link)
	It looks great. Saving to mems (Reply to this)

	sinfullypure 2007-02-21 08:55 pm UTC (link)
	Very nice!! May use it soon! (Reply to this)

	ravagedviolet 2007-02-21 08:58 pm UTC (link)
	you know exactly how to make me smile. that layout is amazing. ♥ (Reply to this)

	p_h_h 2007-02-21 09:18 pm UTC (link)
	Very cool, saving to mems:) (Reply to this)

	maramyanet 2007-02-21 09:18 pm UTC (link)
	Awesome layout, I'm really diggin' the darker colors :D I will definitely use and credit as always! (Reply to this)

	brightlit_city 2007-02-21 09:29 pm UTC (link)
	Well I love it. Taking. (Reply to this)

	joyfacedown 2007-02-21 09:39 pm UTC (link)
	not taking at the moment, but this is FABULOUS! will use when i get tired of the one i have now. (Reply to this)

	dorkamatronic 2007-02-21 09:45 pm UTC (link)
	I love, love, love it. (: (Reply to this)

	milynee 2007-02-21 10:00 pm UTC (link)
	this one is wonderful! thank you. snagging for later use and will credit happily! =) love your layouts!! (Reply to this)

	misseisenheim 2007-02-21 10:21 pm UTC (link)
	Wow, it is soo beautiful! ♥ I love the background and everything. :D (Reply to this)

	someoftheday 2007-02-21 10:25 pm UTC (link)
	I adore this layout but I'd rather have it without the sidebar. I tried just turning off the sidebar but the entry width is still narrow. I added my own header and I love the way the header looks with the colors of the layout so I'd love to use it. Can you please let me know how to get the entry width wider? Thanks! (Reply to this) (Thread)

	someoftheday 2007-02-21 10:31 pm UTC (link)
	Nevermind...I played around with it and found out how to change it. Beautiful layout! Thank you! (Reply to this) (Parent)(Thread)

(no subject) -

minty_peach, 2007-02-21 10:54 pm UTC

(no subject) -

elendar, 2007-02-27 02:07 pm UTC

(no subject) -

minty_peach, 2007-02-27 05:33 pm UTC

	rdlenix 2007-02-21 11:07 pm UTC (link)
	...this is brilliant. Totally going to have to make a header and stuff for it when I get bored with my current layout xD S'beautiful. (Reply to this)

	xxjoryxx 2007-02-21 11:09 pm UTC (link)
	Aw man, I don't think my comment went through! Using this layout, it's amazing. I love your work! (Reply to this)

	juyung 2007-02-21 11:13 pm UTC (link)
	You are pwning everything! - I love this style muchly. (Reply to this) (Thread)

	minty_peach 2007-02-21 11:29 pm UTC (link)
	yay! thankees! ^__^ (Reply to this) (Parent)

	stunningangel 2007-02-21 11:49 pm UTC (link)
	I love it! Mem'ed it, will probably use it when I get tired of the one I'm using now. You're perma-linked in my user info, too. You're my favorite ♥ (Reply to this) (Thread)

	minty_peach 2007-02-22 12:20 am UTC (link)
	aww thankees! :DDD (Reply to this) (Parent)

	lady_iz 2007-02-22 01:40 am UTC (link)
	Lovely! Using it... thanks. (Reply to this)

	knivesinbabies 2007-02-22 01:43 am UTC (link)
	Ohhh! I'm defiantly going to use this. Excuse my stupidity, but where & how do I type in my own links? (I'm completely illiterate to s2) Thank you! :] (Reply to this) (Thread)

	minty_peach 2007-02-22 01:52 am UTC (link)
	right in here: http://www.livejournal.com/manage/links.bml :) (Reply to this) (Parent)

	testjournal4 2007-02-22 02:06 am UTC (link)
	Grabbing for knowledgequeen with some slight modifications - will credit ! (Reply to this)

	__cosmicgirl__ 2007-02-22 11:23 am UTC (link)
	Fantastic layout!!!! For some reason the header I wanna use does not show up though. Followed all the directions in your FAQpage, but it won't show. meeektest Am I overlooking something really stupid here? (Reply to this) (Thread)

	__cosmicgirl__ 2007-02-22 11:33 am UTC (link)
	Ok, forget that question :] I was indeed overlooking something stupid and once again spoke too soon... Sorry ;) Will hopefully figure out how to adjust the layout to the header size and will then use it will all credit! :] Thanks!! (Reply to this) (Parent)

	mizzybox 2007-02-22 11:40 am UTC (link)
	I love you XD Snagged this will use and credit!!! (Reply to this)

	heart_music_ 2007-02-22 02:29 pm UTC (link)
	taking. I like it alot and will credit when used. (Reply to this)

	(: xinwithlove 2007-02-22 05:47 pm UTC (link)
	used your background (: credited (Reply to this)

	kaikinisshoku 2007-02-23 04:10 am UTC (link)
	:3 Pretty. Will credit when used. (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