We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Advanced comments | Forum

Kim
Kim Apr 7 '16
Hi,

Since the developer of the plugin doesn´t answer at all, I hope you guys could help we, which part of the code to modify.

I would like the box/ frame around the text field to be black (White-ish at the moment - see attachement.)

The css code is like the following:

.ac_like {

    display: inline-block;

    min-width: 30px;

}


.ac_icon {

    display: inline-block;

    vertical-align: top;

    width: 16px;

    height: 16px;

}


.ac_like_icon {    

    background: url(../images/icon.png) no-repeat;

}


.ac_reply_icon {

    background: url(../images/reply.png) no-repeat;

}


.ac_like_info_you,

.ac_like_info_count,

.ac_like_info_likes {

    font-style: normal;

    text-decoration: none;

}


.ac_like_info_count {

    cursor: pointer;

}


.ac_center {

    height: 50px;

    line-height: 50px;

}


.ac_top {

    margin-top: 9px;

}


.ac_reply_form {

    margin-left: 50px;

    border-left: 2px solid #dcdee3;

}


.ac_reply {

    min-height: 20px;

    background-color: #fafafa;

    border-color: #ededed;

    border-style: solid;

    margin-bottom: -4px;

}


.ac_reply_content {

    padding: 5px 0;

}


.ow_photo_scroll_cont .ac_reply {

    border-width: 0 1px 0 1px;

}


.ac_ow_comments_item {

padding: 6px 6px 0 6px;

}


.ow_photoview_info_wrap.sticked .ow_comments_item:last-child {

    border-width: 0;

    margin-bottom: 0;

}


.ac_attachment {

    margin-bottom: 8px;

}


.ac-comment-context {

    padding: 0px 0px 4px;

}


@-webkit-keyframes fadeIt {

    0%   { background-color: #fafafa; }

    50%  { background-color: #FF7000; }

    100% { background-color: #fafafa; }

}

@-moz-keyframes fadeIt {

    0%   { background-color: #fafafa; }

    50%  { background-color: #FF7000; }

    100% { background-color: #fafafa; }

}

@-o-keyframes fadeIt {

    0%   { background-color: #fafafa; }

    50%  { background-color: #FF7000; }

    100% { background-color: #fafafa; }

}

@keyframes fadeIt {

    0%   { background-color: #fafafa; }

    50%  { background-color: #FF7000; }

    100% { background-color: #fafafa; }

}


.backgroundAnimated {

    background-image: none !important;

    -webkit-animation: fadeIt 5s ease-in-out; 

    -moz-animation: fadeIt 5s ease-in-out; 

    -o-animation: fadeIt 5s ease-in-out; 

    animation: fadeIt 5s ease-in-out; 

}


.tipsy { opacity: 0.9; font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }

.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; }

.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

.tipsy-arrow-n { border-bottom-color: #000; }

.tipsy-arrow-s { border-top-color: #000; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }


Attachments:
  Acomments.PNG (10Kb)