diff --git a/guacamole/src/main/webapp/app/client/styles/client.css b/guacamole/src/main/webapp/app/client/styles/client.css index ff78f0e70..d7ff9aef1 100644 --- a/guacamole/src/main/webapp/app/client/styles/client.css +++ b/guacamole/src/main/webapp/app/client/styles/client.css @@ -190,65 +190,6 @@ div#viewportClone { visibility: hidden; } -@keyframes show-dialog { - 0% {transform: scale(0.75); } - 100% {transform: scale(1); } -} - -@-webkit-keyframes show-dialog { - 0% {-webkit-transform: scale(0.75); } - 100% {-webkit-transform: scale(1); } -} - -.dialog { - - animation-name: show-dialog; - animation-timing-function: linear; - animation-duration: 0.125s; - -webkit-animation-name: show-dialog; - -webkit-animation-timing-function: linear; - -webkit-animation-duration: 0.125s; - - max-width: 75%; - max-height: none; - width: 4in; - -moz-border-radius: 0.2em; - -webkit-border-radius: 0.2em; - -khtml-border-radius: 0.2em; - border-radius: 0.2em; - - padding: 0.5em; - text-align: left; - -} - -.guac-error .dialog { - background: #FDD; - border: 1px solid #964040; -} - -.dialog .title { - font-size: 1.1em; - font-weight: bold; - border-bottom: 1px solid black; - margin-bottom: 0.5em; -} - -.dialog .status, .dialog .countdown, .dialog .reconnect { - margin: 0; - padding: 0.5em; - font-size: 0.8em; -} - -.dialog .reconnect { - display: none; -} - -.guac-error .dialog .reconnect { - display: block; - text-align: center; -} - p.hint { border: 0.25em solid rgba(255, 255, 255, 0.25); diff --git a/guacamole/src/main/webapp/app/index/styles/status.css b/guacamole/src/main/webapp/app/index/styles/status.css new file mode 100644 index 000000000..28598e40b --- /dev/null +++ b/guacamole/src/main/webapp/app/index/styles/status.css @@ -0,0 +1,104 @@ +/* + * Copyright (C) 2013 Glyptodon LLC + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ + +.dialog-container { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(0, 0, 0, 0.5); + padding: 1em; +} + +.dialog-outer { + display: table; + height: 100%; + width: 100%; + position: fixed; + left: 0; + top: 0; + background: rgba(0, 0, 0, 0.5); +} + +.dialog-middle { + width: 100%; + text-align: center; + display: table-cell; + vertical-align: middle; +} + +@keyframes show-dialog { + 0% {transform: scale(0.75); } + 100% {transform: scale(1); } +} + +@-webkit-keyframes show-dialog { + 0% {-webkit-transform: scale(0.75); } + 100% {-webkit-transform: scale(1); } +} + +.dialog.status { + + animation-name: show-dialog; + animation-timing-function: linear; + animation-duration: 0.125s; + -webkit-animation-name: show-dialog; + -webkit-animation-timing-function: linear; + -webkit-animation-duration: 0.125s; + + max-width: 75%; + width: 4in; + margin-left: auto; + margin-right: auto; + overflow: auto; + + border: 1px solid rgba(0, 0, 0, 0.5); + background: #E7E7E7; + + -moz-border-radius: 0.2em; + -webkit-border-radius: 0.2em; + -khtml-border-radius: 0.2em; + border-radius: 0.2em; + + box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.6); + + text-align: left; + font-size: 0.8em; + +} + +.dialog.status .title { + font-size: 1.1em; + font-weight: bold; + border-bottom: 1px solid black; + margin-bottom: 0.5em; +} + +.dialog.status.error { + background: #FDD; + border: 1px solid #964040; +} + +.dialog.status > * { + margin: 0.75em; +} \ No newline at end of file diff --git a/guacamole/src/main/webapp/app/index/styles/ui.css b/guacamole/src/main/webapp/app/index/styles/ui.css index efecd895a..0e41ce7e9 100644 --- a/guacamole/src/main/webapp/app/index/styles/ui.css +++ b/guacamole/src/main/webapp/app/index/styles/ui.css @@ -255,14 +255,6 @@ div.section { text-align: center; } -.dialog.status { - width: 3in; -} - -.dialog.status > * { - margin: 0.25em; -}; - /* * List elements */