Also apply the __toString fix to UserInfo
[cacert-mgr.git] / external / ZendFramework-1.9.5 / externals / dojo / demos / mail / demo.css
1 @import "../../dojo/resources/dojo.css";
2 @import "../../dijit/themes/soria/soria.css";
3 @import "../../dojox/grid/resources/Grid.css";
4 @import "../../dojox/grid/resources/soriaGrid.css";
5
6 html, body, #main{
7 width: 100%; /* make the body expand to fill the visible window */
8 height: 100%;
9 overflow: hidden; /* erase window level scrollbars */
10 padding: 0 0 0 0;
11 margin: 0 0 0 0;
12 font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
13 }
14
15 #banner, #footer {
16 background-color: #ededff;
17 color: #333;
18 padding:3px;
19 }
20 #banner { text-align:right; }
21
22 /* list of messages
23 TODO: If i add the rules below as a plain tr/td it seems to mess up accordion, tree, etc. ???
24 */
25 #listPane tr:hover, #listPane td:hover, .dijitTreeContent:hover {
26 background-color: #ededed;
27 color: #333;
28 cursor: pointer;
29 }
30 #listPane tr, #listPane td { cursor: pointer; }
31
32 table.demoTable {
33 border-collapse: collapse;
34 }
35
36 th {
37 background-color: #4f8ce5;
38 color: #666;
39 font-weight:: bold !important;
40 margin:0;
41 padding:3px;
42 background-image:url('../../dijit/themes/soria/images/titleBar.png');
43 background-position:0px -1px;
44 }
45
46 .dijitRtl caption,
47 .dijitRtl th {
48 text-align:right;
49 }
50
51 th .arrowNode {
52 position:relative;
53 float:left;
54 top:4px;
55 left:4px;
56 width:16px;
57 height:16px;
58 }
59
60 .dijitRtl th .arrowNode{
61 float:right;
62 }
63
64 th.arrowUp .arrowNode {
65 margin-right: 5px;
66 margin-top: -4px;
67 margin-bottom: 5px;
68 width: 15px;
69 height:15px;
70 background:transparent url("../../dijit/themes/soria/images/spriteRoundedIconsSmall.png") -45px top no-repeat;
71 }
72
73 th.arrowDown .arrowNode {
74 margin-right: 5px;
75 margin-top: -4px;
76 margin-bottom: 5px;
77 width: 15px;
78 height:15px;
79 background:transparent url("../../dijit/themes/soria/images/spriteRoundedIconsSmall.png") -15px top no-repeat;
80 }
81
82 .demoTable td { padding:3px; }
83 .demoTable {
84 border-spacing:0;
85 padding:0; margin:0;
86 width:98%;
87
88 }
89 .oddRow {
90 background-color: #f2f5f9;
91 }
92
93 #message {
94 padding: 8px;
95 }
96
97 /* Stuff for new messages */
98
99 .subject {
100 background: gray;
101 width: 100%;
102 padding-top: 5px;
103 padding-bottom: 10px;
104 }
105
106 .message {
107 border: black 2px;
108 }
109 .messageHeader {
110 font:12pt Arial,sans-serif;
111 font-weight:bold;
112 color:#333;
113 }
114 body .dojoSplitPane {
115 background: #ededff;
116 overflow: auto;
117 }
118
119 /* Icons */
120
121 .mailIconCancel,
122 .mailIconOptions,
123 .mailIconFolderDocuments,
124 .mailIconFolderInbox,
125 .mailIconFolderSent,
126 .mailIconGetMail,
127 .mailIconNewMessage,
128 .mailIconMailbox,
129 .mailIconOk,
130 .mailIconTrashcanFull {
131 background-image: url('icons.png'); /* mail icons sprite image */
132 background-repeat: no-repeat;
133 width: 16px;
134 height: 16px;
135 text-align: center;
136 padding-right:4px;
137 }
138
139 .dj_ie6 .mailIconCancel,
140 .dj_ie6 .mailIconOptions,
141 .dj_ie6 .mailIconFolderDocuments,
142 .dj_ie6 .mailIconFolderInbox,
143 .dj_ie6 .mailIconFolderSent,
144 .dj_ie6 .mailIconGetMail,
145 .dj_ie6 .mailIconNewMessage,
146 .dj_ie6 .mailIconMailbox,
147 .dj_ie6 .mailIconOk,
148 .dj_ie6 .mailIconTrashcanFull {
149 background-image: url('icons.gif');
150 }
151
152
153 .mailIconCancel { background-position: 0px; }
154 .mailIconOptions { background-position: -22px; }
155 .mailIconFolderDocuments { background-position: -44px; }
156 .mailIconFolderInbox { background-position: -66px; }
157 .mailIconFolderSent { background-position: -88px; }
158 .mailIconGetMail { background-position: -110px; }
159 .mailIconNewMessage { background-position: -132px; }
160 .mailIconMailbox { background-position: -154px; }
161 .mailIconOk { background-position: -176px; }
162 .mailIconTrashcanFull { background-position: -198px; }
163
164 /* page inline styles */
165
166 #inbox .dijitSplitterH { height: 5px }
167 #inbox .dijitSplitterV { width: 5px }
168
169 #preLoader {
170 width:100%; height:100%; margin:0; padding:0;
171 position:absolute; top:0; left:0;
172 background:#fff url('../../dojox/image/resources/images/loading.gif') no-repeat center center;
173 z-index:999;
174 }
175 #preLoader p {
176 color:#ededed;
177 font:72pt Arial,san-serif;
178 font-weight:bold;
179
180 }
181
182 /* buttons on Contact tab for filtering list of contacts to a given letter */
183 .contactIndex, .contactIndexAll {
184 margin: 0.5em;
185 color: blue;
186 font-style: italic;
187 vertical-align: middle;
188 cursor: pointer;
189 }
190 .contactIndexAll {
191 /* for the word ALL that appears before and after the letters A-Z */
192 color: purple;
193 }
194 .contactIndexSelected {
195 /* the most recently selected letter gets this class too */
196 color: red;
197 }