pub / ktistec-tweaks

Tweaks for the ActivityPub server ktistec
git clone https://src.jayvii.de/pub/ktistec-tweaks.git
Home | Log | Files | Exports | Refs | Submodules | README | RSS

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 }