Files: 58ab0241031aa549a35cce1e678c27065ae66221 / styles / light / message.mcss
2461 bytesRaw
1 | Message { |
2 | background: white |
3 | (highlight) { |
4 | background-color: rgb(216, 179, 0) |
5 | color: white |
6 | } |
7 | header { |
8 | div.main { |
9 | div.main { |
10 | div.name { |
11 | a { |
12 | color: #444 |
13 | } |
14 | } |
15 | div.meta { |
16 | font-size: 90% |
17 | } |
18 | } |
19 | } |
20 | div.meta { |
21 | span.flag { |
22 | margin-top: -3px |
23 | -unread { |
24 | :after { |
25 | font-size: 75% |
26 | color: #b7b7b7 |
27 | } |
28 | } |
29 | -new { |
30 | :after { |
31 | font-size: 75% |
32 | color: #b7b7b7 |
33 | } |
34 | } |
35 | -new, -unread { |
36 | color: #ffcf04 |
37 | :first-letter { |
38 | font-size: 100% |
39 | } |
40 | } |
41 | } |
42 | a.channel { |
43 | font-weight: bold |
44 | } |
45 | div.counts { |
46 | a { |
47 | color: #757474 |
48 | } |
49 | a.tags { |
50 | :hover { |
51 | color: #9544f9 |
52 | } |
53 | } |
54 | a + a { |
55 | border-left: 2px solid #e6e6e6 |
56 | } |
57 | } |
58 | span.private { |
59 | border: 4px solid #525050 |
60 | background-color: #525050 |
61 | :after { |
62 | background: #525050 |
63 | padding: 2px 4px 0 2px |
64 | border-top-right-radius: 5px |
65 | color: white |
66 | font-weight: bold |
67 | } |
68 | } |
69 | } |
70 | } |
71 | a.contentWarning { |
72 | background: #ddd |
73 | } |
74 | a.backlink { |
75 | border-top: 1px solid #eee |
76 | padding: 10px 15px |
77 | background: white |
78 | color: #8f8f8f |
79 | :hover { |
80 | color: #777 |
81 | } |
82 | } |
83 | footer { |
84 | div.expander { |
85 | background-color: white |
86 | } |
87 | div.actions { |
88 | a.like { |
89 | :hover { |
90 | background: #e26ba4 |
91 | } |
92 | -liked { |
93 | color: #c1005e; |
94 | background: #ffe4f1; |
95 | :before { |
96 | color: #ff2f92 |
97 | } |
98 | :hover { |
99 | background: #606060; |
100 | color: white; |
101 | } |
102 | } |
103 | } |
104 | a.unlike { |
105 | :hover { |
106 | background: #959eab |
107 | } |
108 | } |
109 | a.tag { |
110 | :before { |
111 | background-color: #656565 |
112 | } |
113 | :hover { |
114 | :before { |
115 | background-color: white |
116 | } |
117 | } |
118 | } |
119 | a { |
120 | background: #f3f3f3 |
121 | color: #656565 |
122 | :before { |
123 | transition: background-color 0.25s ease |
124 | } |
125 | :hover { |
126 | background: #7dbd85 |
127 | } |
128 | } |
129 | } |
130 | } |
131 | -mini { |
132 | header { |
133 | margin-bottom: 15px |
134 | } |
135 | } |
136 | -new, -unread { |
137 | box-shadow: 0 0 1px #ffc600 |
138 | } |
139 | } |
140 |
Built with git-ssb-web