Changeset 51546 in spip-zone


Ignore:
Timestamp:
Sep 17, 2011, 12:11:41 PM (9 years ago)
Author:
romy@…
Message:

Adaptation aux petits écrans, d'après : http://www.alsacreations.com/astuce/lire/1177

Location:
_plugins_/basecss
Files:
3 edited

Legend:

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

    r47904 r51546  
    2727.nav ul li.on a {}
    2828
    29 /* Gabarit d'impression */
     29/* Gabarit d'impression
     30------------------------------------------ */
    3031@media print {
     32        .page,
     33        .content { width: auto; }
    3134        .nav,
    3235        .aside,
    3336        .footer { display: none; }
    34         .page,
    35         .content { width: auto; }
     37}
     38
     39/* Affichage sur petits ecrans
     40Cf.: http://www.alsacreations.com/astuce/lire/1177
     41------------------------------------------ */
     42@media (max-width: 640px) {
     43
     44/* passer tous les éléments de largeur fixe en largeur automatique */
     45body,
     46.page,
     47.content,
     48.aside { width: auto !important; margin: auto !important; padding: auto !important; }
     49
     50/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
     51.content,
     52.aside { clear: both; float: none !important; width: auto !important; }
     53
    3654}
    3755
  • _plugins_/basecss/css/typo.css.html

    r51090 r51546  
    140140}
    141141
     142/* Affichage sur petits ecrans
     143Cf.: http://www.alsacreations.com/astuce/lire/1177
     144------------------------------------------ */
     145@media (max-width: 640px) {
     146
     147        /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
     148        img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100% !important; }
     149       
     150        /* gestion des mots longs */
     151        textarea, table, td, th, code, pre, samp { word-wrap: break-word; /* césure forcée */ }
     152        code, pre, samp { white-space: pre-line; /* passage à la ligne spécifique pour les éléments à châsse fixe */ }
     153
     154}
     155
     156@media screen and (max-width:640px) and (orientation: landscape) {
     157        body { -webkit-text-size-adjust: 70%; }
     158}
     159
    142160/* end */
  • _plugins_/basecss/plugin.xml

    r51130 r51546  
    11<plugin spip="[2.1.0;3.0.0-dev)" >
    22<nom>Base CSS</nom>
    3 <version>2.2.1</version>
     3<version>2.3.0</version>
    44<etat>stable</etat>
    55<icon>prive/img/petronille.png</icon>
     
    2626<plugin spip="[3.0.0-dev;]" >
    2727<nom>Base CSS</nom>
    28 <version>2.2.1</version>
     28<version>2.3.0</version>
    2929<etat>stable</etat>
    3030<icon>prive/img/petronille.png</icon>
Note: See TracChangeset for help on using the changeset viewer.