woocommerce/assets/css/admin.less

2996 lines
60 KiB
Plaintext
Raw Normal View History

.woocommerce-message {
position: relative;
z-index: 100;
border: 1px solid #b76ca9 !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 15px rgba( 0,0,0,0.04 );
-moz-box-shadow: inset 0 0 15px rgba( 0,0,0,0.04 );
box-shadow: inset 0 0 15px rgba( 0,0,0,0.04 );
overflow: hidden;
padding: 10px 0 10px !important;
background: #cc99c2 url(../images/message.png) no-repeat right bottom !important;
.squeezer {
max-width: 960px;
margin: 0;
padding: 0 10px;
text-align: left;
overflow: hidden;
}
h4 {
margin: 5px 10px 5px 0;
font-size: 18px;
line-height: 27px;
font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
font-weight: normal;
color: #fff;
text-shadow: 0px 1px 1px #b574a8;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
vertical-align: middle;
}
p {
margin: 5px 0 !important;
padding: 1px 2px !important;
float: left !important;
line-height: 27px;
vertical-align: middle;
a.button-primary {
2013-01-22 12:58:26 +00:00
font-size: 14px !important;
line-height: 16px !important;
2013-01-22 12:58:26 +00:00
height: auto !important;
-webkit-border-radius:3px;
border-radius:3px;
margin: 0 5px 0 0;
2013-01-22 12:58:26 +00:00
padding: 5px 12px;
vertical-align: middle;
color: #fff;
text-align: center;
text-decoration: none;
2013-01-22 12:58:26 +00:00
border: 1px solid #76456d;
-webkit-transition:none;
-moz-transition:none;
cursor: pointer;
2013-01-22 12:58:26 +00:00
outline:none;
font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
2013-01-22 12:58:26 +00:00
text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
background-color: #a46497;
background-image: -webkit-gradient(linear, left top, left bottom, from(#a46497), to(#864f7b)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #a46497, #864f7b); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #a46497, #864f7b); /* FF3.6+ */
background-image: -ms-linear-gradient(top, #a46497, #864f7b); /* IE10 */
background-image: -o-linear-gradient(top, #a46497, #864f7b); /* Opera 11.10+ */
background-image: linear-gradient(to bottom, #a46497, #864f7b);
-webkit-box-shadow:
inset 0 1px 0 rgba(255,255,255,0.2),
inset 0 -1px 0 rgba(0,0,0,0.1);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.2),
inset 0 -1px 0 rgba(0,0,0,0.1);
}
2013-01-22 12:58:26 +00:00
a.button-primary:hover {
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
border: 1px solid #76456d;
background-color: #ad74a2;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ad74a2), to(#864f7b)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ad74a2, #864f7b); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #ad74a2, #864f7b); /* FF3.6+ */
background-image: -ms-linear-gradient(top, #ad74a2, #864f7b); /* IE10 */
background-image: -o-linear-gradient(top, #ad74a2, #864f7b); /* Opera 11.10+ */
background-image: linear-gradient(to bottom, #ad74a2, #864f7b);
-webkit-box-shadow:
inset 0 1px 0 rgba(255,255,255,0.2),
inset 0 -1px 0 rgba(0,0,0,0.1);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.2),
inset 0 -1px 0 rgba(0,0,0,0.1);
}
a.button-primary:active {
border: 1px solid #76456d;
text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
background-color: #864f7b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#864f7b), to(#864f7b)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #864f7b, #a46497); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #864f7b, #a46497); /* FF3.6+ */
background-image: -ms-linear-gradient(top, #864f7b, #a46497); /* IE10 */
background-image: -o-linear-gradient(top, #864f7b, #a46497); /* Opera 11.10+ */
background-image: linear-gradient(to bottom, #a46497, #a46497);
-webkit-box-shadow:
inset 0 1px 1px rgba(0,0,0,0.2);
box-shadow:
inset 0 1px 1px rgba(0,0,0,0.2);
}
a.skip, a.docs {
opacity: 0.5;
}
}
.twitter-share-button {
vertical-align: middle;
}
}
#variable_product_options #message {
margin: 10px;
}
2012-01-18 12:26:31 +00:00
#woocommerce_extensions {
2012-12-02 21:31:43 +00:00
background-color: #f1f1f1;
2012-12-03 12:01:46 +00:00
background-image: url(../images/icons/wc_icon.png);
background-repeat: no-repeat;
background-position: 4px 4px;
2012-01-31 23:18:40 +00:00
padding: 4px 18px 4px 28px;
2012-01-18 12:26:31 +00:00
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
width: 220px;
float:right;
margin: 9px 0 -40px;
position: relative;
text-shadow:0 1px 0 rgba(255,255,255,0.8);
color: #555;
a {
color: #555;
}
2012-01-31 23:18:40 +00:00
a.hide {
color: #ccc;
float: right;
text-decoration: none;
position: absolute;
top:0;
right: 0;
line-height: 20px;
padding: 2px 8px;
font-size: 11px;
text-align: center;
}
2012-01-18 12:26:31 +00:00
}
2012-04-30 19:50:35 +00:00
#wc_get_started { position: relative; margin: 1em 0 2em; padding: 15px 15px 15px 90px; border: 1px solid #d9d9d9; background: #f5f5f5 url(../images/gear.png) no-repeat 15px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; -moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; }
#wc_get_started span { display: block; text-shadow: 1px 1px 0 #fff; font-size: 14px; line-height: 22px; color: #595959; }
#wc_get_started span.main { margin-top: 2px; font-weight: bold; font-size: 16px; }
#wc_get_started .main-button { position: absolute; right: 20px; top: 27px; }
#wc_get_started p { margin: 1em 0 .5em; }
2012-06-08 10:46:10 +00:00
#wc_get_started.mijireh { background: #5bc0de url(../images/mijireh-logo.png) no-repeat 15px 18px; border: 1px solid #339bb9; padding: 15px 15px 15px 152px; box-shadow: inset 1px 1px 0 rgba( 255, 255, 255, 0.5 ), inset -1px -1px 0 rgba( 255, 255, 255, 0.5 ); -moz-box-shadow: inset 1px 1px 0 rgba( 255, 255, 255, 0.5 ), inset -1px -1px 0 rgba( 255, 255, 255, 0.5 ); -webkit-box-shadow: inset 1px 1px 0 rgba( 255, 255, 255, 0.5 ), inset -1px -1px 0 rgba( 255, 255, 255, 0.5 ); }
#wc_get_started.mijireh span { color: #fff; text-shadow: 0 1px 0 #4a94ac; }
#wc_get_started.mijireh span a { color: #fff; }
#wc_get_started.mijireh a.button { border-color: #fff; box-shadow: inset 1px 1px 0 rgba( 255, 255, 255, 0.1 ), inset -1px -1px 0 rgba( 255, 255, 255, 0.1 ), 0 1px 3px #206d8b; -moz-box-shadow: inset 1px 1px 0 rgba( 255, 255, 255, 0.1 ), inset -1px -1px 0 rgba( 255, 255, 255, 0.1 ), 0 1px 3px #206d8b; -webkit-box-shadow: inset 1px 1px 0 rgba( 255, 255, 255, 0.1 ), inset -1px -1px 0 rgba( 255, 255, 255, 0.1 ), 0 1px 3px #206d8b; }
#wc_get_started.mijireh a.button-primary { background: #2b7e9f; border-color: #266e8b; }
2012-08-03 12:28:51 +00:00
2011-08-15 16:48:24 +00:00
#icon-woocommerce, .woocommerce_icon, .icon32-posts-product, .icon32-posts-shop_order, .icon32-posts-shop_coupon, .icon32-posts-product_variation {
2011-08-10 17:11:11 +00:00
background-image: url(../images/icons/woocommerce-icons.png) !important;
2012-08-03 12:28:51 +00:00
background-position: -11px -5px;
2012-08-02 22:13:20 +00:00
background-size: auto !important;
2011-08-09 15:16:18 +00:00
}
.icon32-posts-product {
2012-08-03 12:28:51 +00:00
background-position: -69px -5px !important;
2011-08-09 15:16:18 +00:00
}
2011-08-10 17:19:06 +00:00
.icon32-posts-shop_order {
2012-08-03 12:28:51 +00:00
background-position: -127px -5px !important;
2011-08-09 15:16:18 +00:00
}
2011-08-19 20:11:04 +00:00
.icon32-attributes {
2012-08-03 12:28:51 +00:00
background-position: -185px -5px !important;
2011-08-09 15:16:18 +00:00
}
2011-08-10 17:11:11 +00:00
.icon32-woocommerce-settings {
2012-08-03 12:28:51 +00:00
background-position: -359px -5px !important;
2011-08-09 15:16:18 +00:00
}
2011-08-15 16:48:24 +00:00
.icon32-posts-shop_coupon {
2012-08-03 12:28:51 +00:00
background-position: -475px -5px !important;
2011-08-09 15:16:18 +00:00
}
2011-08-19 20:11:04 +00:00
.icon32-posts-product_variation {
2012-08-03 12:28:51 +00:00
background-position: -533px -5px !important;
2011-08-19 20:11:04 +00:00
}
2011-09-16 17:39:37 +00:00
.icon32-woocommerce-reports {
2012-08-03 12:28:51 +00:00
background-position: -591px -5px !important;
2011-09-16 17:39:37 +00:00
}
.icon32-woocommerce-status {
2012-08-03 12:28:51 +00:00
background-position: -417px -5px !important;
}
2012-05-30 13:44:49 +00:00
.icon32-woocommerce-delivery {
2012-08-20 14:39:08 +00:00
background-position: -649px -5px !important;
2012-05-30 13:44:49 +00:00
}
.icon32-woocommerce-compose {
2012-08-20 14:39:08 +00:00
background-position: -708px -5px !important;
2012-05-30 13:44:49 +00:00
}
.icon32-woocommerce-telephone {
2012-08-20 14:39:08 +00:00
background-position: -766px -5px !important;
2012-05-30 13:44:49 +00:00
}
.icon32-woocommerce-users {
2012-08-20 14:39:08 +00:00
background-position: -824px -5px !important;
2012-05-30 13:44:49 +00:00
}
.icon32-woocommerce-nav {
2012-08-20 14:39:08 +00:00
background-position: -882px -5px !important;
2012-05-30 13:44:49 +00:00
}
2012-08-20 14:09:52 +00:00
.icon32-woocommerce-email {
2012-08-20 14:39:08 +00:00
background-position: -940px -5px !important;
2012-08-20 13:52:29 +00:00
}
2012-12-03 15:04:13 +00:00
.icon32-woocommerce-importer {
2012-12-03 16:39:46 +00:00
background-position: -11px -50px !important;
2012-12-03 15:04:13 +00:00
}
2011-08-09 15:16:18 +00:00
.wrap.woocommerce div.updated, .wrap.woocommerce div.error {
margin-top: 10px;
}
mark.amount {
background: transparent none;
color: inherit;
}
.postbox, .woocommerce {
2012-11-20 16:49:05 +00:00
input:invalid {
border: 1px solid #cc010b;
background: #ffebe8 url(../images/icons/invalid.png) right center no-repeat;
}
2012-03-05 17:19:00 +00:00
}
/* Status page */
table.wc_status_table {
2013-02-02 15:56:00 +00:00
font-family: monospace;
th {
font-weight: bold;
}
2013-02-02 15:56:00 +00:00
td:first-child {
width: 20%;
}
td {
2013-02-02 15:56:00 +00:00
padding: 6px 9px;
font-size: 1.1em;
mark {
background: transparent none;
}
mark.yes {
color: green;
}
mark.no {
color: #999;
2012-08-02 22:13:20 +00:00
}
mark.error {
color: red;
}
ul {
margin: 0;
}
}
}
#debug-report {
font-family: monospace;
display: none;
width: 100%;
margin-bottom: 20px;
height: 200px;
}
2012-02-20 14:29:51 +00:00
/* Bulk/Quick edit */
2012-02-20 18:19:27 +00:00
.inline-edit-product.quick-edit-row {
2012-02-20 14:29:51 +00:00
.inline-edit-col-center, .inline-edit-col-right {
float: right !important;
}
}
#woocommerce-fields.inline-edit-col {
clear: left;
label.featured, label.manage_stock {
margin-left: 10px;
}
.dimensions {
div {
display: block;
margin: .2em 0;
span.title {
display: block;
float: left;
width: 5em;
}
span.input-text-wrap {
display: block;
margin-left: 5em;
}
}
}
.text {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
width: 99%;
float: left;
margin: 1px 1% 1px 1px;
}
.length, .width, .height {
width: 32.33%;
}
.height {
margin-right: 0;
}
2012-02-20 14:29:51 +00:00
}
2012-02-20 18:19:27 +00:00
#woocommerce-fields-bulk.inline-edit-col {
label {
clear: left;
}
.inline-edit-group {
label, div.alignright {
clear: none;
width: 49%;
margin: .2em 0;
}
}
.regular_price, .sale_price, .weight, .stock {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
width: 100%;
}
.length, .width, .height {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
width: 32%;
}
}
2012-02-20 14:29:51 +00:00
/* Coupon Lists */
.column-coupon_code {
line-height: 2.25em;
}
ul.wc_coupon_list, .column-coupon_code {
margin: 0;
overflow: hidden;
zoom: 1;
clear: both;
.code {
margin-right: 6px;
}
li.code {
margin: 0 6px 12px 0 !important;
}
.code, .code a, .code span {
&:before, &:after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 4px;
background: #f7f7f7;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
-moz-box-shadow: 0 2px 0 0 rgba(255,255,255,0.3), inset 0 2px 0 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 0 0 rgba(255,255,255,0.3), inset 0 2px 0 0 rgba(0,0,0,0.1);
box-shadow: 0 2px 0 0 rgba(255,255,255,0.3), inset 0 2px 0 0 rgba(0,0,0,0.1);
}
}
.code {
overflow: hidden;
vertical-align: middle;
margin: 0 8px 0 0;
background: #ececec;
color: #21759A;
text-shadow: 0 1px 0 #ddd;
padding: 2px;
position: relative;
float: left;
line-height: 1em;
-moz-box-shadow: 0 2px 0 0 #dddddd;
-webkit-box-shadow: 0 2px 0 0 #dddddd;
box-shadow: 0 2px 0 0 #dddddd;
font-weight: bold;
&:before {
bottom: 5px;
left: 0;
margin: 0 0 0 -4px;
}
&:after {
top: 5px;
left: 0;
margin: 0 0 0 -4px;
}
a, span {
float: left;
padding: 0 4px;
color: #21759A;
&:before {
bottom: 5px;
right: 0;
margin: 0 -4px 0 0;
}
&:after {
content: "";
top: 5px;
right: 0;
margin: 0 -4px 0 0;
}
span {
border: 1px dashed #ccc;
padding: .5em 6px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
&:before {
top: 50%;
left: 0;
margin: -2px 0 0 -4px;
}
&:after {
top: 50%;
right: 0;
margin: -2px -4px 0 0;
}
}
}
&:hover {
background: #975e83;
color: #fff;
text-shadow: 0 1px 0 #5a324b;
a, span {
color: #fff;
span {
border: 1px dashed #bb82a7;
}
}
}
}
}
ul.wc_coupon_list_block {
margin: 0;
padding-bottom: 2px;
li {
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
line-height: 2.5em;
margin: 0;
padding: .5em 0;
}
li:first-child {
border-top:0;
padding-top: 0;
}
li:last-child {
border-bottom:0;
padding-bottom: 0;
}
}
2012-02-20 14:29:51 +00:00
2011-08-09 15:16:18 +00:00
/* Orders */
2013-02-08 14:24:07 +00:00
.button.wc-reload {
padding:0;
-webkit-border-radius:100%;
border-radius:100%;
span {
display: block;
text-indent: -999em;
background-image:url(../images/icons/reload.png);
background-repeat: no-repeat;
background-position: center center;
width:22px;
height:22px;
}
}
.tablenav .actions {
overflow: visible;
}
2012-08-08 11:32:11 +00:00
.alignleft.actions .chzn-container-single {
display: inline-block;
vertical-align: middle;
}
2012-12-13 00:47:40 +00:00
#woocommerce-order-data {
h3.hndle, .handlediv {
display: none;
}
.inside {
display: block !important;
}
}
#order_data {
2012-12-13 00:47:40 +00:00
padding: 23px 24px 12px 24px;
h2 {
margin: 0;
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
font-size: 21px;
font-weight: normal;
line-height: 1.2;
text-shadow: 1px 1px 1px white;
padding: 0;
}
h4 {
color: #333;
margin: 1.33em 0 0;
}
p {
color: #777;
}
p.order_number {
margin: 0;
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
font-weight: normal;
line-height: 1.6em;
font-size: 16px;
}
.order_data_column_container {
clear: both;
}
.order_data_column {
width: 32%;
padding: 0 2% 0 0;
float: left;
2012-12-13 00:47:40 +00:00
&:last-child {
padding-right: 0;
}
p {
padding: 0 !important;
}
.form-field {
float: left;
2012-03-26 17:30:00 +00:00
width: 48%;
padding: 0;
margin: 9px 0 0 0;
label {
display: block;
padding: 0 0 3px;
}
input, textarea {
width: 100%;
}
select {
width: 100%;
}
#order_status_chzn {
.chzn-search {
display: none;
}
}
2012-03-26 17:30:00 +00:00
.chzn-container {
width: 100% !important;
}
.date-picker-field {
width: 9em;
}
.hour, .minute {
width: 2.5em;
}
2012-12-13 00:47:40 +00:00
small {
display: block;
margin: 5px 0 0 0;
color: #999;
}
2012-03-26 17:30:00 +00:00
}
.form-field.last {
float: right;
}
.form-field-wide {
width: 100%;
clear: both;
2012-03-26 17:30:00 +00:00
input, textarea {
width: 100%;
}
select {
width: 100%;
}
}
p.none_set {
color: #999;
}
2012-12-13 00:47:40 +00:00
._billing_first_name_field, ._billing_address_1_field, ._billing_city_field, ._billing_country_field, ._billing_email_field,
._shipping_first_name_field, ._shipping_address_1_field, ._shipping_city_field, ._shipping_country_field {
float: left;
2012-12-13 00:47:40 +00:00
}
._billing_last_name_field, ._billing_address_2_field, ._billing_postcode_field, ._billing_state_field, ._billing_phone_field,
._shipping_last_name_field, ._shipping_address_2_field, ._shipping_postcode_field, ._shipping_state_field {
float: right;
}
._billing_company_field, ._shipping_company_field {
clear: both;
width: 100%;
}
2012-02-26 16:31:58 +00:00
._billing_email_field {
clear: left
}
div.edit_address {
display: none;
overflow: hidden;
zoom: 1;
2012-12-13 00:47:40 +00:00
padding-right: 1px;
}
}
}
2011-08-09 15:16:18 +00:00
.order_actions {
margin: 0;
overflow: hidden;
zoom: 1;
2011-08-09 15:16:18 +00:00
li {
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
padding: 6px 0;
2011-08-09 15:16:18 +00:00
margin: 0;
2012-08-02 22:13:20 +00:00
line-height: 1.6em;
float: left;
width: 50%;
text-align: center;
a {
float: none;
text-align: center;
2012-10-12 14:30:20 +00:00
text-decoration: underline;
}
&.wide {
width: auto;
float: none;
clear: both;
padding: 6px;
text-align: left;
2012-10-12 14:30:20 +00:00
overflow: hidden;
}
#delete-action {
line-height: 25px;
vertical-align: middle;
text-align: left;
float: left;
}
.save_order {
float: right;
}
2012-12-12 15:32:47 +00:00
&#actions {
overflow: hidden;
.button {
2013-02-08 14:24:07 +00:00
width: 24px;
2012-12-12 15:32:47 +00:00
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
float: right;
}
select {
2013-02-08 14:24:07 +00:00
width: 225px;
2012-12-12 15:32:47 +00:00
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
float: left;
}
}
2011-08-09 15:16:18 +00:00
}
}
2011-08-10 17:11:11 +00:00
#woocommerce-order-items {
2011-08-09 15:16:18 +00:00
.inside {
margin: 0;
padding: 0;
background: #fefefe;
}
2012-11-10 09:14:20 +00:00
.bulk_actions {
float:left;
padding-left: 12px;
vertical-align: top;
}
.add_items {
float:right;
padding-right: 12px;
2011-08-09 15:16:18 +00:00
vertical-align: top;
.add_item_id, .chzn-container {
margin-right: 9px;
2011-08-09 15:16:18 +00:00
vertical-align: top;
float:left;
.search-field input {
min-width: 100px;
}
2011-08-09 15:16:18 +00:00
}
button {
margin: 2px 0 0 0;
}
}
.add_meta {
margin-left:0 !important;
}
2011-08-09 15:16:18 +00:00
h3 small {
color: #999;
}
}
#woocommerce-order-downloads {
.buttons {
float:left;
padding: 0;
margin: 0;
vertical-align: top;
.add_item_id, .chzn-container {
width: 400px !important;
margin-right: 9px;
vertical-align: top;
float:left;
}
button {
margin: 2px 0 0 0;
}
}
h3 small {
color: #999;
}
}
2012-08-10 12:41:05 +00:00
#poststuff #woocommerce-order-actions {
.inside {
margin:0;
padding:0;
ul.order_actions {
li {
padding:6px 10px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
&:last-child {
border-bottom:0;
}
}
}
}
}
#poststuff #woocommerce-order-totals {
.inside {
margin:0;
padding:0;
}
h4 {
margin:0 !important;
a.add_tax_row {
display: block;
padding-bottom: 10px;
}
2012-09-20 13:43:52 +00:00
.inline_total {
float: right;
color: #999;
}
}
.totals_group {
border-top: 1px solid white;
border-bottom: 1px solid #DDD;
2012-08-10 12:41:05 +00:00
padding: 10px 10px 0 10px;
&:first-child {
border-top:0;
}
}
.buttons {
border-top: 1px solid white;
padding: 1em 10px 1em 10px;
margin: 0;
text-align: right;
.calc_line_taxes {
float: left;
2012-08-10 12:41:05 +00:00
}
}
ul.totals {
margin: 6px 0 0;
2011-08-09 15:16:18 +00:00
float: left;
li {
float: left;
clear: both;
2011-08-09 15:16:18 +00:00
width: 100%;
font-size: 1.2em;
font-weight: bold;
line-height: 1.2em;
margin: 0;
padding: 0 0 10px;
label {
font-weight: normal;
display: block;
font-size: 0.8em;
color: #333;
}
2012-09-20 13:43:52 +00:00
input {
padding: 4px;
}
input, select {
width: 100%;
2012-09-20 13:43:52 +00:00
vertical-align: top;
font-size: 1em !important;
margin: 0 !important;
font-weight: normal;
color: #555;
}
input.first {
width: 49%;
float: left;
}
input.last {
width: 49%;
float: right;
}
2011-08-09 15:16:18 +00:00
}
li.left {
2011-08-09 15:16:18 +00:00
float: left;
width: 49%;
clear: left;
input {
width: 100%;
}
2011-08-09 15:16:18 +00:00
}
li.right {
float: right;
width: 49%;
clear: none;
input {
width: 100%;
}
}
2012-08-12 14:12:52 +00:00
li.wide {
float: left;
width: 100%;
clear: left;
input {
width: 100%;
}
}
.calculated {
border-color: #ae8ca2;
border-style: dotted;
}
}
2012-11-13 14:54:34 +00:00
#tax_rows {
margin: 6px 0 0;
}
2012-11-13 14:54:34 +00:00
.tax_row {
margin:0 0 9px;
border:1px solid #DFDFDF;
border-right-width: 2px;
border-bottom-width: 2px;
background: #fff;
padding:6px 6px 0;
position: relative;
opacity:0.75;
&:hover, &:focus {
opacity:1;
}
p {
margin:0 0 6px;
}
label {
color:#555;
.checkbox {
line-height: 26px;
}
}
p.first {
float: left;
width: 49%;
clear: left;
input, select {
width: 100%;
}
}
p.last {
float: right;
width: 49%;
clear: none;
input, select {
width: 100%;
}
}
p.wide {
clear: both;
input, select {
width: 100%;
}
}
a.delete_tax_row {
padding:0;
text-decoration: none;
font-size: 11px;
line-height: 16px;
width: 16px;
height: 16px;
text-align: center;
color:#999;
float: right;
background: #ddd;
border: 1px solid #eee;
-webkit-box-shadow: 0 0 0 1px #ccc;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
position: absolute;
top: 0;
right: 0;
margin: -8px -8px 0 0;
display: none;
}
&:hover, &:focus {
a.delete_tax_row {
display: block;
}
}
}
2011-08-09 15:16:18 +00:00
}
2012-08-10 12:41:05 +00:00
#poststuff #woocommerce-order-notes {
.inside {
margin:0;
padding:0;
ul.order_notes {
li {
padding:0 10px;
}
}
}
}
2011-08-10 17:11:11 +00:00
.woocommerce_order_items_wrapper {
2011-08-09 15:16:18 +00:00
margin: 0;
2013-02-05 10:31:56 +00:00
overflow: auto;
2011-08-10 17:11:11 +00:00
table.woocommerce_order_items {
2011-08-09 15:16:18 +00:00
width: 100%;
background: #fff;
thead th {
background: #ECECEC;
2012-01-21 16:59:09 +00:00
padding: 8px;
2011-08-09 15:16:18 +00:00
font-size: 11px;
text-align: left;
}
tbody th, td {
2012-01-21 16:59:09 +00:00
padding: 8px;
2011-08-09 15:16:18 +00:00
text-align: left;
2011-08-19 20:11:04 +00:00
line-height: 26px;
vertical-align: top;
2011-08-09 15:16:18 +00:00
border-bottom: 1px dotted #ececec;
input, textarea {
width: 100%;
}
2012-08-02 22:13:20 +00:00
select {
2011-08-09 15:16:18 +00:00
width: 50%;
}
input, textarea {
font-size: 14px;
padding: 4px;
color: #555;
}
2012-08-02 22:13:20 +00:00
}
2012-11-12 12:30:37 +00:00
td.check-column {
padding: 8px;
width: 1%;
}
.item {
min-width: 200px;
2011-08-09 15:16:18 +00:00
}
2012-04-12 17:14:46 +00:00
.center, .variation-id {
2011-08-09 15:16:18 +00:00
text-align: center;
}
.cost, .tax, .quantity, .line_cost, .line_tax, .tax_class {
2012-01-21 16:59:09 +00:00
text-align: right;
label {
white-space: nowrap;
color: #999;
font-size: 0.833em;
input {
display: inline;
}
}
input {
width: 70px;
2012-01-21 16:59:09 +00:00
vertical-align:middle;
text-align: right;
}
select {
2012-01-21 16:59:09 +00:00
width: 85px;
height: 26px;
vertical-align:middle;
}
2011-08-20 15:41:42 +00:00
}
2012-01-21 16:59:09 +00:00
.quantity {
text-align: center;
input {
text-align: center;
2012-09-18 18:07:13 +00:00
width: 50px;
}
}
span.subtotal {
opacity: 0.5;
}
2012-01-21 16:59:09 +00:00
td.tax_class, th.tax_class {
text-align: left;
}
.calculated {
border-color: #ae8ca2;
border-style: dotted;
}
2011-08-09 15:16:18 +00:00
table.meta {
2011-08-20 15:41:42 +00:00
width: 100%;
2011-08-09 15:16:18 +00:00
tr {
td {
padding: 1px 4px 1px 0;
border: 0;
2011-08-20 15:41:42 +00:00
input {
2013-02-05 10:31:56 +00:00
min-width: 50px;
2011-08-20 15:41:42 +00:00
}
2011-08-09 15:16:18 +00:00
}
}
}
2012-04-12 17:14:46 +00:00
.thumb {
text-align: left;
width: 52px;
2012-04-12 17:14:46 +00:00
a {
display: block;
}
img {
padding: 2px;
margin: 0;
border: 1px solid #dfdfdf;
vertical-align: middle;
width: 46px;
height: 46px;
}
}
tr.fee {
2012-11-12 13:41:54 +00:00
.thumb {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAARklEQVQYGWP8//8/AzGACV3Rnj17/oMwujiGQnQFMD7RChlBbsRmFcwkEO3i4sJImonIumGmg0xBFifaRKIVgj2DbAUuNgCfThpracSKqwAAAABJRU5ErkJggg==) no-repeat center;
}
}
2011-08-09 15:16:18 +00:00
}
}
#woocommerce_customers {
p.search-box {
margin: 6px 0 4px;
float: left;
}
.tablenav {
float: right;
clear: none;
}
}
2012-08-02 22:13:20 +00:00
.widefat {
&.customers {
td {
vertical-align: middle;
padding: 4px 7px;
}
}
2011-08-09 15:16:18 +00:00
.column-order_title {
time {
2011-08-20 15:41:42 +00:00
display: block;
2011-08-09 15:16:18 +00:00
color:#999;
2011-08-20 15:41:42 +00:00
margin: 3px 0;
2011-08-09 15:16:18 +00:00
}
}
.column-orders, .column-paying, .column-spent {
text-align: center;
width: 8%;
}
.column-last_order {
width: 11%;
}
.column-order_actions, .column-user_actions {
2012-08-13 12:49:36 +00:00
width:110px;
2011-12-21 23:52:52 +00:00
a.button {
float:left;
margin: 0 4px 2px 0;
2012-08-13 12:36:22 +00:00
cursor: pointer;
2013-01-18 12:23:52 +00:00
padding:3px 4px;
height:auto;
2012-08-13 12:36:22 +00:00
img {
display: block;
2013-01-18 12:23:52 +00:00
width:12px;
height:auto;
2012-08-13 12:36:22 +00:00
}
2011-12-21 23:52:52 +00:00
}
}
2011-08-20 15:41:42 +00:00
small.meta {
display: block;
color:#999;
font-size: inherit;
margin: 3px 0;
}
2011-09-19 14:00:32 +00:00
.column-total_cost, .column-order_date {
2012-02-21 12:53:36 +00:00
width:9%;
2011-08-09 15:16:18 +00:00
}
.column-order_status {
width:45px;
2012-08-02 22:13:20 +00:00
text-align: center;
2011-08-09 15:16:18 +00:00
mark {
2011-09-22 20:29:54 +00:00
display:block;
2013-01-22 13:21:38 +00:00
height:18px;
width:18px;
text-indent: -999em;
margin:0 auto;
2013-01-22 12:51:06 +00:00
background: #bbb;
background-repeat: no-repeat;
background-position: center;
2013-01-22 12:51:06 +00:00
-webkit-border-radius:100%;
border-radius:100%;
2011-08-09 15:16:18 +00:00
}
mark.pending {
background-image:url(../images/icons/pending.png);
2013-01-22 15:31:37 +00:00
background-color: #999;
2011-08-09 15:16:18 +00:00
}
mark.completed {
background-image:url(../images/icons/completed.png);
2013-01-22 15:31:37 +00:00
background-color: #21759b;
2011-09-22 20:29:54 +00:00
}
mark.on-hold {
background-image:url(../images/icons/on-hold.png);
2013-01-22 15:48:01 +00:00
background-color: #de9e0c;
2011-08-09 15:16:18 +00:00
}
2011-09-22 20:29:54 +00:00
mark.failed {
background-image:url(../images/icons/failed.png);
2013-01-22 16:07:21 +00:00
background-color: #e6db55;
2011-08-09 15:16:18 +00:00
}
mark.cancelled {
background-image:url(../images/icons/cancelled.png);
2013-01-22 15:31:37 +00:00
background-color: #d54e21;
2011-08-09 15:16:18 +00:00
}
mark.processing {
background-image:url(../images/icons/st-processing.png);
2013-01-22 15:31:37 +00:00
background-color: #73a724;
2011-08-09 15:16:18 +00:00
}
mark.refunded {
background-image:url(../images/icons/refunded.png);
2011-08-09 15:16:18 +00:00
}
}
td.column-order_status {
padding-top:10px;
}
2011-08-09 15:16:18 +00:00
}
/* Order notes */
ul.order_notes {
padding: 2px 0 0 0;
li {
.note_content {
padding: 10px;
background: #efefef;
position: relative;
p {
margin: 0;
padding: 0;
}
}
p.meta {
padding: 10px;
color: #999;
margin: 0;
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 10px 0;
h4 {
margin-top: 5px !important;
}
#add_order_note {
width: 100%;
height: 50px;
}
}
2011-08-09 15:16:18 +00:00
/* Product list */
table.wp-list-table {
.column-thumb {
2012-01-28 15:04:53 +00:00
width: 52px;
text-align: center;
white-space: nowrap
}
2013-03-15 15:32:30 +00:00
.column-name {
width:22%;
}
2012-01-27 20:21:36 +00:00
.column-product_cat, .column-product_tag {
2012-01-28 15:04:53 +00:00
width: 11% !important;
2012-01-27 20:21:36 +00:00
}
2012-02-13 13:06:56 +00:00
.column-featured, .column-product_type {
width: 46px;
text-align: left !important;
}
2012-02-21 12:53:36 +00:00
.column-note {
width: 46px;
text-align: center;
img {
margin: 0 auto;
2012-02-21 13:12:57 +00:00
padding-top: 0 !important;
2012-02-21 12:53:36 +00:00
}
}
2012-02-21 13:12:57 +00:00
.column-order_comments {
width: 3em !important;
.post-com-count {
float: left;
}
}
th.column-note, th.column-order_comments {
2012-02-21 12:53:36 +00:00
img {
2012-02-21 13:12:57 +00:00
padding-top: 1px !important;
2012-02-21 12:53:36 +00:00
}
}
2012-02-13 13:06:56 +00:00
.manage-column.column-featured img, .manage-column.column-product_type img {
padding-left: 2px;
2012-01-28 15:04:53 +00:00
}
img {
margin: 1px 2px;
}
2012-12-17 21:46:15 +00:00
td.column-thumb img {
margin: 0;
vertical-align: middle;
width: auto;
height: auto;
max-width: 40px;
max-height: 40px;
}
span.na {
color: #999;
}
2012-02-13 13:06:56 +00:00
.column-is_in_stock {
text-align: left !important;
}
2012-02-13 13:06:56 +00:00
span.product-type {
width: 16px;
height: 16px;
margin: 1px 2px;
2012-08-08 13:29:31 +00:00
display: block;
background:url(../images/product_types.png) no-repeat -16px 0;
2012-02-13 13:06:56 +00:00
&.grouped {
2012-08-08 14:22:59 +00:00
background-position: 0 0;
2012-02-13 13:06:56 +00:00
}
&.external {
2012-08-08 14:22:59 +00:00
background-position: -32px 0;
2012-02-13 13:06:56 +00:00
}
&.variable {
2012-08-08 14:22:59 +00:00
background-position: -48px 0;
2012-02-13 13:06:56 +00:00
}
&.downloadable {
2012-08-08 14:22:59 +00:00
background-position: -64px 0;
2012-02-13 13:06:56 +00:00
}
&.virtual {
2012-08-08 14:22:59 +00:00
background-position: -80px 0;
2012-02-13 13:06:56 +00:00
}
}
mark.instock {
font-weight: bold;
color: green;
background: transparent none;
line-height: 1;
}
mark.outofstock {
font-weight: bold;
color: #aa4444;
background: transparent none;
line-height: 1;
}
2011-08-09 15:16:18 +00:00
}
/* Dashboard */
2011-10-09 13:23:20 +00:00
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;
}
}
2012-02-25 21:16:29 +00:00
#woocommerce_dashboard_right_now p.sub,
2012-08-02 22:13:20 +00:00
#woocommerce_dashboard_right_now .table,
2012-02-25 21:16:29 +00:00
#woocommerce_dashboard_right_now .versions {
margin: -12px;
}
#woocommerce_dashboard_right_now .inside {
font-size: 12px;
margin-bottom: 0;
padding-top: 20px;
}
#woocommerce_dashboard_right_now p.sub {
padding: 5px 0 15px;
color: #8f8f8f;
font-size: 14px;
position: absolute;
top: -17px;
left: 15px;
}
#woocommerce_dashboard_right_now .table {
margin: 0;
padding: 0;
position: relative;
}
#woocommerce_dashboard_right_now .table_shop_content {
float: left;
border-top: #ececec 1px solid;
width: 45%;
}
#woocommerce_dashboard_right_now .table_orders {
float: right;
border-top: #ececec 1px solid;
width: 45%;
}
#woocommerce_dashboard_right_now table td {
padding: 3px 0;
white-space: nowrap;
}
#woocommerce_dashboard_right_now table tr.first td {
border-top: none;
}
#woocommerce_dashboard_right_now td.b {
padding-right: 6px;
text-align: right;
font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
font-size: 14px;
width: 1%;
}
#woocommerce_dashboard_right_now td.b a {
font-size: 18px;
}
#woocommerce_dashboard_right_now td.b a:hover {
color: #d54e21;
}
#woocommerce_dashboard_right_now .t {
font-size: 12px;
padding-right: 12px;
padding-top: 6px;
color: #777;
}
#woocommerce_dashboard_right_now .t a {
white-space: nowrap;
}
#woocommerce_dashboard_right_now .on-hold a {
2011-08-19 14:48:41 +00:00
color: red;
2011-08-09 15:16:18 +00:00
}
2012-02-25 21:16:29 +00:00
#woocommerce_dashboard_right_now .pending a {
2011-08-19 14:48:41 +00:00
color: #e66f00;
2011-08-09 15:16:18 +00:00
}
2012-02-25 21:16:29 +00:00
#woocommerce_dashboard_right_now .completed a {
2011-08-19 14:48:41 +00:00
color: green;
2011-08-09 15:16:18 +00:00
}
2012-02-25 21:16:29 +00:00
#woocommerce_dashboard_right_now .versions {
padding: 6px 10px 12px;
clear: both;
}
#woocommerce_dashboard_right_now .versions .b {
font-weight: bold;
}
#woocommerce_dashboard_right_now a.button {
float: right;
clear: right;
position: relative;
top: -5px;
}
2011-08-09 15:16:18 +00:00
2012-02-24 22:12:25 +00:00
#woocommerce_dashboard_sales {
2011-08-09 15:16:18 +00:00
h3 a {
float: right;
margin-left: 8px;
}
}
2011-09-20 10:30:21 +00:00
ul.recent-orders, ul.stock_list {
2011-08-09 15:16:18 +00:00
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;
}
2011-09-16 23:07:40 +00:00
.order-cost, .order-customer {
2011-08-09 15:16:18 +00:00
margin-left: 8px;
}
.completed {
color: green;
}
.on-hold {
color: red;
}
.processing {
color: #21759B;
}
.pending {
color: #E66F00;
}
.refunded, .cancelled {
color: #999;
}
}
2011-09-20 10:30:21 +00:00
&.stock_list {
small {
float: right;
}
a {
text-decoration: none;
}
}
2011-08-09 15:16:18 +00:00
}
2012-02-24 22:12:25 +00:00
#woocommerce_dashboard_recent_reviews {
2011-08-09 15:16:18 +00:00
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;
2013-02-13 12:00:59 +00:00
overflow: hidden;
position: relative;
height: 1.5em;
line-height: 1.5;
margin-left:.5em;
width: 5.4em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
&:before {
content: "\2605\2605\2605\2605\2605";
color: darken( #ccc, 10 );
float: left;
top: 0;
left: 0;
position: absolute;
letter-spacing: 0.1em;
letter-spacing:0\9; // IE8 & below hack ;-(
}
2011-08-09 15:16:18 +00:00
span {
overflow: hidden;
float: left;
2013-02-13 12:00:59 +00:00
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
span:before {
content: "\2605\2605\2605\2605\2605";
top: 0;
position: absolute;
left: 0;
letter-spacing: 0.1em;
letter-spacing:0\9; // IE8 & below hack ;-(
color: #9c5d90;
2011-08-09 15:16:18 +00:00
}
}
}
/* Settings */
2012-02-18 10:19:07 +00:00
mark.notice {
background: #fff;
color: red;
margin: 0 0 0 10px;
}
a.export_rates, a.import_rates {
float:right;
2012-09-10 11:26:26 +00:00
margin-left: 9px;
margin-top: -2px;
2012-09-10 11:26:26 +00:00
margin-bottom: 0;
}
2012-12-02 21:31:43 +00:00
table.wc_tax_rates {
td {
padding: 0;
border-right: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
border-top: 0;
background: #fff;
input {
width: 100%;
padding: 5px 7px;
margin: 0;
border: 0;
background: transparent none;
}
&.compound, &.apply_to_shipping {
padding: 5px 7px;
vertical-align: middle;
input {
width: auto;
padding: 0;
}
}
2011-10-24 14:51:54 +00:00
}
2012-12-02 21:31:43 +00:00
td:last-child {
border-right: 0;
2011-10-24 14:51:54 +00:00
}
2012-12-02 21:31:43 +00:00
tr.current td {
background-color: #fefbcc;
2011-10-24 14:51:54 +00:00
}
2012-12-02 21:31:43 +00:00
.item_cost, .cost {
text-align: right;
input {
2012-12-02 21:31:43 +00:00
text-align: right;
}
2011-10-24 14:51:54 +00:00
}
2012-12-02 21:31:43 +00:00
th.sort {
width: 17px;
padding: 0;
2011-12-14 12:17:05 +00:00
}
2012-12-02 21:31:43 +00:00
td.sort {
2013-01-18 11:48:17 +00:00
padding-left: 2em;
2012-12-02 21:31:43 +00:00
cursor: move;
2013-01-18 11:48:17 +00:00
position: relative;
background: #f9f9f9;
&:before {
content: "";
position: absolute;
top: 0.75em;
left: 0.5em;
width: 1em;
height: 0.125em;
border-top: 0.375em double #777;
border-bottom: 0.125em solid #777;
}
}
2012-12-02 21:31:43 +00:00
.button {
float: left;
margin-right: 5px;
2011-08-09 15:16:18 +00:00
}
2012-12-02 21:31:43 +00:00
.export, .import {
float: right;
margin-right: 0;
margin-left: 5px;
}
2012-12-02 21:31:43 +00:00
span.tips {
padding: 0 3px;
2012-09-10 11:26:26 +00:00
}
2011-08-09 15:16:18 +00:00
}
2011-12-19 14:05:32 +00:00
table.wc_gateways, table.wc_shipping {
position: relative;
2011-12-06 16:45:08 +00:00
td {
vertical-align: middle;
cursor: move;
padding: 4px 7px 2px;
2011-12-06 16:45:08 +00:00
p {
margin: 0 0 2px;
}
}
.radio {
text-align: center;
}
}
2011-08-09 15:16:18 +00:00
img.help_tip {
vertical-align: middle;
margin: 0 0 0 9px;
}
.postbox img.help_tip {
margin-top: -4px;
}
2012-08-02 22:13:20 +00:00
2011-11-28 16:35:17 +00:00
.woocommerce {
#template div {
margin: 0;
p .button {
float: right;
margin-left: 10px;
margin-top: -4px;
}
.editor {
textarea {
margin-bottom: 8px;
}
}
}
textarea[disabled="disabled"] {
background: #DFDFDF !important;
}
2011-11-28 16:35:17 +00:00
table.form-table {
margin: 0 0 0;
2012-12-03 15:01:07 +00:00
.forminp-radio ul {
margin: 0;
li {
line-height: 1.4em;
}
}
2011-11-28 16:35:17 +00:00
textarea.input-text {
height: 100%;
min-width: 150px;
display: block;
}
input.regular-input {
width: 25em;
2011-11-28 16:35:17 +00:00
}
textarea.wide-input {
width: 100%;
}
img.help_tip {
padding: 0;
margin: -4px 0 0 5px;
vertical-align: middle;
cursor: help;
line-height: 1;
}
span.help_tip {
cursor: help;
color: #21759B;
}
th {
position: relative;
padding-right: 24px;
}
table.widefat th {
padding-right: inherit;
}
th img.help_tip {
2012-12-18 13:15:44 +00:00
margin: 0 -24px 0 0;
float: right;
2012-11-26 13:48:22 +00:00
}
fieldset {
2013-02-11 13:53:24 +00:00
margin-top: 4px;
img.help_tip {
margin: -3px 0 0 5px;
}
2013-02-11 13:53:24 +00:00
p.description {
margin-bottom: 8px;
}
&:first-child {
margin-top: 0;
}
}
2012-05-01 18:28:45 +00:00
.color_box {
border: 1px solid #ccc;
box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding: 4px 6px;
float: left;
2012-05-08 23:53:23 +00:00
width: 80px;
2012-05-01 18:28:45 +00:00
margin: 0 10px 0 0;
strong {
text-align: left;
display: block;
padding: 0 0 2px;
font-size: 0.92em;
img {
float: right;
margin: 1px 0 0 0;
}
}
input {
width: 100%;
margin: 0;
font-family: monospace;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.colorpickdiv {
z-index: 100;
background:#eee;
border:1px solid #ccc;
position:absolute;
display:none;
}
}
.color_box_clear {
display: block;
clear: both;
padding-bottom: 10px;
}
2011-11-28 16:35:17 +00:00
}
2011-08-09 15:16:18 +00:00
}
2011-08-10 17:11:11 +00:00
.woocommerce #tabs-wrap table a.remove {
2011-08-09 15:16:18 +00:00
margin-left: 4px;
}
2011-08-10 17:11:11 +00:00
.woocommerce #tabs-wrap table p {
2011-08-09 15:16:18 +00:00
margin: 0 0 4px !important;
overflow: hidden;
zoom: 1;
}
2011-08-10 17:11:11 +00:00
.woocommerce #tabs-wrap table p a.add {
2011-08-09 15:16:18 +00:00
float: left;
}
/* Write Panels */
2012-07-22 12:50:45 +00:00
#wp-excerpt-editor-container {
background: #fff;
}
2011-08-24 19:32:33 +00:00
#product_variation-parent #parent_id {
width: 100%;
}
#postimagediv {
img {
border: 1px solid #d5d5d5;
max-width: 100%;
}
}
2012-10-05 18:02:02 +00:00
#woocommerce-product-images {
.inside {
margin: 0;
padding: 0;
.add_product_images {
padding: 0 9px;
}
2012-10-05 18:02:02 +00:00
#product_images_container {
padding: 0 0 0 9px;
2012-10-05 18:02:02 +00:00
ul {
overflow: hidden;
margin: 0;
padding: 0;
li.image, li.add, li.wc-metabox-sortable-placeholder {
width: 80px;
height: 80px;
overflow: hidden;
float: left;
cursor: move;
border: 1px solid #d5d5d5;
margin: 9px 9px 0 0;
2012-10-05 18:02:02 +00:00
background: #f7f7f7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: relative;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
img {
width: 100%;
height: auto;
display: block;
}
}
li.wc-metabox-sortable-placeholder {
border: 4px dashed #dddddd;
background: #f7f7f7 url(../images/image_watermark.png) no-repeat center;
}
ul.actions {
position: absolute;
top:0;
right: 0;
padding: 2px;
display: none;
li {
background: #eee;
border: 1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 1px;
float: right;
margin: 0 0 0 2px;
a {
width: 10px;
padding: 10px 0 0 0;
margin: 0;
height: 0;
display: block;
overflow: hidden;
}
a.view {
background: url(../images/icons/image_10.png) no-repeat top left;
}
a.delete {
background: url(../images/icons/delete_10.png) no-repeat top left;
}
}
}
li:hover ul.actions {
display: block;
}
}
}
}
}
2012-07-22 12:50:45 +00:00
#woocommerce-product-data {
h3.hndle {
padding: 4px 10px;
span {
display: block;
vertical-align: middle;
line-height: 24px;
span {
display: inline;
line-height: inherit;
vertical-align: baseline;
}
}
select {
font-family: sans-serif;
margin: 0;
}
label {
padding-right: 1em;
font-size: 12px;
vertical-align: baseline;
}
label:first-child {
margin-right: 1em;
border-right: 1px solid #dfdfdf;
}
input, select {
margin: -3px 0 0 .5em;
vertical-align: middle;
}
}
}
2012-08-02 22:13:20 +00:00
2012-11-22 13:27:17 +00:00
/* Tabs and panels */
#woocommerce-product-data {
.panel-wrap {
background: #f8f8f8;
padding-left: 153px;
}
.woocommerce_options_panel, .wc-metaboxes-wrapper {
float: right;
width: 100%;
2012-08-02 22:13:20 +00:00
2012-11-22 13:27:17 +00:00
p, .wc-metaboxes, p.toolbar {
padding-left: 12px !important;
padding-right: 20px !important;
2012-01-11 18:59:30 +00:00
}
}
2012-11-22 13:27:17 +00:00
.wc-tabs-back {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #f1f1f1;
width: 145px;
border-right: 1px solid #DFDFDF;
}
2011-08-09 15:16:18 +00:00
}
2012-11-22 13:27:17 +00:00
#woocommerce-product-data ul.product_data_tabs, .woocommerce ul.wc-tabs {
background: #f1f1f1;
line-height: 1em;
float: left;
width: 145px;
margin: 0;
position: relative;
padding: 0 0 10px;
margin-left: -153px;
2012-12-02 21:31:43 +00:00
2012-11-22 13:27:17 +00:00
li {
display:block;
padding: 0;
margin: 0;
2012-12-02 21:31:43 +00:00
2012-01-11 18:59:30 +00:00
a {
2012-11-22 13:27:17 +00:00
padding: 5px;
line-height: 18px !important;
margin: 0;
display: block;
background: #f1f1f1;
text-decoration: none;
border-bottom: 1px solid #f1f1f1;
border-top: 1px solid #f1f1f1;
2012-01-11 18:59:30 +00:00
}
2012-12-02 21:31:43 +00:00
2012-11-22 13:27:17 +00:00
&:first-child {
a {
border-top: 0 !important;
}
2012-01-11 18:59:30 +00:00
}
2012-12-02 21:31:43 +00:00
2012-11-22 13:27:17 +00:00
&.general_options, &.tax_options, &.inventory_options, &.shipping_options, &.linked_product_options, &.attribute_options, &.variation_options, &.advanced_options {
a {
padding: 5px 5px 5px 28px;
background: #f1f1f1 url(../images/icons/wc-tab-icons.png) no-repeat 5px 5px;
}
2012-01-11 18:59:30 +00:00
}
2012-11-22 13:27:17 +00:00
&.general_options {
a {
background-position: 5px 5px;
}
2012-07-22 12:50:45 +00:00
}
2012-11-22 13:27:17 +00:00
&.tax_options {
a {
background-position: 5px -59px;
}
2012-01-11 18:59:30 +00:00
}
2012-11-22 13:27:17 +00:00
&.inventory_options {
a {
background-position: 5px -123px;
}
2012-01-11 18:59:30 +00:00
}
2012-11-22 13:27:17 +00:00
&.shipping_options {
a {
background-position: 5px -635px;
}
2012-01-11 18:59:30 +00:00
}
2012-11-22 13:27:17 +00:00
&.linked_product_options {
a {
background-position: 5px -571px;
}
2012-01-11 18:59:30 +00:00
}
2012-11-22 13:27:17 +00:00
&.attribute_options {
a {
background-position: 5px -251px;
}
}
&.advanced_options {
a {
background-position: 5px -698px;
}
}
&.variation_options {
a {
background-position: 5px -443px;
}
}
&.active {
a {
border-color: #DFDFDF;
position: relative;
background-color: #f8f8f8;
color: #555;
margin: 0 -1px 0 0;
width: 113px;
}
2012-01-11 18:59:30 +00:00
}
}
2012-11-22 13:27:17 +00:00
}
@media only screen and (max-width: 900px) {
#woocommerce-product-data {
.panel-wrap {
padding-left: 35px;
}
.wc-tabs-back {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #f1f1f1;
width: 28px;
border-right: 1px solid #DFDFDF;
}
2012-12-02 21:31:43 +00:00
}
2012-11-22 13:27:17 +00:00
#woocommerce-product-data ul.product_data_tabs, .woocommerce ul.wc-tabs {
width: 28px;
margin-left: -35px;
li {
a {
width: 28px;
padding: 28px 0 0 0 !important;
overflow: hidden;
height: 0;
}
&.active {
a {
width: 29px;
}
}
2012-01-11 18:59:30 +00:00
}
}
}
2011-08-09 15:16:18 +00:00
2012-11-22 13:27:17 +00:00
#woocommerce-product-data, #woocommerce-product-type-options, #woocommerce-order-data, #woocommerce-order-downloads, #woocommerce-coupon-data {
.inside {
padding: 0;
margin: 0;
}
2011-08-09 15:16:18 +00:00
}
2012-11-22 13:27:17 +00:00
2011-08-10 17:11:11 +00:00
.woocommerce_options_panel, .panel {
2011-08-09 15:16:18 +00:00
padding: 9px 9px 9px 9px;
color: #555;
}
2012-07-22 12:50:45 +00:00
.woocommerce_page_settings .woocommerce_options_panel, .panel {
2011-08-09 15:16:18 +00:00
padding: 0;
}
2011-08-10 17:11:11 +00:00
#woocommerce-product-type-options .panel, #woocommerce-product-specs .inside {
2011-08-09 15:16:18 +00:00
padding: 9px;
margin: 0;
}
2011-08-10 17:11:11 +00:00
.woocommerce_options_panel p, #woocommerce-product-type-options .panel p {
2011-08-09 15:16:18 +00:00
margin: 0 0 9px;
font-size: 12px;
padding: 5px 9px;
2011-08-09 15:16:18 +00:00
line-height: 24px;
&:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
2011-08-09 15:16:18 +00:00
}
2011-08-10 17:11:11 +00:00
.woocommerce_options_panel .checkbox, table.woocommerce_variable_attributes .checkbox {
2011-08-09 15:16:18 +00:00
vertical-align: middle;
margin: 7px 0;
2011-08-15 16:48:24 +00:00
width: auto;
2011-08-09 15:16:18 +00:00
}
2012-07-22 12:50:45 +00:00
.woocommerce_options_panel {
p {
margin: 9px 0 9px;
}
2012-12-06 16:54:44 +00:00
label, legend {
2012-07-22 12:50:45 +00:00
float: left;
width: 150px;
padding: 0;
2012-08-02 22:13:20 +00:00
2012-07-22 12:50:45 +00:00
.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 {
vertical-align: top;
height: 3.5em;
line-height: 1.5em;
}
input {
width: 50%;
float: left;
}
input.button {
width: auto;
margin-left: 8px;
}
select {
float: left;
}
.short {
width: 20%;
}
.sized {
width: auto !important;
margin-right: 6px;
}
.options_group {
border-top: 1px solid white;
border-bottom: 1px solid #DFDFDF;
}
.options_group:first-child {
border-top: 0;
}
2012-11-22 13:27:17 +00:00
.options_group:last-child {
border-bottom: 0;
}
2012-12-06 16:54:44 +00:00
.options_group fieldset {
margin: 9px 0;
font-size: 12px;
padding: 5px 9px;
line-height: 24px;
label {
width: auto;
float: none;
}
ul {
float: left;
width: 50%;
margin: 0;
padding: 0;
li {
margin: 0;
width: auto;
input {
width: auto;
float: none;
margin-right: 4px;
}
}
}
}
2012-07-22 12:50:45 +00:00
.dimensions_field {
.wrap {
input {
margin-right: .2%;
width: 6.6%;
}
.last {
margin-right: 0;
}
}
}
.upload_file_button {
padding-left: 20px;
2012-12-18 10:14:05 +00:00
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAQ0lEQVQYV3WPUQoAMAhC1+E6tYdrFBgiW185X7biSAGolpkZfN6GJg1CA7ip0CYo+FzxBTqeE/7J1qGAXsTEAdxQfQHJTymZe4oqiAAAAABJRU5ErkJggg==) !important;
background-color: #FEFEFE !important;
background-repeat: no-repeat !important;
background-position: 8px 7px !important;
}
2012-01-11 18:59:30 +00:00
}
2011-08-10 17:11:11 +00:00
#woocommerce-product-data input.dp-applied {
2011-08-09 15:16:18 +00:00
float: left;
}
#grouped_product_options, #virtual_product_options, #simple_product_options {
padding: 12px;
font-style: italic;
color: #666;
}
/* WC Metabox Panels - used for attributes, download permissions etc */
2012-02-25 11:43:25 +00:00
.wc-metaboxes-wrapper {
.toolbar {
2012-02-13 19:21:52 +00:00
margin: 0 !important;
border-top: 1px solid white;
border-bottom: 1px solid #DFDFDF;
padding: 9px 12px !important;
2012-08-06 13:28:49 +00:00
&:first-child {
border-top:0;
}
2012-11-22 13:27:17 +00:00
&:last-child {
border-bottom:0;
}
2012-02-13 19:21:52 +00:00
}
p.toolbar {
overflow: hidden;
zoom: 1;
}
2012-02-15 20:18:01 +00:00
select.attribute_taxonomy, button.add_attribute, button.add_variable_attribute, .fr {
2012-02-13 19:21:52 +00:00
float: right;
2012-02-15 20:18:01 +00:00
margin: 0 0 0 6px;
2012-02-13 19:21:52 +00:00
}
2012-02-25 11:43:25 +00:00
.wc-metaboxes {
2012-02-13 19:21:52 +00:00
border-bottom: 1px solid #DFDFDF;
2012-02-15 20:18:01 +00:00
padding: 0 12px 0;
2012-02-13 19:21:52 +00:00
}
2012-02-25 11:43:25 +00:00
.wc-metabox-sortable-placeholder {
border-color:#bbb;
background-color:#f5f5f5;
margin-bottom: 9px;
border-width:1px;
border-style:dashed;
}
.wc-metabox {
2012-02-13 19:21:52 +00:00
background: #ececec;
border: 1px solid #ececec;
2012-02-15 20:18:01 +00:00
margin: 9px 0 !important;
-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;
&.closed {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
2012-02-13 19:21:52 +00:00
h3 {
margin: 0 !important;
padding: 6px !important;
font-size: 1em !important;
overflow: hidden;
zoom: 1;
cursor: move;
button {
float: right;
}
strong {
font-weight: normal;
line-height: 24px;
}
select {
font-family: sans-serif;
}
.handlediv {
background-position: 6px 5px !important;
display: none;
height: 24px;
}
2012-02-25 11:43:25 +00:00
&.fixed {
cursor: pointer !important;
}
2012-02-13 19:21:52 +00:00
}
&:hover h3 .handlediv {
display: block;
}
table {
2012-02-25 11:43:25 +00:00
width: 100%;
position: relative;
background: #fff;
padding: 3px;
2012-02-13 19:21:52 +00:00
td {
2012-02-25 11:43:25 +00:00
text-align: left;
padding: 6px 6px;
2012-02-13 19:21:52 +00:00
vertical-align: top;
border: 0;
2012-02-25 11:43:25 +00:00
label {
text-align: left;
display: block;
line-height: 21px;
}
input {
float: left;
min-width: 200px;
}
input, textarea {
width: 100%;
margin: 0;
display: block;
font-size: 14px;
padding: 4px;
color: #555;
}
2012-12-20 11:36:38 +00:00
.upload_file_button {
font-size: 12px;
padding: 3px 8px 3px 20px;
line-height: 1;
}
2012-08-02 22:13:20 +00:00
select, .chzn-container {
width: 100% !important;
2012-02-25 11:43:25 +00:00
}
input.short {
width: 200px;
}
2012-02-25 11:43:25 +00:00
input.checkbox {
width: auto;
min-width: inherit;
vertical-align: middle;
display: inline;
float: none;
}
2012-02-13 19:21:52 +00:00
}
2012-02-25 11:43:25 +00:00
td.attribute_name {
width: 200px;
2012-02-13 19:21:52 +00:00
}
2012-02-15 20:18:01 +00:00
.plus, .minus {
margin-top: 6px;
}
.fl {
float: left;
}
.fr {
float: right;
}
2012-02-13 19:21:52 +00:00
}
2012-02-15 20:18:01 +00:00
}
2012-12-12 12:54:26 +00:00
.expand_all, .close_all {
float: right;
margin-left: 9px;
line-height: 22px;
2012-02-15 20:18:01 +00:00
padding-left: 20px;
2012-12-12 12:54:26 +00:00
background-image: url(../images/icons/edit_variations.png) !important;
background-repeat: no-repeat;
background-position: 1px -61px;
2012-02-15 20:18:01 +00:00
}
2012-12-12 12:54:26 +00:00
.expand_all {
background-position: 1px -82px;
}
a.plus, a.minus {
padding-left:20px;
background-image: url(../images/icons/edit_variations.png) !important;
background-color: #FEFEFE !important;
background-repeat: no-repeat !important;
background-position: 1px -1px;
&:hover {
background-position: 1px 0px;
}
}
a.plus {
background-position: 1px 0px;
}
a.minus {
background-position: 1px -41px;
2012-02-13 19:21:52 +00:00
}
}
2011-08-09 15:16:18 +00:00
/* Configuration */
#variable_product_options {
2012-02-13 15:08:54 +00:00
p.toolbar {
strong {
margin: 0 6px 0 0;
float: left;
line-height: 23px;
}
.button, select {
margin: 0 6px 0 0;
float: left;
}
2012-12-12 12:54:26 +00:00
a.set, a.toggle, a.delete_variations {
padding-left:20px;
background-image: url(../images/icons/edit_variations.png) !important;
background-color: #FEFEFE !important;
background-repeat: no-repeat !important;
background-position: 1px 0px;
}
a.set {
2012-12-12 12:54:26 +00:00
background-position: 1px 0px;
}
a.toggle {
2012-12-12 12:54:26 +00:00
background-position: 1px -21px;
}
2012-02-13 15:08:54 +00:00
a.delete_variations {
2012-12-12 12:54:26 +00:00
background-position: 1px -41px;
2012-02-13 15:08:54 +00:00
}
2012-02-15 20:18:01 +00:00
.add_variation, .link_all_variations, .fr {
2012-02-13 15:08:54 +00:00
float: right;
2012-02-15 20:18:01 +00:00
margin: 0 0 0 6px;
2012-02-13 15:08:54 +00:00
}
}
2012-02-25 11:43:25 +00:00
.woocommerce_variation {
table {
background: #f5f5f5;
padding: 6px;
td {
2012-02-25 11:43:25 +00:00
input {
min-width: inherit !important;
2012-02-25 11:43:25 +00:00
}
&.dimensions_field {
input {
width: 32%;
margin-right: 2%;
}
.last {
margin-right: 0;
}
2012-02-25 11:43:25 +00:00
}
&.options {
width: 150px;
label {
margin-bottom: 6px;
}
}
&.data {
padding: 0 0 0 12px;
2013-01-27 18:54:37 +00:00
table.data_table {
width: 100%;
padding: 0 12px 6px 12px;
background: #fff;
border: 1px solid #dfdfdf;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
td {
width: 50%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
}
2013-01-27 18:54:37 +00:00
table.data_table:before {
content: "";
display: block;
2012-02-25 11:43:25 +00:00
position: absolute;
top: 33px;
2012-02-25 11:43:25 +00:00
left: 0;
margin: 0 0 0 -1px;
border: 7px solid #dfdfdf;
border-color: transparent transparent transparent #dfdfdf;
2012-02-25 11:43:25 +00:00
}
2013-01-27 18:54:37 +00:00
table.data_table:after {
content: "";
2012-02-25 11:43:25 +00:00
display: block;
position: absolute;
top: 34px;
left: 0;
margin: 0 0 0 -1px;
border: 6px solid #f5f5f5;
border-color: transparent transparent transparent #f5f5f5;
2012-02-25 11:43:25 +00:00
}
}
&.upload_image {
white-space: nowrap;
width: 75px;
img {
float: none;
width: 73px;
border: 1px solid #dfdfdf;
}
.button {
margin: 0;
padding: 4px 10px;
width: auto;
float: none;
vertical-align: middle;
}
.upload_image_button {
display: block;
position: relative;
.overlay {
display: none;
width: 75px;
height: 75px;
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;
}
}
.file_path_field {
.upload_file_button {
text-align: center;
width: auto;
margin: 5px 0 0 0;
padding: 3px 8px 3px 20px;
2012-12-18 10:14:05 +00:00
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAQ0lEQVQYV3WPUQoAMAhC1+E6tYdrFBgiW185X7biSAGolpkZfN6GJg1CA7ip0CYo+FzxBTqeE/7J1qGAXsTEAdxQfQHJTymZe4oqiAAAAABJRU5ErkJggg==) !important;
background-color: #FEFEFE !important;
background-repeat: no-repeat !important;
background-position: 8px 7px !important;
}
2012-02-25 11:43:25 +00:00
}
}
2012-10-08 11:51:00 +00:00
.cancel_sale_schedule, .sale_schedule {
float: right;
}
tr.sale_price_dates_fields {
td {
padding-right: 24px;
position: relative;
img {
position: absolute;
right: 0;
bottom: 0;
padding: 5px 0;
margin: 0 0 6px;
}
}
}
}
2011-08-09 15:16:18 +00:00
}
}
2011-08-20 15:41:42 +00:00
/* Tooltips */
.tips {
cursor: help;
text-decoration: none;
}
img.tips {
2011-08-20 15:41:42 +00:00
padding: 5px 0 0 0;
}
/* TipTip CSS - Version 1.2 */
#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}
#tiptip_holder.tip_top {
padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
padding-top: 5px;
}
#tiptip_holder.tip_right {
padding-left: 5px;
}
#tiptip_holder.tip_left {
padding-right: 5px;
}
2013-06-22 10:37:59 +00:00
#tiptip_content, .chart-tooltip {
font-size: 11px;
2011-08-20 15:41:42 +00:00
color: #fff;
2013-06-22 10:37:59 +00:00
padding: .75em 1em;
background:#464646;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
2012-07-22 12:50:45 +00:00
text-align: center;
code {
2013-06-22 10:37:59 +00:00
background: #888;
padding: 1px;
}
}
#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
2013-06-22 10:37:59 +00:00
border-top-color: #464646;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
2013-06-22 10:37:59 +00:00
border-bottom-color: #464646;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
2013-06-22 10:37:59 +00:00
border-right-color: #464646;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
2013-06-22 10:37:59 +00:00
border-left-color: #464646;
2011-08-20 15:41:42 +00:00
}
2011-08-10 17:11:11 +00:00
/* Datepicker */
2011-09-16 12:45:46 +00:00
img.ui-datepicker-trigger { vertical-align: middle; margin-top: -1px; cursor: pointer }
.woocommerce_options_panel img.ui-datepicker-trigger, .wc-metabox-content img.ui-datepicker-trigger { float: left; margin-right: 8px; margin-top: 4px; margin-left: 4px; }
2011-10-22 14:53:26 +00:00
#ui-datepicker-div { display: none }
2011-08-10 17:11:11 +00:00
2011-09-16 23:07:40 +00:00
/* Reports */
2013-06-22 10:37:59 +00:00
.woocommerce-reports-wrap, .woocommerce-reports-wide {
&.woocommerce-reports-wrap {
margin-left: 300px;
padding-top: 18px;
}
2011-09-20 10:30:21 +00:00
&.halved {
margin: 0;
overflow: hidden;
zoom: 1;
}
2011-09-16 23:07:40 +00:00
.postbox {
2013-06-22 10:37:59 +00:00
overflow: hidden;
zoom: 1;
2011-09-16 23:07:40 +00:00
h3 {
cursor: default !important;
}
2013-06-22 10:37:59 +00:00
h3.stats_range {
padding: 0 !important;
ul {
overflow: hidden;
zoom : 1;
list-style: none outside;
margin: 0;
padding: 0;
li {
float: left;
margin: 0;
padding: 0;
2013-06-24 16:47:28 +00:00
line-height: 26px;
2013-06-22 10:37:59 +00:00
a {
border-right: 1px solid #dfdfdf;
2013-06-24 16:47:28 +00:00
padding: 9px 10px;
2013-06-22 10:37:59 +00:00
display: block;
2013-06-24 16:47:28 +00:00
text-decoration: none;
}
&.active {
background: #dfdfdf;
2013-06-25 13:59:20 +00:00
a {
color: #777;
}
2013-06-24 16:47:28 +00:00
}
&.custom {
padding: 9px 10px;
vertical-align: middle;
form, div {
display: inline;
margin:0;
input.range_datepicker {
padding: 0;
margin:0 10px 0 0;
background: transparent;
border: 0;
color: #777;
}
}
2013-06-22 10:37:59 +00:00
}
}
}
}
.split {
2013-06-24 16:47:28 +00:00
padding: 12px 12px 12px 249px;
2013-06-22 10:37:59 +00:00
margin: 0 !important;
.side {
2013-06-24 16:47:28 +00:00
width: 225px;
margin-left: -237px;
2013-06-22 10:37:59 +00:00
float: left;
}
}
2013-06-24 16:47:28 +00:00
.chart-stats {
margin:0;
padding: 0;
li.stats {
margin: 0 0 1em;
background: #fff;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
box-shadow: 0px 1px 2px rgba(0,0,0,.1);
h4 {
2013-06-25 13:59:20 +00:00
background: #e5e5e5;
padding: 7px 10px 6px;
2013-06-24 16:47:28 +00:00
margin:0;
}
table {
2013-06-25 13:59:20 +00:00
width: 100%;
2013-06-24 16:47:28 +00:00
td {
2013-06-25 13:59:20 +00:00
padding: 7px 10px;
2013-06-24 16:47:28 +00:00
vertical-align: top;
border-top: 1px solid #e5e5e5;
2013-06-25 13:59:20 +00:00
line-height: 1.4em;
2013-06-24 16:47:28 +00:00
}
td.count {
background: #e9e9e9;
}
2013-06-25 13:59:20 +00:00
td.name {
padding-right: 0;
}
td.sparkline {
vertical-align: middle;
}
.wc_sparkline {
width: 32px;
height: 1em;
display: block;
float: right;
}
2013-06-24 16:47:28 +00:00
}
}
}
2013-06-22 10:37:59 +00:00
.chart-legend {
list-style: none outside;
overflow: hidden;
zoom : 1;
margin: 0;
padding: 0;
li {
background: #fff;
color: #aaa;
padding: 1em 1.5em;
border-right: 4px solid #aaa;
display: block;
margin: 0 0 8px 0;
strong {
font-size: 3em;
line-height: 1.2em;
color: #464646;
font-weight: normal;
display: block;
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
}
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
box-shadow: 0px 1px 2px rgba(0,0,0,.1);
}
}
2011-09-16 23:07:40 +00:00
.stat {
font-size: 1.5em !important;
font-weight: bold;
text-align: center;
}
2013-06-22 10:37:59 +00:00
.chart-placeholder {
width:100%;
overflow:hidden;
position:relative;
}
.chart-container {
background: #fff;
padding: 12px;
position: relative;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
box-shadow: 0px 1px 2px rgba(0,0,0,.1);
}
.main .chart-legend {
margin-top: 12px;
li {
border-right: 0;
margin: 0 8px 0 0;
float: left;
border-top: 4px solid #aaa;
}
2011-09-16 23:07:40 +00:00
}
}
.woocommerce-reports-main {
float: left;
min-width: 100%;
2012-07-20 19:08:39 +00:00
table {
td {
padding: 9px;
}
}
2011-09-16 23:07:40 +00:00
}
.woocommerce-reports-sidebar {
display: inline;
width: 281px;
margin-left: -300px;
clear: both;
float: left;
}
2011-09-20 10:30:21 +00:00
.woocommerce-reports-left {
width: 49.5%;
float: left;
}
.woocommerce-reports-right {
width: 49.5%;
float: right;
}
2011-09-16 23:07:40 +00:00
}
2012-08-31 13:11:30 +00:00
.woocommerce-wide-reports-wrap {
padding-bottom: 11px;
.widefat {
.export-data {
float: right;
}
th, td {
vertical-align: middle;
padding: 7px;
}
}
}
form.report_filters {
p {
vertical-align: middle;
}
label, input, div {
vertical-align: middle;
}
}
2011-09-16 12:45:46 +00:00
/* Chart tooltips */
2013-06-22 10:37:59 +00:00
.chart-tooltip {
position: absolute;
display: none;
line-height: 1;
2011-09-16 12:45:46 +00:00
}
2011-08-24 16:23:04 +00:00
2011-09-16 17:39:37 +00:00
/* 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 {
2011-12-05 12:10:49 +00:00
text-align: right;
line-height: 24px;
padding: 6px 6px 6px 0;
border-bottom: 1px solid #fee;
span {
color: #8a4b75;
display: block;
}
span.alt {
color: #47a03e;
margin-top: 6px;
}
}
td.bars {
2011-09-16 17:39:37 +00:00
position: relative;
text-align: left;
2011-12-05 12:10:49 +00:00
padding: 6px 6px 6px 0;
2011-09-16 17:39:37 +00:00
border-bottom: 1px solid #fee;
span, a {
text-decoration: none;
2011-09-16 17:39:37 +00:00
clear: both;
background: #8a4b75;
float: left;
display: block;
line-height: 24px;
height: 24px;
2011-12-05 12:10:49 +00:00
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
2011-09-16 17:39:37 +00:00
}
span.alt {
clear: both;
background: #47a03e;
span {
margin: 0;
2011-11-16 22:52:46 +00:00
color: #c5dec2 !important;
2011-09-16 17:39:37 +00:00
text-shadow: 0 1px 0 #47a03e;
background: transparent;
}
}
}
}
}
/* Chosen multiselect enhancement
2011-08-24 16:23:04 +00:00
----------------------------------*/
2011-12-07 21:26:53 +00:00
#woocommerce_allowed_countries_chzn, #woocommerce_file_download_method_chzn {
.chzn-search {
display: none;
}
2011-11-23 10:08:48 +00:00
}
.chzn-container-single .chzn-single {
height: 24px;
line-height: 25px;
}
.chzn-container-single .chzn-single div b {
2012-12-03 13:27:26 +00:00
background: url('../images/chosen-sprite.png') no-repeat 0 2px !important;
}
.chzn-container-active .chzn-single-with-drop div b {
2012-12-03 13:27:26 +00:00
background-position: -18px 2px !important;
}
.chzn-container-single .chzn-search input {
line-height: 13px;
width: 100% !important;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
2011-11-23 10:08:48 +00:00
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.chzn-container .chzn-drop {
width: 100% !important;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.chzn-container-multi .chzn-choices .search-field input {
height: 21px !important;
}
.woocommerce_options_panel .chzn-container-multi {
width: 50% !important;
float: left;
.search-field {
min-width: 50%;
input {
min-width: 100%;
}
}
}
2013-06-03 09:46:25 +00:00
// Small screen optimisation
@media only screen and (max-width: 1280px) {
#order_data {
.order_data_column {
width:48%;
&:first-child {
width:100%;
}
}
}
}
2012-12-13 11:16:25 +00:00
// HiDPI optimisation
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#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-x2.png) !important;
background-size: 986px 91px !important;
}
#woocommerce_extensions {
background-image: url(../images/icons/wc_icon@2x.png);
background-size: 16px 17px;
background-position: 6px 6px;
}
table.wp-list-table span.product-type {
background-image: url(../images/product_types-x2.png) !important;
background-size:96px 16px !important;
}
#woocommerce-product-data ul.product_data_tabs li {
&.general_options, &.tax_options, &.inventory_options, &.shipping_options, &.linked_product_options, &.attribute_options, &.variation_options, &.advanced_options {
a {
background-image: url(../images/icons/wc-tab-icons-x2.png) !important;
background-size: 17px 720px !important;
}
}
}
.wc-metaboxes-wrapper {
a.plus, a.minus, .expand_all, .close_all {
background-image: url(../images/icons/edit_variations@2x.png) !important;
background-size: 21px 165px;
&:hover {
background-size: 21px 165px;
}
}
}
#variable_product_options {
p.toolbar {
a.set, a.toggle, a.delete_variations {
background-image: url(../images/icons/edit_variations@2x.png) !important;
background-size: 21px 165px;
&:hover {
background-size: 21px 165px;
}
}
}
}
2013-01-22 12:56:30 +00:00
.widefat {
.column-order_status {
mark.pending {
background-image:url(../images/icons/pending@2x.png);
2013-01-22 13:21:38 +00:00
background-size: 10px 8px;
}
mark.completed {
background-image:url(../images/icons/completed@2x.png);
2013-01-22 13:21:38 +00:00
background-size: 10px 8px;
}
mark.on-hold {
background-image:url(../images/icons/on-hold@2x.png);
2013-01-22 13:21:38 +00:00
background-size: 10px 10px;
}
mark.failed {
background-image:url(../images/icons/failed@2x.png);
2013-01-22 13:21:38 +00:00
background-size: 10px 8px;
}
mark.cancelled {
background-image:url(../images/icons/cancelled@2x.png);
2013-01-22 13:21:38 +00:00
background-size: 10px 8px;
}
mark.processing {
background-image:url(../images/icons/st-processing@2x.png);
2013-01-22 13:21:38 +00:00
background-size: 10px 8px;
}
mark.refunded {
background-image:url(../images/icons/refunded@2x.png);
2013-01-22 13:21:38 +00:00
background-size: 10px 8px;
}
}
2013-01-22 12:56:30 +00:00
}
2013-02-08 14:24:07 +00:00
.button.wc-reload span {
background-image: url(../images/icons/reload@2x.png);
background-size: 12px 12px;
}
2012-12-13 11:16:25 +00:00
}
2012-10-05 18:02:02 +00:00
@import 'chosen.less';