Difference between revisions of "Team:Tianjin/Experiment/css/style.css"

Line 1: Line 1:
−
@charset "utf-8";
+
html, body {
−
*{margin:0;padding:0;list-style-type:none;}
+
margin: 0;
−
html,body{height:100%;margin:0px;padding:0px;background:#000;}
+
padding: 0;
 +
}
  
−
/* box */
+
body {
−
.box{width:850px;height:auto;overflow:hidden;background:#666;margin:100px auto 10px auto;padding:10px 0 0 10px;}
+
background: #F2F2F2;
−
.box ul{margin:0px;padding:0px;float:left;}
+
font-family: Arial;
−
.box li{width:150px;height:100px;float:left;cursor:pointer;display:inline;margin:0 10px 10px 0;border:5px solid #333;}
+
font-size: 13px;
−
#bg{width:100%;height:100%;position:absolute;left:0px;top:0px;background:#000;filter:alpha(opacity:50);opacity:0.5;display:none;}
+
line-height: 1.6;
−
#bottom{width:215px;height:50px;position:absolute;left:50%;bottom:0px;margin:0 0 0 -107px;border:1px solid #232323;background:#444;padding:1px;z-index:1;display:none;}
+
color: #444;
−
#bottom ul{width:100%;height:100%;margin:0px;padding:0px;list-style-type:none;background:#000;}
+
}
−
#bottom li{background:url(../images/ico.jpg) no-repeat;float:left;display:inline;margin:8px 0 0 18px;cursor:pointer;}
+
 
−
#bottom li.prev{width:30px;height:33px;background-position:0 0;}
+
#content {
−
#bottom li.next{width:30px;height:33px;background-position:-35px 0;}
+
width: 360px;
−
#bottom li.img{width:30px;height:33px;background-position:-106px 0;}
+
margin: 30px auto;
−
#bottom li.close{width:31px;height:33px;background-position:-70px 0;}
+
padding: 20px 60px;
−
#frame{background:#fff;padding:3px;position:absolute;z-index:2;display:none;filter:alpha(opacity:0);opacity:0;text-align:center;}
+
border: 1px solid #D2D2D2;
 +
-moz-box-shadow: 0 0 30px #CCC;
 +
-webkit-box-shadow: 0 0 30px #CCC;
 +
box-shadow: 0 0 30px #CCC;
 +
height:900px;
 +
background: #FFF;
 +
background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
 +
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);
 +
}
 +
#content a img{ width:79px; height:79px;}
 +
 
 +
h1 {
 +
margin: 0;
 +
font-size: 30px;
 +
font-weight: normal;
 +
font-family: "Museo 700", Arial;
 +
}
 +
 
 +
h1 em {
 +
font-size: 50%;
 +
letter-spacing: -0.05em;
 +
}
 +
 
 +
h2 {
 +
margin: 0;
 +
}
 +
 
 +
hr {
 +
border: none;
 +
height: 1px; line-height: 1px;
 +
background: #D8D8D8;
 +
margin-bottom: 20px;
 +
padding: 0;
 +
}
 +
 
 +
p {
 +
margin: 0;
 +
padding-bottom: 14px;
 +
}
 +
 
 +
a {
 +
outline: none;
 +
}
 +
 
 +
a img {
 +
border: 1px solid #BBB;
 +
padding: 2px;
 +
margin: 10px 30px 10px 0;
 +
vertical-align: top;
 +
}
 +
 
 +
ul {
 +
margin: -7px 0 24px 0;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/*
 +
* FancyBox - jQuery Plugin
 +
* Simple and fancy lightbox alternative
 +
*
 +
* Examples and documentation at: http://fancybox.net
 +
*
 +
* Copyright (c) 2008 - 2010 Janis Skarnelis
 +
*
 +
* Version: 1.3.1 (05/03/2010)
 +
* Requires: jQuery v1.3+
 +
*
 +
* Dual licensed under the MIT and GPL licenses:
 +
*  http://www.opensource.org/licenses/mit-license.php
 +
*  http://www.gnu.org/licenses/gpl.html
 +
*/
 +
 
 +
#fancybox-loading {
 +
position: fixed;
 +
top: 50%;
 +
left: 50%;
 +
height: 40px;
 +
width: 40px;
 +
margin-top: -20px;
 +
margin-left: -20px;
 +
cursor: pointer;
 +
overflow: hidden;
 +
z-index: 1104;
 +
display: none;
 +
}
 +
 
 +
* html #fancybox-loading { /* IE6 */
 +
position: absolute;
 +
margin-top: 0;
 +
}
 +
 
 +
