Advertisement
mushroomh3ad

modal-header

Oct 15th, 2024
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Java 1.89 KB | None | 0 0
  1. /* CUSTOMIZAÇÃO DA MODAL DE CARREGAMENTO */
  2.  
  3. .loader {
  4.     position: fixed;
  5.     width: 100%;
  6.     height: 100%;
  7.     left: 0;
  8.     top: 0;
  9.     background-color: #000;
  10.     opacity: .4;
  11.     z-index: 9999;
  12. }
  13.  
  14. .loader-div {
  15.     display: block;
  16.     position: absolute;
  17.     top: 50%;
  18.     left: 50%;
  19.     color: #999;
  20.     width: 100px;
  21.     height: 30px;
  22.     margin: -7px 0 0 -45px;
  23.     text-align: center;
  24.     font-family: 'PT Sans Narrow', sans-serif;
  25.     font-size: 20px;
  26. }
  27.  
  28. .loader img {
  29.     display: block;
  30.     position: relative;
  31.     left: 50%;
  32.     top: 50%;
  33.     width: 170px;
  34.     height: 170px;
  35.     margin: -85px 0 0 -85px;
  36.     border: 3px solid #F00;
  37.     max-width: 100%;
  38.     width: auto\9;
  39.     height: auto;
  40.     border: 0;
  41. }
  42.  
  43. .loader img:after {
  44.     content: "";
  45.     position: absolute;
  46.     border: 3px solid #0F0;
  47.     left: 15px;
  48.     right: 15px;
  49.     top: 15px;
  50.     bottom: 15px;
  51. }
  52.  
  53. .loader img:before {
  54.     content: "";
  55.     position: absolute;
  56.     border: 3px solid #00F;
  57.     left: 5px;
  58.     right: 5px;
  59.     top: 5px;
  60.     bottom: 5px;
  61. }
  62.  
  63. .loader-div div {
  64.     border: 3px solid transparent;
  65.     border-top-color: #4D658D;
  66.     border-bottom-color: #4D658D;
  67.     border-radius: 50%;
  68.     -webkit-animation: loader 2s linear infinite;
  69.     -moz-animation: loader 2s linear infinite;
  70.     -o-animation: loader 2s linear infinite;
  71.     animation: loader 2s linear infinite;
  72. }
  73.  
  74. .loader-div div:before {
  75.     border: 3px solid transparent;
  76.     border-top-color: #D4CC6A;
  77.     border-bottom-color: #D4CC6A;
  78.     border-radius: 50%;
  79.     -webkit-animation: loader 3s linear infinite;
  80.     -moz-animation: loader 2s linear infinite;
  81.     -o-animation: loader 2s linear infinite;
  82.     animation: loader 3s linear infinite;
  83. }
  84.  
  85. .loader-div div:after {
  86.     border: 3px solid transparent;
  87.     border-top-color: #84417C;
  88.     border-bottom-color: #84417C;
  89.     border-radius: 50%;
  90.     -webkit-animation: loader 1.5s linear infinite;
  91.     animation: loader 1.5s linear infinite;
  92.     -moz-animation: loader 2s linear infinite;
  93.     -o-animation: loader 2s linear infinite;
  94. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement