visibility.css (2757B)
1 /* External Websites -------------------------------------------------------- */
2
3 a[rel~="external"]:after
4 {
5 content: "︎ ↗";
6 }
7
8 /* Post Attachments --------------------------------------------------------- */
9
10 /* Try to avoid image and video clipping in feed */
11 .ui.feed > .event img.extra.image,
12 .ui.feed > .event video.extra.video,
13 .ui.feed > .event div.extra.text figure img.ui.image,
14 .ui.feed > .event div.extra.text figure vid.ui.video
15 {
16 width: 100%;
17 height: auto;
18 max-height: 400px !important;
19 min-height: 100px;
20 }
21
22 /* Add Image and Video Borders */
23 img.ui.extra.attachment.image,
24 .extra.media img.ui.attachment.image,
25 video.ui.extra.attachment.video,
26 .extra.media video.ui.attachment.video,
27 .ui.feed > .event div.extra.text figure img.ui.image,
28 .ui.feed > .event div.extra.text figure vid.ui.video,
29 .lg-image
30 {
31 border-style: solid;
32 border-width: 1px;
33 border-color: var(--border-color);
34 }
35
36 /* Image full view background */
37 .lg-backdrop.in {
38 opacity: 0.9 !important;
39 }
40
41 /* Ensure ALT Text is at most 25% of the current view height */
42 .lg-components {
43 max-height: 25vh;
44 overflow-y: scroll;
45 }
46 .lg-components {
47 bottom: 0 !important;
48 }
49
50 /* Post Threads ------------------------------------------------------------- */
51
52 /* Add left border to threaded posts to indicate depth */
53 .threaded:not(.depth-0)
54 {
55 border-left-style: solid !important;
56 border-left-width: 2px !important;
57 border-left-color: var(--border-color);
58 padding-left: 1em !important;
59 margin-right: 0; /* Ensure that padding does not mess up threadding*/
60 }
61
62 /* Post Attachments --------------------------------------------------------- */
63
64 /* Try to avoid image and video clipping in feed */
65 .ui.feed > .event img.extra.image,
66 .ui.feed > .event video.extra.video,
67 .ui.feed > .event div.extra.text figure img.ui.image,
68 .ui.feed > .event div.extra.text figure vid.ui.video
69 {
70 width: 100%;
71 height: auto;
72 max-height: 800px;
73 }
74
75 /* Add Image and Video Borders */
76 img.ui.extra.attachment.image,
77 .extra.media img.ui.attachment.image,
78 video.ui.extra.attachment.video,
79 .extra.media video.ui.attachment.video,
80 .ui.feed > .event div.extra.text figure img.ui.image,
81 .ui.feed > .event div.extra.text figure vid.ui.video,
82 .lg-image
83 {
84 border-style: solid;
85 border-width: 1px;
86 border-color: var(--border-color);
87 }
88
89 /* Image full view background */
90 .lg-backdrop.in {
91 opacity: 0.8 !important;
92 }
93
94 /* Post Threads ------------------------------------------------------------- */
95
96 /* Add left border to threaded posts to indicate depth */
97 .threaded:not(.depth-0)
98 {
99 border-left-style: solid;
100 border-left-width: 2px;
101 border-left-color: var(--border-color);
102 margin-right: 0; /* Ensure that padding does not mess up threadding*/
103 padding-right: 1em !important;
104 }
