pub / newsplanet

Planet-Style Newsfeed generated with perlanet
git clone https://src.jayvii.de/pub/newsplanet.git
Home | Log | Files | Exports | Refs | README | RSS

custom.css (1249B)


      1 /* Always scroll smoothly */
      2 * {
      3   scroll-behavior: smooth;
      4 }
      5 /* Hide linebreaks inside articles */
      6 section > br,
      7 section > * > br
      8 {
      9   display: none;
     10 }
     11 /* Only show first paragraph of article content (typically the summary) */
     12 .article_content *:nth-child(n + 2)
     13 {
     14   display: none;
     15 }
     16 /* clip article summary at 5th line */
     17 .article_content {
     18   margin-bottom: 1.5em;
     19   -webkit-box-orient: vertical;
     20   display: -webkit-box;
     21   -webkit-line-clamp: 5;
     22   overflow: hidden;
     23 }
     24 p {
     25   margin: 0px;
     26 }
     27 /* Article content should not be weighted or have any styling */
     28 .article_content > * {
     29   font-size: inherit;
     30   font-weight: normal;
     31   font-style: normal;
     32   line-height: inherit;
     33 }
     34 /* Hide iframes and images in case they are not filtered out */
     35 .article_content iframe,
     36 .article_content img,
     37 .article_content figcaption
     38 {
     39   display: none;
     40 }
     41 /* inactive posts */
     42 *[data-inactive="true"] {
     43   opacity: 0.5;
     44 }
     45 *[data-inactive="true"]:hover,
     46 *[data-inactive="true"]:focus
     47 {
     48   opacity: 1.0;
     49 }
     50 /* duplicated posts */
     51 *[data-duplicate="true"] {
     52   display: none;
     53 }
     54 /* Span tables across thw whole width */
     55 table {
     56   width: 100%;
     57 }
     58 /* subfeed iframe */
     59 .subfeed {
     60   width: 100%;
     61   height: 200px;
     62   border: none;
     63 }
     64 /* footer */
     65 footer {
     66   text-align: left !important;
     67 }