skin net reviews

This commit is contained in:
Nolwenn 2016-03-18 09:58:53 +01:00
parent 3d3c91838d
commit 6bad5f812a
8 changed files with 715 additions and 1 deletions

View File

@ -4413,3 +4413,710 @@ body .addresses {
border: 2px solid #333;
color: #fff;
}
/*********** reviews ******************/
/**
* 2012-2015 NetReviews
*
* @author NetReviews SAS <contact@avis-verifies.com>
* @copyright 2015 NetReviews SAS
* @version Release: $Revision: 7.1.4
* @license NetReviews
* @date 25/08/2015
* International Registered Trademark & Property of NetReviews SAS
*/
#idTabavisverifies {
margin-top: 15px;
color: #5d717e;
margin-bottom: 10px;
padding-top: 20px;
border-top: 3px solid #333333;
}
#idTabavisverifies a{
color:#5d717e;
text-decoration: none;
}
#idTabavisverifies p{
margin:0;
padding:0;
}
#idTabavisverifies div.ratingWrapper, #av_snippets_block div.ratingWrapper{
background:url('../img/mini_etoile_empty.png') no-repeat left bottom;
/*display:inline-block;*/
height: 12px;
width: 70px;
}
#idTabavisverifies div.ratingInner, #av_snippets_block div.ratingInner{
background:url('../img/mini_etoile_full.png') no-repeat left bottom transparent;
/*display:inline-block;*/
height: 12px;
}
#idTabavisverifies .triangle-border {
position: relative;
padding: 12px;
margin: 14px 0 3px 0;
border: 2px solid #DDD;
color: #000;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#idTabavisverifies .triangle-border.answer{
margin-left: 20px;
color:#808080;
}
#idTabavisverifies .triangle-border.top::before {
top: -16px;
bottom: auto;
right: auto;
left: 46px;
border-width: 0 14px 14px;
}
#idTabavisverifies .triangle-border::before {
content: "";
position: absolute;
bottom: -20px;
right: 40px;
border-width: 20px 20px 0;
border-style: solid;
border-color: #DDD transparent;
display: block;
width: 0;
}
#idTabavisverifies .triangle-border.top::after {
top: -13px;
bottom: auto;
right: auto;
left: 47px;
border-width: 0 13px 13px;
}
#idTabavisverifies .triangle-border::after {
content: "";
position: absolute;
bottom: -13px;
left: 47px;
border-width: 13px 13px 0;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0;
}
#idTabavisverifies .triangle-border.answer {
padding-left: 20px;
}
.clear{
clear: both;
}
#idTabavisverifies #headerAV {
display: block;
background-color: transparent;
background-repeat: no-repeat;
background: url('../img/bg_title.png') no-repeat 0 -95px;
background-position: center top;
height: 96px;
margin-bottom: 25px;
padding-top: 33px;
line-height: 83px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: center;
line-height: 30px;
color:white;
text-transform: uppercase;
font-size: 14px;
font-family: 'pompiere_regular';
text-transform: uppercase;
font-size: 43px;
text-align: center;
}
#idTabavisverifies #under-headerAV{
display: block;
height: 50px;
}
#idTabavisverifies #under-headerAV{
}
#idTabavisverifies ul#aggregateRatingAV {
list-style: none;
margin-left: 50px;
padding-top: 10px;
float: left;
}
#idTabavisverifies ul#certificatAV{
float: right;
list-style: none;
padding-top: 10px;
padding-right: 10px;
}
#idTabavisverifies .reviewAV {
padding-bottom: 20px;
border-top: 3px solid white;
}
#idTabavisverifies .reviewAV ul.reviewInfosAV{
list-style: none;
margin-top: 15px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
#idTabavisverifies .reviewAV ul.reviewInfosAV li{
display: inline-block;
height: 25px;
line-height: 25px;
}
#idTabavisverifies .reviewAV ul.reviewInfosAV li.rateAV{
font-weight: bold;
font-size: 14px;
}
#idTabavisverifies .triangle-border.answer p.answer-bodyAV{
margin: 10px 0 0 0 ;
}
/* Pagination */
#idTabavisverifies .pagination_av { margin-top: 20px; }
#idTabavisverifies .pagination_av a { text-decoration: none; }
#idTabavisverifies .pagination_av ul.btn_pagination_av li{
display: inline;
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
border-left-width: 0;
}
#idTabavisverifies .pagination_av ul.btn_pagination_av li.current{ font-weight: bold;}
#idTabavisverifies .pagination_av ul.btn_pagination_av li.disabled_av{ color:#B0B0B0;}
#idTabavisverifies .pagination_av ul.btn_pagination_av li:first-child{ border-left-width: 1px;}
/* FIN Pagination */
#idTabavisverifies #ajax_comment_content{
background-color:#f1f1f1;
padding: 10px;
}
/* ExtraRight */
.av_product_award{
background-color: #e6e6e6;
border: solid 1px #b6b6b6;
border-radius: 15px;
position: relative;
padding: 2px;
margin-top: 20px;
clear: both;
height: 55px;
}
.av_product_award img#sceau {
position: absolute;
right: -15px;
top: -21px;
width: 90px;
}
.av_product_award #bottom {
background: #f7ad26; /* Old browsers */
background: -moz-linear-gradient(top, #f7ad26 1%, #f49112 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f7ad26), color-stop(100%,#f49112)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7ad26 1%,#f49112 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7ad26 1%,#f49112 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7ad26 1%,#f49112 100%); /* IE10+ */
background: linear-gradient(to bottom, #f7ad26 1%,#f49112 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ad26', endColorstr='#f49112',GradientType=0 ); /* IE6-9 */
height: 20px;
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
position: absolute;
bottom: 2px;
width:90%;
font-size: 13px;
}
.av_product_award #bottom:hover {
background: #f7ad26; /* Old browsers */
background: -moz-linear-gradient(top, #f49112 1%, #f7ad26 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f49112), color-stop(100%,#f7ad26)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f49112 1%,#f7ad26 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f49112 1%,#f7ad26 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f49112 1%,#f7ad26 100%); /* IE10+ */
background: linear-gradient(to bottom, #f49112 1%,#f7ad26 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49112', endColorstr='#f7ad26',GradientType=0 ); /* IE6-9 */
}
.av_product_award #bottom a {
color:black;
margin-top: 3px;
font-weight: normal;
display: block;
text-align: left;
display: block;
margin-left: 20px;
}
.av_product_award #bottom a:hover {
text-decoration: none;
}
.av_product_award #top {
width: 68%;
text-align: center;
padding-top: 4px;
padding-left: 15px;
width: 100%;
}
.av_product_award #top b{
display: block;
width: 80%;
text-align: left;
}
/* ratingWrapper et ratingInner utilisé dans ExtraRight et product_list.tpl*/
div.ratingWrapper{
background:url('../img/etoile0.png') no-repeat left bottom;
display:inline-block;
height: 21px;
width: 120px;
text-align: left;
float: left;
margin-right: 120px;
}
div.ratingInner{
background:url('../img/etoile5.png') no-repeat left bottom transparent;
display:inline-block;
height: 21px;
text-align: left;
}
div.ratingInner.percent5{
width:5%;
}
div.ratingInner.percent10{
width:10%;
}
div.ratingInner.percent20{
width:20%;
}
div.ratingInner.percent30{
width:30%;
}
div.ratingInner.percent40{
width:40%;
}
div.ratingInner.percent50{
width:50%;
}
div.ratingInner.percent60{
width:60%;
}
div.ratingInner.percent70{
width:70%;
}
div.ratingInner.percent80{
width:80%;
}
div.ratingInner.percent90{
width:90%;
}
div.ratingInner.percent100{
width:100%;
}
.av_product_award.light div.ratingWrapper{
background-size: 100px;
width: 100px;
}
.av_product_award.light div.ratingInner{
background-size: 100px;
}
.av_product_award.light{
height:35px;
background-color: #FFF;
border: none;
position: relative;
margin: 0 0 10px 0;
max-width: 260px;
}
.av_product_award.light #top{
width: 70%;
}
.av_product_award.light #slide{
display: inline-block;
vertical-align: text-bottom;
}
/* FIN ratingWrapper et ratingInner utilisé dans ExtraRight et product_list.tpl*/
/* FIN ExtraRight */
.av-btn-morecomment:hover {
color: #333333;
text-decoration: none;
background-color: #e6e6e6;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.av-btn-morecomment {
display: inline-block;
padding: 4px 14px;
margin-bottom: 0;
font-size: 12px;
line-height: 20px;
color: #272822;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#ffffff,#e6e6e6);
background-image: -o-linear-gradient(top,#ffffff,#e6e6e6);
background-image: linear-gradient(to bottom,#ffffff,#e6e6e6);
background-image: -moz-linear-gradient(top,#ffffff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbbbbb;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
margin-top: 10px;
}
/********** style back net reviews **************/
/**
* 2012-2015 NetReviews
*
* @author NetReviews SAS <contact@avis-verifies.com>
* @copyright 2015 NetReviews SAS
* @version Release: $Revision: 7.1.4
* @license NetReviews
* @date 25/08/2015
* International Registered Trademark & Property of NetReviews SAS
*/
#avisverifies_module label{
margin-right: 15px;
}
#avisverifies_module input[type=text] {
float:left;
margin-right: 20px;
margin-bottom: 10px;
}
#avisverifies_module .floatleft{
float: left;
}
#avisverifies_module #export{
margin-left: 10px;
}
#avisverifies_module p.help{
font-style: italic;
color:#9E9E9E;
font-size: 11px;
}
#avisverifies_module p.help.withfloat{
float:left;
}
#avisverifies_module p.help.inline{
display:inline;
}
#avisverifies_module #order-statut-list{
list-style:none;
float:left;
margin-top:0;
padding: 0;
}
#avisverifies_module .field-line{
margin-bottom: 10px;
display: block;
}
#avisverifies_module label.label-pointer{
float: none;
text-align: right;
font-weight: normal;
}
fieldset .fieldsetav{
border: 1px solid rgb(196, 196, 196);background-color: rgb(249, 249, 249);
}
label .titlepart {
margin-bottom:20px;text-align:left;width: 100%;font-size: 22px;font-weight: bold;color: rgb(249, 121, 28);
}
#avisverifies_module label{
margin-right: 15px;
}
#avisverifies_module input[type=text] {
float:left;
margin-right: 20px;
margin-bottom: 10px;
}
#avisverifies_module .floatleft{
float: left;
}
#avisverifies_module #export{
margin-left: 10px;
}
#avisverifies_module p.help{
font-style: italic;
color:#9E9E9E;
font-size: 11px;
}
#avisverifies_module p.help.withfloat{
float:left;
}
#avisverifies_module p.help.inline{
display:inline;
}
#avisverifies_module #order-statut-list{
list-style:none;
float:left;
margin-top:0;
padding: 0;
}
#avisverifies_module .field-line{
margin-bottom: 10px;
display: block;
}
#avisverifies_module label.label-pointer{
float: none;
text-align: right;
font-weight: normal;
}
#avisverifies_module a{
color:#F9791C;
font-weight: bold;
}
#avisverifies_module #av-header-intro{
border:1px solid #C4C4C4;
background-color: #F9F9F9;
margin-bottom:10px;
}
#avisverifies_module #av-top{
text-align: center;
}
hr.orange{
border-bottom:2px solid #FFA851;
width: 70%;
margin:25px auto;
}
#avisverifies_module #av-header-intro #av-title {
font-size:22px;
font-weight: bold;
color:#F9791C;
}
#avisverifies_module table{
border:none;
}
#avisverifies_module .tg {
border-collapse:collapse;border-spacing:0;;width:100%
}
#avisverifies_module .tg td{
font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;overflow:hidden;word-break:normal;
}
#avisverifies_module .tg th{
font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;overflow:hidden;word-break:normal;width:30%
}
.av-button-calltoaction {
moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
box-shadow:inset 0px 1px 0px 0px #fce2c1;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eb9c3b), color-stop(1, #e88e21) );
background:-moz-linear-gradient( center top, #eb9c3b 5%, #e88e21 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9c3b', endColorstr='#e88e21');
background-color:#eb9c3b;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topleft:7px;
border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
-moz-border-radius-topright:7px;
border-top-right-radius:7px;
-webkit-border-bottom-right-radius:7px;
-moz-border-radius-bottomright:7px;
border-bottom-right-radius:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomleft:7px;
border-bottom-left-radius:7px;
text-indent:0;
border:1px solid #eeb44f;
display:inline-block;
color:#ffffff!important;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:20px;
line-height:20px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #cc9f52;
padding: 15px
}
.av-button-calltoaction:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e88e21), color-stop(1, #eb9c3b) );
background:-moz-linear-gradient( center top, #e88e21 5%, #eb9c3b 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88e21', endColorstr='#eb9c3b');
background-color:#e88e21;
}
.av-button-calltoaction:active {
position:relative;
top:1px;
}
.av-list-star li{
list-style-image : url(/modules/netreviews/views/img/single-star.png);
margin-left: 15px;
line-height: 25px;
text-align: left;
}
#av-middle i{
font-size: 11px;
}
#av-middle .mini-title{
font-size: 14px;
line-height: 30px;
font-weight: bold;
}
span.asterisc{
padding:10px;
font-size: 10px;
}
.tg-031e p{
text-align: left;
}
.tg-031e.valigntop{
vertical-align: top;
}
#debug-part{
font-style: italic;
}
.fieldsetav{
border: 1px solid rgb(196, 196, 196) !important;
background-color: rgb(249, 249, 249) !important;
}
.titlepart {
margin-bottom:20px;
text-align:left !important;
width: 100% !important;
font-size: 22px;
font-weight: bold !important;
color: rgb(249, 121, 28) !important;
}
button pointer{
cursor:pointer;
}
div.languages{
width: 49%;
display:inline-block;
margin-bottom:10px;
}
div.languages>span{
vertical-align: bottom;
}
#VersionModule{
font-size:10px;
}
.namelanguage{
color:rgb(249, 121, 28);
}
#blockConfiguration{
width: 70%;
margin: 0px auto;
}
/******************/
.rateAV img {
float: left;
margin-top: 3px;
margin-left: 3px;
margin-right: 3px;
}
.netReViewsWrap {
width: 100%;
background-color: #f5f5f5;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -124,6 +124,9 @@
{hook h='productSend'}
</span>
</div>
<div class="netReViewsWrap">
{$HOOK_EXTRA_RIGHT}
</div>
{/if}
{/if}
</div>
@ -486,6 +489,10 @@
</div>
</section>
<div class="container">
{$HOOK_PRODUCT_TAB_CONTENT}
</div>
<!-- Produits relatifs / Accessoires -->
{if isset($accessories) && $accessories}
<aside id="related" class="tab-title container">