igreen.css 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. @charset utf-8;
  2. /*
  3. * lhgdialog igreen皮肤
  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_inner{ background:#FFF; }
  42. .ui_title_bar{ width:100%;height:0;position:relative;bottom:27px;_bottom:0;_margin-top:-27px; }
  43. .ui_title{ display:block;font-weight:bold;height:22px;line-height:22px;line-height:24px\9;color:#FFF;background:none;font-size:14px;padding-left:7px; }
  44. .ui_lt,.ui_rt,.ui_lb,.ui_rb,.ui_t,.ui_b{ background-image:url(igreen/igreen_s.png);background-repeat:no-repeat; }
  45. .ui_lt{ width:13px;height:36px;background-position:0 0;_png:igreen/ie6/ui_lt.png; }
  46. .ui_rt{ width:13px;height:36px;background-position:-13px 0;_png:igreen/ie6/ui_rt.png; }
  47. .ui_lb{ width:13px;height:16px;background-position:0 -36px;_png:igreen/ie6/ui_lb.png; }
  48. .ui_rb{ width:13px;height:16px;background-position:-13px -36px;_png:igreen/ie6/ui_rb.png; }
  49. .ui_t,.ui_b{ background-repeat:repeat-x; }
  50. .ui_t{ background-position: 0 -52px;_png:igreen/ie6/ui_t.png; }
  51. .ui_b{ background-position: 0 -88px;_png:igreen/ie6/ui_b.png; }
  52. .ui_l,.ui_r{ background-image:url(igreen/igreen_s2.png);background-repeat:repeat-y; }
  53. .ui_l{ background-position:0 0;_png:igreen/ie6/ui_l.png; }
  54. .ui_r{ background-position:-13px 0;_png:igreen/ie6/ui_r.png; }
  55. /*标题纯CSS按钮定位部分*/
  56. .ui_title_buttons{ top:2px;right:5px; }
  57. .ui_min,.ui_max,.ui_close,.ui_res{ color:#FFF;font-size:22px;width:22px;height:22px;line-height:18px; }
  58. .ui_min_b{ top:10px;left:5px;width:12px;height:2px;border-bottom:2px solid #FFF; }
  59. .ui_max_b{ top:5px;left:5px;width:10px;height:7px; }
  60. .ui_res_t,.ui_res_b{ top:8px;left:3px;width:10px;height:5px; }
  61. .ui_res_b{ top:4px;left:6px; }
  62. .ui_res_t,.ui_res_b,.ui_max_b{ border:1px solid #FFF;border-top-width:3px; }
  63. .ui_res_t{ background:#3d8cce; }
  64. .ui_min:hover b,.ui_max:hover b,.ui_res:hover b{ border-color:#555; }
  65. .ui_close{ vertical-align:baseline;_line-height:22px; }
  66. .ui_close:hover,.ui_close:focus{ color:#c93333; }
  67. /*底部按钮样式*/
  68. .ui_buttons{ white-space:nowrap;padding:4px 8px;text-align:right;background-color:#FFF; }
  69. .ui_buttons input::-moz-focus-inner{ border:0;padding:0;margin:0; }
  70. .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;
  71. 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;
  72. background:linear-gradient(top,#FAFAFA,#E4E4E4);
  73. background:-moz-linear-gradient(top,#FAFAFA,#E4E4E4);
  74. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FAFAFA),to(#E4E4E4));
  75. background:-o-linear-gradient(top,#FAFAFA,#E4E4E4);
  76. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#E4E4E4');
  77. 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);
  78. -moz-transition:-moz-box-shadow linear .2s;-webkit-transition:-webkit-box-shadow linear .2s;transition:box-shadow linear .2s; }
  79. .ui_buttons input:focus{ outline:0 none;box-shadow:0 0 3px #0e78c9; }
  80. .ui_buttons input:hover{ color:#000;border-color:#666;box-shadow:none; }
  81. .ui_buttons input:active{ border-color:#666;
  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. .ui_buttons input[disabled]{ cursor:default;color:#666;background:#DDD;border:solid 1px #999;filter:alpha(opacity=50);opacity:.5;box-shadow:none; }
  88. input.ui_state_highlight{ color:#FFF;border:solid 1px #1c6a9e;text-shadow:0 -1px 1px #1c6a9e;background:#2288cc;
  89. background:linear-gradient(top,#33bbee,#2288cc);
  90. background:-moz-linear-gradient(top,#33bbee,#2288cc);
  91. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#33bbee),to(#2288cc));
  92. background:-o-linear-gradient(top,#33bbee,#2288cc);
  93. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee',endColorstr='#2288cc'); }
  94. input.ui_state_highlight:hover{ color:#FFF;border-color:#555; }
  95. input.ui_state_highlight:active{ border-color:#1c6a9e;
  96. background:linear-gradient(top,#33bbee,#2288cc);
  97. background:-moz-linear-gradient(top,#33bbee,#2288cc);
  98. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#33bbee),to(#2288cc));
  99. background:-o-linear-gradient(top,#33bbee,#2288cc);
  100. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee',endColorstr='#2288cc'); }
  101. /*Tips 部分开始(可删除)*/
  102. .ui_state_tips .ui_lt,.ui_state_tips .ui_rt{ height:16px;background-repeat:no-repeat;background-position:0 0; }
  103. .ui_state_tips .ui_lt{ background-image:url(igreen/ie6/ui_lt2.png);_png:igreen/ie6/ui_lt2.png; }
  104. .ui_state_tips .ui_rt{ background-image:url(igreen/ie6/ui_rt2.png);_png:igreen/ie6/ui_rt2.png; }
  105. .ui_state_tips .ui_t{ background-image:url(igreen/ie6/ui_t2.png);background-repeat:repeat-x;background-position:0 0;_png:igreen/ie6/ui_t2.png; }