LCARStrek/browser/feeds/subscribe.css

   1 html {
   2   background: #000000;
   3   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
   4 }
   5
   6 #subscribeUsingDescription,
   7 #subscribeButton {
   8   display: block;
   9 }
  10
  11 #subscribeUsingDescription {
  12   margin-bottom: 0.5em;
  13 }
  14
  15 #subscribeButton {
  16   margin-top: 0.5em;
  17   margin-inline-start: auto;
  18 }
  19
  20 #feedBody {
  21   border: 1px solid #9C9CFF;
  22   padding: 2em;
  23   -moz-padding-start: 30px;
  24   margin: 2em auto;
  25   background: #FFFFFF;
  26 }
  27
  28 #feedHeaderContainer {
  29   border: 1px solid #9C9CFF;
  30   border-radius: 10px;
  31   margin: -3em auto 0 auto;
  32   background-color: #FFCF00;
  33   display: flex;
  34 }
  35
  36 #feedHeaderContainerSpacer {
  37   flex-grow: 1;
  38 }
  39
  40 #feedHeader {
  41   margin-top: 3.9em;
  42   margin-bottom: 1em;
  43   -moz-margin-start: 2em;
  44   -moz-margin-end: 1em;
  45   /* padding for making up icon space */
  46   -moz-padding-start: 35px;
  47   font-size: 110%;
  48   color: #000000;
  49 }
  50
  51 .alwaysUse .checkbox-check {
  52   border-color: #9C9CFF !important;
  53   background-color: #000000 !important;
  54 }
  55
  56 .alwaysUse .checkbox-label-box {
  57   color: #000000 !important;
  58 }
  59
  60 .feedBackground {
  61   background: url("chrome://communicator/skin/icons/feedIcon.png") 0% 10% no-repeat #FFCF00;
  62 }
  63
  64 .videoPodcastBackground {
  65   background: url("chrome://communicator/skin/icons/videoFeedIcon.png") 0% 10% no-repeat #FFCF00;
  66 }
  67
  68 .audioPodcastBackground {
  69   background: url("chrome://communicator/skin/icons/audioFeedIcon.png") 0% 10% no-repeat #FFCF00;
  70 }
  71
  72 #feedHeader:-moz-dir(rtl) {
  73   background-position: 100% 10%;
  74 }
  75
  76 #feedHeader[firstrun="true"] #feedIntroText {
  77   padding-top: 0.1em;
  78   -moz-padding-start: 0.6em;
  79   display: block;
  80 }
  81
  82 #feedHeader[firstrun="true"] > #feedSubscribeLine {
  83   -moz-padding-start: 1.8em;
  84 }
  85
  86 #feedSubscribeLine {
  87   padding-top: 0.2em;
  88   padding-inline-start: 0.5em;
  89 }
  90
  91 /* Don't print subscription UI */
  92 @media print {
  93   #feedHeaderContainer {
  94     display: none;
  95   }
  96 }
  97
  98 body {
  99   margin: 0;
 100   padding: 0 2em;
 101   color: #000000;
 102   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
 103 }
 104
 105 h1 {
 106   font-size: 160%;
 107   border-bottom: 2px solid #008484;
 108   margin: 0 0 .2em 0;
 109 }
 110
 111 h2 {
 112   font-size: 110%;
 113   font-weight: normal;
 114   margin: 0 0 .6em 0;
 115 }
 116
 117 #feedTitleLink {
 118   float: right;
 119   -moz-margin-start: .6em;
 120   -moz-margin-end: 0;
 121   margin-top: 0;
 122   margin-bottom: 0;
 123 }
 124
 125 a[href] img {
 126   border: none;
 127 }
 128
 129 #feedTitleContainer {
 130   -moz-margin-start: 0;
 131   -moz-margin-end: .6em;
 132   margin-top: 0;
 133   margin-bottom: 0;
 134 }
 135
 136 #feedTitleImage {
 137   -moz-margin-start: .6em;
 138   -moz-margin-end: 0;
 139   margin-top: 0;
 140   margin-bottom: 0;
 141   max-width: 300px;
 142   max-height: 150px;
 143 }
 144
 145 .feedEntryContent {
 146   font-size: 110%;
 147 }
 148
 149 .link {
 150   color: #3333FF;
 151   text-decoration: underline;
 152   cursor: pointer;
 153 }
 154
 155 .link:hover:active {
 156   color: #FF0000;
 157 }
 158
 159 .lastUpdated {
 160   font-size: 85%;
 161   font-weight: normal;
 162 }
 163
 164 .type-icon {
 165   vertical-align: bottom;
 166   height: 16px;
 167   width: 16px;
 168 }
 169
 170 .enclosures {
 171   border: 1px solid #9C9CFF;
 172   padding: 1em;
 173   margin: 1em auto;
 174   background: #000000;
 175   color: #FF9C00;
 176 }
 177
 178 .enclosure {
 179   vertical-align: middle;
 180   margin-left: 2px;
 181 }
 182
 183 .handlersMenuList > .menulist-label-box > .menulist-icon {
 184   max-width: 16px;
 185   max-height: 16px;
 186 }