GUACAMOLE-680: Use common styling for all dialogs/notifications.

guacamole/src/main/frontend/src/app/index/styles/dialog.css

@@ -1,94 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-.dialog-container {
-    position: fixed;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    background: rgba(0, 0, 0, 0.5);
-    padding: 1em;
-}
-
-.dialog-outer {
-    display: table;
-    height: 100%;
-    width: 100%;
-    position: fixed;
-    left: 0;
-    top: 0;
-    background: rgba(0, 0, 0, 0.5);
-}
-
-.dialog-middle {
-    width: 100%;
-    text-align: center;
-    display: table-cell;
-    vertical-align: middle;
-}
-
-.dialog.edit {
-    max-height: 100%;
-}
-
-.dialog {
-
-    max-width: 100%;
-    width: 8in;
-    margin-left: auto;
-    margin-right: auto;
-    overflow: auto;
-
-    border: 1px solid rgba(0, 0, 0, 0.5);
-    background: #E7E7E7;
-
-    -moz-border-radius: 0.2em;
-    -webkit-border-radius: 0.2em;
-    -khtml-border-radius: 0.2em;
-    border-radius: 0.2em;
-
-    box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.6);
-    
-}
-
-.dialog > * {
-    margin: 1em;
-}
-
-.dialog .header {
-    margin: 0;
-}
-
-.dialog td {
-    position: relative;
-}
-
-.dialog .overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    z-index: 1;
-}
-
-.dialog .footer {
-    text-align: center;
-}

guacamole/src/main/frontend/src/app/login/styles/dialog.css

@@ -36,8 +36,6 @@
     max-width: 3in;
     text-align: left;
     padding: 1em;
-    border: 1px solid rgba(0, 0, 0, 0.25);
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
     font-size: 1.25em;
 
     display: inline-block;

guacamole/src/main/frontend/src/app/login/templates/login.html

@@ -6,7 +6,7 @@
 
     <div class="login-dialog-middle">
 
-        <div class="login-dialog">
+        <div class="login-dialog notification">
 
             <form class="login-form" ng-submit="login()">
 

guacamole/src/main/frontend/src/app/notification/styles/notification.css

@@ -18,8 +18,8 @@
  */
 
 .notification {
-    border: 1px solid rgba(0, 0, 0, 0.125);
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125);
+    border: 1px solid rgba(0, 0, 0, 0.25);
+    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
     background: white;
     color: black;
 }