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.

238 lines
4.1 KiB

9 years ago
9 years ago
  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. }
  91. a code {
  92. text-decoration: underline;
  93. }
  94. /*pre.top {*/
  95. /*margin-left:20px;*/
  96. /*}*/
  97. tr.hidden {
  98. max-height:0;
  99. /*max-height: 0;*/
  100. overflow: hidden;
  101. }
  102. tr.visible {
  103. /* Set our transitions up. */
  104. -webkit-animation:
  105. fadeIn 250ms ease-in;
  106. }
  107. @-webkit-keyframes fadeIn {
  108. 0% {
  109. opacity: 0;
  110. }
  111. 100% {
  112. opacity: 1;
  113. }
  114. }
  115. span.caret {
  116. opacity: 0.5;
  117. }
  118. span.right-caret {
  119. border-bottom: 4px solid transparent;
  120. border-top: 4px solid transparent;
  121. border-left: 4px solid #000000;
  122. display: inline-block;
  123. height: 0;
  124. opacity: 0.5;
  125. vertical-align: top;
  126. width: 0;
  127. margin-left:5px;
  128. margin-top:6px;
  129. }
  130. tr.toggle {
  131. -webkit-touch-callout: none;
  132. -webkit-user-select: none;
  133. -khtml-user-select: none;
  134. -moz-user-select: none;
  135. -ms-user-select: none;
  136. user-select: none;
  137. cursor:pointer;
  138. }
  139. tr.toggle.collapsible {
  140. background-color: #f5f5f5;
  141. border-left: 3px solid #89b3ff;
  142. }
  143. td.indent {
  144. padding-left:25px !important;
  145. }
  146. td.indent2 {
  147. padding-left:50px !important;
  148. }
  149. pre.options {
  150. max-width:600px;
  151. }
  152. pre.hidden {
  153. display:none;
  154. }
  155. #breadcrumbs {
  156. font-size: 0.85em;
  157. }
  158. #breadcrumbs::before {
  159. content: "You are here:";
  160. padding-right: 5px;
  161. }
  162. #breadcrumbs > *:not(:first-child)::before{
  163. content: "▸";
  164. padding: 0 2px 0 5px;
  165. display:inline-block;
  166. }
  167. #tipue_search_content {
  168. max-width: 100% !important;
  169. }
  170. #navbar #keyword-count {
  171. font-weight: bold;
  172. }
  173. #navbar .panel {
  174. clear: both;
  175. z-index: 1;
  176. position: relative;
  177. display: none;
  178. }
  179. #navbar form[role="search"]::after {
  180. background: rgba(0, 0, 0, 0) url("../img/arrow.svg") no-repeat scroll 145px 0;
  181. background-size: 27%;
  182. content: "Just search it";
  183. display: block;
  184. padding: 40px 40px;
  185. position: absolute;
  186. width: 220px;
  187. margin: 10px 0 0 20px;
  188. color: black;
  189. opacity: 0.4;
  190. }
  191. .highlight {
  192. background-color: #FFFF88;
  193. }