1453 lines
131 KiB
HTML
1453 lines
131 KiB
HTML
<html>
|
|
<head>
|
|
<script type="text/javascript" src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/ThemeRepo/res/DiscordPreview.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="app-mount" class="appMount-3VJmYg" style="display: none;">
|
|
<div class="typeWindows-1za-n7 titleBar-AC4pGV horizontalReverse-3tRjY7 flex-1O1GKY directionRowReverse-m8IjIq justifyStart-2NDFzi alignStretch-DpGPf3">
|
|
<div class="wordmark-2iDDfm">
|
|
<svg name="DiscordWordmark" width="55" height="16" viewBox="0 0 55 16">
|
|
<path fill="#ffffff" d="M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z" transform="translate(1 3)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="winButtonClose-1HsbF- winButton-iRh8-Z flexCenter-3_1bcw flex-1O1GKY justifyStart-2NDFzi alignCenter-1dQNNs">
|
|
<svg name="TitleBarClose" width="12" height="12" viewBox="0 0 12 12">
|
|
<polygon fill="#ffffff" fill-rule="evenodd" points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1"></polygon>
|
|
</svg>
|
|
</div>
|
|
<div class="winButtonMinMax-PBQ2gm winButton-iRh8-Z flexCenter-3_1bcw flex-1O1GKY justifyStart-2NDFzi alignCenter-1dQNNs">
|
|
<svg name="TitleBarMaximize" width="12" height="12" viewBox="0 0 12 12">
|
|
<rect width="9" height="9" x="1.5" y="1.5" fill="none" stroke="#ffffff"></rect>
|
|
</svg>
|
|
</div>
|
|
<div class="winButtonMinMax-PBQ2gm winButton-iRh8-Z flexCenter-3_1bcw flex-1O1GKY justifyStart-2NDFzi alignCenter-1dQNNs">
|
|
<svg name="TitleBarMinimize" width="12" height="12" viewBox="0 0 12 12">
|
|
<rect fill="#ffffff" width="10" height="1" x="1" y="6"></rect>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="app-19_DXt platform-win">
|
|
<div class="app flex-vertical theme-light">
|
|
<div class="layers-3iHuyZ flex-vertical flex-spacer">
|
|
<div class="layer-3QrUeG">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 container-2lgZY8 spacer-29U_x8" style="flex: 1 1 auto;">
|
|
<div class="guildsWrapper-5TJh6A">
|
|
<div class="unreadMentionsIndicatorTop-gA6RCh">
|
|
<div class="bar-30k2ka flexCenter-3_1bcw flex-1O1GKY justifyStart-2NDFzi alignCenter-1dQNNs unreadMentionsBar-1VrBNe unread-1xRYoj active-1SSsBb" style="transform: translateY(-150%);">
|
|
<svg name="ArrowUp" class="icon-2aINcz" width="24" height="24" viewBox="0 0 24 24">
|
|
<polygon fill="currentColor" fill-rule="nonzero" points="13 20 11 20 11 8 5.5 13.5 4.08 12.08 12 4.16 19.92 12.08 18.5 13.5 13 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="scroller-wrap scrollerWrap-1IAIlv">
|
|
<div class="guilds-1q_RqH scroller">
|
|
<div class="guild-1EfMGQ">
|
|
<div class="guildInner-3DSoA4" draggable="false" style="border-radius: 25px; background-color: rgb(47, 49, 54);">
|
|
<a draggable="false" class="" href="/activity">
|
|
<svg name="Discord" class="homeIcon-1FoKUJ" width="16" height="16" viewBox="0 0 24 24">
|
|
<defs>
|
|
<path id="discord-a" d="M19.3529746,6.6495336 C19.3529746,6.6495336 21.7924662,11.032553 21.7924662,16.4386778 C21.7924662,16.4386778 20.3621857,18.8861333 16.6198358,19 C16.6198358,19 16.0157664,18.2739306 15.5092969,17.6373278 C17.7346108,17.0185167 18.5728524,15.6375445 18.5728524,15.6375445 C17.8725385,16.0926723 17.2128913,16.4095334 16.6186497,16.6343862 C15.7732914,16.9825945 14.9499608,17.2169361 14.1559442,17.3623195 C12.5348692,17.6612195 11.0420637,17.5885278 9.76496094,17.353 C8.80200819,17.1749139 7.96241098,16.90465 7.27836377,16.6304889 C6.88965823,16.4829028 6.47248601,16.2926167 6.03362491,16.0521751 C5.97804714,16.0221834 5.92518047,15.9937167 5.87638047,15.9660973 C5.85079436,15.951864 5.82639436,15.9389862 5.80199436,15.9240751 C5.49970548,15.7519195 5.33466659,15.6375445 5.33466659,15.6375445 C5.33466659,15.6375445 6.14884713,16.9797139 8.30350264,17.6117417 C7.79296654,18.2537667 7.17279989,19 7.17279989,19 C3.43044997,18.8861333 2,16.4386778 2,16.4386778 C2,11.032553 4.43813606,6.6495336 4.43813606,6.6495336 C6.87881378,4.8285142 9.19088318,4.88612531 9.19088318,4.88612531 L9.3655804,5.08386697 C6.30863324,5.95328639 4.91766383,7.29155859 4.91766383,7.29155859 C4.91766383,7.29155859 5.28196937,7.0822947 5.92365547,6.81152249 C7.74298043,6.01903084 9.17597207,5.80570029 9.76902761,5.7489364 C9.8639165,5.73538084 9.95728038,5.72097807 10.0535248,5.70877807 C11.0950998,5.5781364 12.2517276,5.5415364 13.4801998,5.67844751 C15.0892442,5.85856695 16.8231691,6.33656972 18.5850524,7.29155859 C18.5850524,7.29155859 17.2537274,6.02580861 14.3633442,5.15621974 L14.6003969,4.88612531 C14.6003969,4.88612531 16.9136525,4.8285142 19.3529746,6.6495336 Z M14.9835861,14.854549 C15.9424722,14.854549 16.7185277,14.0222379 16.7185277,12.9948963 C16.7185277,11.9684018 15.9424722,11.1359213 14.9835861,11.1359213 C14.0260555,11.1359213 13.25,11.9684018 13.25,12.9948963 C13.25,14.0222379 14.0260555,14.854549 14.9835861,14.854549 Z M8.73511107,14.854549 C9.69264161,14.854549 10.4686971,14.0222379 10.4686971,12.9948963 C10.4686971,11.9684018 9.69264161,11.1359213 8.73511107,11.1359213 C7.77605554,11.1359213 7,11.9684018 7,12.9948963 C7,14.0222379 7.77605554,14.854549 8.73511107,14.854549 Z"></path>
|
|
</defs>
|
|
<g fill="none" fill-rule="evenodd">
|
|
<use fill="currentColor" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#discord-a"></use>
|
|
</g>
|
|
</svg>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="friendsOnline-_wi_fM">10 Online</div>
|
|
<span class="dms-rcsEnV">
|
|
<div class="guild-1EfMGQ">
|
|
<div class="guildInner-3DSoA4" draggable="false" style="border-radius: 25px;">
|
|
<div class="wrapper-2F3Zv8 small-5Os1Bb avatar-small">
|
|
<a user="" channel="" draggable="false" class="avatar-small stop-animation" href="/channels/@me/" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></a>
|
|
</div>
|
|
</div>
|
|
<div class="wrapper-232cHJ badge-1GsMF2">2</div>
|
|
</div>
|
|
</span>
|
|
<div class="guildSeparator-1X4GQ1"></div>
|
|
<div class="guild-1EfMGQ">
|
|
<div draggable="true">
|
|
<div class="guildInner-3DSoA4" draggable="false" style="border-radius: 25px;">
|
|
<a>
|
|
<div class="icon-3o6xvg guildIcon-CT-ZDq iconSizeLarge-161qtT iconInactive-98JN5i" draggable="false" style="background-image: url(https://cdn.discordapp.com/icons/86004744966914048/c8d49dc02248e1f55caeb897c3e1a26e.png);"></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="guild-1EfMGQ unread-qLkInr">
|
|
<div draggable="true">
|
|
<div class="guildInner-3DSoA4" draggable="false" style="border-radius: 25px;">
|
|
<a>
|
|
<div class="icon-3o6xvg guildIcon-CT-ZDq iconSizeLarge-161qtT iconInactive-98JN5i" draggable="false" style="background-image: url(https://cdn.discordapp.com/icons/410787888507256842/c8941576782dd171cf2b82dd1ffc0f76.png);"></div>
|
|
</a>
|
|
</div>
|
|
<div class="wrapper-232cHJ badge-1GsMF2">3</div>
|
|
</div>
|
|
</div>
|
|
<div class="guild-1EfMGQ selected-ML3OIq unread-qLkInr">
|
|
<div draggable="true">
|
|
<div class="guildInner-3DSoA4" draggable="false" style="border-radius: 15px; background-color: rgb(114, 137, 218);">
|
|
<a>
|
|
<div class="icon-3o6xvg guildIcon-CT-ZDq iconSizeLarge-161qtT iconInactive-98JN5i noIcon-1a_FrS" draggable="false" style="font-size: 10px;">S</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="guild-1EfMGQ audio-3vVhBi">
|
|
<div draggable="true">
|
|
<div class="guildInner-3DSoA4" draggable="false" style="border-radius: 25px; background-color: rgb(47, 49, 54);">
|
|
<a>
|
|
<div class="icon-3o6xvg guildIcon-CT-ZDq iconSizeLarge-161qtT iconInactive-98JN5i noIcon-1a_FrS" draggable="false" style="font-size: 10px;">1</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="guild-1EfMGQ unread-qLkInr video-15yGu3">
|
|
<div draggable="true">
|
|
<div class="guildInner-3DSoA4" draggable="false" style="border-radius: 25px; background-color: rgb(47, 49, 54);">
|
|
<a>
|
|
<div class="icon-3o6xvg guildIcon-CT-ZDq iconSizeLarge-161qtT iconInactive-98JN5i noIcon-1a_FrS" draggable="false" style="font-size: 10px;">2</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="guild-1EfMGQ">
|
|
<a target="_blank" class="guildsError-3cFMtY">!</a>
|
|
</div>
|
|
<button class="guild-1EfMGQ guildsAdd-21_IdK">
|
|
<span class="guildsAddInner-1KMFy-">+</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="unreadMentionsIndicatorBottom-BXS58x">
|
|
<div class="bar-30k2ka flexCenter-3_1bcw flex-1O1GKY justifyStart-2NDFzi alignCenter-1dQNNs unreadMentionsBar-1VrBNe unread-1xRYoj active-1SSsBb" style="transform: translateY(150%);">
|
|
<svg name="ArrowDown" class="icon-2aINcz" width="24" height="24" viewBox="0 0 24 24">
|
|
<polygon fill="currentColor" fill-rule="nonzero" points="13 4.16 11 4.16 11 16.16 5.5 10.66 4.08 12.08 12 20 19.92 12.08 18.5 10.66 13 16.16"></polygon>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 base-3dtUhz" style="flex: 1 1 auto; margin-left: 0px; margin-right: 0px;">
|
|
<div class="flexChild-faoVW3" style="flex: 0 0 auto;">
|
|
<div>
|
|
<div class="noticeStreamerMode-2TSQpg notice-2FJMB4 size14-3iUx6q weightMedium-2iZe9B height36-36OHCc">
|
|
<div class="dismiss-SCAH9H"></div>
|
|
This is a Theme preview to allow you to choose the Theme of your liking. To show/hide the Theme Menu press "Ctrl"
|
|
<button class="button-1MICoQ size14-3iUx6q weightMedium-2iZe9B">Deactivate</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 spacer-29U_x8" style="flex: 1 1 auto;">
|
|
<div class="channels-Ie2l6A vertical-V37hAW flex-1O1GKY directionColumn-35P_nr">
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 container-PNkimc" style="flex: 1 1 auto;">
|
|
<div class="flexChild-faoVW3" style="flex: 0 0 auto;">
|
|
<div class="container-2Rl01u">
|
|
<header class="header-2o-2hj">
|
|
<span class="name-3YKhmS">Selected Server</span>
|
|
<svg width="18" height="18" class="dropdown-button">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path d="M0 0h18v18H0"></path>
|
|
<path stroke="#FFF" d="M4.5 4.5l9 9" stroke-linecap="round"></path>
|
|
<path stroke="#FFF" d="M13.5 4.5l-9 9" stroke-linecap="round"></path>
|
|
</g>
|
|
</svg>
|
|
</header>
|
|
</div>
|
|
</div>
|
|
<div class="positionedContainer-W4bAaY">
|
|
<div class="unreadTop-2mkLbX unread-nWfX3W container-35XQWE">
|
|
<div class="bar-30k2ka flexCenter-3_1bcw flex-1O1GKY justifyStart-2NDFzi alignCenter-1dQNNs unreadBar-17qm9c unread-1xRYoj active-1SSsBb" style="transform: translateY(-150%);">New Unreads
|
|
<svg name="ArrowUp" class="icon-2aINcz" width="24" height="24" viewBox="0 0 24 24">
|
|
<polygon fill="currentColor" fill-rule="nonzero" points="13 20 11 20 11 8 5.5 13.5 4.08 12.08 12 4.16 19.92 12.08 18.5 13.5 13 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="scrollerWrap-2lJEkd scrollerThemed-2oenus themeGhostHairlineChannels-3G0x9_ scrollerFade-1Ijw5y">
|
|
<div class="scroller-2FKFPG scroller-2v3d_F">
|
|
<div style="width: 100%; height: 0px; visibility: hidden;"></div>
|
|
<div class="container-0">
|
|
<div style="height: 16px;"></div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperDefaultText-2IWcE8 wrapper-KpKNwI">
|
|
<div class="contentDefaultText-3vZplL content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorDefaultText-oas-QM icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M2.27333333,12 L2.74666667,9.33333333 L0.08,9.33333333 L0.313333333,8 L2.98,8 L3.68666667,4 L1.02,4 L1.25333333,2.66666667 L3.92,2.66666667 L4.39333333,0 L5.72666667,0 L5.25333333,2.66666667 L9.25333333,2.66666667 L9.72666667,0 L11.06,0 L10.5866667,2.66666667 L13.2533333,2.66666667 L13.02,4 L10.3533333,4 L9.64666667,8 L12.3133333,8 L12.08,9.33333333 L9.41333333,9.33333333 L8.94,12 L7.60666667,12 L8.08,9.33333333 L4.08,9.33333333 L3.60666667,12 L2.27333333,12 L2.27333333,12 Z M5.02,4 L4.31333333,8 L8.31333333,8 L9.02,4 L5.02,4 L5.02,4 Z" transform="translate(1.333 2)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameDefaultText-24KCy5 name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">default text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wrapperSelectedText-3dSUjC wrapper-KpKNwI">
|
|
<div class="contentSelectedText-3wUhMi content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorSelectedText-1y4Wvs icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M2.27333333,12 L2.74666667,9.33333333 L0.08,9.33333333 L0.313333333,8 L2.98,8 L3.68666667,4 L1.02,4 L1.25333333,2.66666667 L3.92,2.66666667 L4.39333333,0 L5.72666667,0 L5.25333333,2.66666667 L9.25333333,2.66666667 L9.72666667,0 L11.06,0 L10.5866667,2.66666667 L13.2533333,2.66666667 L13.02,4 L10.3533333,4 L9.64666667,8 L12.3133333,8 L12.08,9.33333333 L9.41333333,9.33333333 L8.94,12 L7.60666667,12 L8.08,9.33333333 L4.08,9.33333333 L3.60666667,12 L2.27333333,12 L2.27333333,12 Z M5.02,4 L4.31333333,8 L8.31333333,8 L9.02,4 L5.02,4 L5.02,4 Z" transform="translate(1.333 2)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameSelectedText-sp_EUw name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">selected text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;">
|
|
<div class="iconSpacing-3JkGQO">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" class="icon-1792kv">
|
|
<path transform="translate(18 0) scale(-1 1)" fill="#FFFFFF" fill-rule="nonzero" d="M11.5,9 C13.1575,9 14.5,7.6575 14.5,6 C14.5,4.3425 13.1575,3 11.5,3 C9.8425,3 8.5,4.3425 8.5,6 C8.5,7.6575 9.8425,9 11.5,9 Z M4,7 L4,5 L3,5 L3,7 L1,7 L1,8 L3,8 L3,10 L4,10 L4,8 L6,8 L6,7 L4,7 Z M11.5,10 C9.4975,10 6,11.005 6,13 L6,15 L17,15 L17,13 C17,11.005 13.5025,10 11.5,10 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="iconSpacing-3JkGQO">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 18 18">
|
|
<path fill="currentColor" d="M7.15546853,6.47630098e-17 L5.84453147,6.47630098e-17 C5.36185778,-6.47630098e-17 4.97057344,0.391750844 4.97057344,0.875 L4.97057344,1.9775 C4.20662236,2.21136254 3.50613953,2.61688993 2.92259845,3.163125 L1.96707099,2.61041667 C1.76621819,2.49425295 1.52747992,2.46279536 1.30344655,2.52297353 C1.07941319,2.58315171 0.88846383,2.73002878 0.77266168,2.93125 L0.117193154,4.06875 C0.00116776262,4.26984227 -0.0302523619,4.50886517 0.0298541504,4.73316564 C0.0899606628,4.9574661 0.236662834,5.14864312 0.437644433,5.26458333 L1.39171529,5.81583333 C1.21064614,6.59536289 1.21064614,7.40609544 1.39171529,8.185625 L0.437644433,8.736875 C0.236662834,8.85281521 0.0899606628,9.04399223 0.0298541504,9.2682927 C-0.0302523619,9.49259316 0.00116776262,9.73161606 0.117193154,9.93270833 L0.77266168,11.06875 C0.88846383,11.2699712 1.07941319,11.4168483 1.30344655,11.4770265 C1.52747992,11.5372046 1.76621819,11.5057471 1.96707099,11.3895833 L2.92259845,10.836875 C3.50613953,11.3831101 4.20662236,11.7886375 4.97057344,12.0225 L4.97057344,13.125 C4.97057344,13.6082492 5.36185778,14 5.84453147,14 L7.15546853,14 C7.63814222,14 8.02942656,13.6082492 8.02942656,13.125 L8.02942656,12.0225 C8.79337764,11.7886375 9.49386047,11.3831101 10.0774016,10.836875 L11.032929,11.3895833 C11.2337818,11.5057471 11.4725201,11.5372046 11.6965534,11.4770265 C11.9205868,11.4168483 12.1115362,11.2699712 12.2273383,11.06875 L12.8828068,9.93270833 C12.9988322,9.73161606 13.0302524,9.49259316 12.9701458,9.2682927 C12.9100393,9.04399223 12.7633372,8.85281521 12.5623556,8.736875 L11.6082847,8.185625 C11.7893539,7.40609544 11.7893539,6.59536289 11.6082847,5.81583333 L12.5623556,5.26458333 C12.7633372,5.14864312 12.9100393,4.9574661 12.9701458,4.73316564 C13.0302524,4.50886517 12.9988322,4.26984227 12.8828068,4.06875 L12.2273383,2.93270833 C12.1115362,2.73148712 11.9205868,2.58461004 11.6965534,2.52443187 C11.4725201,2.46425369 11.2337818,2.49571128 11.032929,2.611875 L10.0774016,3.16458333 C9.49400565,2.61782234 8.79351153,2.2117896 8.02942656,1.9775 L8.02942656,0.875 C8.02942656,0.391750844 7.63814222,6.47630098e-17 7.15546853,6.47630098e-17 Z M8.5,7 C8.5,8.1045695 7.6045695,9 6.5,9 C5.3954305,9 4.5,8.1045695 4.5,7 C4.5,5.8954305 5.3954305,5 6.5,5 C7.03043298,5 7.53914081,5.21071368 7.91421356,5.58578644 C8.28928632,5.96085919 8.5,6.46956702 8.5,7 Z" transform="translate(2.5 2)"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperMutedText-1YBpvv wrapper-KpKNwI">
|
|
<div class="contentMutedText-2y6aPQ content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorMutedText-36M8WR icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M2.27333333,12 L2.74666667,9.33333333 L0.08,9.33333333 L0.313333333,8 L2.98,8 L3.68666667,4 L1.02,4 L1.25333333,2.66666667 L3.92,2.66666667 L4.39333333,0 L5.72666667,0 L5.25333333,2.66666667 L9.25333333,2.66666667 L9.72666667,0 L11.06,0 L10.5866667,2.66666667 L13.2533333,2.66666667 L13.02,4 L10.3533333,4 L9.64666667,8 L12.3133333,8 L12.08,9.33333333 L9.41333333,9.33333333 L8.94,12 L7.60666667,12 L8.08,9.33333333 L4.08,9.33333333 L3.60666667,12 L2.27333333,12 L2.27333333,12 Z M5.02,4 L4.31333333,8 L8.31333333,8 L9.02,4 L5.02,4 L5.02,4 Z" transform="translate(1.333 2)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameMutedText-3Vj4bM name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">muted text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperUnreadText-2zuiuD wrapper-KpKNwI">
|
|
<div class="unread-1Dp-OI"></div>
|
|
<div class="contentUnreadText-2vNnZc content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorUnreadText-2t7XRb icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M2.27333333,12 L2.74666667,9.33333333 L0.08,9.33333333 L0.313333333,8 L2.98,8 L3.68666667,4 L1.02,4 L1.25333333,2.66666667 L3.92,2.66666667 L4.39333333,0 L5.72666667,0 L5.25333333,2.66666667 L9.25333333,2.66666667 L9.72666667,0 L11.06,0 L10.5866667,2.66666667 L13.2533333,2.66666667 L13.02,4 L10.3533333,4 L9.64666667,8 L12.3133333,8 L12.08,9.33333333 L9.41333333,9.33333333 L8.94,12 L7.60666667,12 L8.08,9.33333333 L4.08,9.33333333 L3.60666667,12 L2.27333333,12 L2.27333333,12 Z M5.02,4 L4.31333333,8 L8.31333333,8 L9.02,4 L5.02,4 L5.02,4 Z" transform="translate(1.333 2)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameUnreadText-DfkrI4 name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">unread text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperHoveredText-2geN_M wrapper-KpKNwI">
|
|
<div class="contentHoveredText-2D9B-x content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorHoveredText-OZnAgu icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M2.27333333,12 L2.74666667,9.33333333 L0.08,9.33333333 L0.313333333,8 L2.98,8 L3.68666667,4 L1.02,4 L1.25333333,2.66666667 L3.92,2.66666667 L4.39333333,0 L5.72666667,0 L5.25333333,2.66666667 L9.25333333,2.66666667 L9.72666667,0 L11.06,0 L10.5866667,2.66666667 L13.2533333,2.66666667 L13.02,4 L10.3533333,4 L9.64666667,8 L12.3133333,8 L12.08,9.33333333 L9.41333333,9.33333333 L8.94,12 L7.60666667,12 L8.08,9.33333333 L4.08,9.33333333 L3.60666667,12 L2.27333333,12 L2.27333333,12 Z M5.02,4 L4.31333333,8 L8.31333333,8 L9.02,4 L5.02,4 L5.02,4 Z" transform="translate(1.333 2)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameHoveredText-1uO31y name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">hovered text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;">
|
|
<div class="iconSpacing-3JkGQO">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" class="icon-1792kv">
|
|
<path transform="translate(18 0) scale(-1 1)" fill="#FFFFFF" fill-rule="nonzero" d="M11.5,9 C13.1575,9 14.5,7.6575 14.5,6 C14.5,4.3425 13.1575,3 11.5,3 C9.8425,3 8.5,4.3425 8.5,6 C8.5,7.6575 9.8425,9 11.5,9 Z M4,7 L4,5 L3,5 L3,7 L1,7 L1,8 L3,8 L3,10 L4,10 L4,8 L6,8 L6,7 L4,7 Z M11.5,10 C9.4975,10 6,11.005 6,13 L6,15 L17,15 L17,13 C17,11.005 13.5025,10 11.5,10 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="iconSpacing-3JkGQO">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 18 18">
|
|
<path fill="currentColor" d="M7.15546853,6.47630098e-17 L5.84453147,6.47630098e-17 C5.36185778,-6.47630098e-17 4.97057344,0.391750844 4.97057344,0.875 L4.97057344,1.9775 C4.20662236,2.21136254 3.50613953,2.61688993 2.92259845,3.163125 L1.96707099,2.61041667 C1.76621819,2.49425295 1.52747992,2.46279536 1.30344655,2.52297353 C1.07941319,2.58315171 0.88846383,2.73002878 0.77266168,2.93125 L0.117193154,4.06875 C0.00116776262,4.26984227 -0.0302523619,4.50886517 0.0298541504,4.73316564 C0.0899606628,4.9574661 0.236662834,5.14864312 0.437644433,5.26458333 L1.39171529,5.81583333 C1.21064614,6.59536289 1.21064614,7.40609544 1.39171529,8.185625 L0.437644433,8.736875 C0.236662834,8.85281521 0.0899606628,9.04399223 0.0298541504,9.2682927 C-0.0302523619,9.49259316 0.00116776262,9.73161606 0.117193154,9.93270833 L0.77266168,11.06875 C0.88846383,11.2699712 1.07941319,11.4168483 1.30344655,11.4770265 C1.52747992,11.5372046 1.76621819,11.5057471 1.96707099,11.3895833 L2.92259845,10.836875 C3.50613953,11.3831101 4.20662236,11.7886375 4.97057344,12.0225 L4.97057344,13.125 C4.97057344,13.6082492 5.36185778,14 5.84453147,14 L7.15546853,14 C7.63814222,14 8.02942656,13.6082492 8.02942656,13.125 L8.02942656,12.0225 C8.79337764,11.7886375 9.49386047,11.3831101 10.0774016,10.836875 L11.032929,11.3895833 C11.2337818,11.5057471 11.4725201,11.5372046 11.6965534,11.4770265 C11.9205868,11.4168483 12.1115362,11.2699712 12.2273383,11.06875 L12.8828068,9.93270833 C12.9988322,9.73161606 13.0302524,9.49259316 12.9701458,9.2682927 C12.9100393,9.04399223 12.7633372,8.85281521 12.5623556,8.736875 L11.6082847,8.185625 C11.7893539,7.40609544 11.7893539,6.59536289 11.6082847,5.81583333 L12.5623556,5.26458333 C12.7633372,5.14864312 12.9100393,4.9574661 12.9701458,4.73316564 C13.0302524,4.50886517 12.9988322,4.26984227 12.8828068,4.06875 L12.2273383,2.93270833 C12.1115362,2.73148712 11.9205868,2.58461004 11.6965534,2.52443187 C11.4725201,2.46425369 11.2337818,2.49571128 11.032929,2.611875 L10.0774016,3.16458333 C9.49400565,2.61782234 8.79351153,2.2117896 8.02942656,1.9775 L8.02942656,0.875 C8.02942656,0.391750844 7.63814222,6.47630098e-17 7.15546853,6.47630098e-17 Z M8.5,7 C8.5,8.1045695 7.6045695,9 6.5,9 C5.3954305,9 4.5,8.1045695 4.5,7 C4.5,5.8954305 5.3954305,5 6.5,5 C7.03043298,5 7.53914081,5.21071368 7.91421356,5.58578644 C8.28928632,5.96085919 8.5,6.46956702 8.5,7 Z" transform="translate(2.5 2)"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperLockedText-wfOnM5 wrapper-KpKNwI">
|
|
<div class="contentLockedText-1aHuz8 content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorLockedText-1VRkPt icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M10.8,7 L10.8,5.5 C10.8,4.1 9.4,3 8,3 C6.6,3 5.2,4.1 5.2,5.5 L5.2,7 C4.6,7 4,7.6 4,8.2 L4,11.7 C4,12.4 4.6,13 5.2,13 L10.7,13 C11.4,13 12,12.4 12,11.8 L12,8.3 C12,7.6 11.4,7 10.8,7 Z M9.5,7 L6.5,7 L6.5,5.5 C6.5,4.7 7.2,4.2 8,4.2 C8.8,4.2 9.5,4.7 9.5,5.5 L9.5,7 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameLockedText-3pqQcL name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">locked text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperDefaultText-2IWcE8 wrapper-KpKNwI">
|
|
<div class="contentDefaultText-3vZplL content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorDefaultText-oas-QM icon-sxakjD">
|
|
<path class="background-6FOJIb" fill="currentColor" d="M7.92,4.66666667 L6.50666667,4.66666667 L6.98,2 L5.64666667,2 L5.17333333,4.66666667 L2.50666667,4.66666667 L2.27333333,6 L4.94,6 L4.23333333,10 L1.56666667,10 L1.33333333,11.3333333 L4,11.3333333 L3.52666667,14 L4.86,14 L5.33333333,11.3333333 L9.33333333,11.3333333 L8.86,14 L10.1933333,14 L10.6666667,11.3333333 L13.3333333,11.3333333 L13.5666667,10 L12.2333333,10 L8.74333333,10 L5.56666667,10 L6.27333333,6 L7.92,6 L7.92,4.66666667 Z"></path>
|
|
<path class="foreground-SshK2E" fill="currentColor" fill-rule="nonzero" d="M15.1,3.2 L15.1,2 C15.1,0.88 14.05,0 13,0 C11.95,0 10.9,0.88 10.9,2 L10.9,3.2 C10.45,3.2 10,3.68 10,4.16 L10,6.96 C10,7.52 10.45,8 10.9,8 L15.025,8 C15.55,8 16,7.52 16,7.04 L16,4.24 C16,3.68 15.55,3.2 15.1,3.2 Z M14,3 L12,3 L12,1.92857143 C12,1.35714286 12.4666667,1 13,1 C13.5333333,1 14,1.35714286 14,1.92857143 L14,3 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameDefaultText-24KCy5 name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">unlocked text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperDefaultText-2IWcE8 wrapper-KpKNwI">
|
|
<div class="contentDefaultText-3vZplL content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorDefaultText-oas-QM icon-sxakjD">
|
|
<path class="background-2OVjk_" fill="currentColor" d="M8.64367816,4.66666667 L6.50666667,4.66666667 L6.98,2 L5.64666667,2 L5.17333333,4.66666667 L2.50666667,4.66666667 L2.27333333,6 L4.94,6 L4.23333333,10 L1.56666667,10 L1.33333333,11.3333333 L4,11.3333333 L3.52666667,14 L4.86,14 L5.33333333,11.3333333 L9.33333333,11.3333333 L8.86,14 L10.1933333,14 L10.6666667,11.3333333 L13.3333333,11.3333333 L13.5666667,10 L10.9,10 L11.0766667,9 L9.74333333,9 L9.56666667,10 L5.56666667,10 L6.27333333,6 L8.13793103,6 L8.64367816,4.66666667 Z"></path>
|
|
<path class="foreground-2W-aJk" fill="currentColor" fill-rule="nonzero" d="M9.75,8 L15.25,8 L15.25,8 C15.6642136,8 16,7.66421356 16,7.25 L16,6.71660919 L16,6.71660919 C16,6.57385832 15.9694372,6.43276186 15.9103665,6.30280625 L13.7664532,1.58619706 L13.7664532,1.58619706 C13.6041831,1.22920277 13.2482302,1 12.8560867,1 L12.1439133,1 L12.1439133,1 C11.7517698,1 11.3958169,1.22920277 11.2335468,1.58619706 L9.08963352,6.30280625 L9.08963352,6.30280625 C9.03056279,6.43276186 9,6.57385832 9,6.71660919 L9,7.25 L9,7.25 C9,7.66421356 9.33578644,8 9.75,8 Z M13,7 L12,7 L12,6 L13,6 L13,7 Z M13,4.96118197 L12,4.96118197 L12,3 L13,3 L13,4.96118197 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameDefaultText-24KCy5 name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">nsfw text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperDefaultVoice-1yvceo wrapper-KpKNwI">
|
|
<div class="contentDefaultVoice-2ko43i content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorDefaultVoice-3wYlhb icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M9.33333333,2 L9.33333333,3.37333333 C11.26,3.94666667 12.6666667,5.73333333 12.6666667,7.84666667 C12.6666667,9.96 11.26,11.74 9.33333333,12.3133333 L9.33333333,13.6933333 C12,13.0866667 14,10.7 14,7.84666667 C14,4.99333333 12,2.60666667 9.33333333,2 L9.33333333,2 Z M11,7.84666667 C11,6.66666667 10.3333333,5.65333333 9.33333333,5.16 L9.33333333,10.5133333 C10.3333333,10.04 11,9.02 11,7.84666667 L11,7.84666667 Z M2,5.84666667 L2,9.84666667 L4.66666667,9.84666667 L8,13.18 L8,2.51333333 L4.66666667,5.84666667 L2,5.84666667 L2,5.84666667 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameDefaultVoice-3WUH7s name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">default voice</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperDefaultVoice-1yvceo wrapper-KpKNwI">
|
|
<div class="contentDefaultVoice-2ko43i content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorDefaultVoice-3wYlhb icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M9.33333333,2 L9.33333333,3.37333333 C11.26,3.94666667 12.6666667,5.73333333 12.6666667,7.84666667 C12.6666667,9.96 11.26,11.74 9.33333333,12.3133333 L9.33333333,13.6933333 C12,13.0866667 14,10.7 14,7.84666667 C14,4.99333333 12,2.60666667 9.33333333,2 L9.33333333,2 Z M11,7.84666667 C11,6.66666667 10.3333333,5.65333333 9.33333333,5.16 L9.33333333,10.5133333 C10.3333333,10.04 11,9.02 11,7.84666667 L11,7.84666667 Z M2,5.84666667 L2,9.84666667 L4.66666667,9.84666667 L8,13.18 L8,2.51333333 L4.66666667,5.84666667 L2,5.84666667 L2,5.84666667 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameDefaultVoice-3WUH7s name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">default voice (hidden)</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperHoveredVoice-3ItgyI wrapper-KpKNwI">
|
|
<div class="contentHoveredVoice-3p_NEO content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorHoveredVoice-1kucsK icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M9.33333333,2 L9.33333333,3.37333333 C11.26,3.94666667 12.6666667,5.73333333 12.6666667,7.84666667 C12.6666667,9.96 11.26,11.74 9.33333333,12.3133333 L9.33333333,13.6933333 C12,13.0866667 14,10.7 14,7.84666667 C14,4.99333333 12,2.60666667 9.33333333,2 L9.33333333,2 Z M11,7.84666667 C11,6.66666667 10.3333333,5.65333333 9.33333333,5.16 L9.33333333,10.5133333 C10.3333333,10.04 11,9.02 11,7.84666667 L11,7.84666667 Z M2,5.84666667 L2,9.84666667 L4.66666667,9.84666667 L8,13.18 L8,2.51333333 L4.66666667,5.84666667 L2,5.84666667 L2,5.84666667 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameHoveredVoice-YJ1Vfd name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">hovered voice</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;">
|
|
<div class="iconSpacing-3JkGQO">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" class="icon-1792kv">
|
|
<path transform="translate(18 0) scale(-1 1)" fill="#FFFFFF" fill-rule="nonzero" d="M11.5,9 C13.1575,9 14.5,7.6575 14.5,6 C14.5,4.3425 13.1575,3 11.5,3 C9.8425,3 8.5,4.3425 8.5,6 C8.5,7.6575 9.8425,9 11.5,9 Z M4,7 L4,5 L3,5 L3,7 L1,7 L1,8 L3,8 L3,10 L4,10 L4,8 L6,8 L6,7 L4,7 Z M11.5,10 C9.4975,10 6,11.005 6,13 L6,15 L17,15 L17,13 C17,11.005 13.5025,10 11.5,10 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="iconSpacing-3JkGQO">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 18 18">
|
|
<path fill="currentColor" d="M7.15546853,6.47630098e-17 L5.84453147,6.47630098e-17 C5.36185778,-6.47630098e-17 4.97057344,0.391750844 4.97057344,0.875 L4.97057344,1.9775 C4.20662236,2.21136254 3.50613953,2.61688993 2.92259845,3.163125 L1.96707099,2.61041667 C1.76621819,2.49425295 1.52747992,2.46279536 1.30344655,2.52297353 C1.07941319,2.58315171 0.88846383,2.73002878 0.77266168,2.93125 L0.117193154,4.06875 C0.00116776262,4.26984227 -0.0302523619,4.50886517 0.0298541504,4.73316564 C0.0899606628,4.9574661 0.236662834,5.14864312 0.437644433,5.26458333 L1.39171529,5.81583333 C1.21064614,6.59536289 1.21064614,7.40609544 1.39171529,8.185625 L0.437644433,8.736875 C0.236662834,8.85281521 0.0899606628,9.04399223 0.0298541504,9.2682927 C-0.0302523619,9.49259316 0.00116776262,9.73161606 0.117193154,9.93270833 L0.77266168,11.06875 C0.88846383,11.2699712 1.07941319,11.4168483 1.30344655,11.4770265 C1.52747992,11.5372046 1.76621819,11.5057471 1.96707099,11.3895833 L2.92259845,10.836875 C3.50613953,11.3831101 4.20662236,11.7886375 4.97057344,12.0225 L4.97057344,13.125 C4.97057344,13.6082492 5.36185778,14 5.84453147,14 L7.15546853,14 C7.63814222,14 8.02942656,13.6082492 8.02942656,13.125 L8.02942656,12.0225 C8.79337764,11.7886375 9.49386047,11.3831101 10.0774016,10.836875 L11.032929,11.3895833 C11.2337818,11.5057471 11.4725201,11.5372046 11.6965534,11.4770265 C11.9205868,11.4168483 12.1115362,11.2699712 12.2273383,11.06875 L12.8828068,9.93270833 C12.9988322,9.73161606 13.0302524,9.49259316 12.9701458,9.2682927 C12.9100393,9.04399223 12.7633372,8.85281521 12.5623556,8.736875 L11.6082847,8.185625 C11.7893539,7.40609544 11.7893539,6.59536289 11.6082847,5.81583333 L12.5623556,5.26458333 C12.7633372,5.14864312 12.9100393,4.9574661 12.9701458,4.73316564 C13.0302524,4.50886517 12.9988322,4.26984227 12.8828068,4.06875 L12.2273383,2.93270833 C12.1115362,2.73148712 11.9205868,2.58461004 11.6965534,2.52443187 C11.4725201,2.46425369 11.2337818,2.49571128 11.032929,2.611875 L10.0774016,3.16458333 C9.49400565,2.61782234 8.79351153,2.2117896 8.02942656,1.9775 L8.02942656,0.875 C8.02942656,0.391750844 7.63814222,6.47630098e-17 7.15546853,6.47630098e-17 Z M8.5,7 C8.5,8.1045695 7.6045695,9 6.5,9 C5.3954305,9 4.5,8.1045695 4.5,7 C4.5,5.8954305 5.3954305,5 6.5,5 C7.03043298,5 7.53914081,5.21071368 7.91421356,5.58578644 C8.28928632,5.96085919 8.5,6.46956702 8.5,7 Z" transform="translate(2.5 2)"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperLockedVoice-3QrBs- wrapper-KpKNwI">
|
|
<div class="contentLockedVoice-1gx-SP content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorLockedVoice-2UlBjl icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M10.8,7 L10.8,5.5 C10.8,4.1 9.4,3 8,3 C6.6,3 5.2,4.1 5.2,5.5 L5.2,7 C4.6,7 4,7.6 4,8.2 L4,11.7 C4,12.4 4.6,13 5.2,13 L10.7,13 C11.4,13 12,12.4 12,11.8 L12,8.3 C12,7.6 11.4,7 10.8,7 Z M9.5,7 L6.5,7 L6.5,5.5 C6.5,4.7 7.2,4.2 8,4.2 C8.8,4.2 9.5,4.7 9.5,5.5 L9.5,7 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameLockedVoice-26MhB1 name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">locked voice</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperDefaultVoice-1yvceo wrapper-KpKNwI">
|
|
<div class="contentDefaultVoice-2ko43i content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorDefaultVoice-3wYlhb icon-sxakjD">
|
|
<path class="background-2OVjk_" fill="currentColor" d="M13.6005009,10 C12.8887426,11.8438372 11.2906136,13.2480521 9.33333333,13.6933333 L9.33333333,12.3133333 C10.5512947,11.950895 11.5614504,11.1062412 12.1398042,10 L13.6005009,10 Z M10.7736513,8.99497564 C10.4978663,9.6613459 9.98676114,10.2040442 9.33333333,10.5133333 L9.33333333,8.99497564 L10.7736513,8.99497564 Z M2,5.84666667 L4.66666667,5.84666667 L8,2.51333333 L8,13.18 L4.66666667,9.84666667 L2,9.84666667 L2,5.84666667 Z"></path>
|
|
<path class="foreground-2W-aJk" fill="currentColor" fill-rule="nonzero" d="M15.1,3.2 L15.1,2 C15.1,0.88 14.05,0 13,0 C11.95,0 10.9,0.88 10.9,2 L10.9,3.2 C10.45,3.2 10,3.68 10,4.16 L10,6.96 C10,7.52 10.45,8 10.9,8 L15.025,8 C15.55,8 16,7.52 16,7.04 L16,4.24 C16,3.68 15.55,3.2 15.1,3.2 Z M14,3 L12,3 L12,1.92857143 C12,1.35714286 12.4666667,1 13,1 C13.5333333,1 14,1.35714286 14,1.92857143 L14,3 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameDefaultVoice-3WUH7s name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">unlocked voice</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-1">
|
|
<div class="containerDefault-3GGEv_">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 wrapperDefault-10Jfvz cursorPointer-1ajlYk" style="flex: 1 1 auto;">
|
|
<svg class="iconDefault-3Gr8d2 iconTransition-2pOJ7l" width="12" height="12" viewBox="0 0 24 24">
|
|
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 10L12 15 17 10"></path>
|
|
</svg>
|
|
<div class="nameDefault-2DI02H colorTransition-2-M2tg overflowEllipsis-2JOaZ6" style="flex: 1 1 auto;">category</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 margin-reset" style="flex: 0 1 auto;">
|
|
<button type="button" class="addButton-1BORro button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp">
|
|
<svg class="addButtonIcon-3u-3Hu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18">
|
|
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperDefaultText-2IWcE8 wrapper-KpKNwI">
|
|
<div class="contentDefaultText-3vZplL content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorDefaultText-oas-QM icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M2.27333333,12 L2.74666667,9.33333333 L0.08,9.33333333 L0.313333333,8 L2.98,8 L3.68666667,4 L1.02,4 L1.25333333,2.66666667 L3.92,2.66666667 L4.39333333,0 L5.72666667,0 L5.25333333,2.66666667 L9.25333333,2.66666667 L9.72666667,0 L11.06,0 L10.5866667,2.66666667 L13.2533333,2.66666667 L13.02,4 L10.3533333,4 L9.64666667,8 L12.3133333,8 L12.08,9.33333333 L9.41333333,9.33333333 L8.94,12 L7.60666667,12 L8.08,9.33333333 L4.08,9.33333333 L3.60666667,12 L2.27333333,12 L2.27333333,12 Z M5.02,4 L4.31333333,8 L8.31333333,8 L9.02,4 L5.02,4 L5.02,4 Z" transform="translate(1.333 2)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameDefaultText-24KCy5 name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">default text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperUnreadText-2zuiuD wrapper-KpKNwI">
|
|
<div class="unread-1Dp-OI"></div>
|
|
<div class="contentUnreadText-2vNnZc content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorUnreadText-2t7XRb icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M2.27333333,12 L2.74666667,9.33333333 L0.08,9.33333333 L0.313333333,8 L2.98,8 L3.68666667,4 L1.02,4 L1.25333333,2.66666667 L3.92,2.66666667 L4.39333333,0 L5.72666667,0 L5.25333333,2.66666667 L9.25333333,2.66666667 L9.72666667,0 L11.06,0 L10.5866667,2.66666667 L13.2533333,2.66666667 L13.02,4 L10.3533333,4 L9.64666667,8 L12.3133333,8 L12.08,9.33333333 L9.41333333,9.33333333 L8.94,12 L7.60666667,12 L8.08,9.33333333 L4.08,9.33333333 L3.60666667,12 L2.27333333,12 L2.27333333,12 Z M5.02,4 L4.31333333,8 L8.31333333,8 L9.02,4 L5.02,4 L5.02,4 Z" transform="translate(1.333 2)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameUnreadText-DfkrI4 name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">unread text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;">
|
|
<div class="iconSpacing-3JkGQO">
|
|
<div class="wrapper-232cHJ">1</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperSelectedVoice-xzxa2u wrapper-KpKNwI">
|
|
<div class="contentSelectedVoice-1WDIBM content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorSelectedVoice-Xcb_9R icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M9.33333333,2 L9.33333333,3.37333333 C11.26,3.94666667 12.6666667,5.73333333 12.6666667,7.84666667 C12.6666667,9.96 11.26,11.74 9.33333333,12.3133333 L9.33333333,13.6933333 C12,13.0866667 14,10.7 14,7.84666667 C14,4.99333333 12,2.60666667 9.33333333,2 L9.33333333,2 Z M11,7.84666667 C11,6.66666667 10.3333333,5.65333333 9.33333333,5.16 L9.33333333,10.5133333 C10.3333333,10.04 11,9.02 11,7.84666667 L11,7.84666667 Z M2,5.84666667 L2,9.84666667 L4.66666667,9.84666667 L8,13.18 L8,2.51333333 L4.66666667,5.84666667 L2,5.84666667 L2,5.84666667 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameSelectedVoice-1qSph5 name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">selected voice</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 listDefault-36Sktb" style="flex: 1 1 auto;">
|
|
<div class="draggable-1KoBzC">
|
|
<div class="userHovered-2_fT4Z">
|
|
<div class="avatarContainer-72bSfM margin-reset" style="flex: 0 0 auto;">
|
|
<div class="avatarDefault-35WC3R" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
</div>
|
|
<div class="nameHovered-21k1eo margin-reset" style="flex: 1 1 auto;">(hovered) DevilBro</div>
|
|
</div>
|
|
</div>
|
|
<div class="draggable-1KoBzC">
|
|
<div class="userDefault-1qtQob">
|
|
<div class="avatarContainer-72bSfM margin-reset" style="flex: 0 0 auto;">
|
|
<div class="avatarSpeaking-1wJCNq" style="background: url(https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png) center center / cover;"></div>
|
|
</div>
|
|
<div class="nameSpeaking-3UhoEZ margin-reset" style="flex: 1 1 auto;">(speaking) Bad Bot</div>
|
|
</div>
|
|
</div>
|
|
<div class="draggable-1KoBzC">
|
|
<div class="userDefault-1qtQob">
|
|
<div class="avatarContainer-72bSfM margin-reset" style="flex: 0 0 auto;">
|
|
<div class="avatarDefault-35WC3R" style="background-image: REPLACE_AVATAR;"></div>
|
|
</div>
|
|
<div class="nameDefault-2s3kbY margin-reset" style="flex: 1 1 auto;">(default) REPLACE_USERNAME</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs margin-reset" style="flex: 0 0 auto;">
|
|
<div class="iconSpacing-3jB4W5">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="icon-3nr6O-">
|
|
<path fill="#FFFFFF" d="M10.6666667,6 C10.6666667,6.79333333 10.44,7.53333333 10.0666667,8.18666667 L9.24666667,7.36666667 C9.42666667,6.95333333 9.53333333,6.49333333 9.53333333,6 L10.6666667,6 L10.6666667,6 Z M8,6.10666667 L4,2.12 L4,2 C4,0.8954305 4.8954305,2.96059473e-16 6,0 C7.1045695,0 8,0.8954305 8,2 L8,6 L8,6.10666667 L8,6.10666667 Z M0.846666667,0.666666667 L12,11.82 L11.1533333,12.6666667 L8.36,9.87333333 C7.84666667,10.18 7.27333333,10.3866667 6.66666667,10.48 L6.66666667,12.6666667 L5.33333333,12.6666667 L5.33333333,10.48 C3.14666667,10.1533333 1.33333333,8.27333333 1.33333333,6 L2.46666667,6 C2.46666667,8 4.16,9.4 6,9.4 C6.54,9.4 7.06666667,9.27333333 7.54,9.05333333 L6.43333333,7.94666667 L6,8 C4.8954305,8 4,7.1045695 4,6 L4,5.52 L0,1.51333333 L0.846666667,0.666666667 Z" transform="translate(2 1.5)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="iconSpacing-3jB4W5">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="icon-29PTzq">
|
|
<path d="M13.62,5.22666667 C13.8666667,5.88 14,6.59333333 14,7.33333333 L14,12.6666667 C14,13.7712362 12.6666667,14 12.6666667,14 L10,14 L10,8.84666667 L6,12.8466667 L6,14 L4.84666667,14 L3.18,15.6666667 L2.33333333,14.8133333 L14.1466667,3 L15,3.84666667 L13.62,5.22666667 Z M8,1.33333333 C9.68666667,1.33333333 11.2133333,2.02666667 12.3,3.14666667 L11.36,4.09333333 C10.5133333,3.21333333 9.33333333,2.66666667 8,2.66666667 C5.42267117,2.66666667 3.33333333,4.7560045 3.33333333,7.33333333 L3.33333333,8.66666667 L6,8.66666667 L6,9.45333333 L2.33333333,13.1133333 C2.12666667,12.7933333 2,12.4133333 2,12 L2,7.33333333 C2,4.01962483 4.6862915,1.33333333 8,1.33333333 L8,1.33333333 Z M12.6666667,8.66666667 L12.6666667,7.33333333 C12.6666667,6.97333333 12.6266667,6.62666667 12.5533333,6.29333333 L10.18,8.66666667 L12.6666667,8.66666667 Z" transform="translate(16 0) scale(-1 1)"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-2">
|
|
<div class="containerDefault-3GGEv_">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 wrapperCollapsed-3Fbxl6 cursorPointer-1ajlYk" style="flex: 1 1 auto;">
|
|
<svg class="iconCollapsed-3hFp_8 iconTransition-2pOJ7l closed-1D6IW8" width="12" height="12" viewBox="0 0 24 24">
|
|
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 10L12 15 17 10"></path>
|
|
</svg>
|
|
<div class="nameCollapsed-34uFWo colorTransition-2-M2tg overflowEllipsis-2JOaZ6" style="flex: 1 1 auto;">category collapsed</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 margin-reset" style="flex: 0 1 auto;">
|
|
<button type="button" class="addButton-1BORro button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp">
|
|
<svg class="addButtonIcon-3u-3Hu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18">
|
|
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-3">
|
|
<div class="containerDefault-3GGEv_">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 wrapperUnread-1JPWj3 cursorPointer-1ajlYk" style="flex: 1 1 auto;">
|
|
<svg class="iconUnread-2eGkvX iconTransition-2pOJ7l" width="12" height="12" viewBox="0 0 24 24">
|
|
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 10L12 15 17 10"></path>
|
|
</svg>
|
|
<div class="nameUnread-njOjIS colorTransition-2-M2tg overflowEllipsis-2JOaZ6" style="flex: 1 1 auto;">unread category</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 margin-reset" style="flex: 0 1 auto;">
|
|
<button type="button" class="addButton-1BORro button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp">
|
|
<svg class="addButtonIcon-3u-3Hu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18">
|
|
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperUnreadText-2zuiuD wrapper-KpKNwI">
|
|
<div class="unread-1Dp-OI"></div>
|
|
<div class="contentUnreadText-2vNnZc content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorUnreadText-2t7XRb icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M2.27333333,12 L2.74666667,9.33333333 L0.08,9.33333333 L0.313333333,8 L2.98,8 L3.68666667,4 L1.02,4 L1.25333333,2.66666667 L3.92,2.66666667 L4.39333333,0 L5.72666667,0 L5.25333333,2.66666667 L9.25333333,2.66666667 L9.72666667,0 L11.06,0 L10.5866667,2.66666667 L13.2533333,2.66666667 L13.02,4 L10.3533333,4 L9.64666667,8 L12.3133333,8 L12.08,9.33333333 L9.41333333,9.33333333 L8.94,12 L7.60666667,12 L8.08,9.33333333 L4.08,9.33333333 L3.60666667,12 L2.27333333,12 L2.27333333,12 Z M5.02,4 L4.31333333,8 L8.31333333,8 L9.02,4 L5.02,4 L5.02,4 Z" transform="translate(1.333 2)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameUnreadText-DfkrI4 name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">unread text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-4">
|
|
<div class="containerDefault-3GGEv_">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 wrapperMuted-3KeA2M cursorPointer-1ajlYk" style="flex: 1 1 auto;">
|
|
<svg class="iconMuted-1HVBGH iconTransition-2pOJ7l" width="12" height="12" viewBox="0 0 24 24">
|
|
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 10L12 15 17 10"></path>
|
|
</svg>
|
|
<div class="nameMuted-1MCOt4 colorTransition-2-M2tg overflowEllipsis-2JOaZ6" style="flex: 1 1 auto;">muted category</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 margin-reset" style="flex: 0 1 auto;">
|
|
<button type="button" class="addButton-1BORro button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp">
|
|
<svg class="addButtonIcon-3u-3Hu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18">
|
|
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperDefaultText-2IWcE8 wrapper-KpKNwI">
|
|
<div class="contentDefaultText-3vZplL content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorDefaultText-oas-QM icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M2.27333333,12 L2.74666667,9.33333333 L0.08,9.33333333 L0.313333333,8 L2.98,8 L3.68666667,4 L1.02,4 L1.25333333,2.66666667 L3.92,2.66666667 L4.39333333,0 L5.72666667,0 L5.25333333,2.66666667 L9.25333333,2.66666667 L9.72666667,0 L11.06,0 L10.5866667,2.66666667 L13.2533333,2.66666667 L13.02,4 L10.3533333,4 L9.64666667,8 L12.3133333,8 L12.08,9.33333333 L9.41333333,9.33333333 L8.94,12 L7.60666667,12 L8.08,9.33333333 L4.08,9.33333333 L3.60666667,12 L2.27333333,12 L2.27333333,12 Z M5.02,4 L4.31333333,8 L8.31333333,8 L9.02,4 L5.02,4 L5.02,4 Z" transform="translate(1.333 2)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameDefaultText-24KCy5 name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">default text</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div class="wrapperDefaultVoice-1yvceo wrapper-KpKNwI">
|
|
<div class="contentDefaultVoice-2ko43i content-20Aix8">
|
|
<div class="marginReset-3RfdVe" style="flex: 0 0 auto;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="colorDefaultVoice-3wYlhb icon-sxakjD">
|
|
<path class="foreground-2W-aJk" fill="currentColor" d="M9.33333333,2 L9.33333333,3.37333333 C11.26,3.94666667 12.6666667,5.73333333 12.6666667,7.84666667 C12.6666667,9.96 11.26,11.74 9.33333333,12.3133333 L9.33333333,13.6933333 C12,13.0866667 14,10.7 14,7.84666667 C14,4.99333333 12,2.60666667 9.33333333,2 L9.33333333,2 Z M11,7.84666667 C11,6.66666667 10.3333333,5.65333333 9.33333333,5.16 L9.33333333,10.5133333 C10.3333333,10.04 11,9.02 11,7.84666667 L11,7.84666667 Z M2,5.84666667 L2,9.84666667 L4.66666667,9.84666667 L8,13.18 L8,2.51333333 L4.66666667,5.84666667 L2,5.84666667 L2,5.84666667 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="nameDefaultVoice-3WUH7s name-3M0b8v overflowEllipsis-jeThUf" style="flex: 1 1 auto;">default voice</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 marginReset-3RfdVe" style="flex: 0 1 auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-5">
|
|
<div class="containerDefault-3GGEv_">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 wrapperMuted-3KeA2M cursorPointer-1ajlYk" style="flex: 1 1 auto;">
|
|
<svg class="iconMuted-1HVBGH iconTransition-2pOJ7l closed-1D6IW8" width="12" height="12" viewBox="0 0 24 24">
|
|
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 10L12 15 17 10"></path>
|
|
</svg>
|
|
<div class="nameMuted-1MCOt4 colorTransition-2-M2tg overflowEllipsis-2JOaZ6" style="flex: 1 1 auto;">muted category collapsed</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 margin-reset" style="flex: 0 1 auto;">
|
|
<button type="button" class="addButton-1BORro button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp">
|
|
<svg class="addButtonIcon-3u-3Hu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18">
|
|
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%; height: 15px; visibility: hidden;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="unreadBottom-1px0d1 unread-nWfX3W container-35XQWE">
|
|
<div class="bar-30k2ka flexCenter-3_1bcw flex-1O1GKY justifyStart-2NDFzi alignCenter-1dQNNs unreadBar-17qm9c unread-1xRYoj active-1SSsBb" style="transform: translateY(150%);">New Unreads
|
|
<svg name="ArrowDown" class="icon-2aINcz" width="24" height="24" viewBox="0 0 24 24">
|
|
<polygon fill="currentColor" fill-rule="nonzero" points="13 4.16 11 4.16 11 16.16 5.5 10.66 4.08 12.08 12 20 19.92 12.08 18.5 10.66 13 16.16"></polygon>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-1UB9sr">
|
|
<div class="inner-btChU7">
|
|
<div class="rtc-connection-statusrtc-connection-status-connectedrtc-connection-quality-fine">
|
|
<span class="ping"></span>
|
|
Voice Connected
|
|
</div>
|
|
<a class="channel-SEolQq">selected voice / Selected Server</a>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 0 0 auto;">
|
|
<div class="buttonInfo-3nkbOt button-2KyEfG"></div>
|
|
<div class="buttonDisconnect-3W_SJc button-2KyEfG"></div>
|
|
</div>
|
|
</div>
|
|
<div class="container-2Thooq">
|
|
<div class="wrapper-2F3Zv8 small-5Os1Bb avatar-small" >
|
|
<div user="" status="online" class="avatar-3JE4B3 avatar-small stop-animation" style="background-image: REPLACE_AVATAR;"></div>
|
|
<div class="online-2S838R status-oxiHuE small-5Os1Bb status status-2kJpnA"></div>
|
|
</div>
|
|
<div class="accountDetails-3k9g4n nameTag-m8r81H">
|
|
<span class="username">REPLACE_USERNAME</span>
|
|
<span class="discriminator">#REPLACE_DISCRIMINATOR</span>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 0 1 auto;">
|
|
<div class="">
|
|
<button class="iconButtonDefault-2cKx7- iconButton-3V4WS5 button-2b6hmh small--aHOfS" style="background-image: url(https://discordapp.com/assets/4bc527c257233fc69b94342d77bcb9ee.svg);"></button>
|
|
</div>
|
|
<div class="">
|
|
<button class="iconButtonDefault-2cKx7- iconButton-3V4WS5 button-2b6hmh small--aHOfS" style="background-image: url(https://discordapp.com/assets/c7c47afdf35d5a3e06233319d3aa7674.svg);"></button>
|
|
</div>
|
|
<div class="button-2b6hmh">
|
|
<svg name="Gear" width="18" height="18" viewBox="0 0 18 18">
|
|
<path fill="currentColor" d="M7.15546853,6.47630098e-17 L5.84453147,6.47630098e-17 C5.36185778,-6.47630098e-17 4.97057344,0.391750844 4.97057344,0.875 L4.97057344,1.9775 C4.20662236,2.21136254 3.50613953,2.61688993 2.92259845,3.163125 L1.96707099,2.61041667 C1.76621819,2.49425295 1.52747992,2.46279536 1.30344655,2.52297353 C1.07941319,2.58315171 0.88846383,2.73002878 0.77266168,2.93125 L0.117193154,4.06875 C0.00116776262,4.26984227 -0.0302523619,4.50886517 0.0298541504,4.73316564 C0.0899606628,4.9574661 0.236662834,5.14864312 0.437644433,5.26458333 L1.39171529,5.81583333 C1.21064614,6.59536289 1.21064614,7.40609544 1.39171529,8.185625 L0.437644433,8.736875 C0.236662834,8.85281521 0.0899606628,9.04399223 0.0298541504,9.2682927 C-0.0302523619,9.49259316 0.00116776262,9.73161606 0.117193154,9.93270833 L0.77266168,11.06875 C0.88846383,11.2699712 1.07941319,11.4168483 1.30344655,11.4770265 C1.52747992,11.5372046 1.76621819,11.5057471 1.96707099,11.3895833 L2.92259845,10.836875 C3.50613953,11.3831101 4.20662236,11.7886375 4.97057344,12.0225 L4.97057344,13.125 C4.97057344,13.6082492 5.36185778,14 5.84453147,14 L7.15546853,14 C7.63814222,14 8.02942656,13.6082492 8.02942656,13.125 L8.02942656,12.0225 C8.79337764,11.7886375 9.49386047,11.3831101 10.0774016,10.836875 L11.032929,11.3895833 C11.2337818,11.5057471 11.4725201,11.5372046 11.6965534,11.4770265 C11.9205868,11.4168483 12.1115362,11.2699712 12.2273383,11.06875 L12.8828068,9.93270833 C12.9988322,9.73161606 13.0302524,9.49259316 12.9701458,9.2682927 C12.9100393,9.04399223 12.7633372,8.85281521 12.5623556,8.736875 L11.6082847,8.185625 C11.7893539,7.40609544 11.7893539,6.59536289 11.6082847,5.81583333 L12.5623556,5.26458333 C12.7633372,5.14864312 12.9100393,4.9574661 12.9701458,4.73316564 C13.0302524,4.50886517 12.9988322,4.26984227 12.8828068,4.06875 L12.2273383,2.93270833 C12.1115362,2.73148712 11.9205868,2.58461004 11.6965534,2.52443187 C11.4725201,2.46425369 11.2337818,2.49571128 11.032929,2.611875 L10.0774016,3.16458333 C9.49400565,2.61782234 8.79351153,2.2117896 8.02942656,1.9775 L8.02942656,0.875 C8.02942656,0.391750844 7.63814222,6.47630098e-17 7.15546853,6.47630098e-17 Z M8.5,7 C8.5,8.1045695 7.6045695,9 6.5,9 C5.3954305,9 4.5,8.1045695 4.5,7 C4.5,5.8954305 5.3954305,5 6.5,5 C7.03043298,5 7.53914081,5.21071368 7.91421356,5.58578644 C8.28928632,5.96085919 8.5,6.46956702 8.5,7 Z" transform="translate(2.5 2)"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="chat-3bRxxu">
|
|
<div class="titleWrapper-1l0xT9 theme-light">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 headerBarDrag-3bf7wG title-3qD0b-" style="flex: 0 0 auto;">
|
|
<div class="titleText-3X-zRE">
|
|
<span class="channelName-3stJzi">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="channelIcon-MsmKOO">
|
|
<path fill="currentColor" d="M2.27333333,12 L2.74666667,9.33333333 L0.08,9.33333333 L0.313333333,8 L2.98,8 L3.68666667,4 L1.02,4 L1.25333333,2.66666667 L3.92,2.66666667 L4.39333333,0 L5.72666667,0 L5.25333333,2.66666667 L9.25333333,2.66666667 L9.72666667,0 L11.06,0 L10.5866667,2.66666667 L13.2533333,2.66666667 L13.02,4 L10.3533333,4 L9.64666667,8 L12.3133333,8 L12.08,9.33333333 L9.41333333,9.33333333 L8.94,12 L7.60666667,12 L8.08,9.33333333 L4.08,9.33333333 L3.60666667,12 L2.27333333,12 L2.27333333,12 Z M5.02,4 L4.31333333,8 L8.31333333,8 L9.02,4 L5.02,4 L5.02,4 Z" transform="translate(1.333 2)"></path>
|
|
</svg>
|
|
selected text
|
|
</span>
|
|
</div>
|
|
<div class="topic-2QX7LI expandable-26ClD4">This is a Theme Preview inside a Dummy Version of Discord.</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6" style="flex: 0 0 auto;">
|
|
<span class="iconMargin-2YXk4F">
|
|
<svg class="iconInactive-g2AXfB icon-1R19_H" name="NotificationBell" width="16" height="16" viewBox="0 0 24 24">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path class="iconForeground-3y9f0B" fill="currentColor" d="M12.0062866,21 C13.0062866,21 13.7205723,20.5980469 14.0062866,19.9951172 L10.0062866,19.9951172 C10.2920009,20.5980469 11.0062866,21 12.0062866,21 L12.0062866,21 Z M18.9868164,17.0365601 L18.9868164,9 C18.9868164,6.36 16.6839496,4.02496338 13.9762573,4.02496338 C13.9762573,3.30496338 13.6322021,2.99511719 12.0031433,2.99511719 C10.3740845,2.99511719 10.0372925,3.30496338 10.0372925,4.02496338 C7.32960017,4.02496338 4.9954834,6.36 4.9954834,9 L4.9954834,17.0365601 L4.00628662,17.0365601 L4.00628662,18.9879761 L20,18.9879761 L20,17.0365601 L18.9868164,17.0365601 Z M17,17 L7,17 L7,9.3 C7,7.43 8.44444444,6 10.3333333,6 L13.6666667,6 C15.5555556,6 17,7.43 17,9.3 L17,17 L17,17 Z"></path>
|
|
<rect width="24" height="24"></rect>
|
|
</g>
|
|
</svg>
|
|
</span>
|
|
<span class="iconBadgeWrapper-1vhG5S iconMargin-2YXk4F">
|
|
<svg class="iconInactive-g2AXfB icon-1R19_H" name="Pin" width="16" height="16" viewBox="0 0 26 26">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path d="M1 1h24v24H1"></path>
|
|
<path class="iconForeground-3y9f0B" fill="currentColor" d="M15 15V6h-4v9h-.50899482C10.22788048 15 10 15.2238576 10 15.5c0 .2680664.2198305.5.49100518.5h5.01798964C15.77211952 16 16 15.7761424 16 15.5c0-.2680664-.2198305-.5-.49100518-.5H15zm2-9h1V4H8v2h1v8l-2 2v2h5.2v4h1.6v-4H19v-2l-2-2V6z"></path>
|
|
</g>
|
|
</svg>
|
|
<span class="iconBadge-2dji3k"></span>
|
|
</span>
|
|
<span class="iconMargin-2YXk4F">
|
|
<svg class="iconActive-AKd_jq icon-1R19_H" name="People" width="16" height="16" viewBox="0 0 24 24">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<polygon points="0 0 24 0 24 24 0 24"></polygon>
|
|
<path class="iconForeground-3y9f0B" fill="currentColor" d="M19 19L23 19 23 16.5C23 14.17 18.33 13 16 13 15.71 13 15.38 13.02 15.03 13.05 15.2979181 13.2440097 15.5471657 13.4534892 15.7720754 13.6791778 17.5922944 14.6769857 19 16.1183086 19 18L19 19zM14.3335577 10.4967128C14.8098529 10.8147627 15.3828086 11 16 11 17.66 11 18.99 9.66 18.99 8 18.99 6.34 17.66 5 16 5 15.3827845 5 14.8098082 5.18525173 14.3335019 5.5033244 14.7574619 6.23791814 15 7.09053797 15 8.00006693 15 8.90955601 14.7574832 9.76214095 14.3335577 10.4967128zM9 12C6.79 12 5 10.21 5 8 5 5.79 6.79 4 9 4 11.21 4 13 5.79 13 8 13 10.21 11.21 12 9 12zM9 14C11.67 14 17 15.34 17 18L17 20 1 20 1 18C1 15.34 6.33 14 9 14z"></path>
|
|
</g>
|
|
</svg>
|
|
</span>
|
|
<div class="search-l1Wz-Q theme-light">
|
|
<div class="search">
|
|
<div class="search-bar">
|
|
<div class="DraftEditor-root">
|
|
<div class="public-DraftEditorPlaceholder-root">
|
|
<div class="public-DraftEditorPlaceholder-inner" id="placeholder-c147v">Search</div>
|
|
</div>
|
|
<div class="DraftEditor-editorContainer">
|
|
<div aria-describedby="placeholder-c147v" class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline: none; white-space: pre-wrap; word-wrap: break-word;">
|
|
<div data-contents="true">
|
|
<div class="" data-block="true" data-editor="c147v" data-offset-key="99l96-0-0">
|
|
<div data-offset-key="99l96-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr">
|
|
<span data-offset-key="99l96-0-0">
|
|
<br data-text="true">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="search-bar-icon">
|
|
<i class="icon icon-search-bar-eye-glass visible"></i>
|
|
<i class="icon icon-search-bar-clear"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="divider-2PMBlV"></div>
|
|
<span class="iconMargin-2YXk4F">
|
|
<svg class="iconInactive-g2AXfB icon-1R19_H" name="Mention" width="16" height="16" viewBox="0 0 24 24">
|
|
<path fill="currentColor" class="iconForeground-3y9f0B" fill-rule="evenodd" d="M12.2608,9.57136 C11.91424,9.57136 11.6072,9.67136 11.3464,9.87136 C11.0856,10.07136 10.86432,10.32496 10.68208,10.63568 C10.5,10.94288 10.36432,11.2856 10.26784,11.65712 C10.17488,12.02864 10.12496,12.38944 10.12496,12.73216 C10.12496,12.90352 10.14288,13.08576 10.17856,13.28224 C10.21424,13.47504 10.2856,13.6536 10.39632,13.82144 C10.50352,13.9856 10.64624,14.12144 10.82128,14.22864 C10.99632,14.33584 11.22848,14.38944 11.51776,14.38944 C11.91056,14.38944 12.24272,14.2928 12.51776,14.1 C12.7928,13.9072 13.01776,13.66416 13.1928,13.36784 C13.36784,13.07504 13.4928,12.7536 13.57504,12.41088 C13.6536,12.068 13.6928,11.75008 13.6928,11.46432 C13.6928,11.23568 13.67136,11.01072 13.62864,10.78576 C13.58576,10.56432 13.51088,10.36432 13.4,10.18224 C13.2928,10.00368 13.14288,9.85728 12.9536,9.74288 C12.76784,9.62864 12.53584,9.57136 12.2608,9.57136 L12.2608,9.57136 Z M18.57808,16.8728 C18.84672,17.16224 18.84672,17.63168 18.55136,17.89328 C17.81248,18.54608 16.96928,19.0408 16.02144,19.37504 C14.8464,19.7928 13.6072,20 12.30352,20 C11.05696,20 9.92128,19.80352 8.9,19.4072 C7.87856,19.0144 7.00352,18.46416 6.28208,17.7608 C5.55712,17.05728 4.99632,16.21424 4.59632,15.23216 C4.19648,14.24992 4,13.17856 4,12.01792 C4,10.87136 4.21792,9.81072 4.6536,8.83568 C5.08928,7.86064 5.68208,7.01424 6.43568,6.29632 C7.18928,5.57856 8.06784,5.01776 9.07856,4.60704 C10.08208,4.20352 11.16064,4 12.30352,4 C13.28912,4 14.2464,4.14288 15.17136,4.42864 C16.1,4.7144 16.92144,5.1464 17.63936,5.71792 C18.35712,6.29296 18.92864,7.0072 19.35712,7.86784 C19.78576,8.72864 20,9.73936 20,10.9 C20,11.76064 19.88224,12.52144 19.64288,13.17856 C19.40368,13.8392 19.08592,14.38928 18.68592,14.83568 C18.28592,15.28208 17.83232,15.61408 17.31792,15.83568 C16.80368,16.05712 16.26448,16.16768 15.70016,16.16768 C15.1216,16.16768 14.65728,16.032 14.30736,15.76064 C13.96096,15.48912 13.78592,15.14272 13.78592,14.72848 L13.67872,14.72848 C13.46096,15.07136 13.12864,15.39984 12.67872,15.70704 C12.2288,16.01424 11.67872,16.1712 11.02512,16.1712 C10.03936,16.1712 9.27872,15.84976 8.74288,15.20336 C8.2072,14.55696 7.93936,13.72112 7.93936,12.6856 C7.93936,12.08192 8.03936,11.48912 8.24288,10.89984 C8.4464,10.31056 8.73584,9.78912 9.11072,9.32848 C9.48576,8.87136 9.93568,8.49984 10.45712,8.22128 C10.97856,7.94272 11.55712,7.80352 12.19648,7.80352 C12.74656,7.80352 13.21088,7.91776 13.58928,8.1464 C13.96432,8.37504 14.21088,8.65712 14.32864,8.98576 L14.35008,8.98576 L14.38288,8.82512 C14.46144,8.4384 14.8448,8.12512 15.23936,8.12512 L15.74656,8.12512 C16.14128,8.12512 16.3952,8.43792 16.31408,8.824 L15.60736,12.19296 C15.57872,12.39296 15.53936,12.6144 15.48944,12.8608 C15.43952,13.10384 15.4144,13.33232 15.4144,13.55024 C15.4144,13.79312 15.46096,13.99664 15.55744,14.16448 C15.65024,14.3288 15.836,14.41104 16.11088,14.41104 C16.6752,14.41104 17.14304,14.11088 17.51456,13.50752 C17.8824,12.904 18.068,12.0968 18.068,11.07888 C18.068,10.21824 17.9216,9.45392 17.63232,8.7896 C17.34288,8.12176 16.93936,7.56464 16.42512,7.11104 C15.91088,6.66112 15.29648,6.31824 14.58928,6.0896 C13.87872,5.86096 13.10368,5.74672 12.26448,5.74672 C11.35008,5.74672 10.5144,5.90736 9.75376,6.22896 C8.99296,6.5504 8.34304,6.9968 7.8072,7.56112 C7.27152,8.12896 6.85376,8.79328 6.55728,9.56112 C6.25728,10.32544 6.10736,11.15408 6.10736,12.04336 C6.10736,12.98976 6.26448,13.84336 6.5752,14.604 C6.88592,15.36464 7.32528,16.0112 7.88944,16.5504 C8.4536,17.0896 9.1288,17.50048 9.91088,17.78624 C10.69312,18.07184 11.55728,18.21472 12.49664,18.21472 C13.67168,18.21472 14.6824,18.02912 15.5288,17.65408 C16.16528,17.37488 16.76304,17.01264 17.32304,16.56944 C17.632,16.3248 18.08192,16.3384 18.35056,16.62768 L18.57808,16.8728 L18.57808,16.8728 Z"></path>
|
|
</svg>
|
|
</span>
|
|
<span class="iconMargin-2YXk4F">
|
|
<svg class="iconInactive-g2AXfB icon-1R19_H" name="QuestionMark" width="16" height="16" viewBox="0 0 24 24">
|
|
<g fill="currentColor" class="iconForeground-3y9f0B" fill-rule="evenodd" transform="translate(7 4)">
|
|
<path d="M0 4.3258427C0 5.06741573.616438356 5.68539326 1.35616438 5.68539326 2.09589041 5.68539326 2.71232877 5.06741573 2.71232877 4.3258427 2.71232877 2.84269663 4.31506849 2.78089888 4.5 2.78089888 4.68493151 2.78089888 6.28767123 2.84269663 6.28767123 4.3258427L6.28767123 4.63483146C6.28767123 5.25280899 5.97945205 5.74719101 5.42465753 6.05617978L4.19178082 6.73595506C3.51369863 7.10674157 3.14383562 7.78651685 3.14383562 8.52808989L3.14383562 9.64044944C3.14383562 10.3820225 3.76027397 11 4.5 11 5.23972603 11 5.85616438 10.3820225 5.85616438 9.64044944L5.85616438 8.96067416 6.71917808 8.52808989C8.1369863 7.78651685 9 6.30337079 9 4.69662921L9 4.3258427C9 1.48314607 6.71917808 0 4.5 0 2.21917808 0 0 1.48314607 0 4.3258427zM4.5 12C2.5 12 2.5 15 4.5 15 6.5 15 6.5 12 4.5 12L4.5 12z"></path>
|
|
</g>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-yTz4x3">
|
|
<div class="flex-spacer flex-vertical" style="position: relative;">
|
|
<div class="messagesWrapper-3lZDfY">
|
|
<div class="newMessagesBar-mujexs">
|
|
<button type="button">10 new messages since Forever</button>
|
|
<button type="button">Mark As Read</button>
|
|
</div>
|
|
<div class="scroller-wrap scrollerWrap-2su1QI">
|
|
<div class="messages-3amgkR scroller">
|
|
<div class="default-1VPH9n base-34jWEe">
|
|
<h1 class="old-h1">Welcome to the beginning of the <strong>#adsdas</strong> channel.</h1>
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Last Saturday at 3:25 PM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="markup-2BOw-j">Thanks for choosing to use my Theme Repo Plugin to find a Theme of your liking. If you have suggestions or are looking for more of my Plugins, feel free to visit my git at <a title="https://github.com/mwittrien/BetterDiscordAddons/" href="https://github.com/mwittrien/BetterDiscordAddons" target="_blank" rel="noreferrer">https://github.com/mwittrien/BetterDiscordAddons/</a></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="embed-IeVjo6 flex-1O1GKY">
|
|
<div class="embedPill-1Zntps"></div>
|
|
<div class="embedInner-1-fpTo">
|
|
<div class="embedContent-3fnYWm flex-1O1GKY">
|
|
<div class="embedContentInner-FBnk7v">
|
|
<div class="">
|
|
<span class="embedProvider-3k5pfl size12-3R0845 weightNormal-WI4TcG">GitHub</span>
|
|
</div>
|
|
<div class="embedMargin-UO5XwE marginTop4-2BNfKC">
|
|
<a target="_blank" rel="noreferrer noopener" class="embedTitleLink-1Zla9e embedLink-1G1K1D embedTitle-3OXDkz size14-3iUx6q weightMedium-2iZe9B" href="https://github.com/mwittrien/BetterDiscordAddons/">mwittrien/BetterDiscordAddons</a>
|
|
</div>
|
|
<div class="embedDescription-1Cuq9a embedMargin-UO5XwE marginTop4-2BNfKC markup">BetterDiscordAddons - A series of plugins and themes for BetterDiscord.</div>
|
|
</div>
|
|
<a target="_blank" rel="noreferrer noopener" class="embedThumbnail-2Y84-K embedImage-2W1cML" href="https://github.com/mwittrien/BetterDiscordAddons/">
|
|
<div class="imageWrapper-2p5ogY" style="width: 80px; height: 80px;">
|
|
<img src="https://i.imgur.com/EZUorCa.png?1" style="width: 80px; height: 80px;"></img>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="divider-32i8lo">
|
|
</div>
|
|
<div class="divider-3gKybi divider-3zi9LO">
|
|
<span class="dividerContent-2L12VI">November 21, 2017</span>
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: REPLACE_AVATAR;"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Last Tuesday at 7:06 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="btn-reaction"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j"><code class="inline">Codeline</code><pre><code class="scrollbarGhost-2F9Zj2 scrollbar-3dvm_9 hljs">Normal CodeBlock<br>Second Line<br>Third Line</code></pre><pre><code class="scrollbarGhost-2F9Zj2 scrollbar-3dvm_9 hljs CSS"><span class="hljs-selector-tag">CSS CodeBlock</span><br><span class="hljs-selector-tag">Second Line</span><br><span class="hljs-selector-tag">Third Line</span></code></pre><span class="edited-DL9ECl">(edited)</span></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot"></div>
|
|
</div>
|
|
</div>
|
|
<hr class="divider-32i8lo">
|
|
</div>
|
|
<div class="divider-3gKybi divider-3zi9LO">
|
|
<span class="dividerContent-2L12VI">November 27, 2017</span>
|
|
</div>
|
|
<div class="messageGroupBlocked-3wrQQX">
|
|
<div class="messageGroupBlockedBtn-1PBBh-">1 Blocked Messages</div>
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: REPLACE_AVATAR;"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 8:55 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="isMentionedCozy-3isp7y isMentioned-N-h9aa containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="btn-reaction"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j"><span class="mention wrapperHover-1GktnT wrapper-3WhCwL" style="color: rgb(26, 188, 156); background: rgba(26, 188, 156, 0.1);">@REPLACE_USERNAME</span></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot"></div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="messageGroupBlocked-3wrQQX revealed-1_RKsf">
|
|
<div class="messageGroupBlockedBtn-1PBBh-">1 Blocked Message</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/322c936a8c8be1b803cd94861bdfa868.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button">Anonymous</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 10:00 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="btn-reaction"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j">Revealed Blocked Message</div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 11:10 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="btn-reaction"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j">Expired<br><a title="https://discord.gg/" target="_blank" rel="noreferrer">https://discord.gg/</a></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="wrapper-35wsBm userSelectNone-Iy6XEP cursorDefault-331ZcI">
|
|
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
|
|
<div class="content-2U5lSY">
|
|
<div class="guildIconExpired-2Qcq05 guildIcon-lQ0uiM"></div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
|
|
<div class="guildNameExpired-2Hp80V marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">Invite Expired</div>
|
|
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6" style="flex: 0 1 auto;">Ask DevilBro for a new invite!</div>
|
|
</div>
|
|
</div>
|
|
<button type="button" class="button-3To2tQ height20-mO2eIN button-38aScr lookFilled-1Gx00P colorBrand-3pXr91 buttonSize-DbrWhv grow-q77ONN">
|
|
<div class="contents-18-Yxp buttonInner-1IRxqd">
|
|
<div class="buttonContent-18Mz6_">Mention</div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(52, 152, 219);">Bad Bot</strong><span class="botTagRegular-2HEhHi botTag-2WPJ74 botTagCozy-1875JY botTag-2BhDSU">BOT</span>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 11:15 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="btn-reaction"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j">Valid<br><a title="https://discord.gg/" target="_blank" rel="noreferrer">https://discord.gg/</a><span class="edited-DL9ECl">(edited)</span></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="wrapper-35wsBm userSelectNone-Iy6XEP cursorDefault-331ZcI">
|
|
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
|
|
<div class="content-2U5lSY">
|
|
<div class="icon-3o6xvg guildIconImage-3qTk45 guildIcon-lQ0uiM iconSizeLarge-161qtT iconActiveLarge-2nzn9z" style="background-image: url(https://i.imgur.com/EZUorCa.png?1);"></div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
|
|
<div class="guildName-2hvnt_ marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">My Server</div>
|
|
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6" style="flex: 0 1 auto;">
|
|
<i class="statusOnline-8PnF5L status-2L8Zc7"></i>
|
|
<span class="onlineCount-w6_WmG">50 Online</span>
|
|
<i class="statusOffline-37RKt7 status-2L8Zc7"></i>
|
|
<span>100 Member</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="button" class="button-3To2tQ height20-mO2eIN button-38aScr lookFilled-1Gx00P colorGreen-29iAKY buttonSize-DbrWhv grow-q77ONN">
|
|
<div class="contents-18-Yxp buttonInner-1IRxqd">
|
|
<div class="buttonContent-18Mz6_">Join</div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: REPLACE_AVATAR;"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 11:20 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="btn-reaction"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j">Accepted<br><a title="https://discord.gg/" target="_blank" rel="noreferrer">https://discord.gg/</a><span class="edited-DL9ECl">(edited)</span></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="wrapper-35wsBm userSelectNone-Iy6XEP cursorDefault-331ZcI">
|
|
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
|
|
<div class="content-2U5lSY">
|
|
<div class="icon-3o6xvg guildIconJoined-1r7FRE guildIcon-lQ0uiM iconSizeLarge-161qtT iconActiveLarge-2nzn9z noIcon-1a_FrS" style="font-size: 18px;">A</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
|
|
<div class="guildNameJoined-H7D9uF guildName-2hvnt_ marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">Another Server</div>
|
|
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6" style="flex: 0 1 auto;">
|
|
<i class="statusOnline-8PnF5L status-2L8Zc7"></i>
|
|
<span class="onlineCount-w6_WmG">50 Online</span>
|
|
<i class="statusOffline-37RKt7 status-2L8Zc7"></i>
|
|
<span>100 Members</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="button" class="button-3To2tQ height20-mO2eIN button-38aScr lookOutlined-3sRXeN colorPrimary-3b3xI6 buttonSize-DbrWhv grow-q77ONN">
|
|
<div class="contents-18-Yxp buttonInner-1IRxqd">
|
|
<div class="buttonContent-18Mz6_">Joined</div>
|
|
<svg name="Checkmark" class="buttonIcon-1pYT18" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<polyline stroke="currentColor" stroke-width="2" points="3.5 9.5 7 13 15 5"></polyline>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="container-3-pyIM">
|
|
<div class="icon-2Po-VO" style="background-image: url(https://discordapp.com/assets/4e4e1d9c907a3dc53d68f34e868fcb12.svg);"></div>
|
|
<div class="content-2M3n_H">
|
|
<a style="color: rgb(26, 188, 156);">REPLACE_USERNAME </a>
|
|
pinned a message to this channel.
|
|
<a rel="noreferrer">See all the pins.</a>
|
|
<span class="timestamp-1E3uAL">Yesterday at 11:30 AM</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 3:22 PM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="btn-reaction"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j"><a title="https://discordapp.com/assets/ee7c382d9257652a88c8f7b7f22a994d.png" target="_blank" rel="noreferrer">https://discordapp.com/assets/ee7c382d9257652a88c8f7b7f22a994d.png</a></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="embed embed-inline">
|
|
<a class="embed-thumbnail embed-thumbnail-image">
|
|
<img class="image" src="https://discordapp.com/assets/ee7c382d9257652a88c8f7b7f22a994d.png" width="400" height="210"></img>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 3:33 PM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="btn-reaction"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j"><a title="https://youtu.be/48Zh3h_SD-o" href="https://youtu.be/48Zh3h_SD-o" target="_blank" rel="noreferrer">https://youtu.be/48Zh3h_SD-o</a></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="embed-IeVjo6 flex-1O1GKY" style="max-width: 426px;">
|
|
<div class="embedPill-1Zntps" style="background-color: rgb(255, 0, 0);"></div>
|
|
<div class="embedInner-1-fpTo">
|
|
<div class="embedContent-3fnYWm flex-1O1GKY">
|
|
<div class="embedContentInner-FBnk7v markup-2BOw-j">
|
|
<div class="">
|
|
<a class="anchor-3Z-8Bb embedProviderLink-2Pq1Uw embedLink-1G1K1D embedProvider-3k5pfl" href="https://www.youtube.com/" rel="noreferrer noopener" target="_blank">YouTube</a>
|
|
</div>
|
|
<div class="embedAuthor-3l5luH flex-1O1GKY alignCenter-1dQNNs embedMargin-UO5XwE marginTop4-2BNfKC">
|
|
<a class="anchor-3Z-8Bb embedAuthorNameLink-1gVryT embedLink-1G1K1D embedAuthorName-3mnTWj" href="https://www.youtube.com/user/ChrisBrosTV" rel="noreferrer noopener" target="_blank">CHRISONTV</a>
|
|
</div>
|
|
<div class="embedMargin-UO5XwE marginTop4-2BNfKC">
|
|
<a class="anchor-3Z-8Bb embedTitleLink-1Zla9e embedLink-1G1K1D embedTitle-3OXDkz" href="https://youtu.be/48Zh3h_SD-o" rel="noreferrer noopener" target="_blank">HOWTO | INSTALL BETTER DISCORD (WITH THEMES & PLUGINS) | ENGLISH</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="embedVideo-3nf0O9 embedImage-2W1cML embedMarginLarge-YZDCEs marginTop8-1DLZ1n" style="width: 400px; height: 225px;">
|
|
<a class="imageWrapper-2p5ogY imageZoom-1n-ADA" href="" rel="noreferrer noopener" target="_blank" style="width: 400px; height: 225px;">
|
|
<img alt="" src="https://images-ext-1.discordapp.net/external/sII8NgYjrqXEUjzhMwCs88bBx4DFSHCc5rWdE2LNNH8/https/i.ytimg.com/vi/48Zh3h_SD-o/maxresdefault.jpg?width=360&height=203" style="width: 400px; height: 225px;"></img>
|
|
</a>
|
|
<div class="embedVideoActions-O6vR7W flexCenter-3_1bcw flex-1O1GKY justifyCenter-3D2jYp alignCenter-1dQNNs">
|
|
<div class="embedVideoActionsInner-2reMo2 flexCenter-3_1bcw flex-1O1GKY justifyCenter-3D2jYp alignCenter-1dQNNs">
|
|
<div class="wrapper-129saQ">
|
|
<div tabindex="0" class="iconWrapper-21idzA" role="button">
|
|
<svg name="Play" class="iconPlay-2kgvwV icon-3ZFEtL" width="16" height="16" viewBox="0 0 24 24">
|
|
<polygon fill="currentColor" points="0 0 0 14 11 7" transform="translate(7 5)"></polygon>
|
|
</svg>
|
|
</div>
|
|
<a class="anchor-3Z-8Bb iconWrapper-21idzA" href="https://youtu.be/48Zh3h_SD-o" rel="noreferrer noopener" target="_blank">
|
|
<svg name="OpenExternal" class="iconExternalMargins-2v2mzg icon-3ZFEtL" width="16" height="16" viewBox="0 0 24 24">
|
|
<path fill="currentColor" transform="translate(3.000000, 4.000000)" d="M16 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4v-2H2V4h14v10h-4v2h4c1.1 0 2-.9 2-2V2a2 2 0 0 0-2-2zM9 6l-4 4h3v6h2v-6h3L9 6z"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="divider-32i8lo">
|
|
</div>
|
|
<div class="divider-3gKybi dividerRed-MKoLlr divider-3zi9LO">
|
|
<span class="dividerContent-2L12VI">New Messages</span>
|
|
</div>
|
|
<div class="divider-3gKybi divider-3zi9LO">
|
|
<span class="dividerContent-2L12VI">November 16, 2017</span>
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(52, 152, 219);">Bad Bot</strong><span class="botTagRegular-2HEhHi botTag-2WPJ74 botTagCozy-1875JY botTag-2BhDSU">BOT</span>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Today at 11:52 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="btn-reaction"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j"></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="embed-IeVjo6 flex-1O1GKY embed">
|
|
<div class="embedPill-1Zntps"></div>
|
|
<div class="embedInner-1-fpTo">
|
|
<div class="embedContent-3fnYWm flex-1O1GKY">
|
|
<div class="embedContentInner-FBnk7v">
|
|
<div class="embedAuthor-3l5luH flex-1O1GKY alignCenter-1dQNNs">
|
|
<img class="embedAuthorIcon--1zR3L" src="https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png"></img>
|
|
<span class="embedAuthorName-3mnTWj weightMedium-2iZe9B size14-3iUx6q">Bad Bot</span>
|
|
</div>
|
|
<div class="embedDescription-1Cuq9a embedMargin-UO5XwE marginTop4-2BNfKC markup">Embed Preview</div>
|
|
</div>
|
|
</div>
|
|
<div class="embedFooter-3yVop- flex-1O1GKY alignCenter-1dQNNs embedMarginLarge-YZDCEs marginTop8-1DLZ1n">
|
|
<span class="embedFooterText-28V_Wb size12-3R0845 weightMedium-2iZe9B">
|
|
in #general
|
|
<span class="embedFooterSeparator-3klTIQ weightBold-2yjlgw">•</span>
|
|
01/01/2017
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: REPLACE_AVATAR;"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Today at 5:02 PM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div>
|
|
<div class="channelTextArea-1LDbYG margin-top-8 charcounter-added">
|
|
<div class="inner-zqa7da flex-1O1GKY innerNoAutocomplete-1WpcVO">
|
|
<div class="uploadInput-2lNPSo">
|
|
<div class="file-input" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer;"></div>
|
|
</div>
|
|
<textarea rows="1" tabindex="1" class="textArea-2Spzkt textAreaEdit-bNLDk3 textArea-2Spzkt scrollbarGhostHairline-1mSOM1 scrollbar-3dvm_9" style="height: auto;">Edit Message</textarea>
|
|
<button tabindex="2" type="button" class="emojiButtonNormal-TdumYh emojiButton-3uL3Aw emojiButton-2wRZts button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN" style="">
|
|
<div class="contents-18-Yxp">
|
|
<div class="spriteNormal-1wvG5n sprite-2iCowe" style="background-position: 0px 0px; background-size: 242px 110px;"></div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="operations-36ENbA">escape to <a tabindex="0" class="anchor-3Z-8Bb" role="button">cancel</a> • enter to <a tabindex="0" class="anchor-3Z-8Bb" role="button">save</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot"></div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="jumpToPresentBar-9P20AM">
|
|
<button type="button">You're viewing older messages</button>
|
|
<button type="button">Jump To Present</button>
|
|
</div>
|
|
</div>
|
|
<form>
|
|
<div class="channelTextAreaEnabled-iusU9o channelTextArea-1LDbYG channelTextArea-rNsIhG">
|
|
<div class="innerEnabled-3g80kR inner-zqa7da flex-1O1GKY innerNoAutocomplete-1WpcVO" style="max-height:50px;">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 1 1 auto max-height:inherit;">
|
|
<svg class="attachButton-1UjEWA" width="20" height="20" viewBox="0 0 24 24">
|
|
<path fill="currentColor" class="attachButtonPlus-rUdX-B" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path>
|
|
</svg>
|
|
<div class="attachButtonDivider-3Glu60" style="max-height:inherit;"></div>
|
|
</div>
|
|
<div class="uploadInput-2lNPSo">
|
|
<div class="file-input" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer;"></div>
|
|
</div>
|
|
<textarea rows="1" placeholder="Nachricht an #general" class="textAreaEnabled-3vQ5WZ textArea-2Spzkt textArea-2Spzkt scrollbarGhostHairline-1mSOM1 scrollbar-3dvm_9" style="max-height:inherit;"></textarea>
|
|
<div class="emojiButtonNormal-TdumYh emojiButton-3uL3Aw emojiButton-2wRZts">
|
|
<div class="spriteNormal-1wvG5n sprite-2iCowe" style="background-position: 0px 0px; background-size: 242px 110px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div id="files_directDownload" class="empty"></div>
|
|
</div>
|
|
<div class="membersWrap-2h-GB4">
|
|
<div class="scrollerWrap-2lJEkd scrollerThemed-2oenus themeGhost-28MSn0 scrollerFade-1Ijw5y">
|
|
<div class="scroller-2FKFPG members-1998pB">
|
|
<div style="width: 100%; height: 0px; visibility: hidden;"></div>
|
|
<h2 class="membersGroup-v9BXpm">Developer—1</h2>
|
|
<div class="memberOnline-1CIh-0 member-3W1lQa">
|
|
<div class="content-OzHfo4">
|
|
<span class="avatarWrapper-3B0ndJ">
|
|
<div class="wrapper-2F3Zv8 small-5Os1Bb">
|
|
<div class="image-33JSyf small-5Os1Bb mask-3OgeRz" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png?size=128);"></div>
|
|
<div class="dnd-1_xrcq status-oxiHuE small-5Os1Bb statusStatic-3QpK4G status-2s6iDp"></div>
|
|
</div>
|
|
</span>
|
|
<div class="memberInner-2CPc3V">
|
|
<div class="nameTag-3p0yK- nameTag-m8r81H" style="color: rgb(255, 23, 189);">
|
|
<span class="usernameOnline-3jr_0Y username-1cB_5E">DevilBro</span>
|
|
<svg name="Crown" class="ownerIcon-1cARO0 ownerIcon-uZ6mE7" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path fill="#faa61a" fill-rule="nonzero" d="M2,11 L0,0 L5.5,7 L9,0 L12.5,7 L18,0 L16,11 L2,11 L2,11 Z M16,14 C16,14.5522847 15.5522847,15 15,15 L3,15 C2.44771525,15 2,14.5522847 2,14 L2,13 L16,13 L16,14 Z" transform="translate(3 4)"></path><rect width="24" height="24"></rect></g></svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h2 class="membersGroup-v9BXpm">Users—1</h2>
|
|
<div comparator="REPLACE_USERNAMESMALL REPLACE_USERID" class="memberOnline-1CIh-0 member-3W1lQa">
|
|
<div class="content-OzHfo4">
|
|
<span class="avatarWrapper-3B0ndJ">
|
|
<div class="wrapper-2F3Zv8 small-5Os1Bb">
|
|
<div class="image-33JSyf small-5Os1Bb mask-3OgeRz" style="background-image: REPLACE_AVATAR;"></div>
|
|
<div class="online-2S838R status-oxiHuE small-5Os1Bb statusStatic-3QpK4G status-2s6iDp"></div>
|
|
</div>
|
|
</span>
|
|
<div class="memberInner-2CPc3V">
|
|
<div class="nameTag-3p0yK- nameTag-m8r81H" style="color: rgb(26, 188, 156);">
|
|
<span class="usernameOnline-3jr_0Y username-1cB_5E">REPLACE_USERNAME</span>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 activity-1IYsbk" style="flex: 1 1 auto;">
|
|
<div class="activityText-sLG0UL">Playing <strong>with Themes</strong></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h2 class="membersGroup-v9BXpm">Bots—1</h2>
|
|
<div class="memberOnline-1CIh-0 member-3W1lQa">
|
|
<div class="content-OzHfo4">
|
|
<span class="avatarWrapper-3B0ndJ">
|
|
<div class="wrapper-2F3Zv8 small-5Os1Bb">
|
|
<div class="image-33JSyf small-5Os1Bb mask-3OgeRz" style="background-image: url(https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png);"></div>
|
|
<div class="streaming-2_dnHe status-oxiHuE small-5Os1Bb statusStatic-3QpK4G status-2s6iDp"></div>
|
|
</div>
|
|
</span>
|
|
<div class="memberInner-2CPc3V">
|
|
<div class="nameTag-3p0yK- nameTag-m8r81H" style="color: rgb(52, 152, 219);">
|
|
<span class="usernameOnline-3jr_0Y username-1cB_5E">Bad Bot</span>
|
|
<span class="botTagRegular-2HEhHi botTag-2WPJ74 bot-2Fta1w">BOT</span>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 activity-1IYsbk" style="flex: 1 1 auto;">
|
|
<div class="activityText-sLG0UL">Streaming <strong>Bad Puns</strong></div>
|
|
<svg name="RichActivity" class="activityIcon-S3CciC" width="16" height="16" viewBox="0 0 16 16">
|
|
<path class="activityIconForeground-qYIPPg" fill="currentColor" d="M6,7 L2,7 L2,6 L6,6 L6,7 Z M8,5 L2,5 L2,4 L8,4 L8,5 Z M8,3 L2,3 L2,2 L8,2 L8,3 Z M8.88888889,0 L1.11111111,0 C0.494444444,0 0,0.494444444 0,1.11111111 L0,8.88888889 C0,9.50253861 0.497461389,10 1.11111111,10 L8.88888889,10 C9.50253861,10 10,9.50253861 10,8.88888889 L10,1.11111111 C10,0.494444444 9.5,0 8.88888889,0 Z" transform="translate(3 3)"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h2 class="membersGroup-v9BXpm">Offline—1</h2>
|
|
<div class="memberOffline-2lN7gt member-3W1lQa">
|
|
<div class="content-OzHfo4">
|
|
<span class="avatarWrapper-3B0ndJ">
|
|
<div class="wrapper-2F3Zv8 small-5Os1Bb avatarOffline-3GF27z">
|
|
<div class="image-33JSyf small-5Os1Bb mask-3OgeRz" style="background-image: url(https://discordapp.com/assets/322c936a8c8be1b803cd94861bdfa868.png?size=128&);"></div>
|
|
<div class="offline-3qoTek status-oxiHuE small-5Os1Bb statusStatic-3QpK4G status-2s6iDp"></div>
|
|
</div>
|
|
</span>
|
|
<div class="memberInner-2CPc3V">
|
|
<div class="nameTag-3p0yK- nameTag-m8r81H">
|
|
<span class="usernameOffline-3VSVLk username-1cB_5E">Anonymous</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%; height: 0px; visibility: hidden;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uploadArea-3QgLtW">
|
|
<div class="uploadDropModal-2kTwbc">
|
|
<div class="bgScale-1otPtc"></div>
|
|
<div class="inner-3nWsbo">
|
|
<div class="icons-1w691d">
|
|
<div class="wrapOne-14G98n">
|
|
<div class="icon-kyxXVr one-2crnLX"></div>
|
|
</div>
|
|
<div class="wrapThree-1CNQ42">
|
|
<div class="icon-kyxXVr three-27ScFD"></div>
|
|
</div>
|
|
<div class="wrapTwo-mQGI3R">
|
|
<div class="icon-kyxXVr two-3BBQI9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="title-2Vtl4y">Drag & Drop</div>
|
|
<div class="instructions-2Du9gG">
|
|
<pre>You can add comments before uploading. Hold shift to upload directly.</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pictureInPicture-3VocJq theme-light"></div>
|
|
<div class="theme-light container-wrYOxa"></div>
|
|
</div>
|
|
<div class="theme-light"></div>
|
|
</div>
|
|
<div class="tooltips">
|
|
<div class="tooltip tooltip-right tooltip-black" style="left: 60px; top: 350px;">Test Tooltip</div>
|
|
</div>
|
|
<div class="theme-light popouts-3dRSmE">
|
|
<div class="popout-3sVMXz popoutLeft-30WmrD noArrow-3BYQ0Z noShadow-321ZPm" style="z-index: 1000; visibility: visible; top: -120px; right: 300px; transform: translateX(0%) translateY(100%) translateZ(0px);">
|
|
<div class="userPopout-3XzG_A">
|
|
<div class="headerNormal-T_seeN header-2BwW8b size16-14cGz5">
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignCenter-1dQNNs noWrap-3jynv6 headerTop-3C2Zn0" style="flex: 1 1 auto;">
|
|
<div class="avatarWrapperNormal-3wFMbf avatarWrapper-3H_478">
|
|
<div class="wrapper-2F3Zv8 popout-2fzvxG">
|
|
<div class="image-33JSyf maskProfile-1ObLFT mask-3OgeRz" style="background-image:url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
<div class="idle-3DEnRT status-oxiHuE popout-2fzvxG statusProfile-3ynqtt avatarStatus-3Ay1VL"></div>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyCenter-3D2jYp alignCenter-1dQNNs noWrap-3jynv6 avatarHint-1qgaV3 maskProfile-1ObLFT mask-3OgeRz size10-39i14u height12-2Ltw-k weightBold-2yjlgw" style="flex: 1 1 auto;">
|
|
<div class="avatarHintInner-Dco91E">Show profil</div>
|
|
</div>
|
|
</div>
|
|
<div class="headerText-2sdzFM userSelectText-1o1dQ7">
|
|
<div class="headerName-fajvi9">DevilBro</div>
|
|
<div class="headerTag-2pZJzA size14-3iUx6q weightNormal-WI4TcG nameTag-m8r81H">
|
|
<span class="username">DevilBro</span>
|
|
<span class="discriminator">#4401</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="body-3iLsc4">
|
|
<div class="bodyTitle-Y0qMQz marginBottom8-AtZOdT size12-3R0845 weightBold-2yjlgw">Rolle</div>
|
|
<ul class="root-3-B5F3 flex-1O1GKY wrap-ZIn9Iy rolesList-22qj2L endBodySection-Rf4s-7 marginBottom20-32qID7">
|
|
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs size12-3R0845 weightMedium-2iZe9B" style="border-color: rgba(255, 23, 189, 0.6);">
|
|
<div class="roleCircle-3xAZ1j" style="background-color: rgb(255, 23, 189);"></div>
|
|
<div class="roleName-32vpEy">Developer</div>
|
|
</li>
|
|
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs size12-3R0845 weightMedium-2iZe9B" style="border-color: rgba(52, 152, 219, 0.6);">
|
|
<div class="roleCircle-3xAZ1j" style="background-color: rgb(52, 152, 219);"></div>
|
|
<div class="roleName-32vpEy">Plugin Developer</div>
|
|
</li>
|
|
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs size12-3R0845 weightMedium-2iZe9B" style="border-color: rgba(113, 54, 138, 0.6);">
|
|
<div class="roleCircle-3xAZ1j" style="background-color: rgb(113, 54, 138);"></div>
|
|
<div class="roleName-32vpEy">Theme Developer</div>
|
|
</li>
|
|
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs size12-3R0845 weightMedium-2iZe9B" style="border-color: rgba(17, 128, 106, 0.6);">
|
|
<div class="roleCircle-3xAZ1j" style="background-color: rgb(17, 128, 106);"></div>
|
|
<div class="roleName-32vpEy">Human</div>
|
|
</li>
|
|
</ul>
|
|
<div class="bodyTitle-Y0qMQz marginBottom8-AtZOdT size12-3R0845 weightBold-2yjlgw">Notiz</div>
|
|
<div class="note-3kmerW note-3HfJZ5">
|
|
<textarea placeholder="Click to add a note" spellcheck="false" maxlength="256" class="scrollbarGhostHairline-1mSOM1 scrollbar-3dvm_9" style="height: 21px;"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="footer-1fjuF6">
|
|
<input class="quickMessage-2XpSaN quickMessage-1yeL4E marginBottom8-AtZOdT" placeholder="Message to @DevilBro">
|
|
<div class="protip-12obwm inline-136HKr">
|
|
<div class="pro-1T8RK7 small-29zrCQ size12-3R0845 height16-2Lv3qA statusGreen-pvYWjA weightBold-2yjlgw">Protip:</div>
|
|
<div class="tip-2ab612 primary-jw0I4K">Right-click on a user for more interactions</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |