reallystorygirl (reallystorygirl) wrote,
reallystorygirl
reallystorygirl

  • Location:
  • Mood:
  • Music:

R to da Y to da O to da Peace - part one

Sorry, this post is in only engrish language.

I made four Layout on: Ryo Nishikido.
Resources and credits over there.

Preview one:

Please don't remove my credit if you take it.


If you want a large preview: There.

/*-- image and re-organized by ReallyStoryGirl --*/
/*-- credits and resources: http://reallystorygirl.livejournal.com/26592.html --*/

/* 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: 0px;
background-color: #606060;
background-image: url('http://i47.tinypic.com/xomv7t.jpg');
background-repeat: repeat-x;
background-position: top-center;
background-attachment: fixed;
text-align: left;
font-size: 7pt;
color: #8e8e8e;
font-family: "Verdana", sans-serif;
}

a, a:link, a:visited {
font-family: "Verdana" Helvetica, sans-serif;
cursor: default;
color: #00919B;
padding: 2px;
font-weight: light;
text-transform: uppercase;
text-decoration: none;
}

a:hover{
font-family: "Verdana" Helvetica, sans-serif;
cursor: default;
color: #999;
background-color: #EEE72E;
padding: 2px;
font-weight: light;
text-transform: uppercase;
text-decoration: none;
}

blockquote {
margin: 6px 6px;
padding: 5px;
color: #888888;
font-size: 7pt;
border-left: 3px solid #00919B;
background: #EEEEEE;
text-align: justify;
}

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

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

#content {
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background: #414141;
border-left: 0px solid #414141;
background-image: url('');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
padding: 16px;
}

#maincontent {
margin: 16px 0px 5px 260px;
}

#sidebar {
width: 204px;
padding: 16px;
margin-top: 16px;
background: #EEEEEE;
border: solid #cccccc 5px;
color: #888888;
font-family: "verdana" Helvetica, sans-serif;
font-size: 7pt;
line-height: 11pt;
text-align: justify;
float: left;
}

#header {
width: auto;
padding-top: 10px;
padding-bottom: 0px;
line-height: 20px;
background-color: #EEEEEE;
background-image: url('');
height: 40px;
background-repeat: repeat-x;
background-position: center;
font-family: "verdana", sans-serif;
font-size: 9pt;
font-weight: bold;
text-transform: uppercase;
color: #999999;
text-align: center;
letter-spacing: 0px;
border: 5px solid #cccccc;
}

#footer {
width: auto;
padding-top: 10px;
padding-bottom: 0px;
line-height: 20px;
background-color: #EEEEEE;
background-image: url('');
height: 40px;
background-repeat: repeat-x;
background-position: center;
font-family: "verdana", sans-serif;
font-size: 9pt;
font-weight: bold;
text-transform: uppercase;
color: #999999;
text-align: center;
letter-spacing: 0px;
border: 5px solid #cccccc;
}


/*********************************************** HEADER LINKS, FOOTER LINKS, TITLE, SUBTITLE ******************************************/

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #777777;
font-weight: bold;
text-decoration; none;
text-transform: uppercase;
}

div#header a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration; none;
text-transform: uppercase;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #777777;
font-weight: bold;
text-decoration; none;
text-transform: uppercase;
}

div#footer a:hover {
color: #444444;
font-weight: bold;
text-decoration; none;
text-transform: uppercase;
}

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

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

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

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



/*********************************************** SIDEBAR LINKS, COLORS, FONTS, CALENDAR, ETC. ******************************************/

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #00919B;
text-decoration: none;
}

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 10px 0 10px;
}

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

.sbarcalendar {
padding: 1px;
border: 1px solid #ddd;
background: #EEEEEE;
text-align: right;
font-family: "Verdana", Helvetica, sans-serif;
color: #999999;
font-size: 7pt;
}

.sbarcalendarposts {
padding: 1px;
border: 1px solid #ddd;
background: #dddddd;
text-align: right;
font-family: "Verdana", Helvetica, sans-serif;
color: #00919B;
font-size: 7pt;
}

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

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

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


