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 { |
||||
@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 "mixins"; |
||||
|
||||
/* ---------- 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 { |
||||
blockquote { |
||||
thead { |
||||
display: block; |
||||
float: left; |
||||
margin-right: 10px; |
||||
|
||||
&: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 ---------- */ |
||||
|
||||
.important { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
/* ---------- Main content body ---------- */ |
||||
|
||||
.portal-iframe #main-content { |
||||
width: 100%; |
||||
} |
||||
|
||||
/* ---------- 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 { |
||||
border-top: 1px dotted #BFBFBF; |
||||
} |
||||
|
||||
/* ---------- Update manager ---------- */ |
||||
|
||||
.update-available { |
||||
margin-top: 10px; |
||||
padding: 2px; |
||||
text-align: left; |
||||
} |
||||
|
||||
/* ---------- Text highlighting ---------- */ |
||||
|
||||
.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 { |
||||
&:after { |
||||
&.navbar-static-top { |
||||
position: relative; |
||||
|
||||
.collapse { |
||||
position: static; |
||||
|
||||
.nav-account-controls { |
||||
position: static; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.ie7 .dockbar { |
||||
.btn-link { |
||||
color: #FFF; |
||||
} |
||||
|
||||
.ie6 { |
||||
.dockbar, .lfr-dockbar-pinned .dockbar { |
||||
.diamond { |
||||
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 { |
||||
a { |
||||
.impersonating-user { |
||||
.alert-icon{ |
||||
margin-right: 9px; |
||||
} |
||||
|
||||
.menu-button-active { |
||||
a { |
||||
.alert-info { |
||||
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 { |
||||
.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 { |
||||
.user-links a { |
||||
&.navbar-static-top { |
||||
.collapse { |
||||
position: relative; |
||||
|
||||
.nav-account-controls { |
||||
position: fixed; |
||||
} |
||||
} |
||||
} |
||||
|
||||
/* ---------- Staging dockbar ---------- */ |
||||
.divider-vertical { |
||||
display: none; |
||||
} |
||||
|
||||
.variation-selector { |
||||
.info-button { |
||||
top: $diamondSize; |
||||
} |
||||
|
||||
.layout-revision-container { |
||||
.aproximate-date { |
||||
.info-items { |
||||
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 { |
||||
img { |
||||
[class^="icon-"], [class*=" icon-"] { |
||||
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 { |
||||
.workflow-status-ready-for-publication { |
||||
&.info-items { |
||||
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 { |
||||
.toolbar { |
||||
.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; |
||||
} |
||||
|
||||
.user-toolbar { |
||||
&:hover .nav-item-label { |
||||
display: block; |
||||
} |
||||
|
||||
.icon-caret-down { |
||||
display: none; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.underlay { |
||||
.portal-add-content { |
||||
&:hover > li.toggle-controls a { |
||||
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 { |
||||
ul { |
||||
&.controls-hidden .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link { |
||||
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 { |
||||
.my-sites-menu { |
||||
a { |
||||
.layout-revision-container { |
||||
margin: 1em 0 0 1em; |
||||
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 { |
||||
.my-sites-menu { |
||||
a { |
||||
.layout-revision-current { |
||||
color: #666; |
||||
} |
||||
|
||||
.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 { |
||||
.menu-button { |
||||
span { |
||||
&.history { |
||||
float: right; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.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 { |
||||
.dockbar-message { |
||||
@include respond-to(phone) { |
||||
.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 { |
||||
.add-page a { |
||||
a:hover .site-type { |
||||
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 { |
||||
li a, li .disabled { |
||||
.ie7 { |
||||
.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 ---------- */ |
||||
|
||||
.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 { |
||||
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 { |
||||
margin: 5px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.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 { |
||||
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 { |
||||
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 ---------- */ |
||||
|
||||
.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