boldlight.css 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. html,
  2. body {
  3. min-height: 100%;
  4. }
  5. .humane,
  6. .humane-boldlight {
  7. position: fixed;
  8. -moz-transition: all 0.3s ease-out;
  9. -webkit-transition: all 0.3s ease-out;
  10. -ms-transition: all 0.3s ease-out;
  11. -o-transition: all 0.3s ease-out;
  12. transition: all 0.3s ease-out;
  13. z-index: 100000;
  14. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  15. }
  16. .humane,
  17. .humane-boldlight {
  18. font-family: Ubuntu, Verdana, sans-serif;
  19. font-size: 25px;
  20. letter-spacing: -1px;
  21. top: 25%;
  22. left: 25%;
  23. opacity: 0;
  24. width: 50%;
  25. color: #000;
  26. padding: 10px;
  27. text-align: center;
  28. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACWCAYAAAAfduJyAAAABmJLR0QA/wD/AP+gvaeTAAAAPElEQVQokWP4////Gab///8zQAgGBgYo8e/fP2QxSpSgydJNCYJLRSVoPqeOkgEIYop9TrGbSfcWpW4GAFeF/7lb/oWBAAAAAElFTkSuQmCC');
  29. background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.8)), color-stop(1, rgba(150,150,150,0.8))) no-repeat;
  30. background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(150,150,150,0.8) 100%) no-repeat;
  31. background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(150,150,150,0.8) 100%) no-repeat;
  32. background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(150,150,150,0.8) 100%) no-repeat;
  33. background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(150,150,150,0.8) 100%) no-repeat;
  34. background: linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(150,150,150,0.8) 100%) no-repeat;
  35. *background-color: #fff;
  36. -webkit-border-radius: 15px;
  37. border-radius: 15px;
  38. text-shadow: 0 -1px 1px rgba(221,221,221,0.4);
  39. -webkit-box-shadow: 0 4px 4px -4px #eee;
  40. box-shadow: 0 4px 4px -4px #eee;
  41. -moz-transform: scale(1.1);
  42. -webkit-transform: scale(1.1);
  43. -ms-transform: scale(1.1);
  44. -o-transform: scale(1.1);
  45. transform: scale(1.1);
  46. }
  47. .humane p,
  48. .humane-boldlight p,
  49. .humane ul,
  50. .humane-boldlight ul {
  51. margin: 0;
  52. padding: 0;
  53. }
  54. .humane ul,
  55. .humane-boldlight ul {
  56. list-style: none;
  57. }
  58. .humane.humane-boldlight-info,
  59. .humane-boldlight.humane-boldlight-info {
  60. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAR0lEQVQokWNISfn/n4mBgeE/EwMDAwMqQYQYmdoGlxgjI4rY//+Dx2nUFRsQZ2ALTrQQp8QL1DWeqASC014y7aCx8QwMDAwA1aZBIulmpvwAAAAASUVORK5CYII=');
  61. background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6464ff), color-stop(1, rgba(100,100,255,0.8))) no-repeat;
  62. background: -moz-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.8) 100%) no-repeat;
  63. background: -webkit-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.8) 100%) no-repeat;
  64. background: -ms-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.8) 100%) no-repeat;
  65. background: -o-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.8) 100%) no-repeat;
  66. background: linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.8) 100%) no-repeat;
  67. *background-color: #6464ff;
  68. }
  69. .humane.humane-boldlight-success,
  70. .humane-boldlight.humane-boldlight-success {
  71. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAGklEQVQokWNI+Z9yhomBgYFhlBglRonhSgAAFX0EItSd0k8AAAAASUVORK5CYII=');
  72. background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #64ff64), color-stop(1, rgba(100,255,100,0.8))) no-repeat;
  73. background: -moz-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.8) 100%) no-repeat;
  74. background: -webkit-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.8) 100%) no-repeat;
  75. background: -ms-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.8) 100%) no-repeat;
  76. background: -o-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.8) 100%) no-repeat;
  77. background: linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.8) 100%) no-repeat;
  78. *background-color: #64ff64;
  79. }
  80. .humane.humane-boldlight-error,
  81. .humane-boldlight.humane-boldlight-error {
  82. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAGklEQVQokWP4n5JyhomBgYFhlBglRonhSgAAFhgEIhjGqQkAAAAASUVORK5CYII=');
  83. background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6464), color-stop(1, rgba(255,100,100,0.8))) no-repeat;
  84. background: -moz-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.8) 100%) no-repeat;
  85. background: -webkit-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.8) 100%) no-repeat;
  86. background: -ms-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.8) 100%) no-repeat;
  87. background: -o-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.8) 100%) no-repeat;
  88. background: linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.8) 100%) no-repeat;
  89. *background-color: #ff6464;
  90. }
  91. .humane.humane-animate,
  92. .humane-boldlight.humane-boldlight-animate {
  93. opacity: 1;
  94. -moz-transform: scale(1);
  95. -webkit-transform: scale(1);
  96. -ms-transform: scale(1);
  97. -o-transform: scale(1);
  98. transform: scale(1);
  99. }
  100. .humane.humane-animate:hover,
  101. .humane-boldlight.humane-boldlight-animate:hover {
  102. opacity: 0.4;
  103. -moz-transform: scale(1.8);
  104. -webkit-transform: scale(1.8);
  105. -ms-transform: scale(1.8);
  106. -o-transform: scale(1.8);
  107. transform: scale(1.8);
  108. }
  109. .humane.humane-animate,
  110. .humane-boldlight.humane-boldlight-js-animate {
  111. opacity: 1;
  112. -moz-transform: scale(1);
  113. -webkit-transform: scale(1);
  114. -ms-transform: scale(1);
  115. -o-transform: scale(1);
  116. transform: scale(1);
  117. }
  118. .humane.humane-animate:hover,
  119. .humane-boldlight.humane-boldlight-js-animate:hover {
  120. opacity: 0.4;
  121. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  122. }