BetterDiscordAddons/Themes/ServerColumns/ServerColumns.css

140 lines
7.2 KiB
CSS
Raw Normal View History

2018-12-07 11:19:03 +01:00
:root {
--vcolumns: var(--columns, 2);
2019-02-01 00:54:45 +01:00
--vguildsize: var(--guildsize, 50);
2019-02-01 21:09:15 +01:00
--vguildroundness: var(--guildroundness, 50%);
2018-12-07 11:19:03 +01:00
}
.guildsWrapper-5TJh6A {
2019-02-01 00:54:45 +01:00
width: calc(1px * ((var(--vguildsize) + 10) * var(--vcolumns) + 35 - 25)) !important;
2018-12-07 11:19:03 +01:00
}
.guildsWrapper-5TJh6A .scrollerWrap-1IAIlv {
2019-02-01 00:54:45 +01:00
width: calc(1px * ((var(--vguildsize) + 10) * var(--vcolumns) + 35)) !important;
2018-12-07 11:19:03 +01:00
}
2018-12-08 02:34:58 +01:00
.guildsWrapper-5TJh6A,
.guildsWrapper-5TJh6A .scrollerWrap-1IAIlv {
padding: 0 !important;
}
.guildsWrapper-5TJh6A .scrollerWrap-1IAIlv .guilds-1q_RqH {
padding: 10px 0 10px 10px !important;
}
2018-12-07 11:19:03 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH,
.guildsWrapper-5TJh6A .guilds-1q_RqH .dms-rcsEnV {
2019-02-01 00:54:45 +01:00
display: flex;
flex-flow: row wrap;
align-content: flex-start;
2018-12-07 11:19:03 +01:00
}
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ {
2018-12-07 21:29:17 +01:00
margin: 4px 13px 4px -2px !important;
2018-12-07 11:19:03 +01:00
}
2018-12-07 21:15:31 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ:not(#bd-pub-li),
2018-12-07 19:51:43 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ:not(#bd-pub-li) .guildInner-3DSoA4 a,
2018-12-07 21:15:31 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildsError-3cFMtY,
2019-02-01 00:54:45 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.guildsAdd-21_IdK .guildsAddInner-1KMFy-,
2019-01-25 09:05:19 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 .guildIcon-CT-ZDq,
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 .avatar-S_nsxk,
2018-12-08 02:34:58 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 .homeIcon-1FoKUJ {
2019-02-01 00:54:45 +01:00
height: calc(1px * var(--vguildsize)) !important;
width: calc(1px * var(--vguildsize)) !important;
line-height: calc(1px * var(--vguildsize)) !important;
2018-12-08 02:34:58 +01:00
}
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ:not(#bd-pub-li):not(.guildsAdd-21_IdK) {
border: none !important;
2018-12-07 21:15:31 +01:00
}
2019-01-25 09:05:19 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 .guildIcon-CT-ZDq,
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 .avatar-S_nsxk,
2018-12-07 19:55:55 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 .homeIcon-1FoKUJ {
background-size: cover !important;
2019-02-01 11:31:38 +01:00
}
2019-02-01 11:32:35 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 .guildIcon-CT-ZDq {
2019-02-01 00:54:45 +01:00
font-size: calc(1px * (var(--vguildsize)/5)) !important;
2018-12-07 19:55:55 +01:00
}
2019-02-01 11:31:38 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 .guildIcon-CT-ZDq[style*="font-size: 12px"] {
font-size: calc(1px * (var(--vguildsize)/4.1666)) !important;
}
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 .guildIcon-CT-ZDq[style*="font-size: 14px"] {
font-size: calc(1px * (var(--vguildsize)/3.5714)) !important;
}
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 .guildIcon-CT-ZDq[style*="font-size: 16px"] {
font-size: calc(1px * (var(--vguildsize)/3.125)) !important;
}
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 .guildIcon-CT-ZDq[style*="font-size: 18px"] {
font-size: calc(1px * (var(--vguildsize)/2.7777)) !important;
}
2019-02-01 00:54:45 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.guildsAdd-21_IdK .guildsAddInner-1KMFy- {
display: block !important;
position: static !important;
width: calc(1px * (var(--vguildsize) - (var(--vguildsize)/30))) !important;
font-size: calc(1px * (var(--vguildsize)/(5/4))) !important;
2018-12-07 19:51:43 +01:00
}
2018-12-07 21:15:31 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildsError-3cFMtY {
2019-02-01 00:54:45 +01:00
font-size: calc(1px * (var(--vguildsize)/(5/2))) !important;
2018-12-07 19:51:43 +01:00
}
2019-02-01 00:54:45 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.guildsAdd-21_IdK .guildsAddInner-1KMFy-,
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildsError-3cFMtY {
line-height: calc(1px * (var(--vguildsize) - 5)) !important;
}
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .badge-1GsMF2 {
font-size: calc(1px * (var(--vguildsize)/4)) !important;
padding: calc(1px * (var(--vguildsize)/10 - 2)) calc(1px * (var(--vguildsize)/10 + 1)) !important;
}
.guildsWrapper-5TJh6A .guilds-1q_RqH .guildInner-3DSoA4[style*="border-radius: 23"],
.guildsWrapper-5TJh6A .guilds-1q_RqH .guildInner-3DSoA4[style*="border-radius: 24"],
.guildsWrapper-5TJh6A .guilds-1q_RqH .guildInner-3DSoA4[style*="border-radius: 25"] {
transition: all .2s linear !important;
2019-02-01 21:21:56 +01:00
border-radius: var(--vguildroundness) !important;
2018-12-07 19:51:43 +01:00
}
2018-12-10 14:29:02 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.unread-qLkInr:before,
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.selected-ML3OIq:before {
2018-12-08 02:34:58 +01:00
top: 50% !important;
left: -8px !important;
border-radius: 0px 50px 50px 0px !important;
width: 5px !important;
2018-12-07 11:19:03 +01:00
}
2018-12-08 02:34:58 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.unread-qLkInr:before {
2019-02-01 00:54:45 +01:00
height: calc(1px * (46.03756 + (9.744341 - 46.03756)/(1 + ((var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791))))) !important;
margin-top: calc(1px * ((46.03756 + (9.744341 - 46.03756)/(1 + ((var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791)*(var(--vguildsize)/67.64791))))/-2)) !important;
2018-12-07 19:51:43 +01:00
}
2018-12-10 14:29:02 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.selected-ML3OIq:before {
2019-02-01 00:54:45 +01:00
height: calc(1px * (106.6077 + (19.08392 - 106.6077)/(1 + ((var(--vguildsize)/71.81239)*(var(--vguildsize)/71.81239)*(var(--vguildsize)/71.81239)*(var(--vguildsize)/71.81239))))) !important;
margin-top: calc(1px * ((106.6077 + (19.08392 - 106.6077)/(1 + ((var(--vguildsize)/71.81239)*(var(--vguildsize)/71.81239)*(var(--vguildsize)/71.81239)*(var(--vguildsize)/71.81239))))/-2)) !important;
2018-12-10 14:29:02 +01:00
}
2019-01-25 09:05:19 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.pinned:after,
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.audio-3vVhBi:after,
2018-12-07 19:51:43 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.video-15yGu3:after {
2019-02-01 00:54:45 +01:00
height: calc(1px * (var(--vguildsize)/2)) !important;
width: calc(1px * (var(--vguildsize)/2)) !important;
background-size: calc(1px * (var(--vguildsize)/3)) !important;
2018-12-07 19:51:43 +01:00
}
2018-12-07 11:19:03 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .dms-rcsEnV {
2018-12-07 21:29:17 +01:00
margin: 0 !important;
2018-12-07 11:19:03 +01:00
}
.guildsWrapper-5TJh6A .guilds-1q_RqH .guildSeparator-1X4GQ1 {
2019-02-01 00:54:45 +01:00
width: calc(1px * ((var(--vguildsize) + 10) * var(--vcolumns) - 10)) !important;
2018-12-08 02:34:58 +01:00
margin: 10px 0 !important;
2018-12-07 11:19:03 +01:00
}
2018-12-07 12:38:15 +01:00
#server-search,
2018-12-07 11:19:03 +01:00
.guildsWrapper-5TJh6A:not(.foldercontent) .guilds-1q_RqH > .guild-1EfMGQ:first-child,
2018-12-07 19:51:43 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .dms-rcsEnV .guild-1EfMGQ:only-child {
2019-02-01 00:54:45 +01:00
margin: 4px calc(1px * (((var(--vguildsize) + 10) * (var(--vcolumns) - 1))/2)) !important;
}
.guildsWrapper-5TJh6A .guilds-1q_RqH .friendsOnline-_wi_fM {
font-size: calc(1px * ((var(--vguildsize)/8) + 3.75)) !important;
}
#bd-pub-li,
#bd-pub-li .guildInner-3DSoA4,
#bd-pub-li .guildInner-3DSoA4 a {
height: calc(1px * ((var(--vguildsize)/5) + 10)) !important;
2018-12-07 19:51:43 +01:00
}
2018-12-07 11:19:03 +01:00
.guildsWrapper-5TJh6A .guilds-1q_RqH .friendsOnline-_wi_fM,
2018-12-08 02:34:58 +01:00
#bd-pub-li,
#bd-pub-li .guildInner-3DSoA4,
#bd-pub-li .guildInner-3DSoA4 a {
2019-02-01 00:54:45 +01:00
width: calc(1px * ((var(--vguildsize)*4/5) + 10)) !important;
2018-12-08 02:34:58 +01:00
}
.guildsWrapper-5TJh6A .guilds-1q_RqH .friendsOnline-_wi_fM,
2018-12-07 12:38:15 +01:00
#bd-pub-li {
2019-02-01 00:54:45 +01:00
margin: 4px calc(1px * (((var(--vguildsize) + 10) * (var(--vcolumns) - 1) - ((var(--vguildsize)*4/5) + 10) + var(--vguildsize))/2)) !important;
}
#bd-pub-li #bd-pub-button {
font-size: calc(1px * ((var(--vguildsize)/10) + 7)) !important;
line-height: calc(1px * ((var(--vguildsize)/5) + 10)) !important;
2018-12-07 11:19:03 +01:00
}