source: Dev/branches/rest-dojo-ui/client/rft/css/rftIcons.css @ 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.8 KB
Line 
1/*The icon's parent element class decides the icon size and url. (.rftLargeButton .rftIcon / .rftInlineButton .rftIcon, for example)*/
2/*The icon gets two classes: .rftIcon (which sets general spacing/positioning, etc), */
3/*and an icon identifier such as .rftIconAccept (Which sets the background offset.*/
4        .rftIcon {
5                display: inline-block;
6                margin: 0;
7                padding: 0;
8                border: none;
9                background-color: transparent;
10                background-repeat: no-repeat;
11        }
12       
13        /*Settings for different icon sizes and contexts */
14        .rftIcon.rftMainIcon {
15                float: left;
16                width: 32px;
17                height: 32px;
18                background-image: url('images/icons/rftIcons32.png');
19        }
20
21        /*Specific icon indices */
22        /*If extra icons are added to the spritesheets, make sure that shared icons retain the same index!*/
23        /*Also, if possible put common/shared icons at the start of the list to prevent excessively large spritesheets.*/
24
25
26        /*Types */
27        .rftIconApplication {
28                background-position: 0px 0px;
29        }
30        .rftIconDashboard {
31                background-position: -32px 0px;
32        }
33        .rftIconSession {
34                background-position: -64px 0px;
35        }
36        .rftIconSessionActive {
37                background-position: -96px 0px;
38        }
39        .rftIconSessionTemplate {
40                background-position: -128px 0px;
41        }
42        .rftIconSurvey {
43                background-position: -160px 0px;
44        }
45        .rftIconQuestion {
46                background-position: -192px 0px;
47        }
48        .rftIconQuestionFill {
49                background-position: -224px 0px;
50        }
51        .rftIconRespondent {
52                background-position: -256px 0px;
53        }
54        .rftIconAnswer {
55                background-position: -288px 0px;
56        }
57        .rftIconAnswerSet {
58                background-position: -320px 0px;
59        }
60        .rftIconGameData {
61                background-position: -352px 0px;
62        }
63        .rftIconUser {
64                background-position: -384px 0px;
65        }
66        /*Actions*/
67        .rftIconAccept {
68                background-position: -416px 0px;
69        }
70        .rftIconCancel {
71                background-position: -448px 0px;
72        }
73        .rftIconPlus {
74                background-position: -480px 0px;
75        }
76        .rftIconMinus {
77                background-position: -512px 0px;
78        }
79        .rftIconIncrease {
80                background-position: -544px 0px;
81        }
82        .rftIconDecrease {
83                background-position: -576px 0px;
84        }
85        .rftIconDelete {
86                background-position: -608px 0px;
87        }
88        .rftIconHome {
89                background-position: -640px 0px;
90        }
91        .rftIconPreview {
92                background-position: -672px 0px;
93        }
94        .rftIconSave {
95                background-position: -704px 0px;
96        }
97        .rftIconDiscard {
98                background-position: -736px 0px;
99        }
100        .rftIconProperties {
101                background-position: -768px 0px;
102        }
103        .rftIconUndo {
104                background-position: -800px 0px;
105        }
106        .rftIconRedo {
107                background-position: -832px 0px;
108        }
109        .rftIconBack {
110                background-position: -864px 0px;
111        }
112        .rftIconForward {
113                background-position: -896px 0px;
114        }
115        .rftIconRefresh {
116                background-position: -928px 0px;
117        }
118        .rftIconHelp {
119                background-position: -960px 0px;
120        }
121        .rftIconInspect {
122                background-position: -992px 0px;
123        }
124        .rftIconTag {
125                background-position: -1024px 0px;
126        }
127        .rftIconImage {
128                background-position: -1056px 0px;
129        }
130        .rftIconEdit {
131                background-position: -1088px 0px;
132        }
133        .rftIconLock {
134                background-position: -1120px 0px;
135        }
136        .rftIconUnlock {
137                background-position: -1152px 0px;
138        }
139        .rftIconPreset {
140                background-position: -1184px 0px;
141        }
142        .rftIconTextBlock {
143                background-position: -1216px 0px;
144        }
145        .rftIconPageBreak {
146                background-position: -1248px 0px;
147        }
148        .rftIconExternal {
149                background-position: -1280px 0px;
150        }
151        .rftIconInput {
152                background-position: -1312px 0px;
153        }
154        .rftIconPublish {
155                background-position: -1344px 0px;
156        }
157
158        /*Arrows */
159        .rftIconFullArrowUp {
160                background-position: -1696px 0px;
161        }
162        .rftIconFullArrowDown {
163                background-position: -1728px 0px;
164        }
165        .rftIconFullArrowLeft {
166                background-position: -1760px 0px;
167        }
168        .rftIconFullArrowRight {
169                background-position: -1792px 0px;
170        }
171        .rftIconHalfArrowUp {
172                background-position: -1824px 0px;
173        }
174        .rftIconHalfArrowDown {
175                background-position: -1856px 0px;
176        }
177        .rftIconHalfArrowLeft {
178                background-position: -1888px 0px;
179        }
180        .rftIconHalfArrowRight {
181                background-position: -1920px 0px;
182        }
Note: See TracBrowser for help on using the repository browser.