diff options
| author | polo <ordipolo@gmx.fr> | 2022-03-01 04:02:05 +0100 |
|---|---|---|
| committer | polo <ordipolo@gmx.fr> | 2022-03-01 04:02:05 +0100 |
| commit | 2ac4254829fb27d878044978e4e89f15eeeddd23 (patch) | |
| tree | d6ae70410566884d8bf567b0934cdaee5133a5a1 /public | |
| parent | abd968a1c573b1862bd0728f0b7b6a88e307900a (diff) | |
| download | melaine-2ac4254829fb27d878044978e4e89f15eeeddd23.tar.gz melaine-2ac4254829fb27d878044978e4e89f15eeeddd23.tar.bz2 melaine-2ac4254829fb27d878044978e4e89f15eeeddd23.zip | |
factorisation et pages manquantes
Diffstat (limited to 'public')
25 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 | ||
| 104 | form | 105 | form |
| 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;} |
| 25 | td p{margin: 0px;} | 25 | td 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 | ||
| 36 | iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;} | 37 | iframe{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 | |||
| 8 | td | ||
| 9 | { | ||
| 10 | vertical-align: top; | ||
| 11 | } | ||
| 12 | |||
| 13 | pre | ||
| 14 | { | ||
| 15 | font-family: 'Arial', 'sans'; | ||
| 16 | white-space: pre-wrap; | ||
| 17 | } | ||
| 18 | |||
| 19 | figure | ||
| 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 | |||
| 8 | td | ||
| 9 | { | ||
| 10 | vertical-align: top; | ||
| 11 | } | ||
| 12 | |||
| 13 | pre | ||
| 14 | { | ||
| 15 | font-family: 'Arial', 'sans'; | ||
| 16 | white-space: pre-wrap; | ||
| 17 | } | ||
| 18 | |||
| 19 | figure | ||
| 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 | } | ||
diff --git a/public/header_images/blonde.jpg b/public/header_images/blonde.jpg new file mode 100644 index 0000000..35d9fe2 --- /dev/null +++ b/public/header_images/blonde.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/blonde_mini.jpg b/public/header_images/blonde_mini.jpg new file mode 100644 index 0000000..87f5961 --- /dev/null +++ b/public/header_images/blonde_mini.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/blonde_petit.jpg b/public/header_images/blonde_petit.jpg new file mode 100644 index 0000000..657966f --- /dev/null +++ b/public/header_images/blonde_petit.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/canoe.png b/public/header_images/canoe.png new file mode 100644 index 0000000..9c449a6 --- /dev/null +++ b/public/header_images/canoe.png | |||
| Binary files differ | |||
diff --git a/public/header_images/canoe_mini.png b/public/header_images/canoe_mini.png new file mode 100644 index 0000000..048dd37 --- /dev/null +++ b/public/header_images/canoe_mini.png | |||
| Binary files differ | |||
diff --git a/public/header_images/canoe_petit.png b/public/header_images/canoe_petit.png new file mode 100644 index 0000000..1d82002 --- /dev/null +++ b/public/header_images/canoe_petit.png | |||
| Binary files differ | |||
diff --git a/public/header_images/cavalier.jpg b/public/header_images/cavalier.jpg new file mode 100644 index 0000000..fcf92fe --- /dev/null +++ b/public/header_images/cavalier.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/cavalier_mini.jpg b/public/header_images/cavalier_mini.jpg new file mode 100644 index 0000000..6050c67 --- /dev/null +++ b/public/header_images/cavalier_mini.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/cavalier_petit.jpg b/public/header_images/cavalier_petit.jpg new file mode 100644 index 0000000..7dcf283 --- /dev/null +++ b/public/header_images/cavalier_petit.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/fille_qui_tombe.jpg b/public/header_images/fille_qui_tombe.jpg new file mode 100644 index 0000000..e572287 --- /dev/null +++ b/public/header_images/fille_qui_tombe.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/fille_qui_tombe_mini.jpg b/public/header_images/fille_qui_tombe_mini.jpg new file mode 100644 index 0000000..c8be5ee --- /dev/null +++ b/public/header_images/fille_qui_tombe_mini.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/fille_qui_tombe_petit.jpg b/public/header_images/fille_qui_tombe_petit.jpg new file mode 100644 index 0000000..29b22f3 --- /dev/null +++ b/public/header_images/fille_qui_tombe_petit.jpg | |||
| Binary files differ | |||
diff --git a/public/melaine/photo.png b/public/header_images/melaine.png index f50aea5..f50aea5 100644 --- a/public/melaine/photo.png +++ b/public/header_images/melaine.png | |||
| Binary files differ | |||
diff --git a/public/melaine/photo_mini.png b/public/header_images/melaine_mini.png index 7676a3d..7676a3d 100644 --- a/public/melaine/photo_mini.png +++ b/public/header_images/melaine_mini.png | |||
| Binary files differ | |||
diff --git a/public/melaine/photo_petit.png b/public/header_images/melaine_petit.png index 9b3ab18..9b3ab18 100644 --- a/public/melaine/photo_petit.png +++ b/public/header_images/melaine_petit.png | |||
| Binary files differ | |||
diff --git a/public/header_images/mouette_ocean.jpg b/public/header_images/mouette_ocean.jpg new file mode 100644 index 0000000..089a9bd --- /dev/null +++ b/public/header_images/mouette_ocean.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/mouette_ocean_mini.jpg b/public/header_images/mouette_ocean_mini.jpg new file mode 100644 index 0000000..42ac620 --- /dev/null +++ b/public/header_images/mouette_ocean_mini.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/mouette_ocean_petit.jpg b/public/header_images/mouette_ocean_petit.jpg new file mode 100644 index 0000000..bf56f20 --- /dev/null +++ b/public/header_images/mouette_ocean_petit.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/sirene.jpg b/public/header_images/sirene.jpg new file mode 100644 index 0000000..aaa1226 --- /dev/null +++ b/public/header_images/sirene.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/sirene_mini.jpg b/public/header_images/sirene_mini.jpg new file mode 100644 index 0000000..028d22c --- /dev/null +++ b/public/header_images/sirene_mini.jpg | |||
| Binary files differ | |||
diff --git a/public/header_images/sirene_petit.jpg b/public/header_images/sirene_petit.jpg new file mode 100644 index 0000000..6655514 --- /dev/null +++ b/public/header_images/sirene_petit.jpg | |||
| Binary files differ | |||
