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 (1289B)


      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 and invisible posts */
     51 *[data-duplicate="true"],
     52 *[data-invisible="true"] {
     53   display: none;
     54 }
     55 /* Span tables across thw whole width */
     56 table {
     57   width: 100%;
     58 }
     59 /* subfeed iframe */
     60 .subfeed {
     61   width: 100%;
     62   height: 200px;
     63   border: none;
     64 }
     65 /* footer */
     66 footer {
     67   text-align: left !important;
     68 }