Minty V2

Designer's Comments

Look carefully for specific instructions

************************************
STYLE: Flexible Squares, S2
SCREEN: looks good in anything
ACCOUNT: Free & Paid tested, Plus not sure.
CREDIT: minty_peach
************************************

If you have any additional questions, feel free to contact me at my graphics journal at LJ - (minty_peach.livejournal.com)

this is the original layout enrty:
http://minty-peach.livejournal.com/57693.html

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

/* ----------------------
CREATOR: Minty_Peach.
LAYOUT ID: Minty 76 (sidebar).
DO NOT STEAL STYLESHEET. 
------------------------ */

BODY {
margin: 60px 0px 60px 0px;
background-color: #A3D167;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "Verdana", sans-serif;
}

a, a:link, a:visited {
font-family: "Georgia" Helvetica, sans-serif;
font-size: 12px;
color: #8FB75A;
text-transform: lowercase;
text-decoration: none;
}

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

i, s, u { 
color: #999999;
}

blockquote {
margin: 0px; 
padding: 5px; 
color: #a5a5a5;
font-size: 10px;
border-top: 2px solid #dddddd;
text-align: justify;
}

p, td {
font-size: 10px;
}

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

#content {
width: 750px;
background-color: #444444;
margin-left: auto;
margin-right: auto;
}

#maincontent {
margin: 0px 0px 0px 230px;
ackground-color: #FDFDFD
}

/*---------------- SIDEBAR ----------------*/

#sidebar {
width: 190px;
padding: 20px;
line-height: 14px;
color: #999999;
font-size: 10px;
text-align: justify;
float: left;
}

.defaultuserpic {
text-align: center;
}

.sbarheader, .sbarbody2, .sbarbody {
padding: 0px 3px 0px 3px;
}

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

.sbarcalendar {
padding: 2px;
border: 1px solid #555555;
text-align: center;
color: #666666;
font-size: 7pt;
}

.sbarcalendarposts {
padding: 2px;
border: 1px solid #777777;
background: #555555;
text-align: center;
font-size: 7pt;
}

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

li.sbaritem {
padding: 3px 3px 3px 1px;
list-style: none;
border-bottom: 1px solid #555555;
}

li.sbaritem:hover {
background-color: #494949;
}

li.sbartitle {
padding: 3px 3px 3px 1px;
list-style: none;
border-bottom: 1px solid #555555;
font-size: 12px;
color: #777777;
text-transform: lowercase;
}

/*---------------- HEADER & FOOTER LINKS ----------------*/

#header, #footer { 
width: auto;
padding: 10px;
border-width: 10px 0px 10px 0px;
border-style: solid;
border-color: #A3D167;
text-align: right; 
background-color: #A3D167;
font-family: "Georgia", sans-serif;
font-size: 11pt; 
color: #444444;
text-transform: lowercase;
clear: both;
}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { 
font-family: "Georgia", sans-serif;
color: #FFFFFF; 
font-size: 11pt;
text-transform: lowercase;
padding: 8px;
background-color: #8FB75A;
}

div#header a:hover, div#footer a:hover { 
font-size: 11pt;
text-transform: lowercase;
padding: 8px;
background-color: #99C461;
}

ul.navheader, ul.navfooter { 
padding: 0 2px 0 2px; 
margin: 0 1px 0 1px; }

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

div#header li.view, div#footer li.viewing { 
color: #eeeeee;
font-size: 11pt;
text-transform: lowercase;
padding: 8px;
background-color: #444444;
}

.clearfoot {
display: none; 
}

/*---------------- TITLE & SUBTITLE ----------------*/

.title	{
display: none;
}

.subtitle {
display: none;
}

/*---------------- TAGS PAGE ----------------*/

.ljtaglist { 
list-style-type: none; 
margin: -1px 20px 0px 20px; 
margin-left: 70px; width: 50%; 
text-transform: lowercase;
text-align: left; 
}

ul.ljtaglist {
color: #888888;
font-size: 9pt;
text-align: left;
margin-right: auto;
margin-left: auto; 
}

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

.ljtaglist li { 
border-bottom: 1px solid #cccccc; 
padding: 7px 4px 7px 25px; 
}

H2 { 
text-align: center; 
padding: 10px;  
font-size: 12px; 
text-transform: uppercase;
}

/*---------------- ENTRIES ----------------*/

.subcontent {
padding: 20px;
background: #FDFDFD;
}

