source: extensions/Junk/theme.css @ 28148

Last change on this file since 28148 was 28148, checked in by Miklfe, 10 years ago

résolution du problème de débordement des images

File size: 15.4 KB
Line 
1BODY                                                                                                                            {margin:0px}
2FIELDSET, INPUT, SELECT, TEXTAREA, .content .commentElement             {border:none}
3INPUT[type="button"], INPUT[type="submit"], 
4INPUT:focus                                                                                                                     {outline-style:none}
5
6A:hover                                                                                                                         {border-bottom-style:solid; border-width:1px}
7A.pwg-state-default                                                                                             {border:none}
8A.navThumb, A.navThumb:hover                                                                            {border-bottom:none}
9
10div#the_page, div#page_content                                                                          {position:relative}
11
12#content, #imageToolBar, .switchBox                                                                     {border-style:solid; border-width:1px}
13div#content                                                                                                                     {margin:0 auto;width:80%}
14div#content .titrePage                                                                                          {padding:0}
15div#content #piwigoAbout, div#content .notification,
16div#content #fullTagCloud, div#content #comments,
17div#content form                                                                                                                {margin:15px 5px;width:auto;padding:20px 10px}
18div#content .illustration a                                                                                     {border:none}
19
20div#content .navigationBar, SPAN.calItem, TD.calDayCellEmpty {
21    margin:                                     10px 0 0;
22    padding:                                    0;
23    width:                                              100%;
24        line-height:                            20px
25}
26
27.contentWithMenu                        {margin:0}
28.calItem, .calItemEmpty                 {border:none}
29
30
31/* icons */ 
32.pwg-icon                                       {background-image: url(icon/icons_sprite.png)}
33A:hover .pwg-icon                       {background-image: url(icon/icons_sprite-hover.png)}
34
35
36/*header title*/
37div#theHeader                           {position:relative;top:0}
38div#header_content {
39    position:                   relative;
40    z-index:                    2000;
41    margin:                     0 auto;
42        display:                                        table;
43}
44div#header_title {
45    display:                    table;
46    margin:                     0 auto;
47    text-align:                 center;
48    padding:                    0 10px
49}
50div#header_title h1                     {font-size:4em}
51div#header_title h1 a           {color:#252525}
52div#header_title p                      {font-size:1.5em}
53div#header_title a:hover                {text-decoration:none;border:none}
54
55#slideshow #theImage            {width:100%;margin:auto;overflow:visible}
56#theImage.infohidden            {width:100%}
57
58.commentsList .actions a        {margin:0 5px}
59
60.calendarCalBar                                 {margin:10px}
61
62#copyright                                      {margin-top:15px}
63
64
65/*menu*/
66
67div#header_manage {
68    width:                      100%;
69    top:                        0;
70    position:                   absolute;
71    height:                     40px;
72        margin-bottom:                          10px;
73        z-index:                                        100
74}
75div#header_manage > span        {float:left;padding:0 10px;margin:0 2px}
76div#header_manage p                     {margin:11px 0}
77
78div#header_manage #menu_start {
79    display:                    block;
80    height:                     30px;
81    margin-top:                 4px ! important;
82    width:                      85px;
83}
84div#header_manage #menu_start a{
85        background:url("images/home_w.png") no-repeat;
86    width:                      32px;
87    height:                     32px;
88    margin:                     0 20px 0 25px;
89    display:                    block;
90    line-height:                46px;
91}
92div#header_manage #menu_start a:hover{background-position:left -32px}
93div#header_manage a:hover, div#header_manage .logeduser span p:hover, 
94div#header_manage .unloged p:hover {border-bottom-style:solid;border-width:1px}
95div#header_manage .hm_link{
96        cursor:                     pointer;
97    height:                     40px;
98    display:                    table;
99    padding:                    0 10px;
100    float:                      left;
101    position:                   relative;
102}
103div#header_manage #userlog {
104    position:                   absolute;
105    top:                        40px;
106    width:                      auto;
107    left:                       0;
108    display:                    none;
109}
110div#header_manage #userlog  li                  {list-style:none outside none}
111div#header_manage #userlog  ul          {padding:0 10px}
112
113div#header_manage #search {
114    position:                   absolute;
115    width:                      240px;
116    right:                      0;
117    margin-top:                 4px;
118    height:                     22px;
119    display:                    inline-block;
120}
121div#header_manage form#quicksearch      {float:left;width:240px}
122div#header_manage #quicksearch input[type="text"] {
123    float:                      left;
124    width:                      172px;
125    height:                     22px;
126    padding:                    0 0 0 4px;
127    margin:                     4px 1px 0 0;
128    border:                     0px none;
129    font-size:                  13px;
130}
131div#header_manage #quicksearch input[type="submit"] {
132    float:                      left;
133    padding:                    0;
134    border:                     0 none;
135    height:                     22px;
136    width:                      23px;
137    background:                 url("images/search.png") no-repeat ;
138    cursor:                     pointer;
139    margin:                     4px 2px 0;
140}
141
142div#nav_wrapper {
143    width:                      100%;
144    z-index:                    1000;
145    left:                       0;
146    min-width:                  1000px;
147    height:                     100px;
148    text-align:                 center;
149    font-size:                  22px;
150    margin:                     0 0 50px;
151    color:                      rgb(255, 255, 255);
152}
153div#menu {
154    line-height:                30px;
155    text-decoration:            none;
156    text-transform:             uppercase;
157    padding:                    0px;
158    height:                     100%;
159        position:                                       relative
160}
161ul#topnav {
162    margin:                     0px;
163    padding:                    0px 2px 0px 0px;
164    list-style:                 none outside none;
165    z-index:                    999;
166    display:                    inline-block;
167    height:                     100%;
168}
169ul#topnav  #firstli{
170        height:100%;
171        width:1px;
172        border-right:               1px solid #dadada;
173        float:left
174        }
175ul#topnav .liSub {
176    font-size:                  1.2em;
177    float:                      left;
178    border-right-style:         solid;
179        border-width:                           1px;
180    height:                     100px;
181        cursor:                                         pointer;
182}
183ul#topnav .liSub dt                     {position:relative;z-index:110;margin:30px 10px 0px}
184ul#topnav  .liSub canvas                {position:absolute;left:0;top:80px}
185ul#topnav .canvas                       {left:0;overflow:hidden;position:absolute;top:0}
186
187ul#topnav li .sub{
188        width:                                          100%;
189        left:                                           0;
190    position:                   absolute;
191    top:                        100px;
192    margin-left:                0px;
193    padding:                    5px 0 10px;
194    z-index:                    100;
195        opacity:                                        0;
196        cursor:                                         default;
197}
198ul#topnav li .sub a:hover               {border:none}
199ul#topnav li .sub .level1 > ul  {margin:15px 0 0 15px}
200
201div#menu_cat_act {
202    border-bottom-style:        solid;
203        border-width:                           1px;
204        margin-bottom:              5px;
205    height:                     30px;
206}
207div#menu_cat_act #filter        {width:26px;height:26px;padding-left:2px}
208div#menu_cat_act #nbImg                 {float:right}
209div#menu_cat_act #nbImg p       {font-size:0.5em;margin:0 20px}
210
211ul#topnav li .sub ul {
212    list-style:                 none outside none;
213    margin:                     0 5px;
214    padding:                    0;
215}
216ul#topnav .sub ul li{
217    width:                      100%;
218    background:                 none repeat scroll 0px 0px rgba(255,255,255,0.1);
219        font-size:                  0.8em;
220    margin-bottom:              2px;
221        text-align:                                     left;
222}
223ul#topnav .sub ul li:hover, ul#topnav .sub #menuTagCloud span:hover     {cursor:pointer}
224
225ul#topnav .sub ul li a{
226    height:                     auto;
227    margin:                     0 8px;
228    display:                    block;
229    padding:                    0 0 0 12px;
230    line-height:                35px;
231        display:                                        inline-block;
232        font-size:                                      1.4em;
233}
234
235
236/*box login/register*/
237
238div#box_wrapper {
239    position:                   fixed;
240    background:                 rgba(0, 0, 0, 0.9);
241    z-index:                    2110;
242    top:                        0;
243    left:                       0;
244    text-align:                 center;
245    height:                     100%;
246    width:                      100%;
247    display:                    none;
248}
249div#box_wrapper #box_bg_wrapper {
250    width:                      100%;
251    height:                     100%;
252    left:                       0;
253    display:                    block;
254    position:                   absolute;
255    top:                        0;
256    z-index:                    100;
257}
258div#box_wrapper #box {
259    z-index:                    1110;
260    position:                   relative;
261    display:                    table;
262    text-align:                 center;
263    height:                     100%;
264    width:                      100%;
265}
266div#box_wrapper #box > div {
267    display:                    table-cell;
268    vertical-align:             middle;
269    height:                     100%;
270    width:                      100%;
271}
272div#box_wrapper .box_content {
273    margin:                     0 auto;
274    text-align:                 left;
275    max-width:                  1200px;
276    border:                     1px solid;
277    z-index:                    110;
278    position:                   relative;
279    width:                      90%;
280}
281div#box_wrapper #quickregister DIV {
282    margin:                                     8px 5px;
283    padding:                                    0;
284}
285div#box_wrapper .categoryActions > span, div#box_wrapper .categoryActions input[type="reset"] {
286    display:                    block;
287    padding:                    5px;
288    margin-bottom:              4px;
289    font-size:                  0.8vw;
290        border:                                         none;
291}
292div#box_wrapper input[type="text"], div#box_wrapper input[type="password"]{
293        background:                 transparent;
294    border-width:               medium medium 0.5vw;
295    border-style:               none none dotted;
296    font-size:                  8vw;
297        width:                                          99%;
298}
299div#box_wrapper input[type="submit"] {
300    border:                     none;
301    font-size:                  3vw;
302        cursor:                                         pointer
303}
304
305/*categories*/
306ul.thumbnailCategories{
307        padding-left:                           0.25%;
308        padding-top:                            10px
309}
310ul.thumbnailCategories li {
311    float:                      left;
312    height:                     370px;
313        margin-top:                 2px;
314        margin-left:                            0;
315        margin-right:                           0.25%;
316        margin-bottom:                          2px;
317    width:                      33%;
318}
319ul.thumbnailCategories .illustration                    {text-align:center;width:100%;margin:0}
320ul.thumbnailCategories .illustration    img             {max-width:100%;height:auto;box-sizing:border-box}
321ul.thumbnailCategories .info                            {float:right;line-height:20px;height:40px;padding:0 4px}
322ul.thumbnailCategories .description                     {margin:0 -5px 10px;height:40px}
323ul.thumbnailCategories .description H3          {float:left}
324ul.thumbnailCategories .thumbnailCategory       {margin:0;padding:0 5px}
325
326
327/*thumbnail*/
328
329ul.thumbnails                                   {padding-top:10px}
330ul.thumbnails .wrap2                    {border:none;border-radius:0}
331ul.thumbnails span.thumbLegend  {height:auto}
332ul.thumbnails .thumbLegend span {display:block}
333ul.thumbnails .thumbName                {display:block;line-height:20px}
334
335
336/* picture page */
337
338.contentWithMenu #imageHeaderBar {padding:0}
339#imageHeaderBar                                 {padding:0 0 0 10px;width:auto}
340#imageHeaderBar h2                              {font-size:100%;font-weight:inherit}
341
342#imageHeaderBar .browsePath {
343    display:                                    inline-block;
344    float:                                              left;
345    font-size:                                  120%;
346    font-weight:                                bold;
347    line-height:                                28px;
348    margin:                                     0;
349    padding:                                    0 0 0 10px;
350}
351#imageToolBar .imageNumber {
352    display:                                    inline-block;
353    float:                                              right;
354    line-height:                                29px;
355    margin:                                     -1px -1px 0 20px;
356    min-width:                                  40px;
357    text-align:                                 center;
358}
359#imageToolBar  { 
360        border:                                         none;
361        margin-top:                             -28px; 
362        margin-bottom:                          0; 
363        float:                                          right;
364}
365#thePicturePage .pwg-button             {width:26px}
366#thePicturePage .actionButtons  {margin-right:26px}
367
368
369/* image infos */
370
371#theImageAndInfos {
372        display:                                        block;
373        width:                                          auto;
374        position:                                       relative;
375        margin:                                         0 5px 20px 5px;
376}
377#theImage {
378    display:                                    inline-block;
379    margin-top:                                 10px;
380    overflow:                                   auto;
381    padding:                                    10px 0 5px;
382    vertical-align:                             top;
383    width:                                              75%;
384}
385
386#imageInfos {
387        display:                                        inline-block;
388        width:                                          24.5%;
389        vertical-align:                         top;
390        padding-top:                            35px;
391        padding-bottom:                         5px;
392        margin:                                         10px 0 10px 0.5%;
393        word-wrap:                                      break-word;
394}
395#imageInfos h3                                          {margin:20px 0 10px}
396
397#imageInfos .navThumbs                          {width:280px;height:130px;margin:auto;padding:0 5px}
398#imageInfos .navThumb                           {position:relative;margin:0;overflow:hidden}
399#imageInfos #linkPrev                           {float:left}
400#imageInfos #linkNext                           {float:right}
401#imageInfos .prevThumbHover             {background:transparent url(icon/none.png) no-repeat center center}
402#imageInfos .prevThumbHover:hover       {background:transparent url(icon/img_prev.png) no-repeat center center}
403#imageInfos .nextThumbHover                     {background:transparent url(icon/none.png) no-repeat center center}
404#imageInfos .nextThumbHover:hover       {background:transparent url(icon/img_next.png) no-repeat center center}
405
406#imageInfos dl.imageInfoTable {
407        display:                                        block; 
408        padding:                                        0 15px; 
409        margin:                                         12px auto;
410}
411#imageInfos .imageInfo                                  {display:block;line-height:16px}
412#imageInfos .imageInfo dt                       {display:block;font-weight:bold;text-align:left;padding:0}
413#imageInfos .imageInfo dd                       {display:block;text-align:left;margin:0 0 5px 20px}
414
415.rateButtonStarFull                                     {background:url('icon/rating-stars.png') no-repeat -16px center;width:16px}
416.rateButtonStarEmpty                            {background:url('icon/rating-stars.png') no-repeat 0 center;width:16px}
417
418
419/* image comments */
420
421#thePicturePage #comments  { 
422        padding:                                        0; 
423        position:                                       relative;
424}
425#thePicturePage #comments h3            {height:32px;line-height:32px;margin:10px 0;padding-left:40px;vertical-align:middle}
426#thePicturePage #comments form          {margin:10px 0}
427#thePicturePage #comments fieldset      {margin:0 1em}
428
429.commentshidden #pictureComments        {display:none}
430.commentContent .comments_toggle                {cursor:pointer}
431#commentAdd, #pictureCommentList        {width:48%;padding:0 1%}
432#commentAdd                                                     {float:left}
433#pictureCommentList                                     {float:right}
434
435#commentAdd input[type="text"], #commentAdd textarea {width:95%;font-size:100%}
436
437#pictureCommentList .commentsOrder      {float:left;margin-bottom:5px}
438#pictureCommentList .navigationBar      {float:right;margin-bottom:5px}
439
440#pictureComments h4                                     {margin:0}
441#pictureComments form p                         {margin:5px 0}
442#pictureComments form p textarea                {margin:10px 0 0 10px}
443#pictureComments INPUT                          {margin:10px}
444#pictureComments INPUT[type=submit]     {margin:0}
445
446.commentElement .description            {padding:5px} 
447
448
449/* switchers */
450
451#menuSwitcher {
452        display:                                        block;
453        text-align:                             center;
454        height:                                         32px;
455        cursor:                                         pointer;
456        float:                                          left;
457        margin:                                         28px 0 0 -34px;
458}
459#menuSwitcher.menuhidden {width:25px;margin-left:0}
460
461#infoSwitcher {
462    cursor:                                     pointer;
463    display:                                    block;
464    height:                                     32px;
465    left:                                               75%;
466    margin:                                     10px 0 0 7px;
467    position:                                   absolute;
468    text-align:                                 center;
469    top:                                                0;
470    z-index:                                    99;
471}
472#infoSwitcher.infohidden {width:25px;top:10px;right:0;left:auto;        margin:0}
473
474
475#commentsSwitcher {
476    cursor:                                     pointer;
477    float:                                              left;
478        margin-top:10px
479}
480.noCommentContent #commentsSwitcher {display:none}
481.switchArrow { 
482        width:                                          16px; 
483        height:                                         16px; 
484        margin:                                         8px 5px 8px 4px;
485}
486.switchArrow                            { background: transparent url("icon/arrows_ccc.png");}
487
488.switchArrow:hover                              {background:transparent url("icon/arrows_fff.png")}
489.menuhidden .switchArrow                {background-position:0 0}
490.menushown   .switchArrow               {background-position:-16px 0}
491.infohidden .switchArrow                {background-position:-16px 0}
492.infoshown   .switchArrow               {background-position:0 0}
493.commentshidden .switchArrow            {background-position:-48px 0}
494.commentsshown   .switchArrow   {background-position:-32px 0}
495
496
Note: See TracBrowser for help on using the repository browser.