Minty

Designer's Comments

Look carefully for specific instructions

First of all, what would normally be a "sidebar" has been converted into a "topbar". I suggest only setting your BLURB and/or LINKS LIST to view.

************************************
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 77 (topbar).
DO NOT STEAL STYLESHEET. 
------------------------ */

BODY {
margin: 60px 0px 60px 0px;
background-color: #A3D167;
text-align: left;
font-size: 10px;
color: #888888;
font-family: "Verdana" Helvetica, 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;
margin-left: auto;
margin-right: auto;
background-color: #FDFDFD;
}

#maincontent {
margin: 0px;
}

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

#sidebar {
width: 710px;
padding: 20px;
line-height: 14px;
background-color: #444444;
color: #999999;
font-size: 10px;
text-align: justify;
float: center;
border-bottom: 30px solid #A3D167;
}

.defaultuserpic {
display: none;
text-align: center;
}

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

table.calendar {
display: none;
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 {
display: none;
}

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

#header { 
width: auto;
padding-bottom: 8px;
text-align: center; 
background-color: #A3D167;
font-family: "Georgia", sans-serif;
font-size: 11pt; 
color: #444444;
text-transform: lowercase;
}

#footer { 
width: auto;
line-height: 34px;
text-align: center; 
border-top: 50px solid #444444;
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: #FDFDFD;
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 { 
background: #FFFFFF;
text-align: center; 
padding: 10px;  
font-size: 12px; 
text-transform: uppercase;
}

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

.subcontent {
padding: 20px;
}

.entry{
margin: 0px 0px 0px 0px;
line-height: 14px;
padding: 3px;
color: #888888;
font-size: 10px;
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: right;
margin: 0px 0px 10px 10px;
z-index: 15;
}

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

.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/26806aa.png') 2px 1px no-repeat;
}

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

.currentmusic {
padding-left: 17px;
font-size: 7pt;
color: #888888;
background: url('http://cbimg9.com/layouts/08/04/11/26806ac.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/26806ad.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 {
background-color: #A3D167;
height: 30px;
}

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

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

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

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

.skiplinks a:hover { 
font-size: 8pt;
text-transform: lowercase;
padding: 8px;
background-color: #99C461;
}

.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: #FFFFFF;
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 5 of 5 comments

Very Cute! I will be using it:) Please and thank you:)

By GinaBean on Jun 1, 2011 10:08 pm

How would I change the colour of my text for entries?? and is it possible to add a header image?

By shaunavon on Aug 14, 2008 5:04 pm

simple and effective. Nice! :)

By rockable on May 30, 2008 9:01 am

so pretty!
am using it!

By younha486 on May 29, 2008 5:43 pm

OOH I like this :)

Simple and good colors!

By gazimmy on Apr 13, 2008 9:21 pm

Layout Details

Designer	mintypeach
Submitted on	Apr 11, 2008
Page views	23,752
Favorites	18
Comments	5
Reviewer	Insurmountable
Approved on	Apr 11, 2008

Minty

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates