source: extensions/piwigopress/css/style.css @ 14155

Last change on this file since 14155 was 4314, checked in by vdigital, 15 years ago

[PiwigoPress]

  • NEW (Admin Post) Media Piwigo icon
  • NEW (Admin Post) Media Piwigo white logo
  • NEW (Admin Post) Media CSS style.css (need a full review)
  • NEW Include the Admin part (Not operational)
  • MOD Minor code review on Widget code
  • Property svn:eol-style set to LF
  • Property svn:keywords set to Author Date Id Revision
File size: 6.1 KB
Line 
1div.Piwigo_container {
2        background:transparent url(../images/piwigo_logo.png) no-repeat fixed bottom right;
3        padding: 1em;
4        height:100%;
5        max-height:100%;
6}
7div#media-upload-header {
8        margin: 0;
9        padding: 0 5px;
10        font-weight: bold;
11        position: relative;
12        border-bottom-width: 1px;
13        border-bottom-style: solid;
14        height: 2.5em;
15}
16
17body#media-upload ul#sidemenu {
18        font-weight: normal;
19        margin: 0 5px;
20        position: absolute;
21        left: 0px;
22        bottom: -1px;
23}
24
25div#media-upload-error {
26        margin: 1em;
27        font-weight: bold;
28}
29
30form {
31        margin: 1em;
32}
33
34#search-filter {
35        text-align: right;
36}
37
38.media-upload-form label,
39.media-upload-form legend {
40        display: block;
41        font-weight: bold;
42        font-size: 13px;
43        margin-bottom: 0.5em;
44        margin: 0 0 0.5em 0;
45}
46
47th {
48        position: relative;
49}
50
51.media-upload-form label.form-help, td.help {
52        font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
53        font-style: italic;
54        font-weight: normal;
55}
56
57.media-upload-form p.help {
58        margin: 0;
59        padding: 0;
60}
61
62.media-upload-form fieldset {
63        width: 100%;
64        border: none;
65        text-align: justify;
66        margin: 0 0 1em 0;
67        padding: 0;
68}
69
70/* specific to the image upload form */
71.align .field label {
72        display: inline;
73        padding: 0 0 0 28px;
74        margin: 0 1em 0 0;
75}
76
77.image-align-none-label {
78        background: url(../images/align-none.png) no-repeat center left;
79}
80
81.image-align-left-label {
82        background: url(../images/align-left.png) no-repeat center left;
83}
84
85.image-align-center-label {
86        background: url(../images/align-center.png) no-repeat center left;
87}
88
89.image-align-right-label {
90        background: url(../images/align-right.png) no-repeat center left;
91}
92
93tr.image-size td {
94        width: 460px;
95}
96
97tr.image-size div.image-size-item {
98        float: left;
99        width: 25%;
100        margin: 0;
101}
102
103tr.image-size label {
104        display: inline;
105        margin: 0 0 0 1em;
106}
107
108.pinkynail {
109        max-width: 40px;
110        max-height: 40px;
111}
112
113#library-form .progress,
114#gallery-form .progress,
115#flash-upload-ui,
116.insert-gallery,
117.describe.startopen,
118.describe.startclosed {
119        display: none;
120}
121
122.media-item .thumbnail {
123        max-width: 128px;
124        max-height: 128px;
125}
126
127.media-item .pinkynail {
128        float: left;
129        margin: 2px;
130        height: 32px;
131        max-width: 40px;
132}
133
134thead.media-item-info tr {
135        background-color: transparent;
136}
137
138thead.media-item-info th,
139thead.media-item-info td {
140        border: none;
141        margin: 0;
142}
143
144.form-table thead.media-item-info {
145        border: 8px solid #fff;
146}
147
148abbr.required {
149        text-decoration: none;
150        border: none;
151}
152
153.describe label {
154        display: inline;
155}
156
157.describe td {
158        vertical-align: middle;
159        padding: 0 5px 0 0;
160}
161
162.describe td.A1 {
163        width: 132px;
164}
165
166.describe input[type="text"],
167.describe textarea {
168        width: 460px;
169        border-width: 1px;
170        border-style: solid;
171}
172
173.describe-toggle-on,
174.describe-toggle-off {
175        display: block;
176        line-height: 36px;
177        float: right;
178        margin-right: 20px;
179}
180
181.describe-toggle-off {
182        display: none;
183}
184
185.hidden {
186        height: 0;
187        width: 0;
188        overflow: hidden;
189        border: none;
190}
191
192/* Specific to Uploader */
193
194#media-upload .media-upload-form p {
195        margin: 0 1em 1em 0;
196}
197
198#media-upload p.ml-submit {
199        padding: 1em 0;
200}
201
202#media-upload p.help,
203#media-upload label.help {
204        font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
205        font-style: italic;
206        font-weight: normal;
207}
208
209#media-upload tr.image-size td.field {
210        text-align: center;
211}
212
213#media-upload #media-items {
214        border-width: 1px;
215        border-style: solid;
216        border-bottom: none;
217        width: 623px;
218}
219
220#media-upload .media-item {
221        border-bottom-width: 1px;
222        border-bottom-style: solid;
223        min-height: 36px;
224        width: 100%;
225}
226
227#media-upload .ui-sortable .media-item {
228        cursor: move;
229}
230
231.filename {
232        line-height: 36px;
233        padding: 0 10px;
234        overflow: hidden;
235}
236
237#media-upload .describe {
238        padding: 5px;
239        width: 100%;
240        clear: both;
241        cursor: default;
242}
243
244#media-upload .slidetoggle {
245        border-top-width: 1px;
246        border-top-style: solid;
247}
248
249#media-upload .describe th.label {
250        padding-top: .5em;
251        text-align: left;
252        min-width: 120px;
253}
254
255#media-upload tr.align td.field {
256        text-align: center;
257}
258
259#media-upload tr.image-size {
260        margin-bottom: 1em;
261        height: 3em;
262}
263
264#media-upload #filter {
265        width: 623px;
266}
267
268#media-upload #filter .subsubsub {
269        margin: 8px 0;
270}
271
272#filter .tablenav select {
273        border-style: solid;
274        border-width: 1px;
275        padding: 2px;
276        vertical-align: top;
277        width: auto;
278}
279
280#media-upload .del-attachment {
281        display: none;
282        margin: 5px 0;
283}
284
285.menu_order {
286        float: right;
287        font-size: 11px;
288        margin: 10px 10px 0;
289}
290
291.menu_order_input {
292        border: 1px solid #ddd;
293        font-size: 10px;
294        padding: 1px;
295        width: 23px;
296}
297
298.ui-sortable-helper {
299        background-color: #fff;
300        border: 1px solid #aaa;
301        opacity: 0.6;
302        filter: alpha(opacity=60);
303}
304
305#media-upload th.order-head {
306        width: 25%;
307        text-align: center;
308}
309
310#media-upload .widefat {
311        width: 626px;
312        border-style: solid solid none;
313}
314
315.sorthelper {
316        height: 37px;
317        width: 623px;
318        display: block;
319}
320
321#gallery-settings th.label {
322        width: 160px;
323}
324
325#gallery-settings #basic th.label {
326        padding: 5px 5px 5px 0;
327}
328
329#gallery-settings .title {
330        clear: both;
331        padding: 0 0 3px;
332        border-bottom-style: solid;
333        border-bottom-width: 1px;
334        font-family: Georgia,"Times New Roman",Times,serif;
335        font-size: 1.6em;
336        border-bottom-color: #DADADA;
337        color: #5A5A5A;
338}
339
340h3.media-title  {
341        color: #5A5A5A;
342        font-family: Georgia,"Times New Roman",Times,serif;
343        font-size: 1.6em;
344        font-weight: normal;
345}
346
347#gallery-settings .describe td {
348        vertical-align: middle;
349        height: 3.5em;
350}
351
352#gallery-settings .describe th.label {
353        padding-top: .5em;
354        text-align: left;
355}
356
357#gallery-settings .describe {
358        padding: 5px;
359        width: 615px;
360        clear: both;
361        cursor: default;
362}
363
364#gallery-settings .describe select {
365        width: 15em;
366        border: 1px solid #dfdfdf;
367}
368
369#gallery-settings label,
370#gallery-settings legend {
371        font-size: 13px;
372        color: #464646;
373        margin-right: 15px;
374}
375
376#gallery-settings .align .field label {
377        margin: 0 1.5em 0 0;
378}
379
380#gallery-settings p.ml-submit {
381        border-top: 1px solid #dfdfdf;
382}
383
384#gallery-settings select#columns {
385        width: 6em;
386}
387
388#sort-buttons {
389        font-size: 0.8em;
390        margin: 3px 25px -8px 0;
391        text-align: right;
392        max-width: 625px;
393}
394
395#sort-buttons a {
396        text-decoration: none;
397}
398
399#sort-buttons #asc,
400#sort-buttons #showall {
401        padding-left: 5px;
402}
403
404#sort-buttons span {
405        margin-right: 25px;
406}
407
408#piwigo-submit {
409        min-width:80px;
410        text-align:center;
411}
Note: See TracBrowser for help on using the repository browser.