source: Dev/trunk/src/client/qed-client/css/widgets/LargeButton.less @ 492

Last change on this file since 492 was 492, checked in by hendrikvanantwerpen, 11 years ago
  • Enable/disable buttons on content change.
  • One place to do date formatting, because it was going wrong again.
  • Serialize questions in survey properly.
  • _ComplexValueMixin consumes submit events, but does trigger outer forms if present.
  • Trigger dialog show/hide for login only after previous effect is finished.
  • Check that documents are actually valid, not just that validator returned a result.
  • Validate email and timestamp formats.
  • Prepared for live runs.
File size: 2.0 KB
Line 
1#rft.claro {
2
3    .rftLargeButton {
4
5        .flatShading;
6        margin-right: @button_large_spacing;
7        height: @button_large_height;
8        padding: 3px;
9        color: @text;
10
11        &*, * {
12            -webkit-user-select: none;
13            -moz-user-select: none;
14            -ms-user-select: none;
15            user-select: none;
16        }
17
18        &.dijitDisabled {
19            color: @disabledtext;
20        }
21
22        .dijitButtonNode {
23
24            .flatShading;
25            border: none;
26            height: @button_large_height;
27            background: transparent;
28            font-size: @button_large_font_size;
29            .transition(0.3s);
30
31            .rftIcon {
32                .setIcon(24px);
33            }
34
35            .dijitButtonText {
36                line-height: @button_large_height;
37                margin: 0 0 0 @button_large_height;
38                padding-left: @std_offset_big;
39                display: block;
40            }
41        }
42       
43        &.black .dijitButtonNode .rftIcon {
44            .setIcon(24px, black);
45        }
46
47        &.rftLargeButtonHover .dijitButtonNode,
48        &.rftLargeButtonActive .dijitButtonNode {
49            .transition (0.1s);
50        }
51    }
52
53    //colors on hover
54    span.blue.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
55    .blue .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
56        color: @blue_light;
57    }
58    span.orange.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
59    .orange .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
60        color: @orange_light;
61    }
62    span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
63    .green .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
64        color: @green_light;
65    }
66    span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
67    .red .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
68        color: @red_light;
69    }
70    span.purple.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
71    .purple .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
72        color: @purple_light;
73    }
74
75}
Note: See TracBrowser for help on using the repository browser.