captcha.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. #clicaptcha-box{
  2. display: none;
  3. width: 350px;
  4. height: 290px;
  5. padding: 15px;
  6. border: 1px solid #b1b3b8;
  7. background-color: #f5f6f7;
  8. position: fixed;
  9. z-index: 10000;
  10. left: 50%;
  11. top: 50%;
  12. margin-left: -191px;
  13. margin-top: -161px;
  14. border-radius: 10px;
  15. box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset, 0 .5em 1em rgba(0, 0, 0, 0.6);
  16. }
  17. #clicaptcha-box .clicaptcha-img{
  18. width: 350px;
  19. height: 200px;
  20. border: none;
  21. }
  22. #clicaptcha-box .clicaptcha-title{
  23. font-family: 'Microsoft YaHei';
  24. height: 40px;
  25. line-height: 40px;
  26. font-size: 14px;
  27. text-align: center;
  28. color: #333;
  29. }
  30. #clicaptcha-box .clicaptcha-title span{
  31. font-size: 16px;
  32. font-weight: bold;
  33. color: #c00;
  34. }
  35. #clicaptcha-box .clicaptcha-title span.clicaptcha-clicked{
  36. color: #069;
  37. }
  38. #clicaptcha-box .clicaptcha-refresh-box{
  39. position: relative;
  40. margin-top: 10px;
  41. }
  42. #clicaptcha-box .clicaptcha-refresh-line{
  43. position: absolute;
  44. top: 16px;
  45. width: 140px;
  46. height: 1px;
  47. background-color: #ccc;
  48. }
  49. #clicaptcha-box .clicaptcha-refresh-line-left{
  50. left: 5px;
  51. }
  52. #clicaptcha-box .clicaptcha-refresh-line-right{
  53. right: 5px;
  54. }
  55. #clicaptcha-box .clicaptcha-refresh-btn{
  56. display: block;
  57. margin: 0 auto;
  58. width: 32px;
  59. height: 32px;
  60. background: url(../image/refresh.png) no-repeat;
  61. }
  62. #clicaptcha-box .clicaptcha-refresh-btn:hover{
  63. background-position:-32px 0;
  64. }
  65. #clicaptcha-mask{
  66. display: none;
  67. position: fixed;
  68. z-index: 9999;
  69. left: 0;
  70. top: 0;
  71. width: 100%;
  72. height: 100%;
  73. opacity: 0.5;
  74. background-color: rgb(0, 0, 0);
  75. }