source: spip-zone/_plugins_/couteau_suisse/exec/admin_couteau_suisse_head.html @ 48736

Last change on this file since 48736 was 48736, checked in by patfr@…, 10 years ago

CSS pour SPIP 3.0

File size: 10.3 KB
Line 
1<style type='text/css'>
2
3[(#EVAL{defined('_SPIP19300')}|non)
4        div.cadre-info a { background:none; padding:0; border:0; }
5        div.cadre-info { margin-bottom:1em; }
6        div.cadre-padding form{ padding:0; margin:0; }
7        div.cadre-padding .titrem { background-color:#EEEEEE; color:#000000; }
8]
9div.cadre_padding form { padding:0; margin:0; }
10[(#EVAL{defined('_SPIP20100')}|oui)
11        #contenu .cadre_padding .titrem { background-color:#EEEEEE !important; color:#000000 !important; padding:2px !important; }
12        #contenu .cadre_padding { padding:6px !important; }
13]
14[(#EVAL{defined('_SPIP30000')}|oui)
15        #SET{claire,##ENV{couleur_claire,edf3fe}}
16        #SET{foncee,##ENV{couleur_foncee,3874b0}}
17        div.cs_outils fieldset { border:2px solid #GET{claire}; background:#fcfcfc;}
18        div.cs_infos fieldset { border: 1px threedface groove; padding: 0.3em; }
19]
20
21
22.cs_hidden { display:none; }
23
24div.cs-cadre{ padding:0.5em; margin:1px; width=100%; border:1px solid #666666; }
25div.cs-cadre h3 { margin:0.2em 0; border-bottom:1px solid #666666; }
26div.cs_infos { overflow:hidden; }
27div.cs_infos p { margin:0.3em 1em 0.3em 0; padding:0; }
28div.cs_infos h3.titrem { border-bottom:solid 1px; font-weight:bold; display:block; background-color: #EEE;}
29div.cs_infos legend { font-weight:bold; }
30div.cs_infos fieldset { margin:.8em 4em .5em 4em; }
31div.cs_infos fieldset fieldset { border:0; margin:0 0 0 4em; padding:0.3em; }
32div.cs_infos fieldset>div { margin:0; }
33div.cs_infos sup { font-size:85%; font-variant:normal; vertical-align:super; }
34div.cs_infos hr { border:0; border-top:1px solid #67707F; }
35div.cs_infos img { border:0; }
36div.cs_infos div.cs_bouton { margin-top: 0; text-align: right; }
37div.cs_infos div.cs_modif_ok { font-weight:bold; color:green; margin:0.4em; text-align:center; }
38div.cs_infos div.cs_menu_outil { text-align:right; font-size:85%; margin-bottom:0.8em; }
39div.cs_infos div.cs_details_outil { font-size:85%; margin-top:0.8em; border-top:solid 1px; }
40div.cs_infos fieldset ul { margin:0; padding:0; }
41div.cs_infos fieldset ul li { list-style:none; display:inline; }
42
43div.cs_action_rapide { border:1px dotted; margin-bottom:1em; padding-bottom:0.4em; background-color:#F0EEEE; }
44div.cs_action_rapide select.ar_select { width:auto; display:inline; }
45div.cs_action_rapide .ar_edit_info { font-size:85%; font-style:italic; }
46
47.cs_raccourcis {
48        list-style-type:none; padding:0; margin: 0; list-style-image: none; list-style-position: outside;
49}
50.cs_raccourcis b { color:darkRed; }
51
52.conteneur {
53        clear:both;
54        width:100%;
55        margin:0.8em 0 0 0;
56        padding:0;
57}
58
59a.cs_href {
60        font-weight:normal;
61}
62a.outil_on {
63        font-weight:bold;
64        border:1px dotted;
65}
66div.cs_liste {
67        float:left;
68        width:45%;
69}
70
71div.cs_outils {
72        clear:both;
73        float:none;
74        width:100%;
75}
76
77div.cs_actifs {
78        float:right;
79}
80div.cs_toggle {
81        float:left;
82        width:9.6%; /* pour IE6 */
83        text-align:center;
84        margin:50px 0 0 0;
85}
86
87div.categorie {
88        margin-top:.6em;
89        padding:2px;
90        font-weight:bold;
91        display:block;
92        cursor:pointer;
93        background-color:#EEE;
94}
95div.categorie span {
96        font-size:85%;
97}
98div.categorie span.light {
99        font-weight:normal;
100}
101
102.cs_sobre {
103        background:transparent none repeat scroll 0% !important;
104        border:medium none !important;
105        color:#000099 !important;
106        display:inline;
107        font-size:100%;
108        font-weight:normal !important;
109        margin:0pt !important;
110        padding:0pt !important;
111        cursor:pointer;
112        text-align:left;
113        width:180px;
114}
115
116.cs_droite {
117        text-align:right;
118}
119/* classes de description */
120.q1 { margin:0 2em; }
121.q2 { margin-left:2em; }
122.q3 { font-size:85%; }
123
124</style>
125
126<script type="text/javascript"><!--
127var cs_selected, cs_descripted;
128
129function set_selected() {
130        cs_selected = new Array();
131        jQuery('a.outil_on').each( function(i){
132                cs_selected[i] = this.id;
133        });
134        if(cs_selected.length) {
135                        jQuery('div.cs_toggle div').show();
136                        jQuery('#cs_toggle_p').html('('+cs_selected.length+')');
137                } else jQuery('div.cs_toggle div').hide();
138}
139
140function set_categ(id) {
141        nb = jQuery('#'+id+' a.outil_on').length;
142        if(nb>0) jQuery('#'+id).prev().children().removeClass('light');
143                else jQuery('#'+id).prev().children().addClass('light');
144}
145
146function outils_toggle() {
147        if(cs_selected.length>1) {
148                msg="<:couteauprive:outils_permuter_gras2|cs_javascript:>";
149                msg=msg.replace(/@nb@/, cs_selected.length);
150        } else {
151                msg="<:couteauprive:outil_permuter|cs_javascript:>";
152                msg=msg.replace(/@text@/, jQuery('a.outil_on').text());
153        }
154        if(!confirm(msg)) return false;
155        jQuery('#cs_selection').attr('value', cs_selected.join(','));
156        jQuery('#cs_infos').html('');
157        jQuery('.cs_patience').css('display','block');
158        document.csform.submit();
159}
160
161// clic sur un outil (fonction egalement utilisee par l'outil 'maj_auto')
162function cs_href_click(this_, force) {
163        var this_id = this_.id.replace(/^href_/,'');
164        // on s'en va si l'outil est deja affiche
165        if(!force && cs_descripted==this_id) return false;
166        cs_descripted=this_id;
167        // on charge la nouvelle description
168        jQuery('#cs_infos')
169                .css('opacity', '0.5')
170                .parent()
171                .prepend(ajax_image_searching)
172                .load('[(#URL_ECRIRE{charger_description_outil}|parametre_url{source,#ENV{exec},&})]&outil='+this_id);
173        // annulation du clic
174        return false;
175}
176
177if(window.jQuery) jQuery(function(){
178        // decalage a supprimer sur FF2
179        if(jQuery.browser.mozilla) jQuery('input.cs_sobre').css('margin-left','-3px');
180       
181        jQuery('div.sous_liste').each(cs_Categorie2);
182        if(window.location.search.match(/cmd=pack/)!=null) 
183                jQuery("div.cs_aide a["+cs_sel_jQuery+"href*='cmd=pack']")
184                        .click( function() { window.location.reload(true); return false; });
185        jQuery("div.cs_aide a["+cs_sel_jQuery+"href*='cmd=install']").click( function() { 
186                msg="<:couteauprive:pack_installer|cs_javascript:>\n\n<:couteauprive:cs_reset2|cs_javascript:>";
187                return window.confirm(msg.replace(/@pack@/,jQuery(this).text())); 
188        });
189        jQuery("div.cs_aide a["+cs_sel_jQuery+"href*='cmd=resetall']").click( function() { 
190                msg="<:couteauprive:cs_reset|cs_javascript:>\n\n<:couteauprive:cs_reset2|cs_javascript:>";
191                return window.confirm(msg); 
192        });
193
194        jQuery('div.cs_liste script').remove();
195        // clic sur un titre de categorie
196        jQuery('div.categorie').click( function() {
197                jQuery(this).children().toggleClass('cs_hidden');
198                next = jQuery(this).next();
199                next.toggleClass('cs_hidden');
200                cs_EcrireCookie(next[0].id, '+'+next[0].className, dixans);
201                // annulation du clic
202                return false;
203        })
204        .dblclick(function(){
205                id = '#'+this.nextSibling.id;
206                a = jQuery(id+' a.outil_on').length;
207                b = jQuery(id+' a.cs_href').length;
208                if(a==b) jQuery(id+' a.outil_on').removeClass('outil_on');
209                else jQuery(id+' a.cs_href').addClass('outil_on');
210                jQuery(this).children().addClass('cs_hidden');
211                next = jQuery(this).next();
212                next.removeClass('cs_hidden');
213                cs_EcrireCookie(next[0].id, '+'+next[0].className, dixans);
214                set_selected();
215                set_categ(this.nextSibling.id);
216                return false;
217        });
218
219        // clic sur un outil
220        jQuery('a.cs_href').click( function() {
221                jQuery(this).toggleClass('outil_on');
222                set_selected();
223                set_categ(this.parentNode.id);
224                return cs_href_click(this, false);
225        })
226        .dblclick(function(){
227                jQuery('a.outil_on').removeClass('outil_on');
228                jQuery('div.categorie span').addClass('light');
229                jQuery(this).addClass('outil_on');
230                set_selected();
231                set_categ(this.parentNode.id);
232                outils_toggle();
233                return false;
234        });
235       
236        // clic sur le bouton de permutation
237        jQuery('#cs_toggle_a').click( function() {
238                outils_toggle();
239                // annulation du clic
240                return false;
241        });
242
243        // clic sur le bouton de reset
244        jQuery('#cs_reset_a').click( function() {
245                jQuery('a.outil_on').removeClass('outil_on');
246                jQuery('div.cs_toggle div').hide();
247                jQuery('div.categorie span').addClass('light');
248                // annulation du clic
249                return false;
250        });
251
252        // clic sur le bouton 'tous les actifs'
253        jQuery('#cs_tous_a').click( function() {
254                jQuery('div.cs_actifs a.cs_href').addClass('outil_on');
255                jQuery('div.categorie span').removeClass('light');
256                set_selected();
257                // annulation du clic
258                return false;
259        });
260
261        // masquage/demasquage des blocs <variable> liees a des checkbox
262        input_init.apply(document);
263
264        // verifier la version du CS
265        jQuery('span.cs_version').load('[(#URL_ECRIRE{cs_version}|parametre_url{version,#ENV*{cs_version},&}|parametre_url{force,#ENV*{force},&})]');
266        // afficher la boite rss, si elle existe
267        jQuery('div.cs_boite_rss').load('[(#URL_ECRIRE{cs_boite_rss}|parametre_url{force,#ENV*{force},&})]');
268
269});
270
271// masquage/demasquage des blocs <variable> liees a des checkbox
272// compatibilite Ajax : ajouter this dans jQuery()
273var input_init=function(){
274        // outil actif
275        jQuery('.cs_input_checkbox', this).cs_todo().click(bloc_variables);
276        jQuery('input.cs_input_checkbox:checked',this).each(bloc_variables);
277        // outil inactif
278        jQuery('.cs_hidden_checkbox', this).cs_todo().each(bloc_variables);
279}
280function bloc_variables(index, domElement) {
281//alert(this.name+' - '+this.value);
282        jQuery('.groupe_'+this.name).addClass('cs_hidden');
283        jQuery('.valeur_'+this.name+'_'+this.value).removeClass('cs_hidden');
284}
285if(typeof onAjaxLoad=='function') onAjaxLoad(input_init);
286
287// TODO : cookies en jQuery sous SPIP>=2.0 (plugin jquery.cookie.js)
288
289var dixans=new Date;
290dixans.setFullYear(dixans.getFullYear()+10);
291
292// ref : http://www.actulab.com/ecrire-les-cookies.php
293function cs_EcrireCookie(nom, valeur){
294        var argv=cs_EcrireCookie.arguments;
295        var argc=cs_EcrireCookie.arguments.length;
296        var expires=(argc > 2) ? argv[2] : null;
297        var path=(argc > 3) ? argv[3] : null;
298        var domain=(argc > 4) ? argv[4] : null;
299        var secure=(argc > 5) ? argv[5] : false;
300        document.cookie=nom+'='+escape(valeur)+
301        ((expires==null) ? '' : ('; expires='+expires.toGMTString()))+
302        ((path==null) ? '' : ('; path='+path))+
303        ((domain==null) ? '' : ('; domain='+domain))+
304        ((secure==true) ? '; secure' : '');
305}
306function cs_getCookieVal(offset){
307        var endstr=document.cookie.indexOf (';', offset);
308        if(endstr==-1) endstr=document.cookie.length;
309        return unescape(document.cookie.substring(offset, endstr)); 
310}
311function cs_LireCookie(nom){
312        var arg=nom+'=';
313        var alen=arg.length;
314        var clen=document.cookie.length;
315        var i=0;
316        while (i<clen){
317                var j=i+alen;
318                if(document.cookie.substring(i, j)==arg) return cs_getCookieVal(j);
319                i=document.cookie.indexOf(' ',i)+1;
320                if(i==0) break;
321        }
322        return null; 
323}
324function cs_EffaceCookie(nom){
325        date=new Date;
326        date.setFullYear(date.getFullYear()-1);
327        cs_EcrireCookie(nom,null,date); 
328}
329
330function cs_Categorie2(i,e){
331        var c=cs_LireCookie(this.id);
332        if(c===null || c.match('cs_hidden')) {
333                var j=jQuery(this);
334                j.addClass('cs_hidden');
335                j.prev().children('span.light').removeClass('cs_hidden');
336        }
337}
338//--></script>
Note: See TracBrowser for help on using the repository browser.