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