safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-09-10 07:01:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cleaner notifications.

Browse Source
This commit is contained in:
Michael Jumper
2013-11-10 16:54:15 -08:00
parent e4dbdc10f7
commit 6776eaa15e
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
guacamole/src/main/webapp/styles/client.css
View File

@@ -297,20 +297,23 @@ p.hint {
.notification { .notification {
font-size: 0.9em; font-size: 0.7em;
text-align: center; text-align: center;
border: 1px solid rgba(255, 255, 255, 0.25); border: 1px solid rgba(0, 0, 0, 0.75);
background: black; -moz-border-radius: 0.2em;
opacity: 0.9; -webkit-border-radius: 0.2em;
-khtml-border-radius: 0.2em;
border-radius: 0.2em;
background: white;
color: white; color: black;
padding: 0.5em; padding: 0.5em;
margin: 1em; margin: 1em;
overflow: hidden; overflow: hidden;
box-shadow: 0.25em 0.25em 0.25em rgba(0, 0, 0, 0.75); box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.25);
} }
@@ -324,7 +327,7 @@ p.hint {
white-space: nowrap; white-space: nowrap;
font-weight: bold; font-weight: bold;
border-bottom: 1px solid white; border-bottom: 1px solid black;
padding-bottom: 0.5em; padding-bottom: 0.5em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
@@ -333,10 +336,6 @@ p.hint {
vertical-align: middle; vertical-align: middle;
} }
.notification .caption {
color: silver;
}
.notification .close { .notification .close {
background: url('../images/action-icons/guac-close.png'); background: url('../images/action-icons/guac-close.png');
@@ -363,7 +362,7 @@ p.hint {
to {background-position: 64px 0px;} to {background-position: 64px 0px;}
} }
.upload.notification .caption, .notification .caption,
.download.notification .caption { .download.notification .caption {
width: 100%; width: 100%;
white-space: nowrap; white-space: nowrap;
@@ -388,6 +387,9 @@ p.hint {
min-width: 5em; min-width: 5em;
border: 1px solid gray; border: 1px solid gray;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-khtml-border-radius: 0.2em;
border-radius: 0.2em; border-radius: 0.2em;
text-align: center; text-align: center;
@@ -411,14 +413,14 @@ p.hint {
.download.notification .progress .bar, .download.notification .progress .bar,
.upload.notification .progress .bar { .upload.notification .progress .bar {
background: #048; background: #A3D655;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
height: 100%; height: 100%;
width: 0; width: 0;
box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.5), box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5),
inset -1px -1px 2px rgba( 0, 0, 0, 0.5); inset -1px -1px 0 rgba( 0, 0, 0, 0.1);
} }
.upload.notification .progress, .upload.notification .progress,