Mattia Gosetto
3 anni fa
18 ha cambiato i file con 264 aggiunte e 1983 eliminazioni
@ -1,48 +0,0 @@ |
|||||||
$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; |
|
||||||
@ -1,36 +0,0 @@ |
|||||||
@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,37 +1,3 @@ |
|||||||
$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,136 +1,55 @@ |
|||||||
@import "compass"; |
@import "compass"; |
||||||
@import "mixins"; |
|
||||||
|
|
||||||
/* ---------- Logo ---------- */ |
/* ---------- Logo ---------- */ |
||||||
|
|
||||||
.logo { |
.logo { |
||||||
display: inline-block; |
|
||||||
line-height: 1; |
|
||||||
vertical-align: middle; |
|
||||||
} |
} |
||||||
|
|
||||||
/* ---------- Table styles ---------- */ |
/* ---------- HTML editor ---------- */ |
||||||
|
|
||||||
@include respond-to(phone, tablet) { |
body.html-editor { |
||||||
.responsive-table-horizontal { |
} |
||||||
display: block; |
|
||||||
position: relative; |
|
||||||
width: 100%; |
|
||||||
|
|
||||||
&:after { |
|
||||||
clear: both; |
|
||||||
content: ''; |
|
||||||
display: block; |
|
||||||
font-size: 0; |
|
||||||
height: 0; |
|
||||||
visibility: hidden; |
|
||||||
} |
|
||||||
|
|
||||||
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 { |
.html-editor.portlet-message-boards { |
||||||
display: block; |
blockquote { |
||||||
float: left; |
|
||||||
margin-right: 10px; |
|
||||||
|
|
||||||
&:after { |
&:after { |
||||||
clear: both; |
|
||||||
content: ""; |
|
||||||
display: block; |
|
||||||
font-size: 0; |
|
||||||
height: 0; |
|
||||||
visibility: hidden; |
|
||||||
} |
} |
||||||
|
|
||||||
th { |
cite { |
||||||
display: block; |
|
||||||
margin-bottom: 20px; |
|
||||||
text-align: right; |
|
||||||
|
|
||||||
&:first-child { |
|
||||||
text-align: right; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.ie9 { |
pre { |
||||||
.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,777 +1,309 @@ |
|||||||
@import "compass"; |
.portlet-dockbar, .portlet-staging-bar { |
||||||
@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; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
&.navbar-static-top { |
|
||||||
position: relative; |
|
||||||
|
|
||||||
.collapse { |
.portlet-dockbar { |
||||||
position: static; |
} |
||||||
|
|
||||||
.nav-account-controls { |
.dockbar, .staging-bar { |
||||||
position: static; |
} |
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.btn-link { |
.dockbar-ready .dockbar, .live-view .staging-bar, .staging .staging-bar { |
||||||
color: #FFF; |
} |
||||||
} |
|
||||||
|
|
||||||
.diamond { |
.dockbar-ready .portlet-dockbar, .portal-popup .portlet-dockbar, .portal-popup .portlet-staging-bar, .staging-ready .portlet-staging-bar { |
||||||
border: $diamondSize solid transparent; |
} |
||||||
border-bottom-color: #1485EB; |
|
||||||
height: 0; |
|
||||||
position: relative; |
|
||||||
top: -$diamondSize; |
|
||||||
width: 0; |
|
||||||
|
|
||||||
|
.dockbar { |
||||||
&:after { |
&:after { |
||||||
border: $diamondSize solid transparent; |
|
||||||
border-top-color: #1485EB; |
|
||||||
content: ''; |
|
||||||
height: 0; |
|
||||||
left: -$diamondSize; |
|
||||||
position: absolute; |
|
||||||
top: $diamondSize; |
|
||||||
width: 0; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.impersonating-user { |
|
||||||
.alert-icon{ |
|
||||||
margin-right: 9px; |
|
||||||
} |
|
||||||
|
|
||||||
.alert-info { |
|
||||||
border-width: 0; |
|
||||||
margin-bottom: 6px; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.info-button { |
|
||||||
top: 9px; |
|
||||||
} |
|
||||||
|
|
||||||
.info-items { |
|
||||||
left: 0; |
|
||||||
position: absolute; |
|
||||||
top: 100%; |
|
||||||
width: 100%; |
|
||||||
z-index: 1; |
|
||||||
} |
|
||||||
|
|
||||||
.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 { |
.ie7 .dockbar { |
||||||
margin-left: 0; |
} |
||||||
margin-right: 0; |
|
||||||
width: 100%; |
|
||||||
|
|
||||||
.nav-account-controls { |
.ie6 { |
||||||
float: right; |
.dockbar, .lfr-dockbar-pinned .dockbar { |
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
.site-administration-menu li { |
.dockbar { |
||||||
list-style: none; |
|
||||||
|
|
||||||
a { |
a { |
||||||
color: #000; |
|
||||||
display: block; |
|
||||||
padding: 3px 5px 3px 40px; |
|
||||||
|
|
||||||
&:focus, &:hover { |
|
||||||
background: #0DB5E7; |
|
||||||
color: #FFF; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
|
|
||||||
i { |
|
||||||
font-size: 0.8em; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.nav.staging-nav-items { |
|
||||||
margin: 0; |
|
||||||
position: static; |
|
||||||
|
|
||||||
li.dropdown.active > .dropdown-toggle { |
|
||||||
background-color: transparent; |
|
||||||
display: block; |
|
||||||
|
|
||||||
&:hover { |
|
||||||
color: #0077B3; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.staging-link { |
|
||||||
position: static; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.user-avatar img { |
|
||||||
margin-top: -2px; |
|
||||||
text-decoration: none; |
|
||||||
vertical-align: middle; |
|
||||||
width: 20px; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.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 { |
.menu-button-active { |
||||||
background-color: #2FA4F5; |
a { |
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
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 { |
.user-avatar .sign-out { |
||||||
li > span { |
|
||||||
color: #FFF; |
|
||||||
display: block; |
|
||||||
padding: 10px 15px; |
|
||||||
line-height: 31px; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.info-link-container { |
ul { |
||||||
width: 0; |
|
||||||
} |
} |
||||||
|
|
||||||
.info-items { |
li li { |
||||||
height: 1px; |
|
||||||
width: 715px; |
|
||||||
|
|
||||||
a, .btn-link { |
|
||||||
color: #FFF; |
|
||||||
text-decoration: underline; |
|
||||||
|
|
||||||
&:hover { |
|
||||||
text-decoration: none; |
|
||||||
|
|
||||||
.taglib-text { |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
.btn-link { |
html > .lfr-dockbar-pinned { |
||||||
border-width: 0; |
} |
||||||
font-size: 14px; |
|
||||||
font-weight: 300; |
|
||||||
margin: 0 0 0 6px; |
|
||||||
padding: 0; |
|
||||||
|
|
||||||
@include text-shadow(none); |
.lfr-dockbar-pinned .dockbar { |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.staging-bar { |
.dockbar .pin-dockbar { |
||||||
margin: 10px 0; |
} |
||||||
} |
|
||||||
|
|
||||||
&.controls-hidden .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link { |
.ie6 .dockbar .pin-dockbar { |
||||||
background: #F5AF45; |
} |
||||||
} |
|
||||||
|
|
||||||
&.lfr-has-add-content .nav-add-controls { |
.pin-dockbar img { |
||||||
left: $addContentPanelWidth; |
} |
||||||
} |
|
||||||
|
|
||||||
&.lfr-has-device-preview .nav-add-controls { |
.lfr-dockbar-pinned .pin-dockbar img { |
||||||
left: $devicePreviewPanelWidth; |
} |
||||||
} |
|
||||||
|
|
||||||
&.lfr-has-edit-layout .nav-add-controls { |
.dockbar { |
||||||
left: $editLayoutPanelWidth; |
.user-portrait { |
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
&.dialog-iframe-root-node .dockbar .nav-add-controls .page-preview-controls { |
.user-avatar img { |
||||||
display: none; |
|
||||||
} |
} |
||||||
|
|
||||||
.touch .dockbar-split, .controls-hidden.dockbar-split { |
.impersonating-user { |
||||||
.dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link { |
.user-links a { |
||||||
clip: rect(auto auto auto auto); |
|
||||||
position: static; |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
/* ---------- Staging dockbar ---------- */ |
/* ---------- Staging dockbar ---------- */ |
||||||
|
|
||||||
.variation-selector { |
|
||||||
display: block; |
|
||||||
font-size: 1.2em; |
|
||||||
font-weight: bold; |
|
||||||
margin: 1em; |
|
||||||
} |
|
||||||
|
|
||||||
.layout-revision-container { |
.variation-selector { |
||||||
margin: 1em 0 0 1em; |
} |
||||||
padding: 0; |
|
||||||
|
|
||||||
.approximate-date { |
.layout-revision-container { |
||||||
color: #999; |
.aproximate-date { |
||||||
font-weight: bold; |
|
||||||
} |
} |
||||||
|
|
||||||
.current-version { |
.current-version { |
||||||
color: #41801d; |
|
||||||
display: block; |
|
||||||
} |
} |
||||||
|
|
||||||
.current-version-pointer { |
.current-version-pointer { |
||||||
display: inline-block; |
|
||||||
width: 0; |
|
||||||
|
|
||||||
img { |
img { |
||||||
left: -25px; |
|
||||||
position: relative; |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.layout-variation-name { |
.layout-variation-name { |
||||||
color: #666; |
|
||||||
font-size: 1.15em; |
|
||||||
margin-bottom: 0.1em; |
|
||||||
text-transform: uppercase; |
|
||||||
} |
} |
||||||
|
|
||||||
.layout-revision-current { |
.layout-revision-current { |
||||||
color: #666; |
|
||||||
} |
} |
||||||
|
|
||||||
.real-date { |
.real-date { |
||||||
color: #999; |
|
||||||
display: block; |
|
||||||
text-align: right; |
|
||||||
} |
} |
||||||
|
|
||||||
.taglib-workflow-status .workflow-status { |
.taglib-workflow-status .workflow-status { |
||||||
background: none; |
|
||||||
padding-left: 0; |
|
||||||
|
|
||||||
.workflow-status-ready-for-publication { |
.workflow-status-ready-for-publication { |
||||||
color: #41801d; |
|
||||||
font-weight: bold; |
|
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.layout-revision-container-root { |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
|
|
||||||
.staging-controls { |
|
||||||
padding-left: 5px; |
|
||||||
padding-right: 50px; |
|
||||||
|
|
||||||
select { |
|
||||||
width: 100%; |
|
||||||
} |
|
||||||
|
|
||||||
.staging-bar { |
.layout-revision-container-root { |
||||||
.dropdown-menu { |
} |
||||||
font-size: 13px; |
|
||||||
min-width: 520px; |
|
||||||
width: 100%; |
|
||||||
|
|
||||||
.btn-link { |
.staging-details { |
||||||
float: left; |
} |
||||||
font-size: 11px; |
|
||||||
margin: 0 5px 0 0; |
|
||||||
padding: 0; |
|
||||||
text-decoration: underline; |
|
||||||
|
|
||||||
@include text-shadow(none); |
.staging .staging-details { |
||||||
|
} |
||||||
|
|
||||||
&:hover { |
.live-view .staging-details { |
||||||
text-decoration: none; |
} |
||||||
} |
|
||||||
|
|
||||||
&.history { |
.staging .staging-tabview-list { |
||||||
float: right; |
} |
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
/* ---------- Add content ---------- */ |
.live-view .staging-tabview-list { |
||||||
|
} |
||||||
|
|
||||||
.lfr-admin-panel { |
/* ---------- Menus ---------- */ |
||||||
background-color: #FFF; |
|
||||||
bottom: 0; |
|
||||||
left: 0; |
|
||||||
overflow: auto; |
|
||||||
padding: 10px; |
|
||||||
position: fixed; |
|
||||||
top: 0; |
|
||||||
z-index: 1100; |
|
||||||
|
|
||||||
@include respond-to(phone) { |
.dockbarmenu-hidden { |
||||||
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 { |
.dockbar { |
||||||
margin-top: 0; |
.toolbar { |
||||||
position: static; |
|
||||||
width: auto; |
|
||||||
} |
} |
||||||
|
|
||||||
&.lfr-edit-layout-panel { |
.user-toolbar { |
||||||
.taglib-form-navigator .accordion { |
|
||||||
margin-bottom: 20px; |
|
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
.site-admin-link { |
.underlay { |
||||||
padding: 0; |
.portal-add-content { |
||||||
position: static; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.lfr-has-add-content { |
.portal-add-content .portlet-dd-placeholder { |
||||||
padding-left: $addContentPanelWidth; |
|
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
.lfr-has-device-preview { |
.add-application .yui3-widget-bd, .dockbar-messages .yui3-widget-bd { |
||||||
padding-left: $devicePreviewPanelWidth; |
} |
||||||
} |
|
||||||
|
|
||||||
.lfr-has-edit-layout { |
.add-application { |
||||||
padding-left: $editLayoutPanelWidth; |
} |
||||||
} |
|
||||||
|
|
||||||
@include respond-to(phone) { |
.lfr-has-sidebar #main-content { |
||||||
.lfr-has-add-content, .lfr-has-device-preview, .lfr-has-edit-layout { |
} |
||||||
padding-left: 20px; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
/* ---------- Menus ---------- */ |
.manage-layouts { |
||||||
|
} |
||||||
|
|
||||||
.dropdown-menu > li > a:focus > [class^="icon-"] { |
.my-sites-menu { |
||||||
background-image: none; |
ul { |
||||||
} |
} |
||||||
|
|
||||||
.my-sites-menu { |
li, ul { |
||||||
.site-type { |
|
||||||
color: #FFF; |
|
||||||
display: none; |
|
||||||
float: right; |
|
||||||
font-size: 0.8em; |
|
||||||
font-weight: normal; |
|
||||||
margin-right: 10px; |
|
||||||
position: absolute; |
|
||||||
right: 100%; |
|
||||||
} |
} |
||||||
|
|
||||||
a:hover .site-type { |
a { |
||||||
color: #FFFFFF; |
|
||||||
display: inline-block; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.ie.rtl .dockbar .menu-button span { |
.control-panel a { |
||||||
background-position-x: -25px; |
|
||||||
} |
} |
||||||
|
|
||||||
&.ie6, &.ie7, &.ie8 { |
.site-name { |
||||||
.dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.ie7 { |
.site-type { |
||||||
.dockbar { |
|
||||||
zoom: 1; |
|
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
|
.ie7 .my-sites-menu .site-type { |
||||||
|
} |
||||||
|
|
||||||
|
.my-sites-menu a:hover .site-type { |
||||||
|
} |
||||||
|
|
||||||
|
.ie7 { |
||||||
.my-sites-menu { |
.my-sites-menu { |
||||||
a { |
a { |
||||||
overflow: visible; |
|
||||||
text-align: left; |
|
||||||
} |
} |
||||||
|
|
||||||
.site-name { |
.site-name { |
||||||
float: none; |
|
||||||
} |
} |
||||||
|
|
||||||
.site-type { |
.site-type { |
||||||
float: none; |
|
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.ie6 { |
|
||||||
.dockbar, .lfr-dockbar-pinned .dockbar { |
|
||||||
height: 10px; |
|
||||||
left: 0; |
|
||||||
position: relative; |
|
||||||
top: 0; |
|
||||||
} |
|
||||||
|
|
||||||
.dockbar .pin-dockbar { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
|
|
||||||
|
.ie6 { |
||||||
.my-sites-menu { |
.my-sites-menu { |
||||||
width: 200px; |
|
||||||
|
|
||||||
a { |
a { |
||||||
zoom: 1; |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.menu-scroll { |
.menu-scroll { |
||||||
height: 300px; |
|
||||||
overflow-y: auto; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
/* ---------- Customization bar ---------- */ |
.dockbar .toggle-controls a { |
||||||
|
} |
||||||
|
|
||||||
|
.controls-hidden .toggle-controls a { |
||||||
|
} |
||||||
|
|
||||||
.controls-hidden { |
.toggle-controls a { |
||||||
.info-button, .page-customization-bar { |
} |
||||||
display: none; |
|
||||||
|
.dockbar { |
||||||
|
.menu-button { |
||||||
|
span { |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.info-button { |
.add-content .menu-button span { |
||||||
cursor: pointer; |
|
||||||
display: inline-block; |
|
||||||
position: relative; |
|
||||||
right: $diamondSize; |
|
||||||
z-index: 1; |
|
||||||
|
|
||||||
a { |
|
||||||
color: #FFF; |
|
||||||
padding: 2px 10px; |
|
||||||
position: absolute; |
|
||||||
text-decoration: none; |
|
||||||
z-index: 1; |
|
||||||
} |
} |
||||||
|
|
||||||
.icon-stop { |
.manage-content .menu-button span { |
||||||
color: #1485EB; |
|
||||||
font-size: 20px; |
|
||||||
} |
} |
||||||
|
|
||||||
|
.my-sites .menu-button span { |
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
.page-customization-bar { |
.dockbar-messages-container { |
||||||
background-color: #555; |
} |
||||||
background-color: rgba(0, 0, 0, 0.5); |
|
||||||
|
|
||||||
@include box-sizing(border-box); |
.dockbar-messages { |
||||||
|
} |
||||||
|
|
||||||
color: #FFF; |
.showing-messages .dockbar-messages { |
||||||
display: table; |
} |
||||||
font-size: 14px; |
|
||||||
font-weight: 300; |
|
||||||
padding: 0 15px; |
|
||||||
width: 100%; |
|
||||||
|
|
||||||
.customized-icon { |
.multiple-messages { |
||||||
margin: 5px; |
.dockbar-message { |
||||||
vertical-align: middle; |
|
||||||
} |
} |
||||||
|
|
||||||
.page-customization-actions { |
.first { |
||||||
padding-left: 5em; |
|
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
.page-customization-actions a { |
.add-content-menu { |
||||||
color: #EEE; |
.add-page a { |
||||||
font-size: 0.8em; |
|
||||||
padding: 0 1em; |
|
||||||
} |
} |
||||||
|
|
||||||
.page-customization-bar-form { |
.add-application a { |
||||||
display: table-cell; |
|
||||||
text-align: center; |
|
||||||
vertical-align: middle; |
|
||||||
width: 25%; |
|
||||||
|
|
||||||
a { |
|
||||||
color: #FFF; |
|
||||||
|
|
||||||
&:focus, &:hover { |
|
||||||
color: #FFF; |
|
||||||
text-decoration: none; |
|
||||||
} |
} |
||||||
|
|
||||||
|
a.lfr-portlet-used { |
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
span { |
.manage-content-menu { |
||||||
display: block; |
li a, li .disabled { |
||||||
line-height: 20px; |
|
||||||
} |
} |
||||||
|
|
||||||
|
.manage-page a { |
||||||
} |
} |
||||||
|
|
||||||
.page-customization-bar-text { |
.manage-site-content a { |
||||||
display: table-cell; |
|
||||||
height: 51px; |
|
||||||
vertical-align: middle; |
|
||||||
width: 75%; |
|
||||||
} |
} |
||||||
|
|
||||||
.page-customization-bar-container { |
.manage-site-memberships a { |
||||||
position: absolute; |
|
||||||
} |
} |
||||||
|
|
||||||
.reset-prototype { |
.manage-page-customization a, .manage-page-customization .disabled { |
||||||
display: inline; |
|
||||||
} |
} |
||||||
|
|
||||||
|
.page-layout a { |
||||||
} |
} |
||||||
|
|
||||||
@media (max-width: 1140px) { |
.sitemap a { |
||||||
.dockbar-split .dockbar .info-items { |
|
||||||
width: 515px; |
|
||||||
} |
} |
||||||
|
|
||||||
|
.settings a { |
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
@include respond-to(phone, tablet) { |
/* ---------- Customization bar ---------- */ |
||||||
#navigation { |
|
||||||
display: none; |
|
||||||
|
|
||||||
&.open { |
.page-customization-bar { |
||||||
display: block; |
} |
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.dockbar-split .dockbar { |
.controls-hidden .page-customization-bar { |
||||||
height: auto; |
} |
||||||
position: relative; |
|
||||||
|
|
||||||
.navbar-inner { |
.page-customization-bar { |
||||||
width: auto; |
.customized-icon { |
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.user-avatar-image { |
.page-customization-actions { |
||||||
width: 18px; |
a { |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
|
.reset-prototype { |
||||||
|
} |
||||||
} |
} |
||||||
@ -1,24 +1,4 @@ |
|||||||
@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; |
|
||||||
} |
|
||||||
} |
} |
||||||
Caricamento…
Reference in new issue