pc-bottom/bottombar.css
LuckFire 867cad59fa
animation
animation when hovering on the add a server
2020-09-12 20:56:12 -04:00

102 lines
2.1 KiB
CSS

:root {
--bar-color: var(--background-tertiary) /* Changes the bar color. */
}
/* Username */
.panels-j1Uci_ > .container-3baos1 {
position: relative;
height: 85px;
background: var(--bar-color)
}
/* Chatbar */
.channelTextArea-rNsIhG {
background: var(--bar-color)
}
.form-2fGMdU {
padding-left: 16px;
padding-right: 16px;
padding-top: 20px;
margin-top: -10px;
bottom: -2px;
background: var(--bar-color)
}
.form-2fGMdU::before {
display: none
}
/* Serverlist */
.wrapper-1Rf91z {
width: 90px;
height: calc(100% - 86px)
}
.wrapper-1Rf91z:after {
position: fixed;
content: " ";
width: 100%;
height: 86px;
bottom: 0;
background: var(--bar-color)
}
/* Member List */
.members-1998pB {
height: calc(100% - 86px)
}
.membersWrap-2h-GB4 {
background: var(--bar-color)
}
/* Discovery Page */
.pageWrapper-1PgVDX {
height: calc(100% - 86px)
}
.pageWrapper-1PgVDX:after {
background: var(--bar-color)
}
/* Tabs in Home */
.container-1D34oG,
.container-3Mxszk,
.applicationStore-1pNvnv {
height: calc(100% - 86px)
}
/* Positioning Fixes/Changes */
.styleFixed-sX-yHV { /*Status Picker */
position: relative;
top: -20px
}
.animatorBottom-fS5rNO { /* Server menu popout */
position: relative;
top: 20px
}
.contentWrapper-SvZHNd { /* Emote/GIF Picker */
position: relative;
top: -20px
}
.form-2fGMdU > div > .content-c_0cLD { /* Follow channel */
position: relative;
bottom: -5px
}
.typing-2GQL18 { /* When people are typing/slowmode */
top: -2px;
}
.autocomplete-1vrmpx { /* Autocomplete */
bottom: calc(100% + 30px)
}
.tutorialContainer-SGrQ1h { /* Join/Create a sever */
position: fixed;
z-index: 1;
border-radius: 0 50px 50px 0;
padding-top: 8px;
padding-bottom: 0px;
bottom: 10px;
background: var(--background-secondary-alt) !important;
transition: all 150ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
.tutorialContainer-SGrQ1h:hover {
padding-left: 3px;
tran