%PDF-
%PDF-
Mini Shell
Mini Shell
//
.woocommerce, .woocommerce-page {
.images_single_left {
width: 61%;
float: left;
padding-right: 15px;
padding-left: 15px;
position: relative;
span.onsale {
z-index: 9;
left: auto;
right: 15px;
}
.slides li {
display: none;
}
#slider li:first-child {
display: block;
}
}
div.product {
p.stock {
margin-top: 10px;
margin-bottom: 2px;
font-size: 1em;
}
form.cart {
.button, button {
border-radius: 0;
padding: 11px 15px 10px 15px;
color: #fff;
text-transform: uppercase;
}
.quantity input {
padding-top: 7px;
padding-bottom: 7px;
border: 1px solid $border_color;
}
.variations {
.label {
color: inherit;
vertical-align: middle;
font-weight: normal;
font-size: 100%;
label {
font-weight: normal;
margin-top: 5px;
}
}
.value {
select {
border: 1px solid $border_color;
padding: 7px 10px;
}
}
}
}
.product_meta {
> span {
display: block;
font-weight: 700;
span, a {
font-weight: normal;
}
}
}
p.price {
font-size: 1.6em;
font-weight: bold;
color: #333;
del {
font-weight: normal;
}
del, ins {
display: inline-block;
}
}
.woocommerce-tabs {
ul.tabs {
margin: 0;
padding: 0;
border-bottom: 2px solid #26BDF7;
margin-bottom: -2px;
&:before, li:before, li:after {
display: none;
}
li {
margin: 0 8px 0 0;
display: inline-block;
list-style: none;
padding: 0;
border: none;
border-radius: 0;
a {
display: inline-block;
height: 50px;
line-height: 51px;
margin: 0;
padding: 0 35px;
color: #333;
font-size: 0.933em;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
border: none;
background: #f2f2f2;
@include border-radius(3px 3px 0 0);
@include transition(background 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out);
}
&.active a {
background: #26BDF7;
color: #fff;
}
}
}
.entry-content {
padding: 20px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
background: transparent;
@include border-radius(0 0 3px 3px);
border: 2px solid #26BDF7;
border-top: none;
margin-bottom: 0;
@include clearfix();
.wpb_wrapper {
@include clearfix();
}
}
}
.wrap_tab_itinerary {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
#reviews {
&:focus {
outline: none;
}
}
#review_form_wrapper {
margin-top: 20px;
}
}
#review_form #respond .form-submit input {
margin-top: 20px;
border-radius: 0;
//line-height: 40px;
padding: 15px 30px 11px 30px;
border: none;
color: #333;
text-transform: uppercase;
box-shadow: 0 2px 0 0 #c6a615;
letter-spacing: -0.5px;
&:focus {
outline: none;
}
&:hover {
color: #fff;
}
}
.related.products, .up-sells {
h2 {
margin-bottom: 20px;
padding-bottom: 15px;
position: relative;
&:before {
position: absolute;
left: 0;
width: 35px;
height: 2px;
content: "";
bottom: 0;
}
}
}
}
.post_description {
.checklist-icon-check li:before {
content: "\f00c";
font-family: FontAwesome;
color: #555;
margin-right: 5px;
font-size: 12px;
}
}
.list-icon-arrow, .checklist-icon-check, .list-icon-flag,
.list-icon-check, .checklist, .checklist-icon-arrow {
margin: 0;
li {
list-style: none;
}
}
.list-icon-arrow li, .list-icon-check li, .list-icon-flag li {
position: relative;
padding-left: 25px
}
.list-icon-arrow li:before, .list-icon-check li:before,
.list-icon-flag li:before, .checklist-icon-arrow li:before,
.checklist-icon-check li:before {
font-family: FontAwesome;
margin-right: 3px;
color: #e83100;
position: absolute;
left: 0;
top: 1px
}
.list-icon-flag li:before {
content: "\f024";
}
.list-icon-arrow li:before, .checklist-icon-arrow li:before {
content: "\f0da"
}
.list-icon-check li:before, .checklist-icon-check li:before {
content: "\f00c"
}
.checklist-icon-arrow li:before, .checklist-icon-check li:before {
color: #000;
position: static;
margin-right: 5px;
}
.comments-area {
margin-top: 15px;
.comments-title {
margin-bottom: 25px;
}
}
.comments-area .comment-list {
margin: 0;
list-style: none
}
.comments-area .comment-list-inner .comments-title {
padding: 10px 0;
margin-bottom: 25px;
border-bottom: 1px #ddd solid
}
.comments-area .comment-list-inner .comment-author.meta {
color: #b3b3b3
}
.comments-area .comment-list-inner .comment-author.meta strong {
color: #000
}
.comments-area .comment-list-inner > li {
list-style: none outside none;
margin-bottom: 25px
}
.comments-area .comment-list-inner li {
.wrapper-comment {
overflow: hidden
}
.wrapper_avatar {
width: 60px;
height: 60px;
float: left;
.avatar {
border-radius: 50%
}
}
.comment-right {
width: calc(100% - 60px);
width: -webkit-calc(100% - 60px);
width: -moz-calc(100% - 60px);
float: left
}
.comment-awaiting-moderation {
margin-left: 20px
}
.comment-extra-info {
padding-left: 20px;
text-transform: uppercase;
color: #858585;
font-size: 12px;
a {
color: #858585
}
i {
margin-right: 5px
}
.author, .date, .comment-edit-link {
float: none;
display: inline-block;
margin-right: 15px
}
.comment-reply-link {
float: right;
color: #858585
}
}
.content-comment {
padding: 10px 0 15px 20px
}
.children {
padding-top: 5px;
margin-left: 60px;
margin-bottom: 20px;
li {
list-style: none
}
}
}
.comments-area .comment-respond {
.comment-form-author, .comment-form-email, .comment-form-url {
width: 50%;
display: block;
input {
width: 100%;
border: 1px solid #ddd;
padding: 8px 15px
}
}
textarea {
width: 100%;
border: 1px solid #ddd;
padding: 8px 15px;
height: 150px;
display: inherit;
}
.form-submit {
text-align: left;
input#submit {
text-shadow: none;
box-shadow: none;
border: none;
padding: 8px 42px;
line-height: 2;
color: #fff;
font-size: 12px;
font-weight: bold;
background: #222;
&:focus {
outline: none;
}
}
}
}
.comment-respond .comment-form-rating p.stars a {
color: #ffb300;
}
.comments-area .comment-respond-area #respond.comment-respond .comment-reply-title {
padding: 10px 0;
margin-bottom: 25px;
border-bottom: 1px #ddd solid
}
.comment-navigation {
overflow: hidden;
.nav-previous {
float: left
}
.nav-next {
float: right
}
}
// page
.pages_content h4 {
text-transform: uppercase;
border-bottom: 1px solid $border_color;
padding-bottom: 10px;
margin-bottom: 20px;
font-weight: 700;
}
.contact_infor {
margin-bottom: 30px;
ul {
margin: 0;
li {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
padding-top: 10px;
list-style: none;
&:last-child {
border-bottom: none
}
label {
text-transform: uppercase;
width: 190px;
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
i {
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
background: #ccc;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
color: #fff;
margin-right: 10px;
}
}
.des {
width: calc(100% - 194px);
display: inline-block;
vertical-align: middle;
}
}
}
}
Zerion Mini Shell 1.0