lablanca.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. /* Table to present posts and photos on the same row */
  2. div#content_table{
  3. display: table;
  4. }
  5. div#content_table div.content_tr{
  6. display: table-row;
  7. }
  8. div#content_table div#content_tr_intro{
  9. width: 100%;
  10. }
  11. div#content_table div#content_tr_intro div.content_td{
  12. width: 100%;
  13. }
  14. div#content_table div.content_tr div.content_td{
  15. width: 50%;
  16. display: table-cell;
  17. }
  18. div#content_table div.content_tr div#content_td_schedule{
  19. width: 60%;
  20. }
  21. div#content_table div.content_tr div#content_td_prices{
  22. width: 40%;
  23. }
  24. div#content_table div.content_tr div#content_td_prices div#prices{
  25. width: 100%;
  26. }
  27. div.horiz{
  28. display: inline-block;
  29. }
  30. div.horiz img{
  31. display: inline;
  32. vertical-align: top;
  33. }
  34. div.horiz p{
  35. display: inline;
  36. vertical-align: top;
  37. }
  38. /* fiestas.php */
  39. div#schedule{
  40. display: inline-block;
  41. vertical-align: top;
  42. margin-top: 2em;
  43. margin-right: 1em;
  44. }
  45. div.day_title h4{
  46. font-size: 120%;
  47. margin: 0;
  48. padding: 0.5em;
  49. }
  50. div.day_schedule{
  51. overflow: hidden;
  52. max-height: 0em;
  53. transition: max-height 0.9s ease-in-out;
  54. }
  55. table.schedule{
  56. border-collapse: collapse;
  57. }
  58. table.schedule td{
  59. vertical-align: top;
  60. padding-left: 0.5em;
  61. padding-right: 0.5em;
  62. padding-bottom: 0.6em;
  63. }
  64. table.schedule td span.time{
  65. font-weight: bold;
  66. }
  67. table.schedule td span.title{
  68. font-weight: bold;
  69. }
  70. table.schedule td span.description{
  71. font-size: 90%;
  72. font-style: italic;
  73. margin-left: 1.2em;
  74. }
  75. table.schedule td.timeline{
  76. width: 0.06em;
  77. padding: 0;
  78. background-color: #000000;
  79. padding-left: 0;
  80. padding-right: 0;
  81. }
  82. table.schedule td.timeline img.timeline_dot{
  83. width: 1em;
  84. height: 1em;
  85. margin-left: -0.44em;
  86. margin-right: -0.44em;
  87. margin-top: 0.3em;
  88. }
  89. table.schedule table.location{
  90. font-size: 80%;
  91. border-collapse: collapse;
  92. margin-left: 2em;
  93. }
  94. table.schedule table.location td{
  95. padding: 0.2em;
  96. }
  97. table.schedule table.location img{
  98. max-height: 1.3em;
  99. vertical-align: middle;
  100. }
  101. table.schedule table.location span.address{
  102. font-style: italic;
  103. }
  104. div#prices{
  105. display: inline-block;
  106. vertical-align: top;
  107. margin-top: 2em;
  108. margin-right: 0;
  109. text-align: center;
  110. }
  111. div#prices h3, h4{
  112. text-align: left;
  113. }
  114. div#prices div.entry{
  115. display: block;
  116. vertical-align: top;
  117. text-align: left;
  118. }
  119. div#prices div.entry h4{
  120. margin-top: 0.5em;
  121. margin-left: 0.5em;
  122. }
  123. div#prices table#table_days{
  124. width: 90%;
  125. border-collapse: collapse;
  126. margin: auto;
  127. }
  128. div#prices table#table_days td{
  129. border-top: 0.2em solid #aaaaaa;
  130. padding: 0.5em 2em 0.5em 2em;
  131. }
  132. div#prices td.price{
  133. min-width: 4em;
  134. text-align: right;
  135. }
  136. div#prices table#table_offers{
  137. width: 90%;
  138. border-collapse: collapse;
  139. margin: auto;
  140. }
  141. div#prices table#table_offers td{
  142. border-top: 0.2em solid #aaaaaa;
  143. }
  144. div#prices table#table_offers p.description{
  145. margin: 0.2em 0.2em 0.5em 2em;
  146. font-size: 90%;
  147. font-style: italic;
  148. }
  149. /* No fiestas */
  150. ul#no_fiestas{
  151. margin: 0 2em 2em 2em;
  152. }
  153. ul#no_fiestas li{
  154. margin-top: 2em;
  155. list-style-image: url('https://margolariak.com/img/misc/ul.png');
  156. list-style-type: circle;
  157. }
  158. ul#no_fiestas li span{
  159. font-weight: bold;
  160. font-style: italic;
  161. font-size: 110%;
  162. color: #001133;
  163. margin-right: 0.3em;
  164. letter-spacing: 0.05em;
  165. }