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

retina menu icons

This commit is contained in:
James Koster 2012-08-03 14:20:46 +01:00
parent bb97b6a913
commit ac4450eb49
4 changed files with 18 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
assets/css/menu.css
View File

@ -1,47 +1 @@
/* Menu */
#adminmenu #menu-posts-product div.wp-menu-image {
background: transparent url(../images/icons/menu_icons.png) no-repeat -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: transparent url(../images/icons/menu_icons.png) no-repeat -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: transparent url(../images/icons/menu_icons.png) no-repeat -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: transparent url(../images/icons/menu_icons.png) no-repeat 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;
}
#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)}#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 0}#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 0}#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 0}#adminmenu #menu-posts-shop_coupon img{display:none}#adminmenu #toplevel_page_woocommerce div.wp-menu-image{background-position:0 -32px}#adminmenu #toplevel_page_woocommerce.wp-menu-open div.wp-menu-image,#adminmenu #toplevel_page_woocommerce:hover div.wp-menu-image{background-position:0 0}#adminmenu #toplevel_page_woocommerce img{display:none}@media only screen and (-webkit-min-device-pixel-ratio:1.5){#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.png)!important;background-repeat:no-repeat!important;background-position:center!important}

21
assets/css/menu.less
View File

@ -1,8 +1,12 @@
/* Menu */
#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.png);
}
#menu-posts-product {
div.wp-menu-image {
background: transparent url(../images/icons/menu_icons.png) no-repeat -32px -32px;
background-position: -32px -32px;
}
&.wp-menu-open div.wp-menu-image, &:hover div.wp-menu-image {
background-position: -32px 0px;
@ -13,7 +17,7 @@
}
#menu-posts-shop_order {
div.wp-menu-image {
background: transparent url(../images/icons/menu_icons.png) no-repeat -64px -32px;
background-position: -64px -32px;
}
&.wp-menu-open div.wp-menu-image, &:hover div.wp-menu-image {
background-position: -64px 0px;
@ -24,7 +28,7 @@
}
#menu-posts-shop_coupon {
div.wp-menu-image {
background: transparent url(../images/icons/menu_icons.png) no-repeat -96px -32px;
background-position: -96px -32px;
}
&.wp-menu-open div.wp-menu-image, &:hover div.wp-menu-image {
background-position: -96px 0px;
@ -35,7 +39,7 @@
}
#toplevel_page_woocommerce {
div.wp-menu-image {
background: transparent url(../images/icons/menu_icons.png) no-repeat 0px -32px;
background-position: 0px -32px;
}
&.wp-menu-open div.wp-menu-image, &:hover div.wp-menu-image {
background-position: 0px 0px;
@ -46,6 +50,15 @@
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#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;
}
}
}
/* Editor button */
span.mce_woocommerce_shortcodes_button {
background-image: url(../images/icons/wc_icon.png) !important;

BIN
assets/images/icons/menu_icons-x2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
assets/images/icons/menu_icons.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB