diff options
| author | polo <ordipolo@gmx.fr> | 2021-09-03 01:16:43 +0200 |
|---|---|---|
| committer | polo <ordipolo@gmx.fr> | 2021-09-03 01:16:43 +0200 |
| commit | 9a552c6b751f25bac9e816cf605fb972da8b9e27 (patch) | |
| tree | 846d8b29fbf035305700a1aa91c7f20d2502136f /public | |
| parent | 10954c386cacb270e4ae16837483120ca3406259 (diff) | |
| download | melaine-9a552c6b751f25bac9e816cf605fb972da8b9e27.tar.gz melaine-9a552c6b751f25bac9e816cf605fb972da8b9e27.tar.bz2 melaine-9a552c6b751f25bac9e816cf605fb972da8b9e27.zip | |
albums2
Diffstat (limited to 'public')
| -rw-r--r-- | public/accueil.css | 5 | ||||
| -rw-r--r-- | public/discographie.css | 37 |
2 files changed, 31 insertions, 11 deletions
diff --git a/public/accueil.css b/public/accueil.css index 7f33393..dc79083 100644 --- a/public/accueil.css +++ b/public/accueil.css | |||
| @@ -37,7 +37,8 @@ nav | |||
| 37 | background-color: white; | 37 | background-color: white; |
| 38 | } | 38 | } |
| 39 | 39 | ||
| 40 | ul | 40 | /* agir sur ul et li directement affecte le ckeditor */ |
| 41 | #ul_menu | ||
| 41 | { | 42 | { |
| 42 | margin: 0px; | 43 | margin: 0px; |
| 43 | padding: 5px; | 44 | padding: 5px; |
| @@ -46,7 +47,7 @@ ul | |||
| 46 | justify-content: center; | 47 | justify-content: center; |
| 47 | } | 48 | } |
| 48 | 49 | ||
| 49 | li | 50 | #ul_menu li |
| 50 | { | 51 | { |
| 51 | list-style-type: none; | 52 | list-style-type: none; |
| 52 | white-space: nowrap; | 53 | white-space: nowrap; |
diff --git a/public/discographie.css b/public/discographie.css index cb0c9b5..adf5ac0 100644 --- a/public/discographie.css +++ b/public/discographie.css | |||
| @@ -103,10 +103,6 @@ figure | |||
| 103 | margin: 0px; | 103 | margin: 0px; |
| 104 | display: inline-block; | 104 | display: inline-block; |
| 105 | } | 105 | } |
| 106 | figure:hover | ||
| 107 | { | ||
| 108 | border: 2px blue solid; | ||
| 109 | } | ||
| 110 | 106 | ||
| 111 | figcaption | 107 | figcaption |
| 112 | { | 108 | { |
| @@ -119,21 +115,26 @@ figcaption | |||
| 119 | 115 | ||
| 120 | a | 116 | a |
| 121 | { | 117 | { |
| 122 | |||
| 123 | display: inline-block; | 118 | display: inline-block; |
| 119 | /*border: 2px white solid;*/ | ||
| 124 | } | 120 | } |
| 125 | 121 | ||
| 126 | /*article a:hover | 122 | article a:hover |
| 127 | { | 123 | { |
| 128 | border: 2px blue solid; | 124 | border: 2px blue solid; |
| 129 | }*/ | 125 | } |
| 130 | |||
| 131 | 126 | ||
| 132 | a:hover figure figcaption | 127 | a:hover figure figcaption |
| 133 | { | 128 | { |
| 134 | text-decoration: underline; | 129 | text-decoration: underline; |
| 135 | } | 130 | } |
| 136 | 131 | ||
| 132 | /* page dédiée à un album */ | ||
| 133 | #albumHTML | ||
| 134 | { | ||
| 135 | width: 100%; | ||
| 136 | } | ||
| 137 | |||
| 137 | @media screen and (min-width: 700px) | 138 | @media screen and (min-width: 700px) |
| 138 | { | 139 | { |
| 139 | #titre | 140 | #titre |
| @@ -148,6 +149,12 @@ a:hover figure figcaption | |||
| 148 | position: relative; | 149 | position: relative; |
| 149 | bottom: 35px; | 150 | bottom: 35px; |
| 150 | } | 151 | } |
| 152 | |||
| 153 | #albumHTML | ||
| 154 | { | ||
| 155 | /* annuler le positionnement du contenu */ | ||
| 156 | margin-top: 55px; | ||
| 157 | } | ||
| 151 | } | 158 | } |
| 152 | 159 | ||
| 153 | @media screen and (max-width: 699px) | 160 | @media screen and (max-width: 699px) |
| @@ -165,6 +172,12 @@ a:hover figure figcaption | |||
| 165 | position: relative; | 172 | position: relative; |
| 166 | bottom: 24px; | 173 | bottom: 24px; |
| 167 | } | 174 | } |
| 175 | |||
| 176 | #albumHTML | ||
| 177 | { | ||
| 178 | /* annuler le positionnement du contenu */ | ||
| 179 | margin-top: 42px; | ||
| 180 | } | ||
| 168 | } | 181 | } |
| 169 | 182 | ||
| 170 | @media screen and (max-width: 479px) | 183 | @media screen and (max-width: 479px) |
| @@ -201,7 +214,13 @@ a:hover figure figcaption | |||
| 201 | 214 | ||
| 202 | #contenu | 215 | #contenu |
| 203 | { | 216 | { |
| 204 | position: relative; | 217 | /*position: relative;*/ |
| 205 | bottom: 15px; | 218 | bottom: 15px; |
| 206 | } | 219 | } |
| 220 | |||
| 221 | #albumHTML | ||
| 222 | { | ||
| 223 | /* annuler le positionnement du contenu */ | ||
| 224 | margin-top: 32px; | ||
| 225 | } | ||
| 207 | } | 226 | } |
