Last change
on this file since 524 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.9 KB
|
Line | |
---|
1 | #rft.claro { |
---|
2 | .rftIndexMenuBlock { |
---|
3 | width: @indexmenu_blockwidth; |
---|
4 | height: @indexmenu_blockheight; |
---|
5 | background: @base1; |
---|
6 | float: left; |
---|
7 | margin: @indexmenu_blockmargin; |
---|
8 | overflow: hidden; |
---|
9 | |
---|
10 | &:hover .rftIndexMenuMask { |
---|
11 | margin-top: -@indexmenu_blockheight; |
---|
12 | } |
---|
13 | } |
---|
14 | .rftIndexMenuMask { |
---|
15 | width: @indexmenu_blockwidth; |
---|
16 | height: @indexmenu_blockheight; |
---|
17 | background: @base1; |
---|
18 | color: @headers; |
---|
19 | margin-top: 0; |
---|
20 | |
---|
21 | .label { |
---|
22 | color: @headers; |
---|
23 | font-size: @indexmenu_font_size; |
---|
24 | height: @indexmenu_font_size; |
---|
25 | line-height: @indexmenu_font_size; |
---|
26 | margin-top: (@indexmenu_blockheight - @indexmenu_font_size) / 2; |
---|
27 | float: left; |
---|
28 | } |
---|
29 | |
---|
30 | .rftIcon { |
---|
31 | .setIcon(32px); |
---|
32 | float: left; |
---|
33 | margin: ((@indexmenu_blockheight - @indexmenu_font_size)/2) 8px 0 8px; |
---|
34 | } |
---|
35 | } |
---|
36 | .rftIndexMenuButton { |
---|
37 | .flatShading; |
---|
38 | .noOffset; |
---|
39 | .transition (0.3s); |
---|
40 | line-height: @button_indexmenu_height; |
---|
41 | border: none; |
---|
42 | |
---|
43 | .dijitButtonNode { |
---|
44 | border: none; |
---|
45 | color: @headers; |
---|
46 | font-size: @h2Size; |
---|
47 | |
---|
48 | .dijitButtonContents { |
---|
49 | vertical-align: top; |
---|
50 | |
---|
51 | .dijitButtonText { |
---|
52 | padding-bottom: 10px; |
---|
53 | line-height: 20px; |
---|
54 | } |
---|
55 | |
---|
56 | .rftIcon { |
---|
57 | .setIcon (32px); |
---|
58 | margin: 0 @std_offset_big; |
---|
59 | } |
---|
60 | } |
---|
61 | |
---|
62 | } |
---|
63 | |
---|
64 | .indexMenuMixin (@number) when (@number > 0){ |
---|
65 | @height: @indexmenu_blockheight / @number; |
---|
66 | height: @height; |
---|
67 | width: @indexmenu_blockwidth; |
---|
68 | |
---|
69 | .dijitButtonNode { |
---|
70 | margin: ((@height - @button_indexmenu_content_size)/2) 0 0 0; |
---|
71 | } |
---|
72 | } |
---|
73 | |
---|
74 | &.oneHeight { |
---|
75 | .indexMenuMixin (4); |
---|
76 | } |
---|
77 | &.twoHeight { |
---|
78 | .indexMenuMixin (2); |
---|
79 | } |
---|
80 | &.fourHeight { |
---|
81 | .indexMenuMixin (1); |
---|
82 | } |
---|
83 | |
---|
84 | &.rftIndexMenuButtonHover { |
---|
85 | color: @text; |
---|
86 | .transition (0.1s); |
---|
87 | .dijitButtonText { |
---|
88 | color: @text; |
---|
89 | .transition(0.1s); |
---|
90 | } |
---|
91 | |
---|
92 | &.blue { |
---|
93 | background-color: @blue; |
---|
94 | } |
---|
95 | &.red { |
---|
96 | background-color: @red; |
---|
97 | } |
---|
98 | &.green { |
---|
99 | background-color: @green; |
---|
100 | } |
---|
101 | &.orange { |
---|
102 | background-color: @orange; |
---|
103 | } |
---|
104 | &.purple { |
---|
105 | background-color: @purple; |
---|
106 | } |
---|
107 | } |
---|
108 | |
---|
109 | &.rftIndexMenuButtonActive { |
---|
110 | .rftIcon { |
---|
111 | .setIcon (32px, black); |
---|
112 | } |
---|
113 | .transition(0.3s); |
---|
114 | color: @darkest; |
---|
115 | background: @text; |
---|
116 | |
---|
117 | } |
---|
118 | |
---|
119 | } |
---|
120 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.