To those who has Live Journal account here, just want to share this KRYBER theme to you. Made by yours truly Anyway, add me at live journal if you want: A M B E R F I E D @ L I V E J O U R N A L .
ENJOY! :)
KRYBER VERSION 1.0 by AMBERFIED
Installation:
1. Go to Customize to select your journal style.
2. Type Flexible Squares into the Search box and apply any of the plain flexible squares (not circular) layouts.
3. Scroll down to the bottom of the page to choose a page setup. Select 2 Column (sidebar on right).
4. For ad settings right above that, select Vertical.
5. Go to Customize Journal Style and select Custom CSS on the sidebar on your left.
6. For Use Layout Stylesheets: select No.
7. For "Use layout stylesheet(s) when including custom external stylesheet: select No.
8. For Use external stylesheets, select No and leave the Custom external stylesheet URL empty.
9. Paste the following code into the Custom Stylesheet box:
1. Go to Customize to select your journal style.
2. Type Flexible Squares into the Search box and apply any of the plain flexible squares (not circular) layouts.
3. Scroll down to the bottom of the page to choose a page setup. Select 2 Column (sidebar on right).
4. For ad settings right above that, select Vertical.
5. Go to Customize Journal Style and select Custom CSS on the sidebar on your left.
6. For Use Layout Stylesheets: select No.
7. For "Use layout stylesheet(s) when including custom external stylesheet: select No.
8. For Use external stylesheets, select No and leave the Custom external stylesheet URL empty.
9. Paste the following code into the Custom Stylesheet box:
Code:
body {
font-family: verdana;
color: #1b5794;
background-color: #1eb6f5;
text-align: justify;
overflow: auto;
margin: 0px;
padding: 0px;
background: url('http://img832.imageshack.us/img832/966/ljlayout2.jpg') center repeat-y #1eb6f5; }
ul { margin: 0px;
padding: 0px; }
li { margin: 0px;
padding: 0px; }
td {
font-family: verdana;
font-size: 5pt;
line-height: 18px;
text-align: justify;
margin: 0px;
padding: 0px;
}
a:link { color: #1eb6f5;
text-decoration: none;
font-variant: small-caps; }
a:link img { border: 0;
}
a:visited { color: #1eb6f5;
text-decoration: none;
font-variant: small-caps; }
a:visited img { border: 0;
}
a:hover { color: #1eb6f5 ;
text-decoration: none;
text-transform: uppercase; }
a:hover img { border: 0;
}
p, td, blockquote {
font-size: 12px;
}
blockquote {
border-left: 1px solid #F9FF5B;
padding-left: 10px;
margin: 15px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 895px;
margin: 0 auto;
padding: 0px;
background: url('http://img830.imageshack.us/img830/1343/ljlayout1.jpg') no-repeat top;
}
#maincontent {
margin-top: 280px;
margin-left: 200px;
margin-bottom: 0px;
margin-right: 70px;
padding: 0px;
font-family: verdana;
font-size: 14px;
text-align: justify;
z-index: 0;
float: right; }
#sidebar {
margin: 0px;
width: 150px;
position: absolute;
top: 330px;
left: 50%;
margin-left: -330px;
padding: 0px;
font-size: 10px;
font-family: Verdana, sans-serif;
float: left;
text-align: left;
}
#footer {
width: 895px;
text-align: center;
padding: 0px;
margin: 0px;
margin-bottom: 0px;
height: 40px;
background:url('http://img444.imageshack.us/img444/8099/ljlayout3.jpg') center bottom no-repeat;
font-family: Verdana, sans-serif;
font-size: 14px;
font-weight: bold;
z-index: 10;
clear: both;
}
ul.navheader
{
margin: 0px;
width: 90px;
position: absolute;
top: 210px;
left: 50%;
margin-left: -340px;
padding: 0px;
border: 0px;
text-align: left;
z-index: 101;
font-variant: small-caps;
}
ul.navheader li {
margin: 0px;
padding: 0px;
list-style: none;
}
.title{
color: #1b5794;
position: absolute;
left: 50%;
top: 150px;
margin-left: -80px;
font-size: 30pt;
font-family: times new roman;
text-align: left;
z-index: 200;
}
.subtitle{
position: absolute;
color: #377cec;
left: 50%;
top: 190px;
margin-left: -60px;
font-size: 10pt;
text-align: left;
z-index: 201;
}
/* sidebar */
.defaultuserpic {
text-align: center;
}
.sbarbody {
padding: 0;
}
.sbarbody2 {
list-style: none;
margin: 4px 0 4px 0;
padding: 2px;
line-height: 16px;
text-align: right;
}
table.calendar {
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}
.sbarcalendar {
border: 1px dotted;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border: 1px dotted;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding: 0;
margin: 0;
list-style: none;
}
li.sbaritem
{
list-style: none;
margin: 4px 0 4px 0;
padding: 2px;
}
li.sbartitle, div#sidebar h4
{
list-style: none;
margin: 4px 0 4px 0;
padding-top: 15px;
text-align: center;
font-weight: bold;
font-family: Verdana, sans-serif;
font-size: 14px;
text-transform: lowercase;
letter-spacing: 1px;
}
/* maincontent */
.subcontent {
}
.entry{
margin: 0 0 0 115px;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 8pt;
text-align: justify;
line-height: 16px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
display: none;
float: right;
margin-left: 5px;
}
.userpicfriends {
position:relative;
float:right;
text-align:center;
font-family:Verdana, sans-serif;
font-size:11px;
z-index:15;
background: !important;
border: 1px dotted;
margin:5px;
padding:0;
}
.userpicfriends font {
color:#78C5F3 !important;
}
.date {
line-height: 150%;
top: 5px;
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
text-align: right;
}
.subject {
font-weight: normal;
padding-bottom: 10px;
font-family: Verdana, sans-serif;
font-size: 18px;
font-variant: small-caps;
letter-spacing: 1px;
text-align: right;
}
.subject a, .subject a:link, .subject a:visited {
}
.subject a:hover {
}
.datesubject {
margin: 0 0 0 115px;
}
.currents, .currentmood, .currentmusic, .ljtags {
font-family: Verdana, sans-serif;
font-size: 11px;
}
.ljtags{
font-weight:bold;
margin-top:10px;
}
.comments {
font-family: Verdana, sans-serif;
font-size: 12px;
text-align: right;
padding: 3px;
margin: 0;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
padding: 5px;
font-size: 12px;
line-height: 14px;
border-bottom: 1px dotted #998675;
}
.userpiccomment {
margin: 10px;
z-index: 15;
float: right;
}
.box {
padding: 20px;
clear: right;
width: 520px;
margin-left: 100px;
font-size: 8pt;
}
input, textarea {
color: #000000;
border: 1px dotted;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Verdana, sans-serif;
line-height: 125%;
background-color: #ffffff;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-family: Verdana, sans-serif;
}
.commentbox {
padding: 5px;
margin: 10px 0 10px 0;
}
.commentboxpartial {
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: left;
padding-bottom: 30px;
font-weight: normal;
color: #fff;
font-family: Verdana, sans-serif;
font-size: 18px;
text-transform: lowercase;
letter-spacing: 1px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
]table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid;
}
table.yeartable td.yearday {
font-weight: bold;
text-align: center;
border-top: 1px solid;
}
td.yearmonth {
border-bottom: 1px dashed;
}
/* footer */
ul.navfooter{
padding: 0;
padding-left: 0;
margin: 0;
}
ul.navfooter li {
display: inline;
margin: 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 0;
}
.skiplinks {
text-align: left;
margin-left: 135px;
font-size: 6pt;
padding-bottom: 0px;
}
.separator{
height: 35px;
}
KRYBER VERSION 1.1 by AMBERFIED
Installation:
1. Go to Customize to select your journal style.
2. Type Flexible Squares into the Search box and apply any of the plain flexible squares (not circular) layouts.
3. Scroll down to the bottom of the page to choose a page setup. Select 2 Column (sidebar on right).
4. For ad settings right above that, select Vertical.
5. Go to Customize Journal Style and select Custom CSS on the sidebar on your left.
6. For Use Layout Style sheets: select No.
7. For Use layout style sheet(s) when including custom external style sheet: select No.
8. For Use external style sheets, select No and leave the Custom external style sheet URL empty.
9. Paste the following code into the Custom Style sheet box:
Code:
body {
font-family: verdana;
color: #de81c8;
overflow: auto;
margin: 0px;
padding: 0px;
background: url(http://img196.imageshack.us/img196/898/ljlayout5.jpg) repeat-y center #f5abf3}
td {
font-family: verdana;
font-size: 13px;
line-height: 18px;
text-align: justify; }
a:link { color: #990e54;
text-decoration: none;
cursor: hand; }
a:visited { color: #f5abf3;
text-decoration: none;
cursor: hand; }
a:hover { color: #f5abf3;
text-decoration: bold;
cursor: hand; }
a:link img { border: 0; }
a:visited img { border: 0; }
a:hover img { border: 0; }
p, td, blockquote {
font-size: 12px; }
blockquote {
border-left: 1px solid #007A8C;
padding-left: 10px;
margin: 15px; }
code, kbd, pre, tt {
font-family: monospace; }
#content {
width: 855px;
margin: 0 auto;
padding: 0px;
background:url('http://img37.imageshack.us/img37/3489/ljlayout4.jpg') no-repeat top; }
#maincontent {
margin-top: 260px;
margin-left: 120px;
margin-right: 105px;
padding: 0px;
font-family: "Verdana", sans-serif;
font-size: 13px;
line-height: 18px;
text-align: justify;
z-index: 105;
padding: 0px; }
#sidebar {
display: none; }
#header {
width: 100%;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-transform: lowercase;
padding: 0;
margin: 0px;
margin-bottom: 40px; }
#footer {
width: 100%;
text-align: center;
margin: 0px;
margin-bottom: 0px;
height: 40px;
background:url(http://img220.imageshack.us/img220/6954/ljlayout6.jpg) center no-repeat;
font-family: "Verdana", sans-serif;
font-size: 16px;
font-weight: bold;
z-index: 10;
clear: both;
}
ul.navheader
{
height: 50px;
margin: auto;
z-index: 60;
}
ul.navheader li {
float: left;
padding: 5px;
list-style: none;
margin-top: 250px;
margin-left: 80px;
}
ul.navheader li a
{ text-align: center;
font-size: 12px;
float: left;
color: #f5abf3;
width: 30px;
text-decoration: none;
font-variant: small-caps;
padding: 0px 0px 2px 0px; }
ul.navheader li a:hover
{ color: #f5abf3;
border-bottom: 1px solid #f5abf3;
margin-bottom: 0px; }
.title {
display: none; }
.subtitle {
display: none; }
.subcontent { }
.entry {
margin: 0px;
padding: 0px;
font-family: "Verdana", sans-serif;
font-size: 8pt;
text-align: justify;
line-height: 16px; }
.userpic {
position:relative;
float:right;
text-align:center;
font-family:"Verdana", sans-serif;
font-size:11px;
z-index:15;
background: !important;
border: 0px;
margin:5px;
padding:0; }
.userpicfriends {
position:relative;
float:right;
text-align:center;
font-family:"Verdana", sans-serif;
font-size:11px;
z-index:15;
background: !important;
border: 0px;
margin:5px;
padding:0; }
.userpicfriends font {
color: #C63E45 !important; }
.date {
line-height: 150%;
font-family: "Verdana", sans-serif;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
text-align: right;
}
.subject {
font-weight: normal;
padding-bottom: 10px;
font-family: "Verdana", sans-serif;
font-size: 18px;
font-variant: small-caps;
letter-spacing: 1px;
text-align: right;
}
.currents, .currentmood, .currentmusic, .ljtags {
font-family: "Verdana", sans-serif;
font-size: 11px; }
.ljtags{
font-weight:bold;
margin-top: 10px; }
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
padding: 3px;
margin: 0px; }
/* maincontent -- entry, reply pages */
.datesubjectcomment {
padding: 5px;
font-size: 12px;
line-height: 14px;
border-bottom: 1px dotted #998675;
}
.userpiccomment {
margin: 10px;
z-index: 15;
float: right;
}
.box {
padding: 10px;
margin-left: 20px;
clear: right;
width: 90%;
font-size: 8pt;
}
input, textarea {
color: #000000;
border: 1px dotted;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
line-height: 125%;
background-color: #ffffff;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-family: "Verdana", sans-serif;
}
.commentbox {
padding: 5px;
margin: 10px 0 10px 0;
}
.commentboxpartial {
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: left;
padding-bottom: 30px;
font-weight: normal;
color: #fff;
font-family: "Verdana", sans-serif;
font-size: 18px;
text-transform: lowercase;
letter-spacing: 1px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid;
}
table.yeartable td.yearday {
font-weight: bold;
text-align: center;
border-top: 1px solid;
}
td.yearmonth {
border-bottom: 1px dashed;
}
/* footer */
ul.navfooter{
padding: 0;
margin: 0;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 0;
}
.skiplinks {
text-align: left;
margin-left: 135px;
font-size: 6pt;
padding-bottom: 10px;
}
.separator{
height: 35px; }
font-family: verdana;
color: #de81c8;
overflow: auto;
margin: 0px;
padding: 0px;
background: url(http://img196.imageshack.us/img196/898/ljlayout5.jpg) repeat-y center #f5abf3}
td {
font-family: verdana;
font-size: 13px;
line-height: 18px;
text-align: justify; }
a:link { color: #990e54;
text-decoration: none;
cursor: hand; }
a:visited { color: #f5abf3;
text-decoration: none;
cursor: hand; }
a:hover { color: #f5abf3;
text-decoration: bold;
cursor: hand; }
a:link img { border: 0; }
a:visited img { border: 0; }
a:hover img { border: 0; }
p, td, blockquote {
font-size: 12px; }
blockquote {
border-left: 1px solid #007A8C;
padding-left: 10px;
margin: 15px; }
code, kbd, pre, tt {
font-family: monospace; }
#content {
width: 855px;
margin: 0 auto;
padding: 0px;
background:url('http://img37.imageshack.us/img37/3489/ljlayout4.jpg') no-repeat top; }
#maincontent {
margin-top: 260px;
margin-left: 120px;
margin-right: 105px;
padding: 0px;
font-family: "Verdana", sans-serif;
font-size: 13px;
line-height: 18px;
text-align: justify;
z-index: 105;
padding: 0px; }
#sidebar {
display: none; }
#header {
width: 100%;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-transform: lowercase;
padding: 0;
margin: 0px;
margin-bottom: 40px; }
#footer {
width: 100%;
text-align: center;
margin: 0px;
margin-bottom: 0px;
height: 40px;
background:url(http://img220.imageshack.us/img220/6954/ljlayout6.jpg) center no-repeat;
font-family: "Verdana", sans-serif;
font-size: 16px;
font-weight: bold;
z-index: 10;
clear: both;
}
ul.navheader
{
height: 50px;
margin: auto;
z-index: 60;
}
ul.navheader li {
float: left;
padding: 5px;
list-style: none;
margin-top: 250px;
margin-left: 80px;
}
ul.navheader li a
{ text-align: center;
font-size: 12px;
float: left;
color: #f5abf3;
width: 30px;
text-decoration: none;
font-variant: small-caps;
padding: 0px 0px 2px 0px; }
ul.navheader li a:hover
{ color: #f5abf3;
border-bottom: 1px solid #f5abf3;
margin-bottom: 0px; }
.title {
display: none; }
.subtitle {
display: none; }
.subcontent { }
.entry {
margin: 0px;
padding: 0px;
font-family: "Verdana", sans-serif;
font-size: 8pt;
text-align: justify;
line-height: 16px; }
.userpic {
position:relative;
float:right;
text-align:center;
font-family:"Verdana", sans-serif;
font-size:11px;
z-index:15;
background: !important;
border: 0px;
margin:5px;
padding:0; }
.userpicfriends {
position:relative;
float:right;
text-align:center;
font-family:"Verdana", sans-serif;
font-size:11px;
z-index:15;
background: !important;
border: 0px;
margin:5px;
padding:0; }
.userpicfriends font {
color: #C63E45 !important; }
.date {
line-height: 150%;
font-family: "Verdana", sans-serif;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
text-align: right;
}
.subject {
font-weight: normal;
padding-bottom: 10px;
font-family: "Verdana", sans-serif;
font-size: 18px;
font-variant: small-caps;
letter-spacing: 1px;
text-align: right;
}
.currents, .currentmood, .currentmusic, .ljtags {
font-family: "Verdana", sans-serif;
font-size: 11px; }
.ljtags{
font-weight:bold;
margin-top: 10px; }
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
padding: 3px;
margin: 0px; }
/* maincontent -- entry, reply pages */
.datesubjectcomment {
padding: 5px;
font-size: 12px;
line-height: 14px;
border-bottom: 1px dotted #998675;
}
.userpiccomment {
margin: 10px;
z-index: 15;
float: right;
}
.box {
padding: 10px;
margin-left: 20px;
clear: right;
width: 90%;
font-size: 8pt;
}
input, textarea {
color: #000000;
border: 1px dotted;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
line-height: 125%;
background-color: #ffffff;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-family: "Verdana", sans-serif;
}
.commentbox {
padding: 5px;
margin: 10px 0 10px 0;
}
.commentboxpartial {
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: left;
padding-bottom: 30px;
font-weight: normal;
color: #fff;
font-family: "Verdana", sans-serif;
font-size: 18px;
text-transform: lowercase;
letter-spacing: 1px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid;
}
table.yeartable td.yearday {
font-weight: bold;
text-align: center;
border-top: 1px solid;
}
td.yearmonth {
border-bottom: 1px dashed;
}
/* footer */
ul.navfooter{
padding: 0;
margin: 0;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 0;
}
.skiplinks {
text-align: left;
margin-left: 135px;
font-size: 6pt;
padding-bottom: 10px;
}
.separator{
height: 35px; }
0 comments:
Post a Comment