Salvatore La Manna
3 anni fa
48 ha cambiato i file con 2282 aggiunte e 526 eliminazioni
@ -1,45 +1,49 @@ |
|||||||
<div id="heading"> |
<div id="heading"> |
||||||
|
<div class="header"> |
||||||
|
<h1 class="site-title visible-md visible-lg"> |
||||||
|
<a class="${logo_css_class}" href="http://pti.regione.sicilia.it/"> |
||||||
|
<#assign logo_url = "${images_folder}/logo-rt.png" /> |
||||||
|
<img class="logo-img hidden-xs" alt="${logo_description}" src="${logo_url}" |
||||||
|
height="${site_logo_height}" |
||||||
|
width="${site_logo_width}"/> |
||||||
|
<img class="logo-img visible-xs" alt="${logo_description}" src="${images_folder}/logo-mobile.png" |
||||||
|
height="${site_logo_height}" |
||||||
|
width="auto"/> |
||||||
|
</a> |
||||||
|
</h1> |
||||||
|
|
||||||
<div class="header"> |
<#assign ddmTemplate_news = theme.getSetting("ddmTemplate-news") /> |
||||||
<h1 class="site-title visible-md visible-lg"> |
<#if ddmTemplate_news!= ""> |
||||||
<a class="${logo_css_class}" href="http://pti.regione.sicilia.it/"> |
<div class="carousel-container"> |
||||||
<#assign logo_url = "${images_folder}/logo-rt.png" /> |
|
||||||
<img class="logo-img hidden-xs" alt="${logo_description}" src="${logo_url}" |
|
||||||
height="${site_logo_height}" |
|
||||||
width="${site_logo_width}"/> |
|
||||||
<img class="logo-img visible-xs" alt="${logo_description}" src="${images_folder}/logo-mobile.png" |
|
||||||
height="${site_logo_height}" |
|
||||||
width="auto"/> |
|
||||||
</a> |
|
||||||
</h1> |
|
||||||
|
|
||||||
<#assign ddmTemplate_news = theme.getSetting("ddmTemplate-news") /> |
<#assign portlet_id = "101" /> |
||||||
<#if ddmTemplate_news!= ""> |
<#assign instance_id = "carosello_header"+plid /> |
||||||
<div class="carousel-container"> |
|
||||||
|
|
||||||
<#assign portlet_id = "101" /> |
<#assign VOID = freeMarkerPortletPreferences.setValue("displayStyle", "${ddmTemplate_news}")> |
||||||
<#assign instance_id = "carosello_header"+plid /> |
<#assign my_portlet_id = "${portlet_id}_INSTANCE_${instance_id}" /> |
||||||
|
|
||||||
<#assign VOID = freeMarkerPortletPreferences.setValue("displayStyle", "${ddmTemplate_news}")> |
${theme.runtime(my_portlet_id, "",freeMarkerPortletPreferences)} |
||||||
<#assign my_portlet_id = "${portlet_id}_INSTANCE_${instance_id}" /> |
<#assign VOID = freeMarkerPortletPreferences.reset()> |
||||||
|
|
||||||
${theme.runtime(my_portlet_id, "",freeMarkerPortletPreferences)} |
</div> |
||||||
<#assign VOID = freeMarkerPortletPreferences.reset()> |
</#if> |
||||||
|
|
||||||
</div> |
<h2 class="page-title visible-md visible-lg"> |
||||||
</#if> |
<a href="${site_default_url}"> |
||||||
|
<#if propsUtil.get("mwg.test.display")?has_content > |
||||||
<h2 class="page-title visible-md visible-lg"> |
<#assign test_display = propsUtil.get("mwg.test.display") /> |
||||||
<a href="${site_default_url}"> |
<h3>${test_display}</h3> |
||||||
<img class="img-site" alt="${logo_description}" height="${site_logo_height}" |
<#else> |
||||||
src="${images_folder}/etoscana-dark-text.png" width="${site_logo_width}"/> |
<img class="img-site" alt="${logo_description}" height="${site_logo_height}" |
||||||
</a> |
src="${images_folder}/etoscana-dark-text.png" width="${site_logo_width}"/> |
||||||
</h2> |
</#if> |
||||||
</div> |
</a> |
||||||
<div class="navigation"> |
</h2> |
||||||
<#if has_navigation> |
</div> |
||||||
<#include "${full_templates_path}/navigation.ftl" /> |
<div class="navigation"> |
||||||
</#if> |
<#if has_navigation> |
||||||
</div> |
<#include "${full_templates_path}/navigation.ftl" /> |
||||||
|
</#if> |
||||||
|
</div> |
||||||
<!--<div class="navigation-overlay hidden" style="height: 59px;"></div>--> |
<!--<div class="navigation-overlay hidden" style="height: 59px;"></div>--> |
||||||
</div> |
</div> |
@ -0,0 +1,48 @@ |
|||||||
|
$gray: #555; |
||||||
|
$white: #FFF; |
||||||
|
|
||||||
|
$linkColor: #0AF; |
||||||
|
$linkColorHover: darken($linkColor, 15%); |
||||||
|
|
||||||
|
$baseBorderRadius: 2px; |
||||||
|
$borderRadiusLarge: 3px; |
||||||
|
$borderRadiusSmall: 2px; |
||||||
|
|
||||||
|
$btnBackground: #F6F6F6; |
||||||
|
$btnBackgroundHighlight: #EAEAEA; |
||||||
|
$btnBorder: #CFCFCF; |
||||||
|
$btnDangerBackground: #F53924; |
||||||
|
$btnDangerBackgroundHighlight: #ED2C17; |
||||||
|
$btnInfoBackground: #00CFFF; |
||||||
|
$btnInfoBackgroundHighlight: darken($btnInfoBackground, 4%); |
||||||
|
$btnPrimaryBackground: #54AAFF; |
||||||
|
$btnPrimaryBackgroundHighlight: #4A96E8; |
||||||
|
$btnSuccessBackground: #0ECD27; |
||||||
|
$btnSuccessBackgroundHighlight: #0ABA1D; |
||||||
|
$btnWarningBackground: #FFA658; |
||||||
|
$btnWarningBackgroundHighlight: #F49645; |
||||||
|
|
||||||
|
$dropdownLinkBackgroundActive: lighten($linkColor, 5%); |
||||||
|
$dropdownLinkBackgroundHover: darken(#3ECAF4, 10%); |
||||||
|
$dropdownLinkColorActive: $white; |
||||||
|
|
||||||
|
$navbarBackground: #F3F3F3; |
||||||
|
$navbarBackgroundHighlight: #F9F9F9; |
||||||
|
$navbarBorder: #DDDDDD; |
||||||
|
$navbarLinkBackgroundActive: lighten($navbarBackground, 25%); |
||||||
|
$navbarLinkColor: $gray; |
||||||
|
$navbarLinkColorHover: $linkColorHover; |
||||||
|
$navbarText: $navbarLinkColor; |
||||||
|
|
||||||
|
$errorBackground: #FEE5E2; |
||||||
|
$errorBorder: #FCACA5; |
||||||
|
$errorText: #B50303; |
||||||
|
$infoBackground: #CEF1FC; |
||||||
|
$infoBorder: darken($infoBackground, 10%); |
||||||
|
$infoText: #12718F; |
||||||
|
$successBackground: #F1FBD1; |
||||||
|
$successBorder: #BCE830; |
||||||
|
$successText: #488F06; |
||||||
|
$warningBackground: #FFFBDC; |
||||||
|
$warningBorder: #F1D875; |
||||||
|
$warningText: #BF7900; |
@ -0,0 +1,36 @@ |
|||||||
|
@import "compass"; |
||||||
|
|
||||||
|
/* ---------- Help messages, general additional information, etc. ---------- */ |
||||||
|
|
||||||
|
.portlet-msg-alert, .portlet-msg-error, .portlet-msg-help, .portlet-msg-info, .portlet-msg-progress, .portlet-msg-success { |
||||||
|
@extend .alert; |
||||||
|
} |
||||||
|
|
||||||
|
.portlet-msg-help, .portlet-msg-info, .portlet-msg-progress { |
||||||
|
@extend .alert-info; |
||||||
|
} |
||||||
|
|
||||||
|
.portlet-msg-progress { |
||||||
|
background-image: url(../images/aui/loading_indicator.gif); |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-position: 6px 50%; |
||||||
|
padding-left: 30px; |
||||||
|
} |
||||||
|
|
||||||
|
/* ---------- Error messages ---------- */ |
||||||
|
|
||||||
|
.portlet-msg-error { |
||||||
|
@extend .alert-error; |
||||||
|
} |
||||||
|
|
||||||
|
/* ---------- Success messages ---------- */ |
||||||
|
|
||||||
|
.portlet-msg-success { |
||||||
|
@extend .alert-success; |
||||||
|
} |
||||||
|
|
||||||
|
/* ---------- Misc ---------- */ |
||||||
|
|
||||||
|
.navbar .nav li > a { |
||||||
|
@include word-break(break-all); |
||||||
|
} |
@ -1,3 +1,37 @@ |
|||||||
|
$FontAwesomePath: "aui/alloy-font-awesome/font" !default; |
||||||
|
|
||||||
|
@import "aui/alloy-font-awesome/scss/variables"; |
||||||
|
@import "aui/alloy-font-awesome/scss/mixins-alloy"; |
||||||
|
@import "aui/alloy-font-awesome/scss/path-alloy"; |
||||||
|
|
||||||
.aui { |
.aui { |
||||||
|
@import "aui_variables"; |
||||||
|
|
||||||
|
$iconSpritePath: '../images/aui/glyphicons-halflings.png' !default; |
||||||
|
$iconWhiteSpritePath: '../images/aui/glyphicons-halflings-white.png' !default; |
||||||
|
|
||||||
|
//@import "aui/bootstrap"; // Remove >> Bootstrap 2.3.2 |
||||||
|
@import "aui/variables-alloy"; |
||||||
|
@import "aui/variables"; |
||||||
|
@import "aui/bs3/bootstrap"; // Add >> Bootstrap 3.5 |
||||||
|
@import "aui/bs3/bs2_extender"; // Bootstrap Extender by: Marcos Castro |
||||||
|
@import "aui/bs3/bs_liferay_fixes"; // Bootstrap 3 fixes for Liferay components by: Marcos Castro |
||||||
|
|
||||||
|
@import "aui_custom"; |
||||||
|
//@import "aui/responsive"; // Remove >> Bootstrap 2.3.2 responsive |
||||||
|
@import "liferay_custom"; |
||||||
|
|
||||||
|
@import "aui/alloy-font-awesome/scss/core"; |
||||||
|
@import "aui/alloy-font-awesome/scss/bootstrap"; |
||||||
|
@import "aui/alloy-font-awesome/scss/extras"; |
||||||
|
@import "aui/alloy-font-awesome/scss/icons-alloy"; |
||||||
|
@import "aui/alloy-font-awesome/scss/icons-alloy-extra"; |
||||||
|
|
||||||
|
background-color: $bodyBackground; |
||||||
|
color: $textColor; |
||||||
|
font-family: $baseFontFamily; |
||||||
|
font-size: $baseFontSize; |
||||||
|
line-height: $baseLineHeight; |
||||||
|
margin: 0; |
||||||
|
|
||||||
} |
} |
File binario non mostrato.
File binario non mostrato.
File binario non mostrato.
@ -1,55 +1,136 @@ |
|||||||
@import "compass"; |
@import "compass"; |
||||||
|
@import "mixins"; |
||||||
|
|
||||||
/* ---------- Logo ---------- */ |
/* ---------- Logo ---------- */ |
||||||
|
|
||||||
.logo { |
.logo { |
||||||
|
display: inline-block; |
||||||
|
line-height: 1; |
||||||
|
vertical-align: middle; |
||||||
} |
} |
||||||
|
|
||||||
/* ---------- HTML editor ---------- */ |
/* ---------- Table styles ---------- */ |
||||||
|
|
||||||
body.html-editor { |
@include respond-to(phone, tablet) { |
||||||
} |
.responsive-table-horizontal { |
||||||
|
display: block; |
||||||
.html-editor.portlet-message-boards { |
position: relative; |
||||||
blockquote { |
width: 100%; |
||||||
|
|
||||||
&:after { |
&:after { |
||||||
|
clear: both; |
||||||
|
content: ''; |
||||||
|
display: block; |
||||||
|
font-size: 0; |
||||||
|
height: 0; |
||||||
|
visibility: hidden; |
||||||
} |
} |
||||||
|
|
||||||
cite { |
tbody { |
||||||
|
display: block; |
||||||
|
overflow-x: auto; |
||||||
|
position: relative; |
||||||
|
white-space: nowrap; |
||||||
|
width: auto; |
||||||
|
|
||||||
|
tr { |
||||||
|
display: inline-block; |
||||||
|
vertical-align: top; |
||||||
|
|
||||||
|
td { |
||||||
|
display: block; |
||||||
|
margin-bottom: 20px; |
||||||
|
|
||||||
|
&:first-child { |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
thead { |
||||||
|
display: block; |
||||||
|
float: left; |
||||||
|
margin-right: 10px; |
||||||
|
|
||||||
|
&:after { |
||||||
|
clear: both; |
||||||
|
content: ""; |
||||||
|
display: block; |
||||||
|
font-size: 0; |
||||||
|
height: 0; |
||||||
|
visibility: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
th { |
||||||
|
display: block; |
||||||
|
margin-bottom: 20px; |
||||||
|
text-align: right; |
||||||
|
|
||||||
|
&:first-child { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
pre { |
.ie9 { |
||||||
|
.responsive-table-horizontal thead { |
||||||
|
float: none; |
||||||
|
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
/* ---------- Text formatting ---------- */ |
/* ---------- Text formatting ---------- */ |
||||||
|
|
||||||
.important { |
.important { |
||||||
|
font-weight: bold; |
||||||
} |
} |
||||||
|
|
||||||
/* ---------- Main content body ---------- */ |
/* ---------- Main content body ---------- */ |
||||||
|
|
||||||
.portal-iframe #main-content { |
.portal-iframe #main-content { |
||||||
|
width: 100%; |
||||||
} |
} |
||||||
|
|
||||||
/* ---------- Loading animation ---------- */ |
/* ---------- Loading animation ---------- */ |
||||||
|
|
||||||
.loading-animation { |
.loading-animation { |
||||||
|
background: url(../images/progress_bar/loading_animation.gif) no-repeat top center; |
||||||
|
margin-top: 10px; |
||||||
|
padding-top: 40px; |
||||||
|
text-align: left; |
||||||
} |
} |
||||||
|
|
||||||
/* ---------- Separator ---------- */ |
/* ---------- Separator ---------- */ |
||||||
|
|
||||||
.separator { |
.separator { |
||||||
|
border-top: 1px dotted #BFBFBF; |
||||||
} |
} |
||||||
|
|
||||||
/* ---------- Update manager ---------- */ |
/* ---------- Update manager ---------- */ |
||||||
|
|
||||||
.update-available { |
.update-available { |
||||||
|
margin-top: 10px; |
||||||
|
padding: 2px; |
||||||
|
text-align: left; |
||||||
} |
} |
||||||
|
|
||||||
/* ---------- Text highlighting ---------- */ |
/* ---------- Text highlighting ---------- */ |
||||||
|
|
||||||
.highlight { |
.highlight { |
||||||
|
background: #FFC; |
||||||
|
font-weight: bold; |
||||||
|
margin: 0 1px; |
||||||
|
} |
||||||
|
|
||||||
|
/* ---------- Miscellaneous ---------- */ |
||||||
|
|
||||||
|
span.alert { |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
|
||||||
|
#skip-to-content { |
||||||
|
clip: rect(0 0 0 0); |
||||||
|
position: absolute; |
||||||
} |
} |
@ -1,309 +1,777 @@ |
|||||||
.portlet-dockbar, .portlet-staging-bar { |
@import "compass"; |
||||||
} |
@import "mixins"; |
||||||
|
|
||||||
|
$addContentPanelWidth: 350px; |
||||||
|
$devicePreviewPanelWidth: 220px; |
||||||
|
$diamondSize: 12px; |
||||||
|
$editLayoutPanelWidth: 460px; |
||||||
|
|
||||||
|
.aui { |
||||||
|
.dockbar { |
||||||
|
left: 0; |
||||||
|
right: 0; |
||||||
|
top: 0; |
||||||
|
|
||||||
|
.staging-controls { |
||||||
|
.staging-bar { |
||||||
|
li.dropdown .dropdown-menu { |
||||||
|
left: auto; |
||||||
|
margin-left: 10px; |
||||||
|
width: auto; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.portlet-dockbar { |
&.navbar-static-top { |
||||||
} |
position: relative; |
||||||
|
|
||||||
.dockbar, .staging-bar { |
.collapse { |
||||||
} |
position: static; |
||||||
|
|
||||||
.dockbar-ready .dockbar, .live-view .staging-bar, .staging .staging-bar { |
.nav-account-controls { |
||||||
} |
position: static; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.dockbar-ready .portlet-dockbar, .portal-popup .portlet-dockbar, .portal-popup .portlet-staging-bar, .staging-ready .portlet-staging-bar { |
.btn-link { |
||||||
} |
color: #FFF; |
||||||
|
} |
||||||
|
|
||||||
.dockbar { |
.diamond { |
||||||
&:after { |
border: $diamondSize solid transparent; |
||||||
} |
border-bottom-color: #1485EB; |
||||||
} |
height: 0; |
||||||
|
position: relative; |
||||||
|
top: -$diamondSize; |
||||||
|
width: 0; |
||||||
|
|
||||||
|
&:after { |
||||||
|
border: $diamondSize solid transparent; |
||||||
|
border-top-color: #1485EB; |
||||||
|
content: ''; |
||||||
|
height: 0; |
||||||
|
left: -$diamondSize; |
||||||
|
position: absolute; |
||||||
|
top: $diamondSize; |
||||||
|
width: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.ie7 .dockbar { |
.impersonating-user { |
||||||
} |
.alert-icon{ |
||||||
|
margin-right: 9px; |
||||||
|
} |
||||||
|
|
||||||
.ie6 { |
.alert-info { |
||||||
.dockbar, .lfr-dockbar-pinned .dockbar { |
border-width: 0; |
||||||
} |
margin-bottom: 6px; |
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
.dockbar { |
.info-button { |
||||||
a { |
top: 9px; |
||||||
} |
} |
||||||
|
|
||||||
.menu-button-active { |
.info-items { |
||||||
a { |
left: 0; |
||||||
|
position: absolute; |
||||||
|
top: 100%; |
||||||
|
width: 100%; |
||||||
|
z-index: 1; |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.user-avatar .sign-out { |
.navbar-inner { |
||||||
} |
padding-left: 20px; |
||||||
|
padding-right: 20px; |
||||||
|
|
||||||
|
.brand { |
||||||
|
h1 { |
||||||
|
display: inline-block; |
||||||
|
font-size: inherit; |
||||||
|
line-height: 1; |
||||||
|
margin-bottom: 0; |
||||||
|
margin-top: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.container { |
||||||
|
margin-left: 0; |
||||||
|
margin-right: 0; |
||||||
|
width: 100%; |
||||||
|
|
||||||
|
.nav-account-controls { |
||||||
|
float: right; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.site-administration-menu li { |
||||||
|
list-style: none; |
||||||
|
|
||||||
|
a { |
||||||
|
color: #000; |
||||||
|
display: block; |
||||||
|
padding: 3px 5px 3px 40px; |
||||||
|
|
||||||
|
&:focus, &:hover { |
||||||
|
background: #0DB5E7; |
||||||
|
color: #FFF; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
|
||||||
|
i { |
||||||
|
font-size: 0.8em; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
ul { |
.nav.staging-nav-items { |
||||||
} |
margin: 0; |
||||||
|
position: static; |
||||||
|
|
||||||
li li { |
li.dropdown.active > .dropdown-toggle { |
||||||
} |
background-color: transparent; |
||||||
} |
display: block; |
||||||
|
|
||||||
html > .lfr-dockbar-pinned { |
&:hover { |
||||||
} |
color: #0077B3; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.lfr-dockbar-pinned .dockbar { |
.staging-link { |
||||||
} |
position: static; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.dockbar .pin-dockbar { |
.user-avatar img { |
||||||
} |
margin-top: -2px; |
||||||
|
text-decoration: none; |
||||||
|
vertical-align: middle; |
||||||
|
width: 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.ie6 .dockbar .pin-dockbar { |
.dockbar-split { |
||||||
} |
.dockbar { |
||||||
|
height: 0; |
||||||
|
position: absolute; |
||||||
|
|
||||||
|
.staging-controls { |
||||||
|
.staging-bar { |
||||||
|
li.dropdown .dropdown-menu { |
||||||
|
left: 0; |
||||||
|
margin-left: 0; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&.navbar-static-top { |
||||||
|
.collapse { |
||||||
|
position: relative; |
||||||
|
|
||||||
|
.nav-account-controls { |
||||||
|
position: fixed; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.divider-vertical { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
.info-button { |
||||||
|
top: $diamondSize; |
||||||
|
} |
||||||
|
|
||||||
|
.info-items { |
||||||
|
left: auto; |
||||||
|
position: static; |
||||||
|
} |
||||||
|
|
||||||
|
.navbar-inner { |
||||||
|
background-color: transparent; |
||||||
|
border-width: 0; |
||||||
|
padding: 0; |
||||||
|
width: 0; |
||||||
|
|
||||||
|
.nav { |
||||||
|
border-bottom-width: 0; |
||||||
|
|
||||||
|
> li { |
||||||
|
background-color: #333; |
||||||
|
|
||||||
|
> a { |
||||||
|
color: #FFF; |
||||||
|
line-height: 31px; |
||||||
|
|
||||||
|
&:focus, &:hover { |
||||||
|
color: #FFF; |
||||||
|
} |
||||||
|
|
||||||
|
[class^="icon-"], [class*=" icon-"] { |
||||||
|
margin-top: 3px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&.active > a { |
||||||
|
color: #FFF; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
li { |
||||||
|
&.dropdown { |
||||||
|
&.active > .dropdown-toggle { |
||||||
|
color: #FFF; |
||||||
|
} |
||||||
|
|
||||||
|
&.open > .dropdown-toggle { |
||||||
|
background-color: #555; |
||||||
|
color: #FFF; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&.info-items { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
&.staging-toggle { |
||||||
|
> a { |
||||||
|
background-color: #2496E5; |
||||||
|
padding-bottom: 0; |
||||||
|
padding-top: 0; |
||||||
|
|
||||||
|
&:hover { |
||||||
|
background-color: #2FA4F5; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
span.nav-item-label { |
||||||
|
padding: 5px 10px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.nav-account-controls { |
||||||
|
left: auto; |
||||||
|
margin-right: 0; |
||||||
|
padding: 0; |
||||||
|
position: fixed; |
||||||
|
right: 5em; |
||||||
|
z-index: 325; |
||||||
|
} |
||||||
|
|
||||||
|
.nav-add-controls { |
||||||
|
background: transparent; |
||||||
|
position: fixed; |
||||||
|
top: 10%; |
||||||
|
z-index: 350; |
||||||
|
|
||||||
|
> li { |
||||||
|
float: none; |
||||||
|
margin: 10px; |
||||||
|
position: relative; |
||||||
|
|
||||||
|
&.toggle-controls a { |
||||||
|
clip: rect(0 0 0 0); |
||||||
|
position: absolute; |
||||||
|
|
||||||
|
&:focus { |
||||||
|
clip: rect(auto auto auto auto); |
||||||
|
position: static; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&.page-preview-controls { |
||||||
|
@include respond-to(phone, tablet) { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
> a { |
||||||
|
background: #333; |
||||||
|
color: #FFF; |
||||||
|
padding: 6px 8px; |
||||||
|
text-align: center; |
||||||
|
|
||||||
|
&:hover { |
||||||
|
background: #555; |
||||||
|
} |
||||||
|
|
||||||
|
[class^="icon-"], [class^="icon-"], [class*=" icon-"] { |
||||||
|
font-size: 25px; |
||||||
|
position: relative; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
|
||||||
|
&.toggle-controls-link { |
||||||
|
background: #92F545; |
||||||
|
|
||||||
|
[class^="icon-"], [class^="icon-"], [class*=" icon-"] { |
||||||
|
color: #000; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.nav-item-label { |
||||||
|
background: #333; |
||||||
|
display: none; |
||||||
|
left: 100%; |
||||||
|
margin-left: 0.5em; |
||||||
|
margin-top: -1em; |
||||||
|
padding: 0 20px; |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
|
||||||
|
&:hover .nav-item-label { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-caret-down { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&:hover > li.toggle-controls a { |
||||||
|
clip: rect(auto auto auto auto); |
||||||
|
position: static; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.staging-nav-items { |
||||||
|
li > span { |
||||||
|
color: #FFF; |
||||||
|
display: block; |
||||||
|
padding: 10px 15px; |
||||||
|
line-height: 31px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.pin-dockbar img { |
.info-link-container { |
||||||
} |
width: 0; |
||||||
|
} |
||||||
|
|
||||||
.lfr-dockbar-pinned .pin-dockbar img { |
.info-items { |
||||||
} |
height: 1px; |
||||||
|
width: 715px; |
||||||
|
|
||||||
.dockbar { |
a, .btn-link { |
||||||
.user-portrait { |
color: #FFF; |
||||||
} |
text-decoration: underline; |
||||||
|
|
||||||
.user-avatar img { |
&:hover { |
||||||
} |
text-decoration: none; |
||||||
|
|
||||||
.impersonating-user { |
.taglib-text { |
||||||
.user-links a { |
text-decoration: none; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
/* ---------- Staging dockbar ---------- */ |
.btn-link { |
||||||
|
border-width: 0; |
||||||
|
font-size: 14px; |
||||||
|
font-weight: 300; |
||||||
|
margin: 0 0 0 6px; |
||||||
|
padding: 0; |
||||||
|
|
||||||
.variation-selector { |
@include text-shadow(none); |
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
.layout-revision-container { |
.staging-bar { |
||||||
.aproximate-date { |
margin: 10px 0; |
||||||
} |
} |
||||||
|
|
||||||
.current-version { |
&.controls-hidden .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link { |
||||||
} |
background: #F5AF45; |
||||||
|
} |
||||||
|
|
||||||
.current-version-pointer { |
&.lfr-has-add-content .nav-add-controls { |
||||||
img { |
left: $addContentPanelWidth; |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.layout-variation-name { |
&.lfr-has-device-preview .nav-add-controls { |
||||||
} |
left: $devicePreviewPanelWidth; |
||||||
|
} |
||||||
|
|
||||||
.layout-revision-current { |
&.lfr-has-edit-layout .nav-add-controls { |
||||||
|
left: $editLayoutPanelWidth; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
.real-date { |
&.dialog-iframe-root-node .dockbar .nav-add-controls .page-preview-controls { |
||||||
|
display: none; |
||||||
} |
} |
||||||
|
|
||||||
.taglib-workflow-status .workflow-status { |
.touch .dockbar-split, .controls-hidden.dockbar-split { |
||||||
.workflow-status-ready-for-publication { |
.dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link { |
||||||
|
clip: rect(auto auto auto auto); |
||||||
|
position: static; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.layout-revision-container-root { |
/* ---------- Staging dockbar ---------- */ |
||||||
} |
|
||||||
|
.variation-selector { |
||||||
|
display: block; |
||||||
|
font-size: 1.2em; |
||||||
|
font-weight: bold; |
||||||
|
margin: 1em; |
||||||
|
} |
||||||
|
|
||||||
.staging-details { |
.layout-revision-container { |
||||||
} |
margin: 1em 0 0 1em; |
||||||
|
padding: 0; |
||||||
|
|
||||||
.staging .staging-details { |
.approximate-date { |
||||||
} |
color: #999; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
|
||||||
.live-view .staging-details { |
.current-version { |
||||||
} |
color: #41801d; |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
.staging .staging-tabview-list { |
.current-version-pointer { |
||||||
} |
display: inline-block; |
||||||
|
width: 0; |
||||||
|
|
||||||
.live-view .staging-tabview-list { |
img { |
||||||
} |
left: -25px; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
/* ---------- Menus ---------- */ |
.layout-variation-name { |
||||||
|
color: #666; |
||||||
|
font-size: 1.15em; |
||||||
|
margin-bottom: 0.1em; |
||||||
|
text-transform: uppercase; |
||||||
|
} |
||||||
|
|
||||||
.dockbarmenu-hidden { |
.layout-revision-current { |
||||||
} |
color: #666; |
||||||
|
} |
||||||
|
|
||||||
.dockbar { |
.real-date { |
||||||
.toolbar { |
color: #999; |
||||||
} |
display: block; |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
|
||||||
.user-toolbar { |
.taglib-workflow-status .workflow-status { |
||||||
} |
background: none; |
||||||
} |
padding-left: 0; |
||||||
|
|
||||||
.underlay { |
.workflow-status-ready-for-publication { |
||||||
.portal-add-content { |
color: #41801d; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
.portal-add-content .portlet-dd-placeholder { |
.layout-revision-container-root { |
||||||
|
margin: 0; |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.add-application .yui3-widget-bd, .dockbar-messages .yui3-widget-bd { |
|
||||||
} |
|
||||||
|
|
||||||
.add-application { |
|
||||||
} |
|
||||||
|
|
||||||
.lfr-has-sidebar #main-content { |
.staging-controls { |
||||||
} |
padding-left: 5px; |
||||||
|
padding-right: 50px; |
||||||
|
|
||||||
.manage-layouts { |
select { |
||||||
} |
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
.my-sites-menu { |
.staging-bar { |
||||||
ul { |
.dropdown-menu { |
||||||
|
font-size: 13px; |
||||||
|
min-width: 520px; |
||||||
|
width: 100%; |
||||||
|
|
||||||
|
.btn-link { |
||||||
|
float: left; |
||||||
|
font-size: 11px; |
||||||
|
margin: 0 5px 0 0; |
||||||
|
padding: 0; |
||||||
|
text-decoration: underline; |
||||||
|
|
||||||
|
@include text-shadow(none); |
||||||
|
|
||||||
|
&:hover { |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
|
||||||
|
&.history { |
||||||
|
float: right; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
li, ul { |
/* ---------- Add content ---------- */ |
||||||
|
|
||||||
|
.lfr-admin-panel { |
||||||
|
background-color: #FFF; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
overflow: auto; |
||||||
|
padding: 10px; |
||||||
|
position: fixed; |
||||||
|
top: 0; |
||||||
|
z-index: 1100; |
||||||
|
|
||||||
|
@include respond-to(phone) { |
||||||
|
margin: 0 -20px; |
||||||
|
position: static; |
||||||
|
width: auto; |
||||||
|
|
||||||
|
&.lfr-add-panel .add-content-menu .lfr-add-page-toolbar, &.lfr-edit-layout-panel .taglib-form-navigator .button-holder { |
||||||
|
margin-top: 0; |
||||||
|
position: static; |
||||||
|
width: auto; |
||||||
|
} |
||||||
|
|
||||||
|
&.lfr-edit-layout-panel { |
||||||
|
.taglib-form-navigator .accordion { |
||||||
|
margin-bottom: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
.site-admin-link { |
||||||
|
padding: 0; |
||||||
|
position: static; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
a { |
.lfr-has-add-content { |
||||||
|
padding-left: $addContentPanelWidth; |
||||||
} |
} |
||||||
|
|
||||||
.control-panel a { |
.lfr-has-device-preview { |
||||||
|
padding-left: $devicePreviewPanelWidth; |
||||||
} |
} |
||||||
|
|
||||||
.site-name { |
.lfr-has-edit-layout { |
||||||
|
padding-left: $editLayoutPanelWidth; |
||||||
} |
} |
||||||
|
|
||||||
.site-type { |
@include respond-to(phone) { |
||||||
|
.lfr-has-add-content, .lfr-has-device-preview, .lfr-has-edit-layout { |
||||||
|
padding-left: 20px; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.ie7 .my-sites-menu .site-type { |
/* ---------- Menus ---------- */ |
||||||
} |
|
||||||
|
|
||||||
.my-sites-menu a:hover .site-type { |
.dropdown-menu > li > a:focus > [class^="icon-"] { |
||||||
} |
background-image: none; |
||||||
|
} |
||||||
|
|
||||||
.ie7 { |
|
||||||
.my-sites-menu { |
.my-sites-menu { |
||||||
a { |
.site-type { |
||||||
} |
color: #FFF; |
||||||
|
display: none; |
||||||
.site-name { |
float: right; |
||||||
|
font-size: 0.8em; |
||||||
|
font-weight: normal; |
||||||
|
margin-right: 10px; |
||||||
|
position: absolute; |
||||||
|
right: 100%; |
||||||
} |
} |
||||||
|
|
||||||
.site-type { |
a:hover .site-type { |
||||||
|
color: #FFFFFF; |
||||||
|
display: inline-block; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.ie6 { |
.ie.rtl .dockbar .menu-button span { |
||||||
.my-sites-menu { |
background-position-x: -25px; |
||||||
a { |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.menu-scroll { |
&.ie6, &.ie7, &.ie8 { |
||||||
|
.dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls { |
||||||
|
display: none; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.dockbar .toggle-controls a { |
.ie7 { |
||||||
} |
.dockbar { |
||||||
|
zoom: 1; |
||||||
|
} |
||||||
|
|
||||||
.controls-hidden .toggle-controls a { |
.my-sites-menu { |
||||||
} |
a { |
||||||
|
overflow: visible; |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
|
||||||
.toggle-controls a { |
.site-name { |
||||||
} |
float: none; |
||||||
|
} |
||||||
|
|
||||||
.dockbar { |
.site-type { |
||||||
.menu-button { |
float: none; |
||||||
span { |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.add-content .menu-button span { |
.ie6 { |
||||||
} |
.dockbar, .lfr-dockbar-pinned .dockbar { |
||||||
|
height: 10px; |
||||||
|
left: 0; |
||||||
|
position: relative; |
||||||
|
top: 0; |
||||||
|
} |
||||||
|
|
||||||
.manage-content .menu-button span { |
.dockbar .pin-dockbar { |
||||||
} |
display: none; |
||||||
|
} |
||||||
|
|
||||||
.my-sites .menu-button span { |
.my-sites-menu { |
||||||
} |
width: 200px; |
||||||
} |
|
||||||
|
|
||||||
.dockbar-messages-container { |
a { |
||||||
} |
zoom: 1; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.dockbar-messages { |
.menu-scroll { |
||||||
} |
height: 300px; |
||||||
|
overflow-y: auto; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.showing-messages .dockbar-messages { |
/* ---------- Customization bar ---------- */ |
||||||
} |
|
||||||
|
|
||||||
.multiple-messages { |
.controls-hidden { |
||||||
.dockbar-message { |
.info-button, .page-customization-bar { |
||||||
|
display: none; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
.first { |
.info-button { |
||||||
} |
cursor: pointer; |
||||||
} |
display: inline-block; |
||||||
|
position: relative; |
||||||
|
right: $diamondSize; |
||||||
|
z-index: 1; |
||||||
|
|
||||||
.add-content-menu { |
a { |
||||||
.add-page a { |
color: #FFF; |
||||||
} |
padding: 2px 10px; |
||||||
|
position: absolute; |
||||||
|
text-decoration: none; |
||||||
|
z-index: 1; |
||||||
|
} |
||||||
|
|
||||||
.add-application a { |
.icon-stop { |
||||||
|
color: #1485EB; |
||||||
|
font-size: 20px; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
a.lfr-portlet-used { |
.page-customization-bar { |
||||||
} |
background-color: #555; |
||||||
} |
background-color: rgba(0, 0, 0, 0.5); |
||||||
|
|
||||||
.manage-content-menu { |
@include box-sizing(border-box); |
||||||
li a, li .disabled { |
|
||||||
} |
|
||||||
|
|
||||||
.manage-page a { |
color: #FFF; |
||||||
} |
display: table; |
||||||
|
font-size: 14px; |
||||||
|
font-weight: 300; |
||||||
|
padding: 0 15px; |
||||||
|
width: 100%; |
||||||
|
|
||||||
.manage-site-content a { |
.customized-icon { |
||||||
} |
margin: 5px; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
|
||||||
.manage-site-memberships a { |
.page-customization-actions { |
||||||
} |
padding-left: 5em; |
||||||
|
} |
||||||
|
|
||||||
.manage-page-customization a, .manage-page-customization .disabled { |
.page-customization-actions a { |
||||||
} |
color: #EEE; |
||||||
|
font-size: 0.8em; |
||||||
|
padding: 0 1em; |
||||||
|
} |
||||||
|
|
||||||
.page-layout a { |
.page-customization-bar-form { |
||||||
} |
display: table-cell; |
||||||
|
text-align: center; |
||||||
|
vertical-align: middle; |
||||||
|
width: 25%; |
||||||
|
|
||||||
|
a { |
||||||
|
color: #FFF; |
||||||
|
|
||||||
|
&:focus, &:hover { |
||||||
|
color: #FFF; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
span { |
||||||
|
display: block; |
||||||
|
line-height: 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.sitemap a { |
.page-customization-bar-text { |
||||||
} |
display: table-cell; |
||||||
|
height: 51px; |
||||||
|
vertical-align: middle; |
||||||
|
width: 75%; |
||||||
|
} |
||||||
|
|
||||||
|
.page-customization-bar-container { |
||||||
|
position: absolute; |
||||||
|
} |
||||||
|
|
||||||
.settings a { |
.reset-prototype { |
||||||
|
display: inline; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
/* ---------- Customization bar ---------- */ |
@media (max-width: 1140px) { |
||||||
|
.dockbar-split .dockbar .info-items { |
||||||
|
width: 515px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.page-customization-bar { |
@include respond-to(phone, tablet) { |
||||||
} |
#navigation { |
||||||
|
display: none; |
||||||
|
|
||||||
.controls-hidden .page-customization-bar { |
&.open { |
||||||
} |
display: block; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.page-customization-bar { |
.dockbar-split .dockbar { |
||||||
.customized-icon { |
height: auto; |
||||||
} |
position: relative; |
||||||
|
|
||||||
.page-customization-actions { |
.navbar-inner { |
||||||
a { |
width: auto; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.reset-prototype { |
.user-avatar-image { |
||||||
|
width: 18px; |
||||||
|
} |
||||||
} |
} |
||||||
} |
} |
@ -1,4 +1,24 @@ |
|||||||
|
@import "mixins"; |
||||||
|
|
||||||
/* ---------- Column widths ---------- */ |
/* ---------- Column widths ---------- */ |
||||||
|
|
||||||
.portlet-column-content.empty { |
.portlet-column-content.empty { |
||||||
|
padding: 50px; |
||||||
|
} |
||||||
|
|
||||||
|
/* ---------- Wrapper ---------- */ |
||||||
|
|
||||||
|
#wrapper { |
||||||
|
padding: 2em 5em 0; |
||||||
|
position: relative; |
||||||
|
|
||||||
|
@include respond-to(phone) { |
||||||
|
padding-left: 0.5em; |
||||||
|
padding-right: 0.5em; |
||||||
|
} |
||||||
|
|
||||||
|
@include respond-to(tablet) { |
||||||
|
padding-left: 2em; |
||||||
|
padding-right: 2em; |
||||||
|
} |
||||||
} |
} |
@ -1,45 +1,49 @@ |
|||||||
<div id="heading"> |
<div id="heading"> |
||||||
|
<div class="header"> |
||||||
|
<h1 class="site-title visible-md visible-lg"> |
||||||
|
<a class="${logo_css_class}" href="http://pti.regione.sicilia.it/"> |
||||||
|
<#assign logo_url = "${images_folder}/logo-rt.png" /> |
||||||
|
<img class="logo-img hidden-xs" alt="${logo_description}" src="${logo_url}" |
||||||
|
height="${site_logo_height}" |
||||||
|
width="${site_logo_width}"/> |
||||||
|
<img class="logo-img visible-xs" alt="${logo_description}" src="${images_folder}/logo-mobile.png" |
||||||
|
height="${site_logo_height}" |
||||||
|
width="auto"/> |
||||||
|
</a> |
||||||
|
</h1> |
||||||
|
|
||||||
<div class="header"> |
<#assign ddmTemplate_news = theme.getSetting("ddmTemplate-news") /> |
||||||
<h1 class="site-title visible-md visible-lg"> |
<#if ddmTemplate_news!= ""> |
||||||
<a class="${logo_css_class}" href="http://pti.regione.sicilia.it/"> |
<div class="carousel-container"> |
||||||
<#assign logo_url = "${images_folder}/logo-rt.png" /> |
|
||||||
<img class="logo-img hidden-xs" alt="${logo_description}" src="${logo_url}" |
|
||||||
height="${site_logo_height}" |
|
||||||
width="${site_logo_width}"/> |
|
||||||
<img class="logo-img visible-xs" alt="${logo_description}" src="${images_folder}/logo-mobile.png" |
|
||||||
height="${site_logo_height}" |
|
||||||
width="auto"/> |
|
||||||
</a> |
|
||||||
</h1> |
|
||||||
|
|
||||||
<#assign ddmTemplate_news = theme.getSetting("ddmTemplate-news") /> |
<#assign portlet_id = "101" /> |
||||||
<#if ddmTemplate_news!= ""> |
<#assign instance_id = "carosello_header"+plid /> |
||||||
<div class="carousel-container"> |
|
||||||
|
|
||||||
<#assign portlet_id = "101" /> |
<#assign VOID = freeMarkerPortletPreferences.setValue("displayStyle", "${ddmTemplate_news}")> |
||||||
<#assign instance_id = "carosello_header"+plid /> |
<#assign my_portlet_id = "${portlet_id}_INSTANCE_${instance_id}" /> |
||||||
|
|
||||||
<#assign VOID = freeMarkerPortletPreferences.setValue("displayStyle", "${ddmTemplate_news}")> |
${theme.runtime(my_portlet_id, "",freeMarkerPortletPreferences)} |
||||||
<#assign my_portlet_id = "${portlet_id}_INSTANCE_${instance_id}" /> |
<#assign VOID = freeMarkerPortletPreferences.reset()> |
||||||
|
|
||||||
${theme.runtime(my_portlet_id, "",freeMarkerPortletPreferences)} |
</div> |
||||||
<#assign VOID = freeMarkerPortletPreferences.reset()> |
</#if> |
||||||
|
|
||||||
</div> |
<h2 class="page-title visible-md visible-lg"> |
||||||
</#if> |
<a href="${site_default_url}"> |
||||||
|
<#if propsUtil.get("mwg.test.display")?has_content > |
||||||
<h2 class="page-title visible-md visible-lg"> |
<#assign test_display = propsUtil.get("mwg.test.display") /> |
||||||
<a href="${site_default_url}"> |
<h3>${test_display}</h3> |
||||||
<img class="img-site" alt="${logo_description}" height="${site_logo_height}" |
<#else> |
||||||
src="${images_folder}/etoscana-dark-text.png" width="${site_logo_width}"/> |
<img class="img-site" alt="${logo_description}" height="${site_logo_height}" |
||||||
</a> |
src="${images_folder}/etoscana-dark-text.png" width="${site_logo_width}"/> |
||||||
</h2> |
</#if> |
||||||
</div> |
</a> |
||||||
<div class="navigation"> |
</h2> |
||||||
<#if has_navigation> |
</div> |
||||||
<#include "${full_templates_path}/navigation.ftl" /> |
<div class="navigation"> |
||||||
</#if> |
<#if has_navigation> |
||||||
</div> |
<#include "${full_templates_path}/navigation.ftl" /> |
||||||
|
</#if> |
||||||
|
</div> |
||||||
<!--<div class="navigation-overlay hidden" style="height: 59px;"></div>--> |
<!--<div class="navigation-overlay hidden" style="height: 59px;"></div>--> |
||||||
</div> |
</div> |
@ -1,89 +1,87 @@ |
|||||||
<nav class="${nav_css_class} main-menu" id="navigation" role="navigation"> |
<nav class="${nav_css_class} main-menu" id="navigation" role="navigation"> |
||||||
<ul class="hidden-xs hidden-sm" aria-label="<@liferay.language key=" site-pages |
<ul class="hidden-xs hidden-sm" aria-label="<@liferay.language key="site-pages" />" role="menubar"> |
||||||
" />" role="menubar"> |
<#list nav_items as nav_item> |
||||||
<#list nav_items as nav_item> |
<#assign title = nav_item.getName() > |
||||||
<#assign title = nav_item.getName() > |
<#assign nav_item_attr_selected = "" /> |
||||||
|
<#assign nav_item_css_class = "" /> |
||||||
<#assign nav_item_attr_selected = "" /> |
<#if nav_item.isSelected()> |
||||||
<#assign nav_item_css_class = "" /> |
<#assign nav_item_attr_selected = "aria-selected='true'" /> |
||||||
|
<#assign nav_item_css_class = "selected" /> |
||||||
<#if nav_item.isSelected()> |
</#if> |
||||||
<#assign nav_item_attr_selected = "aria-selected='true'" /> |
<li ${nav_item_attr_selected} class="${nav_item_css_class}" id="layout_${nav_item.getLayoutId()}" |
||||||
<#assign nav_item_css_class = "selected" /> |
role="presentation"> |
||||||
</#if> |
<a aria-labelledby="layout_${nav_item.getLayoutId()}" href="${nav_item.getURL()}" |
||||||
|
${nav_item.getTarget()} role="menuitem"> |
||||||
<li ${nav_item_attr_selected} class="${nav_item_css_class}" id="layout_${nav_item.getLayoutId()}" |
<span>${title}</span> |
||||||
role="presentation"> |
</a> |
||||||
<a aria-labelledby="layout_${nav_item.getLayoutId()}" href="${nav_item.getURL()}" ${nav_item.getTarget()} role="menuitem"> |
</li> |
||||||
<span>${title}</span> |
</#list> |
||||||
</a> |
</ul> |
||||||
</li> |
|
||||||
|
|
||||||
</#list> |
|
||||||
</ul> |
|
||||||
</nav> |
</nav> |
||||||
|
|
||||||
<h2 class="page-title"> |
<h2 class="page-title"> |
||||||
<a href="${site_default_url}"> |
<a href="${site_default_url}"> |
||||||
<img class="img-site" alt="${logo_description}" src="${images_folder}/etoscana-white-text.png"/> |
<#if propsUtil.get("mwg.test.display")?has_content > |
||||||
</a> |
<#assign test_display = propsUtil.get("mwg.test.display") /> |
||||||
|
<h4 style="color:white">${test_display}</h4> |
||||||
|
<#else> |
||||||
|
<img class="img-site" alt="${logo_description}" src="${images_folder}/etoscana-white-text.png"/> |
||||||
|
</#if> |
||||||
|
</a> |
||||||
</h2> |
</h2> |
||||||
|
|
||||||
|
|
||||||
<div class="subheader-right"> |
<div class="subheader-right"> |
||||||
<#if user_name != "" > |
<#if user_name != "" > |
||||||
<div class="name-user"> |
<div class="name-user"> |
||||||
<span class="fa fa-user-circle"></span> |
<span class="fa fa-user-circle"></span> |
||||||
${user_name} |
${user_name} |
||||||
</div> |
</div> |
||||||
<div class="info-user"> |
<div class="info-user"> |
||||||
<#assign organizationservice = serviceLocator.findService('com.liferay.portal.service.OrganizationLocalService') /> |
<#assign organizationservice = serviceLocator.findService('com.liferay.portal.service.OrganizationLocalService') /> |
||||||
<#assign organizations = organizationservice.getUserOrganizations(user_id) > |
<#assign organizations = organizationservice.getUserOrganizations(user_id) > |
||||||
<#assign org_names = ""> |
<#assign org_names = ""> |
||||||
<#if organizations?has_content> |
<#if organizations?has_content> |
||||||
<#list organizations as org> |
<#list organizations as org> |
||||||
<#assign org_names = org_names+" - ${org.getName()}"> |
<#assign org_names = org_names+" - ${org.getName()}"> |
||||||
</#list> |
</#list> |
||||||
</#if> |
</#if> |
||||||
<#if org_names?has_content> |
<#if org_names?has_content> |
||||||
<p class="info-user__location">${org_names?substring(3)}</p> |
<p class="info-user__location">${org_names?substring(3)}</p> |
||||||
</#if> |
</#if> |
||||||
|
|
||||||
<#assign userGroupRoleService = serviceLocator.findService('com.liferay.portal.service.UserGroupRoleLocalService') /> |
<#assign userGroupRoleService = serviceLocator.findService('com.liferay.portal.service.UserGroupRoleLocalService') /> |
||||||
<#assign roles = userGroupRoleService.getUserGroupRoles(user_id) > |
<#assign roles = userGroupRoleService.getUserGroupRoles(user_id) > |
||||||
<#assign role_names = ""> |
<#assign role_names = ""> |
||||||
<#if roles?has_content> |
<#if roles?has_content> |
||||||
<#list roles as role> |
<#list roles as role> |
||||||
<#assign roleName = role.getRole().getName()> |
<#assign roleName = role.getRole().getName()> |
||||||
<#if !roleName?matches('.*Owner') > |
<#if !roleName?matches('.*Owner') > |
||||||
<#assign roleName = roleName?replace('portos_', '')?replace('_',' ')?capitalize> |
<#assign roleName = roleName?replace('portos_', '')?replace('_',' ')?capitalize> |
||||||
<#if !role_names?contains(roleName) > |
<#if !role_names?contains(roleName) > |
||||||
<#assign role_names = role_names+", ${roleName}"> |
<#assign role_names = role_names+", ${roleName}"> |
||||||
</#if> |
</#if> |
||||||
</#if> |
</#if> |
||||||
</#list> |
</#list> |
||||||
</#if> |
</#if> |
||||||
<#if role_names?has_content> |
<#if role_names?has_content> |
||||||
<p class="info-user__occupazione">${role_names?substring(2)}</p> |
<p class="info-user__occupazione">${role_names?substring(2)}</p> |
||||||
</#if> |
</#if> |
||||||
</div> |
</div> |
||||||
<div class="header-separator"></div> |
<div class="header-separator"></div> |
||||||
</#if> |
</#if> |
||||||
|
|
||||||
<div class="notification-header"> |
<div class="notification-header"> |
||||||
<span class="notification-header__icon fa fa-bell-o"></span> |
<span class="notification-header__icon fa fa-bell-o"></span> |
||||||
<#assign liferay_portlet = PortalJspTagLibs["/WEB-INF/tld/liferay-portlet-ext.tld"] /> |
<#assign liferay_portlet = PortalJspTagLibs["/WEB-INF/tld/liferay-portlet-ext.tld"] /> |
||||||
|
|
||||||
<#assign portlet_id = "2_WAR_notificationsportlet" /> |
<#assign portlet_id = "2_WAR_notificationsportlet" /> |
||||||
${theme.runtime(portlet_id)} |
${theme.runtime(portlet_id)} |
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|
||||||
<span class="btn btn-danger button-menu-right"> |
<span class="btn btn-danger button-menu-right"> |
||||||
<span class="toggle"> |
<span class="toggle"> |
||||||
<span class="toggle-line"></span> |
<span class="toggle-line"></span> |
||||||
<span class="toggle-line"></span> |
<span class="toggle-line"></span> |
||||||
<span class="toggle-line"></span> |
<span class="toggle-line"></span> |
||||||
</span> |
</span> |
||||||
</span> |
</span> |
||||||
</div> |
</div> |
@ -1,89 +1,87 @@ |
|||||||
<nav class="${nav_css_class} main-menu" id="navigation" role="navigation"> |
<nav class="${nav_css_class} main-menu" id="navigation" role="navigation"> |
||||||
<ul class="hidden-xs hidden-sm" aria-label="<@liferay.language key=" site-pages |
<ul class="hidden-xs hidden-sm" aria-label="<@liferay.language key="site-pages" />" role="menubar"> |
||||||
" />" role="menubar"> |
<#list nav_items as nav_item> |
||||||
<#list nav_items as nav_item> |
<#assign title = nav_item.getName() > |
||||||
<#assign title = nav_item.getName() > |
<#assign nav_item_attr_selected = "" /> |
||||||
|
<#assign nav_item_css_class = "" /> |
||||||
<#assign nav_item_attr_selected = "" /> |
<#if nav_item.isSelected()> |
||||||
<#assign nav_item_css_class = "" /> |
<#assign nav_item_attr_selected = "aria-selected='true'" /> |
||||||
|
<#assign nav_item_css_class = "selected" /> |
||||||
<#if nav_item.isSelected()> |
</#if> |
||||||
<#assign nav_item_attr_selected = "aria-selected='true'" /> |
<li ${nav_item_attr_selected} class="${nav_item_css_class}" id="layout_${nav_item.getLayoutId()}" |
||||||
<#assign nav_item_css_class = "selected" /> |
role="presentation"> |
||||||
</#if> |
<a aria-labelledby="layout_${nav_item.getLayoutId()}" href="${nav_item.getURL()}" |
||||||
|
${nav_item.getTarget()} role="menuitem"> |
||||||
<li ${nav_item_attr_selected} class="${nav_item_css_class}" id="layout_${nav_item.getLayoutId()}" |
<span>${title}</span> |
||||||
role="presentation"> |
</a> |
||||||
<a aria-labelledby="layout_${nav_item.getLayoutId()}" href="${nav_item.getURL()}" ${nav_item.getTarget()} role="menuitem"> |
</li> |
||||||
<span>${title}</span> |
</#list> |
||||||
</a> |
</ul> |
||||||
</li> |
|
||||||
|
|
||||||
</#list> |
|
||||||
</ul> |
|
||||||
</nav> |
</nav> |
||||||
|
|
||||||
<h2 class="page-title"> |
<h2 class="page-title"> |
||||||
<a href="${site_default_url}"> |
<a href="${site_default_url}"> |
||||||
<img class="img-site" alt="${logo_description}" src="${images_folder}/etoscana-white-text.png"/> |
<#if propsUtil.get("mwg.test.display")?has_content > |
||||||
</a> |
<#assign test_display = propsUtil.get("mwg.test.display") /> |
||||||
|
<h4 style="color:white">${test_display}</h4> |
||||||
|
<#else> |
||||||
|
<img class="img-site" alt="${logo_description}" src="${images_folder}/etoscana-white-text.png"/> |
||||||
|
</#if> |
||||||
|
</a> |
||||||
</h2> |
</h2> |
||||||
|
|
||||||
|
|
||||||
<div class="subheader-right"> |
<div class="subheader-right"> |
||||||
<#if user_name != "" > |
<#if user_name != "" > |
||||||
<div class="name-user"> |
<div class="name-user"> |
||||||
<span class="fa fa-user-circle"></span> |
<span class="fa fa-user-circle"></span> |
||||||
${user_name} |
${user_name} |
||||||
</div> |
</div> |
||||||
<div class="info-user"> |
<div class="info-user"> |
||||||
<#assign organizationservice = serviceLocator.findService('com.liferay.portal.service.OrganizationLocalService') /> |
<#assign organizationservice = serviceLocator.findService('com.liferay.portal.service.OrganizationLocalService') /> |
||||||
<#assign organizations = organizationservice.getUserOrganizations(user_id) > |
<#assign organizations = organizationservice.getUserOrganizations(user_id) > |
||||||
<#assign org_names = ""> |
<#assign org_names = ""> |
||||||
<#if organizations?has_content> |
<#if organizations?has_content> |
||||||
<#list organizations as org> |
<#list organizations as org> |
||||||
<#assign org_names = org_names+" - ${org.getName()}"> |
<#assign org_names = org_names+" - ${org.getName()}"> |
||||||
</#list> |
</#list> |
||||||
</#if> |
</#if> |
||||||
<#if org_names?has_content> |
<#if org_names?has_content> |
||||||
<p class="info-user__location">${org_names?substring(3)}</p> |
<p class="info-user__location">${org_names?substring(3)}</p> |
||||||
</#if> |
</#if> |
||||||
|
|
||||||
<#assign userGroupRoleService = serviceLocator.findService('com.liferay.portal.service.UserGroupRoleLocalService') /> |
<#assign userGroupRoleService = serviceLocator.findService('com.liferay.portal.service.UserGroupRoleLocalService') /> |
||||||
<#assign roles = userGroupRoleService.getUserGroupRoles(user_id) > |
<#assign roles = userGroupRoleService.getUserGroupRoles(user_id) > |
||||||
<#assign role_names = ""> |
<#assign role_names = ""> |
||||||
<#if roles?has_content> |
<#if roles?has_content> |
||||||
<#list roles as role> |
<#list roles as role> |
||||||
<#assign roleName = role.getRole().getName()> |
<#assign roleName = role.getRole().getName()> |
||||||
<#if !roleName?matches('.*Owner') > |
<#if !roleName?matches('.*Owner') > |
||||||
<#assign roleName = roleName?replace('portos_', '')?replace('_',' ')?capitalize> |
<#assign roleName = roleName?replace('portos_', '')?replace('_',' ')?capitalize> |
||||||
<#if !role_names?contains(roleName) > |
<#if !role_names?contains(roleName) > |
||||||
<#assign role_names = role_names+", ${roleName}"> |
<#assign role_names = role_names+", ${roleName}"> |
||||||
</#if> |
</#if> |
||||||
</#if> |
</#if> |
||||||
</#list> |
</#list> |
||||||
</#if> |
</#if> |
||||||
<#if role_names?has_content> |
<#if role_names?has_content> |
||||||
<p class="info-user__occupazione">${role_names?substring(2)}</p> |
<p class="info-user__occupazione">${role_names?substring(2)}</p> |
||||||
</#if> |
</#if> |
||||||
</div> |
</div> |
||||||
<div class="header-separator"></div> |
<div class="header-separator"></div> |
||||||
</#if> |
</#if> |
||||||
|
|
||||||
<div class="notification-header"> |
<div class="notification-header"> |
||||||
<span class="notification-header__icon fa fa-bell-o"></span> |
<span class="notification-header__icon fa fa-bell-o"></span> |
||||||
<#assign liferay_portlet = PortalJspTagLibs["/WEB-INF/tld/liferay-portlet-ext.tld"] /> |
<#assign liferay_portlet = PortalJspTagLibs["/WEB-INF/tld/liferay-portlet-ext.tld"] /> |
||||||
|
|
||||||
<#assign portlet_id = "2_WAR_notificationsportlet" /> |
<#assign portlet_id = "2_WAR_notificationsportlet" /> |
||||||
${theme.runtime(portlet_id)} |
${theme.runtime(portlet_id)} |
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|
||||||
<span class="btn btn-danger button-menu-right"> |
<span class="btn btn-danger button-menu-right"> |
||||||
<span class="toggle"> |
<span class="toggle"> |
||||||
<span class="toggle-line"></span> |
<span class="toggle-line"></span> |
||||||
<span class="toggle-line"></span> |
<span class="toggle-line"></span> |
||||||
<span class="toggle-line"></span> |
<span class="toggle-line"></span> |
||||||
</span> |
</span> |
||||||
</span> |
</span> |
||||||
</div> |
</div> |
@ -1,26 +1,31 @@ |
|||||||
<div id="heading"> |
<div id="heading"> |
||||||
<h1 class="site-title"> |
<h1 class="site-title"> |
||||||
<a class="${logo_css_class}" href="http://pti.regione.sicilia.it/"> |
<a class="${logo_css_class}" href="http://pti.regione.sicilia.it/"> |
||||||
<#assign logo_url = "${images_folder}/logo-rs-testo.png" /> |
<#assign logo_url = "${images_folder}/logo-rs-testo.png" /> |
||||||
<img class="logo-img hidden-xs" alt="${logo_description}" src="${logo_url}" height="${site_logo_height}" |
<img class="logo-img hidden-xs" alt="${logo_description}" src="${logo_url}" height="${site_logo_height}" |
||||||
width="${site_logo_width}"/> |
width="${site_logo_width}"/> |
||||||
<img class="logo-img visible-xs" alt="${logo_description}" src="${images_folder}/logo-mobile.png" height="${site_logo_height}" |
<img class="logo-img visible-xs" alt="${logo_description}" src="${images_folder}/logo-mobile.png" height="${site_logo_height}" |
||||||
width="auto"/> |
width="auto"/> |
||||||
</a> |
</a> |
||||||
</h1> |
</h1> |
||||||
|
|
||||||
<h2 class="page-title"> |
<h2 class="page-title"> |
||||||
<a href="${site_default_url}"> |
<a href="${site_default_url}"> |
||||||
<img class="img-site" alt="${logo_description}" height="${site_logo_height}" |
<#if propsUtil.get("mwg.test.display")?has_content > |
||||||
src="${images_folder}/etoscana-dark-text.png" width="${site_logo_width}"/> |
<#assign test_display = propsUtil.get("mwg.test.display") /> |
||||||
</a> |
<h3>${test_display}</h3> |
||||||
</h2> |
<#else> |
||||||
|
<img class="img-site" alt="${logo_description}" height="${site_logo_height}" |
||||||
|
src="${images_folder}/etoscana-dark-text.png" width="${site_logo_width}"/> |
||||||
|
</#if> |
||||||
|
</a> |
||||||
|
</h2> |
||||||
|
|
||||||
<div class="navigation"> |
<div class="navigation"> |
||||||
|
|
||||||
<#if has_navigation> |
<#if has_navigation> |
||||||
<#include "${full_templates_path}/navigation.ftl" /> |
<#include "${full_templates_path}/navigation.ftl" /> |
||||||
</#if> |
</#if> |
||||||
|
|
||||||
</div> |
</div> |
||||||
</div> |
</div> |
@ -1,26 +1,31 @@ |
|||||||
<div id="heading"> |
<div id="heading"> |
||||||
<h1 class="site-title"> |
<h1 class="site-title"> |
||||||
<a class="${logo_css_class}" href="http://pti.regione.sicilia.it/"> |
<a class="${logo_css_class}" href="http://pti.regione.sicilia.it/"> |
||||||
<#assign logo_url = "${images_folder}/logo-rs-testo.png" /> |
<#assign logo_url = "${images_folder}/logo-rs-testo.png" /> |
||||||
<img class="logo-img hidden-xs" alt="${logo_description}" src="${logo_url}" height="${site_logo_height}" |
<img class="logo-img hidden-xs" alt="${logo_description}" src="${logo_url}" height="${site_logo_height}" |
||||||
width="${site_logo_width}"/> |
width="${site_logo_width}"/> |
||||||
<img class="logo-img visible-xs" alt="${logo_description}" src="${images_folder}/logo-mobile.png" height="${site_logo_height}" |
<img class="logo-img visible-xs" alt="${logo_description}" src="${images_folder}/logo-mobile.png" height="${site_logo_height}" |
||||||
width="auto"/> |
width="auto"/> |
||||||
</a> |
</a> |
||||||
</h1> |
</h1> |
||||||
|
|
||||||
<h2 class="page-title"> |
<h2 class="page-title"> |
||||||
<a href="${site_default_url}"> |
<a href="${site_default_url}"> |
||||||
<img class="img-site" alt="${logo_description}" height="${site_logo_height}" |
<#if propsUtil.get("mwg.test.display")?has_content > |
||||||
src="${images_folder}/etoscana-dark-text.png" width="${site_logo_width}"/> |
<#assign test_display = propsUtil.get("mwg.test.display") /> |
||||||
</a> |
<h3>${test_display}</h3> |
||||||
</h2> |
<#else> |
||||||
|
<img class="img-site" alt="${logo_description}" height="${site_logo_height}" |
||||||
|
src="${images_folder}/etoscana-dark-text.png" width="${site_logo_width}"/> |
||||||
|
</#if> |
||||||
|
</a> |
||||||
|
</h2> |
||||||
|
|
||||||
<div class="navigation"> |
<div class="navigation"> |
||||||
|
|
||||||
<#if has_navigation> |
<#if has_navigation> |
||||||
<#include "${full_templates_path}/navigation.ftl" /> |
<#include "${full_templates_path}/navigation.ftl" /> |
||||||
</#if> |
</#if> |
||||||
|
|
||||||
</div> |
</div> |
||||||
</div> |
</div> |
Caricamento…
Reference in new issue