File Editor
Directories:
.. (Back)
app
tickets-commerce
Files:
attendees.css
attendees.min.css
common-responsive.css
common-responsive.min.css
details.css
details.min.css
my-tickets.css
my-tickets.min.css
rsvp-v1.css
rsvp-v1.min.css
rsvp.css
rsvp.min.css
tickets-admin-attendees.css
tickets-admin-attendees.min.css
tickets-admin-blocks.css
tickets-admin-blocks.min.css
tickets-admin-settings.css
tickets-admin-settings.min.css
tickets-admin-wp.css
tickets-admin-wp.min.css
tickets-admin.css
tickets-admin.min.css
tickets-commerce.css
tickets-commerce.min.css
tickets-common.css
tickets-common.min.css
tickets-embed.css
tickets-embed.min.css
tickets-forms.css
tickets-forms.min.css
tickets-registration-page.css
tickets-registration-page.min.css
tickets-report-print.css
tickets-report-print.min.css
tickets-report.css
tickets-report.min.css
tickets-tables.css
tickets-tables.min.css
tickets-v1.css
tickets-v1.min.css
tickets.css
tickets.min.css
tpp.css
tpp.min.css
Create New File
Create
Edit File: rsvp-v1.css
/** * This CSS file was auto-generated via PostCSS * * Contributors should avoid editing this file, but instead edit the associated * src/resources/postcss/ file. For more information, check out our engineering * docs on how we handle CSS in our engineering docs. * * @see: https://the-events-calendar.github.io/products-engineering/docs/code-standards/css/ */ .tribe-tickets__tickets-page-wrapper { border-top: 1px solid var(--tec-color-border-default); padding-top: var(--tec-spacer-5); } .tribe-rsvp { padding: 0; } .tribe-rsvp .tec-tickets__my-tickets-list-title-container { padding: var(--tec-spacer-2) 0; } .tribe-rsvp .tec-tickets__my-tickets-list-title { font-family: var(--tec-font-family-sans-serif); font-size: var(--tec-font-size-7); font-weight: var(--tec-font-weight-regular); line-height: var(--tec-line-height-3); } .tribe-tickets-attendee { padding: 10px; } .tribe-events-style-full .tribe-events-tickets .tribe-tickets-attendee table, .tribe-events-style-full .tribe-events-tickets .tribe-tickets-attendee tr, .tribe-events-style-full .tribe-events-tickets .tribe-tickets-attendee td, .tribe-events-tickets .tribe-tickets-attendee table, .tribe-events-tickets .tribe-tickets-attendee tr, .tribe-events-tickets .tribe-tickets-attendee td { border: 0; } .tribe-rsvp-message-display .tribe-rsvp-messages { display: block; } .tribe-rsvp-messages { display: none; padding: 10px 10px 5px; } .tribe-rsvp-message { border-radius: 3px; border-style: solid; border-width: 1px; font-size: 12px; margin: 0 0 5px; padding: 0 0.6em; } .tribe-rsvp-message-success { background-color: #ffffe0; border-color: #e6db55; } .tribe-rsvp-message-error { background-color: #ffebe8; border-color: #c00; } .tribe-tickets-quantity { width: 100%; } .tickets-unavailable { font-style: italic; } div.tec__tickets-my-tickets-rsvp-attendee-list-wrapper { margin: 0 0 var(--tec-spacer-8); } .tribe-rsvp-list { list-style: none; margin: 0 0 var(--tec-spacer-2); padding: 0; } .tribe-rsvp-list > .tribe-item { background-color: var(--tec-color-background); border: 1px solid var(--tec-color-border-default); border-bottom: 0; margin: 0; min-height: 105px; padding: var(--tec-spacer-5); } .tribe-rsvp-list > .tribe-item:last-child { border-bottom: 1px solid var(--tec-color-border-default); margin-bottom: 20px; } .tribe-rsvp-list > .tribe-item.tribe-disabled { background-color: #efefef; border-color: #ddd; color: #717171; } .tribe-rsvp-list > .tribe-item.tribe-disabled:last-child { border-bottom-color: #ddd; } .tribe-rsvp-list > .tribe-item .tribe-answer { float: right; display: inline-block; } .tribe-rsvp-list > .tribe-item table { border: 0; margin: 0; } .tribe-rsvp-list > .tribe-item td { border: 0; } .list-attendee { display: inline-block; font-family: var(--tec-font-family-sans-serif); font-size: var(--tec-font-size-3); font-weight: var(--tec-font-weight-regular); line-height: var(--tec-line-height-0); letter-spacing: 1px; } .tribe-submit-tickets-form { margin-top: 20px; } .user-details { font-family: var(--tec-font-family-sans-serif); font-size: var(--tec-font-size-3); font-weight: var(--tec-font-weight-regular); line-height: 1.75; margin: 0; } .user-details p { margin: 0 0 0.5em; } .tribe-tickets__form .tribe-answer { font-family: var(--tec-font-family-sans-serif); font-size: var(--tec-font-size-3); font-weight: var(--tec-font-weight-regular); line-height: var(--tec-line-height-0); } .tribe-tickets__form .tribe-answer .type-label { margin-bottom: 0; padding-right: 0.5em; } .tribe-tickets__form .tribe-answer label { display: block; font-family: var(--tec-font-family-sans-serif); font-size: var(--tec-font-size-3); font-weight: var(--tec-font-weight-regular); line-height: var(--tec-line-height-0); } .tribe-tickets__form .tribe-answer select.tribe-answer-select { background-color: white; border: 1px solid #ddd; font-family: var(--tec-font-family-sans-serif); font-size: var(--tec-font-size-3); font-weight: var(--tec-font-weight-regular); height: 30px; line-height: var(--tec-line-height-0); margin-left: 5px; padding-bottom: 0; padding-top: 0; width: auto; } .tribe-rsvp h2 { margin-bottom: 20px; line-height: 1.2; } .event-tickets-meta-label { font-weight: 700; margin: 0 1em 0 0; } /* TwentySixteen fix for box shadow as bottom border on <a> link */ .tribe-theme-twentysixteen .entry-content a, .tribe-theme-twentysixteen .entry-summary a, .tribe-theme-twentysixteen .taxonomy-description a, .tribe-theme-twentysixteen .logged-in-as a, .tribe-theme-twentysixteen .comment-content a, .tribe-theme-twentysixteen .pingback .comment-body > a, .tribe-theme-twentysixteen .textwidget a, .tribe-theme-twentysixteen .entry-footer a:hover, .tribe-theme-twentysixteen .site-info a:hover, .tribe-theme-parent-twentysixteen .entry-content a, .tribe-theme-parent-twentysixteen .entry-summary a, .tribe-theme-parent-twentysixteen .taxonomy-description a, .tribe-theme-parent-twentysixteen .logged-in-as a, .tribe-theme-parent-twentysixteen .comment-content a, .tribe-theme-parent-twentysixteen .pingback .comment-body > a, .tribe-theme-parent-twentysixteen .textwidget a, .tribe-theme-parent-twentysixteen .entry-footer a:hover, .tribe-theme-parent-twentysixteen .site-info a:hover { box-shadow: none; } /* = Tickets & RSVP Modules Front End Styles ============================================= */ /* Title */ .tribe-events-tickets-title.tribe--rsvp { margin: 0; } .tribe-events-style-full.tribe-events-style-theme h2.tribe-events-tickets-title { font-size: 90%; } .tribe-link-view-attendee { margin: 15px 0; } /* RSVP & Tickets Table */ .tribe-events-tickets { background: var(--tec-color-background-secondary); border: 0; border-radius: 3px; max-width: 100%; position: relative; } .tribe-events-tickets table, .tribe-events-tickets th, .tribe-events-tickets td { border: 0; } .tribe-events-tickets tr { display: flex; flex-flow: row wrap; } .tribe-events-tickets tr:not(:first-child) { border-top: 2px solid #dfdfdf; } .tribe-events-tickets td { flex: none; padding: 8px 10px; width: 100%; word-break: normal; } .tribe-events-tickets td.tickets_name { font-weight: bold; } .tribe-events-tickets td.quantity, .tribe-events-tickets td.woocommerce { order: 2; } .tribe-events-tickets td.quantity input[type='number'], .tribe-events-tickets td.woocommerce input[type='number'] { background-color: #fff; border-radius: 3px; margin-bottom: 5px; padding: 5px 10px; text-align: left; } .tribe-events-tickets td.tickets_submit { order: 3; } .tribe-events-tickets td.tickets_submit .tribe-button { margin: 0 0 10px; } .tribe-events-tickets .woocommerce.add-to-cart .tribe-button { margin: 10px 0; } .tribe-events-tickets .tribe-link-tickets-message { background: rgba(200, 200, 200, 0.8); bottom: 0; left: 0; position: absolute; right: 0; text-align: center; top: 0; } .tribe-events-tickets .tribe-link-tickets-message .no-javascript-msg { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 90%; } .tribe-events-tickets .tribe-tickets-remaining { color: var(--tec-color-text-secondary); display: block; font-size: 11px; } .tribe-events-tickets .tribe-tickets-attendees-list-optout { align-items: center; display: flex; flex-flow: row wrap; } .tribe-events-tickets .tribe-tickets-attendees-list-optout label { color: var(--tec-color-text-secondary); } .tribe-events-tickets .tribe-tickets-attendees-list-optout input[type='radio'] + label, .tribe-events-tickets .tribe-tickets-attendees-list-optout input[type='checkbox'] + label { display: inline-block; font-size: var(--tec-font-size-2); margin: 0; } .tribe-events-tickets .tribe-tickets-attendees-list-optout input[type='checkbox'] { height: var(--tec-spacer-3); width: var(--tec-spacer-3); } .tribe-events-tickets .tickets_name, .tribe-events-tickets .tickets_name p, .tribe-events-tickets .tickets_description, .tribe-events-tickets .tickets_price { color: var(--tec-color-text-secondary); font-size: 15px; padding: 16px 10px; } .tribe-events-tickets input[type='date'], .tribe-events-tickets input[type='time'], .tribe-events-tickets input[type='datetime-local'], .tribe-events-tickets input[type='week'], .tribe-events-tickets input[type='month'], .tribe-events-tickets input[type='text'], .tribe-events-tickets input[type='email'], .tribe-events-tickets input[type='url'], .tribe-events-tickets input[type='password'], .tribe-events-tickets input[type='search'], .tribe-events-tickets input[type='tel'], .tribe-events-tickets input[type='number'], .tribe-events-tickets textarea, .tribe-events-tickets select { background: #fff; width: 100%; } .tribe-events-tickets header { height: auto; } /* RSVP Table (differences only) */ .tribe-events-tickets-rsvp tr.tribe-event-tickets-plus-meta, .tribe-events-tickets-rsvp tr.tribe-tickets-meta-row { display: none; } .tribe-tickets-has-rsvp.tribe-events-tickets-rsvp tr.tribe-event-tickets-plus-meta, .tribe-tickets-has-rsvp.tribe-events-tickets-rsvp tr.tribe-tickets-meta-row { display: block; } .tribe-events-tickets-rsvp tr.tribe-event-tickets-plus-meta > td, .tribe-events-tickets-rsvp tr.tribe-tickets-meta-row > td { display: block; } .tribe-events-tickets-rsvp tr.tribe-event-tickets-plus-meta tr, .tribe-events-tickets-rsvp tr.tribe-tickets-meta-row tr { border: 0; } /** * RSVP block view styles * * @since 0.3.0-alpha */ .tribe-block__rsvp { font-family: var(--tec-font-family-sans-serif); margin-bottom: 30px; margin-top: 30px; max-width: 580px; position: relative; } .tribe-block__rsvp__ticket { border: 1px solid #e1e3e6; display: flex; flex-wrap: wrap; position: relative; width: 100%; } .tribe-block__rsvp__icon { align-items: center; background: #fff; border-bottom: 1px dashed #b5bcc2; color: #434343; display: flex; flex: none; flex-direction: column; font-size: 14px; font-weight: bold; line-height: 17px; padding: 20px 17px; width: 100%; } .tribe-block__rsvp__icon svg { margin-bottom: 7px; } .tribe-block__rsvp__content { background-color: #f5f8f9; flex: auto; } .tribe-block__rsvp__details { padding: 25px 20px 20px; } .tribe-block__rsvp__title { color: #000; font-size: 21px; font-weight: bold; line-height: 28px; margin-bottom: 12px; } .tribe-block__rsvp__description { color: #545d66; font-size: 14px; line-height: 18px; margin-bottom: 15px; } .tribe-block__rsvp__availability { color: #545d66; display: flex; align-items: center; font-size: 12px; line-height: 18px; } .tribe-block__rsvp__quantity { font-size: 18px; font-weight: bold; margin-right: 6px; } .tribe-block__rsvp__status { display: flex; flex-wrap: nowrap; padding: 0 20px 25px; text-align: center; } .tribe-block__rsvp__status > span { flex: none; margin-right: 15px; width: calc(50% - 7.5px); } .tribe-block__rsvp__status > span:last-child { margin-right: 0; } .tribe-block__rsvp__status-button { align-items: center; border: 1px solid #545d66; border-radius: 4px; background: #fff; color: #545d66; display: flex; font-family: var(--tec-font-family-sans-serif); font-size: 14px; font-weight: bold; height: 44px; justify-content: center; line-height: 1; padding: 0; width: 100%; } .tribe-block__rsvp__status-button svg { margin-left: 9px; } .tribe-block__rsvp__status-button:hover, .tribe-block__rsvp__status-button:focus { background: #fff; border: 1px solid #000; color: #000; } .tribe-block__rsvp__status-button.tribe-active { border: 1px solid #000; color: #000; } .tribe-block__rsvp__status-button.tribe-inactive { border: 1px solid #e1e3e6; color: #a2aab2; } .tribe-block__rsvp__status-button.tribe-inactive:hover, .tribe-block__rsvp__status-button.tribe-inactive:focus { background: #fff; border: 1px solid #545d66; color: #545d66; } .tribe-block__rsvp__status-button[disabled='disabled'] { cursor: default; } .tribe-block__rsvp__going-icon, .tribe-block__rsvp__not-going-icon { fill: #a2aab2; } .tribe-block__rsvp__status-button:hover .tribe-block__rsvp__going-icon, .tribe-block__rsvp__status-button:focus .tribe-block__rsvp__going-icon, .tribe-active .tribe-block__rsvp__going-icon, .tribe-block__rsvp__status-button:hover .tribe-block__rsvp__not-going-icon, .tribe-block__rsvp__status-button:focus .tribe-block__rsvp__not-going-icon, .tribe-active .tribe-block__rsvp__not-going-icon { fill: #191e23; } .tribe-inactive .tribe-block__rsvp__going-icon, .tribe-inactive .tribe-block__rsvp__not-going-icon { fill: #e1e3e6; } .tribe-inactive:hover .tribe-block__rsvp__going-icon, .tribe-inactive:focus .tribe-block__rsvp__going-icon, .tribe-inactive:hover .tribe-block__rsvp__not-going-icon, .tribe-inactive:focus .tribe-block__rsvp__not-going-icon { fill: #a2aab2; } .tribe-block__rsvp__form { padding: 0 20px; } .tribe-block__rsvp__form form { border-top: 1px solid #e1e3e6; display: flex; padding: 30px 0; } .tribe-left { flex: none; } .tribe-block__rsvp__number-input { padding-right: 20px; } .tribe-block__rsvp__number-input-inner { align-items: center; display: flex; } .tribe-block__rsvp__number-input-inner input[type='number'] { -webkit-appearance: textfield; appearance: textfield; background: transparent; border: none; color: #000; font-family: var(--tec-font-family-sans-serif); font-size: 30px; font-weight: bold; height: 40px; max-width: 48px; padding: 4px 0; text-align: center; } .tribe-block__rsvp__number-input-inner input[type='number']::-webkit-inner-spin-button, .tribe-block__rsvp__number-input-inner input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } .tribe-block__rsvp__number-input-label { display: block; font-size: 14px; font-weight: bold; line-height: 18px; margin-top: 9px; text-align: center; } .tribe-block__rsvp__number-input-button { background-color: transparent; height: 30px; padding: 0; position: relative; width: 20px; } .tribe-block__rsvp__number-input-button:before, .tribe-block__rsvp__number-input-button:after { background-color: #aeb4bb; content: ''; height: 2px; position: absolute; width: 10px; } .tribe-block__rsvp__number-input-button:hover, .tribe-block__rsvp__number-input-button:focus { background: none; } .tribe-block__rsvp__number-input-button:hover:before, .tribe-block__rsvp__number-input-button:hover:after, .tribe-block__rsvp__number-input-button:focus:before, .tribe-block__rsvp__number-input-button:focus:after { background-color: #545d66; } .tribe-block__rsvp__number-input-button--minus { margin-left: -10px; } .tribe-block__rsvp__number-input-button--minus:before, .tribe-block__rsvp__number-input-button--minus:after { right: 0; } .tribe-block__rsvp__number-input-button--plus { margin-right: -10px; } .tribe-block__rsvp__number-input-button--plus:before, .tribe-block__rsvp__number-input-button--plus:after { left: 0; } .tribe-block__rsvp__number-input-button--plus:after { transform: rotate(90deg); } .tribe-right { flex: auto; } .tribe-right input[type='text'], .tribe-right input[type='email'] { border-color: #e1e3e6; color: #000; display: block; font-family: var(--tec-font-family-sans-serif); font-size: 16px; height: 40px; line-height: 18px; margin-bottom: 15px; padding: 10px 15px; width: 100%; } .tribe-right input[type='text']::placeholder, .tribe-right input[type='email']::placeholder { color: #a2aab2; } .tribe-right label { cursor: pointer; font-size: 14px; font-weight: normal; } .tribe-right label[for^='tribe-tickets-attendees-list-optout'] { align-items: flex-start; display: flex; margin: 0 0 15px; padding-top: 7px; } .tribe-right label[for^='tribe-tickets-attendees-list-optout'] input[type='checkbox'] { -webkit-appearance: none; appearance: none; background-color: #fff; border: 1px solid #e1e3e6; border-radius: 0; cursor: pointer; flex: none; height: 16px; margin: 1px 10px 0 0; width: 16px; } .tribe-right label[for^='tribe-tickets-attendees-list-optout'] input[type='checkbox']:focus { box-shadow: 0 0 0 1px #e1e3e6; outline: 2px solid transparent; outline-offset: -2px; } .tribe-right label[for^='tribe-tickets-attendees-list-optout'] input[type='checkbox']:checked:before { color: #009fd4; content: '\f147'; display: inline-block; float: left; font: normal 21px/1 dashicons; margin: -3px 0 0 -4px; speak: none; vertical-align: middle; width: 16px; } .tribe-tickets-meta-option-label { color: #000; font-size: 14px; line-height: 18px; font-weight: normal; } .tribe-block__rsvp__message__error, .tribe-block__rsvp__message__success { color: #000; font-size: 14px; line-height: 18px; padding: 20px; } .tribe-block__rsvp__message__error { background: #ffebe8; border: 1px solid #c00; display: none; margin-bottom: 20px; } .tribe-block__rsvp__message__success { background: #ecfae5; border: 1px solid #1bd800; margin-top: 20px; } .tribe-block__rsvp__submit-button { background: #009fd4; color: #fff; font-family: var(--tec-font-family-sans-serif); font-size: 15px; font-weight: bold; line-height: 18px; margin: 10px 0 0; padding: 10px 23px; } .tribe-block__rsvp__submit-button:hover, .tribe-block__rsvp__submit-button:focus { background: #007bb4; } .tribe-block__rsvp__submit-button:disabled { cursor: not-allowed; background: #a2aab2; } .tribe-block__rsvp__form__attendee-meta { margin: 0; } .tribe-block__rsvp__form__attendee-meta th, .tribe-block__rsvp__form__attendee-meta td { padding: 0; border: none; word-break: normal; } .tribe-common-c-loader.tribe-block__rsvp__loading { align-items: center; background: rgba(255, 255, 255, 0.7); height: 100%; justify-content: center; left: 0; margin: 0; padding: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 99; } .tribe-common-c-loader.tribe-block__rsvp__loading svg { max-width: 70px; position: absolute; top: 35%; } .tribe-common-c-loader.tribe-block__rsvp__loading svg circle { fill: #888; } @media only screen and (min-width: 768px) { .tribe-events-tickets tr { display: table-row } } @media (min-width: 768px) { .tribe-events-tickets td { width: auto } .tribe-events-tickets td.quantity input[type='number'], .tribe-events-tickets td.woocommerce input[type='number'] { width: 4.375em } .tribe-events-tickets .woocommerce.add-to-cart { padding: 16px } .tribe-events-tickets .woocommerce.add-to-cart .tribe-button { margin: 10px } .tribe-events-tickets input[type='date'], .tribe-events-tickets input[type='time'], .tribe-events-tickets input[type='datetime-local'], .tribe-events-tickets input[type='week'], .tribe-events-tickets input[type='month'], .tribe-events-tickets input[type='text'], .tribe-events-tickets input[type='email'], .tribe-events-tickets input[type='url'], .tribe-events-tickets input[type='password'], .tribe-events-tickets input[type='search'], .tribe-events-tickets input[type='tel'], .tribe-events-tickets input[type='number'], .tribe-events-tickets textarea, .tribe-events-tickets select { width: auto } .tribe-tickets-has-rsvp.tribe-events-tickets-rsvp tr.tribe-event-tickets-plus-meta, .tribe-tickets-has-rsvp.tribe-events-tickets-rsvp tr.tribe-tickets-meta-row { display: table-row } .tribe-events-tickets-rsvp tr.tribe-event-tickets-plus-meta > td, .tribe-events-tickets-rsvp tr.tribe-tickets-meta-row > td { display: table-cell } } @media (min-width: 600px) { .tribe-block__rsvp__ticket { align-items: stretch; flex-wrap: nowrap } .tribe-block__rsvp__icon { border-bottom: none; border-right: 1px dashed #b5bcc2; padding: 28px 17px; width: 84px } .tribe-block__rsvp__number-input-inner input[type='number'] { font-size: 36px; height: 48px } .tribe-block__rsvp__message__success { padding: 10px 30px; text-align: center } }
Save Changes
Rename File
Rename