site.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. body {
  2. background-image: url('/style/background.jpg');
  3. background-repeat: no-repeat;
  4. background-size: cover;
  5. overflow: hidden;
  6. color: white;
  7. font-family: Arial, Helvetica, sans-serif;
  8. }
  9. .text-shadow {
  10. text-shadow: 1px 1px 2px black;
  11. }
  12. .list-group-item, form, h1 {
  13. background-color: #f26722;
  14. background-color: rgba(242, 103, 34, 0.7);
  15. }
  16. .list-group-item, form {
  17. padding: 10px;
  18. }
  19. .list-group-item a {
  20. color: white;
  21. }
  22. .btn {
  23. margin-right: 5px;
  24. }
  25. .top-buffer {
  26. margin-top: 8px;
  27. }
  28. .upload-text {
  29. background-color: white;
  30. color: black;
  31. padding: 5px;
  32. padding-top: 0;
  33. border-radius: 3px;
  34. margin-top: 5px;
  35. }
  36. h1 {
  37. text-align: center;
  38. border-radius: 5px;
  39. margin-top: 5px;
  40. font-size: 25px;
  41. padding: 5px;
  42. }
  43. label {
  44. margin-bottom: 2px;
  45. }
  46. form {
  47. border-radius: 5px;
  48. }
  49. .col-form-label-sm {
  50. padding: 0;
  51. }
  52. div#working {
  53. border: 4px solid #f3f3f3;
  54. border-top: 4px solid #3498db;
  55. border-radius: 50%;
  56. width: 30px;
  57. height: 30px;
  58. display: none;
  59. animation: spin 2s linear infinite;
  60. }
  61. @keyframes spin {
  62. 0% { transform: rotate(0deg); }
  63. 100% { transform: rotate(360deg); }
  64. }