test/cuba
1
0
Fork 0
mirror of https://gitee.com/jmix/cuba.git synced 2024-12-04 12:17:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Use kebab-case for SASS variables #PL-4277

Browse Source
This commit is contained in:
Yuriy Artamonov 2014-10-15 11:05:20 +00:00
parent e87fff3c78
commit 24323af23e
74 changed files with 817 additions and 820 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
modules/web/themes/halo/app/log-control.scss
View File

@ -8,7 +8,7 @@
@mixin cuba-log-control {
.cuba-log-panel {
border: $theme_fieldFocusedBorderColor 1px solid;
border: $cuba-field-focused-border-color 1px solid;
}
.v-label.cuba-log-content {

2
modules/web/themes/halo/app/login-window.scss
View File

@ -7,7 +7,7 @@
@mixin cuba-login-window {
.cuba-login-bottom {
background: $theme_loginFormBackgroundColor;
background: $cuba-loginform-background-color;
border: valo-border();
border-radius: $v-border-radius;
padding: $v-layout-margin-top $v-layout-margin-right $v-layout-margin-bottom $v-layout-margin-left;

4
modules/web/themes/halo/components/button/button.scss
View File

@ -5,9 +5,9 @@
// Version: $Id$
@mixin halo-button($primaryStyleName: v-button) {
@mixin halo-button($primary-stylename: v-button) {
.#{$primaryStyleName}-link {
.#{$primary-stylename}-link {
padding-left: 0;
padding-right: 0;

4
modules/web/themes/halo/components/contextmenu/contextmenu.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin halo-cuba-contextmenu($primaryStyleName: cuba-context-menu) {
.#{$primaryStyleName}-container {
@mixin halo-cuba-contextmenu($primary-stylename: cuba-context-menu) {
.#{$primary-stylename}-container {
@include valo-selection-overlay-style;
.v-button {

18
modules/web/themes/halo/components/datefield/datefield.scss
View File

@ -5,14 +5,14 @@
// Version: $Id$
@mixin halo-datefield($primaryStyleName : cuba-datefield) {
@include valo-datefield($primaryStyleName);
@mixin halo-datefield($primary-stylename : cuba-datefield) {
@include valo-datefield($primary-stylename);
.#{$primaryStyleName}-popup {
@include valo-datefield-calendarpanel-style(#{$primaryStyleName}-calendarpanel);
.#{$primary-stylename}-popup {
@include valo-datefield-calendarpanel-style(#{$primary-stylename}-calendarpanel);
}
.#{$primaryStyleName} {
.#{$primary-stylename} {
$border-width: first-number($v-textfield-border) or 0;
$padding-width: ceil($v-unit-size/6) + ceil($v-textfield-border-radius/3);
@ -28,13 +28,13 @@
}
}
.#{$primaryStyleName}-composition-error {
.#{$primaryStyleName} {
.#{$primaryStyleName}-textfield {
.#{$primary-stylename}-composition-error {
.#{$primary-stylename} {
.#{$primary-stylename}-textfield {
@include valo-textfield-error-style;
}
.#{$primaryStyleName}-button {
.#{$primary-stylename}-button {
color: $v-error-indicator-color;
border-color: $v-error-indicator-color;
}

4
modules/web/themes/halo/components/fieldgroup/fieldgroup.scss
View File

@ -5,7 +5,7 @@
// Version: $Id$
@mixin halo-cuba-fieldgroup($primaryStyleName: cuba-fieldgroup) {
@include halo-cuba-groupbox($primaryStyleName);
@mixin halo-cuba-fieldgroup($primary-stylename: cuba-fieldgroup) {
@include halo-cuba-groupbox($primary-stylename);
}

20
modules/web/themes/halo/components/fieldgrouplayout/fieldgrouplayout.scss
View File

@ -3,39 +3,39 @@
* Use is subject to license terms, see http://www.cuba-platform.com/license for details.
*/
@mixin halo-cuba-fieldgrouplayout($primaryStyleName: cuba-fieldgrouplayout) {
@include valo-gridlayout-global($primaryStyleName);
@include valo-gridlayout($primaryStyleName);
@mixin halo-cuba-fieldgrouplayout($primary-stylename: cuba-fieldgrouplayout) {
@include valo-gridlayout-global($primary-stylename);
@include valo-gridlayout($primary-stylename);
.#{$primaryStyleName}-spacing-on {
.#{$primary-stylename}-spacing-on {
padding-top: $v-layout-spacing-vertical/2;
}
.#{$primaryStyleName}-slot.inline > .v-caption {
.#{$primary-stylename}-slot.inline > .v-caption {
margin-right: $v-layout-spacing-horizontal/2;
vertical-align: middle;
line-height: $v-line-height;
overflow: hidden;
}
.#{$primaryStyleName}-slot > .v-checkbox {
.#{$primary-stylename}-slot > .v-checkbox {
vertical-align: middle;
}
.#{$primaryStyleName}-slot.inline > .v-caption.caption-indicators {
.#{$primary-stylename}-slot.inline > .v-caption.caption-indicators {
margin-right: 0;
}
.#{$primaryStyleName}-slot.inline > .v-caption .v-captiontext {
.#{$primary-stylename}-slot.inline > .v-caption .v-captiontext {
padding-bottom: 0px;
}
// set line-height for all captions exclude captions for CheckBox and Label
.#{$primaryStyleName}-slot.cuba-full-height-widget .v-caption {
.#{$primary-stylename}-slot.cuba-full-height-widget .v-caption {
height: $v-unit-size;
}
.#{$primaryStyleName}-slot.cuba-full-height-widget .v-caption .v-captiontext {
.#{$primary-stylename}-slot.cuba-full-height-widget .v-caption .v-captiontext {
line-height: $v-unit-size;
}
}

6
modules/web/themes/halo/components/groupbox/groupbox.scss
View File

@ -5,7 +5,7 @@
// Version: $Id$
@mixin halo-cuba-groupbox($primaryStyleName : cuba-groupbox) {
@include valo-panel($primaryStyleName);
@include halo-panel($primaryStyleName);
@mixin halo-cuba-groupbox($primary-stylename : cuba-groupbox) {
@include valo-panel($primary-stylename);
@include halo-panel($primary-stylename);
}

10
modules/web/themes/halo/components/grouptable/grouptable.scss
View File

@ -5,9 +5,9 @@
// Version: $Id$
@mixin halo-cuba-grouptable($primaryStyleName : cuba-grouptable) {
.#{$primaryStyleName} {
.#{$primaryStyleName}-group-cell-expander {
@mixin halo-cuba-grouptable($primary-stylename : cuba-grouptable) {
.#{$primary-stylename} {
.#{$primary-stylename}-group-cell-expander {
@include box-defaults;
vertical-align: middle;
@ -21,7 +21,7 @@
}
}
.v-expanded .#{$primaryStyleName}-group-cell-expander {
.v-expanded .#{$primary-stylename}-group-cell-expander {
&:before {
color: $v-font-color;
font-family: FontAwesome;
@ -29,7 +29,7 @@
}
}
.#{$primaryStyleName}-float {
.#{$primary-stylename}-float {
display: inline-block;
vertical-align: middle;
}

6
modules/web/themes/halo/components/maskedfield/maskedfield.scss
View File

@ -5,14 +5,14 @@
// Version: $Id$
@mixin halo-cuba-maskedfield($primaryStyleName: cuba-maskedfield) {
.#{$primaryStyleName} {
@mixin halo-cuba-maskedfield($primary-stylename: cuba-maskedfield) {
.#{$primary-stylename} {
@include box-defaults;
@include valo-textfield-style;
height: $v-unit-size;
}
.#{$primaryStyleName}.v-readonly {
.#{$primary-stylename}.v-readonly {
@include valo-textfield-readonly-style;
}
}

6
modules/web/themes/halo/components/menubar/menubar.scss
View File

@ -5,9 +5,9 @@
// Version: $Id$
@mixin halo-menubar($primaryStyleName : v-menubar) {
.#{$primaryStyleName}:focus,
.#{$primaryStyleName}:focus:after {
@mixin halo-menubar($primary-stylename : v-menubar) {
.#{$primary-stylename}:focus,
.#{$primary-stylename}:focus:after {
box-shadow: none;
border: valo-border();
}

4
modules/web/themes/halo/components/optiongroup/optiongroup.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin halo-optiongroup($primaryStyleName: v-select-optiongroup) {
.#{$primaryStyleName}-horizontal {
@mixin halo-optiongroup($primary-stylename: v-select-optiongroup) {
.#{$primary-stylename}-horizontal {
white-space: nowrap;
.v-select-option:last-child {

14
modules/web/themes/halo/components/panel/panel.scss
View File

@ -5,28 +5,28 @@
// Version: $Id$
@mixin halo-panel($primaryStyleName : v-panel) {
.#{$primaryStyleName} {
@mixin halo-panel($primary-stylename : v-panel) {
.#{$primary-stylename} {
border: 0;
box-shadow: none;
background: transparent;
}
.#{$primaryStyleName} {
.#{$primaryStyleName}-content {
.#{$primary-stylename} {
.#{$primary-stylename}-content {
border: 0;
}
.#{$primaryStyleName}-deco {
.#{$primary-stylename}-deco {
display: none;
}
.#{$primaryStyleName}-captionwrap {
.#{$primary-stylename}-captionwrap {
display: none;
}
}
.v-scrollable > .#{$primaryStyleName} {
.v-scrollable > .#{$primary-stylename} {
overflow: auto;
}
}

8
modules/web/themes/halo/components/pickerfield/pickerfield.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin halo-cuba-pickerfield($primaryStyleName: cuba-pickerfield) {
.#{$primaryStyleName} {
@mixin halo-cuba-pickerfield($primary-stylename: cuba-pickerfield) {
.#{$primary-stylename} {
.v-textfield.v-textfield-readonly {
@if $v-textfield-background-color {
background: $v-textfield-background-color;
@ -79,7 +79,7 @@
}
}
.#{$primaryStyleName}-error {
.#{$primary-stylename}-error {
.v-textfield.v-textfield-readonly {
@include valo-textfield-error-style;
}
@ -102,7 +102,7 @@
}
}
.#{$primaryStyleName}.v-readonly {
.#{$primary-stylename}.v-readonly {
.v-textfield.v-textfield-readonly {
@include valo-textfield-readonly-style;
}

6
modules/web/themes/halo/components/popupbutton/popupbutton.scss
View File

@ -5,9 +5,9 @@
// Version: $Id$
@mixin halo-popupbutton($primaryStyleName: v-popupbutton) {
@mixin halo-popupbutton($primary-stylename: v-popupbutton) {
.#{$primaryStyleName} {
.#{$primary-stylename} {
.v-popup-indicator {
padding-left: round($v-unit-size/4);
background: none;
@ -19,7 +19,7 @@
}
}
.#{$primaryStyleName}-popup {
.#{$primary-stylename}-popup {
@include valo-selection-overlay-style;
.v-button {

14
modules/web/themes/halo/components/searchselect/searchselect.scss
View File

@ -5,20 +5,20 @@
// Version: $Id$
@mixin halo-cuba-searchselect($primaryStyleName: cuba-searchselect) {
@include valo-combobox($primaryStyleName);
@mixin halo-cuba-searchselect($primary-stylename: cuba-searchselect) {
@include valo-combobox($primary-stylename);
.#{$primaryStyleName} {
.#{$primary-stylename} {
padding-right: 0px;
.#{$primaryStyleName}-button {
.#{$primary-stylename}-button {
background: none;
display: none;
}
}
.#{$primaryStyleName}-edit-filter.#{$primaryStyleName}-focus,
.#{$primaryStyleName}-edit-filter.#{$primaryStyleName}-focus .#{$primaryStyleName}-input:focus {
background-color: $theme_searchSelectEditColor;
.#{$primary-stylename}-edit-filter.#{$primary-stylename}-focus,
.#{$primary-stylename}-edit-filter.#{$primary-stylename}-focus .#{$primary-stylename}-input:focus {
background-color: $cuba-searchselect-edit-color;
}
}

12
modules/web/themes/halo/components/sourcecodeeditor/sourcecodeeditor.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin halo-sourcecodeeditor($primaryStyleName : AceEditorWidget) {
.#{$primaryStyleName} {
@mixin halo-sourcecodeeditor($primary-stylename : AceEditorWidget) {
.#{$primary-stylename} {
$padding-width: ceil($v-unit-size/6);
@include valo-textfield-style($padding: $padding-width);
@ -17,18 +17,18 @@
}
}
.#{$primaryStyleName} .ace_focus {
.#{$primary-stylename} .ace_focus {
.ace_cursor {
visibility: visible;
}
}
.#{$primaryStyleName}-focus {
.#{$primary-stylename}-focus {
@include valo-textfield-focus-style;
}
.#{$primaryStyleName},
.#{$primaryStyleName}:focus {
.#{$primary-stylename},
.#{$primary-stylename}:focus {
outline: none;
}
}

10
modules/web/themes/halo/components/splitpanel/splitpanel.scss
View File

@ -5,12 +5,12 @@
// Version: $Id$
@mixin halo-splitpanel($primaryStyleName: v-splitpanel) {
.#{$primaryStyleName}-horizontal > div > .#{$primaryStyleName}-hsplitter {
width: $theme_splitPanelSplitterWidth;
@mixin halo-splitpanel($primary-stylename: v-splitpanel) {
.#{$primary-stylename}-horizontal > div > .#{$primary-stylename}-hsplitter {
width: $cuba-splitpanel-splitter-width;
}
.#{$primaryStyleName}-horizontal > div > .#{$primaryStyleName}-vsplitter {
height: $theme_splitPanelSplitterWidth;
.#{$primary-stylename}-horizontal > div > .#{$primary-stylename}-vsplitter {
height: $cuba-splitpanel-splitter-width;
}
}

16
modules/web/themes/halo/components/table/table.scss
View File

@ -5,16 +5,16 @@
// Version: $Id$
@mixin halo-table($primaryStyleName: v-table) {
.#{$primaryStyleName}-cell-content.boolean-cell-true .#{$primaryStyleName}-cell-wrapper,
.#{$primaryStyleName}-cell-content.boolean-cell-false .#{$primaryStyleName}-cell-wrapper {
@mixin halo-table($primary-stylename: v-table) {
.#{$primary-stylename}-cell-content.boolean-cell-true .#{$primary-stylename}-cell-wrapper,
.#{$primary-stylename}-cell-content.boolean-cell-false .#{$primary-stylename}-cell-wrapper {
color: transparent;
height: round($v-unit-size/2);
line-height: round($v-unit-size/2);
width: round($v-unit-size/2);
}
.#{$primaryStyleName}-cell-content.boolean-cell-true .#{$primaryStyleName}-cell-wrapper {
.#{$primary-stylename}-cell-content.boolean-cell-true .#{$primary-stylename}-cell-wrapper {
&:before {
color: $v-font-color;
font-family: FontAwesome;
@ -22,7 +22,7 @@
}
}
.#{$primaryStyleName}-cell-content.boolean-cell-false .#{$primaryStyleName}-cell-wrapper {
.#{$primary-stylename}-cell-content.boolean-cell-false .#{$primary-stylename}-cell-wrapper {
&:before {
color: $v-font-color;
font-family: FontAwesome;
@ -30,17 +30,17 @@
}
}
.#{$primaryStyleName}-column-selector {
.#{$primary-stylename}-column-selector {
top: round($v-unit-size/2) - round($v-unit-size/4);
right: round($v-unit-size/2) - round($v-unit-size/4);
}
.v-scrollable > .#{$primaryStyleName} .#{$primaryStyleName}-column-selector {
.v-scrollable > .#{$primary-stylename} .#{$primary-stylename}-column-selector {
top: round($v-unit-size/2) - round($v-unit-size/4);
right: round($v-unit-size/2) - round($v-unit-size/4);
}
.v-scrollable > .#{$primaryStyleName} {
.v-scrollable > .#{$primary-stylename} {
overflow: auto;
}
}

20
modules/web/themes/halo/components/tokenlist/tokenlist.scss
View File