li.sbartitle {
list-style: none;
margin-bottom: 2px;
margin-top: 10px;
text-align: left;
font-weight: bold;
padding-left: 17px;
padding-bottom: 2px;
color: #aaaaaa;
font-family: "verdana" Helvetica, sans-serif;
font-size: 9pt;
border-top: 0px solid #414141;
text-transform: uppercase;
letter-spacing: 0px;
background: url('http://i49.tinypic.com/6tfywm.jpg') 0px 1px no-repeat;
}

ul.ljtaglist li {
padding-left: 3px;
margin-left: 12px;
list-style: decimal-leading-zero;
list-style-position: outside;
}


/*********************************************** TAGS PAGE LAYOUT ******************************************/

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

.ljtaglist li {
border-bottom: 1px solid #777777;
padding: 5px 2px 5px 20px;
color: #777777;
}

H2 {
margin: 30px 0px 10px 90px;
text-align: left;
padding: 0px 0px 0px 10px;
line-height: 10px;
font-weight: normal;
font-style: italic;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0px;
font-family: arial;
color: #999999;
background: url('') 0px 2px no-repeat;
}


/*********************************************** ENTRY, TAGS LIST, SUB CONTENT, EXTRA ******************************************/

ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 8pt;
padding: 8px 8px 8px 12px;
border: 0px solid #EEEEEE;
background: #EEEEEE;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px;
}

.subcontent {
padding: 1px;
border: 5px solid #cccccc;
background: #EEEEEE;
}

.entry{
margin: 10px 10px 30px 10px;
padding: 10px 0px 10px 10px;
padding-top: 08px;
color: #888888;
font-family: "verdana" Helvetica, sans-serif;
font-size: 7pt;
line-height: 11pt;
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, FRIENDS PAGE USERPICS, DATE, SUBJECT &MORE ******************************************/

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

.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin-right: 10px;
margin-left: 5px;
margin-top: 5px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 7pt;
text-transform: uppercase;
z-index: 15;
border-style: solid;
border-width: 0px;
border-color: #EEEEEE;
background-color: #EEEEEE !important;
background-image: url('');
background-repeat: repeat;
}

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

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

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

.subject {
text-align: left;
font-weight: bold;
padding-left: 20px;
padding-bottom: 0px;
padding-top: 0px;
color: #666666;
font-family: "verdana" Helvetica, sans-serif;
font-size: 9pt;
border-bottom: 0px solid #bbb;
text-transform: uppercase;
letter-spacing: 0px;
background: url('http://i48.tinypic.com/24fwi1f.jpg') 0px 2px no-repeat;
}

.subject a, .subject a:link, .subject a:visited {
color: #00919B;
text-transform: uppercase;
}

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

.datesubject {
background: #D3D3D3;
padding-left: 10px;
border-bottom: 8px solid #D3D3D3;
}

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

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

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

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #00919B;
font-size: 7pt;
text-transform: uppercase;
font-weight: light;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #00919B;
font-size: 7pt;
text-transform: uppercase;
font-weight: light;
}

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

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

div.comments a, div.comments a:link, div.comments a:visited {
color: #FFFFFF;
background-color: #666666;
border: 2px solid #999999;
text-transform: uppercase;
}

div.comments a:hover {
color: #FFFFFF;
background-color: #888888;
border: 2px solid #999999;
text-transform: uppercase;
}



/*********************************************** ARCHIVE PAGE/CALENDAR ******************************************/

ul.year{
text-align: center;
padding: 10px 10px 10px 10px;
border: 0px solid #bbb;
background: #EEEEEE;
}

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

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 33px;
border: 0px solid #444;
background: #EEEEEE;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
background-color: #EEEEEE;
border: 0px solid #333333;
}

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

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



/*********************************************** MORE FOOTER INFO ******************************************/

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

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

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



/*********************************************** RANDOM STUFF ******************************************/

.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: #EEEEEE;
}



/*********************************************** HEADER IMAGE ******************************************/

.headerimage {
position: relative;

width: 832px;
height: 340px;

margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i47.tinypic.com/ddpbg8.jpg');
background-repeat: no-repeat;
}

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


