fermdez/SW
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
Fernando Méndez
2021-05-19 10:09:05 +02:00
committed by GitHub
parent 17cb21683e
commit 8de7a1d0cb
6 changed files with 68 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
assets/css/highContrast.css
View File

@ -391,7 +391,7 @@
}
}
/* Promotions */
/* Promotions */
.promotions {
max-width: 1000px;
margin: 0 auto;
@ -400,19 +400,46 @@
.promotions img {
width: 100%;
height: 150px;
display: block;
margin-left: auto;
margin-right: auto;
background-size: cover;
border-radius: 10px;
border-style: dashed;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
}
.promotions button {
margin-top: 5%;
margin: 1em 1em 0 1em;
background-repeat: no-repeat;
height: 125px;
width: 125px;
background-position: center;
}
.controls {
text-align: center;
}
.controls #play {
height: 30px;
width: 30px;
border-radius: 25px;
background-repeat: no-repeat;
background-position: center;
}
.controls #stop {
height: 30px;
width: 30px;
border-radius: 25px;
background-repeat: no-repeat;
background-position: center;
}
/* Responsive layout */
@media (max-width: 750px) {
.promotions button {
margin: 0 1em 0 1em;
}
.promotions img {
width: 100%;
height: 50px;
height: auto;
}
}

31
assets/css/main.css
View File

@ -435,19 +435,46 @@ main img {
.promotions img {
width: 100%;
height: 150px;
display: block;
margin-left: auto;
margin-right: auto;
background-size: cover;
border-radius: 10px;
border-style: dashed;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
}
.promotions button {
margin-top: 5%;
margin: 1em 1em 0 1em;
background-repeat: no-repeat;
height: 125px;
width: 125px;
background-position: center;
}
.controls {
text-align: center;
}
.controls #play {
height: 30px;
width: 30px;
border-radius: 25px;
background-repeat: no-repeat;
background-position: center;
}
.controls #stop {
height: 30px;
width: 30px;
border-radius: 25px;
background-repeat: no-repeat;
background-position: center;
}
/* Responsive layout */
@media (max-width: 750px) {
.promotions button {
margin: 0 1em 0 1em;
}
.promotions img {
width: 100%;
height: 50px;
height: auto;
}
}