Spaces:
Sleeping
Sleeping
File size: 4,182 Bytes
3257494 cfd8dab 3257494 cfd8dab 370deb9 cfd8dab 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 |
<!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: repeat(5, 1fr);
grid-template-rows: 1fr;
grid-gap: 10px;
align-items: center;
}
.element {
text-align: center;
max-height: 100%;
}
img {
max-width: 15%;
height: auto;
}
.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: 50px;background-color: darkcyan;"><img src="{{ user_image7 }}" alt="" height="50px" width="50px" onclick="location.href='/buscador_trauma'"> Traumatología</h2>
<h3 style="padding-left: 90%;" onclick="location.href='/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" height="30px" width="30px" ></h3>
<hr/>-->
<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 3rem; background-color: darkcyan; max-width: 100%; overflow: hidden; display: flex; align-items: center;">
<div class="container">
<div class="element">
<img src="{{ user_image7 }}" alt="Atrás" onclick="location.href='/buscador_trauma'">
</div>
<div class="element">
<p class="text2">Volver</p>
</div>
<div class="element">
<p class="text">TRAUMATOLOGIA</p>
</div>
<div class="element">
<p class="text2">Ajustes</p>
</div>
<div class="element">
<img src="{{ user_image6 }}" alt="Config." onclick="location.href='/ajustes'">
</div>
</div>
</h2>
</div>
<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 25px;">Busqueda mediante selectores:</h2>
<form action="{{url_for('seleccion_trauma')}}" method="post">
<p>Procedimiento:</p>
<input name=procedimiento type="text" placeholder="Escriba el procedimiento">
<p>Casa comercial:</p>
<input name=casa_comercial type="text" placeholder="Escriba la casa comercial">
<br>
<br>
<button type="submit" style="height: 60px;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);border:2px solid white; border-radius: 10px;background-color: rgb(0, 128, 255);width: 100px; font-size: 20px;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';"> Buscar <img src="{{ user_image4 }}" alt="" height="25px" width="32px" > </button>
<br>
<br>
<br>
<br>
<b style="font-size: 20px;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
</form>
</div>
</body>
</html> |