@ -5,12 +5,12 @@
// Version: $Id$
@mixin halo-cuba-tokenlist($primaryStyleName: cuba-tokenlist) {
.#{$primaryStyleName} .v-csslayout {
@mixin halo-cuba-tokenlist($primary-stylename: cuba-tokenlist) {
.#{$primary-stylename} .v-csslayout {
clear: both;
}
.#{$primaryStyleName} .cuba-tokenlist-label.v-widget {
.#{$primary-stylename} .cuba-tokenlist-label.v-widget {
clear: both;
margin: 0 $v-layout-margin-right $v-layout-margin-bottom 0;
height: $v-unit-size;
@ -19,7 +19,7 @@
padding-left: $v-layout-margin-left;
}
.#{$primaryStyleName} .cuba-tokenlist-label-close {
.#{$primary-stylename} .cuba-tokenlist-label-close {
height: $v-unit-size;
width: $v-unit-size;
cursor: pointer;
@ -33,12 +33,12 @@
}
}
.#{$primaryStyleName} .cuba-tokenlist-label-content {
.#{$primary-stylename} .cuba-tokenlist-label-content {
white-space: nowrap;
outline: none;
}
.#{$primaryStyleName} .cuba-tokenlist-label-content .content {
.#{$primary-stylename} .cuba-tokenlist-label-content .content {
white-space: nowrap;
cursor: default;
overflow: hidden;
@ -47,22 +47,22 @@
vertical-align: top;
}
.#{$primaryStyleName}.inline .cuba-tokenlist-label.v-widget {
.#{$primary-stylename}.inline .cuba-tokenlist-label.v-widget {
clear: none;
margin-right: $v-layout-margin-right;
float: left;
}
.#{$primaryStyleName} .cuba-tokenlist-label.noedit {
.#{$primary-stylename} .cuba-tokenlist-label.noedit {
background-image: none;
padding-right: $v-layout-margin-right;
}
.#{$primaryStyleName} .cuba-tokenlist-label-content.noedit .content {
.#{$primary-stylename} .cuba-tokenlist-label-content.noedit .content {
margin-right: 0;
}
.#{$primaryStyleName} .cuba-tokenlist-label.open .content {
.#{$primary-stylename} .cuba-tokenlist-label.open .content {
cursor: pointer;
}
}

12
modules/web/themes/halo/components/tree/tree.scss
View File

@ -5,20 +5,20 @@
// Version: $Id$
@mixin halo-tree($primaryStyleName: v-tree) {
.v-scrollable > .#{$primaryStyleName} {
@mixin halo-tree($primary-stylename: v-tree) {
.v-scrollable > .#{$primary-stylename} {
overflow: auto;
}
.#{$primaryStyleName}-node,
.#{$primaryStyleName}-node-focused {
.#{$primary-stylename}-node,
.#{$primary-stylename}-node-focused {
// This a v-tree-node-caption element
&:after {
box-sizing: border-box;
@include box-defaults;
}
.v-ie8 & {
box-sizing: border-box;
@include box-defaults;
}
}
}

6
modules/web/themes/halo/components/twincolumn/twincolumn.scss
View File

@ -5,15 +5,15 @@
// Version: $Id$
@mixin halo-twincolumn($primaryStyleName: v-select-twincol) {
.#{$primaryStyleName} select {
@mixin halo-twincolumn($primary-stylename: v-select-twincol) {
.#{$primary-stylename} select {
$padding-width: ceil($v-unit-size/6);
@include valo-textfield-style($padding: $padding-width);
height: auto;
}
.#{$primaryStyleName} select:focus {
.#{$primary-stylename} select:focus {
@include valo-textfield-focus-style;
}
}

4
modules/web/themes/halo/components/widgetstree/widgetstree.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin halo-cuba-widgetstree($primaryStyleName: cuba-widgetstree){
.#{$primaryStyleName} {
@mixin halo-cuba-widgetstree($primary-stylename: cuba-widgetstree){
.#{$primary-stylename} {
.v-tree-node .v-tree-node-content {
margin-left: $v-unit-size;
}

10
modules/web/themes/halo/components/window/window.scss
View File

@ -6,21 +6,21 @@
// Version: $Id$
@mixin halo-window($primaryStyleName: v-window) {
.#{$primaryStyleName}-contents {
@mixin halo-window($primary-stylename: v-window) {
.#{$primary-stylename}-contents {
padding-left: round($v-unit-size/2);
padding-right: round($v-unit-size/2);
}
.#{$primaryStyleName}-footer {
.#{$primary-stylename}-footer {
padding-bottom: round($v-unit-size/2);
}
.#{$primaryStyleName}-outerheader:after {
.#{$primary-stylename}-outerheader:after {
display: none;
}
.#{$primaryStyleName}-outerheader {
.#{$primary-stylename}-outerheader {
border-bottom: valo-border();
}
}

6
modules/web/themes/halo/halo-defaults.scss
View File

@ -23,6 +23,6 @@ $v-error-focus-style: inset 0px 0px 5px 1px rgba($v-error-indicator-color, 0.5);
// CUBA specific variables
$theme_loginFormBackgroundColor: #fbfdff;
$theme_splitPanelSplitterWidth: 3px;
$theme_searchSelectEditColor: #b6d2fa;
$cuba-loginform-background-color: #fbfdff;
$cuba-splitpanel-splitter-width: 3px;
$cuba-searchselect-edit-color: #b6d2fa;

16
modules/web/themes/havana/app/app-window.scss
View File

@ -32,12 +32,12 @@
}
.v-button.cuba-buttons-white-border:focus {
border-color: $theme_appMenuHighlightColor;
border-color: $cuba-app-menu-highlight-color;
}
.v-button.cuba-buttons-white-border:hover {
background: none;
border-color: $theme_appMenuHighlightColor;
border-color: $cuba-app-menu-highlight-color;
.v-button-caption {
text-shadow: black 1px 1px;
}
@ -60,7 +60,7 @@
color: #fff;
font-size: 12px;
font-weight: normal;
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
text-shadow: black 1px 1px;
}
@ -68,13 +68,13 @@
color: #fff;
font-size: 14px;
font-weight: bold;
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
}
}
.cuba-app-menubar {
border-bottom: 1px solid #fff;
background: $theme_appHeaderBackgroundColor;
background: $cuba-app-header-background-color;
padding-bottom: 0;
padding-top: 0;
@ -82,7 +82,7 @@
color: #fff;
font-size: 12px;
font-weight: normal;
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
text-shadow: black 1px 1px;
}
@ -97,7 +97,7 @@
.cuba-app-work-area,
.cuba-app-work-area-single {
background: $theme_appWorkAreaColor;
background: $cuba-app-work-area-color;
}
.cuba-app-work-area-single-window {
@ -112,7 +112,7 @@
.cuba-fts-button.v-button.v-button-link {
display: inline-block;
border: 1px solid $theme_fieldBorderColor;
border: 1px solid $cuba-field-border-color;
background: #fff;
border-left: 0;

6
modules/web/themes/havana/app/breadcrumbs.scss
View File

@ -14,9 +14,9 @@
.cuba-breadcrumbs {
.v-label {
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
font-size: 10px;
color: $theme_breadcrumbsColor;
color: $cuba-breadcrumbs-color;
font-weight: normal;
height: $breadCrumbsHeight;
border: 0;
@ -35,7 +35,7 @@
margin-top: 0;
.v-button-caption {
color: $theme_breadcrumbsColor;
color: $cuba-breadcrumbs-color;
font-size: 10px;
display: block;
}

6
modules/web/themes/havana/app/folders-pane.scss
View File

@ -29,7 +29,7 @@
.v-tree:focus,
.v-tree-focus {
border-color: $theme_fieldFocusedBorderColor;
border-color: $cuba-field-focused-border-color;
}
}
@ -56,12 +56,12 @@
.v-menubar-menuitem.v-menubar-menuitem-folders-pane-icon-active,
.v-menubar-menuitem.v-menubar-menuitem-folders-pane-icon-active:hover {
border: 2px solid $theme_fieldFocusedBorderColor;
border: 2px solid $cuba-field-focused-border-color;
}
.v-label.cuba-folders-pane-caption {
font-size: 14px;
color: $theme_foldersPaneCaptionColor;
color: $cuba-folderspane-caption-color;
background: url(images/folders-pane-header-bg.png) no-repeat 5px bottom;
padding-top: 5px;
padding-left: 5px;

2
modules/web/themes/havana/app/jmx-console.scss
View File

@ -12,6 +12,6 @@
.cuba-mbeans-information-panel {
padding: 10px;
border: 1px solid $theme_groupBoxNoCaptionBorderColor;
border: 1px solid $cuba-groupbox-nocaption-border-color;
}
}

2
modules/web/themes/havana/app/log-control.scss
View File

@ -8,7 +8,7 @@
@mixin cuba-log-control {
.cuba-log-panel {
border: $theme_fieldFocusedBorderColor 1px solid;
border: $cuba-field-focused-border-color 1px solid;
}
.v-label.cuba-log-content {

4
modules/web/themes/havana/app/login-window.scss
View File

@ -8,8 +8,8 @@
@mixin cuba-login-window {
.cuba-login-bottom {
background: $theme_loginFormBackgroundColor;
border: thin solid $theme_loginFormBorderColor;
background: $cuba-loginform-background-color;
border: thin solid $cuba-loginform-border-color;
box-shadow: 0 0 5px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);

8
modules/web/themes/havana/app/table-presentations.scss
View File

@ -27,9 +27,9 @@
.cuba-table-presentations-editor {
z-index: 19000 !important; // do not hide parts of popup menu
background-color: #fff;
border: 1px solid $theme_fieldSelectionColor;
border: 1px solid $cuba-field-selection-color;
padding: 5px 3px 5px 3px;
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
.cuba-table-presentations-title {
color: gray;
@ -55,12 +55,12 @@
.v-menubar-menuitem-caption {
text-shadow: none;
color: $theme_fieldSelectionColor;
color: $cuba-field-selection-color;
}
}
.cuba-table-presentations-list.v-menubar .v-menubar-menuitem:hover {
background-color: $theme_fieldSelectionColor;
background-color: $cuba-field-selection-color;
.v-menubar-menuitem-caption {
text-shadow: none;

70
modules/web/themes/havana/components/button/button.scss
View File

@ -5,13 +5,13 @@
// Version: $Id$
@mixin havana-button($primaryStyleName: v-button) {
.#{$primaryStyleName} {
@mixin havana-button($primary-stylename: v-button) {
.#{$primary-stylename} {
display: inline-table;
zoom: 1;
text-align: center;
text-decoration: none;
border: $theme_buttonBorderColor 1px solid;
border: $cuba-button-border-color 1px solid;
background: transparent url(images/button.gif) repeat-x;
cursor: pointer;
white-space: nowrap;
@ -27,108 +27,108 @@
outline: 0;
font-size: 12px;
.#{$primaryStyleName}-wrap {
.#{$primary-stylename}-wrap {
display: table-cell;
vertical-align: middle;
.#{$primaryStyleName}-caption {
.#{$primary-stylename}-caption {
font: inherit;
font-size: 12px;
line-height: 18px;
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
vertical-align: middle;
white-space: nowrap;
color: $theme_buttonCaptionColor;
color: $cuba-button-caption-color;
}
}
}
.v-align-top > .#{$primaryStyleName}.v-widget,
.v-align-bottom > .#{$primaryStyleName}.v-widget,
.v-align-middle > .#{$primaryStyleName}.v-widget,
.v-align-center > .#{$primaryStyleName}.v-widget,
.v-align-left > .#{$primaryStyleName}.v-widget,
.v-align-right > .#{$primaryStyleName}.v-widget {
.v-align-top > .#{$primary-stylename}.v-widget,
.v-align-bottom > .#{$primary-stylename}.v-widget,
.v-align-middle > .#{$primary-stylename}.v-widget,
.v-align-center > .#{$primary-stylename}.v-widget,
.v-align-left > .#{$primary-stylename}.v-widget,
.v-align-right > .#{$primary-stylename}.v-widget {
display: inline-table;
}
.#{$primaryStyleName}:focus {
.#{$primary-stylename}:focus {
outline: none;
border-color: $theme_buttonFocucedBorderColor;
border-color: $cuba-button-focuced-border-color;
}
.v-disabled.#{$primaryStyleName}:focus {
border-color: $theme_buttonBorderColor;
.v-disabled.#{$primary-stylename}:focus {
border-color: $cuba-button-border-color;
}
.#{$primaryStyleName}-link:focus {
.#{$primary-stylename}-link:focus {
outline: none;
border: 1px dashed #4d7ab2;
}
.v-disabled.#{$primaryStyleName}-link:focus {
.v-disabled.#{$primary-stylename}-link:focus {
border: 1px solid transparent;
}
.#{$primaryStyleName}-empty-caption {
.#{$primary-stylename}-empty-caption {
.#{$primaryStyleName}-wrap {
.#{$primary-stylename}-wrap {
.v-icon {
margin-right: 0;
}
}
}
.#{$primaryStyleName}:hover {
.#{$primary-stylename}:hover {
background: transparent url(images/button-hover.gif) repeat-x;
}
.#{$primaryStyleName}:active {
.#{$primary-stylename}:active {
background: transparent url(images/button-pressed.png) repeat-x;
}
.v-disabled.#{$primaryStyleName}:hover,
.v-disabled.#{$primaryStyleName}:active {
.v-disabled.#{$primary-stylename}:hover,
.v-disabled.#{$primary-stylename}:active {
background: transparent url(images/button.gif) repeat-x;
}
.#{$primaryStyleName}-link {
.#{$primary-stylename}-link {
border: 1px solid transparent;
text-align: left;
background: transparent;
padding: 0;
height: auto;
.#{$primaryStyleName}-wrap {
.#{$primary-stylename}-wrap {
background: transparent;
height: inherit;
padding: 0;
margin-top: 0;
.#{$primaryStyleName}-caption {
.#{$primary-stylename}-caption {
text-decoration: underline;
color: $theme_linkColor;
color: $cuba-link-color;
text-align: left;
}
}
}
.v-disabled.#{$primaryStyleName}.#{$primaryStyleName}-link:hover {
.v-disabled.#{$primary-stylename}.#{$primary-stylename}-link:hover {
background: transparent;
}
.v-disabled.#{$primaryStyleName}.#{$primaryStyleName}-link:focus {
.v-disabled.#{$primary-stylename}.#{$primary-stylename}-link:focus {
outline: none;
border-color: transparent;
}
.#{$primaryStyleName}-link:focus {
.#{$primary-stylename}-link:focus {
outline: none;
border: 1px dashed $theme_linkColor;
border: 1px dashed $cuba-link-color;
}
.#{$primaryStyleName}-link:hover,
.#{$primaryStyleName}-link:active {
.#{$primary-stylename}-link:hover,
.#{$primary-stylename}-link:active {
background: transparent;
}
}

8
modules/web/themes/havana/components/caption/caption.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin havana-caption($primaryStyleName: v-caption) {
.#{$primaryStyleName} {
@mixin havana-caption($primary-stylename: v-caption) {
.#{$primary-stylename} {
font-size: 12px;
.v-required-field-indicator {
@ -31,12 +31,12 @@
cursor: pointer;
}
.#{$primaryStyleName}text {
.#{$primary-stylename}text {
padding-bottom: 2px;
}
}
.v-slot > .#{$primaryStyleName} {
.v-slot > .#{$primary-stylename} {
line-height: 25px;
}
}

20
modules/web/themes/havana/components/checkbox/checkbox.scss
View File

@ -5,9 +5,9 @@
// Version: $Id$
@mixin havana-checkbox($primaryStyleName : v-checkbox) {
@mixin havana-checkbox($primary-stylename : v-checkbox) {
.#{$primaryStyleName} {
.#{$primary-stylename} {
display: inline-block;
outline: 0;
@ -37,21 +37,21 @@
}
}
.#{$primaryStyleName}-focus {
border: 1px dotted $theme_fieldFocusedBorderColor;
.#{$primary-stylename}-focus {
border: 1px dotted $cuba-field-focused-border-color;
}
.v-disabled.#{$primaryStyleName}-focus,
.#{$primaryStyleName}.#{$primaryStyleName}-empty-caption,
.#{$primaryStyleName}.#{$primaryStyleName}-focus.#{$primaryStyleName}-empty-caption {
.v-disabled.#{$primary-stylename}-focus,
.#{$primary-stylename}.#{$primary-stylename}-empty-caption,
.#{$primary-stylename}.#{$primary-stylename}-focus.#{$primary-stylename}-empty-caption {
border: transparent 1px solid;
}
.#{$primaryStyleName}-focus.#{$primaryStyleName}-empty-caption > input {
outline: 1px dotted $theme_fieldFocusedBorderColor;
.#{$primary-stylename}-focus.#{$primary-stylename}-empty-caption > input {
outline: 1px dotted $cuba-field-focused-border-color;
}
.v-disabled.#{$primaryStyleName}-focus.#{$primaryStyleName}-empty-caption > input {
.v-disabled.#{$primary-stylename}-focus.#{$primary-stylename}-empty-caption > input {
outline: none;
}
}

