add endpwn

yeah just add all of it
This commit is contained in:
BlockBuilder57 2018-04-17 21:35:29 -05:00
parent dbe5f7679c
commit acf5484db3
22 changed files with 1377 additions and 0 deletions

10
css/all.css Normal file
View file

@ -0,0 +1,10 @@
@import url('https://block57.net/discord/css/animations.css');
@import url('https://block57.net/discord/css/avatars.css');
@import url('https://block57.net/discord/css/background.css');
@import url('https://block57.net/discord/css/channels.css');
@import url('https://block57.net/discord/css/guilds.css');
@import url('https://block57.net/discord/css/hover.css');
@import url('https://block57.net/discord/css/misc.css');
@import url('https://block57.net/discord/css/titlebar.css');
@import url('https://block57.net/discord/css/typinginput.css');
@import url('https://block57.net/discord/css/variables.css');

27
css/animations.css Normal file
View file

@ -0,0 +1,27 @@
/*
** Animations
*/
@-webkit-keyframes rainbow {
0% {background: #ff0000;}
10% {background: #ff8000;}
20% {background: #ffff00;}
30% {background: #80ff00;}
40% {background: #00ff00;}
50% {background: #00ff80;}
60% {background: #00ffff;}
70% {background: #0080ff;}
80% {background: #0000ff;}
90% {background: #8000ff;}
100% {background: #ff0080;}
}
@-webkit-keyframes pulse-bw {
0% {background: #000000;}
100% {background: #ffffff;}
}
@-webkit-keyframes pulse-gw {
0% {background: #7f7f7f;}
100% {background: #ffffff;}
}

76
css/avatars.css Normal file
View file

@ -0,0 +1,76 @@
/*
** Avatar Radius + Profile
*/
div[class*="mask-"]
{
mask: none !important;
-webkit-mask: none !important;
-webkit-mask-size: 0% !important;
}
div[class*="avatarDefault-"],
div[class*="avatarSpeaking-"],
div[class*="avatar-"],
div[class*="avatarHint-"],
div[class*="avatar-"] > div[class*="image-"],
.ui-call-avatar.voice {
border-radius: var(--avatar-border-radius) !important;
}
/*div[class*="avatar-"] .status.status-typing {
border-style: hidden !important;
animation: flickerAnimation 1s infinite;
}
.status.status-typing .spinner {
transform: rotate(-90deg);
}*/
.protip {
display: none;
}
div[class^="footer-"] {
padding: 10px 10px 2px 10px !important;
}
/* Profile Roles */
.role-3rahR_ {
position:relative;
border-radius:0%;
padding-right:10px;
}
.roleCircle-3-vPZq {
border-radius:0%;
position:absolute;
width:100%;
height:22px;
z-index:1;
opacity:1;
margin-right:0;
margin-left:-4px;
}
.roleName-DUQZ9m {
z-index:2;
}
.roleRemoveIcon-2iu0iE {
display: block;
margin: 6px 2px 6px 0;
right: 0;
top: 0;
position: absolute;
}
.roleRemoveIcon-2iu0iE .fill {
z-index:5;
fill: #FFF;
filter: brightness(0);
}
.addButton-3RuTE0 {
z-index:3;
padding-right: 4px;
}

140
css/background.css Normal file
View file

@ -0,0 +1,140 @@
/*
** bg stuff
*/
/*section:not(.input-sensitivity-toggle),
.ui-standard-sidebar-view {
background-image: var(--background-image) !important;
background-size: cover !important;
background-position: center center !important;
}
/*div [class*="guildsWrapper-"],
.guilds-wrapper,
.auth-inner .auth-brand
.guilds-wrapper .guilds-add,
form.auth-form,
.scroller-wrap .scroller::-webkit-scrollbar-thumb,
.search-results-wrap .results-blocked,
.scroller-wrap.polyfill .scrollbar .thumb:after,
.theme-dark.context-menu .context-menu{
background-color: rgba(30,33,36,.25) !important;
}
section .guilds-wrapper {
background-color: rgba(30,33,36,.25) !important;
}
.theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece,
.theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
background-color: rgba(0,0,0,0) !important;
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb,
.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
border-color: rgba(0,0,0,0) !important;
}
/*.footer-1PYmcw,
.scroller-wrap.dark .scrollbar,.scroller-wrap.dark .scrollbar:after,
.scroller-wrap.dark .scrollbar .thumb,
.theme-dark .to-1B1cnC
.popout-2Py-_h .section-3y_XWs,
.container-2-NHa8,
.guildInner-3SWl8A,
.theme-dark .footer-XPgXYX,
.theme-dark .ui-quick-select-popout,
.theme-dark .ui-standard-sidebar-view .sidebar-region,
.theme-dark .voiceStates-1kq0q7 .avatar-3OSqxz,
.theme-dark .quickswitcher-2NdiGJ,
.theme-dark .tiles-3jKTg9,
.theme_dark-2FtE3l,
.auth-tiling-bg,
.auth-background,
.verify-connected-account .btn:disabled,
.guilds-wrapper .guilds .guild .guild-inner,
.guilds-wrapper .guild-separator:after,
.invite-CTGItT,
.theme-dark .autocomplete-1TnWNR,
.theme-dark .attachPopout-gjwHsr,
.search-bar,
.theme-dark .invite-button,
.theme-dark .sidebar-32BRdp,
.theme-dark .user-settings-voice .preview-overlay,
.theme-dark .message-group .comment .markup pre,
.theme-dark .message-group .comment .markup code.inline,
.theme-dark .message-group .comment .markup pre code,
.theme-dark .messages-popout-wrap,
.theme-dark .messages-popout-wrap .has-more button,
.theme-dark .search-results-wrap,
.theme-dark .search-results-wrap .search-header,
.theme-dark .search-results-wrap .channel-separator .channel-name,
.theme-dark #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected),
.theme-dark #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected) .badge,
.theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action,
.container-RYiLUQ,
.private-channels,
.channels-wrap,
.theme-dark .videoPreview-3IIfvB,
.guild-channels,
.theme-dark .channel-members,
.theme-dark .themed-popout,
.theme-dark .private-channel-recipients-invite .friend,
.theme-dark .footer-1PYmcw {
/*background-color: rgba(47,49,54,0) !important;
background-color: rgba(0,71,171,1) !important;
}
.theme-dark .private-channel-recipients-invite .friend {
background-color: rgba(0,71,171,1) !important;
}
section .channels-wrap,
section .chat,
section .chat > .content,
section .chat > .content > .flex-vertical,
section .chat > .content > .flex-vertical > .messages-wrapper,
section #friends,
section #friends > .friends-header,
section #friends > .friends-table,
.ui-standard-sidebar-view > .content-region {
background-color: rgba(30,33,36,0) !important;
}
.chat .divider.divider-red>span, .chat .divider>span {
line-height: 0px;
}
.theme-dark .chat .has-more button {
background-color: rgba(50,53,58,.25);
}
.ui-standard-sidebar-view > .sidebar-region,
section > .channels-wrap > .flex-lFgbSz,
section > .channels-wrap > .private-channels,
section > .channels-wrap > .scrollerWrap-2uBjct,
section > .channels-wrap > .container-iksrDt,
section .chat > .content > .channel-members-wrap .channel-members {
background-color: rgba(47,49,54,.25) !important;
}
div[class*="contentSelectedText-"] {
background-color: rgba(79,84,92,.3);
}
div[class*="contentHoveredText-"] {
background-color: rgba(54,57,63,.75);
}
/*section > .channels-wrap > .flex-lFgbSz > .flexChild-1KGW5q,
section > .channels-wrap > .private-channels > .search-bar,
section > .chat > .title-wrap,
section > .friends > .friends-header {
background-color: rgba(0,0,0,0) !important;
}
.markup > pre,
.markup > pre > code {
background-color: rgba(47,49,55,.4) !important;
}
.markup > code.inline {
background-color: rgba(47,49,55,.6) !important;
}*/

19
css/channels.css Normal file
View file

@ -0,0 +1,19 @@
/*
** Channel List
*/
div[class*="base-"] {
border-radius: 0px !important;
}
div[class*="wrapper-"] div[class*="unread-"] {
-webkit-animation: pulse-gw .5s infinite alternate;
background-color: hsla(0,0,1,.5);
border-radius: 0 6px 6px 0 !important;
height: 8px !important;
left: 0px !important;
margin-top: -4px !important;
position: absolute !important;
top: 50% !important;
width: 10px !important;
}

97
css/guilds.css Normal file
View file

@ -0,0 +1,97 @@
/*
** Guilds Wrapper
*/
.guilds-wrapper .dms {
margin-top: var(--guild-margin-between) !important;
margin-bottom: var(--guild-margin-between) !important;
}
.guilds-wrapper .friends-online {
display: none;
}
.guilds-wrapper .guild-separator {
margin-top: calc(var(--guild-margin-between)*2) !important;
margin-bottom: calc(var(--guild-margin-between)*2) !important;
}
.guilds-wrapper .guild-separator:after {
left: 0% !important;
width: var(--guild-size-width) !important;
}
.guilds-wrapper .scroller-wrap {
width: calc(var(--guild-size-width) + 14px + calc(var(--guilds-margin-sides)*2)) !important;
}
.guilds-wrapper {
width: calc(var(--guild-size-width) + calc(var(--guilds-margin-sides)*2)) !important;
}
.guilds-wrapper .guilds {
padding: var(--guilds-margin-ends) 0 var(--guilds-margin-ends) var(--guilds-margin-sides) !important;
}
.guild + .guild {
margin-top: var(--guild-margin-between) !important;
}
.badge {
border-radius: var(--badge-border-radius) !important;
padding: var(--badge-padding) !important;
}
.guilds-wrapper .guilds .guild.audio .guild-inner:after,
.guilds-wrapper .guilds .guild.video .guild-inner:after {
width: var(--guild-size-width) !important;
height: var(--guild-size-height) !important;
border-radius: 0% !important;
background-size: calc(var(--guild-size-width)/1.5) !important;
background-color: rgba(0, 0, 0, .25);
top: 50% !important;
left: 50% !important;
transform: translate(-52%, -52%) !important;
}
.guild.unread:not(.selected):before {
-webkit-animation: pulse-gw 2s infinite alternate;
height: 50% !important;
width: 100% !important;
margin: 0 !important;
top: 25% !important;
padding: 0px 3px !important;
left: -3px !important;
border-radius: 0 !important;
}
.guild.selected:before {
height: 100% !important;
width: 100% !important;
margin: 0 !important;
top: 0% !important;
padding: 0px 5px !important;
top: -0px !important;
left: -5px !important;
border-radius: 0 !important;
transition: none !important;
}
.guild,
.guilds-error,
.guild-inner,
.guild-inner a,
.friends-icon {
border-radius: var(--guild-border-radius) !important;
width: var(--guild-size-width) !important;
height: var(--guild-size-height) !important;
background-size: var(--guild-size-width) var(--guild-size-width) !important;
line-height: var(--guild-size-height) !important;
font-size: calc(var(--guild-size-width) / 2.5) !important;
}
.guilds-add {
border-radius: var(--guild-border-radius) !important;
}
.guilds-add-inner {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
font-size: var(--guild-size-height) !important;
}

15
css/hover.css Normal file
View file

@ -0,0 +1,15 @@
/*
** Emoji
*/
.emoji:hover {
width: 32px;
height: 32px;
transition: width .4s ease-out;
}
.emoji.jumboable:hover {
width: 64px;
height: 64px;
transition: width .4s ease-out;
}

7
css/loadingline.css Normal file
View file

@ -0,0 +1,7 @@
/*
** Loading Line Quote
*/
div[class^="quote-"], div[class^="attribution-"] {
display: none;
}

19
css/misc.css Normal file
View file

@ -0,0 +1,19 @@
/*
** Misc
*/
.tooltip.tooltip-black {
background-color: var(--tooltip-color);
}
.tooltip.tooltip-black.tooltip-top:after {
border-top-color: var(--tooltip-color);
}
.tooltip.tooltip-black.tooltip-bottom:after {
border-bottom-color: var(--tooltip-color);
}
.tooltip.tooltip-black.tooltip-left:after {
border-left-color: var(--tooltip-color);
}
.tooltip.tooltip-black.tooltip-right:after {
border-right-color: var(--tooltip-color);
}

37
css/titlebar.css Normal file
View file

@ -0,0 +1,37 @@
/*
** Title Bar
*/
header[class^="header-"]:not(.header-2Lg0Oe) {
padding: 10px;
height: 30px;
padding-top: 11px;
}
div[class*="title-"], div[class*="headerBar-"] {
min-height: 30px !important;
max-height: 30px !important;
}
.title-wrap {
min-height: 30px !important;
max-height: 30px !important;
}
.friends-row {
height: 30px !important;
}
.friends-header {
height: 29px !important;
}
.private-channels .search-bar {
min-height: 30px !important;
max-height: 30px !important;
}
.private-channels .search-bar input {
height: 16px !important;
padding: 3px 7px 5px 7px !important;
}
.search .search-bar {
width: 76px !important; /*76px*/
}
.search.focused .search-bar, .search.open .search-bar, .search.popout-open .search-bar {
width: 172px !important;
}

54
css/typinginput.css Normal file
View file

@ -0,0 +1,54 @@
/*
** Messages + Input
*/
.typing {
bottom: 0px !important;
background-color: rgba(0,0,0,0) !important;
}
.typing .ellipsis {
width: 8px !important;
transform: rotate(-90deg) scale(.75);
}
.typing .text {
width: 100%;
padding-left: 4px;
}
.chat form {
margin: 0 10px;
}
.channel-text-area-default {
margin: 10px 0 28px 0 !important;
}
/*.typing ~ .content .channel-text-area-default {
margin: 0px 0 10px 0 !important;
}*/
textarea[class*="textAreaEnabled-"] {
padding: 7px 38px 5px 0px !important;
}
div[class*="marginTop"] > div > textarea[class*="textAreaEnabled-"] {
padding: 7px 38px 5px 7px !important;
}
textarea[class*="textAreaEdit-"] {
padding: 7px 38px 5px 7px !important;
}
svg[class^="attachButton-"] {
margin: 7px 0 7px 7px !important;
}
div[class^="attachButtonDivider"] {
margin: 10px 7px !important;
}
div[class^="emojiButton"] {
top: 50% !important;
right: -5px !important;
transform: translate(-50%, -50%) !important;
}
div[class^="spriteHovered"] {
transform: scale(1.2);
}

21
css/variables.css Normal file
View file

@ -0,0 +1,21 @@
/*
** Variables
*/
* {
--guild-border-radius: 0%; /*50%*/
--guild-size-width: 25px; /*50px*/
--guild-size-height: 25px; /*50px*/
--guild-margin-between: 4px; /*8px*/
--guilds-margin-ends: 4px; /*18px*/
--guilds-margin-sides: 4px; /*10px*/
--badge-border-radius: 0%; /*3px*/
--badge-padding: 1px 2px; /*3px 6px*/
--avatar-border-radius: 0%; /*50%*/
--background-image: url("https://www.sketchuptextureclub.com/public/texture_d/0023-brushed-dark-steel-metal-texture-seamless-hr.jpg");
--tooltip-color: #000000; /*#000000*/
}