woocommerce/assets/css/dashboard.less

188 lines
3.4 KiB
Plaintext
Raw Normal View History

2013-07-25 14:00:23 +00:00
@import 'mixins.less';
@font-face {
font-family: 'WooCommerce';
src:url('../fonts/WooCommerce.eot');
src:url('../fonts/WooCommerce.eot?#iefix') format('embedded-opentype'),
url('../fonts/WooCommerce.woff') format('woff'),
url('../fonts/WooCommerce.ttf') format('truetype'),
url('../fonts/WooCommerce.svg#WooCommerce') format('svg');
font-weight: normal;
font-style: normal;
}
#woocommerce_dashboard_status {
.inside {
padding: 0;
margin: 0;
}
.wc_status_list {
overflow: hidden;
margin:0;
li {
width: 50%;
float: left;
padding:0;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
margin: 0;
border-top: 1px solid #ececec;
color: #aaa;
a {
display: block;
color: #aaa;
padding: 9px 12px;
-webkit-transition:all ease .5s;
position: relative;
.wc_sparkline {
width: 4em;
height: 2em;
display: block;
float: right;
position: absolute;
right: 0;
top: 50%;
margin-right: 12px;
margin-top: -1.25em
}
strong {
font-size: 18px;
line-height: 1.2em;
font-weight: normal;
display: block;
color: #21759b;
font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
}
&:hover {
box-shadow:
inset 0 -1px 0 0 #dfdfdf,
inset 700px 0 0 fade(#9c5d90,10%);
padding-left:2em;
color: #9c5d90;
&:before, strong {
color: #9c5d90 !important;
}
}
&:before {
.icon();
font-size: 2em;
position: relative;
width: auto;
line-height: 1.2em;
color: #464646;
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
}
}
li:first-child {
border-top: 0;
}
li.sales-this-month {
width: 100%;
a:before {
content: "\e01f";
}
}
li.best-seller-this-month {
width: 100%;
a:before {
content: "\e006";
}
}
li.processing-orders {
border-right: 1px solid #ececec;
a:before {
content: "\e011";
2013-11-08 14:05:49 +00:00
color: @green;
2013-07-25 14:00:23 +00:00
}
}
li.on-hold-orders {
a:before {
content: "\e033";
color: #999;
}
}
li.low-in-stock {
border-right: 1px solid #ececec;
a:before {
content: "\e02c";
2013-11-08 14:05:49 +00:00
color: @orange;
2013-07-25 14:00:23 +00:00
}
}
li.out-of-stock {
a:before {
content: "\e02c";
2013-11-08 14:05:49 +00:00
color: @red;
2013-07-25 14:00:23 +00:00
}
}
}
}
#woocommerce_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;
overflow: hidden;
position: relative;
height: 1.5em;
line-height: 1.5;
margin-left:.5em;
width: 5.4em;
font-family: 'WooCommerce' !important;
&:before {
content: "\e021\e021\e021\e021\e021";
color: darken( #ccc, 10 );
float: left;
top: 0;
left: 0;
position: absolute;
letter-spacing: 0.1em;
letter-spacing:0\9; // IE8 & below hack ;-(
}
span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
span:before {
content: "\e020\e020\e020\e020\e020";
top: 0;
position: absolute;
left: 0;
letter-spacing: 0.1em;
letter-spacing:0\9; // IE8 & below hack ;-(
color: #9c5d90;
}
}
}