PageRenderTime 17ms CodeModel.GetById 13ms RepoModel.GetById 1ms app.codeStats 0ms

/timeline/styles/timeline.css

http://showslow.googlecode.com/
CSS | 79 lines | 69 code | 10 blank | 0 comment | 0 complexity | 5706b495a4aa1b1ebda07fc1a84d19a6 MD5 | raw file
  1. .timeline-container {
  2. position: relative;
  3. overflow: hidden;
  4. }
  5. .timeline-copyright {
  6. position: absolute;
  7. bottom: 0px;
  8. left: 0px;
  9. z-index: 1000;
  10. cursor: pointer;
  11. }
  12. .timeline-message-container {
  13. position: absolute;
  14. top: 30%;
  15. left: 35%;
  16. right: 35%;
  17. z-index: 1000;
  18. display: none;
  19. }
  20. .timeline-message {
  21. font-size: 120%;
  22. font-weight: bold;
  23. text-align: center;
  24. }
  25. .timeline-message img {
  26. vertical-align: middle;
  27. }
  28. .timeline-band {
  29. position: absolute;
  30. background: #eee;
  31. z-index: 10;
  32. }
  33. .timeline-band-inner {
  34. position: relative;
  35. width: 100%;
  36. height: 100%;
  37. }
  38. .timeline-band-input {
  39. position: absolute;
  40. width: 1em;
  41. height: 1em;
  42. overflow: hidden;
  43. z-index: 0;
  44. }
  45. .timeline-band-input input {
  46. width: 0;
  47. }
  48. .timeline-band-scrollbar {
  49. display: none;
  50. position: absolute;
  51. background: #f8f8f8;
  52. z-index: 100;
  53. overflow: hidden;
  54. }
  55. .timeline-band-scrollbar-thumb {
  56. margin: 2px;
  57. background: #666;
  58. position: relative;
  59. }
  60. .timeline-band-layer {
  61. position: absolute;
  62. width: 100%;
  63. height: 100%;
  64. }
  65. .timeline-band-layer-inner {
  66. position: relative;
  67. width: 100%;
  68. height: 100%;
  69. }