website/modules/contrib/webform/css/webform.element.details.togglee628.css
2023-09-30 09:40:37 +02:00

47 lines
906 B
CSS

/**
* @file
* Details toggle element styles.
*
* @see /webform/test_form_details_toggle
*/
.webform-details-toggle-state-wrapper {
text-align: right; /* LTR */
margin-top: 1em;
}
[dir="rtl"] .webform-details-toggle-state-wrapper {
text-align: left;
}
.webform-details-toggle-state-wrapper + details {
margin-top: 0;
}
/* Tweak details toggle state. */
.webform-details-toggle-state {
margin-top: 0;
padding: 0;
cursor: pointer;
border: 0;
background: transparent;
font-size: 1em;
text-decoration: none;
color: #337ab7;
}
.webform-details-toggle-state:hover,
.webform-details-toggle-statelink:focus {
text-decoration: underline;
}
/* Float toggle to the right of webform tabs */
.webform-tabs .webform-details-toggle-state-wrapper {
float: right;
}
@media screen and (max-width: 600px) {
.webform-tabs .webform-details-toggle-state-wrapper {
float: none;
}
}