Standardizing class names and styles for close buttons

This commit is contained in:
Jay Sitter
2014-10-31 11:10:38 -04:00
parent f23fd0ee5e
commit 827bd1f899
3 changed files with 17 additions and 21 deletions

View File

@ -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;