]>
Commit | Line | Data |
---|---|---|
ecd49c15 PO |
1 | /* |
2 | * noVNC auto CSS | |
3 | * Copyright (C) 2012 Joel Martin | |
4 | * Copyright (C) 2016 Samuel Mannehed for Cendio AB | |
5 | * noVNC is licensed under the MPL 2.0 (see LICENSE.txt) | |
6 | * This file is licensed under the 2-Clause BSD license (see LICENSE.txt). | |
7 | */ | |
8 | ||
9 | body { | |
10 | margin:0; | |
11 | padding:0; | |
12 | font-family: Helvetica; | |
13 | /*Background image with light grey curve.*/ | |
14 | background-color:#494949; | |
15 | background-repeat:no-repeat; | |
16 | background-position:right bottom; | |
17 | height:100%; | |
18 | } | |
19 | ||
20 | html { | |
21 | height:100%; | |
22 | } | |
23 | ||
24 | #noVNC_container { | |
25 | display: table; | |
26 | width:100%; | |
27 | height:100%; | |
28 | background-color:#313131; | |
29 | border-bottom-right-radius: 800px 600px; | |
30 | /*border-top-left-radius: 800px 600px;*/ | |
31 | } | |
32 | ||
33 | #noVNC_status { | |
34 | font-size: 12px; | |
35 | padding-top: 4px; | |
36 | height:32px; | |
37 | text-align: center; | |
38 | font-weight: bold; | |
39 | color: #fff; | |
40 | z-index: 0; | |
41 | position: absolute; | |
42 | width: 100%; | |
43 | margin-left: 0px; | |
44 | } | |
45 | ||
46 | .noVNC_status_normal { | |
47 | background: #b2bdcd; /* Old browsers */ | |
48 | background: -moz-linear-gradient(top, #b2bdcd 0%, #899cb3 49%, #7e93af 51%, #6e84a3 100%); /* FF3.6+ */ | |
49 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2bdcd), color-stop(49%,#899cb3), color-stop(51%,#7e93af), color-stop(100%,#6e84a3)); /* Chrome,Safari4+ */ | |
50 | background: -webkit-linear-gradient(top, #b2bdcd 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* Chrome10+,Safari5.1+ */ | |
51 | background: -o-linear-gradient(top, #b2bdcd 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* Opera11.10+ */ | |
52 | background: -ms-linear-gradient(top, #b2bdcd 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* IE10+ */ | |
53 | background: linear-gradient(top, #b2bdcd 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* W3C */ | |
54 | } | |
55 | ||
56 | .noVNC_status_error { | |
57 | background: #f04040; /* Old browsers */ | |
58 | background: -moz-linear-gradient(top, #f04040 0%, #899cb3 49%, #7e93af 51%, #6e84a3 100%); /* FF3.6+ */ | |
59 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f04040), color-stop(49%,#899cb3), color-stop(51%,#7e93af), color-stop(100%,#6e84a3)); /* Chrome,Safari4+ */ | |
60 | background: -webkit-linear-gradient(top, #f04040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* Chrome10+,Safari5.1+ */ | |
61 | background: -o-linear-gradient(top, #f04040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* Opera11.10+ */ | |
62 | background: -ms-linear-gradient(top, #f04040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* IE10+ */ | |
63 | background: linear-gradient(top, #f04040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* W3C */ | |
64 | } | |
65 | ||
66 | .noVNC_status_warn { | |
67 | background: #f0f040; /* Old browsers */ | |
68 | background: -moz-linear-gradient(top, #f0f040 0%, #899cb3 49%, #7e93af 51%, #6e84a3 100%); /* FF3.6+ */ | |
69 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f040), color-stop(49%,#899cb3), color-stop(51%,#7e93af), color-stop(100%,#6e84a3)); /* Chrome,Safari4+ */ | |
70 | background: -webkit-linear-gradient(top, #f0f040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* Chrome10+,Safari5.1+ */ | |
71 | background: -o-linear-gradient(top, #f0f040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* Opera11.10+ */ | |
72 | background: -ms-linear-gradient(top, #f0f040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* IE10+ */ | |
73 | background: linear-gradient(top, #f0f040 0%,#899cb3 49%,#7e93af 51%,#6e84a3 100%); /* W3C */ | |
74 | } | |
75 | ||
76 | #noVNC_buttons { | |
77 | white-space: nowrap; | |
78 | } | |
79 | ||
80 | /* Do not set width/height for VNC_canvas or incorrect | |
81 | * scaling will occur. Canvas size depends on remote VNC | |
82 | * settings and noVNC settings. */ | |
83 | #noVNC_canvas { | |
84 | position: absolute; | |
85 | left: 0; | |
86 | right: 0; | |
87 | margin-left: auto; | |
88 | margin-right: auto; | |
89 | } |