app/template/plugin/CustomerReview42/Block/customer_review4_recommend_css.twig line 1

Open in your IDE?
  1. {% block stylesheet %}
  2. <style>
  3. #plg_customer_review_detail.review_detail_default {
  4.   padding-left: 20px;
  5.   padding-right: 20px;
  6. }
  7. .review-productLayout {
  8.     border: solid 2px #ddd;
  9. }
  10. .review-sortLayout {
  11.     margin: 10px 0px 0px 0px;
  12.     border: solid 2px #ddd;
  13. }
  14. .review-sortLayout .reviewSort {
  15.     vertical-align: middle;
  16.     margin: auto auto auto 0;
  17. }
  18. .review-sortLayout .reviewPost {
  19.     padding-top: 12px;
  20.     margin: 0 0 0 auto;
  21. }
  22. .review-sortLayout .reviewPost a{
  23.     margin: 0 0 0 auto;
  24. }
  25. .review-sortLayout span{
  26.     margin-left: 10px;
  27. }
  28. .review-commentLayout {
  29.     margin: 10px 0px;
  30.     padding: 10px;
  31.     border: solid 2px #ddd;
  32. }
  33. .review-commentLayout .reviewTitle {
  34.     font-size: 14px;
  35. }
  36. .review-commentLayout .reviewAuthor {
  37.     font-weight: 500;
  38.     border-bottom: solid 1px #ccc;
  39.     background: #fff;
  40.     padding-bottom: 4px;
  41.     margin: 2px 0px 8px 0px;
  42.     font-size: 14px;
  43. }
  44. .review-commentLayout .reviewTitle .star {
  45.     color: #ffbb00;
  46. }
  47. .review-commentLayout .reviewAuthor span {
  48.     margin-left: 10px;
  49. }
  50. .review-commentLayout .reviewComment {
  51.     margin-left: 10px;
  52.     font-size: 14px;
  53. }
  55. .review-layoutRole {
  56.     padding-bottom: 10px;
  57. }
  58. .review-layoutRole.list {
  59.     padding: 5px 0px 5px 10px;
  60.     width:320px;
  61. }
  62. .review-layoutRole.product_list {
  63.     text-align: center;
  64.     width:100%;
  65.     padding-bottom:0px;
  66. }
  67. .review-layoutRole.product_detail {
  68.     text-align: left;
  69.     width:100%;
  70.     padding-bottom:0px;
  71. }
  72. .review-layoutRole .reviewAvarage {
  73.     border: solid 2px #FFD040;
  74.     width:280px;
  75.     text-align:center;
  76.     background-color:#FFFFE8;
  77.     padding: 3px;
  78.     margin-top:10px;
  79.     margin-bottom: 10px;
  80.     font-size:16px;
  81.     font-weight: 500;
  82.     color:#643300;
  83. }
  84. .review-layoutRole .reviewAvarage .reviewList {
  85.     color:#f00;
  86. }
  87. .review-layoutRole .reviewAllView {
  88.     margin-left: 35px;
  89.     margin-bottom: 10px;
  90. }
  91. .review-layoutRole .reviewAllView.list {
  92.     margin-bottom: 0px;
  93. }
  94. .review-layoutRole .reviewPost {
  95.     margin-left: 63px;
  96. }
  97. .review-layoutRole .reviewSimplePost {
  98.     padding: 3px 12px;
  99. }
  100. .review-layoutRole .review-detail_inlineBtn {
  101.     padding: 3px 12px;
  102.     line-height: 1.42857;
  103. }
  104. .review-layoutRole .reviewList {
  105.     font-size: 16px;
  106. }
  107. .review-layoutRole .reviewList a,
  108. .review-layoutRole .reviewList a,
  109. .review-layoutRole .review-layoutGauge a,
  110. .review-layoutRole .review-layoutGauge a,
  111. .review-layoutRole .reviewAllView a,
  112. .review-layoutRole .reviewAllView a {
  113.     color: #337ab7;
  114.     text-decoration: underline;
  115. }
  116. .review-layoutRole .reviewList a:active,
  117. .review-layoutRole .reviewList a:hover,
  118. .review-layoutRole .review-layoutGauge a:active,
  119. .review-layoutRole .review-layoutGauge a:hover,
  120. .review-layoutRole .reviewAllView a:active,
  121. .review-layoutRole .reviewAllView a:hover {
  122.     color: #23527c;
  123.     text-decoration: none;
  124. }
  125. .review-layoutRole .reviewList.star {
  126.     color: #ffbb00;
  127. }
  128. .review-layoutRole .reviewList.star_disabled {
  129.     color: #808080;
  130. }
  131. .review-layoutRole .reviewReccomendLevel {
  132.     margin-right: 5px;
  133. }
  134. .review-layoutRole .reviewReccomendReviewer {
  135.     margin-left: 5px;
  136. }
  137. .review-layoutRole .review-layoutGauge {
  138.     display: flex;
  139. }
  140. .review-layoutRole .review-gaugeWrap {
  141.     background: -moz-linear-gradient(top, #c3c3c3, #e9e9e9);
  142.     background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#e9e9e9));
  143.     background: linear-gradient(to bottom, #c3c3c3, #e9e9e9);
  144.     border: solid 1px #646464;
  145.     width: 200px;
  146.     height: 18px;
  147. }
  148.  
  149. .review-layoutRole .review-gaugeWrap .gaugeMain {
  150.     background: -moz-linear-gradient(top, #0887fc, #066cca);
  151.     background: -webkit-gradient(linear, left top, left bottom, from(#0887fc), to(#066cca));
  152.     background: linear-gradient(to bottom, #0887fc, #066cca);
  153.     border: solid 1px #bf9900;
  154.     height: 16px;
  155. }
  156. .review-layoutRole .review-gaugeWrap .gaugeMainNone {
  157.     background: -moz-linear-gradient(top, #0887fc, #066cca);
  158.     background: -webkit-gradient(linear, left top, left bottom, from(#0887fc), to(#066cca));
  159.     background: linear-gradient(to bottom, #0887fc, #066cca);
  160.     height: 16px;
  161. }
  162. @media only screen and (min-width: 768px){
  163. .review-sortLayout {
  164.     display: flex;
  165. }
  166. .review-sortLayout .reviewPost {
  167.     padding-top: 0px;
  168. }
  169. </style>
  170. {% endblock %}