summaryrefslogtreecommitdiff
path: root/public/css/pages_articles_simples.css
diff options
context:
space:
mode:
authorpolo <ordipolo@gmx.fr>2022-03-01 04:02:05 +0100
committerpolo <ordipolo@gmx.fr>2022-03-01 04:02:05 +0100
commit2ac4254829fb27d878044978e4e89f15eeeddd23 (patch)
treed6ae70410566884d8bf567b0934cdaee5133a5a1 /public/css/pages_articles_simples.css
parentabd968a1c573b1862bd0728f0b7b6a88e307900a (diff)
downloadmelaine-2ac4254829fb27d878044978e4e89f15eeeddd23.zip
factorisation et pages manquantes
Diffstat (limited to 'public/css/pages_articles_simples.css')
-rw-r--r--public/css/pages_articles_simples.css244
1 files changed, 244 insertions, 0 deletions
diff --git a/public/css/pages_articles_simples.css b/public/css/pages_articles_simples.css
new file mode 100644
index 0000000..03e4317
--- /dev/null
+++ b/public/css/pages_articles_simples.css
@@ -0,0 +1,244 @@
1/* public/css/pages_articles_simples.css */
2
3.police_titre
4{
5 color: #e9d4be;
6}
7
8td
9{
10 vertical-align: top;
11}
12
13pre
14{
15 font-family: 'Arial', 'sans';
16 white-space: pre-wrap;
17}
18
19figure
20{
21 /*margin: 5px;*/
22}
23.boutonArticle
24{
25 border-bottom: 3px black double;
26}
27.boutonArticle a
28{
29 padding: 2px;
30 border: 4px black groove;
31}
32
33@media screen and (min-width: 700px)
34{
35 #titre
36 {
37 width: 630px;
38 height: 171px;
39 background-image: url("../mouette.png");
40 }
41
42 .photo
43 {
44 width: 630px;
45 height: 230px;
46 /*background-image: url("../melaine/photo.png");*/
47 position: relative;
48 bottom: 30px;
49 }
50}
51
52@media screen and (max-width: 699px)
53{
54 #titre
55 {
56 width: 480px;
57 height: 131px;
58 background-image: url("../mouette_petit.png");
59 margin: auto;
60 }
61
62 .photo
63 {
64 width: 480px;
65 height: 191px;
66 /*background-image: url("../melaine/photo_petit.png");*/
67 margin: auto;
68 position: relative;
69 bottom: 24px;
70 }
71}
72
73@media screen and (max-width: 479px)
74{
75 #titre
76 {
77 width: 320px;
78 height: 88px;
79 background-image: url("../mouette_mini.png");
80 margin: auto;
81 }
82
83 .photo
84 {
85 width: 320px;
86 height: 127px;
87 /*background-image: url("../melaine/photo_mini.png");*/
88 margin: auto;
89 position: relative;
90 bottom: 17px;
91 }
92}
93
94
95/* CSS spécifique à chaque page */
96@media screen and (min-width: 700px)
97{
98 #photo_melaine
99 {
100 background-image: url('../header_images/melaine.png');
101 }
102 #photo_concerts
103 {
104 background-image: url('../header_images/sirene.jpg');
105 width: 308px;
106 height: 170px;
107 margin-left: auto;
108 }
109 #photo_presse
110 {
111 background-image: url('../header_images/fille_qui_tombe.jpg');
112 width: 208px;
113 height: 163px;
114 margin-left: auto;
115 }
116 #photo_ateliers
117 {
118 background-image: url('../header_images/cavalier.jpg');
119 width: 159px;
120 height: 312px;
121 margin-left: 10px;
122 }
123 #photo_liens
124 {
125 background-image: url('../header_images/canoe.png');
126 width: 207px;
127 height: 144px;
128 margin-left: auto;
129 }
130 #photo_peinture
131 {
132 background-image: url('../header_images/mouette_ocean.jpg');
133 width: 257px;
134 height: 171px;
135 margin-left: auto;
136 }
137 #photo_archives
138 {
139 background-image: url('../header_images/blonde.jpg');
140 width: 257px;
141 height: 233px;
142 margin-left: auto;
143 }
144}
145
146@media screen and (max-width: 699px)
147{
148 #photo_melaine
149 {
150 background-image: url("../header_images/melaine_petit.png");
151 }
152 #photo_concerts
153 {
154 background-image: url('../header_images/sirene_petit.jpg');
155 width: 243px;
156 height: 132px;
157 margin: 0 0 0 auto;
158 }
159 #photo_presse
160 {
161 background-image: url('../header_images/fille_qui_tombe_petit.jpg');
162 width: 158px;
163 height: 124px;
164 margin: 0 0 0 auto;
165 }
166 #photo_ateliers
167 {
168 background-image: url('../header_images/cavalier_petit.jpg');
169 width: 121px;
170 height: 237px;
171 margin-left: 10px;
172 }
173 #photo_liens
174 {
175 background-image: url('../header_images/canoe_petit.png');
176 width: 157px;
177 height: 109px;
178 margin: 0 0 0 auto;
179 }
180 #photo_peinture
181 {
182 background-image: url('../header_images/mouette_ocean_petit.jpg');
183 width: 195px;
184 height: 130px;
185 margin: 0 0 0 auto;
186 }
187 #photo_archives
188 {
189 background-image: url('../header_images/blonde_petit.jpg');
190 width: 195px;
191 height: 177px;
192 margin: 0 0 0 auto;
193 }
194}
195
196@media screen and (max-width: 479px)
197{
198 #photo_melaine
199 {
200 background-image: url("../header_images/melaine_mini.png");
201 }
202 #photo_concerts
203 {
204 background-image: url('../header_images/sirene_mini.jpg');
205 width: 162px;
206 height: 88px;
207 margin: 0 0 0 auto;
208 }
209 #photo_presse
210 {
211 background-image: url('../header_images/fille_qui_tombe_mini.jpg');
212 width: 105px;
213 height: 82px;
214 margin: 0 0 0 auto;
215 }
216 #photo_ateliers
217 {
218 background-image: url('../header_images/cavalier_mini.jpg');
219 width: 80px;
220 height: 158px;
221 margin-left: 10px;
222 }
223 #photo_liens
224 {
225 background-image: url('../header_images/canoe_mini.png');
226 width: 105px;
227 height: 73px;
228 margin: 0 0 0 auto;
229 }
230 #photo_peinture
231 {
232 background-image: url('../header_images/mouette_ocean_mini.jpg');
233 width: 130px;
234 height: 86px;
235 margin: 0 0 0 auto;
236 }
237 #photo_archives
238 {
239 background-image: url('../header_images/blonde_mini.jpg');
240 width: 130px;
241 height: 118px;
242 margin: 0 0 0 auto;
243 }
244}
generated by cgit v1.2.3 (git 2.25.1) at 2025-08-13 23:16:36 +0000