widget-win.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. /*
  2. * widget模块的公共css
  3. */
  4. * {
  5. -webkit-box-sizing: border-box;
  6. -moz-box-sizing: border-box;
  7. box-sizing: border-box;
  8. }
  9. *:before, *:after {
  10. -webkit-box-sizing: border-box;
  11. -moz-box-sizing: border-box;
  12. box-sizing: border-box;
  13. }
  14. html, body {
  15. height: 100%;
  16. width: 100%;
  17. margin: 0;
  18. padding: 0;
  19. border: none;
  20. overflow: hidden;
  21. font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
  22. font-size: 14px;
  23. background-color: transparent!important;
  24. }
  25. body {
  26. padding: 1px;
  27. }
  28. input, button, select, textarea {
  29. font-family: inherit;
  30. font-size: inherit;
  31. line-height: inherit;
  32. }
  33. a {
  34. color: #62a8ea;
  35. text-decoration: none;
  36. }
  37. a:hover, a:focus {
  38. color: #89bceb;
  39. text-decoration: underline;
  40. }
  41. a:focus {
  42. outline: thin dotted;
  43. outline: 5px auto -webkit-focus-ring-color;
  44. outline: none;
  45. outline-offset: -2px;
  46. }
  47. ul, li {
  48. list-style: none;
  49. }
  50. .dark {
  51. color: #ffffff;
  52. }
  53. .dark a {
  54. color: #ffffff;
  55. text-decoration: none;
  56. }
  57. .dark a:hover {
  58. color: #CC3300;
  59. text-decoration: underline;
  60. }
  61. .dark .content {
  62. overflow: auto;
  63. position: relative;
  64. background: transparent;
  65. height: 400px;
  66. -webkit-box-sizing: border-box;
  67. -moz-box-sizing: border-box;
  68. box-sizing: border-box;
  69. }
  70. .dark .form-control, .dark .input-group-addon, .dark .btn-default, .dark input, .dark .dropdown-menu {
  71. color: #ffffff;
  72. background-color: rgba(63, 72, 84, 0.6);
  73. }
  74. .input-group {
  75. width: 100%;
  76. }
  77. .dark .btn-primary {
  78. background-color: rgba(32, 160, 255, 0.2);
  79. }
  80. .dark .btn-danger {
  81. background-color: rgba(255, 109, 109, 0.2);
  82. }
  83. .dark .btn-warning {
  84. background-color: rgba(196, 188, 181, 0.2);
  85. }
  86. .dark .table-hover>tbody>tr:hover {
  87. background-color: rgba(63, 72, 84, 1);
  88. }
  89. .dark .dropdown-menu>li>a {
  90. color: #ffffff;
  91. }
  92. .dark .dropdown-menu>li>a:hover, .dark .dropdown-menu>li>a:focus {
  93. background-color: #4db3ff;
  94. }
  95. /*滚动条*/
  96. body, html {
  97. scrollbar-base-color: #f4f7fc;
  98. scrollbar-track-color: #f4f7fc;
  99. scrollbar-face-color: #797979;
  100. scrollbar-arrow-color: #f4f7fc;
  101. scrollbar-shadow-color: #f4f7fc;
  102. scrollbar-3dlight-color: #f4f7fc;
  103. scrollbar-highlight-color: #f4f7fc;
  104. scrollbar-darkshadow-color: #f4f7fc;
  105. }
  106. ::-webkit-scrollbar-button {
  107. height: 0;
  108. width: 0;
  109. display: none
  110. }
  111. ::-webkit-scrollbar-track {
  112. background: transparent
  113. }
  114. ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
  115. border: 0
  116. }
  117. ::-webkit-scrollbar {
  118. height: 10px;
  119. width: 10px;
  120. background: transparent;
  121. border-radius: 5px
  122. }
  123. ::-webkit-scrollbar-thumb {
  124. padding-top: 100px;
  125. -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
  126. background-color: #797979;
  127. min-height: 28px;
  128. border-radius: 4px;
  129. background-clip: padding-box
  130. }
  131. ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
  132. border: 0
  133. }
  134. ::-webkit-scrollbar-thumb:hover {
  135. -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
  136. background-color: rgba(0, 0, 0, .4)
  137. }
  138. ::-webkit-scrollbar-thumb:active {
  139. -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35);
  140. background-color: rgba(0, 0, 0, .5)
  141. }