summaryrefslogtreecommitdiff
path: root/public/discographie.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/discographie.css')
-rw-r--r--public/discographie.css37
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}
106figure:hover
107{
108 border: 2px blue solid;
109}
110 106
111figcaption 107figcaption
112{ 108{
@@ -119,21 +115,26 @@ figcaption
119 115
120a 116a
121{ 117{
122
123 display: inline-block; 118 display: inline-block;
119 /*border: 2px white solid;*/
124} 120}
125 121
126/*article a:hover 122article a:hover
127{ 123{
128 border: 2px blue solid; 124 border: 2px blue solid;
129}*/ 125}
130
131 126
132a:hover figure figcaption 127a: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}