Also apply the __toString fix to UserInfo
[cacert-mgr.git] / external / ZendFramework-1.9.5 / externals / dojo / demos / demail / demo.css
1 @import "../../dojo/resources/dojo.css";
2 @import "../../dijit/themes/tundra/tundra.css";
3 @import "../../dojox/grid/resources/tundraGrid.css";
4
5 html, body, #main{
6 width: 100%; /* make the body expand to fill the visible window */
7 height: 100%;
8 overflow: hidden; /* erase window level scrollbars */
9 padding: 0;
10 margin: 0;
11 }
12
13 .app .leftTree {
14 /* make it use mac-like fonts */
15 /* font-family: "Myriad Pro", Myriad, Geneva, sans-serif; */
16 padding: 0 0 0 0;
17 background-color: #d6dde5;
18 width: 200px;
19 }
20
21 .tundra .app .subNode {
22 /* clobber the lines */
23 background-image: none;
24 /* set the individual items to be left-aligned */
25 margin-left: 0px;
26 }
27
28 /* rules to set up the visual hierarchy */
29
30 .app .subNode .subNode .subNode .dijitTreeRow {
31 padding-left: 18px;
32 }
33
34 .app .subNode .subNode .subNode .subNode .dijitTreeRow {
35 padding-left: 36px;
36 }
37
38 .app .subNode .subNode .subNode .subNode .subNode .dijitTreeRow {
39 padding-left: 48px;
40 }
41
42 .app .subNode .subNode .subNode .subNode .subNode .subNode .dijitTreeRow {
43 padding-left: 60px;
44 }
45
46 .app .subNode .subNode .subNode .subNode .subNode .subNode .subNode .dijitTreeRow {
47 padding-left: 72px;
48 }
49
50 /* make the open/close buttons smaller */
51
52 .app .dijitTreeExpando {
53 width: 14px;
54 height: 10px;
55 }
56
57 .app .dijitTreeExpandoClosed {
58 background: url("resources/arrow-closed.png") no-repeat;
59 }
60
61 .app .dijitTreeExpandoOpened {
62 background: url("resources/arrow-open.png") no-repeat;
63 }
64
65 .app .subNode .subNodeDetail {
66 height: 14px;
67 color: white;
68 background-color: #8b9ab8;
69 background-color: #8799bd;
70 float: right;
71 -webkit-border-radius: 7px;
72 -moz-border-radius: 7px;
73 padding: 1px 5px 0px 5px;
74 margin-right: 4px;
75 font-weight: bold;
76 font-size: 10px;
77 min-width: 8px;
78 text-align: center;
79 }
80
81 .app .dijitTreeIsRoot .subNode .dijitTreeExpando {
82 /* clobber the lines */
83 /*
84 background-image: none;
85 */
86 }
87
88 /* hide parts of the tree node that we don't want to see for top-level items */
89 .app .dijitTreeIsRoot > .dijitTreeRow .dijitTreeIcon,
90 .app .dijitTreeIsRoot > .dijitTreeRow .dijitTreeExpando,
91 .app .dijitTreeIsRoot > .dijitTreeRow .subNodeDetail
92 {
93 display: none;
94 }
95 .app .dijitTreeIsRoot > .dijitTreeRow {
96 color: #606e8e;
97 font-weight: bold;
98 font-family: "Helvetica Neue", Helvetica, Verdana;
99 margin-left: 5px;
100 border: none;
101 /*
102 border-top: 1px solid transparent;
103 */
104 }
105
106 .app .dijitSplitterV {
107 width: 0px;
108 border: none;
109 border-left: 1px solid #8b8b8b;
110 /* #555555; */
111
112 }
113 .app .dijitSplitterV .dijitSplitterThumb {
114 display: none;
115 }
116
117 .app .dijitSplitterH {
118 height: 7px;
119 border-top: 0.6px solid #a5a5a5;
120 border-bottom: 0.6px solid #a5a5a5;
121 background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dfdfdf));
122 -webkit-background-origin: border;
123 -webkit-background-clip: border;
124 }
125
126 .app .dijitTreeRow {
127 padding-top: 2px;
128 border-top: none;
129 height: 16px;
130
131 /*
132 overflow: hidden;
133 white-space: nowrap;
134 -webkit-text-overflow: ellipsis;
135 text-overflow: ellipsis;
136 */
137 }
138
139 .app .dijitTreeNodeSelected {
140 outline: none;
141 border: none;
142
143 /** dark gradient bg **/
144 border-top: 1px solid #67788c;
145 background: #9499b0;
146 color: white;
147 background: -webkit-gradient(linear, left top, left bottom, from(#8092a5), to(#415a73));
148 -webkit-background-origin: border;
149 -webkit-background-clip: border;
150
151 /** the lighter version **/
152 /*
153 border-top: 1px solid #9499b0;
154 background: #9499b0;
155 color: white;
156 background: -webkit-gradient(linear, left top, left bottom, from(#a7b5c2), to(#8091a3));
157 -webkit-background-origin: border;
158 -webkit-background-clip: border;
159 */
160 /*
161 background-color: #8091a3;
162 */
163
164 }
165
166 .app .dijitTreeIsRoot > .dijitTreeRow {
167 background: none;
168 }
169
170 .app .dijitTreeIsRoot > .dijitTreeRow .dijitTreeNodeSelected {
171 border-top: 1px solid transparent;
172 background: none;
173 }
174
175 .app .dijitTreeNodeSelected .subNodeDetail {
176 color: #8b9ab8;
177 background-color: white;
178 }
179
180 .app .dijitTreeLabel {
181 /* clobber the text outline since we give visual indication
182 with a background
183 */
184 outline: none;
185 }
186
187 .app .dijitTreeNodeSelected .dijitTreeLabel {
188 background-color: transparent;
189 }
190
191 .app .dijitTreeExpandoLeaf {
192 background: none;
193 }
194
195 .app .messagePane {
196 border-left: none;
197 border-bottom: none;
198 }
199
200 .app .dojoxGrid {
201 border-left: none;
202 border-top: none;
203 }
204
205 .app .dojoxGridRowOdd {
206 background-color: #f1f5fa;
207 }
208
209 .app .dojoxGridCell {
210 font-family: "Helvetica Neue", Helvetica, Verdana;
211 font-size: 11px;
212 border-bottom: none;
213 border-right: 1px solid #dadada;
214 }
215
216 .app .dojoxGridHeader .dojoxGridCell {
217 border-bottom: 1px solid #575757;
218 background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#bbbbbb), color-stop(0.4, #dbdbdb));
219 -webkit-background-origin: border;
220 -webkit-background-clip: border;
221 }
222
223 .app .dojoxGridCellFocus.dojoxGridCellOver,
224 .app .dojoxGridCellFocus {
225 outline: none;
226 border: none;
227 border-right: 1px solid #dadada;
228 border-left: 1px solid transparent;
229 }
230
231
232 /*
233 .app .dojoxGridRowSelected,
234 .app .dojoxGridRowSelected.dojoxGridRowOver .dojoxGridCell {
235 */
236 .app .dojoxGridCellFocus {
237 border-right: 1px solid #dadada;
238 background-color: #3580e0;
239 color: white;
240 }
241
242 .app .dojoxGridRowOver .dojoxGridCell {
243 color: black;
244 background-color: transparent;
245 }
246 .app .dojoxGridCellOver {
247 border-left: 1px solid transparent;
248 border-top: 1px solid transparent;
249 }
250