Move all files to 2017/
This commit is contained in:
parent
ac7370f67f
commit
2875863330
15717 changed files with 0 additions and 0 deletions
16
2017/web/modules/contrib/webform/css/webform.addons.css
Normal file
16
2017/web/modules/contrib/webform/css/webform.addons.css
Normal 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;
|
||||
}
|
|
@ -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;
|
||||
}
|
233
2017/web/modules/contrib/webform/css/webform.admin.css
Normal file
233
2017/web/modules/contrib/webform/css/webform.admin.css
Normal 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;
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
55
2017/web/modules/contrib/webform/css/webform.ajax.css
Normal file
55
2017/web/modules/contrib/webform/css/webform.ajax.css
Normal 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;
|
||||
}
|
8
2017/web/modules/contrib/webform/css/webform.assets.css
Normal file
8
2017/web/modules/contrib/webform/css/webform.assets.css
Normal 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
|
||||
*/
|
|
@ -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;
|
||||
}
|
24
2017/web/modules/contrib/webform/css/webform.composite.css
Normal file
24
2017/web/modules/contrib/webform/css/webform.composite.css
Normal 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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -0,0 +1,11 @@
|
|||
/**
|
||||
* @file
|
||||
* Confirmation styles.
|
||||
*
|
||||
* @see /webform/contact/confirmation
|
||||
*/
|
||||
|
||||
.webform-confirmation__message,
|
||||
.webform-confirmation__back {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
148
2017/web/modules/contrib/webform/css/webform.contribute.css
Normal file
148
2017/web/modules/contrib/webform/css/webform.contribute.css
Normal 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;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* @file
|
||||
* Checkbox value element styles.
|
||||
*
|
||||
* @see /webform/test_element_checkbox_value
|
||||
*/
|
||||
|
||||
.form-item.form-type-webform-checkbox-value {
|
||||
margin: 0;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -0,0 +1,8 @@
|
|||
/**
|
||||
* @file
|
||||
* Element computed styles.
|
||||
*/
|
||||
|
||||
.webform-computed-loading {
|
||||
background-color: #ffffaa;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -0,0 +1,8 @@
|
|||
/**
|
||||
* @file
|
||||
* Element date styles.
|
||||
*/
|
||||
|
||||
.ui-datepicker-trigger {
|
||||
margin: 0 2px;
|
||||
}
|
|
@ -0,0 +1,8 @@
|
|||
/**
|
||||
* @file
|
||||
* Element datelist styles.
|
||||
*/
|
||||
|
||||
.form-type-datelist input[type="text"] {
|
||||
max-width: 5em;
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
}
|
167
2017/web/modules/contrib/webform/css/webform.element.flexbox.css
Normal file
167
2017/web/modules/contrib/webform/css/webform.element.flexbox.css
Normal 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;
|
||||
}
|
||||
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
125
2017/web/modules/contrib/webform/css/webform.element.likert.css
Normal file
125
2017/web/modules/contrib/webform/css/webform.element.likert.css
Normal 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;
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -0,0 +1,11 @@
|
|||
/**
|
||||
* @file
|
||||
* Video file styles.
|
||||
*
|
||||
* @see /webform/test_element_media_file
|
||||
*/
|
||||
|
||||
.webform-video-file video {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
71
2017/web/modules/contrib/webform/css/webform.form.css
Normal file
71
2017/web/modules/contrib/webform/css/webform.form.css
Normal 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;
|
||||
}
|
76
2017/web/modules/contrib/webform/css/webform.help.css
Normal file
76
2017/web/modules/contrib/webform/css/webform.help.css
Normal 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;
|
||||
}
|
51
2017/web/modules/contrib/webform/css/webform.navigation.css
Normal file
51
2017/web/modules/contrib/webform/css/webform.navigation.css
Normal 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;
|
||||
}
|
130
2017/web/modules/contrib/webform/css/webform.progress.bar.css
Normal file
130
2017/web/modules/contrib/webform/css/webform.progress.bar.css
Normal 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;
|
||||
}
|
10
2017/web/modules/contrib/webform/css/webform.progress.css
Normal file
10
2017/web/modules/contrib/webform/css/webform.progress.css
Normal file
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* @file
|
||||
* Wizard progress (numbering) styles.
|
||||
*
|
||||
* @see /webform/test_form_wizard_advanced
|
||||
*/
|
||||
|
||||
.webform-progress__status {
|
||||
text-align: center;
|
||||
}
|
|
@ -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;
|
||||
}
|
36
2017/web/modules/contrib/webform/css/webform.promotions.css
Normal file
36
2017/web/modules/contrib/webform/css/webform.promotions.css
Normal 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%;
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
216
2017/web/modules/contrib/webform/css/webform.theme.seven.css
Normal file
216
2017/web/modules/contrib/webform/css/webform.theme.seven.css
Normal 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;
|
||||
}
|
|
@ -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;
|
||||
}
|
Reference in a new issue