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