main.css 2.6 KB

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