3 @todons-selected-color: #d9931a;
4 @todons-selected-color-disabled: #999999;
6 @colorpalette-choice-total-width: 54 * @unit_base;
7 @colorpalette-choice-total-height: 54 * @unit_base;
8 @colorpalette-item-border-width: 4 * @unit_base;
9 @colorpalette-item-border-color: #c0c0c0;
10 @colorpalette-preview-total-width: 304 * @unit_base;
11 @colorpalette-preview-total-height: 109 * @unit_base;
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;
28 padding-left: 24 * @unit_base;
29 padding-right: 24 * @unit_base;
30 padding-top: 15 * @unit_base;
31 padding-bottom: 15 * @unit_base;
33 .colorpalette-preview-container {
34 padding-top: 48 * @unit_base;
35 padding-bottom: 39 * @unit_base;
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;
63 padding-left: 38 * @unit_base;
66 .colorpalette-normal-row .colorpalette-choice-container-left {
67 padding-bottom: 16 * @unit_base;
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;
76 -moz-border-radius: 0.2em;
77 -webkit-border-radius: 0.2em;
78 bordert-radius: 0.2em;
81 .colorpalette-choice-active {
82 border-color: @todons-selected-color;
85 .LESSpalette_background_style;
88 label.colorpickerbutton_label.ui-input-text {
89 display:block !important;