Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
ZYjames12345
/
zhujian_OA
1
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Haara: master
Haarat Tagit
zhujian_OA
/
mobile1
/
AFrontEnd
/
plugins
/
jquery.message
/
jquery.message1.css

jquery.message1.css 6.1 KB
Pysyvä linkki Historia Raaka

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 
  1. .jquery-message{position:fixed;border-radius:5px;color:#fff;z-index:1000;max-width:400px;display:block}
    2. 

  2. .jquery-message-box{padding:15px;border-radius:5px}
    3. 

  3. .jquery-message-h2{font-size:16px;height:30px;font-weight:700}
    4. 

  4. .jquery-message-nav{font-size:14px}
    5. 

  5. .jquery-message-black{background:#333;background-image:linear-gradient(to bottom,#444,#222)}
    6. 

  6. .jquery-message-red{background:#b02222;background-image:linear-gradient(to bottom,#e22,#b02222)}
    7. 

  7. .jquery-message-blue{background:#2b91d9;background-image:linear-gradient(to bottom,#5abaff,#2b91d9)}
    8. 

  8. .jquery-message-yellow{color:#744700;text-shadow:0 1px 0 rgba(255,255,255,.6);background-image:linear-gradient(to bottom,#ffd665,#ffb11f)}
    9. 

  9. .jquery-message-green{background:#70a800;background-image:linear-gradient(to bottom,#95cc2a,#70a800)}
    10. 

  10. .jquery-message *{box-sizing:border-box;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
    11. 

  11. .jquery-message-topright{right:20px;top:20px}
    12. 

  12. .jquery-message-lowerleft{left:20px}
    13. 

  13. .jquery-message-lowerleft .jquery-message-black{background:url(images/black.png) repeat-y #333}
    14. 

  14. .jquery-message-lowerleft .jquery-message-red{background:url(images/red.png) repeat-y #333}
    15. 

  15. .jquery-message-lowerleft .jquery-message-blue{background:url(images/blue.png) repeat-y #333}
    16. 

  16. .jquery-message-lowerleft .jquery-message-yellow{color:#fff;background:url(images/yellow.png) repeat-y #333}
    17. 

  17. .jquery-message-lowerleft .jquery-message-green{background:url(images/green.png) repeat-y #333}
    18. 

  18. .jquery-message-lowerright{right:20px;bottom:20px;width:300px;word-break:break-all;word-wrap:break-word}
    19. 

  19. .animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
    20. 

  20. @-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    21. 

  21. 40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    22. 

  22. 60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
    23. 

  23. 80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
    24. 

  24. to{-webkit-transform:perspective(400px);transform:perspective(400px)}
    25. 

  25. }
    26. 

  26. @keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    27. 

  27. 40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    28. 

  28. 60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
    29. 

  29. 80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
    30. 

  30. to{-webkit-transform:perspective(400px);transform:perspective(400px)}
    31. 

  31. }
    32. 

  32. .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
    33. 

  33. .flipInY,.flipOutX{-webkit-backface-visibility:visible!important}
    34. 

  34. @-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
    35. 

  35. 30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
    36. 

  36. to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
    37. 

  37. }
    38. 

  38. @keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
    39. 

  39. 30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
    40. 

  40. to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
    41. 

  41. }
    42. 

  42. .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}
    43. 

  43. @-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    44. 

  44. to{opacity:1;-webkit-transform:none;transform:none}
    45. 

  45. }
    46. 

  46. @keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    47. 

  47. to{opacity:1;-webkit-transform:none;transform:none}
    48. 

  48. }
    49. 

  49. .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
    50. 

  50. @-webkit-keyframes fadeOutLeft{from{opacity:1}
    51. 

  51. to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    52. 

  52. }
    53. 

  53. @keyframes fadeOutLeft{from{opacity:1}
    54. 

  54. to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    55. 

  55. }
    56. 

  56. .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
    57. 

  57. @-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    58. 

  58. 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    59. 

  59. 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    60. 

  60. 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    61. 

  61. }
    62. 

  62. @keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    63. 

  63. 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    64. 

  64. 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    65. 

  65. 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    66. 

  66. }
    67. 

  67. .tada{-webkit-animation-name:tada;animation-name:tada}
    68. 

  68. @-webkit-keyframes zoomOut{from{opacity:1}
    69. 

  69. 50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    70. 

  70. to{opacity:0}
    71. 

  71. }
    72. 

  72. @keyframes zoomOut{from{opacity:1}
    73. 

  73. 50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    74. 

  74. to{opacity:0}
    75. 

  75. }
    76. 

  76. .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
    77.