首頁 探索 說明
註冊 登入
limeng
/
syrc
關註 1
讚好 0
複刻 0
Files 問題管理 0 合併請求 0 Wiki
分支: master
分支列表 標籤列表
syrc
/
target
/
sookaCms-0.1
/
WEB-INF
/
classes
/
static
/
www
/
syrc-mobile
/
images
/
pop.css

pop.css 10 KB
永久連結 文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 
  1. /*通用提示框*/
    2. 

  2. .popDialog,.popLoad,.popOther{position:fixed;width:100%;color:#444;top:30%;left:0;z-index:10;
    3. 

  3. 	-webkit-animation:animations 1s forwards;-moz-animation:animations 1s forwards;animation:animations 1s forwards;
    4. 

  4. }
    5. 

  5. @-webkit-keyframes animations{
    6. 

  6.     0%{-webkit-transform:translateY(0);opacity:0}
    7. 

  7.     100%{-webkit-transform:translateY(-30px);opacity:1}
    8. 

  8. }
    9. 

  9. @-moz-keyframes animations{
    10. 

  10.     0%{-moz-transform:translateY(0);opacity:0}
    11. 

  11.     100%{-moz-transform:translateY(-30px);opacity:1}
    12. 

  12. }
    13. 

  13. @keyframes animations{
    14. 

  14.     0%{transform:translateY(0);opacity:0}
    15. 

  15.     100%{transform:translateY(-30px);opacity:1}
    16. 

  16. }
    17. 

  17. .popDialog .in{width:80%;margin:0 auto;background-color:#fff;
    18. 

  18. 	-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
    19. 

  19. .popDialog .title{position:relative;line-height:48px;text-indent:21px;overflow:hidden}
    20. 

  20. .popDialog .title:after{position:absolute;width:100%;height:1px;content:'\00a0';bottom:0;left:0;background-color:#eae8eb}
    21. 

  21. .popDialog .cn{font-size:16px;text-align:center;padding:45px}
    22. 

  22. .popDialog .op{height:50px;line-height:50px;text-align:center;border-top:1px solid #eae8eb}
    23. 

  23. .popDialog .op span{float:left;width: 49%;color:#777;}
    24. 

  24. .popDialog .op span:last-child{color:#177ff6;border-left:1px solid #eae8eb}
    25. 

  25. .popDialog .op.o2 span{width:100%;color:#177ff6;border-left:0 none}
    26. 

  26. 

  27. /*带关闭按钮提示框*/
    28. 

  28. .popMsg .in,.popLoad .in{position:relative;width:80%;line-height:20px;margin:0 auto;background-color:#fff;
    29. 

  29. 	-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
    30. 

  30. .popMsg .cn,.popLoad .cn{font-size:16px;text-align:center;padding:45px}
    31. 

  31. .popMsg .close,.popLoad .close,.popOther .close{position:absolute;width:24px;height:24px;top:5px;right:5px;border:1px solid #868686;
    32. 

  32. 	-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%}
    33. 

  33. .popMsg .close:before,.popMsg .close:after,.popLoad .close:before,.popLoad .close:after,.popOther .close:before,.popOther .close:after{position:absolute;width:14px;height:2px;content:'\00a0';top:50%;left:50%;margin:-1px 0 0 -7px;background-color:#868686}
    34. 

  34. .popMsg .close:before,.popLoad .close:before,.popOther .close:before{
    35. 

  35. 	-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
    36. 

  36. .popMsg .close:after,.popLoad .close:after,.popOther .close:after{
    37. 

  37. 	-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
    38. 

  38. 

  39. /*自动消失*/
    40. 

  40. .popMsg{position:fixed;width:100%;color:#444;opacity:0;top:30%;left:0;z-index:10}
    41. 

  41. .popMsg.on{-webkit-animation:autoshow 3s forwards;-moz-animation:autoshow 3s forwards;animation:autoshow 3s forwards}
    42. 

  42. @-webkit-keyframes autoshow{
    43. 

  43.     0%{-webkit-transform:translateY(0);opacity:0}
    44. 

  44.     25%{-webkit-transform:translateY(-30px);opacity:1}
    45. 

  45.     75%{-webkit-transform:translateY(-30px);opacity:1}
    46. 

  46.     100%{-webkit-transform:translateY(0);opacity:0}
    47. 

  47. 

  48. }
    49. 

  49. @-moz-keyframes autoshow{
    50. 

  50.     0%{-moz-transform:translateY(0);opacity:0}
    51. 

  51.     25%{-moz-transform:translateY(-30px);opacity:1}
    52. 

  52.     75%{-moz-transform:translateY(-30px);opacity:1}
    53. 

  53. 	100%{-moz-transform:translateY(0);opacity:0}
    54. 

  54. 

  55. }
    56. 

  56. @keyframes autoshow{
    57. 

  57.     0%{transform:translateY(0);opacity:0}
    58. 

  58.     25%{transform:translateY(-30px);opacity:1}
    59. 

  59.     75%{transform:translateY(-30px);opacity:1}
    60. 

  60. 	100%{transform:translateY(0);opacity:0}
    61. 

  61. 

  62. }
    63. 

  63. 

  64. /*loading&&警告*/
    65. 

  65. .popLoad img,.popDialog img{width:20px;height:20px;vertical-align:top;margin-right:10px}
    66. 

  66. 

  67. /*简历弹窗*/
    68. 

  68. .popOther.popTop{top:12%}
    69. 

  69. .popOther .in{width:80%;margin:0 auto;background-color:#fff;
    70. 

  70. 	-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
    71. 

  71. .popOther .title{position:relative;line-height:48px;text-indent:21px;overflow:hidden}
    72. 

  72. .popOther .title:after{position:absolute;width:100%;height:1px;content:'\00a0';bottom:0;left:0;background-color:#eae8eb}
    73. 

  73. .popOther .cn{font-size:16px;text-align:center;padding:45px}
    74. 

  74. .popOther .cn.c2{font-size:14px;text-align:left;padding:16px 28px}
    75. 

  75. .popOther .cn.c3{font-size:14px;text-align:left;padding:10px 0}
    76. 

  76. .popOther .op{height:50px;line-height:50px;text-align:center;border-top:1px solid #eae8eb}
    77. 

  77. .popOther .op span{float:left;width: 49%;color:#777;}
    78. 

  78. .popOther .op span:last-child{color: #016bc2;border-left:1px solid #eae8eb;}
    79. 

  79. .popOther .op.o2 span{width:100%;color:#0b72d8;border-left:0 none}
    80. 

  80. .popOther .c_orange{font-size:15px;color: #0956f8;}
    81. 

  81. .popOther .close{top:11px;right:21px}
    82. 

  82. .popE .e{position:relative;line-height:20px;margin-bottom:10px;padding-left:32px}
    83. 

  83. .popE .e:last-child{margin-bottom:0}
    84. 

  84. .popE .e label{position:absolute;width:22px;height:22px;top:0;left:0;background:url(icon_radio.png) no-repeat;
    85. 

  85.     -webkit-background-size:75px auto;-moz-background-size:75px auto;-o-background-size:75px auto;-ms-background-size:75px auto;background-size:75px auto}
    86. 

  86. .popE .e.on label{background-position:-25px 0}
    87. 

  87. .popE.p2{display:flex;min-height:86px;justify-content:center;flex-direction:column}
    88. 

  88. .popE.p2 .e{font-size:16px;height:22px;line-height:22px;padding-left:42px}
    89. 

  89. .popE.p2 .e label{left:10px}
    90. 

  90. .popE.p2 .e .txt{float:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    91. 

  91. .popE.p2 .e.short{padding-right:60px}
    92. 

  92. .popE.p2 .e.short:after{position:absolute;content:'(不完整)';color:#0956f8;top:0}
    93. 

  93. .inp{font-size:16px;color:#444;padding:10px 18px;background-color:#ececee;
    94. 

  94. 	-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
    95. 

  95. .inp input{width:100%;background-color:transparent}
    96. 

  96. .note{line-height:16px;font-size:12px;color:#868686;padding-top:10px}
    97. 

  97. .error{line-height:20px;font-size:12px;color:#F00;text-align:left}
    98. 

  98. .error:before{display:inline-block;width:15px;height:20px;content:'\00a0';margin-right:5px;background:url(icon_err.png) center no-repeat;
    99. 

  99.     -webkit-background-size:15px;-moz-background-size:15px;-ms-background-size:15px;-o-background-size:15px;background-size:15px}
    100. 

  100. 

  101. .popNote{position:fixed;width:80%;text-align:center;left:10%;z-index:2;visibility:0;opacity:0;
    102. 

  102.     -webkit-transition:visibility 1s,opacity 1s ease-in-out;-moz-transition:visibility 1s,opacity 1s ease-in-out;-o-transition:visibility 1s,opacity 1s ease-in-out;transition:visibility 1s,opacity 1s  ease-in-out}
    103. 

  103. .popNote.on{visibility:1;opacity:1}
    104. 

  104. .popNote span{display:inline-block;line-height:24px;color:#fff;vertical-align:middle;padding:10px 20px;background-color:rgba(0,0,0,.7);
    105. 

  105.     -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
    106. 

  106. .resumeShow{height:100%;position:relative;overflow:hidden}
    107. 

  107. #changersmname.changeName{position:absolute}
    108. 

  108. 

  109. /*职位申请成功弹窗*/
    110. 

  110. .popD{font-size:12px;text-align:center}
    111. 

  111. .popD h3{font-size:16px}
    112. 

  112. .popD .wechat img{vertical-align:middle}
    113. 

  113. .popD .wechat a{color:#0000cc;text-decoration:underline}
    114. 

  114. 

  115. .popF .t_more{position:relative;font-size:12px;height:40px;line-height:50px;padding:0 21px}
    116. 

  116. .popF .t_more:before{content:'';position:absolute;height:1px;content:'\00a0';right:11px;bottom:0;left:11px;background-color:#e6e6e6}
    117. 

  117. .popF .items .e{padding:6px 21px}
    118. 

  118. .popF .items .e em{top:6px}
    119. 

  119. .popF .items .e i{top:30px}
    120. 

  120. 

  121. /* 投递成功弹窗 */
    122. 

  122. .iapply{position:relative;padding-bottom:14px}
    123. 

  123. .iapply svg{position:absolute;top:35%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px}
    124. 

  124. .iapply svg .st0{fill:#FFEBD5}
    125. 

  125. .iapply .icon{position:relative;width:50px;height:50px;margin:0 auto}
    126. 

  126. .iapply .icon:before,.iapply .icon:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;
    127. 

  127.     -webkit-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
    128. 

  128. .iapply .icon:before{background-color:#a1c3f9;
    129. 

  129.     -webkit-animation: ball-scale linear 1.75s;-moz-animation: ball-scale linear 1.75s;-o-animation: ball-scale linear 1.75s;animation: ball-scale linear 1.75s forwards;}
    130. 

  130. .iapply .icon:after{background-image:linear-gradient(to bottom right,#076fd3,#084daa)}
    131. 

  131. .iapply .icon .bin{position:relative;top:50%;z-index:2;width:50%;height:25%;overflow:hidden;margin:0 auto;
    132. 

  132.     -webkit-transform:translateY(-70%) rotate(-45deg);-o-transform:translateY(-70%) rotate(-45deg);-ms-transform:translateY(-70%) rotate(-45deg);-moz-transform:translateY(-70%) rotate(-45deg);transform:translateY(-70%) rotate(-45deg)}
    133. 

  133. .iapply .icon .bin:before,.iapply .icon .bin:after{content:'';position:absolute;background:#fff;
    134. 

  134.     -webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
    135. 

  135. .iapply .icon .bin:before{width:4px;height:100%;left:0;
    136. 

  136.     -webkit-animation:dgLeft 0.5s linear both;-o-animation:dgLeft 0.5s linear both;-ms-animation:dgLeft 0.5s linear both;-moz-animation:dgLeft 0.5s linear both;animation:dgLeft 0.5s linear both}
    137. 

  137. .iapply .icon .bin:after{width:100%;height:4px;bottom:0;
    138. 

  138.     -webkit-animation:dgRight 0.5s linear 0.5s both;-o-animation:dgRight 0.5s linear 0.5s both;-ms-animation:dgRight 0.5s linear 0.5s both;-moz-animation:dgRight 0.5s linear 0.5s both;animation:dgRight 0.5s linear 0.5s both}
    139. 

  139. .a_success{line-height:28px;font-size:19px;letter-spacing:1px;color:#444;text-align:center}
    140. 

  140. .a_success:after{content:"7天内不能重复投递";display:block;line-height:20px;font-size:13px;color:#a3a3a3}
    141. 

  141. @-webkit-keyframes ball-scale {100% {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);opacity: 0.5}}
    142. 

  142. @-moz-keyframes ball-scale {100% {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);opacity: 0.5}}
    143. 

  143. @-o-keyframes ball-scale {100% {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);opacity: 0.5}}
    144. 

  144. @keyframes ball-scale {100% {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);opacity: 0.5}} 
    145. 

  145. @-webkit-keyframes dgLeft{0%{top:-100%}100%{top:0%}}
    146. 

  146. @-moz-keyframes dgLeft{0%{top:-100%}100%{top:0%}}
    147. 

  147. @-o-keyframes dgLeft{0%{top:-100%}100%{top:0%}}
    148. 

  148. @keyframes dgLeft{0%{top:-100%}100%{top:0%}}
    149. 

  149. @-webkit-keyframes dgRight{0%{left:-100%}100%{left:0%}}
    150. 

  150. @-moz-keyframes dgRight{0%{left:-100%}100%{left:0%}}
    151. 

  151. @-o-keyframes dgRight{0%{left:-100%}100%{left:0%}}
    152. 

  152. @keyframes dgRight{0%{left:-100%}100%{left:0%}}
    153.