/*content plugin styles*/ .jcomments-links { margin-top: 10px; clear: both; text-align: left; } .comments-link, .readmore-link { padding: 0 5px 5px 14px; background-image: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_blog.gif); background-repeat: no-repeat; } .comments-link { background-position: 0 -27px; } .readmore-link { background-position: 0 2px; } /*JComments common styles*/ #jc A:link, #jc A:visited, #jc A:hover { outline: none; } #jc .clear { clear: both; height: 1px; overflow: hidden; } #jc .busy { display: none; margin: 3px auto; padding: 0; width: 16px; height: 16px; background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_busy.gif) no-repeat; } #jc H4 { color: #555; background-color: inherit; font-weight: bold; text-align: left; border-bottom: 1px solid #D2DADB; padding: 0 0 2px; margin-bottom: 10px; } #jc P.message { color: #777; background-color: inherit; background-image: none; text-align: center; text-decoration: none; text-transform: none; text-indent: 0; padding: 5px 0 0; border-top: 1px solid #D2DADB; } #comments { margin: 0; padding: 0; width: 100%; text-align: left; text-decoration: none; text-transform: none; text-indent: 0; } #comments A { color: #849B9F; background-color: inherit; font-weight: normal; text-decoration: none; } #comments A:active, #comments A:focus, #comments A:hover { color: #CC0000 !important; background-color: transparent !important; } #comments A[rel*=external], #comments A[rel*=external]:active, #comments A[rel*=external]:hover, #comments A[rel*=external]:focus { background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_link.gif) no-repeat center right; padding: 0 10px 0 0; margin: 0 2px; display: inline-block; } /*RSS and Refresh*/ #comments .rss, #comments .refresh, #comments .subscribe { padding: 0 0 0 14px; margin: 0 2px; border: none; display: inline-block; } #comments .rss { background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_rss.gif) no-repeat center left !important; } #comments .refresh { background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_refresh.gif) no-repeat center left !important; } #comments .subscribe { background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_subscribe.gif) no-repeat center left !important; } #comments H4 .rss, #comments H4 .refresh { padding: 0 0 0 10px; margin: 0 0 0 5px; display: inline-block; } /*List footer*/ #comments-list-footer { margin: 0 0 10px 20px !important; } /*Show/hide form*/ #comments-form-link .showform { margin: 5px 0 0 22px; padding: 0 0 5px 14px; background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_blog.gif) no-repeat 0 -28px; border: none; font-weight: bold; display: block; } /*Comment*/ #comments .comment-box { margin: 0; padding: 0; color: #999; } #comments .comment-avatar { float: left; margin: 0; padding: 0; } #comments .avatar-indent { padding-left: 40px; } #comments .comment-anchor { color: #777; text-decoration: none; border: none; } #comments .comment-author, #comments .author-homepage { color: #3C452D; font: bold 1em Verdana, Arial, Sans-Serif; margin: 0; padding: 0; } #comments .author-homepage { text-decoration: none; border-bottom: 1px dotted #3C452D; } #comments .comment-title { color: #B01625; font: bold 1em Verdana, Arial, Sans-Serif; margin: 0; padding: 0; } /*Avatar*/ #comments .comment-avatar IMG { width: 32px; border: none !important; } /*Date and Time*/ #comments .comment-date { font-size: 10px; color: #999; margin: 0; padding: 0 0 0 12px; background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_date.gif) no-repeat center left; } #comments .comment-body { color: #777; margin: 6px 0 0; padding: 0 0 2px; } /*Quote, Code and Hidden block styles*/ #comments .quote, #comments BLOCKQUOTE, #comments .code, #comments CODE, #comments PRE { margin: 5px 0 5px 10px; display: block; clear: both; background-image: none; } #comments BLOCKQUOTE, #comments .hidden, #comments CODE, #comments PRE { color: #849B9F; text-align: left; padding: 8px; margin-bottom: 8px; } #comments BLOCKQUOTE, #comments .hidden { border: 1px dashed #849B9F; } #comments CODE, #comments PRE { border: 1px solid #DEDEDE; overflow: hidden; white-space: normal; } #comments .code { background: none; border: none; padding: 0; } #comments .quote { color: #777; } #comments .hidden { clear: both; display: block; margin: 5px 0; } /*Quote and Reply to buttons panel*/ #comments .comments-buttons { height: 15px; float: right; } #comments .email, #comments .emailactive { font: normal 1em Verdana, Arial, Sans-Serif; text-decoration: none; white-space: normal; margin: 0; padding: 0; line-height: 10px; cursor: pointer; border-bottom: 1px dotted #999; } #comments .email { color: #444; background-color: inherit; } #comments .emailactive { color: #CC0000; background-color: inherit; } #comments .email IMG, #comments .emailactive IMG { padding: 0; } #comments P { font: normal 1em Verdana, Arial, Sans-Serif; margin: 5px 5px 5px 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0; } #comments .comment-body IMG { padding: 0; border: 0 none #000000; } #comments .comment-body .img { padding: 4px 0 !important; max-width: 500px; } #comments .toolbar { clear: both; color: #CCC; border-top: 1px solid #CCC; margin: 8px 0 0; padding: 5px 0 0; } #comments .toolbar A, #comments .toolbar A:hover { float: left; margin: 0 2px 0 0; width: 16px; height: 16px; cursor: pointer; background-color: transparent !important; background-image: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_toolbar.gif) !important; } #comments .toolbar-button-edit { background-position: 0 0 !important; } #comments .toolbar-button-delete { background-position: 0 -16px !important; } #comments .toolbar-button-unpublish { background-position: 0 -32px !important; } #comments .toolbar-button-publish { background-position: 0 -48px !important; } #comments .toolbar-button-ip { background-position: 0 -64px !important; } #comments .toolbar-button-ban { background-position: 0 -80px !important; } /*Comments list*/ #comments .comments-list { margin-left: 20px; height: auto; } #comments .even, #comments .odd { background-image: none; background-color: transparent; color: #3C452D; border: none; margin-left: 0; margin-bottom: 10px; padding: 0; } #comments-list .comments-inline-edit { padding: 5px; margin: 5px 0; color: inherit; background-color: #FFF; border: 1px solid #CCC; } /*Comment form*/ DIV.comments-policy { color: #777; text-align: left; text-decoration: none; text-transform: none; text-indent: 0; background-color: inherit; border: 1px dotted #CCC; padding: 5px; margin: 5px 0 5px 20px; margin-left: 20px !important; } DIV.comments-policy OL, DIV.comments-policy UL { margin: 0; padding: 5px 0 0 20px; line-height: 5px; } DIV.comments-policy OL LI, DIV.comments-policy UL LI { font: normal 1em Verdana, Arial, Sans-Serif; margin: 0; padding: 0; border: none; line-height: 5px; } #comments-form, #comments-form P, #comments-report-form, #comments-report-form P, #comments-form SPAN, #comments-form .counter { text-align: left; text-decoration: none; text-transform: none; text-indent: 0; } #comments-form P, #comments-report-form P, #comments-form SPAN, #comments-form .counter { color: #777; font: normal 1em Verdana, Arial, Sans-Serif; } #comments-form P, #comments-form #comments-form-buttons, #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder { font: normal 1em Verdana, Arial, Sans-Serif; margin-left: 20px !important; margin-top: 10px; margin-bottom: 8px; overflow: hidden; padding: 0; } #comments-inline-edit { border: 1px solid #CCC; margin: 5px 0 0; background: #FFF; } #comments-inline-edit #comments-form P, #comments-inline-edit #comments-form #comments-form-buttons, #comments-inline-edit #comments-form-error { font: normal 1em Verdana, Arial, Sans-Serif; margin-left: 5px !important; margin-left: 5px; margin-top: 5px; margin-bottom: 2px; padding: 0; } #comments-form IMG.smile { margin: 0 3px 3px 0; padding: 0; border: none; cursor: pointer; } #comments-form IMG.captcha { padding: 0; margin: 0 0 3px; border: 1px solid #CCC; } #comments-form SPAN.captcha { padding: 0 0 0 12px; color: #777; background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_refreshg.gif) no-repeat 0 2px; cursor: pointer; display: inline-block; } #comments-form LABEL, #comments-report-form LABEL { color: #777; background-color: inherit; line-height: 1.5em; padding: 0; margin: 0; vertical-align: middle; } #comments-form INPUT, #comments-report-form INPUT, #comments-form TEXTAREA { color: #444; background-color: #FFF; padding: 0 !important; margin: 0; border: 1px solid #CCC; } #comments-form INPUT { width: 170px; margin-bottom: 2px; height: 1.5em; } #comments-form INPUT.selected, #comments-form TEXTAREA.selected { color: #777; background-color: #FFFFE0 !important; border: 1px solid #849B9F; } #comments-form INPUT.error, #comments-form TEXTAREA.error { border: 1px solid #F00; text-decoration: none; text-transform: none; background-color: #FFFFE0; } #comments-form INPUT.checkbox { width: 16px; line-height: 1.5em; padding: 0; margin: 0; vertical-align: middle; border: none; } #comments-form INPUT.captcha { width: 116px; margin: 3px 0 5px; } #comments-form TEXTAREA { max-width: 400px !important; width: 350px; margin: 0; /*resize: none*/ } #comments-form-message { padding: 5px 5px 5px 25px; margin-right: 5px; display: block; } .comments-form-message-error { background: #FFD86F url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_error.gif) no-repeat 4px 50%; } .comments-form-message-info { background: #DFEEFF url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_info.gif) no-repeat 4px 50%; } #comments-form .counterpanel { height: 13px; display: block; overflow: hidden; color: #CCC; padding: 0; margin: 0; border: 1px solid #DDD; border-top-width: 0; max-width: 400px !important; width: 350px; background-color: #EEE; } #comments-form .grippie { height: 13px; display: block; overflow: hidden; color: #CCC; padding: 0; margin: 0; border: 1px solid #DDD; border-top-width: 0; max-width: 400px !important; width: 350px; cursor: s-resize; background: #EEE url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_resize.gif) no-repeat right 2px; } #comments-form .grippie .counter { font-size: 10px; padding: 0; margin: 0; } #comments-form .grippie SPAN { display: block; float: left; } #comments-form .grippie SPAN SPAN { display: inline; float: none; } #comments-form .btn, #comments-report-form .btn { float: left; background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_btnl.gif) no-repeat; margin-right: 5px; } #comments-form .btn DIV, #comments-report-form .btn DIV { margin: 0 -1px 0 0; float: left; background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_btnr.gif) no-repeat 100% 0; } #comments-form .btn A, #comments-report-form .btn A { text-decoration: none; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; color: #777; padding: 0 5px; border: none; } #comments-form .btn A:hover, #comments-form .btn A:focus, #comments-report-form .btn A:hover, #comments-report-form .btn A:focus { text-decoration: none; color: #0B55C4; background-color: transparent; } #comments-form-smilespanel { display: none; cursor: pointer; padding: 2px; max-width: 200px; background-color: #FFF; border: 1px solid #CCC; overflow: auto; left: 0; top: 0; position: absolute; z-index: 999999 !important; } #comments-footer, #comments-footer A { color: #CCC !important; background-color: inherit; font: normal 9px Verdana, Arial, Sans-Serif !important; } #comments-footer { display: block; height: 14px; border-top: 1px solid #CCC; padding-top: 1px; margin-top: 4px; text-align: right; } #comments-footer A { text-decoration: none !important; text-transform: none; padding: 0; margin: 0; border: none !important; float: right; background: none !important; } /*Pagination*/ BODY #jc #nav-bottom, BODY #jc #nav-top { line-height: 19px !important; line-height: 17px; height: auto !important; text-align: center; margin: 0 auto; } #jc #nav-bottom SPAN.page, #jc #nav-top SPAN.page { color: #777; background-color: #EEE; border: 1px solid #D6DADD; } #jc #nav-bottom SPAN.hoverpage, #jc #nav-top SPAN.hoverpage { color: #777; background-color: #E8E9EA; border: 1px solid #D6DADD; } #jc #nav-bottom SPAN, #jc #nav-top SPAN { color: #777; background-color: inherit; font-size: 10px; font-family: Arial, sans-serif; margin: 0 2px; height: 15px; padding: 2px 8px; cursor: pointer; vertical-align: top; display: inline-block; } #jc #nav-bottom SPAN.activepage, #jc #nav-top SPAN.activepage { font-weight: bold; color: inherit; background-color: #FFFFFF; } #jc DIV#nav-bottom, #jc DIV#nav-top { position: relative; z-index: 2; width: 100%; } #jc DIV#nav-bottom { margin: 10px 0 0; padding: 0; background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_dot.gif) repeat-x top left; } #jc #nav-bottom SPAN.activepage { border-bottom: 1px solid #D6DADD; border-left: 1px solid #D6DADD; border-right: 1px solid #D6DADD; border-top: 1px solid #FFFFFF; } #jc DIV#nav-top { margin: 10px 0; background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_dot.gif) repeat-x bottom; } #jc #nav-top SPAN.activepage { border-top: 1px solid #D6DADD; border-left: 1px solid #D6DADD; border-right: 1px solid #D6DADD; border-bottom: 1px solid #FFFFFF; } #nav-bottom SPAN.page { display: inline-block; } /*Vote*/ #jc SPAN.comments-vote { width: 6em; height: 15px; float: right; } #jc SPAN.comments-vote A { width: 15px; height: 14px; float: left; margin: 0 3px 0 0; display: block; background-repeat: no-repeat; background-image: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_vote.gif); border: none !important; text-decoration: none; } #jc SPAN.comments-vote .busy { margin: 0; float: right; width: 16px; } #jc .vote-good { background-position: 0 0; } #jc .vote-poor, #jc A.vote-poor:hover { background-position: -15px 0; } #jc SPAN.vote-good, #jc SPAN.vote-poor, #jc SPAN.vote-none { margin: 0; float: right; font: bold 1em Verdana, Arial, Sans-Serif; line-height: 14px; } #jc SPAN.vote-good { color: #339900; } #jc SPAN.vote-poor { color: #CC0000; } #jc SPAN.vote-none { color: #A9A9A9; } /*BBCode*/ #jc SPAN.bbcode { width: auto; height: 23px; display: block; margin-bottom: 5px; } #jc .bbcode A, #jc .bbcode A:focus, #jc .bbcode A:active, #jc .bbcode A:hover { width: 23px; height: 23px; float: left; margin: 0 2px 0 0; display: block; background-color: transparent !important; background-repeat: no-repeat; background-image: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_bbcodes.gif); text-decoration: none; border: none !important; } #jc A.bbcode-empty { background-position: 0 0; } #jc A.bbcode-b { background-position: -30px 0 !important; } #jc A.bbcode-i { background-position: -60px 0 !important; } #jc A.bbcode-u { background-position: -90px 0 !important; } #jc A.bbcode-s { background-position: -120px 0 !important; } #jc A.bbcode-url { background-position: -150px 0 !important; } #jc A.bbcode-img { background-position: -180px 0 !important; } #jc A.bbcode-list { background-position: -210px 0 !important; } #jc A.bbcode-hide { background-position: -240px 0 !important; } #jc A.bbcode-quote { background-position: -270px 0 !important; } #jc A.bbcode-smile { background-position: -300px 0 !important; } #jc A.bbcode-youtube { background-position: -330px 0 !important; } #jc A.bbcode-google { background-position: -360px 0 !important; } #jc A.bbcode-wiki { background-position: -390px 0 !important; } #jc A.bbcode-facebook { background-position: -420px 0 !important; } #jc A.bbcode-flickr { background-position: -450px 0 !important; } #jc SPAN.bbcode IMG { width: 23px; height: 23px; float: left; margin: 0 2px 0 0; } #jc .custombbcode { width: 23px; height: 23px; float: left; margin: 0 2px 0 0; display: block; text-decoration: none; cursor: pointer; } /*Rounded comments*/ #jc .rbox { margin: 0; width: auto; overflow: hidden; } #jc .rbox DIV { text-align: left; margin: 0; } #jc .rbox_t { margin: 0; border-top: 1px solid #CCC; background-color: #FFF; } #jc .rbox_tl { background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_rb_tl.gif) no-repeat 0 0; padding-left: 13px; } #jc .rbox_tr { height: 10px; overflow: hidden; background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_rb_tr.gif) no-repeat 100% 0; padding-right: 13px; } #jc .rbox_m { border-left: 1px solid #CCC; border-right: 1px solid #CCC; width: auto; padding: 0 8px; background-color: #FFF; line-height: 100%; } #jc .rbox_b { margin-top: -5px; border-bottom: 1px solid #CCC; background-color: #FFF; height: 12px; line-height: 12px; } #jc .rbox_bl { background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_rb_bl.gif) no-repeat 0 100%; padding-left: 13px; } #jc .rbox_br { height: 13px; background: url(../../../../../jirbis2/components/com_jcomments/tpl/default/images/jc_rb_br.gif) no-repeat 100% 100%; padding-right: 13px; }