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

Add files via upload

This commit is contained in:
Fernando Méndez 2021-06-05 15:15:45 +02:00 committed by GitHub
parent a067b8c8b9
commit d0fe499ee3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/css/highContrast.css
View File

@ -487,11 +487,12 @@
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: 1em 1em 0 1em;
margin: 4em 1em 0 1em;
background-repeat: no-repeat;
height: 125px;
width: 125px;
height: 40px;
width: 40px;
background-position: center;
text-indent: 0px;
}
.controls {
text-align: center;
@ -502,6 +503,7 @@
border-radius: 25px;
background-repeat: no-repeat;
background-position: center;
text-indent: -1px;
}
.controls #stop {
height: 30px;
@ -509,16 +511,18 @@
border-radius: 25px;
background-repeat: no-repeat;
background-position: center;
text-indent: -5px;
}
/* Responsive layout */
@media (max-width: 750px) {
.promotions button {
margin: 0 1em 0 1em;
width: 10%;
margin: 0.5em 1em 0 1em;
}
.promotions .imagen {
margin-top: 2.5em;
margin-top: 0.2em;
width: 100%;
height: 40px;
height: 45px;
}
}

16
assets/css/main.css
View File

@ -518,11 +518,12 @@ main img {
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: 1em 1em 0 1em;
margin: 4em 1em 0 1em;
background-repeat: no-repeat;
height: 125px;
width: 125px;
height: 40px;
width: 40px;
background-position: center;
text-indent: 0px;
}
.controls {
text-align: center;
@ -533,6 +534,7 @@ main img {
border-radius: 25px;
background-repeat: no-repeat;
background-position: center;
text-indent: -1px;
}
.controls #stop {
height: 30px;
@ -540,16 +542,18 @@ main img {
border-radius: 25px;
background-repeat: no-repeat;
background-position: center;
text-indent: -5px;
}
/* Responsive layout */
@media (max-width: 750px) {
.promotions button {
margin: 0 1em 0 1em;
width: 10%;
margin: 0.5em 1em 0 1em;
}
.promotions .imagen {
margin-top: 2.5em;
margin-top: 0.2em;
width: 100%;
height: 40px;
height: 45px;
}
}

6
index.php
View File

@ -24,13 +24,13 @@
<div class="code">
<h2>Promociones</h2>
<section class="promotions">
<button id="retroceder">Anterior</button>
<button id="retroceder">&#x23EA;</button>
<a href="promotions/" class="imagen"></a>
<button id="avanzar">Siguiente</button>
<button id="avanzar">&#x23E9;</button>
</section>
<section class="controls">
<button id="play">&#x25b6;</button>
<button id="stop" disabled>||</button>
<button id="stop" disabled>&#9208;</button>
</section>
</div>
</section>