14
modules/web/themes/havana/components/common/common.scss
View File

@ -8,7 +8,7 @@
@mixin havana-common {
.v-ui {
background: #f6f6f6;
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
color: #000;
line-height: 18px;
height: 100%;
@ -24,20 +24,20 @@
button,
label,
textarea {
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
}
label,
button {
font-size: 12px;
color: $theme_fontColor;
color: $cuba-havana-font-color;
}
input,
select,
textarea {
font-size: 11px;
color: $theme_fontColor;
color: $cuba-havana-font-color;
}
}
@ -46,9 +46,9 @@
display: inline-block;
vertical-align: top;
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
font-size: 12px;
color: $theme_fontColor;
color: $cuba-havana-font-color;
}
.v-panel,
@ -61,7 +61,7 @@
}
.v-select-select:focus {
outline: 1px dotted $theme_fieldFocusedBorderColor;
outline: 1px dotted $cuba-field-focused-border-color;
}
// Disable ie10 clear button

22
modules/web/themes/havana/components/contextmenu/contextmenu.scss
View File

@ -5,15 +5,15 @@
// Version: $Id$
@mixin havana-contextmenu($primaryStyleName: v-contextmenu) {
.#{$primaryStyleName} {
font-family: $theme_fonts;
@mixin havana-contextmenu($primary-stylename: v-contextmenu) {
.#{$primary-stylename} {
font-family: $cuba-havana-fonts;
font-size: 12px;
color: $theme_contextmenuFontColor;
color: $cuba-contextmenu-font-color;
background: $theme_contextmenuBackgroundColor;
border: 1px solid $theme_fieldBorderColor;
background: $cuba-contextmenu-background-color;
border: 1px solid $cuba-field-border-color;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
@ -31,18 +31,18 @@
}
.gwt-MenuItem-selected > div {
background: $theme_fieldSelectionColor;
background: $cuba-field-selection-color;
}
}
}
}
@mixin havana-cuba-contextmenu($primaryStyleName: cuba-context-menu) {
.#{$primaryStyleName} {
@mixin havana-cuba-contextmenu($primary-stylename: cuba-context-menu) {
.#{$primary-stylename} {
background: #fff;
overflow: auto;
padding: 3px;
border: 1px solid $theme_fieldFocusedBorderColor;
border: 1px solid $cuba-field-focused-border-color;
.v-button {
background: transparent;
@ -65,7 +65,7 @@
}
.v-button:hover {
background: $theme_fieldSelectionColor;
background: $cuba-field-selection-color;
.v-button-caption {
color: #fff;

74
modules/web/themes/havana/components/datefield/datefield.scss
View File

@ -5,47 +5,47 @@
// Version: $Id$
@mixin havana-datefield($primaryStyleName : cuba-datefield) {
@include base-datefield($primaryStyleName);
@mixin havana-datefield($primary-stylename : cuba-datefield) {
@include base-datefield($primary-stylename);
.#{$primaryStyleName} {
.#{$primary-stylename} {
white-space: nowrap;
input.#{$primaryStyleName}-empty {
input.#{$primary-stylename}-empty {
color: #ccc;
}
input.#{$primaryStyleName}-empty:focus {
input.#{$primary-stylename}-empty:focus {
color: inherit;
}
input.#{$primaryStyleName}-empty.v-readonly:focus {
input.#{$primary-stylename}-empty.v-readonly:focus {
color: #ccc;
}
}
.#{$primaryStyleName}-calendarpanel-header {
.#{$primary-stylename}-calendarpanel-header {
height: 25px;
}
.#{$primaryStyleName}-popupcalendar {
.#{$primary-stylename}-popupcalendar {
padding-right: 25px;
}
.#{$primaryStyleName}-popupcalendar.v-readonly {
.#{$primary-stylename}-popupcalendar.v-readonly {
padding-right: 0px;
.#{$primaryStyleName}-button {
.#{$primary-stylename}-button {
display: none;
}
}
.#{$primaryStyleName}-button {
.#{$primary-stylename}-button {
font-size: 12px;
height: 25px;
width: 25px;
margin: 0;
border: solid 1px $theme_fieldBorderColor;
border: solid 1px $cuba-field-border-color;
margin-right: -25px;
border-left: 0;
background: #fff;
@ -58,30 +58,30 @@
outline: 0;
}
.#{$primaryStyleName}-button-focus {
border: $theme_fieldFocusedBorderColor solid 1px ;
.#{$primary-stylename}-button-focus {
border: $cuba-field-focused-border-color solid 1px ;
border-left: 0;
}
.#{$primaryStyleName}-button-readonly {
.#{$primary-stylename}-button-readonly {
display: none;
visibility: hidden;
}
.#{$primaryStyleName}-popup {
font-family: $theme_fonts;
.#{$primary-stylename}-popup {
font-family: $cuba-havana-fonts;
color: #000;
font-size: 12px;
background: #fff;
border: $theme_fieldPopupBorderColor solid 1px;
border: $cuba-field-popup-border-color solid 1px;
padding: 6px;
}
.#{$primaryStyleName}-calendarpanel-header td {
.#{$primary-stylename}-calendarpanel-header td {
text-align: center;
}
.#{$primaryStyleName}-calendarpanel {
.#{$primary-stylename}-calendarpanel {
outline: none;
width: 19em;
font-size: 12px;
@ -171,73 +171,73 @@
}
}
.#{$primaryStyleName}-calendarpanel-month {
.#{$primary-stylename}-calendarpanel-month {
font-weight: bold;
text-align: center;
white-space: nowrap;
}
.#{$primaryStyleName}-calendarpanel-day-today {
border: 1px solid $theme_dateFieldTodayColor;
.#{$primary-stylename}-calendarpanel-day-today {
border: 1px solid $cuba-datefield-today-color;
height: 14px
}
.v-disabled .#{$primaryStyleName}-calendarpanel-day,
.v-disabled .#{$primaryStyleName}-calendarpanel-day-today {
.v-disabled .#{$primary-stylename}-calendarpanel-day,
.v-disabled .#{$primary-stylename}-calendarpanel-day-today {
cursor: default;
}
.#{$primaryStyleName}-calendarpanel-day-entry {
.#{$primary-stylename}-calendarpanel-day-entry {
color: #6a98b5;
}
.#{$primaryStyleName}-calendarpanel-day-disabled {
.#{$primary-stylename}-calendarpanel-day-disabled {
font-weight: normal;
color: #dddddd;
cursor: default;
opacity: 0.5;
}
.#{$primaryStyleName}-calendarpanel-day-entry.#{$primaryStyleName}-calendarpanel-day-disabled {
.#{$primary-stylename}-calendarpanel-day-entry.#{$primary-stylename}-calendarpanel-day-disabled {
color: #afd6f8;
}
.#{$primaryStyleName}-calendarpanel-day {
.#{$primary-stylename}-calendarpanel-day {
height: 16px;
width: 14px;
padding: 1px 3px;
outline: 0;
}
.#{$primaryStyleName}-calendarpanel-day-selected {
.#{$primary-stylename}-calendarpanel-day-selected {
font-weight: bold;
color: #fff;
background: $theme_dateFieldSelectionColor;
background: $cuba-datefield-selection-color;
cursor: default;
border: 1px solid $theme_dateFieldSelectionBorderColor;
border: 1px solid $cuba-datefield-selection-border-color;
padding-right: 5px;
}
.#{$primaryStyleName}-time {
.#{$primary-stylename}-time {
white-space: nowrap;
font-size: 11px;
}
.#{$primaryStyleName}-time .v-label {
.#{$primary-stylename}-time .v-label {
display: inline;
}
.#{$primaryStyleName}-time .v-select {
.#{$primary-stylename}-time .v-select {
font-size: 10px;
padding: 0;
margin: 0;
}
.#{$primaryStyleName}-popup:focus {
.#{$primary-stylename}-popup:focus {
outline: none;
}
.#{$primaryStyleName}-calendarpanel:focus {
.#{$primary-stylename}-calendarpanel:focus {
outline: none;
}
}

4
modules/web/themes/havana/components/errorindicator/errorindicator.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin havana-errorindicator($primaryStyleName: v-errorindicator) {
.#{$primaryStyleName} {
@mixin havana-errorindicator($primary-stylename: v-errorindicator) {
.#{$primary-stylename} {
width: 10px;
height: 16px;
float: left;

66
modules/web/themes/havana/components/fieldgroup/fieldgroup.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin havana-cuba-fieldgroup($primaryStyleName: cuba-fieldgroup) {
@include havana-cuba-groupbox($primaryStyleName);
@mixin havana-cuba-fieldgroup($primary-stylename: cuba-fieldgroup) {
@include havana-cuba-groupbox($primary-stylename);
/*
* Style variations:
@ -14,92 +14,92 @@
* - border / noborder (default)
*/
.#{$primaryStyleName}-expander {
.#{$primary-stylename}-expander {
display: none;
}
.#{$primaryStyleName}-content,
.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-content {
.#{$primary-stylename}-content,
.#{$primary-stylename}-nocaption > .#{$primary-stylename}-content {
padding: 0;
border-width: 0;
background-color: transparent;
}
.#{$primaryStyleName}-captionwrap > .#{$primaryStyleName}-caption-start-deco div,
.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-captionwrap > .#{$primaryStyleName}-caption-start-deco div,
.#{$primaryStyleName}-captionwrap > .#{$primaryStyleName}-caption-end-deco div,
.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-captionwrap > .#{$primaryStyleName}-caption-end-deco div {
.#{$primary-stylename}-captionwrap > .#{$primary-stylename}-caption-start-deco div,
.#{$primary-stylename}-nocaption > .#{$primary-stylename}-captionwrap > .#{$primary-stylename}-caption-start-deco div,
.#{$primary-stylename}-captionwrap > .#{$primary-stylename}-caption-end-deco div,
.#{$primary-stylename}-nocaption > .#{$primary-stylename}-captionwrap > .#{$primary-stylename}-caption-end-deco div {
border-width: 0;
border-color: $theme_groupBoxNoCaptionBorderColor;
border-color: $cuba-groupbox-nocaption-border-color;
height: 0;
}
.#{$primaryStyleName}-captionwrap > .#{$primaryStyleName}-caption-start-deco,
.#{$primaryStyleName}-captionwrap > .#{$primaryStyleName}-caption-end-deco {
.#{$primary-stylename}-captionwrap > .#{$primary-stylename}-caption-start-deco,
.#{$primary-stylename}-captionwrap > .#{$primary-stylename}-caption-end-deco {
display: none;
}
.#{$primaryStyleName}-captionwrap > .#{$primaryStyleName}-caption {
.#{$primary-stylename}-captionwrap > .#{$primary-stylename}-caption {
padding: 0;
}
.#{$primaryStyleName}-border > .#{$primaryStyleName}-captionwrap > .#{$primaryStyleName}-caption {
.#{$primary-stylename}-border > .#{$primary-stylename}-captionwrap > .#{$primary-stylename}-caption {
padding: 0 5px;
}
.#{$primaryStyleName}-border > .#{$primaryStyleName}-captionwrap > .#{$primaryStyleName}-caption-start-deco,
.#{$primaryStyleName}-border > .#{$primaryStyleName}-captionwrap > .#{$primaryStyleName}-caption-end-deco {
.#{$primary-stylename}-border > .#{$primary-stylename}-captionwrap > .#{$primary-stylename}-caption-start-deco,
.#{$primary-stylename}-border > .#{$primary-stylename}-captionwrap > .#{$primary-stylename}-caption-end-deco {
display: inline-block;
}
.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-captionwrap {
.#{$primary-stylename}-nocaption > .#{$primary-stylename}-captionwrap {
display: none;
}
.#{$primaryStyleName}-border.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-captionwrap {
.#{$primary-stylename}-border.#{$primary-stylename}-nocaption > .#{$primary-stylename}-captionwrap {
display: block;
}
.#{$primaryStyleName}-border > .#{$primaryStyleName}-content {
border-left: 1px solid $theme_groupBoxNoCaptionBorderColor;
border-right: 1px solid $theme_groupBoxNoCaptionBorderColor;
border-bottom: 1px solid $theme_groupBoxNoCaptionBorderColor;
background-color: $theme_groupBoxNoCaptionBackgroundColor;
.#{$primary-stylename}-border > .#{$primary-stylename}-content {
border-left: 1px solid $cuba-groupbox-nocaption-border-color;
border-right: 1px solid $cuba-groupbox-nocaption-border-color;
border-bottom: 1px solid $cuba-groupbox-nocaption-border-color;
background-color: $cuba-groupbox-nocaption-background-color;
margin: 0;
padding: 0 10px;
padding-bottom: 10px;
}
.#{$primaryStyleName}-light.#{$primaryStyleName}-border > .#{$primaryStyleName}-content {
.#{$primary-stylename}-light.#{$primary-stylename}-border > .#{$primary-stylename}-content {
border: 0;
}
.#{$primaryStyleName}-border > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-start-deco div,
.#{$primaryStyleName}-border > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-end-deco div {
.#{$primary-stylename}-border > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-start-deco div,
.#{$primary-stylename}-border > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-end-deco div {
height: 10px;
background-color: $theme_groupBoxNoCaptionBackgroundColor;
background-color: $cuba-groupbox-nocaption-background-color;
}
.#{$primaryStyleName}-border > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-start-deco div {
.#{$primary-stylename}-border > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-start-deco div {
border-left-width: 1px;
border-top-width: 1px;
}
.#{$primaryStyleName}-light.#{$primaryStyleName}-border > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-start-deco div {
.#{$primary-stylename}-light.#{$primary-stylename}-border > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-start-deco div {
border-left: 0;
}
.#{$primaryStyleName}-border > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-end-deco div {
.#{$primary-stylename}-border > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-end-deco div {
border-right-width: 1px;
border-top-width: 1px;
}
.#{$primaryStyleName}-light.#{$primaryStyleName}-border > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-end-deco div {
.#{$primary-stylename}-light.#{$primary-stylename}-border > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-end-deco div {
border-right: 0;
}
.#{$primaryStyleName}-border.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-start-deco div,
.#{$primaryStyleName}-border.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-end-deco div {
.#{$primary-stylename}-border.#{$primary-stylename}-nocaption > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-start-deco div,
.#{$primary-stylename}-border.#{$primary-stylename}-nocaption > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-end-deco div {
height: 12px;
padding-top: 2px;
}

18
modules/web/themes/havana/components/fieldgrouplayout/fieldgrouplayout.scss
View File

@ -5,39 +5,39 @@
// Version: $Id$
@mixin havana-cuba-fieldgrouplayout($primaryStyleName: cuba-fieldgrouplayout) {
@include base-gridlayout($primaryStyleName);
@mixin havana-cuba-fieldgrouplayout($primary-stylename: cuba-fieldgrouplayout) {
@include base-gridlayout($primary-stylename);
.#{$primaryStyleName}-spacing-on {
.#{$primary-stylename}-spacing-on {
padding-left: 8px;
padding-top: 4px;
}
.#{$primaryStyleName}-slot.inline > .v-caption {
.#{$primary-stylename}-slot.inline > .v-caption {
margin-right: 5px;
vertical-align: top;
line-height: 18px;
overflow: hidden;
}
.#{$primaryStyleName}-slot > .v-checkbox {
.#{$primary-stylename}-slot > .v-checkbox {
vertical-align: middle;
}
.#{$primaryStyleName}-slot.inline > .v-caption.caption-indicators {
.#{$primary-stylename}-slot.inline > .v-caption.caption-indicators {
margin-right: 0;
}
.#{$primaryStyleName}-slot.inline > .v-caption .v-captiontext {
.#{$primary-stylename}-slot.inline > .v-caption .v-captiontext {
padding-bottom: 0px;
}
// set line-height 25px for all captions exclude captions for CheckBox and Label
.#{$primaryStyleName}-slot.cuba-full-height-widget .v-caption {
.#{$primary-stylename}-slot.cuba-full-height-widget .v-caption {
height: 25px;
}
.#{$primaryStyleName}-slot.cuba-full-height-widget .v-caption .v-captiontext {
.#{$primary-stylename}-slot.cuba-full-height-widget .v-caption .v-captiontext {
line-height: 25px;
}
}

18
modules/web/themes/havana/components/flowlayout/flowlayout.scss
View File

