63 lines
1.1 KiB
CSS
63 lines
1.1 KiB
CSS
/**
|
|
* @file
|
|
* Message element styles.
|
|
*
|
|
* @see /webform/test_element_message
|
|
*/
|
|
|
|
/**
|
|
* Webform message close container.
|
|
*/
|
|
.webform-message--close .messages {
|
|
position: relative;
|
|
padding-right: 35px;
|
|
}
|
|
|
|
.webform-message--close .webform-message__link {
|
|
display: none;
|
|
}
|
|
|
|
html.js .webform-message--close .webform-message__link {
|
|
position: absolute;
|
|
top: 11px;
|
|
right: 10px;
|
|
display: block;
|
|
font-size: 24px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
html[dir="rtl"].js .webform-message--close .webform-message__link {
|
|
top: 11px;
|
|
right: inherit;
|
|
left: 10px;
|
|
}
|
|
|
|
.webform-message__link {
|
|
opacity: 0.33;
|
|
color: inherit;
|
|
}
|
|
|
|
.webform-message__link:link {
|
|
text-decoration: none;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.webform-message__link:hover,
|
|
.webform-message__link:focus,
|
|
.webform-message__link:active {
|
|
text-decoration: none;
|
|
opacity: 1;
|
|
color: inherit;
|
|
border-bottom: none;
|
|
}
|
|
|
|
html.js .js-webform-message--close-storage {
|
|
display: none;
|
|
}
|
|
|
|
/**
|
|
* Hide Gin themes dismiss button even when it appears on the node edit form.
|
|
*/
|
|
.js-webform-message--close .button--dismiss {
|
|
display: none;
|
|
}
|