Spaces:
Running
Running
File size: 2,377 Bytes
4845a8d |
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 |
<style>
@font-face {
font-family: 'PoiretOne-Regular';
src: url('app/static/Quattrocento-Bold.ttf');
}
div [data-testid="stWidgetLabel"] {
font-family: 'PoiretOne-Regular';
font-size: large;
font-weight: 400;
color: hsl(var(--primary));
}
div [data-testid="stRadio"],
div [data-testid="stSlider"],
div [data-testid="stSelectbox"],
div [data-testid="stSidebar"] {
margin-top: 1em;
padding: 1em;
border-radius: 18px;
box-shadow: 2px 3px 10px hsl(var(--border));
background-color: hsl(var(--card));
}
div[data-testid="stVerticalBlockBorderWrapper"]:has(.stHtml > .watchlist_card),
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .watchlist_symbol_name),
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .watchlist_ticker),
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .watchlist_price_label),
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .watchlist_price_value),
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .column_plotly),
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .column_indicator) {
border-radius: 18px;
box-shadow: 2px 3px 10px hsl(var(--border));
background-color: hsl(var(--card));
color: hsl(var(--foreground));
}
/* Estilo específico para os indicadores */
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .low_indicator) div[data-testid="stMetric"] {
border-left: 0.5rem solid red;
}
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .high_indicator) div[data-testid="stMetric"] {
border-left: 0.5rem solid rgb(166, 255, 166);
}
/* Estilo para métricas */
div[data-testid="stMetric"] {
background-color: hsl(var(--card));
border: 2px solid hsl(var(--border));
margin-top: 1em;
padding: 1.5em 1em 1em 1.5em; /* top right bottom left */
border-radius: 20px;
box-shadow: 4px 5px 10px hsl(var(--border));
width: 100%; /* Define a largura como 80% do contêiner pai */
}
div[data-testid="stMetricValue"] {
font-size: 1em;
font-weight: 400;
color: hsl(var(--primary));
}
</style>
|