s2flexisquares, posts by tag: comments - LiveJournal

What's New

August 29th, 2015 @ 11:06 pm

1. How I can edit my comment box, especially send comment buttons.
2. As you see in my friends only post, the last comment broken the line. How I fix that?

Codes:

/*------layout: luna------*/
/*------credit: punch @ novoluxa------*/

/*------body------*/
 body {
       background-color: #f8f8f8; background-attachment: fixed; background-position: bottom left; background-repeat: repeat; 
background-image: url("http://i.imgur.com/nUFDP.png");
        text-align: center;
        color: #6B696A;
        font-family: trebuchet ms;
        }

body{cursor: url(http://pinkluvhh.tripod.com/arrow2.cur), auto;} a:hover
  {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}

a, a:link, a:visited {
        color: #5e5e5e;
        text-decoration: none;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
        }

b, strong {
font-face: courier new;
color: #666;
font-weight: bold;
text-transform: uppercase;}

i, em {
font-family: georgia;
color: #ffccbb;}

u {
font-family: courier new;
text-transform: uppercase;
text-decoration: underline;
border-bottom: 1px dashed #ffccbb;}

a:hover {
        color: #999999;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
        }

p, td {
            font-family: courier new;
            font-size: 10.5px;   
        }

blockquote {
            font-family: courier;
            font-size: 10.5px;
            margin: 0 10px 0 20px; 
            padding: 8px;
            text-align: justify;
            border-left: 10px solid #ffccbb;
            background-color: #f8f8f8;
           
        }

small {
           font-color: #5e5e5e;
           font size: 9.5px;

}

code, kbd, pre, tt, textarea {
            font-family: courier new;
            font-size: 10.5px;
            border: 1px solid #dbdbdb;
            padding: 2px;
            width: 200px;
            height: 50px;
        }

::-moz-selection { 
        background: #f8f8f8;
        color: #666;

}

#content {
        width: 530px;
        margin-left: 125px; 
        margin-right: auto;
        padding: 30px;
    }

#maincontent {

width: 450px;
        font-family: trebuchet ms;
        font-size: 9.5px;
        background-color: #ffffff;
        color: #6B696A;
        margin: 10px 20px 10px 160px;
        text-align: left;

}

#sidebar {
        float: left;
        position: fixed;
        padding: 10px 0px 10px 0px;
        margin: 10px 0px 0px -100px;
        background-color: #fff;
        font-size: 9.5px;
        font-family: trebuchet ms;
        text-transform: lowercase;
        color: #6B696A;
        width: 250px;
        text-align: justify;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 2px 2px 0px #f8f8f8; 
-moz-box-shadow: 2px 2px 0px #f8f8f8; 
-webkit-box-shadow: 2px 2px 0px #f8f8f8;
        }

#header {
        display:none;
        }

#footer {
        text-align: left;
        font-family: courier new;
        font-size: 8.5px;
        font-weight: none;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #6B696A;
        padding: 9px 9px 9px 9px;
        margin: -25px 0px 0px 160px;
        background-color: #FFFFFF;
        width: 432px;
        clear: both;
        }

/*------header, navlinks, title & subtitle------*/

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #9c9c9c;
    }

div#header a:hover, div#footer a:hover {
        color: #dddddd;
        text-decoration: none;
    }

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

ul.navheader li  {
        display: inline;
        background-color: #FFFFFF;
        padding: 9px 9px 9px 9px;
        }

.title    {
        display:none;
        }

.subtitle{
        display:none;
        }

/*------sidebar------*/

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #6B696A;
        border-left: 5px solid #f8f8f8;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
    }

div#sidebar a:hover {
        color: #999999;
        text-decoration: none;
        border-left: 10px solid #ffccbb;
    }

.defaultuserpic {
        display: none;
        }

.sbarheader {
        padding: 0px 5px 0px 5px;
        }

.sbarbody {
        padding: 0px 5px 0px 5px;
        }

.sbarbody2 {
        padding: 0 15px 0 15px;
    }

#sidebar_summary li.sbaritem {
        display: none;
    }

table.calendar {
        display: none;
        }

.sbarcalendar {
        display: none;
        }

.sbarcalendarposts {
        display: none;
        }

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

