Vés enrere SEAT S.A.

S'ha produït un error mentre es processava la plantilla.
The following has evaluated to null or missing:
==> serviceLocator.findService("com.liferay.portlet.asset.service.AssetCategoryLocalService")  [in template "10155#10193#264807678" at line 109, column 46]

----
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: #assign assetCategoryLocalService = s...  [in template "10155#10193#264807678" at line 109, column 9]
----
1<#assign colorSite=getterUtil.getString(themeDisplay.getThemeSetting("color-site")) /> 
2 
3<script type="text/javascript" src="https://www.upf.edu/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 
12<#assign groupId=getterUtil.getLong(groupId) /> 
13<#assign site=themeDisplay.getScopeGroupId() /> 
14 
15<#if ( site?is_number)> 
16    <#assign resourcePrimKey=journalLocalService.getArticle(getterUtil.getLong(site), 
17        .vars['reserved-article-id'].data).resourcePrimKey /> 
18    <#assign entry=AssetEntryLocalservice.getEntry("com.liferay.journal.model.JournalArticle", 
19        getterUtil.getLong(resourcePrimKey)) /> 
20    <#if entry.getPublishDate()??> 
21        <#assign fecha_de_creacion=entry.getPublishDate()?string("dd.MM.yyyy") /> 
22        <#else> 
23            <#assign fecha_de_creacion=.now?string("dd.MM.yyyy") /> 
24    </#if> 
25 
26    <#if entry.getModifiedDate()??> 
27        <#assign fecha_de_modificacion=entry.getModifiedDate()?string("dd.MM.yyyy") /> 
28        <#else> 
29            <#assign fecha_de_modificacion=.now?string("dd.MM.yyyy") /> 
30    </#if> 
31</#if> 
32 
33 
34<#assign cat="" /> 
35<#assign listaCategorias=entry.getCategories() /> 
36<#list listaCategorias as categoria> 
37    <#if stringUtil.equalsIgnoreCase("OpenCms", categoria.name)> 
38        <#assign cat=categoria.name /> 
39    </#if> 
40</#list> 
41 
42<div class="container noticia-maximized nova"> 
43            <div id="nom_page"> 
44                <h1>${.vars['reserved-article-title'].data}</h1> 
45            </div> 
46<div class="row"> 
47   <#-- Afegir un if--> 
48    <div class="asset-full-content span8"> 
49        <#-- end--> 
50        <div class="content" id="content"> 
51        <#if .vars['separadorimatge']?? > 
52            <#attempt> 
53                <#if ( .vars['separadorimatge'].getChild('url_youtube').getData()?contains("youtu")) > 
54                <!--zona youtube--> 
55                <p id="youtube" class="youtube"> 
56                    <script type="text/javascript"> 
57                        function getYoutube() { 
58                        var id = $(this).parent('p').attr("id"); 
59                        var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}" 
60                        var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
61                        var match = url.match(regExp); 
62                        if (match && match[2].length == 11) { 
63                        return '<iframe width="560" height="315" src="https://www.youtube.com/embed/'+ match[2] +'" frameborder="0" allowfullscreen></iframe>'; 
64                        } else { 
65                        return ''; 
66
67
68                        document.getElementById("youtube").innerHTML = getYoutube(); 
69                    </script> 
70                </p> 
71                <#elseif ( .vars['separadorimatge'].getChild('url_youtube').getData()?contains("vimeo")) > 
72 
73                <p id="vimeo" class="youtube"> 
74                    <script type="text/javascript"> 
75                        function getVimeo() { 
76                        var id = $(this).parent('p').attr("id"); 
77                        var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}" 
78                        var regExp = /^.*(vimeo.com\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
79                        var match = url.match(regExp); 
80                        if (match && match[2].length > 4) { 
81                        return '<div id="divYoutube'+ match[2] +'" class="videoWrapper"><iframe width="560" height="315" src="https://player.vimeo.com/video/'+ match[2] +'" frameborder="0" allowfullscreen></iframe></div>'; 
82                        } else { 
83                        return ''; 
84
85
86                        document.getElementById("vimeo").innerHTML = getVimeo(); 
87                    </script> 
88                </p> 
89                <#elseif (.vars['separadorimatge'].getChild('Imatge_inicial').getData() != "" && .vars['separadorimatge'].getChild('url_youtube').getData() == "" ) > 
90                <p><img alt="Imatge inicial" title="${.vars['separadorimatge'].getChild('Imatge_inicial').getChild('peufoto').getData()}" src="${.vars['separadorimatge'].getChild('Imatge_inicial').getData()}" width="100%" /></p> 
91                <#else> 
92                </#if> 
93            <#recover> 
94            </#attempt> 
95        <#else> 
96        </#if> 
97        <#if ( .vars['Resum'].getData()?has_content) > 
98         <h2 class="descripcio">${.vars['Resum'].getData()}</h2>    
99        </#if>  
100            ${.vars['Noticia'].getData()} 
101        </div> 
102    </div> 
103 
104        <#-- Mostrem les categories que siguin filles de la categoria "Notícies"--> 
105        <#-- Preparació url dels enllaços a les categories--> 
106        <#assign wordCategories = languageUtil.get(locale, "categories-nom-page")> 
107        <#assign wordCategories = wordCategories?lower_case /> 
108        <#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=" /> 
109        <#assign assetCategoryLocalService = serviceLocator.findService("com.liferay.portlet.asset.service.AssetCategoryLocalService") /> 
110   <div class="span4"> 
111    <div id="dreta"> 
112                <h2 class="subtitol">Contacta amb l’entitat:</h2> 
113                <ul> 
114                <#if .vars['web'].getData()?has_content> 
115                <li><a href="${.vars['web'].getData()}" target="_blank"><img alt="Website" height="30" src="/documents/10193/6775906/icones_fitxapersonal_MON.png" width="30" style="margin-right:10px;">Lloc web</a></li> 
116                </#if> 
117                <#if .vars['email'].getData()?has_content> 
118                <li><i class="icon-envelope"></i> <a href="mailto:${.vars['email'].getData()}">${.vars['email'].getData()}</a></li> 
119                </#if> 
120                <#if .vars['telefon'].getData()?has_content> 
121                <li>${.vars['telefon'].getData()}</li> 
122                </#if> 
123                <#if .vars['whatsapp'].getSiblings()?has_content> 
124                    <#list .vars['whatsapp'].getSiblings() as cur_item> 
125                        <li><img src="/documents/93383268/236843702/whatsapp.png" width="15px"> <a href="https://wa.me/34${cur_item.getData()}" class="whatsapp">${cur_item.getData()}</a></li> 
126                    </#list> 
127                </#if> 
128                <#if .vars['urlperfil'].getSiblings()?has_content> 
129                <li><div class="xarxes"> 
130                    <#list .vars['urlperfil'].getSiblings() as cur_item> 
131                     <#-- Formatem l'enllaç perquè no el tracti com si fos una subpàgina --> 
132                            <#assign enllac = cur_item.getData() /> 
133                            <#if !enllac?starts_with("http")  >              
134                                <#assign enllac = "http://" + enllac />  
135                            </#if> 
136                            <a href="${enllac}" title="${enllac}" target="_blank"> 
137                                <#if (enllac?contains("facebook") ) > 
138                                    <img alt="Facebook" height="30" src="/documents/10193/6775906/icones_fitxapersonal_FB.png" width="30"> 
139                                <#elseif ( enllac?contains("twitter") ) > 
140                                    <img alt="Twitter" height="30" src="/documents/10193/6775906/icones_fitxapersonal_TWITTER.png" width="30"> 
141                                <#elseif ( enllac?contains("linkedin") ) > 
142                                    <img alt="linkedin" height="30" src="/documents/10193/6775906/icones_fitxapersonal_IN.png" width="30"> 
143                                <#elseif ( enllac?contains("instagram") ) > 
144                                    <img alt="Instagram" height="30" src="/documents/10193/6775906/icones_fitxapersonal_INSTAGRAM.png" width="30"> 
145                                <#elseif ( enllac?contains("tiktok") ) > 
146                                    <img alt="tiktok" height="30" src="/documents/10193/6775906/icones_fitxapersonal_TIKTOK.jpg" width="30">     
147                                <#elseif ( enllac?contains("youtube") ) > 
148                                    <img alt="Youtube" height="30" src="/documents/10193/6775906/icones_fitxapersonal_YOUTUBE.png" width="30"> 
149                                <#else> 
150                                <i class="icon-link"></i> 
151                                </#if> 
152                            </a>  
153                    </#list> 
154                    </div> 
155                </li> 
156                <!-- VIDEOCONFERENCIA I HORARI ACTIVAT --> 
157                <#if .vars['videoconferencia'].getData()?has_content && .vars['AtencioFira'].getData()?has_content && .vars['DataFira'].getData()?has_content> 
158                    <li><p><a class="recurs" href="${.vars['videoconferencia'].getData()}" target="_blank"><i class="icon-facetime-video" aria-hidden="true" style="margin-right:15px;"></i>Videoconferència<i class="icon-chevron-right" aria-hidden="true" style="margin-left:15px;"></i> 
159                    <font style="font-size:0.8em;"> 
160                        <#assign datafira = .vars['DataFira'].getData() /> 
161                        <#assign dia = dateUtil.getDate(datafira?number?number_to_datetime?datetime, "dd", locale) /> 
162                        <#assign mes = dateUtil.getDate(datafira?number?number_to_datetime?datetime, "MMM", locale) />  
163                        <#assign any = dateUtil.getDate(datafira?number?number_to_datetime?datetime, "yyyy", locale) />  
164                                                  
165                        <i class="icon-calendar" aria-hidden="true" style="vertical-align:middle;"></i> ${dia} ${mes} ${any} 
166                        | <i class="icon-time" aria-hidden="true" style="vertical-align:middle;"></i> ${.vars['AtencioFira'].getData()} 
167 
168                    </font></a></p> 
169                    </li> 
170 
171                </#if> 
172            
173            </ul> 
174                </#if> 
175    </div> 
176<h2 class="media">Mèdia:</h2> 
177<div id="media"></div>  
178</div> 
179</div> 
180</div>    
181 
182<#-- decidim si pintem la zona youtube o ivoox  --> 
183        <#if .vars['Camps_addicionalsb']?? > 
184            <#attempt> 
185                <#assign multi = .vars['Camps_addicionalsb'].getChild('Multimedia') /> 
186                <#list multi.getChild('youtubelist').getSiblings() as videos > 
187                    <#if ( videos.getChild('urlyoutubelist').getData()?contains("youtu") ) > 
188                        <script type="text/javascript"> 
189                        function getYoutube() { 
190                        var id = $(this).parent('p').attr("id"); 
191                        var url = "${videos.getChild('urlyoutubelist').getData()}" 
192                        var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
193                        var match = url.match(regExp); 
194                        if (match && match[2].length == 11) { 
195                                return "<p>${videos.getChild("titolyoutubelist").getData()}</p><iframe width='560' height='315' src='https://www.youtube.com/embed/"+ match[2] +"' frameborder='0' allowfullscreen></iframe>"; 
196                        } else { 
197                        return 'error'; 
198
199
200                        document.getElementById("media").innerHTML += getYoutube(); 
201                        </script> 
202                    <#elseif ( videos.getChild('urlyoutubelist').getData()?contains("vimeo") ) > 
203                        <script type="text/javascript"> 
204                          function getVimeo() { 
205                            var id = $(this).parent('p').attr("id"); 
206                            var url = "${videos.getChild('urlyoutubelist').getData()}" 
207                            var regExp = /^.*(vimeo.com\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
208                            var match = url.match(regExp); 
209                            if (match && match[2].length > 4) { 
210                            return '<p>${videos.getChild("titolyoutubelist").getData()}</p><div id="divYoutube'+ match[2] +'" class="videoWrapper"><iframe width="560" height="315" src="https://player.vimeo.com/video/'+ match[2] +'" frameborder="0" allowfullscreen></iframe></div>'; 
211                            } else { 
212                            return ''; 
213
214
215                        document.getElementById("media").innerHTML += getVimeo(); 
216                    </script> 
217                    </#if>                        
218                </#list> 
219            <#recover> 
220            </#attempt> 
221        </#if>    
222<style> 
223/*Fix Vimeo*/ 
224.nou-disseny .videoWrapper iframe { 
225    background: #000; 
226
227/*Fitxes Fira Virtual*/ 
228.noticia .data, .asset-full-content .data {display:none;} 
229a.inscripcio { 
230    display: block; 
231    border: 2px solid #E94E1B; 
232    color: #E94E1B; 
233    font-weight: bold; 
234    padding: 10px 20px; 
235    width: fit-content; 
236    max-width: 300px; 
237    text-decoration: none !important; 
238    background-color: #fff; 
239
240a.inscripcio:hover { 
241    color: #FFF !important; 
242    text-decoration: none !important; 
243    background-color: #E94E1B; 
244    transition: 0.2s all; 
245
246a.inscripcio:after { 
247    content: "\f054"; 
248    font-family: 'fontawesome-alloy'; 
249    padding-left: 15px; 
250    display: inline-block; 
251
252 
253span.taglib-asset-categories-summary { 
254    color: #353430 !important; 
255    margin-top: 1em !important; 
256    display: block; 
257
258.portlet-asset-publisher .asset-metadata { 
259    margin-left: 0 !important; 
260    border: 1px solid #ddd; 
261    background-color: #eee; 
262    margin-top: 2em; 
263
264#dreta { 
265    border: 1px solid #ddd; 
266    margin-top: 40px; 
267    padding-top: 0 !important; 
268    padding-left: 1em; 
269    padding-right: 1em; 
270    box-sizing: border-box; 
271    display: block; 
272    position: relative; 
273
274#dreta ul { 
275    list-style: none; 
276
277#dreta ul li { 
278    line-height: normal; 
279    margin-bottom: 1em; 
280
281#dreta a { 
282    word-break: break-all !important; 
283
284 
285dd.metadata-entry.metadata-categories { 
286    width: 100%; 
287
288.asset-metadata dl { 
289    padding: 0 !important; 
290    margin: 0 !important; 
291
292.asset-metadata .help-block { 
293    display: block; 
294    margin: 0 !important; 
295    width: 100%; 
296    padding: 1em; 
297    box-sizing: border-box; 
298    position: relative; 
299
300.portlet-asset-publisher .asset-metadata .metadata-categories span { 
301    float: none; 
302    font-weight: bold; 
303    width: 100%; 
304    display: inline-block; 
305    position: relative; 
306    margin: 0 !important; 
307    line-height: 40px; 
308
309a.asset-category { 
310    position: relative; 
311    margin-top: 0; 
312    padding: 0.3em 0.5em; 
313    border: 1px solid; 
314    text-decoration: none !important; 
315    font-weight: normal; 
316    display: table; 
317    width: auto !important; 
318    line-height: 20px; 
319
320.xarxes a { 
321    display: inline-block; 
322
323h2.descripcio { 
324    padding: 1.5em !important; 
325    margin: 0 !important; 
326    border: 2px dashed; 
327
328.nou-disseny .breadcrumb > .active { 
329    color: ${colorSite} !important; 
330
331 
332.portlet-asset-publisher .asset-full-content.show-asset-title .asset-content { 
333margin-left:0 !important; 
334margin-right:0 !important; 
335
336/*Fi Fitxes*/ 
337 
338    h2.audio { 
339        display: none; 
340
341    #media p { 
342    margin: 10px 0 5px; 
343
344    /* ----- Estil per adaptar a themes que no són UPF 2016 ----- */ 
345    #nom_page h1 { 
346        color: ${colorSite} !important; 
347        font-size: 23px; 
348        font-weight: bold; 
349        line-height: normal; 
350        margin-bottom: 15px; 
351        margin-top: 0; 
352        padding: 0; 
353
354    .contingut.subtitol > h2 { 
355        font-size: 20px !important; 
356        color: ${colorSite} !important; 
357
358     
359    .categories h2, h2.asset-links-title{ 
360        font-weight: normal; 
361        font-size: 20px; 
362        color: ${colorSite}; 
363        line-height: normal; 
364
365     
366    .tipus a { 
367        text-decoration: none !important; 
368
369     
370    li.asset-links-list-item a { 
371        color: ${colorSite} !important; 
372
373     
374    span.taglib-text { 
375        color:  ${colorSite}; 
376    }  
377     
378    .categories div.tipus a{ 
379        background-color: ${colorSite}; 
380        margin-bottom: 5px; 
381        margin-right: 5px; 
382        max-width: 100%; 
383        position: relative; 
384        text-decoration: none; 
385        color: #FFFFFF; 
386        padding: 5px 10px; 
387    }    
388     
389 
390    /* ----- Fi estil per adaptar a themes que no són UPF 2016 ----- */ 
391 
392    /* En aplicar aquesta class a un div .container, limitem amb auto per no ser sempre 1170px */ 
393    .noticia-maximized{ 
394        max-width: 1170px !important; 
395        width: auto !important; 
396
397 
398    #nom_page{ 
399        display:block !important; 
400
401    #contingut > #nom_page{ 
402        display:none !important; 
403
404     
405    /* Per treure la icona de davant del títol Continguts relacionats*/ 
406    .taglib-asset-links h2{ 
407        background:none !important; 
408
409    .taglib-asset-links{ 
410        padding-left: 4px; 
411        margin-top: 0px; 
412
413    .asset-links-list{ 
414        padding-left: 25px !important; 
415
416    .asset-links-list-item{ 
417        list-style: initial !important; 
418
419    .asset-links-list-item img{ 
420        display:none; 
421
422    .asset-full-content br{ 
423        display:none; 
424
425    .contingut.subtitol > h2 { 
426        font-weight: normal; 
427        padding-top: 0; 
428        line-height: normal !important; 
429
430     
431    .contingut.subtitol > h2 p{ 
432        margin: 0px !important; 
433        color: ${colorSite} !important; 
434
435     
436    .contingut.subtitol { 
437        border-bottom: 1px solid #ddd; 
438        margin-bottom: 10px; 
439        padding-bottom: 10px; 
440
441    .asset-full-content .tipus > a { 
442        background-color: ${colorSite} !important; 
443        margin-right: 5px; 
444        margin-bottom: 5px; 
445        position: relative; 
446        max-width:100%; 
447        text-decoration:none; 
448
449    .asset-full-content .tipus > a:hover { 
450        color: #ffffff !important; 
451
452     
453    .asset-full-content .tipus{ 
454        display: inline; 
455
456     
457    .taglib-social-bookmarks { 
458        display: block; 
459        float: right; 
460        background:none; 
461        margin-top:0px; 
462
463    .taglib-social-bookmarks a{ 
464        margin-bottom: 0px; 
465
466    .taglib-social-bookmarks ul{ 
467        padding:0px; 
468        margin-bottom:0px; 
469
470    .taglib-social-bookmarks ul li{ 
471        margin-right:0px; 
472
473    .asset-full-content .content { 
474        border-bottom: 0px solid #fff; 
475        display: table; 
476        margin-bottom: 20px; 
477        padding-bottom: 10px; 
478        width: 100%; 
479
480    .asset-full-content .content::before { 
481        content: ""; 
482        display: inline-table; 
483        width: 100%; 
484
485    .asset-full-content .content h3 { 
486        font-size: 18px; 
487        font-weight: normal; 
488
489    .categories::after { 
490        content: ""; 
491        display: inline-table; 
492        width: 100%; 
493
494    .categories h2, .asset-links-title{ 
495        color: ${colorSite} !important; 
496
497 
498     
499    @media (min-width: 979px) and (max-width: 1200px) { 
500         
501
502    @media (max-width: 978px) { 
503        .asset-full-content .data { 
504            display:inline-table;} 
505
506    @media (max-width: 480px) {  
507        .asset-full-content .tipus > a { 
508            float:none;} 
509
510 
511     /*Nova notícia*/ 
512   .nova .names a { 
513    text-decoration: none !important; 
514    transition: 0.4s all; 
515
516    .nova .names a:hover img, .nova .names a:hover i { 
517    transform: translateY(-4px)!important; 
518    transition: 0.2s all; 
519
520    .nova .names { 
521    display: table; 
522    box-sizing: border-box; 
523    width: 100%; 
524
525    .nova .names .nom { 
526    width: 50%; 
527    display: inline-table; 
528
529    .nova .names .xarxes { 
530    width: 50%; 
531    display: inline-table; 
532
533    .nova p.youtube { 
534    margin: 0 0 20px; 
535
536    .nova p.subtitol:after { 
537    content: ""; 
538    width: 100%; 
539    height: 1px; 
540    background-color: #ddd; 
541    position: relative; 
542    display: table; 
543
544    .nova #dreta { 
545    padding-top: 30px; 
546
547    .nova .asset-full-content figure { 
548    display: inline-block; 
549    margin-bottom: 20px; 
550    border: 1px solid transparent; 
551    margin-right: 0; 
552    margin-left: 0; 
553    margin-top: 0; 
554    width: 100%; 
555
556    .nova .asset-full-content figcaption {display: block; text-align: center; font-size: 0.8em; font-style: italic; } 
557    .nova .asset-full-content figure img { 
558    width: 100%; 
559
560    .nova .icon-caret-down:before { 
561        content: "\f0d7" !important; 
562
563    @media (max-width: 480px) {  
564        .nova .asset-full-content figure { 
565        width: 100% !important; 
566
567
568    ul.asset-links-list { 
569    list-style: none !important; 
570    margin: 0 !important; 
571    padding: 0 !important; 
572
573.taglib-asset-links .asset-links-list-item { 
574    list-style: none !important; 
575
576.taglib-asset-links li.asset-links-list-item a { 
577    color: #353430 !important; 
578    text-decoration: none !important; 
579    border: 1px solid #ddd; 
580    border-radius: 4px; 
581    display: block; 
582    padding: 10px; 
583    background-color: #eee; 
584
585.taglib-asset-links .asset-links-list-item a:hover { 
586    text-decoration: none !important; 
587
588.taglib-asset-links .asset-links-list-item a:before { 
589    content: "\f0c1"; 
590    font-family: 'fontawesome-alloy'; 
591    font-size: 25px; 
592    display: inline-block; 
593    margin-right: 4px; 
594    width: 10%; 
595    vertical-align: middle; 
596
597.taglib-asset-links li.asset-links-list-item a span.taglib-text { 
598    color: #353430 !important; 
599    display: inline-block; 
600    width: 80%; 
601    vertical-align: middle; 
602    text-decoration: none; 
603
604 
605.taglib-asset-links .asset-links-list-item:hover a, .taglib-asset-links .asset-links-list-item:hover a span.taglib-text { 
606    background-color: #353430 !important; 
607    color: #eee !important; 
608    text-decoration: none; 
609
610 
611/*Caixa contacte*/ 
612.caixa-contacte { 
613    border: 1px solid #ddd; 
614    padding: 10px; 
615    margin-bottom: 20px; 
616    margin-top: 30px; 
617
618.caixa-contacte { 
619    border: 1px solid #ddd; 
620    padding: 10px; 
621    margin-bottom: 20px; 
622    margin-top: 30px; 
623    box-sizing: border-box !important; 
624
625h2.mark { 
626    display: block; 
627    font-size: 0 !important; 
628    color: #fff !important; 
629
630.mes-info { 
631    display: block; 
632
633.mes-info-button { 
634    cursor: pointer; 
635    display: block; 
636    width: 100%; 
637    height: 100%; 
638
639.mes-info-button i { 
640    float: right; 
641font-size: 20px; 
642
643/*Elements notícia*/ 
644/*cita*/ 
645.nova cite { 
646    margin-top: 30px; 
647    margin-bottom: 30px; 
648    font-size: 20px; 
649    color: #666; 
650    padding-left: 10px; 
651    box-sizing: border-box; 
652    vertical-align: middle; 
653    display: inline-block; 
654    border-left: 3px solid #666; 
655    padding-top: 10px; 
656    padding-bottom: 10px; 
657    width: 80%; 
658    margin-left: 20%; 
659    line-height: normal !important; 
660
661 .nova .asset-full-content .content h3 { 
662    font-size: 18px; 
663    font-weight: normal; 
664    line-height: normal; 
665    margin-top: 40px; 
666    margin-bottom: 20px; 
667    color:  ${colorSite}; 
668
669.nova .asset-full-content .content h4 { 
670    font-size: 16px; 
671    font-weight: normal; 
672    line-height: normal; 
673    margin-top: 30px; 
674    margin-bottom: 10px; 
675    color: ${colorSite}; 
676
677 
678/* Botó de recurs*/ 
679 
680a.recurs { 
681    display: inline-block; 
682    text-decoration: none!important; 
683    padding: 10px 20px; 
684    margin-top: 10px;     
685    border: 1px solid #c8102e; 
686    background-color:#c8102e; 
687    color:#fff!important;   
688
689 
690a.recurs font { 
691    display: block; 
692    margin-top:5px; 
693
694/*a.recurs:after { 
695    content: '\f054'; 
696    font-family: fontawesome-alloy; 
697    font-style: normal; 
698    font-weight: 400; 
699    font-variant: normal; 
700    text-transform: none; 
701    margin-left: 10px; 
702}*/ 
703a.recurs:hover { 
704    color: #c8102e!important; 
705    background-color:#fff; 
706
707/* FI Botó recurs */ 
708 
709/*Treure les xarxes socials per Campus Global i Intranets*/ 
710html:not(.nou-disseny) .taglib-social-bookmarks { 
711    display: none; 
712
713</style> 
714 
715<script> 
716    // Create Element.remove() function if not exist 
717    if (!('remove' in Element.prototype)) { 
718        Element.prototype.remove = function() { 
719            if (this.parentNode) { 
720                this.parentNode.removeChild(this); 
721
722        }; 
723
724    // Si tenim els bookmarks posicionats d forma horitzontal, els movem 
725    if($(".taglib-social-bookmarks").size() != 0){ 
726        $(".taglib-social-bookmarks").prependTo(".asset-full-content"); 
727        $(".taglib-social-bookmarks").get(0).remove(); 
728
729    $(".taglib-header").remove(); 
730    $(".portlet-topper").remove(); 
731    $(".asset-full-content br").remove(); 
732     
733    if($("html.nou-disseny").size() != 0){ 
734 
735        $(".taglib-asset-links").css("padding-left","22px !important"); 
736        ajustaRelatedContentFullSize(); 
737     
738    }else{ 
739        ajustaRelatedContent(); 
740
741 
742    // Eliminem la secció de categories si no n'hi ha cap 
743    if ($(".categories div").size() == 0){ 
744        $(".categories").remove(); 
745
746     
747        /* ---- OBRIR LES NOTÍCIES EN MAXIMIZED AMB MENÚ VERTICAL ---- */ 
748    if($("html.nou-disseny").size() != 0){       
749        if ($("header").hasClass("no-menu-horitzontal")){ 
750            canviaSpanMenu(); 
751
752
753    // La funció LightenDarkenColor la tinc gràcies a auxFunctions.js injectat 
754    var colorLight = LightenDarkenColor("${colorSite}",20); 
755 
756    $(".asset-full-content .tipus > a").hover( 
757        function(){ 
758            $(this).css("background-color", +  colorLight + " !important"); 
759        }, 
760        function(){ 
761            $(this).css("background-color","${colorSite} !important"); 
762
763
764   
765   $('#content img[title]').captionate(); // imatges amb class caption mostraran la descripció 
766   
767    function ajustaRelatedContentFullSize(){ 
768        if ($(".asset-links-list").size()!= 0){ 
769                $(".taglib-asset-links").appendTo("#dreta").insertAfter('.categories'); 
770                $(".taglib-asset-links").css("padding-left","0px !important");         
771        }else{ 
772            setTimeout(function(){ajustaRelatedContentFullSize();},100); 
773
774
775     
776    function ajustaRelatedContent(){ 
777        if ($(".asset-links-list").size()!= 0){ 
778            $(".taglib-asset-links").css("padding-left","0px"); 
779            $(".asset-links-title").css("padding-left","0px");   
780            $(".asset-links-list").css("padding-left","0px !important"); 
781        }else{ 
782            setTimeout(function(){ajustaRelatedContent();},100); 
783
784
785     
786    function canviaSpanMenu(){ 
787        if ($("#menu-esquerra").size()!= 0){ 
788            if ($("#menu-esquerra").hasClass("span12")){ 
789                if(!$("body").hasClass("marca-propia")){ 
790                    $("#nom_page").css("display","none !important"); 
791                    $("#contingut #nom_page").css("display","block !important"); 
792
793                $("#menu-esquerra").removeClass("span12").addClass("span3"); 
794                $("#main-content").addClass("span9 pull-right"); 
795
796            ajustaRelatedContent(); 
797        }else{ 
798            setTimeout(function(){canviaSpanMenu();},100); 
799
800
801/*Moure els elements fitxa-dreta a la dreta*/ 
802setTimeout(function(){$("#dreta").after($(".asset-metadata"));},100); 
803 
804if($('#media').is(':empty')) { 
805            $("h2.media").hide(); 
806        }; 
807if($('.xarxes').is(':empty')) { 
808            $(this).hide(); 
809        }; 
810if($('.whatsapp').is(':empty')) { 
811            $('.whatsapp').parent("li").hide(); 
812        }; 
813</script>