Changeset 47094 in spip-zone


Ignore:
Timestamp:
Apr 26, 2011, 6:00:27 PM (10 years ago)
Author:
romy@…
Message:

Ajustements CSS des formulaires

Location:
_plugins_/basecss
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/basecss/css/form.css

    r47035 r47094  
    88
    99input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }
     10
     11legend { font-weight: bold; }
    1012
    1113/* Hand cursor on clickable input elements */
     
    1921.ie fieldset { padding-top: 0; }
    2022.ie6 legend,
    21 .ie7 legend { margin-left: -7px; }
     23.ie7 legend { background-color: #fff; margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */
    2224.ie button,
    2325.ie input.submit,
    2426.ie input.button { position: relative; }
    2527
    26 button {  width: auto; overflow: visible; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
     28button { width: auto; overflow: visible; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
    2729
    2830/* Success, info, notice and error/alert boxes (from BluePrint) */
    2931
     32.reponse,
    3033.error,
    3134.alert,
    3235.notice,
    3336.success,
    34 .info                   { padding: 0.8em; margin-bottom: 1.5em; border: 2px solid #ddd; }
     37.info                   { padding: .8em; margin-bottom: 1.5em; border: 2px solid #ddd; }
    3538
    3639.error,
     
    4144
    4245.error a,
    43 .alert a                { color: #8a1f11; }
     46.alert a                        { color: #8a1f11; }
    4447.notice a               { color: #514721; }
    4548.success a              { color: #264409; }
  • _plugins_/basecss/css/spip.css.html

    r47035 r47094  
    2222
    2323/* Listes SPIP */
    24 ul.spip, ol.spip { margin-left: #GET{text-indent}; }
     24ul.spip,
     25ol.spip { margin-left: #GET{text-indent}; }
    2526ul.spip { list-style-type: disc; }
    2627li ul.spip { list-style-type: circle; }
     
    6869sc { font-variant: small-caps; }
    6970
     71/* Formulaires */
     72.formulaire_spip {}
     73.formulaire_spip li { clear: both;[ margin-bottom: (#GET{margin-bottom}|div{2})em;] }
     74.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
     75.formulaire_spip .boutons input,
     76.formulaire_spip .boutons button {[ margin-left: (#GET{margin-bottom}|div{2})em;] }
     77
    7078/* Previsu */
    71 .previsu {}
     79.previsu { margin-bottom: #GET{margin-bottom};[ padding: (#GET{margin-bottom}|div{2})em;] border: 2px dashed #F57900; }
     80fieldset.previsu legend { color: #F57900; }
    7281
    7382/* Reponses */
    74 .reponse_formulaire { margin-bottom: #GET{margin-bottom}; padding: .8em; border: 2px solid #ddd; }
     83.reponse_formulaire { margin-bottom: #GET{margin-bottom};[ padding: (#GET{margin-bottom}|div{2})em;] border: 2px solid #ddd; }
     84.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
    7585.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
    76 .reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
     86.reponse_formulaire_ok a { color: #264409; }
    7787.reponse_formulaire_erreur a { color: #8a1f11; }
    78 .reponse_formulaire_ok a { color: #264409; }
    7988
    8089.erreur_message { color: red; }
     
    8291li.erreur input[type="text"], li.erreur input.text,
    8392li.erreur input[type="password"], li.erreur input.password,
    84 li.erreur textarea { border-color: red; }
     93li.erreur textarea { background-color: #fbe3e4; }
    8594
    8695.spip_surligne { background-color: yellow; }
  • _plugins_/basecss/modeles/charte_form.html

    r47034 r47094  
    142142                                        <li><strong>Sujet</strong> : Titre du message</li>
    143143                                        <li><strong>Votre message</strong>
    144                                         <p>Lorem ipsum dolor sit amet, sociis aliquam arcu ut, elit nullam suspendisse, quis et nulla ut, odio turpis cras molestie etiam vel consectetuer, laoreet pede vel cum non consectetuer. Nulla tempus vitae felis ligula bibendum, taciti dui. Tellus ac mi dictum est accusantium in, vestibulum placerat. Et luctus praesent nibh. Etiam elit adipiscing dictum, nisl eu pulvinar eget dapibus nullam nulla. Dictum euismod vel. Ad lobortis quis, ultricies sollicitudin mauris, ut natoque purus, metus ipsam viverra dolor feugiat, enim donec morbi est.</p></li>
     144                                        <p>Lorem ipsum dolor sit amet, sociis aliquam arcu ut, elit nullam suspendisse, quis et nulla ut, odio turpis cras molestie etiam vel consectetuer, laoreet pede vel cum non consectetuer.</p>
     145                                        <p>Nulla tempus vitae felis ligula bibendum, taciti dui. Tellus ac mi dictum est accusantium in, vestibulum placerat. Et luctus praesent nibh. Etiam elit adipiscing dictum, nisl eu pulvinar eget dapibus nullam nulla. Dictum euismod vel. Ad lobortis quis, ultricies sollicitudin mauris, ut natoque purus, metus ipsam viverra dolor feugiat, enim donec morbi est.</p></li>
    145146                                </ul>
    146147                                <p class="boutons"><input type="submit" class="submit" name="confirmer" value="Confirmer l'envoi" /></p>
     
    161162<h3>Classes historiques de SPIP</h3>
    162163<div class="formulaire_spip">
    163         <p class="reponse_formulaire">Exemple de message de réponse (<code>reponse_formulaire</code>). Lorem ipsum dolor sit <strong>amet</strong>, consectetuer adipiscing elit. <a href="#">Link</a>.</p>
    164         <p class="reponse_formulaire reponse_formulaire_erreur">Exemple de message d'erreur (<code>reponse_formulaire_erreur</code>). Les images doivent obligatoirement faire <strong>moins de 1&nbsp;Mo</strong> (ce fichier fait 2.3&nbsp;Mo). <a href="#">Link</a>.</p>
    165         <p class="reponse_formulaire reponse_formulaire_ok">Exemple de message de succès (<code>reponse_formulaire_ok</code>). Lorem ipsum dolor sit <strong>amet</strong>, consectetuer adipiscing elit. <a href="#">Link</a>.</p>
     164        <p class="reponse_formulaire">Exemple de message de réponse (<code>.reponse_formulaire</code>). Lorem ipsum dolor sit <strong>amet</strong>, consectetuer adipiscing elit. <a href="#">Link</a>.</p>
     165        <p class="reponse_formulaire reponse_formulaire_ok">Exemple de message de succès (<code>.reponse_formulaire_ok</code>). Lorem ipsum dolor sit <strong>amet</strong>, consectetuer adipiscing elit. <a href="#">Link</a>.</p>
     166        <p class="reponse_formulaire reponse_formulaire_erreur">Exemple de message d'erreur (<code>.reponse_formulaire_erreur</code>). Les images doivent obligatoirement faire <strong>moins de 1&nbsp;Mo</strong> (ce fichier fait 2.3&nbsp;Mo). <a href="#">Link</a>.</p>
    166167</div>
    167168
  • _plugins_/basecss/plugin.xml

    r47034 r47094  
    11<plugin spip="[2.1.0;2.3.0-dev)" >
    22<nom>Base CSS P&eacute;tronille&nbsp;2</nom>
    3 <version>2.0.6</version>
     3<version>2.0.7</version>
    44<etat>dev</etat>
    55<icon>icon.png</icon>
     
    2727<plugin spip="[2.3.0-dev;]" >
    2828<nom>Base CSS P&eacute;tronille&nbsp;2</nom>
    29 <version>2.0.6</version>
     29<version>2.0.7</version>
    3030<etat>dev</etat>
    3131<icon>icon.png</icon>
Note: See TracChangeset for help on using the changeset viewer.