mac.css 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. @charset "utf-8";
  2. /*
  3. * lhgdialog mac皮肤
  4. * (C) 2009-2011 【一丝冰凉】, http://t.qq.com/yisibl, QQ:50167214
  5. * This is licensed under the GNU LGPL, version 2.1 or later.
  6. * For details, see: http://creativecommons.org/licenses/LGPL/2.1/
  7. */
  8. /*==================制作新皮肤从这里开始复制==================*/
  9. /*基本重置*/
  10. body{ _margin:0; }/*IE6 BUG*/
  11. .ui_lock_scroll{ *overflow:hidden; }
  12. .ui_lock_scroll body{ overflow:hidden; }
  13. /*结构层*/
  14. .ui_content,.ui_title,.ui_buttons input{ font:12px/1.333 tahoma,arial,\5b8b\4f53,sans-serif; }
  15. table.ui_border,table.ui_dialog{ width:auto;border-spacing:0;*border-collapse:collapse; }
  16. .ui_border td,.ui_dialog td{ padding:0; }
  17. .ui_dialog{ background:#FFF; }
  18. /*标题部分开始*/
  19. .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; }
  20. .ui_title_buttons{ position:absolute;cursor:pointer;font-size:0;letter-spacing:-.5em; }
  21. /*对齐自适应*/
  22. .ui_main{ min-width:6em;min-width:0\9;text-align:center; }
  23. .ui_content{ display:inline-block;*display:inline;zoom:1;text-align:left; }
  24. .ui_content.ui_state_full{ display:block;width:100%;height:100%;margin:0;padding:0!important; }
  25. .ui_content.ui_state_full iframe{ border-radius:0 0 5px 5px; }
  26. .ui_loading{ width:96px;height:32px;text-align:left;text-indent:-9999em;overflow:hidden;background:url(icons/loading.gif) no-repeat center center; }
  27. .ui_icon_bg{ margin:20px 0 20px 15px; }
  28. /*标题纯CSS按钮开始 min 最小化,max最大化,res还原,rese恢复,close关闭*/
  29. .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; }
  30. .ui_min b,.ui_max b,.ui_res_t,.ui_res_b{ display:block;position:absolute;overflow:hidden;cursor:pointer; }
  31. .ui_close{ font-weight:500;text-decoration:none;outline:0 none; }
  32. .ui_close:hover{ text-decoration:none; }
  33. /*Tips部分*/
  34. .ui_state_tips .ui_main{ min-width:3em; }
  35. .ui_state_tips .ui_content{ margin-top:-2px;padding:8px 10px!important; }
  36. .ui_state_tips .ui_icon_bg{ margin:5px 0 6px 9px; }
  37. .ui_state_tips .ui_title,.ui_state_tips .ui_title_buttons,.ui_res{ display:none; } /* 还原按钮也在这里隐藏,这样可节省代码,注间这段一定要写在上面那段代码的下面*/
  38. #ldg_lockmask{ background:#DCE2F1;filter:alpha(opacity=60);opacity:.6; }
  39. /*==================制作新皮肤到这里结束复制==================*/
  40. /*样式层开始*/
  41. .ui_dialog{ border:1px solid #888;border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,.6);-moz-transition:-moz-box-shadow linear .2s;-webkit-transition:-webkit-box-shadow linear .2s;transition:-webkit-box-shadow linear .2s; }
  42. .ui_state_lock .ui_dialog{ box-shadow:0 3px 18px rgba(0,0,0,.5); }/*锁屏时遮罩*/
  43. .ui_state_drag .ui_dialog,.ui_state_lock.ui_state_drag .ui_dialog { box-shadow:none; }/*拖动时隐藏阴影,通过css3实现渐变动画*/
  44. .ui_state_focus .ui_title{ color:#505050; }
  45. .ui_lb,.ui_rb,.ui_lt,.ui_rt{ width:0;height:0;*width:1px;*height:1px; }/*隐藏边框*/
  46. .ui_rb{ display:block;width:12px;height:12px;position:absolute;bottom:0;right:0;background:none; }/*重新显示右下角拖动,设为负值会造成浏览器显示滚动条*/
  47. /*标题栏样式*/
  48. .ui_title_bar{ position:relative;height:100%;border-bottom:1px solid #aaa; }
  49. .ui_title{ font-size:14px;font-weight:bold;height:28px;line-height:28px;border-radius:4px 4px 0 0;color:#838383;
  50. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#ebebeb),to(#c3c3c3));
  51. background:-moz-linear-gradient(top,#ebebeb,#c3c3c3 );
  52. background:-o-linear-gradient(top,#ebebeb,#c3c3c3);
  53. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb',endColorstr='#c3c3c3');*background:#DDD;
  54. border:1px solid f5f5f5;border-bottom:1px solid #e6e6e6;border-radius:4px 4px 0 0;text-shadow: 0 1px 0 #EEE;padding-left:5px; }
  55. .ui_state_drag .ui_title { text-shadow:0 -1px 0 #EEE;
  56. background:#ebebeb;
  57. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#c3c3c3),to(#ebebeb));
  58. background:-moz-linear-gradient(top,#c3c3c3,#ebebeb);background:-o-linear-gradient(top,#c3c3c3,#ebebeb);
  59. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3',endColorstr='#ebebeb'); }
  60. /*标题纯CSS按钮定位部分*/
  61. .ui_title_buttons{ top:4px;right:5px; }
  62. .ui_min,.ui_max,.ui_close,.ui_res{ color:#636363;font-size:22px;width:22px;height:22px;line-height:18px; }
  63. .ui_min_b{ top:10px;left:5px;width:12px;height:2px;border-bottom:2px solid #636363; }
  64. .ui_max_b{ top:5px;left:5px;width:10px;height:7px; }
  65. .ui_res_t,.ui_res_b{ top:8px;left:3px;width:10px;height:5px; }
  66. .ui_res_b{ top:4px;left:6px; }
  67. .ui_res_t,.ui_res_b,.ui_max_b{ border:1px solid #636363;border-top-width:3px; }
  68. .ui_res_t{ background:#DDD; }/*还原按钮底部框背景与标题背景融合*/
  69. .ui_close{ vertical-align:baseline;_line-height:22px; }/*IE6关闭按钮垂直居中*/
  70. .ui_close:hover,.ui_close:focus{ color:#bf160b; }
  71. .ui_min:hover b,.ui_max:hover b,.ui_res:hover b{ border-color:#2492FF; }
  72. /*按钮结构部分*/
  73. .ui_buttons{ padding:4px 8px;text-align:right;white-space:nowrap;border-radius:0 0 4px 4px;
  74. border-top:1px solid #bebebe;border-bottom:1px solid #DDD;border-radius:0 0 4px 4px;
  75. background:#f5f5f5;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f5f5f5),to(#d7d7d7));
  76. background:-moz-linear-gradient(top,rgb(245,245,245),rgb(215,215,215));
  77. background:-o-linear-gradient(top,#f5f5f5,#d7d7d7);
  78. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#d7d7d7'); }
  79. .ui_buttons input::-moz-focus-inner{ border:0;padding:0;margin:0; }
  80. .ui_buttons input{ padding:3px 10px 3px 12px;padding:5px 10px 2px 12px\0;*padding:4px 10px 2px 10px;margin-left:6px;cursor:pointer;display:inline-block;
  81. text-align:center;line-height:1;height:23px;letter-spacing:3px;overflow:visible;color:#333;border:solid 1px #999;border-radius:3px;border-radius:0\9;background:#DDD;
  82. background:linear-gradient(top,#FAFAFA,#E4E4E4);
  83. background:-moz-linear-gradient(top,#FAFAFA,#E4E4E4);
  84. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FAFAFA),to(#E4E4E4));
  85. background:-o-linear-gradient(top,#FAFAFA,#E4E4E4);
  86. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#E4E4E4');
  87. text-shadow:0 1px 1px rgba(255,255,255,1);box-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(0,0,0,.09);
  88. -moz-transition:-moz-box-shadow linear .2s;-webkit-transition:-webkit-box-shadow linear .2s;transition:box-shadow linear .2s; }
  89. .ui_buttons input:focus{ outline:0 none;box-shadow:0 0 3px #0e78c9; }
  90. .ui_buttons input:hover{ color:#000;border-color:#666;box-shadow:none; }
  91. .ui_buttons input:active{ border-color:#666;
  92. background:linear-gradient(top,#FAFAFA,#E4E4E4);
  93. background:-moz-linear-gradient(top,#FAFAFA,#E4E4E4);
  94. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FAFAFA),to(#E4E4E4));
  95. background:-o-linear-gradient(top,#FAFAFA,#E4E4E4);
  96. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#E4E4E4'); }
  97. .ui_buttons input[disabled]{ cursor:default;color:#666;background:#DDD;border:solid 1px #999;filter:alpha(opacity=50);opacity:.5;box-shadow:none; }
  98. input.ui_state_highlight{ color:#FFF;border:solid 1px #1c6a9e;text-shadow:0 -1px 1px #1c6a9e;background:#2288cc;
  99. background:linear-gradient(top,#33bbee,#2288cc);
  100. background:-moz-linear-gradient(top,#33bbee,#2288cc);
  101. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#33bbee),to(#2288cc));
  102. background:-o-linear-gradient(top,#33bbee,#2288cc);
  103. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee',endColorstr='#2288cc'); }
  104. input.ui_state_highlight:hover{ color:#FFF;border-color:#555; }
  105. input.ui_state_highlight:active{ border-color:#1c6a9e;
  106. background:linear-gradient(top,#33bbee,#2288cc);
  107. background:-moz-linear-gradient(top,#33bbee,#2288cc);
  108. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#33bbee),to(#2288cc));
  109. background:-o-linear-gradient(top,#33bbee,#2288cc);
  110. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee',endColorstr='#2288cc'); }
  111. /*Tips 部分开始*/
  112. /*基本重置*/
  113. .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; }
  114. .ui_state_tips .ui_content{ font-weight:bold;font-size:14px;color:#323232;text-align:center; }
  115. /*Tips(图片背景,IE6也支持圆角) End*/
  116. .ui_state_tips .ui_dialog,.ui_state_tips .ui_l,.ui_state_tips .ui_r{ background-image:url(icons/gb_tip_layer.png);_background-image:url(icons/gb_tip_layer_ie6.png);background-repeat:no-repeat; }/*共用背景图片*/
  117. .ui_state_tips .ui_l{ background-position:-6px 0;width:5px; }/*左侧背景侧样式*/
  118. .ui_state_tips .ui_r{ background-position:0 0;width:5px; }/*右侧背景样式*/
  119. .ui_state_tips .ui_dialog{ background-position: 0 -54px;background-repeat:repeat-x;height:54px;overflow:hidden; }/*主体内容背景*/