jsmind.css 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. /*
  2. * Released under BSD License
  3. * Copyright (c) 2014-2021 hizzgdev@163.com
  4. *
  5. * Project Home:
  6. * https://github.com/hizzgdev/jsmind/
  7. */
  8. /* important section */
  9. .jsmind-inner{position:relative;overflow:auto;width:100%;height:100%;outline:none;}/*box-shadow:0 0 2px #000;*/
  10. .jsmind-inner{
  11. moz-user-select:-moz-none;
  12. -moz-user-select:none;
  13. -o-user-select:none;
  14. -khtml-user-select:none;
  15. -webkit-user-select:none;
  16. -ms-user-select:none;
  17. user-select:none;
  18. }
  19. /* z-index:1 */
  20. /* 修改 */
  21. /* svg.jsmind{position:absolute;z-index:1;}
  22. canvas.jsmind{position:absolute;z-index:1;} */
  23. /* z-index:2 */
  24. jmnodes{z-index:2;background-color:rgba(0,0,0,0);}/*background color is necessary*/ /* 修改 */
  25. /* jmnodes{position:absolute;z-index:2;background-color:rgba(0,0,0,0);} */
  26. jmnode{position:absolute;cursor:default;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  27. jmexpander{position:absolute;width:11px;height:11px;display:block;overflow:hidden;line-height:12px;font-size:12px;text-align:center;border-radius:6px;border-width:1px;border-style:solid;cursor:pointer;}
  28. /* default theme */
  29. jmnode{padding:10px;background-color:#fff;color:#333;border-radius:5px;box-shadow:1px 1px 1px #666;font:16px/1.125 Verdana,Arial,Helvetica,sans-serif;}
  30. jmnode:hover{box-shadow:2px 2px 8px #000;background-color:#ebebeb;color:#333;}
  31. jmnode.selected{background-color:#11f;color:#fff;box-shadow:2px 2px 8px #000;}
  32. jmnode.root{font-size:24px;}
  33. jmexpander{border-color:gray;}
  34. jmexpander:hover{border-color:#000;}
  35. @media screen and (max-device-width: 1024px) {
  36. jmnode{padding:5px;border-radius:3px;font-size:14px;}
  37. jmnode.root{font-size:21px;}
  38. }
  39. /* primary theme */
  40. jmnodes.theme-primary jmnode{background-color:#428bca;color:#fff;border-color:#357ebd;}
  41. jmnodes.theme-primary jmnode:hover{background-color:#3276b1;border-color:#285e8e;}
  42. jmnodes.theme-primary jmnode.selected{background-color:#f1c40f;color:#fff;}
  43. jmnodes.theme-primary jmnode.root{}
  44. jmnodes.theme-primary jmexpander{}
  45. jmnodes.theme-primary jmexpander:hover{}
  46. /* warning theme */
  47. jmnodes.theme-warning jmnode{background-color:#f0ad4e;border-color:#eea236;color:#fff;}
  48. jmnodes.theme-warning jmnode:hover{background-color:#ed9c28;border-color:#d58512;}
  49. jmnodes.theme-warning jmnode.selected{background-color:#11f;color:#fff;}
  50. jmnodes.theme-warning jmnode.root{}
  51. jmnodes.theme-warning jmexpander{}
  52. jmnodes.theme-warning jmexpander:hover{}
  53. /* danger theme */
  54. jmnodes.theme-danger jmnode{background-color:#d9534f;border-color:#d43f3a;color:#fff;}
  55. jmnodes.theme-danger jmnode:hover{background-color:#d2322d;border-color:#ac2925;}
  56. jmnodes.theme-danger jmnode.selected{background-color:#11f;color:#fff;}
  57. jmnodes.theme-danger jmnode.root{}
  58. jmnodes.theme-danger jmexpander{}
  59. jmnodes.theme-danger jmexpander:hover{}
  60. /* success theme */
  61. jmnodes.theme-success jmnode{background-color:#5cb85c;border-color:#4cae4c;color:#fff;}
  62. jmnodes.theme-success jmnode:hover{background-color:#47a447;border-color:#398439;}
  63. jmnodes.theme-success jmnode.selected{background-color:#11f;color:#fff;}
  64. jmnodes.theme-success jmnode.root{}
  65. jmnodes.theme-success jmexpander{}
  66. jmnodes.theme-success jmexpander:hover{}
  67. /* info theme */
  68. jmnodes.theme-info jmnode{background-color:#5dc0de;border-color:#46b8da;;color:#fff;}
  69. jmnodes.theme-info jmnode:hover{background-color:#39b3d7;border-color:#269abc;}
  70. jmnodes.theme-info jmnode.selected{background-color:#11f;color:#fff;}
  71. jmnodes.theme-info jmnode.root{}
  72. jmnodes.theme-info jmexpander{}
  73. jmnodes.theme-info jmexpander:hover{}
  74. /* greensea theme */
  75. jmnodes.theme-greensea jmnode{background-color:#1abc9c;color:#fff;}
  76. jmnodes.theme-greensea jmnode:hover{background-color:#16a085;}
  77. jmnodes.theme-greensea jmnode.selected{background-color:#11f;color:#fff;}
  78. jmnodes.theme-greensea jmnode.root{}
  79. jmnodes.theme-greensea jmexpander{}
  80. jmnodes.theme-greensea jmexpander:hover{}
  81. /* nephrite theme */
  82. jmnodes.theme-nephrite jmnode{background-color:#2ecc71;color:#fff;}
  83. jmnodes.theme-nephrite jmnode:hover{background-color:#27ae60;}
  84. jmnodes.theme-nephrite jmnode.selected{background-color:#11f;color:#fff;}
  85. jmnodes.theme-nephrite jmnode.root{}
  86. jmnodes.theme-nephrite jmexpander{}
  87. jmnodes.theme-nephrite jmexpander:hover{}
  88. /* belizehole theme */
  89. jmnodes.theme-belizehole jmnode{background-color:#3498db;color:#fff;}
  90. jmnodes.theme-belizehole jmnode:hover{background-color:#2980b9;}
  91. jmnodes.theme-belizehole jmnode.selected{background-color:#11f;color:#fff;}
  92. jmnodes.theme-belizehole jmnode.root{}
  93. jmnodes.theme-belizehole jmexpander{}
  94. jmnodes.theme-belizehole jmexpander:hover{}
  95. /* wisteria theme */
  96. jmnodes.theme-wisteria jmnode{background-color:#9b59b6;color:#fff;}
  97. jmnodes.theme-wisteria jmnode:hover{background-color:#8e44ad;}
  98. jmnodes.theme-wisteria jmnode.selected{background-color:#11f;color:#fff;}
  99. jmnodes.theme-wisteria jmnode.root{}
  100. jmnodes.theme-wisteria jmexpander{}
  101. jmnodes.theme-wisteria jmexpander:hover{}
  102. /* asphalt theme */
  103. jmnodes.theme-asphalt jmnode{background-color:#34495e;color:#fff;}
  104. jmnodes.theme-asphalt jmnode:hover{background-color:#2c3e50;}
  105. jmnodes.theme-asphalt jmnode.selected{background-color:#11f;color:#fff;}
  106. jmnodes.theme-asphalt jmnode.root{}
  107. jmnodes.theme-asphalt jmexpander{}
  108. jmnodes.theme-asphalt jmexpander:hover{}
  109. /* orange theme */
  110. jmnodes.theme-orange jmnode{background-color:#f1c40f;color:#fff;}
  111. jmnodes.theme-orange jmnode:hover{background-color:#f39c12;}
  112. jmnodes.theme-orange jmnode.selected{background-color:#11f;color:#fff;}
  113. jmnodes.theme-orange jmnode.root{}
  114. jmnodes.theme-orange jmexpander{}
  115. jmnodes.theme-orange jmexpander:hover{}
  116. /* pumpkin theme */
  117. jmnodes.theme-pumpkin jmnode{background-color:#e67e22;color:#fff;}
  118. jmnodes.theme-pumpkin jmnode:hover{background-color:#d35400;}
  119. jmnodes.theme-pumpkin jmnode.selected{background-color:#11f;color:#fff;}
  120. jmnodes.theme-pumpkin jmnode.root{}
  121. jmnodes.theme-pumpkin jmexpander{}
  122. jmnodes.theme-pumpkin jmexpander:hover{}
  123. /* pomegranate theme */
  124. jmnodes.theme-pomegranate jmnode{background-color:#e74c3c;color:#fff;}
  125. jmnodes.theme-pomegranate jmnode:hover{background-color:#c0392b;}
  126. jmnodes.theme-pomegranate jmnode.selected{background-color:#11f;color:#fff;}
  127. jmnodes.theme-pomegranate jmnode.root{}
  128. jmnodes.theme-pomegranate jmexpander{}
  129. jmnodes.theme-pomegranate jmexpander:hover{}
  130. /* clouds theme */
  131. jmnodes.theme-clouds jmnode{background-color:#ecf0f1;color:#333;}
  132. jmnodes.theme-clouds jmnode:hover{background-color:#bdc3c7;}
  133. jmnodes.theme-clouds jmnode.selected{background-color:#11f;color:#fff;}
  134. jmnodes.theme-clouds jmnode.root{}
  135. jmnodes.theme-clouds jmexpander{}
  136. jmnodes.theme-clouds jmexpander:hover{}
  137. /* asbestos theme */
  138. jmnodes.theme-asbestos jmnode{background-color:#95a5a6;color:#fff;}
  139. jmnodes.theme-asbestos jmnode:hover{background-color:#7f8c8d;}
  140. jmnodes.theme-asbestos jmnode.selected{background-color:#11f;color:#fff;}
  141. jmnodes.theme-asbestos jmnode.root{}
  142. jmnodes.theme-asbestos jmexpander{}
  143. jmnodes.theme-asbestos jmexpander:hover{}
  144. /* ======================================================================================= */
  145. /* 修改 */
  146. /* jmnodes {
  147. position: initial;
  148. } */
  149. jmnode{font-size: 12px;}
  150. jmnodes.theme-primary jmnode{background-color:#3397FF;color:#fff;border-color:#3397FF;}
  151. jmnodes.theme-primary jmnode:hover{background-color:#3397FF;border-color:#3397FF;}
  152. jmnodes.theme-primary jmnode.selected{background-color:#3397FF;color:#fff;}
  153. jmnode.root{font-size:16px;}