source: spip-zone/_plugins_/details_interface_3/squelettes/details.css.html @ 66680

Last change on this file since 66680 was 66680, checked in by lspeciale@…, 8 years ago

Mini-cosmétique

div.bd div.descriptif{margin:10px; padding-bottom: 1px;}
.fiche_objet .editer_urls .link {padding-bottom: 10px;}

File size: 13.9 KB
Line 
1#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
2#HTTP_HEADER{Vary: Accept-Encoding}
3
4body {
5        font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;
6        background-color: #f9f9f9;
7        background-color: #[(#ENV{claire}|couleur_luminance{0.01}|couleur_saturation{0.015})];
8}
9#bando_identite {
10        font-size: 90%;
11        padding: 1px 0px;
12        background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];
13
14        color: #[(#ENV{foncee}|couleur_luminance{0.6})];;
15        a, strong {
16                color: #[(#ENV{foncee}|couleur_luminance{0.7})];;
17               
18                . :hover {
19                        color: #333;
20                }
21        }
22}
23#bando_haut {
24        ul.deroulant {
25                li {
26                        a {
27                                font-weight: normal;
28                                text-decoration: none;
29                                color: #666;
30                               
31                                . :hover {
32                                        color: black;
33                                }
34                        }
35                        ul {
36                                li {
37                                        background-color: transparent;                         
38                                }
39                                . > li:last-child {
40                                        -spip-border-bottom-left-radius: 5px;
41                                        -spip-border-bottom-right-radius: 5px;
42                                }
43                                li.actif, li.actif_tempo {
44                                        background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];
45                                        -spip-box-shadow:  0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.25})] inset;
46                                        a:hover {
47                                                background-color: transparent;
48                                        }
49                                }
50                        }
51                }
52        }
53}
54               
55#bando_navigation {
56        ul {
57                li {
58               
59                        ul {
60                                min-width: 170px;
61                                -spip-border-bottom-left-radius: 5px;
62                                -spip-border-bottom-right-radius: 5px;
63                                background-color: white;
64
65                                a {
66                                        padding: 0.5em;
67                                }
68
69                        }
70                       
71                }
72        }
73}
74#bando_navigation ul.deroulant > li {min-width: 95px;}
75.large #bando_navigation ul.deroulant > li {min-width: 105px;}
76
77.large #contenu {
78        margin-left: 24px;
79        width: 525px;
80}
81#bando_outils {
82        border-top: 1px solid #999;
83        background-color: #444;
84        -spip-gradient: top, #555555, #333333;
85       
86        ul.deroulant {
87                font-size: 0.9em;
88                line-height: 120%;
89        }
90}
91.navigation_avec_icones {
92        #bando_navigation {
93                ul.deroulant {
94                        > li {
95                                > a {
96                                        font-size: 90%;
97                                       
98                                        . :hover {
99                                                background-color: ##ENV{foncee};
100                                        }
101                                }
102                        }
103                }
104        }
105        #bando1_menu_accueil {
106                background-image: url("#CHEMIN{accueil-48.png}");
107        }
108        #bando1_menu_edition {
109                background-image: url("#CHEMIN{edition-48.png}");
110        }
111        #bando1_menu_publication {
112                background-image: url("#CHEMIN{publication-48.png}");
113        }
114        #bando1_menu_activite {
115                background-image: url("#CHEMIN{suivi-activite-48.png}");
116        }
117        #bando1_menu_squelette {
118                background-image: url("#CHEMIN{squelettes-48.png}");
119        }
120        #bando1_menu_administration {
121                background-image: url("#CHEMIN{maintenance-48.png}");
122        }
123        #bando1_menu_configuration {
124                background-image: url("#CHEMIN{configuration-48.png}");
125        }
126}
127
128
129.simple .inner {
130        -spip-border-radius: 5px;
131        border: 1px solid #e7e7e7;
132
133       
134        . :hover {
135                        -spip-box-shadow:  0px 0px 2px #dddddd;
136        }
137       
138        .hd {
139                background-color: #f0f0f0;
140                color: #444;
141                text-shadow: white 0px 1px 0px;
142                font-size: 0.85em;
143                line-height: 120%;
144        }
145}
146#contenu .fiche_objet {
147        .inner {
148                border: 0px;
149                -spip-box-shadow:  0px 0px 20px #f0f0f0;
150
151                . :hover {
152                        -spip-box-shadow:  0px 0px 20px #eeeeee;
153                }
154               
155                .hd {
156                        background-color: transparent;
157                        padding: 25px 15px 10px 15px;
158                       
159                        .surtitre, .soustitre {
160                                font-size: 1.6em;
161                                line-height: 125%;
162                        }
163                        .surtitre {
164                                margin-bottom: 8px;
165                        }
166                        .soustitre {
167                                margin-top: 8px;
168                        }
169                }
170                .bd {
171                        padding: 15px;
172                }
173        }
174}
175h1, .h1 {
176        font-size: 2em;
177        line-height: 125%;
178}
179
180
181.sous-rub {
182        .inner {
183                border: 0;
184                background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];
185                -spip-box-shadow:  0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;
186
187                . :hover {
188                -spip-box-shadow:  0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;
189                }
190               
191                .hd {
192                        background-color: transparent;
193                        font-size: 100%;
194                }
195                .bd {
196                        padding: 0;
197                       
198                        .liste-items {
199                                font-size: 0.85em;
200                                line-height: 120%;
201                               
202                                .item {
203                                        padding: 0px;
204                                                                               
205                                        a {
206                                                padding: 5px 18px;
207                                                display: block;
208                                        }
209                                       
210                                        . :hover {
211                                                background-color: #[(#ENV{foncee}|couleur_luminance{0.25})];
212                                                a {
213                                                        color: black;
214                                                }
215                                        }
216                                }       
217                                > .item:last-child {
218                                        border-bottom: 0px;
219                                }
220                        }
221                }
222        }
223}
224
225
226.liste-objets {
227        -spip-border-top-left-radius: 5px;
228        -spip-border-top-right-radius: 5px;
229        position: relative;
230        z-index: 2;
231        display: block;
232
233        . :hover {
234                -spip-box-shadow:  0px 0px 0px #dddddd;
235        }
236        . :before, . :after {
237          -spip-box-shadow: 0 15px 10px rgba(0, 0, 0, .5);
238          -spip-transform: rotate(-3deg);
239          position: absolute;
240          left: 10px;
241          bottom: 20px;
242          z-index: -1;
243          width: 50%;
244          max-width: 300px;
245          height: 20%;
246          content: "";
247        }
248        . :after {
249          -spip-transform: rotate(3deg);       
250          left: auto;
251          right: 10px;
252        }
253       
254       
255        table {
256                background: transparent;
257               
258                caption {
259                        background: #e5e5e5;
260                        -spip-gradient: top, #f0f0f0, #e0e0e0;
261                       
262                        strong.caption {
263                                padding-top: 7px;
264                                padding-bottom: 7px;
265                                color: #444;
266                                background-color: transparent;
267                                text-shadow: white 0px 1px 0px;
268                                font-size: 0.85em;
269                                line-height: 120%;
270                        }
271                }
272                thead {
273                                font-size: 0.85em;
274                                line-height: 120%;
275                               
276                                th {
277                                        padding-top: 5px;
278                                        padding-bottom: 5px;
279                                }
280                }
281                tbody > tr:last-child td {
282                        border-bottom: 0;
283                }
284                tr {
285                        td {
286                                line-height: 125%;
287                        }
288                }
289        }
290}
291.liste-objets-lies {
292        . .auteurs, . .mots {
293                thead {
294                        display: none;
295                }
296        }
297}
298.icone, .en-edition {
299        line-height: 120%;
300}
301
302div.titrem, h3.titrem {
303        font-size: 1em;
304        line-height: 125%;
305        padding-top: 7px;
306        padding-bottom: 7px;
307}
308
309
310.icone {
311        a, .submit {
312                img {
313                        -spip-transition-property: background-color;
314                        -spip-transition-duration: 0.2s;
315                        border: 0;
316                        background-color: #eee;
317                        -spip-border-radius: 5px;
318                        padding: 7px;
319                }               
320                . :hover {
321                        img {
322                                background-color: #aaa;
323                        }
324                }
325        }
326}
327
328#navigation {
329        .formulaire_spip {
330                border-color: ##ENV{claire};
331                font-size: 90%;
332                line-height: 120%;
333
334                h3.titrem {
335                        background-color: ##ENV{claire};
336                        color: white;
337                        padding-top: 5px;
338                        padding-bottom: 5px;
339                }
340                input.text, input.password, textarea {
341                        font-size: 0.9em;
342                        line-height: 125%;
343                        padding: 3px;
344                }
345               
346                p.boutons {
347                        input.submit {
348                                padding: 2px 5px;
349                        }
350                }
351        }
352}
353.formulaire_spip {
354        margin: 1.3em 0em;
355        -spip-border-radius: 5px;
356       
357        h3.titrem {
358                background-color: ##ENV{foncee};
359                color: white;
360        }
361       
362        input.text, input.password, textarea {
363                border: 1px solid #e9e9e9;
364                padding: 5px;
365                font-size: 1.1em;
366                -spip-border-radius: 4px;
367        }
368        img.ui-datepicker-trigger {
369                -spip-border-radius: 0px;
370        }
371
372        li fieldset {
373                input.text, input.password, textarea {
374                        border: 1px solid #e9e9e9;
375                }
376        }
377        label {
378                color: #777;
379                font-size: 90%;
380                line-height: 120%;
381        }
382        label[for] {
383                cursor: pointer;
384        }
385        .explication {
386                padding: 5px 10px;
387                font-size: 90%;
388                line-height: 125%;
389                color: #666;
390                -spip-border-top-left-radius: 5px;
391                -spip-border-top-right-radius: 5px;
392                background-color: #e9e9e9;
393                -spip-gradient: top, #e9e9e9, #e0e0e0;
394
395               
396                + input.text, + textarea, +input.password, +div.choix:first-of-type {
397                        margin-top: 0px;
398                        -spip-border-top-left-radius: 0px;
399                        -spip-border-top-right-radius: 0px;
400                }
401        }
402        div.choix {
403                background-color: white;
404                padding: 3px 10px;
405                border: 1px solid #e9e9e9;
406                border-top: 0px;
407                border-bottom: 0px;
408               
409                + div.choix {
410                        padding-top: 0px;
411                }
412
413                + .explication {
414                        margin-top: 0px;
415                        -spip-border-top-left-radius: 0px;
416                        -spip-border-top-right-radius: 0px;
417                }
418        }
419       
420        div.choix:last-of-type {
421                -spip-border-bottom-left-radius: 5px;
422                -spip-border-bottom-right-radius: 5px;
423                border-bottom: 1px solid #e9e9e9;
424        }
425        div.choix:first-of-type {
426                -spip-border-top-left-radius: 5px;
427                -spip-border-top-right-radius: 5px;
428                border-top: 1px solid #e9e9e9;
429        }
430        .boutons {
431                -spip-border-bottom-left-radius: 5px;
432                -spip-border-bottom-right-radius: 5px;
433               
434                input.submit {
435                        background-color: ##ENV{claire};
436                        color: #[(#ENV{foncee}|couleur_luminance{0.7})];
437                        -spip-border-radius: 5px;
438                        border: 0;
439                        padding: 3px 7px;
440                        font-size: 90%;
441                       
442                        . :hover,. :focus {
443                                background-color: ##ENV{foncee};
444                                color: white;
445                                -spip-box-shadow:  0px 0px 4px #[(#ENV{foncee}|couleur_luminance{0.6})];
446                        }
447                       
448                        . :active {
449                                background-color: #[(#ENV{foncee}|couleur_luminance{0.7})];
450                        }
451                }
452        }
453
454        .toggle_box_link {
455                visibility: hidden;
456                z-index: 2;
457                font-size: 10px;
458                color: ##ENV{lien};
459               
460                button {
461                        font-size: 10px;
462                        color: ##ENV{lien};
463                }
464               
465        }
466        . :hover {
467                .toggle_box_link {
468                        visibility: visible;
469                }
470        }
471
472}
473
474#chemin {
475        font-size: 85%;
476        line-height: 120%;
477        .bouton_deplacer {
478                font-size: 10px;
479                color: ##ENV{lien};
480                visibility: hidden;
481        }
482       
483        . :hover {
484                .bouton_deplacer {
485                        visibility: visible;
486                }
487        }       
488}
489.box {
490        .inner {
491                -spip-border-radius: 5px;
492        }
493}
494.note, .notice {
495        border: 0;
496}
497.box_mediabox, .largeur {
498        .formulaire_spip.formulaire_recherche  {
499                position: relative;
500                border: 0px;
501                width: 170px;
502                background-color: transparent;
503               
504                input.text {
505                        background-color: #777;
506                        border: 0;
507                        border: 1px solid #999;
508                        font-size: 0.9em;
509                        -spip-border-radius: 4px;
510                        padding-right: 22px;
511                        width: 100%;
512                        -spip-box-sizing: border-box;
513                       
514                        . :focus {
515                                background-color: #333;
516                                border-color: white;
517                                -spip-box-shadow:  0px 0px 4px #ffffff;
518                                color: white;
519                                outline: none;
520                        }
521                }
522                input.image {
523                        position: absolute;
524                        top: 0px;
525                        right: 1px;
526                }
527        }
528}
529.entete-formulaire {
530        -spip-border-top-left-radius: 5px;
531        -spip-border-top-right-radius: 5px;
532       
533        . + .formulaire_spip {
534                -spip-border-top-left-radius: 0px;
535                -spip-border-top-right-radius: 0px;
536        }
537}
538.popin .formulaire_spip {
539                -spip-border-top-left-radius: 0px;
540                -spip-border-top-right-radius: 0px;
541}
542
543#navigation > .formulaire_spip {
544        margin: 2em 0em;
545}
546
547#wysiwyg, .preview {
548        padding: 0;
549        font-size: 1.2em;
550        line-height: 145%;
551        font-family: Cambria, Georgia, 'Times New Roman', Times, serif;
552       
553        text-align: justify;
554        text-justify:newspaper;
555        -spip-hyphens: auto;
556       
557        p {
558                margin: 0.8em 0;
559        }
560        h3.spip {
561                margin-top: 2.5em;
562                margin-bottom: 1.8em;
563                font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;
564                font-weight: normal;
565        }
566        .spip_note_ref {
567                vertical-align: super;
568                font-size: 80%;
569                font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;
570        }
571        .contenu_descriptif, .contenu_nom_site {
572                border: 0;
573                background-color: #eee;
574                margin-left: -15px;
575                margin-right: -15px;
576               
577                padding: 10px 15px;
578               
579                .label {
580                        font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;
581                        font-size: 0.8em;
582                        display: block;
583                        margin-bottom: 0.5em;
584                        color: #999;
585                        font-weight: normal;
586                }
587        }
588        .contenu_nom_site {
589                .label, .nom_site {
590                        display: inline-block;
591                        padding: 0;
592                        margin: 0;
593                }
594        }
595        .contenu_notes {
596                background-color: transparent;
597                border-top: 0px solid #ccc;
598                background-color: #eee;
599                margin-left: -15px;
600                margin-right: -15px;
601               
602                padding: 10px 15px;
603
604                .label {
605                        font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;
606                        display: block;
607                        margin-bottom: 0.5em;
608                        color: #999;
609                        font-weight: normal;
610                }
611                .notes {
612                        p {
613                                margin: 0.5em 0;
614                               
615                                .spip_note_ref {
616                                        margin-left: -28px;
617                                }
618                        }
619                }
620        }
621       
622}
623#text_area {
624        height: 450px;
625        padding: 10px;
626        outline: none;
627        -spip-border-top-left-radius: 0px;
628        -spip-border-top-right-radius: 0px;
629}
630.formulaire_editer_liens .liste-objets tr > .action button {
631        visibility: hidden;
632       
633        font-size: 90%;
634        img {
635                float: none;
636                margin-left: 0px;
637                vertical-align: bottom;
638        }
639}
640
641
642
643
644
645.formulaire_editer_liens .liste-objets tr:hover > .action button {
646        visibility: visible;
647}
648
649.formulaire_editer_liens .action {
650    background: none repeat scroll 0 0 #EEEEEE;
651    position: relative;
652    text-align: right;
653    z-index: 300;}
654
655
656
657
658.logo_du_site {
659        text-align: center;
660}
661.fiche_objet .formulaire_spip {
662        border: 1px solid #ddd;
663       
664        . .formulaire_dater {
665                border: 0;
666                -spip-border-radius: 0;
667                margin-left: -15px;
668                margin-right: -15px;
669               
670                padding: 10px 15px;
671                background-color: #eee;
672
673                label {
674                        font-size: 85%;
675                        font-weight: normal;
676                }
677                input.text {
678                        padding: 3px;
679                }
680                p.boutons {
681                        -spip-border-radius: 0px;
682                        margin: 0px -15px -10px -15px;;
683                }
684        }
685}
686
687.onglets_simple {
688        ul {
689                li {
690                        strong, a {
691                                -spip-border-top-left-radius: 5px;     
692                                -spip-border-top-right-radius: 5px;     
693                        }
694                        strong {
695                                background-color: transparent;
696                                border-bottom-color: #f9f9f9;
697                        }
698                        a {
699                                -spip-opacity: 0.3;
700                               
701                                . :hover, . :focus {
702                                        -spip-opacity: 1;
703                                }
704                        }
705                       
706                }
707        }
708}
709.infos .instituer_objet {
710        border: 0px;
711}
712.en-edition {
713        font-size: 95%;
714        line-height: 120%;
715
716        button.submit {
717                background-color: transparent;
718                border: 0;
719                color: red;
720                cursor: pointer;
721        }
722       
723        .bd {
724                padding: 0;
725                padding-bottom: 5px;
726               
727                .liste-items  {
728                        border-top: 1px solid white;
729                       
730                        li {
731                                border-bottom: 1px solid white;
732                                padding-left: 10px;
733                                padding-right: 10px;
734                               
735                        }
736                }
737        }
738}
739.barre_onglet ul {
740        li {
741                margin-right: 0px;
742                border-left-width: 0px;
743                border-color: #ccc;
744               
745                strong.on {
746                                        background-color: #[(#ENV{foncee})];
747                                        -spip-box-shadow:  0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.80})] inset;
748               
749                }
750               
751                a {
752                        background-color: #eeeeee;
753                        -spip-gradient: top, #ffffff, #eeeeee;
754                       
755                        . :hover, . :focus {
756                                background-color: white;
757                                -spip-gradient: top, #ffffff, #ffffff;
758                                color: #[(#ENV{foncee}|couleur_luminance{0.7})];
759                        }
760                }
761        }
762        . > li:first-child {
763                border-left-width: 1px;
764        }
765        . > li:first-child, . > li:first-child a {
766                -spip-border-bottom-left-radius: 5px;   
767                -spip-border-top-left-radius: 5px;     
768        }
769        . > li:last-child, . > li:last-child a {
770                -spip-border-bottom-right-radius: 5px; 
771                -spip-border-top-right-radius: 5px;     
772        }
773}
774#portfolios h3  {
775        padding: 7px 10px;
776        background-color: ##ENV{foncee};
777        color: white;
778        -spip-border-top-left-radius: 5px;     
779        -spip-border-top-right-radius: 5px;     
780       
781}
782
783.navigation .sous_navigation .item {
784        padding: 0px;
785        a {
786                margin: 0;
787                padding: 10px;
788                padding-left: 34px;
789                background-position: 10px center;
790               
791                . :hover, . :focus {
792                        background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];
793                        -spip-box-shadow:  0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;
794                        color: black;
795                }
796        }
797}
798div.bd div.descriptif{margin:10px; padding-bottom: 1px;}
799.fiche_objet .editer_urls .link {padding-bottom: 10px;}
800#FILTRE{css_imbriques_decouper}
Note: See TracBrowser for help on using the repository browser.