dialogbase.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  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. font: 12px/1.5 "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;
  42. color: #131f40
  43. }
  44. /*tab*/
  45. .tabhead {
  46. position: relative;
  47. z-index: 10;
  48. margin-left: 16px;
  49. }
  50. .tabhead span {
  51. display: inline-block;
  52. position: relative;
  53. height: 26px;
  54. line-height: 26px;
  55. width: 87px;
  56. margin-left: -16px;
  57. text-align: center;
  58. cursor: pointer;
  59. background-image: url(images/dialog-title-bg.png);
  60. background-position: 0 0;
  61. z-index: 1
  62. }
  63. .tabhead span.focus {
  64. background-position: 0 -42px;
  65. top:1px;
  66. z-index: 100;
  67. }
  68. .tabbody {
  69. position: relative;
  70. top: -1px;
  71. margin: 0 auto;
  72. border: 1px solid #60739b;
  73. box-shadow: 3px 3px 5px #D3D6DA;
  74. background-color: #fff;
  75. }
  76. /*button*/
  77. a.button {
  78. display: block;
  79. text-decoration: none;
  80. height: 27px;
  81. width: 96px;
  82. font-size: 12px;
  83. color: #131f40;
  84. line-height: 27px;
  85. text-align: center;
  86. cursor: default;
  87. background-image: url(images/icons-all.gif);
  88. background-position:0 -35px;
  89. }
  90. a.button:hover {
  91. background-position: 0 0;
  92. }
  93. /*滚动条*/
  94. ::-webkit-scrollbar-track-piece{
  95. background-color:#fff;
  96. -webkit-border-radius:0;
  97. }
  98. ::-webkit-scrollbar{
  99. width:10px;
  100. height:8px;
  101. }
  102. ::-webkit-scrollbar-thumb{
  103. height:50px;
  104. background-color:#999;
  105. -webkit-border-radius:5px;
  106. outline:2px solid #fff;
  107. outline-offset:-2px;
  108. border: 2px solid #fff;
  109. }
  110. ::-webkit-scrollbar-thumb:hover{
  111. height:50px;
  112. background-color:#9f9f9f;
  113. -webkit-border-radius:4px;
  114. }