/*********************************************** 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 #aaaaaa;
}

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

.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #aaaaaa;
background-color: #f5f5f5;
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: #dddddd;
color: #555555;
}

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: #cccccc;
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: #cccccc;
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%;
}

 


Please don't forget if you take this layout to put this in everywhere you want for credit me for the work:
Layout by <lj user="reallystorygirl">


If you have any problem with the code, please contact me.
If you want a simple tutorial: How to install this layout.

Please comment if you take it.

Preview two:

Please don't remove my credit if you take it.

If you want a large preview: There.

/*-- image and re-organized by ReallyStoryGirl --*/
/*-- credits and resources: http://reallystorygirl.livejournal.com/26592.html --*/

/* CREDITS
made by -- minty_peach
style type -- Flexible Squares s2
notes -- editing is okay but
reposting without stylesheet credit is forbidden!
DO NOT STEAL - I KNOW MY CODES! */


/***********************************************************
BODY, LINKS, BLOCKQUOTE, CONTENT, MAINCONTENT, SIDEBAR
*************************************************/

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

a, a:link, a:visited {
font-family: "verdana", sans-serif;
color: #DBD937;
font-weight: light;
text-decoration: none;
font-size: 7pt;
}

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

blockquote {
margin: 5px 5px;
padding: 10px;
color: #999999;
font-size: 7pt;
border: 1px solid #777777;
background: #666666;
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: #575757;
border-top: 0px solid #444444;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 0px solid #444444;
padding: 0px;
}

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

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

#header {
width: auto;
padding-top: 15px;
padding-bottom: 15px;
line-height: 18px;
background-color: #666666;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
text-transform: lowercase;
color: #999999;
text-align: center;
letter-spacing: -1px;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
}

#footer {
width: auto;
padding-top: 15px;
padding-bottom: 15px;
line-height: 18px;
background-color: #666666;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
color: #999999;
text-align: center;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
z-index: 100;
clear: both;
}

/* 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 {
padding: 3px;
color: #bbbbbb;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
}

div#header a:hover {
padding: 3px;
color: #444444;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
padding: 3px;
color: #bbbbbb;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
}

div#footer a:hover {
padding: 3px;
color: #444444;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
}

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

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

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

.subtitle {
display: none;
text-align: left;
color: #575757;
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: #DBD937;
font-family: "verdana", sans-serif;
text-decoration: none;
font-size: 7pt;
}

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: #575757;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #888888;
font-size: 7pt;
}

.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #575757;
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: #575757;
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: "verdana", verdana, sans-serif;
font-size: 12pt;
text-align: left;
border-bottom: solid 1px #444444;
font-weight: none;
text-transform: normal;
background-color: #575757;
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: 7pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #575757;
background: #575757;
}

/***********************************************
TAGS PAGE LAYOUT
******************************************/

.ljtaglist {
list-style-type: none;
padding: 0px;
margin: 0px 25px 0px 25px;
margin-left: 100px;
width: 75%;
text-transform: none;
text-align: left;
}

.ljtaglist li {
border-bottom: 1px dashed #888888;
padding: 7px 3px 7px 25px;
color: #999999;
}

H2 {
margin: 30px 0px 10px 90px;
text-align: left;
padding: 2px 2px 2px 10px;
line-height: 16px;
font-weight: normal;
font-style: italic;
font-size: 14px;
text-transform: lowercase;
letter-spacing: -1px;
font-family: "arial" sans-serif;
color: #777777;
background: url('') 0px 2px no-repeat;
}

/****************************************
SUBCONTENT, ENTRIES, DATE, SUBJECT
*******************************************/

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

.entry{
margin: 5px 5px 5px 160px;
padding: 5px 5px 5px 5px;
padding-top: 10px;
color: #999999;
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: #666666;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #777777;
border-style: solid;
}

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

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

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

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

.subject {
font-weight: normal;
padding-bottom: 02px;
color: #888888;
font-family: "arial", verdana, sans-serif;
font-size: 14pt;
text-align: left;
border-bottom: 1px solid #777777;
text-transform: lowercase;
letter-spacing: -1px;
}

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

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

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

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

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

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

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #DBD937;
font-size: 7pt;
font-family: "verdana", sans-serif;
text-transform: none;
font-weight: light;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #DBD937;
font-size: 7pt;
font-family: "verdana", sans-serif;
text-transform: none;
font-weight: light;
}

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

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

