Subversion Repositories linid-om

[/] [trunk/] [src/] [main/] [webapp/] [themes/] [openldap/] [default.css] - Blame information for rev 256

Go to most recent revision | Details | Compare with Previous | View Log

Line No. Rev Author Line
1 119 coudot
/*
2
 * LinID OpenLDAP Manager CSS
3
 *
4
 * @author Clement Oudot
5
 *
6 199 coudot
 */ /* -------------------------------------------------------- */
7
        /* Main                                                     */
8
        /* -------------------------------------------------------- */
9 18 sbahloul
body {
10
        font-size: 1em;
11
        color: #000;
12 119 coudot
        background: #eee url(hatch.gif);
13 18 sbahloul
        margin: 10px 5%;
14
        padding: 0;
15 199 coudot
        text-align: justify;
16
        font-size: 10pt;
17 18 sbahloul
}
18
 
19 119 coudot
/* Images and links */
20
a img,:link img,:visited img {
21 199 coudot
        border: none;
22 119 coudot
}
23 18 sbahloul
 
24 199 coudot
a,a:link,a:visited {
25 18 sbahloul
        text-decoration: none;
26
}
27
 
28 199 coudot
a:hover,a:active,a:focus {
29
 
30 18 sbahloul
}
31
 
32 119 coudot
/* Headings */
33 199 coudot
h1,h2,h3,h4,h5,h6 {
34
        text-align: center;
35 18 sbahloul
}
36
 
37 119 coudot
/* Code */
38 199 coudot
pre,code {
39 18 sbahloul
        font: 10pt monospace;
40
        border-left: 5px gray solid;
41
        padding: 0 0 0 10px;
42
        background: #eeeeee;
43
}
44
 
45 119 coudot
/* -------------------------------------------------------- */
46 199 coudot
        /* Layout                                                   */
47
        /* -------------------------------------------------------- */
48 18 sbahloul
#page {
49
        margin: 0;
50
        padding: 10px;
51
}
52
 
53
#top {
54
        margin: 0;
55 119 coudot
        padding: 10px;
56 18 sbahloul
}
57
 
58 119 coudot
#top img.logo {
59 199 coudot
        float: left;
60
        margin-right: 10px;
61 119 coudot
}
62
 
63 199 coudot
#top h1,#top h2 {
64
        margin: 0 100px;
65 119 coudot
}
66
 
67 201 coudot
#editconf,#connectionslist,#switch,#connectionInfo {
68 122 coudot
        padding: 5px 20px;
69 123 coudot
        margin: 10px 0;
70 122 coudot
        text-align: center;
71
}
72
 
73 201 coudot
#connectionslist,#connectionInfo {
74 199 coudot
        margin-left: 230px;
75
        margin-top: 30px;
76
}
77
 
78
#editconf h3,#connectionslist h3,#switch h3 {
79 122 coudot
        padding: 5px;
80
        margin: 5px;
81
}
82
 
83
#editconf input {
84
        text-align: center;
85
}
86
 
87 120 coudot
#actions {
88 199 coudot
        text-align: center;
89 122 coudot
        margin: 10px;
90 18 sbahloul
}
91
 
92
#main-menu {
93 27 sbahloul
        width: 190px;
94 18 sbahloul
        float: left;
95
        margin: 10px 0 10px 0;
96
        padding: 0 10px 10px 10px;
97 199 coudot
        text-align: center;
98 18 sbahloul
}
99
 
100
#main-menu h3 {
101
        font-weight: bold;
102
        padding: 5px;
103
        font-size: 12pt;
104
}
105
 
106 134 coudot
#main-menu a {
107
        width: 170px;
108
        margin: 5px;
109
}
110
 
111 18 sbahloul
#content {
112 199 coudot
        margin-left: 230px;
113
        margin-bottom: 10px;
114
        padding-top: 0;
115 133 coudot
        text-align: center;
116 18 sbahloul
}
117
 
118 133 coudot
#content h3 {
119
        margin: 20px;
120
        font-weight: bold;
121
        padding: 5px;
122
        font-size: 12pt;
123
}
124
 
125 18 sbahloul
#footer {
126
        clear: both;
