Changeset 52245 in spip-zone

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:

• stylesportail.css.html (modified) (2 diffs)
• stylessoyezcreateurs.css.html (modified) (3 diffs)

_squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs/stylesportail.css.html

@@ -27 +27 @@
 dl, dd, dt { margin: 0; }
 
-a.vignette { display: block; position: relative; padding: 5px 0 0 15px; margin-bottom: 1em; }
+a.vignette { display: block; position: relative; padding: 5px auto 0 auto; margin-bottom: 1em; text-align: center;}
 a.vignette img { border: 4px solid #GET{c_vignettes_bk}; }
 
@@ -72 +72 @@
 #content .fond dl, #content .fond li { clear:right; }
 
-[(#CHEMIN{images/stylesportail_perso.css}|?{'/* Surcharge eventuelle */'})
-[(#INCLURE{#CHEMIN{images/stylesportail_perso.css}|url_absolue_css}|compacte{css})]
-]
+@media (max-width: [(#GET{LargeurContaineur})]px) {
+ div#wrapper {
+        border-left-width:0;
+        border-right-width: 0;
+        float: none;
+        width: 100%;
+ }
+ #gauche {
+        padding-right:2%;
+        width:48%;
+ }
+ #droite {
+        padding-left:2%;
+        width:48%;
+ }
+ div#navigation, div#extra  { 
+        text-align: center;
+ }
+ a.vignette { 
+        display: inline;
+ }
+ .espaceavant, div.cadreinfo, #citations { 
+        text-align: left;
+ }
+}
 
+@media (max-width: 640px) {
+ #gauche {
+        float:none;
+        padding-right:0;
+        width:100%;
+ }
+ #droite {
+        float:none;
+        padding-left:0;
+        width:100%;
+ }
+}

_squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs/stylessoyezcreateurs.css.html

@@ -404 +404 @@
 #menuhaut { background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut};
         [(#GET{c_menuhaut_bk}|!={transparent}|oui|et{[(#GET{d_menuhaut_degrade}|non)]})
-        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];]
+        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];]
         font-size: 130%;
 }
@@ -1050 +1050 @@
 #content .listesites li { clear: left; list-style: none; }
 
-[(#CHEMIN{images/stylessoyezcreateurs_perso.css}|?{'/* Surcharge eventuelle */'})
-[(#INCLURE{#CHEMIN{images/stylessoyezcreateurs_perso.css}|url_absolue_css}|compacte{css})]
-]
-
 /* Pour les mobiles, inspiré de http://www.alsacreations.com/astuce/lire/1177 */
 #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
 #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,160})}
 #SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,140})}
-
 
 @media (max-width: [(#GET{LargeurContaineur})]px) {
@@ -1143 +1138 @@
   }
 }
+
+[(#CHEMIN{images/stylessoyezcreateurs_perso.css}|?{'/* Surcharge eventuelle */'})
+[(#INCLURE{#CHEMIN{images/stylessoyezcreateurs_perso.css}|url_absolue_css}|compacte{css})]
+]