Discord classic / MSN theme & others

{Spoiler}
/**

* name Horizontal Server List

* @author Gibbu#1211

* @version 2.1.0

* @invite ZHthyCw

* @description Moves the server list from the left to the top of Discord. Compatible with Server Folders and most basic transparent themes

* @source github.com/DiscordStyles/HorizontalServerList

* @website www.gibbu.me

*/



@import url("https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css");



/* Bottom HorizontalServerList. Simply remove the comments surrounding the @import to enable it. */

/* @import url("https://discordstyles.github.io/Addons/bottomhsl.css"); */



:root {

--HSL-server-icon-size: 32px; /* Size of the server icons | DEFAULT: 40px */

--HSL-server-spacing: 5px; /* Spacing between each server icon | DEFAULT: 10px */

--HSL-server-direction: column; /* Direct of the server list. | Options: column, column-reverse | DEFAULT: column */

font-familly: "Lucida Grande" !important;

}

.withFrame-2dL45i {

height: 28px;

margin-top: -1px;

}/*logo msn*/

.wordmarkWindows-2dq6rw {

position: absolute;

top: 0;

left: 0;

padding: 8px 6px 2px;

color: white;

content: url(https://zupimages.net/up/23/33/hn5i.png);

}

.winButtonClose-3Q8ZH5 {

top: 2px;

left: -4px;

width: 21px;

height: 21px;

border-top: 2px solid white;

border-left: 2px solid white;

border-bottom: 2px solid #404040;

border-right: 2px solid #404040;

background: #D4D0C8;

color: black !important;

}

.winButtonMinMax-3RsPUg {

top: 2px;

left: -5px;

width: 21px;

height: 21px;

margin-right: 6px;

border-top: 2px solid white;

border-left: 2px solid white;

border-bottom: 2px solid #404040;

border-right: 2px solid #404040;

background: #D4D0C8;

color: black !important;

}

.typeWindows-2-g3UY {

border:solid 4px #D4D0C8;

background-image: linear-gradient(90deg, #0A246A,#A6CAF0);

background-repeat: repeat;



}

#app-mount .guilds-2JjMmN {

background-size: 9.00px 1.00px;

box-shadow:0px 1px 3px #00000066;

background-repeat: repeat;

background: #D4D0C8;

}

#app-mount .guilds-2JjMmN [class*="listItem"]:not([class*="listItemWrapper"]) {

width: var(--server-size);

margin: 0px 1px;

}

#app-mount .guilds-2JjMmN {

top:43px ;

}

#app-mount .app-3xd6d0 .base-2jDfDU {

top: 43px!important;

position: absolute !important;

left: 0 !important;

right: 0;

bottom: 0;

max-width: 100%;

}

.tree-3agP2X {

top: 45%;

}/*top bar channel list */

