vis.js is a dynamic, browser-based visualization library
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

256 lines
4.4 KiB

  1. html {
  2. height:100%;
  3. }
  4. body {
  5. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  6. /*font-family: Lustria, Georgia, Times, "Times New Roman", serif !important;*/
  7. font-size:16px;
  8. line-height: 1.5em;
  9. background: url('../img/crosswordStrong.png'); /* Background pattern from subtlepatterns.com */
  10. height: 100%;
  11. }
  12. h1, h2, h3, h4, h5, h6 {
  13. margin: 40px 0 20px 0;
  14. }
  15. ul {
  16. margin-top: 0.7em;
  17. margin-bottom: 0.7em;
  18. }
  19. p {
  20. margin: 20px 0;
  21. }
  22. img.icon {
  23. position:relative;
  24. top:-2px;
  25. }
  26. div.navbar-wrapper {
  27. background-color:#07508E;
  28. border-bottom: 3px solid #ffffff;
  29. font-size:16px;
  30. }
  31. div.blogHeader {
  32. margin-left:auto;
  33. margin-right:auto;
  34. text-align:center;
  35. width:910px;
  36. padding: 0px 30px 0px 30px;
  37. margin-top:-150px;
  38. color:#ffffff;
  39. text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
  40. margin-bottom:60px;
  41. }
  42. div.full {
  43. min-height:100%;
  44. box-shadow:0 2px 10px rgba(0,0,0,0.4);
  45. padding: 20px 10px 40px 10px;
  46. background-color:#ffffff;
  47. }
  48. @media (min-width: 768px) {
  49. div.full {
  50. padding: 40px 40px 80px 40px;
  51. }
  52. }
  53. @media (min-width: 992px) {
  54. div.full {
  55. padding: 80px 80px 160px 80px;
  56. }
  57. }
  58. table th,
  59. table td {
  60. padding: 5px 15px;
  61. border: 1px solid #dddddd;
  62. }
  63. table th {
  64. background-color: #f5f5f5;
  65. }
  66. table td {
  67. vertical-align: top;
  68. }
  69. /*
  70. The following tables are used:
  71. - A table 'properties' with data properties. Columns: Name, Type, Required, Description
  72. - A table 'options' with configuration options. Columns: Name, Type, Default, Description
  73. - A table 'methods' with methods. Columns: Method, Return Type, Description
  74. - A table 'events' with events. Columns: Name, Properties, Description
  75. - A table 'styles' with styles. Columns: Description, Values
  76. - A table 'datatypes' with data types. Columns: Name, Description, Examples
  77. */
  78. table.properties td:nth-child(2),
  79. table.properties td:nth-child(3),
  80. table.options td:nth-child(2),
  81. table.options td:nth-child(3),
  82. table.methods td:nth-child(2),
  83. table.methods td:nth-child(2),
  84. table.events td:nth-child(2) {
  85. background-color: #f5f5f5;
  86. font-style: italic;
  87. }
  88. pre {
  89. margin: 20px 0;
  90. white-space: pre-wrap;
  91. max-width: 100%;
  92. }
  93. a code {
  94. text-decoration: underline;
  95. }
  96. /*pre.top {*/
  97. /*margin-left:20px;*/
  98. /*}*/
  99. tr.hidden {
  100. max-height:0;
  101. /*max-height: 0;*/
  102. overflow: hidden;
  103. }
  104. tr.visible {
  105. /* Set our transitions up. */
  106. -webkit-animation:
  107. fadeIn 250ms ease-in;
  108. }
  109. tr.depricated td {
  110. color: #AAA;
  111. text-decoration: line-through;
  112. }
  113. tr.depricated td:last-child {
  114. text-decoration: none;
  115. }
  116. @-webkit-keyframes fadeIn {
  117. 0% {
  118. opacity: 0;
  119. }
  120. 100% {
  121. opacity: 1;
  122. }
  123. }
  124. span.caret {
  125. opacity: 0.5;
  126. }
  127. span.right-caret {
  128. border-bottom: 4px solid transparent;
  129. border-top: 4px solid transparent;
  130. border-left: 4px solid #000000;
  131. display: inline-block;
  132. height: 0;
  133. opacity: 0.5;
  134. vertical-align: top;
  135. width: 0;
  136. margin-left:5px;
  137. margin-top:6px;
  138. }
  139. tr.toggle {
  140. -webkit-touch-callout: none;
  141. -webkit-user-select: none;
  142. -khtml-user-select: none;
  143. -moz-user-select: none;
  144. -ms-user-select: none;
  145. user-select: none;
  146. cursor:pointer;
  147. }
  148. tr.toggle.collapsible {
  149. background-color: #f5f5f5;
  150. border-left: 3px solid #89b3ff;
  151. }
  152. td.indent {
  153. padding-left:25px !important;
  154. }
  155. td.indent2 {
  156. padding-left:50px !important;
  157. }
  158. td p:first-child {
  159. margin-top: 0;
  160. }
  161. td p:last-child {
  162. margin-bottom: 0;
  163. }
  164. pre.options {
  165. max-width:600px;
  166. }
  167. pre.hidden {
  168. display:none;
  169. }
  170. #breadcrumbs {
  171. font-size: 0.85em;
  172. }
  173. #breadcrumbs::before {
  174. content: "You are here:";
  175. padding-right: 5px;
  176. }
  177. #breadcrumbs > *:not(:first-child)::before{
  178. content: "▸";
  179. padding: 0 2px 0 5px;
  180. display:inline-block;
  181. }
  182. #tipue_search_content {
  183. max-width: 100% !important;
  184. }
  185. #navbar #keyword-count {
  186. font-weight: bold;
  187. }
  188. #navbar .panel {
  189. clear: both;
  190. z-index: 1;
  191. position: relative;
  192. display: none;
  193. }
  194. #navbar form[role="search"]::after {
  195. background: rgba(0, 0, 0, 0) url("../img/arrow.svg") no-repeat scroll 145px 0;
  196. background-size: 27%;
  197. content: "Just search it";
  198. display: block;
  199. padding: 40px 40px;
  200. position: absolute;
  201. width: 220px;
  202. margin: 10px 0 0 20px;
  203. color: black;
  204. opacity: 0.4;
  205. }
  206. .highlight {
  207. background-color: #FFFF88;
  208. }