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.

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