progetto.css 1.7 KB

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