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

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

Petit détail avec les ombres : quand on a le bottom plus loin (Les cas des mots, Retirer tous les mots) c'est pas joli parce qu'on voit les machins. Tu vois

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