michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: html {
michael@0:   background: -moz-Dialog;
michael@0:   font: 3mm tahoma,arial,helvetica,sans-serif;
michael@0: }
michael@0: 
michael@0: #feedBody {
michael@0:   border: 1px solid THreeDShadow;
michael@0:   padding: 3em;
michael@0:   -moz-padding-start: 30px;
michael@0:   margin: 2em auto;
michael@0:   background: -moz-Field;
michael@0: }
michael@0: 
michael@0: #feedHeaderContainer {
michael@0:   border: 1px solid ThreeDShadow;
michael@0:   border-radius: 10px;
michael@0:   margin: -4em auto 0 auto;
michael@0:   background-color: InfoBackground;
michael@0: }
michael@0: 
michael@0: #feedHeader {  
michael@0:   margin-top: 4.9em;
michael@0:   margin-bottom: 1em;
michael@0:   -moz-margin-start: 1.4em;
michael@0:   -moz-margin-end: 1em;
michael@0:   -moz-padding-start: 2.9em;
michael@0:   font-size: 110%;
michael@0:   color: InfoText;
michael@0: }
michael@0: 
michael@0: #feedIntroText {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: .feedBackground {
michael@0:   background: url("chrome://browser/skin/feeds/feedIcon.png") 0% 10% no-repeat InfoBackground;
michael@0: }
michael@0: 
michael@0: .videoPodcastBackground {
michael@0:   background: url("chrome://browser/skin/feeds/videoFeedIcon.png") 0% 10% no-repeat InfoBackground;
michael@0: }
michael@0: 
michael@0: .audioPodcastBackground {
michael@0:   background: url("chrome://browser/skin/feeds/audioFeedIcon.png") 0% 10% no-repeat InfoBackground;
michael@0: }
michael@0: 
michael@0: #feedHeader[dir="rtl"] {
michael@0:   background-position: 100% 10%;
michael@0: }
michael@0: 
michael@0: #feedHeader[firstrun="true"] #feedIntroText {
michael@0:   padding-top: 0.1em;
michael@0:   -moz-padding-start: 0.6em;
michael@0:   display: block;
michael@0: }
michael@0: 
michael@0: #feedHeader[firstrun="true"] > #feedSubscribeLine {
michael@0:   -moz-padding-start: 1.8em;
michael@0: }
michael@0: 
michael@0: #feedSubscribeLine {
michael@0:   padding-top: 0.2em;
michael@0: }
michael@0: 
michael@0: /* Don't print subscription UI */
michael@0: @media print {
michael@0:   #feedHeaderContainer {
michael@0:     display: none;
michael@0:   }
michael@0: }
michael@0: 
michael@0: body {
michael@0:   margin: 0;
michael@0:   padding: 0 3em;
michael@0:   color: -moz-fieldText;
michael@0:   font: message-box;
michael@0: }
michael@0: 
michael@0: h1 {
michael@0:   font-size: 160%;
michael@0:   border-bottom: 2px solid ThreeDLightShadow;
michael@0:   margin: 0 0 .2em 0;
michael@0: }
michael@0: 
michael@0: h2 {
michael@0:   color: GrayText;
michael@0:   font-size: 110%;
michael@0:   font-weight: normal;
michael@0:   margin: 0 0 .6em 0;
michael@0: }
michael@0: 
michael@0: #feedTitleLink {
michael@0:   float: right;
michael@0:   -moz-margin-start: .6em;
michael@0:   -moz-margin-end: 0;
michael@0:   margin-top: 0;
michael@0:   margin-bottom: 0;
michael@0: }
michael@0: 
michael@0: a[href] img {
michael@0:   border: none;
michael@0: }
michael@0: 
michael@0: #feedTitleContainer {
michael@0:   -moz-margin-start: 0;
michael@0:   -moz-margin-end: .6em;
michael@0:   margin-top: 0;
michael@0:   margin-bottom: 0;
michael@0: }
michael@0: 
michael@0: #feedTitleImage {
michael@0:   -moz-margin-start: .6em;
michael@0:   -moz-margin-end: 0;
michael@0:   margin-top: 0;
michael@0:   margin-bottom: 0;
michael@0:   max-width: 300px;
michael@0:   max-height: 150px;
michael@0: }
michael@0: 
michael@0: .feedEntryContent {
michael@0:   font-size: 110%;
michael@0: }
michael@0:  
michael@0: .link {
michael@0:   color: #0000FF;
michael@0:   text-decoration: underline;
michael@0:   cursor: pointer;
michael@0: }
michael@0: 
michael@0: .link:hover:active {
michael@0:   color: #FF0000;
michael@0: }
michael@0: 
michael@0: .lastUpdated {
michael@0:   font-size: 85%;
michael@0:   font-weight: normal;
michael@0: }
michael@0: 
michael@0: .type-icon {
michael@0:   vertical-align: bottom;
michael@0:   height: 16px;
michael@0:   width: 16px;
michael@0: }
michael@0: 
michael@0: .enclosures {
michael@0:   border: 1px solid THreeDShadow;
michael@0:   padding: 1em;
michael@0:   margin: 1em auto;
michael@0:   background: -moz-Dialog;
michael@0: }
michael@0: 
michael@0: .enclosure {
michael@0:   vertical-align: middle;
michael@0:   margin-left: 2px;
michael@0: }