File size: 3,461 Bytes
8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc 6ae14d4 8f074bc |
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 |
<!-- html/front_layout.html -->
<h1 style="text-align:center;margin-bottom:15px;margin-left:10px">
Swift Stock Screener
</h1>
<p style="margin-left:10px">
Browse and search over 12,000 stocks. Search assets by theme, filter, sort, analyze, and get ideas to build portfolios and indices. Search by <b>ticker symbol</b> to display a list of ranked related companies. Enter any keyword in <b>thematic search</b> to search by theme. Click on <u>country names</u> or <u>GICS sectors</u> for strict filtering. <b>Reset</b> the search and <b>sort</b> all assets by any of the displayed metrics.
<style>
/* Botón de tamaño contenido */
.small-btn {
/*width: 140px;*/
max-width: 140px;
/*min-width: 140px;*/
}
/* Etiqueta de paginación */
.pagination-label {
flex: 0 0 auto;
width: auto;
margin: 0 8px; /* small horizontal gap */
}
/* cap the Gradio table + keep pagination row below */
.df-cells .dataframe-container {
max-height: calc(100vh - 300px); /* adjust px to match header+controls height */
overflow-y: auto;
}
/* Columnas filtrables (click en la celda) */
.df-cells tbody td:nth-child(3),
.df-cells tbody td:nth-child(4) {
color: #1a0dab; /* link blue for light theme */
text-decoration: underline; /* underline */
cursor: pointer; /* pointer cursor */
}
@media (prefers-color-scheme: dark) {
.df-cells tbody td:nth-child(3),
.df-cells tbody td:nth-child(4) {
color: #8ab4f8; /* lighter blue for dark theme */
}
}
.df-cells span.negative-value {
color: red;
}
/* make the table use fixed layout so width rules apply */
.df-cells table {
table-layout: fixed;
}
/* CONFIGURACIÓN DE ANCHO DE COLUMNAS */
/* Ticker */
.df-cells table th:nth-child(1),
.df-cells table td:nth-child(1) {
min-width: 40px; max-width: 100px;
overflow: hidden;
}
.df-cells table th:nth-child(2),
.df-cells table td:nth-child(2) {
min-width: 75px; max-width: 220px;
overflow: hidden;
}
.df-cells table th:nth-child(3),
.df-cells table td:nth-child(3) {
min-width: 70px; max-width: 160px;
overflow: hidden;
}
.df-cells table th:nth-child(4),
.df-cells table td:nth-child(4) {
min-width: 70px; max-width: 200px;
overflow: hidden;
}
.df-cells table th:nth-child(5),
.df-cells table td:nth-child(5) {
min-width: 60px; max-width: 80px;
overflow: hidden;
}
/* 1yr return */
.df-cells table th:nth-child(6),
.df-cells table td:nth-child(6) {
min-width: 60px; max-width: 80px;
overflow: hidden;
}
.df-cells table th:nth-child(7),
.df-cells table td:nth-child(7) {
min-width: 70px; max-width: 100px;
overflow: hidden;
}
.df-cells table th:nth-child(8),
.df-cells table td:nth-child(8) {
min-width: 70px; max-width: 100px;
overflow: hidden;
}
.df-cells table th:nth-child(9),
.df-cells table td:nth-child(9) {
min-width: 70px; max-width: 100px;
overflow: hidden;
}
.df-cells table th:nth-child(10),
.df-cells table td:nth-child(10) {
min-width: 70px; max-width: 100px;
overflow: hidden;
}
.df-cells table th:nth-child(11),
.df-cells table td:nth-child(11) {
min-width: 60px; max-width: 70px;
overflow: hidden;
}
.df-cells table th:nth-child(12),
.df-cells table td:nth-child(12) {
min-width: 50px; max-width: 70px;
overflow: hidden;
}
</style>
|