| Current Path : /var/www/html/c12park/web/modules/contrib/webform/css/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html/c12park/web/modules/contrib/webform/css/webform.element.horizontal_rule.css |
/**
* @file
* Horizontal rule element styles.
*
* @see https://css-tricks.com/examples/hrs/
*/
hr.webform-horizontal-rule {
margin: 1em 0;
}
/* Dashed */
hr.webform-horizontal-rule--dashed {
border: 0;
border-bottom: 1px dashed #666;
background-color: transparent;
}
hr.webform-horizontal-rule--dashed.webform-horizontal-rule--medium {
border-width: 3px;
}
hr.webform-horizontal-rule--dashed.webform-horizontal-rule--thick {
border-width: 6px;
}
/* Dotted */
hr.webform-horizontal-rule--dotted {
border: 0;
border-bottom: 1px dotted #666;
background-color: transparent;
}
hr.webform-horizontal-rule--dotted.webform-horizontal-rule--medium {
border-width: 5px;
}
hr.webform-horizontal-rule--dotted.webform-horizontal-rule--thick {
border-width: 10px;
}
/* Flaired (by Tomas Theunissen) */
hr.webform-horizontal-rule--flaired {
overflow: visible; /* For IE */
height: 30px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #666;
border-radius: 20px;
background-color: transparent;
}
hr.webform-horizontal-rule--flaired:before { /* Not really supposed to work, but does */
display: block;
height: 30px;
margin-top: -31px;
content: "";
border-width: 0 0 1px 0;
border-style: solid;
border-color: #666;
border-radius: 20px;
}
/* Glyph (by Harry Roberts) */
hr.webform-horizontal-rule--glyph {
overflow: visible; /* For IE */
padding: 0;
text-align: center;
color: #666;
border: none;
border-top: medium double #666;
}
hr.webform-horizontal-rule--glyph:after {
position: relative;
top: -0.7em;
display: inline-block;
padding: 0 0.25em;
content: "ยง";
background: white;
font-size: 1.5em;
}
/* Gradient */
hr.webform-horizontal-rule--gradient {
height: 1px;
border: 0;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.webform-horizontal-rule--gradient.webform-horizontal-rule--medium {
height: 3px;
}
hr.webform-horizontal-rule--gradient.webform-horizontal-rule--thick {
height: 6px;
}
/* Dashed */
hr.webform-horizontal-rule--solid {
border: 0;
border-bottom: 1px solid #666;
}
hr.webform-horizontal-rule--solid.webform-horizontal-rule--medium {
border-width: 5px;
}
hr.webform-horizontal-rule--solid.webform-horizontal-rule--thick {
border-width: 10px;
}