li.sbaritem, .tagcloud
    {
        padding-left: 10px;
        list-style: none;
        border-bottom: dotted 1px #eee;}

li.sbartitle
    {
        padding-left: 15px;
        list-style: none;
        background-color: #FAFAFA;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/*------maincontent------*/

.entry    {
        margin: 10px 10px 20px 10px;
        margin-left: auto;
        padding: 10px;
        background-color: #ffffff;
        color: #6B696A;
        font-family: trebuchet ms;
        font-size: 9.5px;
        text-align: justify;
        }

.entry img {
	max-width: 250px;
		}

.entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        }
	.userpic, .userpicfriends {
		position: relative;
		float: right;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: transparent !important;
		margin: 0px -130px 0px 0px;
		z-index: 15;
text-align: center;
		}
	
.userpic img, .userpicfriends img {
height: 80px;
width: 80px;
                padding: 10px;
		background-color: #ffccbb !important;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
opacity:0.6;
filter:alpha(opacity=60);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.userpic img:hover, .userpicfriends img:hover {
opacity:1;
filter:alpha(opacity=100);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.userpic a font {
display: none;
}

.userpicfriends a font {
color: #666;
text-align: center;
}

.date {
        font-family: courier new;
        text-transform: uppercase;
        color: #ccc;
        padding: 10px 0px 0px 10px;}

.subject {
        padding: 0px 10px 10px 10px;
        color: #5e5e5e;
        font-family: courier new;
        text-transform: uppercase;
        font-size: 13px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
        }

.subject a, .subject a:link, .subject a:visited, .subject a:hover  {
       color: #b0b0b0;
       text-decoration: none;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
        }

.subject a:hover {
        color: #cccccc;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
        }

.datesubject {
        border-bottom: 1px dotted #f8f8f8;
        background-color: #ffffff;
        }

.currents, .currentmood, .currentmusic {
        display: none;

}

.ljtags { 
	text-transform: uppercase;
	font-size: 10px;
	color: #ffccbb;
        font-family: courier new;
        margin-top: 10px;
        margin-bottom: -5px;
	margin-left:5px;
	border-left: 5px solid #ffccbb;
	padding-left: 2px;
        text-align: left;
        
	}

.ljtags a {
        color: #ccccccc;
	background-color: #ffffff;
}

.ljtags a:hover {
        color: #666;
	background-color: #ffccbb;
        }

.comments {
        font-family: courier new;
        text-transform: uppercase;
        color: #ffffff;
        font-size: 9.5px;
        text-align: right;
        background-color: transparent;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
        }

div.comments a, div.comments a:link, div.comments a:visited{
        color: #b0b0b0;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
    }

div.comments a:hover {
        color: #ffccbb;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
    }

/*------maincontent --  entry, reply pages------*/

.datesubjectcomment {
            background-color: #ffffff;
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        background-color: #ffccbb;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: left;
        }

.box {
        padding: 10px;
        clear: left;
        }

input, textarea {
        background-color: #ffffff;
        color: #666;
        }

textarea.textbox  {
          width:90% !important;
           }

.reply    {
        position: relative;
        margin: 20px 30px 10px 30px;
        padding: 25px 10px 10px 10px;
        margin-left: 130px;
        text-align: left;
        font-family: arial;
        font-size: 9.5px;
        line-height: 125%;
        background-color: #ffffff;
        color: #9c9c9c;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 9.5px;
        font-family: arial;
        color: #666;
        }

.commentbox {

border: 1px solid #b0b0b0;
        font-family: arial;
        padding: 1px;
        margin: 10px;
        background-color: #ffffff;
        }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #b0b0b0;
        }

.datesubjectcomment a:hover {
        color: #ffccbb;
        }

.commentboxpartial {
        padding: 10px;
        margin: 10px;
        background-color: #ffffff;
        }

.commentsubject {
        width: 50%;
        }

.commentinfo {
        background-color: #ffffff;
        margin-top: 10px;
        width: 50%;
        }

/*------maincontent -- year/achive pages------*/

ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

ul.year li {
        display: inline;
        }

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

table.yeartable td.yeardate, table.yeartable td.yearday {
        border-width: 1px;
        border-style: solid;
        border-color: #ffffff;
        }

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

td.yearmonth {
        border-style: none;
        }

/* footer */

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

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

.clearfoot {
        clear: both;
        }

/* misc  */

.clearfoot { 
        clear: both; }

.clear { 
        height: 0px; }

.skiplinks {
        text-align: center;
        }

.headerimage {
        /* for formatting header image */
        }

.separator{
	background: #f8f8f8; 
	height: 3px;
        display: relative;
    }

* html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

* html div.box#commentform {
        /* fixes an IE reply page bug */
        position: absolute;
        background-color: #FFFFFF;
    }

/*------controlstrip------*/

#lj_controlstrip {
background:url('http://i.imgur.com/FR3yV.png') repeat scroll 0 0 #f7f7f7;
color:#bbb; font-family: courier new!important; text-transform:uppercase; font-weight:normal;
}
#lj_controlstrip_statustext {
color:#bbb;
font-family: courier new; text-transform:uppercase;
font-weight:normal;
font-size:11pt;
}
#lj_controlstrip a {
color:#bbb;
font-family: courier new; text-transform:uppercase;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border:0px;
font-family: "lucida console", monaco; text-transform:uppercase;
}
#lj_controlstrip_userpic {
background-image:url("http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000");
}
#lj_controlstrip_loggedout_userpic {
background-image:url("http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000");
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
background:none repeat scroll 0 0 #f9f9f9!important;font-family: courier new!important;text-transform:uppercase;
border:0 none;
color:#bbb;
}

