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

Last change on this file since 447 was 443, checked in by hendrikvanantwerpen, 12 years ago

Reorganized for Node --- the SVN gods hate us all!

Lost all historical info on moved files, because SVN is a f *.

Also we have Node now, serving both the static content and forwarding
database requests.

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
10        &*, * {
11            -webkit-user-select: none;
12            -moz-user-select: none;
13            -ms-user-select: none;
14            user-select: none;
15        }
16
17        .dijitButtonNode {
18
19            .flatShading;
20            border: none;
21            height: @button_large_height;
22            background: transparent;
23            color: @headers;
24            font-size: @button_large_font_size;
25            .transition(0.3s);
26
27            .rftIcon {
28                .setIcon(24px);
29            }
30
31            .dijitButtonText {
32                line-height: @button_large_height;
33                margin: 0 0 0 @button_large_height;
34                padding-left: @std_offset_big;
35                display: block;
36            }
37        }
38       
39        &.black .dijitButtonNode .rftIcon {
40            .setIcon(24px, black);
41        }
42
43        &.rftLargeButtonHover .dijitButtonNode,
44        &.rftLargeButtonActive .dijitButtonNode {
45            .transition (0.1s);
46        }
47    }
48
49    //colors on hover
50    span.blue.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
51    .blue .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
52        color: @blue_light;
53    }
54    span.orange.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
55    .orange .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
56        color: @orange_light;
57    }
58    span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
59    .green .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
60        color: @green_light;
61    }
62    span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
63    .red .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
64        color: @red_light;
65    }
66    span.purple.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
67    .purple .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
68        color: @purple_light;
69    }
70
71}
Note: See TracBrowser for help on using the repository browser.