You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
333 lines
4.8 KiB
CSS
333 lines
4.8 KiB
CSS
6 years ago
|
|
||
|
|
||
|
div#fancy_overlay {
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
background-color: #666;
|
||
|
display: none;
|
||
|
z-index: 30;
|
||
|
}
|
||
|
|
||
|
|
||
|
div#fancy_wrap {
|
||
|
text-align: left;
|
||
|
}
|
||
|
|
||
|
div#fancy_loading {
|
||
|
position: absolute;
|
||
|
height: 40px;
|
||
|
width: 40px;
|
||
|
cursor: pointer;
|
||
|
display: none;
|
||
|
overflow: hidden;
|
||
|
background: transparent;
|
||
|
z-index: 100;
|
||
|
}
|
||
|
|
||
|
* html div#fancy_overlay {
|
||
|
position: absolute;
|
||
|
|
||
|
}
|
||
|
|
||
|
|
||
|
div#fancy_loading div {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 40px;
|
||
|
height: 480px;
|
||
|
background: transparent url('fancy_progress.png') no-repeat;
|
||
|
}
|
||
|
|
||
|
div#fancy_loading_overlay {
|
||
|
position: absolute;
|
||
|
background-color: #FFF;
|
||
|
z-index: 30;
|
||
|
}
|
||
|
|
||
|
div#fancy_loading_icon {
|
||
|
position: absolute;
|
||
|
background: url('fancy_loading.gif') no-repeat;
|
||
|
z-index: 35;
|
||
|
width: 16px;
|
||
|
height: 16px;
|
||
|
}
|
||
|
|
||
|
div#fancy_outer {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
z-index: 90;
|
||
|
padding: 18px 18px 33px 18px;
|
||
|
margin: 0;
|
||
|
overflow: hidden;
|
||
|
background: transparent;
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
div#fancy_inner {
|
||
|
position: relative;
|
||
|
width:100%;
|
||
|
height:100%;
|
||
|
border: 1px solid #BBB;
|
||
|
background: #FFF;
|
||
|
}
|
||
|
|
||
|
div#fancy_content {
|
||
|
margin: 0;
|
||
|
z-index: 100;
|
||
|
position: absolute;
|
||
|
}
|
||
|
|
||
|
div#fancy_div {
|
||
|
background: #000;
|
||
|
color: #FFF;
|
||
|
height: 100%;
|
||
|
width: 100%;
|
||
|
z-index: 100;
|
||
|
}
|
||
|
|
||
|
img#fancy_img {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
border:0;
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
z-index: 100;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
div#fancy_close {
|
||
|
position: absolute;
|
||
|
top: -12px;
|
||
|
right: -15px;
|
||
|
height: 30px;
|
||
|
width: 30px;
|
||
|
background: url('fancy_closebox.png') top left no-repeat;
|
||
|
cursor: pointer;
|
||
|
z-index: 181;
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
div#fancy_top_binner {
|
||
|
position: absolute;
|
||
|
top: -12px;
|
||
|
right: 20px;
|
||
|
height: 30px;
|
||
|
width: 30px;
|
||
|
background: url('fancy_StopPlay.png') top left no-repeat;
|
||
|
cursor: pointer;
|
||
|
z-index: 182;
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
|
||
|
#fancy_frame {
|
||
|
position: relative;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
#fancy_ajax {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
overflow: auto;
|
||
|
}
|
||
|
|
||
|
a#fancy_left, a#fancy_right {
|
||
|
position: absolute;
|
||
|
bottom: 0px;
|
||
|
height: 100%;
|
||
|
width: 35%;
|
||
|
cursor: pointer;
|
||
|
z-index: 111;
|
||
|
display: none;
|
||
|
background-image: url(data:image/gif;base64,AAAA);
|
||
|
outline: none;
|
||
|
}
|
||
|
|
||
|
a#fancy_left {
|
||
|
left: 0px;
|
||
|
}
|
||
|
|
||
|
a#fancy_right {
|
||
|
right: 0px;
|
||
|
}
|
||
|
|
||
|
span.fancy_ico {
|
||
|
position: absolute;
|
||
|
top: 50%;
|
||
|
margin-top: -15px;
|
||
|
width: 30px;
|
||
|
height: 30px;
|
||
|
z-index: 112;
|
||
|
cursor: pointer;
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
span#fancy_left_ico {
|
||
|
left: -9999px;
|
||
|
background: transparent url('fancy_left.png') no-repeat;
|
||
|
}
|
||
|
|
||
|
span#fancy_right_ico {
|
||
|
right: -9999px;
|
||
|
background: transparent url('fancy_right.png') no-repeat;
|
||
|
}
|
||
|
|
||
|
a#fancy_left:hover {
|
||
|
visibility: visible;
|
||
|
}
|
||
|
|
||
|
a#fancy_right:hover {
|
||
|
visibility: visible;
|
||
|
}
|
||
|
|
||
|
a#fancy_left:hover span {
|
||
|
left: 20px;
|
||
|
}
|
||
|
|
||
|
a#fancy_right:hover span {
|
||
|
right: 20px;
|
||
|
}
|
||
|
|
||
|
.fancy_bigIframe {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
background: transparent;
|
||
|
}
|
||
|
|
||
|
div#fancy_bg {
|
||
|
position: absolute;
|
||
|
top: 0; left: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
z-index: 70;
|
||
|
border: 0;
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
div.fancy_bg {
|
||
|
position: absolute;
|
||
|
display: block;
|
||
|
z-index: 70;
|
||
|
border: 0;
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
div.fancy_bg_n {
|
||
|
top: -18px;
|
||
|
width: 100%;
|
||
|
height: 18px;
|
||
|
background: transparent url('fancy_shadow_n.gif') repeat-x;
|
||
|
}
|
||
|
|
||
|
div.fancy_bg_ne {
|
||
|
top: -18px;
|
||
|
right: -13px;
|
||
|
width: 13px;
|
||
|
height: 18px;
|
||
|
background: transparent url('fancy_shadow_ne.gif') no-repeat;
|
||
|
}
|
||
|
|
||
|
div.fancy_bg_e {
|
||
|
right: -13px;
|
||
|
height: 100%;
|
||
|
width: 13px;
|
||
|
background: transparent url('fancy_shadow_e.gif') repeat-y;
|
||
|
}
|
||
|
|
||
|
div.fancy_bg_se {
|
||
|
bottom: -18px;
|
||
|
right: -13px;
|
||
|
width: 13px;
|
||
|
height: 18px;
|
||
|
background: transparent url('fancy_shadow_se.gif') no-repeat;
|
||
|
}
|
||
|
|
||
|
div.fancy_bg_s {
|
||
|
bottom: -18px;
|
||
|
width: 100%;
|
||
|
height: 18px;
|
||
|
background: transparent url('fancy_shadow_s.gif') repeat-x;
|
||
|
}
|
||
|
|
||
|
div.fancy_bg_sw {
|
||
|
bottom: -18px;
|
||
|
left: -13px;
|
||
|
width: 13px;
|
||
|
height: 18px;
|
||
|
background: transparent url('fancy_shadow_sw.gif') no-repeat;
|
||
|
}
|
||
|
|
||
|
div.fancy_bg_w {
|
||
|
left: -13px;
|
||
|
height: 100%;
|
||
|
width: 13px;
|
||
|
background: transparent url('fancy_shadow_w.gif') repeat-y;
|
||
|
}
|
||
|
|
||
|
div.fancy_bg_nw {
|
||
|
top: -18px;
|
||
|
left: -13px;
|
||
|
width: 13px;
|
||
|
height: 18px;
|
||
|
background: transparent url('fancy_shadow_nw.gif') no-repeat;
|
||
|
}
|
||
|
|
||
|
div.fancy_title {
|
||
|
position: absolute;
|
||
|
bottom: -33px;
|
||
|
left: 0;
|
||
|
width: 100%;
|
||
|
z-index: 100;
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
div.fancy_topinner {
|
||
|
top: -20px !important;
|
||
|
z-index: 200;
|
||
|
}
|
||
|
|
||
|
div.fancy_title div {
|
||
|
color: #FFF;
|
||
|
font: bold 12px Arial;
|
||
|
padding-bottom: 3px;
|
||
|
}
|
||
|
|
||
|
div.fancy_title table {
|
||
|
margin: 0 auto;
|
||
|
}
|
||
|
|
||
|
div.fancy_title table td {
|
||
|
padding: 0;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
td.fancy_title_left {
|
||
|
height: 32px;
|
||
|
width: 15px;
|
||
|
background: transparent url(fancy_title_left.png) repeat-x;
|
||
|
}
|
||
|
|
||
|
td.fancy_title_main {
|
||
|
height: 32px;
|
||
|
background: transparent url(fancy_title_main.png) repeat-x;
|
||
|
}
|
||
|
|
||
|
td.fancy_title_right {
|
||
|
height: 32px;
|
||
|
width: 15px;
|
||
|
background: transparent url(fancy_title_right.png) repeat-x;
|
||
|
}
|