[+] FO : New Responsive, Bootstrap template
Damien Metzger
|
After Width: | Height: | Size: 781 B |
|
After Width: | Height: | Size: 314 B |
|
After Width: | Height: | Size: 155 B |
|
After Width: | Height: | Size: 413 B |
|
After Width: | Height: | Size: 670 B |
|
After Width: | Height: | Size: 752 B |
|
After Width: | Height: | Size: 715 B |
|
After Width: | Height: | Size: 500 B |
|
After Width: | Height: | Size: 661 B |
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,264 @@
|
||||
@import '_theme_variables';
|
||||
|
||||
#product_comments_block_extra {
|
||||
padding:8px 10px 10px;
|
||||
font-weight: bold;
|
||||
line-height:18px;
|
||||
border:1px solid #d6d4d4;
|
||||
background:#fbfbfb;
|
||||
margin:39px 0 22px
|
||||
}
|
||||
.comments_advices {
|
||||
padding-top:2px;
|
||||
|
||||
li{display:inline-block;
|
||||
line-height:30px;
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
display:block;
|
||||
line-height:20px
|
||||
}
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color:#777;
|
||||
position:relative;
|
||||
margin-right:8px;
|
||||
line-height:30px;
|
||||
padding:0;
|
||||
display:inline-block;
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-md-max) {
|
||||
float:none;
|
||||
line-height:20px;
|
||||
}
|
||||
|
||||
&:before{
|
||||
background:#929292;
|
||||
border-radius:50px;
|
||||
-moz-border-radius:50px;
|
||||
-webkit-border-radius:50px;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
font-family: FontAwesome;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-right: 6px;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
|
||||
/*max 1199px*/
|
||||
@media (max-width: $screen-md-max) {
|
||||
display:none
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
a.reviews:before{content:""}
|
||||
a.open-comment-form:before{content:""}
|
||||
a:hover {color:#333}
|
||||
a.reviews{
|
||||
border-right:1px solid #d6d4d4;
|
||||
padding-right:30px;
|
||||
margin-right:9px;
|
||||
|
||||
/* min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
margin-right:0;
|
||||
padding:0;
|
||||
border:none
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#product_comments_block_extra{
|
||||
.comments_note {margin-bottom:5px}
|
||||
#product_comments_block_extra .comments_note span,
|
||||
.star_content {float:left;color:#333}
|
||||
.star_content {margin-top:1px}
|
||||
div.star {background: url(img/star.gif) no-repeat 0 0}
|
||||
div.star_on {background: url(img/star.gif) no-repeat 0 -13px}
|
||||
.comments_advices {clear:both;}
|
||||
}
|
||||
|
||||
|
||||
/* pop-in add grade/advice ********************************************************************* */
|
||||
#fancybox-wrap { width:585px }
|
||||
#fancybox-content {
|
||||
width:585px;
|
||||
border-width:0
|
||||
}
|
||||
.new_comment_form_content .intro_form {
|
||||
padding-bottom: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
#new_comment_form {
|
||||
width:465px;
|
||||
overflow:hidden;
|
||||
color: #333;
|
||||
text-align: left;
|
||||
|
||||
/*max 767px*/
|
||||
@media (max-width: $screen-xs-max) {
|
||||
width:275px;
|
||||
}
|
||||
|
||||
h2{margin-bottom:10px}
|
||||
.title {
|
||||
padding:10px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
background: #333
|
||||
}
|
||||
|
||||
ul.grade_content {list-style-type:none}
|
||||
.grade_content li {width:50%}
|
||||
.product {padding:15px}
|
||||
.product img {
|
||||
border: $main_border;
|
||||
}
|
||||
.product .product_desc {
|
||||
line-height:18px;
|
||||
color:#666
|
||||
}
|
||||
.product .product_desc .product_name {
|
||||
padding:10px 0 5px;
|
||||
font-size:13px;
|
||||
color:#000
|
||||
}
|
||||
|
||||
.grade_content {margin:0 0 20px 0}
|
||||
.grade_content span,
|
||||
.grade_content span {
|
||||
display:inline-block;
|
||||
padding:0 10px;
|
||||
width:150px;/* 160 */
|
||||
font-weight:bold
|
||||
}
|
||||
.grade_content .cancel {margin-right:5px}
|
||||
.new_comment_form_content {
|
||||
padding:15px;
|
||||
background:#f8f8f8
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin:12px 0 4px 0;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
input,
|
||||
textarea {
|
||||
padding: 0 5px;
|
||||
height: 28px;
|
||||
width: 100%;
|
||||
border: 1px solid #ccc;
|
||||
background: #fff;
|
||||
}
|
||||
textarea {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.submit {
|
||||
margin-top:20px;
|
||||
padding:0;
|
||||
font-size:13px;
|
||||
text-align:right
|
||||
}
|
||||
|
||||
#criterions_list {
|
||||
border-bottom: 1px solid #CCC;
|
||||
padding-bottom: 15px;
|
||||
list-style-type: none;
|
||||
}
|
||||
#criterions_list li {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#criterions_list label {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
|
||||
#criterions_list .star_content {
|
||||
float: left;
|
||||
|
||||
}
|
||||
|
||||
#new_comment_form_footer {
|
||||
margin-top: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
/* TAB COMMENTS ******************************************************************************** */
|
||||
#product_comments_block_tab {margin:0 0 20px 0;
|
||||
|
||||
div.comment {
|
||||
margin:0 0 14px;
|
||||
padding-top:14px;
|
||||
border-top: 1px solid #d6d4d4;
|
||||
}
|
||||
|
||||
div.comment:first-child{padding:0;border:none}
|
||||
div.comment div.comment_author {
|
||||
padding:0 20px;
|
||||
line-height:18px
|
||||
}
|
||||
div.comment div.comment_author span {font-weight:bold;}
|
||||
div.comment div.comment_author span,
|
||||
div.comment .star_content {
|
||||
float:left;
|
||||
}
|
||||
div.comment .star_content {margin: 0 0 0 5px}
|
||||
div.star,
|
||||
div.star_on {
|
||||
background: url(img/star.gif) no-repeat 0 0 transparent
|
||||
}
|
||||
div.star_on {background-position: 0 -13px}
|
||||
.comment_author_infos {clear:both;
|
||||
padding-top:9px;
|
||||
strong{display:block;color:#333}
|
||||
em {color:#adadad}
|
||||
|
||||
}
|
||||
div.comment div.comment_details {
|
||||
|
||||
overflow:hidden;
|
||||
border-left:$main_border;
|
||||
|
||||
/*max 767px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
border-left: none
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
div.comment_details ul {
|
||||
list-style-type:none;
|
||||
margin:0
|
||||
}
|
||||
div.comment_details li {
|
||||
padding:2px 0 2px 12px;
|
||||
background:url(img/bg_li.png) no-repeat 1px 45% #fff
|
||||
}
|
||||
div.comment_details .title_block{text-transform:capitalize}
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
span.report_btn {cursor: pointer}
|
||||
span.report_btn:hover {text-decoration:underline}
|
||||
|
||||
}
|
||||
|
||||
.fl { float: left; }
|
||||
.fr { float: right; }
|
||||