@ -5,34 +5,34 @@
// Version: $Id$
@mixin havana-cuba-flowlayout($primaryStyleName : cuba-flowlayout) {
@include base-csslayout($primaryStyleName);
@mixin havana-cuba-flowlayout($primary-stylename : cuba-flowlayout) {
@include base-csslayout($primary-stylename);
.#{$primaryStyleName} {
.#{$primary-stylename} {
overflow-y: auto;
}
.#{$primaryStyleName} > * {
.#{$primary-stylename} > * {
float: left;
}
.#{$primaryStyleName}-spacing > * {
.#{$primary-stylename}-spacing > * {
margin-right: 5px;
margin-bottom: 5px;
}
$marginWidth: 5px;
.#{$primaryStyleName}-margin-top {
.#{$primary-stylename}-margin-top {
padding-top: $marginWidth;
}
.#{$primaryStyleName}-margin-bottom {
.#{$primary-stylename}-margin-bottom {
padding-bottom: $marginWidth;
}
.#{$primaryStyleName}-margin-left {
.#{$primary-stylename}-margin-left {
padding-left: $marginWidth;
}
.#{$primaryStyleName}-margin-right {
.#{$primary-stylename}-margin-right {
padding-right: $marginWidth;
}
}

100
modules/web/themes/havana/components/groupbox/groupbox.scss
View File

@ -5,30 +5,30 @@
// Version: $Id$
@mixin havana-cuba-groupbox($primaryStyleName : cuba-groupbox) {
@include base-panel($primaryStyleName);
@mixin havana-cuba-groupbox($primary-stylename : cuba-groupbox) {
@include base-panel($primary-stylename);
.#{$primaryStyleName}-content {
.#{$primary-stylename}-content {
outline: none;
border-left: 1px solid $theme_groupBoxBorderColor;
border-right: 1px solid $theme_groupBoxBorderColor;
border-bottom: 1px solid $theme_groupBoxBorderColor;
border-left: 1px solid $cuba-groupbox-border-color;
border-right: 1px solid $cuba-groupbox-border-color;
border-bottom: 1px solid $cuba-groupbox-border-color;
padding: 0 5px;
padding-bottom: 5px;
}
.#{$primaryStyleName}.collapsed > .#{$primaryStyleName}-content,
.#{$primaryStyleName}-light > .#{$primaryStyleName}-content,
.#{$primaryStyleName}-nocaption.#{$primaryStyleName}-light > .#{$primaryStyleName}-content {
.#{$primary-stylename}.collapsed > .#{$primary-stylename}-content,
.#{$primary-stylename}-light > .#{$primary-stylename}-content,
.#{$primary-stylename}-nocaption.#{$primary-stylename}-light > .#{$primary-stylename}-content {
border: 0;
}
.#{$primaryStyleName}-captionwrap {
.#{$primary-stylename}-captionwrap {
display: block;
font-size: 0;
}
.#{$primaryStyleName}-caption-start-deco {
.#{$primary-stylename}-caption-start-deco {
display: inline-block;
height: 20px;
padding-top: 10px;
@ -36,22 +36,22 @@
div {
width: 10px;
height: 10px;
border-left: 1px solid $theme_groupBoxBorderColor;
border-top: 1px solid $theme_groupBoxBorderColor;
border-left: 1px solid $cuba-groupbox-border-color;
border-top: 1px solid $cuba-groupbox-border-color;
}
}
.#{$primaryStyleName}.collapsed > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-start-deco div,
.#{$primaryStyleName}-light > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-start-deco div {
.#{$primary-stylename}.collapsed > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-start-deco div,
.#{$primary-stylename}-light > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-start-deco div {
border-left: 0;
}
.#{$primaryStyleName}.collapsed > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-end-deco div,
.#{$primaryStyleName}-light > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-end-deco div {
.#{$primary-stylename}.collapsed > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-end-deco div,
.#{$primary-stylename}-light > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-end-deco div {
border-right: 0;
}
.#{$primaryStyleName}-caption {
.#{$primary-stylename}-caption {
display: inline-block;
height: 20px;
vertical-align: top;
@ -60,7 +60,7 @@
font-size: 12px;
}
.#{$primaryStyleName}-caption-end-deco {
.#{$primary-stylename}-caption-end-deco {
display: inline-block;
height: 20px;
border: 0;
@ -69,12 +69,12 @@
div {
width: 100%;
height: 10px;
border-right: 1px solid $theme_groupBoxBorderColor;
border-top: 1px solid $theme_groupBoxBorderColor;
border-right: 1px solid $cuba-groupbox-border-color;
border-top: 1px solid $cuba-groupbox-border-color;
}
}
.#{$primaryStyleName}-expander {
.#{$primary-stylename}-expander {
width: 9px;
height: 9px;
cursor: pointer;
@ -87,73 +87,73 @@
background-image: url(sprites/expand.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-caption-text {
.#{$primary-stylename}-caption-text {
cursor: pointer;
}
.#{$primaryStyleName}-nocollapsable > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-expander {
.#{$primary-stylename}-nocollapsable > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-expander {
display: none;
}
.#{$primaryStyleName}-nocollapsable > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-text {
.#{$primary-stylename}-nocollapsable > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-text {
cursor: default;
}
.#{$primaryStyleName}-expander.expanded {
.#{$primary-stylename}-expander.expanded {
background-image: url(sprites/collapse.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-deco {
.#{$primary-stylename}-deco {
line-height: 0;
height: 0;
width: 0;
display: none;
}
.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-content {
border-left: 1px solid $theme_groupBoxNoCaptionBorderColor;
border-right: 1px solid $theme_groupBoxNoCaptionBorderColor;
border-bottom: 1px solid $theme_groupBoxNoCaptionBorderColor;
background-color: $theme_groupBoxNoCaptionBackgroundColor;
.#{$primary-stylename}-nocaption > .#{$primary-stylename}-content {
border-left: 1px solid $cuba-groupbox-nocaption-border-color;
border-right: 1px solid $cuba-groupbox-nocaption-border-color;
border-bottom: 1px solid $cuba-groupbox-nocaption-border-color;
background-color: $cuba-groupbox-nocaption-background-color;
}
.#{$primaryStyleName}-nocaption.#{$primaryStyleName}-light > .#{$primaryStyleName}-content {
.#{$primary-stylename}-nocaption.#{$primary-stylename}-light > .#{$primary-stylename}-content {
background-color: transparent;
}
.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-start-deco div,
.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-end-deco div {
border-color: $theme_groupBoxNoCaptionBorderColor;
background-color: $theme_groupBoxNoCaptionBackgroundColor;
.#{$primary-stylename}-nocaption > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-start-deco div,
.#{$primary-stylename}-nocaption > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-end-deco div {
border-color: $cuba-groupbox-nocaption-border-color;
background-color: $cuba-groupbox-nocaption-background-color;
height: 5px;
}
.#{$primaryStyleName}-nocaption.#{$primaryStyleName}-light > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-start-deco div,
.#{$primaryStyleName}-nocaption.#{$primaryStyleName}-light > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-end-deco div {
border-color: $theme_groupBoxBorderColor;
.#{$primary-stylename}-nocaption.#{$primary-stylename}-light > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-start-deco div,
.#{$primary-stylename}-nocaption.#{$primary-stylename}-light > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-end-deco div {
border-color: $cuba-groupbox-border-color;
background-color: transparent;
}
.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-start-deco ,
.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-captionwrap .#{$primaryStyleName}-caption-end-deco {
.#{$primary-stylename}-nocaption > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-start-deco ,
.#{$primary-stylename}-nocaption > .#{$primary-stylename}-captionwrap .#{$primary-stylename}-caption-end-deco {
height: 7px;
padding-top: 2px;
}
.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-expander {
.#{$primary-stylename}-nocaption > .#{$primary-stylename}-expander {
display: none;
}
.#{$primaryStyleName}-nocaption > .#{$primaryStyleName}-captionwrap > .#{$primaryStyleName}-nocaption {
.#{$primary-stylename}-nocaption > .#{$primary-stylename}-captionwrap > .#{$primary-stylename}-nocaption {
display: none;
}
.#{$primaryStyleName}-caption,
.#{$primaryStyleName}-captionwrap,
.#{$primaryStyleName}-caption-end-deco,
.#{$primaryStyleName}-caption-end-deco > div,
.#{$primaryStyleName}-caption-start-deco,
.#{$primaryStyleName}-caption-start-deco > div {
.#{$primary-stylename}-caption,
.#{$primary-stylename}-captionwrap,
.#{$primary-stylename}-caption-end-deco,
.#{$primary-stylename}-caption-end-deco > div,
.#{$primary-stylename}-caption-start-deco,
.#{$primary-stylename}-caption-start-deco > div {
@include box-defaults;
}
}

10
modules/web/themes/havana/components/grouptable/grouptable.scss
View File

@ -5,9 +5,9 @@
// Version: $Id$
@mixin havana-cuba-grouptable($primaryStyleName : cuba-grouptable) {
.#{$primaryStyleName} {
.#{$primaryStyleName}-group-cell-expander {
@mixin havana-cuba-grouptable($primary-stylename : cuba-grouptable) {
.#{$primary-stylename} {
.#{$primary-stylename}-group-cell-expander {
width: 12px;
height: 12px;
margin-right: 2px;
@ -20,11 +20,11 @@
cursor: pointer;
}
.v-expanded .#{$primaryStyleName}-group-cell-expander {
.v-expanded .#{$primary-stylename}-group-cell-expander {
background-image: url(../tree/images/item-expanded.png);
}
.#{$primaryStyleName}-float {
.#{$primary-stylename}-float {
display: inline-block;
vertical-align: middle;
}

10
modules/web/themes/havana/components/label/label.scss
View File

@ -5,25 +5,25 @@
// Version: $Id$
@mixin havana-label($primaryStyleName: v-label) {
.#{$primaryStyleName} {
@mixin havana-label($primary-stylename: v-label) {
.#{$primary-stylename} {
line-height: 18px;
word-wrap: break-word;
overflow-wrap: break-word;
}
.#{$primaryStyleName}-empty {
.#{$primary-stylename}-empty {
border: 0;
}
.#{$primaryStyleName}.h2 {
.#{$primary-stylename}.h2 {
font-family: verdana, tahoma, sans-serif;
font-size: 14px;
border: 0;
font-weight: bold;
}
.#{$primaryStyleName}.h2-red {
.#{$primary-stylename}.h2-red {
font-family: verdana, tahoma, sans-serif;
font-size: 14px;
font-weight: bold;

8
modules/web/themes/havana/components/loadingindicator/loadingindicator.scss
View File

@ -5,10 +5,10 @@
// Version: $Id$
@mixin havana-loadingindicator($primaryStyleName: v-loading-indicator) {
.#{$primaryStyleName},
.#{$primaryStyleName}-delay,
.#{$primaryStyleName}-wait {
@mixin havana-loadingindicator($primary-stylename: v-loading-indicator) {
.#{$primary-stylename},
.#{$primary-stylename}-delay,
.#{$primary-stylename}-wait {
position: absolute;
top: 6px;
right: 5px;

10
modules/web/themes/havana/components/maskedfield/maskedfield.scss
View File

@ -5,20 +5,20 @@
// Version: $Id$
@mixin havana-cuba-maskedfield($primaryStyleName: cuba-maskedfield) {
@include havana-textfield($primaryStyleName);
@mixin havana-cuba-maskedfield($primary-stylename: cuba-maskedfield) {
@include havana-textfield($primary-stylename);
.v-ui,
.v-window {
input.#{$primaryStyleName}-empty {
input.#{$primary-stylename}-empty {
color: #ccc;
}
input.#{$primaryStyleName}-empty:focus {
input.#{$primary-stylename}-empty:focus {
color: inherit;
}
input.#{$primaryStyleName}-empty.v-readonly:focus {
input.#{$primary-stylename}-empty.v-readonly:focus {
color: #ccc;
}
}

75
modules/web/themes/havana/components/menubar/menubar.scss
View File

@ -5,16 +5,15 @@
// Version: $Id$
@mixin havana-menubar($primaryStyleName : v-menubar) {
@mixin havana-menubar($primary-stylename : v-menubar) {
.#{$primaryStyleName} {
.#{$primary-stylename} {
height: 23px;
padding: 0 8px;
margin-top: -2px;
white-space: nowrap;
.#{$primaryStyleName}-menuitem {
height: 17px;
.#{$primary-stylename}-menuitem {
line-height: 16px;
padding: 3px 8px;
display: inline-block;
@ -25,11 +24,11 @@
padding-right: 10px;
background: transparent;
height: 19px;
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
font-size: 12px;
text-shadow: black 1px 1px;
.#{$primaryStyleName}-menuitem-caption {
.#{$primary-stylename}-menuitem-caption {
display: table-cell;
.v-icon {
@ -48,36 +47,36 @@
}
}
.#{$primaryStyleName}-menuitem-selected {
.#{$primary-stylename}-menuitem-selected {
padding-left: 10px;
padding-right: 10px;
color: #000000;
text-shadow: black 1px 1px;
height: 19px;
background-color: $theme_appMenuHighlightColor;
background-color: $cuba-app-menu-highlight-color;
}
.#{$primaryStyleName}-menuitem:hover {
.#{$primary-stylename}-menuitem:hover {
padding-left: 10px;
padding-right: 10px;
color: #000000;
text-shadow: black 1px 1px;
height: 19px;
background-color: $theme_appMenuHighlightColor;
background-color: $cuba-app-menu-highlight-color;
}
.#{$primaryStyleName}-submenu-indicator {
.#{$primary-stylename}-submenu-indicator {
display: none;
}
}
// focused menubar styles
.#{$primaryStyleName}-focus .#{$primaryStyleName}-menuitem {
.#{$primary-stylename}-focus .#{$primary-stylename}-menuitem {
}
.#{$primaryStyleName}-focus .#{$primaryStyleName}-menuitem-selected {
.#{$primary-stylename}-focus .#{$primary-stylename}-menuitem-selected {
}
.#{$primaryStyleName}-separator {
.#{$primary-stylename}-separator {
overflow: hidden;
span {
@ -91,22 +90,20 @@
}
}
.#{$primaryStyleName}-submenu {
.#{$primary-stylename}-submenu {
display: table;
overflow: hidden;
white-space: nowrap;
border: 0;
background: $theme_appSubmenuBackgroundColor;
background: $cuba-app-submenu-background-color;
padding: 5px;
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
font-size: 12px;
border: solid 2px $theme_appMenuHighlightColor;
border: solid 2px $cuba-app-menu-highlight-color;
.#{$primaryStyleName}-menuitem {
.#{$primary-stylename}-menuitem {
line-height: 18px;
padding: 1px 26px 1px 10px;
display: table-row;
padding-right: 1.5em;
position: relative;
cursor: pointer;
padding-left: 6px;
@ -114,7 +111,7 @@
background: transparent;
text-shadow: black 1px 1px;
.#{$primaryStyleName}-menuitem-caption {
.#{$primary-stylename}-menuitem-caption {
color: #fff;
display: table-cell;
padding-right: 4px;
@ -127,7 +124,7 @@
}
}
.#{$primaryStyleName}-menuitem-shortcut {
.#{$primary-stylename}-menuitem-shortcut {
display: table-cell;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
@ -138,32 +135,32 @@
$menuSeparatorMargin: 3px;
.#{$primaryStyleName}-separator {
.#{$primary-stylename}-separator {
display: table-row;
height: 7px;
span {
display: table-cell;
background: white;
border-top: $menuSeparatorMargin solid $theme_appSubmenuBackgroundColor;
border-bottom: $menuSeparatorMargin solid $theme_appSubmenuBackgroundColor;
border-top: $menuSeparatorMargin solid $cuba-app-submenu-background-color;
border-bottom: $menuSeparatorMargin solid $cuba-app-submenu-background-color;
}
}
.#{$primaryStyleName}-menuitem:hover,
.#{$primaryStyleName}-menuitem-selected {
background-color: $theme_appMenuHighlightColor;
.#{$primary-stylename}-menuitem:hover,
.#{$primary-stylename}-menuitem-selected {
background-color: $cuba-app-menu-highlight-color;
.#{$primaryStyleName}-menuitem-caption {
background-color: $theme_appMenuHighlightColor;
.#{$primary-stylename}-menuitem-caption {
background-color: $cuba-app-menu-highlight-color;
}
}
.#{$primaryStyleName}-menuitem-selected div {
.#{$primary-stylename}-menuitem-selected div {
color: #fff;
}
.#{$primaryStyleName}-submenu-indicator {
.#{$primary-stylename}-submenu-indicator {
background: transparent;
display: table-cell;
min-width: 10px;
@ -174,7 +171,7 @@
height: auto;
}
.#{$primaryStyleName}-submenu-indicator-icon {
.#{$primary-stylename}-submenu-indicator-icon {
margin-top: 1px;
display: inline-block;
@ -192,22 +189,22 @@
}
}
.#{$primaryStyleName}-submenu-indicator + .#{$primaryStyleName}-menuitem-caption {
.#{$primary-stylename}-submenu-indicator + .#{$primary-stylename}-menuitem-caption {
padding-right: 10px;
}
.#{$primaryStyleName}-submenu-check-column {
.#{$primary-stylename}-submenu-check-column {
padding-left: 6px;
.#{$primaryStyleName}-menuitem {
.#{$primary-stylename}-menuitem {
padding-left: 6px;
.#{$primaryStyleName}-menuitem-caption {
.#{$primary-stylename}-menuitem-caption {
padding-left: 18px;
}
}
}
.#{$primaryStyleName}-submenu-check-column .#{$primaryStyleName}-menuitem-caption {
.#{$primary-stylename}-submenu-check-column .#{$primary-stylename}-menuitem-caption {
padding-left: 18px;
}
}

