]> git.wh0rd.org - tt-rss.git/blob - cdm.css
add a placeholder where floicon might be added if needed, still keep it
[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 : #555;
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.cdmContentInner {
49 margin : 10px;
50 line-height : 20px;
51 }
52
53 div.cdmContentInner img {
54 border-width : 0px;
55 max-width : 98%;
56 height : auto;
57 }
58
59 div.cdmFooter {
60 padding : 5px;
61 font-weight : normal;
62 color : #555;
63 clear : both;
64 }
65
66 div.cdm.expanded {
67 margin-top : 4px;
68 margin-bottom : 4px;
69 }
70
71 div.cdm.expandable {
72 background-color : #f0f0f0;
73 border-width : 0px 0px 1px 0px;
74 border-color : #c0c0c0;
75 border-style : solid;
76 }
77
78 div.cdm.expandable.active {
79 box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
80 }
81
82 div.cdm.expandable > hr {
83 display : none;
84 }
85
86 div.cdm.expanded > hr {
87 margin-top : 0px;
88 margin-bottom : 0px;
89 }
90
91 div.cdm.expandable.Unread {
92 background : white;
93 }
94
95 div.cdm.expandable.active {
96 border-color : #88b0f0;
97 background : white ! important;
98 }
99
100 div.cdm.expandable div.cdmHeader a.title {
101 font-weight : bold;
102 color : #555;
103 }
104
105 div.cdm.expandable.Unread div.cdmHeader a.title {
106 color : black;
107 }
108
109 div.cdm.expandable.active div.cdmHeader a.title {
110 color : #4684ff;
111 }
112
113 div.cdm.expanded div.cdmHeader {
114 background : transparent ! important;
115 }
116
117 div.cdm.expanded div.cdmHeader a.title {
118 font-size : 14px;
119 color : #999;
120 font-weight : bold;
121 }
122
123
124 div.cdm.expanded.active div.cdmHeader a.title {
125 color : #4684ff;
126 }
127
128 div.cdm.expanded.Unread div.cdmHeader a.title {
129 color : black;
130 }
131
132 div.cdm.expanded div.cdmContent {
133 color : #555;
134 }
135
136 div.cdm.expanded.Unread div.cdmContent {
137 color : black;
138 }
139
140 div.cdm.active div.cdmContent {
141 color : black;
142 }
143
144 span.cdmExcerpt {
145 font-size : 11px;
146 color : #555;
147 font-weight : normal;
148 cursor : pointer;
149 }
150
151 div.cdmContent div.postEnclosures {
152 margin-top : 1em;
153 color : #555;
154 }
155
156 div.cdmFeedTitle {
157 border-color : #a0a0a0;
158 border-width : 0px 0px 1px 0px;
159 border-style : solid;
160 padding : 5px 3px 5px 5px;
161 background : url("images/toolbar.png") bottom left;
162 background-repeat : repeat-x;
163 }
164
165 div.cdmFeedTitle a.title {
166 color : #555;
167 font-style : italic;
168 font-weight : bold;
169 }
170
171 div.cdmFeedTitle a {
172 color : #555;
173 }
174
175 div.cdmFeedTitle a:hover {
176 color : #4684ff;
177 }
178
179 div.cdmHeader span.hlFeed {
180 float : right;
181 font-weight : normal;
182 font-style : italic;
183 }
184
185 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
186 vertical-align : middle;
187 color : #555;
188 font-weight : normal;
189 font-style : italic;
190 font-size : 11px;
191 }
192
193 div.cdm .hlFeed a {
194 border-radius : 4px;
195 display : inline-block;
196 padding : 1px 4px 1px 4px;
197 }
198
199 div.cdmContentInner p {
200 max-width : 650px;
201 }
202
203 div.cdmContentInner iframe {
204 min-width : 50%;
205 }
206
207 div.cdmHeader span.author {
208 color : #555;
209 font-size : 11px;
210 font-weight : normal;
211 }
212
213