layout.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /**
  2. * Layouts
  3. *
  4. */
  5. /** COMMONS */
  6. #perfnode,
  7. #filters,
  8. #timeline,
  9. #timeline-container {
  10. -webkit-transition: height 1s ease-out;
  11. -moz-transition: height 1s ease-out;
  12. -o-transition: height 1s ease-out;
  13. transition: height 1s ease-out;
  14. /*-webkit-transition: height, 5s, ease-out;
  15. -moz-transition: height, 5s, ease-out;
  16. -o-transition: height, 5s, ease-out;
  17. transition: height, 5s, ease-out;
  18. */
  19. }
  20. body.layout-intro #main {
  21. height: 97%;
  22. }
  23. body.layout-intro #perfnode {
  24. height: 0%;
  25. }
  26. body.layout-intro #filters {
  27. height: 0%;
  28. }
  29. body.layout-intro #timeline {
  30. height: 65%;
  31. }
  32. body.layout-intro #timeline #timeline-container {
  33. height: 98%;
  34. }
  35. body.layout-intro #timeline-loader {
  36. display: block;
  37. }
  38. body.layout-timeline #main {
  39. height: 97%;
  40. }
  41. body.layout-timeline #perfnode {
  42. height: 0%;
  43. }
  44. body.layout-timeline #filters {
  45. height: 30%;
  46. }
  47. body.layout-timeline #timeline {
  48. height: 65%;
  49. }
  50. body.layout-timeline #timeline #timeline-container {
  51. height: 98%;
  52. }
  53. body.layout-timeline #timeline-loader {
  54. display: none;
  55. }
  56. body.layout-perfnode #main {
  57. height: 97%;
  58. }
  59. body.layout-perfnode #perfnode {
  60. height: 85%;
  61. }
  62. body.layout-perfnode #filters {
  63. height: 0%;
  64. }
  65. body.layout-perfnode #timeline {
  66. height: 3%;
  67. }
  68. body.layout-perfnode #timeline #timeline-container {
  69. height: 0%;
  70. }
  71. body.layout-perfnode #timeline-loader {
  72. display: none;
  73. }