sito per le richieste......
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
 
 
 
 
 

494 righe
11 KiB

@import "compass";
@import "mixins";
@mixin keyframes($name) {
@-webkit-keyframes #{$name} {
@content;
}
@-moz-keyframes #{$name} {
@content;
}
@-o-keyframes #{$name} {
@content;
}
@keyframes #{$name} {
@content;
}
}
.menu-content, .underlay-content {
@include box-shadow(2px 4px 7px rgba(0, 0, 0, 0.5));
}
.lfr-add-panel, .lfr-device-preview-panel, .lfr-edit-layout-panel {
@include box-shadow(0 0 5px rgba(0, 0, 0, 0.5));
}
.lfr-preview-file-image img, .lfr-translation-manager {
@include box-shadow(0 3px 5px -3px rgba(0, 0, 0, 0.8));
}
.lfr-preview-file-image-current-column {
@include box-shadow(inset 0 0 3px rgba(0, 0, 0, 0.8));
}
.lfr-preview-file-image-current-column {
@include box-shadow(inset 0 0 5px rgba(0, 0, 0, 0.8));
}
.lfr-device-preview {
.lfr-device-size-status-content {
@include border-radius(3px);
@include box-shadow(0 0 1px #FFF);
@include opacity(0.9);
}
.lfr-device {
&:after, &:before {
@include box-shadow(#111 0 1px 0);
}
&:after {
@include border-radius(15px);
}
&.rotated {
&:after, &:before {
@include box-shadow(#111 -1px 1px 0);
}
}
&.smartphone, &.tablet {
@include border-radius(25px);
}
&.tablet {
&:before {
@include border-radius(5px);
}
}
}
}
.dockbar {
@include respond-to(phone, tablet) {
.navbar-inner .btn-navbar {
@include box-shadow(none);
@include text-shadow(none);
}
}
.navbar-inner .nav li.staging-toggle {
&.active > a {
@include box-shadow(none);
}
span {
@include border-radius(4px);
}
}
.menu-button-active .menu-button {
@include box-shadow(inset 0 1px 5px rgba(0, 0, 0, 0.7));
}
.impersonating-user .alert-info {
@include border-radius(0);
}
}
.dockbar-split .dockbar {
.navbar-inner {
.nav > li > a {
@include text-shadow(none);
}
.nav-add-controls {
> li {
a {
@include border-radius(4px);
.nav-item-label {
@include border-radius(30px);
}
}
&.open a {
@include border-radius(4px 4px 0 0);
}
}
}
}
}
@include respond-to(phone, tablet) {
.navbar .navbar-search .form-search .search-query {
@include border-radius(14px);
}
}
.portlet-document-library, .portlet-dynamic-data-mapping {
.lfr-ddm-small-image-preview {
@include box-shadow(0 1px 3px #CCC);
}
}
.portlet-asset-category-admin {
.tree-node-selected, .tree-node-over, .category-item {
@include border-radius(5px);
}
}
.lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
@include box-shadow(inset 0 0 2px #224FA8);
}
.portlet-document-library-upload-mask .overlaymask-content {
@include border-radius(5px);
}
.lfr-search-combobox-item, .portlet-journal .lfr-search-combobox .search input {
@include border-radius(1px);
}
.lfr-search-combobox {
.field-input-text {
@include border-radius(4px 1px 1px 4px);
}
.button-input {
@include border-radius(1px 4px 4px 1px);
}
}
.lfr-upload-container .progress-bar, .lfr-upload-container .progress, .lfr-editable:after {
@include border-radius(10px);
}
body > .lfr-menu-list ul, .active-area-proxy, .entry-display-style .entry-thumbnail, .lfr-api-results, .lfr-translation-manager, .lfr-translation-manager-translation, .lfr-upload-container .cancel-button .modify-pages .delete-tab, .portlet-image-gallery-display .image-thumbnail img, .rule-group-instance-container .rule-group-instance, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote > div, .taglib-ratings.stars .rating-focused > div, .tags-search-combobox .field-input-text {
@include border-radius(4px);
}
.entry-display-style, .lfr-search-combobox, .lfr-upload-container .upload-file, .lfr-upload-container .upload-target, .portlet-asset-tag-admin .merge-tag, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected, .portlet-image-gallery-display .image-icon, .select-documents, .select-files {
@include border-radius(5px);
}
.portlet-dynamic-data-list-display, .portlet-dynamic-data-lists, .portlet-journal {
.lfr-ddm-container .field-wrapper {
@include border-radius(6px);
}
}
.portlet-journal .display-page-item-container .display-page-item, .portlet-journal .display-page-item-container .display-page-item .display-page-item-remove, .taglib-categorization-filter .asset-entry {
@include border-radius(14px);
}
.menu-content {
@include border-bottom-left-radius(4px);
@include border-bottom-right-radius(4px);
}
.taglib-form-navigator > .form-steps > ul.form-navigator.well {
@include box-shadow(none);
.tab .tab-label {
&:hover, &:focus {
.number {
@include box-shadow(0 0 5px 0 #333);
@include transition-duration(0.25s);
@include transition-property(box-shadow);
@include transition-timing-function(ease-out);
}
}
.number {
@include border-radius(50%);
}
}
}
.underlay-content {
@include border-bottom-left-radius(8px);
@include border-bottom-right-radius(8px);
}
.input-localized {
.lfr-input-localized-state {
@include border-radius(3px);
}
.lfr-input-localized .lfr-input-localized-state {
@include box-shadow(0 0 3px #DDD);
&.lfr-input-localized-state-error {
@include box-shadow(0 0 3px #FF0047);
}
}
.palette-item-selected .lfr-input-localized-state {
@include box-shadow(0 0 3px #27C1F2);
}
}
.lfr-add-panel {
.add-content-button {
.lfr-actions {
@include border-radius(2px);
}
}
.lfr-panel-content .app-view-entry-taglib {
&.display-list, &.display-descriptive {
&:hover, &.hover, &.over {
@include border-radius(0);
}
}
}
.lfr-panel.lfr-extended {
@include border-radius(0);
@include box-shadow(none);
}
.lfr-panel.lfr-extended .lfr-panel-titlebar, .add-application-tab .lfr-add-content .lfr-title-category {
@include background-image(linear-gradient(#D2DBE4, #BDC8D6));
}
.search-panel {
.add-content-search .field-input {
@include border-radius(4px);
}
}
}
.lfr-add-dialog, .lfr-add-panel {
.add-content-menu .search-query {
@include border-radius(15px);
}
}
.lfr-content-preview-popup .lfr-content-preview-popup-content {
@include border-radius(0);
@include box-shadow(8px 3px 7px rgba(0, 0, 0, 0.25));
}
.lfr-message .lfr-message-control {
@include border-radius(10px);
}
.lfr-token, .layout-customizable-controls, .lfr-translation-manager-delete-translation {
@include border-radius(8px);
}
.customizable-layout-column-content {
@include border-radius(6px);
}
.staging-tabview-list {
@include border-radius(0);
}
.site-variations-tabview-list .tab-content, .staging-tabview-list .tab-active .tab-content, .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
@include box-shadow(none);
}
.rule-group-instance-container .rule-group-instance {
@include box-shadow(1px 1px 2px #999);
}
.lfr-action-label {
@include border-radius(2px);
}
.lfr-api-service-search .field-input {
@include box-sizing("border-box");
}
@include keyframes(progress-bar-stripes) {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress {
$transparent: rgba(255, 255, 255, 0);
@include background-image(linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, $transparent 25%, $transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, $transparent 75%, $transparent));
@include background-size(40px 40px);
@include experimental(animation, progress-bar-stripes 0.5s linear infinite);
@include single-transition(width, 0.5s, ease-out);
}
@include keyframes(highlight-animation) {
from {
background-color: #FFC;
}
to {
background-color: transparent;
}
}
.highlight-animation {
@include experimental(animation, highlight-animation 0.7s);
}
body:first-of-type {
%portlet-action-bar-fx {
@include single-transition(opacity, 0.5s, ease, 0.15s);
}
%portlet-action-bar-fx-hover {
@include single-transition(opacity, 0.5s, ease, 0s);
}
%portlet-action-bar-fx-text {
display: inline-block;
max-width: 0;
overflow: hidden;
@include single-transition(max-width, 0.3s, ease-in, 0.2s);
text-overflow: ellipsis;
white-space: nowrap;
}
%portlet-action-bar-fx-hover-text {
@include single-transition(max-width, 0.3s, ease, 0s);
}
.portlet-borderless-bar {
@extend %portlet-action-bar-fx;
.portlet-actions {
@extend %portlet-action-bar-fx-text;
@extend %portlet-action-bar-fx-hover-text;
@include border-bottom-left-radius(20px);
@include border-top-left-radius(20px);
}
.portlet-title-default {
@include border-bottom-right-radius(20px);
@include border-top-right-radius(20px);
}
}
.portlet-borderless-container:hover {
.portlet-borderless-bar {
@extend %portlet-action-bar-fx-hover;
}
.portlet-borderless-bar .portlet-actions {
max-width: 500px;
}
}
.portlet-content {
&:hover {
.lfr-icon-actions {
@extend %portlet-action-bar-fx-hover;
.taglib-text {
@extend %portlet-action-bar-fx-hover-text;
max-width: 200px;
}
}
}
.lfr-icon-actions {
@extend %portlet-action-bar-fx;
.taglib-text {
@extend %portlet-action-bar-fx-text;
@include respond-to(phone, tablet) {
max-width: 200px;
}
}
}
}
}
.portlet-boundary.yui3-dd-dragging {
@include transform(scale(0.8));
@include transition(transform 0.3s ease);
}
.portlet-document-library .entry-thumbnail .label, .portlet-document-library-display .workflow-status .label, .portlet-journal .entry-thumbnail .label {
@include border-bottom-left-radius(0);
@include border-top-left-radius(0);
@include border-top-right-radius(0);
}
@include keyframes(lfr-drop-active) {
0% {
background-color: #EBEBEB;
border-color: #DDD;
}
50% {
background-color: #DDEDDE;
border-color: #7D7;
@include scale(1.1);
}
75% {
background-color: #DDEDDE;
border-color: #7D7;
}
100% {
background-color: #EBEBEB;
border-color: #DDD;
}
}
.upload-drop-active {
.lfr-upload-container .upload-target {
@include experimental(animation, none);
}
.portlet-document-library .document-container {
@include box-shadow(inset 0 0 5px #B8C1D1);
}
}
.upload-drop-intent .lfr-upload-container .upload-target {
@include experimental(animation, lfr-drop-active 1s ease 0.2s infinite);
}
.cke_toolbar {
&.cke_toolbar__a11yhelpbtn {
.cke_toolgroup, .cke_toolgroup:hover {
@include box-shadow(initial);
}
.cke_button {
&:hover {
@include box-shadow(none);
}
.cke_button_label {
&:after {
@include background-image(linear-gradient(#FFF, #E4E4E4));
@include border-radius(2px);
}
&:hover:after {
@include background-image(linear-gradient(#F2F2F2, #CCC));
}
}
}
}
}