Changeset 91520 in spip-zone


Ignore:
Timestamp:
Aug 28, 2015, 1:03:21 PM (6 years ago)
Author:
real3t@…
Message:

Des styles repris de l'admin de SPIP pour les formulaires.

Location:
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/paquet.xml

    r91391 r91520  
    22        prefix="soyezcreateurs"
    33        categorie="squelette"
    4         version="4.0.31"
     4        version="4.0.32"
    55        etat="test"
    66        compatibilite="[3.0.20;3.1.*]"
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylessoyezcreateurs.css.html

    r91277 r91520  
    112112
    113113/*************** FORMS */
    114 /*
    115 .forml { width: 96%; }
    116 .searchfield { width: 70%; }
    117 input, textarea, select { padding: 1px; border: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_foncerluminosite)]; border-bottom-color: [ #(#GET{c_cadrestexte_bk}|couleur_eclaircirluminosite)]; border-right-color: [ #(#GET{c_cadrestexte_bk}|couleur_eclaircirluminosite)]; font-family: #GET{f_content}; vertical-align: middle; }
    118 .formulaire_spip fieldset { padding-left: .25em; padding-right: .25em; padding-bottom: 3px; margin-top: 3px; margin-bottom: 5px; }
    119 .formulaire_spip label { vertical-align: top; text-align: left; }
    120 .formulaire_spip textarea.spip_cadre { display: block; width: 100%; height: auto; max-height: 10em; padding: 1px; margin: 0; background-color: [ (#GET{c_cadrestexte_bk})]; border: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; color: [ (#GET{c_cadrestexte})]; }
    121 .formulaire_spip input:focus, textarea:focus, select:focus {
    122         background-color:[ #(#GET{c_cadrestexte_bk}|=={transparent}|?{#ddddff,#GET{c_cadrestexte_bk}}|couleur_inverserluminosite{80,true})];
    123         color:[ #(#GET{c_cadrestexte_bk}|=={transparent}|?{#ddddff,#GET{c_cadrestexte_bk}}|couleur_inverserluminosite{80,true}|couleur_inverser|couleur_extreme)];
    124 }
    125 input.submit, input.form_submit, input[type="submit"] { cursor:pointer; }
    126 /* spip forms */
    127 /*
    128 .spip_forms { padding: 0; border-left: none; color: inherit; font-family: inherit; }
    129 #content .spip_forms ul.choix_mots, #content .spip_forms ul.spip_form_choix_multiple, #content .spip_forms ul.spip_form_choix_unique {  color: #GET{c_container}; float: left; width: 45%; padding-left: 5px; list-style: none none outside; }
    130 .spip_forms fieldset, #content .formulaire_spip fieldset { border: 1px solid #GET{c_titraille_bk}; }
    131 .spip_forms legend, #content .formulaire_spip legend { border: 1px solid #GET{c_titraille_bk}; }
    132 #content .formulaire_spip ul { padding-left:5px; list-style: none none outside; }
    133 .formulaire_spip ul { list-style-type:none; }
    134 */
    135 #content .formulaire_spip label {  color: #GET{c_container}; /* float: left; width: 23%; margin: 0.5em 2% 0.5em 0; text-align: right; */ }
    136 /*
    137 #content .formulaire_spip input.text,
    138         #content .formulaire_spip textarea,
    139         #content .formulaire_spip select,
    140         #content .formulaire_spip div.choix,
    141         #content .formulaire_spip p.explication,
    142         #content .formulaire_spip em.attention,
    143         #content .formulaire_spip li p {  color: #GET{c_container}; display: block; margin-left:25%; width: 70%; }
    144 #content .formulaire_spip li.selecteur_item { background: transparent; }
    145 #content .formulaire_spip div.choix input.radio {  color: #GET{c_container}; float: none; width: auto; }
    146 #content .formulaire_spip div.choix label { float: none; width: auto; }
    147 #content .formulaire_spip input.datePicker { display: inline-block; width: 140px; }
    148 #ui-datepicker-div { display: none; }
    149 #content .formulaire_spip img.ui-datepicker-trigger { padding:0; }
    150 #content .formulaire_spip span.obligatoire { color: #FF6600; }
    151 #content .formulaire_spip em.attention {  color: #GET{c_container}; display: block; }
    152 #content .erreur { background-color: [(#GET{c_cadrestexte_bk})]; }
    153 .reponse_formulaire_ok, .reponse_formulaire_erreur, .erreur_message { padding: 0.5em; background-color: #fff; }
    154 */
     114
     115
     116/* Style des formulaires d'edition
     117----------------------------------------------- */
     118.formulaire_spip {
     119        padding:0 10px 0;
     120        border: 1px solid #GET{c_cadrestexte};
     121        color: #GET{c_cadrestexte};
     122        background-color: #GET{c_cadrestexte_bk};
     123        margin: 0 0;
     124        position:relative; /* pour positionner le ajaxload en automatique */
     125}
     126
     127.cadre-formulaire-editer .formulaire_spip { margin-top:0; }
     128.cadre-formulaire-editer {color: #444; margin-top:1.5em;position:relative;}
     129.cadre-formulaire-editer.popin {margin-top:0}
     130.cadre-formulaire-editer .image_loading {position:absolute;right:0;}
     131
     132.entete-formulaire{ background:white; border:1px solid #GET{c_cadrestexte}; border-bottom:0; padding:.5em 10px; overflow:hidden;}
     133.ie6 .entete-formulaire {zoom:1; /* correction IE6 */}
     134.formulaire_spip .cadre{border: 1px solid #GET{c_cadrestexte};}
     135
     136/* dans les formulaires de configuration */
     137h3.titrem {position:relative;}
     138.formulaire_spip h3.titrem {background-color: [#(#GET{c_cadrestexte}|couleur_eclaircir)];color: #4A4A4A;}
     139
     140/* ul li -----*/
     141.formulaire_spip fieldset {padding-left:10px;padding-right:10px;margin-bottom:.25em}
     142.formulaire_spip .editer-groupe {padding: .25em 0;}
     143.formulaire_spip .editer-groupe .editer-groupe,.formulaire_spip .fieldset fieldset {margin:0;}
     144.formulaire_spip .editer-groupe,
     145.formulaire_spip fieldset,
     146.formulaire_spip fieldset .editer-groupe,
     147.formulaire_spip .boutons,
     148.formulaire_spip .titrem,
     149.formulaire_spip .legend {margin-left: -10px;margin-right: -10px;}
     150
     151.formulaire_spip .editer {padding: .5em 10px;clear:both;overflow:hidden;}
     152
     153/* label -----*/
     154
     155/* Formulaires alignes a gauche c'est le par defaut des formulaires de Spip */
     156.formulaire_spip .editer,
     157.formulaire_spip .editer.gauche {padding-left:140px;}
     158
     159.formulaire_spip .editer label,
     160.formulaire_spip .editer.gauche label {
     161        color: #4444;
     162        width: 114px;
     163        float:left;
     164        margin-left:-130px;
     165        text-align: left;
     166        /*vertical-align: top;*/
     167}
     168.ie6 .formulaire_spip .editer label,.ie6 .formulaire_spip .editer.gauche label {position:relative;display:inline;}
     169
     170.formulaire_spip .long_label {padding-left:270px;}
     171.formulaire_spip .long_label label {width: 250px;margin-left:-260px;}
     172
     173/* Formulaires avec label en haut */
     174/* les cas particuliers des edition pleines largeur */
     175.formulaire_spip .editer_parent,
     176.formulaire_spip .editer_groupe_mot,
     177.formulaire_spip .editer_descriptif,
     178.formulaire_spip .editer_chapo,
     179.formulaire_spip .editer_texte,
     180.formulaire_spip .editer_ps,
     181.formulaire_spip .haut,
     182.formulaire_spip .pleine_largeur { padding-left:10px;}
     183
     184.formulaire_spip .editer_parent label,
     185.formulaire_spip .editer_groupe_mot label,
     186.formulaire_spip .editer_descriptif label,
     187.formulaire_spip .editer_chapo label,
     188.formulaire_spip .editer_texte label,
     189.formulaire_spip .editer_ps label,
     190.formulaire_spip .haut label,
     191.formulaire_spip .pleine_largeur label {display: block;float: none;width:auto;margin-left: 0;}
     192
     193.formulaire_spip .editer.obligatoire label,
     194.formulaire_spip .editer.obligatoire.gauche label {color: black;font-weight: bold;}
     195
     196/* cas exotique d'un label dans une erreur (ie confirmez que vous etes sur ) */
     197.formulaire_spip .erreur_message label { float:none;display:inline;font-weight:normal;margin-left: 0;}
     198
     199
     200/* elements du formulaire */
     201.formulaire_spip input.text,
     202.formulaire_spip input.password,
     203.formulaire_spip textarea,
     204.formulaire_spip select { font-size:1em;padding: 3px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box;}
     205
     206.lte7 .formulaire_spip input.text,
     207.lte7 .formulaire_spip input.password,
     208.lte7 .formulaire_spip textarea,
     209.lte7 .formulaire_spip select { width: 96%;margin:0;display: inline;margin-left:0;}
     210.lte7 .formulaire_spip textarea {margin-left: 10px;}
     211
     212.formulaire_spip input.text,
     213.formulaire_spip input.password,
     214.formulaire_spip input.file,
     215.formulaire_spip select { font-size: inherit;font-family:inherit}
     216.formulaire_spip textarea {padding: .25em 5px;overflow: auto;font-size: inherit;font-family:inherit;line-height: inherit;}
     217
     218.formulaire_spip input.placeholder,
     219.formulaire_spip textarea.placeholder {color:#888;}
     220.formulaire_spip .editer.obligatoire input.text {font-weight: bold;}
     221
     222
     223.formulaire_spip .erreur {background-color:#FBE3E4;}
     224.formulaire_spip .editer .erreur_message {      display: block;color: #8A1F11;font-weight:bold;}
     225.formulaire_spip .erreur input.text,
     226.formulaire_spip .erreur input.password,
     227.formulaire_spip .erreur textarea {border:2px solid #FBC2C4;}
     228
     229/* sous choix */
     230.formulaire_spip .choix label {font-weight:normal;text-transform: none;float:none;display:inline;margin-left: 5px;color: #666666;}
     231.formulaire_spip .choix .radio,
     232.formulaire_spip .choix .checkbox {width:auto;}
     233
     234/* reponses succes/erreur */
     235
     236.formulaire_spip .reponse_formulaire,
     237.error,.success,.notice,.information {border:2px solid;color:#333;font-weight: normal;padding:.5em 10px;padding-left:40px;min-height:24px;background-repeat:no-repeat;background-position: 2px 5px;margin-bottom:1em;margin-top:1em;}
     238.formulaire_spip .reponse_formulaire_ok, .success {color: #264409;border-color: #C6D880;background-color:#E6EFC2;background-image:url(#CHEMIN_IMAGE{ok-24.png});}
     239.formulaire_spip .reponse_formulaire_erreur, .error {color: #8A1F11;border-color: #FBC2C4;background-color:#FBE3E4;background-image:url(#CHEMIN_IMAGE{erreur-24.png});}
     240.notice {color: #514721;border-color: #FFD324;background-color:#FFF6BF;background-image:url(#CHEMIN_IMAGE{warning-24.png});}
     241.information {color: #1e556b;border-color: #2f96b4;background-color: #e2f6fd;}
     242
     243/* Explications */
     244.formulaire_spip p {}
     245.formulaire_spip .explication {display:block;padding: 5px;background-color: #e9e9e9;}
     246.formulaire_spip .editer .explication {margin-bottom: 0;margin-top: 0;}
     247.formulaire_spip .editer .explication>:last-child {margin-bottom: 0}
     248.formulaire_spip .editer .explication a {}
     249
     250/* Remarques importantes */
     251.formulaire_spip .attention { display: block; margin-bottom: 1em; font-weight: normal; }
     252
     253
     254
     255.formulaire_spip input.submit,
     256.formulaire_spip input.reset,
     257.formulaire_spip input.button {
     258        width: auto;
     259}
     260
     261/* icone d'aide */
     262.formulaire_spip .editer .aide {padding-top: 0px;}
     263
     264
     265/* Fieldset */
     266.formulaire_spip .editer.fieldset {padding:0;}
     267.formulaire_spip fieldset {border: 0;width:auto;border-top: 1px solid #ccc;margin-top: .25em;padding-bottom:.25em;}
     268
     269.formulaire_spip h3.legend,
     270.formulaire_spip legend {display: block;padding-top: 7px;padding-bottom: 7px;background-color: #eee;color: black;font-weight: normal;padding-left: 10px;padding-right: 5px;margin-bottom:.5em}
     271
     272.formulaire_spip .editer fieldset label {color: #444444;}
     273
     274/* boutons */
     275.formulaire_spip .boutons { margin-bottom:0;clear:both;padding: .5em 10px;text-align: right;background-color: #[(#GET{c_cadrestexte_bk}|couleur_eclaircir)];border-top: 1px solid [(#GET{c_cadrestexte_bk})];}
     276
     277#navigation .formulaire_spip .boutons,
     278#extra .formulaire_spip .boutons { padding: .25em 5px}
     279
     280.formulaire_spip .boutons .image_loading {float:none;}
     281/* Bouton de validation */
     282input[type="file"] {border: none;background-color: transparent;}
     283/* Pour IE, qui grossit le bouton submit */
     284input[type="submit"],input[type="reset"] {font-size: inherit;}
     285
     286/* Date picker */
     287#ui-datepicker-div {z-index: 1001 !important;}
     288
     289
     290
     291.formulaire_spip {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;}
     292.formulaire_spip h3.titrem {background-color: #GET{c_cadrestexte};color: white;}
     293.formulaire_spip input.text,
     294.formulaire_spip input.password,
     295.formulaire_spip textarea {border: 1px solid #ddd;padding: 5px;/*font-size: 1.1em;*/-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;z-index:2;}
     296.formulaire_spip img.ui-datepicker-trigger {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;position:relative;}
     297.formulaire_spip .editer fieldset input.text {border: 1px solid #ddd;}
     298.formulaire_spip .editer fieldset input.password {border: 1px solid #ddd;}
     299.formulaire_spip .editer fieldset textarea {border: 1px solid #ddd;}
     300.formulaire_spip label {color: #666;/*font-size: 90%;line-height: 120%;*/}
     301.formulaire_spip .editer fieldset label {color: #777;}
     302.formulaire_spip label[for] {cursor: pointer;}
     303.formulaire_spip .explication {padding: 5px 10px;font-size: 90%;line-height: 125%;color: #444;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color: #ddd;position:relative;}
     304.formulaire_spip .explication+.editer-groupe {margin-top:-.5em}
     305.formulaire_spip .editer .explication {-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0px;-webkit-border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;border-bottom-right-radius:0px;}
     306.formulaire_spip .editer .explication:last-child{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
     307.formulaire_spip .explication + input.text,
     308.formulaire_spip .explication + textarea,
     309.formulaire_spip .explication + input.password,
     310.formulaire_spip .explication +.choix:first-of-type {margin-top: 0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;position:relative;}
     311.formulaire_spip input.text + .explication,
     312.formulaire_spip textarea + .explication,
     313.formulaire_spip input.password+.explication,
     314.formulaire_spip select+.explication,
     315.formulaire_spip .choix:last-of-type+.explication{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;position: relative}
     316.formulaire_spip input.text + .explication:before,
     317.formulaire_spip textarea + .explication:before,
     318.formulaire_spip input.password+.explication:before,
     319.formulaire_spip select+.explication:before,
     320.formulaire_spip .choix:last-of-type+.explication:before{content:"";display: block;position: absolute;top:-5px;height:5px;width:100%;left:0;background:#ddd;}
     321
     322.formulaire_spip .choix {background-color: white;padding: 3px 10px;border: 1px solid #ddd;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;border-bottom: 0px}
     323.formulaire_spip .choix + .choix {padding-top: 0px;border-top: 0px;border-bottom: 0px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
     324.formulaire_spip .choix + .explication {margin-top: 0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;position:relative;}
     325.formulaire_spip .choix:last-of-type,.formulaire_spip .choix:last-child {-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;border-bottom: 1px solid #ddd;position:relative;}
     326.formulaire_spip .choix:first-of-type {-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;border-top: 1px solid #ddd;position:relative;}
     327.formulaire_spip span.choix,.formulaire_spip span.choix:first-of-type,.formulaire_spip span.choix:last-of-type,.formulaire_spip span.choix:last-child{display:inline-block;background: transparent;padding: 0;border:0;}
     328.formulaire_spip .boutons {-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;position:relative;}
     329.formulaire_spip .submit,.bouton_action_post .submit {background-color: #GET{c_cadrestexte_bk};color: #[(#GET{c_cadrestexte}|couleur_luminance{0.7})];-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border: 0;padding: 3px 7px;font-size: 90%;position:relative;}
     330.formulaire_spip .submit:hover,.bouton_action_post .submit:hover {background-color: #GET{c_cadrestexte};color: white;position:relative;}
     331.formulaire_spip .submit:focus,.bouton_action_post .submit:focus {background-color: #GET{c_cadrestexte};color: white;position:relative;}
     332.formulaire_spip .submit:active,.bouton_action_post .submit:active {background-color: #[(#GET{c_cadrestexte}|couleur_luminance{0.7})];}
     333.formulaire_spip .toggle_box_link {-webkit-opacity:0.6;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);;z-index: 1;font-size: 10px;color: #GET{lien};}
     334.formulaire_spip .toggle_box_link button {font-size: 10px;color: #GET{lien};}
     335.formulaire_spip:hover .toggle_box_link {-webkit-opacity:1.0;-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);}
     336.formulaire_editer_liens .associer_mot .submit {margin-top:3px;}
     337.formulaire_editer_logo .editer_logo_on.logo_upload,
     338.formulaire_editer_logo .editer_logo_off.logo_upload.open {background: #fff;} [(#REM) http://core.spip.org/issues/2995]
     339#chemin {}
     340#chemin .bouton_deplacer {font-size: 10px;color: #GET{lien};-webkit-opacity:0.6;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);}
     341#chemin:hover .bouton_deplacer {-webkit-opacity:1.0;-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);}
     342.box, .box .inner  {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
     343.box .inner .hd  {border-top-left-radius:5px; border-top-right-radius:5px;}
     344.note {border: 0;}
     345.box.error,.box.success,.box.notice {border: 0;}
     346
     347
    155348
    156349/**************** Recherche par mot clef */
Note: See TracChangeset for help on using the changeset viewer.