m
/
Badged
mirror of https://github.com/kremalicious/Badged.git
1
0
Fork 0
Code Releases Activity

make box shadow work in IE8 through DXImageTransform.Microsoft.Shadow

This commit is contained in:
Matthias Kretschmann 2011-12-18 22:46:33 +01:00
parent d4cca78102
commit 8eae6b4448
2 changed files with 43 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
css/badged-bar.css
View File

@ -37,6 +37,7 @@
-webkit-box-shadow: 0px 2px 2px #000 !important;
-moz-box-shadow: 0px 2px 2px #000 !important;
box-shadow: 0px 2px 2px #000 !important;
vertical-align: baseline;
}
@ -49,7 +50,7 @@
top: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
@ -66,4 +67,18 @@
background: radial-gradient(center -5px, circle, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 59%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#00ffffff',GradientType=1 );
}
}
/* ============================================================== */
/* IE 8 Only Styles */
/* ============================================================== */
.ie8 #wp-admin-bar-updates .ab-label,
.ie8 #wp-admin-bar-comments .ab-label {
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3) /* bottom */
progid:DXImageTransform.Microsoft.Shadow(color=#444444,direction=90,strength=2) /* right */
progid:DXImageTransform.Microsoft.Shadow(color=#444444,direction=270,strength=2); /* left */
}

28
css/badged-menu.css
View File

@ -51,6 +51,7 @@
-webkit-box-shadow: 0px 2px 2px #444 !important;
-moz-box-shadow: 0px 2px 2px #444 !important;
box-shadow: 0px 2px 2px #444 !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#00ffffff',GradientType=0 );
}
/* inject another styling layer, for inset shadow & shine gradient */
@ -91,8 +92,6 @@
}
/* ============================================================== */
/* The Options Page */
/* ============================================================== */
@ -113,3 +112,28 @@
background-image: url(../img/icon-badged-32.png);
background-repeat: no-repeat;
}
/* ============================================================== */
/* IE 8 Only Styles */
/* ============================================================== */
.ie8 #adminmenu .awaiting-mod,
.ie8 #adminmenu span.update-plugins,
.ie8 #sidemenu li a span.update-plugins,
.ie8 #sidemenu a .update-plugins,
.ie8 #rightnow .reallynow {
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=180,strength=3) /* box-shadow replacement, bottom */
progid:DXImageTransform.Microsoft.Shadow(color=#b3b3b3,direction=90,strength=2) /* right */
progid:DXImageTransform.Microsoft.Shadow(color=#b3b3b3,direction=270,strength=2) /* left */;
}
/* darker shadow for badged on active menus */
.ie8 #adminmenu li.current a .awaiting-mod,
.ie8 #adminmenu li a.wp-has-current-submenu .update-plugins {
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#444444,direction=180,strength=3) /* bottom */
progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=2) /* right */
progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=270,strength=2) /* left */;
}