#lj_controlstrip input {font-size:10pt; padding:2px 1px 1px 1px;}

#lj_controlstrip_search_input_text {}

#lj_controlstrip_search_submit {margin-left:3px!important;}

#lj_controlstrip_actionlinks {font-family:courier new!important; border:0px!important; font-size:11pt!important;}

label {font-family:courier new!important;}

#lj_controlstrip .ljuser a b {
font-weight:normal;
font-family: courier new; text-transform:uppercase;
color:#bbb;
}

#lj_controlstrip_user img, .ljuser img {width: 0; height: 0; background: transparent url() no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important}

/* Generated by Malionette's Tiny Icon Generator 
   http://malionette.net/generator/tinylite.html */

.ljuser img[src*="userinfo.gif"] { background-image: url(http://i54.tinypic.com/2qjefj5.jpg) !important; padding: 9px 9px 0px 0px !

important; width: 0 !important; height: 0 !important;}

.ljuser img[src*="community.gif"] { background-image: url(http://i54.tinypic.com/4sb6mh.jpg) !important; padding: 9px 9px 0px 0px!

important; width: 0 !important; height: 0 !important; }

span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/2qjefj5.jpg) no-repeat !important; padding: 10px 0 0 10px !important; }
span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;background: transparent url(http://i54.tinypic.com/4sb6mh.jpg) no-repeat !important; padding: 10px 0 0 10px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/icons/lock.gif) no-repeat !important; padding: 13px 0 0 9px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/icons/lock.gif) no-repeat !important; padding: 13px 0 0 9px !important; }
img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/icons/lock.gif) no-repeat !important; padding: 13px 0 0 9px !important; }

2 comments Leave a comment

comment box to big

July 31st, 2015 @ 08:26 pm

unreal

Tags: comments

Someone notified that the cooment box of my latest layout looks like this: https://dl.dropboxusercontent.com/s/sfucwo49a5n19q3/sc.png?dl=0
That's not suppose to happen and the comment should be under the entry. How do I fix this?

My codes can be found here: http://s2flexisquares.livejournal.com/1151604.html

Leave a comment

Skiplinks and Comments

June 16th, 2015 @ 02:20 pm

sireesanwar

Tags: comments, entries, entry comment bar

1. I'm wondering if there is a way to change my skiplinks to the newer form of LJ's skiplinks.

2. LJ also just updated the comment controls. I'm wondering if there is a way to do this with coding as well...

10 comments Leave a comment

Serious Footer/Comment Weirdness

April 2nd, 2015 @ 11:27 am

sireesanwar

Tags: comments, entries

I'm hoping this isn't a product of my coding but after the last update (which caused issues) I started noticing this bar coming up across my posts with comments in them. You should be able to see it HERE. If not it looks like this:

I'm trying to figure out how to fix this... when I look into the coding of the page it is telling me it is part of the footer section but it never was in the past. I had always been part of the .box section.

I'm hoping there is an easy fix.

15 comments Leave a comment

Error on Comment Loading

March 13th, 2015 @ 09:03 am

elrhiarhodan

