mirror of
https://github.com/nicolabs/mastodon-timeline-widget.git
synced 2026-04-10 16:06:45 +02:00
179 lines
2.8 KiB
CSS
179 lines
2.8 KiB
CSS
/**
|
|
* Mastodon User Timeline Widget
|
|
* Copyright (c) 2017 有限会社アゼット
|
|
* ライセンスに関して、LICENSEファイルを参照下さい。
|
|
* see license file for details.
|
|
*
|
|
* @author Azet <https://azet.jp>
|
|
* @version 1.0
|
|
*/
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* spoiler === */
|
|
a.btn-spoiler {
|
|
margin-left: 5px;
|
|
padding: 3px;
|
|
background: purple;
|
|
color: white;
|
|
border-radius: 3px;
|
|
font-size: 80%;
|
|
}
|
|
.spoiler-body {
|
|
display: none;
|
|
}
|
|
/* <<< */
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* spoiler === */
|
|
.mastodon-timeline-light a.btn-spoiler {
|
|
background: #26afff;
|
|
color: white;
|
|
}
|
|
/* <<< */
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* spoiler === */
|
|
.mastodon-timeline-dark a.btn-spoiler {
|
|
background: #687390;
|
|
color: #393F4F;
|
|
}
|
|
/* <<< */
|