rss-bridge-dark-theme

Dark theme for RSS-Bridge
git clone git://fossdaily.xyz/rss-bridge-dark-theme
Log | Files | Refs

HtmlFormat.css (2707B)


      1 html,
      2 body,
      3 div,
      4 span,
      5 applet,
      6 object,
      7 iframe,
      8 h1,
      9 h2,
     10 h3,
     11 h4,
     12 h5,
     13 h6,
     14 p,
     15 blockquote,
     16 pre,
     17 a,
     18 abbr,
     19 acronym,
     20 address,
     21 big,
     22 cite,
     23 code,
     24 del,
     25 dfn,
     26 em,
     27 img,
     28 ins,
     29 kbd,
     30 q,
     31 s,
     32 samp,
     33 small,
     34 strike,
     35 strong,
     36 sub,
     37 sup,
     38 tt,
     39 var,
     40 b,
     41 u,
     42 i,
     43 center,
     44 dl,
     45 dt,
     46 dd,
     47 ol,
     48 ul,
     49 li,
     50 fieldset,
     51 form,
     52 label,
     53 legend,
     54 table,
     55 caption,
     56 tbody,
     57 tfoot,
     58 thead,
     59 tr,
     60 th,
     61 td,
     62 article,
     63 aside,
     64 canvas,
     65 details,
     66 figcaption,
     67 figure,
     68 footer,
     69 header,
     70 hgroup,
     71 menu,
     72 nav,
     73 section,
     74 summary,
     75 time,
     76 mark,
     77 audio,
     78 video {
     79   margin: 0;
     80   padding: 0;
     81   border: 0;
     82   outline: 0;
     83   font-size: 100%;
     84   font: inherit;
     85   vertical-align: baseline;
     86 }
     87 /* HTML5 display-role reset for older browsers */
     88 article,
     89 aside,
     90 details,
     91 figcaption,
     92 figure,
     93 footer,
     94 header,
     95 hgroup,
     96 menu,
     97 nav,
     98 section {
     99   display: block;
    100 }
    101 /* Let's go for the actual style */
    102 body {
    103   background-color: #393d3e;
    104   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    105     Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    106 }
    107 a,
    108 a:link,
    109 a:visited {
    110   color: #2196f3;
    111   text-decoration: none;
    112 }
    113 a:hover {
    114   text-decoration: underline;
    115 }
    116 img {
    117   max-width: 100%;
    118 }
    119 /* Section */
    120 section {
    121   background-color: #2e3031;
    122   width: 60%;
    123   margin: 30px auto;
    124   padding: 15px 15px;
    125   box-shadow: 0 6px 15px 0 #222;
    126   border-radius: 4px;
    127 }
    128 section > h2 {
    129   font-size: 200%;
    130   font-weight: bold;
    131   text-align: center;
    132 }
    133 h1.pagetitle {
    134   margin: 40px 0 20px;
    135   font-size: 300%;
    136   font-weight: bold;
    137   text-align: center;
    138   color: #2196f3;
    139 }
    140 h1.pagetitle > a {
    141   color: #2196f3;
    142 }
    143 a.backlink,
    144 a.backlink:link,
    145 a.backlink:visited,
    146 a.itemtitle,
    147 a.itemtitle:link,
    148 a.itemtitle:visited {
    149   color: #2196f3;
    150 }
    151 .buttons {
    152   text-align: center;
    153 }
    154 section > div.content,
    155 section > div.attachments {
    156   padding: 10px;
    157   color: #bcb7b0;
    158 }
    159 section h1,
    160 section h2,
    161 section h3,
    162 section b,
    163 section strong {
    164   font-weight: bold;
    165 }
    166 section i,
    167 section em {
    168   font-style: italic;
    169 }
    170 section p:not(:last-child) {
    171   margin-bottom: 1em;
    172 }
    173 section li {
    174   margin-left: 1em;
    175 }
    176 section > div.attachments > li.enclosure {
    177   list-style-type: circle;
    178   list-style-position: inside;
    179 }
    180 section > time,
    181 section > p.author {
    182   color: #e7e7e7;
    183   font-size: 80%;
    184   padding: 10px;
    185 }
    186 button {
    187   line-height: 1.9em;
    188   color: #fff;
    189   font-weight: bold;
    190   vertical-align: middle;
    191   padding: 6px 12px;
    192   margin: 12px auto 0px;
    193   border-radius: 4px;
    194   border: 1px solid transparent;
    195   background: #2196f3 none repeat scroll 0% 0%;
    196   cursor: pointer;
    197   width: 200px;
    198 }
    199 button:hover {
    200   background: #49afff;
    201 }
    202 @media screen and (max-width: 767px) {
    203   section {
    204     width: 100%;
    205     padding: 0;
    206   }
    207   button {
    208     display: inline-block;
    209     width: 40%;
    210     padding: 5px auto;
    211     margin: 3px auto 0;
    212   }
    213 }