2 background-repeat: no-repeat;
3 background-size: 100% 100%;
14 background-repeat: no-repeat;
15 background-attachment: fixed;
25 background-image: url('../assets/logo.png');
26 background-repeat: no-repeat;
27 background-position: right bottom;
28 background-size: contain;
30 border-bottom: 5px solid #41403e;
31 border-bottom-left-radius: 15px 3px;
32 border-bottom-right-radius: 15px 5px;
33 padding-bottom: 0.1rem;
46 .collapsible .collapsible-body {
50 text-decoration: none;
51 display: inline-block;
52 background-image: none;
53 background-color: #7289da;
54 color: #fff !important;
61 background-color: #596ebb;
90 background-color: #fff;
112 background-color: #fff;
115 .panel .card-header {
116 text-transform: uppercase;
121 .progress .progress-bar {
125 .progress-bar-wrapper {
126 display: inline-block !important;
130 #player-stats .card-header {
133 #player-stats .legend, #inventory .legend {
134 display: inline-block;
137 text-transform: uppercase;
141 #player-stats img.legend {
147 background-repeat: no-repeat;
148 background-size: contain;
155 background: rgba(0, 0, 0, 0.6);
159 background-image: url('./assets/icons/money-bag.png');
162 background-image: url('/assets/icons/stamina.png');
165 background-image: url('/assets/icons/hp.png');
168 background-image: url('/assets/icons/exp.png');
171 background-image: url('/assets/icons/pow.png');
174 background-image: url('/assets/icons/zest.png');
177 background-image: url('/assets/icons/woosh.png');
180 background-image: url('/assets/icons/quirk.png');
183 background-image: url('/assets/icons/luck.png');
186 background-image: url('/assets/icons/wow.png');
199 #main-info-section .tab-pane {
206 display: inline-block;
207 border: solid 1px #aaa;
213 background-color: #fff;
220 #inventory .item[data-index] {
221 border-color: #8a8a8a;
225 #inventory .item[data-index].selected {
235 .stat-increase:active {
240 #quest-list li::before {
243 #quest-list .drop-quest {
246 #chat-info-section .tab-pane {
253 #chat-message-container {
257 .chat-message .avatar img {
260 display: inline-block;
264 .chat-message .from {
267 .chat-message .message {
270 .chat-message .from::after {
273 #online-users .status-online {
276 #online-users .status-away {
280 https://codepen.io/Winday/pen/qrPLeY
284 background-color: #00000c;
288 background-image: linear-gradient(to bottom, #020111 85%, #191621 100%);
292 background-image: linear-gradient(to bottom, #020111 60%, #20202c 100%);
296 background-image: linear-gradient(to bottom, #020111 10%, #3a3a52 100%);
300 background-image: linear-gradient(to bottom, #20202c 0%, #515175 100%);
304 background-image: linear-gradient(to bottom, #40405c 0%, #6f71aa 80%, #8a76ab 100%);
309 background-image: linear-gradient(to bottom, #4a4969 0%, #7072ab 50%, #cd82a0 100%);
313 background-image: linear-gradient(to bottom, #757abf 0%, #8583be 60%, #eab0d1 100%);
317 background-image: linear-gradient(to bottom, #82addb 0%, #ebb2b1 100%);
322 background-image: linear-gradient(to bottom, #94c5f8 1%, #a6e6ff 70%, #b1b5ea 100%);
327 background-image: linear-gradient(to bottom, #b7eaff 0%, #94dfff 100%);
332 background-image: linear-gradient(to bottom, #9be2fe 0%, #67d1fb 100%);
337 background-image: linear-gradient(to bottom, #90dffe 0%, #38a3d1 100%);
342 background-image: linear-gradient(to bottom, #57c1eb 0%, #246fa8 100%);
346 background-image: linear-gradient(to bottom, #2d91c2 0%, #1e528e 100%);
350 background-image: linear-gradient(to bottom, #2473ab 0%, #1e528e 70%, #5b7983 100%);
354 background-image: linear-gradient(to bottom, #1e528e 0%, #265889 50%, #9da671 100%);
358 background-image: linear-gradient(to bottom, #1e528e 0%, #728a7c 50%, #e9ce5d 100%);
362 background-image: linear-gradient(to bottom, #154277 0%, #576e71 30%, #e1c45e 70%, #b26339 100%);
366 background-image: linear-gradient(to bottom, #163C52 0%, #4F4F47 30%, #C5752D 60%, #B7490F 80%, #2F1107 100%);
370 background-image: linear-gradient(to bottom, #071B26 0%, #071B26 30%, #8A3B12 80%, #240E03 100%);
374 background-image: linear-gradient(to bottom, #010A10 30%, #59230B 80%, #2F1107 100%);
378 background-image: linear-gradient(to bottom, #090401 50%, #4B1D06 100%);
382 background-image: linear-gradient(to bottom, #00000c 80%, #150800 100%);
385 /** progress button **/
387 background-image: url('./assets/progress-bar-bg.png');
388 background-size: 0% 100%;
389 background-position:left top;
390 background-repeat: no-repeat;
393 background-color: transparent;
394 color: var(--primary);
396 .resource-trigger[data-resource="fish"] {
397 cursor: url('./assets//icons/fishing_rod.png'), pointer !important;