/* LAYOUT.CSS */ /* Cette feuille contient: */ /* - les styles de surcharge des layout Gala pour le squelette */ /* -------------------------------------------------------------------- */ /* Correspond a une taille de 16px dans la plupart des navigateurs */ html {font-size: 100%;} /* correspond a une taille de 10px car 10px/16px = 0,625 */ body { padding: 0; font: 0.625em/1em [(#CONFIG{sarkaspip_styles/fo_site, 'Helvetica,Verdana'}),]Arial,sans-serif; color: #CONFIG{sarkaspip_styles/fg_site, #000000}; background: #CONFIG{sarkaspip_styles/bg_body, #ffffff}[ url((#CHEMIN{images/bg_body#CONFIG{sarkaspip_styles/bi_extension_body, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_body})]; } #header {padding: 0 0px 10px;} div#header h1{margin: 0; padding-left: 0; height: auto; line-height: 1.12em; color: transparent; background: none;} div#footer{padding: 30px 0 0; color: transparent; background: none; line-height: 1.12em;} div#navigation{width: 180px; background: none;} div#extra{width:180px; background: none;} div#container{background: #CONFIG{sarkaspip_styles/bg_site, #ffffff}[ url((#CHEMIN{images/bg_site#CONFIG{sarkaspip_styles/bi_extension_site, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_site})]; } /* Pour les layouts a largeur variable*/ [(#CONFIG{sarkaspip_layout/numero_layout, 13}|match{^(13|14|15|16|17|18)$}|?{' '}) div#navigation{padding: 0 20px;} div#extra{padding: 0 20px;} #content {padding: 0 20px;} ] /* Pour les layouts a largeur fixe 3 colonnes*/ [(#CONFIG{sarkaspip_layout/numero_layout, 13}|match{^(7|8|9|10|11|12)$}|?{' '}) body{text-align:center} div#container{[width:(#CONFIG{sarkaspip_layout/largeur_site, 700})px; ]margin:0 auto} [(#CONFIG{sarkaspip_layout/appliquer_padding, 1}|=={1}|?{ [(#SET{moitie, [(#CONFIG{sarkaspip_layout/largeur_padding, 20}|div{2})]})] [(#SET{gauche, [-(#CONFIG{sarkaspip_layout/largeur_site, 700}|moins{#CONFIG{sarkaspip_layout/largeur_padding, 20}})]})] [(#SET{droite, [-(#CONFIG{sarkaspip_layout/largeur_padding, 20}|plus{180})]})] [(#SET{centre, [(#CONFIG{sarkaspip_layout/largeur_padding, 20}|plus{220})]})] , [(#SET{moitie, 0})] [(#SET{gauche, [-(#CONFIG{sarkaspip_layout/largeur_site, 700})]})] [(#SET{droite, -180})] [(#SET{centre, 220})] } )] [(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={7}|?{' '}) div#navigation{[margin-left:(#GET{gauche})px; ]} div#extra{[margin-left:(#GET{droite})px; ]} div#content{[margin: 0 (#GET{centre})px; ]} ] [(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={8}|?{' '}) div#navigation{[margin-left:(#GET{droite})px; ]} div#extra{[margin-left:(#GET{gauche})px; ]} div#content{[margin: 0 (#GET{centre})px; ]} ] [(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={9}|?{' '}) div#navigation{[margin-left:-(#GET{moitie}|plus{400})px; ]} div#extra{[margin-left:(#GET{droite})px; ]} div#content{margin-right: 440px; [margin-left:(#CONFIG{sarkaspip_layout/largeur_padding, 20})px ;]} ] [(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={10}|?{' '}) div#navigation{[margin-left:(#GET{droite})px; ]} div#extra{[margin-left:-(#GET{moitie}|plus{400})px; ]} div#content{margin-right: 440px; [margin-left:(#CONFIG{sarkaspip_layout/largeur_padding, 20})px ;]} ] [(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={11}|?{' '}) div#navigation{[margin-left:(#GET{gauche})px; ]} div#extra{[margin-left:-(#CONFIG{sarkaspip_layout/largeur_site, 700}|moins{220}|moins{#GET{moitie}})px; ]} div#content{margin-left: 440px; [margin-right:(#CONFIG{sarkaspip_layout/largeur_padding, 20})px ;]} ] [(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={12}|?{' '}) div#navigation{[margin-left:-(#CONFIG{sarkaspip_layout/largeur_site, 700}|moins{220}|moins{#GET{moitie}})px; ]} div#extra{[margin-left:(#GET{gauche})px; ]} div#content{margin-left: 440px; [margin-right:(#CONFIG{sarkaspip_layout/largeur_padding, 20})px ;]} ] ] /* Pour les layouts a 2 colonnes*/ [(#CONFIG{sarkaspip_layout/numero_layout, 13}|match{^(34)$}|?{' '}) body{text-align:center} div#container{[width:(#CONFIG{sarkaspip_layout/largeur_site, 700})px; ]margin:0 auto;} [(#CONFIG{sarkaspip_layout/appliquer_padding, 1}|=={1}|?{ [(#SET{double, [(#CONFIG{sarkaspip_layout/largeur_padding, 20}|mult{2})]})] [(#SET{gauche, [(#CONFIG{sarkaspip_layout/largeur_padding, 20})]})] [(#SET{droite, [(#CONFIG{sarkaspip_layout/largeur_padding, 20})]})] , [(#SET{double, 0})] [(#SET{gauche, 0})] [(#SET{droite, 0})] })] [(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={34}|?{' '}) #wrapper{zoom:normal;} div#navigation{[margin-left:(#GET{gauche})px ;]} div#extra {[margin-left:(#GET{gauche})px ;]} div#content{ [width:(#CONFIG{sarkaspip_layout/largeur_site, 700}|moins{220}|moins{#GET{double}})px ;] [margin-right:(#GET{droite})px ;] } ] ]