GUAC-932: Divide monolithic CSS files.

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;
+}