GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2026-02-01 02:21:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

no ie allowed

Browse Source
This commit is contained in:
Devaev Maxim
2018-08-20 07:43:23 +03:00
parent 0d19451bbe
commit a4b6f4fb98
7 changed files with 73 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
kvmd/web/css/about.css
View File

@@ -15,10 +15,3 @@ div#about p {
font-family: monospace; font-family: monospace;
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
} }
div#about p a {
text-decoration: underline dotted;
color: var(--fg-color-normal);
}
div#about p a:hover {
text-decoration: underline;
}

18
kvmd/web/css/main.css
View File

@@ -9,6 +9,20 @@ body {
user-select: none; user-select: none;
touch-action: manipulation; touch-action: manipulation;
} }
a {
text-decoration: underline dotted;
color: var(--fg-color-normal);
}
a:hover {
text-decoration: underline;
}
hr {
border: none;
border-top: var(--normal-border);
}
img#logo { img#logo {
-webkit-filter: invert(0.7); -webkit-filter: invert(0.7);
filter: invert(0.7); filter: invert(0.7);
@@ -26,7 +40,7 @@ ul#ctl {
top: 0; top: 0;
width: 100%; width: 100%;
height: 50px; height: 50px;
z-index: 2147483647; z-index: 2147483646;
} }
ul#ctl li.ctl-logo { ul#ctl li.ctl-logo {
line-height: 50px; line-height: 50px;
@@ -70,7 +84,7 @@ div.ctl-dropdown-content {
background-color: var(--bg-color-ctl); background-color: var(--bg-color-ctl);
min-width: 180px; min-width: 180px;
box-shadow: var(--big-shadow); box-shadow: var(--big-shadow);
z-index: 2147483646; z-index: 2147483645;
} }
div.ctl-dropdown-content div.buttons-row { div.ctl-dropdown-content div.buttons-row {
margin: 0; margin: 0;

25
kvmd/web/css/modals.css Normal file
View File

@@ -0,0 +1,25 @@
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-content {
display: table;
outline: none;
margin: 15% auto;
overflow: hidden;
border: var(--important-border);
border-radius: 8px;
box-sizing: border-box;
box-shadow: var(--big-shadow);
white-space: nowrap;
background-color: var(--bg-color-light);
padding: 9px;
}

2
kvmd/web/css/vars.css
View File

@@ -20,6 +20,7 @@
--border-color-grey: var(--bg-color-ctl); --border-color-grey: var(--bg-color-ctl);
--border-color-dark: var(--bg-color-dark); --border-color-dark: var(--bg-color-dark);
--border-color-intensive: #5b90bb; --border-color-intensive: #5b90bb;
--border-color-important: #ff6467;
--dark-border: thin solid var(--border-color-dark); --dark-border: thin solid var(--border-color-dark);
--grey-border: thin solid var(--border-color-grey); --grey-border: thin solid var(--border-color-grey);
@@ -27,6 +28,7 @@
--black-border: thin solid black; --black-border: thin solid black;
--intensive-border: 2px solid var(--border-color-intensive); --intensive-border: 2px solid var(--border-color-intensive);
--thin-intensive-border: thin solid var(--border-color-intensive); --thin-intensive-border: thin solid var(--border-color-intensive);
--important-border: 2px solid var(--border-color-important);
--micro-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4); --micro-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
--small-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); --small-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);

2
kvmd/web/css/windows.css
View File

@@ -1,4 +1,5 @@
div.window { div.window {
visibility: hidden;
outline: none; outline: none;
overflow: hidden; overflow: hidden;
position: fixed; position: fixed;
@@ -6,7 +7,6 @@ div.window {
border-radius: 8px; border-radius: 8px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: var(--big-shadow); box-shadow: var(--big-shadow);
visibility: hidden;
white-space: nowrap; white-space: nowrap;
background-color: var(--bg-color-light); background-color: var(--bg-color-light);
padding: 30px 9px 9px 9px; padding: 30px 9px 9px 9px;

17
kvmd/web/index.html
View File

@@ -12,12 +12,12 @@
<link rel="stylesheet" href="css/vars.css"> <link rel="stylesheet" href="css/vars.css">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/windows.css"> <link rel="stylesheet" href="css/windows.css">
<link rel="stylesheet" href="css/modals.css">
<link rel="stylesheet" href="css/leds.css"> <link rel="stylesheet" href="css/leds.css">
<link rel="stylesheet" href="css/stream.css"> <link rel="stylesheet" href="css/stream.css">
<link rel="stylesheet" href="css/msd.css"> <link rel="stylesheet" href="css/msd.css">
<link rel="stylesheet" href="css/keyboard.css"> <link rel="stylesheet" href="css/keyboard.css">
<link rel="stylesheet" href="css/about.css"> <link rel="stylesheet" href="css/about.css">
<link rel="stylesheet" href="css/mobile.css"> <link rel="stylesheet" href="css/mobile.css">
<script src="js/tools.js"></script> <script src="js/tools.js"></script>
@@ -35,6 +35,21 @@
</head> </head>
<body> <body>
<div id="bad-browser-modal" class="modal">
<div class="modal-content">
You are using an incompatible or legacy browser.<br>
Please use one of the following browsers:<br>
<hr>
<ul>
<li><a target="_blank" href="https://www.google.com/chrome">Google Chrome</a> <sup><i>recommended</i></sup></li>
<li><a target="_blank" href="https://www.chromium.org/Home">Chromium</a> <sup><i>recommended</i></sup></li>
<li><a target="_blank" href="https://www.mozilla.org/firefox">Mozilla Firefox</a></li>
<li><a target="_blank" href="https://www.apple.com/safari">Apple Safari</a></li>
<li><a target="_blank" href="https://www.opera.com">Opera</a></li>
</ul>
</div>
</div>
<ul id="ctl"> <ul id="ctl">
<li class="ctl-logo"><img id="logo" src="svg/logo.svg" alt="&pi;-kvm" /></li> <li class="ctl-logo"><img id="logo" src="svg/logo.svg" alt="&pi;-kvm" /></li>

17
kvmd/web/js/main.js
View File

@@ -1,6 +1,15 @@
function main() { function main() {
var hid = new Hid(); if (
var ui = new Ui(hid); !window.navigator
new Session(new Atx(), hid, new Msd()); || window.navigator.userAgent.indexOf("MSIE ") > 0
new Stream(ui); || window.navigator.userAgent.indexOf("Trident/") > 0
|| window.navigator.userAgent.indexOf("Edge/") > 0
) {
$("bad-browser-modal").style.visibility = "visible";
} else {
var hid = new Hid();
var ui = new Ui(hid);
new Session(new Atx(), hid, new Msd());
new Stream(ui);
}
} }