WebOrbiton
v3.0.0.2

FlatlyPage

← Changes All versions
37 lines · 595 B
  1. ​
  2. .alert {
  3. padding: 15px 20px;
  4. border-radius: 5px;
  5. margin: 20px 0;
  6. text-align: center;
  7. animation: slideIn 0.3s ease-out;
  8. }
  9. ​
  10. @keyframes slideIn {
  11. from {
  12. opacity: 0;
  13. transform: translateY(-10px);
  14. }
  15. to {
  16. opacity: 1;
  17. transform: translateY(0);
  18. }
  19. }
  20. ​
  21. .alert-success {
  22. background-color: #d4edda;
  23. border: 1px solid #c3e6cb;
  24. color: #155724;
  25. }
  26. ​
  27. .alert-error {
  28. background-color: #f8d7da;
  29. border: 1px solid #f5c6cb;
  30. color: #721c24;
  31. }
  32. ​
  33. .alert strong {
  34. display: block;
  35. margin-bottom: 5px;
  36. font-size: 18px;
  37. }