From 827bd1f8990e18e1978c95484680d51524ca19bf Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Fri, 31 Oct 2014 11:10:38 -0400 Subject: Standardizing class names and styles for close buttons --- themes/baggy/css/main.css | 34 +++++++++++++++------------------- 1 file changed, 15 insertions(+), 19 deletions(-) (limited to 'themes/baggy/css') 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; -- cgit v1.2.3