]> git.wh0rd.org - tt-rss.git/blob - cdm.css
ab921eb0312c1c02f45d9d65d6fee8d2a97405c0
[tt-rss.git] / cdm.css
1 div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
2 vertical-align : middle;
3 }
4
5 div.cdmHeader {
6 display : table;
7 }
8
9 div.cdmHeader > * {
10 display : table-cell;
11 padding : 5px;
12 }
13
14 div.cdmHeader > div {
15 white-space : nowrap;
16 }
17
18 div.cdmHeader > span {
19 width : 100%;
20 }
21
22 div.cdmHeader span.updated {
23 color : gray;
24 font-weight : normal;
25 font-size : 11px;
26 white-space : nowrap;
27 vertical-align : middle;
28 }
29
30 div.cdmHeader input {
31 margin-right : 5px;
32 }
33
34 div.cdmHeader div.updPic {
35 width : 25px;
36 display : inline-block;
37 text-align : center;
38 }
39
40 div.cdmHeader div.updPic img {
41 vertical-align : middle;
42 }
43
44 div.cdmHeader img, div.cdmFooter img {
45 margin : 0px 2px 0px 2px;
46 }
47
48 div.cdmContent a {
49 color : #4684ff;
50 }
51
52 div.cdmContent a:hover {
53 color : black;
54 }
55
56 div.cdmContentInner {
57 margin : 10px;
58 }
59
60 div.cdmContentInner img {
61 border-width : 0px;
62 max-width : 98%;
63 }
64
65 div.cdmFooter {
66 padding : 5px;
67 font-weight : normal;
68 color : gray;
69 clear : both;
70 }
71
72 div.cdm {
73 border-width : 0px 1px 1px 0px;
74 border-collapse : collapse;
75 border-color : #c0c0c0;
76 border-style : solid;
77 background : #fafafa;
78 }
79
80 div.cdm.expandable {
81 background : #f0f0f0;
82 }
83
84 div.cdm.expanded {
85 margin : 4px 4px 0px 4px;
86 border-width : 1px;
87 border-color : #c0c0c0;
88 }
89
90 div.cdm.expanded div.cdmHeader {
91 background : #e0e0e0;
92 }
93
94 div.cdm.Unread {
95 background : #fafafa;
96 }
97
98 div.cdm.Unread div.cdmHeader {
99 background : #ecf4ff;
100 }
101
102 div.cdm.Selected {
103 background : #fff7d5;
104 }
105
106 div.cdm.expanded.Selected div.cdmHeader {
107 background : #FFEA9E;
108 }
109
110 div.cdm.expandable.Selected div.cdmHeader {
111 background : #fff7d5;
112 }
113
114 div.cdm.expandable.active.Selected div.cdmHeader,
115 div.cdm.expanded.active.Selected div.cdmHeader {
116 background : #ecf4ff;
117 }
118
119 div.cdm.active {
120 border-color : #88b0f0;
121 background : white ! important;
122 }
123
124 div.cdm.active div.cdmHeader {
125 background : #ecf4ff;
126 }
127
128 div.cdm.active div.cdmHeader a.title {
129 color : #4684ff;
130 font-weight : bold;
131 }
132
133 div.cdm.active div.cdmContent {
134 background : white;
135 }
136
137 span.cdmExcerpt {
138 font-size : 11px;
139 color : gray;
140 font-weight : normal;
141 cursor : pointer;
142 }
143
144 div.cdmContent div.postEnclosures {
145 margin-top : 1em;
146 color : gray;
147 }
148
149 div.cdmFeedTitle {
150 border-color : #a0a0a0;
151 border-width : 0px 0px 1px 0px;
152 border-style : solid;
153 padding : 5px 3px 5px 5px;
154 background : url("images/toolbar.png") bottom left;
155 background-repeat : repeat-x;
156 }
157
158 div.cdmFeedTitle a.title {
159 color : gray;
160 font-style : italic;
161 font-weight : bold;
162 }
163 div.cdmFeedTitle a {
164 color : gray;
165 }
166
167 div.cdmFeedTitle a:hover {
168 color : #4684ff;
169 }
170
171 div.articleNote {
172 border-style : dashed none dashed none;
173 }
174
175 div.cdmHeader span.hlFeed {
176 float : right;
177 font-weight : normal;
178 font-style : italic;
179 }
180
181 /* div.cdm.expanded .cdmHeader {
182 background : #E0E0E0;
183 }
184
185 div.cdm.expanded.Unread div.cdmHeader {
186 background : #DCECFB;
187 }
188
189 div.cdm.expanded.Unread.Selected div.cdmHeader, div.cdm.expanded.Selected div.cdmHeader {
190 background : #FFEA9E;
191 }
192
193 div.cdm.active.Selected div.cdmHeader {
194 background : #FFEA9E;
195 }
196
197 div.cdm.expanded.even.Unread, div.cdm.expanded.odd.Unread {
198 background : white;
199 }
200
201 div.cdm.expanded.even, div.cdm.expanded.odd {
202 background : #f9f9f9;
203 }
204
205 div.cdm.odd.active, div.cdm.even.active {
206 background : white;
207 }
208
209 div.cdm.active .cdmHeader {
210 background : #ecf4ff;
211 }
212
213 div.cdm.active .cdmFooter {
214 background : white;
215 } */
216
217 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
218 vertical-align : middle;
219 color : gray;
220 font-weight : normal;
221 font-style : italic;
222 font-size : 11px;
223 }
224
225 div.cdmContentInner p {
226 max-width : 650px;
227 }
228
229 .Unread div.cdmHeader {
230 font-weight : bold;
231 }
232
233 div.cdmContentInner iframe {
234 min-width : 50%;
235 }
236
237 div.cdmHeader span.author {
238 color : gray;
239 font-size : 11px;
240 font-weight : normal;
241 }
242
243 div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader a.title {
244 font-size : 13px;
245 }
246
247 div#small_article_preview {
248 width : 300px;
249 max-height : 350px;
250 overflow : hidden;
251 border : 1px solid #c0c0c0;
252 background : white;
253 position : absolute;
254 box-shadow : 2px 2px 4px #c0c0c0;
255 z-index : 2;
256 }
257
258 div#small_article_preview div.content {
259 padding : 5px;
260 font-size : 12px;
261 color : gray;
262 }
263
264 div#small_article_preview div.content img {
265 max-width : 290px;
266 }