| Current Path : /home/c/b/e/cbequiperp/www/components/com_flexicontent/assets/less/ |
| Current File : /home/c/b/e/cbequiperp/www/components/com_flexicontent/assets/less/fcvote.less |
/*
Tried hard to remove !important rules,
but too many stupid CSS rules ... exist !! that twice as terrible as using !important
e.g. #my_template_box ul { ... }
e.g. #my_template_box li { ... }
the above should have been (to minimize conflicts):
e.g. #header > ul { ... }
e.g. #header ul.specificclass { ... }
- and we cannot always prepend an HTML tag ID to override the above
- anyone that wants to override this: Please just -copy- the full rule and -prepend- a 'body' ...
- note the last part of this CSS should not be overriden via CSS,
instead use voting field parameters !!
*/
/* fcvote standard css */
/* container of all voting types */
div.voting-group {
display: inline-block;
float: none;
margin: 0;
padding: 0;
}
/* outer container of 1 vote type: main or extra */
div.voting-row {
box-sizing: border-box;
display: inline-block;
float: left;
padding: 0;
margin: 0;
padding: 0 24px 0 0;
}
div.voting-row.voting-row_main {
box-sizing: border-box;
clear: both;
}
div.voting-row:nth-child(2n) {
clear: both;
}
#flexicontent
div.voting-row .ajax-loader,
div.voting-row .ajax-loader {
vertical-align: top;
margin: 6px 6px 10px 12px;
}
/* inner container of 1 vote type: main or extra */
div.fcvote {
display: inline-block;
vertical-align: unset;
margin: 0;
padding: 0;
}
div.fcvote > ul.fcvote_list,
div.fcvote > ul.fcvote_list > li.voting-links a:hover,
div.fcvote > ul.fcvote_list > li.current-rating {
background-color: transparent !important;
background-position: left -1000px !important;
background-repeat: repeat-x !important;
}
div.fcvote > ul.fcvote_list {
background-position: left top !important;
list-style-image: none !important;
list-style-position: outside !important;
list-style-type: none !important;
margin: 4px 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: relative !important;
float: left !important;
clear: both !important;
}
div.fcvote > ul.fcvote_list > li.current-rating,
div.fcvote > ul.fcvote_list > li.voting-links {
display: inline !important;
background-image: none !important;
background-position: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
div.fcvote > ul.fcvote_list > li.voting-links a,
div.fcvote > ul.fcvote_list > li.current-rating {
background-color: transparent !important;
border: medium none !important;
cursor: pointer !important;
outline-color: initial !important;
outline-style: none !important;
outline-width: medium !important;
overflow: hidden !important;
position: absolute !important;
text-indent: -1000em !important;
left: 0pt !important;
top: 0pt !important;
margin: 0 !important;
padding: 0 !important;
transition: none !important;
}
div.fcvote > ul.fcvote_list > li.voting-links a:hover {
background-position: left bottom !important;
}
div.fcvote > ul.fcvote_list > li.current-rating {
background-position: left center !important;
z-index: 0 !important;
}
/*
* Non-critical part not using !important
*/
/* Labels: main vote */
#flexicontent
div.fcvote-label-outer,
div.fcvote-label-outer {
float: left;
clear:both;
}
#flexicontent
div.fcvote-label,
div.fcvote-label {
float: left;
padding: 0 4px 0 0;
margin-right: 6px;
font-weight:normal;
font-size: 100%;
text-align:right;
border-bottom:1px dashed gray;
font-style:italic;
}
/* Labels: extra votes */
#flexicontent
div.fcvote-label.xid-main,
div.fcvote-label.xid-main {
color: darkorange;
font-size: 120%;
font-style:normal;
font-weight:bold;
}
/* Vote message, desc, counter */
#flexicontent
div.fcvote_message,
div.fcvote_message {
float: left;
margin: 0;
padding: 0;
clear:both;
}
#flexicontent
div.fcvote-count,
div.fcvote-count {
float: left;
margin: 0px 0 0 2px;
padding: 0 4px 0 4px;
text-align: center;
position: relative;
border-radius: 3px;
}
#flexicontent
div.fcvote-box-main div.fcvote-count,
div.fcvote-box-main div.fcvote-count {
margin-top: 4px;
max-width: unset;
}
#flexicontent
div.fcvote-desc,
div.fcvote-desc {
margin: 2px 4px 4px 4px;
padding: 0px 4px;
float:left;
clear:both;
}
/* Vote being submitted */
#flexicontent
div.fcvote .ajax-loader,
div.fcvote .ajax-loader {
background: url("../images/ajax-loader.gif") no-repeat scroll left center transparent;
height: 16px;
padding: 0 0 0 20px;
}
/* Review form */
#flexicontent
.fcvote_toggle_review_form {
clear: both;
float: left;
margin: 2px 0 2px 0;
vertical-align: top;
width: 100%;
}
#flexicontent
.fcvote_review_form_box_loading {
float: left;
display: inline-block;
vertical-align: top;
}
#flexicontent
.fcvote_review_form_box label ,
.fcvote_review_form_box label {
font-size:12px;
}
#flexicontent
.fcvote_review_form_box table td,
.fcvote_review_form_box table td {
font-size:120%;
}
#flexicontent
.fcvote_review_form_box table tr td {
padding-left: 2px;
padding-right: 2px;
}
#flexicontent
.fcvote_review_form_box table td input.fcvote_review_form_submit_btn {
min-width: 33%;
float: right;
}
#flexicontent
.fcvote_review_form_box table.fc-form-tbl td.key,
.fcvote_review_form_box table.fc-form-tbl td.key {
max-width: 300px;
}
#flexicontent
.fcvote_review_form_box table.fc-form-tbl td input[type=text],
.fcvote_review_form_box table.fc-form-tbl td input[type=text],
#flexicontent
.fcvote_review_form_box table.fc-form-tbl td textarea,
.fcvote_review_form_box table.fc-form-tbl td textarea {
width: 100%;
box-sizing: border-box;
height: unset;
padding: 6px 12px;
}
/*
* fcvote CSS, that is OVERRIDABLE by inline CSS rules (!important)
* that are created according to voting field configuration,
*
* DO NOT OVERRIDE these by using CSS,
* instead please use field configuration
*/
/*****************************************/
/* overridable voting image and its size */
/*****************************************/
div.fcvote > ul.fcvote_list {
height: 24px !important;
width: 120px !important; /* overridable number of stars */
}
div.fcvote > ul.fcvote_list > li.voting-links a,
div.fcvote > ul.fcvote_list > li.current-rating {
height: 24px !important;
line-height: 24px !important;
}
div.fcvote > ul.fcvote_list,
div.fcvote > ul.fcvote_list > li.voting-links a:hover,
div.fcvote > ul.fcvote_list > li.current-rating {
background-image: url(../images/star-medium.png) !important;
}
/*********************************************************************/
/* For overridable number of stars, mouse-over needs to be overriden */
/*********************************************************************/
div.fcvote > ul.fcvote_list > li.voting-links:nth-child(2) a { width: 20% !important; z-index: 6; }
div.fcvote > ul.fcvote_list > li.voting-links:nth-child(3) a { width: 40% !important; z-index: 5; }
div.fcvote > ul.fcvote_list > li.voting-links:nth-child(4) a { width: 60% !important; z-index: 4; }
div.fcvote > ul.fcvote_list > li.voting-links:nth-child(5) a { width: 80% !important; z-index: 3; }
div.fcvote > ul.fcvote_list > li.voting-links:nth-child(6) a { width: 100% !important; z-index: 2; }