Standardizing class names and styles for close buttons

1 files changed, 15 insertions, 19 deletions

diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css
index 873d1799..01704975 100755
--- a/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@ -572,24 +572,32 @@ footer a {
         margin-left: 0;
 }
 
-.popup-close {
+.closeMessage,
+.close-button {
   background: #000;
   color: #FFF;
-        font-size: 1.4em;
-        line-height: 1.6em;
+        font-size: 1.2em;
+        line-height: 1.6;
         width: 1.6em;
         height: 1.6em;
         text-align: center;
   text-decoration: none;
+}
+        .closeMessage:hover,
+        .closeMessage:focus,
+        .close-button:hover,
+        .close-button:focus {
+                background: #999;
+                color: #000;
+        }
+
+.close-button--popup {
         display: inline-block;
         position: absolute;
         top: 0;
         right: 0;
+        font-size: 1.4em;
 }
-        .popup-close:hover {
-                background: #999;
-                color: #000;
-        }
 
 .active-current {
   background-color: #999;
@@ -787,18 +795,6 @@ margin-top:1em;
 
 .messages > * { display: inline-block;}
 
-.closeMessage {
-  background: #000;
-  color: #FFF;
-  padding: 0.2em 0.5em;
-  text-decoration: none;
-}
-
-  .closeMessage:hover, .closeMessage:focus {
-    background: #FFF;
-    color: #000;
-  }
-
 .warning {
   /* font-size: 3em;
   color: #999;