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