Changeset 53700 in spip-zone


Ignore:
Timestamp:
Oct 21, 2011, 12:45:57 PM (8 years ago)
Author:
esse@…
Message:

Modification du formulaire de recherche, étape 3 :
mise en forme du formulaire avec nouveau bouton/image

Location:
_core_/plugins/dist/css
Files:
1 added
2 edited

Legend:

Unmodified
Added
Removed
  • _core_/plugins/dist/css/layout.css

    r52637 r53700  
    2222------------------------------------------ */
    2323
    24 .header { padding-bottom: 1.5em; padding-right: 30%; border-bottom: 1px solid; }
    25 .header #logo { margin: 0; line-height: 1; font-weight: bold;  }
     24.header { padding-bottom: 1em;  border-bottom: 1px solid; }
     25.header #logo {
     26margin: 0 0 .3em 0;
     27line-height: 1.1em;
     28font-weight: bold;
     29display: block; /* pas forcément appliqué à une balise inline */
     30}
    2631.header #logo,
    2732.header #logo a,
    2833.header #logo a:hover { background: transparent; text-decoration: none; color: #222; }
    29 .header #slogan { margin: 0; }
     34.header #slogan { margin:  0;  clear: right; }
    3035
    3136.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }
     
    4045.nav ul li a:active { background: #222; color: #FFF; }
    4146
    42 #formulaire_recherche { position: absolute; top: 50px; right: 50px; }
     47#formulaire_recherche { float: right; margin: 0 0 0 1em; }
    4348
    4449.footer .colophon { float: left; height: 40px; width: 90%; font-size: .9em; }
  • _core_/plugins/dist/css/style.css

    r52709 r53700  
    6060label { display: block; }
    6161.erreur_message { display: block; }
    62 input.text,textarea {
     62input[type="search"] { /* supprimer pour que webkit ajoute le bouton effacer dans le champ */
     63-webkit-appearance: textfield;
     64}
     65input.text, textarea {
    6366width: 100%;
    6467-ms-box-sizing: border-box;
     
    7679
    7780/* Formulaires de recherche (site / petitions) */
    78 .formulaire_recherche input.text { width: 10em; padding-left: 20px; background-image: url(img/recherche.png); background-repeat: no-repeat; background-position: left center; }
    79 .formulaire_recherche input.submit {}
     81.formulaire_recherche label { display: block; font-size: 90%;  }
     82.formulaire_recherche input.text { width: 10em; min-height: 28px; border: 0; }
     83.formulaire_recherche input.submit {
     84background: #EED  url(img/bouton_recherche.png) no-repeat center center;
     85border: 0;
     86border-left: 1px solid #d9d9b3;
     87color: #EED;
     88}
     89.formulaire_recherche input.submit:hover,
     90.formulaire_recherche input.submit:focus { background-color: #d9d9b3; }
     91#formulaire_recherche * { vertical-align: middle; }
    8092
    8193/* Choix des mots-clefs */
Note: See TracChangeset for help on using the changeset viewer.