div.comments a, div.comments a:link, div.comments a:visited {
color: #DBD937;
font-family: "verdana", sans-serif;
font-size: 7pt;
}

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



/*********************************************** ARCHIVE PAGE/CALENDAR ******************************************/

ul.year{
text-align: center;
padding: 5px 5px 5px 5px;
border-bottom: 1px dashed #cccccc;
background: transparent;
font-size: 12pt;
}

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

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 5px;
border: 1px dashed #444;
background: transparent;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
background-color: #666666;
border: 1px solid #555555;
}

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

td.yearmonth {
color: #999999;
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: #575757;
}



/* for formatting header image */

.headerimage {
position: relative;
width: 750px; height: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i47.tinypic.com/zmo32s.jpg');
background-repeat: no-repeat;
}

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


/***********************************************
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: both;
}

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

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

.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: #DBD937;
}

.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%;
}
 

You need to make sure nothing except the blurb is showing in that BLURB SECTION on your sidebar page.
The code for the blurb section:


<table width="650" cellspacing="2" cellpadding="10"><tbody><tr><td width="500" valign="top" align="justify"><font color="#eeeeee">Quick Information</font>
write about yourself, your journal, or whatever you want here.
&nbsp;</td><td width="100" valign="top" align="justify"><font color="#eeeeee">The Links</font>
<font color="#dddddd">&bull;</font> <a href="URL">link name here</a>
<font color="#dddddd">&bull;</font> <a href="URL">link name here</a>
<font color="#dddddd">&bull;</font> <a href="URL">link name here</a>

<font color="#dddddd">&bull;</font> <a href="URL">link name here</a>
<font color="#dddddd">&bull;</font> <a href="URL">link name here</a>
<font color="#dddddd">&bull;</font> <a href="URL">link name here</a></td></tr></tbody></table>
&nbsp;
 


Please don't forget if you take this layout to put this in everywhere you want for credit me for the work:
Layout by <lj user="reallystorygirl">


If you have any problem with the code, please contact me.
If you want a simple tutorial: How to install this layout.

Please comment if you take it.

Preview three:

Please don't remove my credit if you take it.

If you want a large preview: There.


 /*-- image and re-organized by ReallyStoryGirl --*/
/*-- credits and resources: http://reallystorygirl.livejournal.com/26592.html --*/

/*  CREDITS
made by -- minty_peach
style type -- Flexible Squares s2
notes -- editing is okay but
reposting without stylesheet credit is forbidden!
DO NOT STEAL - I KNOW MY CODES! */


/***********************************************************
BODY, LINKS, BLOCKQUOTE, CONTENT, MAINCONTENT, SIDEBAR
*************************************************/

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

a, a:link, a:visited {
font-family: "verdana", sans-serif;
color: #DBD937;
font-weight: light;
text-decoration: none;
font-size: 7pt;
}

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

blockquote {
margin: 5px 5px;
padding: 10px;
color: #999999;
font-size: 7pt;
border: 1px solid #777777;
background: #666666;
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: #575757;
border-top: 0px solid #444444;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 0px solid #444444;
padding: 0px;
}

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

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

#header {
width: auto;
padding-top: 15px;
padding-bottom: 15px;
line-height: 18px;
background-color: #666666;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
text-transform: lowercase;
color: #999999;
text-align: center;
letter-spacing: -1px;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
}

#footer {            
width: auto;
padding-top: 15px;
padding-bottom: 15px;
line-height: 18px;
background-color: #666666;
background-image: url('');
background-repeat: repeat;
background-position: center;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
color: #999999;
text-align: center;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
z-index: 100;
clear: both;
}

/* 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 {
padding: 3px;
color: #bbbbbb;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
}

div#header a:hover {
padding: 3px;
color: #444444;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
padding: 3px;
color: #bbbbbb;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
}

div#footer a:hover {
padding: 3px;
color: #444444;
font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
}

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

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

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

.subtitle {
display: none;
text-align: left;
color: #575757;
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: #DBD937;
font-family: "verdana", sans-serif;
text-decoration: none;
font-size: 7pt;
}

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: #575757;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #888888;
font-size: 7pt;
}

.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #575757;
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: #575757;
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: "verdana", verdana, sans-serif;
font-size: 12pt;
text-align: left;
border-bottom: solid 1px #444444;
font-weight: none;
text-transform: normal;
background-color: #575757;
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: 7pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #575757;
background: #575757;
}

/***********************************************
TAGS PAGE LAYOUT
******************************************/

