visibility.css (2351B)
1 /* Post Attachments --------------------------------------------------------- */
2
3 /* Try to avoid image and video clipping in feed */
4 .ui.feed > .event img.extra.image,
5 .ui.feed > .event video.extra.video,
6 .ui.feed > .event div.extra.text figure img.ui.image,
7 .ui.feed > .event div.extra.text figure vid.ui.video
8 {
9 width: 100%;
10 height: auto;
11 max-height: 800px;
12 }
13
14 /* Add Image and Video Borders */
15 img.ui.extra.attachment.image,
16 .extra.media img.ui.attachment.image,
17 video.ui.extra.attachment.video,
18 .extra.media video.ui.attachment.video,
19 .ui.feed > .event div.extra.text figure img.ui.image,
20 .ui.feed > .event div.extra.text figure vid.ui.video,
21 .lg-image
22 {
23 border-style: solid;
24 border-width: 1px;
25 border-color: #808080;
26 }
27
28 /* Image full view background */
29 .lg-backdrop.in {
30 opacity: 0.8 !important;
31 }
32
33 /* Post Threads ------------------------------------------------------------- */
34
35 /* Add left border to threaded posts to indicate depth */
36 .threaded:not(.depth-0)
37 {
38 border-left-style: solid;
39 border-left-width: 2px;
40 border-left-color: #808080;
41 padding-left: 1em !important;
42 margin-right: 0; /* Ensure that padding does not mess up threadding*/
43 }
44 /* Post Attachments --------------------------------------------------------- */
45
46 /* Try to avoid image and video clipping in feed */
47 .ui.feed > .event img.extra.image,
48 .ui.feed > .event video.extra.video,
49 .ui.feed > .event div.extra.text figure img.ui.image,
50 .ui.feed > .event div.extra.text figure vid.ui.video
51 {
52 width: 100%;
53 height: auto;
54 max-height: 800px;
55 }
56
57 /* Add Image and Video Borders */
58 img.ui.extra.attachment.image,
59 .extra.media img.ui.attachment.image,
60 video.ui.extra.attachment.video,
61 .extra.media video.ui.attachment.video,
62 .ui.feed > .event div.extra.text figure img.ui.image,
63 .ui.feed > .event div.extra.text figure vid.ui.video,
64 .lg-image
65 {
66 border-style: solid;
67 border-width: 1px;
68 border-color: #808080;
69 }
70
71 /* Image full view background */
72 .lg-backdrop.in {
73 opacity: 0.8 !important;
74 }
75
76 /* Post Threads ------------------------------------------------------------- */
77
78 /* Add left border to threaded posts to indicate depth */
79 .threaded:not(.depth-0)
80 {
81 border-left-style: solid;
82 border-left-width: 2px;
83 border-left-color: #808080;
84 margin-right: 0; /* Ensure that padding does not mess up threadding*/
85 padding-right: 1em !important;
86 }
