Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* URL: https://www.twitch.tv/popout/failverde/chat */
- /* ----------------------------------------
- * General Settings
- * ---------------------------------------- */
- body {
- background-color: rgba(24,24,24,.33) !important;
- overflow: hidden;
- }
- .tw-root--theme-light,
- .tw-root--theme-dark,
- .tw-c-background-base,
- .tw-c-background-alt,
- .tw-c-background-alt-2,
- .stream-chat,
- .chat-room {
- background-color: transparent !important;
- }
- /* ----------------------------------------
- * Remove the header, scrollbar and footer section
- * ---------------------------------------- */
- .stream-chat-header,
- .channel-leaderboard,
- .chat-input,
- .simplebar-track {
- display: none !important;
- }
- /* ----------------------------------------
- * Remove notification border and background
- * ---------------------------------------- */
- .user-notice-line {
- border-left: none;
- }
- .chat-line__replay-icon {
- background-color: transparent;
- }
- /* ----------------------------------------
- * Chat Container Spacing
- * ---------------------------------------- */
- .chat-list--default {
- padding: 20px;
- padding-bottom: 10px;
- }
- .chat-line__status,
- .chat-line__moderation,
- .chat-line__message {
- padding: 6px 4px !important;
- }
- .chat-line__message-highlight {
- padding: 0;
- }
- /* ----------------------------------------
- * Chat Font Size, Color
- * CSS-Based Outside Stroke: https://www.petercarrero.com/examples/stroke/
- * ---------------------------------------- */
- .chat-line__status[data-a-target="chat-welcome-message"] {
- display: none;
- }
- .chat-line__status,
- .chat-line__moderation,
- .chat-line__message,
- .user-notice-line,
- .channel-points-reward-line {
- font-family: -apple-system, BlinkMacSystemFont, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo,MS\ Pゴシック, MS PGothic, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, sans-serif;
- }
- .chat-line__status,
- .chat-line__moderation,
- .chat-line__message {
- font-size: 28px !important;
- line-height: 32px !important;
- letter-spacing: 1px !important;
- }
- .user-notice-line p,
- .channel-points-reward-line {
- font-size: 20px !important;
- line-height: 24px !important;
- letter-spacing: 1px !important;
- }
- .chat-line__status,
- .chat-line__moderation,
- .chat-line__message {
- color: #e7e7e7 !important;
- }
- a {
- color: #0fa5e5 !important;
- }
- .chat-author__intl-login {
- opacity: 1;
- }
- /* ----------------------------------------
- * Animation
- * ---------------------------------------- */
- @keyframes slide-in {
- from {
- transform: translateX(-100%);
- opacity: 0;
- }
- }
- @keyframes slide-up {
- 0% {
- transform: translateY(20px);
- }
- 100% {
- transform: translateY(0);
- }
- }
- .chat-line__status,
- .chat-line__moderation,
- .chat-line__message,
- .user-notice-line,
- .channel-points-reward-line {
- transition: all .3s;
- }
- /* ----------------------------------------
- * Chat Stroke
- * CSS-Based Outside Stroke: https://www.petercarrero.com/examples/stroke/
- * ---------------------------------------- */
- .chat-author__display-name,
- .chat-author__intl-login,
- .user-notice-line,
- .channel-points-reward-line {
- text-shadow:
- -2px -2px #e7e7e7,
- -2px -1px #e7e7e7,
- -2px 0px #e7e7e7,
- -2px 1px #e7e7e7,
- -2px 2px #e7e7e7,
- -1px -2px #e7e7e7,
- -1px -1px #e7e7e7,
- -1px 0px #e7e7e7,
- -1px 1px #e7e7e7,
- -1px 2px #e7e7e7,
- 0px -2px #e7e7e7,
- 0px -1px #e7e7e7,
- 0px 0px #e7e7e7,
- 0px 1px #e7e7e7,
- 0px 2px #e7e7e7,
- 1px -2px #e7e7e7,
- 1px -1px #e7e7e7,
- 1px 0px #e7e7e7,
- 1px 1px #e7e7e7,
- 1px 2px #e7e7e7,
- 2px -2px #e7e7e7,
- 2px -1px #e7e7e7,
- 2px 0px #e7e7e7,
- 2px 1px #e7e7e7,
- 2px 2px #e7e7e7;
- }
- .text-fragment,
- a {
- -webkit-text-stroke: .5px #232323;
- text-shadow:
- -2px -2px #232323,
- -2px -1px #232323,
- -2px 0px #232323,
- -2px 1px #232323,
- -2px 2px #232323,
- -1px -2px #232323,
- -1px -1px #232323,
- -1px 0px #232323,
- -1px 1px #232323,
- -1px 2px #232323,
- 0px -2px #232323,
- 0px -1px #232323,
- 0px 0px #232323,
- 0px 1px #232323,
- 0px 2px #232323,
- 1px -2px #232323,
- 1px -1px #232323,
- 1px 0px #232323,
- 1px 1px #232323,
- 1px 2px #232323,
- 2px -2px #232323,
- 2px -1px #232323,
- 2px 0px #232323,
- 2px 1px #232323,
- 2px 2px #232323;
- }
Add Comment
Please, Sign In to add comment