ulvis.paste.net

Paste Search Dynamic
Recent pastes
css whatsapp
  1.  
  2. <style>
  3. html, body, #app {
  4. height: 100%;
  5. width: 100%;
  6. overflow: hidden;
  7. padding: 0;
  8. margin: 0;
  9. }
  10.  
  11. #app {
  12. position: absolute;
  13. top: 0;
  14. left: 0;
  15. }
  16.  
  17. #startup, #initial_startup {
  18. width: 100%;
  19. height: 100%;
  20. position: fixed;
  21. background-color: #f2f2f2;
  22.  
  23. -moz-user-select: none;
  24. -webkit-user-select: none;
  25.  
  26. display: flex;
  27. align-items: center;
  28. justify-content: center;
  29. display: -webkit-box;
  30. display: -webkit-flex;
  31. -webkit-align-items: center;
  32. -webkit-justify-content: center;
  33. flex-direction: column;
  34. -webkit-flex-direction: column;
  35. }
  36.  
  37. .spinner-container {
  38. -webkit-animation: rotate 2s linear infinite;
  39. animation: rotate 2s linear infinite;
  40. z-index: 2;
  41. }
  42.  
  43. .spinner-path {
  44. stroke-dasharray: 1,150;
  45. stroke-dashoffset: 0;
  46. stroke: #acb9bf;
  47. stroke-linecap: round;
  48. -webkit-animation: dash 1.5s ease-in-out infinite;
  49. animation: dash 1.5s ease-in-out infinite;
  50. }
  51.  
  52. @keyframes rotate {
  53. 100% { transform: rotate(360deg); }
  54. }
  55. @-webkit-keyframes rotate{
  56. 100% { -webkit-transform: rotate(360deg); }
  57. }
  58.  
  59. @keyframes dash {
  60. 0% {
  61. stroke-dasharray: 1,150;  
  62. stroke-dashoffset: 0;
  63. }
  64. 50% {
  65. stroke-dasharray: 90,150;
  66. stroke-dashoffset: -35;  
  67. }
  68. 100% {
  69. stroke-dasharray: 90,150;
  70. stroke-dashoffset: -124;  
  71. }
  72. }
  73. @-webkit-keyframes dash {
  74. 0% {
  75. stroke-dasharray: 1,150;  
  76. stroke-dashoffset: 0;
  77. }
  78. 50% {
  79. stroke-dasharray: 90,150;
  80. stroke-dashoffset: -35;  
  81. }
  82. 100% {
  83. stroke-dasharray: 90,150;
  84. stroke-dashoffset: -124;  
  85. }
  86. }
  87.  
  88. .progress-container {
  89. width: 360px;
  90. position: fixed;
  91. padding-top: 120px;
  92. top: 50%;
  93. left: 50%;
  94. margin-left: -180px;
  95. }
  96.  
  97. progress {
  98. -webkit-appearance: none;
  99. appearance: none;
  100. width: 100%;
  101. height: 3px;
  102. border: none;
  103. margin: 0;
  104. color: #02d1a4;
  105. background-color: #e0e4e5;
  106. }
  107.  
  108. progress[value]::-webkit-progress-bar {
  109. background-color: #e0e4e5;
  110. }
  111.  
  112. progress[value]::-webkit-progress-value {
  113. background-color: #02d1a4;
  114. }
  115.  
  116. progress[value]::-moz-progress-bar {
  117. background-color: #02d1a4;
  118. }
  119. </style>
Parsed in 0.017 seconds