bimrocket.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. /*
  2. Created on : 14-sep-2019, 9:07:32
  3. Author : realor
  4. */
  5. .container
  6. {
  7. position: absolute;
  8. top:68px;
  9. bottom:0;
  10. left:0;
  11. right:0;
  12. }
  13. @keyframes fade_out_logo
  14. {
  15. 0% {opacity: 1}
  16. 100% {opacity: 0; visibility: hidden; }
  17. }
  18. @keyframes fade_in_logo
  19. {
  20. 0% {opacity: 0; visibility: visible; }
  21. 100% {opacity: 1; }
  22. }
  23. .logo_panel
  24. {
  25. z-index: 1000;
  26. background: black;
  27. position:absolute;
  28. top:0;
  29. bottom:0;
  30. left:0;
  31. right:0;
  32. display: flex;
  33. justify-content: center;
  34. align-items: center;
  35. height: 100%;
  36. }
  37. .logo_panel > img
  38. {
  39. width: 400px;
  40. max-width: 80%;
  41. }
  42. .logo_panel.visible
  43. {
  44. animation: fade_in_logo;
  45. animation-duration: 1s;
  46. animation-fill-mode: forwards;
  47. }
  48. .logo_panel.hidden
  49. {
  50. animation: fade_out_logo;
  51. animation-duration: 1s;
  52. animation-fill-mode: forwards;
  53. }
  54. header
  55. {
  56. }
  57. header > a.logo_link
  58. {
  59. background-color: #B00000;
  60. height: 28px;
  61. display: inline-block;
  62. width: 140px;
  63. padding-top: 0;
  64. text-align: center;
  65. cursor: pointer;
  66. position: absolute;
  67. z-index: 1;
  68. left: 0;
  69. top: 0;
  70. user-select: none;
  71. }
  72. header > a.logo_link > img
  73. {
  74. height: 28px;
  75. }
  76. header nav
  77. {
  78. position: absolute;
  79. top: 0;
  80. left: 140px;
  81. right:0;
  82. bottom:0;
  83. background-color: #254441;
  84. }
  85. .toolbar
  86. {
  87. position:absolute;
  88. top:28px;
  89. left:0px;
  90. right:0px;
  91. height: 40px;
  92. text-align: left;
  93. background-color: #f0f0f0;
  94. overflow: hidden;
  95. }