Web/Scripts/lhgdialog/_doc/皮肤共用.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@charset "utf-8";
/*
 * lhgdialog 皮肤公用部分 
 * Version: 1.2
 * 2011-12-6
 * (C) 2009-2011 【一丝冰凉】, http://t.qq.com/yisibl  QQ:50167214
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://creativecommons.org/licenses/LGPL/2.1/
 */
/*为了更好的用户体验,此文档采用引导式注释,更加方便初次制作皮肤*/ 
/*=========1.每个皮肤都会用到的部分,制作新皮肤从这里开始复制=========*/
/*基本重置*/
body { _margin:0;/*IE6 BUG*/ }
.ui_lock_scroll body { overflow:hidden; }/*隐藏锁屏和全屏时滚动条*/
.ui_lock_scroll { *overflow:hidden;}
/*结构层开始*/
.ui_outer { text-align:left; }/*最外层div*/
.ui_content, .ui_title, .ui_buttons button { font: 12px/1.333 tahoma, arial, \5b8b\4f53, sans-serif; }/*tahom字体在各个浏览器保持良好的统一*/
table.ui_border, table.ui_dialog { width:auto; border-spacing:0; *border-collapse:collapse;/*现代浏览器有bug，参见【一丝冰凉】微博*/}
.ui_border td, .ui_dialog td { padding:0; }
.ui_dialog { background:#FFF; }/*主体背景*/
/*标题部分开始*/
.ui_title { overflow:hidden; text-overflow: ellipsis; white-space:nowrap;/*firefox 不自动换行*/ display:block; cursor:move; padding:0 100px 0 5px;/*防止IE6按钮错位*/ *background: #79BCFF;/*IE haslayout 勿删除*/ -moz-user-select:none; -webkit-user-select:none; /*firefox2+，webkit禁止双击选中标题文字*/ }
.ui_title_icon { display: inline-block; height:100%; min-width:16px; width:16px; margin-right:5px; vertical-align:middle; background-position: center center; background-repeat:no-repeat; }
.ui_title_buttons { position:absolute; cursor:pointer; font-size:0;/*opera 空隙修复*/ letter-spacing:-.5em; /*其他浏览器 空隙修复 宋体/Verdana为-.5em，Tahoma为-.333em，Arial为-.25em*/ }
/*标题部分结束*/

/*对齐自适应*/
.ui_main { min-width:12em; min-width:0\9/*IE8 BUG*/; text-align:center; }/*超过最小宽度居中对齐*/
.ui_content { display:inline-block; *display:inline; zoom:1; text-align:left; }/*小于最小宽度左对齐*/
.ui_content.ui_state_full { display:block; width:100%; height:100%; margin:0; padding:0!important; }/*加载iframe时设置为0*/
.ui_content.ui_state_full iframe { border-radius:0 0 5px 5px;/*实验性属性，防止边框圆角内容溢出*/ }
.ui_loading { width:96px; height:32px; text-align:left; text-indent:-9999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; }/*加载中*/
.ui_icon_bg { margin:20px 0 20px 15px; }/*图标外边距*/
.ui_state_tips .ui_main { min-width:3em; }/*tips最小宽度*/
.ui_state_tips .ui_content { padding:8px 10px!important; margin-top:-2px; }/*tips适宜的边距和视觉居中*/
.ui_state_tips .ui_icon_bg { margin:5px 0 6px 9px; }/*tips主体图标边距控制*/
.ui_state_tips .ui_title, .ui_state_tips .ui_title_buttons { display:none; }/*无标题时隐藏无需显示结构*/

/*标题纯CSS按钮开始
* min 最小化，max最大化，res还原，rese恢复，close关闭*/
.ui_min, .ui_max, .ui_close, .ui_res, .ui_rese { letter-spacing: normal; text-align:center; display:inline-block; *display:inline; zoom:1; vertical-align:top; font-family:tahoma, arial, \5b8b\4f53, sans-serif; font-weight:600; text-decoration:none;}
.ui_close:hover{ text-decoration:none;}
.ui_res, .ui_rese, .ui_title_icon { display:none; } /*默认隐藏 回复和 还原按钮*/
/*标题按钮结束*/

/************样式层开始（可选部分）************/
/*=========2.如果您的皮肤想要使用项目自定义的按钮样式,无需复制此段,直接到第3步=======*/
/*底部按钮样式*/
/*按钮结构部分*/
.ui_buttons { white-space:nowrap; padding:8px 8px 5px; text-align:right; }
.ui_buttons button::-moz-focus-inner {border:0; padding:0; margin:0; }
/*按钮结构部分结束*/
.ui_buttons button { padding: 6px 10px 7px 12px; *padding:6px 10px 4px; margin-left:10px; cursor: pointer; display: inline-block; text-align: center; line-height: 1;  letter-spacing:2px; overflow:visible; *height:2em; *width:1;color: #333; border: solid 1px #999; border-radius: 5px; border-radius: 0\9;/*IE9渐变溢出*/ 
background: #DDD;
background: linear-gradient(top, #FAFAFA, #E4E4E4); 
background: -moz-linear-gradient(top, #FAFAFA, #E4E4E4); 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#E4E4E4)); 
background: -o-linear-gradient(top, #FAFAFA, #E4E4E4); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E4E4E4');