Tags: comments

Something seems to have happened with my style sheet. I am getting this message when I look at my entries with comments:

Error running style: Died in S2::run_code running EntryPage::print(): Method called on null Comment object at 'Flexible Squares' (#4472608) line 2506 at /home/lj/src/s2/S2.pm line 544, line 6636.

Help will be greatly appreciated

3 comments Leave a comment

Change the background of author comments only

July 4th, 2014 @ 11:59 pm

moonlessnightz

Tags: comments, free accounts, solved

I'm trying to set a different background colour for author comments only.

Is there a specific class that controls this? (i.e. on Wordpress it's something like .comment list .bypostauthor)

...or if anyone could tell me whether it's even possible to do this through editing the custom stylesheet?

Thank you :)

[solved] - see below

2 comments Leave a comment

Problem with custom layer and comments linkbar

May 15th, 2014 @ 06:56 pm

darciana

Tags: comments

I suppose it's the result of LJ's new default layout, though that shouldn't mess with my custom layer and customised comment pages.
Until yesterday, the ugly images for deleting, screening etc. comments had been replaced by my own images; now the default ones are showing again.

This is the code I have in my layer. Does anyone know how to makes this work again?
Thanks a lot in advance. :o)

function Comment::print_linkbar () {
  var string{} link_text = {
                            "edit_comment"     => """<img src="http://ic.pics.livejournal.com/darciana/13658095/7029/original.gif" border="0" title="Edit Comment" />""",
                            "delete_comment"   => """<img src="http://ic.pics.livejournal.com/darciana/13658095/6699/original.gif" border="0" title="Delete Comment" />""",
                            "spam_comment"     => """<img src="http://ic.pics.livejournal.com/darciana/13658095/287232/original.gif" border="0" title="Mark as Spam" />""",
                            "freeze_thread"    => """<img src="http://ic.pics.livejournal.com/darciana/13658095/7405/original.gif" border="0" title="Freeze Thread" />""",
                            "unfreeze_thread"  => """<img src="http://ic.pics.livejournal.com/darciana/13658095/100310/original.gif" border="0" title="Unfreeze Thread" />""",
                            "screen_comment"   => """<img src="http://ic.pics.livejournal.com/darciana/13658095/7548/original.gif" border="0" title="Screen Comment" />""",
                            "unscreen_comment" => """<img src="http://ic.pics.livejournal.com/darciana/13658095/99810/original.gif" border="0" title="Unscreen Comment" />""",
                            "watch_thread"     => """<img src="http://ic.pics.livejournal.com/darciana/13658095/7863/original.gif" border="0" title="Watch Thread" />""",
                            "watching_parent"  => """<img src="http://ic.pics.livejournal.com/darciana/13658095/7863/original.gif" border="0" title="Watch Parent" />""",
                            "unwatch_thread"   => """<img src="http://ic.pics.livejournal.com/darciana/13658095/99994/original.gif" border="0" title="Unwatch Thread" />""",
                           };

var Link link;
  var string url;
  var string text;
  foreach var string link_key ($.link_keyseq) {
    $link = $this->get_link($link_key);
    $url = $link.url;
    $text = $link_text{$link_key} != "" ? $link_text{$link_key} : $link.caption;
    if (defined $link) {
      """<a href="$url">$text</a> """;
    }
  }
}

link to custom layer

3 comments Leave a comment

Comments Thread Indentation Issue

September 27th, 2013 @ 11:41 am

sireesanwar

Tags: comments

Okay I'm working with this layout which can be seen at

workshop_rees and is from

mintyapple at THIS post.

My issue is that I can't seem to figure out why the comments (which you can see working here) won't indent. I have the userpics set up to be on the left in the Display section but I feel like I'm missing something obvious in the coding.

Thanks.

6 comments Leave a comment

comment page problem: reply, edit, delete, freeze, etc.

June 18th, 2013 @ 03:06 pm

capitu

Tags: comments

I have this problem with my comment page, with the 'reply, parent, thread links' and the 'edit, delete, freeze' buttons. They are all wonky.

Is there a way to keep them in one corner bellow the user icon like in the second circle instead of them being, well, all over the place and overlapping the icons like that?

If someone could help me I'd really appreciate it.

Info & Rules	Recent Entries	Watch
Post Entry	Tutorials	Contact a Mod