Atrás
VIII Bienal de Grabado Aguafuerte 2022
Se ha producido un error al procesar la plantilla.
Expression enlace is undefined on line 358, column 30 in 10154#10194#819556.
1<style>
2
3 #detalle-contenidos{
4 width: 100%;
5 height: auto;
6 }
7
8 #detalle-contenidos .detalle-container{
9 position: relative;
10 display: block;
11 }
12
13 #detalle-contenidos .titulo-contenido{
14 position: relative;
15 background: white;
16 margin-top: 10px;
17 margin-bottom: 5px;
18 padding: 0 5px;
19 }
20
21 #detalle-contenidos .titulo-contenido span{
22 position: relative;
23 font-family: Arial, Helvetica, sans-serif !important;
24 font-weight: bold;
25 display: block;
26 width: 100%;
27 color: black;
28 text-align: center;
29 font-size: 2.75em;
30 line-height: 30px;
31 }
32
33 #detalle-contenidos hr{
34 border-top: 1px solid #0e72b5!important;
35 margin: 10px 0px 10px 0px!important;
36 }
37
38 #detalle-contenidos .date-social-media-container{
39 position: relative;
40 width: 100%;
41 height: 31px;
42 }
43
44 #detalle-contenidos .social-media-bar{
45 height: 31px;
46 display: inline-block;
47 float: right;
48 }
49
50 #detalle-contenidos .fa {
51 padding: 7px;
52 font-size: 17px;
53 width: 17px;
54 text-align: center;
55 text-decoration: none;
56 border-radius: 50%;
57 }
58
59 #detalle-contenidos .fa-facebook{
60 background: #3B5998;
61 color: white;
62 }
63
64 #detalle-contenidos .fa-twitter {
65 background: #55ACEE;
66 color: white;
67 }
68
69 #detalle-contenidos .fa-envelope {
70 background: #97bf0d;
71 color: white;
72 }
73
74 #detalle-contenidos .fa-print {
75 background: #ea620d;
76 color: white;
77 }
78
79 #detalle-contenidos .descripcion-contenido{
80 position: relative;
81 width: 100%;
82 background: white;
83 margin-bottom: 15px;
84 }
85
86 #detalle-contenidos .descripcion-contenido span{
87 position: relative;
88 display: block;
89 width: auto;
90 color: black;
91 text-align: justify;
92 overflow: hidden;
93 }
94
95 #detalle-contenidos .contenidos-adicionales{
96 position: relative;
97 width: 100%;
98 height: auto;
99 }
100
101 #detalle-contenidos .ficheros-asociados,#detalle-contenidos .enlaces-asociados,#detalle-contenidos .videos-asociados{
102 position: relative;
103 display: inline-block;
104 top: 0px;
105 right: 0px;
106 width: 100%;
107 }
108
109 #detalle-contenidos .ficheros-label,#detalle-contenidos .enlaces-label,#detalle-contenidos .videos-label{
110 position: relative;
111 width: 100%;
112 background: white;
113 margin: 20px 0px;
114 }
115
116 #detalle-contenidos .ficheros-label span,#detalle-contenidos .enlaces-label span,#detalle-contenidos .videos-label span{
117 font-family: Arial, Helvetica, sans-serif !important;
118 font-size: 20px;
119 font-weight: 400;
120 color: white;
121 background: #0e72b5;
122 padding: 9px;
123 border-radius: 0px 40px 40px 0px;
124 user-select: none;
125 }
126
127 #detalle-contenidos .contenedor-ficheros,#detalle-contenidos .contenedor-enlaces,#detalle-contenidos .contenedor-videos{
128 display: inline-block;
129 position: relative;
130 background-color: #efefee;
131 width: 100%;
132 height: auto;
133 border-radius: 10px;
134 padding-bottom: 10px;
135 overflow: hidden;
136 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
137 }
138
139 #detalle-contenidos .enlace-fichero,#detalle-contenidos .enlace-enlaces,#detalle-contenidos .enlace-videos{
140 position: relative;
141 width: 100%;
142 margin-top: 10px;
143 margin-left: 10px;
144 }
145
146 #detalle-contenidos .slider-nav-btn{
147 display: inline-block;
148 position: absolute;
149 top: 0;
150 width: 30px;
151 height: 30px;
152 }
153
154 #detalle-contenidos .ficheros-nav-pdf{
155 background: url("/Diputacion-theme/images/cultura_dipva/icono-pdf.png") no-repeat;
156 left: 0;
157 background-position: center;
158 }
159
160 #detalle-contenidos .ficheros-nav-doc{
161 background: url("/Diputacion-theme/images/cultura_dipva/icono-documento.png") no-repeat;
162 left: 0;
163 background-position: center;
164 }
165
166 #detalle-contenidos .ficheros-nav-zip-rar{
167 background: url("/Diputacion-theme/images/cultura_dipva/icono-zip.png") no-repeat;
168 left: 0;
169 background-position: center;
170 }
171
172 #detalle-contenidos .ficheros-nav-enlace{
173 background: url("/Diputacion-theme/images/cultura_dipva/icono-enlace.png") no-repeat;
174 left: 0;
175 background-position: center;
176 }
177
178 #detalle-contenidos .contenedor-ficheros span,#detalle-contenidos .contenedor-enlaces span,#detalle-contenidos .contenedor-videos span{
179 position: relative;
180 font-family: Arial, Helvetica, sans-serif !important;
181 font-weight: bold;
182 display: block;
183 width: 100%;
184 color: #282828;
185 left: 30px;
186 text-align: left;
187 font-size: 0.75em;
188 line-height: 30px;
189 }
190
191 #detalle-contenidos .contenedor-ficheros a,#detalle-contenidos .contenedor-enlaces a,#detalle-contenidos .contenedor-videos a{
192 text-decoration: none;
193 }
194
195 #detalle-contenidos .contenedor-ficheros a:hover span,#detalle-contenidos .contenedor-enlaces a:hover span,#detalle-contenidos .contenedor-videos a:hover span{
196 text-decoration: none;
197 color: #0e72b5;
198 }
199
200 #detalle-contenidos .imagenes-asociadas{
201 position: relative;
202 display: inline-block;
203 width: 100%;
204 }
205
206 #detalle-contenidos .imagenes-label{
207 position: relative;
208 width: 100%;
209 background: white;
210 margin: 20px 0px;
211 }
212
213 #detalle-contenidos .imagenes-label span{
214 font-family: Arial, Helvetica, sans-serif !important;
215 font-size: 20px;
216 font-weight: 400;
217 color: white;
218 background: #0e72b5;
219 padding: 9px;
220 border-radius: 0px 40px 40px 0px;
221 user-select: none;
222 }
223
224 #detalle-contenidos .contenedor-imagenes{
225 display: inline-block;
226 position: relative;
227 background-color: #282828;
228 width: 100%;
229 height: auto;
230 border-radius: 10px;
231 text-align: center;
232 }
233
234 #detalle-contenidos .imagenes{
235 position: relative;
236 display: inline-block;
237 width: auto;
238 max-width: 300px;
239 height: 150px;
240 overflow: hidden;
241 padding: 10px 10px 5px 10px;
242 }
243
244 #detalle-contenidos .imagenes:hover{
245 transform: scale(1.05);
246 }
247
248 #detalle-contenidos .imagenes img{
249 position: relative;
250 height: 100%;
251 }
252
253 #detalle-contenidos .descripcion-contenido img{
254 float: right;
255 z-index: 100;
256 padding: 8px 0px 10px 12px;
257 }
258
259 .print-action{
260 display: none;
261 }
262
263 @media print{
264 #detalle-contenidos .social-media-bar{
265 display: none;
266 }
267
268 #banner, nav#breadcrumbs, #footer, .taglib-header{
269 display: none!important;
270 margin: 0px!important;
271 }
272
273 #detalle-contenidos .contenidos-adicionales{
274 display:none;
275 }
276
277 #contenido-noticia a[href]:after{
278 content: none!important;
279 }
280
281 #contenido-noticia .img-principal{
282 width: 150px!important;
283 }
284 }
285 .link-fa{
286 position:absolute
287 }
288 /*Para corregir scrollbar*/
289 body{
290 overflow-x: visible;
291 }
292</style>
293
294<#assign serviceContext = staticUtil["com.liferay.portal.service.ServiceContextThreadLocal"].getServiceContext() >
295<#assign themeDisplay = serviceContext.getThemeDisplay() />
296<#assign instancia= themeDisplay.getPortletDisplay().getId()>
297<#assign currentURL = themeDisplay.getURLPortal()+themeDisplay.getURLCurrent()>
298
299<div id="detalle-contenidos">
300 <div class="detalle-container">
301 <div class="titulo-contenido">
302 <span>${titulo.getData()}</span>
303 </div>
304 <hr>
305 <div class="date-social-media-container">
306 <div class="social-media-bar">
307 <a title="Facebook" href="https://www.facebook.com/sharer/sharer.php?u=${currentURL}" class="fa fa-facebook"><span style="display:none">Facebook</span></a>
308 <a title="Twitter" href="https://twitter.com/share?url=${currentURL}&text=${titulo.getData()}" class="fa fa-twitter"><span style="display:none">Twitter</span></a>
309 <a title="Mail" href="mailto:?&subject=${titulo.getData()}-Cultura-Diputación%20de%20Valladolid&body=${currentURL}" class="fa fa-envelope"><span style="display:none">Correo</span></a>
310 <a title="Imprimir" href="#" class="fa fa-print" onclick="window.print();"><span style="display:none">Imprimir</span></a>
311 </div>
312 </div>
313 <div class="descripcion-contenido">
314 <span>
315 <#if imagen_principal.getData()!="" && imagen_principal.getData()!= "null">
316 <img alt="Imagen principal" class="img-principal" src="${imagen_principal.getData()}" />
317 </#if>
318 ${contenido.getData()}
319 </span>
320 </div>
321 <div class="contenidos-adicionales">
322 <#if ficheros_externos.getSiblings()?has_content>
323 <#assign fchs = ficheros_externos.getSiblings()>
324 <#if (fchs?size >=1)&&(fchs[0].getData()?length>10)>
325 <div class="ficheros-asociados">
326 <div class="ficheros-label">
327 <span>Ficheros asociados</span>
328 </div>
329 <div class="contenedor-ficheros">
330 <#list ficheros_externos.getSiblings() as cur_ficheros_externos>
331 <a title="_blank" href="${cur_ficheros_externos.getData()}" target="_blank">
332 <#assign array = cur_ficheros_externos.getData()?split('/')>
333 <div class="enlace-fichero">
334 <#assign tipo_documento = cur_ficheros_externos.getData()>
335 <#if tipo_documento?contains('.pdf')>
336 <div class="slider-nav-btn ficheros-nav-pdf"></div>
337 <#elseif tipo_documento?contains('.doc')>
338 <div class="slider-nav-btn ficheros-nav-doc"></div>
339 <#elseif tipo_documento?contains('www')>
340 <div class="slider-nav-btn ficheros-nav-enlace"></div>
341 <#elseif tipo_documento?contains('.zip') || tipo_documento?contains('.rar')>
342 <div class="slider-nav-btn ficheros-nav-zip-rar"></div>
343 <#else>
344 <div class="slider-nav-btn ficheros-nav-zip-rar"></div>
345 </#if>
346 <#assign decoder = objectUtil("java.net.URLDecoder")>
347 <#assign fileTitle = decoder.decode(array[4], "UTF-8")>
348 <span>${fileTitle}</span>
349 </div>
350 </a>
351 </#list>
352 </div>
353 </div>
354 </#if>
355 </#if>
356
357 <!--Enlaces-->
358 <#if enlace.getSiblings()?has_content>
359 <#assign en = enlace.getSiblings()>
360 <#if (en?size >=1)&&(en[0].getData()?length>10)>
361 <div class="enlaces-asociados">
362 <div class="enlaces-label">
363 <span>Enlaces asociados</span>
364 </div>
365 </span>
366 <div class="contenedor-enlaces">
367 <#list enlace.getSiblings() as cur_enlace>
368 <#list cur_enlace.getSiblings() as cur_textoEnlace>
369 <#if (cur_textoEnlace.getData()!= "")>
370 <a title="_blank" href="${cur_enlace.getData()}" target="_blank">
371 <div class="enlace-fichero">
372 <i class="fa fa-link link-fa" aria-hidden="true"></i> <span>${cur_textoEnlace.textoEnlace.getData()}</span>
373 </div>
374 </a>
375 </#if>
376 </#list>
377 </#list>
378 </div>
379 </div>
380 </#if>
381 </#if>
382 <!--Videos-->
383 <#if video.getSiblings()?has_content>
384 <#assign en = video.getSiblings()>
385 <#if (en?size >=1)&&(en[0].getData()?length>10)>
386 <div class="videos-asociados">
387 <div class="videos-label">
388 <span>Videos asociados</span>
389 </div>
390 </span>
391 <div class="contenedor-videos">
392 <#list video.getSiblings() as cur_video>
393 <#list cur_video.getSiblings() as cur_textoVideo>
394 <#if (cur_textoVideo.getData()!= "")>
395 <a title="_blank" href="${cur_video.getData()}" target="_blank">
396 <div class="enlace-fichero">
397 <i class="fa fa-link link-fa" aria-hidden="true"></i> <span>${cur_textoVideo.textoVideo.getData()}</span>
398 <#if (cur_video.marco.getData()!= "")>
399 <div class="imagenVideo">
400 ${cur_video.marco.getData()}
401 </div>
402 </#if>
403 </div>
404 </a>
405 </#if>
406 </#list>
407 </#list>
408 </div>
409 </div>
410 </#if>
411 </#if>
412 <#if imagenes.getSiblings()?has_content>
413 <#assign imgs = imagenes.getSiblings()>
414 <#if (imgs?size >=1)&&(imgs[0].getData()?length>10)>
415 <div class="imagenes-asociadas">
416 <div class="imagenes-label">
417 <span>Imágenes asociadas</span>
418 </div>
419 <div class="contenedor-imagenes">
420 <#list imagenes.getSiblings() as cur_imagenes>
421 <#assign altImg = cur_imagenes.getData()?split("/")[cur_imagenes.getData()?split("/")?size-2]>
422 <div class="imagenes">
423 <a title="_blank" href="${cur_imagenes.getData()}" target="_blank">
424 <img alt="Imagen - ${altImg}" src="${cur_imagenes.getData()}">
425 </a>
426 </div>
427 </#list>
428 </div>
429 </div>
430 </#if>
431 </#if>
432 </div>
433 </div>
434</div>