Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/assets/css/menu.less

98 lines
2.6 KiB
Plaintext
Raw Normal View History

menu icons... #4042
2013-11-08 12:29:59 +00:00
/* 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 icons for shop_manager when no manage_woocommerce capability when the user has no manage_woocommerce capabilities the menu items (like order) aren't grouped under woocommerce menu. then they showed the default post it icon. while fixing this i discovered that it uses the menu icons the old fashioned way instead of css sprites. fixed that too. but the new icons are just placeholder, someone with the original art files need to export the png again.
2012-03-07 11:59:23 +00:00
/* Menu */
#adminmenu {
retina menu icons
2012-08-03 13:20:46 +00:00
#menu-posts-product div.wp-menu-image, #menu-posts-shop_order div.wp-menu-image, #menu-posts-shop_coupon div.wp-menu-image, #toplevel_page_woocommerce div.wp-menu-image {
background-image: url(../images/icons/menu_icons.png);
background-size. closes #3054
2013-05-01 08:43:40 +00:00
background-size: auto;
retina menu icons
2012-08-03 13:20:46 +00:00
}
retina media query closes #2469
2013-02-19 09:56:33 +00:00
menu icons for shop_manager when no manage_woocommerce capability when the user has no manage_woocommerce capabilities the menu items (like order) aren't grouped under woocommerce menu. then they showed the default post it icon. while fixing this i discovered that it uses the menu icons the old fashioned way instead of css sprites. fixed that too. but the new icons are just placeholder, someone with the original art files need to export the png again.
2012-03-07 11:59:23 +00:00
#menu-posts-product {
div.wp-menu-image {
retina media query closes #2469
2013-02-19 09:56:33 +00:00
background-position: -32px -32px;
menu icons for shop_manager when no manage_woocommerce capability when the user has no manage_woocommerce capabilities the menu items (like order) aren't grouped under woocommerce menu. then they showed the default post it icon. while fixing this i discovered that it uses the menu icons the old fashioned way instead of css sprites. fixed that too. but the new icons are just placeholder, someone with the original art files need to export the png again.
2012-03-07 11:59:23 +00:00
}
&.wp-menu-open div.wp-menu-image, &:hover div.wp-menu-image {
background-position: -32px 0px;
}
icon/menu
2012-03-12 08:13:49 +00:00
img {
display: none;
}
menu icons for shop_manager when no manage_woocommerce capability when the user has no manage_woocommerce capabilities the menu items (like order) aren't grouped under woocommerce menu. then they showed the default post it icon. while fixing this i discovered that it uses the menu icons the old fashioned way instead of css sprites. fixed that too. but the new icons are just placeholder, someone with the original art files need to export the png again.
2012-03-07 11:59:23 +00:00
}
#menu-posts-shop_order {
div.wp-menu-image {
retina media query closes #2469
2013-02-19 09:56:33 +00:00
background-position: -64px -32px;
menu icons for shop_manager when no manage_woocommerce capability when the user has no manage_woocommerce capabilities the menu items (like order) aren't grouped under woocommerce menu. then they showed the default post it icon. while fixing this i discovered that it uses the menu icons the old fashioned way instead of css sprites. fixed that too. but the new icons are just placeholder, someone with the original art files need to export the png again.
2012-03-07 11:59:23 +00:00
}
&.wp-menu-open div.wp-menu-image, &:hover div.wp-menu-image {
background-position: -64px 0px;
}
icon/menu
2012-03-12 08:13:49 +00:00
img {
display: none;
}
menu icons for shop_manager when no manage_woocommerce capability when the user has no manage_woocommerce capabilities the menu items (like order) aren't grouped under woocommerce menu. then they showed the default post it icon. while fixing this i discovered that it uses the menu icons the old fashioned way instead of css sprites. fixed that too. but the new icons are just placeholder, someone with the original art files need to export the png again.
2012-03-07 11:59:23 +00:00
}
#menu-posts-shop_coupon {
div.wp-menu-image {
retina media query closes #2469
2013-02-19 09:56:33 +00:00
background-position: -96px -32px;
menu icons for shop_manager when no manage_woocommerce capability when the user has no manage_woocommerce capabilities the menu items (like order) aren't grouped under woocommerce menu. then they showed the default post it icon. while fixing this i discovered that it uses the menu icons the old fashioned way instead of css sprites. fixed that too. but the new icons are just placeholder, someone with the original art files need to export the png again.
2012-03-07 11:59:23 +00:00
}
&.wp-menu-open div.wp-menu-image, &:hover div.wp-menu-image {
background-position: -96px 0px;
}
icon/menu
2012-03-12 08:13:49 +00:00
img {
display: none;
}
menu icons for shop_manager when no manage_woocommerce capability when the user has no manage_woocommerce capabilities the menu items (like order) aren't grouped under woocommerce menu. then they showed the default post it icon. while fixing this i discovered that it uses the menu icons the old fashioned way instead of css sprites. fixed that too. but the new icons are just placeholder, someone with the original art files need to export the png again.
2012-03-07 11:59:23 +00:00
}
#toplevel_page_woocommerce {
div.wp-menu-image {
retina media query closes #2469
2013-02-19 09:56:33 +00:00
background-position: 0px -32px;
menu icons for shop_manager when no manage_woocommerce capability when the user has no manage_woocommerce capabilities the menu items (like order) aren't grouped under woocommerce menu. then they showed the default post it icon. while fixing this i discovered that it uses the menu icons the old fashioned way instead of css sprites. fixed that too. but the new icons are just placeholder, someone with the original art files need to export the png again.
2012-03-07 11:59:23 +00:00
}
&.wp-menu-open div.wp-menu-image, &:hover div.wp-menu-image {
background-position: 0px 0px;
}
icon/menu
2012-03-12 08:13:49 +00:00
img {
display: none;
}
menu icons for shop_manager when no manage_woocommerce capability when the user has no manage_woocommerce capabilities the menu items (like order) aren't grouped under woocommerce menu. then they showed the default post it icon. while fixing this i discovered that it uses the menu icons the old fashioned way instead of css sprites. fixed that too. but the new icons are just placeholder, someone with the original art files need to export the png again.
2012-03-07 11:59:23 +00:00
}
Moved admin editor CSS to menu.css (always loaded). Closes #1037
2012-05-17 09:36:00 +00:00
}
retina'd shortcode icon
2013-04-25 15:09:55 +00:00
/* 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;
}
retina media query closes #2469
2013-02-19 09:56:33 +00:00
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
retina menu icons
2012-08-03 13:20:46 +00:00
#adminmenu {
#menu-posts-product div.wp-menu-image, #menu-posts-shop_order div.wp-menu-image, #menu-posts-shop_coupon div.wp-menu-image, #toplevel_page_woocommerce div.wp-menu-image {
background-image: url(../images/icons/menu_icons-x2.png);
background-size: 200px 64px;
}
}
retina'd shortcode icon
2013-04-25 15:09:55 +00:00
span.mce_woocommerce_shortcodes_button {
background-image: url(../images/icons/wc_icon@2x.png) !important;
background-size: 18px 18px !important;
}
menu icons for shop_manager when no manage_woocommerce capability when the user has no manage_woocommerce capabilities the menu items (like order) aren't grouped under woocommerce menu. then they showed the default post it icon. while fixing this i discovered that it uses the menu icons the old fashioned way instead of css sprites. fixed that too. but the new icons are just placeholder, someone with the original art files need to export the png again.
2012-03-07 11:59:23 +00:00
}