diff options
Diffstat (limited to 'web/share/css')
| -rw-r--r-- | web/share/css/index/index.css | 44 | ||||
| -rw-r--r-- | web/share/css/start.css | 43 |
2 files changed, 54 insertions, 33 deletions
diff --git a/web/share/css/index/index.css b/web/share/css/index/index.css index 9dcdb09d..0d9ee3e9 100644 --- a/web/share/css/index/index.css +++ b/web/share/css/index/index.css @@ -20,46 +20,24 @@ *****************************************************************************/ -div#start-box { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - text-align: center; - min-height: 100vh; -} - -div#start { - text-align: left; - outline: none; - word-wrap: break-word; - max-width: 800px; - 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: 15px; -} - -div#start div#apps-box { +div#apps-box { display: table; margin: 0 auto; } -div#start div#apps-box ul#apps { +div#apps-box ul#apps { list-style-type: none; padding: 0; margin: 0; } -div#start div#apps-box ul#apps li { +div#apps-box ul#apps li { float: left; margin-left: 5px; margin-right: 5px; } -div#start div#apps-box ul#apps li div.app { +div#apps-box ul#apps li div.app { height: 100px; width: 100px; text-align: center; @@ -69,19 +47,19 @@ div#start div#apps-box ul#apps li div.app { border-radius: 8px; } -div#start div#apps-box ul#apps li div:hover.app { +div#apps-box ul#apps li div:hover.app { border: var(--border-intensive-thin); box-shadow: none; } -div#start div#apps-box ul#apps li div.app img { +div#apps-box ul#apps li div.app img { display: block; margin: auto; height: 50px; padding-bottom: 5px; } -div#start div#apps-box ul#apps li div.app a { +div#apps-box ul#apps li div.app a { display: flex; flex-direction: column; justify-content: center; @@ -90,16 +68,16 @@ div#start div#apps-box ul#apps li div.app a { font-weight: bold; } -div#start td.logo { +td.logo { padding-right: 25px; } -div#start td.title { +td.title { font-size: 1.2em; } -div#start td.copyright { +td.copyright { font-size: 0.8em; } -div#start tr.server { +tr.server { font-size: 1.4em; font-weight: bold; font-family: monospace; diff --git a/web/share/css/start.css b/web/share/css/start.css new file mode 100644 index 00000000..ca481fa3 --- /dev/null +++ b/web/share/css/start.css @@ -0,0 +1,43 @@ +/***************************************************************************** +# # +# 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.start-box { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + min-height: 100vh; +} + +div.start-box div.start { + text-align: left; + outline: none; + word-wrap: break-word; + max-width: 800px; + 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: 15px; +} |