Skip to content

N
noVNC
Commit 01a9eee9 authored by Joel Martin's avatar Joel Martin
Browse files
Options

HTML, CSS and Javascript indent/formatting. 

- 4 space indenting for HTML and Javascript.
- 2 space indenting for CSS
- Use hanging start curly for conditional blocks
parent 0911173a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 426 additions and 419 deletions
include/base.css
View file @ 01a9eee9
body { body {
margin:0; margin:0;
padding:0; padding:0;
font-family: Helvetica; font-family: Helvetica;
/*Background image with light grey curve.*/ /*Background image with light grey curve.*/
background-color:#494949; background-color:#494949;
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:right bottom; background-position:right bottom;
height:100%; height:100%;
} }
html { html {
height:100%; height:100%;
} }
#noVNC_controls ul { #noVNC_controls ul {
list-style: none; list-style: none;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
#noVNC_controls li { #noVNC_controls li {
padding-bottom:8px; padding-bottom:8px;
} }
#noVNC_host { #noVNC_host {
width:150px; width:150px;
} }
#noVNC_port { #noVNC_port {
width: 80px; width: 80px;
} }
#noVNC_password { #noVNC_password {
width: 150px; width: 150px;
} }
#noVNC_encrypt { #noVNC_encrypt {
} }
#noVNC_connectTimeout { #noVNC_connectTimeout {
width: 30px; width: 30px;
} }
#noVNC_connect_button { #noVNC_connect_button {
width: 110px; width: 110px;
float:right; float:right;
} }
/*Mobile buttons bar.*/ /*Mobile buttons bar.*/
#noVNC-control-bar { #noVNC-control-bar {
position:fixed; position:fixed;
background-color:#6d84a2; background-color:#6d84a2;
background-image: -webkit-gradient( background-image: -webkit-gradient(
linear, linear,
left bottom, left bottom,
left top, left top,
color-stop(0.5, rgb(109,132,162)), color-stop(0.5, rgb(109,132,162)),
color-stop(1, rgb(140,157,179)) color-stop(1, rgb(140,157,179))
); );
background-image: -moz-linear-gradient( background-image: -moz-linear-gradient(
center bottom, center bottom,
rgb(109,132,162) 50%, rgb(109,132,162) 50%,
rgb(140,157,179) 100% rgb(140,157,179) 100%
); );
display:block; display:block;
height:44px; height:44px;
left:0; left:0;
...@@ -66,182 +66,182 @@ html { ...@@ -66,182 +66,182 @@ html {
} }
#noVNC_mobile_buttons { #noVNC_mobile_buttons {
position:fixed; position:fixed;
padding-left:10px; padding-left:10px;
padding-top:9px; padding-top:9px;
display: none; display: none;
} }
.noVNC_mobile_buttons_right { .noVNC_mobile_buttons_right {
position:fixed; position:fixed;
padding-right:10px; padding-right:10px;
padding-top:9px; padding-top:9px;
right:0; right:0;
} }
#noVNC_status_bar { #noVNC_status_bar {
margin-top: 15px; margin-top: 15px;
padding: 0px; padding: 0px;
} }
#noVNC_status_bar div { #noVNC_status_bar div {
font-size: 12px; font-size: 12px;
padding-top: 4px; padding-top: 4px;
width:100%; width:100%;
margin-top: 2px; margin-top: 2px;
} }
.VNC_status_button, #clipboardbutton, #connectbutton { .VNC_status_button, #clipboardbutton, #connectbutton {
font-size: 14px; font-size: 14px;
} }
#noVNC_status { #noVNC_status {
height:20px; height:20px;
text-align: center; text-align: center;
} }
#noVNC_settings_menu { #noVNC_settings_menu {
margin: 3px; margin: 3px;
text-align: left; text-align: left;
} }
#noVNC_settings_menu ul { #noVNC_settings_menu ul {
list-style: none; list-style: none;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
#noVNC_apply { #noVNC_apply {
float:right; float:right;
} }
.VNC_buttons_right { .VNC_buttons_right {
text-align: right; text-align: right;
} }
.VNC_buttons_left { .VNC_buttons_left {
text-align: left; text-align: left;
} }
.noVNC_status_normal { .noVNC_status_normal {
background: #eee; background: #eee;
} }
.noVNC_status_error { .noVNC_status_error {
background: #f44; background: #f44;
} }
.norVNC_status_warn { .noVNC_status_warn {
background: #ff4; background: #ff4;
} }
/* Do not set width/height for VNC_screen or VNC_canvas or incorrect /* Do not set width/height for VNC_screen or VNC_canvas or incorrect
* scaling will occur. Canvas resizes to remote VNC settings */ * scaling will occur. Canvas resizes to remote VNC settings */
#noVNC_screen { #noVNC_screen {
padding-top:40px; padding-top:40px;
text-align: center; text-align: center;
display: table; display: table;
width:100%; width:100%;
height:100%; height:100%;
background-color:#313131; background-color:#313131;
border-bottom-right-radius: 800px 600px; border-bottom-right-radius: 800px 600px;
/*border-top-left-radius: 800px 600px;*/ /*border-top-left-radius: 800px 600px;*/
} }
#VNC_canvas { #VNC_canvas {
background: #eee; background: #eee;
} }
#VNC_clipboard_clear_button { #VNC_clipboard_clear_button {
float:right; float:right;
} }
#VNC_clipboard_text { #VNC_clipboard_text {
font-size: 11px; font-size: 11px;
} }
#noVNC_Settings { #noVNC_Settings {
width:200px; width:200px;
} }
#noVNC_clipboard_clear_button { #noVNC_clipboard_clear_button {
float:right; float:right;
} }
/*Settings Bubble*/ /*Settings Bubble*/
.triangle-right { .triangle-right {
position:relative; position:relative;
padding:15px; padding:15px;
margin:1em 0 3em; margin:1em 0 3em;
color:#fff; color:#fff;
background:#fff; /* default background for browsers without gradient support */ background:#fff; /* default background for browsers without gradient support */
/* css3 */ /* css3 */
/*background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698)); /*background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698); background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698); background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);*/ background:linear-gradient(#2e88c4, #075698);*/
-webkit-border-radius:10px; -webkit-border-radius:10px;
-moz-border-radius:10px; -moz-border-radius:10px;
border-radius:10px; border-radius:10px;
color:#000; color:#000;
border:2px solid #E0E0E0; border:2px solid #E0E0E0;
} }
.triangle-right.top:after { .triangle-right.top:after {
border-color: transparent #E0E0E0; border-color: transparent #E0E0E0;
border-width: 20px 20px 0 0; border-width: 20px 20px 0 0;
bottom: auto; bottom: auto;
left: auto; left: auto;
right: 50px; right: 50px;
top: -20px; top: -20px;
} }
.triangle-right:after { .triangle-right:after {
content:""; content:"";
position:absolute; position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */ bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */ left:50px; /* controls horizontal position */
border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */ border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
border-style:solid; border-style:solid;
border-color:#E0E0E0 transparent; border-color:#E0E0E0 transparent;
/* reduce the damage in FF3.0 */ /* reduce the damage in FF3.0 */
display:block; display:block;
width:0; width:0;
} }
.triangle-right.top:after { .triangle-right.top:after {
top:-40px; /* value = - border-top-width - border-bottom-width */ top:-40px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */ right:50px; /* controls horizontal position */
bottom:auto; bottom:auto;
left:auto; left:auto;
border-width:40px 40px 0 0; /* vary these values to change the angle of the vertex */ border-width:40px 40px 0 0; /* vary these values to change the angle of the vertex */
border-color:transparent #E0E0E0; border-color:transparent #E0E0E0;
} }
/*Bubble contents divs*/ /*Bubble contents divs*/
#noVNC_Settings { #noVNC_Settings {
margin-top:72px; margin-top:72px;
position:fixed; position:fixed;
right:100px; right:100px;
display:none; display:none;
} }
#noVNC_controls { #noVNC_controls {
margin-top:72px; margin-top:72px;
position:fixed; position:fixed;
right:10px; right:10px;
} }
#noVNC_clipboard { #noVNC_clipboard {
display:none; display:none;
margin-top:72px; margin-top:72px;
position:fixed; position:fixed;
right:180px; right:180px;
} }
/*Default noVNC screen.*/ /*Default noVNC screen.*/
#noVNC_defaultScreen { #noVNC_defaultScreen {
width:400px; width:400px;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
font-size:160px; font-size:160px;
color:yellow; color:yellow;
text-align:left; text-align:left;
font-family: 'Orbitron', sans-serif; font-family: 'Orbitron', sans-serif;
line-height:90%; line-height:90%;
text-shadow: text-shadow:
5px 5px 0 #000, 5px 5px 0 #000,
-1px -1px 0 #000, -1px -1px 0 #000,
1px -1px 0 #000, 1px -1px 0 #000,
...@@ -250,16 +250,16 @@ html { ...@@ -250,16 +250,16 @@ html {
} }
#noVNC_defaultScreen span{ #noVNC_defaultScreen span{
color:green; color:green;
} }
#keyboardinput { #keyboardinput {
width:0px; width:0px;
height:0px; height:0px;
background-color:#313131; background-color:#313131;
border:0; border:0;
} }
.noVNC_status_warn { .noVNC_status_warn {
background-color:yellow; background-color:yellow;
} }
\ No newline at end of file
include/black.css
View file @ 01a9eee9
#noVNC-control-bar { #noVNC-control-bar {
background-color:#000; background-color:#000;
background-image: -webkit-gradient( background-image: -webkit-gradient(
linear, linear,
left bottom, left bottom,
left top, left top,
color-stop(0.5, rgb(0,0,0)), color-stop(0.5, rgb(0,0,0)),
color-stop(0.5, rgb(20,20,20)) color-stop(0.5, rgb(20,20,20))
); );
background-image: -moz-linear-gradient( background-image: -moz-linear-gradient(
center bottom, center bottom,
rgb(0,0,0) 50%, rgb(0,0,0) 50%,
rgb(20,20,20) 50% rgb(20,20,20) 50%
); );
} }
.triangle-right { .triangle-right {
border:2px solid #fff; border:2px solid #fff;
background:#000; background:#000;
color:#fff; color:#fff;
} }
\ No newline at end of file
include/blue.css
View file @ 01a9eee9
#noVNC-control-bar { #noVNC-control-bar {
background-color:#04073d; background-color:#04073d;
background-image: -webkit-gradient( background-image: -webkit-gradient(
linear, linear,
left bottom, left bottom,
left top, left top,
color-stop(0.54, rgb(10,15,79)), color-stop(0.54, rgb(10,15,79)),
color-stop(0.5, rgb(4,7,61)) color-stop(0.5, rgb(4,7,61))
); );
background-image: -moz-linear-gradient( background-image: -moz-linear-gradient(
center bottom, center bottom,
rgb(10,15,79) 54%, rgb(10,15,79) 54%,
rgb(4,7,61) 50% rgb(4,7,61) 50%
); );
} }
.triangle-right { .triangle-right {
border:2px solid #fff; border:2px solid #fff;
background:#04073d; background:#04073d;
color:#fff; color:#fff;
} }
\ No newline at end of file
include/ui.js
View file @ 01a9eee9
This diff is collapsed.
vnc.html
View file @ 01a9eee9
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment