actividades.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. /* /actividades/add/index.php */
  2. span.tab_selector{
  3. z-index: 1;
  4. position: relative;
  5. margin-bottom: 0;
  6. margin-right: 1em;
  7. margin-left: 1em;
  8. border-top: 0.1em solid #000000;
  9. border-left: 0.1em solid #000000;
  10. border-right: 0.1em solid #000000;
  11. border-top-right-radius: 0.3em;
  12. border-top-left-radius: 0.3em;
  13. padding: 0.5em 0.5em 0 0.5em;
  14. background-color: #cccccc;
  15. }
  16. span#tab_selector_es{
  17. z-index: 3;
  18. }
  19. span.tab_selector_hidden{
  20. border-bottom: 0.1em solid #000000;
  21. }
  22. div.tab_content{
  23. z-index: 2;
  24. position: relative;
  25. display: inline-block;
  26. vertical-align: top;
  27. margin-top: -0.1em;
  28. background-color: #cccccc;
  29. width: 30%;
  30. min-width: 25em;
  31. text-align: center;
  32. }
  33. div.tab_content input[type="text"]{
  34. width: 90%;
  35. }
  36. div.tab_content textarea{
  37. width: 90%;
  38. height: 25em;
  39. resize: none;
  40. }
  41. div.tab_content_hidden{
  42. display: none;
  43. }
  44. div#activity_images{
  45. display: inline-block;
  46. width: 40%;
  47. min-width: 20em;
  48. vertical-align: top;
  49. }
  50. div#activity_images input[name="day"]{
  51. width: 2em;
  52. }
  53. div#activity_images input[name="month"]{
  54. width: 2em;
  55. }
  56. div#activity_images input[name="year"]{
  57. width: 4em;
  58. }
  59. div#activity_images input[name="hour"]{
  60. width: 2em;
  61. }
  62. div#activity_images input[name="minute"]{
  63. width: 2em;
  64. }
  65. div#activity_images input[name="price"]{
  66. width: 4em;
  67. }
  68. div#activity_images input[name="people"]{
  69. width: 4em;
  70. }
  71. div.image_upload_container{
  72. margin: 0.5em 0 0.5em 1em;
  73. }
  74. img.image_upload_preview{
  75. max-width: 8em;
  76. max-height: 4em;
  77. vertical-align: middle;
  78. }
  79. div#activity_options{
  80. width: 15%;
  81. min-width: 14em;
  82. display: inline-block;
  83. vertical-align: top;
  84. }
  85. /* Translate page */
  86. div#translation_instructions{
  87. text-align: center;
  88. }
  89. div#translation_instructions ul{
  90. display: inline-block;
  91. text-align: left;
  92. }
  93. div#translation_instructions ul li{
  94. margin-top: 0.5em;
  95. }
  96. table#table_translate_languages td.translate_language{
  97. min-width: 30%;
  98. border-collapse: collapse;
  99. border: none;
  100. vertical-align: top;
  101. }
  102. table#table_translate_itinerary{
  103. border-collapse: collapse;
  104. }
  105. table#table_translate_itinerary td{
  106. border: 1px solid #000000;
  107. }
  108. div.translate_row_title{
  109. height: 3em;
  110. }
  111. div.translate_row_description{
  112. height: 25em;
  113. overflow: auto;
  114. }
  115. div.translate_row_description p{
  116. font-size: 80%;
  117. }
  118. div.translate_row_description textarea{
  119. width: 100%;
  120. height: 80%;
  121. resize: none;
  122. }
  123. div.translate_row_after{
  124. height: 25em;
  125. overflow: auto;
  126. }
  127. div.translate_row_after p{
  128. font-size: 80%;
  129. }
  130. div.translate_row_after textarea{
  131. width: 100%;
  132. height: 80%;
  133. resize: none;
  134. }
  135. div.translate_row_itinerary table{
  136. font-size: 80%;
  137. width: 100%;
  138. }
  139. div.translate_row_itinerary table tr{
  140. height: 5em;
  141. max-height: 5em;
  142. min-height: 5em;
  143. }
  144. div.translate_row_itinerary table tr{
  145. overflow: auto;
  146. }
  147. div.translate_row_itinerary table td textarea{
  148. width: 100%;
  149. min-width: 10em;
  150. height: 100%;
  151. resize: none;
  152. }
  153. /* /actividades/add/itinerary.php */
  154. table#itinerary{
  155. border-collapse: collapse;
  156. border: 0.1em solid #000000;
  157. }
  158. table#itinerary tr.itinerary_row{
  159. vertical-align: top;
  160. border-top: 0.5em solid #333333;
  161. display: none;
  162. }
  163. table#itinerary tr#itinerary_row_0{
  164. display: table-row;
  165. border-top: 0.1em solid #000000;
  166. }
  167. table#itinerary tr.itinerary_row td.itinerary_cell{
  168. border: 0.1em solid #000000;
  169. }
  170. table#itinerary tr.itinerary_row td.itinerary_cell h4{
  171. margin: 0.3em;
  172. }
  173. table#itinerary tr.itinerary_row td.time input{
  174. width: 3em;
  175. }
  176. table#itinerary tr.itinerary_row td.time select{
  177. max-width: 10em;
  178. }
  179. table#itinerary tr.itinerary_row td.time span{
  180. font-size: 85%;
  181. color: #6040a8;
  182. text-shadow: 0 0 0.5em #7799ff;
  183. text-decoration: none;
  184. transition: all .3s ease-in-out;
  185. }
  186. table#itinerary tr.itinerary_row td.time span:hover{
  187. color: #301075;
  188. text-shadow: 0 0 0.4em #ffffff;
  189. text-decoration: underline;
  190. }
  191. table#itinerary tr.itinerary_row td.title input{
  192. min-width: 3em;
  193. }
  194. table#itinerary tr.itinerary_row td.text textarea{
  195. min-width: 15em;
  196. height: 7em;
  197. resize: none;
  198. }