Changeset 52245 in spip-zone


Ignore:
Timestamp:
Oct 1, 2011, 6:38:01 PM (8 years ago)
Author:
real3t@…
Message:

Adaptation pour les mobiles du mode portail

Location:
_squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs/stylesportail.css.html

    r41301 r52245  
    2727dl, dd, dt { margin: 0; }
    2828
    29 a.vignette { display: block; position: relative; padding: 5px 0 0 15px; margin-bottom: 1em; }
     29a.vignette { display: block; position: relative; padding: 5px auto 0 auto; margin-bottom: 1em; text-align: center;}
    3030a.vignette img { border: 4px solid #GET{c_vignettes_bk}; }
    3131
     
    7272#content .fond dl, #content .fond li { clear:right; }
    7373
    74 [(#CHEMIN{images/stylesportail_perso.css}|?{'/* Surcharge eventuelle */'})
    75 [(#INCLURE{#CHEMIN{images/stylesportail_perso.css}|url_absolue_css}|compacte{css})]
    76 ]
     74@media (max-width: [(#GET{LargeurContaineur})]px) {
     75 div#wrapper {
     76        border-left-width:0;
     77        border-right-width: 0;
     78        float: none;
     79        width: 100%;
     80 }
     81 #gauche {
     82        padding-right:2%;
     83        width:48%;
     84 }
     85 #droite {
     86        padding-left:2%;
     87        width:48%;
     88 }
     89 div#navigation, div#extra  {
     90        text-align: center;
     91 }
     92 a.vignette {
     93        display: inline;
     94 }
     95 .espaceavant, div.cadreinfo, #citations {
     96        text-align: left;
     97 }
     98}
    7799
     100@media (max-width: 640px) {
     101 #gauche {
     102        float:none;
     103        padding-right:0;
     104        width:100%;
     105 }
     106 #droite {
     107        float:none;
     108        padding-left:0;
     109        width:100%;
     110 }
     111}
  • _squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs/stylessoyezcreateurs.css.html

    r52006 r52245  
    404404#menuhaut { background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut};
    405405        [(#GET{c_menuhaut_bk}|!={transparent}|oui|et{[(#GET{d_menuhaut_degrade}|non)]})
    406         padding-top: 8px; padding-left: 8px; background: #GET{c_menuhaut_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_bas_menu.png}|image_sepia{[(#GET{c_menuhaut_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|url_absolue)) repeat-x center];]
     406        padding-top: 8px; padding-left: 8px; background: #GET{c_menuhaut_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_bas_menu.png}|image_sepia{[(#GET{c_menuhaut_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|url_absolue)) repeat-x bottom];]
    407407        font-size: 130%;
    408408}
     
    10501050#content .listesites li { clear: left; list-style: none; }
    10511051
    1052 [(#CHEMIN{images/stylessoyezcreateurs_perso.css}|?{'/* Surcharge eventuelle */'})
    1053 [(#INCLURE{#CHEMIN{images/stylessoyezcreateurs_perso.css}|url_absolue_css}|compacte{css})]
    1054 ]
    1055 
    10561052/* Pour les mobiles, inspiré de http://www.alsacreations.com/astuce/lire/1177 */
    10571053#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
    10581054#SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,160})}
    10591055#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,140})}
    1060 
    10611056
    10621057@media (max-width: [(#GET{LargeurContaineur})]px) {
     
    11431138  }
    11441139}
     1140
     1141[(#CHEMIN{images/stylessoyezcreateurs_perso.css}|?{'/* Surcharge eventuelle */'})
     1142[(#INCLURE{#CHEMIN{images/stylessoyezcreateurs_perso.css}|url_absolue_css}|compacte{css})]
     1143]
Note: See TracChangeset for help on using the changeset viewer.