Lightcord/modules/discord_desktop_core/core/app/BetterDiscord/lightcord.css

265 lines
5.7 KiB
CSS
Raw Normal View History

2020-07-11 21:29:08 +02:00
/** Lightcord Custom */
.lc-tabWrapper {
position: relative;
overflow: hidden;
height: 100%;
background: var(--background-floating);
border: 1px solid var(--deprecated-text-input-border-hover);
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.lc-tabnav {
top: 0;
border-bottom: 1px solid var(--deprecated-text-input-border-hover);
padding: 0 4px;
width: 100%;
-ms-flex-item-align: start;
align-self: flex-start;
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.lc-tab {
/*border-radius: 8px;*/
overflow: hidden;
position: relative;
margin: 0 auto;
width: 100%;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px;
}
.theme-dark .lc-tab-box-shadow {
-webkit-box-shadow: 0 0 20px 2px rgba(4,4,5,.3);
box-shadow: 0 0 20px 2px rgba(4,4,5,.3);
}
.theme-light .lc-tab-box-shadow {
-webkit-box-shadow: 0 0 5px 2px rgba(4,4,5,.1);
box-shadow: 0 0 5px 2px rgba(4,4,5,.1);
}
.lc-navItem {
padding: 14px 20px;
position: relative;
font-weight: 500;
-webkit-transform: color .125s;
transform: color .125s;
cursor: pointer;
max-height: 100%;
}
.lc-navItem::after {
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
background: #7289da;
-webkit-box-shadow: 0 -4px 12px 0 #7289da;
box-shadow: 0 -4px 12px 0 #7289da;
content: "";
height: 2px;
-webkit-transition: -webkit-transform .125s;
transition: -webkit-transform .125s;
transition: transform .125s;
transition: transform .125s,-webkit-transform .125s;
}
.lc-navItemActive {
color: var(--interactive-active);
}
.lc-navItemActive::after {
-webkit-transform: none;
transform: none;
}
.lc-navItemInactive {
color: var(--interactive-normal);
}
.lc-navItemInactive:hover {
color: var(--interactive-hover)
}
.lc-navItemInactive::after {
-webkit-transform: translateY(16px);
transform: translateY(16px);
}
.lc-fadeOverlay {
height: 20%;
left: 0;
bottom: 0;
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(24,25,28,0)),color-stop(70%,#18191c),to(#18191c));
background-image: linear-gradient(180deg,rgba(24,25,28,0),#18191c 70%,#18191c);
z-index: 900;
position: absolute;
width: 100%;
}
.lc-userPopout {
width: 250px;
border-radius: 5px;
overflow: hidden;
position: relative;
-webkit-box-shadow: 0 0 20px 2px rgba(4,4,5,.3);
box-shadow: 0 0 20px 2px rgba(4,4,5,.3);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 40px auto;
}
.lc-link-disabled-span:hover {
cursor: pointer;
}
/** Alert Box */
.lc-alert-box {
margin: 20px 0;
padding: 10px;
border-radius: 5px;
font-size: 14px;
font-weight: 300;
line-height: 22px;
}
.lc-alert-box strong {
font-weight: 900
}
.lc-alert-box span {
color: hsla(0,0%,100%,.9);
margin: 0!important
}
.lc-alert-box.lc-alert-box-warn {
background: rgba(250,166,26,.1);
border: 2px solid rgba(250,166,26,.5);
}
.lc-alert-box.lc-alert-box-info {
background: rgba(114,137,218,.1);
border: 2px solid rgba(114,137,218,.5);
}
.lc-alert-box.lc-alert-box-danger {
background: rgba(240,71,71,.1);
border: 2px solid rgba(240,71,71,.5);
}
.lc-alert-box.lc-alert-box-error {
background: rgba(240,71,71,.1);
border: 2px solid rgba(240,71,71,.5);
}
.lc-alert-box.lc-alert-box-success {
background: rgba(67,181,129,.1);
border: 2px solid rgba(67,181,129,.5)
}
.lc-blockquote > div {
margin-bottom: 0!important;
2020-08-04 13:17:51 +02:00
}
/** Text */
/*cases*/
.lc-text-casesUppercase {
text-transform: uppercase
}
.lc-text-casesLowercase {
text-transform: lowercase
}
/*weight*/
.lc-text-weightLight {
font-weight: 300
}
.lc-text-weightNormal {
font-weight: 400
}
.lc-text-weightMedium {
font-weight: 500
}
.lc-text-weightSemibold {
font-weight: 600
}
.lc-text-weightBold {
font-weight: 700
}
/*sizes*/
.lc-text-size12 {
font-size: 12px;
}
.lc-text-size14 {
font-size: 14px;
}
.lc-text-size16 {
font-size: 16px;
}
.lc-text-size20 {
font-size: 20px;
}
.lc-text-size28 {
font-size: 28px;
}
/*height*/
.lc-text-height16 {
line-height: 16px
}
.lc-text-height20 {
line-height: 20px
}
.lc-text-height26 {
line-height: 26px
}
.lc-text-height34 {
line-height: 34px
}
/*family*/
.lc-text-primary {
font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif
}
.lc-text-code {
font-family: SourceCodePro,Whitney,Helvetica Neue,Helvetica,Arial,sans-serif
}
/*selectable*/
.lc-text-selectable {
cursor: text;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
/** DateRange */
.lc-dateWrapper {
padding-top: 8px
}