86 lines
1.5 KiB
CSS
86 lines
1.5 KiB
CSS
:root {
|
|
--fedi-button-color: #502102;
|
|
--fedi-warning-color: #b5680b;
|
|
--fedi-error-color: #fca01d;
|
|
--fedi-light-color: #f8efd5;
|
|
--fedi-dark-color: #2e1600;
|
|
--fedi-hl-color: #7c7672;
|
|
}
|
|
|
|
#fedicomment-button {
|
|
background-color: var(--fedi-button-color);
|
|
border: none;
|
|
border-radius: 10px;
|
|
margin: auto;
|
|
color: var(--fedi-light-color);
|
|
padding: 15px 32px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: block;
|
|
font-size: 16px;
|
|
transition: 0.2s;
|
|
}
|
|
|
|
#fedicomment-button:hover {
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.fedicomment-alert {
|
|
color: var(--fedi-light-color);
|
|
text-align: center;
|
|
font-weight: bold;
|
|
padding: 30px;
|
|
width: 60%;
|
|
border-radius: 15px;
|
|
margin: auto;
|
|
}
|
|
|
|
.fedicomment-error {
|
|
background-color: var(--fedi-error-color);
|
|
}
|
|
|
|
.fedicomment-warning {
|
|
background-color: var(--fedi-warning-color);
|
|
}
|
|
|
|
.fedicomment-comment {
|
|
margin: 10px;
|
|
padding: 10px;
|
|
border: solid var(--fedi-hl-color) 1px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.fedicomment-comment .fedicomment-comment {
|
|
border: none;
|
|
border-radius: initial;
|
|
margin: 0;
|
|
margin-left: 5px;
|
|
padding: 0;
|
|
padding-left: 5px;
|
|
border-left: solid var(--fedi-hl-color) 1px;
|
|
}
|
|
|
|
.fedicomment-comment-header img {
|
|
height: 25px;
|
|
width: auto;
|
|
}
|
|
|
|
.fedicomment-comment-header * {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.fedicomment-reactions {
|
|
margin: 10px;
|
|
padding: 10px;
|
|
border: solid var(--fedi-hl-color) 1px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.fedicomment-share::before {
|
|
content: '🔄';
|
|
}
|
|
|
|
.fedicomment-fav::before{
|
|
content: '❤️';
|
|
}
|