8
modules/web/themes/havana/components/multiupload/multiupload.scss
View File

@ -5,14 +5,14 @@
// Version: $Id$
@mixin havana-cuba-multiupload($primaryStyleName : cuba-multiupload) {
.#{$primaryStyleName} {
@mixin havana-cuba-multiupload($primary-stylename : cuba-multiupload) {
.#{$primary-stylename} {
@include box-defaults;
z-index: auto;
}
.#{$primaryStyleName}-disabled {
.#{$primary-stylename}-disabled {
@include box-defaults;
z-index: auto;
@ -20,7 +20,7 @@
background-color: gray;
}
.#{$primaryStyleName}-progress {
.#{$primary-stylename}-progress {
position: fixed;
padding: 10px;
left: 50%;

14
modules/web/themes/havana/components/notification/notification.scss
View File

@ -5,9 +5,9 @@
// Version: $Id$
@mixin havana-notification($primaryStyleName: v-Notification) {
.#{$primaryStyleName} {
font-family: $theme_fonts;
@mixin havana-notification($primary-stylename: v-Notification) {
.#{$primary-stylename} {
font-family: $cuba-havana-fonts;
background-color: #818e92;
color: #ffffff;
padding: 9px 12px;
@ -28,7 +28,7 @@
}
}
.#{$primaryStyleName}.warning {
.#{$primary-stylename}.warning {
background: #fff1e4;
color: #dd3400;
border: 2px solid #ffaa90;
@ -38,7 +38,7 @@
opacity: 1;
}
.#{$primaryStyleName}.error {
.#{$primary-stylename}.error {
background: #f23d00 url(images/close-error.png) no-repeat right 5px;
padding-right: 30px;
border: 3px solid #c30000;
@ -47,7 +47,7 @@
border-radius: 6px;
}
.#{$primaryStyleName}.tray {
.#{$primary-stylename}.tray {
background: #575e60;
padding: 0.5em;
margin: 0 5px 5px 0;
@ -76,7 +76,7 @@
}
}
.#{$primaryStyleName}.system {
.#{$primary-stylename}.system {
background-color: #ff0a0a;
opacity: 0.7;
filter: alpha(opacity=70);

8
modules/web/themes/havana/components/optiongroup/optiongroup.scss
View File

@ -5,19 +5,19 @@
// Version: $Id$
@mixin havana-optiongroup($primaryStyleName: v-select-optiongroup) {
.#{$primaryStyleName} {
@mixin havana-optiongroup($primary-stylename: v-select-optiongroup) {
.#{$primary-stylename} {
.v-select-option {
outline: none;
line-height: 16px;
input:focus {
outline: 1px dashed $theme_fieldFocusedBorderColor;
outline: 1px dashed $cuba-field-focused-border-color;
}
}
}
.#{$primaryStyleName}-horizontal {
.#{$primary-stylename}-horizontal {
white-space: nowrap;
.v-select-option {

10
modules/web/themes/havana/components/panel/panel.scss
View File

@ -5,17 +5,17 @@
// Version: $Id$
@mixin havana-panel($primaryStyleName : v-panel) {
.#{$primaryStyleName} {
.#{$primaryStyleName}-content {
@mixin havana-panel($primary-stylename : v-panel) {
.#{$primary-stylename} {
.#{$primary-stylename}-content {
border: 0;
}
.#{$primaryStyleName}-deco {
.#{$primary-stylename}-deco {
display: none;
}
.#{$primaryStyleName}-captionwrap {
.#{$primary-stylename}-captionwrap {
display: none;
}
}

18
modules/web/themes/havana/components/pickerfield/pickerfield.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin havana-cuba-pickerfield($primaryStyleName: cuba-pickerfield) {
.#{$primaryStyleName} {
@mixin havana-cuba-pickerfield($primary-stylename: cuba-pickerfield) {
.#{$primary-stylename} {
.v-textfield {
height: 25px;
padding-top: 0;
@ -23,7 +23,7 @@
padding: 0;
display: block !important;
text-align: center !important;
border: 1px solid $theme_fieldBorderColor;
border: 1px solid $cuba-field-border-color;
background: #fff;
border-left: 0;
height: 25px;
@ -48,7 +48,7 @@
}
.v-disabled.v-button:focus {
border: 1px solid $theme_fieldBorderColor;
border: 1px solid $cuba-field-border-color;
border-left: 0;
}
@ -63,21 +63,21 @@
.v-readonly.v-textfield.v-textfield-focus,
.v-textfield-readonly.v-textfield-focus,
.v-textfield-focus {
border-color: $theme_fieldFocusedBorderColor;
border-color: $cuba-field-focused-border-color;
}
.v-readonly.v-textfield,
.v-textfield-readonly {
border: 1px solid $theme_fieldBorderColor;
border: 1px solid $cuba-field-border-color;
overflow: hidden;
}
}
.#{$primaryStyleName}.v-readonly {
.#{$primary-stylename}.v-readonly {
background-color: transparent;
.v-button {
border: 1px solid $theme_fieldReadonlyBorderColor;
border: 1px solid $cuba-field-readonly-border-color;
border-left: 0;
}
@ -85,7 +85,7 @@
.v-readonly.v-textfield.v-textfield-focus,
.v-textfield-readonly.v-textfield-focus,
.v-textfield-focus {
border: 1px solid $theme_fieldReadonlyBorderColor;
border: 1px solid $cuba-field-readonly-border-color;
overflow: hidden;
}
}

10
modules/web/themes/havana/components/popupbutton/popupbutton.scss
View File

@ -5,10 +5,10 @@
// Version: $Id$
@mixin havana-popupbutton($primaryStyleName: v-popupbutton) {
.#{$primaryStyleName}-popup {
@mixin havana-popupbutton($primary-stylename: v-popupbutton) {
.#{$primary-stylename}-popup {
padding: 3px;
border: 1px solid $theme_fieldBorderColor;
border: 1px solid $cuba-field-border-color;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
@ -32,7 +32,7 @@
}
.v-button:hover {
background: $theme_fieldSelectionColor;
background: $cuba-field-selection-color;
.v-button-caption {
color: #fff;
@ -52,7 +52,7 @@
}
}
.v-button.#{$primaryStyleName} .v-popup-indicator {
.v-button.#{$primary-stylename} .v-popup-indicator {
vertical-align: middle;
height: 12px;
width: 12px;

12
modules/web/themes/havana/components/popupview/popupview.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin havana-popupview($primaryStyleName: v-popupview) {
.#{$primaryStyleName}-popup {
@mixin havana-popupview($primary-stylename: v-popupview) {
.#{$primary-stylename}-popup {
border: 1px solid #babfc0;
border-bottom: 1px solid #dee2e3;
background: #fff;
@ -14,18 +14,18 @@
padding: 3px;
}
.#{$primaryStyleName} {
font-family: $theme_fonts;
.#{$primary-stylename} {
font-family: $cuba-havana-fonts;
font-size: 12px;
cursor: pointer;
}
.#{$primaryStyleName}-popup-abbreviated .v-csslayout {
.#{$primary-stylename}-popup-abbreviated .v-csslayout {
width: 400px;
height: 300px;
}
.#{$primaryStyleName}-abbreviated {
.#{$primary-stylename}-abbreviated {
text-decoration: none;
border-bottom: 1px dashed;
padding-bottom: 1px;

16
modules/web/themes/havana/components/progressindicator/progressindicator.scss
View File

@ -5,34 +5,34 @@
// Version: $Id$
@mixin havana-progressindicator($primaryStyleName: v-progressbar) {
.#{$primaryStyleName} {
@mixin havana-progressindicator($primary-stylename: v-progressbar) {
.#{$primary-stylename} {
background: #dfe2e4 url(images/progress-bg.gif);
width: 150px;
}
.#{$primaryStyleName}-wrapper {
.#{$primary-stylename}-wrapper {
border: 1px solid #b6bbbc;
height: 9px;
}
.#{$primaryStyleName}-disabled {
.#{$primary-stylename}-disabled {
background: #dfe2e4 url(images/progress-disabled.gif);
height: 9px;
border: 1px solid #b6bbbc;
}
.#{$primaryStyleName}-indicator {
.#{$primary-stylename}-indicator {
background: #f7f9f9 url(images/progress-line.png);
height: 9px;
}
div.#{$primaryStyleName}-indeterminate,
div.#{$primaryStyleName}-indeterminate-disabled {
div.#{$primary-stylename}-indeterminate,
div.#{$primary-stylename}-indeterminate-disabled {
background: #dfe2e4 url(images/progress-bg.gif);
height: 9px;
.#{$primaryStyleName}-indicator {
.#{$primary-stylename}-indicator {
background: #f7f9f9 url(images/progress-line.png);
height: 9px;
}

4
modules/web/themes/havana/components/resizabletextarea/resizabletextarea.scss
View File

@ -5,9 +5,9 @@
// Version: $Id$
@mixin havana-cuba-resizabletextarea($primaryStyleName: cuba-resizabletextarea) {
@mixin havana-cuba-resizabletextarea($primary-stylename: cuba-resizabletextarea) {
.#{$primaryStyleName}-resize-corner {
.#{$primary-stylename}-resize-corner {
z-index: 1001;
position: absolute;
bottom: 1px;

22
modules/web/themes/havana/components/richtextarea/richtextarea.scss
View File

@ -5,31 +5,31 @@
// Version: $Id$
@mixin havana-richtextarea($primaryStyleName: v-richtextarea) {
@mixin havana-richtextarea($primary-stylename: v-richtextarea) {
.#{$primaryStyleName} {
border: 1px solid $theme_fieldBorderColor;
.#{$primary-stylename} {
border: 1px solid $cuba-field-border-color;
}
.#{$primaryStyleName}-readonly {
.#{$primary-stylename}-readonly {
border: 0;
}
.#{$primaryStyleName} .gwt-RichTextToolbar {
.#{$primary-stylename} .gwt-RichTextToolbar {
background: #8398AF url(images/richtext-toolbar-bg.png) repeat-x 0 -42px;
border-bottom: 1px solid #8398AF;
}
.#{$primaryStyleName} .gwt-RichTextToolbar .gwt-ToggleButton,
.#{$primaryStyleName} .gwt-RichTextToolbar .gwt-PushButton {
.#{$primary-stylename} .gwt-RichTextToolbar .gwt-ToggleButton,
.#{$primary-stylename} .gwt-RichTextToolbar .gwt-PushButton {
outline: 0;
background: transparent url(images/richtext-toolbar-bg.png) repeat-x;
}
.#{$primaryStyleName} .gwt-RichTextToolbar .gwt-ToggleButton-down,
.#{$primaryStyleName} .gwt-RichTextToolbar .gwt-PushButton-down,
.#{$primaryStyleName} .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
.#{$primaryStyleName} .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
.#{$primary-stylename} .gwt-RichTextToolbar .gwt-ToggleButton-down,
.#{$primary-stylename} .gwt-RichTextToolbar .gwt-PushButton-down,
.#{$primary-stylename} .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
.#{$primary-stylename} .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
background-position: 0 -21px;
}
}

18
modules/web/themes/havana/components/searchselect/searchselect.scss
View File

@ -5,26 +5,26 @@
// Version: $Id$
@mixin havana-cuba-searchselect($primaryStyleName: cuba-searchselect) {
@mixin havana-cuba-searchselect($primary-stylename: cuba-searchselect) {
@include havana-filterselect($primaryStyleName);
@include havana-filterselect($primary-stylename);
.#{$primaryStyleName} {
.#{$primary-stylename} {
padding-right: 0px;
.#{$primaryStyleName}-button {
.#{$primary-stylename}-button {
background: none;
display: none;
}
}
.#{$primaryStyleName}-edit-filter.#{$primaryStyleName}-focus,
.#{$primaryStyleName}-edit-filter.#{$primaryStyleName}-focus .#{$primaryStyleName}-input:focus {
background-color: $theme_searchSelectEditColor;
.#{$primary-stylename}-edit-filter.#{$primary-stylename}-focus,
.#{$primary-stylename}-edit-filter.#{$primary-stylename}-focus .#{$primary-stylename}-input:focus {
background-color: $cuba-searchselect-edit-color;
}
.v-readonly.#{$primaryStyleName}-edit-filter.#{$primaryStyleName}-focus,
.v-readonly.#{$primaryStyleName}-edit-filter.#{$primaryStyleName}-focus .#{$primaryStyleName}-input:focus {
.v-readonly.#{$primary-stylename}-edit-filter.#{$primary-stylename}-focus,
.v-readonly.#{$primary-stylename}-edit-filter.#{$primary-stylename}-focus .#{$primary-stylename}-input:focus {
background-color: transparent;
}
}

64
modules/web/themes/havana/components/select/select.scss
View File

@ -5,12 +5,12 @@
// Version: $Id$
@mixin havana-filterselect($primaryStyleName: v-filterselect) {
$comboBoxBorder: 1px solid $theme_fieldBorderColor;
$comboBoxBorderFocused: 1px solid $theme_fieldFocusedBorderColor;
$comboBoxBorderReadonly: 1px solid $theme_fieldReadonlyBorderColor;
@mixin havana-filterselect($primary-stylename: v-filterselect) {
$comboBoxBorder: 1px solid $cuba-field-border-color;
$comboBoxBorderFocused: 1px solid $cuba-field-focused-border-color;
$comboBoxBorderReadonly: 1px solid $cuba-field-readonly-border-color;
.#{$primaryStyleName} {
.#{$primary-stylename} {
@include box-defaults;
line-height: 0;
@ -27,7 +27,7 @@
float: left;
}
.#{$primaryStyleName}-input {
.#{$primary-stylename}-input {
@include box-defaults;
background-color: transparent;
@ -42,7 +42,7 @@
font-size: 8pt;
}
.#{$primaryStyleName}-button {
.#{$primary-stylename}-button {
@include box-defaults;
cursor: pointer;
@ -61,43 +61,43 @@
}
}
.#{$primaryStyleName}-focus {
.#{$primary-stylename}-focus {
background: #fff;
border-left: $comboBoxBorderFocused;
.#{$primaryStyleName}-button {
.#{$primary-stylename}-button {
border: $comboBoxBorderFocused;
border-left: 0;
background-image: url(sprites/filter-button-focus-bg.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-input:focus {
.#{$primary-stylename}-input:focus {
border: $comboBoxBorderFocused;
border-left: 0;
}
}
.#{$primaryStyleName}.v-readonly {
.#{$primary-stylename}.v-readonly {
padding-right: 0;
border-left: $comboBoxBorderReadonly;
.#{$primaryStyleName}-button {
.#{$primary-stylename}-button {
border: $comboBoxBorderReadonly;
border-left: 0;
background-image: url(sprites/filter-button-readonly-bg.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-input-readonly {
.#{$primary-stylename}-input-readonly {
border: $comboBoxBorderReadonly;
border-left: 0;
}
}
.#{$primaryStyleName}-suggestpopup {
border: 1px solid $theme_fieldPopupBorderColor;
font-family: $theme_fonts;
.#{$primary-stylename}-suggestpopup {
border: 1px solid $cuba-field-popup-border-color;
font-family: $cuba-havana-fonts;
color: #000;
font-size: 12px;
line-height: 18px;
@ -121,15 +121,15 @@
}
.gwt-MenuItem-selected {
background: $theme_fieldSelectionColor;
background: $cuba-field-selection-color;
color: #fff;
}
}
.#{$primaryStyleName}-nextpage,
.#{$primaryStyleName}-nextpage-off,
.#{$primaryStyleName}-prevpage-off,
.#{$primaryStyleName}-prevpage {
.#{$primary-stylename}-nextpage,
.#{$primary-stylename}-nextpage-off,
.#{$primary-stylename}-prevpage-off,
.#{$primary-stylename}-prevpage {
height: 12px;
width: 100%;
background: transparent no-repeat 50% 0;
@ -138,15 +138,15 @@
overflow: hidden;
}
.#{$primaryStyleName}-nextpage-off span,
.#{$primaryStyleName}-prevpage-off span {
.#{$primary-stylename}-nextpage-off span,
.#{$primary-stylename}-prevpage-off span {
cursor: default;
}
.#{$primaryStyleName}-nextpage span,
.#{$primaryStyleName}-nextpage-off span,
.#{$primaryStyleName}-prevpage-off span,
.#{$primaryStyleName}-prevpage span {
.#{$primary-stylename}-nextpage span,
.#{$primary-stylename}-nextpage-off span,
.#{$primary-stylename}-prevpage-off span,
.#{$primary-stylename}-prevpage span {
background-repeat: no-repeat;
display: block;
height: 12px;
@ -160,7 +160,7 @@
margin-left: -28px;
}
.#{$primaryStyleName}-status {
.#{$primary-stylename}-status {
font-size: 11px;
line-height: 11px;
width: 100%;
@ -171,19 +171,19 @@
border-top: 1px solid #b6bbbc;
}
.#{$primaryStyleName}-nextpage span {
.#{$primary-stylename}-nextpage span {
background-image: url(sprites/popup-down.png); /** sprite-ref: components-large; */
}
.#{$primaryStyleName}-prevpage span {
.#{$primary-stylename}-prevpage span {
background-image: url(sprites/popup-up.png); /** sprite-ref: components-large; */
}
.#{$primaryStyleName}-nextpage-off span {
.#{$primary-stylename}-nextpage-off span {
background-image: url(sprites/popup-down-disabled.png); /** sprite-ref: components-large; */
}
.#{$primaryStyleName}-prevpage-off span {
.#{$primary-stylename}-prevpage-off span {
background-image: url(sprites/popup-up-disabled.png); /** sprite-ref: components-large; */
}
}

