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