.header-3OsQeK {

padding: 13px 7px;

border-top: 1px solid black;

background: linear-gradient(90deg, #8290BF 2%, #475790 6%, #8FA4DB 100%);

}

.name-3Uvkvr {

-webkit-box-flex: 1;

-ms-flex: 1;

flex: 1;

z-index: 1;

color: white;

font-size: 21px;

}

/*channel list */

.theme-light .container-1NXEtd {

background: linear-gradient(90deg, #8290BF 2%, #475790 6%, #8FA4DB 100%);



} /*nama kannal */

.name-28HaxV {

color: white;

}

.header-3OsQeK {

padding: 4px 7px;

}

.link-1_kTxV {

padding: 3px 8px;



}

.wrapper-NhbLHG {

padding: 0px 0;

margin-left: 8px;

}

.iconContainer-21RCa3 {

display:none;

}

.content-yjf30S {

position: relative;

font-family: "verdana" !important;

}/*nom channel new*/

.modeUnread-3Cxepe .name-28HaxV, .modeUnread-3Cxepe:hover .name-28HaxV {

color: orange;

font-weight: 500;

text-shadow: 1px 1px 1px #363636;



}/* nama cat*/

.container-q97qHp {

color: black;

}/* dot channel new */

.unreadRelevant-2f-VSK {

background-color: orange;

display:none;

}

.containerDefault-3TQ5YN, .containerDragAfter-1J_-1V, .containerDragBefore-ei4h1m, .containerUserOver-3woq86 {

position: relative;

padding-top: 0px;

background: linear-gradient(179deg,#fff,#E4EAFB) !important;

border-radius: 6px;

margin-left: 7px;

}

/*selected channel*/

.modeSelected-3DmyhH .link-1_kTxV, .modeSelected-3DmyhH:hover .link-1_kTxV {

background: #02020245;

border: 1px solid #2c2b2b;

border-radius: 6px;

box-shadow: inset 1px 1px 1px #bfb6b6;

}

/*bar middle left */

.header-3OsQeK {

padding: 13px 7px;

border-top:1px solid black

}

/*bar middle */



.theme-light .themed-Hp1KC_ {

background-image: none;

background: linear-gradient(90deg,#99ACE0 0%,#475790 100%, #7C8ABA 20%) !important;

}

.container-ZMc96U {

height: 49px;

}





/* split channels */

.mainContent-20q_Hp {

padding: 1px 0;

}

/* pseudo */

.theme-light .container-YkUktl {

background: linear-gradient(179deg,#fff,#E4EAFB) !important;

}

/* buttons */

.iconWrapper-2awDjA {

height: 28px;

margin: 0 6px;

background-image: linear-gradient(#738CCE, #8CADE7);

border-radius: 50%;

box-shadow: 2px solid #9CB5F7;

border-top: 1px solid #ffffff63;

padding: 0 2px;



}

.clickable-ZD7xvu .icon-2xnN2Y {

color: white;

}

.button-12Fmur {

position: relative;

color: var(--interactive-normal);

padding: 2px 6px;

font-size: 11px;

font-weight: bold;

text-align: center;

text-decoration: none;

border-radius: 50%;

background-color: #cecece47;

background-image: linear-gradient(#738CCE, #8CADE7);

color: #fff;

box-shadow: 2px solid #9CB5F7;

}

.button-12Fmur:hover {

background-color: #b4b4b420;

background-image: linear-gradient(#c1e6f2, #44acf684);

}

.button-12Fmur:active {

background-color: #cecece;

background-image: linear-gradient(#738CCE, #8CADE7);

box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset, 0px 1px 2px rgba(0, 0, 0, 0.4);

}

/* barre nouveaux messages */

.newMessagesBar-1hF-9G {

height: 29px;

top: 0;

border-radius: 0 0 0px 0px;

background-color: #0148B2;



}

.barButtonBase-Sk2mdB {

text-align: left;

background: none;

color: #B3C8E8;

}

.barBase-3xxDXu {

left: -3px;

right: -3px;

opacity:1;

}

/* CHAT */

.chat-2ZfjoI {

border: solid 1px black;

}

.content-1jQy2l {

border: 1px solid #485891;

background: linear-gradient(90deg,#99ACE0 0%,#475790 100%, #7C8ABA 20%) !important;

}

.chatContent-3KubbW {

border: 2px solid #485891;

border-bottom-right-radius: 14px;

border-top-right-radius: 14px;

background:white;

}

.compact-2Nkcau.wrapper-30-Nkg, .cozy-VmLDNB.wrapper-30-Nkg {

padding-top: 0.125rem;

padding-bottom: 0.125rem;

}/* imej skrin*/

.oneByOneGridSingle-2ss-Zx {

border-radius: 0px;

}

.messageAttachmentMediaMosaic-2ic1yt {

border-radius: 0px;

}

/*write block */

.form-3gdLxP {

padding-left: 0px;

padding-right: 0px;

margin-top: -8px;

background: linear-gradient(179deg,#fff,#E4EAFB) !important;

border-bottom-right-radius: 9px

}

.attachButton-_ACFSu {

height: 28px;

padding: 0px 0px;

}

.buttons-uaqb-5 {

height: 28px;

}

.channelTextArea-1FufC0 {

margin-bottom: 21px;

background: transparent;

}



.textArea-2CLwUE {

background: transparent;

font-size: 1rem;

line-height: 1rem;

width: 100%;

height: 24px;

min-height: 24px;

}

.fontSize16Padding-XoMpjI {

padding-bottom: 1px;

padding-top: 1px;

}

.scrollableContainer-15eg7h {

border-radius: 0px;

background: transparent;

}/* centered write*/

.editor-H2NA06 {

caret-color: var(--text-normal);

text-align: center;

word-break: break-word;

white-space: break-spaces!important;

}

.children-3xh0VB:after {

display:none;

}

/* PRIVATE CHANNELS */

.privateChannels-oVe7HL {

background: linear-gradient(90deg, #8290BF 2%, #475790 6%, #8FA4DB 100%);

}

.theme-light .scroller-WSmht3 {

background: linear-gradient(90deg, #8290BF 2%, #475790 6%, #8FA4DB 100%);

}

.layout-1LjVue {

min-width: 0;

border-radius: 0px;

height: 32px;

padding: 0 6px;

}

.container-q97qHp {

color: white;

}

.nameAndDecorators-2A8Bbk {

color: white;

}

.activity-1-H7Zd {

display: none;

}

.wrapper-3Un6-K {

position: relative;

border-radius: 0% !important;

}

foreignObject[Attributes Style] {

x: 0;

y: 0;

width: 0;

height: 0;

mask: url("");

}

foreignObject .mask-1y0tyc {

pointer-events: none;

position: relative;

display: block;

width: auto;

}