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