discuz.css 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. @charset "utf-8";
  2. /*
  3. * lhgdialog discuz皮肤
  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{ border:1px solid #888; }
  42. .ui_border{ border-radius:4px; }
  43. .ui_lt,.ui_rt,.ui_lb,.ui_rb{ width:7px;height:7px;display:block; }/*防止改变浏览器大小挤压窗口边框*/
  44. .ui_lt{ border-radius:4px 0 0 0; }.ui_rt{ border-radius:0 4px 0 0; }.ui_rb{ border-radius:0 0 4px 0; }.ui_lb{ border-radius:0 0 0 4px; }
  45. .ui_lt,.ui_rt,.ui_l,.ui_r,.ui_lb,.ui_b,.ui_t,.ui_rb{ background:rgba(0,0,0,.2);background:#000\9;filter:alpha(opacity=20); }
  46. /*标题栏样式*/
  47. .ui_title_bar{ position:relative;height:100%; }
  48. .ui_title{ height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#888;border-bottom:1px solid #DDD\9;background:none;padding-left:7px; }
  49. .ui_title:after{ content:"";display:block;height:8px;width:100%;position:absolute;top:26px;left:0;
  50. background:-moz-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* FF3.6+ */
  51. background:-webkit-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* Chrome10+,Safari5.1+ */
  52. background:-o-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* Opera 12+ */
  53. background:-ms-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* IE10+ */
  54. background:radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%);/* W3C */display:none\9; }
  55. .ui_title:before{ content:"";display:block;height:5px;width:100%;position:absolute;top:26px;left:0;background:#FFF;z-index:1;display:none\9; }
  56. .ui_state_focus .ui_title { color:#336699; }
  57. .ui_state_drag .ui_title { border-top-color:#4E84C0; }
  58. /*标题纯CSS按钮定位部分*/
  59. .ui_title_buttons{ top:5px;right:5px; }
  60. .ui_min,.ui_max,.ui_close,.ui_res{ margin-left:2px;color:#888;font-size:20px;width:20px;height:20px;line-height:18px;border-radius:2px; }
  61. .ui_min_b{ top:10px;left:4px;width:12px;height:2px;border-bottom:2px solid #888; }
  62. .ui_max_b{ top:5px;left:4px;width:10px;height:7px; }
  63. .ui_res_t,.ui_res_b{ top:8px;left:2px;width:10px;height:5px; }
  64. .ui_res_b{ top:4px;left:6px; }
  65. .ui_res_t,.ui_res_b,.ui_max_b{ border:1px solid #888;border-top-width:3px; }
  66. .ui_res_t{ background:#FFF; }/*还原按钮底部框背景与标题背景融合*/
  67. .ui_close{ vertical-align:baseline;_line-height:22px;margin-left:0; }
  68. .ui_close:hover,.ui_close:focus { color:#FFF;outline:0 none;background:#c72327; }
  69. .ui_min:hover b,.ui_max:hover b,.ui_res:hover b{ border-color:#FFF; }
  70. .ui_res:hover b{ background:#039ed0;}
  71. .ui_min:hover,.ui_max:hover,.ui_res:hover{ background:#039ed0; }
  72. /*标题按钮结束*/
  73. /*底部按钮样式*/
  74. .ui_buttons{ white-space:nowrap;padding:4px 8px;text-align:right;background-color:#F6F6F6;border-top:solid 1px #DADEE5; }
  75. .ui_buttons input::-moz-focus-inner{ border:0;padding:0;margin:0; }
  76. .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;
  77. 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;
  78. background:linear-gradient(top,#FAFAFA,#E4E4E4);
  79. background:-moz-linear-gradient(top,#FAFAFA,#E4E4E4);
  80. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FAFAFA),to(#E4E4E4));
  81. background:-o-linear-gradient(top,#FAFAFA,#E4E4E4);
  82. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#E4E4E4');
  83. 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);
  84. -moz-transition:-moz-box-shadow linear .2s;-webkit-transition:-webkit-box-shadow linear .2s;transition:box-shadow linear .2s; }
  85. .ui_buttons input:focus{ outline:0 none;box-shadow:0 0 3px #0e78c9; }
  86. .ui_buttons input:hover{ color:#000;border-color:#666;box-shadow:none; }
  87. .ui_buttons input:active{ border-color:#666;
  88. background:linear-gradient(top,#FAFAFA,#E4E4E4);
  89. background:-moz-linear-gradient(top,#FAFAFA,#E4E4E4);
  90. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FAFAFA),to(#E4E4E4));
  91. background:-o-linear-gradient(top,#FAFAFA,#E4E4E4);
  92. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#E4E4E4'); }
  93. .ui_buttons input[disabled]{ cursor:default;color:#666;background:#DDD;border:solid 1px #999;filter:alpha(opacity=50);opacity:.5;box-shadow:none; }
  94. input.ui_state_highlight{ color:#FFF;border:solid 1px #1c6a9e;text-shadow:0 -1px 1px #1c6a9e;background:#2288cc;
  95. background:linear-gradient(top,#33bbee,#2288cc);
  96. background:-moz-linear-gradient(top,#33bbee,#2288cc);
  97. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#33bbee),to(#2288cc));
  98. background:-o-linear-gradient(top,#33bbee,#2288cc);
  99. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee',endColorstr='#2288cc'); }
  100. input.ui_state_highlight:hover{ color:#FFF;border-color:#555; }
  101. input.ui_state_highlight:active{ border-color:#1c6a9e;
  102. background:linear-gradient(top,#33bbee,#2288cc);
  103. background:-moz-linear-gradient(top,#33bbee,#2288cc);
  104. background:-webkit-gradient(linear,0% 0%,0% 100%,from(#33bbee),to(#2288cc));
  105. background:-o-linear-gradient(top,#33bbee,#2288cc);
  106. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee',endColorstr='#2288cc'); }
  107. /*Tips 部分开始*/
  108. .ui_state_tips,.ui_state_tips .ui_inner,.ui_state_tips .ui_title_bar{ border:0 none;box-shadow:none; }
  109. .ui_state_tips .ui_lt,.ui_state_tips .ui_rt,.ui_state_tips .ui_lb,.ui_state_tips .ui_rb{ width:5px;height:5px; }