16
modules/web/themes/havana/components/sourcecodeeditor/sourcecodeeditor.scss
View File

@ -5,9 +5,9 @@
// Version: $Id$
@mixin havana-sourcecodeeditor($primaryStyleName : AceEditorWidget) {
.#{$primaryStyleName} {
border-color: $theme_fieldBorderColor;
@mixin havana-sourcecodeeditor($primary-stylename : AceEditorWidget) {
.#{$primary-stylename} {
border-color: $cuba-field-border-color;
.ace_cursor {
visibility: hidden;
@ -15,18 +15,18 @@
}
}
.#{$primaryStyleName} .ace_focus {
.#{$primary-stylename} .ace_focus {
.ace_cursor {
visibility: visible;
}
}
.#{$primaryStyleName}-focus {
border-color: $theme_fieldFocusedBorderColor;
.#{$primary-stylename}-focus {
border-color: $cuba-field-focused-border-color;
}
.#{$primaryStyleName},
.#{$primaryStyleName}:focus {
.#{$primary-stylename},
.#{$primary-stylename}:focus {
outline: none;
}
}

24
modules/web/themes/havana/components/splitpanel/splitpanel.scss
View File

@ -5,13 +5,13 @@
// Version: $Id$
@mixin havana-splitpanel($primaryStyleName: v-splitpanel) {
.#{$primaryStyleName}-horizontal, .#{$primaryStyleName}-vertical {
@mixin havana-splitpanel($primary-stylename: v-splitpanel) {
.#{$primary-stylename}-horizontal, .#{$primary-stylename}-vertical {
overflow: hidden;
}
.#{$primaryStyleName}-horizontal {
.#{$primaryStyleName}-hsplitter {
.#{$primary-stylename}-horizontal {
.#{$primary-stylename}-hsplitter {
width: 4px;
div {
@ -20,20 +20,20 @@
position: absolute;
top: 0;
bottom: 0;
background: $theme_splitPanelSplitterColor url(images/ruler-vertical.png) center no-repeat;
background: $cuba-splitpanel-splitter-color url(images/ruler-vertical.png) center no-repeat;
cursor: e-resize;
margin: 0 0;
}
}
}
.#{$primaryStyleName}-vertical {
.#{$primaryStyleName}-vsplitter {
.#{$primary-stylename}-vertical {
.#{$primary-stylename}-vsplitter {
height: 10px;
div {
height: 6px;
background: $theme_splitPanelSplitterColor url(images/ruler-horizontal.png) center no-repeat;
background: $cuba-splitpanel-splitter-color url(images/ruler-horizontal.png) center no-repeat;
border: 0;
cursor: n-resize;
margin: 0;
@ -58,17 +58,17 @@
background-image: url(sprites/dock-button-right.png); /** sprite-ref: components; */
}
.cuba-splitpanel-dockable-right > div > .#{$primaryStyleName}-hsplitter > div,
.cuba-splitpanel-dockable-left > div > .#{$primaryStyleName}-hsplitter > div {
.cuba-splitpanel-dockable-right > div > .#{$primary-stylename}-hsplitter > div,
.cuba-splitpanel-dockable-left > div > .#{$primary-stylename}-hsplitter > div {
background: transparent none;
}
.cuba-splitpanel-dockable-left > div > .#{$primaryStyleName}-hsplitter {
.cuba-splitpanel-dockable-left > div > .#{$primary-stylename}-hsplitter {
width: 5px;
background: url(images/dockable-split-left.png) center repeat-y;
}
.cuba-splitpanel-dockable-right > div > .#{$primaryStyleName}-hsplitter {
.cuba-splitpanel-dockable-right > div > .#{$primary-stylename}-hsplitter {
width: 5px;
background: url(images/dockable-split-right.png) center repeat-y;
}

138
modules/web/themes/havana/components/table/table.scss
View File

