%PDF-
%PDF-
Mini Shell
Mini Shell
/**
* 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: http://moderntribe.github.io/products-engineering/css/
*/
.tribe-report-panel {
overflow: visible;
padding: 0;
position: relative;
}
.tribe-report-panel.welcome-panel {
overflow: visible;
}
.tribe-report-panel .about-description {
width: 66%;
}
.tribe-report-panel .about-description a {
color: inherit;
}
.tribe-report-panel .welcome-panel-column-container {
display: flex;
flex-flow: row;
justify-content: space-between;
position: static;
position: initial;
*zoom: 1;
}
.tribe-report-panel .welcome-panel-column {
padding: 20px 10px;
}
.tribe-report-panel .welcome-panel-column li {
line-height: 1.4em;
margin-bottom: 6px;
padding: 0;
}
.tribe-report-panel .welcome-panel-column .tribe-event-meta-note div {
padding: 0 0 0 15px;
}
.tribe-report-panel .welcome-panel-last {
border-left: 1px solid #eee;
display: flex;
flex-flow: row wrap;
padding: 10px 20px 5px;
*zoom: 1;
}
.tribe-report-panel .welcome-panel-last li {
margin-bottom: 2px;
}
.tribe-report-panel .welcome-panel-last .totals-header {
flex: 0 0 100%;
}
.tribe-report-panel .welcome-panel-last .totals-header h3 {
display: inline-block;
width: auto;
}
.tribe-report-panel .welcome-panel-last .totals-header .order-total {
font-size: 16px;
margin: 1.20em 0 0;
font-weight: 600;
}
.tribe-report-panel .welcome-panel-last h4 {
font-size: 1.5em;
text-align: center;
}
.tribe-report-panel .welcome-panel-last li {
font-size: 1.1em;
}
.tribe-report-page .welcome-panel-content h3 {
margin-top: 0;
}
.tribe-report-page h4.tickets-summary {
margin: 0;
}
.tribe-report-page .tickets_checkin {
min-width: 87px;
text-align: center;
white-space: nowrap;
}
.tribe-report-page .tickets_uncheckin {
display: none;
height: auto;
line-height: 1.5;
white-space: normal;
}
.tribe-report-page .tickets_checked td {
opacity: .6;
}
.tribe-report-page .tickets_checked td.check_in {
opacity: 1;
}
.tribe-report-page .tickets_checked .tickets_checkin {
display: none;
}
.tribe-report-page .tickets_checked .tickets_uncheckin {
display: block;
opacity: 1;
}
.tribe-report-page .tickets_checked .inline .tickets_uncheckin {
display: inline;
}
.tribe-report-page .cancelled {
font-style: italic;
}
.tribe-report-page .cancelled .check_in {
font-style: normal;
}
.tribe-report-page .column-attendee_id,
.tribe-report-page .column-order_id {
width: 70px;
}
.tribe-report-page td[class*='column'] {
word-break: break-word;
}
.tribe-report-page td.column-status {
font-size: 13px;
width: 80px;
}
.tribe-report-page .column-security {
width: 120px;
}
.tribe-report-page .column-check_in {
width: 90px;
}
.tribe-report-page .attendees-actions input.print,
.tribe-report-page .attendees-actions a.email,
.tribe-report-page .attendees-actions a.export {
float: left;
margin: 1px 8px 0 0;
}
.tribe-attendees-email .tribe-attendees-email-message {
float: left;
margin: 0;
}
.tribe-attendees-email .button-primary {
margin-top: 3px;
}
.tribe-attendees-email-message ul {
font-size: 13px;
line-height: 1.5;
margin: .5em 0;
padding: 2px;
}
.tribe-attendees-email-message ul li:last-child {
margin-bottom: 0;
}
#attendees_email_wrapper {
margin-top: 10px;
overflow: hidden;
padding: 20px;
}
#attendees_email_wrapper label {
display: block;
}
#attendees_email_wrapper label span {
display: inline-block;
width: 105px;
}
#attendees_email_wrapper select,
#attendees_email_wrapper input[type='text'] {
width: 285px;
}
#attendees_email_wrapper .attendees_or {
display: block;
font-size: 20px;
margin: 20px 0;
text-align: center;
}
.wp-list-table {
font-size: 14px;
}
.wp-list-table td.check_in .delete {
text-align: center;
}
.welcome-panel .welcome-panel-content {
margin: 0;
*zoom: 1;
}
/*
* Preserves utility of modal windows, especially the "Email Attendees" modal, in views above the
* mobile view but under the upper limits of "tablet" views. The weird class names and !important declarations
* are unfortunately needed to override Thickbox's inline styles.
*/
/*
* Preserves utility of modal windows in mobile view. !important declarations
* are unfortunately needed to override Thickbox's inline styles.
*/
table.orders tr.refunded, table.orders tr.denied, table.orders tr.pending {
font-style: italic;
}
@media screen and (max-width: 768px) {
.tribe-report-panel .welcome-panel-column-container {
flex-wrap: wrap
}
.tribe-report-panel .welcome-panel-column {
padding: 20px 0;
width: 100%
}
.tribe-report-panel .welcome-panel-column h3 {
display: inline-block;
padding-left: 15px
}
.tribe-report-panel .welcome-panel-column ul {
padding: 0 15px
}
.tribe-report-panel .welcome-panel-column .tribe-event-meta-note div {
padding: 0 15px
}
.tribe-report-panel .welcome-panel-middle > div {
padding: 0 15px
}
.tribe-report-panel .welcome-panel-last {
width: 100%
}
.welcome-panel .welcome-panel-content {
margin-left: 0;
max-width: 100%
}
}
@media screen and (min-width: 1024px) {
.tribe-report-panel .welcome-panel-column {
display: inline-block;
padding: 20px 2%;
width: 29%;
min-width: 29%
}
}
@media screen and (max-width: 870px) {
.tribe-report-panel .welcome-panel-column li {
display: list-item
}
.tribe-report-panel .welcome-panel-last ul {
width: 50%
}
}
@media screen and (min-width: 870px) {
.tribe-report-panel .welcome-panel-last ul:first-child {
margin-bottom: 0;
}
.tribe-report-panel .welcome-panel-last ul:last-child {
margin-top: 0;
}
}
@media screen and (max-width: 782px) {
.tribe-attendees-email-message .notice-dismiss {
padding: 9px;
}
}
@media screen and ( max-width: 782px ) {
#TB_window {
height: auto !important;
}
#plugin-information-title {
height: auto !important;
overflow: hidden !important;
}
#plugin-information-footer {
position: relative !important;
}
}
@media screen and (max-width: 440px) {
#TB_window {
left: 0 !important;
margin-left: 0 !important;
width: 100% !important;
}
#TB_iframeContent {
width: 100% !important;
}
}
Zerion Mini Shell 1.0