در حین انجام عملیات خطایی رخ داده است.
The following has evaluated to null or missing: ==> image_snapshot [in template "20097#20123#145718" at line 173, column 76] ---- 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: ${image_snapshot.getData()} [in template "20097#20123#145718" at line 173, column 74] ----
1<#-- Retrieve the published date meta data field of the web content -->
2<#assign displaydate = .vars['reserved-article-display-date'].data>
3<#-- Save the original page locale for later -->
4<#assign originalLocale = .locale>
5
6<#-- Set the page locale to the portals default locale -->
7<#setting locale = localeUtil.getDefault()>
8
9<#-- Parse the date to a date object -->
10<#assign displaydate = displaydate?datetime("EEE, d MMM yyyy HH:mm:ss Z")>
11
12<#-- Set the page locale back to the original page locale -->
13<#--#assign locale = ''-->
14<#assign dateFormat = "dd MM yyyy" />
15<#assign publishDate=dateUtil.getDate(displaydate,dateFormat,locale)/>
16
17<#assign
18 serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()
19 themeDisplay = serviceContext.getThemeDisplay()
20 layoutSet = layout.getLayoutSet()
21 page_group = layout.getGroup()
22 site_default_url = htmlUtil.escape(page_group.getDisplayURL(themeDisplay, false))
23/>
24
25
26<!--publish view Count-->
27<#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
28<#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetLinkLocalService" )>
29<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService" )>
30<#assign getterUtil = staticUtil["com.liferay.portal.kernel.util.GetterUtil"] />
31<#assign currentArticle = JournalArticleLocalService.getArticle(getterUtil.getLong(groupId),.vars['reserved-article-id'].data)>
32<#assign currentArticleResourcePrimKey = currentArticle.getResourcePrimKey()>
33<#assign currentArticleAssetEntry = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", currentArticleResourcePrimKey)/>
34<#assign viewCount = currentArticleAssetEntry.viewCount/>
35
36
37
38
39<#assign AssetCategoryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
40<#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
41<#assign journalArticle = JournalArticleLocalService.getArticle(getterUtil.getLong(groupId),.vars['reserved-article-id'].data) />
42<#assign categories = AssetCategoryLocalService.getCategories("com.liferay.journal.model.JournalArticle", journalArticle.getResourcePrimKey()) />
43
44
45
46
47<div class="display-content">
48 <div class="container">
49 <#if .vars['reserved-article-small-image-url'].getData() != "">
50 <div class="main-image">
51 <img class="" src="${.vars['reserved-article-small-image-url'].getData()}" alt="" />
52 </div>
53 </#if>
54
55
56 <div class="breadcrumb-wrapper hidden-in-print-mode">
57 <@liferay.breadcrumbs />
58 </div>
59
60 <h6 class="sub-title">${lead.getData()}</h6>
61
62 <h4 class="title">${.vars['reserved-article-title'].data}</h4>
63
64 <div class="details">
65 <div class="date">
66 <svg>
67 <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#calendar-minus"></use>
68 </svg>
69 <span class="js-date" data-date="${publishDate} ?? DD MM YYYY ?? DD MMMM YYYY" >${publishDate}</span>
70 </div>
71 <div class="code">
72 <svg>
73 <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#bill"></use>
74 </svg>
75 <span>کد خبر : ${.vars['reserved-article-id'].getData()}</span>
76 </div>
77 <div class="visitors">
78 <svg>
79 <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#eye"></use>
80 </svg>
81 <span>تعداد بازدید : ${viewCount}</span>
82 </div>
83 </div>
84
85 <div class="article-content">
86 ${content.getData()}
87 </div>
88
89
90 <#if other_images?? && other_images.getSiblings()?has_content && other_images.getSiblings()[0].getData() != "" >
91
92 <#assign
93 theme_display = themeDisplay
94 css_folder = theme_display.getPathThemeCss()
95 javascript_folder = theme_display.getPathThemeJavaScript()
96 />
97
98 <div class="gallery-wr">
99
100 <link type="text/css" rel="stylesheet" href="${css_folder}/lightgallery/css/lightgallery.css" />
101
102 <!-- lightgallery plugins -->
103 <link type="text/css" rel="stylesheet" href="${css_folder}/lightgallery/css/lg-zoom.css" />
104 <link type="text/css" rel="stylesheet" href="${css_folder}/lightgallery/css/lg-thumbnail.css" />
105 <script src="${javascript_folder}/lightgallery/lightgallery.umd.js"></script>
106 <!-- Or use the minified version -->
107 <script src="${javascript_folder}/lightgallery/lightgallery.min.js"></script>
108
109 <!-- lightgallery plugins -->
110 <script src="${javascript_folder}/lightgallery/plugins/thumbnail/lg-thumbnail.umd.js"></script>
111 <script src="${javascript_folder}/lightgallery/plugins/zoom/lg-zoom.umd.js"></script>
112
113
114 <div id="animated-thumbnails" class="list-gallery">
115 <#if other_images.getSiblings()?has_content>
116 <#list other_images.getSiblings() as cur_other_images>
117
118 <a href="${cur_other_images.getData()}" data-aos="flip-left">
119 <img src="${cur_other_images.getData()}" />
120 </a>
121 </#list>
122 </#if>
123 </div>
124
125 <script>
126
127 lightGallery(document.getElementById("animated-thumbnails"), {
128 athumbnail: true,
129 animateThumb: !1,
130 pager: !1,
131 plugins: [lgZoom, lgThumbnail],
132 hash: !1,
133 zoomFromOrigin: !1,
134 toggleThumb: !0,
135 allowMediaOverlap: !0,
136 container: ".guilan-theme .display-content .gallery-wr",
137 });
138
139 </script>
140
141 <style>
142 .rtl .lg-outer {
143 text-align: right;
144 }
145 .lg-outer .lg-thumb-item {
146 float: right !important;
147 }
148 .lg-thumb-item img {
149 margin: 0 !important;
150 border-radius: 0 !important;
151 }
152 .lg-container {
153 font-family: inherit;
154 }
155
156 .gallery-wr .lg-backdrop , .gallery-wr .lg-outer {
157 position: fixed !important;
158 }
159 .gallery-wr .lg-backdrop {
160 z-index: 1040 !important;
161 }
162 .gallery-wr .lg-outer {
163 z-index: 1050 !important;
164 }
165 </style>
166
167 </div>
168 </#if>
169
170
171 <#if video?? && video.getData()!="">
172 <div class="m-auto py-3 hidden-in-print-mode" style="clear: both;max-width:50em">
173 <video style="width: 100%; border-radius : 10px" poster="${image_snapshot.getData()}" controls preload="none">
174 <source src="${video.getData()}" type="video/mp4">
175 Your browser does not support the video tag.
176 </video>
177 </div>
178 </#if>
179 <#if audio?? && audio.getData()!="">
180 <div class="m-auto py-3 hidden-in-print-mode" style="clear: both;max-width:50em">
181 <audio style="width: 100%; border-radius : 10px" controls>
182 <source src="${audio.getData()}">
183 Your browser does not support the audio element.
184 </audio>
185 </div>
186 </#if>
187 <#if files?? && files.getData()!="">
188 <a class="sp-link-nextSibling btn btn-info hidden-in-print-mode my-3" href="${files.getData()}" download>
189 <i class="icon-download"></i>
190 ${languageUtil.format(locale, "download-x", "فایل", false)}
191 </a>
192 </#if>
193
194 <hr />
195
196 <#if categories?has_content>
197 <div class="categories">
198 <div class="title">
199 <svg>
200 <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#calendar-minus"></use>
201 </svg>
202 <span>دسته بندی | برچسب :</span>
203 </div>
204 <div class="items">
205 <#list categories as category>
206 <div>
207 <span>${category.getName()}</span>
208 </div>
209 </#list>
210
211 <#list .vars['reserved-article-asset-tag-names'].data?split(",") as Value>
212 <div class="section-item">
213 <a href="${site_default_url}/search?q=*&tag=${Value}" class="d-content">
214
215 <svg>
216 <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#hashtag"></use>
217 </svg>
218 <span>${Value}</span>
219
220 </a>
221 </div>
222 </#list>
223 </div>
224 </div>
225 </#if>
226
227 <div class="share">
228 <div class="title">
229 <svg>
230 <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#share"></use>
231 </svg>
232 <span>اشتراک گذاری</span>
233 </div>
234
235 <ul class="d-flex p-0">
236 <li>
237 <div onclick="window.print();">
238 <svg>
239 <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#receipt"></use>
240 </svg>
241 <span>چاپ کردن</span>
242 </div>
243 </li>
244 <li>
245 <a onclick="window.location.replace('https://ble.ir/university_of_guilan')">
246
247 <img src="https://guilan.ac.ir/documents/20123/0/bale-icon.png">
248
249 </a>
250 </li>
251 <li>
252 <a onclick="window.location.replace('http://sapp.ir/guilan.ac.ir')">
253
254 <img src="https://guilan.ac.ir/documents/20123/0/soroush-icon.png">
255
256 </a>
257 </li>
258 <li>
259 <a onclick="window.location.replace('https://eitaa.com/university_of_guilan')">
260
261 <img src="https://guilan.ac.ir/documents/20123/0/Eitaa-icon.png">
262
263 </a>
264 </li>
265 </ul>
266
267 <div class="short-link" onclick="myFunction()" onmouseout="outFunc()">
268 <div class="input-wr">
269 <div class="icon">
270 <svg>
271 <use href="${themeDisplay.getPathThemeImages()}/gu-icons.svg#copy-success"></use>
272 </svg>
273 </div>
274 <input type="text" value="" />
275 </div>
276 <div class="message">
277 <span>کپی در حافظه موقت</span>
278 </div>
279 </div>
280
281 <script>
282 window.shortURL = encodeURI(document.querySelector("#ShortURL-top input").value);
283 document.querySelector(".short-link input").value = decodeURI(shortURL);
284
285 function copyToClipboard(text) {
286 var textArea = document.createElement("textarea");
287 textArea.style.position = "fixed";
288 textArea.style.top = 0;
289 textArea.style.left = 0;
290 textArea.style.width = "2em";
291 textArea.style.height = "2em";
292 textArea.style.padding = 0;
293 textArea.style.border = "none";
294 textArea.style.outline = "none";
295 textArea.style.boxShadow = "none";
296 textArea.style.background = "transparent";
297 textArea.value = text;
298 document.body.appendChild(textArea);
299 textArea.focus();
300 textArea.select();
301 document.execCommand("copy");
302 document.body.removeChild(textArea);
303 }
304 function myFunction() {
305 copyToClipboard(shortURL);
306 var tooltip = document.querySelector(".short-link .message span");
307 tooltip.classList.add("success");
308 tooltip.innerHTML = "در حافظه موقت کپی شد";
309 }
310 function outFunc() {
311 setTimeout(() => {
312 var tooltip = document.querySelector(".short-link .message span");
313 tooltip.classList.remove("success");
314 tooltip.innerHTML = "کپی در حافظه موقت";
315 }, 300);
316 }
317 </script>
318
319 </div>
320 </div>
321</div>
322
323<style>
324.display-content {
325 padding: 4.5em 0 2em 0;
326 font-size: 15px;
327 overflow: hidden;
328}
329
330.display-content .container > .title {
331 font-weight: 600;
332 font-size: 2em;
333 line-height: 1.7em;
334 color: #000000;
335 margin-bottom: 0;
336}
337
338.display-content .container > .sub-title {
339 font-weight: 400;
340 font-size: 1.312em;
341 color: #114088;
342 margin-bottom: 0.81em;
343}
344
345.display-content .container .breadcrumb-wrapper {
346 margin-bottom: 2.375em;
347}
348
349.display-content .container .breadcrumb-wrapper .demo {
350 font-weight: 400;
351 font-size: 0.93em;
352 color: #7e8aab;
353}
354
355.display-content .container .main-image {
356 z-index: 1;
357 position: relative;
358 float: left;
359 max-width: 45%;
360 position: relative;
361 margin: 0em 3em 3em 0;
362}
363
364html.ltr .display-content .container .main-image {
365 float: right;
366 margin: 0em 0 3em 3em;
367}
368
369.display-content .container .main-image::before, .display-content .container .main-image::after {
370 /*content: "";*/
371 position: absolute;
372 left: 3em;
373 right: 3.75em;
374 height: 5em;
375 background: #ff8134;
376 opacity: 0.1;
377 border-radius: 12px;
378 top: -1.125em;
379}
380
381.display-content .container .main-image::after {
382 left: 3.75em;
383 right: 3em;
384 bottom: -1.125em;
385 top: unset;
386 background: #119932;
387}
388
389.display-content .container .main-image img {
390 filter: drop-shadow(0px 14px 44px rgba(0, 0, 0, 0.05));
391 border-radius: 6px;
392 max-width: 100%;
393}
394
395.display-content .container .details {
396 display: flex;
397 column-gap: 2.4em;
398 margin: 1.375em 0;
399 flex-wrap: wrap;
400 row-gap: 1em;
401}
402
403.display-content .container .details div {
404 display: flex;
405 align-items: center;
406 column-gap: 0.437em;
407}
408
409.display-content .container .details div svg {
410 width: 1.25em;
411 height: 1.25em;
412}
413
414.display-content .container .details div svg use {
415 stroke: #0391CC !important;
416}
417
418.display-content .container .details div span {
419 font-weight: 400;
420 font-size: 1em;
421 color: #0391CC;
422}
423
424.display-content .container .article-content {
425 font-weight: 400;
426 font-size: 1.05em;
427 line-height: 3em;
428 color: #626E94;
429}
430
431.display-content .container .gallery-wr {
432 padding: 2.5em 0;
433 font-size: 0.88em;
434}
435
436.display-content .container .gallery-wr .list-gallery {
437 display: flex;
438 flex-wrap: wrap;
439 justify-content: center;
440 row-gap: 1.25em;
441 column-gap: 1.25em;
442}
443
444.display-content .container .gallery-wr .list-gallery a {
445 position: relative;
446 overflow: hidden;
447}
448
449.display-content .container .gallery-wr .list-gallery a:hover::before {
450 opacity: 1;
451 transform: scale(1);
452}
453
454.display-content .container .gallery-wr .list-gallery a::before {
455 content: "";
456 width: 100%;
457 height: 100%;
458 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFuSURBVHgB7ZiLbYMwEIYPqQN0BEbIBmWDskHZoOoEZYOoE5Rs0G7QDRjB2eR6Fo5kJWfjp2Sk+yQrCob/PpmHDQCCIAg+OlcHIs708wZ+Ll3XzRBBrVwdrHCfFSIJzFWu458gnCu1v7ttXxDPB7XXu20DtR5ycIzE3qlMqTPFjHCIsKolzciqEsLfTHC2NJdpauULuwpAIq6sosK+QiVkqwjvFcyRLSH8aaTH2MIpsmafE7VV14bSxEhjhZs2CUZkYPYZm5C1hGzpM9N/bkb2hhlFLdYzfb3pewFBEMqgH2cBN90ILXCoxxozcXDT+NDExIGtTc0UOuO2EDmVEMCwxY+egBRub9bRwsoEH2Z5+SCMR1rAYyOvSEHfJXQB+rEvjYm+zFwgETp2oUywMm//08EDv+ZXkfVI518Shis1PQkM1rZfOr0/EAFuj8l3JruHHDDzo50nd83J9Y3wQm0CPwvEo8/IM5TPFQRBIP4BZJehxxvkyUsAAAAASUVORK5CYII=')
459 no-repeat center, rgba(26, 27, 29, 0.82);
460 background-size: 2.7em 2.7em;
461 position: absolute;
462 opacity: 0;
463 transform: scale(0.9);
464 transition: all ease-in-out 0.3s;
465}
466
467.display-content .container .gallery-wr .list-gallery a img {
468 margin: 0 !important;
469 border-radius: 0 !important;
470 max-width: 100%;
471 width: 100%;
472 height: 11.5em;
473 width: 11.5em;
474 object-fit: cover;
475}
476
477.display-content .container hr {
478 background: rgba(115, 129, 141, 0.01);
479 margin: 1.5em 0;
480}
481
482.display-content .container .categories,
483.display-content .container .share {
484 display: flex;
485 justify-content: space-between;
486 flex-wrap: wrap;
487 padding: 1.5em 0;
488 column-gap: 1.75em;
489 row-gap: 1.5em;
490}
491
492.display-content .container .categories > .title,
493.display-content .container .share > .title {
494 display: flex;
495 column-gap: 0.5em;
496 align-items: center;
497}
498
499.display-content .container .categories > .title svg,
500.display-content .container .share > .title svg {
501 width: 1.5em;
502 height: 1.5em;
503 stroke: #1a1b1d;
504}
505
506.display-content .container .categories > .title span,
507.display-content .container .share > .title span {
508 font-weight: 400;
509 font-size: 0.93em;
510 color: #1a1b1d;
511}
512
513.display-content .container .categories .items {
514 display: flex;
515}
516
517.display-content .container .categories .items > div {
518 display: flex;
519 align-items: center;
520 column-gap: 0.375em;
521}
522
523.display-content .container .categories .items > div svg {
524 width: 1.125em;
525 height: 1.125em;
526 stroke: #7e8aab;
527}
528
529.display-content .container .categories .items > div span {
530 font-weight: 400;
531 font-size: 1em;
532 color: #7e8aab;
533}
534
535.display-content .container .categories .items > div + div::before {
536 content: "-";
537 margin: 0 0.875em;
538 color: #bfc4d5;
539 font-weight: bold;
540 display: flex;
541 align-items: center;
542}
543
544.display-content .container .share .short-link {
545 position: relative;
546 cursor: pointer;
547 width: fit-content;
548}
549
550.display-content .container .share .short-link::before {
551 content: "";
552 width: 100%;
553 height: 100%;
554 position: absolute;
555 z-index: 1;
556}
557
558.display-content .container .share .short-link:hover .message {
559 transform: translate3d(0, 100%, 0);
560 opacity: 1;
561}
562
563.display-content .container .share .short-link .message {
564 transition: all ease-in-out 0.2s;
565 position: absolute;
566 width: 100%;
567 bottom: 0;
568 padding-top: 0.3em;
569 opacity: 0;
570 pointer-events: none;
571 z-index: -1;
572}
573
574.display-content .container .share .short-link .message span {
575 display: flex;
576 justify-content: center;
577 align-items: center;
578 border-radius: 0.312em;
579 color: #fff;
580 font-size: 0.8em;
581 height: 2.5em;
582 background: #285eff;
583}
584
585.display-content .container .share .short-link .message span.success {
586 background: #29c450;
587}
588
589.display-content .container .share .short-link .input-wr {
590 background: #ffffff;
591 border: 0.3px solid #bdc5dd;
592 border-radius: 0.312em;
593 overflow: hidden;
594 display: flex;
595 width: 11.5em;
596 height: 2.812em;
597 position: relative;
598}
599
600.display-content .container .share .short-link .input-wr .icon {
601 background: #285eff;
602 width: 2.25em;
603 display: flex;
604 align-items: center;
605 justify-content: center;
606 flex-shrink: 0;
607}
608
609.display-content .container .share .short-link .input-wr .icon svg {
610 fill: #fafbfc;
611 width: 1.188em;
612 height: 1.188em;
613}
614
615.display-content .container .share .short-link .input-wr input {
616 direction: ltr;
617 cursor: pointer;
618 border: 0;
619 outline: 0;
620 box-shadow: 0;
621 width: 100%;
622 padding-left: 1em;
623 font-weight: 400;
624 font-size: 0.75em;
625 color: #7e8aab;
626}
627
628.display-content .container .share ul {
629 list-style: none;
630 margin: 0 auto 0 0;
631 display: flex;
632 column-gap: 1em;
633 align-items: center;
634 background-color: #a1d6eca3;
635 border-radius: 5px !important;
636 padding-left: 5px !important;
637}
638
639html.ltr .display-content .container .share ul {
640 margin: 0 0 0 auto;
641}
642
643.display-content .container .share ul li {
644 cursor: pointer;
645}
646
647.display-content .container .share ul li svg {
648 width: 1.5em;
649 height: 1.5em;
650}
651
652.display-content .container .share ul li span {
653 font-weight: 500;
654 font-size: 0.75em;
655 color: #7e8aab;
656}
657
658@media only screen and (max-width: 991px) {
659 .display-content {
660 font-size: 14px;
661 }
662 .display-content .container {
663 display: flex;
664 flex-direction: column;
665 }
666 .display-content .container > * {
667 order: 5;
668 }
669 .display-content .container > .breadcrumb-wrapper,
670 .display-content .container > .sub-title,
671 .display-content .container > .title,
672 .display-content .container > .details {
673 order: 1;
674 }
675 .display-content .container .main-image {
676 margin-left: 0;
677 margin-right: 0;
678 order: 4;
679 max-width: unset;
680 width: fit-content;
681 margin: 3em auto 3em auto !important;
682 }
683}
684
685@media only screen and (max-width: 767px) {
686 .display-content {
687 font-size: 13px;
688 }
689 .display-content .container .head {
690 padding-top: 4em;
691 }
692 .display-content .container .head::before {
693 background-position: -2.5em 1.5em;
694 }
695 .display-content .container .head .title {
696 font-size: 1.5em !important;
697 }
698}
699
700@media only screen and (max-width: 575px) {
701 .display-content {
702 font-size: 12px;
703 }
704 .display-content .container .article-content {
705 font-size: 1.2em;
706 }
707 .display-content .container .categories {
708 font-size: 1.2em;
709 }
710 .display-content .container .share {
711 font-size: 1.3em;
712 flex-direction: column;
713 }
714 .display-content .container .share ul {
715 margin: 0 !important;
716 justify-content: flex-start;
717 width: 12.5em;
718 }
719}
720
721@media print {
722 .zahra-nav,
723 .la-news-po-2,
724 .footer,
725 .share ,
726 .hidden-in-print-mode {
727 display: none !important;
728 }
729}
730
731/* breadcrumb */
732
733.breadcrumb-wrapper .portlet {
734 margin-bottom:0;
735 margin: auto;
736}
737
738.breadcrumb-wrapper .portlet .portlet-header{
739 display:none;
740}
741
742.breadcrumb-wrapper .portlet .portlet-content {
743 padding-left:0;
744 padding-bottom:0;
745}
746html.rtl .breadcrumb-wrapper .portlet .portlet-content {
747 padding-right:0;
748}
749
750.breadcrumb-wrapper .portlet .breadcrumb {
751 background:none;
752 margin-bottom:0;
753 padding:0;
754 font-size:inherit;
755}
756.breadcrumb-wrapper .portlet .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
757 background-image: none;
758 content: '/';
759 top: unset;
760 margin-top: unset;
761 color: #7e8aab;
762
763}
764
765.breadcrumb-wrapper .portlet .breadcrumb li {
766 font-size: 1em;
767}
768
769.breadcrumb-wrapper .portlet .breadcrumb li {
770 font-size: 1em;
771}
772
773.breadcrumb-wrapper .portlet .breadcrumb li a {
774 text-decoration:none;
775 color: #7e8aab;
776 font-weight: 400;
777 font-size: 0.93em;
778}
779
780.breadcrumb-wrapper .portlet .breadcrumb li span.active {
781 color: #7e8aab;
782 font-weight: 400;
783 font-size: 0.93em;
784
785 white-space: nowrap;
786 max-width: 300px;
787 overflow: hidden;
788 text-overflow: ellipsis;
789}
790
791/* breadcrumb */
792
793
794</style>