3 @todons-selected-color: #d9931a;
4 @todons-selected-color-disabled: #999999;
6 @colorpalette-choice-total-width: 54px;
7 @colorpalette-choice-total-height: 54px;
8 @colorpalette-item-border-width: 4px;
9 @colorpalette-item-border-color: #c0c0c0;
10 @colorpalette-preview-total-width: 304px;
11 @colorpalette-preview-total-height: 109px;
13 @colorpalette-choice-actual-width: @colorpalette-choice-total-width - 2 * @colorpalette-item-border-width;
14 @colorpalette-choice-actual-height: @colorpalette-choice-total-height - 2 * @colorpalette-item-border-width;
15 @colorpalette-preview-actual-width: @colorpalette-preview-total-width - 2 * @colorpalette-item-border-width;
16 @colorpalette-preview-actual-height: @colorpalette-preview-total-height - 2 * @colorpalette-item-border-width;
18 .todons-colorpalette-disabled {
20 .colorpalette-choice-active {
21 border-color: @todons-selected-color-disabled !important;
33 .colorpalette-preview-container {
39 .colorpalette-preview {
42 width: @colorpalette-preview-actual-width;
43 height: @colorpalette-preview-actual-height;
44 border: @colorpalette-item-border-color @colorpalette-item-border-width solid;
49 .colorpalette-bottom-row {
53 .colorpalette-normal-row {
54 .colorpalette-bottom-row;
57 .colorpalette-choice-container-left {
61 .colorpalette-choice-container-rest {
62 .colorpalette-choice-container-left;
66 .colorpalette-normal-row .colorpalette-choice-container-left {
70 .colorpalette-choice {
71 width: @colorpalette-choice-actual-width;
72 height: @colorpalette-choice-actual-width;
73 border-width: @colorpalette-item-border-width;
75 border-color: @colorpalette-item-border-color;
78 .colorpalette-choice-active {
79 border-color: @todons-selected-color;
84 label.colorpickerbutton_label.ui-input-text {
85 display:block !important;