initial commit
This commit is contained in:
commit
c46c7ddbf0
9
assets/css/_animation.scss
Normal file
9
assets/css/_animation.scss
Normal file
@ -0,0 +1,9 @@
|
||||
/**
|
||||
* _animation.scss
|
||||
* Custom WooCommerce Animations.
|
||||
*/
|
||||
@keyframes spin {
|
||||
100% {
|
||||
transform: rotate( 360deg );
|
||||
}
|
||||
}
|
||||
25
assets/css/_fonts.scss
Normal file
25
assets/css/_fonts.scss
Normal file
@ -0,0 +1,25 @@
|
||||
/**
|
||||
* _fonts.scss
|
||||
* Custom WooCommerce fonts.
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'star';
|
||||
src: url('../fonts/star.eot');
|
||||
src: url('../fonts/star.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/star.woff') format('woff'),
|
||||
url('../fonts/star.ttf') format('truetype'),
|
||||
url('../fonts/star.svg#star') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'WooCommerce';
|
||||
src: url('../fonts/WooCommerce.eot');
|
||||
src: url('../fonts/WooCommerce.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/WooCommerce.woff') format('woff'),
|
||||
url('../fonts/WooCommerce.ttf') format('truetype'),
|
||||
url('../fonts/WooCommerce.svg#WooCommerce') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
288
assets/css/_mixins.scss
Normal file
288
assets/css/_mixins.scss
Normal file
@ -0,0 +1,288 @@
|
||||
/**
|
||||
* Deprecated
|
||||
* Fallback for bourbon equivalent
|
||||
*/
|
||||
@mixin clearfix() {
|
||||
*zoom: 1;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Vendor prefix no longer required.
|
||||
*/
|
||||
@mixin border_radius($radius: 4px) {
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Vendor prefix no longer required.
|
||||
*/
|
||||
@mixin border_radius_right($radius: 4px) {
|
||||
border-top-right-radius: $radius;
|
||||
border-bottom-right-radius: $radius;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Vendor prefix no longer required.
|
||||
*/
|
||||
@mixin border_radius_left($radius: 4px) {
|
||||
border-top-left-radius: $radius;
|
||||
border-bottom-left-radius: $radius;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Vendor prefix no longer required.
|
||||
*/
|
||||
@mixin border_radius_bottom($radius: 4px) {
|
||||
border-bottom-left-radius: $radius;
|
||||
border-bottom-right-radius: $radius;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Vendor prefix no longer required.
|
||||
*/
|
||||
@mixin border_radius_top($radius: 4px) {
|
||||
border-top-left-radius: $radius;
|
||||
border-top-right-radius: $radius;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Vendor prefix no longer required.
|
||||
*/
|
||||
@mixin opacity( $opacity: 0.75 ) {
|
||||
opacity: $opacity;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Vendor prefix no longer required.
|
||||
*/
|
||||
@mixin box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
|
||||
box-shadow: $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Vendor prefix no longer required.
|
||||
*/
|
||||
@mixin inset_box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
|
||||
box-shadow: inset $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Vendor prefix no longer required.
|
||||
*/
|
||||
@mixin text_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_color: #fff) {
|
||||
text-shadow: $shadow_x $shadow_y $shadow_rad $shadow_color;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Vendor prefix no longer required.
|
||||
*/
|
||||
@mixin vertical_gradient($from: #000, $to: #fff) {
|
||||
background-color: $from;
|
||||
background: -webkit-linear-gradient($from, $to);
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Vendor prefix no longer required.
|
||||
*/
|
||||
@mixin transition($selector: all, $animation: ease-in-out, $duration: 0.2s) {
|
||||
transition: $selector $animation $duration;
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Use bourbon mixin instead `@include transform(scale(1.5));`
|
||||
*/
|
||||
@mixin scale($ratio: 1.5) {
|
||||
-webkit-transform: scale($ratio);
|
||||
transform: scale($ratio);
|
||||
}
|
||||
|
||||
/**
|
||||
* Deprecated
|
||||
* Use bourbon mixin instead `@include box-sizing(border-box);`
|
||||
*/
|
||||
@mixin borderbox() {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@mixin darkorlighttextshadow($a, $opacity: 0.8) {
|
||||
|
||||
@if lightness($a) >= 65% {
|
||||
|
||||
@include text_shadow(0, -1px, 0, rgba(0, 0, 0, $opacity));
|
||||
}
|
||||
|
||||
@else {
|
||||
|
||||
@include text_shadow(0, 1px, 0, rgba(255, 255, 255, $opacity));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Objects
|
||||
*/
|
||||
@mixin menu() {
|
||||
|
||||
@include clearfix();
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin mediaright() {
|
||||
|
||||
@include clearfix();
|
||||
|
||||
img {
|
||||
float: right;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin medialeft() {
|
||||
|
||||
@include clearfix();
|
||||
|
||||
img {
|
||||
float: right;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin ir() {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
position: relative;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
@mixin icon( $glyph: "\e001" ) {
|
||||
font-family: "WooCommerce";
|
||||
speak: never;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
text-indent: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
content: $glyph;
|
||||
}
|
||||
|
||||
@mixin icon_dashicons( $glyph: "\f333" ) {
|
||||
font-family: "Dashicons";
|
||||
speak: never;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
margin: 0;
|
||||
text-indent: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
content: $glyph;
|
||||
}
|
||||
|
||||
@mixin iconbefore( $glyph: "\e001" ) {
|
||||
font-family: "WooCommerce";
|
||||
speak: never;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
margin-right: 0.618em;
|
||||
content: $glyph;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@mixin iconbeforedashicons( $glyph: "\f333" ) {
|
||||
font-family: "Dashicons";
|
||||
speak: never;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
content: $glyph;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@mixin iconafter( $glyph: "\e001" ) {
|
||||
font-family: "WooCommerce";
|
||||
speak: never;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
margin-left: 0.618em;
|
||||
content: $glyph;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@mixin loader() {
|
||||
|
||||
&::before {
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -0.5em;
|
||||
margin-top: -0.5em;
|
||||
content: "";
|
||||
animation: spin 1s ease-in-out infinite;
|
||||
background: url("../images/icons/loader.svg") center center;
|
||||
background-size: cover;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
font-size: 2em;
|
||||
color: rgba(#000, 0.75);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin inversebuttoncolors {
|
||||
background-color: transparent !important;
|
||||
color: var(--button--color-text-hover) !important;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--button--color-background) !important;
|
||||
color: var(--button--color-text) !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
38
assets/css/_variables.scss
Normal file
38
assets/css/_variables.scss
Normal file
@ -0,0 +1,38 @@
|
||||
/**
|
||||
* WooCommerce CSS Variables
|
||||
*/
|
||||
|
||||
$woocommerce: #a46497 !default;
|
||||
$green: #7ad03a !default;
|
||||
$red: #a00 !default;
|
||||
$orange: #ffba00 !default;
|
||||
$blue: #2ea2cc !default;
|
||||
|
||||
$primary: #a46497 !default; // Primary color for buttons (alt)
|
||||
$primarytext: desaturate(lighten($primary, 50%), 18%) !default; // Text on primary color bg
|
||||
|
||||
$secondary: desaturate(lighten($primary, 40%), 21%) !default; // Secondary buttons
|
||||
$secondarytext: desaturate(darken($secondary, 60%), 21%) !default; // Text on secondary color bg
|
||||
|
||||
$highlight: adjust-hue($primary, 150deg) !default; // Prices, In stock labels, sales flash
|
||||
$highlightext: desaturate(lighten($highlight, 50%), 18%) !default; // Text on highlight color bg
|
||||
|
||||
$contentbg: #fff !default; // Content BG - Tabs (active state)
|
||||
$subtext: #767676 !default; // small, breadcrumbs etc
|
||||
|
||||
// export vars as CSS vars
|
||||
:root {
|
||||
--woocommerce: #{$woocommerce};
|
||||
--wc-green: #{$green};
|
||||
--wc-red: #{$red};
|
||||
--wc-orange: #{$orange};
|
||||
--wc-blue: #{$blue};
|
||||
--wc-primary: #{$primary};
|
||||
--wc-primary-text: #{$primarytext};
|
||||
--wc-secondary: #{$secondary};
|
||||
--wc-secondary-text: #{$secondarytext};
|
||||
--wc-highlight: #{$highlight};
|
||||
--wc-highligh-text: #{$highlightext};
|
||||
--wc-content-bg: #{$contentbg};
|
||||
--wc-subtext: #{$subtext};
|
||||
}
|
||||
1
assets/css/activation-rtl.css
Normal file
1
assets/css/activation-rtl.css
Normal file
@ -0,0 +1 @@
|
||||
div.woocommerce-message{overflow:hidden;position:relative}div.woocommerce-message.updated{border-right-color:#cc99c2!important}.woocommerce-message .button-primary,p.woocommerce-actions .button-primary{background:#bb77ae;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597;color:#fff;text-shadow:0 -1px 1px #a36597,-1px 0 1px #a36597,0 1px 1px #a36597,1px 0 1px #a36597}.woocommerce-message .button-primary:active,.woocommerce-message .button-primary:focus,.woocommerce-message .button-primary:hover,p.woocommerce-actions .button-primary:active,p.woocommerce-actions .button-primary:focus,p.woocommerce-actions .button-primary:hover{background:#a36597;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597}.woocommerce-message a.woocommerce-message-close,p.woocommerce-actions a.woocommerce-message-close{position:static;float:left;top:0;left:0;padding:0 28px 10px 15px;margin-top:-10px;font-size:13px;line-height:1.23076923;text-decoration:none}.woocommerce-message a.woocommerce-message-close::before,p.woocommerce-actions a.woocommerce-message-close::before{position:relative;top:18px;right:-20px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.woocommerce-message .button-primary,.woocommerce-message .button-secondary,p.woocommerce-actions .button-primary,p.woocommerce-actions .button-secondary{text-decoration:none!important}.woocommerce-message .twitter-share-button,p.woocommerce-actions .twitter-share-button{margin-top:-3px;margin-right:3px;vertical-align:middle}.woocommerce-about-text,p.woocommerce-actions{margin-bottom:1em!important}
|
||||
1
assets/css/activation.css
Normal file
1
assets/css/activation.css
Normal file
@ -0,0 +1 @@
|
||||
div.woocommerce-message{overflow:hidden;position:relative}div.woocommerce-message.updated{border-left-color:#cc99c2!important}.woocommerce-message .button-primary,p.woocommerce-actions .button-primary{background:#bb77ae;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597;color:#fff;text-shadow:0 -1px 1px #a36597,1px 0 1px #a36597,0 1px 1px #a36597,-1px 0 1px #a36597}.woocommerce-message .button-primary:active,.woocommerce-message .button-primary:focus,.woocommerce-message .button-primary:hover,p.woocommerce-actions .button-primary:active,p.woocommerce-actions .button-primary:focus,p.woocommerce-actions .button-primary:hover{background:#a36597;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597}.woocommerce-message a.woocommerce-message-close,p.woocommerce-actions a.woocommerce-message-close{position:static;float:right;top:0;right:0;padding:0 15px 10px 28px;margin-top:-10px;font-size:13px;line-height:1.23076923;text-decoration:none}.woocommerce-message a.woocommerce-message-close::before,p.woocommerce-actions a.woocommerce-message-close::before{position:relative;top:18px;left:-20px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.woocommerce-message .button-primary,.woocommerce-message .button-secondary,p.woocommerce-actions .button-primary,p.woocommerce-actions .button-secondary{text-decoration:none!important}.woocommerce-message .twitter-share-button,p.woocommerce-actions .twitter-share-button{margin-top:-3px;margin-left:3px;vertical-align:middle}.woocommerce-about-text,p.woocommerce-actions{margin-bottom:1em!important}
|
||||
71
assets/css/activation.scss
Normal file
71
assets/css/activation.scss
Normal file
@ -0,0 +1,71 @@
|
||||
/**
|
||||
* activation.scss
|
||||
* Styles applied to elements displayed on activation
|
||||
*/
|
||||
|
||||
/**
|
||||
* Styling begins
|
||||
*/
|
||||
div.woocommerce-message {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
&.updated {
|
||||
border-left-color: #cc99c2 !important;
|
||||
}
|
||||
}
|
||||
|
||||
p.woocommerce-actions,
|
||||
.woocommerce-message {
|
||||
|
||||
.button-primary {
|
||||
background: #bb77ae;
|
||||
border-color: #a36597;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background: #a36597;
|
||||
border-color: #a36597;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
|
||||
}
|
||||
}
|
||||
|
||||
a.woocommerce-message-close {
|
||||
position: static;
|
||||
float: right;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 0 15px 10px 28px;
|
||||
margin-top: -10px;
|
||||
font-size: 13px;
|
||||
line-height: 1.23076923;
|
||||
text-decoration: none;
|
||||
|
||||
&::before {
|
||||
position: relative;
|
||||
top: 18px;
|
||||
left: -20px;
|
||||
transition: all 0.1s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
.button-primary,
|
||||
.button-secondary {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.twitter-share-button {
|
||||
margin-top: -3px;
|
||||
margin-left: 3px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
p.woocommerce-actions,
|
||||
.woocommerce-about-text {
|
||||
margin-bottom: 1em !important;
|
||||
}
|
||||
2
assets/css/admin-rtl.css
Normal file
2
assets/css/admin-rtl.css
Normal file
File diff suppressed because one or more lines are too long
2
assets/css/admin.css
Normal file
2
assets/css/admin.css
Normal file
File diff suppressed because one or more lines are too long
7703
assets/css/admin.scss
Normal file
7703
assets/css/admin.scss
Normal file
File diff suppressed because it is too large
Load Diff
1
assets/css/auth-rtl.css
Normal file
1
assets/css/auth-rtl.css
Normal file
@ -0,0 +1 @@
|
||||
body{background:#f1f1f1;box-shadow:none;margin:100px auto 24px;padding:0}#wc-logo{border:0;margin:0 0 24px;padding:0;text-align:center}#wc-logo img{max-width:50%}.wc-auth-content{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13);overflow:hidden;padding:24px 24px 0;zoom:1}.wc-auth-content h1,.wc-auth-content h2,.wc-auth-content h3,.wc-auth-content table{border:0;clear:none;color:#666;margin:0 0 24px;padding:0}.wc-auth-content p,.wc-auth-content ul{color:#666;font-size:1em;line-height:1.75em;margin:0 0 24px}.wc-auth-content p{padding:0}.wc-auth-content a{color:#a16696}.wc-auth-content a:focus,.wc-auth-content a:hover{color:#111}.wc-auth-content .wc-auth-login label{color:#999;display:block;margin-bottom:.5em}.wc-auth-content .wc-auth-login input{box-sizing:border-box;font-size:1.3em;padding:.5em;width:100%}.wc-auth-content .wc-auth-login .wc-auth-actions{padding:0}.wc-auth-content .wc-auth-login .wc-auth-actions .wc-auth-login-button{float:none;width:100%}.wc-auth-permissions{list-style:disc inside;padding:0}.wc-auth-permissions li{font-size:1em}.wc-auth-logged-in-as{background:#f5f5f5;border-bottom:2px solid #eee;line-height:70px;margin:0 0 24px;padding:0 0 0 1em}.wc-auth-logged-in-as p{margin:0;line-height:70px}.wc-auth-logged-in-as img{float:right;height:70px;margin:0 0 0 1em}.wc-auth-logged-in-as .wc-auth-logout{float:left}.wc-auth .wc-auth-actions{overflow:hidden;padding-right:24px}.wc-auth .wc-auth-actions .button{background:#f7f7f7;border-bottom-width:2px;border:1px solid #d7d7d7;box-sizing:border-box;color:#777;float:left;font-size:1.25em;height:auto;line-height:1em;padding:1em 2em;text-align:center;width:50%}.wc-auth .wc-auth-actions .button:focus,.wc-auth .wc-auth-actions .button:hover{background:#fcfcfc}.wc-auth .wc-auth-actions .button-primary{background:#ad6ea1;border-color:#a16696;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 rgba(0,0,0,.15);color:#fff;float:left;opacity:1;text-shadow:0 -1px 1px #8a4f7f,-1px 0 1px #8a4f7f,0 1px 1px #8a4f7f,1px 0 1px #8a4f7f}.wc-auth .wc-auth-actions .button-primary:focus,.wc-auth .wc-auth-actions .button-primary:hover{background:#b472a8;color:#fff}.wc-auth .wc-auth-actions .wc-auth-approve{float:left}.wc-auth .wc-auth-actions .wc-auth-deny{float:right;margin-right:-24px}
|
||||
1
assets/css/auth.css
Normal file
1
assets/css/auth.css
Normal file
@ -0,0 +1 @@
|
||||
body{background:#f1f1f1;box-shadow:none;margin:100px auto 24px;padding:0}#wc-logo{border:0;margin:0 0 24px;padding:0;text-align:center}#wc-logo img{max-width:50%}.wc-auth-content{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13);overflow:hidden;padding:24px 24px 0;zoom:1}.wc-auth-content h1,.wc-auth-content h2,.wc-auth-content h3,.wc-auth-content table{border:0;clear:none;color:#666;margin:0 0 24px;padding:0}.wc-auth-content p,.wc-auth-content ul{color:#666;font-size:1em;line-height:1.75em;margin:0 0 24px}.wc-auth-content p{padding:0}.wc-auth-content a{color:#a16696}.wc-auth-content a:focus,.wc-auth-content a:hover{color:#111}.wc-auth-content .wc-auth-login label{color:#999;display:block;margin-bottom:.5em}.wc-auth-content .wc-auth-login input{box-sizing:border-box;font-size:1.3em;padding:.5em;width:100%}.wc-auth-content .wc-auth-login .wc-auth-actions{padding:0}.wc-auth-content .wc-auth-login .wc-auth-actions .wc-auth-login-button{float:none;width:100%}.wc-auth-permissions{list-style:disc inside;padding:0}.wc-auth-permissions li{font-size:1em}.wc-auth-logged-in-as{background:#f5f5f5;border-bottom:2px solid #eee;line-height:70px;margin:0 0 24px;padding:0 1em 0 0}.wc-auth-logged-in-as p{margin:0;line-height:70px}.wc-auth-logged-in-as img{float:left;height:70px;margin:0 1em 0 0}.wc-auth-logged-in-as .wc-auth-logout{float:right}.wc-auth .wc-auth-actions{overflow:hidden;padding-left:24px}.wc-auth .wc-auth-actions .button{background:#f7f7f7;border-bottom-width:2px;border:1px solid #d7d7d7;box-sizing:border-box;color:#777;float:right;font-size:1.25em;height:auto;line-height:1em;padding:1em 2em;text-align:center;width:50%}.wc-auth .wc-auth-actions .button:focus,.wc-auth .wc-auth-actions .button:hover{background:#fcfcfc}.wc-auth .wc-auth-actions .button-primary{background:#ad6ea1;border-color:#a16696;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 rgba(0,0,0,.15);color:#fff;float:right;opacity:1;text-shadow:0 -1px 1px #8a4f7f,1px 0 1px #8a4f7f,0 1px 1px #8a4f7f,-1px 0 1px #8a4f7f}.wc-auth .wc-auth-actions .button-primary:focus,.wc-auth .wc-auth-actions .button-primary:hover{background:#b472a8;color:#fff}.wc-auth .wc-auth-actions .wc-auth-approve{float:right}.wc-auth .wc-auth-actions .wc-auth-deny{float:left;margin-left:-24px}
|
||||
149
assets/css/auth.scss
Normal file
149
assets/css/auth.scss
Normal file
@ -0,0 +1,149 @@
|
||||
body {
|
||||
background: #f1f1f1;
|
||||
box-shadow: none;
|
||||
margin: 100px auto 24px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#wc-logo {
|
||||
border: 0;
|
||||
margin: 0 0 24px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.wc-auth-content {
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
|
||||
overflow: hidden;
|
||||
padding: 24px 24px 0;
|
||||
zoom: 1;
|
||||
|
||||
h1, h2, h3, table {
|
||||
border: 0;
|
||||
clear: none;
|
||||
color: #666;
|
||||
margin: 0 0 24px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p, ul {
|
||||
color: #666;
|
||||
font-size: 1em;
|
||||
line-height: 1.75em;
|
||||
margin: 0 0 24px;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #a16696;
|
||||
&:hover, &:focus {
|
||||
color: #111;
|
||||
}
|
||||
}
|
||||
|
||||
.wc-auth-login {
|
||||
label {
|
||||
color: #999;
|
||||
display: block;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
input {
|
||||
box-sizing: border-box;
|
||||
font-size: 1.3em;
|
||||
padding: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wc-auth-actions {
|
||||
padding: 0;
|
||||
|
||||
.wc-auth-login-button {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.wc-auth-permissions {
|
||||
list-style: disc inside;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
.wc-auth-logged-in-as {
|
||||
background: #f5f5f5;
|
||||
border-bottom: 2px solid #eee;
|
||||
line-height: 70px;
|
||||
margin: 0 0 24px;
|
||||
padding: 0 1em 0 0;
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
line-height: 70px;
|
||||
}
|
||||
|
||||
img {
|
||||
float: left;
|
||||
height: 70px;
|
||||
margin: 0 1em 0 0;
|
||||
}
|
||||
|
||||
.wc-auth-logout {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.wc-auth .wc-auth-actions {
|
||||
overflow: hidden;
|
||||
padding-left: 24px;
|
||||
|
||||
.button {
|
||||
background: #f7f7f7;
|
||||
border-bottom-width: 2px;
|
||||
border: 1px solid #d7d7d7;
|
||||
box-sizing: border-box;
|
||||
color: #777;
|
||||
float: right;
|
||||
font-size: 1.25em;
|
||||
height: auto;
|
||||
line-height: 1em;
|
||||
padding: 1em 2em;
|
||||
text-align: center;
|
||||
width: 50%;
|
||||
|
||||
&:hover, &:focus {
|
||||
background: #fcfcfc;
|
||||
}
|
||||
}
|
||||
.button-primary {
|
||||
background: #ad6ea1;
|
||||
border-color: #a16696;
|
||||
box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
|
||||
color: #fff;
|
||||
float: right;
|
||||
opacity: 1;
|
||||
text-shadow: 0 -1px 1px #8a4f7f, 1px 0 1px #8a4f7f, 0 1px 1px #8a4f7f, -1px 0 1px #8a4f7f;
|
||||
|
||||
&:hover, &:focus {
|
||||
background: #b472a8;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.wc-auth-approve {
|
||||
float: right;
|
||||
}
|
||||
.wc-auth-deny {
|
||||
float: left;
|
||||
margin-left: -24px;
|
||||
}
|
||||
}
|
||||
1
assets/css/dashboard-rtl.css
Normal file
1
assets/css/dashboard-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/dashboard-setup-rtl.css
Normal file
1
assets/css/dashboard-setup-rtl.css
Normal file
@ -0,0 +1 @@
|
||||
.dashboard-widget-finish-setup .progress-wrapper{border:1px solid #757575;border-radius:16px;font-size:.9em;padding:2px 8px 2px 8px;display:inline-block;box-sizing:border-box}.dashboard-widget-finish-setup .progress-wrapper span{position:relative;top:-3px;color:#757575}.dashboard-widget-finish-setup .description div{margin-top:11px;float:right;width:70%}.dashboard-widget-finish-setup .description img{float:left;width:30%}.dashboard-widget-finish-setup .circle-progress{margin-top:1px;margin-right:-3px}.dashboard-widget-finish-setup .circle-progress circle{stroke:#f0f0f0;stroke-width:1px}.dashboard-widget-finish-setup .circle-progress .bar{stroke:#949494}
|
||||
1
assets/css/dashboard-setup.css
Normal file
1
assets/css/dashboard-setup.css
Normal file
@ -0,0 +1 @@
|
||||
.dashboard-widget-finish-setup .progress-wrapper{border:1px solid #757575;border-radius:16px;font-size:.9em;padding:2px 8px 2px 8px;display:inline-block;box-sizing:border-box}.dashboard-widget-finish-setup .progress-wrapper span{position:relative;top:-3px;color:#757575}.dashboard-widget-finish-setup .description div{margin-top:11px;float:left;width:70%}.dashboard-widget-finish-setup .description img{float:right;width:30%}.dashboard-widget-finish-setup .circle-progress{margin-top:1px;margin-left:-3px}.dashboard-widget-finish-setup .circle-progress circle{stroke:#f0f0f0;stroke-width:1px}.dashboard-widget-finish-setup .circle-progress .bar{stroke:#949494}
|
||||
52
assets/css/dashboard-setup.scss
Normal file
52
assets/css/dashboard-setup.scss
Normal file
@ -0,0 +1,52 @@
|
||||
/**
|
||||
* dashboard-setup.scss
|
||||
* Styles for WooCommerce dashboard finish setup widgets
|
||||
* only loaded on the dashboard itself.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Styling begins
|
||||
*/
|
||||
|
||||
.dashboard-widget-finish-setup {
|
||||
|
||||
.progress-wrapper {
|
||||
border: 1px solid #757575;
|
||||
border-radius: 16px;
|
||||
font-size: 0.9em;
|
||||
padding: 2px 8px 2px 8px;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.progress-wrapper span {
|
||||
position: relative;
|
||||
top: -3px;
|
||||
color: #757575;
|
||||
}
|
||||
|
||||
.description div {
|
||||
margin-top: 11px;
|
||||
float: left;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.description img {
|
||||
float: right;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.circle-progress {
|
||||
margin-top: 1px;
|
||||
margin-left: -3px;
|
||||
|
||||
circle {
|
||||
stroke: #f0f0f0;
|
||||
stroke-width: 1px;
|
||||
}
|
||||
|
||||
.bar {
|
||||
stroke: #949494;
|
||||
}
|
||||
}
|
||||
}
|
||||
1
assets/css/dashboard.css
Normal file
1
assets/css/dashboard.css
Normal file
File diff suppressed because one or more lines are too long
272
assets/css/dashboard.scss
Normal file
272
assets/css/dashboard.scss
Normal file
@ -0,0 +1,272 @@
|
||||
/**
|
||||
* dashboard.scss
|
||||
* Styles for WooCommerce dashboard widgets, only loaded on the dashboard itself.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Imports
|
||||
*/
|
||||
@import "mixins";
|
||||
@import "variables";
|
||||
@import "fonts";
|
||||
|
||||
/**
|
||||
* Styling begins
|
||||
*/
|
||||
ul.woocommerce_stats {
|
||||
overflow: hidden;
|
||||
zoom: 1;
|
||||
|
||||
li {
|
||||
width: 25%;
|
||||
padding: 0 1em;
|
||||
text-align: center;
|
||||
float: left;
|
||||
font-size: 0.8em;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #ececec;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
li:first-child {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
li:last-child {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
|
||||
font-size: 4em;
|
||||
line-height: 1.2em;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
#woocommerce_dashboard_status {
|
||||
|
||||
.inside {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.best-seller-this-month {
|
||||
|
||||
a {
|
||||
|
||||
strong {
|
||||
margin-right: 48px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wc_status_list {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
width: 50%;
|
||||
float: left;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
border-top: 1px solid #ececec;
|
||||
color: #aaa;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
color: #aaa;
|
||||
padding: 9px 12px;
|
||||
transition: all ease 0.5s;
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
|
||||
.wc_sparkline {
|
||||
width: 4em;
|
||||
height: 2em;
|
||||
display: block;
|
||||
float: right;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-right: 12px;
|
||||
margin-top: -1.25em;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-size: 18px;
|
||||
line-height: 1.2em;
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
color: #21759b;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #2ea2cc;
|
||||
|
||||
&::before,
|
||||
strong {
|
||||
color: #2ea2cc !important;
|
||||
}
|
||||
}
|
||||
|
||||
&::before {
|
||||
|
||||
@include icon();
|
||||
font-size: 2em;
|
||||
position: relative;
|
||||
width: auto;
|
||||
line-height: 1.2em;
|
||||
color: #464646;
|
||||
float: left;
|
||||
margin-right: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
li.sales-this-month {
|
||||
width: 100%;
|
||||
|
||||
a::before {
|
||||
font-family: "Dashicons";
|
||||
content: "\f185";
|
||||
}
|
||||
}
|
||||
|
||||
li.best-seller-this-month {
|
||||
width: 100%;
|
||||
|
||||
a::before {
|
||||
content: "\e006";
|
||||
}
|
||||
}
|
||||
|
||||
li.processing-orders {
|
||||
border-right: 1px solid #ececec;
|
||||
|
||||
a::before {
|
||||
content: "\e011";
|
||||
color: $green;
|
||||
}
|
||||
}
|
||||
|
||||
li.on-hold-orders {
|
||||
|
||||
a::before {
|
||||
content: "\e033";
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
li.low-in-stock {
|
||||
border-right: 1px solid #ececec;
|
||||
|
||||
a::before {
|
||||
content: "\e016";
|
||||
color: $orange;
|
||||
}
|
||||
}
|
||||
|
||||
li.out-of-stock {
|
||||
|
||||
a::before {
|
||||
content: "\e013";
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#woocommerce_dashboard_recent_reviews {
|
||||
|
||||
li {
|
||||
line-height: 1.5em;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
h4.meta {
|
||||
line-height: 1.4;
|
||||
margin: -0.2em 0 0 0;
|
||||
font-weight: normal;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
float: left;
|
||||
margin: 0 10px 5px 0;
|
||||
}
|
||||
|
||||
.star-rating {
|
||||
float: right;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
height: 1.5em;
|
||||
line-height: 1.5;
|
||||
margin-left: 0.5em;
|
||||
width: 5.4em;
|
||||
font-family: "WooCommerce" !important;
|
||||
|
||||
&::before {
|
||||
content: "\e021\e021\e021\e021\e021";
|
||||
color: darken(#ccc, 10%);
|
||||
float: left;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
letter-spacing: 0.1em;
|
||||
letter-spacing: 0\9; // IE8 & below hack ;-(
|
||||
}
|
||||
|
||||
span {
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
|
||||
span::before {
|
||||
content: "\e020\e020\e020\e020\e020";
|
||||
top: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
letter-spacing: 0.1em;
|
||||
letter-spacing: 0\9; // IE8 & below hack ;-(
|
||||
color: #9c5d90;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#dash-right-now li.product-count a::before {
|
||||
font-family: "WooCommerce";
|
||||
content: "\e01d";
|
||||
}
|
||||
|
||||
#dashboard_activity {
|
||||
#activity-widget {
|
||||
#the-comment-list {
|
||||
.review.comment-item {
|
||||
.avatar {
|
||||
margin-right: 12px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
1
assets/css/helper-rtl.css
Normal file
1
assets/css/helper-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/helper.css
Normal file
1
assets/css/helper.css
Normal file
File diff suppressed because one or more lines are too long
1091
assets/css/helper.scss
Normal file
1091
assets/css/helper.scss
Normal file
File diff suppressed because it is too large
Load Diff
BIN
assets/css/jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png
Executable file
BIN
assets/css/jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 86 B |
BIN
assets/css/jquery-ui/images/ui-bg_flat_75_ffffff_40x100.png
Executable file
BIN
assets/css/jquery-ui/images/ui-bg_flat_75_ffffff_40x100.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 74 B |
BIN
assets/css/jquery-ui/images/ui-bg_glass_55_fbf9ee_1x400.png
Executable file
BIN
assets/css/jquery-ui/images/ui-bg_glass_55_fbf9ee_1x400.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 111 B |
BIN
assets/css/jquery-ui/images/ui-bg_glass_65_ffffff_1x400.png
Executable file
BIN
assets/css/jquery-ui/images/ui-bg_glass_65_ffffff_1x400.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 82 B |
BIN
assets/css/jquery-ui/images/ui-bg_glass_75_dadada_1x400.png
Executable file
BIN
assets/css/jquery-ui/images/ui-bg_glass_75_dadada_1x400.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 89 B |
BIN
assets/css/jquery-ui/images/ui-bg_glass_75_e6e6e6_1x400.png
Executable file
BIN
assets/css/jquery-ui/images/ui-bg_glass_75_e6e6e6_1x400.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 89 B |
BIN
assets/css/jquery-ui/images/ui-bg_glass_95_fef1ec_1x400.png
Executable file
BIN
assets/css/jquery-ui/images/ui-bg_glass_95_fef1ec_1x400.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 110 B |
BIN
assets/css/jquery-ui/images/ui-bg_highlight-soft_75_cccccc_1x100.png
Executable file
BIN
assets/css/jquery-ui/images/ui-bg_highlight-soft_75_cccccc_1x100.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 86 B |
BIN
assets/css/jquery-ui/images/ui-icons_222222_256x240.png
Normal file
BIN
assets/css/jquery-ui/images/ui-icons_222222_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
assets/css/jquery-ui/images/ui-icons_2e83ff_256x240.png
Normal file
BIN
assets/css/jquery-ui/images/ui-icons_2e83ff_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
assets/css/jquery-ui/images/ui-icons_454545_256x240.png
Normal file
BIN
assets/css/jquery-ui/images/ui-icons_454545_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
assets/css/jquery-ui/images/ui-icons_888888_256x240.png
Normal file
BIN
assets/css/jquery-ui/images/ui-icons_888888_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
assets/css/jquery-ui/images/ui-icons_cd0a0a_256x240.png
Normal file
BIN
assets/css/jquery-ui/images/ui-icons_cd0a0a_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
5
assets/css/jquery-ui/jquery-ui-rtl.css
Normal file
5
assets/css/jquery-ui/jquery-ui-rtl.css
Normal file
File diff suppressed because one or more lines are too long
5
assets/css/jquery-ui/jquery-ui.css
vendored
Normal file
5
assets/css/jquery-ui/jquery-ui.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
assets/css/jquery-ui/jquery-ui.min.css
vendored
Normal file
7
assets/css/jquery-ui/jquery-ui.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/marketplace-suggestions-rtl.css
Normal file
1
assets/css/marketplace-suggestions-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/marketplace-suggestions.css
Normal file
1
assets/css/marketplace-suggestions.css
Normal file
File diff suppressed because one or more lines are too long
304
assets/css/marketplace-suggestions.scss
Normal file
304
assets/css/marketplace-suggestions.scss
Normal file
@ -0,0 +1,304 @@
|
||||
/**
|
||||
* marketplace-suggestions.scss
|
||||
* Styling for in-product marketplace suggestions.
|
||||
*/
|
||||
|
||||
@import "mixins";
|
||||
@import "variables";
|
||||
|
||||
$suggestions-pale-gray: #ddd;
|
||||
$suggestions-metabox-pale-gray: #eee;
|
||||
|
||||
$suggestions-copy-text: #444;
|
||||
|
||||
a.suggestion-dismiss {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: $suggestions-pale-gray;
|
||||
}
|
||||
|
||||
a.suggestion-dismiss:hover {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
a.suggestion-dismiss::before {
|
||||
|
||||
@include iconbeforedashicons( "\f335" );
|
||||
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
#woocommerce-product-data ul.wc-tabs li.marketplace-suggestions_tab {
|
||||
|
||||
|
||||
a::before {
|
||||
|
||||
@include iconbeforedashicons( "\f106" );
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
a span {
|
||||
margin: 0 0.618em;
|
||||
}
|
||||
}
|
||||
|
||||
.marketplace-suggestions-metabox-nosuggestions-placeholder {
|
||||
max-width: 325px;
|
||||
margin: 2em auto;
|
||||
text-align: center;
|
||||
|
||||
.marketplace-suggestion-placeholder-content {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
h4,
|
||||
a,
|
||||
p {
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-top: 0.75em;
|
||||
line-height: 1.75;
|
||||
}
|
||||
}
|
||||
|
||||
.marketplace-suggestions-container.showing-suggestion {
|
||||
text-align: left;
|
||||
|
||||
.marketplace-suggestion-container {
|
||||
align-items: flex-start;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
// Allows us to position the dismiss x button
|
||||
// relative to container on mobile.
|
||||
position: relative;
|
||||
|
||||
img.marketplace-suggestion-icon {
|
||||
height: 40px;
|
||||
margin: 0;
|
||||
margin-right: 1.5em;
|
||||
flex: 0 0 40px;
|
||||
}
|
||||
|
||||
.marketplace-suggestion-container-content {
|
||||
flex: 1 1 60%;
|
||||
|
||||
h4 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
margin-top: 4px;
|
||||
color: $suggestions-copy-text;
|
||||
}
|
||||
}
|
||||
|
||||
.marketplace-suggestion-container-cta {
|
||||
flex: 1 1 30%;
|
||||
min-width: 160px;
|
||||
text-align: right;
|
||||
|
||||
.suggestion-dismiss {
|
||||
text-decoration: none;
|
||||
position: absolute;
|
||||
top: 1em;
|
||||
right: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 600px) {
|
||||
|
||||
.marketplace-suggestion-container {
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
|
||||
img.marketplace-suggestion-icon {
|
||||
// display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] {
|
||||
|
||||
.marketplace-suggestion-container {
|
||||
|
||||
.marketplace-suggestion-container-content {
|
||||
|
||||
h4 {
|
||||
font-size: 1.1em;
|
||||
margin: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Additional breathing space margin under empty-state footer.
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] {
|
||||
|
||||
margin-bottom: 6em;
|
||||
}
|
||||
|
||||
|
||||
// Optimise footer suggestion layout for left-aligned CTA link button only.
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] {
|
||||
|
||||
.marketplace-suggestion-container {
|
||||
|
||||
flex-direction: row-reverse;
|
||||
|
||||
.marketplace-suggestion-container-cta {
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.marketplace-suggestion-container-content.has-manage-link {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-body"] {
|
||||
|
||||
.marketplace-suggestion-container {
|
||||
padding: 1em 1.5em;
|
||||
|
||||
.marketplace-suggestion-container-content {
|
||||
|
||||
p {
|
||||
padding: 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] {
|
||||
|
||||
.marketplace-suggestion-container {
|
||||
padding: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-body"] {
|
||||
|
||||
.marketplace-suggestion-container {
|
||||
padding: 0.75em 1.5em;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-bottom: 1.5em;
|
||||
}
|
||||
|
||||
.marketplace-suggestion-container-content {
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-body"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-body"] {
|
||||
|
||||
// hide by default (mobile first)
|
||||
display: none;
|
||||
|
||||
.marketplace-suggestion-container .marketplace-suggestion-container-cta {
|
||||
|
||||
a.button {
|
||||
display: inline-block;
|
||||
min-width: 120px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a.linkout {
|
||||
font-size: 1.1em;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.linkout .dashicons {
|
||||
margin-left: 4px;
|
||||
bottom: 2px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.suggestion-dismiss {
|
||||
position: relative;
|
||||
top: 5px;
|
||||
right: auto;
|
||||
margin-left: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 600px) {
|
||||
|
||||
// Display onboarding table suggestion on desktop only. (for now)
|
||||
// There's limited room on mobile, and there are edge-case
|
||||
// styling issues in some browsers.
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"] {
|
||||
|
||||
border: none;
|
||||
}
|
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-body"] {
|
||||
|
||||
border: none;
|
||||
border-top: 1px solid $suggestions-metabox-pale-gray;
|
||||
border-bottom: 1px solid $suggestions-metabox-pale-gray;
|
||||
}
|
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-header"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"],
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-body"] {
|
||||
|
||||
border: 1px solid $suggestions-pale-gray;
|
||||
border-bottom: none;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 1px solid $suggestions-pale-gray;
|
||||
}
|
||||
}
|
||||
1
assets/css/menu-rtl.css
Normal file
1
assets/css/menu-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/menu.css
Normal file
1
assets/css/menu.css
Normal file
File diff suppressed because one or more lines are too long
210
assets/css/menu.scss
Normal file
210
assets/css/menu.scss
Normal file
@ -0,0 +1,210 @@
|
||||
/**
|
||||
* menu.scss
|
||||
* Styles applied to dashboard menu items added via WooCommerce.
|
||||
* Adds icons to top level menu items, etc.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Imports
|
||||
*/
|
||||
@import "mixins";
|
||||
@import "variables";
|
||||
@import "fonts";
|
||||
|
||||
/**
|
||||
* Styling begins
|
||||
*/
|
||||
span.mce_woocommerce_shortcodes_button {
|
||||
background-image: none !important;
|
||||
|
||||
@include ir();
|
||||
|
||||
&::before {
|
||||
|
||||
@include icon("\e01d");
|
||||
font-size: 0.9em;
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
|
||||
#woocommerce-update {
|
||||
|
||||
.updating-message {
|
||||
|
||||
.wc_plugin_upgrade_notice {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dummy {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wc_plugin_upgrade_notice {
|
||||
font-weight: normal;
|
||||
background: #fff8e5 !important;
|
||||
border-left: 4px solid #ffb900;
|
||||
border-top: 1px solid #ffb900;
|
||||
padding: 9px 0 9px 12px !important;
|
||||
margin: 0 -12px 0 -16px !important;
|
||||
|
||||
&::before {
|
||||
content: "\f348";
|
||||
display: inline-block;
|
||||
font: 400 18px/1 dashicons;
|
||||
speak: never;
|
||||
margin: 0 8px 0 -2px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
&.minor,
|
||||
&.major {
|
||||
padding: 20px 0 !important;
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 0 20px;
|
||||
margin: 0;
|
||||
max-width: 700px;
|
||||
line-height: 1.5em;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
table.plugin-details-table {
|
||||
margin: 0.75em 0 0;
|
||||
|
||||
tr {
|
||||
background: transparent none !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
background: transparent none !important;
|
||||
margin: 0;
|
||||
padding: 0.75em 20px 0;
|
||||
border: 0 !important;
|
||||
font-size: 1em;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#wc_untested_extensions_modal {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wc_untested_extensions_modal_container {
|
||||
border-radius: 4px;
|
||||
padding: 0;
|
||||
|
||||
#TB_closeAjaxWindow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#TB_title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#TB_ajaxContent {
|
||||
height: 100% !important;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100% !important;
|
||||
|
||||
p {
|
||||
margin: 0 0 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wc_untested_extensions_modal--content {
|
||||
|
||||
h1 {
|
||||
margin: 2px 2px 0.5em;
|
||||
padding: 0.75em 1em;
|
||||
line-height: 1.5em;
|
||||
font-size: 2em;
|
||||
border-bottom: 1px solid #eee;
|
||||
color: #fff;
|
||||
background: #96578a;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.extensions_warning {
|
||||
padding: 0 2em;
|
||||
}
|
||||
|
||||
.plugin-details-table-container {
|
||||
max-height: 40vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
table.plugin-details-table {
|
||||
margin: 20px 0;
|
||||
|
||||
th,
|
||||
td {
|
||||
background: transparent none !important;
|
||||
margin: 0;
|
||||
padding: 0.75em 20px 0;
|
||||
border: 0 !important;
|
||||
font-size: 1em;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.actions {
|
||||
border-top: 1px solid #eee;
|
||||
margin: 0;
|
||||
padding: 1em 0 2em 0;
|
||||
overflow: hidden;
|
||||
|
||||
.woocommerce-actions {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a.button-primary {
|
||||
float: right;
|
||||
background: #bb77ae;
|
||||
border-color: #a36597;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
|
||||
color: #fff;
|
||||
text-shadow:
|
||||
0 -1px 1px #a36597,
|
||||
1px 0 1px #a36597,
|
||||
0 1px 1px #a36597,
|
||||
-1px 0 1px #a36597;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background: #a36597;
|
||||
border-color: #a36597;
|
||||
box-shadow:
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.25),
|
||||
0 1px 0 #a36597;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
1
assets/css/network-order-widget-rtl.css
Normal file
1
assets/css/network-order-widget-rtl.css
Normal file
@ -0,0 +1 @@
|
||||
#woocommerce_network_orders .inside{margin:0;padding:0}#woocommerce_network_orders .woocommerce-network-order-table,#woocommerce_network_orders .woocommerce-network-order-table-loading,#woocommerce_network_orders .woocommerce-network-orders-no-orders{width:100%;display:none}#woocommerce_network_orders .woocommerce-network-order-table-loading.is-active,#woocommerce_network_orders .woocommerce-network-order-table.is-active,#woocommerce_network_orders .woocommerce-network-orders-no-orders.is-active{display:block}#woocommerce_network_orders .woocommerce-network-order-table-loading p,#woocommerce_network_orders .woocommerce-network-orders-no-orders p{text-align:center}#woocommerce_network_orders .woocommerce-network-order-table{margin-top:0}#woocommerce_network_orders .woocommerce-network-order-table.is-active{display:table}#woocommerce_network_orders .woocommerce-network-order-table thead td{padding:.5em 1em}#woocommerce_network_orders .spinner{margin-top:0;float:none}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td,#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody th{border-top:1px solid #f5f5f5}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td{vertical-align:middle;padding:1em}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status{display:-webkit-inline-box;display:inline-flex;padding:0 1em;line-height:2.5em;color:#777;background:#e5e5e5;border-radius:4px;border-bottom:1px solid rgba(0,0,0,.05);margin:-.5em 0;cursor:inherit!important}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status.status-completed{background:#c8d7e1;color:#2e4453}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status.status-on-hold{background:#f8dda7;color:#94660c}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status.status-failed{background:#eba3a3;color:#761919}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status.status-processing{background:#c6e1c6;color:#5b841b}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status.status-trash{background:#eba3a3;color:#761919}
|
||||
1
assets/css/network-order-widget.css
Normal file
1
assets/css/network-order-widget.css
Normal file
@ -0,0 +1 @@
|
||||
#woocommerce_network_orders .inside{margin:0;padding:0}#woocommerce_network_orders .woocommerce-network-order-table,#woocommerce_network_orders .woocommerce-network-order-table-loading,#woocommerce_network_orders .woocommerce-network-orders-no-orders{width:100%;display:none}#woocommerce_network_orders .woocommerce-network-order-table-loading.is-active,#woocommerce_network_orders .woocommerce-network-order-table.is-active,#woocommerce_network_orders .woocommerce-network-orders-no-orders.is-active{display:block}#woocommerce_network_orders .woocommerce-network-order-table-loading p,#woocommerce_network_orders .woocommerce-network-orders-no-orders p{text-align:center}#woocommerce_network_orders .woocommerce-network-order-table{margin-top:0}#woocommerce_network_orders .woocommerce-network-order-table.is-active{display:table}#woocommerce_network_orders .woocommerce-network-order-table thead td{padding:.5em 1em}#woocommerce_network_orders .spinner{margin-top:0;float:none}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td,#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody th{border-top:1px solid #f5f5f5}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td{vertical-align:middle;padding:1em}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status{display:-webkit-inline-box;display:inline-flex;padding:0 1em;line-height:2.5em;color:#777;background:#e5e5e5;border-radius:4px;border-bottom:1px solid rgba(0,0,0,.05);margin:-.5em 0;cursor:inherit!important}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status.status-completed{background:#c8d7e1;color:#2e4453}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status.status-on-hold{background:#f8dda7;color:#94660c}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status.status-failed{background:#eba3a3;color:#761919}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status.status-processing{background:#c6e1c6;color:#5b841b}#woocommerce_network_orders .post-type-shop_order .woocommerce-network-order-table tbody td .order-status.status-trash{background:#eba3a3;color:#761919}
|
||||
92
assets/css/network-order-widget.scss
Normal file
92
assets/css/network-order-widget.scss
Normal file
@ -0,0 +1,92 @@
|
||||
#woocommerce_network_orders {
|
||||
.inside {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.woocommerce-network-orders-no-orders,
|
||||
.woocommerce-network-order-table-loading,
|
||||
.woocommerce-network-order-table {
|
||||
width: 100%;
|
||||
display: none;
|
||||
|
||||
&.is-active {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-network-orders-no-orders,
|
||||
.woocommerce-network-order-table-loading {
|
||||
p {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-network-order-table {
|
||||
&.is-active {
|
||||
display: table;
|
||||
}
|
||||
|
||||
margin-top: 0;
|
||||
|
||||
thead td {
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.spinner {
|
||||
margin-top: 0;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.post-type-shop_order {
|
||||
.woocommerce-network-order-table {
|
||||
tbody {
|
||||
th, td {
|
||||
border-top: 1px solid #f5f5f5;
|
||||
}
|
||||
td {
|
||||
vertical-align: middle;
|
||||
padding: 1em;
|
||||
|
||||
.order-status {
|
||||
display: inline-flex;
|
||||
padding: 0px 1em;
|
||||
line-height: 2.5em;
|
||||
color: #777;
|
||||
background: #E5E5E5;
|
||||
border-radius: 4px;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.05);
|
||||
margin: -.5em 0;
|
||||
cursor: inherit !important;
|
||||
|
||||
&.status-completed {
|
||||
background: #C8D7E1;
|
||||
color: #2e4453;
|
||||
}
|
||||
|
||||
&.status-on-hold {
|
||||
background: #f8dda7;
|
||||
color: #94660c;
|
||||
}
|
||||
|
||||
&.status-failed {
|
||||
background: #eba3a3;
|
||||
color: #761919;
|
||||
}
|
||||
|
||||
&.status-processing {
|
||||
background: #C6E1C6;
|
||||
color: #5B841B;
|
||||
}
|
||||
|
||||
&.status-trash {
|
||||
background: #eba3a3;
|
||||
color: #761919;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
482
assets/css/photoswipe/default-skin/default-skin.css
Normal file
482
assets/css/photoswipe/default-skin/default-skin.css
Normal file
@ -0,0 +1,482 @@
|
||||
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||
/*
|
||||
|
||||
Contents:
|
||||
|
||||
1. Buttons
|
||||
2. Share modal and links
|
||||
3. Index indicator ("1 of X" counter)
|
||||
4. Caption
|
||||
5. Loading indicator
|
||||
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
|
||||
|
||||
*/
|
||||
/*
|
||||
|
||||
1. Buttons
|
||||
|
||||
*/
|
||||
/* <button> css reset */
|
||||
.pswp__button {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: relative;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
overflow: visible;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
float: right;
|
||||
opacity: 0.75;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none; }
|
||||
.pswp__button:focus, .pswp__button:hover {
|
||||
opacity: 1; }
|
||||
.pswp__button:active {
|
||||
outline: none;
|
||||
opacity: 0.9; }
|
||||
.pswp__button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
|
||||
.pswp__ui--over-close .pswp__button--close {
|
||||
opacity: 1; }
|
||||
|
||||
.pswp__button,
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
background: url(default-skin.png) 0 0 no-repeat;
|
||||
background-size: 264px 88px;
|
||||
width: 44px;
|
||||
height: 44px; }
|
||||
|
||||
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
|
||||
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
|
||||
.pswp--svg .pswp__button,
|
||||
.pswp--svg .pswp__button--arrow--left:before,
|
||||
.pswp--svg .pswp__button--arrow--right:before {
|
||||
background-image: url(default-skin.svg); }
|
||||
.pswp--svg .pswp__button--arrow--left,
|
||||
.pswp--svg .pswp__button--arrow--right {
|
||||
background: none; } }
|
||||
|
||||
.pswp__button--close {
|
||||
background-position: 0 -44px; }
|
||||
|
||||
.pswp__button--share {
|
||||
background-position: -44px -44px; }
|
||||
|
||||
.pswp__button--fs {
|
||||
display: none; }
|
||||
|
||||
.pswp--supports-fs .pswp__button--fs {
|
||||
display: block; }
|
||||
|
||||
.pswp--fs .pswp__button--fs {
|
||||
background-position: -44px 0; }
|
||||
|
||||
.pswp__button--zoom {
|
||||
display: none;
|
||||
background-position: -88px 0; }
|
||||
|
||||
.pswp--zoom-allowed .pswp__button--zoom {
|
||||
display: block; }
|
||||
|
||||
.pswp--zoomed-in .pswp__button--zoom {
|
||||
background-position: -132px 0; }
|
||||
|
||||
/* no arrows on touch screens */
|
||||
.pswp--touch .pswp__button--arrow--left,
|
||||
.pswp--touch .pswp__button--arrow--right {
|
||||
visibility: hidden; }
|
||||
|
||||
/*
|
||||
Arrow buttons hit area
|
||||
(icon is added to :before pseudo-element)
|
||||
*/
|
||||
.pswp__button--arrow--left,
|
||||
.pswp__button--arrow--right {
|
||||
background: none;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
width: 70px;
|
||||
height: 100px;
|
||||
position: absolute; }
|
||||
|
||||
.pswp__button--arrow--left {
|
||||
left: 0; }
|
||||
|
||||
.pswp__button--arrow--right {
|
||||
right: 0; }
|
||||
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
content: '';
|
||||
top: 35px;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
height: 30px;
|
||||
width: 32px;
|
||||
position: absolute; }
|
||||
|
||||
.pswp__button--arrow--left:before {
|
||||
left: 6px;
|
||||
background-position: -138px -44px; }
|
||||
|
||||
.pswp__button--arrow--right:before {
|
||||
right: 6px;
|
||||
background-position: -94px -44px; }
|
||||
|
||||
/*
|
||||
|
||||
2. Share modal/popup and links
|
||||
|
||||
*/
|
||||
.pswp__counter,
|
||||
.pswp__share-modal {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.pswp__share-modal {
|
||||
display: block;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 10px;
|
||||
position: absolute;
|
||||
z-index: 1600;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.25s ease-out;
|
||||
transition: opacity 0.25s ease-out;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity; }
|
||||
|
||||
.pswp__share-modal--hidden {
|
||||
display: none; }
|
||||
|
||||
.pswp__share-tooltip {
|
||||
z-index: 1620;
|
||||
position: absolute;
|
||||
background: #FFF;
|
||||
top: 56px;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
width: auto;
|
||||
right: 44px;
|
||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-webkit-transform: translateY(6px);
|
||||
-ms-transform: translateY(6px);
|
||||
transform: translateY(6px);
|
||||
-webkit-transition: -webkit-transform 0.25s;
|
||||
transition: transform 0.25s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: transform; }
|
||||
.pswp__share-tooltip a {
|
||||
display: block;
|
||||
padding: 8px 12px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
line-height: 18px; }
|
||||
.pswp__share-tooltip a:hover {
|
||||
text-decoration: none;
|
||||
color: #000; }
|
||||
.pswp__share-tooltip a:first-child {
|
||||
/* round corners on the first/last list item */
|
||||
border-radius: 2px 2px 0 0; }
|
||||
.pswp__share-tooltip a:last-child {
|
||||
border-radius: 0 0 2px 2px; }
|
||||
|
||||
.pswp__share-modal--fade-in {
|
||||
opacity: 1; }
|
||||
.pswp__share-modal--fade-in .pswp__share-tooltip {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
|
||||
/* increase size of share links on touch devices */
|
||||
.pswp--touch .pswp__share-tooltip a {
|
||||
padding: 16px 12px; }
|
||||
|
||||
a.pswp__share--facebook:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
right: 15px;
|
||||
border: 6px solid transparent;
|
||||
border-bottom-color: #FFF;
|
||||
-webkit-pointer-events: none;
|
||||
-moz-pointer-events: none;
|
||||
pointer-events: none; }
|
||||
|
||||
a.pswp__share--facebook:hover {
|
||||
background: #3E5C9A;
|
||||
color: #FFF; }
|
||||
a.pswp__share--facebook:hover:before {
|
||||
border-bottom-color: #3E5C9A; }
|
||||
|
||||
a.pswp__share--twitter:hover {
|
||||
background: #55ACEE;
|
||||
color: #FFF; }
|
||||
|
||||
a.pswp__share--pinterest:hover {
|
||||
background: #CCC;
|
||||
color: #CE272D; }
|
||||
|
||||
a.pswp__share--download:hover {
|
||||
background: #DDD; }
|
||||
|
||||
/*
|
||||
|
||||
3. Index indicator ("1 of X" counter)
|
||||
|
||||
*/
|
||||
.pswp__counter {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
font-size: 13px;
|
||||
line-height: 44px;
|
||||
color: #FFF;
|
||||
opacity: 0.75;
|
||||
padding: 0 10px; }
|
||||
|
||||
/*
|
||||
|
||||
4. Caption
|
||||
|
||||
*/
|
||||
.pswp__caption {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
min-height: 44px; }
|
||||
.pswp__caption small {
|
||||
font-size: 11px;
|
||||
color: #BBB; }
|
||||
|
||||
.pswp__caption__center {
|
||||
text-align: left;
|
||||
max-width: 420px;
|
||||
margin: 0 auto;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
line-height: 20px;
|
||||
color: #CCC; }
|
||||
|
||||
.pswp__caption--empty {
|
||||
display: none; }
|
||||
|
||||
/* Fake caption element, used to calculate height of next/prev image */
|
||||
.pswp__caption--fake {
|
||||
visibility: hidden; }
|
||||
|
||||
/*
|
||||
|
||||
5. Loading indicator (preloader)
|
||||
|
||||
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
|
||||
|
||||
*/
|
||||
.pswp__preloader {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -22px;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.25s ease-out;
|
||||
transition: opacity 0.25s ease-out;
|
||||
will-change: opacity;
|
||||
direction: ltr; }
|
||||
|
||||
.pswp__preloader__icn {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 12px; }
|
||||
|
||||
.pswp__preloader--active {
|
||||
opacity: 1; }
|
||||
.pswp__preloader--active .pswp__preloader__icn {
|
||||
/* We use .gif in browsers that don't support CSS animation */
|
||||
background: url(preloader.gif) 0 0 no-repeat; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader--active {
|
||||
opacity: 1; }
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
|
||||
-webkit-animation: clockwise 500ms linear infinite;
|
||||
animation: clockwise 500ms linear infinite; }
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
|
||||
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
||||
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__icn {
|
||||
background: none;
|
||||
opacity: 0.75;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 15px;
|
||||
margin: 0; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__cut {
|
||||
/*
|
||||
The idea of animating inner circle is based on Polymer ("material") loading indicator
|
||||
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
|
||||
*/
|
||||
position: relative;
|
||||
width: 7px;
|
||||
height: 14px;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__donut {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 2px solid #FFF;
|
||||
border-radius: 50%;
|
||||
border-left-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: none;
|
||||
margin: 0; }
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.pswp__preloader {
|
||||
position: relative;
|
||||
left: auto;
|
||||
top: auto;
|
||||
margin: 0;
|
||||
float: right; } }
|
||||
|
||||
@-webkit-keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@-webkit-keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); }
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); } }
|
||||
|
||||
@keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); }
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); } }
|
||||
|
||||
/*
|
||||
|
||||
6. Additional styles
|
||||
|
||||
*/
|
||||
/* root element of UI */
|
||||
.pswp__ui {
|
||||
-webkit-font-smoothing: auto;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: 1550; }
|
||||
|
||||
/* top black bar with buttons and "1 of X" indicator */
|
||||
.pswp__top-bar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
width: 100%; }
|
||||
|
||||
.pswp__caption,
|
||||
.pswp__top-bar,
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
visibility: visible; }
|
||||
|
||||
.pswp__top-bar,
|
||||
.pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.5); }
|
||||
|
||||
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
|
||||
.pswp__ui--fit .pswp__top-bar,
|
||||
.pswp__ui--fit .pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.3); }
|
||||
|
||||
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
|
||||
.pswp__ui--idle .pswp__top-bar {
|
||||
opacity: 0; }
|
||||
|
||||
.pswp__ui--idle .pswp__button--arrow--left,
|
||||
.pswp__ui--idle .pswp__button--arrow--right {
|
||||
opacity: 0; }
|
||||
|
||||
/*
|
||||
pswp__ui--hidden class is added when controls are hidden
|
||||
e.g. when user taps to toggle visibility of controls
|
||||
*/
|
||||
.pswp__ui--hidden .pswp__top-bar,
|
||||
.pswp__ui--hidden .pswp__caption,
|
||||
.pswp__ui--hidden .pswp__button--arrow--left,
|
||||
.pswp__ui--hidden .pswp__button--arrow--right {
|
||||
/* Force paint & create composition layer for controls. */
|
||||
opacity: 0.001; }
|
||||
|
||||
/* pswp__ui--one-slide class is added when there is just one item in gallery */
|
||||
.pswp__ui--one-slide .pswp__button--arrow--left,
|
||||
.pswp__ui--one-slide .pswp__button--arrow--right,
|
||||
.pswp__ui--one-slide .pswp__counter {
|
||||
display: none; }
|
||||
|
||||
.pswp__element--disabled {
|
||||
display: none !important; }
|
||||
|
||||
.pswp--minimal--dark .pswp__top-bar {
|
||||
background: none; }
|
||||
1
assets/css/photoswipe/default-skin/default-skin.min.css
vendored
Normal file
1
assets/css/photoswipe/default-skin/default-skin.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/css/photoswipe/default-skin/default-skin.png
Normal file
BIN
assets/css/photoswipe/default-skin/default-skin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 547 B |
1
assets/css/photoswipe/default-skin/default-skin.svg
Normal file
1
assets/css/photoswipe/default-skin/default-skin.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/css/photoswipe/default-skin/preloader.gif
Normal file
BIN
assets/css/photoswipe/default-skin/preloader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 866 B |
223
assets/css/photoswipe/photoswipe.css
Normal file
223
assets/css/photoswipe/photoswipe.css
Normal file
@ -0,0 +1,223 @@
|
||||
/**
|
||||
* WooCommerce Photoswipe styles.
|
||||
* 1. These styles are required to overwrite default theme button styles (Twenty Twelve adds gradients via background-image).
|
||||
* 2. For zooming on mobile.
|
||||
*/
|
||||
.woocommerce img.pswp__img,
|
||||
.woocommerce-page img.pswp__img {
|
||||
max-width: none; /* 2 */
|
||||
}
|
||||
button.pswp__button {
|
||||
box-shadow: none !important;
|
||||
background-image: url('default-skin/default-skin.png') !important;
|
||||
}
|
||||
button.pswp__button,
|
||||
button.pswp__button:hover,
|
||||
button.pswp__button--arrow--left::before,
|
||||
button.pswp__button--arrow--right::before {
|
||||
background-color: transparent !important; /* 1 */
|
||||
}
|
||||
button.pswp__button--arrow--left,
|
||||
button.pswp__button--arrow--right,
|
||||
button.pswp__button--arrow--left:hover,
|
||||
button.pswp__button--arrow--right:hover {
|
||||
background-image: none !important; /* 1 */
|
||||
}
|
||||
button.pswp__button--close:hover {
|
||||
background-position: 0 -44px;
|
||||
}
|
||||
button.pswp__button--zoom:hover {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
|
||||
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||
/*
|
||||
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
|
||||
*/
|
||||
/* pswp = photoswipe */
|
||||
.pswp {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
z-index: 1500;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
|
||||
-webkit-backface-visibility: hidden;
|
||||
outline: none; }
|
||||
.pswp * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.pswp img {
|
||||
max-width: none; }
|
||||
|
||||
/* adjust for admin bar */
|
||||
.admin-bar .pswp {
|
||||
height: calc(100% - 32px);
|
||||
top: 32px;
|
||||
}
|
||||
@media screen and (max-width: 782px) {
|
||||
.admin-bar .pswp {
|
||||
height: calc(100% - 46px);
|
||||
top: 46px;
|
||||
}
|
||||
}
|
||||
|
||||
/* style is added when JS option showHideOpacity is set to true */
|
||||
.pswp--animate_opacity {
|
||||
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
|
||||
opacity: 0.001;
|
||||
will-change: opacity;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp--open {
|
||||
display: block; }
|
||||
|
||||
.pswp--zoom-allowed .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in; }
|
||||
|
||||
.pswp--zoomed-in .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: grab; }
|
||||
|
||||
.pswp--dragging .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: grabbing; }
|
||||
|
||||
/*
|
||||
Background is added as a separate element.
|
||||
As animating opacity is much faster than animating rgba() background-color.
|
||||
*/
|
||||
.pswp__bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity; }
|
||||
|
||||
.pswp__scroll-wrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
|
||||
/* Prevent selection and tap highlights */
|
||||
.pswp__container,
|
||||
.pswp__img {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none; }
|
||||
|
||||
.pswp__zoom-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
-webkit-transform-origin: left top;
|
||||
-ms-transform-origin: left top;
|
||||
transform-origin: left top;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp__bg {
|
||||
will-change: opacity;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp--animated-in .pswp__bg,
|
||||
.pswp--animated-in .pswp__zoom-wrap {
|
||||
-webkit-transition: none;
|
||||
transition: none; }
|
||||
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
.pswp__item {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp__img {
|
||||
position: absolute;
|
||||
width: auto;
|
||||
height: auto;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
/*
|
||||
stretched thumbnail or div placeholder element (see below)
|
||||
style is added to avoid flickering in webkit/blink when layers overlap
|
||||
*/
|
||||
.pswp__img--placeholder {
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
/*
|
||||
div element that matches size of large image
|
||||
large image loads on top of it
|
||||
*/
|
||||
.pswp__img--placeholder--blank {
|
||||
background: #222; }
|
||||
|
||||
.pswp--ie .pswp__img {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
|
||||
/*
|
||||
Error message appears when image is not loaded
|
||||
(JS option errorMsg controls markup)
|
||||
*/
|
||||
.pswp__error-msg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
margin-top: -8px;
|
||||
color: #CCC; }
|
||||
|
||||
.pswp__error-msg a {
|
||||
color: #CCC;
|
||||
text-decoration: underline; }
|
||||
1
assets/css/photoswipe/photoswipe.min.css
vendored
Normal file
1
assets/css/photoswipe/photoswipe.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - 32px);top:32px}@media screen and (max-width:782px){.admin-bar .pswp{height:calc(100% - 46px);top:46px}}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}
|
||||
1
assets/css/prettyPhoto-rtl.css
Normal file
1
assets/css/prettyPhoto-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/prettyPhoto.css
Normal file
1
assets/css/prettyPhoto.css
Normal file
File diff suppressed because one or more lines are too long
605
assets/css/prettyPhoto.scss
Normal file
605
assets/css/prettyPhoto.scss
Normal file
@ -0,0 +1,605 @@
|
||||
/**
|
||||
* prettyPhoto.scss
|
||||
* Styles for the prettyPhoto lightbox script. Includes a custom WooCommerce theme.
|
||||
* http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
|
||||
*/
|
||||
|
||||
/**
|
||||
* Imports
|
||||
*/
|
||||
@import 'mixins';
|
||||
@import 'variables';
|
||||
@import 'fonts';
|
||||
|
||||
/**
|
||||
* Mixins
|
||||
*/
|
||||
@mixin button() {
|
||||
border-radius: 100%;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
||||
background-color: #444;
|
||||
color: #fff !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 1em;
|
||||
@include transition();
|
||||
|
||||
&:hover {
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Custom WooCommerce prettyPhoto theme
|
||||
*/
|
||||
div.pp_woocommerce {
|
||||
.pp_content_container {
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);
|
||||
padding: 20px 0;
|
||||
@include clearfix();
|
||||
}
|
||||
|
||||
.pp_loaderIcon {
|
||||
@include loader();
|
||||
}
|
||||
|
||||
div.ppt {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.pp_gallery {
|
||||
ul {
|
||||
li {
|
||||
a {
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
|
||||
&:hover {
|
||||
border-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
&.selected {
|
||||
a {
|
||||
border-color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pp_previous,
|
||||
.pp_next {
|
||||
&::before {
|
||||
@include button();
|
||||
font-family: 'WooCommerce';
|
||||
content: '\e00b';
|
||||
text-indent: 0;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&::before {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pp_previous {
|
||||
&::before {
|
||||
left: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.pp_next {
|
||||
&::before {
|
||||
right: 1em;
|
||||
font-family: 'WooCommerce';
|
||||
content: '\e008';
|
||||
}
|
||||
}
|
||||
|
||||
.pp_details {
|
||||
margin: 0;
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
.pp_nav,
|
||||
.pp_description {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.pp_nav,
|
||||
.pp_nav p,
|
||||
.pp_play,
|
||||
.pp_nav .pp_pause,
|
||||
.pp_arrow_previous,
|
||||
.pp_arrow_next {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pp_nav {
|
||||
margin-right: 1em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pp_close {
|
||||
@include button();
|
||||
top: -0.5em;
|
||||
right: -0.5em;
|
||||
font-size: 1.618em !important;
|
||||
|
||||
&::before {
|
||||
font-family: 'WooCommerce';
|
||||
content: '\e013';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.pp_arrow_previous,
|
||||
.pp_arrow_next {
|
||||
@include button();
|
||||
position: relative;
|
||||
margin-top: -1px;
|
||||
|
||||
&::before {
|
||||
font-family: 'WooCommerce';
|
||||
content: '\e00b';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.pp_arrow_previous {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.pp_arrow_next {
|
||||
margin-left: 0.5em;
|
||||
|
||||
&::before {
|
||||
content: '\e008';
|
||||
}
|
||||
}
|
||||
|
||||
a.pp_expand,
|
||||
a.pp_contract {
|
||||
@include button();
|
||||
right: auto;
|
||||
left: -0.5em;
|
||||
top: -0.5em;
|
||||
font-size: 1.618em !important;
|
||||
|
||||
&::before {
|
||||
font-family: 'WooCommerce';
|
||||
content: '\e005';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a.pp_contract {
|
||||
&::before {
|
||||
content: '\e004';
|
||||
}
|
||||
}
|
||||
|
||||
#respond {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
|
||||
.form-submit {
|
||||
margin-top: 0;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
.pp_inline {
|
||||
padding: 0!important;
|
||||
}
|
||||
}
|
||||
|
||||
// RTL support
|
||||
.rtl {
|
||||
div.pp_woocommerce {
|
||||
.pp_content_container {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
div.pp_woocommerce {
|
||||
left: 5% !important;
|
||||
right: 5% !important;
|
||||
box-sizing: border-box;
|
||||
width: 90% !important;
|
||||
|
||||
.pp_gallery,
|
||||
.pp_previous,
|
||||
.pp_next,
|
||||
.pp_expand,
|
||||
.pp_contract {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.pp_arrow_previous,
|
||||
.pp_arrow_next,
|
||||
.pp_close {
|
||||
height: 44px;
|
||||
width: 44px;
|
||||
font-size: 44px;
|
||||
line-height: 44px;
|
||||
|
||||
&::before {
|
||||
font-size: 44px;
|
||||
}
|
||||
}
|
||||
|
||||
.pp_description {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.pp_details {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
.pp_content {
|
||||
width: 100% !important;
|
||||
|
||||
#pp_full_res {
|
||||
& > img {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.currentTextHolder {
|
||||
line-height: 3;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Default prettyPhoto css
|
||||
* Do not edit!
|
||||
*/
|
||||
div.pp_pic_holder a:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
div.pp_overlay {
|
||||
background: #000;
|
||||
display: none;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
div.pp_pic_holder {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.pp_top {
|
||||
height: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
* html .pp_top {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.pp_top .pp_left {
|
||||
height: 20px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.pp_top .pp_middle {
|
||||
height: 20px;
|
||||
left: 20px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
* html .pp_top .pp_middle {
|
||||
left: 0;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.pp_top .pp_right {
|
||||
height: 20px;
|
||||
left: auto;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.pp_content {
|
||||
height: 40px;
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
* html .pp_content {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.pp_fade {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pp_content_container {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pp_content_container .pp_left {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.pp_content_container .pp_right {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.pp_content_container .pp_details {
|
||||
float: left;
|
||||
margin: 10px 0 2px;
|
||||
}
|
||||
|
||||
.pp_description {
|
||||
display: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pp_social {
|
||||
float: left;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pp_social .facebook {
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
width: 55px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pp_social .twitter {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pp_nav {
|
||||
clear: right;
|
||||
float: left;
|
||||
margin: 3px 10px 0 0;
|
||||
}
|
||||
|
||||
.pp_nav p {
|
||||
float: left;
|
||||
margin: 2px 4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.pp_nav .pp_play,
|
||||
.pp_nav .pp_pause {
|
||||
float: left;
|
||||
margin-right: 4px;
|
||||
text-indent: -10000px;
|
||||
}
|
||||
|
||||
a.pp_arrow_previous,
|
||||
a.pp_arrow_next {
|
||||
display: block;
|
||||
float: left;
|
||||
height: 15px;
|
||||
margin-top: 3px;
|
||||
text-indent: -100000px;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
.pp_hoverContainer {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
.pp_gallery {
|
||||
display: none;
|
||||
left: 50%;
|
||||
margin-top: -50px;
|
||||
position: absolute;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.pp_gallery div {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pp_gallery ul {
|
||||
float: left;
|
||||
height: 35px;
|
||||
margin: 0 0 0 5px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.pp_gallery ul a {
|
||||
border: 1px #000 solid;
|
||||
border: 1px rgba(0, 0, 0, 0.5) solid;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 33px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pp_gallery ul a:hover,
|
||||
.pp_gallery li.selected a {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.pp_gallery ul a img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.pp_gallery li {
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 5px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.pp_gallery li.default a {
|
||||
display: block;
|
||||
height: 33px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.pp_gallery li.default a img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pp_gallery .pp_arrow_previous,
|
||||
.pp_gallery .pp_arrow_next {
|
||||
margin-top: 7px !important;
|
||||
}
|
||||
|
||||
a.pp_next {
|
||||
display: block;
|
||||
float: right;
|
||||
height: 100%;
|
||||
text-indent: -10000px;
|
||||
width: 49%;
|
||||
}
|
||||
|
||||
a.pp_previous {
|
||||
display: block;
|
||||
float: left;
|
||||
height: 100%;
|
||||
text-indent: -10000px;
|
||||
width: 49%;
|
||||
}
|
||||
|
||||
a.pp_expand,
|
||||
a.pp_contract {
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
text-indent: -10000px;
|
||||
top: 10px;
|
||||
width: 20px;
|
||||
z-index: 20000;
|
||||
}
|
||||
|
||||
a.pp_close {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
text-indent: -10000px;
|
||||
}
|
||||
|
||||
.pp_bottom {
|
||||
height: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
* html .pp_bottom {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.pp_bottom .pp_left {
|
||||
height: 20px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.pp_bottom .pp_middle {
|
||||
height: 20px;
|
||||
left: 20px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
* html .pp_bottom .pp_middle {
|
||||
left: 0;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.pp_bottom .pp_right {
|
||||
height: 20px;
|
||||
left: auto;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.pp_loaderIcon {
|
||||
display: block;
|
||||
height: 24px;
|
||||
left: 50%;
|
||||
margin: -12px 0 0 -12px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
#pp_full_res .pp_inline {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.ppt {
|
||||
color: #fff !important;
|
||||
font-weight: 700;
|
||||
display: none;
|
||||
font-size: 17px;
|
||||
margin: 0 0 5px 15px;
|
||||
z-index: 9999;
|
||||
}
|
||||
1
assets/css/privacy-rtl.css
Normal file
1
assets/css/privacy-rtl.css
Normal file
@ -0,0 +1 @@
|
||||
.policy-text ul{list-style:disc}.policy-text ol{list-style:decimal}.policy-text ol li,.policy-text ul li{margin-right:2em}.branch-5-2 .policy-text ol,.branch-5-2 .policy-text ul,.branch-5-3 .policy-text ol,.branch-5-3 .policy-text ul{font-style:italic}.branch-5-4 .policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help),.branch-5-4 .policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help){background-color:#fff;margin:0;padding:1em}.branch-5-4 .hide-privacy-policy-tutorial ol:not(.privacy-policy-tutorial):not(.wp-policy-help),.branch-5-4 .hide-privacy-policy-tutorial ul:not(.privacy-policy-tutorial):not(.wp-policy-help){margin:1em 0;padding:0}.policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help)+ol:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help)+p:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help)+ul:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text p:not(.privacy-policy-tutorial):not(.wp-policy-help)+ol:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text p:not(.privacy-policy-tutorial):not(.wp-policy-help)+ul:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help)+ol:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help)+p:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help)+ul:not(.privacy-policy-tutorial):not(.wp-policy-help){padding-top:0}
|
||||
1
assets/css/privacy.css
Normal file
1
assets/css/privacy.css
Normal file
@ -0,0 +1 @@
|
||||
.policy-text ul{list-style:disc}.policy-text ol{list-style:decimal}.policy-text ol li,.policy-text ul li{margin-left:2em}.branch-5-2 .policy-text ol,.branch-5-2 .policy-text ul,.branch-5-3 .policy-text ol,.branch-5-3 .policy-text ul{font-style:italic}.branch-5-4 .policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help),.branch-5-4 .policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help){background-color:#fff;margin:0;padding:1em}.branch-5-4 .hide-privacy-policy-tutorial ol:not(.privacy-policy-tutorial):not(.wp-policy-help),.branch-5-4 .hide-privacy-policy-tutorial ul:not(.privacy-policy-tutorial):not(.wp-policy-help){margin:1em 0;padding:0}.policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help)+ol:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help)+p:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help)+ul:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text p:not(.privacy-policy-tutorial):not(.wp-policy-help)+ol:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text p:not(.privacy-policy-tutorial):not(.wp-policy-help)+ul:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help)+ol:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help)+p:not(.privacy-policy-tutorial):not(.wp-policy-help),.policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help)+ul:not(.privacy-policy-tutorial):not(.wp-policy-help){padding-top:0}
|
||||
56
assets/css/privacy.scss
Normal file
56
assets/css/privacy.scss
Normal file
@ -0,0 +1,56 @@
|
||||
/**
|
||||
* privacy.scss
|
||||
* Styles applied to the Privacy Policy Guide to support WooCommerce content.
|
||||
* Adds support for styling ul/ol elements.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Styling begins
|
||||
*/
|
||||
|
||||
// Support for indented bullet-lists.
|
||||
.policy-text ul {
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
.policy-text ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
.policy-text ul li,
|
||||
.policy-text ol li {
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
// Pre-5.4 support for italics.
|
||||
.branch-5-2 .policy-text ul,
|
||||
.branch-5-2 .policy-text ol,
|
||||
.branch-5-3 .policy-text ul,
|
||||
.branch-5-3 .policy-text ol {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
// 5.4 support for white background and padding.
|
||||
.branch-5-4 .policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help),
|
||||
.branch-5-4 .policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help) {
|
||||
background-color: #fff;
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.branch-5-4 .hide-privacy-policy-tutorial ul:not(.privacy-policy-tutorial):not(.wp-policy-help),
|
||||
.branch-5-4 .hide-privacy-policy-tutorial ol:not(.privacy-policy-tutorial):not(.wp-policy-help) {
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.policy-text p:not(.privacy-policy-tutorial):not(.wp-policy-help) + ul:not(.privacy-policy-tutorial):not(.wp-policy-help),
|
||||
.policy-text p:not(.privacy-policy-tutorial):not(.wp-policy-help) + ol:not(.privacy-policy-tutorial):not(.wp-policy-help),
|
||||
.policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help) + p:not(.privacy-policy-tutorial):not(.wp-policy-help),
|
||||
.policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help) + ul:not(.privacy-policy-tutorial):not(.wp-policy-help),
|
||||
.policy-text ul:not(.privacy-policy-tutorial):not(.wp-policy-help) + ol:not(.privacy-policy-tutorial):not(.wp-policy-help),
|
||||
.policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help) + p:not(.privacy-policy-tutorial):not(.wp-policy-help),
|
||||
.policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help) + ul:not(.privacy-policy-tutorial):not(.wp-policy-help),
|
||||
.policy-text ol:not(.privacy-policy-tutorial):not(.wp-policy-help) + ol:not(.privacy-policy-tutorial):not(.wp-policy-help) {
|
||||
padding-top: 0;
|
||||
}
|
||||
1
assets/css/reports-print-rtl.css
Normal file
1
assets/css/reports-print-rtl.css
Normal file
@ -0,0 +1 @@
|
||||
*{background:0 0!important;color:#000!important;text-shadow:none!important;-webkit-filter:none!important;filter:none!important;-ms-filter:none!important;font-size:9pt!important;opacity:1;-webkit-transition:none!important;transition:none!important}@page{margin:.5cm}#adminmenuback,#adminmenuwrap,#screen-meta-links,#wpadminbar,#wpfooter,.update-nag,.updated,.woo-nav-tab-wrapper,.woocommerce-reports-wide .button,.woocommerce-reports-wide .postbox h3.stats_range .export_csv,.woocommerce-reports-wrap .postbox h3.stats_range .export_csv{display:none}h2 .nav-tab{line-height:14px}.woocommerce-reports-wide .postbox h3.stats_range ul li a,.woocommerce-reports-wide .postbox h3.stats_range ul li.custom,.woocommerce-reports-wrap .postbox h3.stats_range ul li a,.woocommerce-reports-wrap .postbox h3.stats_range ul li.custom{padding:5px;line-height:14px}#wpcontent{margin-right:0}.woocommerce-reports-wide .postbox .chart-with-sidebar .chart-sidebar,.woocommerce-reports-wrap .postbox .chart-with-sidebar .chart-sidebar{margin-right:-130px;width:130px;display:block}.woocommerce-reports-wide .postbox .chart-with-sidebar,.woocommerce-reports-wrap .postbox .chart-with-sidebar{padding-right:130px}.chart-legend{overflow:hidden;zoom:1}.chart-legend li{padding:.25em .5em!important;box-shadow:none!important;border-bottom:1px solid gray!important}
|
||||
1
assets/css/reports-print.css
Normal file
1
assets/css/reports-print.css
Normal file
@ -0,0 +1 @@
|
||||
*{background:0 0!important;color:#000!important;text-shadow:none!important;-webkit-filter:none!important;filter:none!important;-ms-filter:none!important;font-size:9pt!important;opacity:1;-webkit-transition:none!important;transition:none!important}@page{margin:.5cm}#adminmenuback,#adminmenuwrap,#screen-meta-links,#wpadminbar,#wpfooter,.update-nag,.updated,.woo-nav-tab-wrapper,.woocommerce-reports-wide .button,.woocommerce-reports-wide .postbox h3.stats_range .export_csv,.woocommerce-reports-wrap .postbox h3.stats_range .export_csv{display:none}h2 .nav-tab{line-height:14px}.woocommerce-reports-wide .postbox h3.stats_range ul li a,.woocommerce-reports-wide .postbox h3.stats_range ul li.custom,.woocommerce-reports-wrap .postbox h3.stats_range ul li a,.woocommerce-reports-wrap .postbox h3.stats_range ul li.custom{padding:5px;line-height:14px}#wpcontent{margin-left:0}.woocommerce-reports-wide .postbox .chart-with-sidebar .chart-sidebar,.woocommerce-reports-wrap .postbox .chart-with-sidebar .chart-sidebar{margin-left:-130px;width:130px;display:block}.woocommerce-reports-wide .postbox .chart-with-sidebar,.woocommerce-reports-wrap .postbox .chart-with-sidebar{padding-left:130px}.chart-legend{overflow:hidden;zoom:1}.chart-legend li{padding:.25em .5em!important;box-shadow:none!important;border-bottom:1px solid gray!important}
|
||||
73
assets/css/reports-print.scss
Normal file
73
assets/css/reports-print.scss
Normal file
@ -0,0 +1,73 @@
|
||||
/**
|
||||
* reports-print.scss
|
||||
* A print stylesheet for reports. Ensures reports look good when printed.
|
||||
*/
|
||||
|
||||
* {
|
||||
background: transparent !important;
|
||||
color: black !important;
|
||||
text-shadow: none !important;
|
||||
filter:none !important;
|
||||
-ms-filter: none !important;
|
||||
font-size: 9pt !important;
|
||||
opacity: 1;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
@page {
|
||||
margin: 0.5cm;
|
||||
}
|
||||
|
||||
#adminmenuwrap,
|
||||
#adminmenuback,
|
||||
#wpadminbar,
|
||||
#screen-meta-links,
|
||||
.updated,
|
||||
.update-nag,
|
||||
.woocommerce-reports-wide .postbox h3.stats_range .export_csv,
|
||||
.woocommerce-reports-wrap .postbox h3.stats_range .export_csv,
|
||||
.woocommerce-reports-wide .button,
|
||||
#wpfooter,
|
||||
.woo-nav-tab-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h2 .nav-tab {
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.woocommerce-reports-wide .postbox h3.stats_range ul li.custom,
|
||||
.woocommerce-reports-wrap .postbox h3.stats_range ul li.custom,
|
||||
.woocommerce-reports-wide .postbox h3.stats_range ul li a,
|
||||
.woocommerce-reports-wrap .postbox h3.stats_range ul li a {
|
||||
padding: 5px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
#wpcontent {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.woocommerce-reports-wide .postbox .chart-with-sidebar .chart-sidebar,
|
||||
.woocommerce-reports-wrap .postbox .chart-with-sidebar .chart-sidebar {
|
||||
margin-left: -130px;
|
||||
width: 130px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.woocommerce-reports-wide .postbox .chart-with-sidebar,
|
||||
.woocommerce-reports-wrap .postbox .chart-with-sidebar {
|
||||
padding-left: 130px;
|
||||
}
|
||||
|
||||
.chart-legend {
|
||||
overflow: hidden;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.chart-legend li,
|
||||
.chart-legend li {
|
||||
padding: 0.25em 0.5em !important;
|
||||
box-shadow: none !important;
|
||||
border-bottom: 1px solid gray !important;
|
||||
}
|
||||
1
assets/css/select2.css
Normal file
1
assets/css/select2.css
Normal file
File diff suppressed because one or more lines are too long
642
assets/css/select2.scss
Normal file
642
assets/css/select2.scss
Normal file
@ -0,0 +1,642 @@
|
||||
.select2-container {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--single {
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 28px;
|
||||
margin: 0 0 -4px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--single .select2-selection__rendered {
|
||||
display: block;
|
||||
padding-left: 8px;
|
||||
padding-right: 20px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--single .select2-selection__clear {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
|
||||
padding-right: 8px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--multiple {
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
min-height: 32px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--multiple .select2-selection__rendered {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
padding-left: 8px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-container .select2-search--inline {
|
||||
float: left;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.select2-container .select2-search--inline .select2-search__field {
|
||||
box-sizing: border-box;
|
||||
border: none;
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.select2-dropdown {
|
||||
background-color: white;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -100000px;
|
||||
width: 100%;
|
||||
z-index: 1051;
|
||||
}
|
||||
|
||||
.select2-results {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.select2-results__options {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.select2-results__option {
|
||||
padding: 6px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.select2-results__option[data-selected],
|
||||
.select2-results__option[aria-selected] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.select2-container--open .select2-dropdown {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.select2-container--open .select2-dropdown--above {
|
||||
border-bottom: none;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.select2-container--open .select2-dropdown--below {
|
||||
border-top: none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.select2-search--dropdown {
|
||||
display: block;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.select2-search--dropdown .select2-search__field {
|
||||
padding: 4px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.select2-search--dropdown.select2-search--hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-close-mask {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
opacity: 0;
|
||||
z-index: 99;
|
||||
background-color: #fff;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
|
||||
.select2-hidden-accessible {
|
||||
border: 0 !important;
|
||||
clip: rect(0 0 0 0) !important;
|
||||
height: 1px !important;
|
||||
margin: -1px !important;
|
||||
overflow: hidden !important;
|
||||
padding: 0 !important;
|
||||
position: absolute !important;
|
||||
width: 1px !important;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single {
|
||||
background-color: #fff;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
color: #444;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__clear {
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
height: 26px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__arrow b {
|
||||
border-color: #888 transparent transparent transparent;
|
||||
border-style: solid;
|
||||
border-width: 5px 4px 0 4px;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
margin-left: -4px;
|
||||
margin-top: -2px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
|
||||
left: 1px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--disabled .select2-selection--single {
|
||||
background-color: #eee;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
|
||||
border-color: transparent transparent #888 transparent;
|
||||
border-width: 0 4px 5px 4px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple {
|
||||
background-color: white;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
|
||||
box-sizing: border-box;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
|
||||
list-style: none;
|
||||
margin: 5px 5px 0 0;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
|
||||
color: #999;
|
||||
margin-top: 5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__clear {
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
margin-top: 5px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background-color: #e4e4e4;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
cursor: default;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
|
||||
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
|
||||
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
|
||||
margin-left: 5px;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
|
||||
margin-left: 2px;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
||||
border: solid black 1px;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--disabled .select2-selection--multiple {
|
||||
background-color: #eee;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
|
||||
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
|
||||
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--inline .select2-search__field {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results>.select2-results__options {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option[role=group] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option[aria-disabled=true] {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option[data-selected=true],
|
||||
.select2-container--default .select2-results__option[aria-selected=true] {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option .select2-results__option {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
|
||||
margin-left: -1em;
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
||||
margin-left: -2em;
|
||||
padding-left: 3em;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
||||
margin-left: -3em;
|
||||
padding-left: 4em;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
||||
margin-left: -4em;
|
||||
padding-left: 5em;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
||||
margin-left: -5em;
|
||||
padding-left: 6em;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--highlighted[data-selected],
|
||||
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
||||
background-color: #0073aa;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__group {
|
||||
cursor: default;
|
||||
display: block;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--single {
|
||||
background-color: #f7f7f7;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
outline: 0;
|
||||
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--single:focus {
|
||||
border: 1px solid #0073aa;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--single .select2-selection__rendered {
|
||||
color: #444;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--single .select2-selection__clear {
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--single .select2-selection__arrow {
|
||||
background-color: #ddd;
|
||||
border: none;
|
||||
border-left: 1px solid #aaa;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
height: 26px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
width: 20px;
|
||||
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
|
||||
border-color: #888 transparent transparent transparent;
|
||||
border-style: solid;
|
||||
border-width: 5px 4px 0 4px;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
margin-left: -4px;
|
||||
margin-top: -2px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
|
||||
border: none;
|
||||
border-right: 1px solid #aaa;
|
||||
border-radius: 0;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
left: 1px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.select2-container--classic.select2-container--open .select2-selection--single {
|
||||
border: 1px solid #0073aa;
|
||||
}
|
||||
|
||||
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
|
||||
border-color: transparent transparent #888 transparent;
|
||||
border-width: 0 4px 5px 4px;
|
||||
}
|
||||
|
||||
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
|
||||
border-top: none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
|
||||
}
|
||||
|
||||
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
|
||||
border-bottom: none;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--multiple {
|
||||
background-color: white;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
cursor: text;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--multiple:focus {
|
||||
border: 1px solid #0073aa;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
|
||||
background-color: #e4e4e4;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
cursor: default;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
|
||||
color: #888;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
|
||||
margin-left: 5px;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
|
||||
margin-left: 2px;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.select2-container--classic.select2-container--open .select2-selection--multiple {
|
||||
border: 1px solid #0073aa;
|
||||
}
|
||||
|
||||
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
|
||||
border-top: none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
|
||||
border-bottom: none;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-search--dropdown .select2-search__field {
|
||||
border: 1px solid #aaa;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-search--inline .select2-search__field {
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-dropdown {
|
||||
background-color: white;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-dropdown--above {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-dropdown--below {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-results>.select2-results__options {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-results__option[role=group] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-results__option[aria-disabled=true] {
|
||||
color: grey;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-results__option--highlighted[data-selected],
|
||||
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
|
||||
background-color: #3875d7;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.select2-container--classic .select2-results__group {
|
||||
cursor: default;
|
||||
display: block;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.select2-container--classic.select2-container--open .select2-dropdown {
|
||||
border-color: #0073aa;
|
||||
}
|
||||
1
assets/css/twenty-nineteen-rtl.css
Normal file
1
assets/css/twenty-nineteen-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/twenty-nineteen.css
Normal file
1
assets/css/twenty-nineteen.css
Normal file
File diff suppressed because one or more lines are too long
1375
assets/css/twenty-nineteen.scss
Normal file
1375
assets/css/twenty-nineteen.scss
Normal file
File diff suppressed because it is too large
Load Diff
1
assets/css/twenty-seventeen-rtl.css
Normal file
1
assets/css/twenty-seventeen-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/twenty-seventeen.css
Normal file
1
assets/css/twenty-seventeen.css
Normal file
File diff suppressed because one or more lines are too long
1281
assets/css/twenty-seventeen.scss
Normal file
1281
assets/css/twenty-seventeen.scss
Normal file
File diff suppressed because it is too large
Load Diff
1
assets/css/twenty-twenty-one-admin-rtl.css
Normal file
1
assets/css/twenty-twenty-one-admin-rtl.css
Normal file
@ -0,0 +1 @@
|
||||
.wp-admin.woocommerce-page table.wp-list-table tr.type-product td.thumb img{max-width:40px!important}
|
||||
1
assets/css/twenty-twenty-one-admin.css
Normal file
1
assets/css/twenty-twenty-one-admin.css
Normal file
@ -0,0 +1 @@
|
||||
.wp-admin.woocommerce-page table.wp-list-table tr.type-product td.thumb img{max-width:40px!important}
|
||||
14
assets/css/twenty-twenty-one-admin.scss
Normal file
14
assets/css/twenty-twenty-one-admin.scss
Normal file
@ -0,0 +1,14 @@
|
||||
/**
|
||||
* Admin
|
||||
*/
|
||||
.wp-admin.woocommerce-page {
|
||||
table.wp-list-table {
|
||||
tr.type-product {
|
||||
td.thumb {
|
||||
img {
|
||||
max-width: 40px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
1
assets/css/twenty-twenty-one-rtl.css
Normal file
1
assets/css/twenty-twenty-one-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/twenty-twenty-one.css
Normal file
1
assets/css/twenty-twenty-one.css
Normal file
File diff suppressed because one or more lines are too long
3100
assets/css/twenty-twenty-one.scss
Normal file
3100
assets/css/twenty-twenty-one.scss
Normal file
File diff suppressed because it is too large
Load Diff
1
assets/css/twenty-twenty-rtl.css
Normal file
1
assets/css/twenty-twenty-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/twenty-twenty.css
Normal file
1
assets/css/twenty-twenty.css
Normal file
File diff suppressed because one or more lines are too long
2584
assets/css/twenty-twenty.scss
Normal file
2584
assets/css/twenty-twenty.scss
Normal file
File diff suppressed because it is too large
Load Diff
1
assets/css/wc-setup-rtl.css
Normal file
1
assets/css/wc-setup-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/wc-setup.css
Normal file
1
assets/css/wc-setup.css
Normal file
File diff suppressed because one or more lines are too long
1628
assets/css/wc-setup.scss
Normal file
1628
assets/css/wc-setup.scss
Normal file
File diff suppressed because it is too large
Load Diff
1
assets/css/woocommerce-layout-rtl.css
Normal file
1
assets/css/woocommerce-layout-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/woocommerce-layout.css
Normal file
1
assets/css/woocommerce-layout.css
Normal file
File diff suppressed because one or more lines are too long
724
assets/css/woocommerce-layout.scss
Normal file
724
assets/css/woocommerce-layout.scss
Normal file
@ -0,0 +1,724 @@
|
||||
/**
|
||||
* woocommerce-layout.scss
|
||||
* Applies layout to the default WooCommerce frontend design
|
||||
*/
|
||||
|
||||
/**
|
||||
* Imports
|
||||
*/
|
||||
@import "mixins";
|
||||
@import "variables";
|
||||
|
||||
/**
|
||||
* Styling begins
|
||||
*/
|
||||
.woocommerce,
|
||||
.woocommerce-page {
|
||||
|
||||
.woocommerce-message,
|
||||
.woocommerce-error,
|
||||
.woocommerce-info {
|
||||
|
||||
.button {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* General layout styles
|
||||
*/
|
||||
.col2-set {
|
||||
|
||||
@include clearfix();
|
||||
width: 100%;
|
||||
|
||||
.col-1 {
|
||||
float: left;
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
.col-2 {
|
||||
float: right;
|
||||
width: 48%;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Product page
|
||||
*/
|
||||
div.product,
|
||||
#content div.product {
|
||||
|
||||
div.images {
|
||||
float: left;
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
div.thumbnails {
|
||||
|
||||
@include clearfix();
|
||||
|
||||
a {
|
||||
float: left;
|
||||
width: 30.75%;
|
||||
margin-right: 3.8%;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
a.last {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a.first {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
&.columns-1 {
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-2 {
|
||||
|
||||
a {
|
||||
width: 48%;
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-4 {
|
||||
|
||||
a {
|
||||
width: 22.05%;
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-5 {
|
||||
|
||||
a {
|
||||
width: 16.9%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.summary {
|
||||
float: right;
|
||||
width: 48%;
|
||||
clear: none;
|
||||
}
|
||||
|
||||
.woocommerce-tabs {
|
||||
clear: both;
|
||||
|
||||
ul.tabs {
|
||||
|
||||
@include menu();
|
||||
}
|
||||
}
|
||||
|
||||
#reviews {
|
||||
|
||||
.comment {
|
||||
|
||||
@include mediaright();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Product loops
|
||||
*/
|
||||
ul.products {
|
||||
clear: both;
|
||||
|
||||
@include clearfix();
|
||||
|
||||
li.product {
|
||||
float: left;
|
||||
margin: 0 3.8% 2.992em 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
width: 22.05%;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
li.first {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
li.last {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ul.products {
|
||||
|
||||
&.columns-1 {
|
||||
|
||||
li.product {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-2 {
|
||||
|
||||
li.product {
|
||||
width: 48%;
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-3 {
|
||||
|
||||
li.product {
|
||||
width: 30.75%;
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-5 {
|
||||
|
||||
li.product {
|
||||
width: 16.95%;
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-6 {
|
||||
|
||||
li.product {
|
||||
width: 13.5%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-1 {
|
||||
|
||||
ul.products {
|
||||
|
||||
li.product {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-2 {
|
||||
|
||||
ul.products {
|
||||
|
||||
li.product {
|
||||
width: 48%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-3 {
|
||||
|
||||
ul.products {
|
||||
|
||||
li.product {
|
||||
width: 30.75%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-5 {
|
||||
|
||||
ul.products {
|
||||
|
||||
li.product {
|
||||
width: 16.95%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.columns-6 {
|
||||
|
||||
ul.products {
|
||||
|
||||
li.product {
|
||||
width: 13.5%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-result-count {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.woocommerce-ordering {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.woocommerce-pagination {
|
||||
|
||||
ul.page-numbers {
|
||||
|
||||
@include menu();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Cart page
|
||||
*/
|
||||
table.cart,
|
||||
#content table.cart {
|
||||
|
||||
img {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
td.actions {
|
||||
text-align: right;
|
||||
|
||||
.input-text {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.coupon {
|
||||
float: left;
|
||||
|
||||
label {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cart-collaterals {
|
||||
|
||||
@include clearfix();
|
||||
width: 100%;
|
||||
|
||||
.related {
|
||||
width: 30.75%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.cross-sells {
|
||||
width: 48%;
|
||||
float: left;
|
||||
|
||||
ul.products {
|
||||
float: none;
|
||||
|
||||
li {
|
||||
width: 48%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shipping_calculator {
|
||||
width: 48%;
|
||||
|
||||
@include clearfix();
|
||||
clear: right;
|
||||
float: right;
|
||||
|
||||
.col2-set {
|
||||
|
||||
.col-1,
|
||||
.col-2 {
|
||||
width: 47%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cart_totals {
|
||||
float: right;
|
||||
width: 48%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Cart sidebar
|
||||
*/
|
||||
ul.cart_list,
|
||||
ul.product_list_widget {
|
||||
|
||||
li {
|
||||
|
||||
@include mediaright();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Forms
|
||||
*/
|
||||
form {
|
||||
|
||||
.form-row {
|
||||
|
||||
@include clearfix();
|
||||
|
||||
label {
|
||||
display: block;
|
||||
|
||||
&.checkbox {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.input-text {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.form-row-first,
|
||||
.form-row-last {
|
||||
width: 47%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.form-row-first {
|
||||
float: left;
|
||||
|
||||
/*rtl:raw:
|
||||
float: right;
|
||||
*/
|
||||
}
|
||||
|
||||
.form-row-last {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.form-row-wide {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.password-input {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
|
||||
input[type="password"] {
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
/* Hide the Edge "reveal password" native button */
|
||||
input::-ms-reveal {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.show-password-input {
|
||||
position: absolute;
|
||||
right: 0.7em;
|
||||
top: 0.7em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.show-password-input::after {
|
||||
|
||||
@include iconafter( "\e010" ); // Icon styles and glyph
|
||||
}
|
||||
|
||||
.show-password-input.display-password::after {
|
||||
color: #585858;
|
||||
}
|
||||
}
|
||||
|
||||
#payment {
|
||||
|
||||
.form-row {
|
||||
|
||||
select {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.wc-terms-and-conditions,
|
||||
.terms {
|
||||
text-align: left;
|
||||
padding: 0 1em 0 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#place_order {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-billing-fields,
|
||||
.woocommerce-shipping-fields {
|
||||
|
||||
@include clearfix();
|
||||
}
|
||||
|
||||
.woocommerce-terms-and-conditions {
|
||||
margin-bottom: 1.618em;
|
||||
padding: 1.618em;
|
||||
}
|
||||
|
||||
/**
|
||||
* oEmbeds
|
||||
*/
|
||||
.woocommerce-oembed {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-account {
|
||||
|
||||
.woocommerce-MyAccount-navigation {
|
||||
float: left;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.woocommerce-MyAccount-content {
|
||||
float: right;
|
||||
width: 68%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Twenty Eleven specific styles
|
||||
*/
|
||||
.woocommerce-page {
|
||||
|
||||
&.left-sidebar {
|
||||
|
||||
#content.twentyeleven {
|
||||
width: 58.4%;
|
||||
margin: 0 7.6%;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
&.right-sidebar {
|
||||
|
||||
#content.twentyeleven {
|
||||
margin: 0 7.6%;
|
||||
width: 58.4%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Twenty Fourteen specific styles
|
||||
*/
|
||||
.twentyfourteen {
|
||||
|
||||
.tfwc {
|
||||
padding: 12px 10px 0;
|
||||
max-width: 474px;
|
||||
margin: 0 auto;
|
||||
|
||||
.product .entry-summary {
|
||||
padding: 0 !important;
|
||||
margin: 0 0 1.618em !important;
|
||||
}
|
||||
|
||||
div.product.hentry.has-post-thumbnail {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 673px) {
|
||||
|
||||
.twentyfourteen {
|
||||
|
||||
.tfwc {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1040px) {
|
||||
|
||||
.twentyfourteen {
|
||||
|
||||
.tfwc {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1110px) {
|
||||
|
||||
.twentyfourteen {
|
||||
|
||||
.tfwc {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1218px) {
|
||||
|
||||
.twentyfourteen {
|
||||
|
||||
.tfwc {
|
||||
margin-right: 54px;
|
||||
}
|
||||
}
|
||||
|
||||
.full-width {
|
||||
|
||||
.twentyfourteen {
|
||||
|
||||
.tfwc {
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Twenty Fifteen specific styles
|
||||
*/
|
||||
.twentyfifteen {
|
||||
|
||||
.t15wc {
|
||||
padding-left: 7.6923%;
|
||||
padding-right: 7.6923%;
|
||||
padding-top: 7.6923%;
|
||||
margin-bottom: 7.6923%;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
|
||||
|
||||
.page-title {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 38.75em) {
|
||||
|
||||
.twentyfifteen {
|
||||
|
||||
.t15wc {
|
||||
margin-right: 7.6923%;
|
||||
margin-left: 7.6923%;
|
||||
margin-top: 8.3333%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 59.6875em) {
|
||||
|
||||
.twentyfifteen {
|
||||
|
||||
.t15wc {
|
||||
margin-left: 8.3333%;
|
||||
margin-right: 8.3333%;
|
||||
padding: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
.single-product {
|
||||
|
||||
.twentyfifteen {
|
||||
|
||||
.entry-summary {
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Twenty Sixteen specific styles
|
||||
*/
|
||||
.twentysixteen {
|
||||
|
||||
.site-main {
|
||||
margin-right: 7.6923%;
|
||||
margin-left: 7.6923%;
|
||||
}
|
||||
|
||||
.entry-summary {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#content {
|
||||
|
||||
.twentysixteen {
|
||||
|
||||
div.product {
|
||||
|
||||
div.images,
|
||||
div.summary {
|
||||
width: 46.42857%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 44.375em) {
|
||||
|
||||
.twentysixteen {
|
||||
|
||||
.site-main {
|
||||
margin-right: 23.0769%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 56.875em) {
|
||||
|
||||
.twentysixteen {
|
||||
|
||||
.site-main {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.no-sidebar {
|
||||
|
||||
.twentysixteen {
|
||||
|
||||
.site-main {
|
||||
margin-right: 15%;
|
||||
margin-left: 15%;
|
||||
}
|
||||
|
||||
.entry-summary {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* RTL styles.
|
||||
*/
|
||||
.rtl {
|
||||
|
||||
.woocommerce,
|
||||
.woocommerce-page {
|
||||
|
||||
.col2-set {
|
||||
|
||||
.col-1 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.col-2 {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
1
assets/css/woocommerce-rtl.css
Normal file
1
assets/css/woocommerce-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/woocommerce-smallscreen-rtl.css
Normal file
1
assets/css/woocommerce-smallscreen-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
assets/css/woocommerce-smallscreen.css
Normal file
1
assets/css/woocommerce-smallscreen.css
Normal file
File diff suppressed because one or more lines are too long
231
assets/css/woocommerce-smallscreen.scss
Normal file
231
assets/css/woocommerce-smallscreen.scss
Normal file
@ -0,0 +1,231 @@
|
||||
/**
|
||||
* woocommerce-smallscreen.scss
|
||||
* Optimises the default WooCommerce frontend layout when viewed on smaller screens.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Imports
|
||||
*/
|
||||
@import 'mixins';
|
||||
@import 'variables';
|
||||
|
||||
/**
|
||||
* Style begins
|
||||
*/
|
||||
.woocommerce,
|
||||
.woocommerce-page {
|
||||
|
||||
table.shop_table_responsive {
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
tbody {
|
||||
tr:first-child {
|
||||
td:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
tr {
|
||||
display: block;
|
||||
|
||||
td {
|
||||
display: block;
|
||||
text-align: right !important; // Important to overwrite order status inline styling
|
||||
|
||||
&.order-actions {
|
||||
text-align: left !important; // This must always align left on handheld
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: attr(data-title) ': ';
|
||||
font-weight: 700;
|
||||
float: left;
|
||||
}
|
||||
|
||||
&.product-remove,
|
||||
&.actions {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child( 2n ) {
|
||||
td {
|
||||
background-color: rgba(0, 0, 0, 0.025);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table.my_account_orders {
|
||||
tr {
|
||||
td {
|
||||
&.order-actions {
|
||||
text-align: left;
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.button {
|
||||
float: none;
|
||||
margin: 0.125em 0.25em 0.125em 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* General layout
|
||||
*/
|
||||
.col2-set {
|
||||
.col-1,
|
||||
.col-2 {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Products
|
||||
*/
|
||||
ul.products[class*='columns-'] {
|
||||
li.product {
|
||||
width: 48%;
|
||||
float: left;
|
||||
clear: both;
|
||||
margin: 0 0 2.992em;
|
||||
|
||||
&:nth-child( 2n ) {
|
||||
float: right;
|
||||
clear: none !important; // This should never clear.
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Product Details
|
||||
*/
|
||||
div.product,
|
||||
#content div.product {
|
||||
div.images,
|
||||
div.summary {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Cart
|
||||
*/
|
||||
table.cart,
|
||||
#content table.cart {
|
||||
.product-thumbnail {
|
||||
display: none;
|
||||
}
|
||||
|
||||
td.actions {
|
||||
text-align: left;
|
||||
|
||||
.coupon {
|
||||
float: none;
|
||||
@include clearfix();
|
||||
padding-bottom: 0.5em;
|
||||
|
||||
input,
|
||||
.button,
|
||||
.input-text {
|
||||
width: 48%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.input-text + .button,
|
||||
.button.alt {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cart-collaterals {
|
||||
.cart_totals,
|
||||
.shipping_calculator,
|
||||
.cross-sells {
|
||||
width: 100%;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Checkout
|
||||
*/
|
||||
&.woocommerce-checkout {
|
||||
form.login {
|
||||
.form-row {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#payment {
|
||||
.terms {
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#place_order {
|
||||
float: none;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Account
|
||||
*/
|
||||
.lost_reset_password {
|
||||
.form-row-first,
|
||||
.form-row-last {
|
||||
width: 100%;
|
||||
float: none;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-account {
|
||||
.woocommerce-MyAccount-navigation,
|
||||
.woocommerce-MyAccount-content {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Twenty Thirteen specific styles
|
||||
*/
|
||||
.single-product {
|
||||
.twentythirteen {
|
||||
.panel {
|
||||
padding-left: 20px !important;
|
||||
padding-right: 20px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
1
assets/css/woocommerce.css
Normal file
1
assets/css/woocommerce.css
Normal file
File diff suppressed because one or more lines are too long
2331
assets/css/woocommerce.scss
Normal file
2331
assets/css/woocommerce.scss
Normal file
File diff suppressed because it is too large
Load Diff
BIN
assets/fonts/WooCommerce.eot
Normal file
BIN
assets/fonts/WooCommerce.eot
Normal file
Binary file not shown.
1
assets/fonts/WooCommerce.svg
Normal file
1
assets/fonts/WooCommerce.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 46 KiB |
BIN
assets/fonts/WooCommerce.ttf
Normal file
BIN
assets/fonts/WooCommerce.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/WooCommerce.woff
Normal file
BIN
assets/fonts/WooCommerce.woff
Normal file
Binary file not shown.
BIN
assets/fonts/star.eot
Normal file
BIN
assets/fonts/star.eot
Normal file
Binary file not shown.
1
assets/fonts/star.svg
Normal file
1
assets/fonts/star.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"><defs><font horiz-adv-x="512"><font-face ascent="480" descent="-32" units-per-em="512"/><glyph d="M269.474 480l83.035-168.243 185.662-26.98-134.349-130.953L435.54-31.095 269.474 56.21 103.408-31.095l31.711 184.919L.771 284.777l185.667 26.98z" horiz-adv-x="538.947" unicode="S"/><glyph d="M269.474 406.94l54.04-109.487 7.524-15.247 16.821-2.447L468.686 262.2l-87.435-85.218-12.18-11.868 2.873-16.756 20.647-120.336-108.07 56.811-15.047 7.912-15.047-7.912-108.076-56.816 20.642 120.336 2.873 16.756-12.175 11.868-87.428 85.224L191.09 279.76l16.826 2.447 7.524 15.247 54.034 109.486m0 73.06-83.036-168.243L.771 284.777 135.12 153.824 103.403-31.094 269.474 56.21 435.54-31.094l-31.722 184.918 134.354 130.953-185.662 26.98L269.474 480z" horiz-adv-x="538.947" unicode="s"/><glyph horiz-adv-x="256"/><glyph d="M0 480 512-32H0z" horiz-adv-x="0" unicode=""/></font></defs></svg>
|
||||
|
After Width: | Height: | Size: 929 B |
BIN
assets/fonts/star.ttf
Normal file
BIN
assets/fonts/star.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/star.woff
Normal file
BIN
assets/fonts/star.woff
Normal file
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user