site.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .flash {
  2. display: block;
  3. background-color: #2fdc2f !important;
  4. color: white;
  5. font-weight: bold;
  6. padding: 12px;
  7. border: 1px solid black;
  8. border-radius: 8px;
  9. margin: 16px;
  10. }
  11. table {
  12. width: 100%;
  13. margin-bottom: 12px;
  14. }
  15. .error {
  16. display: inline-block;
  17. color: darkred;
  18. }
  19. tr.htmx-swapping {
  20. opacity: 0;
  21. transition: opacity 1s ease-out;
  22. }
  23. td {
  24. vertical-align: middle;
  25. }
  26. #download-ui {
  27. margin-bottom: 16px;
  28. }
  29. .progress {
  30. height: 20px;
  31. margin-bottom: 20px;
  32. overflow: hidden;
  33. background-color: #f5f5f5;
  34. border-radius: 4px;
  35. box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  36. }
  37. .progress-bar {
  38. float: left;
  39. width: 0%;
  40. height: 100%;
  41. font-size: 12px;
  42. line-height: 20px;
  43. color: #fff;
  44. text-align: center;
  45. background-color: #337ab7;
  46. -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  47. box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  48. -webkit-transition: width .6s ease;
  49. -o-transition: width .6s ease;
  50. transition: width .6s ease;
  51. }
  52. [data-overflow-menu] {
  53. visibility: hidden;
  54. }
  55. tr:is(:hover, :focus-within) [data-overflow-menu] {
  56. visibility: visible;
  57. }