AlerStatus.css 1.39 KB
Edit Raw Blame History



1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23


#AlerStatus{ display:none; position:fixed; top:0; min-height:50px; width:100%; height:100%; left:0;  border-radius:3px; z-index:10000000001; text-align:center; }
#AlerStatus .status{ background:rgba(0,0,0,.8); position:relative; top:40%; max-width:250px; display:inline-block; border-radius:3px; z-index:11;-webkit-animation:fadeInUp .3s both;}
#AlerStatus .title{ line-height:24px; color:#fff; font-size:12px; padding:13px 10px 13px 0; margin:0 0 0 50px; text-align:left; font-size:14px;}
#AlerStatus .img{ position:absolute; left:0; top:0; height:50px; width:50px;}
#AlerStatus .img i{ display:block; width:22px; height:22px; margin:14px auto 0;}
#AlerStatus .loading i{ background:url(icon/loading.gif) no-repeat center center; background-size:100%; }
#AlerStatus .success i{ background:url(icon/success.png) no-repeat center center; background-size:100%; }
#AlerStatus .error i{ background:url(icon/error.png) no-repeat center center; background-size:100%; }
#AlerStatus .warn i{ background:url(icon/warn.png) no-repeat center center; background-size:100%; }
#AlerStatus .AlerStatusBg{ z-index:10; position:fixed; left:0;top:0; width:100%; height:100%; background:rgba(0,0,0,.8); display:none;}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}