trAvis - MANAGER
Edit File: wpbc_flextable.css
/* Document : admin-booking resources-table Created on : 2024-01-13 Author : wpdevelop Description: Resource FlexTable CSS //FixIn: 9.9.0.7 */ /** * General Structure * * .wpbc_selectable_table ( .wpbc_resources_flextable - by default exist this CSS class for the booking resources page, in other pages, can be different class) * .wpbc_flextable * .wpbc_selectable_head * .wpbc_flextable_row * .wpbc_flextable_col * ... * * .wpbc_selectable_body * .wpbc_flextable_row * .wpbc_flextable_col * ... * * .wpbc_selectable_foot * .wpbc_flextable_row * .wpbc_flextable_col * ... */ .wpbc_flextable { display:flex; flex-flow:column nowrap; justify-content: flex-start; align-items: stretch; } .wpbc_flextable .wpbc_selectable_head, .wpbc_flextable .wpbc_selectable_body, .wpbc_flextable .wpbc_selectable_foot { flex:1 1 100%; display:flex; flex-flow:column nowrap; justify-content: flex-start; align-items: stretch; } .wpbc_flextable .wpbc_flextable_row{ flex: 1 1 auto; display:flex; flex-flow:row wrap; justify-content: flex-start; align-items: center; } .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col{ flex: 1 1 auto; } /* ------------------------------------------------------------------------------------------------------------------ */ /* 1st column - Checkbox */ .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_check{ flex: 0 0 25px; } .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_check{ margin: -5px 0 0; /* show checkbox centered in a row*/ } @media screen and (max-width: 782px) { .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_check{ margin: -2px 0 0; /* MOBILE: show checkbox centered in a row*/ } } /* 2nd column - ID */ .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_id{ flex: 0 1 35px; width:35px; } /* 3rd column - Title */ .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name{ display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding: 0 !important; margin: 0; align-self: stretch; min-width: Min(350px,100%); } .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title{ flex: 1 1 30%; } .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title{ /*flex: 1 1 31%;*/ flex: 1 1 12em; } .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title input[type="text"]{ width: 99% !important; } /* 4th column - Labels */ .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_labels{ flex: 1 1 10%; flex: 1 1 10em; } .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{ flex: 1 1 auto; } .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{ flex: 1 1 auto; flex: 1 1 40%; } @media screen and (max-width: 845px) { .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{ flex: 1 1 98%; } } /* ------------------------------------------------------------------------------------------------------------------ */ /* C O L O R S */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_flextable { background: #fff; border:0px solid #bbb; margin-bottom: 20px; } /* STRIPED Table */ .wpbc_flextable .wpbc_flextable_row{ background-color: #f3f3f3; border-left: 4px solid #f3f3f3; border-bottom: 1px solid #dddddd; } .wpbc_flextable .wpbc_flextable_row:nth-of-type(2n+1){ background-color: #f8f8f8; border-left: 4px solid #f8f8f8; } .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row, .wpbc_flextable .wpbc_selectable_foot .wpbc_flextable_row{ background-color: #fff; border-left: 4px solid #fff; } .wpbc_flextable .wpbc_flextable_row.wpbc_flextable_row_selected{ border-left-color: #08a; } /* ------------------------------------------------------------------------------------------------------------------ */ /* TEXT | LINKS */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head { font-weight: 600; text-align: left; } .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head a, .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head a:hover, .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head a:focus { text-decoration: none; } /* ------------------------------------------------------------------------------------------------------------------ */ /* M O D E R N S K I N C O L O R S */ /* ------------------------------------------------------------------------------------------------------------------ */ /** Resource Tables */ .wpbc_flextable { box-shadow: 0 0 1px #aaa; } .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col { padding: 10px 7px; } .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col { padding: 0px 7px; line-height: 3; } .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head{ font-size: 14px; } /* ------------------------------------------------------------------------------------------------------------------ */ /* Fieldset - mainly for Booking > Settings > Sync > "Export - .ics" page. FixIn: 9.8.0.6 */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_selectable_body .wpbc_flextable_row fieldset{ display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .wpbc_selectable_body .wpbc_flextable_row fieldset > *{ /*margin: 0 10px 10px 0;*/ margin: 5px 10px 5px 0; } .wpbc_selectable_body .wpbc_flextable_row fieldset > a{ margin-left:auto; } .wpbc_selectable_body .wpbc_flextable_row fieldset .put-in:active, .wpbc_selectable_body .wpbc_flextable_row fieldset .put-in:focus, .wpbc_selectable_body .wpbc_flextable_row fieldset .put-in{ flex:1 0 100%; border:none; outline: none; box-shadow: none; background: transparent; cursor: pointer; padding: 0; } .wpbc_selectable_body .wpbc_flextable_row fieldset > code { font-size: 12px; line-height: 22px !important; background: #ddd; color: #000; } /* End Fieldset - mainly for Booking > Settings > Sync > "Export - .ics" page */ /* ------------------------------------------------------------------------------------------------------------------ */ /* Error - No rows */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_flextable .wpbc_flextable_row.wpbc_no_results_row .wpbc_flextable_col { text-align: center; font-weight: 600; font-size: 1.2em; } /* ------------------------------------------------------------------------------------------------------------------ */ /* Other */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_flextable .check-column { position: initial; } .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{ text-align:center; border-left: 1px solid #ccc; } @media screen and (max-width: 1155px) { .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{ border-left: 0px solid #ccc; /* MOBILE: show checkbox centered in a row*/ } } /* Pagination button color */ .wpbc-pagination .button.active, .wpbc-pagination .button.active:hover { color:#23282d; } /* ------------------------------------------------------------------------------------------------------------------ */ /* Tabs in Flex Table for switching view of Table content */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_flextable_header_tabs .wpdvlp-top-tabs { z-index: 7; background: transparent; width: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .wpbc_flextable_header_tabs .wpdvlp-top-tabs .nav-tab-active, .wpbc_flextable_header_tabs .wpdvlp-top-tabs a.nav-tab-active:focus { border-bottom-color: #707980; } /* ------------------------------------------------------------------------------------------------------------------ */ /* RESOURCE ID --------------- */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_flextable .wpbc_label_resource_id_container { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .wpbc_flextable .wpbc_label_resource_id_container .wpbc_label_resource_id { padding: 0px 9px; line-height: 2em; text-transform: uppercase; white-space: nowrap; border-radius: 12px; } /* END RESOURCE ID --------------- */ /* ------------------------------------------------------------------------------------------------------------------ */ /* Show | Hide sections - in SWITCHABLE flex table ROW */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_resource_field__switchable{ display:none; } .wpbc_resource_field__switchable.wpbc_resource_field__publish{ display:flex; } /* ------------------------------------------------------------------------------------------------------------------ */ /* T o o l b a r in Table R O W s */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_flextable_col .wpbc_ajx_toolbar { flex: 1; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; margin: 0; padding: 0; } .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container{ border: none; background: none; padding: 0; justify-content: space-between; flex: 1; } /* Elements Height ------------------------------------------------------------------------------------------------- */ .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small *{ font-size:13px; } .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > *{ height: 28px; line-height: 28px; min-height: 28px; } .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > :not(input,select) { padding: 0 10px; } @media (max-width: 782px) { .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > *{ height: 34px; min-height: 28px; line-height: 34px; } .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > input, .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > select { line-height: 1; } } /* ------------------------------------------------------------------------------------------------------------------ */ /* SIZEs in a ROWs */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__size_100{ justify-content: stretch; flex: 1; } /* ------------------------------------------------------------------------------------------------------------------ */ /* Publish Elements in toolbar ROW */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__labels{ min-width:110px; } .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__shortcode{ justify-content: stretch !important; flex: 1; flex-flow: row nowrap; } /* ShortCode :: Text Input*/ .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group .ui_element .shortcode_text_field { width: 100%; min-width: 22em; text-align: left; cursor: pointer; background-color: #f0f0f0; color: #7a7a7a; font-weight: 600; font-size: 0.92em !important; border: 1px solid #fff !important; box-shadow: 0 0px 2px #cdcdcd; } .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group .ui_element div.shortcode_text_field{ cursor: text; overflow: hidden; height: auto; line-height: 2.4; /*background: #fff;*/ border-radius: 4px; } /* Custom Default Form */ .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__customform_field, .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__customform_field .ui_element{ flex: 1; } /* Parent | Child | Priority */ .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field, .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field .ui_element{ flex: 1; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field .ui_element select{ flex: 1; margin: 0 10px; width: Min(10em, 100%); min-width: 18em; } .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field .ui_element input[type="text"]{ flex: 0 0 5em; margin: 0 10px; font-weight: 400; } /* Cost Field */ .ui_element.ui_cost_field { flex: 0 1 auto; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: first baseline; } /* ------------------------------------------------------------------------------------------------------------------ */ /* L A B E L S - C O L O R S */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_flextable_labels a.wpbc_label { text-decoration: none; } .wpbc_flextable_labels .wpbc_label_cost, .wpbc_flextable_labels .wpbc_label_cost:focus, .wpbc_flextable_labels .wpbc_label_cost:active, .wpbc_flextable_labels .wpbc_label_cost:hover{ background-color: #64aa45; color: #eaffe1;; } .wpbc_flextable_labels .wpbc_label_resource_single, .wpbc_flextable_labels .wpbc_label_resource_single:focus, .wpbc_flextable_labels .wpbc_label_resource_single:active, .wpbc_flextable_labels .wpbc_label_resource_single:hover{ font-weight:600; background-color: #79b; color:#fff; } .wpbc_flextable_labels .wpbc_label_resource_parent, .wpbc_flextable_labels .wpbc_label_resource_parent:focus, .wpbc_flextable_labels .wpbc_label_resource_parent:active, .wpbc_flextable_labels .wpbc_label_resource_parent:hover{ font-weight:600; background-color: #e80; color:#fff; } .wpbc_flextable_labels .wpbc_label_capacity_number, .wpbc_flextable_labels .wpbc_label_capacity_number:focus, .wpbc_flextable_labels .wpbc_label_capacity_number:active, .wpbc_flextable_labels .wpbc_label_capacity_number:hover { background: #fff; color: #868686; font-size: 70%; padding: 1px 6px 2px; border-radius: 3px; margin: 0; } .wpbc_flextable_labels .wpbc_label_resource_child, .wpbc_flextable_labels .wpbc_label_resource_child:focus, .wpbc_flextable_labels .wpbc_label_resource_child:active, .wpbc_flextable_labels .wpbc_label_resource_child:hover{ font-weight: 400; background-color: #39d; color:#fff; } .ui_element .wpbc_label_user, .ui_element .wpbc_label_user:focus, .ui_element .wpbc_label_user:active, .ui_element .wpbc_label_user:hover{ font-weight: 400; color: #fdfdfd; background-color: #a67b99; } .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .wpbc_label.wpbc_label_user_owner strong{ font-size:0.8em; } .wpbc_flextable_labels .wpbc_label_resource_default_form, .wpbc_flextable_labels .wpbc_label_resource_default_form:focus, .wpbc_flextable_labels .wpbc_label_resource_default_form:active, .wpbc_flextable_labels .wpbc_label_resource_default_form:hover{ background-color: #89a; font-weight: 400; color: #fdfdfd; background-color: #e7e7e7; color: #7c7c7c; } .wpbc_flextable_labels .wpbc_label_resource_lost { background: #ff6c00; color: #6d4223; } .wpbc_flextable_labels .wpbc_label_user_owner, .wpbc_flextable_labels .wpbc_label_user_owner:focus, .wpbc_flextable_labels .wpbc_label_user_owner:active, .wpbc_flextable_labels .wpbc_label_user_owner:hover{ background-color: #89a; font-weight: 400; color: #fdfdfd; background-color: #766cba; } @media screen and (max-width: 845px) { .wpbc_flextable_col_folder_structure, .wpbc_show_hide_children_icon { display: none !important; } } /* ================================================================================================================== */ /* Folders */ /* ================================================================================================================== */ .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_folder_structure { flex: 0 0 30px; align-self: stretch; margin: 0; padding: 0; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; } .wpbc_flextable_col_folder_structure .wpbc_flextable_col_folder_line_vertical { border-right: 2px solid #7a7a7a; width: 2px; display: inline-block; margin: 0; align-self: flex-start; height: 100%; } .wpbc_flextable_col_folder_structure .wpbc_flextable_col_folder_line_vertical__last{ height: 50%; } .wpbc_flextable_col_folder_structure .wpbc_flextable_col_folder_line_horizontal { border-bottom: 2px solid #7a7a7a; border-right: 2px solid #7a7a7a; width: 20px; display: inline-block; margin: 0; } /* ================================================================================================================== */ /* WP Booking Calendar > Prices > Daily Costs page */ /* ================================================================================================================== */ /* Fields - Pricing Buttons - VISIBLE by default - in SWITCHABLE flex table ROW */ .wpbc_booking_resource_prices_table .wpbc_resource_field__switchable.wpbc_resource_field__extra__pricing_buttons{ display:flex; } /* Set - Pricing Buttons - Centered in the table */ .wpbc_booking_resource_prices_table .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__pricing_buttons{ flex-flow: row wrap; justify-content: center; flex: 1; } .wpbc_booking_resource_prices_table .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__labels{ margin-left: 5%; } .wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost { flex: 0 1 12em; margin-right: 1em; margin-left: 1px; } .wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost .wpbc_ajx_toolbar .ui_container .ui_group .ui_element { flex-flow: row nowrap; } /* It is for cost per night/days "/" separator */ .wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost .wpbc_ajx_toolbar .ui_container .ui_group .ui_element.ui_cost_field span { padding: 0 3px 0 5px; } .wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost .wpbc_ajx_toolbar .ui_container .ui_group .ui_element input[type="text"] { width: 75px !important; margin-left: 10px !important; font-weight: 600; } .wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name { flex: 1 1 10em; min-width: Min(19em, 99%); } .wpbc_booking_resource_prices_table .wpbc_flextable_col.wpbc_flextable_col_other.wpbc_other_resource_fields { padding: 0; flex: 1 1 50%; } /* Container depends size ! */ .wpbc_other_resource_fields { container: wpbc_c__other_resource_fields / inline-size; } @container wpbc_c__other_resource_fields (inline-size < 720px) { .wpbc_other_resource_fields .ui_element:nth-last-child(1) .in-button-text { display: none; } } @container wpbc_c__other_resource_fields (inline-size < 560px) { .wpbc_other_resource_fields .ui_element:nth-last-child(2) .in-button-text { display: none; } } @container wpbc_c__other_resource_fields (inline-size < 450px) { .wpbc_other_resource_fields .ui_element:nth-last-child(3) .in-button-text { display: none; } } @container wpbc_c__other_resource_fields (inline-size < 350px) { .wpbc_other_resource_fields .ui_element:nth-last-child(4) .in-button-text { display: none; } } /* For less than 707px of Other Fields Section */ @container wpbc_c__other_resource_fields (inline-size < 727px) { .wpbc_other_resource_fields .ui_element:nth-last-child(1) .in-button-text { display:none; } /*.wpbc_other_resource_fields.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > * { height: 34px; min-height: 28px; line-height: 34px; }*/ } /* ================================================================================================================== */ /* WP Booking Calendar > Resources > Searchable Resources page */ /* ================================================================================================================== */ /* Disable show LEFT BLUE BORDER in table selected ROWS */ .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row.wpbc_flextable_row_selected { border-left: 4px solid #f3f3f3; border-bottom: 1px solid #dddddd; } .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row.wpbc_flextable_row_selected:nth-of-type(2n+1){ border-left: 4px solid #f8f8f8; } /* :: H e a d e r s :: */ .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title { flex: 1 1 auto; padding-left: 0px; } .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{ border-left: none; flex: 1 1 auto; } .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_id{ width:5em; } /* Header On|Off column */ .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_searchable_on_off { flex: 0 1 150px; margin-right: 5px; margin-left: 0; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } @media (max-width: 825px){ .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{ order: 5 } .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_searchable_on_off{ flex: 0 1 70px; } #flextable_header_tab__labels { display: none; } } /* ------------------------------------------------------------------------------------------------------------------ */ /* :: B o d y :: */ /* ------------------------------------------------------------------------------------------------------------------ */ /* Resource Name / Title Column : it is not input text fields */ .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name { flex: 1 1 7em; min-width: Min(19em, 99%); padding: 10px 7px !important; } .wpbc_flextable_resource_title { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; flex: 1 1 100%; font-size: 13px; font-weight: 600; } .wpbc_flextable_resource_title .wpbc_show_hide_children_icon { flex:0 1 auto; margin-right: 1em; } .wpbc_flextable_resource_title .wpbc_flextable_resource_title_text{ flex:1 1 0; line-height: 1.8; } /* Vertical Align :: Top :: if delete these sections, then nice center align */ .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row { align-items: flex-start; } .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name { align-items: flex-start; } .wpbc_resource_name .wpbc_flextable_resource_title { min-height: 28px; } .wpbc_resource_name .wpbc_flextable_resource_title .wpbc_flextable_resource_title_text { line-height: 1; } .wpbc_flextable .wpbc_label_resource_id_container { min-height: 28px; } .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{ padding: 10px 7px; } .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__thumbnail .ui_element > *{ margin: 0 0 10px; } .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_container .ui_group .ui_element > * { margin: 0; } .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 { margin: 0 0 10px; } .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100:last-child{ margin:0; } /* Vertical Align End */ /* Size for On|Off column */ .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_searchable_on_off { flex: 0 1 150px; /*width: 30px;*/ /*margin-right: 1em;*/ /*margin-left: 1px;*/ display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; } /* ID last column */ .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_id { flex: 0 1 40px; width: auto; } /* ------------------------------------------------------------------------------------------------------------------ */ /* :: O t h e r :: */ /* ------------------------------------------------------------------------------------------------------------------ */ /* Other fields Column */ .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{ padding-top:0; padding-bottom:0; flex: 1 1 50%; } /* :: Text Input :: */ .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_text_field_100{ flex: 1 1 100%; } /* URL Field - VISIBLE by default - in SWITCHABLE flex table ROW */ .wpbc_searchable_resources_table .wpbc_resource_field__switchable.wpbc_extra__search_url{ display:flex; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_group__search_url { flex-flow: row nowrap; justify-content: stretch; flex: 1; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_group__search_url .ui_element__search_url { flex: 1 1 auto; /*margin: 0 0 0 2em;*/ } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_group__search_url .ui_element__search_url_link { margin-left: 0px; margin-right: 0px; } /* ------------------------------------------------------------------------------------------------------------------ */ /* :: IMG | Excerpt | Title :: */ /* ------------------------------------------------------------------------------------------------------------------ */ /* Thumbnail */ .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container{ flex-flow: row nowrap; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail .ui_element{ align-items: flex-start; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail div.search_thumbnail_img, .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail img.search_thumbnail_img { width: 100px; height: auto; min-height: auto; line-height: normal; padding: 3px; background: #fff; border: 1px solid #a5a8ab; border-radius: 2px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail div.search_thumbnail_img { height:100px; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail .ui_element a{ text-decoration: none; height: auto; padding: 0px; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail div.search_thumbnail_img a:hover{ text-decoration: underline; } /* Title | Excerpt | Img URL */ .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt{ flex-flow: row wrap; flex: 1 1 100%; margin: 0; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100{ flex-flow: row wrap; flex: 1 1 100%; margin: 0; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_text{ flex: 1 1 auto; margin: 0; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_icon, .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_button{ margin: 0 0 0 5px; flex: 0 1 38px; justify-content: center; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_text .ui_field_title { font-weight: 600; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_text textarea { width: 100%; height: 5em; } /* Mobile */ @media (max-width: 782px){ .wpbc_searchable_resources_table .wpbc_flextable_col_other.wpbc_other_resource_fields.wpbc_flextable_col { order:5; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container{ flex-flow: row wrap; } } /* ------------------------------------------------------------------------------------------------------------------ */ /* :: Filter Options :: */ /* ------------------------------------------------------------------------------------------------------------------ */ .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options{ flex-flow: row nowrap; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options .ui_element_text{ flex: 1 1 auto; margin: 0; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options .ui_element_button{ margin: 0 0 0 10px; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options textarea{ display:none; width: 100%; height: 5em; } .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options .in_shortcode_help_text { margin-left: auto; color: #727272; font-size: 0.8em; line-height: 28px; font-weight: 400; } /** Searchable Filters - Nice Filters Display in Table*/ .wpbc_searchable_resources_table .search_filters__display{ display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .wpbc_searchable_resources_table .search_filters__display .search_filter__row{ display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex:1 1 100%; } .wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__name{ display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex:0 1 100px; } .wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values{ display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex:1; } .wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values .search_filter__value_pairs { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex:1 1 100%; } .wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values .search_filter__value_pairs .search_filter__operation{ flex: 0 1 30px; text-align: left; padding:0 10px; } .wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values .search_filter__value_pairs .search_filter__value{ flex:1; } /* ------------------------------------------------------------------------------------------------------------------ */