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

6
index.php
View File

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