First
[anni] / priv / static / embed.css
1 body {
2   background-color: #282c37;
3   font-family: sans-serif;
4   color: white;
5   margin: 0;
6   padding: 1em;
7   padding-bottom: 0;
8 }
9
10 .avatar {
11   cursor: pointer;
12 }
13
14 .avatar img {
15   float: left;
16   border-radius: 4px;
17   margin-right: 4px;
18 }
19
20 .activity-content {
21   padding-top: 1em;
22 }
23
24 .attachment {
25   margin-top: 1em;
26 }
27
28 .attachment img {
29   max-width: 100%;
30 }
31
32 .date a {
33   text-decoration: none;
34 }
35
36 .date a:hover {
37   text-decoration: underline;
38 }
39
40 .date a,
41 .counts {
42   color: #666;
43   font-size: 0.9em;
44 }
45
46 .counts dt,
47 .counts dd {
48   float: left;
49   margin-left: 1em;
50 }
51
52 a {
53   color: white;
54 }
55
56 .h-card {
57   min-height: 48px;
58   margin-bottom: 8px;
59 }
60
61 .h-card a {
62   text-decoration: none;
63 }
64
65 .h-card a:hover {
66   text-decoration: underline;
67 }
68
69 .display-name {
70   padding-top: 4px;
71   display: block;
72   text-overflow: ellipsis;
73   overflow: hidden;
74   color: white;
75 }
76
77 /* keep emoji from being hilariously huge */
78 .display-name img {
79   max-height: 1em;
80 }
81
82 .display-name .nickname {
83   padding-top: 4px;
84   display: block;
85 }
86
87 .nickname:hover {
88   text-decoration: none;
89 }
90
91 .pull-right {
92   float: right;
93 }
94
95 .collapse {
96   margin: 0;
97   width: auto;
98 }
99
100 a.button {
101   box-sizing: border-box;
102   display: inline-block;
103   color: white;
104   background-color: #419bdd;
105   border-radius: 4px;
106   border: none;
107   padding: 10px;
108   font-weight: 500;
109   font-size: 0.9em;
110 }
111
112 a.button:hover {
113   text-decoration: none;
114   background-color: #61a6d9;
115 }