@ -5,31 +5,31 @@
// Version: $Id$
@mixin havana-table($primaryStyleName: v-table) {
.#{$primaryStyleName} {
@mixin havana-table($primary-stylename: v-table) {
.#{$primary-stylename} {
text-align: left;
.#{$primaryStyleName}-arow {
.#{$primary-stylename}-arow {
@include box-defaults;
border-top: 1px solid $theme_fieldBorderColor;
border-left: 1px solid $theme_fieldBorderColor;
border-right: 1px solid $theme_fieldBorderColor;
border-top: 1px solid $cuba-field-border-color;
border-left: 1px solid $cuba-field-border-color;
border-right: 1px solid $cuba-field-border-color;
}
.#{$primaryStyleName}-arow-row {
.#{$primary-stylename}-arow-row {
@include box-defaults;
height: 24px;
background: #ccc;
border-right: 1px solid $theme_fieldBorderColor;
border-right: 1px solid $cuba-field-border-color;
}
.#{$primaryStyleName}-arow-row > .#{$primaryStyleName}-cell-content {
.#{$primary-stylename}-arow-row > .#{$primary-stylename}-cell-content {
border-bottom: 0;
}
.#{$primaryStyleName}-cell-content.boolean-cell-true .#{$primaryStyleName}-cell-wrapper {
.#{$primary-stylename}-cell-content.boolean-cell-true .#{$primary-stylename}-cell-wrapper {
color: transparent;
font-size: 0px;
height: 13px;
@ -37,7 +37,7 @@
background-image: url(sprites/checkbox-checked.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-cell-content.boolean-cell-false .#{$primaryStyleName}-cell-wrapper {
.#{$primary-stylename}-cell-content.boolean-cell-false .#{$primary-stylename}-cell-wrapper {
color: transparent;
font-size: 0px;
height: 13px;
@ -45,19 +45,19 @@
background-image: url(sprites/checkbox-unchecked.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-header-wrap {
.#{$primary-stylename}-header-wrap {
height: 23px;
background: $theme_tableHeaderBackgroundColor;
border: 1px solid $theme_fieldBorderColor;
background: $cuba-table-header-background-color;
border: 1px solid $cuba-field-border-color;
border-bottom: none;
overflow: hidden;
position: relative;
.#{$primaryStyleName}-header {
.#{$primary-stylename}-header {
height: 23px;
.#{$primaryStyleName}-caption-container {
color: $theme_tableTextColor;
.#{$primary-stylename}-caption-container {
color: $cuba-table-text-color;
height: 23px;
float: left;
overflow: hidden;
@ -67,10 +67,10 @@
font-size: 11px;
}
.#{$primaryStyleName}-header-cell:hover,
.#{$primaryStyleName}-header-cell-asc:hover,
.#{$primaryStyleName}-header-cell-desc:hover {
background: $theme_tableHeaderHoverBackgroundColor;
.#{$primary-stylename}-header-cell:hover,
.#{$primary-stylename}-header-cell-asc:hover,
.#{$primary-stylename}-header-cell-desc:hover {
background: $cuba-table-header-hover-background-color;
}
table {
@ -81,54 +81,54 @@
}
}
.#{$primaryStyleName}-resizer {
.#{$primary-stylename}-resizer {
@include box-defaults;
display: block;
height: 23px;
float: right;
background: transparent;
border-right: 1px solid $theme_fieldBorderColor;
border-right: 1px solid $cuba-field-border-color;
width: 3px;
cursor: col-resize;
}
.#{$primaryStyleName}-header > div {
.#{$primary-stylename}-header > div {
height: 23px;
}
}
.#{$primaryStyleName}-body-wrapper {
border: 1px solid $theme_fieldBorderColor;
.#{$primary-stylename}-body-wrapper {
border: 1px solid $cuba-field-border-color;
}
.#{$primaryStyleName}-body {
.#{$primary-stylename}-body {
background: #fff;
}
.#{$primaryStyleName}-cell-content {
border-right-color: $theme_tableCellSeparatorColor;
.#{$primary-stylename}-cell-content {
border-right-color: $cuba-table-cell-separator-color;
font-size: 11px;
line-height: 15px;
color: $theme_tableTextColor;
border-bottom: 1px solid $theme_tableCellSeparatorColor;
color: $cuba-table-text-color;
border-bottom: 1px solid $cuba-table-cell-separator-color;
.v-button-caption,
.v-button-link .v-button-caption {
font-size: 11px;
color: $theme_buttonCaptionColor;
color: $cuba-button-caption-color;
}
.v-label {
font-size: 11px;
}
.#{$primaryStyleName}-cell-wrapper {
.#{$primary-stylename}-cell-wrapper {
font-size: 11px;
}
}
.#{$primaryStyleName}-cell-wrapper.widget-container {
.#{$primary-stylename}-cell-wrapper.widget-container {
padding-top: 2px;
padding-bottom: 2px;
@ -138,58 +138,58 @@
}
}
.#{$primaryStyleName}-row,
.#{$primaryStyleName}-row-odd {
background-color: $theme_tableRowBackgroundColor;
.#{$primary-stylename}-row,
.#{$primary-stylename}-row-odd {
background-color: $cuba-table-row-background-color;
height: 24px;
cursor: default;
}
.#{$primaryStyleName}-row-odd {
background-color: $theme_tableRowOddBackgroundColor;
.#{$primary-stylename}-row-odd {
background-color: $cuba-table-row-odd-background-color;
}
.#{$primaryStyleName}-row:hover,
.#{$primaryStyleName}-row-odd:hover {
background-color: $theme_tableRowHoverBackgroundColor;
.#{$primary-stylename}-row:hover,
.#{$primary-stylename}-row-odd:hover {
background-color: $cuba-table-row-hover-background-color;
.on-hover-visible-layout {
visibility: visible;
}
}
.#{$primaryStyleName}-caption-row {
.#{$primary-stylename}-caption-row {
background-color: #c6cbcd;
cursor: default;
}
.#{$primaryStyleName}-caption-row-content {
.#{$primary-stylename}-caption-row-content {
white-space: nowrap;
overflow: hidden;
line-height: 15px;
}
.#{$primaryStyleName}-row.v-selected,
.#{$primaryStyleName}-row-odd.v-selected,
.#{$primaryStyleName}-caption-row.v-selected {
background-color: $theme_tableRowSelectionBackgroundColor;
.#{$primary-stylename}-row.v-selected,
.#{$primary-stylename}-row-odd.v-selected,
.#{$primary-stylename}-caption-row.v-selected {
background-color: $cuba-table-row-selection-background-color;
.#{$primaryStyleName}-cell-content {
color: $theme_tableTextColor;
.#{$primary-stylename}-cell-content {
color: $cuba-table-text-color;
}
}
.#{$primaryStyleName}-focus .#{$primaryStyleName}-cell-content {
.#{$primary-stylename}-focus .#{$primary-stylename}-cell-content {
border-top: 0;
border-bottom: 1px solid $theme_tableCellSeparatorColor;
border-bottom: 1px solid $cuba-table-cell-separator-color;
}
.#{$primaryStyleName}-focus .#{$primaryStyleName}-cell-wrapper {
.#{$primary-stylename}-focus .#{$primary-stylename}-cell-wrapper {
margin-top: 0;
margin-bottom: 0;
}
.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator,
.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator {
.#{$primary-stylename}-header-cell-asc .#{$primary-stylename}-sort-indicator,
.#{$primary-stylename}-header-cell-desc .#{$primary-stylename}-sort-indicator {
width: 10px;
height: 10px;
background: transparent;
@ -198,15 +198,15 @@
margin-top: 4px;
}
.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator {
.#{$primary-stylename}-header-cell-asc .#{$primary-stylename}-sort-indicator {
background-image: url(sprites/sort-asc.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator {
.#{$primary-stylename}-header-cell-desc .#{$primary-stylename}-sort-indicator {
background-image: url(sprites/sort-desc.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-column-selector {
.#{$primary-stylename}-column-selector {
width: 16px;
height: 16px;
margin-top: -20px;
@ -216,7 +216,7 @@
background-image: url(sprites/column-selector.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-scrollposition {
.#{$primary-stylename}-scrollposition {
width: 160px;
height: 39px;
border: 0;
@ -228,7 +228,7 @@
background-image: url(sprites/scroll-position-bg.png); /** sprite-ref: components-large; */
}
.#{$primaryStyleName}-scrollposition span {
.#{$primary-stylename}-scrollposition span {
display: block;
margin-top: 8px;
text-align: center;
@ -237,9 +237,9 @@
}
}
.#{$primaryStyleName}-column-selector-popup.v-contextmenu {
.#{$primary-stylename}-column-selector-popup.v-contextmenu {
.gwt-MenuItem {
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
div {
padding: 2px 8px 2px 18px;
@ -252,17 +252,17 @@
.gwt-MenuItem-selected {
div {
background: $theme_fieldSelectionColor;
background: $cuba-field-selection-color;
}
.v-on div {
background: $theme_fieldSelectionColor url(images/check-hover.png) no-repeat 5px 50%;
background: $cuba-field-selection-color url(images/check-hover.png) no-repeat 5px 50%;
color: #fff;
}
}
}
.#{$primaryStyleName}-header-drag {
.#{$primary-stylename}-header-drag {
position: absolute;
background: #e7edf3;
border: 1px solid #b6bbbc;
@ -274,12 +274,12 @@
line-height: normal;
}
.#{$primaryStyleName} > div:focus {
.#{$primary-stylename} > div:focus {
outline: none;
}
.#{$primaryStyleName} > div:focus,
.#{$primaryStyleName}.#{$primaryStyleName}-body-focus .#{$primaryStyleName}-body.#{$primaryStyleName}-body-wrapper {
border-color: $theme_fieldFocusedBorderColor;
.#{$primary-stylename} > div:focus,
.#{$primary-stylename}.#{$primary-stylename}-body-focus .#{$primary-stylename}-body.#{$primary-stylename}-body-wrapper {
border-color: $cuba-field-focused-border-color;
}
}

184
modules/web/themes/havana/components/tabsheet/tabsheet.scss
View File

@ -5,22 +5,22 @@
// Version: $Id$
@mixin havana-tabsheet-third($primaryStyleName) {
@mixin havana-tabsheet-third($primary-stylename) {
.#{$primaryStyleName} {
.#{$primary-stylename} {
.#{$primaryStyleName}-deco {
.#{$primary-stylename}-deco {
background: transparent;
}
// inner tabsheet
// Third level
.#{$primaryStyleName}-tabs {
.#{$primary-stylename}-tabs {
background: transparent url(images/inner-tabsheet-bg.png) repeat-x bottom;
.#{$primaryStyleName}-tabitemcell {
.#{$primaryStyleName}-tabitem {
border-left: 1px solid $theme_tabsheetThirdBorderColor;
.#{$primary-stylename}-tabitemcell {
.#{$primary-stylename}-tabitem {
border-left: 1px solid $cuba-tabsheet-third-border-color;
height: 14px;
line-height: 14px;
margin-bottom: 9px;
@ -31,12 +31,12 @@
height: 20px;
padding: 0 6px 5px 4px;
.v-captiontext {
color: $theme_tabsheetThirdCaptionColor;
color: $cuba-tabsheet-third-caption-color;
}
}
}
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected {
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected {
height: 25px;
line-height: 14px;
margin-bottom: 0;
@ -45,53 +45,53 @@
}
}
.#{$primaryStyleName}-tabitemcell:first-child .#{$primaryStyleName}-tabitem {
.#{$primary-stylename}-tabitemcell:first-child .#{$primary-stylename}-tabitem {
border-left: 1px transparent;
padding-left: 0;
}
.#{$primaryStyleName}-tabitemcell:first-child .#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected {
border-left: 1px solid $theme_tabsheetThirdBorderColor;
.#{$primary-stylename}-tabitemcell:first-child .#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected {
border-left: 1px solid $cuba-tabsheet-third-border-color;
padding-left: 6px;
}
// after selected tab
// hide separator
.#{$primaryStyleName}-tabitemcell-selected + .#{$primaryStyleName}-tabitemcell .#{$primaryStyleName}-tabitem {
.#{$primary-stylename}-tabitemcell-selected + .#{$primary-stylename}-tabitemcell .#{$primary-stylename}-tabitem {
border-left: 1px transparent;
padding-left: 0;
}
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected-first,
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected {
background: $theme_tabsheetThirdBackgroundColor;
border-color: $theme_tabsheetThirdBorderColor;
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected-first,
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected {
background: $cuba-tabsheet-third-background-color;
border-color: $cuba-tabsheet-third-border-color;
}
}
.#{$primaryStyleName}-content {
background: $theme_tabsheetThirdBackgroundColor;
border: 1px solid $theme_tabsheetThirdBorderColor;
.#{$primary-stylename}-content {
background: $cuba-tabsheet-third-background-color;
border: 1px solid $cuba-tabsheet-third-border-color;
border-top-style: none;
}
}
}
@mixin havana-tabsheet-second($primaryStyleName) {
@mixin havana-tabsheet-second($primary-stylename) {
.#{$primaryStyleName} {
.#{$primary-stylename} {
// inner tabsheet
// Second level
.#{$primaryStyleName}-spacertd div {
.#{$primary-stylename}-spacertd div {
border-bottom: 0;
}
.#{$primaryStyleName}-tabs {
.#{$primary-stylename}-tabs {
background: transparent url(images/middle-tabsheet-bg.png) repeat-x bottom;
.#{$primaryStyleName}-tabitem {
border-left: 1px solid $theme_tabsheetSecondBorderColor;
.#{$primary-stylename}-tabitem {
border-left: 1px solid $cuba-tabsheet-second-border-color;
height: 14px;
line-height: 14px;
margin-bottom: 9px;
@ -103,93 +103,93 @@
padding: 0 6px 5px 4px;
.v-captiontext {
color: $theme_tabsheetSecondCaptionColor;
color: $cuba-tabsheet-second-caption-color;
}
}
}
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected {
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected {
height: 25px;
line-height: 14px;
margin-bottom: 0;
padding-left: 6px;
padding-top: 3px;
border: 1px solid $theme_tabsheetSecondBorderColor;
border: 1px solid $cuba-tabsheet-second-border-color;
border-bottom: 0;
background: $theme_tabsheetSecondBackgroundColor;
background: $cuba-tabsheet-second-background-color;
}
.#{$primaryStyleName}-tabitem-selected-first {
.#{$primary-stylename}-tabitem-selected-first {
border-bottom: 0;
background: $theme_tabsheetSecondBackgroundColor;
border-color: $theme_tabsheetSecondBorderColor;
background: $cuba-tabsheet-second-background-color;
border-color: $cuba-tabsheet-second-border-color;
}
.#{$primaryStyleName}-tabitemcell:first-child .#{$primaryStyleName}-tabitem {
.#{$primary-stylename}-tabitemcell:first-child .#{$primary-stylename}-tabitem {
border-left: 1px transparent;
padding-left: 0;
}
.#{$primaryStyleName}-tabitemcell:first-child .#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected {
border-left: 1px solid $theme_tabsheetSecondBorderColor;
.#{$primary-stylename}-tabitemcell:first-child .#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected {
border-left: 1px solid $cuba-tabsheet-second-border-color;
padding-left: 6px;
}
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitemcell-selected,
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitemcell-selected-first {
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitemcell-selected,
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitemcell-selected-first {
border: 0;
padding-left: 0;
}
// after selected tab
// hide separator
.#{$primaryStyleName}-tabitemcell-selected + .#{$primaryStyleName}-tabitemcell .#{$primaryStyleName}-tabitem {
.#{$primary-stylename}-tabitemcell-selected + .#{$primary-stylename}-tabitemcell .#{$primary-stylename}-tabitem {
border-left: 1px transparent;
padding-left: 0;
}
}
.#{$primaryStyleName}-content {
border: 1px solid $theme_tabsheetSecondBorderColor;
.#{$primary-stylename}-content {
border: 1px solid $cuba-tabsheet-second-border-color;
border-top-style: none;
background: $theme_tabsheetSecondBackgroundColor;
background: $cuba-tabsheet-second-background-color;
@include havana-tabsheet-third($primaryStyleName);
@include havana-tabsheet-third($primary-stylename);
}
}
}
@mixin havana-tabsheet($primaryStyleName: v-tabsheet) {
.#{$primaryStyleName} {
@mixin havana-tabsheet($primary-stylename: v-tabsheet) {
.#{$primary-stylename} {
.#{$primaryStyleName}-spacertd {
.#{$primary-stylename}-spacertd {
width: 100%;
div {
height: 28px;
border-top: 0;
background: transparent;
border-left: 0;
border-bottom: 1px solid $theme_tabsheetBorderColor;
border-bottom: 1px solid $cuba-tabsheet-border-color;
}
}
.#{$primaryStyleName}-hidetabs .#{$primaryStyleName}-tabcontainer {
.#{$primary-stylename}-hidetabs .#{$primary-stylename}-tabcontainer {
display: none;
}
.#{$primaryStyleName}-hidetabs .v-tabsheet-content {
border-top: $theme_tabsheetHideTabsColor solid 1px;
.#{$primary-stylename}-hidetabs .v-tabsheet-content {
border-top: $cuba-tabsheet-hidetabs-color solid 1px;
}
.#{$primaryStyleName}-scroller {
.#{$primary-stylename}-scroller {
white-space: nowrap;
text-align: right;
height: 29px;
margin-top: -29px;
}
.#{$primaryStyleName}-scrollerPrev,
.#{$primaryStyleName}-scrollerNext {
.#{$primary-stylename}-scrollerPrev,
.#{$primary-stylename}-scrollerNext {
border: none;
width: 16px;
height: 16px;
@ -199,8 +199,8 @@
background-repeat: no-repeat;
}
.#{$primaryStyleName}-scrollerPrev-disabled,
.#{$primaryStyleName}-scrollerNext-disabled {
.#{$primary-stylename}-scrollerPrev-disabled,
.#{$primary-stylename}-scrollerNext-disabled {
border: none;
width: 16px;
height: 16px;
@ -210,21 +210,21 @@
background: transparent none;
}
.#{$primaryStyleName}-scrollerNext,
.#{$primaryStyleName}-scrollerNext:hover {
.#{$primary-stylename}-scrollerNext,
.#{$primary-stylename}-scrollerNext:hover {
background-image: url(sprites/next-tab.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-scrollerPrev,
.#{$primaryStyleName}-scrollerPrev:hover {
.#{$primary-stylename}-scrollerPrev,
.#{$primary-stylename}-scrollerPrev:hover {
background-image: url(sprites/prev-tab.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-tabcontainer {
.#{$primary-stylename}-tabcontainer {
height: 33px;
}
.#{$primaryStyleName}-tabs {
.#{$primary-stylename}-tabs {
empty-cells: hide;
border-collapse: collapse;
margin: 0;
@ -249,7 +249,7 @@
vertical-align: bottom;
}
.#{$primaryStyleName}-tabitem {
.#{$primary-stylename}-tabitem {
border: 0;
height: 26px;
padding-top: 3px;
@ -263,35 +263,35 @@
}
}
.#{$primaryStyleName}-tabitemcell {
.#{$primary-stylename}-tabitemcell {
padding-left: 4px;
border-bottom: 0;
margin: 10px;
}
.#{$primaryStyleName}-tabitem .v-caption .v-captiontext,
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected .v-caption .v-captiontext {
font-family: $theme_fonts;
.#{$primary-stylename}-tabitem .v-caption .v-captiontext,
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected .v-caption .v-captiontext {
font-family: $cuba-havana-fonts;
font-size: 12px;
font-weight: normal;
float: left;
}
.#{$primaryStyleName}-tabitem .v-caption .v-captiontext {
.#{$primary-stylename}-tabitem .v-caption .v-captiontext {
border: 1px solid transparent;
color: $theme_tabsheetCaptionInactiveColor;
color: $cuba-tabsheet-caption-inactive-color;
}
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected .v-caption .v-captiontext {
color: $theme_tabsheetCaptionActiveColor;
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected .v-caption .v-captiontext {
color: $cuba-tabsheet-caption-active-color;
}
.#{$primaryStyleName}-tabitem .v-disabled {
color: $theme_tabsheetCaptionInactiveColor;
.#{$primary-stylename}-tabitem .v-disabled {
color: $cuba-tabsheet-caption-inactive-color;
}
.#{$primaryStyleName}-tabitem {
.#{$primaryStyleName}-caption-close {
.#{$primary-stylename}-tabitem {
.#{$primary-stylename}-caption-close {
cursor: pointer;
width: 12px;
height: 12px;
@ -306,12 +306,12 @@
margin: 2px -4px 0 0;
}
.#{$primaryStyleName}-caption-close:hover {
.#{$primary-stylename}-caption-close:hover {
background-image: url(sprites/tab-remove-hover.png); /** sprite-ref: components; */
}
}
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected {
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected {
.v-caption {
background: none;
margin: 0 -1px 0 0;
@ -319,20 +319,20 @@
overflow: visible;
}
.#{$primaryStyleName}-caption-close {
.#{$primary-stylename}-caption-close {
background-image: url(sprites/tab-remove-active.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-caption-close:hover {
.#{$primary-stylename}-caption-close:hover {
background-image: url(sprites/tab-remove-hover.png); /** sprite-ref: components; */
}
}
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected-first,
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected {
border-top: 1px solid $theme_tabsheetBorderColor;
border-left: 1px solid $theme_tabsheetBorderColor;
border-right: 1px solid $theme_tabsheetBorderColor;
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected-first,
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected {
border-top: 1px solid $cuba-tabsheet-border-color;
border-left: 1px solid $cuba-tabsheet-border-color;
border-right: 1px solid $cuba-tabsheet-border-color;
background: url(images/main-tabitem-bg.png) repeat-x;
border-bottom: 0;
height: 28px;
@ -341,13 +341,13 @@
}
}
.#{$primaryStyleName}-deco {
.#{$primary-stylename}-deco {
height: 1px;
background: #fff;
margin-left: 0;
}
.#{$primaryStyleName}-loading .#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected .v-captiontext {
.#{$primary-stylename}-loading .#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected .v-captiontext {
background: transparent;
margin-left: -5px;
padding-left: 5px;
@ -357,29 +357,29 @@
padding-top: 2px;
}
.#{$primaryStyleName}-content {
.#{$primary-stylename}-content {
background: #fff url(images/main-tabpanel-bg.png) repeat-x;
border: none;
position: relative;
@include havana-tabsheet-second($primaryStyleName);
@include havana-tabsheet-second($primary-stylename);
}
}
.#{$primaryStyleName}-focus > .#{$primaryStyleName}-tabcontainer {
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected .v-caption .v-captiontext {
.#{$primary-stylename}-focus > .#{$primary-stylename}-tabcontainer {
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected .v-caption .v-captiontext {
border: 1px dashed #a5c4e0;
}
}
// hide focus while tab updating content
.#{$primaryStyleName}-focus.#{$primaryStyleName}-loading > .#{$primaryStyleName}-tabcontainer {
.#{$primaryStyleName}-tabitem.#{$primaryStyleName}-tabitem-selected .v-caption .v-captiontext {
.#{$primary-stylename}-focus.#{$primary-stylename}-loading > .#{$primary-stylename}-tabcontainer {
.#{$primary-stylename}-tabitem.#{$primary-stylename}-tabitem-selected .v-caption .v-captiontext {
border: 1px solid transparent;
}
}
.v-window-contents {
@include havana-tabsheet-second($primaryStyleName);
@include havana-tabsheet-second($primary-stylename);
}
}

14
modules/web/themes/havana/components/textarea/textarea.scss
View File

@ -5,24 +5,24 @@
// Version: $Id$
@mixin havana-textarea($primaryStyleName: v-textarea) {
.#{$primaryStyleName} {
@mixin havana-textarea($primary-stylename: v-textarea) {
.#{$primary-stylename} {
outline: none;
padding: 2px;
border: 1px solid $theme_fieldBorderColor;
border: 1px solid $cuba-field-border-color;
margin: 0;
font-size: 12px;
text-align: left;
background: #ffffff;
}
.#{$primaryStyleName}:focus {
border-color: $theme_fieldFocusedBorderColor;
.#{$primary-stylename}:focus {
border-color: $cuba-field-focused-border-color;
outline: none;
}
.#{$primaryStyleName}.v-readonly {
.#{$primary-stylename}.v-readonly {
background: transparent;
border: $theme_fieldReadonlyBorderColor 1px solid;
border: $cuba-field-readonly-border-color 1px solid;
}
}

14
modules/web/themes/havana/components/textfield/textfield.scss
View File

@ -5,10 +5,10 @@
// Version: $Id$
@mixin havana-textfield($primaryStyleName: v-textfield) {
.#{$primaryStyleName} {
@mixin havana-textfield($primary-stylename: v-textfield) {
.#{$primary-stylename} {
padding: 2px;
border: 1px solid $theme_fieldBorderColor;
border: 1px solid $cuba-field-border-color;
margin: 0;
font-size: 12px;
height: 25px;
@ -16,13 +16,13 @@
background: #ffffff;
}
.#{$primaryStyleName}:focus {
border-color: $theme_fieldFocusedBorderColor;
.#{$primary-stylename}:focus {
border-color: $cuba-field-focused-border-color;
outline: 0;
}
.#{$primaryStyleName}.v-readonly {
.#{$primary-stylename}.v-readonly {
background: transparent;
border: $theme_fieldReadonlyBorderColor 1px solid;
border: $cuba-field-readonly-border-color 1px solid;
}
}

20
modules/web/themes/havana/components/tokenlist/tokenlist.scss
View File

@ -5,12 +5,12 @@
// Version: $Id$
@mixin havana-cuba-tokenlist($primaryStyleName: cuba-tokenlist) {
.#{$primaryStyleName} .v-csslayout {
@mixin havana-cuba-tokenlist($primary-stylename: cuba-tokenlist) {
.#{$primary-stylename} .v-csslayout {
clear: both;
}
.#{$primaryStyleName} .cuba-tokenlist-label.v-widget {
.#{$primary-stylename} .cuba-tokenlist-label.v-widget {
clear: both;
margin: 0 5px 5px 0;
height: 25px;
@ -20,7 +20,7 @@
padding-left: 5px;
}
.#{$primaryStyleName} .cuba-tokenlist-label-close {
.#{$primary-stylename} .cuba-tokenlist-label-close {
height: 25px;
width: 25px;
background: #fafafa url(images/token-remove.png) center no-repeat;
@ -28,12 +28,12 @@
display: inline-block;
}
.#{$primaryStyleName} .cuba-tokenlist-label-content {
.#{$primary-stylename} .cuba-tokenlist-label-content {
white-space: nowrap;
outline: none;
}
.#{$primaryStyleName} .cuba-tokenlist-label-content .content {
.#{$primary-stylename} .cuba-tokenlist-label-content .content {
font-size: 12px;
white-space: nowrap;
cursor: default;
@ -43,22 +43,22 @@
vertical-align: top;
}
.#{$primaryStyleName}.inline .cuba-tokenlist-label.v-widget {
.#{$primary-stylename}.inline .cuba-tokenlist-label.v-widget {
clear: none;
margin-right: 5px;
float: left;
}
.#{$primaryStyleName} .cuba-tokenlist-label.noedit {
.#{$primary-stylename} .cuba-tokenlist-label.noedit {
background-image: none;
padding-right: 5px;
}
.#{$primaryStyleName} .cuba-tokenlist-label-content.noedit .content {
.#{$primary-stylename} .cuba-tokenlist-label-content.noedit .content {
margin-right: 0;
}
.#{$primaryStyleName} .cuba-tokenlist-label.open .content {
.#{$primary-stylename} .cuba-tokenlist-label.open .content {
cursor: pointer;
}
}

