summaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/ladda-themeless.css377
-rw-r--r--css/ladda-themeless.min.css7
2 files changed, 377 insertions, 7 deletions
diff --git a/css/ladda-themeless.css b/css/ladda-themeless.css
new file mode 100644
index 0000000..9d6fb6c
--- /dev/null
+++ b/css/ladda-themeless.css
@@ -0,0 +1,377 @@
+/*!
+ * Ladda
+ * http://lab.hakim.se/ladda
+ * MIT licensed
+ *
+ * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
+ */
+.ladda-button {
+ position: relative;
+}
+
+.ladda-button .ladda-spinner {
+ position: absolute;
+ z-index: 2;
+ display: inline-block;
+ width: 32px;
+ height: 32px;
+ top: 50%;
+ margin-top: 0;
+ opacity: 0;
+ pointer-events: none;
+}
+
+.ladda-button .ladda-label {
+ position: relative;
+ z-index: 3;
+}
+
+.ladda-button .ladda-progress {
+ position: absolute;
+ width: 0;
+ height: 100%;
+ left: 0;
+ top: 0;
+ background: rgba(0,0,0,0.2);
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: 0.1s linear all !important;
+ -moz-transition: 0.1s linear all !important;
+ -ms-transition: 0.1s linear all !important;
+ -o-transition: 0.1s linear all !important;
+ transition: 0.1s linear all !important;
+}
+
+.ladda-button[data-loading] .ladda-progress {
+ opacity: 1;
+ visibility: visible;
+}
+
+.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label {
+ -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+ -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+ -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+ -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+ transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+}
+
+.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label {
+ -webkit-transition: 0.3s ease all !important;
+ -moz-transition: 0.3s ease all !important;
+ -ms-transition: 0.3s ease all !important;
+ -o-transition: 0.3s ease all !important;
+ transition: 0.3s ease all !important;
+}
+
+.ladda-button[data-style=expand-right] .ladda-spinner {
+ right: -6px;
+}
+
+.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
+ right: -12px;
+}
+
+.ladda-button[data-style=expand-right][data-loading] {
+ padding-right: 56px;
+}
+
+.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
+ opacity: 1;
+}
+
+.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
+ padding-right: 40px;
+}
+
+.ladda-button[data-style=expand-left] .ladda-spinner {
+ left: 26px;
+}
+
+.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
+ left: 4px;
+}
+
+.ladda-button[data-style=expand-left][data-loading] {
+ padding-left: 56px;
+}
+
+.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
+ opacity: 1;
+}
+
+.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
+ padding-left: 40px;
+}
+
+.ladda-button[data-style=expand-up] {
+ overflow: hidden;
+}
+
+.ladda-button[data-style=expand-up] .ladda-spinner {
+ top: -32px;
+ left: 50%;
+ margin-left: 0;
+}
+
+.ladda-button[data-style=expand-up][data-loading] {
+ padding-top: 54px;
+}
+
+.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
+ opacity: 1;
+ top: 26px;
+ margin-top: 0;
+}
+
+.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
+ padding-top: 32px;
+}
+
+.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
+ top: 4px;
+}
+
+.ladda-button[data-style=expand-down] {
+ overflow: hidden;
+}
+
+.ladda-button[data-style=expand-down] .ladda-spinner {
+ top: 62px;
+ left: 50%;
+ margin-left: 0;
+}
+
+.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
+ top: 40px;
+}
+
+.ladda-button[data-style=expand-down][data-loading] {
+ padding-bottom: 54px;
+}
+
+.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
+ opacity: 1;
+}
+
+.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
+ padding-bottom: 32px;
+}
+
+.ladda-button[data-style=slide-left] {
+ overflow: hidden;
+}
+
+.ladda-button[data-style=slide-left] .ladda-label {
+ position: relative;
+}
+
+.ladda-button[data-style=slide-left] .ladda-spinner {
+ left: 100%;
+ margin-left: 0;
+}
+
+.ladda-button[data-style=slide-left][data-loading] .ladda-label {
+ opacity: 0;
+ left: -100%
+}
+
+.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
+ opacity: 1;
+ left: 50%
+}
+
+.ladda-button[data-style=slide-right] {
+ overflow: hidden;
+}
+
+.ladda-button[data-style=slide-right] .ladda-label {
+ position: relative;
+}
+
+.ladda-button[data-style=slide-right] .ladda-spinner {
+ right: 100%;
+ margin-left: 0;
+ left: 16px;
+}
+
+.ladda-button[data-style=slide-right][data-loading] .ladda-label {
+ opacity: 0;
+ left: 100%
+}
+
+.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
+ opacity: 1;
+ left: 50%
+}
+
+.ladda-button[data-style=slide-up] {
+ overflow: hidden;
+}
+
+.ladda-button[data-style=slide-up] .ladda-label {
+ position: relative;
+}
+
+.ladda-button[data-style=slide-up] .ladda-spinner {
+ left: 50%;
+ margin-left: 0;
+ margin-top: 1em;
+}
+
+.ladda-button[data-style=slide-up][data-loading] .ladda-label {
+ opacity: 0;
+ top: -1em;
+}
+
+.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
+ opacity: 1;
+ margin-top: 0;
+}
+
+.ladda-button[data-style=slide-down] {
+ overflow: hidden;
+}
+
+.ladda-button[data-style=slide-down] .ladda-label {
+ position: relative;
+}
+
+.ladda-button[data-style=slide-down] .ladda-spinner {
+ left: 50%;
+ margin-left: 0;
+ margin-top: -2em;
+}
+
+.ladda-button[data-style=slide-down][data-loading] .ladda-label {
+ opacity: 0;
+ top: 1em;
+}
+
+.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
+ opacity: 1;
+ margin-top: 0;
+}
+
+.ladda-button[data-style=zoom-out] {
+ overflow: hidden;
+}
+
+.ladda-button[data-style=zoom-out] .ladda-spinner {
+ left: 50%;
+ margin-left: 32px;
+ -webkit-transform: scale(2.5);
+ -moz-transform: scale(2.5);
+ -ms-transform: scale(2.5);
+ -o-transform: scale(2.5);
+ transform: scale(2.5)
+}
+
+.ladda-button[data-style=zoom-out] .ladda-label {
+ position: relative;
+ display: inline-block;
+}
+
+.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
+ opacity: 0;
+ -webkit-transform: scale(0.5);
+ -moz-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ -o-transform: scale(0.5);
+ transform: scale(0.5)
+}
+
+.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
+ opacity: 1;
+ margin-left: 0;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -ms-transform: none;
+ -o-transform: none;
+ transform: none;
+}
+
+.ladda-button[data-style=zoom-in] {
+ overflow: hidden;
+}
+
+.ladda-button[data-style=zoom-in] .ladda-spinner {
+ left: 50%;
+ margin-left: -16px;
+ -webkit-transform: scale(0.2);
+ -moz-transform: scale(0.2);
+ -ms-transform: scale(0.2);
+ -o-transform: scale(0.2);
+ transform: scale(0.2)
+}
+
+.ladda-button[data-style=zoom-in] .ladda-label {
+ position: relative;
+ display: inline-block;
+}
+
+.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
+ opacity: 0;
+ -webkit-transform: scale(2.2);
+ -moz-transform: scale(2.2);
+ -ms-transform: scale(2.2);
+ -o-transform: scale(2.2);
+ transform: scale(2.2);
+}
+
+.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
+ opacity: 1;
+ margin-left: 0;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -ms-transform: none;
+ -o-transform: none;
+ transform: none;
+}
+
+.ladda-button[data-style=contract] {
+ overflow: hidden;
+ width: 100px;
+}
+
+.ladda-button[data-style=contract] .ladda-spinner {
+ left: 50%;
+ margin-left: 0;
+}
+
+.ladda-button[data-style=contract][data-loading] {
+ border-radius: 50%;
+ width: 52px;
+}
+
+.ladda-button[data-style=contract][data-loading] .ladda-label {
+ opacity: 0;
+}
+
+.ladda-button[data-style=contract][data-loading] .ladda-spinner {
+ opacity: 1;
+}
+
+.ladda-button[data-style=contract-overlay] {
+ overflow: hidden;
+ width: 100px;
+ box-shadow: 0px 0px 0px 2000px transparent;
+}
+
+.ladda-button[data-style=contract-overlay] .ladda-spinner {
+ left: 50%;
+ margin-left: 0;
+}
+
+.ladda-button[data-style=contract-overlay][data-loading] {
+ border-radius: 50%;
+ width: 52px;
+ box-shadow: 0px 0px 0px 2000px rgba(0,0,0,0.8)
+}
+
+.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
+ opacity: 0;
+}
+
+.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
+ opacity: 1;
+}
diff --git a/css/ladda-themeless.min.css b/css/ladda-themeless.min.css
deleted file mode 100644
index 126612d..0000000
--- a/css/ladda-themeless.min.css
+++ /dev/null
@@ -1,7 +0,0 @@
-/*!
- * Ladda
- * http://lab.hakim.se/ladda
- * MIT licensed
- *
- * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
- */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}