La revista "360upf" obté el premi Innovació en Comunicació del Col·legi de Periodistes de Catalunya
S'ha produït un error mentre es processava la plantilla.
The following has evaluated to null or missing:
==> .vars['Camps_addicionalsb'] [in template "10155#10193#NOTICIA" at line 456, column 6]
----
Tip: It's the final [] step that caused this error, not those before it.
----
Tip: If the failing expression is known to 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: #if .vars["Camps_addicionalsb"].getCh... [in template "10155#10193#NOTICIA" at line 456, column 1]
----
1<#assign colorSite = getterUtil.getString(themeDisplay.getThemeSetting("color-site")) />
2<script type="text/javascript" src="/documents/6323808/129176989/jquery.captionate.js"></script>
3<script>
4function extractYouTubeParameter(url) {
5 // Expresión regular para YouTube y Shorts
6 var regExp = /(?:youtube\.com\/(?:shorts\/|watch\?v=)|youtu\.be\/)([^&?#]+)/;
7 var match = url.match(regExp);
8
9 if (match && match[1]) {
10 // Devuelve el ID del video con cualquier parámetro de consulta adicional
11 var paramIndex = url.indexOf('?');
12 return paramIndex !== -1 ? match[1] + url.substring(paramIndex) : match[1];
13 } else {
14 return null;
15 }
16}
17</script>
18<#assign zona = timeZoneUtil.getTimeZone("Europe/Madrid") />
19
20<#assign AssetEntryLocalservice = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") />
21<#assign journalLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
22<#assign viewURL = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
23<#assign groupId = getterUtil.getLong(groupId)/>
24
25
26<#-- apliquem les traduccions -->
27
28<#switch themeDisplay.getLocale()>
29<#case "ca_ES">
30 <#assign translations = {
31 "categories", "Categories",
32 "multimedia", "Multimèdia",
33 "perfils", "Perfils dels protagonistes",
34 "info", "Per a més informació",
35 "noticies", "Notícia publicada per",
36 "unitat", "Oficina de Comunicació",
37 "ods", "ODS - Objectius de desenvolupament sostenible",
38 "odsupf","Els ODS a la UPF"
39 }/>
40 <#break>
41<#case "es_ES">
42 <#assign translations = {
43 "categories", "Categorías",
44 "multimedia", "Multimedia",
45 "perfils", "Perfiles de los protagonistas",
46 "info", "Para más información",
47 "noticies", "Noticia publicada por",
48 "unitat", "Oficina de Comunicación",
49 "ods", "ODS - Objetivos de desarrollo sostenible",
50 "odsupf","Els ODS a la UPF"
51 }/>
52 <#break>
53<#default>
54<#assign translations = {
55 "categories", "Categories",
56 "multimedia", "Multimedia",
57 "perfils", "Profiles of the protagonists",
58 "info", "For more information",
59 "noticies", "News published by",
60 "unitat", "Communication Office",
61 "ods", "SDG - Sustainable Development Goals",
62 "odsupf","Els ODS a la UPF"
63 }/>
64</#switch>
65
66<#--<#assign site = groupId />-->
67<#assign site = groupId />
68
69<#if ( site?is_number) >
70 <#assign resourcePrimKey =
71 journalLocalService.getArticle(getterUtil.getLong(site), .vars['reserved-article-id'].data).resourcePrimKey />
72 <#assign entry = AssetEntryLocalservice.getEntry("com.liferay.journal.model.JournalArticle", getterUtil.getLong(resourcePrimKey)) />
73 <#if entry.getPublishDate()?? >
74 <#assign fecha_de_creacion = entry.getPublishDate()?string("dd.MM.yyyy")/>
75 <#else>
76 <#assign fecha_de_creacion = .now?string("dd.MM.yyyy")/>
77 </#if>
78
79 <#if entry.getModifiedDate()?? >
80 <#assign fecha_de_modificacion = entry.getModifiedDate()?string("dd.MM.yyyy")/>
81 <#else>
82 <#assign fecha_de_modificacion = .now?string("dd.MM.yyyy")/>
83 </#if>
84</#if>
85
86<#assign cat = "" />
87<#assign listaCategorias = entry.getCategories() />
88<#list listaCategorias as categoria >
89 <#if stringUtil.equalsIgnoreCase("OpenCms", categoria.name) >
90 <#assign cat = categoria.name />
91 </#if>
92</#list>
93<div class="container noticia-maximized nova">
94 <div id="nom_page">
95 <h1>${.vars['reserved-article-title'].data}</h1>
96 </div>
97 <div class="contingut subtitol">
98 <#if .vars['Resum']?? >
99 ${.vars['Resum'].getData()}
100 </#if>
101 </div>
102 <div class="data_flex">
103 <#if ( fecha_de_creacion?length == 10) >
104 <div class="data">${fecha_de_creacion}</div>
105 </#if>
106 <div class="xarxes-socials">
107 <script type="text/javascript">
108 var url_link = window.location.href;
109 var encode_url_link = encodeURIComponent(url_link);
110 var titular = `${.vars['reserved-article-title'].data}`;
111 var encode_titular = encodeURIComponent(titular);
112 function copiar() {
113 navigator.clipboard.writeText(url_link);
114 }
115 function carrega() {
116 document.querySelectorAll('.ft-btn-rrss--whatsapp').forEach(function(element) {
117 element.href = `https://api.whatsapp.com/send?text='%C2%BF`+encode_titular+`%22%20`+encode_url_link+`%3Futm_source%3Dwhatsapp%26utm_medium%3Dsocial%26utm_campaign%3Dbtn-share`;
118 });
119 document.querySelectorAll('.ft-btn-rrss--facebook').forEach(function(element) {
120 element.href = `https://www.facebook.com/sharer/sharer.php?u=`+encode_url_link;
121 element.setAttribute('data-href', url_link);
122 });
123 document.querySelectorAll('.ft-btn-rrss--twitter').forEach(function(element) {
124 element.href = `https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fupf.edu%2F&ref_src=twsrc%5Etfw%7Ctwcamp%5Ebuttonembed%7Ctwterm%5Eshare%7Ctwgr%5E&text=`+encode_titular+`&url=`+encode_url_link;
125 });
126 document.querySelectorAll('.ft-btn-rrss--email').forEach(function(element) {
127 element.href = `mailto:?subject=`+encode_titular+`&body=`+url_link;
128 });
129 };
130 if (document.readyState !== "loading") {
131 carrega();
132 }
133 document.addEventListener("DOMContentLoaded", function(){
134 carrega();
135 });
136 </script>
137 <div class="ft-mol-rrss-column__items">
138 <a href="#" target="_blank" title="WhatsApp" class="ft-btn-rrss ft-btn-rrss--whatsapp" rel="nofollow" data-share-button="whatsapp">
139 <span class="fa-stack"><i class="fa-solid fa-circle fa-stack-2x"></i><i class="fa-brands fa-whatsapp fa-stack-1x"></i></span>
140 <span class="ft-btn-rrss__text"> RRSS WhatsApp</span>
141 </a>
142 <a href="#" target="_blank" title="Twitter" class="ft-btn-rrss ft-btn-rrss--twitter" rel="nofollow" data-share-button="twitter">
143 <span class="fa-stack"><i class="fa-solid fa-circle fa-stack-2x"></i><i class="fa-brands fa-x-twitter fa-stack-1x "></i></span>
144 <span class="ft-btn-rrss__text"> RRSS Twitter</span>
145 </a>
146 <a href="#" target="_blank" title="Facebook" class="fb-share-button ft-btn-rrss--facebook" rel="nofollow" data-share-button="facebook" data-type="facebook">
147 <span class="fa-stack"><i class="fa-solid fa-circle fa-stack-2x"></i><i class="fa-brands fa-facebook-f fa-stack-1x "></i></span>
148 <span class="ft-btn-rrss__text"> RRSS Facebook</span>
149 </a>
150 <a href="#" target="_blank" title="email" class="ft-btn-rrss ft-btn-rrss--email" rel="nofollow" data-share-button="mail">
151 <span class="fa-stack"><i class="fa-solid fa-circle fa-stack-2x"></i><i class="fa-regular fa-envelope fa-stack-1x"></i></span>
152 <span class="ft-btn-rrss__text"> RRSS email</span>
153 </a>
154 <a href="javascript: copiar()" title="Copiar URL" class="ft-btn-nav ft-btn-nav--copy ft-btn-nav--bordered" data-share-button="url">
155 <span class="fa-stack"><i class="fa-solid fa-circle fa-stack-2x"></i><i class="fa-regular fa-copy fa-stack-1x"></i></span>
156 <span class="ft-btn-nav__text">Copiar URL</span>
157 </a>
158 </div>
159 </div>
160 </div>
161<div class="row">
162 <div class="asset-full-content col-md-8 left">
163 <#-- end xarxes socials-->
164 <div class="content" id="content">
165 <#if .vars['separadorimatge']?? >
166 <#attempt>
167 <#if ( .vars['separadorimatge'].getChild('url_youtube').getData() != "") >
168 <!--zona youtube-->
169 <p id="youtube" class="youtube">
170 <script type="text/javascript">
171 function getYoutube() {
172 var id = $(this).parent('p').attr("id");
173 var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}"
174 var parm_youtube = extractYouTubeParameter(url)
175 if (parm_youtube.length != 0 ) {
176 return '<iframe title="Youtube video player" width="560" height="315" src="https://www.youtube.com/embed/'+ parm_youtube +'" frameborder="0" allowfullscreen></iframe>';
177 } else {
178 return '';
179 }
180 }
181 document.getElementById("youtube").innerHTML = getYoutube();
182 </script>
183 </p>
184 <#elseif (.vars['separadorimatge'].getChild('Imatge_inicial').getData() != "" && .vars['separadorimatge'].getChild('url_youtube').getData() == "" ) >
185 <p><img alt="Imatge inicial - ${.vars['separadorimatge'].getChild('Imatge_inicial').getChild('peufoto').getData()}" title="${.vars['separadorimatge'].getChild('Imatge_inicial').getChild('peufoto').getData()}" src="${.vars['separadorimatge'].getChild('Imatge_inicial').getData()}" width="100%" /></p>
186 </#if>
187 <#recover>
188 </#attempt>
189 </#if>
190 <#if .vars['Noticia']?? >
191 <div class="content-body">${.vars['Noticia'].getData()}</div>
192 </#if>
193 </div>
194 </div>
195
196 <#-- Mostrem les categories que siguin filles de la categoria "Notícies"-->
197 <#-- Preparació url dels enllaços a les categories-->
198 <#assign wordCategories = languageUtil.get(locale, "categories-nom-page")>
199 <#assign wordCategories = wordCategories?lower_case />
200 <#assign catUrl = "/web/focus/" + wordCategories + "?p_p_id=122_INSTANCE_4xkc6d8xhKAC&p_p_lifecycle=0&p_p_state=normal&p_p_mode=view&p_p_col_id=column-1&p_r_p_564233524_resetCur=true&p_r_p_564233524_categoryId=" />
201 <#assign assetCategoryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
202
203<div class="col-md-4" id="right">
204 <#if .vars['Camps_addicionalsb']?? && .vars['Camps_addicionalsb'].getChild('text_dreta')??>
205 ${.vars['Camps_addicionalsb'].getChild('text_dreta').getData()}
206 </#if>
207 <h2 class="audio">${translations["multimedia"]}</h2>
208 <div class="audio">
209 <div id="media"></div>
210 </div>
211 <#if .vars['Camps_addicionalsb']?? >
212 <#attempt>
213 <#assign prota = .vars['Camps_addicionalsb'].getChild('Protagonistes') />
214 <#if ( prota.getChild('nomperfil').getData() != "") >
215 <h2>${translations["perfils"]}:</h2>
216 <#list prota.getChild('nomperfil').getSiblings() as perfil >
217 <div class="names">
218 <div class="nom">
219 ${perfil.getData()}
220 </div>
221 <div class="xarxes">
222 <#list perfil.getChild('urlperfil').getSiblings() as sub_element >
223
224 <#-- Formatem l'enllaç perquè no el tracti com si fos una subpàgina -->
225 <#assign enllac = sub_element.getData() />
226 <#if !enllac?starts_with("http") >
227 <#assign enllac = "http://" + enllac />
228 </#if>
229
230 <a href="${enllac}" title="${enllac}" target="_blank">
231 <#if (enllac?contains("facebook") ) >
232 <img alt="Facebook UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/facebook.png" width="16">
233 <#elseif ( enllac?contains("twitter") ) >
234 <img alt="Twitter UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/twitter.png" width="16">
235 <#elseif ( enllac?contains("instagram") ) >
236 <img alt="Instagram UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/instagram.png" width="16">
237 <#elseif ( enllac?contains("youtube") ) >
238 <img alt="Youtube UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/youtube_new.png" width="16">
239 <#elseif ( enllac?contains("linkedin") ) >
240 <img alt="Linkedin UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/linkedin.png" width="16">
241 <#elseif ( enllac?contains("flickr") ) >
242 <img alt="Flickr UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/flickr.png" width="16">
243 <#elseif ( enllac?contains("vimeo") ) >
244 <img alt="Vimeo UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/vimeo.png" width="16">
245 <#elseif ( enllac?contains("pinterest") ) >
246 <img alt="Pinterest UPF" height="16" src="//www.upf.edu/documents/213531008/213545108/pinterest.png" width="16">
247 <#else>
248 <i class="fa-solid fa-link" aria-label="enllacos"></i>
249
250 </#if>
251 </a>
252 </#list>
253 </div>
254 </div>
255 </#list>
256 </#if>
257 <#recover>
258 </#attempt>
259 </#if>
260 <div class="categories">
261 <h2>${translations["categories"]}:</h2>
262
263 <#list listaCategorias as categoria >
264
265 <#if categoria.getParentCategoryId() != 0 > <#--arreglo CG -->
266
267 <#assign assetCategory = "" />
268 <#assign assetCategory = assetCategoryLocalService.getCategory(categoria.getParentCategoryId()) />
269 <#if (assetCategory.getName() == "Notícies") >
270 <div class="tipus"><a href="${catUrl}${categoria.getCategoryId()}">${categoria.getTitle(locale)}</a></div>
271 </#if>
272
273 </#if>
274
275 </#list>
276 </div>
277
278 <div class="block_ods">
279 <h2>${translations["ods"]}:</h2>
280 <#list listaCategorias as categoria >
281 <#if categoria.getParentCategoryId() != 0 > <#--arreglo CG -->
282 <#assign assetCategory = "" />
283 <#assign assetCategory = assetCategoryLocalService.getCategory(categoria.getParentCategoryId()) />
284 <#if (assetCategory.getName() == "ODS") >
285
286 <#if categoria.getTitle(locale)?contains('01.')>
287 <div class="ods_01">${categoria.getTitle(locale)}</div>
288 <#elseif categoria.getTitle(locale)?contains('02.')>
289 <div class="ods_02">${categoria.getTitle(locale)}</div>
290 <#elseif categoria.getTitle(locale)?contains('03.')>
291 <div class="ods_03">${categoria.getTitle(locale)}</div>
292 <#elseif categoria.getTitle(locale)?contains('04.')>
293 <div class="ods_04">${categoria.getTitle(locale)}</div>
294 <#elseif categoria.getTitle(locale)?contains('05.')>
295 <div class="ods_05">${categoria.getTitle(locale)}</div>
296 <#elseif categoria.getTitle(locale)?contains('06.')>
297 <div class="ods_06">${categoria.getTitle(locale)}</div>
298 <#elseif categoria.getTitle(locale)?contains('07.')>
299 <div class="ods_07">${categoria.getTitle(locale)}</div>
300 <#elseif categoria.getTitle(locale)?contains('08.')>
301 <div class="ods_08">${categoria.getTitle(locale)}</div>
302 <#elseif categoria.getTitle(locale)?contains('09.')>
303 <div class="ods_09">${categoria.getTitle(locale)}</div>
304 <#elseif categoria.getTitle(locale)?contains('10.')>
305 <div class="ods_10">${categoria.getTitle(locale)}</div>
306 <#elseif categoria.getTitle(locale)?contains('11.')>
307 <div class="ods_11">${categoria.getTitle(locale)}</div>
308 <#elseif categoria.getTitle(locale)?contains('12.')>
309 <div class="ods_12">${categoria.getTitle(locale)}</div>
310 <#elseif categoria.getTitle(locale)?contains('13.')>
311 <div class="ods_13">${categoria.getTitle(locale)}</div>
312 <#elseif categoria.getTitle(locale)?contains('14.')>
313 <div class="ods_14">${categoria.getTitle(locale)}</div>
314 <#elseif categoria.getTitle(locale)?contains('15.')>
315 <div class="ods_15">${categoria.getTitle(locale)}</div>
316 <#elseif categoria.getTitle(locale)?contains('16.')>
317 <div class="ods_16">${categoria.getTitle(locale)}</div>
318 <#elseif categoria.getTitle(locale)?contains('17.')>
319 <div class="ods_17">${categoria.getTitle(locale)}</div>
320 </#if>
321 </#if>
322
323 </#if>
324 </#list>
325 <a href="/web/responsabilitat-social/agenda-2030-ods" target="_blank" class="btn button_ods">${translations["odsupf"]} <i class="fa-solid fa-chevron-right" aria-hidden="true"></i></a>
326 </div>
327<h2 class="mark">Contact</h2>
328<#if .vars['Camps_addicionalsb']?? >
329 <#attempt>
330 <#if .vars['Camps_addicionalsb'].getChild('espremsa').getData() == "true">
331 <div class="caixa-contacte">
332 <p>${translations["noticies"]}:</p>
333 <p><strong>${translations["unitat"]}</strong></p>
334 <ul>
335 <li><a href="tel:616107518">616 107 518</a></li>
336 <li><a class="correuContacte" href="mailto:[email protected]">[email protected]</a></li>
337 </ul>
338 </div>
339
340 </#if>
341 <#recover>
342 </#attempt>
343</#if>
344
345 </div>
346</div>
347</div>
348
349
350<#-- decidim si pintem la zona youtube o ivoox -->
351 <#if .vars['Camps_addicionalsb']?? >
352 <#attempt>
353 <#assign multi = .vars['Camps_addicionalsb'].getChild('Multimedia') />
354 <#list multi.getChild('youtubelist').getSiblings() as videos >
355 <#if ( videos.getChild('urlyoutubelist').getData()?contains("youtu") ) >
356 <script type="text/javascript">
357 function getYoutube() {
358 var id = $(this).parent('p').attr("id");
359 var url = "${videos.getChild('urlyoutubelist').getData()}"
360 var parm_youtube = extractYouTubeParameter(url)
361 if (parm_youtube.length != 0) {
362 return "<p>${videos.getChild("titolyoutubelist").getData()}</p><iframe title='Youtube video player' width='560' height='315' src='https://www.youtube.com/embed/"+ parm_youtube +"' frameborder='0' allowfullscreen></iframe>";
363 } else {
364 return 'error';
365 }
366 }
367 document.getElementById("media").innerHTML += getYoutube();
368 </script>
369 <#elseif ( videos.getChild('urlyoutubelist').getData()?contains("ivoox") ) >
370 <script type="text/javascript">
371 function getIvoox() {
372 if (!"${videos.getChild('urlyoutubelist').getData()}".includes("rf_")) {
373 return "<p class='titol'>${videos.getChild("titolyoutubelist").getData()}</p><br /> Error. Use a valid audio URL";
374 } else {
375 var Y = "rf_"
376 var X = "${videos.getChild('urlyoutubelist').getData()}"
377 var Z = X.slice(X.indexOf(Y) + Y.length)
378 return "<p class='titol'>${videos.getChild("titolyoutubelist").getData()}</p><iframe title='Youtube video player' width='238' height='48' frameborder='0' allowfullscreen='' scrolling='no' src='https://www.ivoox.com/player_ek_" + Z + "'></iframe>";
379 }
380 }
381 document.getElementById("media").innerHTML += getIvoox();
382 </script>
383 </#if>
384 </#list>
385 <#recover>
386 </#attempt>
387 </#if>
388<script>
389
390 if (!('remove' in Element.prototype)) {
391 Element.prototype.remove = function() {
392 if (this.parentNode) {
393 this.parentNode.removeChild(this);
394 }
395 };
396 }
397 // Si tenim els bookmarks posicionats d forma horitzontal, els movem
398 if($(".taglib-social-bookmarks").length != 0){
399 $(".taglib-social-bookmarks").prependTo(".asset-full-content");
400 $(".taglib-social-bookmarks").get(0).remove();
401 }
402
403 ajustaRelatedContentFullSize();
404
405
406 // Eliminem seccions si no n'hi ha cap
407 if ($(".categories div").length == 0){
408 $(".categories").remove();
409 }
410 if ($(".block_ods div").length == 0){
411 $(".block_ods").remove();
412 }
413 if($('#media').is(':empty')) {
414 $("h2.audio").hide();
415 }
416
417 $('#content img[title]').captionate(); // imatges amb class caption mostraran la descripció
418
419 function ajustaRelatedContentFullSize(){
420 if ($(".list-group.sidebar-list-group").length!= 0){
421 $(".asset-links").appendTo("#right").insertAfter('.categories');
422 $(".asset-links").css("padding-left","0px !important");
423 }else{
424 setTimeout(function(){ajustaRelatedContentFullSize();},100);
425 }
426 }
427
428/*Treure el títol de la pàgina 7.2*/
429
430document.querySelector(".upf__titol-pagina")?.remove()
431</script>
432
433<script type="application/ld+json">
434{
435 "@context": "https://schema.org",
436 "@type": "NewsArticle",
437 "mainEntityOfPage":"${viewURL}",
438 <#if .vars['reserved-article-title']?? >"headline":"${.vars['reserved-article-title'].data?json_string}",</#if>
439 <#if entry.getPublishDate()?? >
440 "datePublished":"${entry.getPublishDate()?datetime?iso_utc}",
441 "dateModified":"${entry.getModifiedDate()?datetime?iso_utc}",
442 </#if>
443 <#if .vars['separadorimatge']?? ><#if .vars['separadorimatge'].getChild('Imatge_inicial')?? >"image": {
444 "@type":"ImageObject",
445 "url":"https://www.upf.edu${.vars['separadorimatge'].getChild('Imatge_inicial').getData()}"
446 },</#if> </#if>
447 <#if .vars['Resum']?? >"description":"${.vars['Resum'].getData()?json_string}",</#if>
448 "publisher":{
449 "@type":"Organization",
450 "name":"Universitat Pompeu Fabra (UPF)",
451 "logo":{
452 "@type":"ImageObject",
453 "url":"https://www.upf.edu/o/upf-2016-theme/images/upf/logo.png"
454 }
455 }
456<#if .vars['Camps_addicionalsb'].getChild('espremsa').getData() == 'true'>
457 ,
458 "author":{
459 "@type":"Person",
460 "name" : "Oficina de Comunicació"
461 }
462 </#if>
463}
464</script>
465
466<style>
467 /*Xarxes socials*/
468 .data_flex {
469 display: flex;
470 flex-direction: row;
471 flex-wrap: nowrap;
472 align-items: center;
473 justify-content: space-between;
474 }
475 .ft-mol-rrss-column__items span.ft-btn-rrss__text,.ft-mol-rrss-column__items .ft-btn-nav__text {
476 display: none;
477 }
478 .ft-mol-rrss-column__items {
479 text-align: end;
480 }
481 .ft-mol-rrss-column__items a {
482 text-decoration: none;
483 }
484 .ft-mol-rrss-column__items .fa-stack > i {
485 color: ${colorSite};
486 }
487 .ft-mol-rrss-column__items .fa-stack > i:first-child {
488 background-color: transparent;
489 color: transparent;
490 }
491 /*Unificar estils de padding*/
492 .layout-content > section > div, .layout-content > section > div .row > div, .container.noticia-maximized.nova .left {
493 padding-left: 0 !important;
494 padding-right: 0 !important;
495 }
496 /*Fix notícies relacionades*/
497 ul.list-group.sidebar-list-group .autofit-col .list-group-title:only-child {
498 height: auto;
499 }
500 ul.list-group.sidebar-list-group .text-truncate-inline .text-truncate {
501 display: inline-block;
502 color: #363733;
503 text-decoration: none;
504 max-width: 100%;
505 overflow: auto;
506 text-overflow: initial;
507 vertical-align: bottom;
508 white-space: normal;
509 word-wrap: normal;
510 }
511 ul.list-group.sidebar-list-group .text-truncate-inline .text-truncate:hover {
512 color: #8c8f85;
513 }
514 /*FI fix notícies relacionades*/
515
516 #media p {
517 margin: 10px 0 5px;
518 }
519 /* ----- Estil per adaptar a themes que no són UPF 2016 ----- */
520 #nom_page h1 {
521 color: ${colorSite} !important;
522 font-size: 23px;
523 font-weight: bold;
524 line-height: normal;
525 margin-bottom: 15px;
526 margin-top: 0;
527 padding: 0;
528 }
529 .contingut.subtitol, .contingut.subtitol p, .contingut.subtitol ul, .contingut.subtitol ol {
530 color: ${colorSite} !important;
531 }
532
533 .data {
534 color: #989b8f;
535 }
536 #right h2 {
537 font-weight: normal;
538 font-size: 20px;
539 color: ${colorSite};
540 line-height: normal;
541 margin-bottom: 1em !important;
542 margin-top: 1em !important;
543 text-decoration: none;
544 text-transform: none;
545 padding: 0;
546 }
547 #right h2:first-child {
548 margin-top: 0 !important;
549 }
550 .tipus a {
551 text-decoration: none !important;
552 }
553
554 li.list-group.sidebar-list-group-item a {
555 color: ${colorSite} !important;
556 }
557
558 span.taglib-text {
559 color: ${colorSite};
560 }
561
562 .categories div.tipus a{
563 background-color: ${colorSite};
564 margin-bottom: 5px;
565 margin-right: 5px;
566 max-width: 100%;
567 position: relative;
568 display: inline-block;
569 text-decoration: none;
570 color: #FFFFFF;
571 padding: 5px 10px;
572 }
573
574
575 /* ----- Fi estil per adaptar a themes que no són UPF 2016 ----- */
576
577 /* En aplicar aquesta class a un div .container, limitem amb auto per no ser sempre 1170px */
578 .noticia-maximized{
579 max-width: 1280px !important;
580 width: auto !important;
581 }
582 .noticia-maximized .row {
583 align-items: stretch;
584 align-content: stretch;
585 }
586
587 #nom_page{
588 display:block !important;
589 }
590 #contingut > #nom_page{
591 display:none !important;
592 }
593
594 /* Per treure la icona de davant del títol Continguts relacionats*/
595 .asset-links h2{
596 background:none !important;
597 }
598 .asset-links{
599 padding-left: 4px;
600 margin-top: 0px;
601 }
602 .list-group.sidebar-list-group{
603 padding-left: 25px !important;
604 }
605 .list-group.sidebar-list-group-item{
606 list-style: initial !important;
607 }
608 .list-group.sidebar-list-group-item img{
609 display:none;
610 }
611 .contingut.subtitol, .contingut.subtitol p, .contingut.subtitol ul, .contingut.subtitol ol {
612 font-weight: normal;
613 padding-top: 0;
614 line-height: normal !important;
615 }
616
617 .contingut.subtitol {
618 border-bottom: 1px solid #ddd;
619 margin-bottom: 10px;
620 padding-bottom: 10px;
621 }
622 .asset-full-content .tipus > a {
623 background-color: ${colorSite} !important;
624 margin-right: 5px;
625 margin-bottom: 5px;
626 position: relative;
627 max-width:100%;
628 text-decoration:none;
629 }
630 .asset-full-content .tipus > a:hover {
631 color: #ffffff !important;
632 }
633
634 .asset-full-content .tipus{
635 display: inline;
636 }
637
638 .taglib-social-bookmarks {
639 display: block;
640 float: right;
641 background:none;
642 margin-top:0px;
643 }
644 .taglib-social-bookmarks a{
645 margin-bottom: 0px;
646 }
647 .taglib-social-bookmarks ul{
648 padding:0px;
649 margin-bottom:0px;
650 }
651 .taglib-social-bookmarks ul li{
652 margin-right:0px;
653 }
654 .asset-full-content .content {
655 border-bottom: 0px solid #fff;
656 margin-bottom: 20px;
657 padding-bottom: 10px;
658 padding-left: 12px;
659 padding-right: 12px;
660 width: 100%;
661 }
662 div#content img {
663 max-width: 100%;
664 }
665 .asset-full-content .content::before {
666 content: "";
667 display: inline-table;
668 width: 100%;
669 }
670 .asset-full-content .content h3 {
671 font-size: 18px;
672 font-weight: normal;
673 }
674 .categories::after {
675 content: "";
676 display: inline-table;
677 width: 100%;
678 }
679 .categories h2, .sheet-tertiary-title{
680 color: ${colorSite} !important;
681 }
682
683
684 @media (min-width: 979px) and (max-width: 1200px) {
685
686 }
687 @media (max-width: 978px) {
688 .asset-full-content .data {
689 display:inline-table;}
690 }
691 @media (max-width: 480px) {
692 .asset-full-content .tipus > a {
693 float:none;}
694 }
695
696 /*Nova notícia*/
697 .nova .names a {
698 text-decoration: none !important;
699 transition: 0.4s all;
700 }
701 .nova .names a:hover img, .nova .names a:hover i {
702 transform: translateY(-4px)!important;
703 transition: 0.2s all;
704 }
705 .nova .names {
706 display: table;
707 box-sizing: border-box;
708 width: 100%;
709}
710 .nova .names .nom {
711 width: 50%;
712 display: inline-table;
713 }
714 .nova .names .xarxes {
715 width: 50%;
716 display: inline-table;
717 }
718 .nova p.youtube {
719 margin: 0 0 20px;
720 }
721 .nova p.subtitol:after {
722 content: "";
723 width: 100%;
724 height: 1px;
725 background-color: #ddd;
726 position: relative;
727 display: table;
728 }
729 .nova #right {
730 padding-top: 25px;
731 }
732 .nova .asset-full-content figure {
733 display: inline-block;
734 margin-bottom: 20px;
735 border: 1px solid transparent;
736 margin-right: 0;
737 margin-left: 0;
738 margin-top: 0;
739 }
740 .nova .asset-full-content figcaption {display: block; text-align: center; font-size: 0.8em; font-style: italic; }
741 .nova .fa-caret-down:before {
742 content: "\f0d7" !important;
743 }
744 @media (max-width: 480px) {
745 .nova .asset-full-content figure {
746 float: none !important;
747 }
748 }
749 .nova .asset-full-content .content .content-body > p:nth-child(1):first-letter {
750 color: ${colorSite};
751 float: left;
752 font-family: Georgia;
753 font-size: 5rem;
754 line-height: 4rem;
755 padding-top: 0;
756 padding-right: 1rem;
757 padding-left: 0px;
758 padding-bottom: 0px;
759 margin-top: -1rem;
760 }
761
762 ul.list-group.sidebar-list-group {
763 list-style: none !important;
764 margin: 0 !important;
765 padding: 0 !important;
766}
767.asset-links .list-group.sidebar-list-group-item {
768 list-style: none !important;
769}
770.asset-links li.list-group.sidebar-list-group-item a {
771 color: #353430 !important;
772 text-decoration: none !important;
773 border: 1px solid #ddd;
774 border-radius: 4px;
775 display: block;
776 padding: 10px;
777 background-color: #eee;
778}
779.asset-links .list-group.sidebar-list-group-item a:hover {
780 text-decoration: none !important;
781}
782.asset-links .list-group.sidebar-list-group-item a:before {
783 content: "\f0c1";
784 font-family: 'fontawesome-alloy';
785 font-size: 25px;
786 display: inline-block;
787 margin-right: 4px;
788 width: 10%;
789 vertical-align: middle;
790}
791.asset-links li.list-group.sidebar-list-group-item a span.taglib-text {
792 color: #353430 !important;
793 display: inline-block;
794 width: 80%;
795 vertical-align: middle;
796 text-decoration: none;
797}
798
799.asset-links .list-group.sidebar-list-group-item:hover a, .asset-links .list-group.sidebar-list-group-item:hover a span.taglib-text {
800 background-color: #353430 !important;
801 color: #eee !important;
802 text-decoration: none;
803}
804
805/*Caixa contacte*/
806.caixa-contacte {
807 border: 1px solid #ddd;
808 padding: 10px;
809 margin-bottom: 20px;
810 margin-top: 30px;
811 top: 60px;
812 position: -webkit-sticky;
813 position: sticky;
814 box-sizing: border-box !important;
815}
816h2.mark {
817 display: block;
818 font-size: 0 !important;
819 color: #fff !important;
820 background-color: #fff !important;
821}
822
823/*Elements notícia*/
824/*cita*/
825.nova cite {
826 margin-top: 30px;
827 margin-bottom: 30px;
828 font-size: 20px;
829 color: #666;
830 padding-left: 10px;
831 box-sizing: border-box;
832 vertical-align: middle;
833 display: inline-block;
834 border-left: 3px solid #666;
835 padding-top: 10px;
836 padding-bottom: 10px;
837 width: 80%;
838 margin-left: 20%;
839 line-height: normal !important;
840}
841 .nova .asset-full-content .content h3 {
842 font-size: 18px;
843 font-weight: normal;
844 line-height: normal;
845 margin-top: 40px;
846 margin-bottom: 20px;
847 color: ${colorSite};
848}
849.nova .asset-full-content .content h4 {
850 font-size: 16px;
851 font-weight: normal;
852 line-height: normal;
853 margin-top: 30px;
854 margin-bottom: 10px;
855 color: ${colorSite};
856}
857
858/*ODS*/
859@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
860
861[class*=ods_] {
862 font-family: 'Source Sans Pro', sans-serif;
863 font-weight: bold;
864 line-height: normal;
865 text-transform: uppercase;
866 font-size: 10px;
867 color: white;
868 display: inline-table;
869 width: calc(50% - 4px);
870 max-width: 130px;
871 height: 130px;
872 padding: 1em;
873 box-sizing: border-box;
874 background-color: grey;
875 background-repeat: no-repeat;
876 background-position: bottom;
877 background-size: 100%;
878 margin-left: 4px;
879 margin-bottom: 4px;
880}
881.ods_01 {
882 background-color: #e5233d;
883 background-image: url(/documents/10193/252729907/ods_01.png);
884}
885.ods_02 {
886 background-color: #dda73a;
887 background-image: url(/documents/10193/252729907/ods_02.png);
888}
889.ods_03 {
890 background-color: #4ca146;
891 background-image: url(/documents/10193/252729907/ods_03.png);
892}
893.ods_04 {
894 background-color: #c7212f;
895 background-image: url(/documents/10193/252729907/ods_04.png);
896}
897.ods_05 {
898 background-color: #ef402d;
899 background-image: url(/documents/10193/252729907/ods_05.png);
900}
901.ods_06 {
902 background-color: #27bfe6;
903 background-image: url(/documents/10193/252729907/ods_06.png);
904}
905.ods_07 {
906 background-color: #fbc412;
907 background-image: url(/documents/10193/252729907/ods_07.png);
908}
909.ods_08 {
910 background-color: #a31c44;
911 background-image: url(/documents/10193/252729907/ods_08.png);
912}
913.ods_09 {
914 background-color: #f26a2e;
915 background-image: url(/documents/10193/252729907/ods_09.png);
916}
917.ods_10 {
918 background-color: #dd1667;
919 background-image: url(/documents/10193/252729907/ods_10.png);
920}
921.ods_11 {
922 background-color: #f89d2a;
923 background-image: url(/documents/10193/252729907/ods_11.png);
924}
925.ods_12 {
926 background-color: #bf8d2c;
927 background-image: url(/documents/10193/252729907/ods_12.png);
928}
929.ods_13 {
930 background-color: #407f46;
931 background-image: url(/documents/10193/252729907/ods_13.png);
932}
933.ods_14 {
934 background-color: #1f97d4;
935 background-image: url(/documents/10193/252729907/ods_14.png);
936}
937.ods_15 {
938 background-color: #59ba47;
939 background-image: url(/documents/10193/252729907/ods_15.png);
940}
941.ods_16 {
942 background-color: #136a9f;
943 background-image: url(/documents/10193/252729907/ods_16.png);
944}
945.ods_17 {
946 background-color: #14496b;
947 background-image: url(/documents/10193/252729907/ods_17.png);
948}
949
950a.btn.button_ods {
951 position: relative;
952 display: table !important;
953 width: auto;
954 margin-top: 1em;
955 margin-bottom: 0;
956 background-image: none;
957 background-color: ${colorSite};
958 color: #fff;
959 text-shadow: none;
960 border: none !important;
961 float: none;
962 font-size: inherit;
963 border-radius: 0;
964}
965a.btn.button_ods:hover, a.btn.button_ods:focus {
966 background-image: none;
967 background-color: ${colorSite}70;
968 color: #fff;
969}
970
971</style>