first commit
This commit is contained in:
DESKTOP-GBA0BK8\Admin
@@ -0,0 +1,211 @@
|
||||
.widget_product_categories,
|
||||
.widget_layered_nav {
|
||||
li {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
padding-left: 22px;
|
||||
text-transform: capitalize;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -7px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 1px solid rgba(0,0,0,0.15);
|
||||
}
|
||||
}
|
||||
|
||||
a:hover ~ .count {
|
||||
background-color: transparent;
|
||||
color: $color-5;
|
||||
border-color: $color-5;
|
||||
}
|
||||
}
|
||||
|
||||
.count {
|
||||
background-color: rgba(84,84,84,0.05);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
min-width: 10px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 10px;
|
||||
@include transition( all 0.3s ease-in-out );
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.woocommerce .widget_product_categories {
|
||||
li {
|
||||
a:before {
|
||||
@include border-radius( 50% );
|
||||
}
|
||||
|
||||
&.current-cat > {
|
||||
a {
|
||||
font-weight: bold;
|
||||
|
||||
&:bofore {
|
||||
background-color: $color-5;
|
||||
border-color: $color-5;
|
||||
}
|
||||
}
|
||||
|
||||
a ~ .count {
|
||||
background-color: $color-5;
|
||||
color: $color-1;
|
||||
border-color: $color-5;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
&.children {
|
||||
margin: 8px 0 0 30px;
|
||||
|
||||
li {
|
||||
font-size: 12px;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 5px;
|
||||
|
||||
a {
|
||||
padding-left: 0;
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.count {
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 400;
|
||||
text-transform: none;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce .widget_layered_nav {
|
||||
li {
|
||||
a:before {
|
||||
@include border-radius( 2px );
|
||||
}
|
||||
|
||||
&.chosen {
|
||||
a {
|
||||
font-weight: bold;
|
||||
|
||||
&:before {
|
||||
background-color: $color-5;
|
||||
border-color: $color-5;
|
||||
text-align: center;
|
||||
content: '\f00c';
|
||||
color: #fff;
|
||||
font: normal normal 900 14px/1 'Font Awesome 5 free';
|
||||
font-size: 10px;
|
||||
line-height: 10px;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
&:hover:before {
|
||||
content: '\f00d';
|
||||
}
|
||||
}
|
||||
|
||||
a ~ .count {
|
||||
background-color: $color-5;
|
||||
color: $color-1;
|
||||
border-color: $color-5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Dropdown style */
|
||||
.woo-dropdown-cat .widget_product_categories {
|
||||
li {
|
||||
position: relative;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 1.6;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
padding: 10px 22px 10px 0;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.open-this {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
&.cat-parent .open-this {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
ul.children {
|
||||
display: none;
|
||||
margin: 0 0 0 16px;
|
||||
}
|
||||
|
||||
&.current-cat-parent > ul.children {
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul a {
|
||||
font-weight: 400;
|
||||
text-transform: none;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.count {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 40px;
|
||||
border: 0;
|
||||
padding: 10px 0 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.count,
|
||||
li.current-cat > a ~ .count {
|
||||
background-color: transparent !important;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,132 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Mobile Mini Cart Sidebar
|
||||
-------------------------------------------------------------------*/
|
||||
#oceanwp-cart-sidebar-wrap {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
@include opacity( 0 );
|
||||
@include transition( all 0.25s ease-in-out );
|
||||
|
||||
&,
|
||||
.oceanwp-cart-sidebar-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.oceanwp-cart-sidebar-overlay {
|
||||
background-color: rgba(0,0,0,.5);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.oceanwp-cart-sidebar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -100%;
|
||||
background-color: #fff;
|
||||
width: 325px;
|
||||
height: 100%;
|
||||
padding: 20px 0 0;
|
||||
overflow: auto;
|
||||
z-index: 10000;
|
||||
@include box-shadow( 0 0 12px 0 rgba(0,0,0,.4) );
|
||||
@include transition( all 0.3s ease-in-out );
|
||||
}
|
||||
|
||||
.owp-cart-title {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #555;
|
||||
line-height: 1.2;
|
||||
text-transform: uppercase;
|
||||
padding: 0 20px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.divider {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 2px;
|
||||
background-color: rgba(0,0,0,0.1);
|
||||
margin: 10px auto 20px;
|
||||
}
|
||||
|
||||
.oceanwp-cart-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #333;
|
||||
opacity: .5;
|
||||
font-weight: 300;
|
||||
font-size: 40px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
z-index: 1001;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li:first-child {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
||||
.woocommerce-mini-cart__empty-message {
|
||||
padding: 0 20px 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.spacious .owp-mini-cart {
|
||||
padding-top: 0;
|
||||
|
||||
.widget_shopping_cart ul.cart_list li:first-child {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.admin-bar #oceanwp-cart-sidebar-wrap .oceanwp-cart-sidebar {
|
||||
top: 32px;
|
||||
height: -webkit-calc(100% - 32px);
|
||||
height: calc(100% - 32px);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.admin-bar #oceanwp-cart-sidebar-wrap .oceanwp-cart-sidebar {
|
||||
top: 46px;
|
||||
height: -webkit-calc(100% - 46px);
|
||||
height: calc(100% - 46px);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.admin-bar #oceanwp-cart-sidebar-wrap .oceanwp-cart-sidebar {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.show-cart,
|
||||
.show-cart-sidebar {
|
||||
#oceanwp-cart-sidebar-wrap {
|
||||
visibility: visible;
|
||||
@include opacity( 1 );
|
||||
|
||||
.oceanwp-cart-sidebar {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 959px) {
|
||||
#oceanwp-cart-sidebar-wrap {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,107 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Product Navigation
|
||||
-------------------------------------------------------------------*/
|
||||
@media (min-width: 1080px) {
|
||||
.owp-product-nav-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.owp-product-nav-wrap {
|
||||
text-align: right;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.owp-product-nav {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin-left: 3px;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
a.owp-nav-link {
|
||||
display: inline-block;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
line-height: 24px;
|
||||
border: 2px solid $color-7;
|
||||
@include border-radius( 50% );
|
||||
text-align: center;
|
||||
|
||||
i {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $color-5;
|
||||
color: #fff;
|
||||
border-color: $color-5;
|
||||
}
|
||||
}
|
||||
|
||||
a.owp-nav-text {
|
||||
display: none;
|
||||
font-size: 12px;
|
||||
|
||||
&.next-text {
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
&.prev-text {
|
||||
padding-right: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.owp-nav-thumb {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: -99999px;
|
||||
display: inline-block;
|
||||
width: 90px;
|
||||
opacity: 0;
|
||||
@include transition( opacity 0.25s ease-in-out );
|
||||
@include box-shadow( 1px 1px 15px rgba(0,0,0,0.15) );
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
&:hover > .owp-nav-thumb {
|
||||
opacity: 1;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.owp-product-nav-wrap {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.owp-product-nav {
|
||||
display: block;
|
||||
|
||||
li.next-li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
li.prev-li {
|
||||
float: right;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
|
||||
a.owp-nav-text {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,128 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Off Canvas Filter
|
||||
-------------------------------------------------------------------*/
|
||||
.woocommerce .oceanwp-off-canvas-filter {
|
||||
float: left;
|
||||
height: 34px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 34px;
|
||||
padding: 0 14px;
|
||||
color: #999;
|
||||
border: 1px solid #eaeaea;
|
||||
margin: 0 20px 0 0;
|
||||
text-align: center;
|
||||
|
||||
&:hover {
|
||||
color: #13aff0;
|
||||
border-color: #13aff0;
|
||||
}
|
||||
|
||||
i {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
#oceanwp-off-canvas-sidebar-wrap {
|
||||
visibility: hidden;
|
||||
@include opacity( 0 );
|
||||
@include transition( all 0.25s ease-in-out );
|
||||
|
||||
&,
|
||||
.oceanwp-off-canvas-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.oceanwp-off-canvas-overlay {
|
||||
background-color: rgba(0,0,0,.5);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.oceanwp-off-canvas-sidebar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
background-color: $color-1;
|
||||
width: 325px;
|
||||
height: 100%;
|
||||
padding: 35px;
|
||||
overflow: auto;
|
||||
z-index: 9999;
|
||||
@include box-shadow( 0 0 12px 0 rgba(0,0,0,.4) );
|
||||
@include transition( all 0.3s ease-in-out );
|
||||
}
|
||||
|
||||
.sidebar-box {
|
||||
border-bottom: 1px solid rgba(84,84,84,0.15);
|
||||
margin-bottom: 0;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.admin-bar #oceanwp-off-canvas-sidebar-wrap .oceanwp-off-canvas-sidebar {
|
||||
top: 32px;
|
||||
height: -webkit-calc(100% - 32px);
|
||||
height: calc(100% - 32px);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.admin-bar #oceanwp-off-canvas-sidebar-wrap .oceanwp-off-canvas-sidebar {
|
||||
top: 46px;
|
||||
height: -webkit-calc(100% - 46px);
|
||||
height: calc(100% - 46px);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.admin-bar #oceanwp-off-canvas-sidebar-wrap .oceanwp-off-canvas-sidebar {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.off-canvas-enabled #oceanwp-off-canvas-sidebar-wrap {
|
||||
visibility: visible;
|
||||
@include opacity( 1 );
|
||||
|
||||
.oceanwp-off-canvas-sidebar {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.oceanwp-off-canvas-close {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
z-index: 1000;
|
||||
|
||||
svg {
|
||||
fill: #333;
|
||||
@include transition( all .3s ease-in-out );
|
||||
}
|
||||
|
||||
&:hover svg {
|
||||
fill: #777;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Quantity Buttons
|
||||
-------------------------------------------------------------------*/
|
||||
.quantity {
|
||||
position: relative;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
zoom: 1;
|
||||
min-width: 110px;
|
||||
|
||||
.qty,
|
||||
.minus,
|
||||
.plus {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 36px;
|
||||
min-height: 36px;
|
||||
background-color: transparent;
|
||||
border: 1px solid #e4e4e4;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 12px;
|
||||
color: #777;
|
||||
-moz-appearance: textfield; /* hack firefox */
|
||||
-webkit-appearance: none;
|
||||
@include border-radius(0);
|
||||
}
|
||||
|
||||
.minus,
|
||||
.plus {
|
||||
font-size: 13px;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
.minus {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
.plus {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
input::-webkit-outer-spin-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input::-webkit-inner-spin-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.woocommerce form input[type="number"] {
|
||||
max-width: 58px;
|
||||
min-height: 36px;
|
||||
}
|
||||
|
||||
.woocommerce form input.qty[type="number"]{
|
||||
-moz-appearance: textfield; /* hack firefox */
|
||||
}
|
||||
@@ -0,0 +1,359 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Responsive
|
||||
-------------------------------------------------------------------*/
|
||||
.sidr-class-woo-menu-icon {
|
||||
display: none;
|
||||
}
|
||||
.sidr-class-woocommerce {
|
||||
display: none;
|
||||
}
|
||||
@media only screen and(max-width: 1280px) {
|
||||
.woocommerce div.product .product-thumbnails {
|
||||
width: 275px;
|
||||
}
|
||||
}
|
||||
@media only screen and(max-width: 992px) {
|
||||
.woocommerce {
|
||||
#customer_login {
|
||||
.lost_password {
|
||||
float: none;
|
||||
margin-top: 10px !important;
|
||||
line-height: 1;
|
||||
}
|
||||
.form-row label[for="rememberme"] {
|
||||
margin: 0 0 0 4px;
|
||||
}
|
||||
}
|
||||
.oceanwp-loginform-wrap {
|
||||
.lost_password {
|
||||
float: none;
|
||||
margin-top: 10px !important;
|
||||
line-height: 1;
|
||||
}
|
||||
.form-row label[for="rememberme"] {
|
||||
margin: 0 0 0 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and(max-width: 959px) {
|
||||
body.account-side-style .woocommerce #customer_login {
|
||||
> div,
|
||||
.col-2 {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.col-2 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
.woocommerce-checkout {
|
||||
#order_review {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
> .col2-set {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
h3#order_review_heading {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
form.checkout_coupon {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
.form-row-first,
|
||||
.form-row-last {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.form-row-last {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
form.checkout {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and(max-width: 767px) {
|
||||
.woocommerce {
|
||||
ul {
|
||||
&.products.list li.product {
|
||||
.woo-entry-image,
|
||||
.product-entry-slider-wrap {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
.woo-entry-inner {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
&.order_details li {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 10px;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #e9e9e9;
|
||||
}
|
||||
}
|
||||
.form-row-first {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.form-row-last {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.cart-collaterals {
|
||||
.cross-sells {
|
||||
display: none;
|
||||
}
|
||||
.cart_totals {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
div.product {
|
||||
div {
|
||||
&.images {
|
||||
float: none;
|
||||
width: 100% !important;
|
||||
text-align: center;
|
||||
}
|
||||
&.summary {
|
||||
float: none;
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
.woocommerce-tabs ul.tabs li {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.content-full-width div.product div {
|
||||
&.images {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
&.summary {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
#customer_login .form-row label[for="rememberme"] {
|
||||
margin: 0 0 0 4px;
|
||||
}
|
||||
.order_details li:last-of-type {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.col2-set {
|
||||
.col-1 {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.col-2 {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
> div:first-child {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
.woocommerce-page {
|
||||
.cart-collaterals .cart_totals {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
&.woocommerce-cart table.shop_table td.product-price {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
.woocommerce-cart {
|
||||
.cart-collaterals .cart_totals table td {
|
||||
text-align: right;
|
||||
}
|
||||
table.cart td.actions .coupon .input-text {
|
||||
max-width: 150px;
|
||||
}
|
||||
}
|
||||
.woocommerce-message:before {
|
||||
display: none;
|
||||
}
|
||||
.woocommerce-cart .woocommerce table.shop_table {
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
tbody {
|
||||
th {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
tr {
|
||||
td {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
clear: both;
|
||||
|
||||
&:before {
|
||||
content: attr(data-title) ': ';
|
||||
font-weight: 600;
|
||||
float: left;
|
||||
}
|
||||
|
||||
&.product-remove:before,
|
||||
&.product-thumbnail:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.product-thumbnail {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.product-quantity .quantity {
|
||||
float: right;
|
||||
}
|
||||
|
||||
&.actions,
|
||||
&.download-actions {
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.download-actions {
|
||||
.button {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.my_account_orders {
|
||||
.order-actions {
|
||||
text-align: right;
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and(max-width: 580px) {
|
||||
.woocommerce-cart table.cart td.actions {
|
||||
.coupon {
|
||||
float: none;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-bottom: 1em;
|
||||
border-bottom: 1px solid rgba(0,0,0,.05);
|
||||
|
||||
.input-text {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
button[name='apply_coupon'] {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
button[name='update_cart'] {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and(max-width: 480px) {
|
||||
.woocommerce {
|
||||
.result-count {
|
||||
display: none;
|
||||
}
|
||||
.oceanwp-toolbar {
|
||||
text-align: center;
|
||||
}
|
||||
.oceanwp-off-canvas-filter,
|
||||
.oceanwp-grid-list {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
}
|
||||
.oceanwp-grid-list {
|
||||
margin: 0;
|
||||
}
|
||||
.woocommerce-ordering {
|
||||
float: none;
|
||||
margin-top: 14px;
|
||||
text-align: left;
|
||||
|
||||
.orderby {
|
||||
width: 100% !important;
|
||||
span {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-checkout form.login .lost_password {
|
||||
float: none;
|
||||
line-height: 1;
|
||||
margin: 10px 0 0;
|
||||
}
|
||||
}
|
||||
@media only screen and(max-width: 320px) {
|
||||
.woocommerce {
|
||||
.woocommerce-ordering .orderby {
|
||||
width: 175px !important;
|
||||
span {
|
||||
width: 175px !important;
|
||||
}
|
||||
}
|
||||
div.product .product-thumbnails {
|
||||
width: 215px;
|
||||
}
|
||||
#reviews #comments ol.commentlist li {
|
||||
.comment_container {
|
||||
padding: 0;
|
||||
}
|
||||
img.avatar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.woocommerce-cart table.cart td.actions {
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
.coupon .input-text {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0 0 10px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user