.entry{
margin: 2px;
padding: 2px;
color: #888888;
font-size: 10px;
line-height: 16px;
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;
}

/*---------------- USERPICS, USERPICS FOR FLIST ----------------*/

.userpic {
display: none;
position: relative;
float: left;
margin: 0px 10px 10px 0px;
z-index: 15;
}

.userpicfriends {
position: relative;
float: left;
background-color: #FDFDFD !important;
margin: 0px 10px 10px 0px;
text-align: left;
font-size: 10px;
z-index: 15;
}

.userpicfriends font {
color: #888888 !important;
text-transform: uppercase;
}

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

/*---------------- DATE, SUBJECT, COMMENT ----------------*/

.date{
text-align: left;
top: 2px;
color: #bbbbbb;
font-size: 10px;
text-transform: lowercase;
}

.subject {
font-family: "Georgia" Helvetica, sans-serif;
font-size: 15px;
color: #8FB75A;
text-transform: lowercase;
text-align: left;
}

.datesubject {
padding-left: 3px;
}

.ljtags {
margin-top: 12px;
color: #333;
font-size: 10px;
font-weight: light;
}

.currents {
background-color: transparent;
}

.currents strong{
font-weight: normal;
font-size: 7pt;
color: #888888
text-transform: lowercase;
}

.currentlocation {
padding-left: 17px;
font-size: 7pt;
color: #888888;
background: url('http://cbimg9.com/layouts/08/04/11/26807aa.png') 2px 1px no-repeat;
}

.currentmood {
padding-left: 17px;
font-size: 7pt;
color: #888888;
background: url('http://cbimg9.com/layouts/08/04/11/26807ab.gif') 1px 1px no-repeat;
}

.currentmusic {
padding-left: 17px;
font-size: 7pt;
color: #888888;
background: url('http://cbimg9.com/layouts/08/04/11/26807ac.gif') 0px 1px no-repeat;
}
		
.ljtags { 
margin-top: 20px; 
padding-left: 17px;
text-transform: lowercase;
font-size: 7pt;
color: #888888;
background: url('http://cbimg9.com/layouts/08/04/11/26807ad.gif') 0px 0px no-repeat;
}

.ljtags a, .ljtags a:link, .ljtags a:visited { 
color: #aaaaaa; 
font-size: 11px;
text-transform: none; 
}

.comments {
text-align: right;
color: #888888;
font-size: 10px;
padding: 5px;
position: relative;
top: 10px;
}

div.comments a, div.comments a:link, div.comments a:visited {
font-family: "Georgia" Helvetica, sans-serif;
font-size: 12px;
color: #8FB75A;
text-transform: lowercase;
}

div.comments a:hover {
color: #888888;
}

/*---------------- CALENDAR PAGE ----------------*/

ul.year{
text-align: center;
padding: 10px 10px 10px 10px;
}

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

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 3px;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
}

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

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

/*---------------- 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 {
height: 0px;
}

/*---------------- COMMENT PAGE ----------------*/

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

.skiplinks {
padding: 5px;
background-color: #FDFDFD;
text-align: center;
font-size: 5pt;
color: #A3D167;
}

.datesubjectcomment {
background-color: #eeeeee;
padding: 3px;
}

.userpiccomment {
position: relative;
border: 1px solid #cccccc;
background-color: #FEFEFE;
top: -10px;
left: 0px;
padding: 7px;
margin: 10px 10px -20px 0px;
z-index: 15;
float: left;
}

.box {
padding: 10px;
background: #FDFDFD;
clear: right;
}

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

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: bold;
}

.commentreply {
position: relative;
padding: 10px 10px 20px 130px;
font-size: 10px;
color: #777777;
}

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

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

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

.commentboxpartial {
border-color: #bbbbbb;
border-width: 1px;
border-style: dashed;
padding: 7px;
margin: 12px;
}

/*----------- TINY USER PICS - PASTE CODES BELOW HERE -----------*/

Layout Comments

Showing latest 3 of 3 comments

This is beautiful!

By TheOn3LeftBehind on Jun 26, 2010 12:16 am

I'm using this one :)

By WinstonIsMyName on Mar 28, 2009 8:30 pm

This is really nice

By WinstonIsMyName on Mar 28, 2009 8:29 pm

Layout Details

Designer	mintypeach
Submitted on	Apr 11, 2008
Page views	39,242
Favorites	24
Comments	3
Reviewer	Insurmountable
Approved on	Apr 11, 2008

Minty V2

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates