mirror of
https://github.com/nicolabs/mastodon-timeline-widget.git
synced 2026-04-11 00:15:06 +02:00
144 lines
2.2 KiB
CSS
144 lines
2.2 KiB
CSS
/* main container >>> */
|
|
.mastodon-timeline {
|
|
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
|
|
font-family: sans-serif;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.mt-header,
|
|
.mt-footer {
|
|
padding: 10px 10px;
|
|
}
|
|
|
|
.mastodon-timeline a:link,
|
|
.mastodon-timeline a:active,
|
|
.mastodon-timeline a {
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.mt-header {
|
|
font-weight: bold;
|
|
border-bottom: 1px solid purple;
|
|
}
|
|
|
|
.mt-header h4 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mt-body {
|
|
height: 250px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.mt-loading {
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mt-footer {
|
|
text-align: center;
|
|
}
|
|
|
|
/* toots -messages */
|
|
.mt-toot {
|
|
margin: 5px;
|
|
padding: 5px 5px 5px 65px;
|
|
position: relative;
|
|
min-height: 60px;
|
|
}
|
|
|
|
.mt-footer,
|
|
.mt-toot:nth-child(n+2) {
|
|
border-top: 1px solid purple;
|
|
}
|
|
|
|
.mt-toot p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mt-date {
|
|
text-align: right;
|
|
}
|
|
|
|
.mt-avatar {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
/*margin: 0 10px 5px 0;*/
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.mt-error {
|
|
color: darkred;
|
|
background: lightpink;
|
|
margin: 5px;
|
|
padding: 10px;
|
|
}
|
|
/* <<< */
|
|
|
|
/* light theme >>> */
|
|
.mastodon-timeline-light {
|
|
background: #fafafa;
|
|
color: #555;
|
|
}
|
|
|
|
.mastodon-timeline-light .mt-footer,
|
|
.mastodon-timeline-light .mt-header {
|
|
background: #eee;
|
|
}
|
|
|
|
.mastodon-timeline-light a:link,
|
|
.mastodon-timeline-light a:active,
|
|
.mastodon-timeline-light a {
|
|
color: #26afff;
|
|
}
|
|
|
|
.mastodon-timeline-light .mt-header {
|
|
border-bottom-color: lightgrey;
|
|
}
|
|
|
|
.mastodon-timeline-light .mt-footer,
|
|
.mastodon-timeline-light .mt-toot:nth-child(n+2) {
|
|
border-top-color: lightgrey;
|
|
}
|
|
|
|
.mastodon-timeline-light .mt-date a {
|
|
color: lightgrey;
|
|
}
|
|
/* <<< */
|
|
|
|
/* dark theme >>> */
|
|
.mastodon-timeline-dark {
|
|
background: #393f4f;
|
|
color: white;
|
|
}
|
|
|
|
.mastodon-timeline-dark .mt-footer,
|
|
.mastodon-timeline-dark .mt-header {
|
|
background: #313543;
|
|
}
|
|
|
|
.mastodon-timeline-dark a:link,
|
|
.mastodon-timeline-dark a:active,
|
|
.mastodon-timeline-dark a {
|
|
color: #2b90d9;
|
|
}
|
|
|
|
.mastodon-timeline-dark .mt-header {
|
|
border-bottom-color: #606984;
|
|
}
|
|
|
|
.mastodon-timeline-dark .mt-footer,
|
|
.mastodon-timeline-dark .mt-toot:nth-child(n+2) {
|
|
border-top-color: #606984;
|
|
}
|
|
|
|
.mastodon-timeline-dark .mt-date a {
|
|
color: #606984;
|
|
}
|
|
/* <<< */
|