diff options
Diffstat (limited to 'web/share/css/modal.css')
| -rw-r--r-- | web/share/css/modal.css | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/web/share/css/modal.css b/web/share/css/modal.css new file mode 100644 index 00000000..98ea7c0b --- /dev/null +++ b/web/share/css/modal.css @@ -0,0 +1,82 @@ +/***************************************************************************** +# # +# KVMD - The main Pi-KVM daemon. # +# # +# Copyright (C) 2018 Maxim Devaev <[email protected]> # +# # +# This program is free software: you can redistribute it and/or modify # +# it under the terms of the GNU General Public License as published by # +# the Free Software Foundation, either version 3 of the License, or # +# (at your option) any later version. # +# # +# This program is distributed in the hope that it will be useful, # +# but WITHOUT ANY WARRANTY; without even the implied warranty of # +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the # +# GNU General Public License for more details. # +# # +# You should have received a copy of the GNU General Public License # +# along with this program. If not, see <https://www.gnu.org/licenses/>. # +# # +*****************************************************************************/ + + +div.modal { + visibility: hidden; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.5); + z-index: 2147483647; +} + +div.modal div.modal-window { + display: table; + outline: none; + margin: 15% auto; + overflow: hidden; + border: var(--border-window-thin); + border-radius: 8px; + box-sizing: border-box; + box-shadow: var(--shadow-big); + background-color: var(--cs-window-default-bg); + padding: 0; +} +div.modal div.modal-window-active { + border: var(--border-intensive-2px) !important; +} + +div.modal div.modal-window div.modal-header { + text-align: center; + font-weight: bold; + padding: 3px 9px 3px 9px; + border-bottom: var(--border-default-thin); +} + +div.modal div.modal-window div.modal-content { + max-width: 500px; + max-height: 500px; + padding: 16px 9px 16px 9px; +} + +div.modal div.modal-window div.modal-buttons { + border-top: var(--border-control-thin); + margin: 0; + padding: 0; + font-size: 0; +} + +div.modal div.modal-window div.modal-buttons button { + box-shadow: none; + border: none; + border-radius: 0; + height: 40px; +} +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { + /* iPad vertical */ + div.modal-buttons button { + height: 50px !important; + } +} |