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

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

Gaffe #CACHE{0}

File size: 14.3 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
245.liste-objets {
246        -spip-border-top-left-radius: 5px;
247        -spip-border-top-right-radius: 5px;
248        position: relative;
249        z-index: 1;
250        display: block;
251
252        . :hover {
253                -spip-box-shadow:  0px 0px 0px #dddddd;
254        }
255        . :before, . :after {
256          -spip-box-shadow: 0 15px 10px rgba(0, 0, 0, .5);
257          -spip-transform: rotate(-3deg);
258          position: absolute;
259          left: 10px;
260          bottom: 20px;
261          z-index: -1;
262          width: 50%;
263          max-width: 300px;
264          height: 20%;
265          content: "";
266        }
267        . :after {
268          -spip-transform: rotate(3deg);       
269          left: auto;
270          right: 10px;
271        }
272       
273        . .selection-articles {
274                table {
275                        background-color: white;
276                        border-bottom: 1px solid #ccc;
277                }
278                form {
279                        background-color: #[(#ENV{claire}|couleur_luminance{0.25})];
280                }
281        }
282       
283        table {
284                background: transparent;
285               
286                caption {
287                        background: #e5e5e5;
288                        -spip-gradient: top, #f0f0f0, #e0e0e0;
289                       
290                        strong.caption {
291                                padding-top: 7px;
292                                padding-bottom: 7px;
293                                color: #444;
294                                background-color: transparent;
295                                text-shadow: white 0px 1px 0px;
296                                font-size: 0.85em;
297                                line-height: 120%;
298                        }
299                }
300                thead {
301                                font-size: 0.85em;
302                                line-height: 120%;
303                               
304                                th {
305                                        padding-top: 5px;
306                                        padding-bottom: 5px;
307                                }
308                }
309                tbody > tr:last-child td {
310                        border-bottom: 0;
311                }
312                tr {
313                        td {
314                                line-height: 125%;
315                        }
316                }
317        }
318}
319.liste-objets-lies {
320        . .auteurs, . .mots {
321                thead {
322                        display: none;
323                }
324        }
325}
326.icone, .en-edition {
327        line-height: 120%;
328}
329
330div.titrem, h3.titrem {
331        font-size: 1em;
332        line-height: 125%;
333        padding-top: 7px;
334        padding-bottom: 7px;
335}
336
337
338.icone {
339        a, .submit {
340                img {
341                        -spip-transition-property: background-color;
342                        -spip-transition-duration: 0.2s;
343                        border: 0;
344                        background-color: #eee;
345                        -spip-border-radius: 5px;
346                        padding: 7px;
347                }               
348                . :hover {
349                        img {
350                                background-color: #aaa;
351                        }
352                }
353        }
354}
355
356#navigation {
357        .formulaire_spip {
358                border-color: ##ENV{claire};
359                font-size: 90%;
360                line-height: 120%;
361
362                h3.titrem {
363                        background-color: ##ENV{claire};
364                        color: white;
365                        padding-top: 5px;
366                        padding-bottom: 5px;
367                }
368                input.text, input.password, textarea {
369                        font-size: 0.9em;
370                        line-height: 125%;
371                        padding: 3px;
372                }
373               
374                p.boutons {
375                        input.submit {
376                                padding: 2px 5px;
377                        }
378                }
379        }
380}
381.formulaire_spip {
382        margin: 1.3em 0em;
383        -spip-border-radius: 5px;
384       
385        h3.titrem {
386                background-color: ##ENV{foncee};
387                color: white;
388        }
389       
390        input.text, input.password, textarea {
391                border: 1px solid #e9e9e9;
392                padding: 5px;
393                font-size: 1.1em;
394                -spip-border-radius: 4px;
395        }
396        img.ui-datepicker-trigger {
397                -spip-border-radius: 0px;
398        }
399
400        li fieldset {
401                input.text, input.password, textarea {
402                        border: 1px solid #e9e9e9;
403                }
404        }
405        label {
406                color: #777;
407                font-size: 90%;
408                line-height: 120%;
409        }
410        label[for] {
411                cursor: pointer;
412        }
413        .explication {
414                padding: 5px 10px;
415                font-size: 90%;
416                line-height: 125%;
417                color: #666;
418                -spip-border-top-left-radius: 5px;
419                -spip-border-top-right-radius: 5px;
420                background-color: #e9e9e9;
421                -spip-gradient: top, #e9e9e9, #e0e0e0;
422
423               
424                + input.text, + textarea, +input.password, +div.choix:first-of-type {
425                        margin-top: 0px;
426                        -spip-border-top-left-radius: 0px;
427                        -spip-border-top-right-radius: 0px;
428                }
429        }
430        div.choix {
431                background-color: white;
432                padding: 3px 10px;
433                border: 1px solid #e9e9e9;
434                border-top: 0px;
435                border-bottom: 0px;
436               
437                + div.choix {
438                        padding-top: 0px;
439                }
440
441                + .explication {
442                        margin-top: 0px;
443                        -spip-border-top-left-radius: 0px;
444                        -spip-border-top-right-radius: 0px;
445                }
446        }
447       
448        div.choix:last-of-type {
449                -spip-border-bottom-left-radius: 5px;
450                -spip-border-bottom-right-radius: 5px;
451                border-bottom: 1px solid #e9e9e9;
452        }
453        div.choix:first-of-type {
454                -spip-border-top-left-radius: 5px;
455                -spip-border-top-right-radius: 5px;
456                border-top: 1px solid #e9e9e9;
457        }
458        .boutons {
459                -spip-border-bottom-left-radius: 5px;
460                -spip-border-bottom-right-radius: 5px;
461               
462                input.submit {
463                        background-color: ##ENV{claire};
464                        color: #[(#ENV{foncee}|couleur_luminance{0.7})];
465                        -spip-border-radius: 5px;
466                        border: 0;
467                        padding: 3px 7px;
468                        font-size: 90%;
469                       
470                        . :hover,. :focus {
471                                background-color: ##ENV{foncee};
472                                color: white;
473                                -spip-box-shadow:  0px 0px 4px #[(#ENV{foncee}|couleur_luminance{0.6})];
474                        }
475                       
476                        . :active {
477                                background-color: #[(#ENV{foncee}|couleur_luminance{0.7})];
478                        }
479                }
480        }
481
482        .toggle_box_link {
483                visibility: hidden;
484                z-index: 1;
485                font-size: 10px;
486                color: ##ENV{lien};
487               
488                button {
489                        font-size: 10px;
490                        color: ##ENV{lien};
491                }
492               
493        }
494        . :hover {
495                .toggle_box_link {
496                        visibility: visible;
497                }
498        }
499
500}
501
502#chemin {
503        font-size: 85%;
504        line-height: 120%;
505        .bouton_deplacer {
506                font-size: 10px;
507                color: ##ENV{lien};
508                visibility: hidden;
509        }
510       
511        . :hover {
512                .bouton_deplacer {
513                        visibility: visible;
514                }
515        }       
516}
517.box {
518        .inner {
519                -spip-border-radius: 5px;
520        }
521}
522.note, .notice {
523        border: 0;
524}
525.box_mediabox, .largeur {
526        .formulaire_spip.formulaire_recherche  {
527                position: relative;
528                border: 0px;
529                width: 170px;
530                background-color: transparent;
531               
532                input.text {
533                        background-color: #777;
534                        border: 0;
535                        border: 1px solid #999;
536                        font-size: 0.9em;
537                        -spip-border-radius: 4px;
538                        padding-right: 22px;
539                        width: 100%;
540                        -spip-box-sizing: border-box;
541                       
542                        . :focus {
543                                background-color: #333;
544                                border-color: white;
545                                -spip-box-shadow:  0px 0px 4px #ffffff;
546                                color: white;
547                                outline: none;
548                        }
549                }
550                input.image {
551                        position: absolute;
552                        top: 0px;
553                        right: 1px;
554                }
555        }
556}
557.entete-formulaire {
558        -spip-border-top-left-radius: 5px;
559        -spip-border-top-right-radius: 5px;
560       
561        . + .formulaire_spip {
562                -spip-border-top-left-radius: 0px;
563                -spip-border-top-right-radius: 0px;
564        }
565}
566.popin .formulaire_spip {
567                -spip-border-top-left-radius: 0px;
568                -spip-border-top-right-radius: 0px;
569}
570
571#navigation > .formulaire_spip {
572        margin: 2em 0em;
573}
574
575#wysiwyg, .preview {
576        padding: 0;
577        font-size: 1.2em;
578        line-height: 145%;
579        font-family: Cambria, Georgia, 'Times New Roman', Times, serif;
580       
581        text-align: justify;
582        text-justify:newspaper;
583        -spip-hyphens: auto;
584       
585        p {
586                margin: 0.8em 0;
587        }
588        h3.spip {
589                margin-top: 2.5em;
590                margin-bottom: 1.8em;
591                font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;
592                font-weight: normal;
593        }
594        .spip_note_ref {
595                vertical-align: super;
596                font-size: 80%;
597                font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;
598        }
599        .contenu_descriptif, .contenu_nom_site {
600                border: 0;
601                background-color: #eee;
602                margin-left: -15px;
603                margin-right: -15px;
604               
605                padding: 10px 15px;
606               
607                .label {
608                        font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;
609                        font-size: 0.8em;
610                        display: block;
611                        margin-bottom: 0.5em;
612                        color: #999;
613                        font-weight: normal;
614                }
615                p {
616                        margin: 0.5em 0em;
617                }
618        }
619        .contenu_nom_site {
620                .label, .nom_site {
621                        display: inline-block;
622                        padding: 0;
623                        margin: 0;
624                }
625        }
626        .contenu_notes {
627                background-color: transparent;
628                border-top: 0px solid #ccc;
629                background-color: #eee;
630                margin-left: -15px;
631                margin-right: -15px;
632               
633                padding: 10px 15px;
634
635                .label {
636                        font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;
637                        display: block;
638                        margin-bottom: 0.5em;
639                        color: #999;
640                        font-weight: normal;
641                }
642                .notes {
643                        p {
644                                margin: 0.5em 0;
645                               
646                                .spip_note_ref {
647                                        margin-left: -28px;
648                                }
649                        }
650                }
651        }
652       
653}
654#text_area {
655        height: 450px;
656        padding: 10px;
657        outline: none;
658        -spip-border-top-left-radius: 0px;
659        -spip-border-top-right-radius: 0px;
660}
661.formulaire_editer_liens .liste-objets tr > .action button {
662        visibility: hidden;
663       
664        font-size: 90%;
665        img {
666                float: none;
667                margin-left: 0px;
668                vertical-align: bottom;
669        }
670}
671.formulaire_editer_liens .liste-objets tr:hover > .action button {
672        visibility: visible;
673}
674.formulaire_spip {
675        button {
676                . .delete {
677                        color: red;
678                       
679                        . :hover, . :focus {
680                                text-decoration: underline;
681                                border: none;
682                        }
683                }
684        }
685}
686
687.logo_du_site {
688        text-align: center;
689}
690.fiche_objet .formulaire_spip {
691        border: 1px solid #ddd;
692       
693        . .formulaire_dater {
694                border: 0;
695                -spip-border-radius: 0;
696                margin-left: -15px;
697                margin-right: -15px;
698               
699                padding: 10px 15px;
700                background-color: #eee;
701
702                label {
703                        font-size: 85%;
704                        font-weight: normal;
705                }
706                input.text {
707                        padding: 3px;
708                }
709                p.boutons {
710                        -spip-border-radius: 0px;
711                        margin: 0px -15px -10px -15px;;
712                }
713        }
714}
715
716.onglets_simple {
717        ul {
718                li {
719                        strong, a {
720                                -spip-border-top-left-radius: 5px;     
721                                -spip-border-top-right-radius: 5px;     
722                        }
723                        strong {
724                                background-color: transparent;
725                                border-bottom-color: #f9f9f9;
726                        }
727                        a {
728                                -spip-opacity: 0.3;
729                               
730                                . :hover, . :focus {
731                                        -spip-opacity: 1;
732                                }
733                        }
734                       
735                }
736        }
737}
738.infos .instituer_objet {
739        border: 0px;
740}
741.en-edition {
742        font-size: 95%;
743        line-height: 120%;
744
745        button.submit {
746                background-color: transparent;
747                border: 0;
748                color: red;
749                cursor: pointer;
750        }
751       
752        .bd {
753                padding: 0;
754                padding-bottom: 5px;
755               
756                .liste-items  {
757                        border-top: 1px solid white;
758                       
759                        li {
760                                border-bottom: 1px solid white;
761                                padding-left: 10px;
762                                padding-right: 10px;
763                               
764                        }
765                }
766        }
767}
768.barre_onglet ul {
769        li {
770                margin-right: 0px;
771                border-left-width: 0px;
772                border-color: #ccc;
773               
774                strong.on {
775                                        background-color: #[(#ENV{foncee})];
776                                        -spip-box-shadow:  0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.80})] inset;
777               
778                }
779               
780                a {
781                        background-color: #eeeeee;
782                        -spip-gradient: top, #ffffff, #eeeeee;
783                       
784                        . :hover, . :focus {
785                                background-color: white;
786                                -spip-gradient: top, #ffffff, #ffffff;
787                                color: #[(#ENV{foncee}|couleur_luminance{0.7})];
788                        }
789                }
790        }
791        . > li:first-child {
792                border-left-width: 1px;
793        }
794        . > li:first-child, . > li:first-child a {
795                -spip-border-bottom-left-radius: 5px;   
796                -spip-border-top-left-radius: 5px;     
797        }
798        . > li:last-child, . > li:last-child a {
799                -spip-border-bottom-right-radius: 5px; 
800                -spip-border-top-right-radius: 5px;     
801        }
802}
803#portfolios h3  {
804        padding: 7px 10px;
805        background-color: ##ENV{foncee};
806        color: white;
807        -spip-border-top-left-radius: 5px;     
808        -spip-border-top-right-radius: 5px;     
809       
810}
811
812.navigation .sous_navigation .item {
813        padding: 0px;
814        a {
815                margin: 0;
816                padding: 10px;
817                padding-left: 34px;
818                background-position: 10px center;
819               
820                . :hover, . :focus {
821                        background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];
822                        -spip-box-shadow:  0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;
823                        color: black;
824                }
825        }
826}
827
828#FILTRE{css_imbriques_decouper}
Note: See TracBrowser for help on using the repository browser.