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