ETIC Masters Welcome Session 2018
S'ha produït un error mentre es processava la plantilla.
Java method "com.sun.proxy.$Proxy723.getArticle(long, String)" threw an exception when invoked on com.sun.proxy.$Proxy723 object "[email protected]37d0f567"; 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">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 display: inline-block;
485 text-decoration: none;
486 color: #FFFFFF;
487 padding: 5px 10px;
488 }
489
490
491 /* ----- Fi estil per adaptar a themes que no són UPF 2016 ----- */
492
493 /* En aplicar aquesta class a un div .container, limitem amb auto per no ser sempre 1170px */
494 .noticia-maximized{
495 max-width: 1280px !important;
496 width: auto !important;
497 }
498
499 #nom_page{
500 display:block !important;
501 }
502 #contingut > #nom_page{
503 display:none !important;
504 }
505
506 /* Per treure la icona de davant del títol Continguts relacionats*/
507 .asset-links h2{
508 background:none !important;
509 }
510 .asset-links{
511 padding-left: 4px;
512 margin-top: 0px;
513 }
514 .list-group.sidebar-list-group{
515 padding-left: 25px !important;
516 }
517 .list-group.sidebar-list-group-item{
518 list-style: initial !important;
519 }
520 .list-group.sidebar-list-group-item img{
521 display:none;
522 }
523 .contingut.subtitol, .contingut.subtitol p, .contingut.subtitol ul, .contingut.subtitol ol {
524 font-weight: normal;
525 padding-top: 0;
526 line-height: normal !important;
527 }
528
529 .contingut.subtitol {
530 border-bottom: 1px solid #ddd;
531 margin-bottom: 10px;
532 padding-bottom: 10px;
533 }
534 .asset-full-content .tipus > a {
535 background-color: ${colorSite} !important;
536 margin-right: 5px;
537 margin-bottom: 5px;
538 position: relative;
539 max-width:100%;
540 text-decoration:none;
541 }
542 .asset-full-content .tipus > a:hover {
543 color: #ffffff !important;
544 }
545
546 .asset-full-content .tipus{
547 display: inline;
548 }
549
550 .taglib-social-bookmarks {
551 display: block;
552 float: right;
553 background:none;
554 margin-top:0px;
555 }
556 .taglib-social-bookmarks a{
557 margin-bottom: 0px;
558 }
559 .taglib-social-bookmarks ul{
560 padding:0px;
561 margin-bottom:0px;
562 }
563 .taglib-social-bookmarks ul li{
564 margin-right:0px;
565 }
566 .asset-full-content .content {
567 border-bottom: 0px solid #fff;
568 display: table;
569 margin-bottom: 20px;
570 padding-bottom: 10px;
571 width: 100%;
572 }
573 .asset-full-content .content::before {
574 content: "";
575 display: inline-table;
576 width: 100%;
577 }
578 .asset-full-content .content h3 {
579 font-size: 18px;
580 font-weight: normal;
581 }
582 .categories::after {
583 content: "";
584 display: inline-table;
585 width: 100%;
586 }
587 .categories h2, .sheet-tertiary-title{
588 color: ${colorSite} !important;
589 }
590
591
592 @media (min-width: 979px) and (max-width: 1200px) {
593
594 }
595 @media (max-width: 978px) {
596 .asset-full-content .data {
597 display:inline-table;}
598 }
599 @media (max-width: 480px) {
600 .asset-full-content .tipus > a {
601 float:none;}
602 }
603
604 /*Nova notícia*/
605 .nova .names a {
606 text-decoration: none !important;
607 transition: 0.4s all;
608 }
609 .nova .names a:hover img, .nova .names a:hover i {
610 transform: translateY(-4px)!important;
611 transition: 0.2s all;
612 }
613 .nova .names {
614 display: table;
615 box-sizing: border-box;
616 width: 100%;
617}
618 .nova .names .nom {
619 width: 50%;
620 display: inline-table;
621 }
622 .nova .names .xarxes {
623 width: 50%;
624 display: inline-table;
625 }
626 .nova p.youtube {
627 margin: 0 0 20px;
628 }
629 .nova p.subtitol:after {
630 content: "";
631 width: 100%;
632 height: 1px;
633 background-color: #ddd;
634 position: relative;
635 display: table;
636 }
637 .nova #dreta {
638 padding-top: 30px;
639 }
640 .nova .asset-full-content figure {
641 display: inline-block;
642 margin-bottom: 20px;
643 border: 1px solid transparent;
644 margin-right: 0;
645 margin-left: 0;
646 margin-top: 0;
647 }
648 .nova .asset-full-content figcaption {display: block; text-align: center; font-size: 0.8em; font-style: italic; }
649 .nova .fa-caret-down:before {
650 content: "\f0d7" !important;
651 }
652 @media (max-width: 480px) {
653 .nova .asset-full-content figure {
654 float: none !important;
655 }
656 }
657 .nova .asset-full-content .content > p:nth-child(2):first-letter {
658 color: ${colorSite};
659 float: left;
660 font-family: Georgia;
661 font-size: 80px;
662 line-height: 50px;
663 padding-top: 3px;
664 padding-right: 10px;
665 padding-left: 3px;
666 padding-bottom: 3px;
667 }
668
669 ul.list-group.sidebar-list-group {
670 list-style: none !important;
671 margin: 0 !important;
672 padding: 0 !important;
673}
674.asset-links .list-group.sidebar-list-group-item {
675 list-style: none !important;
676}
677.asset-links li.list-group.sidebar-list-group-item a {
678 color: #353430 !important;
679 text-decoration: none !important;
680 border: 1px solid #ddd;
681 border-radius: 4px;
682 display: block;
683 padding: 10px;
684 background-color: #eee;
685}
686.asset-links .list-group.sidebar-list-group-item a:hover {
687 text-decoration: none !important;
688}
689.asset-links .list-group.sidebar-list-group-item a:before {
690 content: "\f0c1";
691 font-family: 'fontawesome-alloy';
692 font-size: 25px;
693 display: inline-block;
694 margin-right: 4px;
695 width: 10%;
696 vertical-align: middle;
697}
698.asset-links li.list-group.sidebar-list-group-item a span.taglib-text {
699 color: #353430 !important;
700 display: inline-block;
701 width: 80%;
702 vertical-align: middle;
703 text-decoration: none;
704}
705
706.asset-links .list-group.sidebar-list-group-item:hover a, .asset-links .list-group.sidebar-list-group-item:hover a span.taglib-text {
707 background-color: #353430 !important;
708 color: #eee !important;
709 text-decoration: none;
710}
711
712/*Caixa contacte*/
713.caixa-contacte {
714 border: 1px solid #ddd;
715 padding: 10px;
716 margin-bottom: 20px;
717 margin-top: 30px;
718}
719.caixa-contacte {
720 border: 1px solid #ddd;
721 padding: 10px;
722 margin-bottom: 20px;
723 margin-top: 30px;
724 box-sizing: border-box !important;
725}
726h2.mark {
727 display: block;
728 font-size: 0 !important;
729 color: #fff !important;
730 background-color: #fff !important;
731}
732.mes-info {
733 display: block;
734}
735.mes-info-button {
736 cursor: pointer;
737 display: block;
738 width: 100%;
739 height: 100%;
740}
741.mes-info-button i {
742 float: right;
743font-size: 20px;
744}
745/*Elements notícia*/
746/*cita*/
747.nova cite {
748 margin-top: 30px;
749 margin-bottom: 30px;
750 font-size: 20px;
751 color: #666;
752 padding-left: 10px;
753 box-sizing: border-box;
754 vertical-align: middle;
755 display: inline-block;
756 border-left: 3px solid #666;
757 padding-top: 10px;
758 padding-bottom: 10px;
759 width: 80%;
760 margin-left: 20%;
761 line-height: normal !important;
762}
763 .nova .asset-full-content .content h3 {
764 font-size: 18px;
765 font-weight: normal;
766 line-height: normal;
767 margin-top: 40px;
768 margin-bottom: 20px;
769 color: ${colorSite};
770}
771.nova .asset-full-content .content h4 {
772 font-size: 16px;
773 font-weight: normal;
774 line-height: normal;
775 margin-top: 30px;
776 margin-bottom: 10px;
777 color: ${colorSite};
778}
779
780/*ODS*/
781@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
782
783[class*=ods_] {
784 font-family: 'Source Sans Pro', sans-serif;
785 font-weight: bold;
786 line-height: normal;
787 text-transform: uppercase;
788 font-size: 10px;
789 color: white;
790 display: inline-table;
791 width: calc(50% - 4px);
792 max-width: 130px;
793 height: 130px;
794 padding: 1em;
795 box-sizing: border-box;
796 background-color: grey;
797 background-repeat: no-repeat;
798 background-position: bottom;
799 background-size: 100%;
800 margin-left: 4px;
801 margin-bottom: 4px;
802}
803.ods_01 {
804 background-color: #e5233d;
805 background-image: url(/documents/10193/252729907/ods_01.png);
806}
807.ods_02 {
808 background-color: #dda73a;
809 background-image: url(/documents/10193/252729907/ods_02.png);
810}
811.ods_03 {
812 background-color: #4ca146;
813 background-image: url(/documents/10193/252729907/ods_03.png);
814}
815.ods_04 {
816 background-color: #c7212f;
817 background-image: url(/documents/10193/252729907/ods_04.png);
818}
819.ods_05 {
820 background-color: #ef402d;
821 background-image: url(/documents/10193/252729907/ods_05.png);
822}
823.ods_06 {
824 background-color: #27bfe6;
825 background-image: url(/documents/10193/252729907/ods_06.png);
826}
827.ods_07 {
828 background-color: #fbc412;
829 background-image: url(/documents/10193/252729907/ods_07.png);
830}
831.ods_08 {
832 background-color: #a31c44;
833 background-image: url(/documents/10193/252729907/ods_08.png);
834}
835.ods_09 {
836 background-color: #f26a2e;
837 background-image: url(/documents/10193/252729907/ods_09.png);
838}
839.ods_10 {
840 background-color: #dd1667;
841 background-image: url(/documents/10193/252729907/ods_10.png);
842}
843.ods_11 {
844 background-color: #f89d2a;
845 background-image: url(/documents/10193/252729907/ods_11.png);
846}
847.ods_12 {
848 background-color: #bf8d2c;
849 background-image: url(/documents/10193/252729907/ods_12.png);
850}
851.ods_13 {
852 background-color: #407f46;
853 background-image: url(/documents/10193/252729907/ods_13.png);
854}
855.ods_14 {
856 background-color: #1f97d4;
857 background-image: url(/documents/10193/252729907/ods_14.png);
858}
859.ods_15 {
860 background-color: #59ba47;
861 background-image: url(/documents/10193/252729907/ods_15.png);
862}
863.ods_16 {
864 background-color: #136a9f;
865 background-image: url(/documents/10193/252729907/ods_16.png);
866}
867.ods_17 {
868 background-color: #14496b;
869 background-image: url(/documents/10193/252729907/ods_17.png);
870}
871
872a.btn.button_ods {
873 position: relative;
874 display: table !important;
875 width: auto;
876 margin-top: 1em;
877 margin-bottom: 0;
878 background-image: none;
879 background-color: ${colorSite};
880 color: #fff;
881 text-shadow: none;
882 border: none !important;
883 float: none;
884 font-size: inherit;
885 border-radius: 0;
886}
887a.btn.button_ods:hover, a.btn.button_ods:focus {
888 background-image: none;
889 background-color: ${colorSite}70;
890 color: #fff;
891}
892
893</style>