main.css 3.5 KB

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