diff options
Diffstat (limited to 'comm/suite/themes/modern/communicator/feed-subscribe.css')
-rw-r--r-- | comm/suite/themes/modern/communicator/feed-subscribe.css | 150 |
1 files changed, 150 insertions, 0 deletions
diff --git a/comm/suite/themes/modern/communicator/feed-subscribe.css b/comm/suite/themes/modern/communicator/feed-subscribe.css new file mode 100644 index 0000000000..4b6d693b6d --- /dev/null +++ b/comm/suite/themes/modern/communicator/feed-subscribe.css @@ -0,0 +1,150 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +html { + background-color: #FFFFFF; + font: message-box; +} + +#feedBody { + border: 1px solid #2D3B49; + padding: 3em; + padding-inline-start: 30px; + margin: 2em auto; + background-color: #C7D0D9; + color: #22262F; +} + +#feedHeaderContainer { + border: 1px solid #2D3B49; + border-radius: 10px; + margin: -4em auto 0 auto; + background-color: #C7D0D9; +} + +#feedHeader { + margin-top: 4.9em; + margin-bottom: 1em; + margin-inline-start: 1.4em; + margin-inline-end: 1em; + padding-inline-start: 2.9em; + font-size: 110%; + color: #000000; +} + +.feedBackground { + background: url("chrome://communicator/skin/icons/feedIcon.png") 0% 10% no-repeat transparent; +} + +.videoPodcastBackground { + background: url("chrome://communicator/skin/icons/videoFeedIcon.png") 0% 10% no-repeat transparent; +} + +.audioPodcastBackground { + background: url("chrome://communicator/skin/icons/audioFeedIcon.png") 0% 10% no-repeat transparent; +} + +#feedHeader[dir="rtl"] { + background-position: 100% 10%; +} + +#feedIntroText { + display: none; +} + +#feedHeader[firstrun="true"] #feedIntroText { + padding-top: 0.1em; + padding-inline-start: 0.6em; + display: block; +} + +#feedHeader[firstrun="true"] > #feedSubscribeLine { + padding-inline-start: 1.8em; +} + +#feedSubscribeLine { + padding-top: 0.2em; +} + +/* Don't print subscription UI */ +@media print { + #feedHeaderContainer { + display: none; + } +} + +body { + margin: 0; + padding: 0 3em; + color: -moz-fieldText; + font: message-box; +} + +h1 { + font-size: 160%; + border-bottom: 2px solid #7A8490; + margin: 0 0 .2em 0; +} + +h2 { + font-size: 110%; + font-weight: normal; + margin: 0 0 .6em 0; +} + +#feedTitleLink { + float: right; + margin-inline-start: .6em; + margin-inline-end: 0; + margin-top: 0; + margin-bottom: 0; +} + +a[href] img { + border: none; +} + +#feedTitleContainer { + margin-inline-start: 0; + margin-inline-end: .6em; + margin-top: 0; + margin-bottom: 0; +} + +#feedTitleImage { + margin-inline-start: .6em; + margin-inline-end: 0; + margin-top: 0; + margin-bottom: 0; + max-width: 300px; + max-height: 150px; +} + +.feedEntryContent { + font-size: 110%; +} + +.lastUpdated { + font-size: 85%; + font-weight: normal; +} + +.type-icon { + vertical-align: bottom; + height: 16px; + width: 16px; +} + +.enclosures { + border: 1px solid #2D3B49; + padding: 1em; + margin: 1em auto; + background-color: #90A1B3; + color: #000000; +} + +.enclosure { + vertical-align: middle; + margin-left: 2px; +} |