/ styles.css
styles.css
1 /* Copyright 2023-2024 biolithic. All rights reserved. 2 .scbt-mobile .scbt-desktop 3 .scbt-odysee 4 .scbt-twitch 5 .scbt-rumble 6 .scbt-youtube 7 .scbt-kick 8 .scbt-noice 9 */ 10 11 :root { 12 --odysee-red: #CA004B; 13 --kick-green: rgb(83, 252, 24); 14 --tiktok-red: rgb(254, 44, 85); 15 --twitch-purple: #9146ff; 16 --twitch-white: #f0f0ff; 17 --rumble-green: #85C742; 18 --youtube-red: #ff0000; 19 --youtube-black: #282828; 20 } 21 22 .scbt-desktop .lawngreen { 23 background: lawngreen; 24 } 25 26 .scbtToggleButton2 27 { 28 right: 0px; 29 position: absolute; 30 top: 0px; 31 height: 50px; 32 width: 50px; 33 font-size: xx-large; 34 color: silver; 35 line-height: 0.5rem; 36 z-index: 11111111; 37 } 38 39 .scbtToggleButton2 div 40 { 41 width: 35px; 42 height: 5px; 43 background-color: black; 44 margin: 6px 0px 6px 0.5rem; 45 } 46 47 .scbtToggleButton2:hover, 48 .scbtToggleButton2:focus, 49 .scbtToggleButton2:active, 50 .scbtToggleButton2:target 51 { 52 background: darkgray; 53 } 54 55 56 .scbt-odysee .scbtToggleButton2, 57 .scbt-odysee .scbtOptionsMenuForm > div::-webkit-scrollbar-thumb, 58 59 .scbt-odysee .scbtSideMenu button:hover, 60 .scbt-odysee .scbtSideMenu button:focus, 61 .scbt-odysee .scbtSideMenu button:active, 62 .scbt-odysee .scbtSideMenu button.focused, 63 64 .scbt-odysee .scbtChatMenu button:hover, 65 .scbt-odysee .scbtChatMenu button:focus, 66 .scbt-odysee .scbtChatMenu button:active, 67 .scbt-odysee .scbtChatMenu button.focused, 68 69 .scbt-odysee .scbtChatToggleMenu button:hover, 70 .scbt-odysee .scbtChatToggleMenu button:focus, 71 .scbt-odysee .scbtChatToggleMenu button:active, 72 .scbt-odysee .scbtChatToggleMenu button.focused, 73 74 .scbt-odysee .scbtOptionsSavedWrapper .round-button:hover, 75 .scbt-odysee .scbtOptionsSavedWrapper .round-button:focus, 76 .scbt-odysee .scbtOptionsSavedWrapper .round-button:active, 77 .scbt-odysee .scbtOptionsSavedWrapper .round-button.focused, 78 79 .scbt-odysee .az2:hover, 80 .scbt-odysee .az2:focus, 81 .scbt-odysee .az2:active, 82 .scbt-odysee .az2.focused, 83 84 .scbt-odysee .az3:hover, 85 .scbt-odysee .az3:focus, 86 .scbt-odysee .az3:active, 87 .scbt-odysee .az3.focused, 88 89 .scbt-odysee .az4:hover, 90 .scbt-odysee .az4:focus, 91 .scbt-odysee .az4:active, 92 .scbt-odysee .az4.focused, 93 94 .scbt-odysee .az5:hover, 95 .scbt-odysee .az5:focus, 96 .scbt-odysee .az5:active, 97 .scbt-odysee .az5.focused, 98 99 .scbt-odysee .az6:hover, 100 .scbt-odysee .az6:focus, 101 .scbt-odysee .az6:active, 102 .scbt-odysee .az6.focused, 103 104 .scbt-odysee .scbtClipsToggleMenu button:hover, 105 .scbt-odysee .scbtClipsToggleMenu button:focus, 106 .scbt-odysee .scbtClipsToggleMenu button:active, 107 .scbt-odysee .scbtClipsToggleMenu button.focused 108 { 109 background: var(--odysee-red); 110 } 111 112 113 .scbt-kick .scbtToggleButton2, 114 .scbt-kick .scbtOptionsMenuForm > div::-webkit-scrollbar-thumb, 115 116 .scbt-kick .scbtSideMenu button:hover, 117 .scbt-kick .scbtSideMenu button:focus, 118 .scbt-kick .scbtSideMenu button:active, 119 .scbt-kick .scbtSideMenu button.focused, 120 121 .scbt-kick .scbtChatMenu button:hover, 122 .scbt-kick .scbtChatMenu button:focus, 123 .scbt-kick .scbtChatMenu button:active, 124 .scbt-kick .scbtChatMenu button.focused, 125 126 .scbt-kick .scbtChatToggleMenu button:hover, 127 .scbt-kick .scbtChatToggleMenu button:focus, 128 .scbt-kick .scbtChatToggleMenu button:active, 129 .scbt-kick .scbtChatToggleMenu button.focused, 130 131 .scbt-kick .scbtOptionsSavedWrapper .round-button:hover, 132 .scbt-kick .scbtOptionsSavedWrapper .round-button:focus, 133 .scbt-kick .scbtOptionsSavedWrapper .round-button:active, 134 .scbt-kick .scbtOptionsSavedWrapper .round-button.focused, 135 136 .scbt-kick .az2:hover, 137 .scbt-kick .az2:focus, 138 .scbt-kick .az2:active, 139 .scbt-kick .az2.focused, 140 141 .scbt-kick .az3:hover, 142 .scbt-kick .az3:focus, 143 .scbt-kick .az3:active, 144 .scbt-kick .az3.focused, 145 146 .scbt-kick .az4:hover, 147 .scbt-kick .az4:focus, 148 .scbt-kick .az4:active, 149 .scbt-kick .az4.focused, 150 151 .scbt-kick .az5:hover, 152 .scbt-kick .az5:focus, 153 .scbt-kick .az5:active, 154 .scbt-kick .az5.focused, 155 156 .scbt-kick .az6:hover, 157 .scbt-kick .az6:focus, 158 .scbt-kick .az6:active, 159 .scbt-kick .az6.focused, 160 161 .scbt-kick .scbtClipsToggleMenu button:hover, 162 .scbt-kick .scbtClipsToggleMenu button:focus, 163 .scbt-kick .scbtClipsToggleMenu button:active, 164 .scbt-kick .scbtClipsToggleMenu button.focused 165 { 166 background: var(--kick-green); 167 } 168 169 170 .scbt-tiktok .scbtToggleButton2, 171 .scbt-tiktok .scbtOptionsMenuForm > div::-webkit-scrollbar-thumb, 172 173 .scbt-tiktok .scbtSideMenu button:hover, 174 .scbt-tiktok .scbtSideMenu button:focus, 175 .scbt-tiktok .scbtSideMenu button:active, 176 .scbt-tiktok .scbtSideMenu button.focused, 177 178 .scbt-tiktok .scbtChatMenu button:hover, 179 .scbt-tiktok .scbtChatMenu button:focus, 180 .scbt-tiktok .scbtChatMenu button:active, 181 .scbt-tiktok .scbtChatMenu button.focused, 182 183 .scbt-tiktok .scbtChatToggleMenu button:hover, 184 .scbt-tiktok .scbtChatToggleMenu button:focus, 185 .scbt-tiktok .scbtChatToggleMenu button:active, 186 .scbt-tiktok .scbtChatToggleMenu button.focused, 187 188 .scbt-tiktok .scbtOptionsSavedWrapper .round-button:hover, 189 .scbt-tiktok .scbtOptionsSavedWrapper .round-button:focus, 190 .scbt-tiktok .scbtOptionsSavedWrapper .round-button:active, 191 .scbt-tiktok .scbtOptionsSavedWrapper .round-button.focused, 192 193 .scbt-tiktok .az2:hover, 194 .scbt-tiktok .az2:focus, 195 .scbt-tiktok .az2:active, 196 .scbt-tiktok .az2.focused, 197 198 .scbt-tiktok .az3:hover, 199 .scbt-tiktok .az3:focus, 200 .scbt-tiktok .az3:active, 201 .scbt-tiktok .az3.focused, 202 203 .scbt-tiktok .az4:hover, 204 .scbt-tiktok .az4:focus, 205 .scbt-tiktok .az4:active, 206 .scbt-tiktok .az4.focused, 207 208 .scbt-tiktok .az5:hover, 209 .scbt-tiktok .az5:focus, 210 .scbt-tiktok .az5:active, 211 .scbt-tiktok .az5.focused, 212 213 .scbt-tiktok .az6:hover, 214 .scbt-tiktok .az6:focus, 215 .scbt-tiktok .az6:active, 216 .scbt-tiktok .az6.focused, 217 218 .scbt-tiktok .scbtClipsToggleMenu button:hover, 219 .scbt-tiktok .scbtClipsToggleMenu button:focus, 220 .scbt-tiktok .scbtClipsToggleMenu button:active, 221 .scbt-tiktok .scbtClipsToggleMenu button.focused 222 { 223 background: var(--tiktok-red); 224 } 225 226 227 .scbt-twitch .scbtToggleButton2, 228 .scbt-twitch .scbtOptionsMenuForm > div::-webkit-scrollbar-thumb, 229 230 .scbt-twitch .scbtSideMenu button:hover, 231 .scbt-twitch .scbtSideMenu button:focus, 232 .scbt-twitch .scbtSideMenu button:active, 233 .scbt-twitch .scbtSideMenu button.focused, 234 235 .scbt-twitch .scbtChatMenu button:hover, 236 .scbt-twitch .scbtChatMenu button:focus, 237 .scbt-twitch .scbtChatMenu button:active, 238 .scbt-twitch .scbtChatMenu button.focused, 239 240 .scbt-twitch .scbtChatToggleMenu button:hover, 241 .scbt-twitch .scbtChatToggleMenu button:focus, 242 .scbt-twitch .scbtChatToggleMenu button:active, 243 .scbt-twitch .scbtChatToggleMenu button.focused, 244 245 .scbt-twitch .scbtOptionsSavedWrapper .round-button:hover, 246 .scbt-twitch .scbtOptionsSavedWrapper .round-button:focus, 247 .scbt-twitch .scbtOptionsSavedWrapper .round-button:active, 248 .scbt-twitch .scbtOptionsSavedWrapper .round-button.focused, 249 250 .scbt-twitch .az2:hover, 251 .scbt-twitch .az2:focus, 252 .scbt-twitch .az2:active, 253 .scbt-twitch .az2.focused, 254 255 .scbt-twitch .az3:hover, 256 .scbt-twitch .az3:focus, 257 .scbt-twitch .az3:active, 258 .scbt-twitch .az3.focused, 259 260 .scbt-twitch .az4:hover, 261 .scbt-twitch .az4:focus, 262 .scbt-twitch .az4:active, 263 .scbt-twitch .az4.focused, 264 265 .scbt-twitch .az5:hover, 266 .scbt-twitch .az5:focus, 267 .scbt-twitch .az5:active, 268 .scbt-twitch .az5.focused, 269 270 .scbt-twitch .az6:hover, 271 .scbt-twitch .az6:focus, 272 .scbt-twitch .az6:active, 273 .scbt-twitch .az6.focused, 274 275 .scbt-twitch .scbtClipsToggleMenu button:hover, 276 .scbt-twitch .scbtClipsToggleMenu button:focus, 277 .scbt-twitch .scbtClipsToggleMenu button:active, 278 .scbt-twitch .scbtClipsToggleMenu button.focused 279 { 280 background: var(--twitch-purple); 281 } 282 283 284 .scbt-rumble .scbtToggleButton2, 285 .scbt-rumble .scbtOptionsMenuForm > div::-webkit-scrollbar-thumb, 286 287 .scbt-rumble .scbtSideMenu button:hover, 288 .scbt-rumble .scbtSideMenu button:focus, 289 .scbt-rumble .scbtSideMenu button:active, 290 .scbt-rumble .scbtSideMenu button.focused, 291 292 .scbt-rumble .scbtChatMenu button:hover, 293 .scbt-rumble .scbtChatMenu button:focus, 294 .scbt-rumble .scbtChatMenu button:active, 295 .scbt-rumble .scbtChatMenu button.focused, 296 297 .scbt-rumble .scbtChatToggleMenu button:hover, 298 .scbt-rumble .scbtChatToggleMenu button:focus, 299 .scbt-rumble .scbtChatToggleMenu button:active, 300 .scbt-rumble .scbtChatToggleMenu button.focused, 301 302 .scbt-rumble .scbtOptionsSavedWrapper .round-button:hover, 303 .scbt-rumble .scbtOptionsSavedWrapper .round-button:focus, 304 .scbt-rumble .scbtOptionsSavedWrapper .round-button:active, 305 .scbt-rumble .scbtOptionsSavedWrapper .round-button.focused, 306 307 .scbt-rumble .az2:hover, 308 .scbt-rumble .az2:focus, 309 .scbt-rumble .az2:active, 310 .scbt-rumble .az2.focused, 311 312 .scbt-rumble .az3:hover, 313 .scbt-rumble .az3:focus, 314 .scbt-rumble .az3:active, 315 .scbt-rumble .az3.focused, 316 317 .scbt-rumble .az4:hover, 318 .scbt-rumble .az4:focus, 319 .scbt-rumble .az4:active, 320 .scbt-rumble .az4.focused, 321 322 .scbt-rumble .az5:hover, 323 .scbt-rumble .az5:focus, 324 .scbt-rumble .az5:active, 325 .scbt-rumble .az5.focused, 326 327 .scbt-rumble .az6:hover, 328 .scbt-rumble .az6:focus, 329 .scbt-rumble .az6:active, 330 .scbt-rumble .az6.focused, 331 332 .scbt-rumble .scbtClipsToggleMenu button:hover, 333 .scbt-rumble .scbtClipsToggleMenu button:focus, 334 .scbt-rumble .scbtClipsToggleMenu button:active, 335 .scbt-rumble .scbtClipsToggleMenu button.focused 336 { 337 background: var(--rumble-green); 338 } 339 340 341 .scbt-youtube .scbtToggleButton2, 342 .scbt-youtube .scbtOptionsMenuForm > div::-webkit-scrollbar-thumb, 343 344 .scbt-youtube .scbtSideMenu button:hover, 345 .scbt-youtube .scbtSideMenu button:focus, 346 .scbt-youtube .scbtSideMenu button:active, 347 .scbt-youtube .scbtSideMenu button.focused, 348 349 .scbt-youtube .scbtChatMenu button:hover, 350 .scbt-youtube .scbtChatMenu button:focus, 351 .scbt-youtube .scbtChatMenu button:active, 352 .scbt-youtube .scbtChatMenu button.focused, 353 354 .scbt-youtube .scbtChatToggleMenu button:hover, 355 .scbt-youtube .scbtChatToggleMenu button:focus, 356 .scbt-youtube .scbtChatToggleMenu button:active, 357 .scbt-youtube .scbtChatToggleMenu button.focused, 358 359 .scbt-youtube .scbtOptionsSavedWrapper .round-button:hover, 360 .scbt-youtube .scbtOptionsSavedWrapper .round-button:focus, 361 .scbt-youtube .scbtOptionsSavedWrapper .round-button:active, 362 .scbt-youtube .scbtOptionsSavedWrapper .round-button.focused, 363 364 .scbt-youtube .az2:hover, 365 .scbt-youtube .az2:focus, 366 .scbt-youtube .az2:active, 367 .scbt-youtube .az2.focused, 368 369 .scbt-youtube .az3:hover, 370 .scbt-youtube .az3:focus, 371 .scbt-youtube .az3:active, 372 .scbt-youtube .az3.focused, 373 374 .scbt-youtube .az4:hover, 375 .scbt-youtube .az4:focus, 376 .scbt-youtube .az4:active, 377 .scbt-youtube .az4.focused, 378 379 .scbt-youtube .az5:hover, 380 .scbt-youtube .az5:focus, 381 .scbt-youtube .az5:active, 382 .scbt-youtube .az5.focused, 383 384 .scbt-youtube .az6:hover, 385 .scbt-youtube .az6:focus, 386 .scbt-youtube .az6:active, 387 .scbt-youtube .az6.focused, 388 389 .scbt-youtube .scbtClipsToggleMenu button:hover, 390 .scbt-youtube .scbtClipsToggleMenu button:focus, 391 .scbt-youtube .scbtClipsToggleMenu button:active, 392 .scbt-youtube .scbtClipsToggleMenu button.focused 393 { 394 background: var(--youtube-red); 395 } 396 397 398 399 body.scbt-kick .scbt-options-wrapper, 400 body.scbt-kick .scbtOptionsMenu, 401 body.scbt-kick .scbtMentionMenu, 402 body.scbt-kick .scbtChatMenu, 403 body.scbt-kick .scbtChatTitle, 404 body.scbt-kick .scbtChatWrapper, 405 body.scbt-kick .scbtToggleButton, 406 body.scbt-kick .scbtToggleButton2, 407 body.scbt-kick .scbtSideMenu, 408 body.scbt-kick .scbtChatToggleMenu, 409 body.scbt-kick .scbt-mobile .scbt7, 410 body.scbt-kick .scbt-mobile .scbt10, 411 body.scbt-kick .scbt-mobile .scbt16, 412 body.scbt-kick .scbt-mobile .scbt17, 413 body.scbt-kick .scbtClipsToggleMenu, 414 body.scbt-kick .scbtClipsMenuWrapper, 415 body.scbt-kick .scbtLoading, 416 body.scbt-kick .scbtOptionsMenu .scbtfeature10Wrapper, 417 418 .scbt-odysee .scbt-options-wrapper, 419 .scbt-odysee .scbtOptionsMenu, 420 .scbt-odysee .scbtMentionMenu, 421 .scbt-odysee .scbtChatMenu, 422 .scbt-odysee .scbtChatTitle, 423 .scbt-odysee .scbtChatWrapper, 424 .scbt-odysee .scbtToggleButton, 425 .scbt-odysee .scbtToggleButton2, 426 .scbt-odysee .scbtSideMenu, 427 .scbt-odysee .scbtChatToggleMenu, 428 .scbt-odysee .scbt-mobile .scbt7, 429 .scbt-odysee .scbt-mobile .scbt10, 430 .scbt-odysee .scbt-mobile .scbt16, 431 .scbt-odysee .scbt-mobile .scbt17, 432 .scbt-odysee .scbtClipsToggleMenu, 433 .scbt-odysee .scbtClipsMenuWrapper, 434 .scbt-odysee .scbtLoading, 435 .scbt-odysee .scbtfeature10Wrapper, 436 437 .scbt-tiktok .scbt-options-wrapper, 438 .scbt-tiktok .scbtOptionsMenu, 439 .scbt-tiktok .scbtMentionMenu, 440 .scbt-tiktok .scbtChatMenu, 441 .scbt-tiktok .scbtChatTitle, 442 .scbt-tiktok .scbtChatWrapper, 443 .scbt-tiktok .scbtToggleButton, 444 .scbt-tiktok .scbtToggleButton2, 445 .scbt-tiktok .scbtSideMenu, 446 .scbt-tiktok .scbtChatToggleMenu, 447 .scbt-tiktok .scbt-mobile .scbt7, 448 .scbt-tiktok .scbt-mobile .scbt10, 449 .scbt-tiktok .scbt-mobile .scbt16, 450 .scbt-tiktok .scbt-mobile .scbt17, 451 .scbt-tiktok .scbtClipsToggleMenu, 452 .scbt-tiktok .scbtClipsMenuWrapper, 453 .scbt-tiktok .scbtLoading, 454 .scbt-tiktok .scbtfeature10Wrapper, 455 456 .scbt-tiktok .scbthighlighted8Wrapper, 457 .scbt-tiktok .scbthighlighted9Wrapper, 458 .scbt-tiktok .scbtParentalWrapper, 459 .scbt-tiktok .scbtfeature3Wrapper, 460 .scbt-tiktok .scbtfeature5Wrapper, 461 .scbt-tiktok .scbtfeature11Wrapper, 462 .scbt-tiktok .scbtfeature12Wrapper, 463 .scbt-tiktok .scbtfeature7Wrapper, 464 .scbt-tiktok .scbtfeature8Wrapper, 465 466 467 .scbt-twitch .scbt-options-wrapper, 468 .scbt-twitch .scbtOptionsMenu, 469 .scbt-twitch .scbtMentionMenu, 470 .scbt-twitch .scbtChatMenu, 471 .scbt-twitch .scbtChatTitle, 472 .scbt-twitch .scbtChatWrapper, 473 .scbt-twitch .scbtToggleButton, 474 .scbt-twitch .scbtToggleButton2, 475 .scbt-twitch .scbtSideMenu, 476 .scbt-twitch .scbtChatToggleMenu, 477 .scbt-twitch .scbt-mobile .scbt7, 478 .scbt-twitch .scbt-mobile .scbt10, 479 .scbt-twitch .scbt-mobile .scbt16, 480 .scbt-twitch .scbt-mobile .scbt17, 481 .scbt-twitch .scbtClipsToggleMenu, 482 .scbt-twitch .scbtClipsMenuWrapper, 483 .scbt-twitch .scbtLoading, 484 .scbt-twitch .scbtfeature10Wrapper, 485 .Layout-sc-1xcs6mc-0.hsXgFK, .side-nav__scrollable_content, 486 487 .scbt-rumble .scbt-options-wrapper, 488 .scbt-rumble .scbtOptionsMenu, 489 .scbt-rumble .scbtMentionMenu, 490 .scbt-rumble .scbtChatMenu, 491 .scbt-rumble .scbtChatTitle, 492 .scbt-rumble .scbtChatWrapper, 493 .scbt-rumble .scbtToggleButton, 494 .scbt-rumble .scbtToggleButton2, 495 .scbt-rumble .scbtSideMenu, 496 .scbt-rumble .scbtChatToggleMenu, 497 .scbt-rumble .scbt-mobile .scbt7, 498 .scbt-rumble .scbt-mobile .scbt10, 499 .scbt-rumble .scbt-mobile .scbt16, 500 .scbt-rumble .scbt-mobile .scbt17, 501 .scbt-rumble .scbtClipsToggleMenu, 502 .scbt-rumble .scbtClipsMenuWrapper, 503 .scbt-rumble .scbtLoading, 504 .scbt-rumble .scbtfeature10Wrapper, 505 506 .scbt-youtube .scbt-options-wrapper, 507 .scbt-youtube .scbtOptionsMenu, 508 .scbt-youtube .scbtMentionMenu, 509 .scbt-youtube .scbtChatMenu, 510 .scbt-youtube .scbtChatTitle, 511 .scbt-youtube .scbtChatWrapper, 512 .scbt-youtube .scbtToggleButton, 513 .scbt-youtube .scbtToggleButton2, 514 .scbt-youtube .scbtSideMenu, 515 .scbt-youtube .scbtChatToggleMenu, 516 .scbt-youtube .scbt-mobile .scbt7, 517 .scbt-youtube .scbt-mobile .scbt10, 518 .scbt-youtube .scbt-mobile .scbt16, 519 .scbt-youtube .scbt-mobile .scbt17, 520 .scbt-youtube .scbtClipsToggleMenu, 521 .scbt-youtube .scbtClipsMenuWrapper, 522 .scbt-youtube .scbtLoading, 523 .scbt-youtube .scbtfeature10Wrapper, 524 .scbt-youtube .scbtOptionsMenu .scbtParentalWrapper, 525 526 .scbt-youtube .scbtfeature3Wrapper, 527 .scbt-youtube .scbtfeature5Wrapper, 528 .scbt-youtube .scbtfeature7Wrapper, 529 .scbt-youtube .scbtfeature8Wrapper, 530 .scbt-youtube .scbtfeature12Wrapper, 531 532 .scbt-twitch .scbtfeature3Wrapper, 533 .scbt-twitch .scbtfeature5Wrapper, 534 .scbt-twitch .scbtfeature7Wrapper, 535 .scbt-twitch .scbtfeature8Wrapper, 536 .scbt-twitch .scbtfeature12Wrapper, 537 538 .scbtChatContent, 539 .scbtChatContent2, 540 .scbtChatContent3, 541 .scbtChatContent4, 542 .scbtChatContent5, 543 .scbtChatContent6 544 { 545 display: none; 546 } 547 548 549 body.scbt-mobile .scbtToggleButton2, 550 body .scbt-options-wrapper.scbt-bl, 551 body .scbtSideMenu.scbt-bl, 552 body .scbtChatToggleMenu.scbt-bl, 553 body .scbtOptionsMenu.scbt-bl, 554 body .scbtChatWrapper.scbt-bl, 555 body .scbtChatTitle.scbt-bl, 556 body .scbtClipsToggleMenu.scbt-bl, 557 body .scbtClipsMenuWrapper.scbt-bl, 558 body .scbtMentionMenu.scbt-bl, 559 body.scbt-kick .scbtChatPreviousContent p, body.scbt-kick .scbtChatPreviousContent button, 560 561 body .scbtChatPreviousContent, 562 body .emoji-picker__wrapper-shown, 563 body .scbt-odysee.scbt-mobile .scbtChatTitle, 564 body .scbt-odysee .scbtOptionsMenuForm .scbtChatLog, 565 body .scbtChatPreviousContent p, body .scbtChatPreviousContent button 566 body .scbtChatTitle.scbt-bl, 567 body .scbtChatContent.scbt-bl, 568 body .scbtChatContent2.scbt-bl, 569 body .scbtChatContent3.scbt-bl, 570 body .scbtChatContent4.scbt-bl, 571 body .scbtChatContent5.scbt-bl, 572 body .scbtChatContent6.scbt-bl 573 { 574 display: block; 575 } 576 577 body .scbtSideMenu button, body .scbtChatToggleMenu button 578 { 579 display: inline-block; 580 } 581 582 body .scbt-mobile .scbtToggleButton2.scbt-fl, 583 body .scbt-options-wrapper.scbt-fl, 584 body .scbtSideMenu.scbt-fl, 585 body .scbtChatMenu.scbt-fl, 586 body .scbtChatToggleMenu.scbt-fl, 587 body .scbtOptionsMenu.scbt-fl, 588 body .scbtChatWrapper.scbt-fl, 589 body .scbtChatTitle.scbt-fl, 590 body .scbtClipsToggleMenu.scbt-fl, 591 body .fill-height-or-more, 592 body .fill-height-or-more > div, 593 594 body.scbt-kick .scbtChatMenu button, 595 body.scbt-odysee .scbtChatMenu button, 596 body.scbt-tiktok .scbtChatMenu button, 597 body.scbt-twitch .scbtChatMenu button, 598 body.scbt-rumble .scbtChatMenu button, 599 body.scbt-youtube .scbtChatMenu button 600 { 601 display: flex; 602 } 603 604 605 .scbt-chat-timestamp, 606 .scbt-chat-author, 607 .scbt-options-title, 608 .round-button, 609 .scbtChatPreviousContent span, 610 .scbtToggleButton2, 611 .scbtSideMenu button, 612 .scbtChatToggleMenu span, 613 .scbtCloseButton, 614 .scbtChatMenu button, 615 .scbtOptionsMenu button, 616 .scbt-kick .scbt-speed li, 617 .scbtClipsToggleMenu button 618 { 619 cursor: pointer; 620 } 621 622 .scbt-youtube .scbtOptionsMenu, .scbt-tiktok .scbtOptionsMenu { 623 z-index: 10000000; 624 position: absolute; 625 background: #bbbbbb; 626 font-size: 1.4rem; 627 max-width: 66%; 628 } 629 630 .scbt-youtube .scbtOptionsMenu small, .scbt-tiktok .scbtOptionsMenu small { 631 font-size: .8rem; 632 } 633 634 .scbt-twitch .scbtOptionsMenu small { 635 font-size: .7rem; 636 } 637 638 .scbt-youtube .scbtOptionsMenu .scbt-options-title, .scbt-youtube .scbtOptionsMenu .scbtfeature4Wrapper, 639 .scbt-twitch .scbtOptionsMenu .scbt-options-title, .scbt-twitch .scbtOptionsMenu .scbtfeature4Wrapper, 640 .scbt-tiktok .scbtOptionsMenu .scbt-options-title, .scbt-tiktok .scbtOptionsMenu .scbtfeature4Wrapper, 641 .scbt-kick .scbtOptionsMenu .scbt-options-title, .scbt-kick .scbtOptionsMenu .scbtfeature4Wrapper { 642 overflow: hidden; 643 } 644 645 .scbt-kick .scbtOptionsMenu .checkbox { 646 display: block; 647 clear: both; 648 height: max-content; 649 padding-top: 1rem; 650 } 651 652 .scbt-kick .scbtOptionsMenu .checkbox label { 653 display: inline; 654 float: left; 655 width: max-content; 656 } 657 658 .scbt-youtube .scbtOptionsMenu .scbtfeature4Wrapper { 659 display: inline; 660 float: left; 661 } 662 663 .scbt-youtube .scbtOptionsMenu .scbt-options-wrapper, .scbt-tiktok .scbtOptionsMenu .scbt-options-wrapper { 664 background: darkgray; 665 } 666 667 .scbt-kick .scbtOptionsMenu .scbt-options-wrapper p { 668 display: block; 669 clear: both; 670 padding: .5rem; 671 width: 95vw; 672 position: relative; 673 } 674 675 676 .scbt-kick .scbt-options-wrapper .form-check-input { 677 float: left; 678 display: inline-block; 679 position: relative; 680 margin-top: 0.5rem; 681 margin-right: 1rem; 682 } 683 684 685 .sr-only { 686 position: absolute; 687 width: 1px; 688 height: 1px; 689 padding: 0; 690 margin: -1px; 691 overflow: hidden; 692 clip: rect(0, 0, 0, 0); 693 white-space: nowrap; 694 border-width: 0; 695 } 696 697 #scbtSnackbar { 698 visibility: hidden; 699 min-width: 250px; 700 background-color: #333; 701 text-align: center; 702 border-radius: 2px; 703 padding: 16px; 704 position: fixed; 705 z-index: 1111111; 706 color: #ccc; 707 right: 0px; 708 bottom: 5px; 709 font-size: medium; 710 } 711 712 #scbtSnackbar.show { 713 visibility: visible; 714 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 715 animation: fadein 0.5s, fadeout 0.5s 2.5s; 716 } 717 718 .scbtOptionsMenuForm { 719 clear: both; 720 } 721 722 .scbtOptionsMenuForm input { 723 font-size: 2rem; 724 } 725 726 .scbtOptionsMenuForm input[type="text"] { 727 728 } 729 730 .scbtSideMenu, .scbtChatToggleMenu, .scbtClipsToggleMenu { 731 position: fixed; 732 top: 305px; 733 z-index: 10000000; 734 background: black; 735 right: 0px; 736 } 737 738 .scbtChatToggleMenu { 739 top: 355px; 740 } 741 742 .scbtSideMenu button, .scbtChatToggleMenu button { 743 width: 40px; 744 height: 45px; 745 font-size: 1.75rem; 746 } 747 748 .scbtChatWrapper.scbt-bl { 749 position: absolute; 750 background: #222; 751 height: 300px; 752 z-index: 10000; 753 overflow-y: scroll; 754 top: 400px; 755 resize: vertical; 756 } 757 758 .scbtCloseButton { 759 position: absolute; 760 right: 40px; 761 z-index: 10000000; 762 } 763 764 .scbtCloseButton:hover { 765 opacity: 1; 766 } 767 768 .scbtCloseButton:before, .scbtCloseButton:after { 769 position: absolute; 770 left: 15px; 771 content: ' '; 772 height: 33px; 773 width: 2px; 774 background-color: #ddd; 775 } 776 777 .scbtCloseButton:before { 778 transform: rotate(45deg); 779 } 780 781 .scbtCloseButton:after { 782 transform: rotate(-45deg); 783 } 784 785 .scbtChatTitle { 786 position: absolute; 787 color: red; 788 z-index: 1000000; 789 background: #222; 790 left: 0px; 791 top: 380px; 792 } 793 794 .scbtChatMenu { 795 position: absolute; 796 top: 350px; 797 right: 0px; 798 z-index: 100000; 799 min-width: fit-content; 800 width: 100%; 801 background: lightgrey; 802 height: 50px; 803 align-items: center; 804 justify-content: space-between; 805 } 806 807 .scbtChatSearchInputText { 808 width: 30%; 809 height: 50px; 810 background: lightgray; 811 color: #000; 812 } 813 814 .scbtChatMenu button { 815 justify-content: space-between; 816 height: 50px; 817 background: black; 818 color: white; 819 min-width: 60px; 820 padding-left: 0.5rem; 821 } 822 823 body.scbt-tiktok .scbtChatMenu { 824 min-width: 100px; 825 max-width: 400px; 826 right: unset; 827 } 828 829 body.scbt-tiktok .scbtChatTitle { 830 right: 0px; 831 font-size: .7rem; 832 } 833 834 body.scbt-tiktok .scbtChatMenu button { 835 min-width: 45px; 836 } 837 838 .scbtChatMenu button.scbt-multiple { 839 background: green; 840 } 841 842 .scbt-deactivated { 843 opacity: .4; 844 } 845 846 .scbtLoading { 847 background: #666; 848 position: absolute; 849 margin: 0 auto; 850 height: 60px; 851 width: 60px; 852 z-index: 10000; 853 top: 50%; 854 left: 50%; 855 text-align: center; 856 } 857 858 .scbt-desktop .scbtSideMenu { 859 top: 0px; 860 } 861 862 .scbt-desktop .scbtChatToggleMenu, .scbt-desktop .scbtClipsToggleMenu { 863 top: 45px; 864 } 865 866 .scbt-desktop .scbtSideMenu button, .scbt-desktop .scbtChatToggleMenu button { 867 font-size: 1.25rem; 868 width: fit-content; 869 } 870 871 .scbt-desktop.scbt-twitch .scbtSideMenu button, .scbt-desktop.scbt-twitch .scbtChatToggleMenu button { 872 font-size: 2rem; 873 } 874 875 .scbt-desktop.scbt-youtube .scbtSideMenu button, .scbt-desktop.scbt-youtube .scbtChatToggleMenu button { 876 height: 40px; 877 font-size: 2rem; 878 } 879 880 .scbt-desktop .scbtChatMenu { 881 top: 0px; 882 right: 235px; 883 width: fit-content; 884 } 885 886 .scbt-desktop .scbtChatWrapper { 887 top: 100px; 888 max-width: 400px; 889 right: 5px; 890 left: initial; 891 height: 85vh; 892 } 893 894 .scbt-desktop .scbtChatTitle { 895 left: unset; 896 right: 80px; 897 top: 70px; 898 } 899 900 .scbt-desktop.scbt-youtube .scbtChatTitle { 901 top: 100px; 902 font-size: 1rem; 903 } 904 905 .scbt-desktop.scbt-twitch .scbtChatTitle { 906 top: 85px; 907 } 908 909 910 .scbtOptionsMenuForm > div { 911 max-height: 100px; 912 overflow: scroll; 913 } 914 915 .scbtOptionsMenuForm > div::-webkit-scrollbar { 916 width: 20px; 917 } 918 919 .scbtOptionsMenuForm > div::-webkit-scrollbar-track { 920 box-shadow: inset 0 0 5px grey; 921 border-radius: 10px; 922 } 923 924 .scbtOptionsMenuForm > div::-webkit-scrollbar-thumb { 925 background: lawngreen; 926 border-radius: 10px; 927 } 928 929 .scbtOptionsMenuForm > div::-webkit-scrollbar-thumb:hover { 930 background: darkgreen; 931 } 932 933 .scbt-desktop.scbt-kick .scbtSideMenu, .scbt-desktop.scbt-kick .scbtChatToggleMenu { 934 height: 37px; 935 overflow-y: hidden; 936 } 937 938 .scbt-desktop.scbt-kick .scbtChatToggleMenu { 939 top: 37px; 940 } 941 942 .scbtOptionsMenuForm input[type=number], .scbtOptionsMenuForm input[type=text] { 943 color: #000; 944 } 945 946 .scbt-kick .scbtCopyTimeStampButton { 947 background-color: rgb(63 68 72 / var(--tw-bg-opacity)); 948 border-radius: 4px; 949 transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; 950 transition-duration: .2s; 951 transition-timing-function: cubic-bezier(.4,0,.2,1); 952 } 953 954 .scbt-kick .scbtClipsMenuWrapper { 955 height: 400px; 956 width: 300px; 957 overflow-x: scroll; 958 overflow-y: scroll; 959 position: absolute; 960 z-index: 1000000; 961 top: 5px; 962 left: 5px; 963 background-color: #111; 964 } 965 966 .scbt-kick .scbtOptionsMenu button, .scbtClipsToggleMenu { 967 --tw-border-opacity: 1; 968 border-color: rgb(83 252 24 / var(--tw-border-opacity)); 969 border-radius: 0.5rem; 970 border-width: 2px; 971 padding: 0.5rem; 972 float: left; 973 } 974 975 .scbt-kick .vjs-menu-button-popup .scbt-speed { 976 position: initial; 977 } 978 979 .scbt-kick .scbtChatPreviousContent p, .scbt-kick .scbtChatPreviousContent button { 980 clear: both; 981 } 982 983 .fill-height-or-more { 984 min-height: 100%; 985 flex-direction: column; 986 } 987 .fill-height-or-more > div { 988 flex: 1; 989 flex-direction: column; 990 justify-content: center; 991 max-height: 150px; 992 overflow-y: scroll; 993 } 994 .some-area > div { 995 border-bottom: 1px solid black; 996 } 997 .some-area > div:nth-child(even) { 998 999 } 1000 .some-area > div:nth-child(odd) { 1001 1002 } 1003 .some-area > div p { 1004 margin: 0; 1005 } 1006 .fill-height-or-more { 1007 width: 0px; 1008 } 1009 .fill-height-or-more.has-content { 1010 width: fit-content; 1011 } 1012 1013 .scbt-mobile.scbt-kick .scbtSideMenu { 1014 top: 0px; 1015 } 1016 1017 .scbt-mobile.scbt-kick .scbtChatToggleMenu { 1018 top: 43px; 1019 } 1020 1021 .scbt-kick.scbt-mobile .scbtSideMenu { 1022 right: auto; 1023 } 1024 1025 .scbt-kick.scbt-mobile .scbtClipsToggleMenu { 1026 position: absolute; 1027 top: 60px; 1028 } 1029 1030 .scbt-kick.scbt-mobile .scbtSideMenu button { 1031 width: 36px !important; 1032 } 1033 1034 .scbt-kick.scbt-mobile .scbtClipsToggleMenu button { 1035 font-size: .5rem; 1036 } 1037 1038 .scbt-kick.scbt-mobile .scbtClipsMenuWrapper { 1039 top: 250px; 1040 background: black; 1041 width: 100%; 1042 }