jsPlumbDemo.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. body {
  2. background-color:white; font-size:90%;
  3. background-image:url(../img/dynamicAnchorBg.jpg);
  4. font-family:Helvetica;
  5. }
  6. /* docs */
  7. .code { background-color:#e4e5ef;
  8. border:1px solid black; margin:1em; padding:0.8em;
  9. overflow:auto;
  10. font-family:courier;
  11. font-size:8pt;
  12. }
  13. .section { border-bottom: 1px dotted black; padding:1em;font-family:helvetica;background-color:white;color:#333;}
  14. .menu,.renderMode {
  15. border-radius:0.5em;
  16. position:fixed;
  17. right:1em; top:1em;
  18. background-color:#fff;
  19. padding:0.3em;
  20. opacity:0.8;
  21. z-index:5000;
  22. filter:alpha(opacity=80);
  23. box-shadow: 2px 2px 19px #aaa;
  24. -o-box-shadow: 2px 2px 19px #aaa;
  25. -webkit-box-shadow: 2px 2px 19px #aaa;
  26. -moz-box-shadow: 2px 2px 19px #aaa;
  27. }
  28. .renderMode {
  29. left:1em;
  30. top:1em;
  31. width:13em;
  32. padding-top:0.1em;
  33. padding-bottom:0.5em;
  34. }
  35. .renderMode ul {
  36. padding-left:1em;
  37. }
  38. .renderMode ul li {
  39. list-style-type:none;
  40. }
  41. .renderMode h5 {
  42. margin-top:1em;
  43. margin-bottom:0.7em;
  44. }
  45. a {text-decoration:none;
  46. color:#01a3c6;
  47. font-weight:bold;
  48. font-family:helvetica;
  49. padding:0.3em;
  50. border-radius:0.2em;
  51. }
  52. a:hover {
  53. color:#1b911b;
  54. background-color:#f0f0f0;
  55. }
  56. #explanation a {
  57. background-color:transparent;
  58. }
  59. #explanation a:hover {
  60. text-decoration:underline;
  61. }
  62. .window, .label {
  63. cursor:pointer;
  64. box-shadow: 2px 2px 19px #aaa;
  65. -o-box-shadow: 2px 2px 19px #aaa;
  66. -webkit-box-shadow: 2px 2px 19px #aaa;
  67. -moz-box-shadow: 2px 2px 19px #aaa;
  68. }
  69. #explanation {
  70. cursor:drag;
  71. background-color:white;
  72. color:black;
  73. border:0.25em solid #ddd;
  74. position:absolute;
  75. right:1em;
  76. top:4em;
  77. width:32em;
  78. font-size:90%;
  79. -moz-border-radius:1em;
  80. border-radius:1em;
  81. padding:1em;
  82. z-index:1000;
  83. opacity:0.9;
  84. filter:alpha(opacity=90);
  85. font-family:helvetica;
  86. box-shadow: 2px 2px 19px #aaa;
  87. -o-box-shadow: 2px 2px 19px #aaa;
  88. -webkit-box-shadow: 2px 2px 19px #aaa;
  89. -moz-box-shadow: 2px 2px 19px #aaa;
  90. }
  91. .selected {
  92. color:rgb(189,11,11);
  93. }
  94. /* these styles are what jsPlumb attaches to the various elements it creates.
  95. ._jsPlumb_connector {
  96. border:1px solid blue;
  97. }
  98. ._jsPlumb_endpoint {
  99. border:1px solid green;
  100. }
  101. ._jsPlumb_overlay {
  102. border:1px solid yellow;
  103. }
  104. */
  105. .section li {
  106. list-style-type:none;
  107. }
  108. li.bullet {
  109. list-style-type:circle;
  110. }
  111. .section {
  112. padding-left:2em;
  113. font-size:10pt;
  114. }
  115. .index.section {
  116. padding-left:0;
  117. }
  118. .index {
  119. width:20em;
  120. font-size:9pt;
  121. float:left;
  122. background-color:#e4eeee;
  123. overflow:auto;
  124. padding-left:0.5em;
  125. }
  126. .index li {
  127. list-style-type:none;
  128. }
  129. .index ul, .index h3 {
  130. padding-left:1.5em;
  131. }
  132. #demo {
  133. width:80%;
  134. height:50em;
  135. margin-left:3em;
  136. margin-top:3em;
  137. position:relative;
  138. }
  139. .sub {
  140. margin-left:1em;
  141. }
  142. .table td {
  143. text-align:center;
  144. }
  145. path, ._jsPlumb_endpoint { cursor:pointer; }
  146. .hover {
  147. box-shadow: 2px 2px 19px red;
  148. -o-box-shadow: 2px 2px 19px red;
  149. -webkit-box-shadow: 2px 2px 19px red;
  150. -moz-box-shadow: 2px 2px 19px red;
  151. }