OLD | NEW |
1 /* Reset */ | 1 /* Reset */ |
2 body, h1, h2, h3, h4, li, ol, p, pre, section, ul { | 2 body, h1, h2, h3, h4, li, ol, p, pre, section, ul { |
3 margin: 0; | 3 margin: 0; |
4 padding: 0; | 4 padding: 0; |
5 } | 5 } |
6 | 6 |
7 body { | 7 body { |
8 font-family: Georgia, serif; | 8 font-family: Georgia, serif; |
9 background: #e8e8e8; | 9 background: #e8e8e8; |
10 color: #333; | 10 color: #333; |
11 background-image: url('body-bg.png'); | 11 background-image: url('body-bg.png'); |
12 background-repeat: repeat; | 12 background-repeat: repeat; |
13 overflow: hidden; | 13 overflow: hidden; |
14 position: absolute; | 14 position: absolute; |
15 left: 0; | 15 left: 0; |
16 top: 0; | 16 top: 0; |
17 right: 0; | 17 right: 0; |
18 bottom: 0; | 18 bottom: 0; |
19 } | 19 } |
20 | 20 |
21 html { | 21 html { |
22 height: 100%; | 22 height: 100%; |
23 overflow: hidden; | 23 overflow: hidden; |
24 } | 24 } |
| 25 |
25 h2 { | 26 h2 { |
26 font: 400 28px/44px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | 27 font: 400 24px/38px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', |
27 sans-serif; | 28 sans-serif; |
28 } | 29 } |
29 | 30 |
30 h3 { | 31 h3 { |
31 font: 600 15px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | 32 font: 600 15px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', |
32 sans-serif; | 33 sans-serif; |
33 color: #999; | 34 color: #999; |
34 } | 35 } |
35 | 36 |
36 h4 { | 37 h4 { |
(...skipping 194 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
231 position: absolute; | 232 position: absolute; |
232 top: 44px; /* TODO(jacobr): don't hard code this. */ | 233 top: 44px; /* TODO(jacobr): don't hard code this. */ |
233 bottom: 0px; | 234 bottom: 0px; |
234 overflow-y: auto; | 235 overflow-y: auto; |
235 overflow-x: auto; | 236 overflow-x: auto; |
236 left: 308px; /* 14 x 22 */ | 237 left: 308px; /* 14 x 22 */ |
237 padding: 22px 22px; | 238 padding: 22px 22px; |
238 right: 0px; | 239 right: 0px; |
239 } | 240 } |
240 | 241 |
241 } | |
242 | |
243 .nav h2 { | 242 .nav h2 { |
244 font: 400 16px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | 243 font: 400 16px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', |
245 sans-serif; | 244 sans-serif; |
246 margin: 0 -21px; | 245 margin: 0 -21px; |
247 padding: 11px 22px; | 246 padding: 11px 22px; |
248 } | 247 } |
249 | 248 |
250 ul.icon { | 249 ul.icon { |
251 margin: 0 0 22px 0; | 250 margin: 0 0 22px 0; |
252 padding: 0; | 251 padding: 0; |
(...skipping 18 matching lines...) Expand all Loading... |
271 width: 14px; | 270 width: 14px; |
272 height: 14px; | 271 height: 14px; |
273 margin: 5px 10px 0 2px; | 272 margin: 5px 10px 0 2px; |
274 vertical-align: top; | 273 vertical-align: top; |
275 } | 274 } |
276 | 275 |
277 .icon-class { background: url('class.png'); } | 276 .icon-class { background: url('class.png'); } |
278 .icon-exception { background: url('exception.png'); } | 277 .icon-exception { background: url('exception.png'); } |
279 .icon-interface { background: url('interface.png'); } | 278 .icon-interface { background: url('interface.png'); } |
280 | 279 |
281 ul | 280 .tree-list { |
282 { | 281 list-style-type: none; |
283 list-style-type: none; | 282 padding: 0px; |
284 padding: 0px; | 283 margin: 0px; |
285 margin: 0px; | |
286 } | 284 } |
287 | 285 |
288 li { | 286 .tree-list li { |
289 line-height: 26px; | 287 line-height: 26px; |
290 font: 600 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | 288 font: 600 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', |
291 sans-serif; | 289 sans-serif; |
292 padding-left: 24px; | 290 padding-left: 24px; |
293 background-repeat: no-repeat; | |
294 background-position: 0px 5px; | 291 background-position: 0px 5px; |
295 } | 292 } |
296 | 293 |
297 ul.libraries li | 294 .kind { |
298 { | 295 background-repeat: no-repeat; |
299 background-image: url(package_obj.gif); | 296 background-position-y: center; |
| 297 padding-left: 24px; |
| 298 background-size: 16px 16px; |
300 } | 299 } |
301 | 300 |
302 li.kind-class, h2.kind-class::before, h3.kind-class::before | 301 .kind-library { |
303 { | 302 background-image: url(package_obj.gif); |
304 background-image: url(class_public.png); | |
305 } | 303 } |
306 | 304 |
307 li.kind-typedef, h2.kind-typedef::before, h3.kind-typedef::before | 305 .kind-class { |
308 { | 306 background-image: url(class_public.png); |
309 background-image: url(functiontype_public.png); | |
310 } | 307 } |
311 | 308 |
312 li.kind-typedef.private, h2.kind-typedef.private::before, h3.kind-typedef.privat
e::before | 309 .kind-typedef { |
313 { | 310 background-image: url(functiontype_public.png); |
314 background-image: url(functiontype_private.png); | |
315 } | 311 } |
316 | 312 |
317 li.kind-class.private, h2.kind-class.private::before, h3.kind-class.private::bef
ore | 313 .kind-typedef.private { |
318 { | 314 background-image: url(functiontype_private.png); |
319 background-image: url(class_private.png); | |
320 } | 315 } |
321 | 316 |
322 | 317 .kind-class.private { |
323 li.kind-exception, h2.kind-exception::before, h3.kind-exception::before | 318 background-image: url(class_private.png); |
324 { | |
325 background-image: url(exception.png); | |
326 } | 319 } |
327 | 320 |
328 li.kind-method, h2.kind-method::before, h3.kind-method::before, | 321 .kind-exception { |
329 li.kind-operator, h2.kind-operator::before, h3.kind-operator::before | 322 background-image: url(exception.png); |
330 { | |
331 background-image: url(method_public.png); | |
332 } | 323 } |
333 | 324 |
334 li.kind-method.private, h2.kind-method.private::before, h3.kind-method.private::
before | 325 .kind-method, .kind-operator { |
335 { | 326 background-image: url(method_public.png); |
| 327 } |
| 328 |
| 329 .kind.getter, .kind.setter, .kind-constructor, .kind.static { |
| 330 background-size: 16px 16px, 24px 16px; |
| 331 } |
| 332 |
| 333 .kind-method.static, .kind-operator.static { |
| 334 background-image: url(method_public.png), url(static.png); |
| 335 } |
| 336 |
| 337 .kind-method.private { |
336 background-image: url(method_private.png); | 338 background-image: url(method_private.png); |
337 } | 339 } |
338 | 340 |
339 li.kind-variable, h2.kind-variable::before, h3.kind-variable::before | 341 .kind-variable { |
340 { | |
341 background-image: url(field_public.png); | 342 background-image: url(field_public.png); |
342 } | 343 } |
343 | 344 |
344 li.kind-variable.private, h2.kind-variable.private::before, h3.kind-variable.pri
vate::before | 345 .kind-variable.static { |
345 { | 346 background-image: url(field_public.png), url(static.png); |
| 347 } |
| 348 |
| 349 .kind-variable.private { |
346 background-image: url(field_private.png); | 350 background-image: url(field_private.png); |
347 } | 351 } |
348 | 352 |
349 li.kind-property, h2.kind-property::before, h3.kind-property::before | 353 .kind-property.getter { |
350 { | 354 background-image: url(method_public.png), url(getter.png); |
351 background-image: url(method_public.png); | |
352 } | 355 } |
353 | 356 |
354 li.kind-property.private, h2.kind-property.private::before, h3.kind-property.pri
vate::before | 357 .kind-property.setter { |
355 { | 358 background-image: url(method_public.png), url(setter.png); |
| 359 } |
| 360 |
| 361 .kind-property.private { |
356 background-image: url(method_private.png); | 362 background-image: url(method_private.png); |
357 } | 363 } |
358 | 364 |
359 li.kind-constructor, h2.kind-constructor::before, h3.kind-constructor::before | 365 .kind-constructor { |
360 { | 366 background-image: url(method_public.png), url(constructor.png); |
361 background-image: url(method_public.png); | |
362 } | 367 } |
363 | 368 |
364 li.kind-constructor.private, h2.kind-constructor.private::before, h3.kind-constr
uctor.private::before | 369 .kind-constructor.private { |
365 { | 370 background-image: url(method_private.png), url(constructor.png); |
366 background-image: url(method_private.png); | 371 } |
| 372 |
| 373 .kind-exception { |
| 374 background-image: url(exception.png); |
| 375 } |
| 376 |
| 377 .child-subtree { |
| 378 background-image: url(inherit.png); |
| 379 background-position-y: top; |
| 380 background-repeat: no-repeat; |
| 381 background-size: 16px 16px; |
| 382 padding-left: 16px; |
367 } | 383 } |
368 | 384 |
369 /** List items displaying a single member */ | 385 /** List items displaying a single member */ |
370 li.kind { | 386 li.kind { |
371 position: relative; | |
372 white-space: nowrap; | 387 white-space: nowrap; |
373 width: 100%; | 388 width: 100%; |
374 overflow: hidden; | 389 overflow: hidden; |
375 text-overflow: ellipsis;} | 390 text-overflow: ellipsis; |
376 | |
377 h2.kind::before, h3.kind::before | |
378 { | |
379 width: 16px; | |
380 height: 24px; | |
381 content: ''; | |
382 margin-right: 4px; | |
383 top: -2px; | |
384 display: inline-block; | |
385 position: relative; | |
386 background-repeat: no-repeat; | |
387 background-position: bottom; | |
388 } | |
389 | |
390 h3.kind::before { | |
391 height: 16px; | |
392 top: 4px; | |
393 } | |
394 | |
395 h2.kind-constructor::before, h3.kind-constructor::before { | |
396 content: "c"; | |
397 font-size: 8px; | |
398 width: 4px; | |
399 color: #4B7E32; | |
400 padding-left: 16px; | |
401 vertical-align: top; | |
402 position: relative; | |
403 top: -8px; | |
404 height: 28px; | |
405 } | |
406 | |
407 li.kind-constructor::before, li.kind.static::before { | |
408 font-size: 8px; | |
409 padding-left: 13px; | |
410 vertical-align: top; | |
411 position: absolute; | |
412 top: -8px; | |
413 left: 0px; | |
414 } | |
415 | |
416 li.kind-constructor::before { | |
417 content: "c"; | |
418 color: #4B7E32; | |
419 } | |
420 | |
421 li.kind.static::before { | |
422 content: "S"; | |
423 color: #800; | |
424 } | 391 } |
425 | 392 |
426 /** TODO(jacobr) use this arrow maybe for hierarchy... ↳ */ | 393 /** TODO(jacobr) use this arrow maybe for hierarchy... ↳ */ |
427 | 394 |
428 | |
429 li.kind.setter::before { | |
430 content: "↑"; | |
431 } | |
432 | |
433 li.kind.getter::before { | |
434 content: "↓"; | |
435 } | |
436 | |
437 li.kind.getter::before, li.kind.setter::before { | |
438 font: 600 9px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | |
439 sans-serif; | |
440 padding-left: 13px; | |
441 color: #000; | |
442 vertical-align: bottom; | |
443 position: absolute; | |
444 padding-top: 11px; | |
445 left: 0px; | |
446 } | |
447 .subclasses, .references { | 395 .subclasses, .references { |
448 font: 500 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-
serif; | 396 font: 500 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-
serif; |
449 padding-bottom: 12px; | 397 padding-bottom: 12px; |
450 } | 398 } |
451 | 399 |
452 .class-summary { | 400 .class-summary { |
453 font: 500 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-
serif; | 401 font: 500 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-
serif; |
454 float: right; | 402 float: right; |
455 min-width: 150px; | 403 min-width: 150px; |
456 max-width: 400px; | 404 max-width: 400px; |
457 border: 1px solid #DDD; | 405 border: 1px solid #DDD; |
458 background-color: #F8F8F8; | 406 background-color: #F8F8F8; |
459 padding: 6px 6px 6px 21px; | 407 padding: 6px 6px 6px 21px; |
460 margin-left: 15px; | 408 margin-left: 15px; |
461 } | 409 } |
462 | 410 |
463 .class-summary li { | 411 .class-summary li { |
464 padding-left: 0px; | 412 padding-left: 0px; |
465 } | 413 } |
466 .class-summary h4 { | 414 .class-summary h4 { |
467 margin-left: -15px; | 415 margin-left: -15px; |
468 } | 416 } |
469 li.kind-exception | |
470 { | |
471 background-image: url(exception.png); | |
472 } | |
473 | 417 |
474 .type-box { | 418 .type-box { |
475 display: inline-block; | 419 display: inline-block; |
476 font: 600 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | 420 font: 600 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', |
477 sans-serif; | 421 sans-serif; |
478 background: #f4f4f4; | 422 background: #f4f4f4; |
479 padding: 0 6px 0 3px; | 423 padding: 0 6px 0 3px; |
480 border-radius: 4px; | 424 border-radius: 4px; |
481 } | 425 } |
482 | 426 |
(...skipping 166 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
649 .element-class { | 593 .element-class { |
650 min-width: 80px; | 594 min-width: 80px; |
651 margin-left: 15px; | 595 margin-left: 15px; |
652 display: inline-block; | 596 display: inline-block; |
653 text-align: right; | 597 text-align: right; |
654 } | 598 } |
655 | 599 |
656 .element-details { | 600 .element-details { |
657 height: 50px; | 601 height: 50px; |
658 overflow: hidden; | 602 overflow: hidden; |
| 603 background-position: 12px 5px; |
| 604 padding-left: 36px; |
659 position: relative; | 605 position: relative; |
660 } | 606 } |
661 | 607 |
662 *:focus | 608 *:focus |
663 { | 609 { |
664 outline: none; | 610 outline: none; |
665 } | 611 } |
666 | 612 |
667 .element-details summary::-webkit-details-marker { | 613 .element-details summary::-webkit-details-marker { |
668 position: absolute; | 614 position: absolute; |
669 color: #DDD; | 615 color: #DDD; |
670 top: 10px; | 616 top: 10px; |
671 left: 0px; | 617 left: 0px; |
672 } | 618 } |
673 | 619 |
674 .element-details { | |
675 padding-left: 20px; | |
676 } | |
677 .element-details .element-documentation { | 620 .element-details .element-documentation { |
678 opacity: .8; | 621 opacity: .8; |
679 } | 622 } |
680 | 623 |
681 .element-details[open] .element-documentation { | 624 .element-details[open] .element-documentation { |
682 opacity: 1; | 625 opacity: 1; |
683 } | 626 } |
684 .element-details[open] { | 627 .element-details[open] { |
685 background-color: #F0F0F0; | 628 background-color: #F0F0F0; |
686 } | 629 } |
(...skipping 16 matching lines...) Expand all Loading... |
703 | 646 |
704 .element-details[open] { | 647 .element-details[open] { |
705 height: auto; | 648 height: auto; |
706 overflow: auto; | 649 overflow: auto; |
707 } | 650 } |
708 | 651 |
709 .member-details .documentation, .member-details .extended-element-info { | 652 .member-details .documentation, .member-details .extended-element-info { |
710 margin-left: 99px; | 653 margin-left: 99px; |
711 } | 654 } |
712 | 655 |
713 .type-details .extended-element-info { | |
714 margin-left: 20px; | |
715 } | |
716 | |
717 .element-definition { | 656 .element-definition { |
718 white-space: nowrap; | 657 white-space: nowrap; |
719 text-overflow: ellipsis; | 658 text-overflow: ellipsis; |
720 } | 659 } |
721 | 660 |
722 .element-class, .element-definition { | 661 .element-class, .element-definition { |
723 line-height: 26px; | 662 line-height: 26px; |
724 font: 500 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | 663 font: 500 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', |
725 sans-serif; | 664 sans-serif; |
726 } | 665 } |
727 | 666 |
728 .element-name { | 667 .element-name { |
729 font-weight: 700; | 668 font-weight: 700; |
730 } | 669 } |
731 | 670 |
732 .extended-element-info { | 671 .extended-element-info { |
733 position: relative; | |
734 font: 400 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | 672 font: 400 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', |
735 sans-serif; | 673 sans-serif; |
736 } | 674 } |
737 | 675 |
738 .extended-element-info summary::-webkit-details-marker { | 676 .extended-element-info summary::-webkit-details-marker { |
739 color: #DDD; | 677 color: #DDD; |
740 top: 0px; | 678 top: 0px; |
741 left: -20px; | 679 left: -20px; |
742 } | 680 } |
743 | 681 |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
775 } | 713 } |
776 | 714 |
777 p { | 715 p { |
778 border-left: solid 4px purple; | 716 border-left: solid 4px purple; |
779 } | 717 } |
780 | 718 |
781 section { | 719 section { |
782 border-left: solid 4px gray; | 720 border-left: solid 4px gray; |
783 } | 721 } |
784 */ | 722 */ |
OLD | NEW |