diff options
Diffstat (limited to 'public/discographie.css')
-rw-r--r-- | public/discographie.css | 37 |
1 files changed, 28 insertions, 9 deletions
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 | } |