127 120 coudot
        padding: 5px;
128 18 sbahloul
        text-align: center;
129 120 coudot
        font-size: 9pt;
130 18 sbahloul
}
131
 
132 120 coudot
#footer img.logo {
133 199 coudot
        float: right;
134 120 coudot
        margin: 5px;
135 18 sbahloul
}
136
 
137 132 coudot
#beanEdition {
138 199 coudot
        width: 100%;
139 132 coudot
}
140
 
141 133 coudot
#serverInfo {
142 199 coudot
        width: 60%;
143 245 coudot
        margin: 0 auto;
144 133 coudot
}
145
 
146 199 coudot
#serverInfo>div {
147 133 coudot
        text-align: center;
148 245 coudot
        width:100%;
149 133 coudot
}
150
 
151 120 coudot
/* -------------------------------------------------------- */
152 199 coudot
        /* Messages                                                 */
153
        /* -------------------------------------------------------- */
154 120 coudot
#security-warning {
155
        margin: 10px 30px;
156
        padding: 5px;
157
}
158
 
159 124 coudot
#messages {
160
        margin: 10px auto;
161 18 sbahloul
        padding: 5px;
162
        width: 50%;
163 124 coudot
        font-weight: bold;
164 18 sbahloul
}
165
 
166 199 coudot
div.buttons,div.submit,div.SubmitWidget widget {
167 124 coudot
        padding: 0;
168
        margin: 0;
169 18 sbahloul
}
170
 
171 124 coudot
/* -------------------------------------------------------- */
172 199 coudot
        /* Lists                                                    */
173
        /* -------------------------------------------------------- */
174 18 sbahloul
ul {
175 199 coudot
        list-style: none;
176
        margin: 0;
177
        padding: 0;
178 18 sbahloul
}
179
 
180
li {
181 199 coudot
        list-style: none;
182 18 sbahloul
}
183
 
184 199 coudot
#main-menu li,.actions li {
185
        padding: 5px;
186
        margin: 5px;
187
        text-align: center;
188
        font-size: 10pt;
189
        font-weight: bold;
190
        display: block;
191 18 sbahloul
}
192
 
193 124 coudot
.actions li {
194 199 coudot
        display: inline;
195
        float: left;
196
        margin: 5px 5px 5px 0;
197 18 sbahloul
}
198
 
199 124 coudot
/* -------------------------------------------------------- */
200 199 coudot
        /* Tables                                                   */
201
        /* -------------------------------------------------------- */
202 124 coudot
table {
203
        border-collapse: collapse;
204
        margin: 5px auto;
205 18 sbahloul
}
206
 
207 199 coudot
th,td {
208 124 coudot
        vertical-align: middle;
209
        padding: 0.5em;
210
        border-width: 1px;
211 18 sbahloul
}
212
 
213 124 coudot
th {
214
        text-align: center;
215 18 sbahloul
}
216
 
217 124 coudot
.attributeeditor-table {
218 199 coudot
        border: 0;
219
        margin: 0;
220
        padding: 0;
221 18 sbahloul
}
222
 
223 124 coudot
.attributeeditor-table td {
224 199 coudot
        border: 0;
225 28 sbahloul
}
226
 
227 124 coudot
.attributeeditor-column ul {
228 199 coudot
        padding: 0;
229 18 sbahloul
}
230
 
231 124 coudot
.attributeeditor-row input {
232 199 coudot
        margin: 0;
233 18 sbahloul
}
234
 
235 124 coudot
.attributeeditor-row label {
236 199 coudot
        display: none;
237 18 sbahloul
}
238
 
239 124 coudot
table.ldapentry {
240 199 coudot
        border-collapse: collapse;
241
        vertical-align: middle;
242
        margin: 5px auto;
243
        padding: 5px;
244
        width: 100%;
245 18 sbahloul
}
246
 
247 124 coudot
table ul {
248 199 coudot
        padding: 0px;
249
        margin: 0px
250 124 coudot
}
251
 
252 135 coudot
table.ldapentry th {
253 199 coudot
        width: 35%;
254
        text-align: right;
255
        background-position: center top;
256 124 coudot
}
257
 
