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

Last change on this file since 335 was 335, checked in by tjcschipper, 13 years ago
  • Removed rft/ui/*Button classes, since they are not actually needed. All buttons use standard dijit.form.Button again.

(baseClass: 'rft*Button', color: 'lowercase *, iconClass: 'rftIcon rftIcon*')

  • Changed CSS color classes to be shorter and more organized. No more highlightRed, now just red.
  • Moved extra .css files from client/dojotoolkit/dijit/themes/gamelab folder to client/rft/css folder, so they are actually included. Same for icons. Gamelab theme now contains only original Claro theme with renamed base class. Part of an effort to make the gamelab style work with standard inclusions of Dojo toolkit. (Override instead of change!)
  • Changed rft/ui/LineWithActionsWidgetThijs.js to use the new Button format.
  • Changed rft/ui/LineWithActionsWidgetThijs.js and rft/ui/SelectorThijs.js to use a new way to add Actions to the LineWithActions?. Instead of {"action": function(){}}, you now pass {"action": {callback: function(){}, properties: {props}}}.

The properties object is used as a mixin during creation of the Buttons, so you can directly set properties on the resulting buttons here. Most important one: action.properties.blockButton (boolean), that determines whether the Button should be a blockButton or inlineButton.

File size: 2.9 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.rftIconSurvey {
37    background-position: -96px 0px;
38}
39.rftIconQuestion {
40    background-position: -128px 0px;
41}
42.rftIconQuestionAlt {
43    background-position: -160px 0px;
44}
45.rftIconAccept {
46    background-position: -192px 0px;
47}
48.rftIconCancel {
49    background-position: -224px 0px;
50}
51.rftIconDelete {
52    background-position: -256px 0px;
53}
54.rftIconHome {
55    background-position: -288px 0px;
56}
57.rftIconPreview {
58    background-position: -320px 0px;
59}
60.rftIconSave {
61    background-position: -352px 0px;
62}
63.rftIconSettings {
64    background-position: -384px 0px;
65}
66.rftIconUndo {
67    background-position: -416px 0px;
68}
69.rftIconPrevious {
70    background-position: -448px 0px;
71}
72.rftIconNext {
73    background-position: -480px 0px;
74}
75.rftIconHalfArrowUp {
76    background-position: -512px 0px;
77}
78.rftIconHalfArrowDown {
79    background-position: -544px 0px;
80}
81.rftIconHalfArrowLeft {
82    background-position: -576px 0px;
83}
84.rftIconHalfArrowRight {
85    background-position: -608px 0px;
86}
87.rftIconFullArrowUp {
88    background-position: -640px 0px;
89}
90.rftIconFullArrowDown {
91    background-position: -672px 0px;
92}
93.rftIconFullArrowLeft {
94    background-position: -704px 0px;
95}
96.rftIconFullArrowRight {
97    background-position: -736px 0px;
98}
99.rftIconHelp {
100    background-position: -768px 0px;
101}
102.rftIconInspect {
103    background-position: -800px 0px;
104}
105.rftIconMinus {
106    background-position: -832px 0px;
107}
108.rftIconPlus {
109    background-position: -864px 0px;
110}
111
112/*  The following do not yet have an icon and are displaced a bit to make room for possible extra inlineIcons.
113    The reserved offsets are:  896, 928, 960, 992, 1024, 1056 and 1088 */
114.rftIconRespondent {
115    background-position: -1120px 0px;
116}
117.rftIconAnswerSet {
118    background-position: -1152px 0px;
119}
120.rftIconAnswer {
121    background-position: -1184px 0px;
122}
123.rftIconGameData {
124    background-position: -1216px 0px;
125}
Note: See TracBrowser for help on using the repository browser.