jcarr
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix name for panel CSS class

This commit is contained in:
samhed 2016-08-25 11:10:25 +02:00 committed by Pierre Ossman
parent f9fff03719
commit 286947cbe2
4 changed files with 12 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/styles/base.css
View File

@ -80,7 +80,7 @@ html {
} }
/* Panels */ /* Panels */
.triangle-right { .noVNC_panel {
position: relative; position: relative;
padding: 15px; padding: 15px;
color: #fff; color: #fff;
@ -96,31 +96,12 @@ html {
color: #000; color: #000;
border: 2px solid #E0E0E0; border: 2px solid #E0E0E0;
} }
.triangle-right.top:after { .noVNC_panel:after {
border-color: transparent #E0E0E0;
border-width: 20px 20px 0 0;
bottom: auto;
left: auto;
right: 50px;
top: -20px;
}
.triangle-right:after {
content: ""; content: "";
position: absolute; position: absolute;
bottom: -20px; /* value = - border-top-width - border-bottom-width */
left: 50px; /* controls horizontal position */
border-width: 20px 0 0 20px; /* vary these values to change the angle of the vertex */
border-style: solid;
border-color: #E0E0E0 transparent;
/* reduce the damage in FF3.0 */
display: block;
width: 0;
}
.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; border-style: solid;
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;
} }
@ -241,7 +222,7 @@ html {
right: 30px; right: 30px;
position: fixed; position: fixed;
} }
#noVNC_xvp.top:after { #noVNC_xvp:after {
right: 125px; right: 125px;
} }
#noVNC_xvp_buttons { #noVNC_xvp_buttons {
@ -255,7 +236,7 @@ html {
right: 30px; right: 30px;
position: fixed; position: fixed;
} }
#noVNC_clipboard.top:after { #noVNC_clipboard:after {
right: 85px; right: 85px;
} }
#noVNC_clipboard_text { #noVNC_clipboard_text {
@ -300,7 +281,7 @@ html {
right: 12px; right: 12px;
position: fixed; position: fixed;
} }
#noVNC_controls.top:after { #noVNC_controls:after {
right:15px; right:15px;
} }
#noVNC_controls ul { #noVNC_controls ul {

2
app/styles/black.css
View File

@ -38,7 +38,7 @@
background: linear-gradient(top, #f0f040 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* W3C */ background: linear-gradient(top, #f0f040 0%,#2c2c2c 50%,#000000 51%,#131313 100%); /* W3C */
} }
.triangle-right { .noVNC_panel {
border:2px solid #fff; border:2px solid #fff;
background:#000; background:#000;
color:#fff; color:#fff;

2
app/styles/blue.css
View File

@ -52,7 +52,7 @@
); );
} }
.triangle-right { .noVNC_panel {
border:2px solid #fff; border:2px solid #fff;
background:#04073d; background:#04073d;
color:#fff; color:#fff;

8
vnc.html
View File

@ -105,7 +105,7 @@
<input type="image" alt="Shutdown/Reboot" src="app/images/power.png" <input type="image" alt="Shutdown/Reboot" src="app/images/power.png"
id="noVNC_toggleXvp_button" class="noVNC_status_button" id="noVNC_toggleXvp_button" class="noVNC_status_button"
title="Shutdown/Reboot..." /> title="Shutdown/Reboot..." />
<div id="noVNC_xvp" class="triangle-right top"> <div id="noVNC_xvp" class="noVNC_panel">
<span id="noVNC_xvp_menu"> <span id="noVNC_xvp_menu">
<input type="button" id="noVNC_xvpShutdown_button" value="Shutdown" /> <input type="button" id="noVNC_xvpShutdown_button" value="Shutdown" />
<input type="button" id="noVNC_xvpReboot_button" value="Reboot" /> <input type="button" id="noVNC_xvpReboot_button" value="Reboot" />
@ -117,7 +117,7 @@
<input type="image" alt="Clipboard" src="app/images/clipboard.png" <input type="image" alt="Clipboard" src="app/images/clipboard.png"
id="noVNC_clipboard_button" class="noVNC_status_button" id="noVNC_clipboard_button" class="noVNC_status_button"
title="Clipboard" /> title="Clipboard" />
<div id="noVNC_clipboard" class="triangle-right top"> <div id="noVNC_clipboard" class="noVNC_panel">
<textarea id="noVNC_clipboard_text" rows=5> <textarea id="noVNC_clipboard_text" rows=5>
</textarea> </textarea>
<br /> <br />
@ -134,7 +134,7 @@
<input type="image" alt="Settings" src="app/images/settings.png" <input type="image" alt="Settings" src="app/images/settings.png"
id="noVNC_settings_button" class="noVNC_status_button" id="noVNC_settings_button" class="noVNC_status_button"
title="Settings" /> title="Settings" />
<div id="noVNC_settings" class="triangle-right top"> <div id="noVNC_settings" class="noVNC_panel">
<span id="noVNC_settings_menu"> <span id="noVNC_settings_menu">
<ul> <ul>
<li><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</li> <li><input id="noVNC_setting_encrypt" type="checkbox" /> Encrypt</li>
@ -179,7 +179,7 @@
<input type="image" alt="Disconnect" src="app/images/disconnect.png" <input type="image" alt="Disconnect" src="app/images/disconnect.png"
id="noVNC_disconnect_button" class="noVNC_status_button" id="noVNC_disconnect_button" class="noVNC_status_button"
title="Disconnect" /> title="Disconnect" />
<div id="noVNC_controls" class="triangle-right top"> <div id="noVNC_controls" class="noVNC_panel">
<ul> <ul>
<li><label><strong>Host: </strong><input id="noVNC_setting_host" /></label></li> <li><label><strong>Host: </strong><input id="noVNC_setting_host" /></label></li>
<li><label><strong>Port: </strong><input id="noVNC_setting_port" /></label></li> <li><label><strong>Port: </strong><input id="noVNC_setting_port" /></label></li>