source: spip-zone/_plugins_/multilang/trunk/prive/style_prive_plugin_multilang.html @ 118630

Last change on this file since 118630 was 118630, checked in by Charles Razack, 13 months ago

Pas de majuscule forcée pour le nom des langues

File size: 3.1 KB
Line 
1[(#REM)
2
3        Ce squelette definit les styles de l'espace prive
4
5        Note: l'entete "Vary:" sert a repousser l'entete par
6        defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
7        genant en cas de "rotation du cookie de session" apres
8        un changement d'IP (effet de clignotement).
9
10        ATTENTION: il faut absolument le charset sinon Firefox croit que
11        c'est du text/html !
12        <style>
13]
14#CACHE{3600*100,cache-client}
15#HTTP_HEADER{Content-Type: text/css; charset=utf-8}
16#HTTP_HEADER{Vary: Accept-Encoding}
17
18#SET{claire,##ENV{couleur_claire,edf3fe}}
19#SET{foncee,##ENV{couleur_foncee,3874b0}}
20#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
21#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
22
23.menu_multilang {
24        background-color:transparent;
25        border-bottom: 3px solid transparent;
26        transition: all 0.2s;
27}
28
29/* Boutons de langue */
30.menu_multilang .langues {
31        display: flex;
32        flex-flow: row wrap;
33        align-items: center;
34        justify-content: center;
35        text-align: center; /* vieux navs */
36        overflow: auto;
37        margin: 1em 0;
38}
39
40.menu_multilang .langues__item {
41        display: inline-block; /* vieux navs */
42        flex: 0 1 auto;
43        padding: 0.33em 0.66em;
44        margin: 0.33em 0.33em 0 0;
45        background-color: [#(#GET{claire}|couleur_eclaircir)];
46        border: 1px solid transparent;
47        cursor: pointer;
48        font-weight: 400;
49        transition: all 0.2s;
50        border-radius: 0.2em;
51        text-decoration: none;
52}
53
54.menu_multilang .langues__item.on,
55.menu_multilang .langues__item:hover,
56.menu_multilang .langues__item:focus {
57        background-color: #GET{foncee};
58        color: #fff;
59}
60
61.menu_multilang .langues__item.empty:before {
62        content: '∅';
63        margin-right: 0.25em;
64}
65
66.menu_multilang .langues__label {
67        display: inline-block; /* vieux navs */
68        padding-left: 2.5em;
69        margin: 0.33em 0.33em 0 0;
70        background-image: url(#CHEMIN{prive/themes/spip/images/icone-multilang.svg});
71        background-repeat: no-repeat;
72        background-size: 2em auto;
73        background-position: left center;
74}
75
76.menu_multilang .multilang_message {
77        padding: 0.25em 0.5em;
78        clear: both;
79        text-align: center;
80        font-weight: bold;
81        background-color: hsla(0, 0%, 0%, 0.066);
82}
83.menu_multilang .multilang_message p:last-child {
84        margin: 0;
85}
86/* Mode sticky */
87.menu_multilang_flottant {
88        border-bottom-color: #GET{foncee};
89        background-color:[#(#GET{claire}|couleur_eclaircir)];
90        opacity: 0.9;
91}
92.menu_multilang_flottant .langues {
93        margin: 0;
94}
95
96.menu_multilang_flottant .langues__item {
97        border-bottom-left-radius: 0;
98        border-bottom-right-radius: 0;
99}
100
101#SET{langues,#EVAL{$GLOBALS["meta"]["langues_multilingue"]}}
102<BOUCLE_langues(POUR){tableau #GET{langues}|explode{','}}>
103.multi_lang_#VALEUR {
104        background-position: 98% 1px;
105        background-repeat: no-repeat;
106        background-image: url([(#VAL{Multi #VALEUR}|image_typo{taille=11,couleur=cccccc}|extraire_attribut{src}|url_absolue)]);
107}
108</BOUCLE_langues>
109
110.multi_lang_no_multi {
111        background-position: 98% 1px;
112        background-repeat: no-repeat;
113        background-image: url([(#VAL{No multi}|image_typo{taille=11,couleur=cccccc}|extraire_attribut{src}|url_absolue)]);
114}
115
116.multi_lang_broken {
117        background-position: 98% 1px;
118        background-repeat: no-repeat;
119        background-image: url(#CHEMIN{images/multi_forbidden.png});
120}
121
122.multi_lang_rtl {background-position:2% 1px;}
Note: See TracBrowser for help on using the repository browser.