diff --git a/src/Ui/media/Wrapper.css b/src/Ui/media/Wrapper.css index 96b4639e..9c74be6e 100644 --- a/src/Ui/media/Wrapper.css +++ b/src/Ui/media/Wrapper.css @@ -108,6 +108,13 @@ a { color: black } .loadingscreen { width: 100%; height: 100%; position: absolute; background-color: #EEE; z-index: 1; overflow: hidden; display: none } .loading-text { text-align: center; vertical-align: middle; top: 50%; position: absolute; margin-top: 39px; width: 100% } +.loading-config { + margin: 20px; display: inline-block; text-transform: uppercase; font-family: Consolas, monospace; position: relative;; + text-decoration: none; letter-spacing: 1px; font-size: 12px; border-bottom: 1px solid #999; top: -60px; transition: all 1s cubic-bezier(1, 0, 0, 1); transition-delay: 0.3s; +} +.loading-config:hover { border-bottom-color: #000; transition: none; } +.loadingscreen.ready .loading-config { top: 0px; } + /* Console */ .console { line-height: 24px; font-family: monospace; font-size: 14px; color: #ADADAD; text-transform: uppercase; opacity: 0; transform: translateY(-20px); } diff --git a/src/Ui/media/all.css b/src/Ui/media/all.css index 5ef1e6c8..f24f83a6 100644 --- a/src/Ui/media/all.css +++ b/src/Ui/media/all.css @@ -122,6 +122,13 @@ a { color: black } .loadingscreen { width: 100%; height: 100%; position: absolute; background-color: #EEE; z-index: 1; overflow: hidden; display: none } .loading-text { text-align: center; vertical-align: middle; top: 50%; position: absolute; margin-top: 39px; width: 100% } +.loading-config { + margin: 20px; display: inline-block; text-transform: uppercase; font-family: Consolas, monospace; position: relative;; + text-decoration: none; letter-spacing: 1px; font-size: 12px; border-bottom: 1px solid #999; top: -60px; -webkit-transition: all 1s cubic-bezier(1, 0, 0, 1); -moz-transition: all 1s cubic-bezier(1, 0, 0, 1); -o-transition: all 1s cubic-bezier(1, 0, 0, 1); -ms-transition: all 1s cubic-bezier(1, 0, 0, 1); transition: all 1s cubic-bezier(1, 0, 0, 1) ; transition-delay: 0.3s; +} +.loading-config:hover { border-bottom-color: #000; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none ; } +.loadingscreen.ready .loading-config { top: 0px; } + /* Console */ .console { line-height: 24px; font-family: monospace; font-size: 14px; color: #ADADAD; text-transform: uppercase; opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) ; } diff --git a/src/Ui/template/wrapper.html b/src/Ui/template/wrapper.html index 8faaa5e3..89840b2c 100644 --- a/src/Ui/template/wrapper.html +++ b/src/Ui/template/wrapper.html @@ -51,6 +51,7 @@ else if (window.opener && window.opener.location.toString()) {