ref.css 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594
  1. .clearfix {
  2. clear: both;
  3. }
  4. .hidden {
  5. visibility: hidden;
  6. }
  7. .container {
  8. width: auto;
  9. padding: 30px;
  10. margin: auto;
  11. }
  12. * {
  13. font-family: 'Source Sans Pro', sans-serif;
  14. }
  15. body {
  16. margin: 0;
  17. background-color: #15151d;
  18. font-size: 1em;
  19. overflow-x: hidden;
  20. }
  21. h3 {
  22. text-transform: uppercase;
  23. margin-bottom: 3px;
  24. }
  25. p {
  26. margin: 0 0 1em 0;
  27. }
  28. a {
  29. color: #8085e8;
  30. text-decoration: none;
  31. font-weight: bold;
  32. }
  33. a:hover {
  34. color: #90ee7e;
  35. }
  36. #nav a.dump {
  37. padding: 0px;
  38. margin: 0px;
  39. }
  40. /*
  41. ==========
  42. === Header
  43. ==========
  44. */
  45. #top {
  46. background-color: #252530;
  47. }
  48. #top .container {
  49. padding: 0;
  50. }
  51. #top h1 {
  52. color: #eeeaea;
  53. font-weight: 100;
  54. margin: 0;
  55. font-size: 1.5em;
  56. }
  57. .cell {
  58. width: 33%;
  59. display: inline-block;
  60. vertical-align: middle;
  61. }
  62. .cell:nth-child(4) {
  63. text-align: right;
  64. color:#eeeaea;
  65. font-size: 0.9em;
  66. }
  67. #logo {
  68. display: block;
  69. }
  70. #logo img {
  71. max-width: 200px;
  72. width: 100%;
  73. margin: 15px;
  74. margin-left: 33px;
  75. height: 32px;
  76. }
  77. /* Search bar */
  78. #search-div {
  79. color: #252530;
  80. display: block;
  81. margin-bottom: 20px;
  82. border: 1px solid #252530;
  83. }
  84. div#search-div i {
  85. margin: 5px;
  86. color: #252530;
  87. font-size: 14px;
  88. }
  89. input#search {
  90. height: 18px;
  91. font-family: "Courier New", Courier, monospace;
  92. font-size: 0.9em;
  93. background-color: transparent;
  94. border: none;
  95. outline: none;
  96. color: #252530;
  97. width:80%;
  98. }
  99. .ui-autocomplete {
  100. max-height: 500px;
  101. max-width: 400px;
  102. overflow-y: auto;
  103. overflow-x: auto;
  104. }
  105. .ui-menu .ui-menu-item {
  106. font-size:14px;
  107. zoom:1;
  108. font-family: "Courier New", Courier, monospace;
  109. }
  110. .ui-widget-content a {
  111. color: #222222 /*{fcContent}*/;
  112. }
  113. /*
  114. ==============
  115. === END Header
  116. ==============
  117. */
  118. /*
  119. ==========
  120. === Footer
  121. ==========
  122. */
  123. #footer {
  124. background-color: #15151d;
  125. color: #eeeaea;
  126. }
  127. #footer-copy {
  128. float: left;
  129. font-size: 14px;
  130. line-height: 18px;
  131. }
  132. #footer-social {
  133. float: right;
  134. }
  135. #footer-social a {
  136. color: #eeeaea;
  137. font-size: 18px;
  138. margin-left: 10px;
  139. }
  140. #footer-social a:hover {
  141. color: #90ee7e;
  142. }
  143. #footer .container {
  144. padding: 10px;
  145. }
  146. #scrollTop {
  147. position: fixed;
  148. bottom: 75px;
  149. right: 50px;
  150. background-color: #90ee7e;
  151. padding: 10px;
  152. border-radius: 2px;
  153. color: white;
  154. display: none;
  155. }
  156. #scrollTop:hover {
  157. color: black;
  158. }
  159. /*
  160. ==============
  161. === END Footer
  162. ==============
  163. */
  164. #reference-loading {
  165. margin-top: 300px;
  166. text-align: center;
  167. }
  168. /*
  169. ===========
  170. === Wrapper
  171. ===========
  172. */
  173. #splashText {
  174. display: none;
  175. }
  176. .nav-section h3 {
  177. font-size: 24px;
  178. margin-top: 0;
  179. }
  180. #wrapper{
  181. background-color: #d6d1d1;
  182. }
  183. #wrapper .container {
  184. padding: 0;
  185. }
  186. #wrapper-inner {
  187. background-color: #ffffff;
  188. /*border: 1px solid silver;*/
  189. }
  190. .tree a {
  191. color: #252530;
  192. }
  193. #nav .tree, #nav .tree * {
  194. font-family: "Courier New", Courier, monospace;
  195. }
  196. #nav .header p {
  197. font-weight: normal;
  198. color: #666;
  199. }
  200. #nav h1,
  201. #details h1,
  202. #details h2 {
  203. font-weight: 100;
  204. margin-bottom: 1em;
  205. }
  206. #nav h1,
  207. #details h2 {
  208. text-transform: uppercase;
  209. }
  210. #nav {
  211. min-height: 100%;
  212. border-right: 1px solid silver;
  213. }
  214. #nav-wrap {
  215. width: 30%;
  216. float:left;
  217. overflow: auto;
  218. }
  219. #nav a,#nav a:visited {
  220. font-weight: bold;
  221. padding: 0 2px;
  222. margin: 1px;
  223. }
  224. .nav-section {
  225. padding: 30px;
  226. position: relative;
  227. }
  228. .nav-section:last-child {
  229. border-bottom: none;
  230. }
  231. #nav .level {
  232. margin-left: 13px;
  233. display: none;
  234. }
  235. #nav .level-0 {
  236. display: block;
  237. }
  238. #nav a.level-0 {
  239. margin-left: 1em;
  240. }
  241. #nav .menuitem {
  242. position: relative;
  243. }
  244. #nav .value {
  245. width: 40%;
  246. overflow: hidden;
  247. color: silver;
  248. position: absolute;
  249. white-space: nowrap;
  250. }
  251. #nav .value-string, #nav .value-color {
  252. color: #39A832;
  253. }
  254. #nav .value-number {
  255. color: #297EA8;
  256. }
  257. a.hilighted {
  258. background-color: #C5F7BE;
  259. }
  260. #nav .plus {
  261. display: block;
  262. position: absolute;
  263. left: -12px;
  264. top: 0;
  265. width: 9px;
  266. height: 9px;
  267. font-family: FontAwesome;
  268. color: gray;
  269. }
  270. #nav .plus:before {
  271. }
  272. #nav .collapsed>.plus:before {
  273. content: "\f0da";
  274. }
  275. #nav .expanded>.plus:before {
  276. content: "\f0d7";
  277. }
  278. #nav .dots {
  279. padding: 0 4px;
  280. }
  281. #nav .expanded>.dots {
  282. display: none;
  283. }
  284. #nav .dots.loading {
  285. background: url(./../images/ajax-loader.gif) no-repeat center;
  286. }
  287. #nav .dots.error {
  288. color: red;
  289. font-weight: bold;
  290. }
  291. #nav .dots.loading span {
  292. visibility: hidden;
  293. }
  294. #nav code {
  295. color:#8085e8;
  296. font-weight: bold;
  297. }
  298. #nav span.typed {
  299. margin-left: 15px;
  300. }
  301. #nav .collapsed span.typed {
  302. margin-left: 0;
  303. }
  304. #nav .collapsed br.typed {
  305. display: none;
  306. }
  307. #methods-and-properties-toc ul {
  308. margin-left: 0;
  309. padding-left: 1em;
  310. }
  311. #options-tree,#global-options-tree,#objects-tree {
  312. font-size: 0.9em;
  313. }
  314. pre,code {
  315. font-family: "Courier New", Courier, monospace;
  316. }
  317. #overview {
  318. margin-left: 420px;
  319. }
  320. #details-wrap {
  321. float: right;
  322. width: 70%;
  323. overflow:auto;
  324. margin:0px;
  325. padding:0px;
  326. }
  327. /* Member styling */
  328. .member {
  329. padding: 30px;
  330. overflow-y: hidden;
  331. position: relative;
  332. border-top: 1px solid silver;
  333. }
  334. .member:first-child {
  335. color:green;
  336. }
  337. .member.deprecated * {
  338. color: silver !important;
  339. }
  340. .member.hilighted {
  341. background-color: #eefdec;
  342. }
  343. .member .title, .member .title a, .member .returnType {
  344. font-family: "Courier New", Courier, monospace;
  345. font-size: 1.1em;
  346. font-weight: bold;
  347. margin-bottom: 5px;
  348. display: inline-block;
  349. }
  350. .member .title a{
  351. text-decoration: underline;
  352. }
  353. .member .default {
  354. display: none;
  355. }
  356. .member .since {
  357. float: right;
  358. font-size: 0.8em;
  359. }
  360. .member .description {
  361. color: #666;
  362. }
  363. .member .context {
  364. padding: 1em 0;
  365. }
  366. .description code {
  367. color: #666;
  368. font-weight: normal;
  369. }
  370. .section {
  371. padding-top: 25px;
  372. }
  373. .section .demo, .member .demo {
  374. font-style: italic;
  375. margin-top: 1.5em;
  376. margin-bottom:0.5em;
  377. margin-left: 1.5em;
  378. }
  379. .section .member .demo {
  380. margin-left: 0em;
  381. }
  382. .section h1,
  383. .section h2,
  384. .section .section-description {
  385. padding-left: 25px;
  386. }
  387. .section h1 {
  388. margin: 0px;
  389. font-family: "Courier New", Courier, monospace;
  390. }
  391. .section-description {
  392. margin: 0 0 1em 0;
  393. }
  394. /*gert*/
  395. .menuitem div {
  396. margin-left: 8px;
  397. }
  398. .tree {
  399. padding-left: 24px;
  400. }
  401. div.edit {
  402. float: right
  403. }
  404. /*edit form*/
  405. form#optionAttribute td.inp {
  406. width: 450px;
  407. }
  408. form#optionAttribute td input {
  409. width: 100%;
  410. }
  411. form#optionAttribute td textarea {
  412. width: 100%;
  413. }
  414. form#optionAttribute td input[type="checkbox"] {
  415. width: 20px;
  416. }
  417. .pencil {
  418. background-image: url(./../images/edit.png);
  419. }
  420. .remove {
  421. background-image: url(./../images/delete.gif);
  422. }
  423. .add {
  424. background-image: url(./../images/add.png);
  425. }
  426. .copy {
  427. background-image: url(./../images/copy.png);
  428. }
  429. .pencil, .add, .remove, .copy {
  430. background-repeat: no-repeat;
  431. background-position: center;
  432. float: right;
  433. position: relative;
  434. width: 10px;
  435. padding: 8px;
  436. }
  437. .pencil a,.add a,.remove a, .copy a {
  438. text-decoration: none;
  439. padding: 5px;
  440. }
  441. .deprecated, .error {
  442. color: red;
  443. font-weight: bold;
  444. }
  445. dl#inhMembers dd a,span.returnType {
  446. margin-left: 3px;
  447. }
  448. /* fix for icons changing containers height, affects updateHeights, javascript function */
  449. #footer-social i:before {
  450. line-height: 1.5;
  451. }
  452. @media screen and (max-width: 767px) {
  453. .nav-section-inner {
  454. display: none;
  455. }
  456. #nav-wrap {
  457. width: 100%;
  458. }
  459. #details-wrap {
  460. width: 100%;
  461. }
  462. .nav-section {
  463. padding: 0px;
  464. }
  465. #search-div{
  466. margin:30px;
  467. }
  468. #wrapper,
  469. #wrapper-inner,
  470. #details-wrap {
  471. height: auto !important;
  472. }
  473. .cell {
  474. width: 48%;
  475. text-align: center !important;
  476. }
  477. .cell:nth-child(1) {
  478. width: 100%;
  479. }
  480. #splashText {
  481. padding: 30px;
  482. text-align: center;
  483. }
  484. #splashText.section {
  485. border: none;
  486. }
  487. #splashText img {
  488. width: 100%;
  489. max-width: 380px;
  490. }
  491. #scrollTop {
  492. display: block;
  493. }
  494. .section {
  495. padding-top: 0px;
  496. }
  497. #logo img {
  498. margin-left:0px;
  499. margin-right:0px;
  500. }
  501. }
  502. @media screen and (max-width: 479px) {
  503. #footer-copy,
  504. #footer-social {
  505. float: none;
  506. text-align: center;
  507. padding: 5px 0;
  508. }
  509. .cell {
  510. width: 100%;
  511. }
  512. .ui-autocomplete {
  513. max-height: 300px;
  514. max-width: 275px;
  515. overflow-x:auto;
  516. }