diff --git a/admin/tabs/table_style.php b/admin/tabs/table_style.php index 246e4e4c..91d1a25d 100644 --- a/admin/tabs/table_style.php +++ b/admin/tabs/table_style.php @@ -1,16 +1,16 @@ __( 'Default Style', 'wpt_pro' ), - 'blacky' => __( 'Beautifull Blacky', 'wpt_pro' ), 'none' => __( 'Select None', 'wpt_pro' ), + 'default' => __( 'Default Style', 'wpt_pro' ), + 'beautiful_blacky' => __( 'Beautiful Blacky', 'wpt_pro' ), ); $pro_templates = array( - 'custom' => __( 'Customized Design', 'wpt_pro' ), 'smart' => __( 'Smart Thin', 'wpt_pro' ), 'green' => __( 'Green Style', 'wpt_pro' ), 'blue' => __( 'Blue Style', 'wpt_pro' ), 'dark' => __( 'Dark Style', 'wpt_pro' ), 'smart_light' => __( 'Smart Light', 'wpt_pro' ), + 'custom' => __( 'Customized Design', 'wpt_pro' ), ); $additional_templates = array(); $additional_templates = apply_filters( 'wpto_table_template_arr', $additional_templates ); diff --git a/assets/css/template.css b/assets/css/template.css index 979eeb5a..955f45f2 100644 --- a/assets/css/template.css +++ b/assets/css/template.css @@ -8,57 +8,6 @@ Blue Template - blue -/********************** Template: blacky ************************************/ -.blacky_table{ - position: relative; - border-collapse: collapse; - background: white; - width: 100%; - margin: 0 auto; -} -.blacky_table thead .wpt_table_header_row th{ - height: 50px; - color: #fff; - background: #36304a; -} -.blacky_table td, -.blacky_table th { - padding: 10px; -} -.blacky_table tbody tr td{ - border: 1px solid #e1e1e1; -} -.blacky_table .wpt_row td img{ - height: auto; -} -.blacky_table tbody tr{ - transition: all .5s; -} -.blacky_table.tr_bg_1{ - background: #efefef; - padding: 10px; -} -.blacky_table .tr_bg_2{ - background: #f7f7f7; - padding: 10px; -} -.blacky_table tbody tr:hover{ - background: #f7faff; -} -.blacky_table tbody tr a.button{ - display: inline-block; - padding: 10px; - background: #36304a; - color: #fff; - font-size: 14px; - border-radius: 3px; - font-weight: bold; -} -table#wpt_table.wpt_product_table.blacky_table thead>tr>th.this_column_sorted { - background-color: rgb(16, 14, 23) !important; -} - -/********************** Template: blacky End************************************/ /********************** Template: green************************************/ .green_table{ @@ -153,128 +102,7 @@ table#wpt_table.wpt_product_table.blue_table thead>tr>th.this_column_sorted { /********************** Template: blue End************************************/ -/********************** Template: Smart Thin************************************/ - -/*Style Universal for Tr,Td,Th etc table.wpt_product_table.blue_wrapper */ -table.wpt_product_table.smart_table, -table.wpt_product_table.smart_table tr, -table.wpt_product_table.smart_table td, -table.wpt_product_table.smart_table th { - border-collapse: collapse; - border: 1px solid #7d7d7d14; -} -/* div.wpt_product_table_wrapper.smart_wrapper .wpt_clear{display: none;} */ -div.wpt_product_table_wrapper.smart_wrapper table.smart_table{ - padding: 0; - margin: 0px 0px 2px 0px; -} -div.wpt_product_table_wrapper.smart_wrapper button.button.wpt_search_button, -div.wpt_product_table_wrapper.smart_wrapper button.button.wpt_load_more -{ - font-weight: normal; - padding: 2px 12px; -} -div.wpt_product_table_wrapper.smart_wrapper .tables_cart_message_box .wpt_live_cart_box { - padding: 3px 0px; - position: relative; -} - -div.wpt_product_table_wrapper.smart_wrapper .tables_cart_message_box .wpt_live_cart_box .cart-dropdown .wpt_dropdown li { - padding: 0px 3px; - background: rgba(189, 189, 189, 0.07058823529411765); - display: inline-block; - border: none !important; - border-radius: 2px; - margin: 2px 0; - font-size: 10px; - color: #42bc42; -} -div.wpt_product_table_wrapper.smart_wrapper .tables_cart_message_box{ - font-size: 80%; -} -table.wpt_product_table.smart_table{ - -} -table.wpt_product_table.smart_table tbody{ - -} -table.wpt_product_table.smart_table tbody>tr.wpt_row .wpt_thumbnails img { - margin: 0 auto; - border-radius: 0; - padding: 0 !important; -} -table.wpt_product_table.smart_table tbody>tr.wpt_row td a.button, -div.wpt_product_table_wrapper.smart_wrapper a.button.add_to_cart_all_selected -{ - padding: 2px 5px; - font-size: 90%; - margin: 0 2px; -} -div.wpt_product_table_wrapper.smart_wrapper .all_check_header_footer.all_check_header>span { - background: none; - display: inline-block; - padding: 0px 7px; - border: none; - margin: 0 2px; - font-size: .80em; -} -div.wpt_product_table_wrapper.smart_wrapper .all_check_footer { - display: block; - padding: 2px; - margin: 3px 0; - text-align: right; - background: rgba(0, 0, 0, 0.02); -} -div.wpt_product_table_wrapper.smart_wrapper select, .filter_select, -div.wpt_product_table_wrapper.smart_wrapper select.filter_select, -table.wpt_product_table.smart_table tbody>tr.wpt_row td select { - padding: 0; - font-size: 80%; -} - -table.wpt_product_table.smart_table tbody>tr td input, -table.wpt_product_table.smart_table tbody>tr td input[type="number"], -table.wpt_product_table.smart_table tbody>tr td input[type="text"], -table.wpt_product_table.smart_table tbody>tr td input[type="email"], -table.wpt_product_table.smart_table tbody>tr td input[type="password"]{ - padding: 0 3px; - max-width: 98%; -} -div.wpt_product_table_wrapper.smart_wrapper .search_single .query_box_direct_value, -div.wpt_product_table_wrapper.smart_wrapper .instance_search_input { - width: 98%; - border-radius: 1px; - padding: 0 2px; - border: 1px solid #a9a1a1; - margin-bottom: auto auto 6px auto; - padding-left: 10px; -} -div.wpt_product_table_wrapper.smart_wrapper input[type=checkbox]+label { - position: relative; - cursor: pointer; - padding: 0 2px 0 0; - margin-left: 0; -} - -table.wpt_product_table.smart_table thead tr { - background: rgba(0, 0, 0, 0.02); -} -table.wpt_product_table.smart_table thead tr th{color: black;} - -div.wpt_product_table_wrapper.smart_wrapper table.wpt_product_table.smart_table { - width: 100%; -} -table.wpt_product_table.smart_table td, -table.wpt_product_table.smart_table th { - padding: 0 0 0 3px !important; -} -table.wpt_product_table.smart_table tr.wpt_row .wpt_action, -table.wpt_product_table.smart_table tr.wpt_row th.wpt_action { - padding-right: 5px important; -} - -/*******************************End of Smart Thin Style***************************/ /*******************************End of Business Style***************************/ .business_table{ diff --git a/assets/css/templates/beautiful_blacky.css b/assets/css/templates/beautiful_blacky.css new file mode 100644 index 00000000..01a5a5cb --- /dev/null +++ b/assets/css/templates/beautiful_blacky.css @@ -0,0 +1,479 @@ +/* +base class beautiful_beautiful_blacky_wrapper +*/ +:root { + --beautiful-blue: #466a9a; + --beautiful-black: #25252b; + --beautiful-black-hover: #2e2e36; +} + +.beautiful_blacky_wrapper a, +.beautiful_blacky_wrapper a:hover { + text-decoration: none !important; +} + +.beautiful_blacky_wrapper .woocommerce-mini-cart__buttons.buttons a { + background: var(--beautiful-black); + font-size: 14px; + font-weight: 400; + border-radius: 3px; + color: #fff; +} + +.beautiful_blacky_wrapper ul.woocommerce-mini-cart li a { + color: #ffffff; + font-size: 14px; +} + +.beautiful_blacky_wrapper table { + color: #212529; + background: var(--beautiful-black-hover); + font-size: 15px; + border: none; + margin-bottom: 20px; +} + +.beautiful_blacky_wrapper table thead th { + border: none; + font-size: 18px; + font-weight: 500; +} + +.beautiful_blacky_wrapper table.beautiful_blacky_table tbody td .wpt_product_title_in_td { + color: #b3b3b3; + font-weight: 500; + text-decoration: none; + font-size: 16px; +} + +/* advanced action button (fatima) */ +.wpt_table_body .beautiful_blacky_wrapper .cart { + display: flex; + justify-content: center; + align-items: center; + gap: 10px; +} + +.beautiful_blacky_wrapper table span.wpt-pro-tag-on-sale { + display: inline-block; + padding: 2px; + border: 1px solid var(--beautiful-blue); + background: var(--beautiful-blue); + color: #fff; + font-weight: 500; + border-radius: 3px; + font-size: 16px; +} + +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button, +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button.adding, +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button.alt.wc-variation-selection-needed, +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button.adding.wc-variation-selection-needed, +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button.disabled, +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button.alt.disabled { + padding: 8px 9px; + background-color: var(--beautiful-blue) !important; + color: #fff !important; + font-size: 14px; + border-radius: 3px; + font-weight: 400; + border: 1px solid var(--beautiful-blue); + +} + +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button:hover, +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button:hover.adding, +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button:hover.alt.wc-variation-selection-needed, +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button:hover.adding.wc-variation-selection-needed, +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button:hover.disabled, +body.wpt_table_body .beautiful_blacky_wrapper table tbody tr a.button:hover.alt.disabled { + background-color: transparent !important; + border: 1px solid var(--beautiful-blue); + +} + +/* advanced action button (fatima) */ +.wpt_table_body .beautiful_blacky_wrapper button, +.wpt_table_body .beautiful_blacky_wrapper button.adding, +.wpt_table_body .beautiful_blacky_wrapper button.alt.wc-variation-selection-needed, +.wpt_table_body .beautiful_blacky_wrapper button.adding.wc-variation-selection-needed, +.wpt_table_body .beautiful_blacky_wrapper button.disabled, +.wpt_table_body .beautiful_blacky_wrapper button.alt.disabled { + padding: 8px 9px; + background: var(--beautiful-blue); + color: #fff; + font-size: 14px; + border-radius: 3px; + font-weight: 400; + text-decoration: none; + +} + +/* advanced action button (fatima) */ +.wpt_table_body .beautiful_blacky_wrapper button.single_add_to_cart_button, +.wpt_table_body .beautiful_blacky_wrapper button.single_add_to_cart_button.adding, +.wpt_table_body .beautiful_blacky_wrapper button.alt.wc-variation-selection-needed, +.wpt_table_body .beautiful_blacky_wrapper button.single_add_to_cart_button.adding.wc-variation-selection-needed, +.wpt_table_body .beautiful_blacky_wrapper button.single_add_to_cart_button.disabled, +.wpt_table_body .beautiful_blacky_wrapper button.single_add_to_cart_button.alt.disabled { + padding: 8px 9px; + background-color: var(--beautiful-blue) !important; + color: #fff !important; + font-size: 14px; + border-radius: 3px; + font-weight: 400; + margin-top: 0; + text-decoration: none; + border: 1px solid var(--beautiful-blue); + +} + +.wpt_table_body .beautiful_blacky_wrapper button.single_add_to_cart_button:hover, +.wpt_table_body .beautiful_blacky_wrapper button.single_add_to_cart_button:hover.adding, +.wpt_table_body .beautiful_blacky_wrapper button.alt.wc-variation-selection-needed, +.wpt_table_body .beautiful_blacky_wrapper button.single_add_to_cart_button:hover.adding.wc-variation-selection-needed, +.wpt_table_body .beautiful_blacky_wrapper button.single_add_to_cart_button:hover.disabled, +.wpt_table_body .beautiful_blacky_wrapper button.single_add_to_cart_button:hover.alt.disabled { + background-color: transparent !important; + border: 1px solid var(--beautiful-blue); + +} + + + +/* plus minus button (fatima) */ + .beautiful_blacky_wrapper .qib-button-wrapper button.qib-button { + padding: 6px 16px 8px; + background-color: var(--beautiful-blue); + color: #fff; + border: 1px solid var(--beautiful-blue); + +} + + .beautiful_blacky_wrapper .qib-button-wrapper button.qib-button:hover { + padding: 6px 16px 8px; + background-color: transparent; + color: var(--beautiful-blue); + border: 1px solid var(--beautiful-blue); + +} + +.beautiful_blacky_wrapper .td_or_cell.wpt_check { + display: table-cell !important; +} + +/* column fixed (fatima) */ +.beautiful_blacky_wrapper .wpt_search_box .search_box_wrapper .search_single.search_single_direct { + display: flex; + justify-content: center; + align-items: end; + +} + +.beautiful_blacky_wrapper table thead tr, +.beautiful_blacky_wrapper table thead th { + border-top: none; + border-bottom: none !important; + color: #fff; +} + +.beautiful_blacky_wrapper table tbody th, +.beautiful_blacky_wrapper table tbody td { + color: #b3b3b3; + font-weight: 400; + padding-bottom: 15px; + padding-top: 15px; + font-weight: 300; +} + +.beautiful_blacky_wrapper table tbody tr:not(.spacer) { + border-radius: 7px; + overflow: hidden; + -webkit-transition: .3s all ease; + -o-transition: .3s all ease; + transition: .3s all ease; + border-bottom: 1px solid #000000; +} + +.beautiful_blacky_wrapper table tbody tr:not(.spacer):hover { + -webkit-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.1); +} + +.beautiful_blacky_wrapper table tbody tr th, +.beautiful_blacky_wrapper table tbody tr td { + background: var(--beautiful-black); + padding-bottom: 1em; + border-spacing: 1px; + border: none; + -webkit-transition: .3s all ease; + -o-transition: .3s all ease; + transition: .3s all ease; +} + +.beautiful_blacky_wrapper table tbody tr th a, +.beautiful_blacky_wrapper table tbody tr td a { + color: #b3b3b3; +} + +.beautiful_blacky_wrapper table tbody tr th:first-child, +.beautiful_blacky_wrapper table tbody tr td:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +.beautiful_blacky_wrapper table tbody tr th:last-child, +.beautiful_blacky_wrapper table tbody tr td:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} + +.beautiful_blacky_wrapper table tbody tr.spacer td { + padding: 0 !important; + height: 3px; + border-radius: 0 !important; + background: transparent !important; +} + +.beautiful_blacky_wrapper table tbody tr.active th, +.beautiful_blacky_wrapper table tbody tr.active td, +.beautiful_blacky_wrapper table tbody tr:hover th, +.beautiful_blacky_wrapper table tbody tr:hover td, +.beautiful_blacky_wrapper table tbody tr:hover .wpt_product_title_in_td { + color: #fff; + background: var(--beautiful-black-hover); +} + +.beautiful_blacky_wrapper table tbody tr.active th a, +.beautiful_blacky_wrapper table tbody tr.active td a, +.beautiful_blacky_wrapper table tbody tr:hover th a, +.beautiful_blacky_wrapper table tbody tr:hover td a, +.beautiful_blacky_wrapper table tr.wpt_selected_tr td a, +.beautiful_blacky_wrapper table tr.wpt_selected_tr td { + color: #fff !important; +} + +/*Checkbox*/ + +.beautiful_blacky_wrapper.wpt_product_table_wrapper input[type=checkbox]:checked+label:before { + background: var(--beautiful-blue); + border-color: var(--beautiful-blue); +} + +.beautiful_blacky_wrapper.wpt_product_table_wrapper input[type=checkbox]+label:before { + border: 1px solid #5f5f6c; + content: ''; + margin-right: 3px; + display: inline-block; + vertical-align: text-top; + width: 20px; + height: 20px; + background: var(--beautiful-black-hover); + border-radius: 2px; +} + +.beautiful_blacky_wrapper.wpt_product_table_wrapper input[type=checkbox]:checked+label:after { + content: '\2713'; + color: #fff; + top: 0px; + font-size: 14px; + font-weight: bold; + left: 5px; + position: absolute; +} + +.beautiful_blacky_wrapper.wpt_product_table_wrapper .all_check_header input[type=checkbox]+label:before { + margin-right: 10px; +} + +/*----Pagination----*/ +.beautiful_blacky_wrapper .wpt_table_pagination span.page-numbers.current, +.beautiful_blacky_wrapper .wpt_table_pagination a.page-numbers.current { + background-color: var(--beautiful-black); + color: #ffff; + border: 1px solid var(--beautiful-black); + font-weight: bold; + font-size: 14px; +} + +.beautiful_blacky_wrapper .wpt_table_pagination a.page-numbers, +.beautiful_blacky_wrapper .wpt_table_pagination span.page-numbers { + padding: 8px 16px; + text-decoration: none; + transition: background-color .3s; + border: 1px solid var(--beautiful-black-hover); + margin: 0px; + display: inline-block; + cursor: pointer; + font-size: 14px; + border-radius: 3px; +} + +.beautiful_blacky_wrapper .wpt_table_pagination a.page-numbers:hover, +.beautiful_blacky_wrapper .wpt_table_pagination a.page-numbers:focus, +.beautiful_blacky_wrapper .wpt_table_pagination span.page-numbers:hover, +.beautiful_blacky_wrapper .wpt_table_pagination span.page-numbers:focus { + background: var(--beautiful-black-hover); + color: #fff; +} + +.beautiful_blacky_wrapper th.wpt_check label { + margin-left: -1px; +} + +.beautiful_blacky_wrapper .all_check_header_footer { + background-color: transparent; + padding: 15px 0; + font-size: 14px; + font-family: inherit; + text-transform: uppercase; +} + +.beautiful_blacky_wrapper .all_check_header_footer .button.add_to_cart_all_selected { + background: var(--beautiful-black); + padding: 15px 30px; + font-size: 14px; + margin-left: 10px; + font-weight: 400; + color: #ffffff; +} + +.beautiful_blacky_wrapper .all_check_header_footer .button.add_to_cart_all_selected:hover { + color: rgb(233, 233, 233); +} + +.beautiful_blacky_wrapper .all_check_header_footer.all_check_header>span { + background: var(--beautiful-black-hover); + display: flex; + padding: 7px; + border: 1px solid rgba(119, 115, 115, 0.12); + justify-content: center; + align-items: center; + color: #fff; + border-radius: 3px; +} + +.beautiful_blacky_wrapper .custom_table .wpt_row td img { + border-radius: 3px; +} + +.beautiful_blacky_wrapper table:not(.has-background) tbody tr:nth-child(2n) td, +.beautiful_blacky_wrapper table:not(.has-background) th { + background-color: var(--beautiful-black-hover); +} + +.beautiful_blacky_wrapper.wpt_product_table_wrapper div.tables_cart_message_box div.widget_shopping_cart_content li.woocommerce-mini-cart-item.mini_cart_item { + background: var(--beautiful-black); + color: #fff; +} + +.beautiful_blacky_wrapper table th.wpt_action { + text-align: right; +} + +/* star ratting (fatima) */ +.beautiful_blacky_wrapper table tbody th .star-rating, +.beautiful_blacky_wrapper table tbody td .star-rating { + height: 2rem; +} + +/*======Search bar=========*/ + +.beautiful_blacky_wrapper .search_single .query_box_direct_value, +.beautiful_blacky_wrapper .instance_search_input { + width: 100%; + border-radius: 4px; + padding: 6px 5px 5px 5px; + border: 1px solid #b7b7b7; + padding: 12px; + height: 42px; +} + +.beautiful_blacky_wrapper a:focus, +.beautiful_blacky_wrapper input:focus, +.beautiful_blacky_wrapper textarea:focus, +.beautiful_blacky_wrapper button:focus { + outline: 2px solid var(--beautiful-blue); +} + +.beautiful_blacky_wrapper .search_single_column { + display: block; + width: 100%; + margin-right: 10px; +} + +.beautiful_blacky_wrapper .search_single_column input { + height: 45px; +} + +.beautiful_blacky_wrapper .wpt_search_box .search_box_wrapper { + position: relative; + text-align: left; +} + +.beautiful_blacky_wrapper h3.search_box_label { + text-align: left; + margin-bottom: 15px; +} + +.beautiful_blacky_wrapper h3.search_box_label.wpt_product_table_wrapper div.tables_cart_message_box div.widget_shopping_cart_content li.woocommerce-mini-cart-item.mini_cart_item * { + font-size: 14px; +} + +/*===== QTY =========*/ + +.beautiful_blacky_wrapper .quantity .qty { + width: 4.5em; + text-align: center; + border-radius: 3px; + height: 40px; + background-color: #fff; + color: #000; + border: none; + padding: 0 5px; +} + +.beautiful_blacky_wrapper input[type=number]::-webkit-inner-spin-button, +.beautiful_blacky_wrapper input[type=number]::-webkit-outer-spin-button { + opacity: 0.7; +} + +.beautiful_blacky_wrapper .wpt_edit_table>a { + font-size: 18px; + color: #25252b; + background: #ffffff; + border: 1px solid #ddd; +} + +.beautiful_blacky_wrapper .select2-container .select2-selection--multiple { + min-height: 42px; +} + +.beautiful_blacky_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { + font-size: 15px; +} + +.beautiful_blacky_wrapper .td_or_cell.wpt_check { + display: table-cell !important +} + +/*=== View Cart ===*/ +.beautiful_blacky_wrapper table#wpt_table.wpt_product_table a.added_to_cart.wc-forward { + font-size: 12px; + padding: 2px 5px; + font-weight: normal; + background: transparent; + color: white; + text-decoration: none; + letter-spacing: 2px; +} +.beautiful_blacky_wrapper tbody tr a.button, +.beautiful_blacky_wrapper tbody tr a.button.adding, +.beautiful_blacky_wrapper tbody tr a.button.alt.wc-variation-selection-needed, +.beautiful_blacky_wrapper tbody tr a.button.adding.wc-variation-selection-needed, +.beautiful_blacky_wrapper tbody tr a.button.disabled, +.beautiful_blacky_wrapper tbody tr a.button.alt.disabled { + background:var(--beautiful-blue); + border:1px solid var(--beautiful-black-hover); + color: #fff; +} \ No newline at end of file diff --git a/assets/css/templates/default-old.css b/assets/css/templates/default-old.css new file mode 100644 index 00000000..54269029 --- /dev/null +++ b/assets/css/templates/default-old.css @@ -0,0 +1,288 @@ +/*********** Template: Default ************/ +.default_wrapper .wpt_product_title_in_td{ + font-size: 17px; +} +.default_wrapper .product_description, +.default_wrapper .total, +.default_wrapper .wpt_product_price, +.default_wrapper .default_table p{ + font-size: 15px; +} +.default_wrapper .wpt_table_tag_wrapper{ + box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; +} +table.default_table { + font-size: 15px; + text-align: left; + border-radius: 5px; + } + table.default_table a, .default_wrapper a{ + text-decoration: none; + } + table.default_table thead .wpt_table_header_row th { + padding: 17px; + color: #fff; + background: #0093b8; + font-weight: 600; +} + + table.default_table td, table.default_table th { + color: #2b686e; + padding: 10px; + } + table.default_table td { + vertical-align: middle; + } + table.default_table td:last-child { + font-size: 0.95em; + line-height: 1.4; + text-align: left; + } + table.default_table th { + background-color: #daeff1; + font-weight: 300; + border: none; + } + table.default_table tr:nth-child(2n) { + background-color: white; + } + table.default_table tr:nth-child(2n+1) { + background-color: #edf7f8; + } + table.default_table input[type="checkbox"]:checked + label::after{ + content: "\2713"; + color: #fff; + top: 0px; + font-size: 14px; + font-weight: bold; + left: 4px; + position: absolute; +} + +table.default_table input[type=checkbox]:checked+label:before { + background: #0093b8; + border-color: #83d7ec; +} +table.default_table input[type=checkbox]+label:before{ + border: 1px solid #bbbbbb; + content: ''; + margin-right: 3px; + display: inline-block; + vertical-align: text-top; + width: 20px; + height: 20px; + background: #e6e6e6; + border-radius: 3px; +} +.default_wrapper .wpt_table_pagination span.page-numbers.current, +.default_wrapper .wpt_table_pagination a.page-numbers.current { + background-color: #0093b8; + border: 1px solid #0093b8; + border-radius: 5px; +} +.default_wrapper a.page-numbers, +.default_wrapper .wpt_table_pagination span.page-numbers { + padding: 8px 16px; + text-decoration: none; + transition: background-color .3s; + border: 1px solid #ddd; + margin: 0px; + display: inline-block; + cursor: pointer; + border-radius: 5px; +} +div.default_wrapper input[type=checkbox]+label:before { + border: 1px solid #bbbbbb; + content: ''; + margin-right: 5px; + display: inline-block; + vertical-align: text-top; + width: 20px; + height: 20px; + background: #e6e6e6; + border-radius: 3px; +} + @media screen and (max-width: 700px) { + table.default_table, tr, td { + display: block; + } + + .default_table td:first-child { + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 100px; + } + .default_table td:not(:first-child) { + clear: both; + margin-left: 100px; + padding: 4px 20px 4px 90px; + position: relative; + text-align: left; + } + .default_table td:not(:first-child):before { + color: #91ced4; + content: ""; + display: block; + left: 0; + position: absolute; + } + + .default_table tr { + padding: 10px 0; + position: relative; + } + .default_table tr:first-child { + display: none; + } + } + +.default_wrapper .default_table.custom_table tbody tr a.button, +.default_wrapper .caqv-open-modal, .default_wrapper button, +.default_wrapper .button{ + background: #0093b8; + font-size:14px; + font-weight:400; + border-radius: 5px; + color: #fff; + text-decoration: none !important; + white-space: nowrap; + padding: 10px; + line-height: 27px; +} + +.default_wrapper div.tables_cart_message_box div.widget_shopping_cart_content li.woocommerce-mini-cart-item.mini_cart_item { + border: 1px solid #97c6cb; + padding: 1px; + border-radius: 6px; + margin: 2px; + min-height: auto; +} +.default_wrapper a{ + text-decoration: none !important; + color: #2b686e; +} +.default_wrapper div.tables_cart_message_box div.widget_shopping_cart_content .total{ + font-size: 18px; + margin-top: 10px; + color: #2b686e +} +.default_wrapper div.tables_cart_message_box div.widget_shopping_cart_content li a.remove::before { + background: #2b6884; + +} +.default_wrapper input[type=checkbox]+label { + color: #2b6884; +} +.default_wrapper .all_check_header_footer.all_check_header>span { + border: 1px solid rgb(0 147 184); + border-radius: 5px; + margin-right: 5px; +} +.default_wrapper .all_check_footer { + background:transparent; +} + +.default_wrapper .default_table select, +.default_wrapper .default_table .wpt_varition_section select { + border: 1px solid #97c6cb; + +} +.default_wrapper .search_single .query_box_direct_value, +.default_wrapper .instance_search_input { + width: 100%; + border-radius: 5px; + padding: 6px 5px 5px 5px; + border: 1px solid #97c6cb; + height: 42px; + padding: 10px; +} +.default_wrapper .search_single .query_box_direct_value:focus-visible, +.default_wrapper .instance_search_input:focus-visible { + outline: 2px solid rgb(0 147 184); + +} +.default_wrapper .select2-container--default .select2-selection--multiple { + border: 1px solid #97c6cb; + border-radius: 4px; + height: 42px; + padding: 10px +} +.default_wrapper .select2-selection.select2-selection--single { + color: #2b6884; + line-height:initial; + border: 1px solid #97c6cb; + font-size: 14px; +} + .select2-container--default .select2-results__option--highlighted[aria-selected], + .select2-container--default .select2-results__option--highlighted[data-selected] { + background-color: rgb(0 147 184); + color: #fff; + font-size: 16px; +} + .default_wrapper .quantity input[type="number"]{ + border: 1px solid #97c6cb; + border-radius: 5px; +} +.select2-container--default .select2-selection--multiple .select2-selection__rendered li{ +margin: 0; +} + .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #edf7f8; + border: 1px solid #0093b8; + border-radius: 5px; +} +.default_wrappe table.default_table:not( .has-background ) tbody tr:nth-child(2n) td { + background-color: #edf7f8; +} +/*Extra Tweakup*/ +table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend { + background-color: #fff; +} + +table:not( .has-background ) tbody td { + background-color: #edf7f8; +} + @media screen and (max-width: 500px) { + .default_table img { + border: 3px solid; + border-color: #daeff1; + height: 100px; + margin: 0.5rem 0; + width: 100px; + } + + .default_table td:first-child { + background-color: #c8e7ea; + border-bottom: 1px solid #91ced4; + border-radius: 10px 10px 0 0; + position: relative; + top: 0; + transform: translateY(0); + width: 100%; + } + .default_table td:not(:first-child) { + margin: 0; + padding: 5px 1em; + width: 100%; + } + .default_table td:not(:first-child):before { + font-size: 0.8em; + padding-top: 0.3em; + position: relative; + } + .default_table td:last-child { + padding-bottom: 1rem !important; + } + + .default_table tr { + background-color: white !important; + border: 1px solid #6cbec6; + border-radius: 10px; + box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); + margin: 0.5rem 0; + padding: 0; + } + + + } \ No newline at end of file diff --git a/assets/css/templates/default.css b/assets/css/templates/default.css index 54269029..42910b75 100644 --- a/assets/css/templates/default.css +++ b/assets/css/templates/default.css @@ -1,288 +1,404 @@ -/*********** Template: Default ************/ -.default_wrapper .wpt_product_title_in_td{ - font-size: 17px; +/* +base class default_wrapper +*/ +:root { + --wpt-default-primary:#0093b8; + --wpt-default-secondary: #edf7f8; + --wpt-default-hover: #fff; + --wpt-default-border: #e2f8fa; + --wpt-default-dark-border:#90cbed; + --wpt-default-text-color:#508491; + +} + +.default_wrapper a, +.default_wrapper a:hover { + text-decoration: none !important; +} + +.default_wrapper .woocommerce-mini-cart__buttons.buttons a { + background: var(--wpt-default-primary); + font-size: 14px; + font-weight: 400; + border-radius: 3px; + color: #fff; +} + +.default_wrapper ul.woocommerce-mini-cart li a { + color: #333; + font-size: 14px; } -.default_wrapper .product_description, -.default_wrapper .total, -.default_wrapper .wpt_product_price, -.default_wrapper .default_table p{ - font-size: 15px; + +.default_wrapper table { + background: var(--wpt-default-secondary); + color: var(--wpt-default-text-color); + font-size: 15px; + margin-bottom: 20px; } .default_wrapper .wpt_table_tag_wrapper{ - box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; -} -table.default_table { - font-size: 15px; - text-align: left; - border-radius: 5px; - } - table.default_table a, .default_wrapper a{ - text-decoration: none; - } - table.default_table thead .wpt_table_header_row th { - padding: 17px; - color: #fff; - background: #0093b8; - font-weight: 600; + box-shadow: rgba(0, 0, 0, 0.041) 0px 4px 12px; } - table.default_table td, table.default_table th { - color: #2b686e; - padding: 10px; - } - table.default_table td { - vertical-align: middle; - } - table.default_table td:last-child { - font-size: 0.95em; - line-height: 1.4; - text-align: left; - } - table.default_table th { - background-color: #daeff1; - font-weight: 300; - border: none; - } - table.default_table tr:nth-child(2n) { - background-color: white; - } - table.default_table tr:nth-child(2n+1) { - background-color: #edf7f8; +.default_wrapper table thead th { + border: none; + font-size: 18px; + font-weight: 500; +} + +.default_wrapper table.default_table thead { + border-bottom: 1px solid #ffffff; +} + +.default_wrapper table.default_table tbody td .wpt_product_title_in_td { + color: #02485a; + font-weight: 600; + text-decoration: none; + font-size: 18px; +} + +.default_wrapper table span.wpt-pro-tag-on-sale { + display: inline-block; + padding: 2px; + border: 1px solid var(--wpt-default-primary); + background: var(--wpt-default-primary); + color: #fff; + font-weight: 500; + border-radius: 3px; + font-size: 16px; +} + +.default_wrapper table tbody tr a.button, +.default_wrapper table tbody tr a.button.adding, +.default_wrapper table tbody tr a.button.alt.wc-variation-selection-needed, +.default_wrapper table tbody tr a.button.adding.wc-variation-selection-needed, +.default_wrapper table tbody tr a.button.disabled, +.default_wrapper table tbody tr a.button.alt.disabled { + padding: 8px 9px; + background:var(--wpt-default-primary); + color: #fff; + font-size: 14px; + border-radius: 3px; + font-weight: 400; + border: 1px solid var(--wpt-default-primary); +} + +.default_wrapper table thead tr, +.default_wrapper table thead th { + border-top: none; + border-bottom: none !important; + color: #fff; +} + +.default_wrapper table tbody th, +.default_wrapper table tbody td { + color: #7ea6b1; + padding-bottom: 15px; + padding-top: 15px; + font-weight: 400; +} + +.default_wrapper table tbody tr:not(.spacer) { + border-radius: 7px; + overflow: hidden; + -webkit-transition: .3s all ease; + -o-transition: .3s all ease; + transition: .3s all ease; + border-bottom: 1px solid var(--wpt-default-border); +} + +.default_wrapper table tbody tr:not(.spacer):hover { + -webkit-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.1); +} + +.default_wrapper table tbody tr th, +.default_wrapper table tbody tr td { + background: var(--wpt-default-secondary); + padding-bottom: .5em; + border-spacing: 1px; + border: none; + -webkit-transition: .3s all ease; + -o-transition: .3s all ease; + transition: .3s all ease; +} + +.default_wrapper table tbody tr th a, +.default_wrapper table tbody tr td a { + color: #02485a; +} + +.default_wrapper table tbody tr th:first-child, +.default_wrapper table tbody tr td:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +.default_wrapper table tbody tr th:last-child, +.default_wrapper table tbody tr td:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} + +.default_wrapper table tbody tr.spacer td { + padding: 0 !important; + height: 3px; + border-radius: 0 !important; + background: transparent !important; +} + +.default_wrapper table tr:hover { + color: #fff; + background: var(--wpt-default-hover) +} +.default_wrapper table tbody tr:last-child, +.default_wrapper table tbody tr:last-child:hover { + border-bottom:none !important; + box-shadow: unset; } - table.default_table input[type="checkbox"]:checked + label::after{ - content: "\2713"; - color: #fff; - top: 0px; - font-size: 14px; - font-weight: bold; - left: 4px; - position: absolute; -} - -table.default_table input[type=checkbox]:checked+label:before { - background: #0093b8; - border-color: #83d7ec; -} -table.default_table input[type=checkbox]+label:before{ - border: 1px solid #bbbbbb; - content: ''; - margin-right: 3px; - display: inline-block; - vertical-align: text-top; - width: 20px; - height: 20px; - background: #e6e6e6; - border-radius: 3px; -} -.default_wrapper .wpt_table_pagination span.page-numbers.current, +/*------- Checkbox ---------*/ + +div.wpt_product_table_wrapper.default_wrapper input[type=checkbox]+label:before { + background: #f3f3f3; + border: 1px solid #90cbed; +} + +div.wpt_product_table_wrapper.default_wrapper input[type=checkbox]+label:before { + content: ''; + margin-right: 3px; + display: inline-block; + vertical-align: text-top; + width: 20px; + height: 20px; + border-radius: 2px; +margin-right: 4px; +} +div.wpt_product_table_wrapper.default_wrapper input[type=checkbox]:checked+label:after { + content: '\2713'; + color: var(--wpt-default-primary); + top: 0px; + font-size: 14px; + font-weight: bold; + left: 5px; + position: absolute; +} + +div.wpt_product_table_wrapper.default_wrapper input[type=checkbox].wpt_check_universal.wpt_check_universal_header:checked+label:after, +div.wpt_product_table_wrapper.default_wrapper input.wpt_check_universal.wpt_check_universal_header[type=checkbox]:checked+label:after{ +color:var(--wpt-default-primary) +} +/*------- Pagination -------*/ + +.default_wrapper .wpt_table_pagination span.page-numbers.current, .default_wrapper .wpt_table_pagination a.page-numbers.current { - background-color: #0093b8; - border: 1px solid #0093b8; - border-radius: 5px; + background-color: var(--wpt-default-primary); + color: #ffff; + border: 1px solid var(--wpt-default-primary); + font-weight: bold; + font-size: 14px; } -.default_wrapper a.page-numbers, -.default_wrapper .wpt_table_pagination span.page-numbers { - padding: 8px 16px; - text-decoration: none; - transition: background-color .3s; - border: 1px solid #ddd; - margin: 0px; - display: inline-block; - cursor: pointer; - border-radius: 5px; -} -div.default_wrapper input[type=checkbox]+label:before { - border: 1px solid #bbbbbb; - content: ''; - margin-right: 5px; - display: inline-block; - vertical-align: text-top; - width: 20px; - height: 20px; - background: #e6e6e6; - border-radius: 3px; -} - @media screen and (max-width: 700px) { - table.default_table, tr, td { - display: block; - } - - .default_table td:first-child { - position: absolute; - top: 50%; - transform: translateY(-50%); - width: 100px; - } - .default_table td:not(:first-child) { - clear: both; - margin-left: 100px; - padding: 4px 20px 4px 90px; - position: relative; - text-align: left; - } - .default_table td:not(:first-child):before { - color: #91ced4; - content: ""; - display: block; - left: 0; - position: absolute; - } - - .default_table tr { - padding: 10px 0; - position: relative; - } - .default_table tr:first-child { - display: none; - } - } -.default_wrapper .default_table.custom_table tbody tr a.button, -.default_wrapper .caqv-open-modal, .default_wrapper button, -.default_wrapper .button{ - background: #0093b8; - font-size:14px; - font-weight:400; - border-radius: 5px; - color: #fff; - text-decoration: none !important; - white-space: nowrap; - padding: 10px; - line-height: 27px; +.default_wrapper .wpt_table_pagination a.page-numbers, +.default_wrapper .wpt_table_pagination span.page-numbers { + padding: 8px 16px; + text-decoration: none; + transition: background-color .3s; + border: 1px solid var(--wpt-default-primary); + margin: 0px; + display: inline-block; + cursor: pointer; + font-size: 14px; + border-radius: 3px; } -.default_wrapper div.tables_cart_message_box div.widget_shopping_cart_content li.woocommerce-mini-cart-item.mini_cart_item { - border: 1px solid #97c6cb; - padding: 1px; - border-radius: 6px; - margin: 2px; - min-height: auto; +.default_wrapper .wpt_table_pagination a.page-numbers:hover, +.default_wrapper .wpt_table_pagination a.page-numbers:focus, +.default_wrapper .wpt_table_pagination span.page-numbers:hover, +.default_wrapper .wpt_table_pagination span.page-numbers:focus { + background: var(--wpt-default-primary); + color: #fff; } -.default_wrapper a{ - text-decoration: none !important; - color: #2b686e; + +.default_wrapper th.wpt_check label { + margin-left: -1px; } -.default_wrapper div.tables_cart_message_box div.widget_shopping_cart_content .total{ - font-size: 18px; - margin-top: 10px; - color: #2b686e + +.default_wrapper .all_check_header_footer { + background-color: transparent; + padding: 15px 0; + font-size: 14px; + font-family: inherit; + text-transform: uppercase; } -.default_wrapper div.tables_cart_message_box div.widget_shopping_cart_content li a.remove::before { - background: #2b6884; +.default_wrapper .all_check_header_footer .button.add_to_cart_all_selected { + background: var(--wpt-default-primary); + padding: 10px 30px; + font-size: 14px; + margin-left: 10px; + font-weight: 400; + color: #ffffff; } -.default_wrapper input[type=checkbox]+label { - color: #2b6884; + +.default_wrapper .all_check_header_footer .button.add_to_cart_all_selected:hover { + color: rgb(233, 233, 233); } + .default_wrapper .all_check_header_footer.all_check_header>span { - border: 1px solid rgb(0 147 184); - border-radius: 5px; - margin-right: 5px; + /* background: #b2c1c9; */ + display: flex; + padding: 7px; + border: 1px solid rgb(0 147 184); + justify-content: center; + align-items: center; + color: #000; + border-radius: 3px; +} + +.default_wrapper .custom_table .wpt_row td img { + border-radius: 3px; } -.default_wrapper .all_check_footer { - background:transparent; + +.default_wrapper table:not(.has-background) tbody tr:nth-child(2n) td{ + background-color: var(--wpt-default-hover); +} +.default_wrapper table td, +.default_wrapper table:not(.has-background) th { + background-color: var(--wpt-default-primary); } -.default_wrapper .default_table select, -.default_wrapper .default_table .wpt_varition_section select { - border: 1px solid #97c6cb; +.default_wrapper.wpt_product_table_wrapper div.tables_cart_message_box div.widget_shopping_cart_content li.woocommerce-mini-cart-item.mini_cart_item { + background: #ffffff; + color: var(--wpt-default-text-color); +} +.default_wrapper table th.wpt_action { + text-align: right; } -.default_wrapper .search_single .query_box_direct_value, + +/*------Search bar---------*/ + +.default_wrapper .search_single .query_box_direct_value, .default_wrapper .instance_search_input { - width: 100%; - border-radius: 5px; - padding: 6px 5px 5px 5px; - border: 1px solid #97c6cb; - height: 42px; - padding: 10px; -} -.default_wrapper .search_single .query_box_direct_value:focus-visible, -.default_wrapper .instance_search_input:focus-visible { - outline: 2px solid rgb(0 147 184); - -} -.default_wrapper .select2-container--default .select2-selection--multiple { - border: 1px solid #97c6cb; - border-radius: 4px; - height: 42px; - padding: 10px -} -.default_wrapper .select2-selection.select2-selection--single { - color: #2b6884; - line-height:initial; - border: 1px solid #97c6cb; - font-size: 14px; -} - .select2-container--default .select2-results__option--highlighted[aria-selected], - .select2-container--default .select2-results__option--highlighted[data-selected] { - background-color: rgb(0 147 184); - color: #fff; - font-size: 16px; -} - .default_wrapper .quantity input[type="number"]{ - border: 1px solid #97c6cb; - border-radius: 5px; -} -.select2-container--default .select2-selection--multiple .select2-selection__rendered li{ -margin: 0; -} - .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #edf7f8; - border: 1px solid #0093b8; - border-radius: 5px; -} -.default_wrappe table.default_table:not( .has-background ) tbody tr:nth-child(2n) td { - background-color: #edf7f8; -} -/*Extra Tweakup*/ -table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend { - background-color: #fff; -} - -table:not( .has-background ) tbody td { - background-color: #edf7f8; -} - @media screen and (max-width: 500px) { - .default_table img { - border: 3px solid; - border-color: #daeff1; - height: 100px; - margin: 0.5rem 0; - width: 100px; - } - - .default_table td:first-child { - background-color: #c8e7ea; - border-bottom: 1px solid #91ced4; - border-radius: 10px 10px 0 0; - position: relative; - top: 0; - transform: translateY(0); - width: 100%; - } - .default_table td:not(:first-child) { - margin: 0; - padding: 5px 1em; - width: 100%; - } - .default_table td:not(:first-child):before { - font-size: 0.8em; - padding-top: 0.3em; - position: relative; - } - .default_table td:last-child { - padding-bottom: 1rem !important; - } - - .default_table tr { - background-color: white !important; - border: 1px solid #6cbec6; - border-radius: 10px; - box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); - margin: 0.5rem 0; - padding: 0; - } - + width: 100%; + border-radius: 4px; + padding: 6px 5px 5px 5px; + border: 1px solid #ccd2d3; + padding: 12px; + height: 42px; +} + +.default_wrapper a:focus, +.default_wrapper input:focus, +.default_wrapper textarea:focus, +.default_wrapper button:focus { + outline: 2px solid var(--wpt-default-secondary); +} - } \ No newline at end of file +.default_wrapper .search_single_column { + display: block; + width: 100%; + margin-right: 10px; +} + +.default_wrapper .search_single_column input { + height: 45px; +} + +.default_wrapper .wpt_search_box .search_box_wrapper { + position: relative; + text-align: left; +} + +.default_wrapper h3.search_box_label { + text-align: left; + margin-bottom: 15px; +} + +.default_wrapper h3.search_box_label.wpt_product_table_wrapper div.tables_cart_message_box div.widget_shopping_cart_content li.woocommerce-mini-cart-item.mini_cart_item * { + font-size: 14px; +} + +/*----- Quantity ---------*/ + +.default_wrapper .quantity .qty { + width: 4.5em; + text-align: center; + border-radius: 3px; + height: 40px; + color: #333; + border: none; + padding: 0 5px; + border: 1px solid #90cbed; + box-shadow: unset; +} +/* plus minus button (fatima) */ +.default_wrapper .qib-button-wrapper button.qib-button { + padding: 6px 16px 8px; + color: var(--wpt-default-primary); + border: 1px solid var(--wpt-default-dark-border); + +} + + .default_wrapper .qib-button-wrapper button.qib-button:hover { + padding: 6px 16px 8px; + background-color: transparent; + border:1px solid var(--wpt-default-dark-border); +} +.default_wrapper .qib-button-wrapper .quantity input.input-text.qty.text { + border: 1px solid var(--wpt-default-dark-border); + color: #024d7e; +} +.default_wrapper .default_table input[type=number]::-webkit-inner-spin-button, +.default_wrapper .default_table input[type=number]::-webkit-outer-spin-button { + opacity: 0.7; +} + +.default_wrapper .wpt_edit_table>a { + font-size: 18px; + color: #25252b; + background: #ffffff; + border: 1px solid #ddd; +} + +.default_wrapper .select2-container .select2-selection--multiple { + min-height: 42px; +} + +.default_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { + font-size: 15px; +} + +.default_wrapper .td_or_cell.wpt_check { + display: table-cell !important +} + +/*--- View Cart ---*/ + +.default_wrapper table#wpt_table.wpt_product_table a.added_to_cart.wc-forward { + font-size: 12px; + padding: 2px 5px; + font-weight: normal; + background: transparent; + color: white; + text-decoration: none; + letter-spacing: 2px; +} + +.default_wrapper .instance_search_wrapper { + margin-top: 20px; +} + +/* --------- Mini Cart -------- */ + +.wpt_product_table_wrapper.default_wrapper div.tables_cart_message_box div.widget_shopping_cart_content li a.remove::before { + font-size: 24px; + background: var(--wpt-default-primary); + border-radius: 25px; +} +.wpt_product_table_wrapper.default_wrap select, .wpt_varition_section select { + border: 1px solid var(--wpt-default-dark-border); +} +.wpt_product_table_wrapper .search_single label.search_keyword_label { + display: block; + margin-bottom: 5px; +} \ No newline at end of file