source: Dev/trunk/src/client/dojox/xml/tests/mail/mail.css

Last change on this file was 483, checked in by hendrikvanantwerpen, 11 years ago

Added Dojo 1.9.3 release.
File size: 5.8 KB
Line 
1html, body, #main{     
2        width: 100%;    /* make the body expand to fill the visible window */
3        height: 100%;
4        overflow: hidden;       /* erase window level scrollbars */
5        padding: 0 0 0 0;
6        margin: 0 0 0 0;
7        font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
8}
9
10#banner, #footer {
11background-color: #b7cdee;
12color: #333;
13padding:3px;
14}
15#banner { text-align:right; }
16
17/* list of messages
18TODO: If i add the rules below as a plain tr/td it seems to mess up accordion, tree, etc. ???
19*/
20#listPane tr:hover, #listPane td:hover, .dijitTreeContent:hover {
21        background-color: #b7cdee;
22        color: #333;
23        cursor: pointer;
24}
25#listPane tr, #listPane td { cursor: pointer; }
26
27th {
28        background-color: #4f8ce5;
29        color: #fff;
30        font-weight:: bold !important;
31        margin:0;
32        padding:3px;
33        background-image:url('../../themes/soria/images/gradientTopBg.png');
34        background-position:0px -1px;
35}
36
37th .arrowNode { position:relative; right:2px;
38        width:16px;
39        height:16px;
40}
41th.arrowUp .arrowNode {
42        padding-right: 16px;
43        background:transparent url("../../themes/soria/images/arrows.png") no-repeat;
44        background-position:-32px 0px;
45}
46
47th.arrowDown .arrowNode {
48        padding-right: 16px;
49        background:transparent url("../../themes/soria/images/arrows.png") no-repeat;
50        background-position:0px 0px;
51}
52
53.demoTable td { padding:3px; }
54.demoTable {
55        border-spacing:0;
56        padding:0; margin:0;
57        width:98%;
58       
59}
60.oddRow {
61        background-color: #f2f5f9;
62}
63
64#message {
65        padding: 8px;
66}
67
68/* Stuff for new messages */
69
70.subject {
71        background: gray;
72        width: 100%;
73        padding-top: 5px;
74        padding-bottom: 10px;
75}
76
77.message {
78        border: black 2px;
79}
80.messageHeader {
81        font:12pt Arial,sans-serif;
82        font-weight:bold;
83        color:#333;
84}
85body .dojoSplitPane {
86        background: #ededff;
87        overflow: auto;
88}
89
90/* Icons */
91
92.mailIconCancel,
93.mailIconOptions,
94.mailIconFolderDocuments,
95.mailIconFolderInbox,
96.mailIconFolderSent,
97.mailIconGetMail,
98.mailIconNewMessage,
99.mailIconMailbox,
100.mailIconOk,
101.mailIconTrashcanFull {
102        background-image: url('icons.png'); /* mail icons sprite image */
103        background-repeat: no-repeat;
104        width: 16px;
105        height: 16px;
106        text-align: center;
107        padding-right:4px;
108}
109
110.dj_ie6 .mailIconCancel,
111.dj_ie6 .mailIconOptions,
112.dj_ie6 .mailIconFolderDocuments,
113.dj_ie6 .mailIconFolderInbox,
114.dj_ie6 .mailIconFolderSent,
115.dj_ie6 .mailIconGetMail,
116.dj_ie6 .mailIconNewMessage,
117.dj_ie6 .mailIconMailbox,
118.dj_ie6 .mailIconOk,
119.dj_ie6 .mailIconTrashcanFull {
120        background-image: url('icons.gif');
121}
122
123
124.mailIconCancel { background-position: 0px; }
125.mailIconOptions { background-position: -22px; }
126.mailIconFolderDocuments { background-position: -44px; }
127.mailIconFolderInbox { background-position: -66px; }
128.mailIconFolderSent { background-position: -88px; }
129.mailIconGetMail { background-position: -110px; }
130.mailIconNewMessage { background-position: -132px; }
131.mailIconMailbox { background-position: -154px; }
132.mailIconOk { background-position: -176px; }
133.mailIconTrashcanFull { background-position: -198px; }
134html, body, #main{     
135        width: 100%;    /* make the body expand to fill the visible window */
136        height: 100%;
137        overflow: hidden;       /* erase window level scrollbars */
138        padding: 0 0 0 0;
139        margin: 0 0 0 0;
140        font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
141}
142
143#banner, #footer {
144background-color: #b7cdee;
145color: #333;
146padding:3px;
147}
148#banner { text-align:right; }
149
150/* list of messages
151TODO: If i add the rules below as a plain tr/td it seems to mess up accordion, tree, etc. ???
152*/
153#listPane tr:hover, #listPane td:hover, .dijitTreeContent:hover {
154        background-color: #b7cdee;
155        color: #333;
156        cursor: pointer;
157}
158#listPane tr, #listPane td { cursor: pointer; }
159
160th {
161        background-color: #4f8ce5;
162        color: #fff;
163        font-weight:: bold !important;
164        margin:0;
165        padding:3px;
166        background-image:url('../../themes/soria/images/gradientTopBg.png');
167        background-position:0px -1px;
168}
169
170th .arrowNode { position:relative; right:2px;
171        width:16px;
172        height:16px;
173}
174th.arrowUp .arrowNode {
175        padding-right: 16px;
176        background:transparent url("../../themes/soria/images/arrows.png") no-repeat;
177        background-position:-32px 0px;
178}
179
180th.arrowDown .arrowNode {
181        padding-right: 16px;
182        background:transparent url("../../themes/soria/images/arrows.png") no-repeat;
183        background-position:0px 0px;
184}
185
186.demoTable td { padding:3px; }
187.demoTable {
188        border-spacing:0;
189        padding:0; margin:0;
190        width:98%;
191       
192}
193.oddRow {
194        background-color: #f2f5f9;
195}
196
197#message {
198        padding: 8px;
199}
200
201/* Stuff for new messages */
202
203.subject {
204        background: gray;
205        width: 100%;
206        padding-top: 5px;
207        padding-bottom: 10px;
208}
209
210.message {
211        border: black 2px;
212}
213.messageHeader {
214        font:12pt Arial,sans-serif;
215        font-weight:bold;
216        color:#333;
217}
218body .dojoSplitPane {
219        background: #ededff;
220        overflow: auto;
221}
222
223/* Icons */
224
225.mailIconCancel,
226.mailIconOptions,
227.mailIconFolderDocuments,
228.mailIconFolderInbox,
229.mailIconFolderSent,
230.mailIconGetMail,
231.mailIconNewMessage,
232.mailIconMailbox,
233.mailIconOk,
234.mailIconTrashcanFull {
235        background-image: url('icons.png'); /* mail icons sprite image */
236        background-repeat: no-repeat;
237        width: 16px;
238        height: 16px;
239        text-align: center;
240        padding-right:4px;
241}
242
243.dj_ie6 .mailIconCancel,
244.dj_ie6 .mailIconOptions,
245.dj_ie6 .mailIconFolderDocuments,
246.dj_ie6 .mailIconFolderInbox,
247.dj_ie6 .mailIconFolderSent,
248.dj_ie6 .mailIconGetMail,
249.dj_ie6 .mailIconNewMessage,
250.dj_ie6 .mailIconMailbox,
251.dj_ie6 .mailIconOk,
252.dj_ie6 .mailIconTrashcanFull {
253        background-image: url('icons.gif');
254}
255
256
257.mailIconCancel { background-position: 0px; }
258.mailIconOptions { background-position: -22px; }
259.mailIconFolderDocuments { background-position: -44px; }
260.mailIconFolderInbox { background-position: -66px; }
261.mailIconFolderSent { background-position: -88px; }
262.mailIconGetMail { background-position: -110px; }
263.mailIconNewMessage { background-position: -132px; }
264.mailIconMailbox { background-position: -154px; }
265.mailIconOk { background-position: -176px; }
266.mailIconTrashcanFull { background-position: -198px; }
Note: See TracBrowser for help on using the repository browser.