main.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 15, 2020 */
  2. @font-face {
  3. font-family: 'cardobold';
  4. src: url('../fonts/cardo-bold-webfont.woff2') format('woff2'),
  5. url('../fonts/cardo-bold-webfont.woff') format('woff');
  6. font-weight: normal;
  7. font-style: normal;
  8. }
  9. @font-face {
  10. font-family: 'cardoregular';
  11. src: url('../fonts/cardo-regular-webfont.woff2') format('woff2'),
  12. url('../fonts/cardo-regular-webfont.woff') format('woff');
  13. font-weight: normal;
  14. font-style: normal;
  15. }
  16. @font-face {
  17. font-family: 'afta_serifregular';
  18. src: url('../fonts/aftaserifthin-regular-webfont.woff2') format('woff2'),
  19. url('../fonts/aftaserifthin-regular-webfont.woff') format('woff');
  20. font-weight: normal;
  21. font-style: normal;
  22. }
  23. @font-face {
  24. font-family: 'cardoitalic';
  25. src: url('../fonts/cardo-italic-webfont.woff2') format('woff2'),
  26. url('../fonts/cardo-italic-webfont.woff') format('woff');
  27. font-weight: normal;
  28. font-style: normal;
  29. }
  30. /*
  31. * Codice css per l'applicazione
  32. */
  33. body {
  34. /* background-image: url(../images/agricoltura_bene_comune.png);*/
  35. background-position: center;
  36. background-repeat: space;
  37. }
  38. header.page-header {
  39. margin-top: 0;
  40. }
  41. header.page-header img {
  42. margin-top: 9px;
  43. background-color: white;
  44. border-radius: 5px;
  45. border-top-left-radius: 50px;
  46. border-top-right-radius: 50px;
  47. }
  48. header.page-header nav {
  49. margin-top: 15px;
  50. }
  51. section.page-body {
  52. margin-top: 20px;
  53. margin-bottom: 20px;
  54. }
  55. .card.accordion.shuffle-item.filtered {
  56. border: solid 1px goldenrod;
  57. }
  58. /*grid per schermi grandi ed orizzontali*/
  59. .card {
  60. display: flex;
  61. }
  62. .card-body {
  63. order: 1;
  64. max-width: 50%;
  65. padding: 2em;
  66. }
  67. .logo {
  68. background-image: url("../../images/campiapertilogo.png");
  69. height: 8em;
  70. width: 100%;
  71. background-repeat: no-repeat;
  72. margin-left: 40%;
  73. }
  74. .descrizione {
  75. background-color: black;
  76. color: white;
  77. padding: 2em;
  78. font-family: afta_serifregular;
  79. font-weight: 600;
  80. }
  81. p.descrive::first-letter {
  82. color: gold;
  83. font-size: 2.6em;
  84. }
  85. .card-header {
  86. order: 2;
  87. min-width: 35%;
  88. }
  89. h1 {
  90. margin: 1em 0em 0.1em 0em;;
  91. font-weight: 600;
  92. text-transform: uppercase;
  93. font-size: 2.6em;
  94. font-family: afta_serifregular;
  95. }
  96. p.prodotti {
  97. background: gold;
  98. padding: 0.1em 0.5em;
  99. color: #333;
  100. }
  101. p.tratteggio {
  102. border-bottom: dotted;
  103. transform: rotate(1deg) translate(-17px, 0px);
  104. padding-bottom: 0.5em;
  105. margin-bottom: 1.5em;
  106. }
  107. /*lato destro*/
  108. p.luogo {
  109. margin-bottom: 2em;
  110. }
  111. /*tuttu*/
  112. span {
  113. line-height: 1;
  114. }
  115. span.info {
  116. line-height: 1;
  117. margin-bottom: 1em;
  118. display: inline-block;
  119. }
  120. .uppercase {
  121. text-transform: uppercase;
  122. }
  123. span.info {
  124. line-height: 1;
  125. margin-bottom: 1em;
  126. display: inline-block;
  127. }
  128. div.comics-container {
  129. padding: 5px;
  130. text-align: center;
  131. height: auto;
  132. background: white;
  133. }
  134. article.comics {
  135. border: 1px solid #ccc;
  136. }
  137. img.cover {
  138. max-height: 253px;
  139. }
  140. footer.page-footer,
  141. header.page-header.aziende {
  142. background-color: goldenrod;
  143. }
  144. header.page-header.ingressi {
  145. background-color: forestgreen;
  146. }
  147. header.page-header.scartati {
  148. background-color: grey;
  149. }
  150. hide {
  151. display: none !important;
  152. height: 0;
  153. }
  154. .container-fluid {
  155. /* max-width: 1048px;*/
  156. }
  157. @page default {
  158. margin: 2cm;
  159. }
  160. @page :left {
  161. margin: 0.8cm;
  162. }
  163. @page :right {
  164. margin: 0.8cm;
  165. }
  166. @media print {
  167. div.card {
  168. font-size: 12pt !important;
  169. line-height: 1;
  170. }
  171. h5 {
  172. margin: 10px 0px;
  173. font-weight: 600;
  174. text-transform: uppercase;
  175. }
  176. input, .noprint {
  177. display: none !important;
  178. }
  179. div.card {
  180. page-break-after: always !important;
  181. page-break-inside: avoid !important;
  182. }
  183. .card.accordion.shuffle-item.filtered {
  184. border: none;
  185. }
  186. /* div.card{page-break-after: always}*/
  187. /*div.filtered { }*/
  188. /*div.card.accordion.shuffle-item.filtered { display:none !important;}*/
  189. }