Mercurial > libervia-templates

annotate sat_templates/templates/bulma/static/styles.css @ 405:5016fb0ff62f default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Blog redesign: work in progress redesign of the blog. Some templates have been moved from chat to components to be re-used in other features, like blog here. Blog follows same global design as chat with a left panel to search/open blogs.
author Goffi <goffi@goffi.org>
date Wed, 21 May 2025 15:41:00 +0200
parents 66f98ee041d8
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
403
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
1 :root {
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
2 --selected-item-bg: deepskyblue;
405
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
3 /* Reaction colors */
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
4 --reaction-background: #ffffff;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
5 --reaction-hover-background: #f5f5f5;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
6 --reaction-border: #dbdbdb;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
7
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
8 /* User reaction colors */
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
9 --reaction-user-background: #eef6fc;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
10 --reaction-user-hover-background: #e3f1fc;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
11 --reaction-user-border: #3273dc;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
12
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
13 /* Spacing */
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
14 --reaction-padding: 0.25rem 0.5rem;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
15 --reaction-gap: 0.5rem;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
16 --reaction-margin-top: 0.5rem;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
17
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
18 /* Typography */
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
19 --reaction-font-size: 0.875rem;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
20 --reaction-counter-font-size: 0.75rem;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
21 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
22
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
23 [data-theme="dark"] {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
24 --reaction-background: #2c2c2c;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
25 --reaction-hover-background: #404040;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
26 --reaction-border: #4a4a4a;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
27
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
28 --reaction-user-background: #1a3b5c;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
29 --reaction-user-hover-background: #234875;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
30 --reaction-user-border: #3273dc;
403
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
31 }
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
32
402
2bbcb7da56bc bulma: use Font-Awesome instead of Fontello + start of major redesign:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
33 html, body {
381
387c8c5a3bee bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents: 371
diff changeset
34
403
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
35 height: 100vh;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
36 overflow: hidden;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
37 }
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
38
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
39 body {
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
40 display: flex;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
41 flex-direction: column;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
42 }
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
43
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
44 #body {
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
45 display: flex;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
46 flex-direction: column;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
47 overflow: auto;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
48 }
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
49
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
50 .is-full-height {
402
2bbcb7da56bc bulma: use Font-Awesome instead of Fontello + start of major redesign:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
51 height: 100%;
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
52 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
53
404
66f98ee041d8 chat: add UI for replies/threads:
Goffi <goffi@goffi.org>
parents: 403
diff changeset
54 .is-full-width {
66f98ee041d8 chat: add UI for replies/threads:
Goffi <goffi@goffi.org>
parents: 403
diff changeset
55 width: 100%;
66f98ee041d8 chat: add UI for replies/threads:
Goffi <goffi@goffi.org>
parents: 403
diff changeset
56 }
66f98ee041d8 chat: add UI for replies/threads:
Goffi <goffi@goffi.org>
parents: 403
diff changeset
57
402
2bbcb7da56bc bulma: use Font-Awesome instead of Fontello + start of major redesign:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
58 .navbar-item {
2bbcb7da56bc bulma: use Font-Awesome instead of Fontello + start of major redesign:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
59 gap: 0;
319
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
60 }
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
61
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
62
402
2bbcb7da56bc bulma: use Font-Awesome instead of Fontello + start of major redesign:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
63 .menu-item {
2bbcb7da56bc bulma: use Font-Awesome instead of Fontello + start of major redesign:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
64 padding-top: 0.225em;
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
65 }
403
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
66
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
67 .avatar {
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
68 width: 40px;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
69 height: 40px;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
70 border-radius: 50%;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
71 background-color: #3273dc;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
72 color: #fff;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
73 }
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
74
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
75 .avatar.image {
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
76 background-color: #ccc;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
77 padding: 3px;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
78 }
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
79
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
80 div.jid-search-dialog {
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
81 min-height: 80%;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
82 }
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
83
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
84 div.search-item.is-selected {
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
85 background-color: var(--selected-item-bg);
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
86 }
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
87
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
88
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
89 .collapsible-content {
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
90 overflow: hidden;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
91 max-height: 0;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
92 opacity: 1;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
93 transition:
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
94 max-height 0.3s ease-out,
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
95 opacity 0.2s linear;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
96 }
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
97
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
98 .collapsible-header.collapsed .collapsible-icon {
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
99 transform: rotate(-90deg);
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
100 }
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
101
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
102 /* Animation */
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
103 .collapsible-header.collapsed + .collapsible-content {
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
104 opacity: 0;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
105 }
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
106
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
107 .collapsible-icon {
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
108 transition: transform 0.2s ease-out;
65c53ec5e777 Bulma: complete redesign:
Goffi <goffi@goffi.org>
parents: 402
diff changeset
109 }
405
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
110
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
111 /* Panels */
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
112
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
113 .panel-header {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
114 border-bottom: 1px solid #dbdbdb;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
115 padding: 0.5rem 1rem;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
116 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
117
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
118
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
119 #left_panel li:hover {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
120 background-color: #444;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
121 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
122
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
123
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
124 /* Sidebar toggle transitions */
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
125 .left-sidebar, .right-sidebar {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
126 transition: transform 0.3s ease, max-width 0.3s ease, opacity 0.3s ease;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
127 overflow-x: hidden;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
128 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
129
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
130 .left-sidebar.is-collapsed {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
131 transform: translateX(-100%);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
132 max-width: 0;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
133 padding: 0;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
134 margin: 0;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
135 opacity: 0;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
136 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
137
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
138 .right-sidebar.is-collapsed {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
139 transform: translateX(100%);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
140 max-width: 0;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
141 padding: 0;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
142 margin: 0;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
143 opacity: 0;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
144 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
145
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
146 .main-panel.is-expanded-left {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
147 margin-left: 0;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
148 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
149
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
150 .main-panel.is-expanded-right {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
151 margin-right: 0;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
152 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
153
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
154 /* Common components */
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
155 /* Reactions */
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
156 .reactions-container {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
157 gap: var(--reaction-gap);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
158 margin-top: var(--reaction-margin-top);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
159 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
160 .reaction {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
161 padding: var(--reaction-padding);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
162 border-radius: 1rem;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
163 background-color: var(--reaction-background);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
164 font-size: var(--reaction-font-size);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
165 cursor: pointer;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
166 transition: all 0.2s ease;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
167 border: 1px solid var(--reaction-border);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
168 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
169 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
170
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
171 .reaction:hover {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
172 background-color: var(--reaction-hover-background);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
173 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
174
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
175 .reaction .counter {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
176 margin-left: 0.25rem;
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
177 font-size: var(--reaction-counter-font-size);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
178 color: var(--color-text);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
179 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
180
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
181 .reaction.own-reaction {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
182 background-color: var(--reaction-user-background);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
183 border-color: var(--reaction-user-border);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
184 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
185
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
186 .reaction.own-reaction:hover {
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
187 background-color: var(--reaction-user-hover-background);
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
188 }
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
189
5016fb0ff62f Blog redesign: work in progress redesign of the blog.
Goffi <goffi@goffi.org>
parents: 404
diff changeset
190