Files: 3451510316992d414ec76ba5b29681fe359b7428 / styles / dracula / message.mcss
2371 bytesRaw
1 | Message { |
2 | background: #44475a |
3 | (highlight) { |
4 | background-color: rgb(255, 255, 86) |
5 | color: #f1fa8ce00 |
6 | } |
7 | header { |
8 | div.main { |
9 | div.main { |
10 | div.name { |
11 | a { |
12 | color: #c3c3c3 |
13 | :hover { |
14 | color: #ddd |
15 | } |
16 | } |
17 | } |
18 | div.meta { |
19 | font-size: 75% |
20 | color: #8a8a8a |
21 | (a) { |
22 | color: #b3b8e0 |
23 | :hover { |
24 | color: #dfdfe2 |
25 | } |
26 | } |
27 | } |
28 | } |
29 | } |
30 | div.meta { |
31 | span.flag { |
32 | -unread { |
33 | :after { |
34 | color: #8be9fd |
35 | } |
36 | } |
37 | -new { |
38 | :after { |
39 | color: #8be9fd |
40 | } |
41 | } |
42 | -new, -unread { |
43 | color: #8be9fd |
44 | font-size: 75% |
45 | :before { |
46 | color: #efef00 |
47 | } |
48 | } |
49 | } |
50 | a.channel { |
51 | font-size: 100% |
52 | color: #b3b3b3 |
53 | :hover { |
54 | color: #c1cdf0 |
55 | } |
56 | } |
57 | div.counts { |
58 | a.tags { |
59 | :hover { |
60 | color: #b480f5 |
61 | } |
62 | } |
63 | a + a { |
64 | border-left: 2px solid #44475a |
65 | } |
66 | } |
67 | (a.Timestamp) { |
68 | font-size: 75% |
69 | font-weight: normal |
70 | } |
71 | span.private { |
72 | :after { |
73 | background: rgba(0,0,0,0.75) |
74 | padding: 1px 4px |
75 | border-top-right-radius: 3px |
76 | color: #ccc |
77 | } |
78 | } |
79 | } |
80 | } |
81 | a.contentWarning { |
82 | background: #343744 |
83 | border: 1px solid #282a36 |
84 | } |
85 | a.backlink { |
86 | padding: 10px 20px |
87 | background: #343744 |
88 | color: #bd93f9 |
89 | :hover { |
90 | color: #aaa |
91 | } |
92 | } |
93 | footer { |
94 | div.expander { |
95 | background-color: #44475a |
96 | } |
97 | div.actions { |
98 | a.like { |
99 | :hover { |
100 | background: #ff2f92 |
101 | } |
102 | -liked { |
103 | color: #e89bc0; |
104 | background: #44475ac; |
105 | :before { |
106 | color: #ff2f92 |
107 | } |
108 | :hover { |
109 | background: #2c0317 |
110 | } |
111 | } |
112 | } |
113 | a.tag { |
114 | :before { |
115 | background-color: #ccc |
116 | } |
117 | } |
118 | a.unlike { |
119 | :hover { |
120 | background: #44475a |
121 | } |
122 | } |
123 | a { |
124 | background: #282a36 |
125 | color: #ccc |
126 | :hover { |
127 | background: #45b754 |
128 | } |
129 | } |
130 | } |
131 | } |
132 | -new, -unread { |
133 | box-shadow: 0 0 1px #efef00 |
134 | } |
135 | } |
136 |
Built with git-ssb-web