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: tickets-admin.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/ */ /* * Common CSS * * DO NOT EDIT THIS CSS FILE DIRECTLY. * ------------------------------------------------------------- * This file is just a clearing-house, see the pcss directory * and edit the source files found there. */ /* Event Tickets Utilities */ /* ----------------------------------------------------------------------------- * * Utilities * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Variables - needed everywhere. */ /* ----------------------------------------------------------------------------- * SVG - Arrow Right * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Arrow (light, left) * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Down * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Left * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Right * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Up * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Check * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Close * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Day * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Dropdown * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Error * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Featured * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Filters * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Link * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Guest * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - List * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Location * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Mail * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Map * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Map pin * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Messages * ----------------------------------------------------------------------------- */ /* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Month * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - No Map * ----------------------------------------------------------------------------- */ /* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Paper Plane * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Phone * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Photo * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Plus * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Recurring * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Remove * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Reset * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Search * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Search Filter * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Week * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Cal Export * ----------------------------------------------------------------------------- */ /* stylelint-disable-line block-no-empty */ /* Mixins */ /* ----------------------------------------------------------------------------- * Body * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Desktop Body 1 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Desktop Body 2 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Desktop Body 3 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Mobile Body 1 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Mobile Body 2 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Mobile Body 3 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 1 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 2 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 3 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 4 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 5 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 6 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 7 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 8 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Default * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Alt * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Thin * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Thin * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Event Title * * This mixin intentionally only affects the text and border _colors_ * to make sure they all follow the Customizer overrides. * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Global * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Solid * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Link * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Border * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Border Small * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Icon Border * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Sliders & Toggles * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Sliders * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Hidden: Hide from both screenreaders and browsers * @author: h5bp.com/u * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Visually Hide: Hide only visually, but have it available for screenreaders * @author: h5bp.com/v * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Visually Show: Show element after has been hidden with %visually-hide * ----------------------------------------------------------------------------- */ /* Event Tickets Components */ /* Accordion Styles */ .accordion-header { background: none; border: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 20px; position: relative; text-align: left; width: 100%; } .accordion-header:before { background-color: #000; border-radius: 100%; box-sizing: border-box; color: #fff; content: '\f132'; font-family: 'dashicons'; font-size: 10px; font-weight: 400; height: 14px; left: 0; line-height: 17px; padding: 0; padding-right: 1px; position: absolute; text-align: center; top: 12px; width: 15px; } .accordion-header:after { border-bottom: 1px solid #ddd; content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 80%; } .accordion-header.is-active:before { content: '\f460'; line-height: 15px; } .accordion-header:focus { outline: 1px solid #5b9dd9; } .accordion-header:hover { background: none; } .tribe-tickets-editor-history:after { width: calc(100% - 80px); } .tribe_attendee_meta:after { width: calc(100% - 170px); } .tribe_advanced_meta:after { width: calc(100% - 105px); } .accordion-label:focus { outline: none; } .accordion-content { display: none; } .ticket_panel .accordion-content { margin: 1em 0 2em; } .accordion-content.is-active { display: block; } .tribe-common-c-loader.tribe-tickets-loader__tickets-block, .tribe-common-c-loader.tribe-tickets-loader__modal { align-items: center; background: var(--tec-color-background-transparent); display: flex; height: 100%; justify-content: center; left: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: var(--tec-z-index-spinner-container); } .tribe-common-c-loader.tribe-tickets-loader__modal { height: 100vh; position: fixed; width: 100vw; } .event-tickets .tribe-common-c-loader { align-items: center; background: var(--tec-color-background-transparent); display: flex; height: 100%; justify-content: center; left: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: var(--tec-z-index-spinner-container); } .tribe-common .tribe-tickets__notice, .event-tickets .tribe-tickets__notice { background-color: var(--tec-color-background-secondary); border-radius: var(--tec-border-radius-default); margin: var(--tec-spacer-4) 0; padding: var(--tec-spacer-3); } .tribe-common .tribe-tickets__notice > *:last-child, .event-tickets .tribe-tickets__notice > *:last-child { margin-bottom: 0; padding-bottom: 0; } .tribe-common .tribe-tickets-notice__title, .event-tickets .tribe-tickets-notice__title { margin: 0; position: relative; } .tribe-common .tribe-tickets-notice__title:empty, .event-tickets .tribe-tickets-notice__title:empty { display: none; } /* Error Notices */ .tribe-common .tribe-tickets__notice--error, .event-tickets .tribe-tickets__notice--error { background-color: var(--tec-color-background-error); display: none; padding-left: 50px; position: relative; } .tribe-common .tribe-tickets__notice--error:before, .event-tickets .tribe-tickets__notice--error:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(1 1)'%3E%3Ccircle cx='8' cy='8' r='7.467' stroke='%23141827' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='11.733' r='1.067' fill='%23141827' fill-rule='nonzero'/%3E%3Cpath stroke='%23141827' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 3.733v4.8' fill='%23141827'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; content: ''; height: var(--tec-spacer-3); left: var(--tec-spacer-4); position: absolute; top: var(--tec-spacer-4); width: var(--tec-spacer-3); } /* "Barred" Notices (visible side borders) */ .tribe-common .tribe-tickets__notice--barred, .event-tickets .tribe-tickets__notice--barred { background-color: var(--tec-color-background); border: var(--tec-spacer-0) solid var(--tec-color-border-secondary); border-bottom: 0; border-radius: 0; border-top: 0; padding: 0 var(--tec-spacer-2); } .tribe-common .tribe-tickets__notice--barred-left, .event-tickets .tribe-tickets__notice--barred-left { border-right: 0; padding: 0 0 0 var(--tec-spacer-2); } .tribe-common .tribe-tickets__notice--barred-right, .event-tickets .tribe-tickets__notice--barred-right { border-left: 0; padding: 0 var(--tec-spacer-2) 0 0; } /* ------------------------------------------------------------------------- * SVG Icons * ------------------------------------------------------------------------- */ .event-tickets .tribe-tickets-svgicon { background-repeat: no-repeat; background-size: contain; } /* ----------------------------------------------------------------------------- * * Tooltip * * ----------------------------------------------------------------------------- */ /* Defining our tooltipster theme. */ .tooltipster-base.tribe-tickets-tooltip-theme { background-color: var(--tec-color-background); border: 1px solid var(--tec-color-border-default); border-radius: var(--tec-border-radius-default); box-shadow: var(--tec-box-shadow-tooltip); height: auto !important; max-width: 254px; padding: var(--tec-spacer-5); } .tooltipster-base.tribe-tickets-tooltip-theme .tooltipster-box { background-color: transparent; border: 0; border-radius: 0; box-shadow: none; margin: 0; } .tooltipster-base.tribe-tickets-tooltip-theme .tooltipster-box .tooltipster-content { color: var(--tec-color-text-primary); overflow: inherit; padding: 0; word-break: break-word; } .tooltipster-base.tribe-tickets-tooltip-theme .tooltipster-arrow { display: none; } /* ----------------------------------------------------------------------------- * * Button: Small * * Example: * <button class="tribe-common-c-btn tribe-common-c-btn--small">...</button> * <a href="#" class="tribe-common-c-btn tribe-common-c-btn--small">...</a> * * ----------------------------------------------------------------------------- */ .tribe-common button.tribe-common-c-btn--small, .tribe-common input[type="button"].tribe-common-c-btn--small, .tribe-common input[type="submit"].tribe-common-c-btn--small, .tribe-common a.tribe-common-c-btn--small { background-color: var(--tec-color-accent-primary); padding: 11px 14px; width: auto; } /* ----------------------------------------------------------------------------- * * Button: Link * * Example: * <button class="tribe-common-c-btn-link">...</button> * <a href="#" class="tribe-common-c-btn-link">...</a> * * ----------------------------------------------------------------------------- */ .tribe-common button.tribe-common-c-btn-link, .tribe-common input[type="button"].tribe-common-c-btn-link, .tribe-common input[type="submit"].tribe-common-c-btn-link, .tribe-common a.tribe-common-c-btn-link { color: var(--tec-color-text-primary); font-family: var(--tec-font-family-sans-serif); font-size: var(--tec-font-size-2); line-height: var(--tec-line-height-3); font-weight: var(--tec-font-weight-regular); border: 0; cursor: pointer; display: inline-block; height: auto; padding: 0; text-decoration: none; width: auto; background-color: transparent; text-align: center; text-decoration: underline; transition: var(--tec-transition-color); } .tribe-common button.tribe-common-c-btn-link:hover, .tribe-common button.tribe-common-c-btn-link:focus, .tribe-common input[type="button"].tribe-common-c-btn-link:hover, .tribe-common input[type="button"].tribe-common-c-btn-link:focus, .tribe-common input[type="submit"].tribe-common-c-btn-link:hover, .tribe-common input[type="submit"].tribe-common-c-btn-link:focus, .tribe-common a.tribe-common-c-btn-link:hover, .tribe-common a.tribe-common-c-btn-link:focus { background-color: transparent; } .tribe-common button.tribe-common-c-btn-link, .tribe-common input[type="button"].tribe-common-c-btn-link, .tribe-common input[type="submit"].tribe-common-c-btn-link, .tribe-common a.tribe-common-c-btn-link { background-color: transparent; color: var(--tec-color-accent-primary); padding: 11px 20px; width: 100%; } .tribe-common button.tribe-common-c-btn-link:focus, .tribe-common button.tribe-common-c-btn-link:hover, .tribe-common input[type="button"].tribe-common-c-btn-link:focus, .tribe-common input[type="button"].tribe-common-c-btn-link:hover, .tribe-common input[type="submit"].tribe-common-c-btn-link:focus, .tribe-common input[type="submit"].tribe-common-c-btn-link:hover, .tribe-common a.tribe-common-c-btn-link:focus, .tribe-common a.tribe-common-c-btn-link:hover { color: var(--tec-color-accent-primary-hover); } .tribe-common button.tribe-common-c-btn-link:active, .tribe-common input[type="button"].tribe-common-c-btn-link:active, .tribe-common input[type="submit"].tribe-common-c-btn-link:active, .tribe-common a.tribe-common-c-btn-link:active { color: var(--tec-color-accent-primary-active); } .tribe-common button.tribe-common-c-btn-link:disabled, .tribe-common input[type="button"].tribe-common-c-btn-link:disabled, .tribe-common input[type="submit"].tribe-common-c-btn-link:disabled, .tribe-common a.tribe-common-c-btn-link:disabled { color: var(--tec-color-accent-primary-background); } .tribe-tickets-column-attendees-link { display: inline-block; } #ticket_form input[type=radio] { margin-right: 5px; } .ticket_list h4 { border-bottom: 1px solid #e5e5e5; padding-bottom: 6px; text-transform: uppercase; } .ticket_list h4 a { font-size: 11px; font-weight: normal; text-transform: none; } .ticket_list tr:hover td div.ticket_controls { visibility: visible; } .ticket_list tr td { padding: var(--tec-spacer-2); vertical-align: middle; } .ticket_list tr td div.ticket_controls { visibility: hidden; } .ticket_name p:first-child { font-weight: bold; } #tribe_ticket_header_preview img { height: auto !important; max-width: 95% !important; } #tribe_ticket_header_remove { display: none; } .ticket_time { display: none; } .tribe-tickets-remaining { font-size: 10px; } .eventtable { margin: 0; padding-top: 0; width: 100%; } #event_tickets, .eventtable.ticket_list.eventForm { table-layout: fixed; } .tribe-strong-label { font-weight: bold; } /* Specific goal of this rule is to prevent the number input busting the ticket form layout under Twenty Fifteen */ .tribe-theme-twentyfifteen .tribe-events-tickets input[type='number'] { padding: 0.375em; width: 100%; } .screen_reader_text { clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #poststuff .inside { margin-top: 12px; } .tribe-tickets-editor-blocker { background: rgba(255, 255, 255, 0.7); bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; z-index: 100000; } .tribe-tickets-editor-blocker .spinner { left: 50%; margin-left: -10px; margin-top: -10px; position: absolute; top: 50%; z-index: 100404; } .tribe-tickets-editor-history-list { margin-left: 20px; } #event_tickets { font-size: 12px; position: relative; } #event_tickets fieldset { border: 0; margin: 0 0 1em; padding: 0; } #event_tickets .ticket_form_left { font-weight: bold; } #event_tickets label { font-weight: normal; } #event_tickets input[type='text'].ticket_form_right, #event_tickets input[type='email'].ticket_form_right, #event_tickets input[type='url'].ticket_form_right, #event_tickets input[type='password'].ticket_form_right, #event_tickets input[type='search'].ticket_form_right, #event_tickets input[type='number'].ticket_form_right, #event_tickets input[type='tel'].ticket_form_right, #event_tickets input[type='range'].ticket_form_right, #event_tickets input[type='date'].ticket_form_right, #event_tickets input[type='month'].ticket_form_right, #event_tickets input[type='week'].ticket_form_right, #event_tickets input[type='time'].ticket_form_right, #event_tickets input[type='datetime'].ticket_form_right, #event_tickets input[type='datetime-local'].ticket_form_right, #event_tickets input[type='color'].ticket_form_right, #event_tickets textarea.ticket_form_right, #event_tickets label.ticket_form_right { display: block; } #event_tickets .tribe-description-small { color: #888; font-size: 0.95em; margin-top: 5px; } /* Panels */ .ticket_panel { border: 1px solid var(--tec-color-border-secondary); border-radius: 5px; box-sizing: border-box; opacity: 1; padding: 8px; position: relative; visibility: visible; width: 100%; will-change: transform; } .ticket_panel[aria-hidden='true'] { opacity: 0; position: absolute; visibility: hidden; } .ticket_panel section { margin: 2em 0; } .ticket_panel #tribe-tickets-image { margin-top: 0.5em; } .ticket_panel.panel_base { border: 0; padding: 0.5em 0 0; } .ticket_panel.panel_edit { border: 0; } .ticket_panel.panel_settings h4 { margin: 0; } .ticket_panel.panel_settings .settings_main { margin-bottom: 0; margin-top: 0; } .ticket_panel.panel_settings .settings_main p { font-size: inherit; } .ticket_panel h4 { text-transform: uppercase; } .ticket_title { margin-top: 0; text-transform: uppercase; } .ticket_list_container { margin-bottom: 20px; } .tribe_no_capacity { margin: 0; } .ticket_delete { color: #a00; } .ticket_delete:hover { color: #dc3232; } /* Base Panel Toggle Buttons */ #settings_form_toggle { margin-top: 1em; } .global_capacity-wrapper { margin-bottom: 1em; } .global_capacity_edit_button { background: none; border: 0; color: #ccc; cursor: pointer; padding: 0; } .tribe-button-icon:before { font-family: 'dashicons'; font-size: 1.25em; left: -0.25em; position: relative; vertical-align: middle; } .tribe-button-icon .tribe-hidden { display: none; } .tribe-button-icon.tribe-button-icon-plus:before { content: '\f132'; } .tribe-button-icon.tribe-button-icon-edit:before { content: '\f464'; } .tribe-button-icon.tribe-button-icon-settings:before { content: '\f111'; top: -2px; } .tribe-tickets-image-preview { margin-top: 2em; max-width: 200px; } #tribe_ticket_header_image { margin-right: 2em; vertical-align: baseline; } #tribe_tickets_image_preview_filename { display: none; font-weight: bold; } #tribe_tickets_image_preview_filename.-active { display: inline; } #tribe_tickets_image_preview_filename .dashicons { vertical-align: text-bottom; } #tribe_tickets_image_preview_filename .filename { margin-left: 0.5em; } /* Styles for Initial View */ .ticket_table_intro .button-secondary { float: right; margin-bottom: 15px; margin-left: 5px; } .ticket_table_intro #ticket_form_total_capacity { display: inline-block; line-height: 28px; position: relative; position: relative; } .ticket_table_intro #ticket_form_total_capacity .tooltip { background-color: #efefef; border: 1px solid var(--tec-color-border-secondary); border-radius: 3px; display: none; margin-left: 0.5em; padding: 0.5em; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .ticket_table_intro #ticket_form_total_capacity:hover .tooltip { display: block; } .ticket_table_intro #ticket_form_total_capacity .tooltip { left: 100%; top: 53%; white-space: nowrap; } /* Form styles */ .input_block { margin-bottom: 1em; position: relative; } .input_block .ticket_form_left { box-sizing: border-box; display: block; float: left; margin: 0; padding-left: 0; padding-right: 1em; } .input_block input, .input_block textarea { max-width: calc(100% - 132px); } .input_block .ticket_field.hasDatepicker { border-radius: 3px; font-size: 13px; margin-bottom: 0; } .input_block .input_block, .input_block .ticket_form_right { display: block; margin-top: 0; } .input_block .input_block:last-child, .input_block .ticket_form_right:last-child { margin-bottom: 0; } .input_block .input_block { margin-top: 1em; } .input_block legend + .input_block { margin-top: 0; } .input_block .tribe_stock_block { padding-left: calc(20px + 0.4em); } /* Capacity Radio Buttons */ .input_block .tribe_stock_block.tribe-active { padding-top: 1em; } .input_block label.ticket_form_right { margin-bottom: 1em; } .input_block .tribe_block_label { display: block; } /* Capacity Fields/admin display */ .input_block .ticket_stock_total { color: #666; font-style: italic; margin-left: 1em; } #ticket_form .input_block .ticket_stock_total_value { margin-right: 0; } /* Date/Time fields */ .input_block .tribe-timepicker { width: 6em; } #tribe_ticket_provider_wrapper { clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Adjust font size for form title */ h4.ticket_form_title { font-size: 1.2em; margin-top: 0; } /* Ensure radios and checkboxes have some space to the right of them when inside a label */ #ticket_form input[type=radio], #ticket_form input[type=checkbox] { margin-right: 0.4em; } .tribe_soft_note, p.description { color: #a3a3a3; font-size: inherit; font-style: normal; } #ticket_form .ticket_advanced.history .toggle-history span:nth-child(2) { display: none; } #ticket_form .ticket_advanced.history ul { display: none; } #ticket_form .ticket_advanced.history._show span:first-child { display: none; } #ticket_form .ticket_advanced.history._show span:nth-child(2) { display: inline; } #ticket_form .ticket_advanced.history._show ul { display: block; } /* Edit form styles */ .ticket_bottom { border-top: 1px solid #ddd; margin-top: 1em; padding-top: 18px; } .tribe_preview { cursor: pointer; } #ticket_form .tooltip_container { position: relative; } #ticket_form .tooltip_container .tooltip { background-color: #efefef; border: 1px solid var(--tec-color-border-secondary); border-radius: 3px; display: none; margin-left: 0.5em; padding: 0.5em; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } #ticket_form .tooltip_container:hover .tooltip { display: block; } #ticket_form .tooltip_container { display: inline; vertical-align: middle; } #ticket_form .tooltip_container .tooltip { background-color: #efefef; left: 100%; margin: 0; width: 200px; } #settings_global_capacity_edit { background-color: #fff; border: 1px solid #b4b9be; float: left; font-size: inherit; margin-right: 10px; } #settings_global_capacity_edit:disabled { background-color: transparent; border: 0; box-shadow: none; color: #555; } #settings_global_capacity_edit:enabled { margin-right: 7px; } #ticket_form .original_stock_cap span { margin-right: 0; } .ticket-editor-notice { border-radius: 4px; display: flex; font-size: 13px; margin-bottom: 10px; padding: 10px; } .ticket-editor-notice.info { background-color: #edf6fc; } .ticket-editor-notice.info .dashicons { color: #2a709d; } .ticket-editor-notice.tribe-dependent { display: none; } .ticket-editor-notice.tribe-dependent.tribe-active { display: flex; } .ticket-editor-notice .dashicons { font-size: 20px; height: 20px; margin-right: 2px; width: 20px; } .tribe_events_page_tickets-attendees .search-box .button { text-transform: capitalize; } .tec-admin__upsell-tec-tickets-capacity-arf { margin-bottom: var(--tec-spacer-5); } .tec-admin__upsell-tec-tickets-capacity-arf .tec-admin__upsell-content { padding: var(--tec-spacer-1) 0; } @media (min-width: 768px) { .tribe-common-c-loader.tribe-tickets-loader__tickets-block, .tribe-common-c-loader.tribe-tickets-loader__modal { padding: 0 } .event-tickets .tribe-common-c-loader { padding: 0 } .tribe-common button.tribe-common-c-btn-link, .tribe-common input[type="button"].tribe-common-c-btn-link, .tribe-common input[type="submit"].tribe-common-c-btn-link, .tribe-common a.tribe-common-c-btn-link { background-color: transparent; width: auto } } @media (min-width: 782px) { .ticket_panel { padding: 16px } .input_block .input_block, .input_block .ticket_form_right { margin-left: 132px } #ticket_bottom_right { float: right } } @media (min-width: 400px) { #settings_form_toggle { float: right; margin-top: 0 } } @media screen and (max-width: 520px) { .ticket_table_intro #ticket_form_total_capacity { width: 100% } } @media screen and (max-width: 782px) { .ticket_table_intro #ticket_form_total_capacity .tooltip { left: auto; margin-top: 5px; position: relative; top: auto; transform: none; width: 100% } .input_block .ticket_form_left { display: inline-block; float: none; padding: 0 0 6px } .input_block .tribe_stock_block { padding-left: 36px } .input_block .tribe_stock_block.tribe-active { padding-top: 5px } #ticket_form .tooltip_container .tooltip { left: auto; margin-top: 5px; position: relative; top: auto; transform: none; width: 100% } } @media (max-width: 782px) { #ticket_bottom_right { margin-top: 1em } } @media screen and (max-width: 390px) { #ticket_form .tooltip_container { display: none } }
Save Changes
Rename File
Rename