Vés enrere Nova representant AFOPA UPF

S'ha produït un error mentre es processava la plantilla.
The following has evaluated to null or missing:
==> .vars['Noticia']  [in template "10155#10193#NOTICIA" at line 130, column 15]

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