#fancybox-loading div {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 40px;
 +
height: 480px;
 +
background-image: url('fancybox.png');
 +
}
 +
 
 +
#fancybox-overlay {
 +
position: fixed;
 +
top: 0;
 +
left: 0;
 +
bottom: 0;
 +
right: 0;
 +
background: #000;
 +
z-index: 1100;
 +
display: none;
 +
}
 +
 
 +
* html #fancybox-overlay { /* IE6 */
 +
position: absolute;
 +
width: 100%; height:800px;
 +
 
 +
}
 +
 
 +
#fancybox-tmp {
 +
padding: 0;
 +
margin: 0;
 +
border: 0;
 +
overflow: auto;
 +
display: none;
 +
}
 +
 
 +
#fancybox-wrap {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
margin: 0;
 +
padding: 20px;
 +
z-index: 1101;
 +
display: none;
 +
}
 +
 
 +
#fancybox-outer {
 +
position: relative;
 +
width: 100%;
 +
height: 100%;
 +
background: #FFF;
 +
}
 +
 
 +
#fancybox-inner {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 1px;
 +
height: 1px;
 +
padding: 0;
 +
margin: 0;
 +
outline: none;
 +
overflow: hidden;
 +
}
 +
 
 +
#fancybox-hide-sel-frame {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
background: transparent;
 +
}
 +
 
 +
#fancybox-close {
 +
position: absolute;
 +
top: -15px;
 +
right: -15px;
 +
width: 30px;
 +
height: 30px;
 +
background-image: url('fancybox.png');
 +
background-position: -40px 0px;
 +
cursor: pointer;
 +
z-index: 1103;
 +
display: none;
 +
}
 +
 
 +
#fancybox_error {
 +
color: #444;
 +
font: normal 12px/20px Arial;
 +
padding: 7px;
 +
margin: 0;
 +
}
 +
 
 +
#fancybox-content {
 +
height: auto;
 +
width: auto;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
 
 +
#fancybox-img {
 +
width: 100%;
 +
height: 100%;
 +
padding: 0;
 +
margin: 0;
 +
border: none;
 +
outline: none;
 +
line-height: 0;
 +
vertical-align: top;
 +
-ms-interpolation-mode: bicubic;
 +
}
 +
 
 +
#fancybox-frame {
 +
position: relative;
 +
width: 100%;
 +
height: 100%;
 +
border: none;
 +
display: block;
 +
}
 +
 
 +
#fancybox-title {
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
font-family: Arial;
 +
font-size: 12px;
 +
z-index: 1102;
 +
}
 +
 
 +
.fancybox-title-inside {
 +
padding: 10px 0;
 +
text-align: center;
 +
color: #333;
 +
}
 +
 
 +
.fancybox-title-outside {
 +
padding-top: 5px;
 +
color: #FFF;
 +
text-align: center;
 +
font-weight: bold;
 +
}
 +
 
 +
.fancybox-title-over {
 +
color: #FFF;
 +
text-align: left;
 +
}
 +
 
 +
#fancybox-title-over {
 +
padding: 10px;
 +
background-image: url('fancy_title_over.png');
 +
display: block;
 +
}
 +
 
 +
#fancybox-title-wrap {
 +
display: inline-block;
 +
}
 +
 
 +
#fancybox-title-wrap span {
 +
height: 32px;
 +
float: left;
 +
}
 +
 
 +
#fancybox-title-left {
 +
padding-left: 15px;
 +
background-image: url('fancybox.png');
 +
background-position: -40px -90px;
 +
