sco.message.css 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. #page_message {
  2. display: none;
  3. font-size: 15px;
  4. overflow: visible;
  5. text-align: center;
  6. left: 0;
  7. top: 0;
  8. /* place over all elements, also over modals */
  9. z-index: 10001;
  10. width: 100%;
  11. border-bottom: 1px solid;
  12. color: white;
  13. padding: 15px;
  14. position: fixed;
  15. }
  16. .page_mess_error {
  17. background-color: #de4343;
  18. border-color: #ca2424;
  19. }
  20. .page_mess_ok {
  21. background-color: #48bb5e;
  22. border-color: #38984b;
  23. }
  24. .page_mess_animate {
  25. background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
  26. background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
  27. background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
  28. background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
  29. -webkit-background-size: 10px 10px;
  30. -moz-background-size: 10px 10px;
  31. -o-background-size: 10px 10px;
  32. background-size: 10px 10px;
  33. -webkit-animation: animate-bg 3s linear infinite;
  34. -moz-animation: animate-bg 3s linear infinite;
  35. -ms-animation: animate-bg 3s linear infinite;
  36. -o-animation: animate-bg 3s linear infinite;
  37. animation: animate-bg 3s linear infinite;
  38. }
  39. @-moz-keyframes animate-bg {
  40. from {
  41. background-position: 0 0;
  42. }
  43. to {
  44. background-position: -20px 0;
  45. }
  46. }
  47. @-webkit-keyframes animate-bg {
  48. from {
  49. background-position: 0 0;
  50. }
  51. to {
  52. background-position: -20px 0;
  53. }
  54. }
  55. @-o-keyframes animate-bg {
  56. from {
  57. background-position: 0 0;
  58. }
  59. to {
  60. background-position: -20px 0;
  61. }
  62. }
  63. @-ms-keyframes animate-bg {
  64. from {
  65. background-position: 0 0;
  66. }
  67. to {
  68. background-position: -20px 0;
  69. }
  70. }
  71. @keyframes animate-bg {
  72. from {
  73. background-position: 0 0;
  74. }
  75. to {
  76. background-position: -20px 0;
  77. }
  78. }