JETER021992 HEADER/LAYOUT REQUEST
jeter021992. Here are the codes for the layout you requested. I came up with three different headers, I hope you like one of them! Let me know if there are any problems, questions, concerns. Please credit minty_peach for the codes, I'd appreciate it if you credited bethyj_graphics for the header. Enjoy. :)
Please upload the header to your own photo hosting site. (Photobucket, tinypic etc.)
Enter URL for image at near the very bottom of the code.
Flexible Squares codes by minty_peach. You must credit them.
UPLOAD INSTRUCTIONS. | ORIGINAL CODES POST.
CODES FOR LAYOUT 1:
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
DO NOT REMOVE THIS SECTION
DO NOT EDIT AND REPOST AS YOUR OWN */
BODY{
margin: 70px 0px 50px 0px;
background-color: #0c273c;
background-image: url('');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "Verdana", sans-serif;
}
i, s, u {
color: #aaaaaa;
}
a, a:link, a:visited {
font-family: "verdana" Helvetica, sans-serif;
color: #3a81c1;
text-transform: uppercase;
text-decoration: none;
font-size: 7pt;
}
a:hover{
color: #aaaaaa;
}
blockquote {
margin: 10px;
padding: 10px;
color: #777777;
font-size: 10px;
border: 1px solid #bbbbbb;
background: #f5f5f5;
text-align: justify;
line-height: 16px;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 755px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: #fdfdfd;
}
#maincontent {
margin: 15px 0px 0px 195px;
background: #FDFDFD;
}
#sidebar {
width: 175px;
padding: 20px;
border-right: 1px dashed #cccccc;
color: #555555;
background-color: #FDFDFD;
font-family: "verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 16px;
text-align: justify;
float: left;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #3a81c1;
text-transform: lowercase;
text-decoration: none;
}
div#sidebar a:hover {
text-decoration: none;
color: #aaaaaa;
}
.defaultuserpic {
text-align: center;
border-color: 10px solid #FEFEFE;
}
.sbarheader {
padding: 0px 3px 0px 3px;
}
.sbarbody {
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
padding: 0 3px 0 3px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 3px;
border: 1px solid #ddd;
background: #FEFEFE;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #bbbbbb;
font-size: 10px;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
.sbarcalendarposts {
padding: 3px;
border: 1px solid #ccc;
background: #eee;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #EB8A00;
font-size: 10px;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
padding: 3px;
list-style: none;
border-bottom: 1px dashed #aaaaaa;
text-align: left;
}
li.sbaritem:hover {
border-bottom: 1px dashed #888888;
}
li.sbartitle {
list-style: none;
text-align: left;
text-transform: uppercase;
margin-top: 15px;
color: #ffffff;
font-size: 7pt;
padding: 4px;
background-color: #57aef7;
}
ul.ljtaglist li{
padding: 0px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
/****************************************************
HEADER & FOOTER LINKS - NOT THE HEADERIMAGE
**************************************************/
#header {
width: auto;
padding: 5px 10px 5px 10px;
line-height: 80px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #7BBE3D;
background-image: url('http://i19.photobucket.com/albums/b173/bethyj_graphics/misc/navbackground.jpg');
background-repeat: repeat-x;
border-top: 5px solid #57aef7;
font-size: 7pt;
color: #FFFFFF;
}
#footer {
width: auto;
padding: 5px 10px 5px 10px;
line-height: 40px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #3a81c1;
border-bottom: 5px solid #57aef7;
font-size: 7pt;
color: #FFFFFF;
z-index: 100;
clear: both;
}
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
padding: 10px 10px 10px 14px;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #FFFFFF;
padding: 10px 10px 10px 14px;
}
div#header a:hover {
color: #FEFEFE;
padding: 10px 10px 10px 14px;
background: url('') 5px 10px no-repeat;
}
div#footer a:hover {
color: #FEFEFE;
padding: 10px 10px 10px 14px;
background: url('') 5px 10px no-repeat;
}
ul.navheader {
padding: 0 5px 0 5px;
margin: 0 0px 0 0px; }
ul.navheader li {
display: inline;
list-style: none;
padding: 0;
}
div#header li.view {
padding: 10px 10px 10px 14px;
}
div#footer li.viewing {
padding: 10px;
}
#footer .viewing {
display:none;
}
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
clear: both;
}
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
/******************* title & subtitle *********************/
.title {
display: none;
}
.subtitle {
display: none;
}
/*********************************************** TAGS PAGE LAYOUT ******************************************/
.ljtaglist {
list-style-type: none;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 50%;
text-transform: uppercase;
text-align: left;
}
.ljtaglist li {
border-bottom: 1px solid #cccccc;
padding: 5px 2px 5px 20px;
color: #888888;
}
H2 {
margin: 30px 0px 10px 90px;
text-align: left;
padding: 2px 2px 2px 10px;
line-height: 12px;
font-weight: normal;
font-style: italic;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0px;
font-family: arial;
color: #888888;
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;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px;
}
.subcontent {
padding: 25px;
background: #FDFDFD;
background-image: url('');
background-repeat: no-repeat;
background-position: top-left;
}
.entry{
margin: 5px 5px 5px 5px;
padding: 5px;
color: #555555;
font-family: "verdana" Helvetica, sans-serif;
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, FRIENDS PAGE USERPICS, DATE, SUBJECT &MORE ******************************************/
.userpic {
display: none;
position: relative;
float: left;
padding: 10px;
margin-right: 10px;
margin-top: 0px;
z-index: 15;
background: url('');
background-repeat: no-repeat;
}
.userpicfriends {
position: relative;
float: left;
padding: 10px;
text-align: center;
margin-right: 10px;
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 8pt;
z-index: 15;
border: 0px solid #aaaaaa;
background-color: #FDFDFD !important;
}
.userpicfriends font {
color: #454545 !important;
text-transform: uppercase;
}
.userpicfriends br {
display: block;
height: 0;
}
.date {
text-align: right;
font-weight: normal;
padding-left: 7px;
color: #888888;
font-family: "arial" Helvetica, sans-serif;
font-size: 9pt;
text-transform: uppercase;
float: right;
border-left: 1px solid #888888;
}
.subject {
text-align: right;
padding-bottom: 1px;
padding-right: 9px;
color: #3a81c1;
font-family: "arial" Helvetica, sans-serif;
font-size: 9pt;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #aaaaaa;
text-transform: lowercase;
}
.subject a:hover {
color: #999;
}
.datesubject {
padding: 3px 20px 3px 3px;
border-bottom: 1px dashed #aaaaaa;
}
.currents, .currentmood, .currentmusic {
font-family: arial;
}
.currents strong, .ljtags strong {
padding-left: 14px;
margin-top: 35px;
font-size: 10px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
}
.currentmood strong, .currentlocation {
background: url('http://i31.tinypic.com/2ldhs37.gif') 0px 0px no-repeat;
}
.currentmusic {
background: url('http://i29.tinypic.com/16i5yjm.gif') 0px 1px no-repeat;
}
.ljtags {
margin-top: 25px;
margin-left: 1px;
padding-left: 14px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('http://i27.tinypic.com/vghld3.gif') 0px 1px no-repeat;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
text-transform: lowercase;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
text-transform: lowercase;
}
.currentlocation a:hover, .ljtags a:hover {
text-decoration: none;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 10px;
text-align: right;
font-weight: none;
padding: 4px;
position: relative;
color: #ffffff;
top: 10px;
border-top: 1px dashed #cccccc;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #666666;
padding: 5px 5px 5px 12px;
text-transform: uppercase;
background: url('http://i132.photobucket.com/albums/q11/minty_peach/rightd.png') 0px 6px no-repeat;
}
div.comments a:hover {
color: #bbbbbb;
background: url('http://i132.photobucket.com/albums/q11/minty_peach/right.gif') 0px 6px no-repeat;}
}
/***********************************************
ARCHIVE PAGE/CALENDAR ******************************************/
ul.year {
text-align: center;
padding: 35px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #777777;
padding: 2px;
background-color: #95C444;
border: 1px solid #999999;
text-align: center;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
table.yeartable td.yearday {
border: 1px solid #999999;
background-color: #BBBBBB;
padding: 4px;
text-align: center;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
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;
background: #DDDDDD;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
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: #3a81c1;
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%;
}
.headerimage {
position: relative;
margin: 0 auto 0 auto;
width: 755px;
height: 273px;
background-repeat: no-repeat;
background-image: url(ENTER HEADER URL HERE);
}
Please upload the header to your own photo hosting site. (Photobucket, tinypic etc.)
Enter URL for image at near the very bottom of the code.
(I ALSO MADE THE SAME HEADER WITH SOME SWIRL LIGHT EFFECTS. CHECK IT OUT HERE.)
Please upload the header to your own photo hosting site. (Photobucket, tinypic etc.)
Enter URL for image at near the very bottom of the code.
Flexible Squares codes by minty_peach. You must credit them.
UPLOAD INSTRUCTIONS. | ORIGINAL CODES POST.
CODES FOR LAYOUT 2 & 3:
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
DO NOT REMOVE THIS SECTION
DO NOT EDIT AND REPOST AS YOUR OWN */
BODY{
margin: 70px 0px 50px 0px;
background-color: #c0c0c0;
background-image: url('');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "Verdana", sans-serif;
}
i, s, u {
color: #aaaaaa;
}
a, a:link, a:visited {
font-family: "verdana" Helvetica, sans-serif;
color: #3a81c1;
text-transform: uppercase;
text-decoration: none;
font-size: 7pt;
}
a:hover{
color: #aaaaaa;
}
blockquote {
margin: 10px;
padding: 10px;
color: #777777;
font-size: 10px;
border: 1px solid #bbbbbb;
background: #f5f5f5;
text-align: justify;
line-height: 16px;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 755px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: #fdfdfd;
}
#maincontent {
margin: 15px 0px 0px 195px;
background: #FDFDFD;
}
#sidebar {
width: 175px;
padding: 20px;
border-right: 1px dashed #cccccc;
color: #555555;
background-color: #FDFDFD;
font-family: "verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 16px;
text-align: justify;
float: left;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #3a81c1;
text-transform: lowercase;
text-decoration: none;
}
div#sidebar a:hover {
text-decoration: none;
color: #aaaaaa;
}
.defaultuserpic {
text-align: center;
border-color: 10px solid #FEFEFE;
}
.sbarheader {
padding: 0px 3px 0px 3px;
}
.sbarbody {
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
padding: 0 3px 0 3px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 3px;
border: 1px solid #ddd;
background: #FEFEFE;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #bbbbbb;
font-size: 10px;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
.sbarcalendarposts {
padding: 3px;
border: 1px solid #ccc;
background: #eee;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #EB8A00;
font-size: 10px;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
padding: 3px;
list-style: none;
border-bottom: 1px dashed #aaaaaa;
text-align: left;
}
li.sbaritem:hover {
border-bottom: 1px dashed #888888;
}
li.sbartitle {
list-style: none;
text-align: left;
text-transform: uppercase;
margin-top: 15px;
color: #ffffff;
font-size: 7pt;
padding: 4px;
background-color: #57aef7;
}
ul.ljtaglist li{
padding: 0px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
/****************************************************
HEADER & FOOTER LINKS - NOT THE HEADERIMAGE
**************************************************/
#header {
width: auto;
padding: 5px 10px 5px 10px;
line-height: 80px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #7BBE3D;
background-image: url('http://i19.photobucket.com/albums/b173/bethyj_graphics/misc/navbackground.jpg');
background-repeat: repeat-x;
border-top: 5px solid #57aef7;
font-size: 7pt;
color: #FFFFFF;
}
#footer {
width: auto;
padding: 5px 10px 5px 10px;
line-height: 40px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #3a81c1;
border-bottom: 5px solid #57aef7;
font-size: 7pt;
color: #FFFFFF;
z-index: 100;
clear: both;
}
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
padding: 10px 10px 10px 14px;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #FFFFFF;
padding: 10px 10px 10px 14px;
}
div#header a:hover {
color: #FEFEFE;
padding: 10px 10px 10px 14px;
background: url('') 5px 10px no-repeat;
}
div#footer a:hover {
color: #FEFEFE;
padding: 10px 10px 10px 14px;
background: url('') 5px 10px no-repeat;
}
ul.navheader {
padding: 0 5px 0 5px;
margin: 0 0px 0 0px; }
ul.navheader li {
display: inline;
list-style: none;
padding: 0;
}
div#header li.view {
padding: 10px 10px 10px 14px;
}
div#footer li.viewing {
padding: 10px;
}
#footer .viewing {
display:none;
}
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
clear: both;
}
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
/******************* title & subtitle *********************/
.title {
display: none;
}
.subtitle {
display: none;
}
/*********************************************** TAGS PAGE LAYOUT ******************************************/
.ljtaglist {
list-style-type: none;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 50%;
text-transform: uppercase;
text-align: left;
}
.ljtaglist li {
border-bottom: 1px solid #cccccc;
padding: 5px 2px 5px 20px;
color: #888888;
}
H2 {
margin: 30px 0px 10px 90px;
text-align: left;
padding: 2px 2px 2px 10px;
line-height: 12px;
font-weight: normal;
font-style: italic;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0px;
font-family: arial;
color: #888888;
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;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px;
}
.subcontent {
padding: 25px;
background: #FDFDFD;
background-image: url('');
background-repeat: no-repeat;
background-position: top-left;
}
.entry{
margin: 5px 5px 5px 5px;
padding: 5px;
color: #555555;
font-family: "verdana" Helvetica, sans-serif;
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, FRIENDS PAGE USERPICS, DATE, SUBJECT &MORE ******************************************/
.userpic {
display: none;
position: relative;
float: left;
padding: 10px;
margin-right: 10px;
margin-top: 0px;
z-index: 15;
background: url('');
background-repeat: no-repeat;
}
.userpicfriends {
position: relative;
float: left;
padding: 10px;
text-align: center;
margin-right: 10px;
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 8pt;
z-index: 15;
border: 0px solid #aaaaaa;
background-color: #FDFDFD !important;
}
.userpicfriends font {
color: #454545 !important;
text-transform: uppercase;
}
.userpicfriends br {
display: block;
height: 0;
}
.date {
text-align: right;
font-weight: normal;
padding-left: 7px;
color: #888888;
font-family: "arial" Helvetica, sans-serif;
font-size: 9pt;
text-transform: uppercase;
float: right;
border-left: 1px solid #888888;
}
.subject {
text-align: right;
padding-bottom: 1px;
padding-right: 9px;
color: #3a81c1;
font-family: "arial" Helvetica, sans-serif;
font-size: 9pt;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #aaaaaa;
text-transform: lowercase;
}
.subject a:hover {
color: #999;
}
.datesubject {
padding: 3px 20px 3px 3px;
border-bottom: 1px dashed #aaaaaa;
}
.currents, .currentmood, .currentmusic {
font-family: arial;
}
.currents strong, .ljtags strong {
padding-left: 14px;
margin-top: 35px;
font-size: 10px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
}
.currentmood strong, .currentlocation {
background: url('http://i31.tinypic.com/2ldhs37.gif') 0px 0px no-repeat;
}
.currentmusic {
background: url('http://i29.tinypic.com/16i5yjm.gif') 0px 1px no-repeat;
}
.ljtags {
margin-top: 25px;
margin-left: 1px;
padding-left: 14px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('http://i27.tinypic.com/vghld3.gif') 0px 1px no-repeat;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
text-transform: lowercase;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
text-transform: lowercase;
}
.currentlocation a:hover, .ljtags a:hover {
text-decoration: none;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 10px;
text-align: right;
font-weight: none;
padding: 4px;
position: relative;
color: #ffffff;
top: 10px;
border-top: 1px dashed #cccccc;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #666666;
padding: 5px 5px 5px 12px;
text-transform: uppercase;
background: url('http://i132.photobucket.com/albums/q11/minty_peach/rightd.png') 0px 6px no-repeat;
}
div.comments a:hover {
color: #bbbbbb;
background: url('http://i132.photobucket.com/albums/q11/minty_peach/right.gif') 0px 6px no-repeat;}
}
/***********************************************
ARCHIVE PAGE/CALENDAR ******************************************/
ul.year {
text-align: center;
padding: 35px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #777777;
padding: 2px;
background-color: #95C444;
border: 1px solid #999999;
text-align: center;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
table.yeartable td.yearday {
border: 1px solid #999999;
background-color: #BBBBBB;
padding: 4px;
text-align: center;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
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;
background: #DDDDDD;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
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: #3a81c1;
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%;
}
.headerimage {
position: relative;
margin: 0 auto 0 auto;
width: 755px;
height: 247px;
background-repeat: no-repeat;
background-image: url(ENTER HEARDER URL HERE);
}
Please upload the header to your own photo hosting site. (Photobucket, tinypic etc.)
Enter URL for image at near the very bottom of the code.
Flexible Squares codes by minty_peach. You must credit them.
UPLOAD INSTRUCTIONS. | ORIGINAL CODES POST.
CODES FOR LAYOUT 1:
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
DO NOT REMOVE THIS SECTION
DO NOT EDIT AND REPOST AS YOUR OWN */
BODY{
margin: 70px 0px 50px 0px;
background-color: #0c273c;
background-image: url('');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "Verdana", sans-serif;
}
i, s, u {
color: #aaaaaa;
}
a, a:link, a:visited {
font-family: "verdana" Helvetica, sans-serif;
color: #3a81c1;
text-transform: uppercase;
text-decoration: none;
font-size: 7pt;
}
a:hover{
color: #aaaaaa;
}
blockquote {
margin: 10px;
padding: 10px;
color: #777777;
font-size: 10px;
border: 1px solid #bbbbbb;
background: #f5f5f5;
text-align: justify;
line-height: 16px;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 755px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: #fdfdfd;
}
#maincontent {
margin: 15px 0px 0px 195px;
background: #FDFDFD;
}
#sidebar {
width: 175px;
padding: 20px;
border-right: 1px dashed #cccccc;
color: #555555;
background-color: #FDFDFD;
font-family: "verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 16px;
text-align: justify;
float: left;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #3a81c1;
text-transform: lowercase;
text-decoration: none;
}
div#sidebar a:hover {
text-decoration: none;
color: #aaaaaa;
}
.defaultuserpic {
text-align: center;
border-color: 10px solid #FEFEFE;
}
.sbarheader {
padding: 0px 3px 0px 3px;
}
.sbarbody {
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
padding: 0 3px 0 3px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 3px;
border: 1px solid #ddd;
background: #FEFEFE;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #bbbbbb;
font-size: 10px;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
.sbarcalendarposts {
padding: 3px;
border: 1px solid #ccc;
background: #eee;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #EB8A00;
font-size: 10px;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
padding: 3px;
list-style: none;
border-bottom: 1px dashed #aaaaaa;
text-align: left;
}
li.sbaritem:hover {
border-bottom: 1px dashed #888888;
}
li.sbartitle {
list-style: none;
text-align: left;
text-transform: uppercase;
margin-top: 15px;
color: #ffffff;
font-size: 7pt;
padding: 4px;
background-color: #57aef7;
}
ul.ljtaglist li{
padding: 0px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
/****************************************************
HEADER & FOOTER LINKS - NOT THE HEADERIMAGE
**************************************************/
#header {
width: auto;
padding: 5px 10px 5px 10px;
line-height: 80px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #7BBE3D;
background-image: url('http://i19.photobucket.com/albums/b173/bethyj_graphics/misc/navbackground.jpg');
background-repeat: repeat-x;
border-top: 5px solid #57aef7;
font-size: 7pt;
color: #FFFFFF;
}
#footer {
width: auto;
padding: 5px 10px 5px 10px;
line-height: 40px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #3a81c1;
border-bottom: 5px solid #57aef7;
font-size: 7pt;
color: #FFFFFF;
z-index: 100;
clear: both;
}
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
padding: 10px 10px 10px 14px;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #FFFFFF;
padding: 10px 10px 10px 14px;
}
div#header a:hover {
color: #FEFEFE;
padding: 10px 10px 10px 14px;
background: url('') 5px 10px no-repeat;
}
div#footer a:hover {
color: #FEFEFE;
padding: 10px 10px 10px 14px;
background: url('') 5px 10px no-repeat;
}
ul.navheader {
padding: 0 5px 0 5px;
margin: 0 0px 0 0px; }
ul.navheader li {
display: inline;
list-style: none;
padding: 0;
}
div#header li.view {
padding: 10px 10px 10px 14px;
}
div#footer li.viewing {
padding: 10px;
}
#footer .viewing {
display:none;
}
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
clear: both;
}
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
/******************* title & subtitle *********************/
.title {
display: none;
}
.subtitle {
display: none;
}
/*********************************************** TAGS PAGE LAYOUT ******************************************/
.ljtaglist {
list-style-type: none;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 50%;
text-transform: uppercase;
text-align: left;
}
.ljtaglist li {
border-bottom: 1px solid #cccccc;
padding: 5px 2px 5px 20px;
color: #888888;
}
H2 {
margin: 30px 0px 10px 90px;
text-align: left;
padding: 2px 2px 2px 10px;
line-height: 12px;
font-weight: normal;
font-style: italic;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0px;
font-family: arial;
color: #888888;
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;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px;
}
.subcontent {
padding: 25px;
background: #FDFDFD;
background-image: url('');
background-repeat: no-repeat;
background-position: top-left;
}
.entry{
margin: 5px 5px 5px 5px;
padding: 5px;
color: #555555;
font-family: "verdana" Helvetica, sans-serif;
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, FRIENDS PAGE USERPICS, DATE, SUBJECT &MORE ******************************************/
.userpic {
display: none;
position: relative;
float: left;
padding: 10px;
margin-right: 10px;
margin-top: 0px;
z-index: 15;
background: url('');
background-repeat: no-repeat;
}
.userpicfriends {
position: relative;
float: left;
padding: 10px;
text-align: center;
margin-right: 10px;
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 8pt;
z-index: 15;
border: 0px solid #aaaaaa;
background-color: #FDFDFD !important;
}
.userpicfriends font {
color: #454545 !important;
text-transform: uppercase;
}
.userpicfriends br {
display: block;
height: 0;
}
.date {
text-align: right;
font-weight: normal;
padding-left: 7px;
color: #888888;
font-family: "arial" Helvetica, sans-serif;
font-size: 9pt;
text-transform: uppercase;
float: right;
border-left: 1px solid #888888;
}
.subject {
text-align: right;
padding-bottom: 1px;
padding-right: 9px;
color: #3a81c1;
font-family: "arial" Helvetica, sans-serif;
font-size: 9pt;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #aaaaaa;
text-transform: lowercase;
}
.subject a:hover {
color: #999;
}
.datesubject {
padding: 3px 20px 3px 3px;
border-bottom: 1px dashed #aaaaaa;
}
.currents, .currentmood, .currentmusic {
font-family: arial;
}
.currents strong, .ljtags strong {
padding-left: 14px;
margin-top: 35px;
font-size: 10px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
}
.currentmood strong, .currentlocation {
background: url('http://i31.tinypic.com/2ldhs37.gif') 0px 0px no-repeat;
}
.currentmusic {
background: url('http://i29.tinypic.com/16i5yjm.gif') 0px 1px no-repeat;
}
.ljtags {
margin-top: 25px;
margin-left: 1px;
padding-left: 14px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('http://i27.tinypic.com/vghld3.gif') 0px 1px no-repeat;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
text-transform: lowercase;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
text-transform: lowercase;
}
.currentlocation a:hover, .ljtags a:hover {
text-decoration: none;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 10px;
text-align: right;
font-weight: none;
padding: 4px;
position: relative;
color: #ffffff;
top: 10px;
border-top: 1px dashed #cccccc;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #666666;
padding: 5px 5px 5px 12px;
text-transform: uppercase;
background: url('http://i132.photobucket.com/albums/q11/minty_peach/rightd.png') 0px 6px no-repeat;
}
div.comments a:hover {
color: #bbbbbb;
background: url('http://i132.photobucket.com/albums/q11/minty_peach/right.gif') 0px 6px no-repeat;}
}
/***********************************************
ARCHIVE PAGE/CALENDAR ******************************************/
ul.year {
text-align: center;
padding: 35px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #777777;
padding: 2px;
background-color: #95C444;
border: 1px solid #999999;
text-align: center;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
table.yeartable td.yearday {
border: 1px solid #999999;
background-color: #BBBBBB;
padding: 4px;
text-align: center;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
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;
background: #DDDDDD;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
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: #3a81c1;
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%;
}
.headerimage {
position: relative;
margin: 0 auto 0 auto;
width: 755px;
height: 273px;
background-repeat: no-repeat;
background-image: url(ENTER HEADER URL HERE);
}
Please upload the header to your own photo hosting site. (Photobucket, tinypic etc.)
Enter URL for image at near the very bottom of the code.
(I ALSO MADE THE SAME HEADER WITH SOME SWIRL LIGHT EFFECTS. CHECK IT OUT HERE.)
Please upload the header to your own photo hosting site. (Photobucket, tinypic etc.)
Enter URL for image at near the very bottom of the code.
Flexible Squares codes by minty_peach. You must credit them.
UPLOAD INSTRUCTIONS. | ORIGINAL CODES POST.
CODES FOR LAYOUT 2 & 3:
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
DO NOT REMOVE THIS SECTION
DO NOT EDIT AND REPOST AS YOUR OWN */
BODY{
margin: 70px 0px 50px 0px;
background-color: #c0c0c0;
background-image: url('');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "Verdana", sans-serif;
}
i, s, u {
color: #aaaaaa;
}
a, a:link, a:visited {
font-family: "verdana" Helvetica, sans-serif;
color: #3a81c1;
text-transform: uppercase;
text-decoration: none;
font-size: 7pt;
}
a:hover{
color: #aaaaaa;
}
blockquote {
margin: 10px;
padding: 10px;
color: #777777;
font-size: 10px;
border: 1px solid #bbbbbb;
background: #f5f5f5;
text-align: justify;
line-height: 16px;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 755px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: #fdfdfd;
}
#maincontent {
margin: 15px 0px 0px 195px;
background: #FDFDFD;
}
#sidebar {
width: 175px;
padding: 20px;
border-right: 1px dashed #cccccc;
color: #555555;
background-color: #FDFDFD;
font-family: "verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 16px;
text-align: justify;
float: left;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #3a81c1;
text-transform: lowercase;
text-decoration: none;
}
div#sidebar a:hover {
text-decoration: none;
color: #aaaaaa;
}
.defaultuserpic {
text-align: center;
border-color: 10px solid #FEFEFE;
}
.sbarheader {
padding: 0px 3px 0px 3px;
}
.sbarbody {
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
padding: 0 3px 0 3px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 3px;
border: 1px solid #ddd;
background: #FEFEFE;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #bbbbbb;
font-size: 10px;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
.sbarcalendarposts {
padding: 3px;
border: 1px solid #ccc;
background: #eee;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
color: #EB8A00;
font-size: 10px;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
padding: 3px;
list-style: none;
border-bottom: 1px dashed #aaaaaa;
text-align: left;
}
li.sbaritem:hover {
border-bottom: 1px dashed #888888;
}
li.sbartitle {
list-style: none;
text-align: left;
text-transform: uppercase;
margin-top: 15px;
color: #ffffff;
font-size: 7pt;
padding: 4px;
background-color: #57aef7;
}
ul.ljtaglist li{
padding: 0px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
/****************************************************
HEADER & FOOTER LINKS - NOT THE HEADERIMAGE
**************************************************/
#header {
width: auto;
padding: 5px 10px 5px 10px;
line-height: 80px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #7BBE3D;
background-image: url('http://i19.photobucket.com/albums/b173/bethyj_graphics/misc/navbackground.jpg');
background-repeat: repeat-x;
border-top: 5px solid #57aef7;
font-size: 7pt;
color: #FFFFFF;
}
#footer {
width: auto;
padding: 5px 10px 5px 10px;
line-height: 40px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #3a81c1;
border-bottom: 5px solid #57aef7;
font-size: 7pt;
color: #FFFFFF;
z-index: 100;
clear: both;
}
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
padding: 10px 10px 10px 14px;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #FFFFFF;
padding: 10px 10px 10px 14px;
}
div#header a:hover {
color: #FEFEFE;
padding: 10px 10px 10px 14px;
background: url('') 5px 10px no-repeat;
}
div#footer a:hover {
color: #FEFEFE;
padding: 10px 10px 10px 14px;
background: url('') 5px 10px no-repeat;
}
ul.navheader {
padding: 0 5px 0 5px;
margin: 0 0px 0 0px; }
ul.navheader li {
display: inline;
list-style: none;
padding: 0;
}
div#header li.view {
padding: 10px 10px 10px 14px;
}
div#footer li.viewing {
padding: 10px;
}
#footer .viewing {
display:none;
}
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
clear: both;
}
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
/******************* title & subtitle *********************/
.title {
display: none;
}
.subtitle {
display: none;
}
/*********************************************** TAGS PAGE LAYOUT ******************************************/
.ljtaglist {
list-style-type: none;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 50%;
text-transform: uppercase;
text-align: left;
}
.ljtaglist li {
border-bottom: 1px solid #cccccc;
padding: 5px 2px 5px 20px;
color: #888888;
}
H2 {
margin: 30px 0px 10px 90px;
text-align: left;
padding: 2px 2px 2px 10px;
line-height: 12px;
font-weight: normal;
font-style: italic;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0px;
font-family: arial;
color: #888888;
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;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px;
}
.subcontent {
padding: 25px;
background: #FDFDFD;
background-image: url('');
background-repeat: no-repeat;
background-position: top-left;
}
.entry{
margin: 5px 5px 5px 5px;
padding: 5px;
color: #555555;
font-family: "verdana" Helvetica, sans-serif;
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, FRIENDS PAGE USERPICS, DATE, SUBJECT &MORE ******************************************/
.userpic {
display: none;
position: relative;
float: left;
padding: 10px;
margin-right: 10px;
margin-top: 0px;
z-index: 15;
background: url('');
background-repeat: no-repeat;
}
.userpicfriends {
position: relative;
float: left;
padding: 10px;
text-align: center;
margin-right: 10px;
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 8pt;
z-index: 15;
border: 0px solid #aaaaaa;
background-color: #FDFDFD !important;
}
.userpicfriends font {
color: #454545 !important;
text-transform: uppercase;
}
.userpicfriends br {
display: block;
height: 0;
}
.date {
text-align: right;
font-weight: normal;
padding-left: 7px;
color: #888888;
font-family: "arial" Helvetica, sans-serif;
font-size: 9pt;
text-transform: uppercase;
float: right;
border-left: 1px solid #888888;
}
.subject {
text-align: right;
padding-bottom: 1px;
padding-right: 9px;
color: #3a81c1;
font-family: "arial" Helvetica, sans-serif;
font-size: 9pt;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #aaaaaa;
text-transform: lowercase;
}
.subject a:hover {
color: #999;
}
.datesubject {
padding: 3px 20px 3px 3px;
border-bottom: 1px dashed #aaaaaa;
}
.currents, .currentmood, .currentmusic {
font-family: arial;
}
.currents strong, .ljtags strong {
padding-left: 14px;
margin-top: 35px;
font-size: 10px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
}
.currentmood strong, .currentlocation {
background: url('http://i31.tinypic.com/2ldhs37.gif') 0px 0px no-repeat;
}
.currentmusic {
background: url('http://i29.tinypic.com/16i5yjm.gif') 0px 1px no-repeat;
}
.ljtags {
margin-top: 25px;
margin-left: 1px;
padding-left: 14px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('http://i27.tinypic.com/vghld3.gif') 0px 1px no-repeat;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
text-transform: lowercase;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
text-transform: lowercase;
}
.currentlocation a:hover, .ljtags a:hover {
text-decoration: none;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 10px;
text-align: right;
font-weight: none;
padding: 4px;
position: relative;
color: #ffffff;
top: 10px;
border-top: 1px dashed #cccccc;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #666666;
padding: 5px 5px 5px 12px;
text-transform: uppercase;
background: url('http://i132.photobucket.com/albums/q11/minty_peach/rightd.png') 0px 6px no-repeat;
}
div.comments a:hover {
color: #bbbbbb;
background: url('http://i132.photobucket.com/albums/q11/minty_peach/right.gif') 0px 6px no-repeat;}
}
/***********************************************
ARCHIVE PAGE/CALENDAR ******************************************/
ul.year {
text-align: center;
padding: 35px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #777777;
padding: 2px;
background-color: #95C444;
border: 1px solid #999999;
text-align: center;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
table.yeartable td.yearday {
border: 1px solid #999999;
background-color: #BBBBBB;
padding: 4px;
text-align: center;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
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;
background: #DDDDDD;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
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: #3a81c1;
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%;
}
.headerimage {
position: relative;
margin: 0 auto 0 auto;
width: 755px;
height: 247px;
background-repeat: no-repeat;
background-image: url(ENTER HEARDER URL HERE);
}