annotate sat_templates/templates/default/static/photo.css @ 413:0190a0d32909 default tip

Forum: Major redesign of forums: Forums have been redesigned. They follow the new general design with 2 or 3 panels, allowing to have directly a forum if one is found/set up, and a panel on the left to search/discover other ones. Categories have been rewritten to be usable with pubsub relationships, a XEP-0277 type node is used for topics, and each item has a comments node for the threads. The thread view is set in `forum/show_messages.html` template. It has a header with a search box and a button to (un)subscribe. Items are displayed with the same macros as for the blog items. Below a room is set for editor, tags and attachments. rel 463
author Goffi <goffi@goffi.org>
date Fri, 05 Sep 2025 21:54:09 +0200
parents f1188ce8dd17
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
124
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 .album {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 display: flex;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 flex-wrap: wrap;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
4 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
5
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6 .album__item {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 width: 400px;
193
f1188ce8dd17 css (photo): fixed width on small screens (mobiles) for album__item
Goffi <goffi@goffi.org>
parents: 166
diff changeset
8 max-width: 100%;
f1188ce8dd17 css (photo): fixed width on small screens (mobiles) for album__item
Goffi <goffi@goffi.org>
parents: 166
diff changeset
9 margin: 0 0.1em 2em 0.1em;
124
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
11
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 .album__vignette {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 background-color: #444;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 height: 300px;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 position: relative;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
17
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
18 .album__thumbnail {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 height: 100%;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
20 display: block;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 margin: 0 auto;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
23
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
24 .album__comments-bar {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
25 display: block;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
26 font-size: 0.8em;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
27 color: black;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 text-align: right;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 cursor: pointer;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
31
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 .album__comments-bar:hover {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 background-color: #ddd;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 font-weight: bold;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
35 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
36
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 .comments__count {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
38 font-weight: bold;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
39 }