elbaitemoon

Elbaite theme for Pale Moon
Log | Files | Refs

subscribe.css (2560B)

      1 /* This Source Code Form is subject to the terms of the Mozilla Public
      2  * License, v. 2.0. If a copy of the MPL was not distributed with this
      3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
      4 
      5 html {
      6   background: #181411;
      7   font: 3mm tahoma,arial,helvetica,sans-serif;
      8 }
      9 
     10 #feedBody {
     11   border: 1px solid rgb(64,64,64);
     12   border-radius: 10px;
     13   padding: 3em;
     14   padding-inline-start: 30px;
     15   margin: 2em auto;
     16   background: #181411;
     17 }
     18 
     19 #feedHeaderContainer {
     20   border: 1px solid rgb(64,64,64);
     21   border-radius: 10px;
     22   margin: -4em auto 0 auto;
     23   background-color: #181411;
     24 }
     25 
     26 #feedHeader {  
     27   margin-top: 4.9em;
     28   margin-bottom: 1em;
     29   margin-inline-start: 1.4em;
     30   margin-inline-end: 1em;
     31   padding-inline-start: 2.9em;
     32   font-size: 110%;
     33   color: #bfbbb6;
     34 }
     35 
     36 #feedIntroText {
     37   display: none;
     38 }
     39 
     40 .feedBackground,
     41 .videoPodcastBackground,
     42 .audioPodcastBackground {
     43   background: url("chrome://browser/skin/feeds/feedIcon.svg") 0% 10% no-repeat #181411;
     44 }
     45 
     46 #feedHeader[dir="rtl"] {
     47   background-position: 100% 10%;
     48 }
     49 
     50 #feedHeader[firstrun="true"] #feedIntroText {
     51   padding-top: 0.1em;
     52   padding-inline-start: 0.6em;
     53   display: block;
     54 }
     55 
     56 #feedHeader[firstrun="true"] > #feedSubscribeLine {
     57   padding-inline-start: 1.8em;
     58 }
     59 
     60 #feedSubscribeLine {
     61   padding-top: 0.2em;
     62 }
     63 
     64 /* Don't print subscription UI */
     65 @media print {
     66   #feedHeaderContainer {
     67     display: none;
     68   }
     69 }
     70 
     71 body {
     72   margin: 0;
     73   padding: 0 3em;
     74   color: #bfbbb6;
     75   font: message-box;
     76 }
     77 
     78 h1 {
     79   font-size: 160%;
     80   border-bottom: 1px solid rgb(64,64,64);
     81   margin: 0 0 .2em 0;
     82 }
     83 
     84 h2 {
     85   font-size: 110%;
     86   font-weight: normal;
     87   margin: 0 0 .6em 0;
     88 }
     89 
     90 #feedTitleLink {
     91   float: right;
     92   margin-inline-start: .6em;
     93   margin-inline-end: 0;
     94   margin-top: 0;
     95   margin-bottom: 0;
     96 }
     97 
     98 a[href] img {
     99   border: none;
    100 }
    101 
    102 #feedTitleContainer {
    103   margin-inline-start: 0;
    104   margin-inline-end: .6em;
    105   margin-top: 0;
    106   margin-bottom: 0;
    107 }
    108 
    109 #feedTitleImage {
    110   margin-inline-start: .6em;
    111   margin-inline-end: 0;
    112   margin-top: 0;
    113   margin-bottom: 0;
    114   max-width: 300px;
    115   max-height: 150px;
    116 }
    117 
    118 .feedEntryContent {
    119   font-size: 110%;
    120 }
    121  
    122 .link,
    123 a {
    124   color: #bfbbb6;
    125   text-decoration: underline;
    126   cursor: pointer;
    127 }
    128 
    129 .link:hover,
    130 .link:hover:active,
    131 a:hover,
    132 a:hover:active {
    133   color: rgb(255,255,255);
    134 }
    135 
    136 .lastUpdated {
    137   font-size: 85%;
    138   font-weight: normal;
    139 }
    140 
    141 .type-icon {
    142   vertical-align: bottom;
    143   height: 16px;
    144   width: 16px;
    145 }
    146 
    147 .enclosures {
    148   border: rgb(64,64,64);
    149   padding: 1em;
    150   margin: 1em auto;
    151   background: #181411;
    152 }
    153 
    154 .enclosure {
    155   vertical-align: middle;
    156   margin-left: 2px;
    157 }