#icon-woocommerce, .woocommerce_icon, .icon32-posts-product, .icon32-posts-shop_order, .icon32-posts-shop_coupon, .icon32-posts-product_variation { background-image: url(../images/icons/woocommerce-icons.png) !important; background-position: -11px -6px; } .icon32-posts-product { background-position: -185px -6px !important; } .icon32-posts-product { background-position: -69px -6px !important; } .icon32-posts-shop_order { background-position: -127px -6px !important; } .icon32-attributes { background-position: -185px -6px !important; } .icon32-woocommerce-settings { background-position: -359px -6px !important; } .icon32-posts-shop_coupon { background-position: -475px -6px !important; } .icon32-posts-product_variation { background-position: -533px -6px !important; } .icon32-woocommerce-reports { background-position: -591px -6px !important; } .wrap.woocommerce div.updated { margin-top: 10px; } /* Orders */ .order_actions { color: #999; font-size: 11px; li { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; padding: 6px; margin: 0; line-height: 1.6em; } } #woocommerce-order-items { .inside { margin: 0; padding: 0; background: #fefefe; } .buttons { float: left; padding-left: 6px; vertical-align: top; .item_id { width: 300px; vertical-align: top; } button { margin: 2px 0 0 0; } } .buttons-alt { float: right; padding-right: 6px; } h3 small { color: #999; } } dl.totals { margin: 6px 6px 0; float: left; dt { float: left; width: 100%; font-size: 1.2em; font-weight: bold; line-height: 2em; margin: 0; padding: 0; } dd { line-height: 2em; font-size: 1.2em; float: left; width: 100%; margin: 0; padding: 0; input { width: 100%; vertical-align: middle; float: left; font-size: 1em; margin: 0 !important; } input.first { width: 49%; float: left; } input.last { width: 49%; float: right; } } } .woocommerce_order_items_wrapper { margin: 0; table.woocommerce_order_items { width: 100%; background: #fff; thead th { background: #ECECEC; padding: 8px 8px; font-size: 11px; text-align: left; } td { padding: 8px 8px; text-align: left; line-height: 26px; vertical-align: top; border-bottom: 1px dotted #ececec; input, textarea { width: 100%; } select { width: 50%; } input, textarea { font-size: 14px; padding: 4px; color: #555; } } .name { min-width: 100px; } .center, .variation-id, .product-id { text-align: center; } .quantity, .cost, .tax { width: 60px; } table.meta { width: 100%; tr { td { padding: 1px 4px 1px 0; border: 0; input { width: 150px; } } } } } } .woocommerce-order-panel { overflow: hidden; zoom: 1; .panel { padding: 0 9px; } .column { width: 47%; } .first { float: left; } .last { float: right; } .panel p { overflow: hidden; zoom: 1; margin: 0 !important; font-size: 12px; padding: 7px 0; line-height: 24px; } label { float: left; width: 30%; padding: 0; .req { font-weight: bold; font-style: normal; color: red; } } .description { padding: 0; margin: 0 0 0 7px; } .description-block { margin-left: 0; display: block; } textarea, input, select { margin: 0; } textarea { width: 65% !important; float: left; } input { width: 65%; float: left; } } .widefat { .column-order_title { time { display: block; color:#999; margin: 3px 0; } } small.meta { display: block; color:#999; font-size: inherit; margin: 3px 0; } .column-total_cost, .column-order_date { width:150px !important; } .column-order_status { width:90px; text-align: center; mark { display:block; text-align: center; white-space: nowrap; padding: 0 2px; background: #fff; border: 1px solid #fff; -webkit-box-shadow:inset 0 0 2px 1px rgba(255,255,255,0.5); -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; margin: 0; font-size:9px; text-transform: uppercase; color:#fff; font-weight: bold; text-shadow:0 1px 0 rgba(0,0,0,0.3); } mark.pending { background-color: #999; border-color: #999; } mark.completed { background-color: #a0658b; border-color: #a0658b; } mark.on-hold { background-color: #E66F00; border-color: #E66F00; } mark.failed { background-color: red; border-color: red; } mark.cancelled { background-color: #ccc; border-color: #ccc; } mark.processing { background-color: #2184c2; border-color: #2184c2; } mark.refunded { background-color: #ccc; border-color: #ccc; } } } ul.subsubsub { li.pending { a { color:#E66F00; } } li.completed { a { color:green; } } li.onhold { a { color:red; } } li.cancelled { a { color:#dfdfdf; } } li.refunded { a { color:#ccc; } } } /* Order notes */ ul.order_notes { padding: 2px 0 0 0; li { .note_content { padding: 10px; background: #efefef; position: relative; } p.meta { padding: 10px; color: #999; font-size: 11px; } a.delete_note { color: red } .note_content:after { content: ""; display: block; position: absolute; bottom: -15px; left: 30px; width: 0; height: 0; border-width: 15px 15px 0 0; border-style: solid; border-color: #efefef transparent; } } li.customer-note { .note_content { background: #d7cad2; } .note_content:after { border-color: #d7cad2 transparent; } } } .add_note { border-top: 1px solid #ddd; padding: 10px; h4 { margin-top: 5px !important; } input#add_order_note { width: 50%; } } /* Product list */ table.wp-list-table { .column-thumb { width: 66px; text-align: center; white-space: nowrap } .column-sku, .column-product_type, .column-product_cat, .column-product_tags, .column-is_in_stock, .column-price, .column-product_date, .column-featured { width: 9%; } img { margin: 1px 2px; } .column-thumb img { padding: 2px; margin: 0; border: 1px solid #dfdfdf; vertical-align: middle; width: 42px; height: 42px; } span.na { color: #999; } .column-featured, .column-is_in_stock { text-align: left !important; } } /* Dashboard */ ul.woocommerce_stats { overflow: hidden; zoom: 1; li { width: 22%; padding: 0 1.4%; float: left; font-size: 0.8em; border-left: 1px solid #fff; border-right: 1px solid #ececec; text-align: center; } li:first-child { border-left: 0; } li:last-child { border-right: 0; } strong { font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; font-size: 4em; line-height: 1.2em; font-weight: normal; text-align: center; display:block; } } #dashboard_right_now p.woocommerce_sub { position: static; top: auto; left: auto; margin: 15px 5px 0; padding: 0 0 5px 0; border-bottom: #ECECEC 1px solid; } #dashboard_right_now .onhold { color: red; } #dashboard_right_now .pending { color: #e66f00; } #dashboard_right_now .complete { color: green; } #dashboard_right_now .t, #dashboard_right_now .t a { white-space: normal; } #woocommmerce_dashboard_sales { h3 a { float: right; margin-left: 8px; } } ul.recent-orders, ul.stock_list { li { overflow: hidden; zoom: 1; border-bottom: #ECECEC 1px solid; padding: 0 0 8px; margin: 0 0 8px; .order-status { float: right; } small { color: #999; } .order-cost, .order-customer { margin-left: 8px; } .completed { color: green; } .on-hold { color: red; } .processing { color: #21759B; } .pending { color: #E66F00; } .refunded, .cancelled { color: #999; } } &.stock_list { small { float: right; } a { text-decoration: none; } } } #woocommmerce_dashboard_recent_reviews { li { line-height: 1.5em; margin-bottom: 12px; } h4.meta { line-height: 1.4; margin: -.2em 0 0 0; font-weight: normal; color: #999; } blockquote { padding: 0; margin: 0; } .avatar { float: left; margin: 0 10px 5px 0; } .star-rating { float: right; width: 50px; height: 10px; margin: 3px 0 0 0; background: url(../images/admin-star.png) repeat-x left -10px; span { background: url(../images/admin-star.png) repeat-x left 0; height: 0; padding-top: 10px; overflow: hidden; float: left; } } } /* Settings */ .woocommerce table.shippingrows td, .woocommerce table.shippingrows th { vertical-align: middle; } .woocommerce table.shippingrows td a.remove { margin: 0 !important; } .woocommerce table.shippingrows .dupe, .woocommerce table.shippingrows .remove { float: right; margin-left: 9px; } .woocommerce table.shippingrows tbody .check-column { padding: 0; input { margin: 0 0 0 8px; } } .woocommerce table.shippingrows td.country { width: 300px; p { line-height: 21px; margin: 0; color: #666; } button.edit_options { float: right; margin: 0; } select { margin: 9px 0; width: 100%; } } div.taxrows { .taxrow { padding-bottom: 8px; select { width: 125px; } input.text { width: 60px; } label.checkbox { line-height: 1.5em; margin: 0 8px; input { margin: 0 4px 0 0; } } } } .woocommerce table.widefat { table.coupon_rows { border: 0 !important; width: 100%; thead { th { padding: 1px; border: 0; font-weight: normal; font-size: 11px; color: #999; } } tbody { td { padding: 3px 3px 0 0; border: 0; vertical-align: middle; input.text { width: 95px; } } } } } .woocommerce #tabs-wrap table a.remove { margin-left: 4px; } .woocommerce #tabs-wrap table p { margin: 0 0 4px !important; overflow: hidden; zoom: 1; } .woocommerce #tabs-wrap table p a.add { float: left; } /* Write Panels */ #product_variation-parent #parent_id { width: 100%; } #woocommerce-product-data ul.product_data_tabs, .woocommerce ul.tabs { background: #ececec; padding: 7px 9px 0; margin: 0; overflow: hidden; zoom: 1; line-height: 1em; } #woocommerce-product-data ul.product_data_tabs li, .woocommerce ul.tabs li { float: left; padding: 0; margin: 0 5px 0 0; } #woocommerce-product-data ul.product_data_tabs li a, .woocommerce ul.tabs li a { padding: 0; margin: 0; border: 0; border: 1px solid #d5d5d5; border-bottom: 0; float: left; padding: 9px 9px; background: #e1e1e1; text-decoration: none; color: #555; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #woocommerce-product-data ul.product_data_tabs li.active a, .woocommerce ul.tabs li.active a { background: #f8f8f8; border-color: #e1e1e1; color: #333; background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(248,248,248) 100%); background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(248,248,248) 100%); background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(248,248,248) 100%); background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(248,248,248) 100%); background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(248,248,248) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(248,248,248)) ); } #woocommerce-product-data .inside, #woocommerce-product-type-options .inside, #woocommerce-order-data .inside, #woocommerce-product-type .inside { padding: 0; margin: 0; } .woocommerce_options_panel, .panel { padding: 9px 9px 9px 9px; color: #555; } .woocommerce_page_settings .woocommerce_options_panel, .panel, #woocommerce-product-type .woocommerce_options_panel { padding: 0; } #woocommerce-product-type-options .panel, #woocommerce-product-specs .inside { padding: 9px; margin: 0; } .woocommerce_options_panel p, #woocommerce-product-type-options .panel p { overflow: hidden; zoom: 1; margin: 0 0 9px; font-size: 12px; padding: 5px 9px; line-height: 24px; } .woocommerce_options_panel p { margin: 9px 0 9px; } .woocommerce_options_panel label { float: left; width: 150px; padding: 0; } .woocommerce_options_panel label .req { font-weight: bold; font-style: normal; color: red; } .woocommerce_options_panel .description { padding: 0; margin: 0 0 0 7px; } .woocommerce_options_panel .description-block { margin-left: 0; display: block; } .woocommerce_options_panel textarea, .woocommerce_options_panel input, .woocommerce_options_panel select { margin: 0; } .woocommerce_options_panel textarea { width: 50% !important; float: left; } .woocommerce_options_panel input { width: 50%; float: left; } .woocommerce_options_panel input.button { width: auto; margin-left: 8px; } .woocommerce_options_panel .checkbox, table.woocommerce_variable_attributes .checkbox { vertical-align: middle; margin: 7px 0; width: auto; } .woocommerce_options_panel select { float: left; } .woocommerce_options_panel .short { width: 20%; } .woocommerce_options_panel .sized { width: auto !important; margin-right: 6px; } .woocommerce_options_panel .options_group { border-top: 1px solid white; border-bottom: 1px solid #DFDFDF; } #woocommerce_attributes td.handle { vertical-align: middle; width: 14px; background: url(../images/handle.png) no-repeat right center; cursor: move; padding-right: 0; } #woocommerce_attributes, #variable_product_options { padding: 12px; } .woocommerce_attributes_wrapper, .woocommerce_variable_attributes_wrapper { margin-bottom: 7px; border: 1px solid #ececec; } table.woocommerce_attributes, table.woocommerce_variable_attributes { width: 100%; position: relative; } table.woocommerce_attributes thead th, table.woocommerce_variable_attributes thead th { background: #ececec; padding: 7px 9px; font-size: 11px; text-align: left; } table.woocommerce_attributes td, table.woocommerce_variable_attributes td { padding: 2px 9px; text-align: left; vertical-align: middle; border-bottom: 1px dotted #ececec; } table.woocommerce_attributes td input, table.woocommerce_variable_attributes td input, table.woocommerce_variable_attributes td textarea { width: 100%; } table.woocommerce_attributes td select { width: 100%; } table.woocommerce_attributes td select.multiselect { height: 8em !important; } table.woocommerce_attributes td .ui-multiselect-checkboxes input { width: auto; } table.woocommerce_attributes td input, table.woocommerce_variable_attributes td input, table.woocommerce_variable_attributes td textarea { font-size: 14px; padding: 4px; color: #555; } table.woocommerce_attributes .taxonomy td.name { padding: 10px 15px; font-size: 14px; color: #555; } table.woocommerce_attributes .taxonomy td.values { position: relative; } table.woocommerce_attributes .center { text-align: center; } #woocommerce_attributes select.attribute_taxonomy, button.add_attribute, button.add_variable_attribute, button.add_variation, button.link_all_variations { float: right; } #upsells_and_crosssells_product_data { padding: 0 9px 9px; } div.multi_select_products_wrapper { float: left; width: 49%; padding: 0; } div.multi_select_products_wrapper-alt { float: right; } .multi_select_products { border-bottom: 1px solid #ececec; margin: 0; padding: 0; width: 100%; float: left; background: #fff; overflow: hidden; height: auto; } .multi_select_products_target_upsell, .multi_select_products_target_crosssell { margin: 20px 0; } .multi_select_products.loading { background: #fff url(../images/ajax-loader.gif) no-repeat center; } .multi_select_products li { padding: 7px 9px; margin: 0 !important; line-height: 2em; border: 1px solid #ececec; border-bottom: 0; } div.multi_select_countries { border: 1px solid #ececec; height: 200px; overflow: auto; width: 100%; float: left; } .multi_select_countries li { padding: 3px 9px; margin: 0; line-height: 2em; border-bottom: 1px dotted #ececec; } .multi_select_countries li label { display: block; } .multi_select_countries li label input { margin: 0 4px 0 0; } .multi_select_products button { float: right; vertical-align: middle; } .multi_select_products .product_search input { width: 100%; } #woocommerce-product-data input.dp-applied { float: left; } #grouped_product_options, #virtual_product_options, #simple_product_options { padding: 12px; font-style: italic; color: #666; } /* Configuration */ #variable_product_options { p.description { float: left; padding: 0; margin: 0; } p.bulk_edit, p.default_variation { background: #ececec; padding: 6px !important; margin: 0 0 8px !important; overflow: hidden; zoom: 1; strong { margin: 0 6px 0 0; float: left; line-height: 23px; } .button, select { margin: 0 6px 0 0; float: left; } } } .woocommerce_variation { background: #ececec; border: 1px solid #ececec; margin: 0 0 8px !important; p { margin: 0 !important; padding: 6px !important; button { float: right; } } table td { background: #fff; padding: 6px 6px; vertical-align: middle; label { color: #999; font-size: 10px; text-transform: uppercase; text-align: left; display: block; line-height: 16px; } input { float: left; width: 100%; } &.upload_image { width: 1%; white-space: nowrap; img { float: none; margin-right: 6px; vertical-align: middle; } .button { margin: 0; padding: 4px 10px; width: auto; float: none; vertical-align: middle; } .upload_image_button { display: block; position: relative; .overlay { display: none; width: 60px; height: 60px; position: absolute; top: 0; left: 0; margin: 0; padding: 0; opacity:0.5; background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAXklEQVQYGW2OUQrAMAhDFy8+dnKnwiuh2I+aJulDZebDkfSie1b28Q7EXWrfvSm60RQnkQUC8ja7owpmL6d4GdDZ0cNNHyIhZEj4QYCxze6orsluAh8AnR0xKPR07weXJi8JGd3qqwAAAABJRU5ErkJggg==) no-repeat center center; } } .upload_image_button:hover { .overlay { display: block; } } .upload_image_button.remove .overlay { background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAWElEQVQYGY2OUQ6AMAxCZdm9jSev65K3YKNm+6EFBlVEHDxJJ3Pi0C72xlBNyTs3jU7wEUTTIB51GCp2CL8HLpHEdaOLb/N2dfuq9NT0zOo/M9q6EaImsd/uViMLVuD4KAAAAABJRU5ErkJggg==) no-repeat center center; } } } } .widefat .product-cat-placeholder { outline: 1px dotted #A0C443; height: 60px; background: #000; } /* Tooltips */ .tips { cursor: help; text-decoration: none; } img.tips { padding: 5px 0 0 0; } #easyTooltip { padding:5px 10px; border:3px solid #3da5d5; background:#288ab7; color: #fff; font-size: 12px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; max-width: 300px; } /* Datepicker */ img.ui-datepicker-trigger { vertical-align: middle; margin-top: -1px; cursor: pointer } .woocommerce_options_panel img.ui-datepicker-trigger { float: left; margin-right: 8px; margin-top: 4px; margin-left: 4px; } #ui-datepicker-div { display: none } /* Reports */ .woocommerce-reports-wrap { margin-left: 300px; padding-top: 18px; &.halved { margin: 0; overflow: hidden; zoom: 1; } .postbox { h3 { cursor: default !important; } .stat { font-size: 1.5em !important; font-weight: bold; text-align: center; } .chart { padding: 16px; } } .woocommerce-reports-main { float: left; min-width: 100%; } .woocommerce-reports-sidebar { display: inline; width: 281px; margin-left: -300px; clear: both; float: left; } .woocommerce-reports-left { width: 49.5%; float: left; } .woocommerce-reports-right { width: 49.5%; float: right; } } /* Chart tooltips */ #tooltip { color: #fff; font-size: 12px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; opacity: 0.80 } /* Custom charts */ table.bar_chart { width: 100%; thead th { text-align: left; color: #ccc; padding: 6px 0; } tbody { th { padding: 6px 0; width: 25%; text-align: left !important; font-weight: normal !important; border-bottom: 1px solid #fee; } td { position: relative; text-align: left; padding: 6px 0 6px 0; border-bottom: 1px solid #fee; span { clear: both; background: #8a4b75; float: left; display: block; line-height: 24px; height: 24px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; span { position: absolute; left: 8px; color: #dec3d5; font-size: 11px; text-shadow: 0 1px 0 #8a4b75; height: auto; background: transparent; } } span.alt { clear: both; background: #47a03e; margin-top: 6px; span { margin: 0; color: #c5dec2; text-shadow: 0 1px 0 #47a03e; background: transparent; } } } } } /* Multiselect ----------------------------------*/ .ui-multiselect { padding:3px 0 3px 4px; text-align:left; margin: 1px; vertical-align: middle; height: 24px; } .ui-multiselect span.ui-icon { float:right } .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important; } .woocommerce .panel .ui-multiselect { width: 225px !important; } #attributes_list td.values .ui-multiselect { width: 100% !important; } #attributes_list td.values .ui-multiselect-menu { width: auto !important; right: 9px; } .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px } .ui-multiselect-header ul { font-size:0.9em } .ui-multiselect-header ul li { float:left; padding:0 10px 0 0; margin: 0; } .ui-multiselect-header a { text-decoration:none } .ui-multiselect-header a:hover { text-decoration:underline } .ui-multiselect-header span.ui-icon { float:left } .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 } .ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000 } .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll } .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px; } .ui-multiselect-checkboxes label input { position:relative; top:0; vertical-align: middle; } .ui-multiselect-checkboxes label span { padding-left: 4px; } .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-last { border-bottom:1px solid } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border:none }