Re-compile UiConfig js, css, backdrop to bottom popup
This commit is contained in:
parent
39f318fbd5
commit
605ae75dda
4 changed files with 19 additions and 20 deletions
|
@ -1,8 +1,8 @@
|
|||
body { background-color: #EDF2F5; font-family: Roboto, 'Segoe UI', Arial, 'Helvetica Neue'; margin: 0px; padding: 0px; backface-visibility: hidden; }
|
||||
h1, h2, h3, h4 { font-family: 'Roboto', Arial, sans-serif; font-weight: 200; font-size: 30px; margin: 0px; padding: 0px }
|
||||
h1 { background: linear-gradient(33deg,#af3bff,#0d99c9); color: white; padding: 16px 30px; }
|
||||
h2 { margin-top: 10px; }
|
||||
h3 { font-weight: normal }
|
||||
h1 { background: linear-gradient(33deg,#af3bff,#0d99c9); color: white; padding: 16px 30px; }
|
||||
a { color: #9760F9 }
|
||||
a:hover { text-decoration: none }
|
||||
|
||||
|
@ -53,7 +53,7 @@ a:hover { text-decoration: none }
|
|||
/* Bottom */
|
||||
|
||||
.bottom {
|
||||
width: 100%; text-align: center; background-color: #ffffffde; padding: 25px; bottom: -120px;
|
||||
width: 100%; text-align: center; background-color: #ffffffde; padding: 25px; bottom: -120px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
|
||||
transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1); position: fixed; backface-visibility: hidden; box-sizing: border-box;
|
||||
}
|
||||
.bottom-content { max-width: 750px; width: 100%; margin: 0px auto; }
|
||||
|
@ -65,4 +65,4 @@ a:hover { text-decoration: none }
|
|||
|
||||
.animate { transition: all 0.3s ease-out !important; }
|
||||
.animate-back { transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
|
||||
.animate-inout { transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important; }
|
||||
.animate-inout { transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important; }
|
||||
|
|
|
@ -1,13 +1,12 @@
|
|||
|
||||
|
||||
/* ---- plugins/UiConfig/media/css/Config.css ---- */
|
||||
/* ---- Config.css ---- */
|
||||
|
||||
|
||||
body { background-color: #EDF2F5; font-family: Roboto, 'Segoe UI', Arial, 'Helvetica Neue'; margin: 0px; padding: 0px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden ; }
|
||||
h1, h2, h3, h4 { font-family: 'Roboto', Arial, sans-serif; font-weight: 200; font-size: 30px; margin: 0px; padding: 0px }
|
||||
h1 { background: -webkit-linear-gradient(33deg,#af3bff,#0d99c9);background: -moz-linear-gradient(33deg,#af3bff,#0d99c9);background: -o-linear-gradient(33deg,#af3bff,#0d99c9);background: -ms-linear-gradient(33deg,#af3bff,#0d99c9);background: linear-gradient(33deg,#af3bff,#0d99c9); color: white; padding: 16px 30px; }
|
||||
h2 { margin-top: 10px; }
|
||||
h3 { font-weight: normal }
|
||||
h1 { background: -webkit-linear-gradient(33deg,#af3bff,#0d99c9);background: -moz-linear-gradient(33deg,#af3bff,#0d99c9);background: -o-linear-gradient(33deg,#af3bff,#0d99c9);background: -ms-linear-gradient(33deg,#af3bff,#0d99c9);background: linear-gradient(33deg,#af3bff,#0d99c9); color: white; padding: 16px 30px; }
|
||||
a { color: #9760F9 }
|
||||
a:hover { text-decoration: none }
|
||||
|
||||
|
@ -58,7 +57,7 @@ a:hover { text-decoration: none }
|
|||
/* Bottom */
|
||||
|
||||
.bottom {
|
||||
width: 100%; text-align: center; background-color: #ffffffde; padding: 25px; bottom: -120px;
|
||||
width: 100%; text-align: center; background-color: #ffffffde; padding: 25px; bottom: -120px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
|
||||
-webkit-transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1) ; position: fixed; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box ;
|
||||
}
|
||||
.bottom-content { max-width: 750px; width: 100%; margin: 0px auto; }
|
||||
|
@ -73,7 +72,7 @@ a:hover { text-decoration: none }
|
|||
.animate-inout { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important; -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important ; }
|
||||
|
||||
|
||||
/* ---- plugins/UiConfig/media/css/button.css ---- */
|
||||
/* ---- button.css ---- */
|
||||
|
||||
|
||||
/* Button */
|
||||
|
@ -90,7 +89,7 @@ a:hover { text-decoration: none }
|
|||
.button.disabled { color: #DDD; background-color: #999; pointer-events: none; border-bottom: 2px solid #666 }
|
||||
|
||||
|
||||
/* ---- plugins/UiConfig/media/css/fonts.css ---- */
|
||||
/* ---- fonts.css ---- */
|
||||
|
||||
|
||||
/* Base64 encoder: http://www.motobit.com/util/base64-decoder-encoder.asp */
|
||||
|
|
|
@ -9,4 +9,4 @@
|
|||
color: rgba(0,0,0,0); background: #999 url(../img/loading.gif) no-repeat center center;
|
||||
transition: all 0.5s ease-out ; pointer-events: none; border-bottom: 2px solid #666
|
||||
}
|
||||
.button.disabled { color: #DDD; background-color: #999; pointer-events: none; border-bottom: 2px solid #666 }
|
||||
.button.disabled { color: #DDD; background-color: #999; pointer-events: none; border-bottom: 2px solid #666 }
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
|
||||
/* ---- plugins/UiConfig/media/js/lib/Class.coffee ---- */
|
||||
/* ---- lib/Class.coffee ---- */
|
||||
|
||||
|
||||
(function() {
|
||||
|
@ -56,7 +56,7 @@
|
|||
}).call(this);
|
||||
|
||||
|
||||
/* ---- plugins/UiConfig/media/js/lib/Promise.coffee ---- */
|
||||
/* ---- lib/Promise.coffee ---- */
|
||||
|
||||
|
||||
(function() {
|
||||
|
@ -160,7 +160,7 @@
|
|||
}).call(this);
|
||||
|
||||
|
||||
/* ---- plugins/UiConfig/media/js/lib/Prototypes.coffee ---- */
|
||||
/* ---- lib/Prototypes.coffee ---- */
|
||||
|
||||
|
||||
(function() {
|
||||
|
@ -187,7 +187,7 @@
|
|||
}).call(this);
|
||||
|
||||
|
||||
/* ---- plugins/UiConfig/media/js/lib/maquette.js ---- */
|
||||
/* ---- lib/maquette.js ---- */
|
||||
|
||||
|
||||
(function (root, factory) {
|
||||
|
@ -962,7 +962,7 @@
|
|||
}));
|
||||
|
||||
|
||||
/* ---- plugins/UiConfig/media/js/utils/Animation.coffee ---- */
|
||||
/* ---- utils/Animation.coffee ---- */
|
||||
|
||||
|
||||
(function() {
|
||||
|
@ -1129,7 +1129,7 @@
|
|||
}).call(this);
|
||||
|
||||
|
||||
/* ---- plugins/UiConfig/media/js/utils/Dollar.coffee ---- */
|
||||
/* ---- utils/Dollar.coffee ---- */
|
||||
|
||||
|
||||
(function() {
|
||||
|
@ -1142,7 +1142,7 @@
|
|||
}).call(this);
|
||||
|
||||
|
||||
/* ---- plugins/UiConfig/media/js/utils/ZeroFrame.coffee ---- */
|
||||
/* ---- utils/ZeroFrame.coffee ---- */
|
||||
|
||||
|
||||
(function() {
|
||||
|
@ -1274,7 +1274,7 @@
|
|||
}).call(this);
|
||||
|
||||
|
||||
/* ---- plugins/UiConfig/media/js/ConfigStorage.coffee ---- */
|
||||
/* ---- ConfigStorage.coffee ---- */
|
||||
|
||||
|
||||
(function() {
|
||||
|
@ -1504,7 +1504,7 @@
|
|||
}).call(this);
|
||||
|
||||
|
||||
/* ---- plugins/UiConfig/media/js/ConfigView.coffee ---- */
|
||||
/* ---- ConfigView.coffee ---- */
|
||||
|
||||
|
||||
(function() {
|
||||
|
@ -1708,7 +1708,7 @@
|
|||
}).call(this);
|
||||
|
||||
|
||||
/* ---- plugins/UiConfig/media/js/UiConfig.coffee ---- */
|
||||
/* ---- UiConfig.coffee ---- */
|
||||
|
||||
|
||||
(function() {
|
||||
|
|
Loading…
Reference in a new issue