modified: view/theme/smoothly/style.css

modified:   view/theme/smoothly/wallwall_thread.tpl
This commit is contained in:
pixelroot 2012-09-06 14:15:38 +02:00
parent a888b59c42
commit a6f7ff686c
2 changed files with 125 additions and 136 deletions

View file

@ -2,8 +2,8 @@
style.css style.css
Smoothly Smoothly
Created by Anne Walk and Devlon Duthie on 2011-09-24. Created by Anne Walk and Devlon Duthie on 2011-09-24
Modified by alex@friendica.pixelbits.de on 2012-09-05 Modified by alex@friendica.pixelbits.de on 2012-09-06
*/ */
/* ========== */ /* ========== */
@ -26,8 +26,6 @@ body {
padding-bottom: 3em; padding-bottom: 3em;
position: relative; position: relative;
width: 960px; width: 960px;
/*margin: 0px;*/
/*padding: 0px;*/
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 15px; font-size: 15px;
font-size-adjust: none; font-size-adjust: none;
@ -37,11 +35,10 @@ body {
line-height: 18px; line-height: 18px;
color: #626262; color: #626262;
background-color: #F2F2F2; background-color: #F2F2F2;
/*width: 99%;*/
color: #333333; color: #333333;
} }
img { border: 0 none; max-width: 550px; } img {border: 0 none; max-width: 550px; }
a { color: #1873a2; text-decoration: none; margin-bottom:1px;} a { color: #1873a2; text-decoration: none; margin-bottom:1px;}
a:hover { color: #6da6c4; padding-bottom: 0px;} a:hover { color: #6da6c4; padding-bottom: 0px;}
@ -86,13 +83,12 @@ input[type=text] {
padding: 2px; padding: 2px;
/*width: 300px;*/ /*width: 300px;*/
margin-left: 3px; margin-left: 3px;
-webkit-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
} }
input[type=submit] { input[type=submit] {
/*margin: 10px 2px 5px 2px;*/
margin: 0px 0px 5px 2px; margin: 0px 0px 5px 2px;
border: none; border: none;
font-size: 0.9em; font-size: 0.9em;
@ -131,10 +127,8 @@ input[type=submit]:active {
section { section {
float: left; float: left;
/*margin-left: 8%;*/ padding-top: 60px;
padding-top: 60px; /*50*/ width: 730px;
width: 730px; /*50%*/
/*margin: 0px 0px 30px 4%;*/
font-size: 0.9em; font-size: 0.9em;
line-height: 1.2em; line-height: 1.2em;
} }
@ -276,12 +270,12 @@ section {
/* ======= */ /* ======= */
nav { nav {
display: block; display: block;
float: left; float: left;
list-style: none outside none; list-style: none outside none;
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 960px; width: 960px;
z-index: 10000; z-index: 10000;
height: 50px; height: 50px;
position: fixed; position: fixed;
@ -313,14 +307,14 @@ nav #banner #logo-text a {
} }
nav #user-menu { nav #user-menu {
display: block; display: block;
width: 190px; /*240*/ width: 190px; /*240*/
float: right; float: right;
margin-right: 5px; /*20%*/ margin-right: 5px; /*20%*/
margin-top: 11px; margin-top: 11px;
padding: 5px; padding: 5px;
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
background:-moz-linear-gradient( center top, #797979 5%, #898988 100% ); background:-moz-linear-gradient( center top, #797979 5%, #898988 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
@ -342,32 +336,32 @@ nav #user-menu-label::after {
nav #user-menu-label { nav #user-menu-label {
vertical-align: middle; vertical-align: middle;
font-size: 12px; font-size: 12px;
padding: 5px; padding: 5px;
text-align: center; text-align: center;
} }
ul#user-menu-popup { ul#user-menu-popup {
display: none; display: none;
position: absolute; position: absolute;
background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% ); background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
background-color:#898988; background-color:#898988;
width: 100%; width: 100%;
padding: 10px 0px; padding: 10px 0px;
margin: 0px; margin: 0px;
margin-top: 4px; margin-top: 4px;
top: 20px; top: 20px;
left: 0px; left: 0px;
border: 1px solid #9a9a9a; border: 1px solid #9a9a9a;
border-top: none; border-top: none;
-webkit-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
-moz-box-shadow: 5px 5px 10px #242424; -moz-box-shadow: 5px 5px 10px #242424;
-webkit-box-shadow: 5px 5px 10px #242424; -webkit-box-shadow: 5px 5px 10px #242424;
box-shadow: 5px 5px 10px #242424; box-shadow: 5px 5px 10px #242424;
z-index: 10000; z-index: 10000;
} }
ul#user-menu-popup li { display: block; } ul#user-menu-popup li { display: block; }
@ -401,7 +395,7 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
padding-top: 0.5em; padding-top: 0.5em;
float: left; float: left;
padding-left: 11px; padding-left: 11px;
/*display: none;*/ /*display: none;*/
} }
#notify-update { background-position: 0px -168px; } #notify-update { background-position: 0px -168px; }
#net-update { background-position: 0px -126px } #net-update { background-position: 0px -126px }
@ -410,11 +404,11 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
#home-update { background-position: 0px 0px; } #home-update { background-position: 0px 0px; }
#lang-select-icon { #lang-select-icon {
bottom: 6px; bottom: 6px;
cursor: pointer; cursor: pointer;
left: 28px; left: 28px;
position: fixed; position: fixed;
z-index: 10; z-index: 10;
} }
#language-selector { #language-selector {
@ -583,8 +577,8 @@ h3#search:before {
border: 1px solid #cdcdcd; border: 1px solid #cdcdcd;
margin-bottom: 10px; margin-bottom: 10px;
-webkit-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
} }
#group-sidebar { #group-sidebar {
@ -755,9 +749,9 @@ ul .sidebar-group-li .icon{
} }
#pause { #pause {
position: fixed; position: fixed;
bottom: 5px; bottom: 5px;
right: 5px; right: 5px;
} }
/* ================== */ /* ================== */
@ -785,9 +779,7 @@ ul .sidebar-group-li .icon{
#profile-jot-submit-wrapper { #profile-jot-submit-wrapper {
} }
#jot-title { #jot-title {
/*border: 0px;*/
margin: 0px; margin: 0px;
height: 20px; height: 20px;
width: 466px; width: 466px;
@ -798,7 +790,6 @@ ul .sidebar-group-li .icon{
#jot-title::-webkit-input-placeholder{font-weight: normal;} #jot-title::-webkit-input-placeholder{font-weight: normal;}
#jot-title:-moz-placeholder{font-weight: normal;} #jot-title:-moz-placeholder{font-weight: normal;}
#jot-title:hover, #jot-title:hover,
#jot-title:focus { #jot-title:focus {
border: 1px solid #cccccc border: 1px solid #cccccc
@ -861,7 +852,7 @@ ul .sidebar-group-li .icon{
position: absolute: right: 100px; top:100px; position: absolute: right: 100px; top:100px;
} }
#profile-rotator-wrapper { #profile-rotator-wrapper {
float: right; float: right;
} }
.jot-tool { .jot-tool {
@ -951,20 +942,20 @@ profile-jot-banner-wrapper {
/* ========= */ /* ========= */
.wall-item-outside-wrapper { .wall-item-outside-wrapper {
max-width: 100%; max-width: 100%;
border-bottom: 1px solid #dedede; border-bottom: 1px solid #dedede;
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
padding-right: 10px; padding-right: 10px;
padding-left: 12px; padding-left: 12px;
background: -moz-linear-gradient(center top , #F8F8F8 5%, #F6F6F6 100%) repeat scroll 0 0 #F8F8F8; background: -moz-linear-gradient(center top , #F8F8F8 5%, #F6F6F6 100%) repeat scroll 0 0 #F8F8F8;
border: 1px solid #CDCDCD; border: 1px solid #CDCDCD;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
box-shadow: 3px 3px 4px 0 #959494; box-shadow: 3px 3px 4px 0 #959494;
/*color: #E6E6E6;*/ /*color: #E6E6E6;*/
margin-top: 20px; margin-top: 20px;
/*text-shadow: -1px 0 0 #BDBDBD;*/ /*text-shadow: -1px 0 0 #BDBDBD;*/
/* Overflow: hidden; */ /* Overflow: hidden; */
} }
.wall-item-outside-wrapper-end { clear: both;} .wall-item-outside-wrapper-end { clear: both;}
@ -1098,7 +1089,7 @@ profile-jot-banner-wrapper {
color: #898989; color: #898989;
} }
.wall-item-location .smalltext { margin-left: 2px; font-size: 0.9em; display: block;} .wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;}
.wall-item-location > br { display: none; } .wall-item-location > br { display: none; }
.wall-item-conv a{ .wall-item-conv a{
font-size: 0.9em; font-size: 0.9em;
@ -1107,12 +1098,12 @@ profile-jot-banner-wrapper {
} }
.wallwall .wwto { .wallwall .wwto {
left: -10px; left: -10px;
margin: 0; margin: 0;
position: absolute; position: absolute;
top: 65px; top: 65px;
width: 30px; width: 30px;
z-index: 900; z-index: 900;
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
@ -1120,10 +1111,10 @@ profile-jot-banner-wrapper {
.wallwall .wwto img { width: 30px!important; height: 30px!important;} .wallwall .wwto img { width: 30px!important; height: 30px!important;}
.wallwall .wall-item-photo-end { clear: both; } .wallwall .wall-item-photo-end { clear: both; }
.wall-item-arrowphoto-wrapper { .wall-item-arrowphoto-wrapper {
position: absolute; position: absolute;
left: 20px; left: 20px;
top: 70px; top: 70px;
z-index: 950; z-index: 950;
} }
.wall-item-photo-menu { .wall-item-photo-menu {
@ -1188,7 +1179,7 @@ profile-jot-banner-wrapper {
font-size: 0.9em; font-size: 0.9em;
color: #898989; color: #898989;
margin-left: 60px; margin-left: 60px;
/* font-variant:small-caps; */ /*font-variant:small-caps;*/
} }
.wall-item-outside-wrapper.comment { margin-left: 70px; } .wall-item-outside-wrapper.comment { margin-left: 70px; }
@ -1276,7 +1267,7 @@ profile-jot-banner-wrapper {
display: block; display: block;
overflow: auto; overflow: auto;
border: 1px solid #cccccc; border: 1px solid #cccccc;
border-width: 1px 1px 1px 10px; border-width: 1px 1px 1px 10px;
padding-left: 10px; padding-left: 10px;
margin-top: 20px; margin-top: 20px;
} }
@ -1297,7 +1288,7 @@ profile-jot-banner-wrapper {
margin-bottom: 0px; margin-bottom: 0px;
padding-bottom: 5px; padding-bottom: 5px;
font-size: 18px; font-size: 18px;
/* font-variant:small-caps; */ /*font-variant:small-caps;*/
} }
div[id$="wrapper"] { height: 100%;} div[id$="wrapper"] { height: 100%;}
@ -1346,8 +1337,8 @@ div[id$="wrapper"] br { clear: left; }
margin-right: 5px; margin-right: 5px;
font-style: bold; font-style: bold;
-webkit-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
} }
#profile-edit-links li a { #profile-edit-links li a {
@ -1375,7 +1366,7 @@ div[id$="wrapper"] br { clear: left; }
.profile-match-name a{ .profile-match-name a{
color: #999; color: #999;
/* font-variant: small-caps; */ /*font-variant: small-caps;*/
font-size: 1em; font-size: 1em;
} }
@ -1438,8 +1429,8 @@ div[id$="wrapper"] br { clear: left; }
margin-right: 5px; margin-right: 5px;
font-style: bold; font-style: bold;
-webkit-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
} }
#photo-top-links a { #photo-top-links a {
color: #efefef; color: #efefef;
@ -1592,9 +1583,9 @@ select, input {
margin-top: 0px; margin-top: 0px;
border: 2px solid #b0b0b0; border: 2px solid #b0b0b0;
padding: 2px; padding: 2px;
-webkit-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
} }
select[size], select[multiple], select[size][multiple] { select[size], select[multiple], select[size][multiple] {
@ -1948,9 +1939,9 @@ margin-left: 0px;
.contact-entry-edit-links .icon { .contact-entry-edit-links .icon {
border: 1px solid #babdb6; border: 1px solid #babdb6;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
background-color: #ffffff; background-color: #ffffff;
} }
@ -2000,26 +1991,26 @@ margin-left: 0px;
.contact-photo-menu-button { .contact-photo-menu-button {
position: absolute; position: absolute;
background-image: url("photo-menu.jpg"); background-image: url("photo-menu.jpg");
background-position: top left; background-position: top left;
background-repeat: no-repeat; background-repeat: no-repeat;
margin: 0px; padding: 0px; margin: 0px; padding: 0px;
width: 16px; width: 16px;
height: 16px; height: 16px;
top: 64px; left:0px; top: 64px; left:0px;
overflow: hidden; overflow: hidden;
text-indent: 40px; text-indent: 40px;
display: none; display: none;
} }
.contact-photo-menu { .contact-photo-menu {
width: auto; width: auto;
border: 1px solid #ddd; border: 1px solid #ddd;
background: #f1f1f1; background: #f1f1f1;
position: absolute; position: absolute;
left: 0px; top: 90px; left: 0px; top: 90px;
display: none; display: none;
z-index: 10000; z-index: 10000;
-moz-box-shadow: 3px 3px 5px #888; -moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888; -webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888; box-shadow: 3px 3px 5px #888;
@ -2197,8 +2188,8 @@ margin-left: 0px;
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 20px;
-webkit-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
} }
#side-follow-wrapper label{ #side-follow-wrapper label{
@ -2367,8 +2358,8 @@ margin-left: 0px;
margin-bottom: 10px; margin-bottom: 10px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
} }
#register-form div { #register-form div {
@ -2480,7 +2471,7 @@ margin-left: 0px;
#prof-all-contacts { #prof-all-contacts {
width: 83%; width: 83%;
height: 200px; height: 200px;
overflow: auto; overflow: auto;
border: 1px solid #ccc; border: 1px solid #ccc;
background-color: #f0edf0; background-color: #f0edf0;
padding: 10px; padding: 10px;
@ -2862,9 +2853,9 @@ tr {
.field input, .field input,
.field textarea { .field textarea {
width: 220px; width: 220px;
border: 1px solid #CDCDCD; border: 1px solid #CDCDCD;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
/*box-shadow: 3px 3px 4px 0 #959494;*/ /*box-shadow: 3px 3px 4px 0 #959494;*/
} }
.field textarea { height: 100px; } .field textarea { height: 100px; }
.field_help { .field_help {
@ -2932,15 +2923,15 @@ tr {
} }
.notify { .notify {
background-image: url("notify.png");} background-image: url("notifications.png");}
repeat: no-repeat; repeat: no-repeat;
} }
.border { .border {
border: 1px solid #c1c1c1; border: 1px solid #c1c1c1;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
} }
.article { background-position: -50px 0px;} .article { background-position: -50px 0px;}
@ -2953,7 +2944,6 @@ tr {
.dislike { background-position: -190px 0px;} .dislike { background-position: -190px 0px;}
.like { background-position: -210px 0px;} .like { background-position: -210px 0px;}
.link { background-position: -230px 0px;} .link { background-position: -230px 0px;}
.globe { background-position: -50px -20px;} .globe { background-position: -50px -20px;}
.noglobe { background-position: -70px -20px;} .noglobe { background-position: -70px -20px;}
.no { background-position: -90px -20px;} .no { background-position: -90px -20px;}
@ -2964,10 +2954,8 @@ tr {
.recycle { background-position: -190px -20px;} .recycle { background-position: -190px -20px;}
.remote-link { background-position: -210px -20px;} .remote-link { background-position: -210px -20px;}
.share { background-position: -230px -20px;} .share { background-position: -230px -20px;}
.tools { background-position: -50px -40px;} .tools { background-position: -50px -40px;}
.lock { background-position: -70px -40px;} .lock { background-position: -70px -40px;}
.unlock { .unlock {
background-position: -90px -40px; background-position: -90px -40px;
background-image: none; background-image: none;
@ -3017,9 +3005,9 @@ tr {
footer { display: block; margin: 50px 20%; clear: both; } footer { display: block; margin: 50px 20%; clear: both; }
#profile-jot-text { #profile-jot-text {
height: 20px; height: 20px;
color:#cccccc; color:#cccccc;
/*border: 1px solid #cccccc;*/ /*border: 1px solid #cccccc;*/
} }
/* ======= */ /* ======= */
@ -3066,7 +3054,7 @@ footer { display: block; margin: 50px 20%; clear: both; }
#acl-list { #acl-list {
height: auto; height: auto;
border: 1px solid #cccccc; border: 1px solid #cccccc;
background-color: #efefef; background-color: #efefef;
clear: both; clear: both;
margin-top: 30px; margin-top: 30px;
overflow: auto; overflow: auto;
@ -3232,8 +3220,8 @@ ul.menu-popup {
-moz-box-shadow: 5px 5px 10px #242424; -moz-box-shadow: 5px 5px 10px #242424;
-webkit-box-shadow: 5px 5px 10px #242424; -webkit-box-shadow: 5px 5px 10px #242424;
box-shadow: 5px 5px 10px #242424; box-shadow: 5px 5px 10px #242424;
} }
#nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; } #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
#nav-notifications-menu img { float: left; margin-right: 5px; } #nav-notifications-menu img { float: left; margin-right: 5px; }
#nav-notifications-menu .notif-when { font-size: 0.8em; display: block; } #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
@ -3279,7 +3267,6 @@ ul.menu-popup {
max-height:150px; max-height:150px;
overflow:auto; overflow:auto;
z-index:100000; z-index:100000;
color: #2e3436; color: #2e3436;
border-top: 0px; border-top: 0px;
background: #eeeeee; background: #eeeeee;
@ -3292,8 +3279,8 @@ ul.menu-popup {
-moz-box-shadow: 3px 3px 4px #959494; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494; -webkit-box-shadow: 3px 3px 4px #959494;
box-shadow: 3px 3px 4px #959494; box-shadow: 3px 3px 4px #959494;
} }
.acpopupitem { .acpopupitem {
color: #2e3436; padding: 4px; color: #2e3436; padding: 4px;
clear:left; clear:left;
@ -3316,21 +3303,21 @@ ul.menu-popup {
opacity: 0; opacity: 0;
filter:alpha(opacity=0); filter:alpha(opacity=0);
} }
.qcomment:hover { .qcomment:hover {
opacity: 1.0; opacity: 1.0;
filter:alpha(opacity=100); filter:alpha(opacity=100);
} }
.notify-seen { .notify-seen {
background: #000; background: #000;
} }
/* Pages profile widget */ /* Pages profile widget */
#page-profile div#profile-page-list{ #page-profile div#profile-page-list{
margin-left: 45px; margin-left: 45px;
} }
hr.line-dots { hr.line-dots {
background: url("icons/dot.png") repeat-x scroll left center transparent; background: url("icons/dot.png") repeat-x scroll left center transparent;
border: medium none; border: medium none;

View file

@ -86,6 +86,8 @@
<div class="wall-item-wrapper-end"></div> <div class="wall-item-wrapper-end"></div>
<div class="wall-item-like" id="wall-item-like-$item.id">$item.like</div> <div class="wall-item-like" id="wall-item-like-$item.id">$item.like</div>
<div class="wall-item-dislike" id="wall-item-dislike-$item.id">$item.dislike</div> <div class="wall-item-dislike" id="wall-item-dislike-$item.id">$item.dislike</div>
<div class="wall-item-comment-separator"></div>
{{ if $item.threaded }} {{ if $item.threaded }}
{{ if $item.comment }} {{ if $item.comment }}
<div class="wall-item-comment-wrapper $item.indent" > <div class="wall-item-comment-wrapper $item.indent" >