verify.css 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. /*常规验证码*/
  2. .verify-code {
  3. font-size: 20px;
  4. text-align: center;
  5. cursor: pointer;
  6. margin-bottom: 5px;
  7. border: 1px solid #ddd;
  8. }
  9. .cerify-code-panel {
  10. height:100%;
  11. overflow:hidden;
  12. }
  13. .verify-img-out{
  14. display: none;
  15. position: absolute;
  16. top:-200px;
  17. z-index: 99;
  18. }
  19. .verify-code-area {
  20. float:left;
  21. }
  22. .verify-input-area {
  23. float: left;
  24. width: 60%;
  25. padding-right: 10px;
  26. }
  27. .verify-change-area {
  28. line-height: 30px;
  29. float: left;
  30. }
  31. .varify-input-code {
  32. display:inline-block;
  33. width: 100%;
  34. height: 25px;
  35. }
  36. .verify-change-code {
  37. color: #337AB7;
  38. cursor: pointer;
  39. }
  40. .verify-btn {
  41. width: 200px;
  42. height: 30px;
  43. background-color: #337AB7;
  44. color:#FFFFFF;
  45. border:none;
  46. margin-top: 10px;
  47. }
  48. /*滑动验证码*/
  49. .verify-bar-area {
  50. position: relative;
  51. background: #FFFFFF;
  52. text-align: center;
  53. -webkit-box-sizing: content-box;
  54. -moz-box-sizing: content-box;
  55. box-sizing: content-box;
  56. border: 1px solid #ddd;
  57. -webkit-border-radius: 4px;
  58. }
  59. .verify-bar-area .verify-move-block {
  60. position: absolute;
  61. top: 0px;
  62. left: 0;
  63. background: #fff;
  64. cursor: pointer;
  65. -webkit-box-sizing: content-box;
  66. -moz-box-sizing: content-box;
  67. box-sizing: content-box;
  68. box-shadow: 0 0 2px #888888;
  69. -webkit-border-radius: 1px;
  70. }
  71. .verify-bar-area .verify-move-block:hover {
  72. background-color: #337ab7;
  73. color: #FFFFFF;
  74. }
  75. .verify-bar-area .verify-left-bar {
  76. position: absolute;
  77. top: -1px;
  78. left: -1px;
  79. background: #f0fff0;
  80. cursor: pointer;
  81. -webkit-box-sizing: content-box;
  82. -moz-box-sizing: content-box;
  83. box-sizing: content-box;
  84. border: 1px solid #ddd;
  85. }
  86. .verify-img-panel {
  87. margin:0;
  88. -webkit-box-sizing: content-box;
  89. -moz-box-sizing: content-box;
  90. box-sizing: content-box;
  91. border: 1px solid #ddd;
  92. border-radius: 3px;
  93. position: absolute;
  94. }
  95. .verify-img-panel .verify-refresh {
  96. width: 25px;
  97. height: 25px;
  98. text-align:center;
  99. padding: 5px;
  100. cursor: pointer;
  101. position: absolute;
  102. top: 0;
  103. right: 0;
  104. z-index: 2;
  105. }
  106. .verify-img-panel .icon-refresh {
  107. font-size: 20px;
  108. color: #fff;
  109. }
  110. .verify-img-panel .verify-gap {
  111. background-color: #fff;
  112. position: relative;
  113. z-index: 2;
  114. border:1px solid #fff;
  115. }
  116. .verify-bar-area .verify-move-block .verify-sub-block {
  117. position: absolute;
  118. text-align: center;
  119. z-index: 3;
  120. border: 1px solid #fff;
  121. }
  122. .verify-bar-area .verify-move-block .verify-icon {
  123. font-size: 18px;
  124. }
  125. .verify-bar-area .verify-msg {
  126. z-index : 3;
  127. }
  128. /*字体图标的css*/
  129. @font-face {font-family: "iconfont";
  130. src: url('../fonts/iconfont.eot?t=1508229193188'); /* IE9*/
  131. src: url('../fonts/iconfont.eot?t=1508229193188#iefix') format('embedded-opentype'), /* IE6-IE8 */
  132. url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  133. url('../fonts/iconfont.ttf?t=1508229193188') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  134. url('../fonts/iconfont.svg?t=1508229193188#iconfont') format('svg'); /* iOS 4.1- */
  135. }
  136. .iconfont {
  137. font-family:"iconfont" !important;
  138. font-size:16px;
  139. font-style:normal;
  140. -webkit-font-smoothing: antialiased;
  141. -moz-osx-font-smoothing: grayscale;
  142. }
  143. .icon-check:before { content: "\e645"; }
  144. .icon-close:before { content: "\e646"; }
  145. .icon-right:before { content: "\e6a3"; }
  146. .icon-refresh:before { content: "\e6a4"; }