258 135 coudot
table.ldapentry td {
259 199 coudot
        text-align: left;
260 124 coudot
}
261
 
262 183 coudot
p.attributeName {
263 199 coudot
        color: #333;
264
        margin: 2px 0;
265
        font-size: 10pt;
266 172 rouazana
}
267
 
268 183 coudot
p.attributeLabel {
269 199 coudot
        margin: 2px 0;
270
        text-shadow: 1px 1px 1px #aaa;
271 183 coudot
}
272
 
273 255 rouazana
.attributeviewer-row pre {
274
        margin: 2px;
275 256 rouazana
        white-space: pre-wrap;
276 255 rouazana
}
277 124 coudot
/* -------------------------------------------------------- */
278 199 coudot
        /* Forms                                                    */
279
        /* -------------------------------------------------------- */
280 18 sbahloul
form {
281
        margin: 0;
282
        padding: 0;
283
}
284
 
285 124 coudot
fieldset {
286 18 sbahloul
        margin: 0 0 1em 0;
287
        padding: 1em 0.5em;
288
        overflow: hidden;
289
}
290
 
291
legend {
292
        font-weight: bold;
293
        padding: 0.2em 0.6em;
294
}
295
 
296
optgroup {
297 199 coudot
        font-weight: bold;
298
        font-style: normal;
299 18 sbahloul
}
300
 
301
option {
302 199 coudot
        font-weight: normal;
303 18 sbahloul
}
304
 
305 199 coudot
input[type=text],input[type=password],textarea {
306 18 sbahloul
        padding: 4px;
307 39 sbahloul
        width: 25em;
308 18 sbahloul
}
309
 
310
input[type=image] {
311
        border-style: none;
312
}
313
 
314 199 coudot
input[type=checkbox],input[type=radio] {
315 18 sbahloul
        margin: 0.2em;
316
        padding: 0;
317
}
318
 
319
input[type=hidden] {
320
        border: 0;
321
}
322
 
323 199 coudot
.required:after,#login div.title:after {
324 18 sbahloul
        content: ' *';
325
        color: red;
326
}
327
 
328 122 coudot
/* -------------------------------------------------------- */
329 199 coudot
        /* Override T5 styles                                       */
330
        /* -------------------------------------------------------- */
331 245 coudot
div.editconfiguration div.t-beaneditor {
332 122 coudot
        border: 0;
333
        background: transparent;
334
}
335 123 coudot
 
336
table.t-data-grid {
337
        border: 0;
338
}
339
 
340
table.t-data-grid thead tr th {
341
        border: 0;
342
        text-align: center;
343
        background: transparent;
344
}
345
 
346
table.t-data-grid thead tr {
347 253 coudot
        background-color: #bbb;
348 123 coudot
}
349
 
350
table.t-data-grid tbody tr td {
351
        border: 1px solid #ddd;
352
        padding: 5px;
353
}
354
 
355 245 coudot
div#connectionInfo dl.t-beandisplay {
356 201 coudot
        border: 1px solid #ddd;
357 123 coudot
        background: transparent;
358
}
359 124 coudot
 
360 245 coudot
div#connectionInfo dl.t-beandisplay dt {
361 201 coudot
        clear: right;
362
}
363
 
364
table.t-data-grid .serverName {
365
        overflow: hidden;
366
}
367
 
368
table.t-data-grid .ldapHost {
369
        overflow: hidden;
370
}
371
 
372
table.t-data-grid .ldapPort {
373
        overflow: hidden;
374
}
375
 
376
table.t-data-grid .bindDn {
377
        overflow: hidden;
378
}
379
 
380
table.t-data-grid thead tr th.actions {
381
        min-width: 320px;
382
        width: 320px;
383
}
384
 
385 124 coudot
/* -------------------------------------------------------- */
386 199 coudot
        /* Override jQuery UI styles                                */
387
        /* Needed to be compatible with floating menu               */
388
        /* -------------------------------------------------------- */
389
.ui-tabs,div .ui-tabs-panel>div {
390 124 coudot
        display: inline-block !important;
391 226 rouazana
}
392
 
393
.ui-tooltip {
394
        width: 300px;
395 199 coudot
}