You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.2 KiB
74 lines
1.2 KiB
::selection{
|
|
color: #fff;
|
|
background: #5372F0;
|
|
}
|
|
.wrapper{
|
|
width: 496px;
|
|
background: #fff;
|
|
padding: 18px 25px 20px;
|
|
box-shadow: 0 0 30px rgba(0,0,0,0.06);
|
|
}
|
|
.wrapper :where(.title, li, li i, .details){
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.title img{
|
|
max-width: 21px;
|
|
}
|
|
.title h2{
|
|
font-size: 21px;
|
|
font-weight: 600;
|
|
margin-left: 8px;
|
|
}
|
|
.wrapper .content{
|
|
margin: 10px 0;
|
|
}
|
|
.tags p{
|
|
font-size: 15px;
|
|
}
|
|
.tags ul{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 7px;
|
|
margin: 12px 0;
|
|
border-radius: 5px;
|
|
border: 1px solid #a6a6a6;
|
|
}
|
|
.tags ul li{
|
|
color: #333;
|
|
margin: 4px 3px;
|
|
list-style: none;
|
|
background: #F2F2F2;
|
|
padding: 5px 8px 5px 10px;
|
|
border: 1px solid #e3e1e1;
|
|
}
|
|
.tags ul li i{
|
|
height: 20px;
|
|
width: 20px;
|
|
color: #808080;
|
|
margin-left: 8px;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
background: #dfdfdf;
|
|
justify-content: center;
|
|
}
|
|
.tags ul input{
|
|
flex: 1;
|
|
padding: 5px;
|
|
border: none;
|
|
outline: none;
|
|
font-size: 16px;
|
|
}
|
|
.wrapper .details{
|
|
justify-content: space-between;
|
|
}
|
|
.details button{
|
|
border: none;
|
|
background: #E0B0FF;
|
|
text-decoration: none;
|
|
margin: 1px;
|
|
}
|
|
.details button:hover{
|
|
background: #2c52ed;
|
|
}
|
|
|