source: Dev/branches/rest-dojo-ui/client/rft/css/LESS/rftIcons.less @ 409

Last change on this file since 409 was 403, checked in by tjcschipper, 13 years ago
  • Switched to LESS for stylesheets. Most of the conversion is done, it's only (predictably) the color system that is giving trouble. Plan for next week: get rid of the inherit stuff, just use proper color classes.

-> Use only a minimal .*colorName* .bg/.text class combination that doesn't inherit. Do anything more complicated than that in a page-specific stylesheet.

File size: 3.4 KB
Line 
1#rft {
2        &.claro {
3                .rftIcon {
4                        .noOffset;
5                        float: left;
6                        display: inline-block;
7                        border: none;
8                        background-color: transparent;
9                        background-repeat: no-repeat;
10
11                        &.rftMainIcon {
12                                .setIcon(@icon_mainSize);
13                        }
14                        &.rftMidIcon {
15                                .setIcon(@icon_midSize);
16                        }
17                        &.rftSmallIcon {
18                                .setIcon(@icon_smallSize);
19                        }
20
21                }
22        }
23
24        .rftIconApplication {
25                background-position: 0px 0px;
26        }
27        .rftIconDashboard {
28                background-position: -32px 0px;
29        }
30        .rftIconSession {
31                background-position: -64px 0px;
32        }
33        .rftIconSessionActive {
34                background-position: -96px 0px;
35        }
36        .rftIconSessionTemplate {
37                background-position: -128px 0px;
38        }
39        .rftIconSurvey {
40                background-position: -160px 0px;
41        }
42        .rftIconQuestion {
43                background-position: -192px 0px;
44        }
45        .rftIconQuestionFill {
46                background-position: -224px 0px;
47        }
48        .rftIconRespondent {
49                background-position: -256px 0px;
50        }
51        .rftIconAnswer {
52                background-position: -288px 0px;
53        }
54        .rftIconAnswerSet {
55                background-position: -320px 0px;
56        }
57        .rftIconGameData {
58                background-position: -352px 0px;
59        }
60        .rftIconUser {
61                background-position: -384px 0px;
62        }
63       
64        //Actions
65        .rftIconAccept {
66                background-position: -416px 0px;
67        }
68        .rftIconCancel {
69                background-position: -448px 0px;
70        }
71        .rftIconPlus {
72                background-position: -480px 0px;
73        }
74        .rftIconMinus {
75                background-position: -512px 0px;
76        }
77        .rftIconIncrease {
78                background-position: -544px 0px;
79        }
80        .rftIconDecrease {
81                background-position: -576px 0px;
82        }
83        .rftIconDelete {
84                background-position: -608px 0px;
85        }
86        .rftIconHome {
87                background-position: -640px 0px;
88        }
89        .rftIconPreview {
90                background-position: -672px 0px;
91        }
92        .rftIconSave {
93                background-position: -704px 0px;
94        }
95        .rftIconDiscard {
96                background-position: -736px 0px;
97        }
98        .rftIconProperties {
99                background-position: -768px 0px;
100        }
101        .rftIconUndo {
102                background-position: -800px 0px;
103        }
104        .rftIconRedo {
105                background-position: -832px 0px;
106        }
107        .rftIconBack {
108                background-position: -864px 0px;
109        }
110        .rftIconForward {
111                background-position: -896px 0px;
112        }
113        .rftIconRefresh {
114                background-position: -928px 0px;
115        }
116        .rftIconHelp {
117                background-position: -960px 0px;
118        }
119        .rftIconInspect {
120                background-position: -992px 0px;
121        }
122        .rftIconTag {
123                background-position: -1024px 0px;
124        }
125        .rftIconImage {
126                background-position: -1056px 0px;
127        }
128        .rftIconEdit {
129                background-position: -1088px 0px;
130        }
131        .rftIconLock {
132                background-position: -1120px 0px;
133        }
134        .rftIconUnlock {
135                background-position: -1152px 0px;
136        }
137        .rftIconPreset {
138                background-position: -1184px 0px;
139        }
140        .rftIconTextBlock {
141                background-position: -1216px 0px;
142        }
143        .rftIconPageBreak {
144                background-position: -1248px 0px;
145        }
146        .rftIconExternal {
147                background-position: -1280px 0px;
148        }
149        .rftIconInput {
150                background-position: -1312px 0px;
151        }
152        .rftIconPublish {
153                background-position: -1344px 0px;
154        }
155
156        //Arrows
157        .rftIconFullArrowUp {
158                background-position: -1696px 0px;
159        }
160        .rftIconFullArrowDown {
161                background-position: -1728px 0px;
162        }
163        .rftIconFullArrowLeft {
164                background-position: -1760px 0px;
165        }
166        .rftIconFullArrowRight {
167                background-position: -1792px 0px;
168        }
169        .rftIconHalfArrowUp {
170                background-position: -1824px 0px;
171        }
172        .rftIconHalfArrowDown {
173                background-position: -1856px 0px;
174        }
175        .rftIconHalfArrowLeft {
176                background-position: -1888px 0px;
177        }
178        .rftIconHalfArrowRight {
179                background-position: -1920px 0px;
180        }
181}
Note: See TracBrowser for help on using the repository browser.