Spaces:
Running
Running
File size: 4,711 Bytes
cafd04f ac87c7a 306f43c cafd04f b4ad4be cafd04f fd37a06 a4c127d ee455e6 fd37a06 ee455e6 fd37a06 cafd04f dde11aa cafd04f dde11aa cafd04f dde11aa cafd04f 306f43c fd37a06 cafd04f fd37a06 cafd04f b4ad4be 306f43c b4ad4be 68d783a c37b0c9 a1ad9ef 753f710 306f43c b4ad4be 3c7ad8d 3ba233d 3c7ad8d b4ad4be 23da8a7 b4ad4be 753f710 b4ad4be fd37a06 306f43c b4ad4be 306f43c 753f710 b4ad4be 68d783a 3c7ad8d 68d783a b4ad4be fd37a06 753f710 b4ad4be 9728008 cf470eb 9728008 abb433d fd37a06 9728008 753f710 3ba233d fd37a06 3ba233d fd37a06 306f43c a1ad9ef fd37a06 23da8a7 753f710 306f43c b4ad4be 306f43c 753f710 306f43c fd37a06 753f710 306f43c 753f710 cf470eb 3ba233d fd37a06 1801d46 fd37a06 1801d46 fd37a06 1801d46 fd37a06 1801d46 753f710 |
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 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 |
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap');
:root {
--background-color-light: #ffffff;
--background-color-dark: #121212;
--text-color-light: #333333;
--text-color-dark: #ffffff;
--highlight-color-light: #f7f7f7;
--highlight-color-dark: #1e1e1e;
--header-color-light: #000000;
--header-color-dark: #ffffff;
--buy-color: #4caf50;
--sell-color: #f44336;
--highlight-edit-bg-color-light: #fff2cc;
--highlight-edit-text-color-light: #0000ff;
--highlight-edit-bg-color-dark: hsl(45, 100%, 70%);
--highlight-edit-text-color-dark: hsl(240, 100%, 50%);
--highlight-sky-bg-color-light: #ddf5fd;
--highlight-sky-bg-color-dark: #89c9e6;
--highlight-sky-text-color-light: #000000;
--highlight-sky-text-color-dark: #000000;
}
#col-container {
margin: 0 auto;
max-width: 100%;
font-family: 'Quicksand', 'ui-sans-serif', 'system-ui', 'sans-serif';
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;
}
.h3_title {
padding: .75rem;
font-weight: 700;
border-bottom: 1px solid rgb(229, 231, 235);
}
.content {
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-size: 1.125rem;
line-height: 1.75rem;
margin: 1.25em 0;
border: 0 solid #e5e7eb;
}
.code {
font-family: 'IBM Plex Mono', monospace;
}
.wrap-text {
margin: auto; /* 가운데 정렬 */
padding: 20px;
border: 1px solid #e5e5e5; /* 얇은 테두리 */
border-radius: 10px; /* 모서리 둥글게 */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* 그림자 */
}
.buy-sell {
font-weight: bold !important;
}
.buy {
color: var(--buy-color) !important;
}
.sell {
color: var(--sell-color) !important;
}
.table-header-bg-before {
background-color: #e7f9ef !important;
color: #000;
}
.table-header-bg-after {
background-color: #d9d2e9 !important;
color: #000;
}
.table-container {
width: 100%;
overflow: auto;
margin-bottom: 20px;
position: relative;
max-height: 100%;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* 그림자 */
}
.table-container table {
width: 100%;
border-collapse: collapse;
}
.table-container td {
text-align: end !important;
}
.table-data-bg-sky {
background-color: #ddf5fd !important;
color: #000;
font-weight: bold;
}
.table-data-bg-edit {
background-color: #fff2cc !important;
color: #0000ff !important;
font-weight: bold;
}
.table-container th, .table-container td {
border: 1px solid #ddd !important;
padding: 8px;
background-color: var(--background-color-light);
}
.table-container th {
background-color: var(--highlight-color-light);
color: var(--header-color-light);
position: sticky;
top: 0;
z-index: 2;
}
.table-container td:first-child {
position: sticky;
left: 0;
z-index: 1;
text-align: left;
}
.table-container th:first-child {
position: sticky;
left: 0;
z-index: 3;
background-color: var(--highlight-color-light);
}
.table-container tr:hover td {
background: #f0f9ff;
color: #000;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
cursor: pointer;
transition: all 0.3s ease;
}
@media (prefers-color-scheme: dark) {
.table-data-bg-sky {
background-color: #89c9e6 !important;
color: #000 !important;
font-weight: bold;
}
.table-data-bg-edit {
background-color: hsl(45, 100%, 70%) !important;
color: #0000ff !important;
font-weight: bold;
}
.table-container {
border: 1px solid #444;
}
.table-container th, .table-container td {
border: 1px solid #444 !important;
background: #333;
color: #ccc;
}
.table-container thead {
background: #444;
}
.table-container th:first-child, .table-container td:first-child {
background: #444;
}
.table-container tr:hover td {
background-color: hsl(200, 30%, 30%) !important;
color: #fff !important;
}
.table-header-bg-before {
background-color: hsl(120, 60%, 80%) !important;
color: #000 !important;
}
.table-header-bg-dividend {
background-color: hsl(200, 60%, 70%) !important;
color: #000 !important;
}
.table-header-bg-required {
background-color: hsl(45, 100%, 70%) !important;
color: #000 !important;
}
.table-header-bg-after {
background-color: hsl(270, 30%, 80%) !important;
color: #000 !important;
}
}
|