woocommerce/assets/css/menu.css

126 lines
3.7 KiB
CSS
Raw Normal View History

2013-11-12 17:46:22 +00:00
/* =Mixins
-------------------------------------------------------------- */
.clear {
clear: both;
}
.nobr {
white-space: nowrap;
}
/**
* Objects
*/
/* Icon Font */
@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;
}
/* Menu Icons */
.mp6 #adminmenu #toplevel_page_woocommerce .menu-icon-generic div.wp-menu-image:before {
font-family: 'WooCommerce' !important;
content: "\e03d";
font-size: 1.3em !important;
}
.mp6 #adminmenu #menu-posts-product .menu-icon-post div.wp-menu-image:before {
font-family: 'WooCommerce' !important;
content: "\e01d";
font-size: 1.3em !important;
}
/* Menu */
#adminmenu #menu-posts-product div.wp-menu-image,
#adminmenu #menu-posts-shop_order div.wp-menu-image,
#adminmenu #menu-posts-shop_coupon div.wp-menu-image,
#adminmenu #toplevel_page_woocommerce div.wp-menu-image {
background-image: url(../images/icons/menu_icons.png);
background-size: auto;
}
#adminmenu #menu-posts-product div.wp-menu-image {
background-position: -32px -32px;
}
#adminmenu #menu-posts-product.wp-menu-open div.wp-menu-image,
#adminmenu #menu-posts-product:hover div.wp-menu-image {
background-position: -32px 0px;
}
#adminmenu #menu-posts-product img {
display: none;
}
#adminmenu #menu-posts-shop_order div.wp-menu-image {
background-position: -64px -32px;
}
#adminmenu #menu-posts-shop_order.wp-menu-open div.wp-menu-image,
#adminmenu #menu-posts-shop_order:hover div.wp-menu-image {
background-position: -64px 0px;
}
#adminmenu #menu-posts-shop_order img {
display: none;
}
#adminmenu #menu-posts-shop_coupon div.wp-menu-image {
background-position: -96px -32px;
}
#adminmenu #menu-posts-shop_coupon.wp-menu-open div.wp-menu-image,
#adminmenu #menu-posts-shop_coupon:hover div.wp-menu-image {
background-position: -96px 0px;
}
#adminmenu #menu-posts-shop_coupon img {
display: none;
}
#adminmenu #toplevel_page_woocommerce div.wp-menu-image {
background-position: 0px -32px;
}
#adminmenu #toplevel_page_woocommerce.wp-menu-open div.wp-menu-image,
#adminmenu #toplevel_page_woocommerce:hover div.wp-menu-image {
background-position: 0px 0px;
}
#adminmenu #toplevel_page_woocommerce img {
display: none;
}
/* Editor button */
span.mce_woocommerce_shortcodes_button {
background-image: url(../images/icons/wc_icon.png) !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#adminmenu #menu-posts-product div.wp-menu-image,
#adminmenu #menu-posts-shop_order div.wp-menu-image,
#adminmenu #menu-posts-shop_coupon div.wp-menu-image,
#adminmenu #toplevel_page_woocommerce div.wp-menu-image {
background-image: url(../images/icons/menu_icons-x2.png);
background-size: 200px 64px;
}
span.mce_woocommerce_shortcodes_button {
background-image: url(../images/icons/wc_icon@2x.png) !important;
background-size: 18px 18px !important;
}
}
.mp6 span.mce_woocommerce_shortcodes_button {
background-image: none !important;
display: block;
text-indent: -9999px;
position: relative;
height: 1em;
width: 1em;
}
.mp6 span.mce_woocommerce_shortcodes_button:before {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
content: "\e01d";
font-size: .9em;
line-height: 1.2;
}