.ljtaglist {
list-style-type: none;
padding: 0px;
margin: 0px 25px 0px 25px;
margin-left: 100px;
width: 75%;
text-transform: none;
text-align: left;
}

.ljtaglist li {
border-bottom: 1px dashed #888888;
padding: 7px 3px 7px 25px;
color: #999999;
}

H2 {
margin: 30px 0px 10px 90px;
text-align: left;
padding: 2px 2px 2px 10px;
line-height: 16px;
font-weight: normal;
font-style: italic;
font-size: 14px;
text-transform: lowercase;
letter-spacing: -1px;
font-family: "arial" sans-serif;
color: #777777;
background: url('') 0px 2px no-repeat;
}

/****************************************
SUBCONTENT, ENTRIES, DATE, SUBJECT
*******************************************/

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

.entry{
margin: 5px 5px 5px 160px;
padding: 5px 5px 5px 5px;
padding-top: 10px;
color: #999999;
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: #666666;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #777777;
border-style: solid;
}

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

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

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

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

.subject {
font-weight: normal;
padding-bottom: 02px;
color: #888888;
font-family: "arial", verdana, sans-serif;
font-size: 14pt;
text-align: left;
border-bottom: 1px solid #777777;
text-transform: lowercase;
letter-spacing: -1px;
}

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

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

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

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

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

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

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #DBD937;
font-size: 7pt;
font-family: "verdana", sans-serif;
text-transform: none;
font-weight: light;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #DBD937;
font-size: 7pt;
font-family: "verdana", sans-serif;
text-transform: none;
font-weight: light;
}

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

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

div.comments a, div.comments a:link, div.comments a:visited {
color: #DBD937;
font-family: "verdana", sans-serif;
font-size: 7pt;
}

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



/*********************************************** ARCHIVE PAGE/CALENDAR ******************************************/

ul.year{
text-align: center;
padding: 5px 5px 5px 5px;
border-bottom: 1px dashed #cccccc;
background: transparent;
font-size: 12pt;
}

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

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 5px;
border: 1px dashed #444;
background: transparent;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
background-color: #666666;
border: 1px solid #555555;
}

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

td.yearmonth {
color: #999999;
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: #575757;
}



/* for formatting header image */

.headerimage {
position: relative;
width: 750px; height: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i49.tinypic.com/57n8i.jpg');
background-repeat: no-repeat;
}

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


/***********************************************
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: both;
}

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

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

.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: #DBD937;
}

.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%;
}

You need to make sure nothing except the blurb is showing in that BLURB SECTION on your
sidebar page.
The code for the blurb section:


<table width="650" cellspacing="2" cellpadding="10"><tbody><tr><td width="500" valign="top" align="justify"><font color="#eeeeee">Quick Information</font>
write about yourself, your journal, or whatever you want here.
&nbsp;</td><td width="100" valign="top" align="justify"><font color="#eeeeee">The Links</font>
<font color="#dddddd">&bull;</font> <a href="URL">link name here</a>
<font color="#dddddd">&bull;</font> <a href="URL">link name here</a>
<font color="#dddddd">&bull;</font> <a href="URL">link name here</a>

<font color="#dddddd">&bull;</font> <a href="URL">link name here</a>
<font color="#dddddd">&bull;</font> <a href="URL">link name here</a>
<font color="#dddddd">&bull;</font> <a href="URL">link name here</a></td></tr></tbody></table>
&nbsp;
 

Please don't forget if you take this layout to put this in everywhere you want for credit me for the work:
Layout by <lj user="reallystorygirl">


If you have any problem with the code, please contact me.
If you want a simple tutorial: How to install this layout.

Please comment if you take it.
Tags: fanwork: layout, g: news, l: english, rp: nishikido ryo
Subscribe

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 25 comments