server actix for cannabinieri website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

201 lines
3.0 KiB

2 years ago
  1. /* styles for fund.html */
  2. #fund_container {
  3. position: relative;
  4. top: 20vh;
  5. font-family: 'IBMPlexMono', sans-serif;
  6. margin-bottom: 20vh;
  7. }
  8. #fund_container h2 {
  9. text-transform: uppercase;
  10. color: #93ebbf;
  11. font-weight: bold;
  12. left: 5vw;
  13. font-size: 5vh;
  14. position: relative;
  15. }
  16. #fund_container p {
  17. padding: 0 2vw 0 3vw;
  18. margin: 0 3vw 0 3vw;
  19. border: .5vw solid #bcd3e7;
  20. }
  21. #fund_container img {
  22. max-width: 20vw;
  23. border-radius: unset;
  24. margin: 2vh 4vw;
  25. grid-row: 1/3;
  26. align-self: center;
  27. justify-self: center;
  28. }
  29. .node_container {
  30. display: grid;
  31. grid-template-columns: 25% 75%;
  32. margin-bottom: 2vh;
  33. }
  34. .node_container h6 {
  35. grid-row: 1;
  36. grid-column: 2;
  37. margin: 0;
  38. padding: 2vh 2vw;
  39. text-transform: uppercase;
  40. }
  41. .node_container p {
  42. grid-row: 2;
  43. grid-column: 2;
  44. margin: unset !important;
  45. border: unset !important;
  46. }
  47. /* contact page */
  48. .contact_container {
  49. position: relative;
  50. top: 20vh;
  51. font-family: 'IBMPlexMono', sans-serif;
  52. margin: 0 2vw 0 2vw;
  53. }
  54. .contact_container h1 {
  55. margin: 2vh 0 4vh 5vw;
  56. font-size: 4.5vh;
  57. }
  58. #contact_form {
  59. display: grid;
  60. grid-template-columns: 1fr 1fr;
  61. grid-template-columns: 1fr 1fr;
  62. grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  63. grid-gap: 1vh 5vw;
  64. }
  65. #l1 {
  66. grid-column: 1;
  67. grid-row: 1;
  68. text-align: center;
  69. }
  70. #l2 {
  71. grid-column: 1;
  72. grid-row: 3;
  73. text-align: center;
  74. margin-top: 2vh;
  75. }
  76. #l3 {
  77. grid-column: 2;
  78. grid-row: 1;
  79. text-align: center;
  80. }
  81. .form_input {
  82. font-size: 1.75vh;
  83. padding-left: 1vw;
  84. font-family: 'IBMPlexMono', sans-serif;
  85. }
  86. #input_mail {
  87. grid-column: 1;
  88. grid-row: 2;
  89. }
  90. #input_subject {
  91. grid-column: 1;
  92. grid-row: 4
  93. }
  94. #input_message {
  95. grid-column: 2;
  96. grid-row: 2/4;
  97. font-size: 1.75vh;
  98. color: rgba(15, 230, 190, 1);
  99. padding-left: 2vw;
  100. }
  101. #mail_submit {
  102. grid-column: 2;
  103. grid-row: 5;
  104. text-align: center;
  105. display: flex;
  106. justify-self: center;
  107. background: none;
  108. border: .04vw solid black;
  109. padding: 2vh 2vw;
  110. font-family: 'IBMPlexMono', sans-serif;
  111. }
  112. #mail_submit:hover, #mail_submit:active {
  113. background-image: linear-gradient(to right, rgba(15, 230, 190, 1) , #e4e4a8);
  114. }
  115. #input_mail, #input_subject, #input_message, #mail_submit, #blub {
  116. height: unset;
  117. top: unset;
  118. right: unset;
  119. opacity: unset;
  120. position: unset;
  121. }
  122. /* back home page */
  123. #back_home_container {
  124. position: relative;
  125. background-image: linear-gradient(#93ebbf, #c4d8e9,#f9d17d, #b0afd0,#fdfd96,#ff7fff);
  126. min-height: 100vh;
  127. font-family: 'IBMPlexMono', sans-serif;
  128. }
  129. #back_home_container h1 {
  130. text-align: center;
  131. margin: 0;
  132. }
  133. #back_home_container a {
  134. font-size: 3vh;
  135. text-align: center;
  136. }
  137. #back_home_container a:hover, #back_home_container a:active {
  138. color:#ff7fff;
  139. }
  140. #back_home_container svg {
  141. max-height: 10vh;
  142. margin: -5vh 0 7.5vh 0;
  143. }
  144. #contents_container {
  145. top: 30vh;
  146. position: relative;
  147. display: flex;
  148. flex-direction: column;
  149. }
  150. @media (min-width: 1024px) {
  151. #back_home_container svg {
  152. margin: 2vh 0 3vh 0;
  153. }
  154. }
  155. /* privacy policy page */
  156. #privacy_container {
  157. top: 20vh;
  158. position: relative;
  159. font-family: 'IBMPlexMono', sans-serif;
  160. margin: 2vh 4vw;
  161. box-shadow: 60px -16px teal;
  162. }