style_flat.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363
  1. @CHARSET "UTF-8";
  2. /*@font-face {*/
  3. /* font-family: 'o2font';*/
  4. /* !*src:url('../font/alfont.eot');*!*/
  5. /* src:*/
  6. /* !*url('../font/alfont.eot?#iefix') format('embedded-opentype'),*!*/
  7. /* !*url('../font/alfont.woff') format('woff'),*!*/
  8. /* url('../font/alfont.ttf') format('truetype');*/
  9. /* !*url('../font/alfont.otf') format('opentype');*!*/
  10. /* !*url('/x_desktop/font/font.eot?#font-spider') format('embedded-opentype'),*!*/
  11. /* !*url('/x_desktop/font/font.svg') format('svg');*!*/
  12. /* font-weight: normal;*/
  13. /* font-style: normal;*/
  14. /*}*/
  15. html{
  16. overflow: hidden;
  17. height: 100%;
  18. margin:0;
  19. padding:0;
  20. }
  21. body {
  22. margin:0;
  23. padding:0;
  24. height: 100%;
  25. font-family: "Microsoft YaHei", "SimSun", "宋体", serif;
  26. font-size:14px;
  27. -webkit-overflow-scrolling: touch;
  28. /*background-color: #F1F1F1;*/
  29. }
  30. #layout {
  31. background: #f0f0f0;
  32. }
  33. #layout *{
  34. box-sizing: content-box!important;
  35. }
  36. input,button,select,textarea{outline:none}
  37. /*
  38. .table-tr-selected {
  39. background-color: #FFFFDD;
  40. }*/
  41. select.script::-ms-expand { display: none; }
  42. ::-ms-clear, ::-ms-reveal{display: none;}
  43. @media print {
  44. @page:right{
  45. @bottom-left {
  46. margin: 10pt 0 30pt 0;
  47. border-top: .25pt solid #666;
  48. content: "Our Cats";
  49. font-size: 9pt;
  50. color: #333;
  51. }
  52. @bottom-right {
  53. margin: 10pt 0 30pt 0;
  54. border-top: .25pt solid #666;
  55. content: counter(page);
  56. font-size: 9pt;
  57. }
  58. @top-right {
  59. content: string(doctitle);
  60. margin: 30pt 0 10pt 0;
  61. font-size: 9pt;
  62. color: #333;
  63. }
  64. }
  65. html{
  66. overflow: visible;
  67. height: auto;
  68. margin:0;
  69. padding:0;
  70. }
  71. div {
  72. page-break-after:auto;
  73. page-break-inside:auto;
  74. page-break-before:auto;
  75. }
  76. table {
  77. page-break-after:auto;
  78. page-break-inside:auto;
  79. page-break-before:auto;
  80. }
  81. /*tr {*/
  82. /* page-break-after:auto;*/
  83. /* page-break-inside:auto;*/
  84. /* page-break-before:auto;*/
  85. /*}*/
  86. }
  87. /* Notice-Theme: default */
  88. .mBox.Notice {
  89. font-size: 16px;
  90. line-height: normal;
  91. }
  92. .mBox.Notice .mBoxContainer {
  93. color: #333333;
  94. padding: 20px 30px;
  95. cursor: pointer;
  96. background-color: #000;
  97. background: rgba(0, 0, 0, 0.85);
  98. border-radius: 3px;
  99. }
  100. .mBox.Notice .mBoxNoticeOk,
  101. .mBox.Notice .mBoxNoticeSuccess,
  102. .mBox.Notice .mBoxNoticeError,
  103. .mBox.Notice .mBoxNoticeCancel,
  104. .mBox.Notice .mBoxNoticeInfo,
  105. .mBox.Notice .mBoxNoticeNotice,
  106. .mBox.Notice .mBoxNoticeAttention,
  107. .mBox.Notice .mBoxNoticeWarn,
  108. .mBox.Notice .mBoxNoticeHelp {
  109. padding-left: 55px;
  110. background-repeat: no-repeat;
  111. background-position: 25px 20px;
  112. }
  113. .mBox.Notice .mBoxNoticeOk,
  114. .mBox.Notice .mBoxNoticeSuccess {
  115. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAC3ElEQVRIidWVyWsUURCHv3rdY7zEIZqeiRsILieXk/GgAaOzJMGVICIIanLSv2Jy8F8ICGI8iCBEIi5JOtMaxAWJJ5ebenLNTFASFGKYfuUhztjOZJLgzd+xq97vq3r96j343yVLJWT8ZALHHgZpBV33e9kn0Alnzrk90vWl+E+A7GjzWnVNDrQHcIFJ4MPv8AYgCZRArkjJ5vyOqc/LBmQDr02FmyiNgvRrKANj2cnXVZ1tx9UeVC8gzIjS7aeKj5YEZAOvTSEP+lYcOea3F9/W6xIgPeZtFaNDIFuskgrSxcd1AdnR5rUakxeoFqyGe4P0t+nFzMtK5ZviRpwnIJ7rsGu4vfilHDPRRHVNDqXREXN0ueYAQfrbtFo5DsRLoeSisQog4ycToD2C9I8cLLxbrnnm/poD+8c3rcxnim8Q6Qft7Rxu8Wo7cOxhwNVQBpZtHngnUeM3hN/7AKyVAcC1DeGhWgDSCkxGT8v+8U0rjzxubqxrDteA52bOXgQI0pOvgIKq7FkAoOv4c84BiIU/Bmdnxe8cXr2qnrkzF3aMdH2diYTf/xnIqp9cLYGrwO5whTNahqTveycWMUfAiIouAJBPzE9oRWOp4iBwugzJBF6vKNfrmQOosEGFylRHt2gCSGb85PYqyA3gFLAbuLyYefZBYheKp6LPagGhuQOUcLWnemGlE+FhPXMADfUsUHJ/Ovcq+xJNyASJS6Bn1LIjnym+qXVAELTmO3AwaN7mIC9VdSCfnjpf2wEgJZtDmMHIrVS+KV7jUsc8lW+KG8wQMB1zpS8a+wvgd0x9FqVb0M1GnCfpMW/rQobVlYvEngq62Srd0XtovqYFK/L2GeEmEEek3yhXR1OFl9GcjiCx06qeQzgPTFulu/omrQsA6Br3WuYvLu1l/sEpUB5EYSOKB5RU9XLMlb7qypcElNU53OLZhvCQtdoqIusBVPWjMTJhfjp3l3oy/3/9AuJ0PQXBK+mwAAAAAElFTkSuQmCC);
  116. background-color: #e4fdda;
  117. }
  118. .mBox.Notice .mBoxNoticeError,
  119. .mBox.Notice .mBoxNoticeCancel {
  120. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAACMUlEQVRIidWVy04TYRTHf1+nujNsLF7Anbgi7feVyEJhScJCYnwEIHFnF40PUB+gmACJlxh5B2XnWhcY0pjgE6hoy8qVjUz7d9GZdmY6wxR3nNXMOf/v3C9w0cnkAVRmGo81xCJwM2AfYzgA3pkWJ/9lQAvcoEcD2ACKQBv4HohngWuAD7zFo2EO+ZnnbNTrZVk6qvBHjqbKzKdg5mXZkqUrS0dlls+jvCvLkarczsVb5mQ5kqWrCktJeSxFQVq+AB087ptDfk/k1AJT9PgIlLhExXzmVygrxJA9GogreDycVDlAgH0ETOHTSPeizLQsp3I0Y/wqq3I0FYlWYORoqspqDDuoyakcpfEIPNaAIj324pZZQdRxbAuMwODYRtQRK4kM7AFF+jwYj8DySnaUu4S3O7JIjp3Yd0qby9KW42X4X4zIZoBvyQcGpBY1KvSBWsB+TYuaAY15OtARDmSsyOLsyc6d+qFOjQxHDRwzmNAYDXNueIJhF8Mu8DisSYqBWUzKVMuxKYuSUytHM5rzRE2SHVeWRaqwHvJGNejxngI+BTaA+pBv+ABAi6dhztWihuPvUBZSn3XAp8B+SmTDTurKMpcKOINU4U6wLl5E+Vmr4gSPe+dcFZ+Aq8lVMQ6OLrsJIgk8/5q17LIeLcnSDgxtqUp5DDMo6PMA085Snn1w7nIdnwZik0EzdDDBwRG3gBLgI95wmWdZack/mY5SsFsWKTADQJ8fwAEF9vNO5sWnf8a5+qqoizN/AAAAAElFTkSuQmCC);
  121. background-color: #ffece4;
  122. }
  123. .mBox.Notice .mBoxNoticeInfo {
  124. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAChUlEQVRIidWVyUvUARTHP9/fzM8RTLw0Wmkns1PkKYMWKNwIWvHUrQwStYz+A/sTlBwRRLt5kqCF0GyBUsJb26k6VVp2Mguc+S2vgzqOzmZ26h3f8v2+hfce/O+iYg4tg0uVgR87I4UNoD0rWpszc2ZLzL33qEc/tkXQOvR7d+BFekHtQBT0HezLalgNWBXgg41E3KB3oqNsfssEjf3ecTnBOKhcKKGIjU52xt5trCx5IPTVjqwL7KeFkbYnPe6LogQr4OFjwUdHdn6iu/RjgQ7Q3LdcR0R3DfYhp2mq232Zl2C1La+FFswtOTrVocVC4GvSNGQV8lLThuK+UvXPu3d8W7M5mY6rPS8PQjuXC7x5IHmxeSB5cbN+qkOLBHYBrMK1aG+mLU3QMrhUCWoXSjztKf2UK1MzXTXT1Vy2xzdKP2BKGLpyqt/ia/poOjiInQWL+thILgCAqWslJ/PZVlFGgZuevNPA6IYKjPAQ6Puza7H3+cLztSidwPXYW9CCFB7OqgBTNbLPBfNbb89YAa/PYXohM4csjC1sdlERjsCyCbC5lQ39RzGrEZbe6vUZmDMLVtUymDywXezW/lQ9KI6cV1kEkWjyPuCHvtq3SxA4XAL8aOA+zCKY7CxfABtB1tXct1yXB2OMPANuvL28H6wT2XDmhc15KkA/cEuO/M2pwEvNgHYWPBUTHWXzFkbagFp5qekClWzM3EvNALVIbZngWRWkMxrwjmE2DlaBKWERu/OkK/ZmA3AieVChLoN1ghaR2jZf0rwEACcGfu1yLdpr6AorD2dh/eHYXlAc8JEN+/i3NmdelGBNTvVb3JN3GidsMFM1gGRfCZ1Z19wHxV7m/y9/APYpFuRykWdGAAAAAElFTkSuQmCC);
  125. background-color: #e3f2fd;
  126. }
  127. .mBox.Notice .mBoxNoticeWarn {
  128. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAABz0lEQVRIieXSuWtUcRTF8c+NxiJYuIBgGhFEEZdSrQQLK+1SiIVLIQmYOEoIoqAogrgkbjMZQXABtVFb/QMEFas0VukEAwax0SIRdd61cCLIJDMTsdLbvOK+8z3n/Lj8V5MV3VnRPR/Nwnl6XKh/D7QriHZ/zLJtwivQYXv0e9GOrqMteArhOiYxqTCS2V649p6oaj+2CgcVQrinYh/ut5K2TJFVixXGhfc+2uKMNOo1Vklro+RzM33rJ0onsVI4FmcVEVI6ihXC8Zb6puyK1VkxnRUPGnajHmbFl6xa04zRqsEwavUWsmxvlu0FhRP4rnDxjwzyhh3owaUomQChV+iFKJkQLqMnR+2cl0E+tqB+lu8scmXOeF8NC2+la3l29oucvcEHvcJmYSj6TM3Fj0HT0glssNyhtgzypqUK5/BSvydzpp8xOeIRnuN8jlreukHNGWGZUIqQv+0KQwpDjS4GsUQ63dQgq9bjMO7EgLEGUIcRHUYa+APGpLvozxs2zt2g5iqm1RqTNG3wc3cKU8Lw7+Vm0pftEp7ikXR7VkirCYewR9odJc9+GeQtnb55I637I3Cj0bhOm6LPt5nb7VIY+Ctw1E+jC5/+GvPfnR+ipI5bLM5w4QAAAABJRU5ErkJggg==);
  129. background-color: #fff3e0;
  130. }
  131. .mBox.Notice .mBoxNoticeHelp {
  132. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAChElEQVRIie2VT0gUYRjGf++sBkKghw4pZR0sgg5dpA6lu9smQTa5RuxdKYW6dOtUF6+C18xD3YSFoHUzKFrbPx6CvAR1KqGsRAgRIUHMmafDqjm7jmudfW7zfs+8v+f95uMb2FcNWU1HPtPlYClBB8aRjeo3M5V8T2niydf/ByhNnjTfGwM6gSWknDnM4ZsJHcXsEtAEFITdIup+2jugkOk07BmwJuk+Bxee0D74O+CZGa1npbnPYAiok5wksaul2oBy8rfAD+FfIZr8FjolwHS21TxNAi3ydY54z+ddAVaYKACnhN8eaF582ozqXQD8yATx7oUKyAzYB0Xdi+GAfKbLzF5JGiDWM/a3efasSS8p7znAksRlYtfebXkKE4MGD2V2iU43t1l2tvd3sBSwxMGFJ4EUYgT4qXWvTeteG7Boxkgg3KHVx2DLjpQK9twmQQdSrvKDmsgJu0uid5ZE76zBC+BMAHA6tQbKqXzqtlQXMBkthvNcBOXH3AdbD8XMeYkbwPsKG2b6IllX6AQ1lZ+4bbISEJFjd/byShAg5oWOh5nNuA56L3+1jQ63agLJjgPfQwHmqAgkmBmt3wkgx7knJ3KTeOpX1eLH9AGwhEExFOB7SgNNrDT37TiB/GGTP7zTGosN/aBGH9KhgI2Lq2AwxHS2tWoCMS4xXtU8N3nMpCFgiui1qUCoKnMhe8LQW2BeEevmgju3Y+LtzSPeJMZhrXvnSPTO7g4AyD/vMPOfAZ7gPodWH5fP+TZ9TB9gsaF/I7nJtyRxd7qyVfh1/SbTZo7zCBQHWwblTHwFkHEMLAFqBKa07g1UJq8N2FQxm3Ck8g8Hjm5U5wxKPqQr93xf/6w/kv8L28VtweYAAAAASUVORK5CYII=);
  133. background-color: #e3fff8;
  134. }
  135. .mBox.Notice .mBoxNoticeNotice,
  136. .mBox.Notice .mBoxNoticeAttention {
  137. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAChUlEQVRIidWVyUvUARTHP9/fzM8RTLw0Wmkns1PkKYMWKNwIWvHUrQwStYz+A/sTlBwRRLt5kqCF0GyBUsJb26k6VVp2Mguc+S2vgzqOzmZ26h3f8v2+hfce/O+iYg4tg0uVgR87I4UNoD0rWpszc2ZLzL33qEc/tkXQOvR7d+BFekHtQBT0HezLalgNWBXgg41E3KB3oqNsfssEjf3ecTnBOKhcKKGIjU52xt5trCx5IPTVjqwL7KeFkbYnPe6LogQr4OFjwUdHdn6iu/RjgQ7Q3LdcR0R3DfYhp2mq232Zl2C1La+FFswtOTrVocVC4GvSNGQV8lLThuK+UvXPu3d8W7M5mY6rPS8PQjuXC7x5IHmxeSB5cbN+qkOLBHYBrMK1aG+mLU3QMrhUCWoXSjztKf2UK1MzXTXT1Vy2xzdKP2BKGLpyqt/ia/poOjiInQWL+thILgCAqWslJ/PZVlFGgZuevNPA6IYKjPAQ6Puza7H3+cLztSidwPXYW9CCFB7OqgBTNbLPBfNbb89YAa/PYXohM4csjC1sdlERjsCyCbC5lQ39RzGrEZbe6vUZmDMLVtUymDywXezW/lQ9KI6cV1kEkWjyPuCHvtq3SxA4XAL8aOA+zCKY7CxfABtB1tXct1yXB2OMPANuvL28H6wT2XDmhc15KkA/cEuO/M2pwEvNgHYWPBUTHWXzFkbagFp5qekClWzM3EvNALVIbZngWRWkMxrwjmE2DlaBKWERu/OkK/ZmA3AieVChLoN1ghaR2jZf0rwEACcGfu1yLdpr6AorD2dh/eHYXlAc8JEN+/i3NmdelGBNTvVb3JN3GidsMFM1gGRfCZ1Z19wHxV7m/y9/APYpFuRykWdGAAAAAElFTkSuQmCC);
  138. background-color: #e3f2fd;
  139. }
  140. /* Tooltip-Theme: default */
  141. .mBox.Tooltip {
  142. font-size: 11px;
  143. line-height: normal;
  144. }
  145. .mBox.Tooltip .mBoxContainer {
  146. background: #fff;
  147. border: 1px solid #d6d6d6;
  148. box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  149. border-radius: 5px;
  150. }
  151. .mBox.Tooltip .mBoxContent {
  152. background: #fff;
  153. color: #353535;
  154. padding: 5px 8px;
  155. border-radius: 5px;
  156. }
  157. .mBox.Tooltip.hasTitle .mBoxContent {
  158. border-top-left-radius: 0;
  159. border-top-right-radius: 0;
  160. }
  161. .mBox.Tooltip .mBoxTitleContainer {
  162. position: relative;
  163. }
  164. .mBox.Tooltip .mBoxTitle {
  165. position: relative;
  166. color: #505050;
  167. text-shadow: 0 1px 0 #fff;
  168. padding: 5px 8px;
  169. font-weight: bold;
  170. border-bottom: 1px solid #d6d6d6;
  171. background-color: #f8f8f8;
  172. background-image: -webkit-linear-gradient(top,#fdfdfd,#f4f4f4);
  173. background-image: -moz-linear-gradient(top,#fdfdfd,#f4f4f4);
  174. background-image: -ms-linear-gradient(top,#fdfdfd,#f4f4f4);
  175. background-image: -o-linear-gradient(top,#fdfdfd,#f4f4f4);
  176. background-image: linear-gradient(top,#fdfdfd,#f4f4f4);
  177. filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fdfdfd,EndColorStr=#f4f4f4);
  178. box-shadow:inset 0 -1px 1px rgba(255, 255, 255, 0.8);
  179. border-radius: 5px 5px 0 0;
  180. }
  181. .mBox.Tooltip .mBoxClose {
  182. display: block;
  183. cursor: pointer;
  184. width: 13px;
  185. height: 13px;
  186. position: absolute;
  187. top: 5px;
  188. right: 8px;
  189. }
  190. .mBox.Tooltip .mBoxClose > div {
  191. opacity: 0.65;
  192. width: 7px;
  193. height: 7px;
  194. position: absolute;
  195. top: 3px;
  196. left: 3px;
  197. background: 0 0 no-repeat url(data:image/gif;base64,R0lGODlhBwAHAJEDAMjIyLCwsLy8vP///yH5BAEAAAMALAAAAAAHAAcAAAIPDIZgNnoqGIoCtRAfc/IWADs=);
  198. }
  199. .mBox.Tooltip .mBoxClose:hover > div {
  200. opacity: 1;
  201. }
  202. .mBox.Tooltip .mBoxPointer {
  203. background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAlCAYAAACgc9J8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP9JREFUeNq01oENhCAMBdCWuIgTuP8WOoGj9GhSDaeUfjiuCSEm+iKFVllESGNdVzrPk55xHIfewHnItm1MrVDMG/u+i0aeyWZp3R9CJRaBIWRB5YUHItAL80AEqmI1EIFcrAQ1rwjUxEoQgULsAue+2ayc/W83p5+z6RXggOO1WQGhrsFXP/Oip58tAaQTZ4QMbEbyEB2GCKEBdtpmru4NsC4aHg8PLJ/3lim2xDv02jYDz1kNQsGEQgiYeqAQBPuZQF1jFKqBYTn1RLK1D4+v3E3NGfgNkJlfdKi0XrUZgc1OWyt0Dwz/z37tGhA20s+WR4t+1iBbzTJyaD8CDAB7WgNSzh/AnwAAAABJRU5ErkJggg==);
  204. }
  205. .mBox.Tooltip .mBoxPointerTop {
  206. width: 17px;
  207. height: 9px;
  208. background-position: 0px -18px;
  209. }
  210. .mBox.Tooltip .mBoxPointerBottom {
  211. width: 17px;
  212. height: 9px;
  213. background-position: 0px -28px;
  214. }
  215. .mBox.Tooltip .mBoxPointerRight {
  216. width: 9px;
  217. height: 17px;
  218. background-position: -10px 0px;
  219. }
  220. .mBox.Tooltip .mBoxPointerLeft {
  221. width: 9px;
  222. height: 17px;
  223. background-position: 0px 0px;
  224. }
  225. /* Tooltip-Theme: Black */
  226. .mBox.Tooltip-Black {
  227. font-size: 11px;
  228. line-height: normal;
  229. }
  230. .mBox.Tooltip-Black .mBoxContainer {
  231. background-color: #000;
  232. border-radius: 3px;
  233. }
  234. .mBox.Tooltip-Black .mBoxContent {
  235. color: #fff;
  236. padding: 5px 8px;
  237. }
  238. .mBox.Tooltip-Black .mBoxTitle {
  239. color: #fff;
  240. font-weight: bold;
  241. padding: 4px 8px 2px;
  242. }
  243. .mBox.Tooltip-Black .mBoxPointer {
  244. background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAVCAYAAACQcBTNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIZJREFUeNqUUkEOwCAIo2b//3I3iBp1MFgvxlCKtog8ICkLeJxWPziTwF7g2qBojqInsJEj4tbQCsTZoGSUmCTGM7IGnB/EF1FxOYXV300Antl/wCg1RAF4f0CSILwLM9uqCY7FMuvgrGk4gpWoH0irRm1v7uPTqI2s8oGvL4FoN9w1uAUYAJb2PwK9FWu9AAAAAElFTkSuQmCC);
  245. }
  246. .mBox.Tooltip-Black .mBoxPointerTop {
  247. width: 7px;
  248. height: 4px;
  249. background-position: -1px -10px;
  250. }
  251. .mBox.Tooltip-Black .mBoxPointerBottom {
  252. width: 7px;
  253. height: 4px;
  254. background-position: -1px -17px;
  255. }
  256. .mBox.Tooltip-Black .mBoxPointerRight {
  257. width: 4px;
  258. height: 7px;
  259. background-position: -7px -1px;
  260. }
  261. .mBox.Tooltip-Black .mBoxPointerLeft {
  262. width: 4px;
  263. height: 7px;
  264. background-position: 0px -1px;
  265. }
  266. /* Tooltip-Theme: BlackGradient */
  267. .mBox.Tooltip-BlackGradient {
  268. font-size: 12px;
  269. line-height: normal;
  270. }
  271. .mBox.Tooltip-BlackGradient .mBoxContainer {
  272. background-color: #252525;
  273. background-image: -webkit-linear-gradient(top,#505050,#000000);
  274. background-image: -moz-linear-gradient(top,#505050,#000000);
  275. background-image: -ms-linear-gradient(top,#505050,#000000);
  276. background-image: -o-linear-gradient(top,#505050,#000000);
  277. background-image: linear-gradient(top,#505050,#000000);
  278. filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#505050,EndColorStr=#000000);
  279. border-radius: 4px;
  280. }
  281. .mBox.Tooltip-BlackGradient .mBoxContent {
  282. color: #fff;
  283. text-shadow: 0px -1px 1px #000000;
  284. padding: 8px 15px;
  285. }
  286. .mBox.Tooltip-BlackGradient .mBoxTitle {
  287. color: #fff;
  288. font-weight: bold;
  289. padding: 4px 8px 2px;
  290. }
  291. .mBox.Tooltip-BlackGradient .mBoxPointer {
  292. background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAVCAYAAACQcBTNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIZJREFUeNqUUkEOwCAIo2b//3I3iBp1MFgvxlCKtog8ICkLeJxWPziTwF7g2qBojqInsJEj4tbQCsTZoGSUmCTGM7IGnB/EF1FxOYXV300Antl/wCg1RAF4f0CSILwLM9uqCY7FMuvgrGk4gpWoH0irRm1v7uPTqI2s8oGvL4FoN9w1uAUYAJb2PwK9FWu9AAAAAElFTkSuQmCC);
  293. }
  294. .mBox.Tooltip-BlackGradient .mBoxPointerTop {
  295. width: 7px;
  296. height: 4px;
  297. background-position: -1px -10px;
  298. }
  299. .mBox.Tooltip-BlackGradient .mBoxPointerBottom {
  300. width: 7px;
  301. height: 4px;
  302. background-position: -1px -17px;
  303. }
  304. .mBox.Tooltip-BlackGradient .mBoxPointerRight {
  305. width: 4px;
  306. height: 7px;
  307. background-position: -7px -1px;
  308. }
  309. .mBox.Tooltip-BlackGradient .mBoxPointerLeft {
  310. width: 4px;
  311. height: 7px;
  312. background-position: 0px -1px;
  313. }