summaryrefslogtreecommitdiff
path: root/public/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
parentabd968a1c573b1862bd0728f0b7b6a88e307900a (diff)
downloadmelaine-2ac4254829fb27d878044978e4e89f15eeeddd23.zip
factorisation et pages manquantes
Diffstat (limited to 'public/css')
-rw-r--r--public/css/accueil.css5
-rw-r--r--public/css/donnees_hors_editeur.css19
-rw-r--r--public/css/melaine.css107
-rw-r--r--public/css/pages_articles_simples.css244
4 files changed, 260 insertions, 115 deletions
diff --git a/public/css/accueil.css b/public/css/accueil.css
index 8f7f8c7..8c8ff35 100644
--- a/public/css/accueil.css
+++ b/public/css/accueil.css
@@ -99,12 +99,13 @@ h3
99{ 99{
100 background-color: #a8b3d9; 100 background-color: #a8b3d9;
101 padding: 2px 0px; 101 padding: 2px 0px;
102 margin-bottom: 15px;
102} 103}
103 104
104form 105form
105{ 106{
106 padding-bottom: 14px; 107 padding-bottom: 14px;
107 border-bottom: 1px black solid; 108 /*border-bottom: 1px black solid;*/
108} 109}
109 110
110#courriel 111#courriel
@@ -201,6 +202,7 @@ form
201 color: red; 202 color: red;
202 font-size: 90%; 203 font-size: 90%;
203 text-align: center; 204 text-align: center;
205 padding-bottom: 10px;
204} 206}
205 207
206.connexionFormulaire 208.connexionFormulaire
@@ -358,6 +360,7 @@ form
358 360
359 header 361 header
360 { 362 {
363 margin: 0px 30px;
361 padding-top: 61px; 364 padding-top: 61px;
362 } 365 }
363 366
diff --git a/public/css/donnees_hors_editeur.css b/public/css/donnees_hors_editeur.css
index 7b377ea..25436a4 100644
--- a/public/css/donnees_hors_editeur.css
+++ b/public/css/donnees_hors_editeur.css
@@ -24,8 +24,9 @@ input[type="checkbox"]:checked{border: none; background: #26ab33;}
24.table td{border: 1px grey solid; padding: 7px; min-width: 30px;} 24.table td{border: 1px grey solid; padding: 7px; min-width: 30px;}
25td p{margin: 0px;} 25td p{margin: 0px;}
26 26
27.image{margin: 0px;text-align: center;margin: auto;height: 100%;} 27.image{width: fit-content;margin: 0px;text-align: center;margin: auto;/*height: 100%;*/}
28.image img{width: 100%;} 28.image img{width: 100%;}
29/*.image:not(.image_resized) img{width: auto;}*/
29.image-style-side{float: right;} 30.image-style-side{float: right;}
30.image-style-side:not(.image_resized){max-width: 50%;} 31.image-style-side:not(.image_resized){max-width: 50%;}
31.image>figcaption{padding: 7px; text-align: center; font-size: small; background-color: #f0f0f0;} 32.image>figcaption{padding: 7px; text-align: center; font-size: small; background-color: #f0f0f0;}
@@ -35,22 +36,26 @@ article:after{content: ""; display: block; clear: both;}
35 36
36iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;} 37iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;}
37 38
38/*@media screen and (max-width: 1000px) 39
40
41
42
43@media screen and (max-width: 1000px)
39{ 44{
40 img{max-width: 900px;} 45 /*img{max-width: 900px;}*/
41}*/ 46}
42 47
43@media screen and (min-width: 700px) 48@media screen and (min-width: 700px)
44{ 49{
45 .image{/*max-width: 630px;*/width: auto;} 50 /*.image{width: auto;}*/
46} 51}
47 52
48@media screen and (max-width: 699px) 53@media screen and (max-width: 699px)
49{ 54{
50 .image{max-width: 480px;} 55 /*.image{max-width: 480px;}*/
51} 56}
52 57
53@media screen and (max-width: 479px) 58@media screen and (max-width: 479px)
54{ 59{
55 .image{max-width: 320px;} 60 /*.image{max-width: 320px;}*/
56} \ No newline at end of file 61} \ No newline at end of file
diff --git a/public/css/melaine.css b/public/css/melaine.css
deleted file mode 100644
index 429ccec..0000000
--- a/public/css/melaine.css
+++ /dev/null
@@ -1,107 +0,0 @@
1/* public/melaine.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 /*img
52 {
53 max-width: 630px;
54 }*/
55}
56
57@media screen and (max-width: 699px)
58{
59 #titre
60 {
61 width: 480px;
62 height: 131px;
63 background-image: url("../mouette_petit.png");
64 margin: auto;
65 }
66
67 #photo
68 {
69 width: 480px;
70 height: 191px;
71 background-image: url("../melaine/photo_petit.png");
72 margin: auto;
73 position: relative;
74 bottom: 24px;
75 }
76
77 /*img
78 {
79 max-width: 480px;
80 }*/
81}
82
83@media screen and (max-width: 479px)
84{
85 #titre
86 {
87 width: 320px;
88 height: 88px;
89 background-image: url("../mouette_mini.png");
90 margin: auto;
91 }
92
93 #photo
94 {
95 width: 320px;
96 height: 127px;
97 background-image: url("../melaine/photo_mini.png");
98 margin: auto;
99 position: relative;
100 bottom: 17px;
101 }
102
103 /*img
104 {
105 max-width: 320px;
106 }*/
107}
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-14 04:13:32 +0000