Created
March 26, 2026 06:37
-
-
Save yan-syntax/aefec533fd7e1b0a87e1905d9436f2ce to your computer and use it in GitHub Desktop.
Discord Ticket Transcript - transcript-1486614790964248577.html
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| This transcript was generated using: https://github.com/mahtoid/DiscordChatExporterPy | |
| If you have any issues or suggestions - open an issue on the Github Repository or alternatively join https://discord.mahto.id | |
| --> | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Syntax Systems - ticket-ezcl-comprar</title> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
| <meta name="viewport" content="width=device-width" /> | |
| <meta name="title" content="Syntax Systems - ticket-ezcl-comprar"> | |
| <meta name="description" content="Channel: ticket-ezcl-comprar (1486614790964248577) | |
| Server: Syntax Systems (1479915180476600435) | |
| Message Count: 9 Messages | |
| Generated on: 26 March 2026 at 03:37:32 AM (-03)"/> | |
| <meta name="theme-color" content="#638dfc" /> | |
| <!-- Open Graph / Facebook --> | |
| <meta property="og:type" content="website" /> | |
| <meta property="og:title" content="Syntax Systems - ticket-ezcl-comprar" /> | |
| <meta property="og:description" content="Channel: ticket-ezcl-comprar (1486614790964248577) | |
| Server: Syntax Systems (1479915180476600435) | |
| Message Count: 9 Messages | |
| Generated on: 26 March 2026 at 03:37:32 AM (-03)"/> | |
| <!-- Twitter --> | |
| <meta name="twitter:card" content="summary" /> | |
| <meta name='twitter:title' content="Syntax Systems - ticket-ezcl-comprar" /> | |
| <meta name='twitter:description' content="Channel: ticket-ezcl-comprar (1486614790964248577) | |
| Server: Syntax Systems (1479915180476600435) | |
| Message Count: 9 Messages | |
| Generated on: 26 March 2026 at 03:37:32 AM (-03)"/> | |
| <style> | |
| @font-face { | |
| font-family: gg sans; | |
| font-weight: 400; | |
| src: url(https://cdn.jsdelivr.net/gh/mahtoid/DiscordUtils@master/ggsans-400.woff2) format("woff2") | |
| } | |
| @font-face { | |
| font-family: gg sans; | |
| font-weight: 500; | |
| src: url(https://cdn.jsdelivr.net/gh/mahtoid/DiscordUtils@master/ggsans-500.woff2) format("woff2") | |
| } | |
| @font-face { | |
| font-family: gg sans; | |
| font-weight: 600; | |
| src: url(https://cdn.jsdelivr.net/gh/mahtoid/DiscordUtils@master/ggsans-600.woff2) format("woff2") | |
| } | |
| @font-face { | |
| font-family: gg sans; | |
| font-weight: 700; | |
| src: url(https://cdn.jsdelivr.net/gh/mahtoid/DiscordUtils@master/ggsans-700.woff2) format("woff2") | |
| } | |
| @font-face { | |
| font-family: gg sans; | |
| font-weight: 800; | |
| src: url(https://cdn.jsdelivr.net/gh/mahtoid/DiscordUtils@master/ggsans-800.woff2) format("woff2") | |
| } | |
| a { | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| text-decoration: underline; | |
| } | |
| .chatlog__component-button a, | |
| .chatlog__component-button:hover { | |
| text-decoration: none; | |
| } | |
| img { | |
| object-fit: contain; | |
| } | |
| .chatlog__markdown { | |
| max-width: 100%; | |
| line-height: 1.3; | |
| overflow-wrap: break-word; | |
| } | |
| .chatlog__markdown-preserve { | |
| white-space: pre-wrap; | |
| } | |
| .markdown { | |
| max-width: 100%; | |
| line-height: 1.3; | |
| overflow-wrap: break-word; | |
| } | |
| .preserve-whitespace { | |
| white-space: pre-wrap; | |
| } | |
| .spoiler { | |
| display: inline-block; | |
| border-radius: 6px; | |
| } | |
| .spoiler--hidden { | |
| cursor: pointer; | |
| border-radius: 6px; | |
| } | |
| .spoiler-text { | |
| border-radius: 6px; | |
| padding: 1px 6px; | |
| } | |
| .spoiler--hidden .spoiler-text { | |
| opacity: 1; | |
| color: #555861; | |
| } | |
| .spoiler--hidden .spoiler-text::selection { | |
| color: rgba(0, 0, 0, 0); | |
| } | |
| .spoiler-image { | |
| position: relative; | |
| overflow: hidden; | |
| border-radius: 6px; | |
| } | |
| .spoiler--hidden .spoiler-image { | |
| box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); | |
| } | |
| .spoiler--hidden .spoiler-image * { | |
| filter: blur(44px); | |
| } | |
| .spoiler--hidden .spoiler-image:after { | |
| content: "SPOILER"; | |
| color: #dcddde; | |
| background-color: rgba(0, 0, 0, 0.6); | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| transform: translate(-50%, -50%); | |
| font-weight: 600; | |
| padding: 100%; | |
| border-radius: 20px; | |
| letter-spacing: 0.05em; | |
| font-size: 0.9em; | |
| } | |
| .spoiler--hidden:hover .spoiler-image:after { | |
| color: #fff; | |
| background-color: rgba(0, 0, 0, 0.9); | |
| } | |
| .quote { | |
| --quote-bar-color: #4e5058; | |
| display: flex; | |
| align-items: flex-start; | |
| max-width: 90%; | |
| margin: 0; | |
| padding: 0.05em 0; | |
| color: #dbdee1; | |
| font-size: 0.95em; | |
| line-height: 1.3; | |
| } | |
| .quote::before { | |
| content: ""; | |
| display: inline-block; | |
| flex-shrink: 0; | |
| width: 4px; | |
| margin: 0.1em 0.6em 0.1em 0; | |
| border-radius: 4px; | |
| background: var(--quote-bar-color); | |
| align-self: stretch; | |
| } | |
| .pre { | |
| font-family: "Consolas", "Courier New", Courier, monospace; | |
| padding: .25em .45em; | |
| margin: -.2em 0; | |
| border-radius: 6px; | |
| font-size: 85%; | |
| } | |
| .pre--multiline { | |
| margin-top: 0.25em; | |
| padding: 0.5em; | |
| border: 2px solid; | |
| border-radius: 5px; | |
| } | |
| .pre--inline { | |
| padding: 2px 6px; | |
| border-radius: 6px; | |
| font-size: 0.9em; | |
| background-color: #2f3136; | |
| border: 1px solid #202225; | |
| } | |
| .unix-timestamp { | |
| background: #40444b; | |
| border-radius: 3px; | |
| padding: 0 2px; | |
| } | |
| .mention { | |
| border-radius: 3px; | |
| padding: 0 2px; | |
| color: #dee0fc; | |
| background: rgba(88, 101, 242, .3); | |
| font-weight: 500; | |
| } | |
| .mention:hover { | |
| background: rgba(88, 101, 242, .6); | |
| } | |
| .emoji { | |
| width: 1.25em; | |
| height: 1.25em; | |
| margin: 0 0.06em; | |
| vertical-align: -0.1em; | |
| } | |
| .emoji--small { | |
| width: 1em; | |
| height: 1em; | |
| } | |
| .emoji--large { | |
| width: 2.8em; | |
| height: 2.8em; | |
| } | |
| /* Chatlog */ | |
| .chatlog { | |
| padding: 1rem 5px 0.125rem 2px; | |
| border-top: 1px solid rgba(255, 255, 255, 0.1); | |
| } | |
| .chatlog__followup-symbol { | |
| grid-column: 1; | |
| border-style: solid; | |
| border-width: 2px 0 0 2px; | |
| border-radius: 8px 0 0 0; | |
| margin-left: 16px; | |
| margin-top: 8px; | |
| } | |
| .chatlog__attachment-icon { | |
| float: left; | |
| height: 37px; | |
| margin-right: 10px; | |
| } | |
| .chatlog__header { | |
| margin-bottom: 0.1rem; | |
| } | |
| .chatlog__message-aside { | |
| grid-column: 1; | |
| width: 72px; | |
| padding: 0.15rem 0.15rem 0 0.15rem; | |
| text-align: center; | |
| } | |
| .chatlog__message:hover { | |
| background-color: #32353b; | |
| } | |
| .chatlog__message:hover .chatlog__short-timestamp { | |
| display: block; | |
| } | |
| .chatlog__short-timestamp { | |
| display: none; | |
| color: #a3a6aa; | |
| font-size: 0.75rem; | |
| font-weight: 500; | |
| direction: ltr; | |
| unicode-bidi: bidi-override; | |
| } | |
| .chatlog__message-primary { | |
| grid-column: 2; | |
| min-width: 0; | |
| } | |
| .chatlog__followup { | |
| display: flex; | |
| margin-bottom: 0.15rem; | |
| align-items: center; | |
| color: #b5b6b8; | |
| font-size: 0.875rem; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| .chatlog__followup-avatar { | |
| width: 16px; | |
| height: 16px; | |
| margin-right: 0.25rem; | |
| border-radius: 50%; | |
| } | |
| .chatlog__followup-author { | |
| user-select: none; | |
| cursor: pointer; | |
| margin-right: 0.3rem; | |
| font-weight: 600; | |
| } | |
| .chatlog__followup-author:hover { | |
| text-decoration: underline; | |
| } | |
| .chatlog__followup-content { | |
| user-select: none; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| .chatlog__reference-link { | |
| cursor: pointer; | |
| } | |
| .chatlog__reference-link * { | |
| display: inline; | |
| pointer-events: none; | |
| } | |
| .chatlog__reference-link .hljs { | |
| display: inline; | |
| } | |
| .chatlog__reference-link:hover { | |
| color: #ffffff; | |
| } | |
| .chatlog__reference-link:hover *:not(.chatlog__markdown-spoiler) { | |
| color: inherit; | |
| } | |
| .chatlog__interaction-link * { | |
| display: inline; | |
| pointer-events: none; | |
| } | |
| .chatlog__interaction-link .hljs { | |
| display: inline; | |
| } | |
| .chatlog__interaction-link:hover *:not(.chatlog__markdown-spoiler) { | |
| color: inherit; | |
| } | |
| .chatlog__reference-edited-timestamp { | |
| margin-left: 0.25rem; | |
| color: #9599a2; | |
| font-size: 0.625rem; | |
| font-weight: 400; | |
| line-height: 1; | |
| direction: ltr; | |
| unicode-bidi: bidi-override; | |
| user-select: none; | |
| } | |
| .chatlog__reference-attachment-icon { | |
| flex-grow: 500; | |
| } | |
| .chatlog__pin-avatar-container { | |
| grid-column: 1; | |
| width: 40px; | |
| height: 15px; | |
| } | |
| .chatlog__pin-avatar { | |
| border-radius: 50%; | |
| width: 25px; | |
| } | |
| .chatlog__thread-name { | |
| color: white; | |
| font-weight: 600; | |
| } | |
| .chatlog__author-name { | |
| font-weight: 500; | |
| color: #ffffff; | |
| } | |
| .chatlog__author-name:hover { | |
| text-decoration: underline; | |
| cursor: pointer; | |
| } | |
| .chatlog__reference-name { | |
| font-weight: 500; | |
| color: #ffffff; | |
| } | |
| .chatlog__reference-name:hover { | |
| text-decoration: underline; | |
| cursor: pointer; | |
| } | |
| .chatlog__timestamp { | |
| margin-left: 0.3rem; | |
| color: #9599a2; | |
| font-size: 0.75rem; | |
| font-weight: 500; | |
| direction: ltr; | |
| unicode-bidi: bidi-override; | |
| } | |
| .chatlog__content { | |
| padding-right: 1rem; | |
| font-size: 0.95rem; | |
| word-wrap: break-word; | |
| } | |
| .chatlog__message { | |
| display: grid; | |
| grid-template-columns: auto 1fr; | |
| padding: 0.15rem 0; | |
| direction: ltr; | |
| unicode-bidi: bidi-override; | |
| } | |
| .chatlog__avatar { | |
| width: 40px; | |
| height: 40px; | |
| border-radius: 50%; | |
| } | |
| .chatlog__avatar:hover { | |
| cursor: pointer; | |
| } | |
| .chatlog__attachment { | |
| margin-top: 0.3em; | |
| position: relative; | |
| display: block; | |
| width: 100%; | |
| } | |
| .chatlog__attachment-thumbnail { | |
| vertical-align: top; | |
| max-width: 45vw; | |
| max-height: 225px; | |
| border-radius: 3px; | |
| } | |
| .chatlog__attachment-audio-container { | |
| width: 100%; | |
| max-width: 520px; | |
| padding: 10px; | |
| border-radius: 3px; | |
| overflow: hidden; | |
| background-color: #2f3136; | |
| border: 1px solid #292b2f; | |
| } | |
| .chatlog__attachment.chatlog__attachment-spoiler { | |
| overflow: hidden; | |
| position: relative; | |
| display: block; | |
| width: fit-content; | |
| } | |
| .chatlog__attachment.chatlog__attachment-spoiler::before { | |
| content: ""; | |
| position: absolute; | |
| inset: 0; | |
| background-color: rgba(0, 0, 0, 0.25); | |
| border-radius: 5px; | |
| z-index: 1; | |
| pointer-events: none; | |
| } | |
| .chatlog__attachment.chatlog__attachment-spoiler::after { | |
| content: "SPOILER"; | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| transform: translate(-50%, -50%); | |
| color: #dcddde; | |
| background-color: rgba(0, 0, 0, 0.55); | |
| font-weight: 600; | |
| padding: 10px 16px; | |
| border-radius: 999px; | |
| letter-spacing: 0.05em; | |
| font-size: 0.9em; | |
| z-index: 2; | |
| pointer-events: none; | |
| } | |
| .chatlog__attachment.chatlog__attachment-spoiler .chatlog__attachment-thumbnail, | |
| .chatlog__attachment.chatlog__attachment-spoiler .chatlog__attachment-container, | |
| .chatlog__attachment.chatlog__attachment-spoiler .chatlog__attachment-audio-container, | |
| .chatlog__attachment.chatlog__attachment-spoiler video, | |
| .chatlog__attachment.chatlog__attachment-spoiler audio { | |
| filter: blur(26px); | |
| } | |
| .chatlog__attachment.chatlog__attachment-spoiler:hover::before, | |
| .chatlog__attachment.chatlog__attachment-spoiler:hover::after { | |
| opacity: 0; | |
| } | |
| .chatlog__attachment.chatlog__attachment-spoiler:hover .chatlog__attachment-thumbnail, | |
| .chatlog__attachment.chatlog__attachment-spoiler:hover .chatlog__attachment-container, | |
| .chatlog__attachment.chatlog__attachment-spoiler:hover .chatlog__attachment-audio-container, | |
| .chatlog__attachment.chatlog__attachment-spoiler:hover video, | |
| .chatlog__attachment.chatlog__attachment-spoiler:hover audio { | |
| filter: blur(0); | |
| } | |
| .chatlog__attachment-audio-container audio { | |
| padding-top: 0.5em; | |
| width: 100%; | |
| } | |
| .chatlog__attachment-container { | |
| height: 40px; | |
| width: 100%; | |
| max-width: 520px; | |
| padding: 10px; | |
| border-radius: 3px; | |
| overflow: hidden; | |
| background-color: #2f3136; | |
| border: 1px solid #292b2f; | |
| } | |
| .chatlog__attachment-filesize { | |
| color: #72767d; | |
| font-size: 12px; | |
| } | |
| .chatlog__attachment-filename { | |
| overflow: hidden; | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| font-weight: 600; | |
| } | |
| .chatlog__embed { | |
| --embed-color: rgba(74, 74, 80, 1); | |
| display: grid; | |
| grid-template-columns: minmax(0, 1fr) auto; | |
| column-gap: 1rem; | |
| margin-top: 0.35em; | |
| max-width: 520px; | |
| padding: 2px 1rem 1rem 0.75rem; | |
| background-color: #37373d; | |
| color: #f3f3f4; | |
| border: 1px solid #434349; | |
| border-left: 4px solid var(--embed-color); | |
| border-radius: 4px; | |
| box-sizing: border-box; | |
| font-size: 16px; | |
| } | |
| .chatlog__embed-content { | |
| display: contents; | |
| } | |
| .chatlog__embed-text { | |
| grid-column: 1; | |
| grid-row: 1; | |
| min-width: 0; | |
| } | |
| .chatlog__embed-author { | |
| display: flex; | |
| align-items: center; | |
| gap: 0.5rem; | |
| margin-top: 0.5rem; | |
| margin-bottom: 0.25rem; | |
| } | |
| .chatlog__embed-author-icon { | |
| width: 24px; | |
| height: 24px; | |
| border-radius: 50%; | |
| flex-shrink: 0; | |
| } | |
| .chatlog__embed-author-name { | |
| font-size: 0.875em; | |
| font-weight: 600; | |
| } | |
| .chatlog__embed-title { | |
| margin-top: 0.5rem; | |
| font-size: 1rem; | |
| line-height: 1.375; | |
| font-weight: 600; | |
| color: inherit; | |
| } | |
| .chatlog__embed-title a { | |
| color: #3172db; | |
| text-decoration: none; | |
| } | |
| .chatlog__embed-title a:hover { | |
| text-decoration: underline; | |
| } | |
| .chatlog__embed-description { | |
| margin-top: 0.5rem; | |
| font-weight: 400; | |
| font-size: 0.95rem; | |
| line-height: 1.375; | |
| color: inherit; | |
| } | |
| .chatlog__embed-fields { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); | |
| gap: 0.5rem; | |
| margin-top: 0.5rem; | |
| width: 100%; | |
| } | |
| .chatlog__embed-fields:empty { | |
| display: none; | |
| } | |
| .chatlog__embed-field { | |
| padding-top: 0; | |
| font-size: 0.875em; | |
| min-width: 0; | |
| } | |
| .chatlog__embed-field--inline { | |
| grid-column: span 1; | |
| } | |
| .chatlog__embed-field:not(.chatlog__embed-field--inline) { | |
| grid-column: 1 / -1; | |
| } | |
| .chatlog__embed-field-name { | |
| margin-bottom: 0.15em; | |
| font-weight: 600; | |
| color: inherit; | |
| } | |
| .chatlog__embed-field-value { | |
| font-weight: 400; | |
| color: inherit; | |
| line-height: 1.3; | |
| } | |
| .chatlog__embed-thumbnail-container { | |
| grid-column: 2; | |
| grid-row: 1 / span 3; | |
| align-self: start; | |
| justify-self: end; | |
| margin-top: 0.5rem; | |
| } | |
| .chatlog__embed-thumbnail-link, | |
| .chatlog__embed-image-link { | |
| display: block; | |
| } | |
| .chatlog__embed-thumbnail { | |
| max-width: 80px; | |
| max-height: 80px; | |
| border-radius: 4px; | |
| } | |
| .chatlog__embed-image-container { | |
| grid-column: 1 / -1; | |
| margin-top: 0.5rem; | |
| } | |
| .chatlog__embed-image { | |
| max-width: 100%; | |
| max-height: 400px; | |
| border-radius: 4px; | |
| } | |
| .chatlog__embed-footer { | |
| grid-column: 1 / -1; | |
| display: flex; | |
| align-items: center; | |
| gap: 0.5rem; | |
| margin-top: 0.5rem; | |
| color: #dbdee1; | |
| font-size: 0.75rem; | |
| font-weight: 500; | |
| } | |
| .chatlog__embed-footer-icon { | |
| width: 20px; | |
| height: 20px; | |
| border-radius: 50%; | |
| flex-shrink: 0; | |
| vertical-align: middle; | |
| } | |
| .chatlog__embed-footer-text { | |
| font-size: inherit; | |
| font-weight: inherit; | |
| color: inherit; | |
| } | |
| .chatlog__components { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 8px; | |
| margin-top: 4px; | |
| } | |
| .chatlog__component-button { | |
| display: inline-flex; | |
| align-items: center; | |
| background-color: var(--button-color, #4f545c); | |
| border: 1px solid rgba(255, 255, 255, 0.08); | |
| border-radius: 6px; | |
| box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); | |
| min-height: 38px; | |
| padding: 0 12px; | |
| cursor: pointer; | |
| transition: background-color 0.12s ease, transform 0.12s ease; | |
| text-decoration: none; | |
| } | |
| .chatlog__component-button--link { | |
| background-color: rgba(255, 255, 255, 0.03); | |
| border-color: rgba(79, 84, 92, 0.6); | |
| } | |
| .chatlog__component-button--link { | |
| color: #f2f3f5; | |
| } | |
| .chatlog__component-button:hover:not(.chatlog__component-disabled) { | |
| filter: brightness(1.05); | |
| } | |
| .chatlog__component-button:active:not(.chatlog__component-disabled) { | |
| transform: translateY(1px); | |
| } | |
| .chatlog__button-inner { | |
| display: inline-flex; | |
| align-items: center; | |
| gap: 8px; | |
| color: #fff; | |
| text-decoration: none; | |
| width: 100%; | |
| } | |
| .chatlog__button-emoji:empty, | |
| .chatlog__button-icon:empty { | |
| display: none; | |
| } | |
| .chatlog__button-icon { | |
| display: inline-flex; | |
| align-items: center; | |
| line-height: 0; | |
| opacity: 0.8; | |
| } | |
| .chatlog__button-icon img { | |
| height: 14px; | |
| width: 14px; | |
| display: block; | |
| } | |
| .chatlog__button-label { | |
| font-size: 14px; | |
| font-weight: 600; | |
| color: inherit; | |
| white-space: nowrap; | |
| line-height: 1.2; | |
| } | |
| .chatlog__button-label > * { | |
| padding-left: 2.5px; | |
| padding-right: 2.5px; | |
| } | |
| .chatlog__reactions { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 4px; | |
| margin-top: 6px; | |
| } | |
| .chatlog__reaction { | |
| display: inline-flex; | |
| align-items: center; | |
| gap: 6px; | |
| padding: 4px 9px; | |
| border-radius: 9px; | |
| background-color: rgba(255, 255, 255, 0.05); | |
| border: 1px solid rgba(255, 255, 255, 0.03); | |
| box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12); | |
| } | |
| .chatlog__reaction-count { | |
| min-width: 9px; | |
| margin-left: 0.1em; | |
| font-size: 13px; | |
| font-weight: 600; | |
| color: #d6d8db; | |
| line-height: 1.2; | |
| } | |
| .chatlog__reaction img { | |
| width: 20px; | |
| height: 20px; | |
| } | |
| .chatlog__bot-tag { | |
| background: #5865f2; | |
| color: #ffffff; | |
| padding: 0 0.2rem; | |
| margin-top: 0.5em; | |
| border-radius: 0.1875rem; | |
| margin-left: 0.07rem; | |
| position: relative; | |
| vertical-align: top; | |
| display: inline-flex; | |
| flex-shrink: 0; | |
| text-indent: 0; | |
| font-weight: 500; | |
| font-size: 10px; | |
| line-height: 15px; | |
| } | |
| .chatlog__bot-tag-verified { | |
| width: 16px; | |
| margin-left: -3px; | |
| } | |
| .chatlog__followup .chatlog__bot-tag { | |
| margin-right: 0.3rem; | |
| margin-top: 0; | |
| } | |
| .markup { | |
| white-space: normal; | |
| } | |
| .markup ul { | |
| margin: 4px 0 0 16px; | |
| margin-block-start: 0; | |
| margin-block-end: 0; | |
| padding-inline-start: 0; | |
| list-style-position: outside; | |
| list-style-type: circle; | |
| } | |
| .markup ul ul { | |
| list-style-type: circle; | |
| margin-bottom: 0; | |
| } | |
| .markup li { | |
| margin: 0; | |
| border: 0; | |
| font-weight: inherit; | |
| font-style: inherit; | |
| font-family: inherit; | |
| font-size: 100%; | |
| vertical-align: baseline; | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| } | |
| .meta__details .chatlog__bot-tag { | |
| margin-left: 1ch; | |
| } | |
| /* Postamble */ | |
| .postamble { | |
| margin: 1.4em 0.3em 0.6em 0.3em; | |
| padding: 1em; | |
| border-top: 1px solid; | |
| } | |
| /* General */ | |
| html, body { | |
| height: 100%; | |
| width: 100%; | |
| background-color: #36393f; | |
| font-family: "gg sans", Helvetica, Arial, sans-serif; | |
| font-size: 17px; | |
| color: #fff; | |
| margin: 0; | |
| padding: 0; | |
| overflow: auto; | |
| } | |
| a { | |
| color: #0096cf; | |
| } | |
| .spoiler-text { | |
| background-color: rgba(255, 255, 255, 0.12); | |
| border-radius: 6px; | |
| padding: 1px 6px; | |
| display: inline-block; | |
| color: #e6e6e6; | |
| } | |
| .spoiler--hidden .spoiler-text { | |
| background-color: #6a6d75; | |
| color: transparent; | |
| } | |
| .spoiler--hidden:hover .spoiler-text { | |
| background-color: #5c5f66; | |
| color: transparent; | |
| } | |
| .quote { | |
| --quote-bar-color: #4e5058; | |
| color: #dbdee1; | |
| } | |
| .pre { | |
| background-color: #2f3136 !important; | |
| } | |
| .pre--multiline { | |
| border-color: #282b30 !important; | |
| color: #b9bbbe !important; | |
| } | |
| /* Chatlog */ | |
| .chatlog__message-group { | |
| margin-bottom: 1rem; | |
| border-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .chatlog__message-container { | |
| background-color: transparent; | |
| transition: background-color 0.5s ease; | |
| } | |
| .chatlog__message-container--highlighted { | |
| background-color: rgba(114, 137, 218, 0.2) !important; | |
| transition: none !important; | |
| } | |
| .chatlog__followup-symbol { | |
| height: 10px; | |
| margin: 6px 4px 4px 36px; | |
| border-left: 2px solid #4f545c; | |
| border-top: 2px solid #4f545c; | |
| border-radius: 8px 0 0 0; | |
| border-color: #4f545c; | |
| } | |
| .chatlog__reference-icon { | |
| width: 20px; | |
| display: inline-block; | |
| vertical-align: bottom; | |
| } | |
| .chatlog__interaction-icon { | |
| width: 15px; | |
| display: inline-block; | |
| vertical-align: bottom; | |
| margin-left: 3px; | |
| margin-bottom: 2px; | |
| } | |
| .chatlog__reference-link { | |
| color: #b5b6b8; | |
| } | |
| .chatlog__interaction-filler { | |
| color: #b5b6b8; | |
| } | |
| .chatlog__interaction-link { | |
| color: #1680ab; | |
| cursor: pointer; | |
| } | |
| .chatlog__pinned-link { | |
| color: white; | |
| font-weight: 600; | |
| } | |
| .chatlog__reference-link:hover { | |
| color: #ffffff; | |
| } | |
| .chatlog__interaction-link:hover { | |
| text-decoration: underline; | |
| } | |
| .chatlog__message--highlighted { | |
| background-color: rgba(114, 137, 218, 0.2) !important; | |
| } | |
| .chatlog__message--pinned { | |
| background-color: rgba(249, 168, 37, 0.05); | |
| } | |
| .chatlog__embed-color-pill--default { | |
| display: none; | |
| } | |
| .chatlog__embed-content-container { | |
| background-color: transparent; | |
| border: none; | |
| padding: 0; | |
| } | |
| .chatlog__embed-author-name, | |
| .chatlog__embed-author-name-link, | |
| .chatlog__embed-title { | |
| color: inherit; | |
| } | |
| .chatlog__reaction-count { | |
| color: rgba(255, 255, 255, 0.3); | |
| } | |
| /* === INFO === */ | |
| .panel { | |
| display: flex; | |
| flex-shrink: 0; | |
| align-items: center; | |
| padding: 6px 0 6px 0; | |
| user-select: none; | |
| font-weight: 700; | |
| font-size: 20px; | |
| box-shadow: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05), 0 2px 0 rgba(4, 4, 5, 0.05); | |
| } | |
| .panel__hashtag-icon { | |
| width: 24px; | |
| height: 24px; | |
| margin-left: 16px; | |
| margin-right: 8px; | |
| margin-top: 1px; | |
| } | |
| .panel__channel-topic { | |
| border-left-style: solid; | |
| border-color: #4f545c; | |
| border-width: 1px; | |
| color: #b9bbbe; | |
| margin-left: 10px; | |
| padding-left: 10px; | |
| font-size: 14px; | |
| line-height: 18px; | |
| height: 18px; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| font-weight: 500; | |
| } | |
| .panel__summary-button { | |
| display: flex; | |
| align-items: center; | |
| padding: 0.2em 0.35em; | |
| border-radius: 2px; | |
| margin-left: auto; | |
| margin-right: 50px; | |
| color: #b9bbbe; | |
| } | |
| .panel__summary-button:hover { | |
| color: #fff; | |
| cursor: pointer; | |
| } | |
| .summary-popout.visible { | |
| transform: scale(1); | |
| transition: transform 200ms ease-in-out; | |
| } | |
| .summary-popout { | |
| position: absolute; | |
| z-index: 6969; | |
| background-color: #36393f; | |
| box-shadow: | |
| 0 2px 10px 0 rgb(0 0 0 / 20%), | |
| 0 0 0 1px rgb(32 34 37 / 60%); | |
| width: 250px; | |
| border-radius: 5px; | |
| overflow: hidden; | |
| transform: scale(0); | |
| transform-origin: top right; | |
| } | |
| .main { | |
| display: flex; | |
| overflow-y: auto; | |
| height: calc(100% - 126px); | |
| flex-direction: column; | |
| } | |
| .main::-webkit-scrollbar { | |
| width: 8px; | |
| background-color: rgba(0,0,0,0); | |
| } | |
| /* Add a thumb */ | |
| .main::-webkit-scrollbar-thumb { | |
| background-color: #202225; | |
| border: 0 #36393f solid; | |
| border-left-width: 1px; | |
| border-right-width: 1px; | |
| } | |
| .buffer { | |
| flex: 1; | |
| } | |
| .info { | |
| margin: 0 16px; | |
| padding-bottom: 12px; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: flex-end; | |
| flex-shrink: 0; | |
| user-select: none; | |
| } | |
| .info__title { | |
| font-size: 32px; | |
| font-weight: 700; | |
| line-height: 40px; | |
| } | |
| .info__subject { | |
| color: #b9bbbe; | |
| font-size: 16px; | |
| line-height: 20px; | |
| } | |
| .info__channel-message-count { | |
| margin-top: 2px; | |
| } | |
| .footer { | |
| flex-shrink: 0; | |
| display: flex; | |
| align-items: center; | |
| height: 20px; | |
| border-radius: 5px; | |
| margin: 0 16px 16px; | |
| padding: 16px; | |
| background-color: #202225; | |
| position: relative; | |
| z-index: 10; | |
| user-select: none; | |
| } | |
| .footer__text { | |
| font-size: 16px; | |
| line-height: 20px; | |
| font-weight: 400; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| #context-menu { | |
| position: absolute; | |
| width: 188px; | |
| border-radius: 4px; | |
| padding: 6px 8px; | |
| background-color: #18191c; | |
| box-shadow: 0 8px 16px rgba(0, 0, 0, .24); | |
| font-weight: 500; | |
| font-size: 14px; | |
| line-height: 18px; | |
| color: #b9bbbe; | |
| transform: scale(0); | |
| transform-origin: top left; | |
| z-index: 6969; | |
| } | |
| #context-menu.visible { | |
| transform: scale(1); | |
| transition: transform 200ms ease-in-out; | |
| } | |
| #context-menu .item { | |
| margin: 2px 0; | |
| padding: 0 8px; | |
| display: flex; | |
| align-items: center; | |
| border-radius: 2px; | |
| min-height: 32px; | |
| cursor: pointer; | |
| } | |
| #context-menu .item:hover { | |
| color: #fff; | |
| } | |
| .meta-popout { | |
| position: absolute; | |
| z-index: 6969; | |
| background-color: #292b2f; | |
| box-shadow: | |
| 0 2px 10px 0 rgb(0 0 0 / 20%), | |
| 0 0 0 1px rgb(32 34 37 / 60%); | |
| width: 280px; | |
| border-radius: 5px; | |
| overflow: hidden; | |
| transform: scale(0); | |
| transform-origin: top left; | |
| } | |
| .meta-popout img { | |
| height: 16px; | |
| width: 16px; | |
| } | |
| .meta__img-border { | |
| border-radius: 50%; | |
| } | |
| .meta-popout.mounted { | |
| transform: scale(1); | |
| transition: transform .3 ease-in-out;; | |
| } | |
| .meta__divider { | |
| height: 4px; | |
| width: 4px; | |
| border-radius: 50%; | |
| background-color: #4f545c; | |
| } | |
| .meta__divider-2 { | |
| margin: 5px 12px 10px; | |
| height: 1px; | |
| background-color: #4f545c; | |
| } | |
| .meta__header { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; | |
| background-color: #202225; | |
| padding-top: 10px; | |
| } | |
| .meta__header img { | |
| user-select: none; | |
| border-radius: 50%; | |
| margin-bottom: 10px; | |
| position: relative; | |
| width: 80px; | |
| height: 80px; | |
| } | |
| .meta__details { | |
| display: flex; | |
| flex-wrap: wrap; | |
| padding-bottom: 7px; | |
| } | |
| .meta__display-name { | |
| font-weight: 500; | |
| color: #fff; | |
| opacity: 0.9; | |
| text-overflow: ellipsis; | |
| overflow: hidden; | |
| font-size: 12px; | |
| } | |
| .meta__user { | |
| font-weight: 500; | |
| color: #fff; | |
| text-overflow: ellipsis; | |
| overflow: hidden; | |
| } | |
| .meta__discriminator { | |
| font-weight: 500; | |
| color: #fff; | |
| opacity: .6; | |
| } | |
| .meta-popout .meta__header .bot { | |
| margin-left: 1ch; | |
| } | |
| .meta__description { | |
| padding: 10px; | |
| background-color: #18191c; | |
| margin: 10px; | |
| border-radius: 5%; | |
| } | |
| .meta__field { | |
| margin-bottom: 10px; | |
| } | |
| .meta__title { | |
| font-weight: 700; | |
| color: #72767d; | |
| text-transform: uppercase; | |
| font-size: 12px; | |
| line-height: 16px; | |
| margin-bottom: 1px; | |
| } | |
| .meta__value { | |
| font-size: 14px; | |
| line-height: 16px; | |
| align-items: center; | |
| display: flex; | |
| column-gap: 6px; | |
| } | |
| .meta__support { | |
| text-align: right; | |
| } | |
| .meta__support a { | |
| color: #72767d; | |
| text-transform: uppercase; | |
| font-size: 10px; | |
| font-weight: 700; | |
| } | |
| .dropdownButton { | |
| width: 100%; | |
| color: #e3e5e8; | |
| padding: 10px 14px; | |
| font-size: 14px; | |
| font-weight: 600; | |
| cursor: pointer; | |
| text-align: left; | |
| border-radius: 8px; | |
| background-color: #2f3136; | |
| border: 1px solid rgba(255, 255, 255, 0.08); | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| gap: 8px; | |
| } | |
| .dropdownButtonLabel { | |
| overflow: hidden; | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| color: #dbdee1; | |
| } | |
| .dropdownButtonLabel > .chatlog__markdown { | |
| display: inline; | |
| } | |
| .chatlog__component-disabled { | |
| cursor: not-allowed; | |
| opacity: 0.55; | |
| } | |
| .chatlog__component-disabled a { | |
| cursor: not-allowed; | |
| pointer-events: none; | |
| } | |
| .chatlog__component-disabled button { | |
| cursor: not-allowed; | |
| } | |
| .chatlog__component-dropdown { | |
| width: 320px; | |
| margin-top: 6px; | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .dropdownMenuContent { | |
| position: relative; | |
| width: 100%; | |
| } | |
| .chatlog__dropdown-content { | |
| position: relative; | |
| width: 100%; | |
| } | |
| .chatlog__dropdown-emoji { | |
| display: flex; | |
| align-items: center; | |
| } | |
| .chatlog__dropdown-emoji img { | |
| width: 1.4em; | |
| height: 1.4em; | |
| } | |
| .chatlog__dropdown-text { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 2px; | |
| min-width: 0; | |
| } | |
| .chatlog__role-icon { | |
| height: 16px; | |
| width: 16px; | |
| margin-left: 5px; | |
| transform: translateY(2px); | |
| } | |
| .dropdownContent { | |
| z-index: 10; | |
| display: none; | |
| width: 100%; | |
| font-size: 14px; | |
| position: absolute; | |
| margin-top: 4px; | |
| background-color: #18191c; | |
| border: 1px solid rgba(255, 255, 255, 0.08); | |
| box-shadow: 0 4px 18px rgba(0,0,0,0.45); | |
| border-radius: 8px; | |
| overflow: hidden; | |
| } | |
| .dropdownContentOption { | |
| display: flex; | |
| align-items: center; | |
| gap: 10px; | |
| padding: 12px 14px; | |
| text-decoration: none; | |
| color: #f2f3f5; | |
| background: transparent; | |
| } | |
| .dropdownContentOption:hover { | |
| background-color: rgba(255, 255, 255, 0.04); | |
| } | |
| .dropdownContentOption.dropdownContentSelected { | |
| background-color: #2f3356; | |
| border-left: 3px solid #5865F2; | |
| } | |
| .dropdownContentText { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 2px; | |
| min-width: 0; | |
| } | |
| .dropdownContentTitle { | |
| color: white; | |
| font-weight: 600; | |
| line-height: 1.2; | |
| } | |
| .dropdownContentDesc { | |
| color: #9ca3af; | |
| font-size: 12px; | |
| } | |
| .dropdownContentCheck { | |
| margin-left: auto; | |
| color: #ffffff; | |
| font-weight: 700; | |
| } | |
| .dropdownContentCheck:empty { | |
| display: none; | |
| } | |
| .chatlog__dropdown-icon { | |
| right: 10px; | |
| width: 18px; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| position: absolute; | |
| pointer-events: none; | |
| } | |
| .chatlog__component-dropdown-border { | |
| border-bottom-left-radius: 0px; | |
| border-bottom-right-radius: 0px; | |
| } | |
| .chatlog__component-dropdown-show { display: block; } | |
| .chatlog__component-dropdown a:hover { background-color: inherit; } | |
| .tippy-box[data-theme~='disc'] { | |
| font-weight: 600; | |
| background-color: #111214; | |
| color: #dfe0e4; | |
| } | |
| .tippy-box[data-theme~='disc'][data-placement^='top'] > .tippy-arrow::before { | |
| border-top-color: #111214; | |
| } | |
| .tippy-box[data-theme~='disc'][data-placement^='left'] > .tippy-arrow::before { | |
| border-left-color: #111214; | |
| } | |
| .tippy-box[data-theme~='disc'][data-placement^='bottom'] > .tippy-arrow::before { | |
| border-bottom-color: #111214; | |
| } | |
| .tippy-box[data-theme~='disc'][data-placement^='right'] > .tippy-arrow::before { | |
| border-right-color: #111214; | |
| } | |
| .cursor_pointer { cursor: pointer; } | |
| /* Components v2 Styles */ | |
| .chatlog__component-container { | |
| position: relative; | |
| background-color: rgba(255, 255, 255, 0.03); | |
| border: 1px solid rgba(255, 255, 255, 0.08); | |
| border-radius: 8px; | |
| margin: 8px 0; | |
| padding: 12px 14px; | |
| width: min(100%, 560px); | |
| max-width: 560px; | |
| overflow: hidden; | |
| display: flex; | |
| flex-direction: column; | |
| -webkit-flex-direction: column; | |
| gap: 8px; | |
| } | |
| .chatlog__component-container::before { | |
| content: ""; | |
| position: absolute; | |
| left: 1px; | |
| top: 1px; | |
| bottom: 1px; | |
| width: 4px; | |
| border-radius: 6px 0 0 6px; | |
| background: rgba(255, 255, 255, 0.08); | |
| } | |
| .chatlog__component-container.chatlog__component-container--accent::before { | |
| background: var(--component-accent); | |
| } | |
| .chatlog__component-container.chatlog__component-container--accent { | |
| padding-left: 18px; | |
| } | |
| .chatlog__component-container.chatlog__component-spoiler { | |
| cursor: pointer; | |
| } | |
| .chatlog__component-container.chatlog__component-spoiler::after { | |
| content: ""; | |
| position: absolute; | |
| inset: 0; | |
| background-color: rgba(0, 0, 0, 0.35); | |
| border-radius: inherit; | |
| pointer-events: none; | |
| transition: opacity 0.2s ease; | |
| } | |
| .chatlog__component-container.chatlog__component-spoiler > :not(.chatlog__component-spoiler-label) { | |
| filter: blur(18px); | |
| } | |
| .chatlog__component-container.chatlog__component-spoiler:hover::after { | |
| opacity: 0; | |
| } | |
| .chatlog__component-container.chatlog__component-spoiler:hover > :not(.chatlog__component-spoiler-label) { | |
| filter: blur(0); | |
| } | |
| .chatlog__component-spoiler-label { | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| transform: translate(-50%, -50%); | |
| color: #dcddde; | |
| background-color: rgba(0, 0, 0, 0.6); | |
| font-weight: 700; | |
| padding: 10px 16px; | |
| border-radius: 999px; | |
| letter-spacing: 0.05em; | |
| font-size: 0.9em; | |
| z-index: 2; | |
| pointer-events: none; | |
| } | |
| .chatlog__component-section { | |
| display: grid; | |
| grid-template-columns: 1fr min-content; | |
| gap: 8px; | |
| margin: 0; | |
| padding: 6px 0; | |
| align-items: center; | |
| } | |
| .chatlog__component-section--has-accessory { | |
| align-items: start; | |
| } | |
| .chatlog__component-section-content { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 2px; | |
| } | |
| .chatlog__component-section-accessory { | |
| display: flex; | |
| align-items: center; | |
| justify-content: flex-end; | |
| } | |
| .chatlog__component-text-display { | |
| color: #e3e5e8; | |
| font-size: 14px; | |
| line-height: 1.375; | |
| margin: 2px 0; | |
| padding: 0; | |
| background: none; | |
| border: none; | |
| } | |
| .chatlog__component-text-display h1, | |
| .chatlog__component-text-display h2, | |
| .chatlog__component-text-display h3, | |
| .chatlog__component-text-display h4, | |
| .chatlog__component-text-display h5 { | |
| margin: 0 0 6px 0; | |
| } | |
| .chatlog__component-thumbnail { | |
| width: 90px; | |
| height: 90px; | |
| background: #2f3136; | |
| border: 1px solid rgba(255, 255, 255, 0.1); | |
| border-radius: 8px; | |
| box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); | |
| overflow: hidden; | |
| position: relative; | |
| cursor: pointer; | |
| } | |
| .chatlog__component-thumbnail img { | |
| width: 100%; | |
| height: 100%; | |
| object-fit: cover; | |
| } | |
| .chatlog__component-thumbnail.chatlog__component-spoiler::before, | |
| .chatlog__component-media-item.chatlog__component-spoiler::before { | |
| content: ""; | |
| position: absolute; | |
| inset: 0; | |
| background: rgba(0, 0, 0, 0.35); | |
| z-index: 1; | |
| pointer-events: none; | |
| } | |
| .chatlog__component-thumbnail.chatlog__component-spoiler img, | |
| .chatlog__component-media-item.chatlog__component-spoiler img { | |
| filter: blur(26px); | |
| } | |
| .chatlog__component-thumbnail-description { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); | |
| color: #fff; | |
| padding: 6px; | |
| font-size: 12px; | |
| z-index: 2; | |
| } | |
| .chatlog__component-media-gallery { | |
| display: grid; | |
| gap: 10px; | |
| margin: 8px 0; | |
| grid-template-columns: repeat(12, 1fr); | |
| width: 100%; | |
| grid-auto-flow: row dense; | |
| } | |
| .chatlog__component-media-gallery.chatlog__media-gallery-single .chatlog__component-media-item:first-child { | |
| grid-column: 1 / span 12; | |
| aspect-ratio: 3 / 2; | |
| } | |
| .chatlog__component-media-gallery.chatlog__media-gallery-double .chatlog__component-media-item:nth-child(-n+2) { | |
| grid-column-end: span 6; | |
| aspect-ratio: 3 / 2; | |
| } | |
| .chatlog__component-media-gallery.chatlog__media-gallery-triple .chatlog__component-media-item:nth-child(1) { | |
| grid-column: 1 / span 8; | |
| grid-row: 1 / span 2; | |
| } | |
| .chatlog__component-media-gallery.chatlog__media-gallery-triple .chatlog__component-media-item:nth-child(2) { | |
| grid-column: 9 / span 4; | |
| } | |
| .chatlog__component-media-gallery.chatlog__media-gallery-triple .chatlog__component-media-item:nth-child(3) { | |
| grid-column: 9 / span 4; | |
| } | |
| .chatlog__component-media-gallery.chatlog__media-gallery-grid .chatlog__component-media-item { | |
| grid-column-end: span 6; | |
| aspect-ratio: 3 / 2; | |
| } | |
| .chatlog__component-media-gallery .chatlog__component-media-item { | |
| position: relative; | |
| border-radius: 8px; | |
| overflow: hidden; | |
| cursor: pointer; | |
| width: 100%; | |
| height: 100%; | |
| min-height: 100px; | |
| grid-column-end: span 4; | |
| } | |
| .chatlog__component-media-item img { | |
| width: 100%; | |
| height: 100%; | |
| object-fit: cover; | |
| background: rgba(0, 0, 0, 0.08); | |
| } | |
| .chatlog__component-media-description { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); | |
| color: #fff; | |
| padding: 6px; | |
| font-size: 12px; | |
| z-index: 2; | |
| } | |
| .chatlog__component-separator { | |
| margin: unset; | |
| height: 1px; | |
| } | |
| .chatlog__component-separator.chatlog__separator-large { | |
| margin: 8px 0; | |
| } | |
| .chatlog__separator-line { | |
| width: 100%; | |
| height: 1px; | |
| background-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .chatlog__component-file { | |
| display: flex; | |
| align-items: center; | |
| background-color: #43464d; | |
| border: 1px solid rgba(255, 255, 255, 0.04); | |
| border-radius: 8px; | |
| padding: 15px; | |
| margin: 6px 0; | |
| cursor: pointer; | |
| max-width: 320px; | |
| width: 100%; | |
| min-height: 44px; | |
| position: relative; | |
| overflow: hidden; | |
| gap: 10px; | |
| font-weight: 500; | |
| } | |
| .chatlog__component-file:hover { | |
| background-color: #4b4e55; | |
| } | |
| .chatlog__component-file.chatlog__component-spoiler { | |
| overflow: hidden; | |
| cursor: pointer; | |
| } | |
| .chatlog__component-file.chatlog__component-spoiler::before { | |
| content: ""; | |
| position: absolute; | |
| inset: 0; | |
| background-color: rgba(0, 0, 0, 0.25); | |
| border-radius: inherit; | |
| z-index: 1; | |
| pointer-events: none; | |
| } | |
| .chatlog__component-file.chatlog__component-spoiler::after { | |
| content: "SPOILER"; | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| transform: translate(-50%, -50%); | |
| color: #dcddde; | |
| background-color: rgba(0, 0, 0, 0.55); | |
| font-weight: 700; | |
| padding: 10px 16px; | |
| border-radius: 999px; | |
| letter-spacing: 0.05em; | |
| font-size: 0.9em; | |
| z-index: 2; | |
| pointer-events: none; | |
| } | |
| .chatlog__component-file.chatlog__component-spoiler > * { | |
| filter: blur(20px); | |
| } | |
| .chatlog__component-file-icon { | |
| width: 32px; | |
| height: 32px; | |
| flex-shrink: 0; | |
| } | |
| .chatlog__component-file-info { | |
| flex: 1; | |
| display: flex; | |
| align-items: center; | |
| gap: 12px; | |
| text-decoration: none; | |
| color: inherit; | |
| min-width: 0; | |
| } | |
| .chatlog__component-file-details { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 2px; | |
| min-width: 0; | |
| } | |
| .chatlog__component-file-name { | |
| color: #00aff4; | |
| font-weight: 600; | |
| font-size: 13px; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| line-height: 1.3; | |
| } | |
| .chatlog__component-file-size { | |
| color: #b5bac1; | |
| font-size: 12px; | |
| } | |
| </style> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/solarized-dark.min.css"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script> | |
| <script src="https://unpkg.com/@popperjs/core@2.11.5/dist/umd/popper.min.js"></script> | |
| <script src="https://unpkg.com/tippy.js@6.3.7/dist/tippy-bundle.umd.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/dayjs@1/plugin/timezone.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/dayjs@1/plugin/utc.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/dayjs@1.11.5/plugin/customParseFormat.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/dayjs@1.11.5/plugin/isToday.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/dayjs@1.11.5/plugin/isTomorrow.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/dayjs@1.11.5/plugin/isBetween.js"></script> | |
| <script> | |
| <!-- Scroll to Message (References) --> | |
| function scrollToMessage(event, id) { | |
| var element = document.getElementById('chatlog__message-container-' + id); | |
| if (element !== null && element !== undefined) { | |
| event.preventDefault(); | |
| element.classList.add('chatlog__message-container--highlighted'); | |
| element.scrollIntoView({ | |
| behavior: 'smooth', | |
| block: 'center', | |
| }); | |
| setTimeout(function() { | |
| element.classList.remove('chatlog__message-container--highlighted'); | |
| }, 1500); | |
| } | |
| } | |
| <!-- Spoiler (|| Spoiler ||) --> | |
| function showSpoiler(event, element) { | |
| if (element && element.classList.contains('spoiler--hidden')) { | |
| event.preventDefault(); | |
| element.classList.remove('spoiler--hidden'); | |
| } | |
| } | |
| <!-- Menu Dropdown (Selectmenu) --> | |
| function showDropdown(dropdownID) { | |
| const button = document.getElementById("dropdownButton" + dropdownID); | |
| const menuContent = document.getElementById("dropdownMenuContent" + dropdownID); | |
| const menu = document.getElementById("dropdownMenu" + dropdownID); | |
| const isOpen = button.getAttribute("aria-expanded") === "true"; | |
| button.setAttribute("aria-expanded", isOpen ? "false" : "true"); | |
| button.classList.toggle("chatlog__component-dropdown-border"); | |
| if (menuContent) { | |
| menuContent.classList.toggle("chatlog__component-dropdown-show"); | |
| } | |
| if (menu) { | |
| menu.classList.toggle("chatlog__component-dropdown-show"); | |
| } | |
| } | |
| <!-- Component Spoiler (click to reveal thumbnails/media) --> | |
| document.addEventListener('DOMContentLoaded', () => { | |
| const spoilerTargets = document.querySelectorAll( | |
| '.chatlog__component-thumbnail.chatlog__component-spoiler, ' + | |
| '.chatlog__component-media-item.chatlog__component-spoiler, ' + | |
| '.chatlog__component-container.chatlog__component-spoiler, ' + | |
| '.chatlog__component-file.chatlog__component-spoiler' | |
| ); | |
| spoilerTargets.forEach((el) => { | |
| el.addEventListener('click', (e) => { | |
| if (!el.classList.contains('chatlog__component-spoiler')) return; | |
| e.preventDefault(); | |
| el.classList.remove('chatlog__component-spoiler'); | |
| const label = el.querySelector('.chatlog__component-spoiler-label'); | |
| if (label) { | |
| label.remove(); | |
| } | |
| }); | |
| }); | |
| }); | |
| <!-- Code Block Markdown (```lang```) --> | |
| document.addEventListener('DOMContentLoaded', () => { | |
| document.querySelectorAll('.pre--multiline').forEach((block) => { | |
| hljs.highlightBlock(block); | |
| }); | |
| }); | |
| </script> | |
| </head> | |
| <body> | |
| <div class="panel"> | |
| <img class="panel__hashtag-icon" src="https://cdn.jsdelivr.net/gh/mahtoid/DiscordUtils@master/discord-hashtag.svg"/> | |
| <span>ticket-ezcl-comprar</span> | |
| <div class="panel__summary-button" id="summary-button"> | |
| <span>Summary</span> | |
| </div> | |
| </div> | |
| <div class="main"> | |
| <div class="buffer"> | |
| <!-- Magical space goes here --> | |
| </div> | |
| <div class="info"> | |
| <span class="info__title">Welcome to #ticket-ezcl-comprar!</span> | |
| <span class="info__subject">This is the start of the #ticket-ezcl-comprar channel. </span> | |
| </div> | |
| <div class="chatlog"> | |
| <div class="chatlog__message-group"> | |
| <div id="chatlog__message-container-1486614792612610048" class="chatlog__message-container" data-message-id="1486614792612610048"> | |
| <div class="chatlog__message"> | |
| <div class="chatlog__message-aside"> | |
| <img class="chatlog__avatar" src="https://cdn.discordapp.com/avatars/1480020776424964096/31f9dadbccaf71125b2893c2c328f198.png?size=1024" data-user-id="1480020776424964096" /> | |
| </div> | |
| <div class="chatlog__message-primary"> | |
| <div class="chatlog__header"> | |
| <span class="chatlog__author-name" title="Syntax Systems#1749" data-user-id="1480020776424964096" style="color: #ffffff;">Syntax Systems</span> | |
| <span class="chatlog__bot-tag">APP</span> | |
| <span class="chatlog__timestamp" data-timestamp="Thursday, 26 March 2026 03:36 AM">26-03-2026 03:36 AM</span> | |
| </div> | |
| <div class="chatlog__content chatlog__markdown" data-message-id="1486614792612610048" id="message-1486614792612610048"> | |
| <span class="chatlog__markdown-preserve"><span class="mention" title="1119455830295728209">@'yan</span> <span style="color: #ffffff;">@CEO</span> <span style="color: #00dcff;">@Moderator</span> <span style="color: #ff0000;">@Suporte</span></span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> <div id="chatlog__message-container-1486614794445258862" class="chatlog__message-container" data-message-id="1486614794445258862"> | |
| <div class="chatlog__message"> | |
| <div class="chatlog__message-aside"> | |
| <div class="chatlog__short-timestamp" data-timestamp="Thursday, 26 March 2026 03:36 AM">03:36 AM</div> | |
| </div> | |
| <div class="chatlog__message-primary"> | |
| <div class="chatlog__content chatlog__markdown" data-message-id="1486614794445258862" id="message-1486614794445258862"> | |
| <div class="chatlog__component-container chatlog__component-container--accent " style="--component-accent:#2b2d31;"> | |
| <div class="chatlog__component-section chatlog__component-section--has-accessory"> | |
| <div class="chatlog__component-section-content"> | |
| <div class="chatlog__component-text-display"> | |
| <span class="chatlog__markdown chatlog__markdown-preserve"><h1>Ticket - 'yan</h1> | |
| <strong>Assumido por:</strong> <span class="mention" title="1119455830295728209">@'yan</span> | |
| <strong>Opção selecionada:</strong> <span class="pre pre-inline">comprar</span> | |
| <strong>Motivo abertura:</strong> | |
| <div class="pre pre--multiline nohighlight">..</div></span> | |
| </div> | |
| </div> | |
| <div class="chatlog__component-section-accessory"> | |
| <div class="chatlog__component-thumbnail " title=""> | |
| <img src="https://cdn.discordapp.com/avatars/1119455830295728209/a423d1a95d785c6c1331e24ce7fdc770.png?size=1024" alt="a423d1a95d785c6c1331e24ce7fdc770.png" loading="lazy"> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="chatlog__component-separator chatlog__separator-small"> | |
| <div class="chatlog__separator-line"></div> | |
| </div><div class="chatlog__component-text-display"> | |
| <span class="chatlog__markdown chatlog__markdown-preserve"><h1>Ticket Aberto com Sucesso</h1></span> | |
| </div> | |
| <div class="chatlog__component-separator chatlog__separator-large"> | |
| <div class="chatlog__separator-line"></div> | |
| </div><div class="chatlog__component-text-display"> | |
| <span class="chatlog__markdown chatlog__markdown-preserve"><ul class="markup" style="padding-left: 20px;margin: 0 !important"> | |
| <li class="markup">Olá! Seu ticket foi criado e nossa equipe já foi notificada.</li> | |
| </ul> | |
| <h3>Para agilizar seu atendimento:</h1> | |
| <div class="quote">Descreva seu problema com o máximo de detalhes possível | |
| Evite mencionar a equipe sem necessidade</div></span> | |
| </div> | |
| <div class="chatlog__component-separator chatlog__separator-small"> | |
| <div class="chatlog__separator-line"></div> | |
| </div><div class="chatlog__component-text-display"> | |
| <span class="chatlog__markdown chatlog__markdown-preserve"><ul class="markup" style="padding-left: 20px;margin: 0 !important"> | |
| <li class="markup">Aguarde um membro da staff assumir seu atendimento.</li> | |
| <li class="markup">Respondemos o mais rápido possível dentro do nosso horário de suporte.</li> | |
| </ul> | |
| <h3>Este ticket é privado entre você e a equipe.</h1></span> | |
| </div> | |
| <div class="chatlog__components"><a class="chatlog__component-button chatlog__component-button--filled chatlog__component-disabled" style="--button-color: #4F545C" href="javascript:;" aria-disabled="true"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"></span> | |
| <span class="chatlog__button-label">Assumido</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| <a class="chatlog__component-button chatlog__component-button--filled " style="--button-color: #4F545C" href="javascript:;" aria-disabled="false"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"></span> | |
| <span class="chatlog__button-label">Painel Staff</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| <a class="chatlog__component-button chatlog__component-button--filled " style="--button-color: #2D7D46" href="javascript:;" aria-disabled="false"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"></span> | |
| <span class="chatlog__button-label">Finalizar</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div></div><div class="chatlog__message-group"> | |
| <div id="chatlog__message-container-1486614956387471392" class="chatlog__message-container" data-message-id="1486614956387471392"> | |
| <div class="chatlog__message"> | |
| <div class="chatlog__message-aside"> | |
| <img class="chatlog__avatar" src="https://cdn.discordapp.com/avatars/1119455830295728209/a423d1a95d785c6c1331e24ce7fdc770.png?size=1024" data-user-id="1119455830295728209" /> | |
| </div> | |
| <div class="chatlog__message-primary"> | |
| <div class="chatlog__header"> | |
| <span class="chatlog__author-name" title="ezcl" data-user-id="1119455830295728209" style="color: #ffffff;">'yan</span> | |
| <span class="chatlog__timestamp" data-timestamp="Thursday, 26 March 2026 03:37 AM">26-03-2026 03:37 AM</span> | |
| </div> | |
| <div class="chatlog__content chatlog__markdown" data-message-id="1486614956387471392" id="message-1486614956387471392"> | |
| <span class="chatlog__markdown-preserve">!config</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div></div><div class="chatlog__message-group"> | |
| <div id="chatlog__message-container-1486614956622348339" class="chatlog__message-container" data-message-id="1486614956622348339"> | |
| <div class="chatlog__message"> | |
| <div class="chatlog__message-aside"> | |
| <img class="chatlog__avatar" src="https://cdn.discordapp.com/avatars/1480020776424964096/31f9dadbccaf71125b2893c2c328f198.png?size=1024" data-user-id="1480020776424964096" /> | |
| </div> | |
| <div class="chatlog__message-primary"> | |
| <div class="chatlog__header"> | |
| <span class="chatlog__author-name" title="Syntax Systems#1749" data-user-id="1480020776424964096" style="color: #ffffff;">Syntax Systems</span> | |
| <span class="chatlog__bot-tag">APP</span> | |
| <span class="chatlog__timestamp" data-timestamp="Thursday, 26 March 2026 03:37 AM">26-03-2026 03:37 AM</span> | |
| </div> | |
| <div class="chatlog__content chatlog__markdown" data-message-id="1486614956622348339" id="message-1486614956622348339"> | |
| <div class="chatlog__embed" style="--embed-color: rgba(230, 126, 34, 1)"> | |
| <div class="chatlog__embed-content"> | |
| <div class="chatlog__embed-text"> | |
| <div class="chatlog__embed-title"> | |
| <span class="markdown">Gerenciando um ticket!</span> | |
| </div> | |
| <div class="chatlog__embed-fields"> | |
| <div class="chatlog__embed-field chatlog__embed-field"> | |
| <div class="chatlog__embed-field-name"><span class="markdown preserve-whitespace"><img class="emoji emoji--small" src="https://cdn.discordapp.com/emojis/1485538903787307232.png"> Informações</span></div> | |
| <div class="chatlog__embed-field-value"><span class="markdown preserve-whitespace"><strong>Canal Painel:</strong> <span class="mention" title="1479935807543574639">#<img class="emoji emoji--small" src="https://cdn.jsdelivr.net/gh/jdecked/twemoji@latest/assets/72x72/1f4de.png" alt="📞" title="Telephone Receiver" aria-label="Emoji: Telephone Receiver">・atendimento</span> | |
| <strong>Canal Logs:</strong> <span class="mention" title="1484977811709100133">#logs-tickt</span> | |
| <strong>Webhooks:</strong> <span class="pre pre-inline">Nenhum Webhook</span> | |
| <strong>Categoria:</strong> # • support | |
| <strong>Cargos Responsáveis:</strong> <span style="color: #ffffff;">@CEO</span>, <span style="color: #00dcff;">@Moderator</span>, <span style="color: #ff0000;">@Suporte</span></span></div> | |
| </div><div class="chatlog__embed-field chatlog__embed-field"> | |
| <div class="chatlog__embed-field-name"><span class="markdown preserve-whitespace"><img class="emoji emoji--small" src="https://cdn.discordapp.com/emojis/1485342303169151018.png"> Personalizar</span></div> | |
| <div class="chatlog__embed-field-value"><span class="markdown preserve-whitespace"><strong>Usar Tópico:</strong> <span class="pre pre-inline">Sim</span> | |
| <strong>Usar botão:</strong> <span class="pre pre-inline">Não</span> | |
| <strong>Menus de Seleção:</strong> <span class="pre pre-inline">Sim</span> | |
| <strong>Horários do ticket:</strong> <span class="pre pre-inline">09:00 às 18:00</span></span></div> | |
| </div><div class="chatlog__embed-field chatlog__embed-field"> | |
| <div class="chatlog__embed-field-name"><span class="markdown preserve-whitespace"><img class="emoji emoji--small" src="https://cdn.discordapp.com/emojis/1485538919335333938.png"> Observações</span></div> | |
| <div class="chatlog__embed-field-value"><span class="markdown preserve-whitespace">Você pode usar tópicos ou canal de texto para o ticket, | |
| também pode usar um botão ou menu de seleção!</span></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="chatlog__embed-footer"> | |
| <span class="chatlog__embed-footer-text">4X4 RANKED #16K © • Hoje às 06:37</span> | |
| </div> | |
| </div> | |
| <div class="chatlog__components"><a class="chatlog__component-button chatlog__component-button--filled " style="--button-color: #5865F2" href="javascript:;" aria-disabled="false"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"><img class="emoji emoji--small" src="https://cdn.jsdelivr.net/gh/jdecked/twemoji@latest/assets/72x72/25c0.png" alt="◀️" title="Reverse Button" aria-label="Emoji: Reverse Button"></span> | |
| <span class="chatlog__button-label">Voltar</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| <a class="chatlog__component-button chatlog__component-button--filled " style="--button-color: #4F545C" href="javascript:;" aria-disabled="false"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"></span> | |
| <span class="chatlog__button-label">Setar Categoria</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| <a class="chatlog__component-button chatlog__component-button--filled " style="--button-color: #4F545C" href="javascript:;" aria-disabled="false"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"></span> | |
| <span class="chatlog__button-label">Cargos Responsáveis</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| <a class="chatlog__component-button chatlog__component-button--filled " style="--button-color: #4F545C" href="javascript:;" aria-disabled="false"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"></span> | |
| <span class="chatlog__button-label">Usar Tópico/Canal</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| </div><div class="chatlog__components"><a class="chatlog__component-button chatlog__component-button--filled " style="--button-color: #4F545C" href="javascript:;" aria-disabled="false"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"></span> | |
| <span class="chatlog__button-label">Menus de Seleção</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| <a class="chatlog__component-button chatlog__component-button--filled " style="--button-color: #4F545C" href="javascript:;" aria-disabled="false"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"></span> | |
| <span class="chatlog__button-label">Horários</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| <a class="chatlog__component-button chatlog__component-button--filled " style="--button-color: #4F545C" href="javascript:;" aria-disabled="false"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"></span> | |
| <span class="chatlog__button-label">Definir Logs</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| </div><div class="chatlog__components"><a class="chatlog__component-button chatlog__component-button--filled " style="--button-color: #4F545C" href="javascript:;" aria-disabled="false"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"></span> | |
| <span class="chatlog__button-label">Editar Embed</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| <a class="chatlog__component-button chatlog__component-button--filled " style="--button-color: #D83C3E" href="javascript:;" aria-disabled="false"> | |
| <span class="chatlog__button-inner"> | |
| <span class="chatlog__button-emoji"></span> | |
| <span class="chatlog__button-label">Deletar Ticket</span> | |
| <span class="chatlog__button-icon"></span> | |
| </span> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div></div><div class="chatlog__message-group"> | |
| <div id="chatlog__message-container-1486615055847129098" class="chatlog__message-container" data-message-id="1486615055847129098"> | |
| <div class="chatlog__message"> | |
| <div class="chatlog__message-aside"> | |
| <img class="chatlog__avatar" src="https://cdn.discordapp.com/avatars/1119455830295728209/a423d1a95d785c6c1331e24ce7fdc770.png?size=1024" data-user-id="1119455830295728209" /> | |
| </div> | |
| <div class="chatlog__message-primary"> | |
| <div class="chatlog__header"> | |
| <span class="chatlog__author-name" title="ezcl" data-user-id="1119455830295728209" style="color: #ffffff;">'yan</span> | |
| <span class="chatlog__timestamp" data-timestamp="Thursday, 26 March 2026 03:37 AM">26-03-2026 03:37 AM</span> | |
| </div> | |
| <div class="chatlog__content chatlog__markdown" data-message-id="1486615055847129098" id="message-1486615055847129098"> | |
| <span class="chatlog__markdown-preserve">.</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> <div id="chatlog__message-container-1486615057608609942" class="chatlog__message-container" data-message-id="1486615057608609942"> | |
| <div class="chatlog__message"> | |
| <div class="chatlog__message-aside"> | |
| <div class="chatlog__short-timestamp" data-timestamp="Thursday, 26 March 2026 03:37 AM">03:37 AM</div> | |
| </div> | |
| <div class="chatlog__message-primary"> | |
| <div class="chatlog__content chatlog__markdown" data-message-id="1486615057608609942" id="message-1486615057608609942"> | |
| <span class="chatlog__markdown-preserve">.</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> <div id="chatlog__message-container-1486615059320016967" class="chatlog__message-container" data-message-id="1486615059320016967"> | |
| <div class="chatlog__message"> | |
| <div class="chatlog__message-aside"> | |
| <div class="chatlog__short-timestamp" data-timestamp="Thursday, 26 March 2026 03:37 AM">03:37 AM</div> | |
| </div> | |
| <div class="chatlog__message-primary"> | |
| <div class="chatlog__content chatlog__markdown" data-message-id="1486615059320016967" id="message-1486615059320016967"> | |
| <span class="chatlog__markdown-preserve">.</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> <div id="chatlog__message-container-1486615060829831178" class="chatlog__message-container" data-message-id="1486615060829831178"> | |
| <div class="chatlog__message"> | |
| <div class="chatlog__message-aside"> | |
| <div class="chatlog__short-timestamp" data-timestamp="Thursday, 26 March 2026 03:37 AM">03:37 AM</div> | |
| </div> | |
| <div class="chatlog__message-primary"> | |
| <div class="chatlog__content chatlog__markdown" data-message-id="1486615060829831178" id="message-1486615060829831178"> | |
| <span class="chatlog__markdown-preserve">.</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div></div><div class="chatlog__message-group"> | |
| <div id="chatlog__message-container-1486615067675066410" class="chatlog__message-container" data-message-id="1486615067675066410"> | |
| <div class="chatlog__message"> | |
| <div class="chatlog__message-aside"> | |
| <div class='chatlog__followup-symbol'></div> | |
| <img class="chatlog__avatar" src="https://cdn.discordapp.com/avatars/1480020776424964096/31f9dadbccaf71125b2893c2c328f198.png?size=1024" data-user-id="1480020776424964096" /> | |
| </div> | |
| <div class="chatlog__message-primary"> | |
| <div class="chatlog__followup"> | |
| <img class="chatlog__followup-avatar" src="https://cdn.discordapp.com/avatars/1480020776424964096/31f9dadbccaf71125b2893c2c328f198.png?size=1024" alt="Avatar" loading="lazy" data-user-id="1480020776424964096"> | |
| <span class="chatlog__bot-tag">APP</span> | |
| <div class="chatlog__followup-author" style="color: #ffffff;" data-user-id="1480020776424964096">Syntax Systems</div> | |
| <div class="chatlog__followup-content"> | |
| <span class="chatlog__reference-link" onclick="scrollToMessage(event, '1486614794445258862')"> | |
| </span> | |
| <span class="chatlog__reference-edited-timestamp" data-timestamp="Thursday, 26 March 2026 03:37 AM">(edited)</span> | |
| </div> | |
| </div> | |
| <div class="chatlog__header"> | |
| <span class="chatlog__author-name" title="Syntax Systems#1749" data-user-id="1480020776424964096" style="color: #ffffff;">Syntax Systems</span> | |
| <span class="chatlog__bot-tag">APP</span> | |
| <span class="chatlog__timestamp" data-timestamp="Thursday, 26 March 2026 03:37 AM">26-03-2026 03:37 AM</span> | |
| </div> | |
| <div class="chatlog__content chatlog__markdown" data-message-id="1486615067675066410" id="message-1486615067675066410"> | |
| <span class="chatlog__markdown-preserve"><img class="emoji emoji--small" src="https://cdn.jsdelivr.net/gh/jdecked/twemoji@latest/assets/72x72/231b.png" alt="⌛" title="Hourglass" aria-label="Emoji: Hourglass"> Finalizando ticket em instantes...</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div></div> | |
| </div> | |
| </div> | |
| <div class="footer"> | |
| <span class="footer__text">This transcript was generated on 26 March 2026 at 03:37:32 AM (-03)</span> | |
| </div> | |
| <div id="context-menu"> | |
| <div class="item">Copy Message ID</div> | |
| </div> | |
| <div id="summary-popout" class="summary-popout"> | |
| <div class="meta__header"> | |
| <img src="https://cdn.discordapp.com/icons/1479915180476600435/ad9ba056acbb692e2a75abce7021c96b.png?size=1024" alt="Avatar"> | |
| </div> | |
| <div class="meta__description"> | |
| <div class="meta__details"> | |
| <div class="meta__user">Syntax Systems</div> | |
| </div> | |
| <div class="meta__field"> | |
| <div class="meta__title">Guild ID</div> | |
| <div class="meta__value">1479915180476600435</div> | |
| </div> | |
| <div class="meta__field"> | |
| <div class="meta__title">Channel ID</div> | |
| <div class="meta__value">1486614790964248577</div> | |
| </div> | |
| <div class="meta__field"> | |
| <div class="meta__title">Channel Creation Date</div> | |
| <div class="meta__value">Mar 26, 2026 (03:36:26 AM)</div> | |
| </div> | |
| <div class="meta__field"> | |
| <div class="meta__title">Total Message Count</div> | |
| <div class="meta__value">9</div> | |
| </div> | |
| <div class="meta__field"> | |
| <div class="meta__title">Total Message Participants</div> | |
| <div class="meta__value">2</div> | |
| </div> | |
| <div class="meta__support"> <a href="https://ko-fi.com/mahtoid">DONATE</a></div> | |
| </div> | |
| </div> | |
| <div id="meta-popout-1480020776424964096" class="meta-popout"> | |
| <div class="meta__header"> | |
| <img src="https://cdn.discordapp.com/avatars/1480020776424964096/31f9dadbccaf71125b2893c2c328f198.png?size=1024" alt="Avatar"> | |
| </div> | |
| <div class="meta__description"> | |
| <div class="meta__details"> | |
| <div class="meta__user">Syntax Systems</div> | |
| <div class="meta__discriminator">#1749</div> | |
| <span class="chatlog__bot-tag">APP</span> | |
| </div> | |
| <div class="meta__divider-2"></div> | |
| <div class="meta__field"> | |
| <div class="meta__title">Member Since</div> | |
| <div class="meta__value"><img src="https://cdn.jsdelivr.net/gh/mahtoid/DiscordUtils@master/discord-logo.svg"/> Mar 07, 2026 <div class="meta__divider"></div> <img src="https://cdn.discordapp.com/icons/1479915180476600435/ad9ba056acbb692e2a75abce7021c96b.png?size=1024" class="meta__img-border"/> Mar 09, 2026</div> | |
| </div> | |
| <div class="meta__field"> | |
| <div class="meta__title">Member ID</div> | |
| <div class="meta__value">1480020776424964096</div> | |
| </div> | |
| <div class="meta__field"> | |
| <div class="meta__title">Message Count</div> | |
| <div class="meta__value">4</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="meta-popout-1119455830295728209" class="meta-popout"> | |
| <div class="meta__header"> | |
| <img src="https://cdn.discordapp.com/avatars/1119455830295728209/a423d1a95d785c6c1331e24ce7fdc770.png?size=1024" alt="Avatar"> | |
| </div> | |
| <div class="meta__description"> | |
| <div class="meta__display-name">'yan</div> | |
| <div class="meta__details"> | |
| <div class="meta__user">ezcl</div> | |
| <div class="meta__discriminator"></div> | |
| </div> | |
| <div class="meta__divider-2"></div> | |
| <div class="meta__field"> | |
| <div class="meta__title">Member Since</div> | |
| <div class="meta__value"><img src="https://cdn.jsdelivr.net/gh/mahtoid/DiscordUtils@master/discord-logo.svg"/> Jun 16, 2023 <div class="meta__divider"></div> <img src="https://cdn.discordapp.com/icons/1479915180476600435/ad9ba056acbb692e2a75abce7021c96b.png?size=1024" class="meta__img-border"/> Mar 07, 2026</div> | |
| </div> | |
| <div class="meta__field"> | |
| <div class="meta__title">Member ID</div> | |
| <div class="meta__value">1119455830295728209</div> | |
| </div> | |
| <div class="meta__field"> | |
| <div class="meta__title">Message Count</div> | |
| <div class="meta__value">5</div> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| <!-- Right Click - Copy ID --> | |
| let metaPopout = undefined | |
| const contextMenu = document.getElementById("context-menu"); | |
| const scope = document.querySelector("body"); | |
| const messages = document.getElementsByClassName("chatlog__message-container") | |
| let messageID = "" | |
| const normalisePosition = (mouseX, mouseY, type) => { | |
| if (type == "context") { | |
| maxWidth = contextMenu.clientWidth | |
| maxHeight = contextMenu.clientHeight | |
| } else if (type == "user") { | |
| maxWidth = metaPopout.clientWidth | |
| maxHeight = metaPopout.clientHeight | |
| } | |
| let { | |
| left: scopeOffsetX, | |
| top: scopeOffsetY, | |
| } = scope.getBoundingClientRect() | |
| scopeOffsetX = scopeOffsetX < 0 ? 0 : scopeOffsetX; | |
| scopeOffsetY = scopeOffsetY < 0 ? 0 : scopeOffsetY | |
| const scopeX = mouseX - scopeOffsetX; | |
| const scopeY = mouseY - scopeOffsetY | |
| const outOfBoundsOnX = scopeX + maxWidth > scope.clientWidth | |
| const outOfBoundsOnY = scopeY + maxHeight > scope.clientHeight | |
| let normalizedX = mouseX; | |
| let normalizedY = mouseY | |
| if (outOfBoundsOnX) { | |
| normalizedX = scopeOffsetX + scope.clientWidth - maxWidth; | |
| } | |
| if (outOfBoundsOnY) { | |
| normalizedY = scopeOffsetY + scope.clientHeight - maxHeight; | |
| } | |
| return { normalizedX, normalizedY }; | |
| } | |
| scope.addEventListener("contextmenu", (e) => { | |
| event.preventDefault() | |
| if (e.target.offsetParent != contextMenu) { | |
| contextMenu.classList.remove("visible"); | |
| } | |
| }) | |
| var openContextMenu = function() { | |
| const { clientX: mouseX, clientY: mouseY } = event | |
| const { normalizedX, normalizedY } = normalisePosition(mouseX, mouseY, "context") | |
| contextMenu.classList.remove("visible") | |
| contextMenu.style.left = `${normalizedX}px`; | |
| contextMenu.style.top = `${normalizedY}px` | |
| setTimeout(() => { | |
| contextMenu.classList.add("visible"); | |
| }) | |
| messageID = this.getAttribute("data-message-id"); | |
| } | |
| for (var i = 0; i < messages.length; i++) { | |
| messages[i].addEventListener("contextmenu", openContextMenu) | |
| } | |
| scope.addEventListener("click", (e) => { | |
| if (e.target.offsetParent != contextMenu) { | |
| contextMenu.classList.remove("visible"); | |
| } else { | |
| navigator.clipboard.writeText(messageID) | |
| contextMenu.classList.remove("visible"); | |
| } | |
| if (metaPopout && e.target.offsetParent != metaPopout) { | |
| metaPopout.classList.remove("mounted") | |
| } | |
| if (e.target.offsetParent != summaryPopout) { | |
| summaryPopout.classList.remove("visible") | |
| } | |
| }) | |
| mainScroll = document.querySelector('.main') | |
| mainScroll.addEventListener('scroll', (e) => { | |
| if (e.target.offsetParent != contextMenu) { | |
| contextMenu.classList.remove("visible"); | |
| } else { | |
| navigator.clipboard.writeText(messageID) | |
| contextMenu.classList.remove("visible"); | |
| } | |
| if (metaPopout && e.target.offsetParent != metaPopout) { | |
| metaPopout.classList.remove("mounted") | |
| } | |
| }); | |
| <!-- User Dialog --> | |
| const summaryPopout = document.getElementById('summary-popout') | |
| window.onload = function() { | |
| var author_name = document.getElementsByClassName('chatlog__author-name'); | |
| var followup_author =document.getElementsByClassName('chatlog__followup-author'); | |
| var followup_avatar = document.getElementsByClassName("chatlog__followup-avatar"); | |
| var avatar = document.getElementsByClassName("chatlog__avatar"); | |
| const element_select = [...author_name, ...followup_author, ...followup_avatar, ...avatar] | |
| for(var i = 0; i < element_select.length; i++) { | |
| var element = element_select[i]; | |
| element.onclick = function() { | |
| authorID = this.getAttribute("data-user-id"); | |
| if (metaPopout) { | |
| metaPopout.classList.remove('mounted'); | |
| } | |
| metaPopout = document.getElementById('meta-popout-' + authorID); | |
| const subtractX = document.querySelector('.main').scrollLeft | |
| const subtractY = document.querySelector('.main').scrollTop | |
| const elementX = this.offsetLeft + this.offsetWidth + 10 - subtractX | |
| const elementY = this.offsetTop - subtractY | |
| const { normalizedX, normalizedY } = normalisePosition(elementX, elementY, "user") | |
| metaPopout.style.left = `${normalizedX}px`; | |
| metaPopout.style.top = `${normalizedY}px`; | |
| setTimeout(() => { | |
| metaPopout.classList.add("mounted") | |
| }); | |
| } | |
| } | |
| var summaryButton = document.getElementById('summary-button'); | |
| summaryButton.onclick = function() { | |
| const elementX = this.offsetLeft - 110 | |
| const elementY = this.offsetTop + 30 | |
| summaryPopout.style.left = `${elementX}px`; | |
| summaryPopout.style.top = `${elementY}px`; | |
| setTimeout(() => { | |
| summaryPopout.classList.add("visible") | |
| }); | |
| } | |
| } | |
| <!-- Timestamps: Tooltips --> | |
| tippy('.chatlog__timestamp', { | |
| placement: 'top', | |
| animation: 'fade', | |
| content: (reference) => reference.getAttribute('data-timestamp'), | |
| theme: 'disc', | |
| }); | |
| tippy('.chatlog__short-timestamp', { | |
| placement: 'top', | |
| animation: 'fade', | |
| content: (reference) => reference.getAttribute('data-timestamp'), | |
| theme: 'disc', | |
| }); | |
| tippy('.chatlog__reference-edited-timestamp', { | |
| placement: 'top', | |
| animation: 'fade', | |
| content: (reference) => reference.getAttribute('data-timestamp'), | |
| theme: 'disc', | |
| }); | |
| <!-- Timestamps: Tooltips --> | |
| tippy('.unix-timestamp', { | |
| placement: 'top', | |
| animation: 'fade', | |
| content: (reference) => reference.getAttribute('data-timestamp'), | |
| theme: 'disc', | |
| }); | |
| <!-- Timestamps: Content --> | |
| dayjs.extend(window.dayjs_plugin_utc); | |
| dayjs.extend(window.dayjs_plugin_timezone); | |
| dayjs.extend(window.dayjs_plugin_customParseFormat); | |
| dayjs.extend(window.dayjs_plugin_isToday); | |
| dayjs.extend(window.dayjs_plugin_isTomorrow); | |
| dayjs.extend(window.dayjs_plugin_isBetween); | |
| dayjs.tz.setDefault("America/Sao_Paulo") | |
| dayjs().format("DD/MM/YYYY hh:mm A"); | |
| var timeStamps = document.getElementsByClassName('chatlog__timestamp'); | |
| for(var i = 0; i < timeStamps.length; i++) { | |
| const date_1 = dayjs.tz(timeStamps[i].innerText, "DD-MM-YYYY hh:mm A", "America/Sao_Paulo"); | |
| const date_2 = dayjs.tz(); | |
| const diff = date_2.diff(date_1, 'day', true) | |
| if (date_1.isTomorrow()) { | |
| timeStamps[i].ineerText = "Tomorrow at " + date_1.format('hh:mm A') | |
| } else if (date_1.isToday()) { | |
| timeStamps[i].innerText = "Today at " + date_1.format('hh:mm A') | |
| } else if (date_1.add(1, 'day').isToday()) { | |
| timeStamps[i].innerText = "Yesterday at " + date_1.format('hh:mm A') | |
| } else if (date_1.isBetween(date_2, date_2.subtract(7, 'day'))) { | |
| timeStamps[i].innerText = date_1.day(date_1.day()).format("dddd [at] hh:mm A") | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment