Move all files to 2017/

This commit is contained in:
Oliver Davies 2025-09-29 22:25:17 +01:00
parent ac7370f67f
commit 2875863330
15717 changed files with 0 additions and 0 deletions

View file

@ -0,0 +1,16 @@
/**
* @file
* Addons styles
*/
.webform-addons-summary {
float: left;
margin: 0 0 0.5em 0;
}
/**
* Projects.
*/
.webform-addons-projects details {
background-color: #f8f8f8;
}

View file

@ -0,0 +1,18 @@
/**
* @file
* Admin composite element styles.
*/
.webform-admin-composite-elements table tr .form-item {
margin-bottom: 5px;
}
.webform-admin-composite-elements table .form-text,
.webform-admin-composite-elements table .form-textarea,
.webform-admin-composite-elements table .form-select {
width: 100%;
}
.webform-admin-composite-elements table .form-type-checkbox.form-no-label {
text-align: center;
}

View file

@ -0,0 +1,233 @@
/**
* @file
* Admin styles
*/
/**
* Local actions.
*/
.webform-form .action-links {
margin-bottom: 0;
}
/**
* Submission.
*/
.webform-submission-information .button {
font-size: 1em;
}
/**
* Webform setting button displays a gear icon.
* @see /admin/structure/webform/manage/contact/results/submissions
*/
.button.button-webform-table-setting {
margin: 0 0 1em 0;
}
.button.button-webform-table-setting:before {
content: '☷';
font-size: 1.2em;
}
/**
* Filter webform and submissions.
* @see /admin/structure/webform
* @see /admin/structure/webform/templates
*/
.webform-filter-form .form-submit {
margin-left: 0;
margin-right: 5px;
}
.webform-filter-form .form-item {
margin-right: 5px;
}
.webform-filter-form .form-item input {
max-width: 300px;
}
.webform-filter-form .form-item select {
max-width: 200px;
}
@media screen and (max-width: 600px) {
.webform-filter-form .form-item {
display: block;
margin-right: 0;
}
.webform-filter-form .form-item input,
.webform-filter-form .form-item select {
max-width: initial;
}
}
/**
* Results table.
* @see /admin/structure/webform/submissions/manage
* @see /admin/structure/webform/manage/contact/results/submissions
*/
.webform-results-table th,
.webform-results-table td {
max-width: 400px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* Make sure 'Operations' is never cut-off. */
.webform-results-table td.webform-dropbutton-wrapper {
overflow: visible;
max-width: inherit;
white-space: normal;
}
th.webform-results-table__icon,
td.webform-results-table__icon {
padding-left: 0;
padding-right: 0;
}
/* Hide throbber, which breaks icon alignment */
.webform-results-table__icon .ajax-progress-throbber {
display: none;
}
/* Entire row is clickable. @see Drupal.behaviors.webformTableRowHref */
.webform-results-table tbody tr {
cursor: pointer;
cursor: hand;
}
/* Limit image height to 60px */
.webform-results-table td img {
max-height: 60px;
width: auto;
}
/**
* Results icons (notes, sticky, and locked)
*/
.webform-icon {
display: inline-block;
height: 16px;
width: 16px;
text-align: center;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
vertical-align: -2px;
}
/* Notes */
.webform-icon-notes--on {
background-image: url(../images/icons/notes-on.svg);
}
.webform-icon-notes--off {
background-image: url(../images/icons/notes-off.svg);
}
.webform-icon-notes--link {
background-image: url(../images/icons/notes-link.svg);
}
a:hover .webform-icon-notes--on,
a:focus .webform-icon-notes--on,
a:hover .webform-icon-notes--off,
a:focus .webform-icon-notes--off {
background-image: url(../images/icons/notes-link.svg);
}
/* Sticky */
.webform-icon-sticky {
background: transparent url(../images/icons/sticky.svg) no-repeat left top;
display: inline-block;
background-size: 64px 16px;
}
.webform-icon-sticky--off:hover,
.webform-icon-sticky--off:focus {
background-position: -16px top;
}
.webform-icon-sticky--on {
background-position: -32px top;
}
.webform-icon-sticky--on:focus,
.webform-icon-sticky--on:hover {
background-position: -48px top;
}
.webform-icon-sticky--link {
background: transparent url(../images/icons/sticky-link.svg) no-repeat left top;
}
/* Locked */
.webform-icon-locked--on {
background-image: url(../images/icons/locked-on.svg);
}
.webform-icon-locked--off {
background-image: url(../images/icons/locked-off.svg);
}
.webform-icon-locked--link {
background-image: url(../images/icons/locked-on-link.svg);
}
a:hover .webform-icon-locked--on,
a:focus .webform-icon-locked--on {
background-image: url(../images/icons/locked-off-link.svg);
}
a:hover .webform-icon-locked--off,
a:focus .webform-icon-locked--off {
background-image: url(../images/icons/locked-on-link.svg);
}
/**
* Submission view table.
* @see /admin/structure/webform/manage/{webform_id}/submission/{webform_submission_id}/table
*/
.webform-submission-table th {
width: 33%;
min-width: 100px;
}
.webform-submission-table td {
width: 66%;
}
.webform-horizontal-rule {
margin: .5em 0;
}
/**
* Handlers table.
* @see /admin/structure/webform/manage/{webform_id}/handlers
*/
.webform-handlers-table .ajax-progress-throbber {
display: none;
}
@media screen and (max-width: 1280px) {
.js-off-canvas-dialog-open .webform-handlers-table th,
.js-off-canvas-dialog-open .webform-handlers-table td {
display: none;
}
.js-off-canvas-dialog-open .webform-handlers-table th:first-child,
.js-off-canvas-dialog-open .webform-handlers-table th:last-child,
.js-off-canvas-dialog-open .webform-handlers-table td:first-child,
.js-off-canvas-dialog-open .webform-handlers-table td:last-child {
display: table-cell;
}
}

View file

@ -0,0 +1,34 @@
/**
* @file
* Dropbutton styles.
*
* @see /admin/structure/webform
* @see /admin/structure/webform/manage/{webform}/results/submissions
* @see /admin/structure/webform/manage/{webform}
* @see /admin/structure/webform/manage/{webform}/handlers
*/
/**
* Fix webform submission views dropdown display.
*/
.js .webform-submission-views-dropbutton .dropbutton-wrapper {
display: block;
position: relative;
min-height: 2em;
}
.js .webform-submission-views-dropbutton .dropbutton-widget {
position: absolute;
}
/**
* Hide dropbutton to prevent FOUC (flash of unstyled content).
*/
.webform-dropbutton .dropbutton-wrapper {
visibility: hidden;
min-width: 100px;
}
.webform-dropbutton .dropbutton-wrapper .dropbutton-widget {
background-color: transparent;
}

View file

@ -0,0 +1,13 @@
/**
* @file
* Admin settings styles
*/
/**
* Dialog test button.
* @see /admin/structure/webform/manage/{webform}/settings
*/
.webform-settings-form .webform-dialog.button {
width: 100%;
white-space: nowrap;
}

View file

@ -0,0 +1,29 @@
/**
* @file
* Tabledrag styles.
*/
.tabledrag-toggle-weight-wrapper {
position: relative;
}
.tabledrag-toggle-weight-wrapper button {
position: absolute;
top: -2.5em;
right: 0;
}
@media screen and (max-width: 960px) {
.tabledrag-toggle-weight-wrapper {
float: right;
}
.tabledrag-toggle-weight-wrapper button {
position: static;
top: inherit;
right: inherit;
}
}
.webform-tabledrag-hide {
display: none; !important;
}

View file

@ -0,0 +1,12 @@
/**
* @file
* Translation styles.
*/
/**
* Remove margin in left column in translate tab to ensure form items line up.
* @see /admin/structure/webform/manage/contact/translate/es/add
*/
.webform-translation-source .form-item {
margin: 0;
}

View file

@ -0,0 +1,55 @@
/**
* @file
* Ajax styles
*/
/**
* Make sure full screen progress indicator is in front of .ui-dialog.
*
* @see core/themes/seven/css/components/dialog.css
*/
.ajax-progress.ajax-progress-fullscreen {
z-index: 1261;
}
/**
* Floating Ajax message container.
*
* Display status message in a floating container at the bottom of the page.
* NOTE: It is disiplay to display message floating at top because of the floating
* admin toolbar.
*
* @see Drupal.AjaxCommands.prototype.webformInsert
*/
.webform-ajax-messages {
position: fixed;
bottom: 0;
width: 100%;
}
.webform-ajax-messages .messages {
border-width: 10px 0 0 0;
margin: 0;
font-weight: bold;
}
.webform-ajax-messages .messages + .messages {
margin: 0;
}
/**
* Always position webform modal dialog at the top of the page.
*
* This prevents the dialogs position from jumping as its content is refreshed
* and when the window is resized.
*
* @see core/misc/dialog/dialog.position.js
* @see \Drupal\webform\Utility\WebformDialogHelper::getModalDialogAttributes
*/
.webform-ui-dialog {
top: 50px !important;
}
.toolbar-tray-open.toolbar-horizontal .webform-ui-dialog {
top: 90px !important;
}

View file

@ -0,0 +1,8 @@
/**
* @file
* This an empty placeholder file that is replaced with custom CSS.
*
* @see webform_css_alter()
* @see _webform_asset_alter()
* @see \Drupal\webform\WebformSubmissionForm::form
*/

View file

@ -0,0 +1,13 @@
/**
* @file
* Submission limit block styles.
*/
/**
* Disable progress bar animation.
*/
.block-webform-submission-limit-block .progress__bar {
-webkit-animation: none;
-moz-animation: none;
-webkit-transition: none;
}

View file

@ -0,0 +1,24 @@
/**
* @file
* Composite element styles.
*/
/**
* Remove extra margin are composite element which already contain form elements with margins
*/
fieldset.webform-composite-hidden-title {
margin-top: 1em;
margin-bottom: 1em;
}
fieldset.webform-composite-hidden-title .fieldset-wrapper > .form-item:first-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper > .form-wrapper > .form-item:first-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper > .webform-flexbox:first-child {
margin-top: 0;
}
fieldset.webform-composite-hidden-title .fieldset-wrapper > .form-item:last-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper > .form-wrapper > .form-item:last-child,
fieldset.webform-composite-hidden-title .fieldset-wrapper > .webform-flexbox:last-child {
margin-bottom: 0;
}

View file

@ -0,0 +1,22 @@
/**
* @file
* Composite telephone element styles.
*/
.form-type-webform-telephone:after {
content: "";
display: table;
clear: both;
}
.form-type-webform-telephone .form-item,
.form-type-webform-telephone .form-item label {
float: left;
margin: 0 10px 0 0;
vertical-align: middle;
}
.form-type-webform-telephone .form-item label {
line-height: 2em;
height: 2em;
}

View file

@ -0,0 +1,11 @@
/**
* @file
* Confirmation styles.
*
* @see /webform/contact/confirmation
*/
.webform-confirmation__message,
.webform-confirmation__back {
margin: 0 0 1em 0;
}

View file

@ -0,0 +1,148 @@
/**
* @file
* Contribute styles.
*/
/**
* Content.
*/
.webform-contribute-content {
max-width: 1000px;
}
/**
* Image.
*/
img.webform-contribute-image {
width: 100%;
}
/**
* Quote.
*/
blockquote.webform-contribute-quote {
margin: 2em 40px;
font-size: 1.385em;
font-weight: bold;
}
blockquote.webform-contribute-quote:before {
color: rgb(6, 120, 190);
content: "“";
float: left;
font-size: 3em;
margin: 0.2em 0 0 -0.6em;
}
/**
* Community Information.
* @see core/themes/seven/css/components/system-status-report-general-info.css
*/
.webform-contribute-community-info {
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 25px;
}
.webform-contribute-community-info__header {
background-color: #f5f5f2;
padding: 10px;
margin: 0;
overflow: hidden;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
text-transform: uppercase;
}
.webform-contribute-community-info__item {
background: #fcfcfa;
border-top: 1px solid #ccc;
padding: 10px 10px 20px;
box-sizing: border-box;
overflow-x: auto;
}
.webform-contribute-community-info__item-icon {
display: inline-block;
height: 55px;
width: 55px;
vertical-align: top;
}
.webform-contribute-community-info__item-icon:before {
content: "";
background-size: 45px;
background-position: 50% center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
display: block;
}
.webform-contribute-community-info__item-icon--account:before {
background-image: url(../images/contribute/icons/cccccc/account.svg);
}
.webform-contribute-community-info__item-icon--membership:before {
background-image: url(../images/contribute/icons/cccccc/membership.svg);
}
.webform-contribute-community-info__item-icon--contribution:before {
background-image: url(../images/contribute/icons/cccccc/contribution.svg);
}
.webform-contribute-community-info__item-details {
box-sizing: border-box;
display: inline-block;
width: calc(100% - 60px);
padding-left: 10px; /* LTR */
position: relative;
}
[dir="rtl"] .webform-contribute-community-info__item-details {
padding-right: 10px;
padding-left: 0;
}
.webform-contribute-community-info__item-details .button {
margin: 1em 0 0 0;
}
@media screen and (min-width: 48em) {
.webform-contribute-community-info__items {
display: flex;
flex-wrap: wrap;
overflow-x: hidden;
}
.webform-contribute-community-info__item {
flex: 1;
flex-basis: 33%;
width: 33%;
}
.webform-contribute-community-info__item:nth-child(2),
.webform-contribute-community-info__item:nth-child(3) {
border-left: 1px solid #ccc; /* LTR */
}
[dir="rtl"] .webform-contribute-community-info__item:nth-child(1),
[dir="rtl"] .webform-contribute-community-info__item:nth-child(2) {
border-left: 1px solid #ccc;
}
}
@media screen and (min-width: 60em) {
.webform-contribute-community-info__item-icon {
width: 55px;
height: 55px;
}
.webform-contribute-community-info__item-icon:before {
background-size: 45px;
}
}
@media screen and (max-width: 48em) {
.webform-contribute-community-info__header {
display: none;
}
.webform-contribute-community-info {
border-top: 0;
margin-top: 25px;
}
}

View file

@ -0,0 +1,10 @@
/**
* @file
* Checkbox value element styles.
*
* @see /webform/test_element_checkbox_value
*/
.form-item.form-type-webform-checkbox-value {
margin: 0;
}

View file

@ -0,0 +1,32 @@
/**
* @file
* CodeMirror styles.
*
* @see /webform/test_element_codemirror/test
*/
/* Clean up CodeMirror editor */
form .CodeMirror {
border: 1px solid #ccc;
font-size: 13px;
height: auto;
}
form .CodeMirror-scroll {
overflow-y: hidden;
overflow-x: auto;
}
form .CodeMirror .CodeMirror-placeholder {
color: #999;
}
/* Clean up CodeMirror viewer */
pre.webform-codemirror-runmode {
border: 1px solid #ccc;
font-size: 13px;
overflow: auto;
padding: .5em 1em;
margin: 0;
}

View file

@ -0,0 +1,44 @@
/**
* @file
* Element color styles
*
* @see \Drupal\webform\Plugin\WebformElement\Color
* @see webform-element-color-value-swatch.html.twig
* @see http://stackoverflow.com/questions/11167281/webkit-css-to-control-the-box-around-the-color-in-an-elementtype-color
*/
.webform-submission-form input.form-color {
margin: inherit;
padding: 0;
border: 1px solid #ccc;
}
.webform-submission-form input.form-color::-webkit-color-swatch-wrapper {
padding: 0;
}
.webform-submission-form input.form-color::-webkit-color-swatch {
border: none;
}
input.form-color.form-color-small {
width: 16px;
height: 16px;
font-size: smaller;
}
input.form-color.form-color-medium {
width: 24px;
height: 24px;
}
input.form-color.form-color-large {
width: 36px;
height: 36px;
}
input.form-color.form-color-output {
width: 6em;
padding: 0 .5em;
border-left: 0;
}

View file

@ -0,0 +1,22 @@
/**
* @file
* Element composite (builder) styles.
*/
.form-type-webform-element-composite table tr .form-item {
margin-bottom: 5px;
}
.form-type-webform-element-composite table .form-text,
.form-type-webform-element-composite table .form-textarea,
.form-type-webform-element-composite table .form-select {
width: 100%;
}
.form-type-webform-element-composite table .form-type-checkbox.form-no-label {
text-align: center;
}
.form-type-webform-element-composite .description /* Hide options description */ {
display: none;
}

View file

@ -0,0 +1,8 @@
/**
* @file
* Element computed styles.
*/
.webform-computed-loading {
background-color: #ffffaa;
}

View file

@ -0,0 +1,17 @@
/**
* @file
* Element counter styles.
*/
input.webform-counter-warning,
input.form-text.webform-counter-warning,
textarea.webform-counter-warning,
textarea.form-textarea.webform-counter-warning {
border-color: #e09600;
background: #fdf8ed;
}
.text-count-wrapper.webform-counter-warning {
color: #734c00;
font-weight: bold;
}

View file

@ -0,0 +1,8 @@
/**
* @file
* Element date styles.
*/
.ui-datepicker-trigger {
margin: 0 2px;
}

View file

@ -0,0 +1,8 @@
/**
* @file
* Element datelist styles.
*/
.form-type-datelist input[type="text"] {
max-width: 5em;
}

View file

@ -0,0 +1,52 @@
/**
* @file
* Element details toggle all styles.
*
* @see /webform/test_form_details_toggle
*/
.webform-details-toggle-state-wrapper {
text-align: right; /* LTR */
}
[dir="rtl"] .webform-details-toggle-state-wrapper {
text-align: left;
}
.webform-details-toggle-state-wrapper {
margin-top: 1em;
}
.webform-details-toggle-state-wrapper + details {
margin-top: 0;
}
.webform-details-toggle-state {
background: transparent;
border: 0;
cursor: pointer;
margin-top: 0;
padding: 0;
font-size: 1em;
}
/* Tweak details toggle state. */
.webform-details-toggle-state {
color: #337ab7;
text-decoration: none;
}
.webform-details-toggle-state:hover,
.webform-details-toggle-statelink:focus {
text-decoration: underline;
}
/* Float toogle 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;
}
}

View file

@ -0,0 +1,10 @@
/**
* @file
* File upload button styles.
*
* @see https://stackoverflow.com/questions/21842274/cross-browser-custom-styling-for-file-upload-button
*/
.webform-file-button-input {
position: fixed;
top: -1000px;
}

View file

@ -0,0 +1,167 @@
/**
* @file
* Flexbox styles.
*
* @see /webform/example_layout_flexbox
* @see /webform/test_element_flexbox_flex
*/
@media (min-width: 768px) {
.webform-flexbox {
display: -webkit-flex;
display: flex;
margin: 1em -.5em;
}
.webform-flexbox .webform-flexbox {
margin: 1em 0;
}
.webform-flexbox--flex-start {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.webform-flexbox--flex-end {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.webform-flexbox--center {
-webkit-align-items: center;
align-items: center;
}
.webform-flex {
min-width: 0;
}
.webform-flex--container {
margin: 0 .5em;
}
.webform-flex--container > .form-item {
margin: 0;
}
.webform-flex--container > .form-item > input,
.webform-flex--container > .form-item > select {
width: 100%;
}
.container-inline .webform-flex--container > .form-item > input,
.container-inline .webform-flex--container > .form-item > select {
width: inherit;
}
.webform-flex--container > .webform-has-field-prefix > input,
.webform-flex--container > .webform-has-field-suffix > input,
.webform-flex--container > .webform-has-field-prefix > select,
.webform-flex--container > .webform-has-field-suffix > select {
width: 85%;
}
.webform-flex--container > .webform-has-field-prefix.webform-flex.webform-has-field-suffix > input,
.webform-flex--container > .webform-has-field-prefix.webform-flex.webform-has-field-suffix > select {
width: 70%;
}
.webform-flex--1 {
-webkit-flex: 1;
flex: 1;
}
.webform-flex--2 {
-webkit-flex: 2;
flex: 2;
}
.webform-flex--3 {
-webkit-flex: 3;
flex: 3;
}
.webform-flex--4 {
-webkit-flex: 4;
flex: 4;
}
.webform-flex--5 {
-webkit-flex: 5;
flex: 5;
}
.webform-flex--6 {
-webkit-flex: 6;
flex: 6;
}
.webform-flex--7 {
-webkit-flex: 7;
flex: 7;
}
.webform-flex--8 {
-webkit-flex: 8;
flex: 8;
}
.webform-flex--9 {
-webkit-flex: 9;
flex: 9;
}
.webform-flex--10 {
-webkit-flex: 10;
flex: 10;
}
.webform-flex--11 {
-webkit-flex: 11;
flex: 11;
}
.webform-flex--12 {
-webkit-flex: 12;
flex: 12;
}
/**
* Select other.
*/
.webform-flex--container > .form-type-webform-select-other select {
width: 100%;
}
.webform-flex--container > .form-type-webform-select-other .form-item {
margin: 0;
}
.webform-flex--container > .form-type-webform-select-other .form-item + .form-item {
margin-top: .5em;
}
/**
* Range.
*/
.webform-flex--container > .form-type-range-output > .form-range-output {
width: 66%;
}
/**
* Composite.
*/
.form-composite > .webform-flexbox {
margin: 1em -.5em;
}
/**
* Radios/checkboxes.
*/
.webform-flex--container .form-type-checkbox,
.webform-flex--container .form-type-radio {
white-space: nowrap;
}
}

View file

@ -0,0 +1,40 @@
/**
* @file
* Element help styles.
*/
.webform-element-help {
display: inline-block;
box-sizing: content-box;
border: 2px solid #bbb;
background: #bbb;
line-height: 14px;
height: 14px;
width: 14px;
font-size: 12px;
color: #fff;
border-radius: 50%;
font-weight: bold;
text-align: center;
vertical-align: baseline;
margin: 0 .3em;
}
.webform-element-help:focus,
.webform-element-help:active,
.webform-element-help:hover {
border: 2px solid #0074bd;
background: #0074bd;
color: #fff;
cursor: help;
}
.ui-tooltip.webform-element-help--tooltip {
max-width: 400px;
}
.webform-element-help--title {
font-weight: bold;
font-size: 1.1em;
margin: 0 0 .2em 0;
}

View file

@ -0,0 +1,116 @@
/**
* @file
* Element horizontal rule 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-style: solid;
border-color: #666;
border-width: 1px 0 0 0;
border-radius: 20px;
}
hr.webform-horizontal-rule--flaired:before { /* Not really supposed to work, but does */
display: block;
content: "";
height: 30px;
margin-top: -31px;
border-style: solid;
border-color: #666;
border-width: 0 0 1px 0;
border-radius: 20px;
}
/* Glyph (by Harry Roberts) */
hr.webform-horizontal-rule--glyph {
overflow: visible; /* For IE */
padding: 0;
border: none;
border-top: medium double #666;
color: #666;
text-align: center;
}
hr.webform-horizontal-rule--glyph:after {
content: "§";
display: inline-block;
position: relative;
top: -0.7em;
font-size: 1.5em;
padding: 0 0.25em;
background: white;
}
/* Gradient */
hr.webform-horizontal-rule--gradient {
border: 0;
height: 1px;
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;
}

View file

@ -0,0 +1,12 @@
/**
* @file
* HTML editor styles.
*
* @see /webform/test_element_html_editor
*/
/* Add html tag to make this selector more specific */
html .cke_reset_all .cke_dialog_body {
background-color: #f5f5f2;
border-radius: 5px;
}

View file

@ -0,0 +1,12 @@
/**
* @file
* iCheck element styles.
*/
/**
* Hide checkbox/radio as the page loads
*/
[data-webform-icheck] input[type="checkbox"],
[data-webform-icheck] input[type="radio"] {
opacity: 0;
}

View file

@ -0,0 +1,15 @@
/**
* @file
* Image file styles.
*
* @see /webform/test_element_media_file
*/
img.webform-image-file {
max-width: 100%;
height: auto;
}
.webform-image-file-modal img {
display: block;
}

View file

@ -0,0 +1,125 @@
/**
* @file
* Likert element styles.
*
* @see /webform/test_element_likert
*/
/**
* Answer column widths.
*/
[data-likert-answers-count="2"] th {
width: 30%;
}
[data-likert-answers-count="3"] th {
width: 20%;
}
[data-likert-answers-count="4"] th {
width: 15%;
}
[data-likert-answers-count="5"] th {
width: 12%;
}
[data-likert-answers-count="6"] th {
width: 10%;
}
[data-likert-answers-count="7"] th {
width: 8.57%;
}
[data-likert-answers-count="8"] th {
width: 7.5%;
}
[data-likert-answers-count="9"] th {
width: 6.66%;
}
[data-likert-answers-count="10"] th {
width: 6%;
}
/**
* Basic table formatting.
*/
.webform-likert-table-wrapper th,
.webform-likert-table-wrapper td {
text-align: center;
}
.webform-likert-table-wrapper th:first-child,
.webform-likert-table-wrapper td:first-child {
text-align: inherit;
width: 40%;
}
.webform-likert-table-wrapper td:first-child label {
display: block;
}
/**
* Mobile support to likert webform element that converts radios in table
* grid to inline vertical radios.
*/
@media (max-width: 768px) {
.form-type-webform-likert table.sticky-header {
display: none;
}
.form-type-webform-likert table {
border-collapse: collapse;
font-size: inherit;
}
.form-type-webform-likert thead {
display: none;
}
.form-type-webform-likert tr,
.form-type-webform-likert tr.odd {
border: 0;
background: transparent;
}
.form-type-webform-likert td {
display: block;
border: 0;
background: transparent;
padding: 0;
text-align: inherit;
}
.webform-likert-table[data-likert-answers-count] th,
.webform-likert-table[data-likert-answers-count] th:first-child,
.webform-likert-table td,
.webform-likert-table td:first-child {
width: 100%;
}
/**
* Show visually hidden radio title and description
* when Likert is displayed inline on mobile.
* @see \Drupal\webform\Element\WebformLikert::processWebformLikert
* @see core/modules/system/css/components/hidden.module.css
*/
.webform-likert-table .visually-hidden {
position: inherit !important;
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
}
.webform-likert-label.visually-hidden {
display: inline;
}
.webform-likert-description.hidden {
display: block;
}
.webform-likert-help.hidden {
display: inline;
}
.form-type-webform-likert td:last-child {
margin-bottom: 1em;
}
}

View file

@ -0,0 +1,42 @@
/**
* @file
* Location geocomplete element styles.
*
* @see /webform/test_element_loc_geocomplete
*/
/**
* Map styles.
*/
.webform-location-geocomplete-map {
margin-top: 5px;
border: 1px solid #ccc;
width: 100%;
max-width: 600px;
display: block;
position: relative;
}
.webform-location-geocomplete-map:after {
padding-top: 56.25%; /* 16:9 ratio */
display: block;
content: '';
}
.webform-location-geocomplete-map--container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
/**
* Remove power by Google.
*
* @see http://stackoverflow.com/questions/12327651/how-to-remove-the-powered-by-google-logo-in-the-google-map-autocomplete-dropdo
*/
.pac-container:after {
background-image: none;
height: 0;
}

View file

@ -0,0 +1,16 @@
/**
* @file
* Location Algolia places element styles.
*
* @see https://community.algolia.com/places/documentation.html#css-classes
* @see /webform/test_element_loc_places
*/
.ap-input {
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
line-height: 2em;
height: 2em;
border-radius: unset;
}

View file

@ -0,0 +1,30 @@
/**
* @file
* Managed file styles.
*/
.webform-managed-file-preview-wrapper + input[type="submit"],
.webform-managed-file-preview-wrapper + button,
.webform-managed-file-preview + input[type="submit"],
.webform-managed-file-preview + button {
margin: .5em 0;
}
.webform-managed-file-preview-wrapper,
.webform-managed-file-preview-wrapper.form-item {
display: table;
border: 1px solid #ccc;
padding: .5em;
}
.webform-managed-file-preview,
label.webform-managed-file-preview,
label.option.webform-managed-file-preview {
display: block;
}
.webform-managed-file-placeholder,
.webform-managed-file-preview,
.webform-file-button {
margin: .5em 0;
}

View file

@ -0,0 +1,74 @@
/**
* @file
* Messages element styles.
*
* @see /webform/test_element_message
*/
/**
* Add styles to default (info) message,
*/
.messages.messages--info {
color: #31708f;
background-color: #d9edf7;
background-image: url(../images/icons/info.svg);
background-repeat: no-repeat;
background-position: 10px 17px;
border-color: #0074bd #0074bd #0074bd transparent; /* LTR */
box-shadow: -8px 0 0 #0074bd; /* LTR */
}
[dir="rtl"] .messages.messages--info {
border-color: #0074bd transparent #0074bd #0074bd;
box-shadow: 8px 0 0 #0074bd;
margin-left: 0;
}
/**
* Webform message close container.
*/
.webform-message--close .messages {
position: relative;
}
/**
* Webform message close link.
*/
.webform-message--close .messages {
padding-right: 35px;
}
.webform-message--close .webform-message__link {
display: none;
}
html.js .webform-message--close .webform-message__link {
display: block;
position: absolute;
top: 11px;
right: 10px;
line-height: 24px;
font-size: 24px;
}
.webform-message__link {
color: inherit;
opacity: 0.33;
}
.webform-message__link:link {
border-bottom: none;
text-decoration: none;
}
.webform-message__link:hover,
.webform-message__link:focus,
.webform-message__link:active {
border-bottom: none;
text-decoration: none;
color: inherit;
opacity: 1;
}
html.js .js-webform-message--close-storage {
display: none;
}

View file

@ -0,0 +1,25 @@
/**
* @file
* Element more styles.
*/
.webform-element-more--link {
display: none;
}
.webform-element-more--link:before {
content: '► ';
font-size: .8em;
}
.webform-element-more.is-open .webform-element-more--link:before {
content: '▼ ';
}
html.js .webform-element-more--link {
display: block;
}
html.js .webform-element-more--content {
display: none;
}

View file

@ -0,0 +1,184 @@
/**
* @file
* Multiple element styles.
*
* @see /webform/test_element_multiple
*/
.form-type-webform-multiple:after {
content: " ";
display: table;
clear: both;
}
.webform-multiple-table table {
margin-bottom: 2px;
}
.webform-multiple-table td {
white-space: nowrap;
vertical-align: top;
}
.webform-multiple-table td .description {
white-space: normal;
}
.webform-multiple-table td.webform-multiple-table--handle {
padding: 0 0 0 1em;
width: 26px;
vertical-align: middle;
text-align: center;
}
.webform-multiple-table td.webform-multiple-table--weight {
width: 20px;
}
.webform-multiple-table td.webform-multiple-table--operations {
padding: 0 2px;
vertical-align: middle;
text-align: center;
width: 30px;
}
.webform-multiple-table td.webform-multiple-table--operations-two {
width: 60px;
}
.webform-multiple-table td.webform-multiple-table--operations input {
margin: 0 2px;
opacity: 0.4;
background: none;
}
.webform-multiple-table td.webform-multiple-table--operations input:hover,
.webform-multiple-table td.webform-multiple-table--operations input:focus,
.webform-multiple-table td.webform-multiple-table--operations input:active {
opacity: 1;
background: none;
}
.webform-multiple-table td select,
.webform-multiple-table td .form-type-textfield input,
.webform-multiple-table td .form-type-email input,
.webform-multiple-table td .form-type-url input,
.webform-multiple-table td .form-type-tel input,
.webform-multiple-table td .form-type-entity-autocomplete input,
.webform-multiple-table td .form-type-webform-autocomplete input {
width: 100%;
}
.webform-multiple-table td .container-inline select,
.form-type-webform-multiple.webform-has-field-prefix td select,
.form-type-webform-multiple.webform-has-field-suffix td select,
.form-type-webform-multiple.webform-has-field-prefix td input,
.form-type-webform-multiple.webform-has-field-suffix td input {
width: auto;
}
.webform-multiple-table .webform-multiple-sort-weight {
width: 4em;
}
.webform-multiple-table td input[type="image"] {
padding: 0;
width: 16px;
height: 16px;
}
.webform-multiple-table .container-inline input[type="submit"] {
width: inherit;
}
/**
* Add margin between stacked form items.
*/
.webform-multiple-table .form-item + .form-item {
margin-top: .2em;
}
/**
* Remove margin from no messages.
*/
.webform-multiple-table--no-items-message .messages__wrapper {
padding: 0;
}
/**
* Suppress table drag warnings.
*/
.webform-multiple-table .tabledrag-changed-warning,
.webform-multiple-table .tabledrag-changed {
display: none !important; /* Must use !important because .tabledrag-changed 'display' is set via JavaScript */
}
/**
* Tweak tabledrag toggle weight.
*/
.tabledrag-toggle-weight-wrapper.webform-multiple-tabledrag-toggle-weight {
float: right;
display: inherit;
position: inherit;
}
.tabledrag-toggle-weight-wrapper.webform-multiple-tabledrag-toggle-weight button {
position: inherit;
top: inherit;
right: inherit;
}
/**
* IMCE tweaks
*/
.webform-multiple-table .imce-url-button {
display: block;
}
/**
* Mobile support to multiple table.
*/
@media (max-width: 768px) {
.webform-multiple-table-responsive thead {
display: none;
}
.webform-multiple-table-responsive tr {
display: block;
padding: .5em 0;
}
.webform-multiple-table-responsive td {
display: block;
border: 0;
background: transparent;
text-align: inherit;
width: inherit;
padding: .5em 1em;
}
.webform-multiple-table-responsive td:after {
content: "";
display: table;
clear: both;
}
.webform-multiple-table-responsive td.webform-multiple-table--handle,
.webform-multiple-table-responsive td.webform-multiple-table--operations {
display: none;
}
.webform-multiple-table-responsive td.webform-multiple-table--weight {
width: 100%;
}
.webform-multiple-table-responsive td > div > label.visually-hidden {
display: block;
position: inherit !important;
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
margin: .2em 0;
}
}

View file

@ -0,0 +1,38 @@
/**
* @file
* Element options display styles.
*
* @see /webform/example_layout_basic
*/
.webform-options-display-side-by-side > div {
display: inline-block;
margin-right: .5em;
}
/**
* Display columns for devices that are more than 400px wide.
*/
@media (min-width: 400px) {
.webform-options-display-two-columns {
display: inline-block;
margin-top: .4em;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.webform-options-display-three-columns {
display: inline-block;
margin-top: .4em;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.webform-options-display-two-columns div.form-item,
.webform-options-display-three-columns div.form-item {
margin-top: 0;
margin-bottom: 0;
}
}

View file

@ -0,0 +1,13 @@
/**
* @file
* Other element styles.
*
* @see /webform/test_element_other
*/
html.js .webform-select-other .webform-select-other-input,
html.js .webform-checkboxes-other .webform-checkboxes-other-input,
html.js .webform-radios-other .webform-radios-other-input,
html.js .webform-buttons-other .webform-buttons-other-input {
display: none;
}

View file

@ -0,0 +1,55 @@
/**
* @file
* Element range styles.
*
* @see http://thenewcode.com/754/input-Antipode-The-HTML5-output-Element
*/
/**
* Vertical center range input.
*/
.form-type-range input[type="range"] {
display: table-cell;
vertical-align: middle;
}
/**
* Left or right output (via '#type': number).
*/
.form-type-range .form-type-number {
display: none;
}
html.js .form-type-range .form-type-number {
display: inline;
white-space: nowrap;
}
.form-type-range .webform-range-output-delimiter {
display: inline-block;
width: 10px;
}
.form-type-range input[type="number"] {
text-align: right;
}
/**
* Bubble output (via <output>).
*/
.form-type-range output {
display: none;
}
html.js .form-type-range output {
display: block;
}
.form-type-range output {
opacity: 0.3;
position: absolute;
background: #ededed;
border: 1px solid #bbb;
padding: 2px 5px;
text-align: center;
}

View file

@ -0,0 +1,92 @@
/**
* @file
* Rating element styles.
*/
html.js .form-webform-rating {
display: none;
}
div.svg div.rateit-range {
background: url(../images/rating/star-normal.svg);
}
div.svg div.rateit-hover {
background: url(../images/rating/star-hover.svg);
}
div.svg div.rateit-selected {
background: url(../images/rating/star-selected.svg);
}
div.svg div.rateit-preset {
background: url(../images/rating/star-preset.svg);
}
div.svg button.rateit-reset {
background: url(../images/rating/reset-normal.svg);
}
div.svg button.rateit-reset:hover {
background: url(../images/rating/reset-hover.svg);
}
/**
* Small
*/
div.svg.rateit-small {
height: 16px;
}
div.svg.rateit-small div.rateit-range,
div.svg.rateit-small div.rateit-hover,
div.svg.rateit-small div.rateit-selected,
div.svg.rateit-small div.rateit-preset {
background-size: 16px 16px;
}
div.svg.rateit-small button.rateit-reset {
height: 16px;
width: 16px;
background-size: 16px 16px;
}
/**
* Medium
*/
div.svg.rateit-medium {
height: 24px;
}
div.svg.rateit-medium div.rateit-range,
div.svg.rateit-medium div.rateit-hover,
div.svg.rateit-medium div.rateit-selected,
div.svg.rateit-medium div.rateit-preset {
background-size: 24px 24px;
}
div.svg.rateit-medium button.rateit-reset {
height: 24px;
width: 24px;
background-size: 24px 24px;
}
/**
* Large
*/
div.svg.rateit-large {
height: 36px;
}
div.svg.rateit-large div.rateit-range,
div.svg.rateit-large div.rateit-hover,
div.svg.rateit-large div.rateit-selected,
div.svg.rateit-large div.rateit-preset {
background-size: 32px 32px;
}
div.svg.rateit-large button.rateit-reset {
height: 32px;
width: 32px;
background-size: 32px 32px;
}

View file

@ -0,0 +1,13 @@
/**
* @file
* Select2 styles.
*/
/*
* Make sure container is visible.
* - Fixes Select2 not working with dialog or system tray.
* .ui-dialog z-index is 1260. @see core/themes/seven/css/components/dialog.css
*/
.select2-container--open {
z-index: 1261;
}

View file

@ -0,0 +1,44 @@
/**
* @file
* Signature element styles.
*
* @see https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/
*/
.webform-signature-pad {
position: relative;
background-color: #f0f0f0;
}
.webform-signature-pad:before {
display: block;
content: "";
width: 100%;
padding-top: 33%;
}
.webform-signature-pad canvas {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
cursor: crosshair;
}
/* Position 'Reset' button in right hand corner of the canvas */
.webform-signature-pad .button {
z-index: 100;
position: absolute;
top: 2px;
right: 2px;
}
/* Add border around signature image */
.webform-signature-pad-image {
display: block;
width: 100%;
max-width: 600px; /* Max width is used to prevent signature pad from getting too wide and tall */
border: 1px solid #ccc;
}

View file

@ -0,0 +1,78 @@
/**
* @file
* States element styles.
*
* @see /webform/test_element_states
*/
.webform-states-table td {
white-space: nowrap;
}
tr.webform-states-table--state {
border-top: 2px solid #a6a6a6;
}
tr.webform-states-table--state:first-child {
border-top: inherit;
}
tr.webform-states-table--state td select {
width: inherit;
max-width: inherit;
}
.webform-states-table--state td.webform-states-table--state select,
.webform-states-table--condition select,
.webform-states-table--condition input[type="text"] {
width: 100%;
max-width: 100%;
}
.webform-states-table--condition input[type="text"] {
margin-top: 4px;
}
.webform-states-table .image-button {
margin: 0;
}
.webform-states-table th.webform-states-table--operations,
.webform-states-table td.webform-states-table--operations {
padding: 0 2px;
vertical-align: middle;
}
.webform-states-table td.webform-states-table--operations input {
margin: 0 2px;
}
.webform-states-table td.webform-states-table--operations input {
opacity: 0.4;
}
.webform-states-table td.webform-states-table--operations input:hover,
.webform-states-table td.webform-states-table--operations input:focus,
.webform-states-table td.webform-states-table--operations input:active {
opacity: 1;
background: none;
}
/**
* Suppress table drag warnings.
*/
.webform-states-table .tabledrag-changed-warning,
.webform-states-table .tabledrag-changed {
display: none !important; /* Must use !important because .tabledrag-changed 'display' is set via JavaScript */
}
/**
* Limit results in jQuery UI Autocomplete
*
* https://stackoverflow.com/questions/7617373/limit-results-in-jquery-ui-autocomplete
*/
.ui-autocomplete {
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}

View file

@ -0,0 +1,12 @@
/**
* @file
* Table select element styles.
*
* @see /webform/test_element_table
*/
/* Make the first column containing a checkbox/radio as small as possible. */
.tableselect th:first-child,
.tableselect td:first-child {
width: 1px;
}

View file

@ -0,0 +1,12 @@
/**
* @file
* Table select sort element styles.
*
* @see /webform/test_element_table
*/
.tableselect-sort th:first-child,
.tableselect-sort td:first-child {
white-space: nowrap;
width: 40px;
}

View file

@ -0,0 +1,11 @@
/**
* @file
* Term checkboxes element styles.
*/
.webform-term-checkboxes-scroll .fieldset-wrapper {
max-height: 180px;
border: 1px solid #ccc;
padding: 0 10px;
overflow: auto;
}

View file

@ -0,0 +1,14 @@
/**
* @file
* Terms of service element styles.
*/
.webform-terms-of-service-details {
border: 1px solid #ccc;
padding: .5em 1em;
margin: .5em 0;
}
.webform-terms-of-service-details--title {
font-weight: bold;
}

View file

@ -0,0 +1,12 @@
/**
* @file
* Text form element styles.
*/
/**
* Add more padding to text form tips when they are displayed in a modal.
* @see \Drupal\webform\Plugin\WebformElement\TextFormat::afterBuild
*/
.webform-text-format-help-dialog .ui-dialog-content > div {
padding: 0 1em 1em 1em;
}

View file

@ -0,0 +1,42 @@
/**
* @file
* Toggle element styles.
*/
html.js .form-type-webform-toggle .form-checkbox {
display: none;
}
html.js .form-type-webform-toggle label.option {
display: block;
float: left;
}
html.js .form-type-webform-toggle label + input + .toggle {
margin: 2px 0;
}
html.js .toggle {
display: block;
float: left;
margin: 2px .5em 2px 0;
text-transform: uppercase;
}
html.js .toggle.toggle-small,
html.js .toggle.toggle-small + label {
height: 16px;
line-height: 16px;
}
html.js .toggle.toggle-medium,
html.js .toggle.toggle-medium+ label {
height: 24px;
line-height: 24px;
}
html.js .toggle.toggle-large,
html.js .toggle.toggle-large + label {
height: 36px;
line-height: 36px;
}

View file

@ -0,0 +1,11 @@
/**
* @file
* Video file styles.
*
* @see /webform/test_element_media_file
*/
.webform-video-file video {
width: 100%;
height: auto;
}

View file

@ -0,0 +1,71 @@
/**
* @file
* Webform styles.
*/
/**
* Container inline
*/
.form-item .container-inline {
margin: 2px 0;
}
/**
* Issue #2731991: Setting required on radios marks all options required.
*/
.form-checkboxes .form-required:after,
.form-radios .form-required:after {
display: none;
}
/**
* Element title inline.
*/
.webform-element--title-inline > label {
display: inline;
padding-right: 0.5em;
}
/**
* Fieldset title inline.
* Applies to radios, checkboxes, and buttons. (aka .form-composite)
* @see \Drupal\webform\Plugin\WebformElement\OptionsBase::prepare
* @see webform_preprocess_fieldset()
*/
.form-composite.webform-fieldset--title-inline legend {
float: left;
margin: 0.4em 0.5em 0.4em 0;
}
.form-composite.webform-fieldset--title-inline .fieldset-wrapper,
.form-composite.webform-fieldset--title-inline .fieldset-wrapper > div {
display: inline;
}
/**
* Checkboxes and radios title inline.
*/
.webform-element--title-inline .form-radios,
.webform-element--title-inline .form-checkboxes {
display: inline;
}
/**
* Readonly inputs. (@see .form-disabled)
* @see https://www.wufoo.com/html5/attributes/21-readonly.html
*/
.webform-readonly input[type="date"],
.webform-readonly input[type="datetime-local"],
.webform-readonly input[type="email"],
.webform-readonly input[type="number"],
.webform-readonly input[type="password"],
.webform-readonly input[type="search"],
.webform-readonly input[type="tel"],
.webform-readonly input[type="text"],
.webform-readonly input[type="time"],
.webform-readonly input[type="url"],
.webform-readonly textarea {
background: #ededed;
border-color: #bbb;
color: #717171;
}

View file

@ -0,0 +1,76 @@
/**
* @file
* Help styles.
*
* @see /admin/help/webform
* @see /admin/help/webform/introduction
*/
/**
* Help block.
*/
.block-help {
margin: 1em 0;
}
/**
* Help page.
*/
.webform-help h4 {
font-size: 1em;
text-transform: uppercase;
}
.webform-help .button.button--primary {
width: 100%;
max-width: 600px;
margin: 0;
}
.webform-help img {
width: 100%;
height: auto;
}
.webform-help .webform-help-video-youtube {
max-width: 600px;
}
/**
* Help play button.
*/
.button.button-webform-play:before {
content: '► ';
font-size: .8em;
}
/**
* Help video.
*/
.webform-help-video-youtube {
margin: 1em 0 .2em 0;
max-width: 1024px;
border: 1px solid #000;
}
.webform-help-video-youtube--container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.webform-help-video-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/**
* Help links.
*/
.webform-help-links {
margin-left: 0;
}

View file

@ -0,0 +1,51 @@
/**
* @file
* Navigation styles.
*
* @see /admin/structure/webform/manage/{webform_id}/submission/{webform_submission_id}
*/
/**
* Navigation.
*/
.webform-submission-navigation {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0.5em 0;
}
/**
* Pager.
*/
.webform-submission-pager {
margin: 0;
overflow: auto;
padding: 0.5em 0;
}
.webform-submission-pager__item {
display: inline-block;
list-style-type: none;
vertical-align: top;
}
.webform-submission-pager__item--previous {
text-align: left; /* LTR */
width: 45%;
}
[dir="rtl"] .webform-submission-pager__item--previous {
float: right;
text-align: right;
}
.webform-submission-pager__item--next {
float: right; /* LTR */
text-align: right; /* LTR */
width: 45%;
}
[dir="rtl"] .webform-submission-pager__item--next {
float: left;
text-align: left;
}

View file

@ -0,0 +1,130 @@
/**
* @file
* Wizard progress bar styles.
*
* @see /webform/example_wizard
* @see /webform/test_form_wizard_advanced
*/
/**
* Progress bar.
*
* @see https://coderwall.com/p/-7trcg/simple-css-only-wizard-progress-tracker
*/
.webform-progress-bar {
margin: 0;
padding: 0;
overflow: hidden;
font-size: smaller;
}
li.webform-progress-bar__page {
list-style-type: none;
display: inline-block;
position: relative;
margin: 0;
padding: 0;
line-height: 30px;
height: 30px;
background-color: #f0f0f0;
}
.webform-progress-bar[data-steps="2"] li {
width: 50%;
}
.webform-progress-bar[data-steps="3"] li {
width: 33%;
}
.webform-progress-bar[data-steps="4"] li {
width: 25%;
}
.webform-progress-bar[data-steps="5"] li {
width: 20%;
}
.webform-progress-bar[data-steps="6"] li {
width: 16.6%;
}
.webform-progress-bar[data-steps="7"] li {
width: 14.28%;
}
.webform-progress-bar[data-steps="8"] li {
width: 12.5%;
}
.webform-progress-bar[data-steps="9"] li {
width: 11.11%;
}
.webform-progress-bar[data-steps="10"] li {
width: 10%;
}
li.webform-progress-bar__page > b {
display: block;
padding: 0 0 0 30px;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
li.webform-progress-bar__page--done > b {
background-color: #dbdbdb;
}
li.webform-progress-bar__page--current > b {
font-weight: bold;
}
li.webform-progress-bar__page > b:after,
li.webform-progress-bar__page > b:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
border: solid transparent;
border-left-color: #ededed;
border-width: 15px;
}
li.webform-progress-bar__page > b:after {
top: -5px;
z-index: 1;
border-left-color: white;
border-width: 20px;
}
li.webform-progress-bar__page > b:before {
z-index: 2;
}
li.webform-progress-bar__page--done + li > b:before {
border-left-color: #dbdbdb;
}
li.webform-progress-bar__page:first-child > b:after,
li:first-child > b:before {
display: none;
}
li.webform-progress-bar__page:first-child span,
li.webform-progress-bar__page:last-child span {
display: block;
height: 0;
width: 0;
position: absolute;
top: 0;
left: 0;
border: solid transparent;
border-left-color: white;
border-width: 15px;
}
li.webform-progress-bar__page:last-child span {
left: auto;
right: -15px;
border-left-color: transparent;
border-top-color: white;
border-bottom-color: white;
}

View file

@ -0,0 +1,10 @@
/**
* @file
* Wizard progress (numbering) styles.
*
* @see /webform/test_form_wizard_advanced
*/
.webform-progress__status {
text-align: center;
}

View file

@ -0,0 +1,109 @@
/**
* @file
* Wizard progress tracker styles.
*
* @see http://nigelotoole.github.io/progress-tracker/
*/
/**
* Reduce top/bottom margins around progress tracker.
*/
.webform-progress-tracker.progress-tracker {
margin-top: 20px;
margin-bottom: 20px;
}
/**
* Update progress text to show completed and active.
*/
.webform-progress-tracker .progress-step .progress-text {
color: #656565;
padding-top: 5px;
padding-bottom: 0;
}
.webform-progress-tracker .progress-step::after {
background-color: #656565;
}
.webform-progress-tracker .progress-step.is-active .progress-text {
color: #333;
}
.webform-progress-tracker .progress-step.is-active .progress-title {
font-weight: bold;
}
.webform-progress-tracker .progress-step.is-complete .progress-text {
color: #333;
}
/**
* Disable hover state because webform wizard progress markers are not clickable.
*/
.webform-progress-tracker .progress-step:not(.is-active) .progress-marker,
.webform-progress-tracker .progress-step:hover .progress-marker {
background-color: #656565;
}
.webform-progress-tracker .progress-step.is-complete:hover .progress-marker {
background-color: #1976f2;
}
.webform-progress-tracker .progress-step.is-active:hover .progress-marker {
background-color: #2196f3;
}
/**
* Make progress text smaller for tablets.
*/
@media screen and (max-width: 800px) {
.webform-progress-tracker .progress-text {
font-size: smaller;
}
}
/**
* Hide progress text smaller for mobile.
*/
@media screen and (max-width: 600px) {
.webform-progress-tracker .progress-text {
display: none;
}
}
/**
* RTL support.
*
* @see https://github.com/NigelOToole/progress-tracker/issues/5
*/
[dir="rtl"] .progress-step:not(:last-child)::after {
display: none;
}
[dir="rtl"] .progress-step:not(:first-child)::after {
content: '';
display: block;
position: absolute;
z-index: -10;
top: 12px;
bottom: 12px;
right: -14px;
width: 100%;
height: 4px;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
[dir="rtl"] .progress-tracker--center .progress-step::after {
right: -50%;
}
[dir="rtl"] .webform-progress-tracker .progress-step {
z-index: inherit;
}
[dir="rtl"] .progress-step:not(:first-child)::after {
z-index: 0;
}

View file

@ -0,0 +1,36 @@
/**
* @file
* Promotions styles.
*/
/**
* Drupal Association.
*/
.webform-message .messages.messages--promotion_drupal_association {
color: #333;
background: #e0e0d8 url(../images/promotions/drupal-association-logo.png) 10px 10px no-repeat;
background-size: auto;
border-color: #a6a6a6 #a6a6a6 #a6a6a6 transparent; /* LTR */
box-shadow: -8px 0 0 #a6a6a6; /* LTR */
padding-left: 120px; /* LTR */
min-height: 20px;
}
[dir="rtl"] .webform-message .messages.messages--promotion_drupal_association {
border-color: #333 transparent #333 #333;
box-shadow: 8px 0 0 #333;
margin-left: 0;
padding-right: 45px;
}
@media screen and (max-width: 600px) {
.webform-message .messages.messages--promotion_drupal_association .button {
display: block;
margin-left: 0;
margin-right: 0;
margin-top: 10px;
padding-bottom: 6px;
width: 100%;
}
}

View file

@ -0,0 +1,91 @@
/**
* @file
* Bartik theme styles.
*/
/**
* Add background color to table cells so that very wide off-screen tables look okay.
*/
table {
background-color: #fff;
}
/**
* Tweak webform (elements) form.
*/
.webform-form .tableresponsive-toggle-columns,
.webform-form .tabledrag-toggle-weight-wrapper {
display: none;
}
.webform-submission-form .form-type-radio .description,
.webform-submission-form .form-type-checkbox .description {
margin-left: 1.6em;
}
/**
* Tweak webform element form.
*/
.webform-states-table th.webform-states-table--operations,
.webform-states-table td.webform-states-table--operations {
min-width: 65px;
}
.webform-states-table td:last-child input {
margin: 0;
}
.webform-multiple-table td.webform-multiple-table--operations,
.webform-multiple-table td.webform-multiple-table--operations {
min-width: 65px;
}
.webform-multiple-table td.webform-multiple-table--operations input {
margin: 0;
}
/**
* Tweak details toggle state.
*/
.webform-details-toggle-state {
color: #0071b3;
text-decoration: none;
border-bottom: 1px dotted;
}
.webform-details-toggle-state:hover,
.webform-details-toggle-statelink:focus {
color: #018fe2;
text-decoration: none;
border-bottom-style: solid;
}
/**
* Tweak progress tracker.
*
* ISSUE:
* Bartik theme is not displaying line between the markers.
* The #main-wrapper {background: #ffffff) in core/themes/bartik/css/colors.css is causing the problem.
*
* WORKAROUND:
* Define z-index for .progress-step.
*/
.webform-progress-tracker .progress-step {
z-index: 0;
}
/**
* Tweak element help.
* @see css/webform.element.help.css
*/
summary .webform-element-help {
border-color: #999;
background: #999;
}
/**
* Tweak Algolia places.
*/
input.ap-input {
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

View file

@ -0,0 +1,14 @@
/**
* @file
* Classy theme styles.
*/
/**
* Make sure the date picker is in front of the dialog.
*
* @see core/themes/classy/css/components/dialog.css
* @see core/themes/seven/css/components/dialog.css
*/
.ui-datepicker {
z-index: 1261 !important;
}

View file

@ -0,0 +1,216 @@
/**
* @file
* Seven theme styles.
*/
/* Align all tables cells top */
table td {
vertical-align: top;
}
td > .form-item:first-of-type,
tr.odd .form-item:first-of-type,
tr.even .form-item:first-of-type {
margin-top: 0;
}
td > .form-item:last-of-type,
tr.odd .form-item:last-of-type,
tr.even .form-item:last-of-type {
margin-bottom: 0;
}
/* Add margin around HR tags */
table hr {
margin: .5em 0;
}
/* Add background to nested details */
details details /* < 8.5.x */,
details.seven-details details.seven-details /* >= 8.6.x */ {
background-color: #f8f8f8;
}
details details details {
background-color: #fff;
}
/* Reduce the width of number inputs */
input.form-number {
width: 6em;
}
code {
font-weight: bold;
border: 1px solid #333;
background-color: #f8f8f8;
padding: 2px 4px;
color: #333;
}
/* Add yellow background to tooltips and tabs */
/* @see core/assets/vendor/jquery.ui/themes/base/tabs.css */
.ui-tooltip.ui-widget {
background: #fe6;;
border: 1px solid #ed5;
}
.webform-tabs .ui-tabs-nav .ui-tabs-anchor {
text-decoration: inherit;
}
.webform-tabs .ui-tabs-active.ui-state-active {
background: #fe6;
border: 1px solid #ed5;
text-decoration: none;
}
.webform-tabs .ui-state-hover {
text-decoration: underline !important;
}
.webform-tabs .ui-state-active.ui-state-hover {
text-decoration: none !important;
}
/** Compress tabs for mobile */
@media screen and (max-width: 600px) {
.webform-tabs.ui-tabs .ui-tabs-nav {
padding: 5px 0 4px 0;
}
.webform-tabs.ui-tabs .ui-tabs-nav li {
padding: 0;
}
.webform-tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
padding: .5em .7em;
}
}
/* Accordion icon */
.ui-accordion-icons .ui-icon {
display: inline-block;
}
/* CodeMirror viewer */
pre.webform-codemirror-runmode {
padding: .5em 1.5em;
}
/* Hide tabs and elements from printing. */
@media print {
body {
padding-top: 0 !important; /* Using !import to ensure that <body style="padding-top: *"> set via the toolbar.module is overridden. */
}
.region.region-highlighted,
.shortcut-action,
.dropbutton-wrapper,
.block-system-breadcrumb-block,
.block-local-tasks-block,
.pager,
.button-action,
.webform-submission-navigation,
.webform-filter-form {
display: none !important; /* Using !important to ensure with these elements are hidden with getting into a specificity war */
}
}
/**
* Form action are moved to a dialogs footer and don't need to be visually
* hidden.
* @see Drupal.behaviors.dialog.prepareDialogButtons
*/
.webform-ui-dialog .form-actions input[type=submit],
.webform-ui-dialog .form-actions a.button {
display: none !important;
}
/* System tray divider */
.ui-dialog.ui-dialog-off-canvas .ui-resizable-w {
background-color: #bfbfba;
border: 1px solid #6b6b6b;
border-width: 1px 2px;
}
/* System tray title bar */
.ui-dialog.ui-dialog-off-canvas {
background: #fff;
}
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
border-radius: 0;
}
/* System tray actions */
.ui-dialog.ui-dialog-off-canvas .ui-dialog-content .form-actions {
margin: 1em 0;
}
/* jQuery UI autocomplete states */
.ui-autocomplete a /* For filter autocomplete. */,
.ui-autocomplete .ui-menu-item-wrapper /* For #states value autocomplete. */ {
display: block;
border: 1px solid transparent;
color: #0074bd;
}
.ui-autocomplete a.ui-state-hover,
.ui-autocomplete a.ui-state-active,
.ui-autocomplete a.ui-state-focus,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-hover,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-focus {
text-decoration: underline;
color: #0074bd;
background: #fe6;
border: solid 1px #ed5;
margin: 0;
}
/* jQuery UI button states */
.webform-buttons .ui-button.ui-state-default {
background: #f5f5f2;
border: solid 1px #bfbfba;
}
.webform-buttons .ui-button.ui-state-active {
color: #840;
background: #fe6;
border: solid 1px #ed5;
}
/* jQuery UI tooltip */
.ui-tooltip hr {
background: #666;
margin: .3em 0;
height: 1px;
}
.ui-tooltip code {
font-weight: bold;
white-space: nowrap;
background-color: #f5f5f2;
font-size: .9em;
padding: .2em;
}
/* jQuery UI tabs */
.ui-tabs .ui-tabs-panel {
padding: 0;
}
/* Tweak details toggle state. */
.webform-details-toggle-state {
color: #0074bd;
}
.webform-details-toggle-state:hover,
.webform-details-toggle-statelink:focus {
text-decoration: underline;
}
/* Token tree */
.token-tree ul {
margin: 0;
}

View file

@ -0,0 +1,36 @@
/**
* @file
* Wizard styles.
*/
.webform-wizard-pages-links {
display: none;
}
/**
* Progress link styles.
*/
.webform-progress [role="link"] {
cursor: pointer;
}
.webform-progress .progress-title[role="link"] {
color: #1976d2;
}
.webform-progress .progress-title[role="link"]:hover,
.webform-progress .progress-title[role="link"]:focus {
text-decoration: underline;
color: #2196f3;
}
/**
* Preview link styles.
*/
.webform-wizard-page-edit {
display: none;
}
.webform-wizard-page-edit input {
margin: 0;
}