start 2.33 cycle
[themes.git] / EarlyBlue / communicator / feed-subscribe.css
1 html {
2   background: #CCD0DD;
3   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
4 }
5
6 #feedBody {
7   border: 1px solid #666699;
8   padding: 2em;
9   -moz-padding-start: 30px;
10   margin: 2em auto;
11   background: #FFFFFF;
12 }
13
14 #feedHeaderContainer {
15   border: 1px solid #666699;
16   margin: -3em auto 0 auto;
17   background-color: #FFFFCC;
18 }
19
20 #feedHeader {
21   margin-top: 3.9em;
22   margin-bottom: 1em;
23   -moz-margin-start: 2em;
24   -moz-margin-end: 1em;
25   /* padding for making up icon space */
26   -moz-padding-start: 35px;
27   font-size: 110%;
28   color: #000000;
29 }
30
31 .feedBackground {
32   background: url("chrome://communicator/skin/icons/feedIcon.png") 0% 10% no-repeat #FFFFCC;
33 }
34
35 .videoPodcastBackground {
36   background: url("chrome://communicator/skin/icons/videoFeedIcon.png") 0% 10% no-repeat #FFFFCC;
37 }
38
39 .audioPodcastBackground {
40   background: url("chrome://communicator/skin/icons/audioFeedIcon.png") 0% 10% no-repeat #FFFFCC;
41 }
42
43 #feedHeader[dir="rtl"] {
44   background-position: 100% 10%;
45 }
46
47 #feedIntroText {
48   display: none;
49 }
50
51
52
53 #feedHeader[firstrun="true"] #feedIntroText {
54   padding-top: 0.1em;
55   -moz-padding-start: 0.6em;
56   display: block;
57 }
58
59 #feedHeader[firstrun="true"] > #feedSubscribeLine {
60   -moz-padding-start: 1.8em;
61 }
62
63 #feedSubscribeLine {
64   padding-top: 0.2em;
65 }
66
67 #messengerFeedsMenuItem {
68   list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
69 }
70
71 #feedHeader[dir="rtl"] #handlersMenuList > menupopup {
72   direction: rtl;
73 }
74
75 /* Don't print subscription UI */
76 @media print {
77   #feedHeaderContainer {
78     display: none;
79   }
80 }
81
82 body {
83   margin: 0;
84   padding: 0 3em;
85   color: #000000;
86   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
87 }
88
89 h1 {
90   font-size: 160%;
91   border-bottom: 2px solid #666699;
92   margin: 0 0 .2em 0;
93 }
94
95 h2 {
96   font-size: 110%;
97   font-weight: normal;
98   margin: 0 0 .6em 0;
99 }
100
101 #feedTitleLink {
102   float: right;
103   -moz-margin-start: .6em;
104   -moz-margin-end: 0;
105   margin-top: 0;
106   margin-bottom: 0;
107 }
108
109 a[href] img {
110   border: none;
111 }
112
113 #feedTitleContainer {
114   -moz-margin-start: 0;
115   -moz-margin-end: .6em;
116   margin-top: 0;
117   margin-bottom: 0;
118 }
119
120 #feedTitleImage {
121   -moz-margin-start: .6em;
122   -moz-margin-end: 0;
123   margin-top: 0;
124   margin-bottom: 0;
125   max-width: 300px;
126   max-height: 150px;
127 }
128
129 .feedEntryContent {
130   font-size: 110%;
131 }
132
133 .lastUpdated {
134   font-size: 85%;
135   font-weight: normal;
136 }
137
138 .type-icon {
139   vertical-align: bottom;
140   height: 16px;
141   width: 16px;
142 }
143
144 .enclosures {
145   border: 1px solid #666699;
146   padding: 1em;
147   margin: 1em auto;
148   background: #CCD0DD;
149 }
150
151 .enclosure {
152   vertical-align: middle;
153   margin-left: 2px;
154 }