comment page woes
So, someone else complaining about the changes LJ made to Flexible Squares/the comment pages in general.
Since their latest "fix", I apparently have two options: turning userpics off via the base code, which has my comment coding working fine and dandy, but causes the userpics to disappear everywhere, or having them turned on and my comment coding all shot to hell. While I can live with the changes to my personal journal (not how I've wanted it, but hey, works too), I'm rather annoyed by the fact that the comments on my graphics community (bl00dredskies) don't indent at all anymore.
CSS:
/* made by INTROJECT @ LIVEJOURNAL.COM
can also be found at UNEQUALLY @ LIVEJOURNAL.COM */
/* ----------- BODY ---------------
- includes links & font changes - */
body{
background: #fff;
font-family: "arial", sans-serif;
font-size:8pt;
margin:0px;
}
h2 {
font-size: 10pt;
letter-spacing: 2px;
color: #e1e1e1;
text-transform: uppercase;
padding-left: 50px;
}
a, a:link, a:visited, a:active {
color: #acacac;
text-decoration: none;
font-style: none;
font-weight: normal;
}
a:hover {
color: #888;
text-decoration: none;
}
blockquote {
font-size: 11px;
color: #555 !important;
line-height: auto;
background-color: #f7f7f7;
width: 80%;
padding: 10px;
}
code {
font-family: "courier new";
font-size: 8pt !important;
background-color:
display: block;
background-color: #fafafa;
padding: 5px;
color:#222;
line-height: 200%;
}
#content {
width: 70%;
margin: auto;
}
#maincontent {
color: #5D5D5D;
text-align: left;
background: #fff;
margin-top: -25px;
}
.subcontent {
background:#ffffff;
padding:30px 30px 30px 20px;
margin-top:0px;
}
#header {
text-align:right;
font-size:18pt;
letter-spacing:0px;
text-transform:uppercase;
font-weight: bold;
font-family: arial;
padding: 4px;
background: #fff;
line-height: 80%;
position: relative;
margin-bottom: -4px;
margin-top: 15px;
letter-spacing: -1pt;
}
div#header a, div#header a:link, div#header a:visited {
color: #8a8a8a;
padding: 3px;
}
div#header a:hover {
color: #bbb;
}
div#header li.view {
color: #bcbcbc;
background-color: transparent;
padding: 10px;
}
div#footer a, div#footer a:link, div#footer a:visited {
font-size:8pt;
text-transform: uppercase;
font-family: arial;
color: #ccc;
}
ul.navheader {
padding: 0 5px 0 5px;
margin: 0 5px 0 5px;
}
ul.navheader li {
display: inline;
list-style: none;
padding: 0;
}
.entry {
margin: 10px 0px auto 140px;
padding: 5px;
line-height: 13px;
color: #131313;
text-align: justify;
}
.date
{
font-family: arial, sans-serif;
font-size: 9pt;
text-align: right;
float:right;
padding: 5px;
color: #bcbcbc;
letter-spacing: -1pt;
text-transform: lowercase;
position:relative;
top:-28px;
padding:5px;
max-width:85px;
}
/* SUBJECT */
.subject
{
text-align: left;
padding-bottom: 0px;
color: #888;
font-size: 14pt;
text-transform: lowercase;
font-family: "arial";
letter-spacing: -0.7pt;
border-bottom:1px #f0f0f0 solid;
position:relative;
top:-15px;
z-index:1;
}
.subject a {
color: #888 !important;
font-size: 14pt !important;
font-family: "arial" !important;
text-transform: lowercase; !important;
letter-spacing: -1pt; !important;
position:relative; !important;
z-index:1; !important;
}
.subject img
{
margin-right:3px;
}
.subject a:link, .subject a:visited
{
color: #333;
letter-spacing: -1px;
font-size: 12pt;
}
.subject a:hover
{
color: #121212;
letter-spacing: -1px;
font-size: 12pt;
}
.datesubject
{
padding: 5px;
}
.entry ul li, .entry ol li {
padding-left: 5px;
margin-left: 15px;
}
/* FORMATTING COMMENT LINK */
.comments
{
text-align: center;
color: #fff;
clear: center;
font-family: "arial", serif;
font-weight: bold;
position: relative;
padding: 0 60px 2px 0;
margin-bottom: 25px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9pt;
}
div.comments a, div.comments a:link, div.comments a:visited
{
color: #8a8a8a;
}
div.comments a:hover
{
color: #999;
text-decoration: none;
}
#footer {
margin: 0;
padding:7px;
width: 100%;
text-align: right;
font-size:9pt;
text-transform: uppercase;
font-family: arial;
color: #888;
background: #fff;
margin: auto;
margin-right: 25px;
letter-spacing: .5pt;
}
ul.navfooter{
padding: 0px;
margin: 0px;
display: inline;
}
ul.navfooter li {
margin: 0 5px 0 5px;
display: inline;
}
.clearfoot {
display:none;
}
.clear {
height: 15px;
}
.ljtaglist{
padding:15px;
list-style:none;
background:#fff;
}
.ljsyndicationlink
{
padding: 8px;
text-align: center !important;
}
/* ------ ARCHIVE ------
your seperate archive page - */
ul.year
{
text-align: center;
padding-bottom: 0px;
color: #fff;
font-size: 14pt;
text-transform: lowercase;
font-family: arial;
font-style: italic;
font-weight: normal;
}
ul.year li
{
list-style: none;
color: #121212;
font-size: 12pt;
display: inline;
}
table.yeartable
{
margin-right: auto;
margin-left: auto;
padding: 35px;
background: #fff;
width: 80%;
border: 0px;
}
table.yeartable td.yearday
{
text-align: center;
}
td.yearmonth
{
padding-bottom: 0px;
color: #eee;
font-size: 14.5pt;
text-transform: lowercase;
letter-spacing: -2px;
font-family: arial;
font-weight: bold;
}
.title, .subtitle{
display:none;
}
.separator
{
height: 0px;
}
.clear
{
display: none;
height: 0px;
}
.skiplinks
{
text-transform: lowercase;
text-align: center;
padding: 10px;
display: block;
background: #fff;
}
/* ------ USERPIC SETTINGS ------
- includes userpics & friends!up - */
.userpic
{
position: relative;
float: left;
text-align:center;
margin: auto 10px 10px 10px;
padding:4px;
background-color: transparent !important;
color: #535353 !important;
}
.userpic img {
background-color: #fff;
border: 1px solid #eee;
padding: 5px;
}
.defaultuserpic {
display: none;
}
.userpicfriends
{
position: relative;
float: left;
text-align:center;
margin: auto 10px 10px 10px;
padding:4px;
background-color: transparent !important;
color: #eee !important;
z-index:10;
}
.userpicfriends font{
color:#999;
}
.userpicfriends img
{
background-color: #fff;
border: 1px solid #eee;
padding: 5px;
}
/* META SECTION - CURRENT MOOD/MUSIC/LOCATION ETC. */
.currents, .currentmood, .currentmusic, .currentlocation
{
color: #555;
text-align: right;
font-size: 7pt;
letter-spacing: .5px;
text-transform: lowercase;
font-family: arial, sans-serif;
}
.meta-mood-img {padding-right: 4px}
.currentmood {
padding-left: 20px;
margin-top: -12px;
}
.currentmusic {
padding-left: 20px;
margin-top: 2px;
}
.currentlocation {
padding-left: 20px;
margin-top: 4px;
}
.ljtags {
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
text-transform: lowercase;
letter-spacing: .5px;
margin-top: 25px;
font-family: arial, sans-serif;
color: #444;
font-size: 10px;
border-top: 5px solid #f8f8f8;
max-width:500px !important;
}
/* ------- SIDEBAR ----- */
#sidebar {
padding: 10px;
background-color: #fff;
border-top: 12px solid #fff;
font-size: 8pt;
font-family: "arial", sans-serif;
color: #fff;
width: 97%;
margin-bottom: 50px;
margin-top: -13px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 1px 0px -10px;
}
.sbarbody2 {
padding: 15px;
font-size: 7pt;
letter-spacing: 1.5pt;
text-transform: lowercase;
}
li.sbartitle {
list-style: none;
font-size: 10pt;
text-transform: uppercase;
letter-spacing: 1pt;
color: #444;
width: 15%;
text-align: center;
border-bottom: 5px solid #eaeaea;
}
li.sbaritem {
list-style: none;
border-bottom: 1px dotted #e1e1e1;
padding-top: 2px;
display: block;
width: 50%;
}
.sbarbody#sidebar_linklist {
display:none;
}
.sbarbody#sidebar_linklist {
padding: 3px;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
.sbarbody#sidebar_calendar, .sbarbody#sidebar_summary {
display:none
}
span.count {
font-size: 6pt;
}
/* ------- MISCELLANEOUS -----
other things that don't quite fit - */
::-moz-selection
{
background: #f7f7f7;
color: #444;
}
/* ------ COMMENT PAGES ------
remove this if you can't have them - */
.datesubjectcomment
{
background-color: #fcfcfc;
padding: 5px;
}
input.ljcomsel {
display:none;
}
.userpiccomment
{
position: relative;
border: 1px solid #eee;
background-color: #fff;
padding: 5px;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box
{
padding: 10px;
clear: right;
text-align: center;
background-color: #fff;
}
input, textarea
{
background-color: #fff;
color: #888;
font-family: "arial", sans serif;
font-size: 10px;
border: 1px solid #eee;
padding: 3px;
}
textarea.textbox
{
width: 95% !important;
}
.reply
{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "arial";
text-transform: uppercase;
font-size: 10px;
line-height: 125%;
background-color: #fff;
color: #34B5DF;
}
.replytosubject
{
font-weight: bold;
}
select
{
font-size: 7.5pt;
font-family: arial;
color: #777;
border: 1px solid #eee;
background: #fff;
}
.commentreply
{
position: relative;
margin: 10px;
font-size: 7.5pt;
font-family: "arial";
color: #424242;
text-align: left;
}
.commentbox
{
padding: 10px;
margin: 10px;
background-color: #fff;
text-align: center;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited
{
color: #212121;
}
.datesubjectcomment a:hover
{
color: #888;
}
.commentboxpartial
{
padding: 10px;
margin: 10px;
background-color: #fff;
}
.commentinfo
{
background-color: #fff;
margin-top: 10px;
text-align: center;
width: 100%;
}
/* ------ LIVEJOURNAL ICONS ------
the tiny user icons for communities/lj names - */
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background-image: url(http://i298.photobucket.com/albums/mm241/geckoholic01/lj_usericon_ll.gif);
padding: 15px 15px 0px 0px !important;
}
.ljuser img[src*="userinfo.gif"] {
background-color:transparent;
background-image: url(http://i298.photobucket.com/albums/mm241/geckoholic01/lj_usericon_ll.gif);
padding: 15px 15px 0px 0px !important;
}
.ljuser img[src*="community.gif"] {
background-color:transparent;
background-image: url(http://i298.photobucket.com/albums/mm241/geckoholic01/lj_commicon_ll.gif);
padding: 15px 15px 0px 0px !important;
}
/* DIV CONTEXUAL POP-UP!
- This needs to be here (at the front) otherwise it won't work */
div.ContextualPopup div.Inner {
background: #eee;
color: #444 !important;
border:1px solid #e3e3e3;
padding:10px;
font-size: 7.5pt;
width: 245px;
font-family:"arial";
}
div.ContextualPopup .Content {
padding:7px 10px 7px 10px;
margin-right:80px;
line-height: 1.4;
background: #fafafa;
border:0px;
}
div.ContextualPopup .Userpic {
padding:10px;
margin:0px;
background: #fafafa;
}
div.ContextualPopup div.Inner div.Content a, div.ContextualPopup div.Inner div.Content a:visited {
text-decoration: none !important;
font-weight: normal;
color: #888 !important;
}
div.ContextualPopup div.Inner div.Content a:hover {
text-decoration: none !important;
font-weight: normal;
color: #ccc !important;
}
div.ContextualPopup .Relation {
letter-spacing:0px;
border-bottom: 0px;
margin-bottom:4px;
padding-bottom:4px;
border-bottom: 5px solid #f5f5f5;
}
/*For the private (locked) symbol! */
img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], img[src="http://l-stat.livejournal.com/img/icon_private.gif"]
{
width: 0;
height: 0;
padding: 15px 15px 0px 0px;
background: url(http://i298.photobucket.com/albums/mm241/geckoholic01/tinyiconsbydamnicons/lock-1.gif);
background-repeat: no-repeat;
}
table#lj_controlstrip td {
background-color: #000;
background-image: url();
color: #fafafa;
border: solid 1px #000;
border-left: none;
}
#lj_controlstrip a {
color: #888;
}
#lj_controlstrip_statustext {
color: #ccc;
}
/* Cleaned CSS for new ControlStrip */
.w-cs {
background: #111;
color: #bbb;
border-color: #888;
background-image: display:none;
}
.w-cs A:link,
.w-cs A:visited,
.w-cs A:hover,
.w-cs A:active {
color: #bbb!important;
}
/* User info */
.w-cs .w-cs-userinfo {
background: #111;
border-color: #888;
background-image: display:none;
}
/* Summary */
.w-cs .w-cs-summary {
background: #111;
border-color: #888;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-color: #888;
}
Please, does anyone have a, uh, fix for the fix? I don't even care about float and the like, I just want my comment threads to be actual threads again and indent as nicely as they used to. Oh, and it's a plus account, so I don't have any theme layers or access to changes made that way.
SOLVED, thanks! Not a coding problem at all, and so easily fixed it's almost embarrassing. *facepalm*
Since their latest "fix", I apparently have two options: turning userpics off via the base code, which has my comment coding working fine and dandy, but causes the userpics to disappear everywhere, or having them turned on and my comment coding all shot to hell. While I can live with the changes to my personal journal (not how I've wanted it, but hey, works too), I'm rather annoyed by the fact that the comments on my graphics community (bl00dredskies) don't indent at all anymore.
CSS:
/* made by INTROJECT @ LIVEJOURNAL.COM
can also be found at UNEQUALLY @ LIVEJOURNAL.COM */
/* ----------- BODY ---------------
- includes links & font changes - */
body{
background: #fff;
font-family: "arial", sans-serif;
font-size:8pt;
margin:0px;
}
h2 {
font-size: 10pt;
letter-spacing: 2px;
color: #e1e1e1;
text-transform: uppercase;
padding-left: 50px;
}
a, a:link, a:visited, a:active {
color: #acacac;
text-decoration: none;
font-style: none;
font-weight: normal;
}
a:hover {
color: #888;
text-decoration: none;
}
blockquote {
font-size: 11px;
color: #555 !important;
line-height: auto;
background-color: #f7f7f7;
width: 80%;
padding: 10px;
}
code {
font-family: "courier new";
font-size: 8pt !important;
background-color:
display: block;
background-color: #fafafa;
padding: 5px;
color:#222;
line-height: 200%;
}
#content {
width: 70%;
margin: auto;
}
#maincontent {
color: #5D5D5D;
text-align: left;
background: #fff;
margin-top: -25px;
}
.subcontent {
background:#ffffff;
padding:30px 30px 30px 20px;
margin-top:0px;
}
#header {
text-align:right;
font-size:18pt;
letter-spacing:0px;
text-transform:uppercase;
font-weight: bold;
font-family: arial;
padding: 4px;
background: #fff;
line-height: 80%;
position: relative;
margin-bottom: -4px;
margin-top: 15px;
letter-spacing: -1pt;
}
div#header a, div#header a:link, div#header a:visited {
color: #8a8a8a;
padding: 3px;
}
div#header a:hover {
color: #bbb;
}
div#header li.view {
color: #bcbcbc;
background-color: transparent;
padding: 10px;
}
div#footer a, div#footer a:link, div#footer a:visited {
font-size:8pt;
text-transform: uppercase;
font-family: arial;
color: #ccc;
}
ul.navheader {
padding: 0 5px 0 5px;
margin: 0 5px 0 5px;
}
ul.navheader li {
display: inline;
list-style: none;
padding: 0;
}
.entry {
margin: 10px 0px auto 140px;
padding: 5px;
line-height: 13px;
color: #131313;
text-align: justify;
}
.date
{
font-family: arial, sans-serif;
font-size: 9pt;
text-align: right;
float:right;
padding: 5px;
color: #bcbcbc;
letter-spacing: -1pt;
text-transform: lowercase;
position:relative;
top:-28px;
padding:5px;
max-width:85px;
}
/* SUBJECT */
.subject
{
text-align: left;
padding-bottom: 0px;
color: #888;
font-size: 14pt;
text-transform: lowercase;
font-family: "arial";
letter-spacing: -0.7pt;
border-bottom:1px #f0f0f0 solid;
position:relative;
top:-15px;
z-index:1;
}
.subject a {
color: #888 !important;
font-size: 14pt !important;
font-family: "arial" !important;
text-transform: lowercase; !important;
letter-spacing: -1pt; !important;
position:relative; !important;
z-index:1; !important;
}
.subject img
{
margin-right:3px;
}
.subject a:link, .subject a:visited
{
color: #333;
letter-spacing: -1px;
font-size: 12pt;
}
.subject a:hover
{
color: #121212;
letter-spacing: -1px;
font-size: 12pt;
}
.datesubject
{
padding: 5px;
}
.entry ul li, .entry ol li {
padding-left: 5px;
margin-left: 15px;
}
/* FORMATTING COMMENT LINK */
.comments
{
text-align: center;
color: #fff;
clear: center;
font-family: "arial", serif;
font-weight: bold;
position: relative;
padding: 0 60px 2px 0;
margin-bottom: 25px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9pt;
}
div.comments a, div.comments a:link, div.comments a:visited
{
color: #8a8a8a;
}
div.comments a:hover
{
color: #999;
text-decoration: none;
}
#footer {
margin: 0;
padding:7px;
width: 100%;
text-align: right;
font-size:9pt;
text-transform: uppercase;
font-family: arial;
color: #888;
background: #fff;
margin: auto;
margin-right: 25px;
letter-spacing: .5pt;
}
ul.navfooter{
padding: 0px;
margin: 0px;
display: inline;
}
ul.navfooter li {
margin: 0 5px 0 5px;
display: inline;
}
.clearfoot {
display:none;
}
.clear {
height: 15px;
}
.ljtaglist{
padding:15px;
list-style:none;
background:#fff;
}
.ljsyndicationlink
{
padding: 8px;
text-align: center !important;
}
/* ------ ARCHIVE ------
your seperate archive page - */
ul.year
{
text-align: center;
padding-bottom: 0px;
color: #fff;
font-size: 14pt;
text-transform: lowercase;
font-family: arial;
font-style: italic;
font-weight: normal;
}
ul.year li
{
list-style: none;
color: #121212;
font-size: 12pt;
display: inline;
}
table.yeartable
{
margin-right: auto;
margin-left: auto;
padding: 35px;
background: #fff;
width: 80%;
border: 0px;
}
table.yeartable td.yearday
{
text-align: center;
}
td.yearmonth
{
padding-bottom: 0px;
color: #eee;
font-size: 14.5pt;
text-transform: lowercase;
letter-spacing: -2px;
font-family: arial;
font-weight: bold;
}
.title, .subtitle{
display:none;
}
.separator
{
height: 0px;
}
.clear
{
display: none;
height: 0px;
}
.skiplinks
{
text-transform: lowercase;
text-align: center;
padding: 10px;
display: block;
background: #fff;
}
/* ------ USERPIC SETTINGS ------
- includes userpics & friends!up - */
.userpic
{
position: relative;
float: left;
text-align:center;
margin: auto 10px 10px 10px;
padding:4px;
background-color: transparent !important;
color: #535353 !important;
}
.userpic img {
background-color: #fff;
border: 1px solid #eee;
padding: 5px;
}
.defaultuserpic {
display: none;
}
.userpicfriends
{
position: relative;
float: left;
text-align:center;
margin: auto 10px 10px 10px;
padding:4px;
background-color: transparent !important;
color: #eee !important;
z-index:10;
}
.userpicfriends font{
color:#999;
}
.userpicfriends img
{
background-color: #fff;
border: 1px solid #eee;
padding: 5px;
}
/* META SECTION - CURRENT MOOD/MUSIC/LOCATION ETC. */
.currents, .currentmood, .currentmusic, .currentlocation
{
color: #555;
text-align: right;
font-size: 7pt;
letter-spacing: .5px;
text-transform: lowercase;
font-family: arial, sans-serif;
}
.meta-mood-img {padding-right: 4px}
.currentmood {
padding-left: 20px;
margin-top: -12px;
}
.currentmusic {
padding-left: 20px;
margin-top: 2px;
}
.currentlocation {
padding-left: 20px;
margin-top: 4px;
}
.ljtags {
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
text-transform: lowercase;
letter-spacing: .5px;
margin-top: 25px;
font-family: arial, sans-serif;
color: #444;
font-size: 10px;
border-top: 5px solid #f8f8f8;
max-width:500px !important;
}
/* ------- SIDEBAR ----- */
#sidebar {
padding: 10px;
background-color: #fff;
border-top: 12px solid #fff;
font-size: 8pt;
font-family: "arial", sans-serif;
color: #fff;
width: 97%;
margin-bottom: 50px;
margin-top: -13px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 1px 0px -10px;
}
.sbarbody2 {
padding: 15px;
font-size: 7pt;
letter-spacing: 1.5pt;
text-transform: lowercase;
}
li.sbartitle {
list-style: none;
font-size: 10pt;
text-transform: uppercase;
letter-spacing: 1pt;
color: #444;
width: 15%;
text-align: center;
border-bottom: 5px solid #eaeaea;
}
li.sbaritem {
list-style: none;
border-bottom: 1px dotted #e1e1e1;
padding-top: 2px;
display: block;
width: 50%;
}
.sbarbody#sidebar_linklist {
display:none;
}
.sbarbody#sidebar_linklist {
padding: 3px;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
.sbarbody#sidebar_calendar, .sbarbody#sidebar_summary {
display:none
}
span.count {
font-size: 6pt;
}
/* ------- MISCELLANEOUS -----
other things that don't quite fit - */
::-moz-selection
{
background: #f7f7f7;
color: #444;
}
/* ------ COMMENT PAGES ------
remove this if you can't have them - */
.datesubjectcomment
{
background-color: #fcfcfc;
padding: 5px;
}
input.ljcomsel {
display:none;
}
.userpiccomment
{
position: relative;
border: 1px solid #eee;
background-color: #fff;
padding: 5px;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box
{
padding: 10px;
clear: right;
text-align: center;
background-color: #fff;
}
input, textarea
{
background-color: #fff;
color: #888;
font-family: "arial", sans serif;
font-size: 10px;
border: 1px solid #eee;
padding: 3px;
}
textarea.textbox
{
width: 95% !important;
}
.reply
{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "arial";
text-transform: uppercase;
font-size: 10px;
line-height: 125%;
background-color: #fff;
color: #34B5DF;
}
.replytosubject
{
font-weight: bold;
}
select
{
font-size: 7.5pt;
font-family: arial;
color: #777;
border: 1px solid #eee;
background: #fff;
}
.commentreply
{
position: relative;
margin: 10px;
font-size: 7.5pt;
font-family: "arial";
color: #424242;
text-align: left;
}
.commentbox
{
padding: 10px;
margin: 10px;
background-color: #fff;
text-align: center;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited
{
color: #212121;
}
.datesubjectcomment a:hover
{
color: #888;
}
.commentboxpartial
{
padding: 10px;
margin: 10px;
background-color: #fff;
}
.commentinfo
{
background-color: #fff;
margin-top: 10px;
text-align: center;
width: 100%;
}
/* ------ LIVEJOURNAL ICONS ------
the tiny user icons for communities/lj names - */
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background-image: url(http://i298.photobucket.com/albums/mm241/geckoholic01/lj_usericon_ll.gif);
;){kind=link}
padding: 15px 15px 0px 0px !important;
}
.ljuser img[src*="userinfo.gif"] {
background-color:transparent;
background-image: url(http://i298.photobucket.com/albums/mm241/geckoholic01/lj_usericon_ll.gif);
padding: 15px 15px 0px 0px !important;
}
.ljuser img[src*="community.gif"] {
background-color:transparent;
background-image: url(http://i298.photobucket.com/albums/mm241/geckoholic01/lj_commicon_ll.gif);
;){kind=link}
padding: 15px 15px 0px 0px !important;
}
/* DIV CONTEXUAL POP-UP!
- This needs to be here (at the front) otherwise it won't work */
div.ContextualPopup div.Inner {
background: #eee;
color: #444 !important;
border:1px solid #e3e3e3;
padding:10px;
font-size: 7.5pt;
width: 245px;
font-family:"arial";
}
div.ContextualPopup .Content {
padding:7px 10px 7px 10px;
margin-right:80px;
line-height: 1.4;
background: #fafafa;
border:0px;
}
div.ContextualPopup .Userpic {
padding:10px;
margin:0px;
background: #fafafa;
}
div.ContextualPopup div.Inner div.Content a, div.ContextualPopup div.Inner div.Content a:visited {
text-decoration: none !important;
font-weight: normal;
color: #888 !important;
}
div.ContextualPopup div.Inner div.Content a:hover {
text-decoration: none !important;
font-weight: normal;
color: #ccc !important;
}
div.ContextualPopup .Relation {
letter-spacing:0px;
border-bottom: 0px;
margin-bottom:4px;
padding-bottom:4px;
border-bottom: 5px solid #f5f5f5;
}
/*For the private (locked) symbol! */
img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], img[src="http://l-stat.livejournal.com/img/icon_private.gif"]
{
width: 0;
height: 0;
padding: 15px 15px 0px 0px;
background: url(http://i298.photobucket.com/albums/mm241/geckoholic01/tinyiconsbydamnicons/lock-1.gif);
;){kind=link}
background-repeat: no-repeat;
}
table#lj_controlstrip td {
background-color: #000;
background-image: url();
color: #fafafa;
border: solid 1px #000;
border-left: none;
}
#lj_controlstrip a {
color: #888;
}
#lj_controlstrip_statustext {
color: #ccc;
}
/* Cleaned CSS for new ControlStrip */
.w-cs {
background: #111;
color: #bbb;
border-color: #888;
background-image: display:none;
}
.w-cs A:link,
.w-cs A:visited,
.w-cs A:hover,
.w-cs A:active {
color: #bbb!important;
}
/* User info */
.w-cs .w-cs-userinfo {
background: #111;
border-color: #888;
background-image: display:none;
}
/* Summary */
.w-cs .w-cs-summary {
background: #111;
border-color: #888;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-color: #888;
}
Please, does anyone have a, uh, fix for the fix? I don't even care about float and the like, I just want my comment threads to be actual threads again and indent as nicely as they used to. Oh, and it's a plus account, so I don't have any theme layers or access to changes made that way.
SOLVED, thanks! Not a coding problem at all, and so easily fixed it's almost embarrassing. *facepalm*