LCARStrek/browser/feeds/subscribe.css

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