BetterDiscordAddons/Themes/ServerColumns/ServerColumns.css

181 lines
7.1 KiB
CSS
Raw Normal View History

2018-12-07 11:19:03 +01:00
:root {
2019-04-25 23:56:17 +02:00
--vcolumns: var(--columns, 3);
2019-02-01 00:54:45 +01:00
--vguildsize: var(--guildsize, 50);
2019-04-25 23:56:17 +02:00
--valigndms: var(--aligndms, 1);
2018-12-07 11:19:03 +01:00
}
2019-09-11 11:37:03 +02:00
.container-2lgZY8 {
display: flex !important;
}
.wrapper-1Rf91z {
position: static !important;
contain: unset !important;
}
.base-3dtUhz {
position: static !important;
contain: unset !important;
width: 100% !important;
}
2019-05-29 16:54:46 +02:00
.titleBar-AC4pGV.typeMacOS-3EmCyP,
2019-05-29 16:46:33 +02:00
.titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC,
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z,
2019-05-06 16:01:57 +02:00
.wrapper-1Rf91z.foldercontent.foldercontentopen,
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .unreadMentionsIndicatorTop-gA6RCh,
.wrapper-1Rf91z .unreadMentionsIndicatorBottom-BXS58x {
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
}
2019-05-29 16:46:33 +02:00
.titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC {
padding-right: calc(1px * ((var(--vguildsize) + 10) * var(--vcolumns) - 50)) !important;
}
2019-05-29 17:12:16 +02:00
body.foldercontentopened .titleBar-AC4pGV.typeMacOS-3EmCyP,
body.foldercontentopened .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC {
width: calc(2px * ((var(--vguildsize) + 10) * var(--vcolumns) + 35 - 25)) !important;
}
body.foldercontentopened .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC {
padding-right: calc(1px * ((var(--vguildsize) + 10) * var(--vcolumns) * 2 - 40)) !important;
}
2019-05-29 16:50:47 +02:00
.titleBar-AC4pGV.typeMacOS-3EmCyP.typeMacOSWithFrame-3R_i5S .macButtons-2MuSAC {
2019-05-29 16:51:17 +02:00
margin-top: 0 !important;
margin-right: 0 !important;
2019-05-29 16:50:47 +02:00
}
2019-03-08 00:39:50 +01:00
.wrapper-1Rf91z .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
}
2019-03-08 00:39:50 +01:00
.wrapper-1Rf91z,
.wrapper-1Rf91z .scrollerWrap-1IAIlv {
2018-12-08 02:34:58 +01:00
padding: 0 !important;
}
2019-05-06 19:32:13 +02:00
.wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN {
2019-05-22 11:20:00 +02:00
padding: 0 0 10px 10px !important;
2019-05-06 19:32:13 +02:00
margin: 0 !important;
display: flex !important;
flex-flow: row wrap !important;
align-content: flex-start !important;
2018-12-07 11:19:03 +01:00
}
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .listItem-2P_4kh {
2019-10-20 21:36:12 +02:00
margin: 4px 13px 4px 0 !important;
2018-12-07 11:19:03 +01:00
}
2019-04-26 12:05:16 +02:00
.wrapper-1Rf91z #server-search {
2019-03-08 00:39:50 +01:00
margin: 4px calc(1px * (((var(--vguildsize) + 10) * (var(--vcolumns) - 1))/2)) !important;
}
2019-09-19 12:50:47 +02:00
.wrapper-1Rf91z .listItem-2P_4kh:first-child .listItemWrapper-3X98Pc {
2019-10-20 21:36:12 +02:00
margin: 0 calc(1px * (((var(--vguildsize) + 10) * (var(--vcolumns) - 1))/2)) 4px calc(1px * ((((var(--vguildsize) + 10) * (var(--vcolumns) - 1))/2))) !important;
2019-04-26 12:05:16 +02:00
}
2019-09-19 12:50:47 +02:00
.wrapper-1Rf91z .listItem-2P_4kh:first-child .pill-1m5BUr ~ .listItemWrapper-3X98Pc {
2019-04-25 23:56:17 +02:00
margin: 0 calc(1px * ((((var(--vguildsize) + 10) * (var(--vcolumns) - 1))/2) * (1 - var(--valigndms)))) 0 calc(1px * (((0 * var(--valigndms)) + ((((var(--vguildsize) + 10) * (var(--vcolumns) - 1))/2) * (1 - var(--valigndms)))))) !important;
2018-12-07 19:51:43 +01:00
}
2019-05-06 19:35:26 +02:00
.wrapper-1Rf91z .blobContainer-239gwq,
.wrapper-1Rf91z .circleButtonMask-2VNJsN,
.wrapper-1Rf91z .guildsError-b7zR5H {
margin: 0 !important;
}
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .listItem-2P_4kh {
width: auto !important;
2018-12-07 19:51:43 +01:00
}
2019-07-17 14:05:41 +02:00
.wrapper-1Rf91z .placeholderMask-3K9THS,
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .svg-1X37T1,
.wrapper-1Rf91z .wrapper-25eVIn {
height: calc(1px * var(--vguildsize)) !important;
width: calc(1px * var(--vguildsize)) !important;
2019-03-08 00:39:50 +01:00
}
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .homeIcon-tEMBK1 {
2019-04-26 12:05:16 +02:00
height: calc(1px * (var(--vguildsize) * (8/50) + 12)) !important;
width: calc(1px * (var(--vguildsize) * (16/50) + 12)) !important;
2018-12-07 19:51:43 +01:00
}
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .scroller-2TZvBN > div[style*="height"]:not([class]) {
height: calc(1px * var(--vguildsize) * (58/50)) !important;
2018-12-07 11:19:03 +01:00
}
2019-04-26 12:05:16 +02:00
.wrapper-1Rf91z .upperBadge-2XnnGB .base-PmTxvP {
transform: translate(calc(1.5px * ((50 - var(--vguildsize))/10)), calc(-1.5px * ((50 - var(--vguildsize))/10))) scale(calc(var(--vguildsize)/50)) !important;
}
.wrapper-1Rf91z .upperBadge-2XnnGB.count .base-PmTxvP {
transform: translate(calc(-1.5px * ((50 - var(--vguildsize))/10)), calc(-1.5px * ((50 - var(--vguildsize))/10))) scale(calc(var(--vguildsize)/50)) !important;
}
.wrapper-1Rf91z .lowerBadge-29hYVK .base-PmTxvP {
transform: translate(calc(1.5px * ((50 - var(--vguildsize))/10)), calc(1.5px * ((50 - var(--vguildsize))/10))) scale(calc(var(--vguildsize)/50)) !important;
}
.wrapper-1Rf91z .lowerBadge-29hYVK.unread-count-badge .base-PmTxvP {
transform: translate(calc(-1.5px * ((50 - var(--vguildsize))/10)), calc(1.5px * ((50 - var(--vguildsize))/10))) scale(calc(var(--vguildsize)/50)) !important;
}
.wrapper-1Rf91z .wrapper-sa6paO {
top: -5px !important;
height: calc(1px * (var(--vguildsize) + 10)) !important;
transform: scaleY(calc(var(--vguildsize)/50)) !important;
}
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .pill-2uzAFe {
2019-10-20 21:36:12 +02:00
left: calc(1px * ((((var(--vguildsize) + 10) * (var(--vcolumns) - 1))/2) - 9)) !important;
2018-12-07 19:51:43 +01:00
}
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .pill-1m5BUr {
2019-09-19 12:50:47 +02:00
left: calc(1px * ((var(--valigndms) + ((((var(--vguildsize) + 10) * (var(--vcolumns) - 1))/2) * (1 - var(--valigndms)))) - 8)) !important;
2018-12-10 14:29:02 +01:00
}
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .pill-31IEus,
.wrapper-1Rf91z .pill-3YxEhL {
2019-10-20 21:36:12 +02:00
left: -9px !important;
2018-12-07 19:51:43 +01:00
}
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .guildSeparator-3s64Iy {
2019-02-01 00:54:45 +01:00
width: calc(1px * ((var(--vguildsize) + 10) * var(--vcolumns) - 10)) !important;
2019-04-25 23:56:17 +02:00
margin: 5px 0 !important;
2019-05-06 19:30:57 +02:00
display: block !important;
2018-12-07 11:19:03 +01:00
}
2019-04-29 12:25:49 +02:00
.wrapper-1Rf91z .guildsError-b7zR5H {
height: calc(1px * var(--vguildsize)) !important;
width: calc(1px * var(--vguildsize)) !important;
font-size: calc(1px * (var(--vguildsize)/4 + 7.5)) !important;
line-height: calc(1px * (var(--vguildsize)/4 + 6.5)) !important;
}
2019-05-22 11:20:00 +02:00
.wrapper-1Rf91z #bd-pub-li,
.wrapper-1Rf91z #bd-pub-li #bd-pub-button,
2019-07-14 19:27:04 +02:00
.wrapper-1Rf91z #sort-button,
.wrapper-1Rf91z #sort-button > div,
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .RANbutton-frame,
.wrapper-1Rf91z .RANbutton-frame .RANbutton {
2019-02-01 00:54:45 +01:00
height: calc(1px * ((var(--vguildsize)/5) + 10)) !important;
2018-12-07 19:51:43 +01:00
}
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .friendsOnline-2JkivW {
font-size: calc(1px * ((var(--vguildsize)/8) + 3.75)) !important;
}
.wrapper-1Rf91z .friendsOnline-2JkivW,
2019-05-22 11:20:00 +02:00
.wrapper-1Rf91z #bd-pub-li,
2019-07-14 19:27:04 +02:00
.wrapper-1Rf91z #sort-button,
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .RANbutton-frame {
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
}
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .friendsOnline-2JkivW,
2019-05-22 11:20:00 +02:00
.wrapper-1Rf91z #bd-pub-li,
2019-07-14 19:27:04 +02:00
.wrapper-1Rf91z #sort-button,
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .RANbutton-frame {
text-align: center !important;
2019-05-22 11:20:00 +02:00
margin: 4px calc(1px * (((var(--vguildsize) + 10) * (var(--vcolumns) - 1) - ((var(--vguildsize)*4/5) + 10) + var(--vguildsize))/2)) 4px calc(1px * (((var(--vguildsize) + 10) * (var(--vcolumns) - 1) - ((var(--vguildsize)*4/5) + 10) + var(--vguildsize))/2)) !important;
2019-02-01 00:54:45 +01:00
}
2019-07-14 19:27:04 +02:00
.wrapper-1Rf91z #sort-button > div,
2019-05-22 11:20:00 +02:00
.wrapper-1Rf91z #bd-pub-li #bd-pub-button,
2019-04-25 23:56:17 +02:00
.wrapper-1Rf91z .RANbutton-frame .RANbutton {
font-size: calc(1px * ((var(--vguildsize)/8) + 5)) !important;
2019-02-01 00:54:45 +01:00
line-height: calc(1px * ((var(--vguildsize)/5) + 10)) !important;
2019-07-24 09:04:50 +02:00
width: calc(1px * var(--vguildsize)) !important;
}
.wrapper-1Rf91z .wrapper-21YSNc {
2019-10-20 21:36:12 +02:00
margin: 4px 13px 4px 0 !important;
2019-07-24 09:04:50 +02:00
width: calc(1px * var(--vguildsize)) !important;
}
.wrapper-1Rf91z .wrapper-21YSNc > .listItem-2P_4kh {
margin: 0 !important;
}
.wrapper-1Rf91z .wrapper-21YSNc .expandedGuilds-1JMD4M .listItem-2P_4kh {
margin: 6px 0 !important;
}
2019-07-25 10:23:06 +02:00
.wrapper-1Rf91z .wrapper-21YSNc .expandedGuilds-1JMD4M .listItem-2P_4kh:last-child {
2019-07-28 18:25:12 +02:00
margin-bottom: 0 !important;
2019-07-25 10:23:06 +02:00
}
2019-07-24 09:04:50 +02:00
.wrapper-1Rf91z .expandedGuilds-1JMD4M {
2019-07-28 18:25:12 +02:00
overflow: visible !important;
2019-07-24 09:04:50 +02:00
margin-left: -1px !important;
padding-left: 1px !important;
height: auto !important;
}
.wrapper-1Rf91z .expandedFolderBackground-2sPsd- {
width: calc(1px * var(--vguildsize)) !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
2019-04-25 23:56:17 +02:00
}