background-repeat: no-repeat;
 +
}
 +
 
 +
#fancybox-title-main {
 +
font-weight: bold;
 +
line-height: 29px;
 +
background-image: url('fancybox-x.png');
 +
background-position: 0px -40px;
 +
color: #FFF;
 +
}
 +
 
 +
#fancybox-title-right {
 +
padding-left: 15px;
 +
background-image: url('fancybox.png');
 +
background-position: -55px -90px;
 +
background-repeat: no-repeat;
 +
}
 +
 
 +
#fancybox-left, #fancybox-right {
 +
position: absolute;
 +
bottom: 0px;
 +
height: 100%;
 +
width: 35%;
 +
cursor: pointer;
 +
outline: none;
 +
background-image: url('blank.gif');
 +
z-index: 1102;
 +
display: none;
 +
}
 +
 
 +
#fancybox-left {
 +
left: 0px;
 +
}
 +
 
 +
#fancybox-right {
 +
right: 0px;
 +
}
 +
 
 +
#fancybox-left-ico, #fancybox-right-ico {
 +
position: absolute;
 +
top: 50%;
 +
left: -9999px;
 +
width: 30px;
 +
height: 30px;
 +
margin-top: -15px;
 +
cursor: pointer;
 +
z-index: 1102;
 +
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;    /* IE6 */
 +
}
 +
 
 +
#fancybox-left:hover span {
 +
left: 20px;
 +
}
 +
 
 +
#fancybox-right:hover span {
 +
left: auto;
 +
right: 20px;
 +
}
 +
 
 +
.fancy-bg {
 +
position: absolute;
 +
padding: 0;
 +
margin: 0;
 +
border: 0;
 +
width: 20px;
 +
height: 20px;
 +
z-index: 1001;
 +
}
 +
 
 +
#fancy-bg-n {
 +
top: -20px;
 +
left: 0;
 +
width: 100%;
 +
background-image: url('fancybox-x.png');
 +
}
 +
 
 +
#fancy-bg-ne {
 +
top: -20px;
 +
right: -20px;
 +
background-image: url('fancybox.png');
 +
background-position: -40px -162px;
 +
}
 +
 
 +
#fancy-bg-e {
 +
top: 0;
 +
right: -20px;
 +
height: 100%;
 +
background-image: url('fancybox-y.png');
 +
background-position: -20px 0px;
 +
}
 +
 
 +
#fancy-bg-se {
 +
bottom: -20px;
 +
right: -20px;
 +
background-image: url('fancybox.png');
 +
background-position: -40px -182px;
 +
}
 +
 
 +
#fancy-bg-s {
 +
bottom: -20px;
 +
left: 0;
 +
width: 100%;
 +
background-image: url('fancybox-x.png');
 +
background-position: 0px -20px;
 +
}
 +
 
 +
#fancy-bg-sw {
 +
bottom: -20px;
 +
left: -20px;
 +
background-image: url('fancybox.png');
 +
background-position: -40px -142px;
 +
}
 +
 
 +
#fancy-bg-w {
 +
top: 0;
 +
left: -20px;
 +
height: 100%;
 +
background-image: url('fancybox-y.png');
 +
}
 +
 
 +
#fancy-bg-nw {
 +
top: -20px;
 +
left: -20px;
 +
background-image: url('fancybox.png');
 +
background-position: -40px -122px;
 +
}
 +
 
 +
/* IE */
 +
 
 +
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
 +
 
 +
.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
 +
.fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
 +
 
 +
.fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
 +
 
 +
.fancybox-ie .fancy-bg { background: transparent !important; }
 +
 
 +
.fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

Revision as of 04:36, 12 October 2016

html, body { margin: 0; padding: 0; }

