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