113 lines
9.0 KiB
CSS
113 lines
9.0 KiB
CSS
@charset "utf-8";
|
||
/*==================制作新皮肤从这里开始复制==================*/
|
||
/*基本重置*/
|
||
body{ _margin:0; }/*IE6 BUG*/
|
||
.ui_lock_scroll{ *overflow:hidden; }
|
||
.ui_lock_scroll body{ overflow:hidden; }
|
||
|
||
/*结构层*/
|
||
.ui_content,.ui_title,.ui_buttons input{ font:12px/1.333 tahoma,arial,\5b8b\4f53,sans-serif; }
|
||
table.ui_border,table.ui_dialog{ width:auto;border-spacing:0;*border-collapse:collapse; }
|
||
.ui_border td,.ui_dialog td{ padding:0; }
|
||
.ui_dialog{ background:#FFF; }
|
||
|
||
/*标题部分开始*/
|
||
.ui_title{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:move;background:#DDD;-moz-user-select:none;-webkit-user-select:none;padding:0 100px 0 0; }
|
||
.ui_title_buttons{ position:absolute;cursor:pointer;font-size:0;letter-spacing:-.5em; }
|
||
|
||
/*对齐自适应*/
|
||
.ui_main{ min-width:6em;min-width:0\9;text-align:center; }
|
||
.ui_content{ display:inline-block;*display:inline;zoom:1;text-align:left; font-size:14px; line-height: 1.8; }
|
||
.ui_content.ui_state_full{ display:block;width:100%;height:100%;margin:0;padding:0!important; }
|
||
.ui_content.ui_state_full iframe{ border-radius:0 0 2px 2px; }
|
||
.ui_loading{ width:96px;height:32px;text-align:left;text-indent:-9999em;overflow:hidden;background:url(../images/dialog/icons/loading.gif) no-repeat center center; }
|
||
.ui_icon_bg{ margin:20px 5px 20px 15px; }
|
||
.ui_icon{vertical-align: top;}
|
||
.ui_icon img{ width:48px; height:48px; }
|
||
|
||
/*标题纯CSS按钮开始 min 最小化，max最大化，res还原，rese恢复，close关闭*/
|
||
.ui_min,.ui_max,.ui_close,.ui_res{ position:relative;text-decoration:none;letter-spacing:normal;text-align:center;display:inline-block;*display:inline;zoom:1;vertical-align:top;font-family:tahoma,arial,\5b8b\4f53,sans-serif; }
|
||
.ui_min b,.ui_max b,.ui_res_t,.ui_res_b{ display:block;position:absolute;overflow:hidden;cursor:pointer; }
|
||
.ui_close{ font-weight:500;text-decoration:none;outline:0 none; }
|
||
.ui_close:hover{ text-decoration:none; }
|
||
|
||
/*Tips部分*/
|
||
.ui_state_tips .ui_main{ min-width:3em; }
|
||
.ui_state_tips .ui_content{ margin-top:-2px;padding:8px 10px!important; }
|
||
.ui_state_tips .ui_icon_bg{ margin:11px 0 6px 9px; width:28px; height:28px; }
|
||
.ui_state_tips .ui_title,.ui_state_tips .ui_title_buttons,.ui_res{ display:none; } /* 还原按钮也在这里隐藏，这样可节省代码，注间这段一定要写在上面那段代码的下面*/
|
||
|
||
#ldg_lockmask{ background:#000;filter:alpha(opacity=30);opacity:.3; }
|
||
/*==================制作新皮肤到这里结束复制==================*/
|
||
|
||
/*样式层开始*/
|
||
.ui_dialog{ border:1px solid #AAA; border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,.3);}
|
||
.ui_state_lock .ui_dialog{ box-shadow:0 3px 18px rgba(0,0,0,.3); }/*锁屏时遮罩*/
|
||
.ui_state_drag .ui_dialog,.ui_state_lock.ui_state_drag .ui_dialog { box-shadow:none; }/*拖动时隐藏阴影，通过css3实现渐变动画*/
|
||
.ui_state_focus .ui_title{ color:#505050; }
|
||
|
||
.ui_lb,.ui_rb,.ui_lt,.ui_rt{ width:0;height:0;*width:1px;*height:1px; }/*隐藏边框*/
|
||
.ui_rb{ display:block;width:12px;height:12px;position:absolute;bottom:0;right:0;background:none; }/*重新显示右下角拖动，设为负值会造成浏览器显示滚动条*/
|
||
|
||
/*标题栏样式*/
|
||
.ui_title_bar{ position:relative;height:100%;border-bottom:1px solid #DDD; }
|
||
.ui_title{ font-size:14px;font-weight:bold;height:30px;line-height:30px;color:#666;
|
||
background: #fafafa;
|
||
background: -moz-linear-gradient(top, #fcfcfc, #f4f4f4);
|
||
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f4f4f4));
|
||
background: -o-linear-gradient(top, #fcfcfc, #f4f4f4);
|
||
background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
|
||
background: linear-gradient(top, #fcfcfc, #f4f4f4);
|
||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4');
|
||
border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;border-radius:2px 2px 0 0;padding-left:10px; }
|
||
.ui_state_drag .ui_title {
|
||
background: #fafafa;
|
||
background: -moz-linear-gradient(top, #f4f4f4, #fcfcfc);
|
||
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#fcfcfc));
|
||
background: -o-linear-gradient(top, #f4f4f4, #fcfcfc);
|
||
background: -ms-linear-gradient(top, #f4f4f4 0%,#fcfcfc 100%);
|
||
background: linear-gradient(top, #f4f4f4, #fcfcfc);
|
||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#fcfcfc');}
|
||
|
||
/*标题纯CSS按钮定位部分*/
|
||
.ui_title_buttons{ top:7px;right:5px; }
|
||
.ui_min,.ui_max,.ui_close,.ui_res{ color:#aaa;font-size:18px;width:20px;height:20px;line-height:18px; }
|
||
.ui_min_b{ top:10px;left:5px;width:10px;height:2px;border-bottom:2px solid #aaa; }
|
||
.ui_max_b{ top:5px;left:5px;width:10px;height:7px; }
|
||
.ui_res_t,.ui_res_b{ top:8px;left:3px;width:10px;height:5px; }
|
||
.ui_res_b{ top:4px;left:6px; }
|
||
.ui_res_t,.ui_res_b,.ui_max_b{ border:1px solid #aaa;border-top-width:3px; }
|
||
.ui_res_t{ background:#fafafa; }/*还原按钮底部框背景与标题背景融合*/
|
||
.ui_close{ vertical-align:baseline;_line-height:22px; }/*IE6关闭按钮垂直居中*/
|
||
.ui_close:hover,.ui_close:focus{ color:#bf160b; }
|
||
.ui_min:hover b,.ui_max:hover b,.ui_res:hover b{ border-color:#2492FF; }
|
||
|
||
/*按钮结构部分*/
|
||
.ui_buttons{ padding:4px 8px;text-align:right;white-space:nowrap;
|
||
border-top:1px solid #ececec;border-radius:0 0 2px 2px;
|
||
background: #fcfcfc;
|
||
background: -moz-linear-gradient(top, #fcfcfc, #f4f4f4);
|
||
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f4f4f4));
|
||
background: -o-linear-gradient(top, #fcfcfc, #f4f4f4);
|
||
background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
|
||
background: linear-gradient(top, #fcfcfc, #f4f4f4);
|
||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4');}
|
||
.ui_buttons input::-moz-focus-inner{ border:0;padding:0;margin:0; }
|
||
|
||
.ui_buttons input{display:inline-block;*display:inline;zoom:1;margin-left:10px;padding:0 16px;height:24px;border:1px solid #c1c1c1;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,0.15);background: #ffffff;background: -moz-linear-gradient(top, #ffffff, #f4f4f4); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4)); background: -o-linear-gradient(top, #ffffff, #f4f4f4);background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background: linear-gradient(top, #ffffff, #f4f4f4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4');font:12px \5b8b\4f53;color:#555;vertical-align:middle;cursor:pointer;}
|
||
.ui_buttons input:hover{ filter:progid:DXImageTransform.Microsoft.Gradient(enabled=false);background:#f4f4f4;color:#555; }
|
||
.ui_buttons input:active{ background: #fbfbfb;background: -moz-linear-gradient(top, #e8e8e8, #fbfbfb); background: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#fbfbfb)); background: -o-linear-gradient(top, #e8e8e8, #fbfbfb);background: -ms-linear-gradient(top, #e8e8e8 0%,#fbfbfb 100%); background: linear-gradient(top, #e8e8e8, #fbfbfb); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#fbfbfb');}
|
||
|
||
input.ui_state_highlight{ border:1px solid #3279a0;box-shadow:0 1px 1px rgba(0,0,0,0.3);background: #337fa9;background: -moz-linear-gradient(top, #4994be, #337fa9); background: -webkit-gradient(linear, 0 0, 0 100%, from(#4994be), to(#337fa9)); background: -o-linear-gradient(top, #4994be, #337fa9);background: -ms-linear-gradient(top, #4994be 0%,#337fa9 100%); background: linear-gradient(top, #4994be, #337fa9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4994be', endColorstr='#337fa9');font-weight:bold;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,0.22); }
|
||
input.ui_state_highlight:hover{ filter:progid:DXImageTransform.Microsoft.Gradient(enabled=false);background:#3286b4;color:#fff; }
|
||
input.ui_state_highlight:active{ background: #2b6c90;background: -moz-linear-gradient(top, #2b6c90, #4994be); background: -webkit-gradient(linear, 0 0, 0 100%, from(#2b6c90), to(#4994be)); background: -o-linear-gradient(top, #2b6c90, #4994be);background: -ms-linear-gradient(top, #2b6c90 0%,#4994be 100%); background: linear-gradient(top, #2b6c90, #4994be); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b6c90', endColorstr='#4994be'); }
|
||
|
||
/*Tips 部分开始*/
|
||
/*基本重置*/
|
||
.ui_state_tips ,.ui_state_tips .ui_inner,.ui_state_tips .ui_dialog,.ui_state_tips .ui_title_bar{ border:0 none;background:none;box-shadow:none;border-radius:0;filter:none; }
|
||
.ui_state_tips .ui_content{ font-weight:bold;font-size:14px;color:#323232;text-align:center; }
|
||
/*Tips(图片背景，IE6也支持圆角) End*/
|
||
.ui_state_tips .ui_dialog,.ui_state_tips .ui_l,.ui_state_tips .ui_r{ background-image:url(../images/dialog/icons/gb_tip_layer.png);_background-image:url(../images/dialog/icons/gb_tip_layer_ie6.png);background-repeat:no-repeat; }/*共用背景图片*/
|
||
.ui_state_tips .ui_l{ background-position:-6px 0;width:5px; }/*左侧背景侧样式*/
|
||
.ui_state_tips .ui_r{ background-position:0 0;width:5px; }/*右侧背景样式*/
|
||
.ui_state_tips .ui_dialog{ background-position: 0 -54px;background-repeat:repeat-x;height:54px;overflow:hidden; }/*主体内容背景*/ |