progetto.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. .waw p {
  2. font-weight: 300;
  3. }
  4. #notizie {
  5. background-color: #ffffffc9;
  6. max-height: 600px;
  7. overflow: auto;
  8. }
  9. .news {
  10. border: 1px solid #dee2e6;
  11. padding: 10px;
  12. }
  13. .newsBody {
  14. padding: 0px 40px 10px 0px;
  15. }
  16. .news p {
  17. margin-top: auto;
  18. margin-bottom: auto;
  19. }
  20. .newsTitle {
  21. cursor: pointer;
  22. text-transform: uppercase;
  23. }
  24. .newsDate {
  25. font-weight: 300;
  26. }
  27. .newsTitle:hover {
  28. text-decoration: underline;
  29. color: rgba(0, 0, 0, 0.664)
  30. }
  31. .waw {
  32. height: 100%;
  33. width: 100%;
  34. box-shadow: 0 0 5px rgba(0,0,0,.05), 2px 2px 5px rgba(0,0,0,.1);
  35. border-radius: 4px;
  36. /*justify-content: flex-end; */
  37. }
  38. /*
  39. .partnerSite {
  40. align-self: flex-end;
  41. }*/
  42. .partnerImg {
  43. max-width: 100%;
  44. width: fit-content;
  45. height: 150px;
  46. margin-right: auto;
  47. margin-left: auto;
  48. padding: 5px;
  49. }
  50. .partnerSite button {
  51. margin-bottom: 10px;
  52. }
  53. .background_wrap {
  54. background-color: #0006;
  55. position: relative;
  56. }
  57. .newsText {
  58. display: none;
  59. text-align: justify;
  60. font-weight: 300;
  61. }
  62. .text-block {
  63. background-color: rgba(0, 0, 0, 0.527);
  64. color: white;
  65. padding-left: 20px;
  66. padding-right: 20px;
  67. position:absolute;
  68. bottom:20px;
  69. }
  70. .all_images {
  71. height: 100%;
  72. position: relative;
  73. overflow: hidden;
  74. }
  75. .slide{
  76. position: absolute; left: 100%; top: 0; height:100%; width:100%;
  77. animation:30s autoplay infinite ease-in-out
  78. }
  79. @keyframes autoplay {
  80. 0% {left: 100%}
  81. 4% {left: 0%}
  82. 33.33% {left: 0%}
  83. 37.33% {left: -100%}
  84. 100% {left: -100%}
  85. }
  86. #slideset > *:nth-child(1) {animation-delay: 0s}
  87. #slideset > *:nth-child(2) {animation-delay: 10s}
  88. #slideset > *:nth-child(3) {animation-delay: 20s}