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; }
