149 lines
2.9 KiB
CSS
149 lines
2.9 KiB
CSS
/*
|
|
// Sshwifty - A Web SSH client
|
|
//
|
|
// Copyright (C) 2019 Rui NI <nirui@gmx.com>
|
|
//
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU Affero 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 Affero General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU Affero General Public License
|
|
// along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
@charset "utf-8";
|
|
|
|
@import "~hack-font/build/web/hack.css";
|
|
|
|
#home-content > #home-content-preload-drop::before {
|
|
content: " ";
|
|
font-family: Hack, monospace;
|
|
font-weight: bold;
|
|
}
|
|
#home-content > #home-content-preload-drop::after {
|
|
content: " ";
|
|
font-family: Hack, monospace;
|
|
}
|
|
|
|
#home-content > .screen > .screen-screen > .screen-console {
|
|
position: relative;
|
|
}
|
|
|
|
#home-content > .screen > .screen-screen > .screen-console > .console-toolbar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
max-height: 100%;
|
|
overflow: auto;
|
|
background: #222;
|
|
color: #fff;
|
|
box-shadow: 0 0 5px #0006;
|
|
}
|
|
|
|
#home-content
|
|
> .screen
|
|
> .screen-screen
|
|
> .screen-console
|
|
> .console-toolbar
|
|
> .console-toolbar-item {
|
|
padding: 15px;
|
|
float: left;
|
|
}
|
|
|
|
#home-content
|
|
> .screen
|
|
> .screen-screen
|
|
> .screen-console
|
|
> .console-toolbar
|
|
> .console-toolbar-item
|
|
.tb-title {
|
|
font-size: 0.7em;
|
|
text-transform: uppercase;
|
|
margin: 0 0 5px 10px;
|
|
color: #fff9;
|
|
text-shadow: 1px 1px 1px #0005;
|
|
}
|
|
|
|
#home-content
|
|
> .screen
|
|
> .screen-screen
|
|
> .screen-console
|
|
> .console-toolbar
|
|
> .console-toolbar-item
|
|
.tb-item {
|
|
display: block;
|
|
font-size: 0.7em;
|
|
padding: 10px;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
#home-content
|
|
> .screen
|
|
> .screen-screen
|
|
> .screen-console
|
|
> .console-toolbar
|
|
> .console-toolbar-item
|
|
.tb-item:active {
|
|
background: #fff3;
|
|
}
|
|
|
|
#home-content
|
|
> .screen
|
|
> .screen-screen
|
|
> .screen-console
|
|
> .console-toolbar
|
|
> .console-toolbar-item
|
|
.tb-item
|
|
> .tb-key-icon {
|
|
margin: 0 5px;
|
|
background: #fff2;
|
|
color: #fff;
|
|
}
|
|
|
|
#home-content
|
|
> .screen
|
|
> .screen-screen
|
|
> .screen-console
|
|
> .console-toolbar
|
|
> .console-toolbar-item
|
|
.tb-item
|
|
> .tb-key-icon:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
#home-content
|
|
> .screen
|
|
> .screen-screen
|
|
> .screen-console
|
|
> .console-toolbar
|
|
> .console-toolbar-item
|
|
.tb-item
|
|
> .tb-key-icon:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#home-content
|
|
> .screen
|
|
> .screen-screen
|
|
> .screen-console
|
|
> .console-toolbar
|
|
> .console-toolbar-item
|
|
.tb-item:active
|
|
.tb-key-icon {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#home-content > .screen > .screen-screen > .screen-console > .console-console {
|
|
font-family: Hack, monospace;
|
|
}
|