Scratches S2

Designer's Comments

Look carefully for specific instructions

THIS IS AN S2 LAYOUT!!

[ Style Name ] -- Flexible Squares, S2
[ Browsers ] -- Best in Firefox! (okay with: IE, Safari, & Opera)
[ Works With ] -- Free, Paid & Sponsored accounts
[ Looks Best With ] -- any screen width
[ Credit ] -- me (minty_peach) in your user-info
[ Random ] -- ABOUT USERPICS IN ENTRIES: Its up to you if you want to have the userpic with each entry, just click yes/no in the 'view userpic with each entry' box in the customize section. --- ABOUT COMMENT PAGES: you can only have the comment pages in your journal style if you have a paid/sponsored account. unfortunately it doesn't work for free accounts.

http://minty-peach.livejournal.com/6396.html - UPLOADING INSTRUCTIONS

IMPORTANT! PLEASE READ:
for the side links to work, your going to have to move your About Me, Friends, Calendar, Website & whatever other links you want in the sidebar to YOUR LINKS LIST (http://www.livejournal.com/manage/links.bml) & set the sidebar to view links only if you want it to look like the preview.

BACKGROUND IMAGE IS BY WASH_WHEN_DIRTY at LJ
(please upload to your own photobucket/imageshack to save my BANDWIDTH!)
http://i178.photobucket.com/albums/w242/mythbusterjen/SCRATCHIES.png

if you have any further questions regarding this layout feel free to drop by my graphics journal and ask me. i WILL get back to you. :)

http://minty-peach.livejournal.com/

Using This Layout

For specific instructions read designer's comments

1. Log into livejournal.com (customize)
2. Set Style System to S2
3. Click on Look and Feel
4. Set Layout to Flexible Squares
5. Click on Custom Options
6. Click on Custom CSS
7. Copy (ctrl c) and paste (ctrl v) code to Custom CSS

Layout Code

Copy and paste to Custom Style Sheet

Help

Set style to Flexible Squares

/* BY: Minty_Peach
DO NOT REMOVE THIS SECTION
STYLE: S2 Flexible Squares (Scratches)
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;
}

.datesubjectcomment {				
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
padding: 5px;
margin-top: 20px;
}	
		
.userpiccomment {
position: relative;
border-width: 1px;
border-style: solid;
border-color: #BED870;
background-color: #BED870;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #919bad;
border-style: solid;
}
	
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 8px;
clear: left;
}

input, textarea {
background-color: 999999;
color: #555555;
}
		
textarea.textbox  {
width: 100% !important;
}
	
.reply	{
position: relative;
margin: 10px 5px 5px 30px;
padding: 15px 5px 5px 5px;
text-align: left;
font-family: "arial", sans-serif;
font-size: 11px;
line-height: 100%;
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
color: #555555;
}
		
.replytosubject {
font-weight: none;
}
		
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "arial", sans-serif;
color: #999999;
}
		
.commentbox {
		
border-color: #BED870; 
border-width: 1px; 
border-style: dotted; 
padding: 10px; 
margin: 10px; 
background-color: #272727;
background-image: url(' ');
background-repeat: repeat;
}
		
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: ##58b1ec;
}
		
.datesubjectcomment a:hover {
color: #888888;
}
	
.commentboxpartial {
border-color: #999999; 
border-width: 1px; 
border-style: solid; 
padding: 9px; 
margin: 9px; 
background-color: #BED870;
}

.commentinfo {
background-color: #272727;
background-image: url('');
background-repeat: repeat; 
margin-top: 12px; 
width: 100%;
}

Layout Comments

Showing latest 10 of 10 comments

I love this layout. using it for my journal.
http://deathendroadder.livej ournal.com/

By deathendroad on Jan 29, 2016 3:14 pm

Could you make the bold and/or italic font the color of the links, the greenish/blueish color?

By bitchybriel on Sep 18, 2009 10:40 pm

i really like this

By marielal on Jul 28, 2008 9:42 am

I'm kinda really CSS retarded here.
Can I put a header image at the top of the layout?

By blackxbullets on Jun 11, 2008 9:54 am

The background image has been taken out, please see my designers comments for the link you need to upload to your own photobucket and then paste into the BODY section of the CSS.

By mintypeach on Apr 27, 2008 10:40 pm

why is there no more ink splats in the preview pic? =[ I really like this layout =]

By netfreak16 on Apr 20, 2008 11:30 pm

I love this, and would love to use it, if that's okay with you?

♥

By chemical-faith on Apr 2, 2008 11:17 pm

i love this!
taking, and will credit at either zombiflu, or oppugnoinferius~

By _why_not on Jul 23, 2007 6:58 pm

QUOTE(Mustangluly @ Mar 21 2007, 12:50 PM) [snapback]2501727[/snapback]it's simple I like iti agree i love the background

By IVIike on Apr 1, 2007 5:48 pm

it's simple I like it

By Mustangluly on Mar 21, 2007 12:50 pm

Layout Details

Designer	mintypeach
Submitted on	Mar 5, 2007
Page views	77,006
Favorites	46
Comments	10

Scratches S2

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates