browser/themes/windows/feeds/subscribe.css

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