Spaces:
Sleeping
Sleeping
File size: 4,509 Bytes
3257494 be9240b 14bf4c6 be9240b 14bf4c6 be9240b 14bf4c6 35054ed 14bf4c6 be9240b 3257494 be9240b 14bf4c6 be9240b 14bf4c6 be9240b a7579e4 be9240b 14bf4c6 be9240b 14bf4c6 be9240b db2bcac be9240b 3257494 be9240b 3257494 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Quirohelp </title>
<style>
body {
background-color: #333; /* Fondo oscuro */
color: #fff; /* Texto blanco */
font-family: Georgia, 'Times New Roman', Times, serif;
margin: 0;
padding: 0;
text-align: center;
}
.quiro {
background-color: blueviolet;
font-size: 3.5rem;
padding: 20px 0;
}
.login2 {
text-align: center;
padding: 20px;
}
.container {
display: grid;
grid-template-columns: 1fr 3fr 1fr;
grid-template-rows: 1fr;
grid-gap: 10px;
align-items: center;
}
.element {
text-align: center;
max-height: 100%;
}
.img1 {
max-width: 15%;
height: auto;
cursor: pointer;
}
.img2 {
max-width: 75%;
height: auto;
cursor: pointer;
}
.text {
font-size: 36px; /* Tamaño de letra deseado */
}
.text2 {
font-size: 24px; /* Tamaño de letra deseado */
}
/* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
@media screen and (max-width: 768px) {
.quiro {
font-size: 2.5rem; /* Reducir el tamaño de la fuente */
}
input[type="button"] {
width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
}
}
/* Estilos para pantallas medianas y grandes (más de 768px) */
@media screen and (min-width: 769px) {
.quiro {
font-size: 3.5rem; /* Restablecer el tamaño de la fuente original */
}
}
</style>
</head>
<body>
<div class="login22">
<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 3rem; background-color: coral; max-width: 100%; overflow: hidden; display: flex; align-items: center;">
<div class="container">
<script>
function retroceder() {
history.back();
}
</script>
<img class="img2" src="{{ user_image7 }}" alt="Atrás" onclick="retroceder()" style="cursor: pointer;">
<!--<div class="element">
<p class="text2">Volver</p>
</div>-->
<div class="element">
<p class="text">INSTRUMENTAL - CAJAS</p>
</div>
<!--<div class="element">
<p class="text2">Ajustes</p>
</div>-->
<img class="img2" src="{{ user_image6 }}" alt="Config." onclick="location.href='/ajustes'" style="cursor: pointer;">
</div>
</h2>
</div>
<!--<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: coral;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Materiales - Cajas : </h2>
<h3 style="padding-left: 80%;font-size: 1.2rem;" onclick="location.href='/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" style="max-width:18%;" ></h3>
<hr/>-->
<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.6rem;">{{title}} :</h2>
<form action="{{url_for('resultado_trauma')}}" method="post">
<br>
<strong style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{texto_ubi}}</b>
<strong style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;" >{{file_texto_ubi}}</strong>
<br>
<br>
{% for file in file_imagen %}
<img src="{{file}}" alt="" style="max-width: 100%;">
{% endfor %}
<br>
<br>
<strong style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{texto_instru}}</strong>
<br>
<br>
{% for file_instru in files_instru %}
<li>
<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;" >{{file_instru}}</b>
</li>
<br>
{% endfor %}
</form>
<br>
<br>
</body>
</html> |