Pinguinos
img_cabacera_pinguinos2021
Pingüinos Valladolid 2024
Camino de migas
Camino de migas
Publicador de contenidos
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing: ==> entry [in template "20116#20160#755807" at line 654, column 22] ---- Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign classPK = entry.getClassPK() [in template "20116#20160#755807" at line 654, column 3] ----
1<#-- ESTILOS EN EL TEMA
2
3<style type="text/css">
4
5 .pln_calendario{
6 position: relative;
7 }
8
9------------------------------------- Cabecera evento -------------------------------------
10
11 .pln_calendario .cabecera{
12 overflow: hidden;
13 margin-bottom: 10px;
14 }
15
16 --------------- Estilo fechas ---------------
17 .pln_calendario .cabecera .fechas{
18 position: relative;
19 width: 85px;
20 padding-bottom: 200px;
21 float: left;
22 color: white;
23 text-align: center;
24 }
25
26 .pln_calendario .cabecera .fechas .fechaIniBackground{
27 position: absolute;
28 top: 0; left: 0;
29 width: 100%; height: 56%;
30 border-left: 85px solid black;
31 border-bottom: 31px solid transparent;
32 z-index:-1;
33 }
34
35 .pln_calendario .cabecera .fechas .fechaFinBackground{
36 position: absolute;
37 bottom: 0; left: 0;
38 width: 100%; height: 56%;
39 border-right: 85px solid black;
40 border-top: 31px solid transparent;
41 z-index:-1;
42 }
43
44 .pln_calendario .cabecera .fechas .fechaIni{
45 position: absolute;
46 top: 0; left: 0;
47 width: 100%; height: 100%;
48 }
49
50 .pln_calendario .cabecera .fechas .fechaFin{
51 position: absolute;
52 top: 0; left: 0;
53 width: 100%; height: 100%;
54 }
55
56 .pln_calendario .cabecera .fechas .dia{
57 font-size: 56px !important;
58 font-weight: 700;
59 display: block;
60 text-align: center;
61 }
62
63 .pln_calendario .cabecera .fechas .mes{
64 position: absolute;
65 display: block;
66 font-size: 22px !important;
67 text-transform: uppercase;
68 }
69
70 .pln_calendario .cabecera .fechas .fechaIni span{
71 position: relative;
72 top: -1%!important;
73 }
74 .pln_calendario .cabecera .fechas .fechaIni p{
75 top: 31%!important; left: 25%;
76 }
77
78 .pln_calendario .cabecera .fechas .fechaFin span{
79 position: relative;
80 top: 47%;
81 }
82 .pln_calendario .cabecera .fechas .fechaFin p{
83 top: 81%; left: 25%;
84 }
85
86 .pln_calendario .cabecera #soloFecha{
87 padding-bottom: 112px;
88 }
89 .pln_calendario .cabecera #soloFechaIniBackground{
90 height: 100%;
91 border-left: none;
92 border-bottom: none;
93 background-color: black;
94 }
95 .pln_calendario .cabecera #soloMes{
96 top: 53%;
97 }
98 --------------- Fin fechas ---------------
99
100
101 .pln_calendario .cabecera .tituloContainer{
102 position: relative;
103 margin-bottom: 2%;
104 }
105
106 .pln_calendario .cabecera .tituloContainer .tituloText{
107 line-height: 120%;
108 font-size: 3.5vw !important;
109 font-weight: 800;
110 color: black;
111 margin-left: 100px;
112 text-align: left;
113 }
114
115------------------------------------- Segundo contenedor -------------------------------------
116
117 .pln_calendario .segundoCont{
118 position: relative;
119 min-height: 290px;
120 }
121
122 .pln_calendario .segundoCont .imagenTexto{
123
124 margin-bottom: 25px;
125 }
126
127 .pln_calendario .segundoCont .imagenTexto .imgContainer{
128 position: relative;
129 display: inline-block;
130 width: 55%;
131 float: left;
132 text-align: center;
133 margin-left: 60px;
134 margin-right:1%;
135 margin-bottom:1%;
136 }
137
138 .pln_calendario .segundoCont .imagenTexto .imgContainer .imgEvento{
139 position: relative;
140 max-height: 40vw;
141 }
142
143 .pln_calendario .segundoCont .imagenTexto .descripCorta{
144 position: relative;
145
146 }
147
148 .pln_calendario .segundoCont .imagenTexto span.descripCorta {
149 font-size: 14pt !important;
150
151 }
152
153
154 --------------- Estilo apartado redes sociales ---------------
155 .pln_calendario .segundoCont #redes_noticia{
156 position: absolute;
157 top: 0;
158 z-index: 1;
159 }
160
161 .pln_calendario .segundoCont #redes_noticia ul{
162 list-style-type: none;
163 padding: 0 !important;
164 overflow: auto;
165 }
166
167 .pln_calendario .segundoCont #redes_noticia ul li{
168 display: block;
169 width: 50px; height: 50px;
170 margin: 5px 5px 5px 0;
171 padding: 0 !important;
172 padding-top: 6px !important;
173 background-color: black;
174 text-align: center;
175 }
176
177 .pln_calendario .segundoCont #redes_noticia ul li a{
178 text-decoration: none;
179 }
180
181 .pln_calendario .segundoCont #redes_noticia ul li span{
182 font-size: 40px;
183 color: white;
184 }
185
186 .pln_calendario .segundoCont #redes_noticia ul li .icon-google_plus{
187 font-size: 35px !important;
188 }
189
190
191------------------------------------ Cuerpo evento -------------------------------------
192
193 .pln_calendario .cuerpoEvento{
194 position: relative;
195 clear: right;
196 }
197
198 .pln_calendario .cuerpoEvento .direccion span{
199 font-size: 1.5vw !important;
200 }
201
202 .pln_calendario .cuerpoEvento .direccion p{
203 display: inline;
204 font-size: 1.5vw !important;
205 }
206
207 .pln_calendario .cuerpoEvento .mapContDesple{
208 position: relative;
209 padding-bottom: 17%;
210 width: auto;
211 margin-bottom: 3%; margin-top: 1%;
212 }
213
214 .pln_calendario .cuerpoEvento .mapContDesple .map{
215 position: absolute;
216 display: block;
217 margin: auto;
218 border: 0;
219 width: 100%;
220 height: 100%;
221 }
222
223 .pln_calendario .cuerpoEvento .enlace{
224 margin-bottom: 3%;
225 }
226
227 .pln_calendario .cuerpoEvento .enlace a{
228 color: #FFFFFF;
229 text-decoration: none;
230 }
231
232 .pln_calendario .cuerpoEvento .enlace p{
233 display: inline;
234 border: 2px solid black;
235 padding: 1%;
236 font-size: 1.5vw !important;
237 font-weight: 600;
238 color: black;
239 }
240
241 .pln_calendario .cuerpoEvento .enlaceVenta{
242 margin-bottom: 3%;
243 }
244
245 .pln_calendario .cuerpoEvento .enlaceVenta a{
246 color: #FFFFFF;
247 text-decoration: none;
248 }
249
250 .pln_calendario .cuerpoEvento .enlaceVenta p{
251 display: inline;
252 border: 2px solid black;
253 padding: 1%;
254 font-size: 1.5vw !important;
255 font-weight: 600;
256 color: black;
257 }
258
259 .linkCalendar{
260 position: relative;
261 padding: 1%;
262
263 background: rgb(185,65,85); /* For browsers that do not support gradients */
264 background: -webkit-linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57)); /* For Safari 5.1 to 6.0 */
265 background: -o-linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57)); /* For Opera 11.1 to 12.0 */
266 background: -moz-linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57)); /* For Firefox 3.6 to 15 */
267 background: linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57)); /* Standard syntax */
268 }
269
270 .linkCalendar a{
271 text-decoration: none;
272 color: white;
273 }
274
275 .linkCalendar span{
276 font-size: 2.5vw !important;
277 }
278
279 .linkCalendar p{
280 display: inline;
281 margin-left: 1%;
282 font-size: 2vw !important;
283 font-weight: 700;
284 }
285
286
287 ------------------------------------- Comportamiento hover -------------------------------------
288
289 .pln_calendario .cuerpoEvento .enlace p:hover{
290 background-color: black;
291 color: white;
292 }
293
294 .pln_calendario .cuerpoEvento .enlaceVenta p:hover{
295 background-color: black;
296 color: white;
297 }
298
299
300
301------------------------------------- Comportamiento responsivo -------------------------------------
302
303 @media only screen and (max-width: 1200px) {
304 .pln_calendario .cuerpoEvento .direccion p, .pln_calendario .cuerpoEvento .direccion span, .pln_calendario .cuerpoEvento .enlaceVenta p{
305 font-size: 18px !important;
306 }
307
308 .linkCalendar p, .linkCalendar span {
309 font-size: 24px !important;
310 }
311 }
312
313 @media only screen and (max-width: 991px) {
314 .pln_calendario .segundoCont .imagenTexto .descripCorta p{
315 font-size: 20px !important;
316 }
317 }
318
319
320 @media only screen and (max-width: 767px) {
321 .pln_calendario .cabecera{
322 margin-bottom: 0;
323 min-height: 0;
324 }
325 .pln_calendario .cabecera .fechas{
326 width: 55px;
327 padding-bottom: 130px;
328 margin-bottom:8px;
329 }
330 .pln_calendario .cabecera .fechas .dia{
331 font-size: 25pt !important;
332 }
333 .pln_calendario .cabecera .fechas .mes{
334 font-size: 13pt !important;
335 }
336 .pln_calendario .cabecera .fechas .fechaIniBackground{
337 border-left: 55px solid black;
338 border-bottom: 22px solid transparent;
339 }
340 .pln_calendario .cabecera .fechas .fechaFinBackground{
341 border-right: 55px solid black;
342 border-top: 22px solid transparent;
343 }
344 .pln_calendario .cabecera .fechas .fechaIni p {
345 top: 25%; left: 18%;
346 }
347 .pln_calendario .cabecera .fechas .fechaFin p{
348 top: 78%; left: 22%;
349 }
350
351 .pln_calendario .cabecera #soloFecha{
352 padding-bottom: 72px;
353 }
354
355 .pln_calendario .cabecera .tituloContainer .tituloText{
356 font-size: 25pt !important;
357 margin-left: 68px;
358 }
359
360 .pln_calendario .segundoCont .imagenTexto{
361 display: block;
362 margin-bottom: 0;
363 }
364 .pln_calendario .segundoCont .imagenTexto .imgContainer{
365 display: block;
366 float: none;
367 width: 100%;
368 margin-left: 0;
369 padding-left: 0;
370 min-height: 0;
371 margin-right:3%;
372 }
373 .pln_calendario .segundoCont .imagenTexto .imgContainer .imgEvento{
374 max-height: 80vw;
375 }
376 .pln_calendario span.descripCorta {
377 position: relative;
378 font-weight: 700;
379 font-size: 14pt !important;
380 margin-top: 20px;
381 }
382
383 .pln_calendario .cuerpoEvento .direccion span{
384 font-size: 18pt !important;
385 }
386 .pln_calendario .cuerpoEvento .direccion p{
387 font-size: 14pt !important;
388 }
389
390 .pln_calendario .cuerpoEvento .mapContDesple {
391 padding-bottom: 40%;
392 }
393
394 .pln_calendario .cuerpoEvento .enlace p {
395 font-size: 10pt !important;
396 }
397 .pln_calendario .cuerpoEvento .enlaceVenta p {
398 font-size: 10pt !important;
399 }
400
401 .linkCalendar a{
402 text-decoration: none;
403 }
404
405 .linkCalendar span {
406 font-size: 16pt !important;
407 }
408 .linkCalendar p {
409 font-size: 14pt !important;
410 }
411
412 }
413
414
415 @media only screen and (max-width: 476px) {
416 .pln_calendario .cabecera .tituloContainer .tituloText {
417 word-wrap: break-word;
418 }
419 .pln_calendario .segundoCont .imagenTexto .imgContainer .imgEvento{
420 max-width: 100%;
421 max-height: inherit;
422 }
423 }
424
425
426 @media only screen and (max-width: 767px) {
427 .pln_calendario .segundoCont #redes_noticia{
428 position: relative;
429 top: 0;
430 }
431 .pln_calendario .segundoCont #redes_noticia ul{
432 margin-top: 20px;
433 }
434 .pln_calendario .segundoCont #redes_noticia ul li{
435 float: left;
436 width: 40px; height: 40px;
437 }
438 .pln_calendario .segundoCont #redes_noticia ul li span {
439 font-size: 30px;
440 }
441 .pln_calendario .segundoCont #redes_noticia ul li .icon-google_plus{
442 font-size: 28px !important;
443 }
444 }
445
446
447 .pln_calendario .segundoCont #redes_noticia .enlaceVenta{
448 background: rgb(185,65,85) !important; /* For browsers that do not support gradients */
449 background: -webkit-linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57)) !important; /* For Safari 5.1 to 6.0 */
450 background: -o-linear-gradient(90deg, rgb(169,66,118), #rgb(198,64,57)) !important; /* For Opera 11.1 to 12.0 */
451 background: -moz-linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57)) !important; /* For Firefox 3.6 to 15 */
452 background: linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57)) !important; /* Standard syntax */
453 }
454
455 .pln_calendario .segundoCont #redes_noticia .enlaceVenta span{
456 color: white;
457 }
458
459
460 @media only print {
461
462 *{
463 overflow:hidden;
464 }
465
466 .segundoCont .imagenTexto{
467 display:block;
468 }
469 .displayEventContainer .cabecera{
470 margin-bottom: 0;
471 min-height: 0;
472 }
473 .cabecera .fechas{
474 width: 55px;
475 padding-bottom: 130px;
476 margin-bottom:8px;
477 color:white !important;
478
479 }
480
481 .cabecera .fechas .dia{
482 font-size: 25pt !important;
483 color:white !important;
484 }
485 .cabecera .fechas .mes{
486 font-size: 13pt !important;
487 color:white !important;
488 }
489 .cabecera .fechas .fechaIniBackground{
490 border-left: 55px solid black;
491 border-bottom: 22px solid transparent;
492 }
493 .cabecera .fechas .fechaFinBackground{
494 border-right: 55px solid black;
495 border-top: 22px solid transparent;
496 }
497 .cabecera .fechas .fechaIni p {
498 top: 25%; left: 18%;
499 }
500 .cabecera .fechas .fechaFin p{
501 top: 78%; left: 22%;
502 }
503
504 .cabecera #soloFecha{
505 padding-bottom: 72px;
506 }
507
508 .cabecera .tituloContainer .tituloText{
509 font-size: 25pt !important;
510 margin-left: 68px;
511 }
512
513 .segundoCont .imagenTexto{
514 display: block;
515 margin-bottom: 0;
516 }
517 .segundoCont .imagenTexto .imgContainer{
518 display: block;
519 float: none;
520 width: 100%;
521 margin-left: 0;
522 padding-left: 0;
523 min-height: 0;
524 }
525 .segundoCont .imagenTexto .imgContainer .imgEvento{
526 max-height: 80vw;
527 }
528 .segundoCont .imagenTexto .descripCorta {
529 position: relative;
530 width: 100%;
531 margin-top: 20px;
532 }
533
534 .cuerpoEvento .direccion span{
535 font-size: 18pt !important;
536 }
537 .cuerpoEvento .direccion p{
538 font-size: 14pt !important;
539 }
540
541 .cuerpoEvento .mapContDesple {
542 padding-bottom: 40%;
543 }
544
545 .cuerpoEvento {
546 font-size: 10pt !important;
547 }
548 .cuerpoEvento {
549 font-size: 10pt !important;
550 }
551
552 .linkCalendar{
553 display:none;
554 }
555
556 #redes_noticia{
557 display:none;
558 }
559 .enlace .enlaceVenta{
560 display:none;
561 }
562 }
563
564</style>
565
566<style>
567
568 .pln_calendario .cuerpoEvento .docDescarga {
569 margin-bottom: 3%;
570 }
571 .pln_calendario .cuerpoEvento .docDescarga a {
572 color: #fff;
573 text-decoration: none;
574 }
575 .pln_calendario .cuerpoEvento .docDescarga span {
576 display: inline-block;
577 border: 2px solid black;
578 padding: 1%;
579 font-size: 1.5vw !important;
580 font-weight: 600;
581 color: black;
582 }
583 .pln_calendario .cuerpoEvento .docDescarga span:hover {
584 background-color: black;
585 color: white;
586 }
587
588
589</style>
590
591-->
592
593<style type="text/css">
594
595 .pln_calendario.adt_calendario_detalle_nomap .cabecera .fechas {
596 /*margin-bottom: 240px;*/
597 margin-right: 10px;
598 text-align: center;
599 padding-bottom: 200px!important;
600 }
601 .pln_calendario.adt_calendario_detalle_nomap .cabecera .fechas .fechaIni span{
602 top: -1%;
603 }
604 .pln_calendario.adt_calendario_detalle_nomap .cabecera .fechas .fechaIni p{
605 top: 30%;
606 }
607 .pln_calendario.adt_calendario_detalle_nomap .cabecera .fechas .year{
608 font-size: 0.8em;
609 }
610
611 .pln_calendario.adt_calendario_detalle_nomap .segundoCont #redes_noticia {
612 top:185px
613 }
614
615 .pln_calendario.adt_calendario_detalle_nomap .segundoCont .imagenTexto {
616 text-align: justify;
617 }
618
619
620 @media only screen and (max-width: 767px) {
621 .pln_calendario.adt_calendario_detalle_nomap .segundoCont #redes_noticia {
622 position: absolute;
623 width: 55px;
624 }
625 .pln_calendario.adt_calendario_detalle_nomap .cabecera .fechas .fechaIni span{
626 top: 6%;
627 }
628 .pln_calendario .cabecera .fechas .fechaFin span{
629 top:55%;
630 }
631 }
632
633 #redes_noticia{
634 display:none;
635 }
636
637</style>
638
639 <#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
640
641 <#assign url=portalUtil.getCurrentCompleteURL(request)>
642
643 <#assign irACalendarioDeEventos = journalArticleLocalService.getLatestArticle(90353).getDescription(locale)/>
644
645
646
647 <#if entries?has_content>
648 <#list entries as curEntry>
649 <#-- If we have a list use only the last one -->
650 <#assign entry = curEntry>
651 </#list>
652 </#if>
653
654 <#assign classPK = entry.getClassPK()>
655 <#assign articulo = journalArticleLocalService.getLatestArticle(classPK)>
656 <#assign document = saxReaderUtil.read(articulo.getContentByLocale('${themeDisplay.getLocale()}'))>
657 <#assign rootElement = document.getRootElement()>
658
659
660 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='FechaInicio']")>
661 <#assign FechaInicio_Data = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
662
663 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='FechaFin']")>
664 <#assign FechaFin_Data = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
665
666 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Titulo']")>
667 <#assign Titulo_Data = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
668
669 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Descripcion']")>
670 <#assign Descripcion_Data = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
671
672 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='DocumentoDeDescarga']/dynamic-element[@name='TituloDocumento']")>
673 <#if xPathSelector.selectSingleNode(rootElement)??>
674 <#assign tituloDescarga = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
675 </#if>
676
677 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='DocumentoDeDescarga']/dynamic-element[@name='Documento']")>
678 <#if xPathSelector.selectSingleNode(rootElement)??>
679 <#assign linkDescarga = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
680 </#if>
681
682
683
684 <#if validator.isNotNull(FechaInicio_Data)>
685 <#assign FechaInicio_DateObj = dateUtil.parseDate("yyyy-MM-dd", FechaInicio_Data, locale)>
686
687 <#assign diaEventoIni = FechaInicio_DateObj?string["dd"]?number>
688 <#assign yearEventoIni = FechaInicio_DateObj?string["yyyy"]?number>
689 <#assign mesEventoNombreIni = dateUtil.getDate(FechaInicio_DateObj, "MMM", locale)>
690 </#if>
691
692 <#if validator.isNotNull(FechaFin_Data) >
693 <#assign FechaFin_DateObj = dateUtil.parseDate("yyyy-MM-dd", FechaFin_Data, locale)>
694
695 <#assign diaEventoFin = FechaFin_DateObj?string["dd"]?number>
696 <#assign mesEventoNombreFin = dateUtil.getDate(FechaFin_DateObj, "MMM", locale)>
697 </#if>
698
699
700
701 <div class="pln_calendario adt_calendario_detalle_nomap">
702 <div class="cabecera">
703
704 <#if FechaFin_Data != FechaInicio_Data>
705 <div class="fechas">
706 <div class="fechaIniBackground"></div>
707 <span class="year">${yearEventoIni}</span>
708 <div class="fechaIni">
709 <span class="dia">${diaEventoIni}</span>
710 <p class="mes">${mesEventoNombreIni}</p>
711 </div>
712
713 <div class="fechaFinBackground"></div>
714 <div class="fechaFin">
715 <span class="dia">${diaEventoFin}</span>
716 <p class="mes">${mesEventoNombreFin}</p>
717 </div>
718 </div>
719
720 <#else>
721 <div class="fechas" id="soloFecha">
722 <div class="fechaIniBackground" id="soloFechaIniBackground"></div>
723 <span class="year">${yearEventoIni}</span>
724 <div class="fechaIni" id="soloFechaIni">
725 <span class="dia" id="soloDia">${diaEventoIni}</span>
726 <p class="mes" id="soloMes">${mesEventoNombreIni}</p>
727 </div>
728 </div>
729 </#if>
730
731 <div class="segundoCont">
732
733 <div class="imagenTexto">
734 <#if validator.isNotNull(Descripcion_Data) >
735 <span class="descripCorta">
736 ${Descripcion_Data}
737 </span>
738
739 </#if>
740
741 <#if validator.isNotNull(tituloDescarga) >
742 <p class="descripCorta">
743 <a href="${linkDescarga}">${tituloDescarga}</a>
744 </p>
745
746 </#if>
747 </div>
748
749 <div id="redes_noticia">
750 <ul>
751 <li><a class="i_facebook" data-href='${url}' href="https://www.facebook.com/sharer/sharer.php?u=${url}&src=sdkpreparse" title="Compartir en Facebook" target="_blank"> <span class="icon-facebook"></span> </a></li>
752 <li><a class="i_linkedin" href="http://www.linkedin.com/shareArticle?url=${url}" title="Compartir en Linkedin" target="_blank"> <span class="icon-linkedin"></span> </a></li>
753 <li><a class="i_twitter" href="https://twitter.com/share" title="Compartir en Twitter" target="_blank"> <span class="icon-twitter"></span> </a></li>
754 </ul>
755 </div>
756
757 </div>
758
759 </div>
760
761
762 </div>
763
764 <div class="linkCalendar">
765 <a href="/calendario-de-eventos">
766 <span class="icon-calendar"></span>
767 <p>${irACalendarioDeEventos}</p>
768 </a>
769 </div>
Publicador de contenidos
Menú de navegación
Publicador de contenidos
LOCALIZACIÓN
Menú de navegación
Organiza tu visita