comments subject and 'back to top' - SOLVED
I have two questions that I just can't find the answer to, even though I've looked all over the community. (Sorry if I missed something though.)
1) I have a paid community {the_host_novel} and I would like to be able to make just the subject of the comment much larger (much like it is on the default comments page). For example, in this post, I'd like to make the text "Pics for Next Week" 20px or something. I'd also like to remove the IP address if possible. SOLVED
2) I'd like to add a "back to top" link/button at the very bottom of the page. SOLVED
My theme layer is here, but I did most of the editing in CSS which I'll put in a textbox under the cut in case you need it..
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
DO NOT REMOVE THIS SECTION. DO NOT EDIT AND REPOST AS YOUR OWN.
-- SIDEBAR VERSION*/
BODY{
margin: 0px 0px 0px 0px;
background-color: #41473a;
background-image: url('http://pics.livejournal.com/kissingdaylight/pic/001c01t9');
background-repeat: repeat;
background-position: top;
text-align: left;
font-size: 12px;
color: #8e8e8e;
font-family: helvetica, candara, arial, sans-serif;
}
s, u { color: #aaaaaa; }
a, a:link, a:visited {
font-family: helvetica, candara, arial, sans-serif;
color: #7b9ca3;
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
}
a:hover{
color: #aaaaaa;
}
blockquote {
margin: 10px;
padding: 10px;
color: #777777;
font-size: 11px;
border: 1px solid #bbbbbb;
background: #f5f5f5;
text-align: justify;
line-height: 16px;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: georgia, perpetua, "times new roman", serif;
}
#content {
width: 960px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
#maincontent {
margin: 0px 0px 0px 225px;
}
#sidebar {
width: 200px;
margin-top: 0px;
padding: 15px;
border-right: 1px solid #cccccc;
color: #555555;
font-family: helvetica, candara, arial, sans-serif;
font-size: 12px;
line-height: 16px;
text-align: left;
float: left;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #888888;
text-decoration: none;
}
div#sidebar a:hover {
text-decoration: none;
color: #7b9ca2;
}
.defaultuserpic {
text-align: center;
border-color: 12px solid #8e8e8e;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
padding: 0 6px 0 6px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 3px;
border: 1px solid #ddd;
background: #ececec;
text-align: center;
font-family: helvetica, candara, arial, sans-serif;
color: #bbbbbb;
font-size: 12px;
}
.sbarcalendarposts {
padding: 3px;
border: 1px solid #ccc;
background: #dddddd;
text-align: center;
font-family: helvetica, candara, arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
padding: 2px 3px 2px 13px;
list-style: none;
border-bottom: 1px #cccccc solid;
}
li.sbaritem:hover {
background-color: #dddddd;
}
li.sbartitle {
list-style: none;
margin-bottom: 2px;
margin-top: 15px;
text-align: left;
text-transform: lowercase;
border-bottom: 1px dashed #aaaaaa;
color: #7b9ca3;
font-family: georgia, perpetua, "times new roman", serif;
font-size: 11pt;
padding-left: 1px;
padding-bottom: 2px;
}
ul.ljtaglist li{
padding: 0px;
margin: 5px;
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: 30px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20pt;
font-family: georgia, perpetua, "times new roman", serif;
color: #7b9ca3;
}
#footer {
width: auto;
padding: 5px 10px 5px 10px;
line-height: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12pt;
color: #7b9ca3;
z-index: 100;
clear: both;
}
div#footer-links {
URL: #top;
}
div#header a, div#header a:link, div#header a:visited {
color: #7b9ca3;
line-height: 40px;
font-size: 15pt;
padding: 10px 10px 10px 10px;
font-family: georgia, perpetua, "times new roman", serif;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #7b9ca3;
font-size: 8pt;
padding: 10px 10px 10px 14px;
}
div#header a:hover {
color: #666666;
text-transform: lowercase;
padding: 10px 10px 10px 10px;
}
div#footer a:hover {
color: #aaaaaa;
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: helvetica, candara, arial, sans-serif;
font-size: 8pt;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px;
}
.subcontent {
padding: 40px 25px 25px 25px;
background-image: url('');
background-repeat: repeat-y;
background-position: top-left;
}
.entry{
margin: 5px 132px 5px 5px;
padding: 5px;
color: #666666;
font-family: helvetica, candara, arial, sans-serif;
font-size: 12px;
line-height: 18px;
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: right;
padding: 10px;
margin-right: 5px;
margin-top: 0px;
z-index: 15;
background-color: #ececec;
background-repeat: no-repeat;
}
.userpicfriends {
position: relative;
float: right;
padding: 10px;
text-align: center;
margin-right: 5px;
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 8pt;
z-index: 15;
border: 1px solid #cccccc;
background-color: #ececec !important;
}
.userpicfriends font {
color: #454545 !important;
text-transform: uppercase;
}
.userpicfriends br {
display: block;
height: 0;
}
.date {
text-align: left;
font-weight: normal;
padding-left: 20px;
padding-right: 12px;
color: #888888;
font-family: "arial" Helvetica, sans-serif;
font-size: 9pt;
text-transform: uppercase;
float: left;
background: url('http://pics.livejournal.com/kissingdaylight/pic/001bq79t') 0px 1px no-repeat;
}
.subject {
text-align: left;
padding-left: 9px;
color: #7b9ca2;
font-family: georgia, perpetua, "times new roman", serif;
font-size: 12pt;
font-weight: bold;
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 strong{
font-weight: normal;
}
.currentlocation {
padding-left: 14px;
background: url('http://i26.tinypic.com/2wpm3c0.gif') 0px 2px no-repeat;
}
.currentmood {
padding-left: 14px;
background: url('http://i30.tinypic.com/2r5b046.gif') 0px 2px no-repeat;
}
.currentmusic {
padding-left: 14px;
background: url('http://i30.tinypic.com/2qscq4l.gif') 0px 2px no-repeat;
}
.ljtags {
margin-top: 25px;
margin-left: 1px;
padding-left: 14px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('http://i25.tinypic.com/208wbd2.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: helvetica, candara, arial, sans-serif;
font-size: 12px;
text-align: center;
font-weight: none;
padding: 8px;
position: relative;
color: #888888;
top: 10px;
border-top: 1px dashed #cccccc;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 2px;
}
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: #ececec;
border: 1px solid #dddddd;
text-align: center;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
table.yeartable td.yearday {
border: 1px solid #7b9ca3;
background-color: #dddddd;
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: 960px; height: 216px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://pics.livejournal.com/kissingdaylight/pic/001c1y8a');
background-repeat: no repeat;
}
.separator {
height: 0px;
}
/*********************************************** 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;
border-bottom: 1px #e5e5e5 solid;
}
.userpiccomment {
position: relative;
top: -25px;
left: 0px;
padding: 5px;
border: 1px dotted #aaaaaa;
background-color: #7b9ca3;
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: #ececec;
color: #454545;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: helvetica, candara, arial, sans-serif;
font-size: 12px;
line-height: 125%;
color: #454545;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: helvetica, candara, arial, sans-serif;
color: #454545;
}
.commentbox {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7b9ca3;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
background-color: #cbd7c1;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #454545;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/******************** UNDER THIS IS WHERE YOU PASTE YOUR CODES FOR TINY USER PIC REPLACEMENTS **********************/
.entry img { max-width: 475px !important; }
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 16px 0px 0px !important;
background: url(http://pics.livejournal.com/kissingdaylight/pic/001bpk3q);
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://pics.livejournal.com/kissingdaylight/pic/001brp33);
padding: 16px 16px 0 2px !important;
}
.ljuser a:hover b {
color: #aaaaaa;
background: transparent;
}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color: transparent;
background-image: url(http://pics.livejournal.com/kissingdaylight/pic/001brp33);
padding: 16px 16px 0 2px !important;
}
.ljuser:hover img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-image: url(http://pics.livejournal.com/kissingdaylight/pic/001btwp0);
}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color: transparent;
background-image: url(http://pics.livejournal.com/kissingdaylight/pic/001bsc6y);
padding: 16px 17px 2px 2px !important;
}
.ljuser:hover img[src="http://p-stat.livejournal.com/img/community.gif"] {background-image: url(http://pics.livejournal.com/kissingdaylight/pic/001bwtx4);
}
.ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0 !important;
background: url(http://pics.livejournal.com/kissingdaylight/pic/001brp33); }
div.ContextualPopup div.Inner {
background: #ececec !important;
border: 2px solid #666666!important;
padding: 5px;
color: #8e8e8e !important;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal!important;
color: #7b9ca3 !important;
}
div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {
font-weight: bold !important;
color: #7b9ca3;
}
.box img[src="http://p-stat.livejournal.com/img/anonymous.gif"]{
height:0; width:0;
padding: 0 16px 16px 0; /* the suggested height and width of tiny-icons is 16px */
background: url(http://pics.livejournal.com/kissingdaylight/pic/001ck5kd); }
.box img[src="http://p-stat.livejournal.com/img/openid-profile.gif"]{
height:0; width:0;
padding: 0 16px 16px 0; /* the suggested height and width of tiny-icons is 16px */
background: url(http://pics.livejournal.com/kissingdaylight/pic/001ch1q0);
}
.box img[src="http://p-stat.livejournal.com/img/help.gif"]{
height:0; width:0;
padding: 0 16px 16px 0; /* the suggested height and width of tiny-icons is 16px */
background: url(http://pics.livejournal.com/kissingdaylight/pic/001cfb47);
}
#ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{
height:0; width:0;
padding: 0 16px 16px 0; /* the suggested height and width of tiny-icons is 16px */
background: url(http://pics.livejournal.com/kissingdaylight/pic/001brp33);
background-repeat: no-repeat;
}
Thank you in advance!
1) I have a paid community {the_host_novel} and I would like to be able to make just the subject of the comment much larger (much like it is on the default comments page). For example, in this post, I'd like to make the text "Pics for Next Week" 20px or something. I'd also like to remove the IP address if possible. SOLVED
2) I'd like to add a "back to top" link/button at the very bottom of the page. SOLVED
My theme layer is here, but I did most of the editing in CSS which I'll put in a textbox under the cut in case you need it..
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
DO NOT REMOVE THIS SECTION. DO NOT EDIT AND REPOST AS YOUR OWN.
-- SIDEBAR VERSION*/
BODY{
margin: 0px 0px 0px 0px;
background-color: #41473a;
background-image: url('http://pics.livejournal.com/kissingdaylight/pic/001c01t9');
background-repeat: repeat;
background-position: top;
text-align: left;
font-size: 12px;
color: #8e8e8e;
font-family: helvetica, candara, arial, sans-serif;
}
s, u { color: #aaaaaa; }
a, a:link, a:visited {
font-family: helvetica, candara, arial, sans-serif;
color: #7b9ca3;
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
}
a:hover{
color: #aaaaaa;
}
blockquote {
margin: 10px;
padding: 10px;
color: #777777;
font-size: 11px;
border: 1px solid #bbbbbb;
background: #f5f5f5;
text-align: justify;
line-height: 16px;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: georgia, perpetua, "times new roman", serif;
}
#content {
width: 960px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
#maincontent {
margin: 0px 0px 0px 225px;
}
#sidebar {
width: 200px;
margin-top: 0px;
padding: 15px;
border-right: 1px solid #cccccc;
color: #555555;
font-family: helvetica, candara, arial, sans-serif;
font-size: 12px;
line-height: 16px;
text-align: left;
float: left;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #888888;
text-decoration: none;
}
div#sidebar a:hover {
text-decoration: none;
color: #7b9ca2;
}
.defaultuserpic {
text-align: center;
border-color: 12px solid #8e8e8e;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
padding: 0 6px 0 6px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 3px;
border: 1px solid #ddd;
background: #ececec;
text-align: center;
font-family: helvetica, candara, arial, sans-serif;
color: #bbbbbb;
font-size: 12px;
}
.sbarcalendarposts {
padding: 3px;
border: 1px solid #ccc;
background: #dddddd;
text-align: center;
font-family: helvetica, candara, arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
padding: 2px 3px 2px 13px;
list-style: none;
border-bottom: 1px #cccccc solid;
}
li.sbaritem:hover {
background-color: #dddddd;
}
li.sbartitle {
list-style: none;
margin-bottom: 2px;
margin-top: 15px;
text-align: left;
text-transform: lowercase;
border-bottom: 1px dashed #aaaaaa;
color: #7b9ca3;
font-family: georgia, perpetua, "times new roman", serif;
font-size: 11pt;
padding-left: 1px;
padding-bottom: 2px;
}
ul.ljtaglist li{
padding: 0px;
margin: 5px;
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: 30px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20pt;
font-family: georgia, perpetua, "times new roman", serif;
color: #7b9ca3;
}
#footer {
width: auto;
padding: 5px 10px 5px 10px;
line-height: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12pt;
color: #7b9ca3;
z-index: 100;
clear: both;
}
div#footer-links {
URL: #top;
}
div#header a, div#header a:link, div#header a:visited {
color: #7b9ca3;
line-height: 40px;
font-size: 15pt;
padding: 10px 10px 10px 10px;
font-family: georgia, perpetua, "times new roman", serif;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #7b9ca3;
font-size: 8pt;
padding: 10px 10px 10px 14px;
}
div#header a:hover {
color: #666666;
text-transform: lowercase;
padding: 10px 10px 10px 10px;
}
div#footer a:hover {
color: #aaaaaa;
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: helvetica, candara, arial, sans-serif;
font-size: 8pt;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px;
}
.subcontent {
padding: 40px 25px 25px 25px;
background-image: url('');
background-repeat: repeat-y;
background-position: top-left;
}
.entry{
margin: 5px 132px 5px 5px;
padding: 5px;
color: #666666;
font-family: helvetica, candara, arial, sans-serif;
font-size: 12px;
line-height: 18px;
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: right;
padding: 10px;
margin-right: 5px;
margin-top: 0px;
z-index: 15;
background-color: #ececec;
background-repeat: no-repeat;
}
.userpicfriends {
position: relative;
float: right;
padding: 10px;
text-align: center;
margin-right: 5px;
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 8pt;
z-index: 15;
border: 1px solid #cccccc;
background-color: #ececec !important;
}
.userpicfriends font {
color: #454545 !important;
text-transform: uppercase;
}
.userpicfriends br {
display: block;
height: 0;
}
.date {
text-align: left;
font-weight: normal;
padding-left: 20px;
padding-right: 12px;
color: #888888;
font-family: "arial" Helvetica, sans-serif;
font-size: 9pt;
text-transform: uppercase;
float: left;
background: url('http://pics.livejournal.com/kissingdaylight/pic/001bq79t') 0px 1px no-repeat;
}
.subject {
text-align: left;
padding-left: 9px;
color: #7b9ca2;
font-family: georgia, perpetua, "times new roman", serif;
font-size: 12pt;
font-weight: bold;
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 strong{
font-weight: normal;
}
.currentlocation {
padding-left: 14px;
background: url('http://i26.tinypic.com/2wpm3c0.gif') 0px 2px no-repeat;
}
.currentmood {
padding-left: 14px;
background: url('http://i30.tinypic.com/2r5b046.gif') 0px 2px no-repeat;
}
.currentmusic {
padding-left: 14px;
background: url('http://i30.tinypic.com/2qscq4l.gif') 0px 2px no-repeat;
}
.ljtags {
margin-top: 25px;
margin-left: 1px;
padding-left: 14px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('http://i25.tinypic.com/208wbd2.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: helvetica, candara, arial, sans-serif;
font-size: 12px;
text-align: center;
font-weight: none;
padding: 8px;
position: relative;
color: #888888;
top: 10px;
border-top: 1px dashed #cccccc;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 2px;
}
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: #ececec;
border: 1px solid #dddddd;
text-align: center;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}
table.yeartable td.yearday {
border: 1px solid #7b9ca3;
background-color: #dddddd;
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: 960px; height: 216px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://pics.livejournal.com/kissingdaylight/pic/001c1y8a');
background-repeat: no repeat;
}
.separator {
height: 0px;
}
/*********************************************** 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;
border-bottom: 1px #e5e5e5 solid;
}
.userpiccomment {
position: relative;
top: -25px;
left: 0px;
padding: 5px;
border: 1px dotted #aaaaaa;
background-color: #7b9ca3;
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: #ececec;
color: #454545;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: helvetica, candara, arial, sans-serif;
font-size: 12px;
line-height: 125%;
color: #454545;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: helvetica, candara, arial, sans-serif;
color: #454545;
}
.commentbox {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7b9ca3;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
background-color: #cbd7c1;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #454545;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/******************** UNDER THIS IS WHERE YOU PASTE YOUR CODES FOR TINY USER PIC REPLACEMENTS **********************/
.entry img { max-width: 475px !important; }
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 16px 0px 0px !important;
background: url(http://pics.livejournal.com/kissingdaylight/pic/001bpk3q);
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://pics.livejournal.com/kissingdaylight/pic/001brp33);
padding: 16px 16px 0 2px !important;
}
.ljuser a:hover b {
color: #aaaaaa;
background: transparent;
}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-color: transparent;
background-image: url(http://pics.livejournal.com/kissingdaylight/pic/001brp33);
padding: 16px 16px 0 2px !important;
}
.ljuser:hover img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background-image: url(http://pics.livejournal.com/kissingdaylight/pic/001btwp0);
}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color: transparent;
background-image: url(http://pics.livejournal.com/kissingdaylight/pic/001bsc6y);
padding: 16px 17px 2px 2px !important;
}
.ljuser:hover img[src="http://p-stat.livejournal.com/img/community.gif"] {background-image: url(http://pics.livejournal.com/kissingdaylight/pic/001bwtx4);
}
.ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0 !important;
background: url(http://pics.livejournal.com/kissingdaylight/pic/001brp33); }
div.ContextualPopup div.Inner {
background: #ececec !important;
border: 2px solid #666666!important;
padding: 5px;
color: #8e8e8e !important;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal!important;
color: #7b9ca3 !important;
}
div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {
font-weight: bold !important;
color: #7b9ca3;
}
.box img[src="http://p-stat.livejournal.com/img/anonymous.gif"]{
height:0; width:0;
padding: 0 16px 16px 0; /* the suggested height and width of tiny-icons is 16px */
background: url(http://pics.livejournal.com/kissingdaylight/pic/001ck5kd); }
.box img[src="http://p-stat.livejournal.com/img/openid-profile.gif"]{
height:0; width:0;
padding: 0 16px 16px 0; /* the suggested height and width of tiny-icons is 16px */
background: url(http://pics.livejournal.com/kissingdaylight/pic/001ch1q0);
}
.box img[src="http://p-stat.livejournal.com/img/help.gif"]{
height:0; width:0;
padding: 0 16px 16px 0; /* the suggested height and width of tiny-icons is 16px */
background: url(http://pics.livejournal.com/kissingdaylight/pic/001cfb47);
}
#ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{
height:0; width:0;
padding: 0 16px 16px 0; /* the suggested height and width of tiny-icons is 16px */
background: url(http://pics.livejournal.com/kissingdaylight/pic/001brp33);
background-repeat: no-repeat;
}
Thank you in advance!