Spaces:
Sleeping
Sleeping
File size: 4,749 Bytes
f22e6de feb39ac 2d6cc10 0908540 2d6cc10 0908540 33909f3 2d6cc10 feb39ac 2d6cc10 feb39ac 2d6cc10 feb39ac 2d6cc10 feb39ac 2d6cc10 feb39ac 2d6cc10 feb39ac 2d6cc10 feb39ac 2d6cc10 feb39ac 2d6cc10 feb39ac 2d6cc10 feb39ac 2d6cc10 feb39ac 2d6cc10 feb39ac |
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 |
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
<style>
.title {
font-family:PermanentMarker;
color: #000000;
font-size: 3em;
margin: 10px 0px 8px 0px;
padding: 0px;
}
h1 {
font-family: "Montserrat", sans-serif;
color: #000000;
font-size: 28px;
margin: 0px 0px 8px 0px;
padding: 30px 0px 0px 0px;
}
h3 {
font-family: "Open Sans", sans-serif;
font-size: 1.1em;
font-weight: 700;
color: #174C4F;
}
.hero-subtitle {
font-family: "Montserrat", sans-serif;
color: #FF6666;
font-size: 16px;
margin: 0px 0px 8px 50px; /* Adds 20px margin to the left */
padding-right: 100px;
font-style: italic; /* Adjust padding as needed */
}
div[data-testid="stVerticalBlockBorderWrapper"]:has(.stHtml > .watchlist_card) {
padding-bottom: 0em;
}
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .watchlist_symbol_name) {
& p {
color: #174C4F;
font-family: "Open Sans", sans-serif;
font-size: 1em;
font-weight: 700;
margin-bottom: 0;
}
}
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .watchlist_ticker) {
text-align: right;
& p {
font-size: 0.8em;
margin-bottom: 0;
}
}
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .watchlist_price_label) {
& p {
font-size: 0.8em;
margin-bottom: 0;
}
}
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .watchlist_price_value) {
& p {
color: #174C4F;
font-family: "Open Sans", sans-serif;
font-size: 1.2em;
margin-bottom: 0;
}
}
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .column_plotly) {
& .stPlotlyChart {
margin-top: 1em;
padding: 1em;
border-radius: 16px;
box-shadow: 0px 0px 10px rgba(81, 85, 195, 0.2);
}
}
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .column_indicator) {
margin-top: 2.5em;
padding-left: 4em;
}
/* Adapted from https://startbootstrap.com/theme/sb-admin-2 */
div[data-testid="stMetric"] {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 1em 2em;
border-radius: 5px;
box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}
label[data-testid="stMetricLabel"] p {
font-size: 1em;
}
div[data-testid="stMetricValue"] {
font-size: 1.3em;
font-weight: 700;
color: #174C4F;
}
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .low_indicator) {
& div[data-testid="stMetric"] {
border-left: 0.5rem solid #FF6666;
}
}
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .high_indicator) {
& div[data-testid="stMetric"] {
border-left: 0.5rem solid rgb(15, 56, 109);
}
}
div[data-testid="stVerticalBlock"]:has(> div > .stHtml > .bottom_indicator) {
margin-top: 0.5em;
}
/* Custom button styling */
.stButton button, .stFormSubmitButton button {
background: linear-gradient(90deg, #3A8DFF 0%, #7B61FF 100%); /* Primary color */
color: white;
padding: 12px 24px;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: 'PermanentMarker', sans-serif; /* Change font */
font-weight: bold; /* Make font bold */
letter-spacing: 1px; /* Add letter spacing */
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.stButton button:hover {
background-color: #093031; /* Darker color on hover */
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Add shadow on hover */
}
.stButton button:active {
background: linear-gradient(90deg, #3A8DFF 0%, #7B61FF 100%); /* Primary color */
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); /* Reduce shadow on click */
}
.logo {
position: fixed;
bottom: 10px;
right: 5px;
width: 100px; /* Adjust width as needed */
}
</style> |