Acasă Explorează Ajutor
Autentificare
skyversation
/
meidu2021
8
0
Bifurcare 0
Fisiere Probleme 0 Trageți solicitările 0 Wiki
Ramură: master
Ramuri Etichete
meidu2021
/
daju
/
WebRoot
/
plug-in
/
lhgDialog
/
skins
/
idialog.css

idialog.css 9.0 KB
Permalink Istoric Crud

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 
  1. @charset "utf-8";
    2. 

  2. /*
    3. 

  3.  * lhgdialog idialog皮肤
    4. 

  4.  * (C) 2009-2011 【一丝冰凉】, http://t.qq.com/yisibl, QQ:50167214
    5. 

  5.  * This is licensed under the GNU LGPL, version 2.1 or later.
    6. 

  6.  * For details, see: http://creativecommons.org/licenses/LGPL/2.1/
    7. 

  7.  */
    8. 

  8. /*==================制作新皮肤从这里开始复制==================*/
    9. 

  9. /*基本重置*/
    10. 

  10. body{ _margin:0; }/*IE6 BUG*/
    11. 

  11. .ui_lock_scroll{ *overflow:hidden; }
    12. 

  12. .ui_lock_scroll body{ overflow:hidden; }
    13. 

  13. 

  14. /*结构层*/
    15. 

  15. .ui_content,.ui_title,.ui_buttons input{ font:12px/1.333 tahoma,arial,\5b8b\4f53,sans-serif; }
    16. 

  16. table.ui_border,table.ui_dialog{ width:auto;border-spacing:0;*border-collapse:collapse; }
    17. 

  17. .ui_border td,.ui_dialog td{ padding:0; }
    18. 

  18. .ui_dialog{ background:#FFF; }
    19. 

  19. 

  20. /*标题部分开始*/
    21. 

  21. .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; }
    22. 

  22. .ui_title_buttons{ position:absolute;cursor:pointer;font-size:0;letter-spacing:-.5em; }
    23. 

  23. 

  24. /*对齐自适应*/
    25. 

  25. .ui_main{ min-width:6em;min-width:0\9;text-align:center; }
    26. 

  26. .ui_content{ display:inline-block;*display:inline;zoom:1;text-align:left; }
    27. 

  27. .ui_content.ui_state_full{ display:block;width:100%;height:100%;margin:0;padding:0!important; }
    28. 

  28. .ui_content.ui_state_full iframe{ border-radius:0 0 5px 5px; }
    29. 

  29. .ui_loading{ width:96px;height:32px;text-align:left;text-indent:-9999em;overflow:hidden;background:url(icons/loading.gif) no-repeat center center; }
    30. 

  30. .ui_icon_bg{ margin:20px 0 20px 15px; }
    31. 

  31. 

  32. /*标题纯CSS按钮开始 min 最小化，max最大化，res还原，rese恢复，close关闭*/
    33. 

  33. .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; }
    34. 

  34. .ui_min b,.ui_max b,.ui_res_t,.ui_res_b{ display:block;position:absolute;overflow:hidden;cursor:pointer; }
    35. 

  35. .ui_close{ font-weight:500;text-decoration:none;outline:0 none; }
    36. 

  36. .ui_close:hover{ text-decoration:none; }
    37. 

  37. 

  38. /*Tips部分*/
    39. 

  39. .ui_state_tips .ui_main{ min-width:3em; }
    40. 

  40. .ui_state_tips .ui_content{ margin-top:-2px;padding:8px 10px!important; }
    41. 

  41. .ui_state_tips .ui_icon_bg{ margin:5px 0 6px 9px; }
    42. 

  42. .ui_state_tips .ui_title,.ui_state_tips .ui_title_buttons,.ui_res{ display:none; } /* 还原按钮也在这里隐藏，这样可节省代码，注间这段一定要写在上面那段代码的下面*/
    43. 

  43. 

  44. #ldg_lockmask{ background:#DCE2F1;filter:alpha(opacity=60);opacity:.6; }
    45. 

  45. /*==================制作新皮肤到这里结束复制==================*/
    46. 

  46. 

  47. /*样式层开始*/
    48. 

  48. .ui_inner{ background:#FFF; }
    49. 

  49. .ui_title_bar{ width:100%;position:relative; }
    50. 

  50. .ui_title{ display:block;height:26px;line-height:26px;border-bottom:1px solid #DDD\9;font-size:14px;font-weight:bold;color:#888;background:#FFF;background:none;padding-left:3px; }
    51. 

  51. .ui_state_focus .ui_title{ color:#505050; }
    52. 

  52. .ui_lt,.ui_rt,.ui_lb,.ui_rb,.ui_t,.ui_b,.ui_close { background-image:url(idialog/idialog_s.png);background-repeat:no-repeat; }
    53. 

  53. .ui_lt{ width:15px;height:15px;background-position:0 0;_png:idialog/ie6/ui_lt.png; }
    54. 

  54. .ui_rt{ width:15px;height:15px;background-position:-15px 0;_png:idialog/ie6/ui_rt.png; }
    55. 

  55. .ui_lb{ width:15px;height:15px;background-position:0 -15px; _png:idialog/ie6/ui_lb.png; }
    56. 

  56. .ui_rb{ width:15px;height:15px;background-position:-15px -15px;_png:idialog/ie6/ui_rb.png; }
    57. 

  57. .ui_t,.ui_b{ background-repeat:repeat-x; }
    58. 

  58. .ui_t{ background-position:0 -30px;_png:idialog/ie6/ui_t.png; }
    59. 

  59. .ui_b{ background-position:0 -45px;_png:idialog/ie6/ui_b.png; }
    60. 

  60. .ui_l,.ui_r{ background-image:url(idialog/idialog_s2.png);background-repeat:repeat-y; }
    61. 

  61. .ui_l{ background-position:left top;_png:idialog/ie6/ui_l.png; }
    62. 

  62. .ui_r{ background-position:right bottom;_png:idialog/ie6/ui_r.png; }
    63. 

  63. 

  64. /*标题纯CSS按钮定位部分*/
    65. 

  65. .ui_title_buttons{ top:0;right:5px; }
    66. 

  66. .ui_max,.ui_res{ margin-right:10px; }
    67. 

  67. .ui_min,.ui_max,.ui_close,.ui_res{ margin-left:3px;color:#888;font-size:20px;width:22px;height:22px;line-height:18px; }
    68. 

  68. .ui_min{ margin-left:0;}
    69. 

  69. .ui_min_b{ top:10px;left:5px;width:12px;height:2px;border-bottom:2px solid #888; }
    70. 

  70. .ui_max_b{ top:5px;left:5px;width:10px;height:7px; }
    71. 

  71. .ui_res_t,.ui_res_b{ top:8px;left:3px;width:10px;height:5px; }
    72. 

  72. .ui_res_b{ top:4px;left:6px; }
    73. 

  73. .ui_res_t,.ui_res_b,.ui_max_b{ border:1px solid #888;border-top-width:3px; }
    74. 

  74. .ui_res_t{ background:#FFF; }/*还原按钮底部框背景与标题背景融合*/
    75. 

  75. .ui_min:hover b,.ui_max:hover b,.ui_res:hover b,.ui_rese:hover b{ border-color:#2492FF; }
    76. 

  76. .ui_close { position:absolute;right:-26px;top:-21px;_z-index:1;width:34px;height:34px;font-size:0;line-height:0;overflow:hidden;background-position:0 -60px;_png:idialog/ie6/ui_close.png; }
    77. 

  77. .ui_close:hover,.ui_close:focus{ background-position:0 -94px;_png:idialog/ie6/ui_close.hover.png;cursor:pointer; }
    78. 

  78. /*标题按钮结束*/
    79. 

  79. 

  80. @media screen and (min-width:0){/* css3 */
    81. 

  81. 	.ui_lt, .ui_rt, .ui_lb, .ui_rb{ width:5px; height:5px; }
    82. 

  82. 	.ui_lt, .ui_t, .ui_rt, .ui_l, .ui_r, .ui_lb, .ui_b, .ui_rb { background:none;}
    83. 

  83. 	.ui_lb, .ui_b, .ui_rb { background:url(idialog/idialog_s.png) repeat-x 0 -45px; }
    84. 

  84. 	.ui_lb { border-radius:0 0 0 5px; }
    85. 

  85. 	.ui_rb { border-radius:0 0 5px 0; }
    86. 

  86. 	.ui_border {border-radius:5px; background:#FFF;  border:1px solid #929292; border-radius:5px; box-shadow:0 1px 6px rgba(0, 0, 0, .3); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: -webkit-box-shadow linear .2s; }
    87. 

  87. 	.ui_state_drag .ui_border,.ui_state_drag.ui_state_lock .ui_border  { box-shadow:none; }
    88. 

  88. 	.ui_state_lock .ui_border { box-shadow:0 3px 18px rgba(0, 0, 0, .6); }
    89. 

  89. 	.ui_state_tips:active {border-radius:5px;  box-shadow:0 1px 8px rgba(0, 0, 0, .5)}
    90. 

  90. .ui_title:after{ content:"";display:block;height:8px;width:100%;position:absolute;top:26px;left:0;
    91. 

  91. background:-moz-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* FF3.6+ */
    92. 

  92. background:-webkit-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* Chrome10+,Safari5.1+ */
    93. 

  93. background:-o-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* Opera 12+ */
    94. 

  94. background:-ms-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* IE10+ */
    95. 

  95. background:radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%);/* W3C */display:none\9; }
    96. 

  96. .ui_title:before{ content:"";display:block;height:5px;width:100%;position:absolute;top:26px;left:0;background:#FFF;z-index:1;display:none\9; }
    97. 

  97. }
    98. 

  98. 

  99. /*底部按钮样式*/
    100. 

  100. .ui_buttons{ white-space:nowrap; padding:4px 8px; text-align:right; }
    101. 

  101. .ui_buttons input::-moz-focus-inner{ border:0; padding:0; margin:0; }
    102. 

  102. 

  103. .ui_buttons input{ padding:2px 10px 2px 12px; padding:4px 10px 1px 12px\0; *padding:3px 10px 1px 10px; margin-left:6px; cursor:pointer; display:inline-block; 
    104. 

  104. 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;
    105. 

  105. background:linear-gradient(top, #FAFAFA, #E4E4E4);
    106. 

  106. background:-moz-linear-gradient(top, #FAFAFA, #E4E4E4);
    107. 

  107. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#E4E4E4));
    108. 

  108. background:-o-linear-gradient(top, #FAFAFA, #E4E4E4);
    109. 

  109. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E4E4E4');
    110. 

  110. 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);
    111. 

  111. -moz-transition:-moz-box-shadow linear .2s; -webkit-transition:-webkit-box-shadow linear .2s; transition:box-shadow linear .2s; }
    112. 

  112. .ui_buttons input:focus{ outline:0 none; box-shadow:0 0 3px #0e78c9; }
    113. 

  113. .ui_buttons input:hover{ color:#000; border-color:#666; box-shadow:none; }
    114. 

  114. .ui_buttons input:active{ border-color:#666;
    115. 

  115. background:linear-gradient(top, #FAFAFA, #E4E4E4);
    116. 

  116. background:-moz-linear-gradient(top, #FAFAFA, #E4E4E4);
    117. 

  117. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#E4E4E4));
    118. 

  118. background:-o-linear-gradient(top, #FAFAFA, #E4E4E4);
    119. 

  119. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E4E4E4'); }
    120. 

  120. .ui_buttons input[disabled]{ cursor:default; color:#666; background:#DDD; border:solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
    121. 

  121. 

  122. input.ui_state_highlight{ color:#FFF; border:solid 1px #1c6a9e; text-shadow: 0 -1px 1px #1c6a9e; background:#2288cc;
    123. 

  123. background:linear-gradient(top, #33bbee, #2288cc);
    124. 

  124. background:-moz-linear-gradient(top, #33bbee, #2288cc);
    125. 

  125. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc));
    126. 

  126. background:-o-linear-gradient(top, #33bbee, #2288cc);
    127. 

  127. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); }
    128. 

  128. input.ui_state_highlight:hover{ color:#FFF; border-color:#555; }
    129. 

  129. input.ui_state_highlight:active{ border-color:#1c6a9e;
    130. 

  130. background:linear-gradient(top, #33bbee, #2288cc);
    131. 

  131. background:-moz-linear-gradient(top, #33bbee, #2288cc);
    132. 

  132. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc));
    133. 

  133. background:-o-linear-gradient(top, #33bbee, #2288cc);
    134. 

  134. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); }
    135. 

  135. 

  136. /*Tips 部分开始*/
    137. 

  137. .ui_state_tips .ui_content{ text-align:center;font-weight:bold;color:#323232; }
    138.