Spaces:
Sleeping
Sleeping
File size: 5,590 Bytes
3257494 6195d5a 23cc1b5 6195d5a 23cc1b5 6195d5a 23cc1b5 6195d5a 3257494 6195d5a 3257494 6195d5a 23cc1b5 6195d5a 23cc1b5 6195d5a 23cc1b5 6195d5a 3257494 12e019d 3257494 1dfce5b 397f886 a34afeb 04831f1 12e019d a34afeb 1dfce5b 397f886 a34afeb 397f886 a34afeb 397f886 569b5e8 1dfce5b 569b5e8 d06802a 3257494 a34afeb 8172fa9 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 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 |
<!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: darkred;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Pdf de la casa comercial: </h2>
<hr/> -->
<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 3rem; background-color: darkred; 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">PDF DE LA CASA COMERCIAL</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>
<form action="{{url_for('pdf_casa_trauma')}}" method="post">
{% for titulo, pdfs in titulos.items() %}
<div style="display: inline-block; border: 1.5px solid #ffffff; padding: 10px;">
<strong style="font-size: 2.5rem; font-family: Arial, Helvetica, sans-serif; margin: 0;">{{ titulo }} :</strong>
</div>
{% for titulo2, url in pdfs.items() %}
<div style="display: flex; align-items: center; margin-bottom: 10px; width: 100%;">
<!--<img src="{{ abrir }}" alt="Imagen" style="max-width: 40px; max-height: 40px; margin-right: 10px;">-->
<input type="button" value="" style="background-color: white; font-size: 2.5rem; width: 60px; height: 60px; margin-right: 10px; padding-left: 50px; background-image: url('{{ abrir }}'); background-repeat: no-repeat; background-size: 40px 40px; background-position: center;" onclick="location.href='{{ url }}'">
<strong style="font-size: 2rem; font-family: Arial, Helvetica, sans-serif;">{{ titulo2 }}</strong>
<!--<strong style="font-size: 2.5rem; font-family: Arial, Helvetica, sans-serif;">{{ titulo }}</strong>-->
</div>
<!--<input type="button" value="" style="background-color: white; font-size: 2.5rem; margin-bottom: 10px; padding-left: 50px; background-image: url('{{ abrir }}'); background-repeat: no-repeat; background-size: 40px 40px;background-position: center;" onclick="location.href='{{ url }}'">-->
<br>
<hr style="width: 100%; margin: 0;">
<!--<a href="{{url}}" style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{titulo}}</a>-->
{% endfor %}
<!--<input type="button" value="{{ titulo2 }}" style="background-color: white; font-size: 2.5rem; margin-bottom: 10px;" onclick="location.href='{{ url }}'">
<br>-->
<!--<div style="font-size: 1.2rem; font-family: Arial, Helvetica, sans-serif;">
<a href="{{ url }}">{{ titulo2 }}</a>
</div>-->
<br>
{% endfor %}
</form>
</body>
</html> |