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> </p>
123 </#if>
124 <#recover>
125 <p> </p>
126 </#attempt>
127 <#else>
128 <p> </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>