GUAC-932: Divide monolithic CSS files.

2025-09-09 14:41:21 +00:00 · 2014-11-22 14:13:15 -08:00
parent 07282978c1
commit ad6d7a614e
16 changed files with 1193 additions and 1068 deletions
--- a/guacamole/src/main/webapp/app/home/styles/connection.css
+++ b/guacamole/src/main/webapp/app/home/styles/connection.css
@@ -0,0 +1,79 @@
+/*
+ * Copyright (C) 2014 Glyptodon LLC
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+
+.group,
+.connection {
+    cursor: pointer;
+}
+
+.connection a,
+.group a {
+    text-decoration:none;
+    color: black;
+}
+
+.connection a:hover,
+.group a:hover {
+    text-decoration:none;
+    color: black;
+}
+
+.connection a:visited,
+.group a:visited {
+    text-decoration:none;
+    color: black;
+}
+
+.group .connection .bears {
+    display: none;
+}
+
+.connection:hover {
+    background: #CDA;
+}
+
+.connection .thumbnail {
+    margin: 0.5em;
+}
+
+.connection .thumbnail img {
+    border: 1px solid black;
+    box-shadow: 1px 1px 5px black;
+    max-width: 75%;
+}
+
+div.recent-connections .connection .thumbnail {
+    display: block;
+}
+
+div.recent-connections .protocol {
+    display: none;
+}
+
+.caption * {
+    vertical-align: middle;
+}
+
+.caption .name {
+    margin-left: 0.25em;
+}
+
--- a/guacamole/src/main/webapp/app/home/styles/home.css
+++ b/guacamole/src/main/webapp/app/home/styles/home.css
@@ -20,18 +20,78 @@
 * THE SOFTWARE.
 */

-.connection a, .group a {
-    text-decoration:none;
-    color: black;
+div.connection-list-ui h1 {
+    
+    margin: 0;
+    padding: 0.5em;
+
+    font-size: 2em;
+    vertical-align: middle;
+    text-align: center;
+
 }

-.connection a:hover, .group a:hover {
-    text-decoration:none;
-    color: black;
+div.connection-list-ui h2 {
+
+    padding: 0.5em;
+    margin: 0;
+    font-size: 1.5em;
+
+    font-weight: lighter;
+    text-shadow: 1px 1px white;
+
+    border-top: 1px solid #AAA;
+    border-bottom: 1px solid #AAA;
+    background: #DDD;
+    
 }

-.connection a:visited, .group a:visited {
-    text-decoration:none;
-    color: black;
+div.logout-panel {
+    padding: 0.45em;
+    text-align: right;
+    float: right;
 }

+.history-unavailable div.recent-connections {
+    display: none;
+}
+
+div.recent-connections,
+div.clipboardDiv,
+div.settings,
+div.all-connections {
+    margin: 1em;
+    padding: 0;
+}
+
+.all-connections .list-buttons {
+    text-align: center;
+    padding: 0;
+}
+
+div.recent-connections {
+    text-align: center;
+}
+
+.no-recent {
+
+    color: black;
+    text-shadow: 1px 1px white;
+    opacity: 0.5;
+    
+    font-size: 2em;
+    font-weight: bolder;
+}
+
+div.recent-connections div.connection {
+    -moz-border-radius: 0.5em;
+    -webkit-border-radius: 0.5em;
+    -khtml-border-radius: 0.5em;
+    border-radius: 0.5em;
+    display: inline-block;
+    padding: 1em;
+    margin: 1em;
+    text-align: center;
+    max-width: 75%;
+    overflow: hidden;
+}