source: spip-zone/_plugins_/_stable_/layoutgala/layoutgala.html @ 16949

Last change on this file since 16949 was 16949, checked in by real3t@…, 13 years ago

Y'a pas de raison depuis que la dist a la même structure de div que layoutga et SoyezCreateurs? de ne pas disposer d'une interface de configuration permettant de choisir l'un des 40 layouts.

Participe qui veut !

  • Le logo n'est pas fait...
  • La dist a une largeur en % alors qu'ici la largeur est fixé en px.
File size: 16.1 KB
Line 
1#CACHE{3600,cache-client}
2#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
3#HTTP_HEADER{Vary: Accept-Encoding}
4/* http://blog.html.it/layoutgala/ */
5[(#CONFIG{layoutgala/default_layout,33}|=={1}|?{' ',''})/* 1 */
6div#wrapper{float:left;width:100%}
7div#content{margin: 0 25%}
8div#navigation{float:left;width:25%;margin-left:-100%}
9div#extra{float:left;width:25%;margin-left:-25%}
10div#footer{clear:left;width:100%}
11][(#CONFIG{layoutgala/default_layout,33}|=={2}|?{' ',''})/* 2 */
12div#wrapper{float:left;width:100%}
13div#content{margin: 0 25%}
14div#navigation{float:left;width:25%;margin-left:-25%}
15div#extra{float:left;width:25%;margin-left:-100%}
16div#footer{clear:left;width:100%}
17][(#CONFIG{layoutgala/default_layout,33}|=={3}|?{' ',''})/* 3 */
18div#wrapper{float:left;width:100%}
19div#content{margin-right: 50%}
20div#navigation{float:left;width:25%;margin-left:-50%}
21div#extra{float:left;width:25%;margin-left:-25%}
22div#footer{clear:left;width:100%}
23][(#CONFIG{layoutgala/default_layout,33}|=={4}|?{' ',''})/* 4 */
24div#wrapper{float:left;width:100%}
25div#content{margin-right: 50%}
26div#navigation{float:left;width:25%;margin-left:-25%}
27div#extra{float:left;width:25%;margin-left:-50%}
28div#footer{clear:left;width:100%}
29][(#CONFIG{layoutgala/default_layout,33}|=={5}|?{' ',''})/* 5 */
30div#wrapper{float:left;width:100%}
31div#content{margin-left: 50%}
32div#navigation{float:left;width:25%;margin-left:-100%}
33div#extra{float:left;width:25%;margin-left:-75%}
34div#footer{clear:left;width:100%}
35][(#CONFIG{layoutgala/default_layout,33}|=={6}|?{' ',''})/* 6 */
36div#wrapper{float:left;width:100%}
37div#content{margin-left: 50%}
38div#navigation{float:left;width:25%;margin-left:-75%}
39div#extra{float:left;width:25%;margin-left:-100%}
40div#footer{clear:left;width:100%}
41][(#CONFIG{layoutgala/default_layout,33}|=={7}|?{' ',''})/* 7 */
42div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
43div#wrapper{float:left;width:100%}
44div#content{margin: 0 #CONFIG{layoutgala/largeurmenudroit,140}px 0 #CONFIG{layoutgala/largeurmenugauche,160}px}
45div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-#CONFIG{layoutgala/largeurconteneur,900}px}
46div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px;margin-left:-#CONFIG{layoutgala/largeurmenudroit,140}px}
47div#footer{clear:left;width:100%}
48][(#CONFIG{layoutgala/default_layout,33}|=={8}|?{' ',''})/* 8 */
49div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
50div#wrapper{float:left;width:100%}
51div#content{margin: 0 #CONFIG{layoutgala/largeurmenugauche,160}px 0 #CONFIG{layoutgala/largeurmenudroit,140}px}
52div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-#CONFIG{layoutgala/largeurmenugauche,160}px}
53div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px;margin-left:-#CONFIG{layoutgala/largeurconteneur,900}px}
54div#footer{clear:left;width:100%}
55][(#CONFIG{layoutgala/default_layout,33}|=={9}|?{' ',''})/* 9 */
56div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
57div#wrapper{float:left;width:100%}
58div#content{margin-right:[(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
59div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-[(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
60div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px;margin-left:-#CONFIG{layoutgala/largeurmenudroit,140}px}
61div#footer{clear:left;width:100%}
62][(#CONFIG{layoutgala/default_layout,33}|=={10}|?{' ',''})/* 10 */
63div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
64div#wrapper{float:left;width:100%}
65div#content{margin-right:[(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
66div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-#CONFIG{layoutgala/largeurmenugauche,160}px}
67div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px;margin-left:-[(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
68div#footer{clear:left;width:100%}
69][(#CONFIG{layoutgala/default_layout,33}|=={11}|?{' ',''})/* 11 */
70div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
71div#wrapper{float:left;width:100%}
72div#content{margin-left: [(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
73div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-#CONFIG{layoutgala/largeurconteneur,900}px}
74div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px;margin-left:-[(#CONFIG{layoutgala/largeurconteneur,900}|moins{#CONFIG{layoutgala/largeurmenugauche,160}})]px}
75div#footer{clear:left;width:100%}
76][(#CONFIG{layoutgala/default_layout,33}|=={12}|?{' ',''})/* 12 */
77div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
78div#wrapper{float:left;width:100%}
79div#content{margin-left: [(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
80div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-[(#CONFIG{layoutgala/largeurconteneur,900}|moins{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
81div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px;margin-left:-#CONFIG{layoutgala/largeurconteneur,900}px}
82div#footer{clear:left;width:100%}
83][(#CONFIG{layoutgala/default_layout,33}|=={13}|?{' ',''})/* 13 */
84div#wrapper{float:left;width:100%;}
85div#content{margin: 0 #CONFIG{layoutgala/largeurmenudroit,140}px 0 #CONFIG{layoutgala/largeurmenugauche,160}px}
86div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-100%}
87div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px;margin-left:-#CONFIG{layoutgala/largeurmenudroit,140}px}
88div#footer{clear:left;width:100%}
89][(#CONFIG{layoutgala/default_layout,33}|=={14}|?{' ',''})/* 14 */
90div#wrapper{float:left;width:100%}
91div#content{margin: 0 #CONFIG{layoutgala/largeurmenugauche,160}px 0 #CONFIG{layoutgala/largeurmenudroit,140}px}
92div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-#CONFIG{layoutgala/largeurmenugauche,160}px}
93div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px;margin-left:-100%}
94div#footer{clear:left;width:100%}
95][(#CONFIG{layoutgala/default_layout,33}|=={15}|?{' ',''})/* 15 */
96div#wrapper{float:left;width:100%}
97div#content{margin-right: [(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
98div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-[(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
99div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px;margin-left:-#CONFIG{layoutgala/largeurmenudroit,140}px}
100div#footer{clear:left;width:100%}
101][(#CONFIG{layoutgala/default_layout,33}|=={16}|?{' ',''})/* 16 */
102div#wrapper{float:left;width:100%}
103div#content{margin-right: [(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
104div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-#CONFIG{layoutgala/largeurmenugauche,160}px}
105div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px;margin-left:-[(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
106div#footer{clear:left;width:100%}
107][(#CONFIG{layoutgala/default_layout,33}|=={17}|?{' ',''})/* 17 */
108div#wrapper{float:right;width: 100%;margin-left: -[(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
109div#content{margin-left:[(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
110div#navigation{float:right;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
111div#extra{float:right;width:#CONFIG{layoutgala/largeurmenudroit,140}px}
112div#footer{clear:right;width:100%}
113][(#CONFIG{layoutgala/default_layout,33}|=={18}|?{' ',''})/* 18 */
114div#wrapper{float:right;width: 100%;margin-left: -[(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
115div#content{margin-left:[(#CONFIG{layoutgala/largeurmenugauche,160}|plus{#CONFIG{layoutgala/largeurmenudroit,140}})]px}
116div#navigation{float:left;width: #CONFIG{layoutgala/largeurmenugauche,160}px}
117div#extra{float:right;width:#CONFIG{layoutgala/largeurmenudroit,140}px}
118div#footer{clear:both;width:100%}
119][(#CONFIG{layoutgala/default_layout,33}|=={19}|?{' ',''})/* 19 */
120div#wrapper{float:left;width:100%}
121div#content{margin: 0 33% 0 #CONFIG{layoutgala/largeurmenugauche,160}px}
122div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-100%}
123div#extra{float:left;width:33%;margin-left:-33%}
124div#footer{clear:left;width:100%}
125][(#CONFIG{layoutgala/default_layout,33}|=={20}|?{' ',''})/* 20 */
126div#wrapper{float:left;width:100%}
127div#content{margin: 0 #CONFIG{layoutgala/largeurmenudroit,140}px 0 33%}
128div#navigation{float:left;width:33%;margin-left:-100%}
129div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px;margin-left:-#CONFIG{layoutgala/largeurmenudroit,140}px}
130div#footer{clear:left;width:100%}
131][(#CONFIG{layoutgala/default_layout,33}|=={21}|?{' ',''})/* 21 */
132div#wrapper{float:left;width:100%;margin-left:-25%}
133div#content{margin: 0 #CONFIG{layoutgala/largeurmenugauche,160}px 0 25%}
134div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-#CONFIG{layoutgala/largeurmenugauche,160}px}
135div#extra{float:left;width:25%}
136div#footer{clear:left;width:100%}
137][(#CONFIG{layoutgala/default_layout,33}|=={22}|?{' ',''})/* 22 */
138div#wrapper{float:left;width:100%;margin-left:-#CONFIG{layoutgala/largeurmenudroit,140}px}
139div#content{margin: 0 25% 0 #CONFIG{layoutgala/largeurmenudroit,140}px}
140div#navigation{float:left;width:25%;margin-left:-25%}
141div#extra{float:left;width:#CONFIG{layoutgala/largeurmenudroit,140}px}
142div#footer{clear:left;width:100%}
143][(#CONFIG{layoutgala/default_layout,33}|=={23}|?{' ',''})/* 23 */
144div#wrapper{float:left;width:100%;margin-left:-#CONFIG{layoutgala/largeurmenugauche,160}px}
145div#content{margin-left:#CONFIG{layoutgala/largeurmenugauche,160}px}
146div#navigation{float:right;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
147div#extra{float:right;clear:right;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
148div#footer{clear:both;width:100%}
149][(#CONFIG{layoutgala/default_layout,33}|=={24}|?{' ',''})/* 24 */
150div#wrapper{float:right;width:100%;margin-left:-#CONFIG{layoutgala/largeurmenugauche,160}px}
151div#content{margin-left:#CONFIG{layoutgala/largeurmenugauche,160}px}
152div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
153div#extra{float:left;clear:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
154div#footer{clear:both;width:100%}
155][(#CONFIG{layoutgala/default_layout,33}|=={25}|?{' ',''})/* 25 */
156div#wrapper{float:left;width:100%;margin-left:-33%}
157div#content{margin-left:33%}
158div#navigation{float:right;width:32.9%}
159div#extra{float:right;clear:right;width:32.9%}
160div#footer{clear:both;width:100%}
161][(#CONFIG{layoutgala/default_layout,33}|=={26}|?{' ',''})/* 26 */
162div#wrapper{float:right;width:80%;}
163div#navigation{float:left;width:20%}
164div#extra{float:left;clear:left;width:20%}
165div#footer{clear:both;width:100%}
166][(#CONFIG{layoutgala/default_layout,33}|=={62}|?{' ',''})/* 26 modifie - identifiant 62 */
167div#wrapper{float:right;width:80%;margin-left:-.5%}
168div#navigation{float:left;width:20.5%}
169div#extra{float:left;clear:left;width:20%}
170div#footer{clear:both;width:100%}
171][(#CONFIG{layoutgala/default_layout,33}|=={27}|?{' ',''})/* 27 */
172div#navigation{float:left;width:50%}
173div#extra{float:left;width:49.9%}
174div#footer{clear:left;width:100%}
175][(#CONFIG{layoutgala/default_layout,33}|=={28}|?{' ',''})/* 28 */
176div#navigation{float:right;width:50%}
177div#extra{float:right;width:49.9%}
178div#footer{clear:right;width:100%}
179][(#CONFIG{layoutgala/default_layout,33}|=={29}|?{' ',''})/* 29 */
180div#wrapper{float:right;width:70%}
181div#navigation{float:left;width:29.9%}
182div#extra{clear:both;width:100%}
183][(#CONFIG{layoutgala/default_layout,33}|=={30}|?{' ',''})/* 30 */
184div#wrapper{float:left;width:70%}
185div#navigation{float:right;width:29.9%}
186div#extra{clear:both;width:100%}
187][(#CONFIG{layoutgala/default_layout,33}|=={31}|?{' ',''})/* 31 */
188div#wrapper{float:left;width:100%;}
189div#content{margin-left:#CONFIG{layoutgala/largeurmenugauche,160}px}
190div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-100%}
191div#extra{clear:left;width:100%}
192][(#CONFIG{layoutgala/default_layout,33}|=={32}|?{' ',''})/* 32 */
193div#wrapper{float:left;width:100%}
194div#content{margin-right:#CONFIG{layoutgala/largeurmenugauche,160}px}
195div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px;margin-left:-#CONFIG{layoutgala/largeurmenugauche,160}px}
196div#extra{clear:left;width:100%}
197][(#CONFIG{layoutgala/default_layout,33}|=={33}|?{' ',''})/* 33 */
198div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
199div#content{float:left;width:[(#CONFIG{layoutgala/largeurconteneur,900}|plus{-#CONFIG{layoutgala/largeurmenugauche,160}})]px}
200div#navigation{float:right;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
201div#extra{float:right;clear:right;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
202div#footer{clear:both;width:100%}
203][(#CONFIG{layoutgala/default_layout,33}|=={34}|?{' ',''})/* 34 */
204div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
205div#content{float:right;width:[(#CONFIG{layoutgala/largeurconteneur,900}|plus{-#CONFIG{layoutgala/largeurmenugauche,160}})]px}
206div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
207div#extra{float:left;clear:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
208div#footer{clear:both;width:100%}
209][(#CONFIG{layoutgala/default_layout,33}|=={35}|?{' ',''})/* 35 */
210div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
211div#content{float:left;width:[(#CONFIG{layoutgala/largeurconteneur,900}|plus{-#CONFIG{layoutgala/largeurmenugauche,160}})]px}
212div#navigation{float:right;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
213div#extra{float:left;width:[(#CONFIG{layoutgala/largeurconteneur,900}|plus{-#CONFIG{layoutgala/largeurmenugauche,160}})]px}
214div#footer{clear:both;width:100%}
215][(#CONFIG{layoutgala/default_layout,33}|=={36}|?{' ',''})/* 36 */
216div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
217div#content{float:right;width:[(#CONFIG{layoutgala/largeurconteneur,900}|plus{-#CONFIG{layoutgala/largeurmenugauche,160}})]px}
218div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
219div#extra{float:right;width:[(#CONFIG{layoutgala/largeurconteneur,900}|plus{-#CONFIG{layoutgala/largeurmenugauche,160}})]px}
220div#footer{clear:both;width:100%}
221][(#CONFIG{layoutgala/default_layout,33}|=={37}|?{' ',''})/* 37 */
222div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
223div#content{float:left;width:[(#CONFIG{layoutgala/largeurconteneur,900}|moins{#CONFIG{layoutgala/largeurmenugauche,160}})]px}
224div#navigation{float:right;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
225div#extra{clear:both;width:100%}
226][(#CONFIG{layoutgala/default_layout,33}|=={38}|?{' ',''})/* 38 */
227div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
228div#content{float:right;width:[(#CONFIG{layoutgala/largeurconteneur,900}|moins{#CONFIG{layoutgala/largeurmenugauche,160}})]px}
229div#navigation{float:left;width:#CONFIG{layoutgala/largeurmenugauche,160}px}
230div#extra{clear:both;width:100%}
231][(#CONFIG{layoutgala/default_layout,33}|=={39}|?{' ',''})/* 39 */
232div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
233div#navigation{float:left;width:50%}
234div#extra{float:right;width:50%}
235div#footer{clear:both;width:100%}
236][(#CONFIG{layoutgala/default_layout,33}|=={40}|?{' ',''})/* 40 */
237div#container{width:#CONFIG{layoutgala/largeurconteneur,900}px;margin:0 auto}
238div#navigation{float:right;width:50%}
239div#extra{float:left;width:50%}
240div#footer{clear:both;width:100%}
241]
Note: See TracBrowser for help on using the repository browser.