6
modules/web/themes/havana/components/tooltip/tooltip.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin havana-tooltip($primaryStyleName: v-tooltip) {
.#{$primaryStyleName} {
@mixin havana-tooltip($primary-stylename: v-tooltip) {
.#{$primary-stylename} {
background-color: #fffcdd;
border: 1px solid #b8b295;
border-top-color: #d5d2c1;
@ -20,7 +20,7 @@
max-height: 80%;
max-width: 80%;
.#{$primaryStyleName}-text {
.#{$primary-stylename}-text {
padding: 2px 4px;
border: none;
border-top: 1px solid #fffef5;

36
modules/web/themes/havana/components/tree/tree.scss
View File

@ -5,16 +5,16 @@
// Version: $Id$
@mixin havana-tree($primaryStyleName: v-tree) {
.#{$primaryStyleName} {
@mixin havana-tree($primary-stylename: v-tree) {
.#{$primary-stylename} {
text-align: left;
background: #fff;
border: 1px solid $theme_fieldBorderColor;
border: 1px solid $cuba-field-border-color;
overflow: auto;
outline: none;
padding: 0;
.#{$primaryStyleName}-node-caption {
.#{$primary-stylename}-node-caption {
margin-left: 16px;
span {
cursor: default;
@ -24,7 +24,7 @@
display: inline;
white-space: nowrap;
font-size: 12px;
color: $theme_treeCaptionColor;
color: $cuba-tree-caption-color;
}
.v-icon {
display: inline;
@ -32,47 +32,47 @@
}
}
.#{$primaryStyleName}-node {
.#{$primary-stylename}-node {
background: transparent;
background-repeat: no-repeat;
background-image: url(images/item-collapsed.png);
background-position: 0 2px;
}
.#{$primaryStyleName}-node-expanded {
.#{$primary-stylename}-node-expanded {
background-image: url(images/item-expanded.png);
}
.#{$primaryStyleName}-node-children .#{$primaryStyleName}-node {
.#{$primary-stylename}-node-children .#{$primary-stylename}-node {
background-image: url(images/item-collapsed.png);
}
.#{$primaryStyleName}-node-children .#{$primaryStyleName}-node-expanded {
.#{$primary-stylename}-node-children .#{$primary-stylename}-node-expanded {
background-image: url(images/item-expanded.png);
}
.#{$primaryStyleName}-node.#{$primaryStyleName}-node-leaf {
.#{$primary-stylename}-node.#{$primary-stylename}-node-leaf {
background-image: url(images/tree-line.png);
}
.#{$primaryStyleName}-node.#{$primaryStyleName}-node-leaf.#{$primaryStyleName}-node-leaf-last {
.#{$primary-stylename}-node.#{$primary-stylename}-node-leaf.#{$primary-stylename}-node-leaf-last {
background-image: url(images/tree-line-last.png);
}
.#{$primaryStyleName}-node-selected span {
background: $theme_treeSelectionColor;
color: $theme_treeCaptionSelectedColor;
.#{$primary-stylename}-node-selected span {
background: $cuba-tree-selection-color;
color: $cuba-tree-caption-selected-color;
padding: 0 2px;
cursor: default;
}
}
.#{$primaryStyleName} > div [role = "tree"] {
.#{$primary-stylename} > div [role = "tree"] {
padding: 5px;
}
.#{$primaryStyleName}-focus,
.#{$primaryStyleName}:focus {
border-color: $theme_fieldFocusedBorderColor;
.#{$primary-stylename}-focus,
.#{$primary-stylename}:focus {
border-color: $cuba-field-focused-border-color;
}
}

10
modules/web/themes/havana/components/treetable/treetable.scss
View File

@ -5,17 +5,17 @@
// Version: $Id$
@mixin havana-treetable($primaryStyleName : v-treetable) {
.#{$primaryStyleName} {
.#{$primaryStyleName}-node-open {
@mixin havana-treetable($primary-stylename : v-treetable) {
.#{$primary-stylename} {
.#{$primary-stylename}-node-open {
background-image: url(../tree/images/item-expanded.png);
}
.#{$primaryStyleName}-node-closed {
.#{$primary-stylename}-node-closed {
background-image: url(../tree/images/item-collapsed.png);
}
.#{$primaryStyleName}-treespacer {
.#{$primary-stylename}-treespacer {
top: 1px;
height: 12px;
}

14
modules/web/themes/havana/components/twincolumn/twincolumn.scss
View File

@ -5,14 +5,14 @@
// Version: $Id$
@mixin havana-twincolumn($primaryStyleName: v-select-twincol){
@mixin havana-twincolumn($primary-stylename: v-select-twincol){
.#{$primaryStyleName} {
.#{$primary-stylename} {
white-space: nowrap;
overflow: hidden;
}
.#{$primaryStyleName} select {
.#{$primary-stylename} select {
border: 1px solid #a5c4e0;
background: #fff none;
float: left;
@ -20,25 +20,25 @@
overflow-y: auto;
}
.#{$primaryStyleName} select:focus {
.#{$primary-stylename} select:focus {
outline-style: none;
border-color: #4d7ab2;
}
.#{$primaryStyleName} select option {
.#{$primary-stylename} select option {
padding: 1px 0 1px 2px;
border-bottom: 1px solid #fff;
line-height: 18px;
cursor: default;
}
.#{$primaryStyleName}-buttons {
.#{$primary-stylename}-buttons {
float: left;
padding: 2px;
text-align: center;
}
.#{$primaryStyleName}-buttons .v-button {
.#{$primary-stylename}-buttons .v-button {
margin-bottom: 5px;
width: 30px;
}

4
modules/web/themes/havana/components/widgetstree/widgetstree.scss
View File

@ -5,8 +5,8 @@
// Version: $Id$
@mixin havana-cuba-widgetstree($primaryStyleName: cuba-widgetstree){
.#{$primaryStyleName} {
@mixin havana-cuba-widgetstree($primary-stylename: cuba-widgetstree){
.#{$primary-stylename} {
.v-tree-node .v-tree-node-content {
margin-left: 16px;
}

50
modules/web/themes/havana/components/window/window.scss
View File

@ -5,35 +5,35 @@
// Version: $Id$
@mixin havana-window($primaryStyleName: v-window) {
@mixin havana-window($primary-stylename: v-window) {
.#{$primaryStyleName} {
.#{$primary-stylename} {
color: #000;
line-height: 18px;
background: transparent;
.#{$primaryStyleName}-wrap {
font-family: $theme_fonts;
.#{$primary-stylename}-wrap {
font-family: $cuba-havana-fonts;
color: #fff;
.#{$primaryStyleName}-outerheader {
.#{$primary-stylename}-outerheader {
margin-left: 0;
padding: 0 70px 0 5px;
background: $theme_windowHeaderColor no-repeat left top;
background: $cuba-window-header-color no-repeat left top;
cursor: move;
height: auto;
.#{$primaryStyleName}-header {
.#{$primary-stylename}-header {
font-size: 13px;
padding: 6px 5px 5px 7px;
font-weight: bold;
letter-spacing: 0;
background: $theme_windowHeaderColor no-repeat right top;
background: $cuba-window-header-color no-repeat right top;
color: #ffffff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-family: $theme_fonts;
font-family: $cuba-havana-fonts;
margin-right: -45px; // min width for window title
@ -43,9 +43,9 @@
}
}
.#{$primaryStyleName}-closebox,
.#{$primaryStyleName}-maximizebox,
.#{$primaryStyleName}-restorebox {
.#{$primary-stylename}-closebox,
.#{$primary-stylename}-maximizebox,
.#{$primary-stylename}-restorebox {
position: absolute;
top: 10px;
width: 9px;
@ -56,40 +56,40 @@
overflow: hidden;
}
.#{$primaryStyleName}-closebox {
.#{$primary-stylename}-closebox {
right: 7px;
background-image: url(sprites/close.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-closebox:hover {
.#{$primary-stylename}-closebox:hover {
background-image: url(sprites/close-active.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-maximizebox,
.#{$primaryStyleName}-restorebox {
.#{$primary-stylename}-maximizebox,
.#{$primary-stylename}-restorebox {
right: 20px;
background-image: url(sprites/maximize.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-maximizebox:hover,
.#{$primaryStyleName}-restorebox:hover {
.#{$primary-stylename}-maximizebox:hover,
.#{$primary-stylename}-restorebox:hover {
background-image: url(sprites/maximize-active.png); /** sprite-ref: components; */
}
.#{$primaryStyleName}-contents {
.#{$primary-stylename}-contents {
background: #fff;
color: #1E3146;
padding: 8px;
font-size: 12px;
font-family: $theme_fonts;
border: 1px solid $theme_windowBorderColor;
font-family: $cuba-havana-fonts;
border: 1px solid $cuba-window-border-color;
}
.#{$primaryStyleName}-footer {
.#{$primary-stylename}-footer {
height: 10px;
background: transparent;
.#{$primaryStyleName}-resizebox {
.#{$primary-stylename}-resizebox {
position: absolute; /* Needed to position the element over ScrollPanel, which is also relatively positioned */
right: 1px;
bottom: 1px;
@ -101,13 +101,13 @@
overflow: hidden;
}
.#{$primaryStyleName}-resizebox-disabled {
.#{$primary-stylename}-resizebox-disabled {
cursor: default;
background: transparent;
}
}
.#{$primaryStyleName}-footer-noresize {
.#{$primary-stylename}-footer-noresize {
height: 8px;
}
}

108
modules/web/themes/havana/havana-defaults.scss
View File

@ -6,76 +6,76 @@
// Global theme constants
// Version: $Id$
$theme_fonts: Verdana, tahoma, arial, geneva, helvetica, sans-serif, "Trebuchet MS";
$theme_fontColor: #1e3146;
$cuba-havana-fonts: Verdana, tahoma, arial, geneva, helvetica, sans-serif, "Trebuchet MS";
$cuba-havana-font-color: #1e3146;
$theme_appHeaderBackgroundColor: #315379;
$theme_appMenuHighlightColor: #506d8d;
$theme_appSubmenuBackgroundColor: #315379;
$theme_appWorkAreaColor: #8398AF;
$cuba-app-header-background-color: #315379;
$cuba-app-menu-highlight-color: #506d8d;
$cuba-app-submenu-background-color: #315379;
$cuba-app-work-area-color: #8398AF;
$theme_loginFormBackgroundColor: #f4f6f8;
$theme_loginFormBorderColor: #cde0ec;
$cuba-loginform-background-color: #f4f6f8;
$cuba-loginform-border-color: #cde0ec;
$theme_windowHeaderColor: #2b4666;
$theme_windowBorderColor: #8aa9d1;
$cuba-window-header-color: #2b4666;
$cuba-window-border-color: #8aa9d1;
$theme_foldersPaneCaptionColor: #2B4766;
$cuba-folderspane-caption-color: #2B4766;
$theme_buttonBorderColor: #9bb3d3;
$theme_buttonFocucedBorderColor: #4d7ab2;
$theme_buttonCaptionColor: #1e3146;
$cuba-button-border-color: #9bb3d3;
$cuba-button-focuced-border-color: #4d7ab2;
$cuba-button-caption-color: #1e3146;
$theme_fieldBorderColor: #a5c4e0;
$theme_fieldFocusedBorderColor: #4d7ab2;
$theme_fieldReadonlyBorderColor: #c3c3c3;
$theme_fieldPopupBorderColor: #8aa9d1;
$theme_fieldSelectionColor: #4d7ab2;
$cuba-field-border-color: #a5c4e0;
$cuba-field-focused-border-color: #4d7ab2;
$cuba-field-readonly-border-color: #c3c3c3;
$cuba-field-popup-border-color: #8aa9d1;
$cuba-field-selection-color: #4d7ab2;
$theme_dateFieldTodayColor: #4d7ab2;
$theme_dateFieldSelectionColor: #4d7ab2;
$theme_dateFieldSelectionBorderColor: #214db2;
$cuba-datefield-today-color: #4d7ab2;
$cuba-datefield-selection-color: #4d7ab2;
$cuba-datefield-selection-border-color: #214db2;
$theme_fieldGroupBorderedBackgroundColor: #fbfdfd;
$cuba-fieldgroup-bordered-background-color: #fbfdfd;
$theme_breadcrumbsColor: #2b4666;
$theme_linkColor: #0066ff;
$cuba-breadcrumbs-color: #2b4666;
$cuba-link-color: #0066ff;
$theme_tabsheetHideTabsColor: #b5babb;
$cuba-tabsheet-hidetabs-color: #b5babb;
$theme_groupBoxBorderColor: #babfc0;
$theme_groupBoxNoCaptionBorderColor: #a5c4e0;
$theme_groupBoxNoCaptionBackgroundColor: #fbfdfd;
$cuba-groupbox-border-color: #babfc0;
$cuba-groupbox-nocaption-border-color: #a5c4e0;
$cuba-groupbox-nocaption-background-color: #fbfdfd;
$theme_tabsheetBorderColor: #647e9b;
$theme_tabsheetCaptionActiveColor: #1e3146;
$theme_tabsheetCaptionInactiveColor: #fff;
$cuba-tabsheet-border-color: #647e9b;
$cuba-tabsheet-caption-active-color: #1e3146;
$cuba-tabsheet-caption-inactive-color: #fff;
$theme_tabsheetSecondBorderColor: #b4d0e4;
$theme_tabsheetSecondCaptionColor: #1e3146;
$theme_tabsheetSecondBackgroundColor: #f5f7f9;
$cuba-tabsheet-second-border-color: #b4d0e4;
$cuba-tabsheet-second-caption-color: #1e3146;
$cuba-tabsheet-second-background-color: #f5f7f9;
$theme_tabsheetThirdBorderColor: #a4c5df;
$theme_tabsheetThirdCaptionColor: #2b4666;
$theme_tabsheetThirdBackgroundColor: #ebf0f4;
$cuba-tabsheet-third-border-color: #a4c5df;
$cuba-tabsheet-third-caption-color: #2b4666;
$cuba-tabsheet-third-background-color: #ebf0f4;
$theme_splitPanelSplitterColor: #eef3f9;
$cuba-splitpanel-splitter-color: #eef3f9;
$theme_tableTextColor: #1e3146;
$theme_tableHeaderBackgroundColor: #e6eaef;
$theme_tableHeaderHoverBackgroundColor: #f2f5f7;
$theme_tableRowBackgroundColor: #fff;
$theme_tableRowOddBackgroundColor: #f6f8fa;
$theme_tableRowSelectionBackgroundColor: #c3e1ff;
$theme_tableRowHoverBackgroundColor: #f5f4b9;
$theme_tableCellSeparatorColor: #edf3f9;
$theme_tableAggregationRowColor: #8398af;
$cuba-table-text-color: #1e3146;
$cuba-table-header-background-color: #e6eaef;
$cuba-table-header-hover-background-color: #f2f5f7;
$cuba-table-row-background-color: #fff;
$cuba-table-row-odd-background-color: #f6f8fa;
$cuba-table-row-selection-background-color: #c3e1ff;
$cuba-table-row-hover-background-color: #f5f4b9;
$cuba-table-cell-separator-color: #edf3f9;
$cuba-table-aggregation-row-color: #8398af;
$theme_treeSelectionColor: #5daee8;
$theme_treeCaptionColor: #1e3146;
$theme_treeCaptionSelectedColor: #000;
$cuba-tree-selection-color: #5daee8;
$cuba-tree-caption-color: #1e3146;
$cuba-tree-caption-selected-color: #000;
$theme_contextmenuFontColor: #222;
$theme_contextmenuBackgroundColor: #f8f8f9;
$cuba-contextmenu-font-color: #222;
$cuba-contextmenu-background-color: #f8f8f9;
$theme_searchSelectEditColor: #ffbac2;
$cuba-searchselect-edit-color: #ffbac2;