add initial CSS3 for close and navigation buttons

needs IE 7/8 fixes

Author: Jose Pardilla

fancybox/fancybox.css

@@ -15,4 +15,61 @@
  *   http://www.gnu.org/licenses/gpl.html
  */
 
-#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:110004;display:none}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(fancybox.png)}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:110000;display:none}#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0}#fancybox-wrap{position:absolute;top:0;left:0;z-index:110001;outline:none;display:none;padding:20px}#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}#fancybox-content{width:0;height:0;outline:none;position:relative;overflow:hidden;z-index:110002;border:0 solid #fff;padding:0}#fancybox-content>div{overflow:hidden!important}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:110001}#fancybox-close{position:absolute;width:30px;height:30px;background:transparent url(fancybox.png) -40px 0;cursor:pointer;z-index:110003;display:none}#fancybox-error{color:#444;font:normal 12px/20px Arial;margin:0;padding:14px}#fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;margin:0;padding:0}#fancybox-frame{width:100%;height:100%;border:none;display:block}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url(blank.gif);z-index:110002;display:none}#fancybox-left{left:0}#fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:110002;display:block}#fancybox-left-ico{background-image:url(fancybox.png);background-position:-40px -30px}#fancybox-right-ico{background-image:url(fancybox.png);background-position:-40px -60px}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px}#fancybox-title{font-family:Helvetica;font-size:12px;z-index:110002}.fancybox-title-inside{padding-bottom:12px;text-align:center;color:#333;background:#fff;position:relative}.fancybox-title-outside{padding-top:10px;color:#fff}.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left}#fancybox-title-over{background-image:url(fancy_title_over.png);display:block;padding:10px}.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto}#fancybox-title-float-wrap td{border:none;white-space:nowrap}#fancybox-title-float-left{background:url(fancybox.png) -40px -90px no-repeat;padding:0 0 0 15px}#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:700;background:url(fancybox-x.png) 0 -40px;padding:0 0 3px}#fancybox-title-float-right{background:url(fancybox.png) -55px -90px no-repeat;padding:0 0 0 15px}
+#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:110004;display:none}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(fancybox.png)}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:110000;display:none}#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0}#fancybox-wrap{position:absolute;top:0;left:0;z-index:110001;outline:none;display:none;padding:20px}#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}#fancybox-content{width:0;height:0;outline:none;position:relative;overflow:hidden;z-index:110002;border:0 solid #fff;padding:0}#fancybox-content>div{overflow:hidden!important}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:110001}
+/* close ico */
+#fancybox-error{color:#444;font:normal 12px/20px Arial;margin:0;padding:14px}#fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;margin:0;padding:0}#fancybox-frame{width:100%;height:100%;border:none;display:block}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url(blank.gif);z-index:110002;display:none}#fancybox-left{left:0}#fancybox-right{right:0}
+/* left right icos */
+#fancybox-title{font-family:Helvetica;font-size:12px;z-index:110002}.fancybox-title-inside{padding-bottom:12px;text-align:center;color:#333;background:#fff;position:relative}.fancybox-title-outside{padding-top:10px;color:#fff}.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left}#fancybox-title-over{background-image:url(fancy_title_over.png);display:block;padding:10px}.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto}#fancybox-title-float-wrap td{border:none;white-space:nowrap}#fancybox-title-float-left{background:url(fancybox.png) -40px -90px no-repeat;padding:0 0 0 15px}#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:700;background:url(fancybox-x.png) 0 -40px;padding:0 0 3px}#fancybox-title-float-right{background:url(fancybox.png) -55px -90px no-repeat;padding:0 0 0 15px}
+
+#fancybox-close{
+z-index:110003;
+display:none;
+}
+
+#fancybox-left-ico,
+#fancybox-right-ico {
+display:block;
+left:-9999px;
+margin-top:-15px;
+top:50%;
+z-index:110002;
+}
+#fancybox-left-ico i {
+background-position:-48px -45px;
+}
+#fancybox-right-ico i {
+background-position:-46px -25px;
+}
+#fancybox-left:hover,
+#fancybox-right:hover{
+visibility:visible
+}
+#fancybox-left:hover span{
+left:24px
+}
+#fancybox-right:hover span{
+left:auto;
+right:24px
+}
+
+.btn {
+background:#000;
+border-radius:50px;
+border:2px solid #fff;
+cursor:pointer;
+height:24px;
+position:absolute;
+width:24px;
+-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
+-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
+box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
+}
+.btn i {
+background:url(http://localhost/wpdev/wp-content/plugins/fancybox-for-wordpress/fancybox/fancybox.png) -47px -5px;
+position: relative;
+display: block;
+top: 4px;
+left: 4px;
+height:16px;
+width:16px;
+}