89 lines
No EOL
1.4 KiB
CSS
89 lines
No EOL
1.4 KiB
CSS
html{
|
|
height:auto;
|
|
}
|
|
body{
|
|
width:200px;
|
|
color:white;
|
|
padding:3px 0px;
|
|
font-size:12px;
|
|
}
|
|
img{
|
|
height:22px;
|
|
width:22px;
|
|
justify-self:center;
|
|
}
|
|
.title{
|
|
font-size:16px;
|
|
}
|
|
.line{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 34px auto 25px;
|
|
column-gap: 10px;
|
|
height:30px;
|
|
padding:0px 10px;
|
|
}
|
|
.line .check{
|
|
flex-shrink:0;
|
|
}
|
|
.line > .line-item{
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
pointer-events:none;
|
|
}
|
|
.line > .line-item + .line-item{
|
|
opacity:0.5;
|
|
justify-self: center;
|
|
}
|
|
|
|
.btn{
|
|
cursor:pointer;
|
|
}
|
|
.btn:hover{
|
|
opacity:1;
|
|
background: var(--lighter);
|
|
}
|
|
|
|
#files:empty{
|
|
display:none;
|
|
}
|
|
|
|
section:not(:first-child){
|
|
margin-top:3px;
|
|
padding-top:3px;
|
|
border-top:1px solid var(--light);
|
|
}
|
|
section h2{
|
|
margin: 0;
|
|
font-size: 10px;
|
|
font-weight:400;
|
|
padding:0px 10px;
|
|
color: var(--lighter)
|
|
}
|
|
section h2 span{
|
|
max-width: 100%;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
pointer-events:none;
|
|
}
|
|
|
|
#add-new .line {
|
|
grid-template-columns: 50% 50%;
|
|
align-items: stretch;
|
|
column-gap:0;
|
|
height:20px;
|
|
}
|
|
#add-new .line .btn{
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
opacity:0.7;
|
|
}
|
|
#add-new .line .btn:hover{
|
|
opacity:1;
|
|
background:none;
|
|
} |