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