toolkit.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. .tooltips {
  2. width: 330px;
  3. min-height: 300px;
  4. background-color: white;
  5. position: fixed;
  6. z-index: 2147483640;
  7. right: 30px;
  8. bottom: 30px;
  9. font-size: 13px !important;
  10. font-weight: normal !important;
  11. border: solid navy 2px;
  12. -webkit-user-select: none;
  13. /* 文字不可被选中 */
  14. }
  15. .tooldrag {
  16. background-color: navy;
  17. width: 100%;
  18. text-align: center;
  19. font-size: 13px;
  20. height: 26px !important;
  21. padding-top: 8px !important;
  22. color: white;
  23. }
  24. .realcontent {
  25. text-align: left;
  26. color: black!important;
  27. padding-top: 10px !important;
  28. padding-bottom: 80px !important;
  29. padding-left: 20px !important;
  30. padding-right: 10px !important;
  31. }
  32. .innercontent {
  33. text-align: left;
  34. padding-top: 5px !important;
  35. padding-left: 12px !important;
  36. }
  37. .innercontent a {
  38. display: inline-block;
  39. text-decoration: none;
  40. margin-top: 2px !important;
  41. font-size: 13px;
  42. color: navy !important;
  43. cursor: pointer;
  44. text-decoration: none !important;
  45. }
  46. .innercontent a:hover {
  47. color: blue !important;
  48. }
  49. .innercontent span {
  50. font-size: 20px;
  51. color: navy;
  52. line-height: normal;
  53. padding-left: 5px !important;
  54. }
  55. .nextPage a{
  56. color: darkviolet!important;
  57. }
  58. .nextPage a:hover{
  59. color: blue!important;
  60. }
  61. .nextPage span{
  62. color: darkviolet!important;
  63. }
  64. .tooltips button {
  65. margin-top: 7px !important;
  66. font-size: 13px;
  67. border-radius: 5px;
  68. border: solid 2px navy;
  69. background-color: white;
  70. color: navy;
  71. width: 100px;
  72. height: 30px;
  73. cursor: pointer;
  74. margin-left: 15px !important;
  75. padding: 0!important;
  76. }
  77. .tooltips input[type=text] {
  78. display: block;
  79. margin-top: 7px !important;
  80. padding-left: 5px !important;
  81. margin-bottom: 7px !important;
  82. font-size: 15px;
  83. border-radius: 5px;
  84. border: solid 2px navy;
  85. width: 204px;
  86. height: 30px;
  87. }
  88. .tooltips select {
  89. display: block;
  90. margin-top: 7px !important;
  91. padding-left: 5px !important;
  92. margin-bottom: 7px !important;
  93. font-size: 15px;
  94. border-radius: 5px;
  95. border: solid 2px navy;
  96. width: 204px;
  97. height: 30px;
  98. }
  99. .tooltips button:hover {
  100. color: blue;
  101. }
  102. /* 下面用来对冻结表格首行元素和固定表格宽度和高度设定样式 */
  103. .toolkitcontain {
  104. border: 1px solid #cdd !important;
  105. /*width: 280px !important;*/
  106. /* 上面的宽度设定很重要 */
  107. height: 150px;
  108. overflow: auto;
  109. margin-top: 10px !important;
  110. position: relative;
  111. }
  112. .toolkitcontain table {
  113. table-layout: fixed;
  114. border-spacing: 0!important;
  115. word-break: break-all;
  116. word-wrap: break-word;
  117. text-overflow: ellipsis;
  118. overflow: hidden;
  119. margin-top: 0px !important;
  120. white-space: nowrap;
  121. width: 100%;
  122. }
  123. .toolkitcontain th,
  124. .toolkitcontain td,
  125. .toolkitcontain tr {
  126. border: 1px solid rgb(78, 78, 78) !important;
  127. height: 25px !important;
  128. width: 100px !important;
  129. text-align: center !important;
  130. font-weight: normal !important;
  131. overflow: hidden !important;
  132. font-size: 11px !important;
  133. padding-left: 10px !important;
  134. padding-right: 10px !important;
  135. padding-top: 0px !important;
  136. padding-bottom: 0px !important;
  137. vertical-align: middle!important;
  138. white-space: nowrap;
  139. }
  140. .toolkitcontain th span{
  141. font-size: 15px;
  142. font-weight: bold;
  143. cursor: pointer;
  144. /*position: absolute;*/
  145. /*position: ;*/
  146. margin-right: 10px;
  147. vertical-align: text-bottom!important;
  148. }
  149. .toolkitcontain th div{
  150. display: inline-block!important;
  151. overflow: hidden!important;
  152. max-width: 90%!important;
  153. }
  154. .toolkitcontain .toolkittb2 {
  155. position: sticky;
  156. top: 0px;
  157. margin-bottom: 0px;
  158. /*background-color: azure;*/
  159. background-color: aliceblue;
  160. z-index: 1000;
  161. }
  162. .toolkitcontain .toolkittb4 {
  163. position: absolute;
  164. }
  165. #closeButton {
  166. position: absolute;
  167. bottom: 0;
  168. right: 0;
  169. cursor: pointer;
  170. padding: 5px;
  171. opacity: 0.05;
  172. }
  173. #closeButton:hover {
  174. opacity: 1.0;
  175. }