dialogbase.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /*弹出对话框页面样式组件
  2. */
  3. /*reset
  4. */
  5. html, body, div, span, applet, object, iframe,
  6. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  7. a, abbr, acronym, address, big, cite, code,
  8. del, dfn, em, font, img, ins, kbd, q, s, samp,
  9. small, strike, strong, sub, sup, tt, var,
  10. b, u, i, center,
  11. dl, dt, dd, ol, ul, li,
  12. fieldset, form, label, legend,
  13. table, caption, tbody, tfoot, thead, tr, th, td {
  14. margin: 0;
  15. padding: 0;
  16. outline: 0;
  17. font-size: 100%;
  18. }
  19. body {
  20. line-height: 1;
  21. }
  22. ol, ul {
  23. list-style: none;
  24. }
  25. blockquote, q {
  26. quotes: none;
  27. }
  28. ins {
  29. text-decoration: none;
  30. }
  31. del {
  32. text-decoration: line-through;
  33. }
  34. table {
  35. border-collapse: collapse;
  36. border-spacing: 0;
  37. }
  38. /*module
  39. */
  40. body {
  41. background-color: #fff;
  42. font: 12px/1.5 sans-serif, "宋体", "Arial Narrow", HELVETICA;
  43. color: #646464;
  44. }
  45. /*tab*/
  46. .tabhead {
  47. position: relative;
  48. z-index: 10;
  49. }
  50. .tabhead span {
  51. display: inline-block;
  52. padding: 0 5px;
  53. height: 30px;
  54. border: 1px solid #ccc;
  55. background: url("images/dialog-title-bg.png") repeat-x;
  56. text-align: center;
  57. line-height: 30px;
  58. cursor: pointer;
  59. *margin-right: 5px;
  60. }
  61. .tabhead span.focus {
  62. height: 31px;
  63. border-bottom: none;
  64. background: #fff;
  65. }
  66. .tabbody {
  67. position: relative;
  68. top: -1px;
  69. margin: 0 auto;
  70. border: 1px solid #ccc;
  71. }
  72. /*button*/
  73. a.button {
  74. display: block;
  75. text-align: center;
  76. line-height: 24px;
  77. text-decoration: none;
  78. height: 24px;
  79. width: 95px;
  80. border: 0;
  81. color: #838383;
  82. background: url(images/icons-all.gif) no-repeat;
  83. }
  84. a.button:hover {
  85. background-position: 0 -30px;
  86. }