0
|
1 /*** Style for Enigma plugin ***/
|
|
2
|
|
3 /***** Messages displaying *****/
|
|
4
|
|
5 #enigma-message,
|
|
6 /* fixes border-top */
|
|
7 #messagebody div #enigma-message
|
|
8 {
|
|
9 margin: 0;
|
|
10 margin-bottom: 5px;
|
|
11 min-height: 20px;
|
|
12 padding: 10px 10px 6px 46px;
|
|
13 }
|
|
14
|
|
15 div.enigmaerror,
|
|
16 /* fixes border-top */
|
|
17 #messagebody div.enigmaerror
|
|
18 {
|
|
19 background: url(enigma_error.png) 6px 1px no-repeat;
|
|
20 background-color: #EF9398;
|
|
21 border: 1px solid #DC5757;
|
|
22 }
|
|
23
|
|
24 div.enigmanotice,
|
|
25 /* fixes border-top */
|
|
26 #messagebody div.enigmanotice
|
|
27 {
|
|
28 background: url(enigma.png) 6px 1px no-repeat;
|
|
29 background-color: #A6EF7B;
|
|
30 border: 1px solid #76C83F;
|
|
31 }
|
|
32
|
|
33 div.enigmawarning,
|
|
34 /* fixes border-top */
|
|
35 #messagebody div.enigmawarning
|
|
36 {
|
|
37 background: url(enigma.png) 6px 1px no-repeat;
|
|
38 background-color: #F7FDCB;
|
|
39 border: 1px solid #C2D071;
|
|
40 }
|
|
41
|
|
42 #enigma-message a
|
|
43 {
|
|
44 color: #666666;
|
|
45 padding-left: 10px;
|
|
46 }
|
|
47
|
|
48 #enigma-message a:hover
|
|
49 {
|
|
50 color: #333333;
|
|
51 }
|
|
52
|
|
53 p.enigmaattachment
|
|
54 {
|
|
55 margin: 0.5em 1em;
|
|
56 border: 1px solid #999;
|
|
57 border-radius: 4px;
|
|
58 width: auto;
|
|
59 }
|
|
60
|
|
61 p.enigmaattachment a
|
|
62 {
|
|
63 display: block;
|
|
64 background: url(key_add.png) 10px center no-repeat;
|
|
65 padding: 1em 0.5em 1em 50px;
|
|
66 }
|
|
67
|
|
68
|
|
69 /***** E-mail Compose Page *****/
|
|
70
|
|
71 #messagetoolbar a.button.enigma {
|
|
72 text-indent: -5000px;
|
|
73 background: url(enigma.png) 0 0 no-repeat;
|
|
74 }
|
|
75
|
|
76 /***** Keys/Certs Management *****/
|
|
77
|
|
78 #mainscreen.enigma
|
|
79 {
|
|
80 top: 80px;
|
|
81 }
|
|
82
|
|
83 div.enigmascreen
|
|
84 {
|
|
85 position: absolute;
|
|
86 top: 40px;
|
|
87 right: 0;
|
|
88 bottom: 0;
|
|
89 left: 0;
|
|
90 }
|
|
91
|
|
92 .enigma #quicksearchbar
|
|
93 {
|
|
94 top: 10px;
|
|
95 right: 0;
|
|
96 }
|
|
97
|
|
98 #enigmacontent-box
|
|
99 {
|
|
100 position: absolute;
|
|
101 top: 0px;
|
|
102 left: 290px;
|
|
103 right: 0px;
|
|
104 bottom: 0px;
|
|
105 border: 1px solid #999999;
|
|
106 overflow: hidden;
|
|
107 }
|
|
108
|
|
109 #enigmakeyslist
|
|
110 {
|
|
111 position: absolute;
|
|
112 top: 0;
|
|
113 bottom: 0;
|
|
114 left: 0;
|
|
115 border: 1px solid #999999;
|
|
116 background-color: #F9F9F9;
|
|
117 overflow: hidden;
|
|
118 }
|
|
119
|
|
120 #keylistcountbar
|
|
121 {
|
|
122 margin-top: 4px;
|
|
123 margin-left: 4px;
|
|
124 }
|
|
125
|
|
126 #keys-table
|
|
127 {
|
|
128 width: 100%;
|
|
129 table-layout: fixed;
|
|
130 }
|
|
131
|
|
132 #keys-table td
|
|
133 {
|
|
134 cursor: default;
|
|
135 text-overflow: ellipsis;
|
|
136 -o-text-overflow: ellipsis;
|
|
137 }
|
|
138
|
|
139 #key-details table td.title
|
|
140 {
|
|
141 font-weight: bold;
|
|
142 text-align: right;
|
|
143 }
|
|
144
|
|
145 #key-details table {
|
|
146 width: 100%;
|
|
147 }
|
|
148
|
|
149 #key-details table td,
|
|
150 #key-details table th {
|
|
151 border: 0;
|
|
152 }
|
|
153
|
|
154 #keyimportform fieldset div {
|
|
155 color: #666;
|
|
156 padding: 5px 0px;
|
|
157 }
|
|
158
|
|
159 #keycreateform td > label {
|
|
160 display: block;
|
|
161 }
|
|
162
|
|
163 #keystoolbar
|
|
164 {
|
|
165 position: absolute;
|
|
166 top: 0;
|
|
167 left: 10px;
|
|
168 height: 35px;
|
|
169 }
|
|
170
|
|
171 #keystoolbar a
|
|
172 {
|
|
173 padding-right: 10px;
|
|
174 }
|
|
175
|
|
176 #keystoolbar a.button,
|
|
177 #keystoolbar a.buttonPas,
|
|
178 #keystoolbar span.separator {
|
|
179 display: block;
|
|
180 float: left;
|
|
181 width: 32px;
|
|
182 height: 32px;
|
|
183 padding: 0;
|
|
184 margin: 0 5px;
|
|
185 overflow: hidden;
|
|
186 background: url(keys_toolbar.png) 0 0 no-repeat transparent;
|
|
187 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
|
|
188 }
|
|
189
|
|
190 #keystoolbar a.buttonPas {
|
|
191 opacity: 0.35;
|
|
192 }
|
|
193
|
|
194 #keystoolbar a.createSel {
|
|
195 background-position: 0 -32px;
|
|
196 }
|
|
197
|
|
198 #keystoolbar a.create {
|
|
199 background-position: 0 0;
|
|
200 }
|
|
201
|
|
202 #keystoolbar a.importSel {
|
|
203 background-position: -64px -32px;
|
|
204 }
|
|
205
|
|
206 #keystoolbar a.import {
|
|
207 background-position: -64px 0;
|
|
208 }
|
|
209
|
|
210 #keystoolbar a.exportSel {
|
|
211 background-position: -96px -32px;
|
|
212 }
|
|
213
|
|
214 #keystoolbar a.export {
|
|
215 background-position: -96px 0;
|
|
216 }
|
|
217
|
|
218 #keystoolbar a.keymenu {
|
|
219 background-position: -128px 0;
|
|
220 width: 36px;
|
|
221 }
|
|
222
|
|
223 #keystoolbar span.separator {
|
|
224 width: 5px;
|
|
225 background-position: -166px 0;
|
|
226 }
|