visibility.css (2716B)
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 }
22
23 /* Add Image and Video Borders */
24 img.ui.extra.attachment.image,
25 .extra.media img.ui.attachment.image,
26 video.ui.extra.attachment.video,
27 .extra.media video.ui.attachment.video,
28 .ui.feed > .event div.extra.text figure img.ui.image,
29 .ui.feed > .event div.extra.text figure vid.ui.video,
30 .lg-image
31 {
32 border-style: solid;
33 border-width: 1px;
34 border-color: #808080;
35 }
36
37 /* Image full view background */
38 .lg-backdrop.in {
39 opacity: 0.8 !important;
40 }
41
42 /* Post Threads ------------------------------------------------------------- */
43
44 /* Add left border to threaded posts to indicate depth */
45 .threaded:not(.depth-0)
46 {
47 border-left-style: solid;
48 border-left-width: 2px;
49 border-left-color: #808080;
50 border-bottom-style: solid !important;
51 border-bottom-width: 2px !important;
52 border-bottom-color: #808080 !important;
53 padding-left: 1em !important;
54 margin-right: 0; /* Ensure that padding does not mess up threadding*/
55 }
56
57 /* Post Attachments --------------------------------------------------------- */
58
59 /* Try to avoid image and video clipping in feed */
60 .ui.feed > .event img.extra.image,
61 .ui.feed > .event video.extra.video,
62 .ui.feed > .event div.extra.text figure img.ui.image,
63 .ui.feed > .event div.extra.text figure vid.ui.video
64 {
65 width: 100%;
66 height: auto;
67 max-height: 800px;
68 }
69
70 /* Add Image and Video Borders */
71 img.ui.extra.attachment.image,
72 .extra.media img.ui.attachment.image,
73 video.ui.extra.attachment.video,
74 .extra.media video.ui.attachment.video,
75 .ui.feed > .event div.extra.text figure img.ui.image,
76 .ui.feed > .event div.extra.text figure vid.ui.video,
77 .lg-image
78 {
79 border-style: solid;
80 border-width: 1px;
81 border-color: #808080;
82 }
83
84 /* Image full view background */
85 .lg-backdrop.in {
86 opacity: 0.8 !important;
87 }
88
89 /* Post Threads ------------------------------------------------------------- */
90
91 /* Add left border to threaded posts to indicate depth */
92 .threaded:not(.depth-0)
93 {
94 border-left-style: solid;
95 border-left-width: 2px;
96 border-left-color: #808080;
97 margin-right: 0; /* Ensure that padding does not mess up threadding*/
98 padding-right: 1em !important;
99 }