body { background: #F2F2F2; font-family: Arial; font-size: 13px; line-height: 1.6; color: #444; }

  1. content {

width: 360px; margin: 30px auto; padding: 20px 60px; border: 1px solid #D2D2D2; -moz-box-shadow: 0 0 30px #CCC; -webkit-box-shadow: 0 0 30px #CCC; box-shadow: 0 0 30px #CCC; height:900px; background: #FFF; background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px); }

  1. content a img{ width:79px; height:79px;}

h1 { margin: 0; font-size: 30px; font-weight: normal; font-family: "Museo 700", Arial; }

h1 em { font-size: 50%; letter-spacing: -0.05em; }

h2 { margin: 0; }

hr { border: none; height: 1px; line-height: 1px; background: #D8D8D8; margin-bottom: 20px; padding: 0; }

p { margin: 0; padding-bottom: 14px; }

a { outline: none; }

a img { border: 1px solid #BBB; padding: 2px; margin: 10px 30px 10px 0; vertical-align: top; }

ul { margin: -7px 0 24px 0; }





/* 

* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
* 
* Copyright (c) 2008 - 2010 Janis Skarnelis
*
* Version: 1.3.1 (05/03/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
*   http://www.opensource.org/licenses/mit-license.php
*   http://www.gnu.org/licenses/gpl.html
*/
  1. fancybox-loading {

position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }

  • html #fancybox-loading { /* IE6 */

position: absolute; margin-top: 0; }

  1. fancybox-loading div {

position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox.png'); }

  1. fancybox-overlay {

position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }

  • html #fancybox-overlay { /* IE6 */

position: absolute; width: 100%; height:800px;

}

  1. fancybox-tmp {

padding: 0; margin: 0; border: 0; overflow: auto; display: none; }

  1. fancybox-wrap {

position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; }

  1. fancybox-outer {

position: relative; width: 100%; height: 100%; background: #FFF; }

  1. fancybox-inner {

position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }

  1. fancybox-hide-sel-frame {

position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }

  1. fancybox-close {

position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; }

  1. fancybox_error {

color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; }

  1. fancybox-content {

height: auto; width: auto; padding: 0; margin: 0; }

  1. fancybox-img {

width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }

  1. fancybox-frame {

position: relative; width: 100%; height: 100%; border: none; display: block; }

  1. fancybox-title {

position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; }

.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }

.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }

.fancybox-title-over { color: #FFF; text-align: left; }

  1. fancybox-title-over {

padding: 10px; background-image: url('fancy_title_over.png'); display: block; }

  1. fancybox-title-wrap {

display: inline-block; }

  1. fancybox-title-wrap span {

height: 32px; float: left; }

  1. fancybox-title-left {

padding-left: 15px; background-image: url('fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; }

  1. fancybox-title-main {

font-weight: bold; line-height: 29px; background-image: url('fancybox-x.png'); background-position: 0px -40px; color: #FFF; }

  1. fancybox-title-right {

padding-left: 15px; background-image: url('fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; }

  1. fancybox-left, #fancybox-right {

position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('blank.gif'); z-index: 1102; display: none; }

  1. fancybox-left {

left: 0px; }

  1. fancybox-right {

right: 0px; }

  1. fancybox-left-ico, #fancybox-right-ico {

position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }

  1. fancybox-left-ico {

background-image: url('fancybox.png'); background-position: -40px -30px; }

  1. fancybox-right-ico {

background-image: url('fancybox.png'); background-position: -40px -60px; }

  1. fancybox-left:hover, #fancybox-right:hover {

visibility: visible; /* IE6 */ }

  1. fancybox-left:hover span {

left: 20px; }

  1. fancybox-right:hover span {

left: auto; right: 20px; }

.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }

  1. fancy-bg-n {

top: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); }

  1. fancy-bg-ne {

top: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -162px; }

  1. fancy-bg-e {

top: 0; right: -20px; height: 100%; background-image: url('fancybox-y.png'); background-position: -20px 0px; }

  1. fancy-bg-se {

bottom: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -182px; }

  1. fancy-bg-s {

bottom: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); background-position: 0px -20px; }

  1. fancy-bg-sw {

bottom: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -142px; }

  1. fancy-bg-w {

top: 0; left: -20px; height: 100%; background-image: url('fancybox-y.png'); }

  1. fancy-bg-nw {

top: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -122px; }

/* IE */

  1. fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }