Changeset 51605 in spip-zone


Ignore:
Timestamp:
Sep 18, 2011, 11:09:45 PM (9 years ago)
Author:
real3t@…
Message:

Prise en compte correcte des mediaqueries pour les 40 layoutgala !

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

Legend:

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

    r41301 r51605  
    2525div#extra{float:left;width:25%;margin-left:-100%}
    2626div#footer{clear:left;width:100%}
    27 ][(#ENV{layoutgala}|=={3}|oui)/* 3 */
     27@media (max-width: [(#GET{LargeurContaineur})]px) {
     28div#navigation{float:right;width:50%}
     29div#extra{float:left;width:50%}
     30}][(#ENV{layoutgala}|=={3}|oui)/* 3 */
    2831div#wrapper{float:left;width:100%}
    2932div#content{margin-right: 50%}
     
    3740div#extra{float:left;width:25%;margin-left:-50%}
    3841div#footer{clear:left;width:100%}
    39 ][(#ENV{layoutgala}|=={5}|oui)/* 5 */
     42@media (max-width: [(#GET{LargeurContaineur})]px) {
     43div#navigation{float:right;width:50%}
     44div#extra{float:left;width:50%}
     45}][(#ENV{layoutgala}|=={5}|oui)/* 5 */
    4046div#wrapper{float:left;width:100%}
    4147div#content{margin-left: 50%}
     
    4955div#extra{float:left;width:25%;margin-left:-100%}
    5056div#footer{clear:left;width:100%}
    51 ][(#ENV{layoutgala}|=={7}|oui)/* 7 */
     57@media (max-width: [(#GET{LargeurContaineur})]px) {
     58div#navigation{float:right;width:50%}
     59div#extra{float:left;width:50%}
     60}][(#ENV{layoutgala}|=={7}|oui)/* 7 */
    5261div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    5362div#wrapper{float:left;width:100%}
     
    6372div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
    6473div#footer{clear:left;width:100%}
    65 ][(#ENV{layoutgala}|=={9}|oui)/* 9 */
     74@media (max-width: [(#GET{LargeurContaineur})]px) {
     75div#navigation{float:right;width:50%}
     76div#extra{float:left;width:50%}
     77}][(#ENV{layoutgala}|=={9}|oui)/* 9 */
    6678div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    6779div#wrapper{float:left;width:100%}
     
    7789div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    7890div#footer{clear:left;width:100%}
    79 ][(#ENV{layoutgala}|=={11}|oui)/* 11 */
     91@media (max-width: [(#GET{LargeurContaineur})]px) {
     92div#navigation{float:right;width:50%}
     93div#extra{float:left;width:50%}
     94}][(#ENV{layoutgala}|=={11}|oui)/* 11 */
    8095div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    8196div#wrapper{float:left;width:100%}
     
    91106div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
    92107div#footer{clear:left;width:100%}
    93 ][(#ENV{layoutgala}|=={13}|oui)/* 13 */
     108@media (max-width: [(#GET{LargeurContaineur})]px) {
     109div#navigation{float:right;width:50%}
     110div#extra{float:left;width:50%}
     111}][(#ENV{layoutgala}|=={13}|oui)/* 13 */
    94112div#wrapper{float:left;width:100%;}
    95113div#content{margin: 0 #GET{LargeurMenuDroit}px 0 #GET{LargeurMenuGauche}px}
     
    103121div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-100%}
    104122div#footer{clear:left;width:100%}
    105 ][(#ENV{layoutgala}|=={15}|oui)/* 15 */
     123@media (max-width: [(#GET{LargeurContaineur})]px) {
     124div#navigation{float:right;width:50%}
     125div#extra{float:left;width:50%}
     126}][(#ENV{layoutgala}|=={15}|oui)/* 15 */
    106127div#wrapper{float:left;width:100%}
    107128div#content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     
    115136div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    116137div#footer{clear:left;width:100%}
    117 ][(#ENV{layoutgala}|=={17}|oui)/* 17 */
     138@media (max-width: [(#GET{LargeurContaineur})]px) {
     139div#navigation{float:right;width:50%}
     140div#extra{float:left;width:50%}
     141}][(#ENV{layoutgala}|=={17}|oui)/* 17 */
    118142div#wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    119143div#content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     
    121145div#extra{float:right;width:#GET{LargeurMenuDroit}px}
    122146div#footer{clear:right;width:100%}
    123 ][(#ENV{layoutgala}|=={18}|oui)/* 18 */
     147@media (max-width: [(#GET{LargeurContaineur})]px) {
     148div#navigation{float:right;width:50%}
     149div#extra{float:left;width:50%}
     150}][(#ENV{layoutgala}|=={18}|oui)/* 18 */
    124151div#wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
    125152div#content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
     
    157184div#extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
    158185div#footer{clear:both;width:100%}
    159 ][(#ENV{layoutgala}|=={24}|oui)/* 24 */
     186@media (max-width: [(#GET{LargeurContaineur})]px) {
     187div#wrapper{margin-left:0}
     188div#navigation{float:left;width:50%}
     189div#extra{float:left;width:50%;}
     190}][(#ENV{layoutgala}|=={24}|oui)/* 24 */
    160191div#wrapper{float:right;width:100%;margin-left:-#GET{LargeurMenuGauche}px}
    161192div#content{margin-left:#GET{LargeurMenuGauche}px}
     
    163194div#extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
    164195div#footer{clear:both;width:100%}
    165 ][(#ENV{layoutgala}|=={25}|oui)/* 25 */
     196@media (max-width: [(#GET{LargeurContaineur})]px) {
     197div#wrapper{margin-left:0}
     198div#navigation{float:left;width:50%}
     199div#extra{float:left;width:50%;clear:none;}
     200}][(#ENV{layoutgala}|=={25}|oui)/* 25 */
    166201div#wrapper{float:left;width:100%;margin-left:-33%}
    167202div#content{margin-left:33%}
     
    169204div#extra{float:right;clear:right;width:32.9%}
    170205div#footer{clear:both;width:100%}
    171 ][(#ENV{layoutgala}|=={26}|oui)/* 26 */
     206@media (max-width: [(#GET{LargeurContaineur})]px) {
     207div#wrapper{margin-left:0}
     208div#navigation{float:left;width:50%}
     209div#extra{float:left;width:50%;clear:none;}
     210}][(#ENV{layoutgala}|=={26}|oui)/* 26 */
    172211div#wrapper{float:right;width:80%;}
    173212div#navigation{float:left;width:20%}
    174213div#extra{float:left;clear:left;width:20%}
    175214div#footer{clear:both;width:100%}
    176 ][(#ENV{layoutgala}|=={62}|oui)/* 26 modifie - identifiant 62 */
     215@media (max-width: [(#GET{LargeurContaineur})]px) {
     216div#wrapper{margin-left:0}
     217div#navigation{float:left;width:50%}
     218div#extra{float:left;width:50%;clear:none;}
     219}][(#ENV{layoutgala}|=={62}|oui)/* 26 modifie - identifiant 62 */
    177220div#wrapper{float:right;width:80%;margin-left:-.5%}
    178221div#navigation{float:left;width:20.5%}
     
    187230div#extra{float:right;width:49.9%}
    188231div#footer{clear:right;width:100%}
    189 ][(#ENV{layoutgala}|=={29}|oui)/* 29 */
     232@media (max-width: [(#GET{LargeurContaineur})]px) {
     233div#navigation{float:right;width:50%}
     234div#extra{float:left;width:50%}
     235}][(#ENV{layoutgala}|=={29}|oui)/* 29 */
    190236div#wrapper{float:right;width:70%}
    191237div#navigation{float:left;width:29.9%}
    192238div#extra{clear:both;width:100%}
    193 ][(#ENV{layoutgala}|=={30}|oui)/* 30 */
     239@media (max-width: [(#GET{LargeurContaineur})]px) {
     240div#wrapper{float:none; width:100%;}
     241div#navigation{float:left;width:50%}
     242div#extra{float:left;width:50%;clear:none;}
     243div#footer{clear:left;width:100%}
     244}][(#ENV{layoutgala}|=={30}|oui)/* 30 */
    194245div#wrapper{float:left;width:70%}
    195246div#navigation{float:right;width:29.9%}
    196247div#extra{clear:both;width:100%}
    197 ][(#ENV{layoutgala}|=={31}|oui)/* 31 */
     248@media (max-width: [(#GET{LargeurContaineur})]px) {
     249div#wrapper{float:none; width:100%;}
     250div#navigation{float:left;width:50%}
     251div#extra{float:left;width:50%;clear:none;}
     252div#footer{clear:left;width:100%}
     253}][(#ENV{layoutgala}|=={31}|oui)/* 31 */
    198254div#wrapper{float:left;width:100%;}
    199255div#content{margin-left:#GET{LargeurMenuGauche}px}
    200256div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
    201257div#extra{clear:left;width:100%}
    202 ][(#ENV{layoutgala}|=={32}|oui)/* 32 */
     258@media (max-width: [(#GET{LargeurContaineur})]px) {
     259div#wrapper{float:none; width:100%;}
     260div#navigation{float:left;width:50%}
     261div#extra{float:left;width:50%;clear:none;}
     262div#footer{clear:left;width:100%}
     263}][(#ENV{layoutgala}|=={32}|oui)/* 32 */
    203264div#wrapper{float:left;width:100%}
    204265div#content{margin-right:#GET{LargeurMenuGauche}px}
    205266div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
    206267div#extra{clear:left;width:100%}
    207 ][(#ENV{layoutgala}|=={33}|oui)/* 33 */
     268@media (max-width: [(#GET{LargeurContaineur})]px) {
     269div#wrapper{float:none; width:100%;}
     270div#navigation{float:left;width:50%}
     271div#extra{float:left;width:50%;clear:none;}
     272div#footer{clear:left;width:100%}
     273}][(#ENV{layoutgala}|=={33}|oui)/* 33 */
    208274div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    209275div#content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
     
    211277div#extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
    212278div#footer{clear:both;width:100%}
    213 ][(#ENV{layoutgala}|=={34}|oui)/* 34 */
     279@media (max-width: [(#GET{LargeurContaineur})]px) {
     280div#wrapper{margin-left:0}
     281div#navigation{float:left;width:50%}
     282div#extra{float:left;width:50%;}
     283}][(#ENV{layoutgala}|=={34}|oui)/* 34 */
    214284div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    215285div#content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
     
    217287div#extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
    218288div#footer{clear:both;width:100%}
    219 ][(#ENV{layoutgala}|=={35}|oui)/* 35 */
     289@media (max-width: [(#GET{LargeurContaineur})]px) {
     290div#wrapper{margin-left:0}
     291div#navigation{float:left;width:50%}
     292div#extra{float:left;width:50%;clear:none;}
     293}][(#ENV{layoutgala}|=={35}|oui)/* 35 */
    220294div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    221295div#content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
     
    223297div#extra{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
    224298div#footer{clear:both;width:100%}
    225 ][(#ENV{layoutgala}|=={36}|oui)/* 36 */
     299@media (max-width: [(#GET{LargeurContaineur})]px) {
     300div#navigation{float:left;width:50%}
     301div#extra{float:left;width:50%}
     302}][(#ENV{layoutgala}|=={36}|oui)/* 36 */
    226303div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    227304div#content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
     
    229306div#extra{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
    230307div#footer{clear:both;width:100%}
    231 ][(#ENV{layoutgala}|=={37}|oui)/* 37 */
     308@media (max-width: [(#GET{LargeurContaineur})]px) {
     309div#navigation{float:left;width:50%}
     310div#extra{float:left;width:50%}
     311}][(#ENV{layoutgala}|=={37}|oui)/* 37 */
    232312div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    233313div#content{float:left;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
    234314div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
    235315div#extra{clear:both;width:100%}
    236 ][(#ENV{layoutgala}|=={38}|oui)/* 38 */
     316@media (max-width: [(#GET{LargeurContaineur})]px) {
     317div#wrapper{float:none; width:100%;}
     318div#navigation{float:left;width:50%}
     319div#extra{float:left;width:50%;clear:none;}
     320div#footer{clear:left;width:100%}
     321}][(#ENV{layoutgala}|=={38}|oui)/* 38 */
    237322div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    238323div#content{float:right;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
    239324div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
    240325div#extra{clear:both;width:100%}
    241 ][(#ENV{layoutgala}|=={39}|oui)/* 39 */
     326@media (max-width: [(#GET{LargeurContaineur})]px) {
     327div#wrapper{float:none; width:100%;}
     328div#navigation{float:left;width:50%}
     329div#extra{float:left;width:50%;clear:none;}
     330div#footer{clear:left;width:100%}
     331}][(#ENV{layoutgala}|=={39}|oui)/* 39 */
     332div#wrapper{float:left;width:100%}
    242333div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
    243334div#navigation{float:left;width:50%}
     
    249340div#extra{float:left;width:50%}
    250341div#footer{clear:both;width:100%}
    251 ]
     342@media (max-width: [(#GET{LargeurContaineur})]px) {
     343div#navigation{float:right;width:50%}
     344div#extra{float:left;width:50%}
     345}]
    252346[(#REM) Correction rapide pour les sites n'utilisant pas la surcharge perso des CSS.
    253347Permet de faire remarcher les bulles d'aide partout. ]
  • _squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs/stylessoyezcreateurs.css.html

    r51554 r51605  
    212212#logo {
    213213        background-color: #GET{c_logo_bk}; height: auto;
    214         [(#CONFIG{soyezcreateurs/logoheader,navigation}|!={header}|?{text-align: center;})]
     214        [(#CONFIG{soyezcreateurs/logoheader,navigation}|!={header}|?{text-align: center;overflow-x: hidden;})]
    215215        [(#CONFIG{soyezcreateurs/logoheader,navigation}|=={header}|oui)
    216216        position: relative; left:#CONFIG{soyezcreateurs/logoheaderx,0}px; top:#CONFIG{soyezcreateurs/logoheadery,0}px;
     
    402402
    403403/* menu en haut du contenu (onglets) */
    404 #menuhaut { padding-bottom: 1.7em; background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut};
     404#menuhaut { background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut};
    405405        [(#GET{c_menuhaut_bk}|!={transparent}|oui|et{[(#GET{d_menuhaut_degrade}|non)]})
    406406        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];]
     
    409409#menuhaut ul { width: 100%; padding: 0; margin: 0; background-color: transparent; }
    410410#menuhaut ul li { display: inline; background-color: transparent; }
    411 #menuhaut ul li a { float: left; padding: 0.2em .5em; margin: 0; margin-right: 2px; background-color: #GET{c_menu_a_bk}; border-top: 1px solid #GET{c_menu_a_bk}; border-right: 1px solid #GET{c_menu_a_bk}; border-left: 1px solid #GET{c_menu_a_bk}; color: #GET{c_menu_a}; font-size: 1em; font-weight: bold; text-decoration: none; text-align: left; }
     411#menuhaut ul li a { padding: 0.2em .5em; margin: 0; margin-right: 2px; background-color: #GET{c_menu_a_bk}; border-top: 1px solid #GET{c_menu_a_bk}; border-right: 1px solid #GET{c_menu_a_bk}; border-left: 1px solid #GET{c_menu_a_bk}; color: #GET{c_menu_a}; font-size: 1em; font-weight: bold; text-decoration: none; text-align: left; }
    412412#menuhaut ul li strong a { border-top: 1px solid #ffffff; border-right: 1px solid #B4C2C2; border-left: 1px solid #ffffff; }
    413413
     
    849849#inscriptionlettre h2 { font-size:1em; margin: 0; padding-bottom: 4px;}
    850850#inscriptionlettre ul { margin: 0; padding:0; }
    851 #sub_email { width: 97%; }
     851#sub_email, #lst_ids { width: 97%; }
    852852#inscriptionlettre p.boutons { margin:0; padding-top:8px; text-align:right;}
    853853
Note: See TracChangeset for help on using the changeset viewer.