EarlyBlue/communicator/feed-subscribe.css

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