]> git.wh0rd.org - tt-rss.git/blob - cdm.css
attachment dropdown: limit width, set top margin
[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 box-shadow : 0px 0px 2px #ccc;
89 }
90
91 div.cdm.expanded div.cdmHeader {
92 background : #e0e0e0;
93 }
94
95 div.cdm.Unread {
96 background : #fafafa;
97 }
98
99 div.cdm.Unread div.cdmHeader {
100 background : #ecf4ff;
101 }
102
103 div.cdm.Selected {
104 background : #fff7d5;
105 }
106
107 div.cdm.expanded.Selected div.cdmHeader {
108 background : #FFEA9E;
109 }
110
111 div.cdm.expandable.Selected div.cdmHeader {
112 background : #fff7d5;
113 }
114
115 div.cdm.expandable.active.Selected div.cdmHeader,
116 div.cdm.expanded.active.Selected div.cdmHeader {
117 background : #ecf4ff;
118 }
119
120 div.cdm.active {
121 border-color : #88b0f0;
122 background : white ! important;
123 }
124
125 div.cdm.expanded.active {
126 box-shadow : 0px 0px 2px #4684ff;
127 }
128
129 div.cdm.active div.cdmHeader {
130 background : #ecf4ff;
131 }
132
133 div.cdm.active div.cdmHeader a.title {
134 color : #4684ff;
135 font-weight : bold;
136 }
137
138 div.cdm.active div.cdmContent {
139 background : white;
140 }
141
142 span.cdmExcerpt {
143 font-size : 11px;
144 color : gray;
145 font-weight : normal;
146 cursor : pointer;
147 }
148
149 div.cdmContent div.postEnclosures {
150 margin-top : 1em;
151 color : gray;
152 }
153
154 div.cdmFeedTitle {
155 border-color : #a0a0a0;
156 border-width : 0px 0px 1px 0px;
157 border-style : solid;
158 padding : 5px 3px 5px 5px;
159 background : url("images/toolbar.png") bottom left;
160 background-repeat : repeat-x;
161 }
162
163 div.cdmFeedTitle a.title {
164 color : gray;
165 font-style : italic;
166 font-weight : bold;
167 }
168 div.cdmFeedTitle a {
169 color : gray;
170 }
171
172 div.cdmFeedTitle a:hover {
173 color : #4684ff;
174 }
175
176 div.articleNote {
177 border-style : dashed none dashed none;
178 }
179
180 div.cdmHeader span.hlFeed {
181 float : right;
182 font-weight : normal;
183 font-style : italic;
184 }
185
186 /* div.cdm.expanded .cdmHeader {
187 background : #E0E0E0;
188 }
189
190 div.cdm.expanded.Unread div.cdmHeader {
191 background : #DCECFB;
192 }
193
194 div.cdm.expanded.Unread.Selected div.cdmHeader, div.cdm.expanded.Selected div.cdmHeader {
195 background : #FFEA9E;
196 }
197
198 div.cdm.active.Selected div.cdmHeader {
199 background : #FFEA9E;
200 }
201
202 div.cdm.expanded.even.Unread, div.cdm.expanded.odd.Unread {
203 background : white;
204 }
205
206 div.cdm.expanded.even, div.cdm.expanded.odd {
207 background : #f9f9f9;
208 }
209
210 div.cdm.odd.active, div.cdm.even.active {
211 background : white;
212 }
213
214 div.cdm.active .cdmHeader {
215 background : #ecf4ff;
216 }
217
218 div.cdm.active .cdmFooter {
219 background : white;
220 } */
221
222 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
223 vertical-align : middle;
224 color : gray;
225 font-weight : normal;
226 font-style : italic;
227 font-size : 11px;
228 }
229
230 div.cdmContentInner p {
231 max-width : 650px;
232 }
233
234 .Unread div.cdmHeader {
235 font-weight : bold;
236 }
237
238 div.cdmContentInner iframe {
239 min-width : 50%;
240 }
241
242 div.cdmHeader span.author {
243 color : gray;
244 font-size : 11px;
245 font-weight : normal;
246 }
247
248 div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader a.title {
249 font-size : 13px;
250 }
251
252 div#small_article_preview {
253 width : 300px;
254 max-height : 350px;
255 overflow : hidden;
256 border : 1px solid #c0c0c0;
257 background : white;
258 position : absolute;
259 box-shadow : 2px 2px 4px #c0c0c0;
260 z-index : 2;
261 }
262
263 div#small_article_preview div.content {
264 padding : 5px;
265 font-size : 12px;
266 color : gray;
267 }
268
269 div#small_article_preview div.content img {
270 max-width : 290px;
271 }