source: Dev/branches/rest-dojo-ui/client/rft/css/rftIcons.css @ 342

Last change on this file since 342 was 342, checked in by tjcschipper, 13 years ago
  • Fixed callbacks/actions in LineWithActionsWidgetThijs?.js. Previously an onClick event would not fire the correct callback. They were also incorrectly bound to the context of the widget, so the this keyword referred to the properties object instead of the LineWithActions?.
  • Changed a bunch of stuff in CSS files, general layout.
  • Added another mockup page to show the Session selection page.
File size: 3.2 KB
Line 
1/* 
2    The icon's parent element class decides the icon size and url. (.rftLargeButton .rftIcon / .rftInlineButton .rftIcon, for example)
3    The icon gets two classes: .rftIcon (which sets general spacing/positioning, etc),
4    and an icon identifier such as .rftIconAccept (Which sets the background offset.
5*/
6.rftIcon {
7    display: inline-block;
8    margin: 0;
9    padding: 0;
10    border: none;
11    background-color: transparent;
12    background-repeat: no-repeat;
13}
14
15/* Settings for different icon sizes and contexts */
16.rftIcon.rftMainIcon {
17    float: left;
18    width: 32px;
19    height: 32px;
20    background-image: url('images/icons/rftIcons32.png');
21}
22
23/*  Specific icon indices
24    If extra icons are added to the spritesheets, make sure that shared icons retain the same index!
25    Also, if possible put common/shared icons at the start of the list to prevent excessively large spritesheets.
26*/
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.rftIconAccept {
67    background-position: -416px 0px;
68}
69.rftIconCancel {
70    background-position: -448px 0px;
71}
72.rftIconPlus {
73    background-position: -480px 0px;
74}
75.rftIconMinus {
76    background-position: -512px 0px;
77}
78.rftIconIncrease {
79    background-position: -544px 0px;
80}
81.rftIconDecrease {
82    background-position: -576px 0px;
83}
84.rftIconDelete {
85    background-position: -608px 0px;
86}
87.rftIconHome {
88    background-position: -640px 0px;
89}
90.rftIconPreview {
91    background-position: -672px 0px;
92}
93.rftIconSave {
94    background-position: -704px 0px;
95}
96.rftIconDiscard {
97    background-position: -736px 0px;
98}
99.rftIconSettings {
100    background-position: -768px 0px;
101}
102.rftIconUndo {
103    background-position: -800px 0px;
104}
105.rftIconRedo {
106    background-position: -832px 0px;
107}
108.rftIconBack {
109    background-position: -864px 0px;
110}
111.rftIconForward {
112    background-position: -896px 0px;
113}
114.rftIconRefresh {
115    background-position: -928px 0px;
116}
117.rftIconHelp {
118    background-position: -960px 0px;
119}
120.rftIconInspect {
121    background-position: -992px 0px;
122}
123.rftIconFullArrowUp {
124    background-position: -1024px 0px;
125}
126.rftIconFullArrowDown {
127    background-position: -1056px 0px;
128}
129.rftIconFullArrowLeft {
130    background-position: -1088px 0px;
131}
132.rftIconFullArrowRight {
133    background-position: -1120px 0px;
134}
135.rftIconHalfArrowUp {
136    background-position: -1152px 0px;
137}
138.rftIconHalfArrowDown {
139    background-position: -1184px 0px;
140}
141.rftIconHalfArrowLeft {
142    background-position: -1216px 0px;
143}
144.rftIconHalfArrowRight {
145    background-position: -1248px 0px;
146}
Note: See TracBrowser for help on using the repository browser.