Dashboard sipadu mbip
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

waves.min.css 4.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. /*!
  2. * Waves v0.7.5
  3. * http://fian.my.id/Waves
  4. *
  5. * Copyright 2014-2016 Alfiana E. Sibuea and other contributors
  6. * Released under the MIT license
  7. * https://github.com/fians/Waves/blob/master/LICENSE
  8. */
  9. .waves-effect {
  10. position: relative;
  11. cursor: pointer;
  12. display: inline-block;
  13. overflow: hidden;
  14. -webkit-user-select: none;
  15. -moz-user-select: none;
  16. -ms-user-select: none;
  17. user-select: none;
  18. -webkit-tap-highlight-color: transparent
  19. }
  20. .waves-effect .waves-ripple {
  21. position: absolute;
  22. border-radius: 50%;
  23. width: 100px;
  24. height: 100px;
  25. margin-top: -50px;
  26. margin-left: -50px;
  27. opacity: 0;
  28. background: rgba(0, 0, 0, .2);
  29. background: -webkit-radial-gradient(rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .25) 50%, rgba(0, 0, 0, .3) 60%, rgba(255, 255, 255, 0) 70%);
  30. background: -o-radial-gradient(rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .25) 50%, rgba(0, 0, 0, .3) 60%, rgba(255, 255, 255, 0) 70%);
  31. background: -moz-radial-gradient(rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .25) 50%, rgba(0, 0, 0, .3) 60%, rgba(255, 255, 255, 0) 70%);
  32. background: radial-gradient(rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .25) 50%, rgba(0, 0, 0, .3) 60%, rgba(255, 255, 255, 0) 70%);
  33. -webkit-transition: all .5s ease-out;
  34. -moz-transition: all .5s ease-out;
  35. -o-transition: all .5s ease-out;
  36. transition: all .5s ease-out;
  37. -webkit-transition-property: -webkit-transform, opacity;
  38. -moz-transition-property: -moz-transform, opacity;
  39. -o-transition-property: -o-transform, opacity;
  40. transition-property: transform, opacity;
  41. -webkit-transform: scale(0) translate(0, 0);
  42. -moz-transform: scale(0) translate(0, 0);
  43. -ms-transform: scale(0) translate(0, 0);
  44. -o-transform: scale(0) translate(0, 0);
  45. transform: scale(0) translate(0, 0);
  46. pointer-events: none
  47. }
  48. .waves-effect.waves-light .waves-ripple {
  49. background: rgba(255, 255, 255, .4);
  50. background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
  51. background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
  52. background: -moz-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
  53. background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%)
  54. }
  55. .waves-effect.waves-classic .waves-ripple {
  56. background: rgba(0, 0, 0, .2)
  57. }
  58. .waves-effect.waves-classic.waves-light .waves-ripple {
  59. background: rgba(255, 255, 255, .4)
  60. }
  61. .waves-notransition {
  62. -webkit-transition: none !important;
  63. -moz-transition: none !important;
  64. -o-transition: none !important;
  65. transition: none !important
  66. }
  67. .waves-button, .waves-circle {
  68. -webkit-transform: translateZ(0);
  69. -moz-transform: translateZ(0);
  70. -ms-transform: translateZ(0);
  71. -o-transform: translateZ(0);
  72. transform: translateZ(0);
  73. -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
  74. }
  75. .waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input {
  76. white-space: nowrap;
  77. vertical-align: middle;
  78. cursor: pointer;
  79. border: none;
  80. outline: 0;
  81. color: inherit;
  82. background-color: transparent;
  83. font-size: 1em;
  84. line-height: 1em;
  85. text-align: center;
  86. text-decoration: none;
  87. z-index: 1
  88. }
  89. .waves-button {
  90. padding: .85em 1.1em;
  91. border-radius: .2em
  92. }
  93. .waves-button-input {
  94. margin: 0;
  95. padding: .85em 1.1em
  96. }
  97. .waves-input-wrapper {
  98. border-radius: .2em;
  99. vertical-align: bottom
  100. }
  101. .waves-input-wrapper.waves-button {
  102. padding: 0
  103. }
  104. .waves-input-wrapper .waves-button-input {
  105. position: relative;
  106. top: 0;
  107. left: 0;
  108. z-index: 1
  109. }
  110. .waves-circle {
  111. text-align: center;
  112. width: 2.5em;
  113. height: 2.5em;
  114. line-height: 2.5em;
  115. border-radius: 50%
  116. }
  117. .waves-float {
  118. -webkit-mask-image: none;
  119. -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
  120. box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
  121. -webkit-transition: all 300ms;
  122. -moz-transition: all 300ms;
  123. -o-transition: all 300ms;
  124. transition: all 300ms
  125. }
  126. .waves-float:active {
  127. -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);
  128. box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3)
  129. }
  130. .waves-block {
  131. display: block
  132. }