]>
Commit | Line | Data |
---|---|---|
bd665413 | 1 | body.ttrss_utility.sanity_failed { |
5e68e246 AD |
2 | background : #900; |
3 | } | |
4 | ||
5 | body.ttrss_utility { | |
6 | background : #f5f5f5; | |
7 | color : black; | |
8 | padding : 0px; | |
9 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
10 | font-size: 14px; | |
11 | margin-left : auto; | |
12 | margin-right : auto; | |
13 | max-width : 800px; | |
14 | ||
15 | form { | |
16 | margin : 10px 0px 0px 0px; | |
17 | padding : 0px; | |
18 | } | |
19 | ||
20 | div.content { | |
21 | overflow : hidden; | |
22 | background : white; | |
23 | border : 1px solid #ddd; | |
24 | padding : 10px; | |
25 | border-radius : 6px; | |
26 | box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); | |
27 | } | |
28 | ||
29 | p.warning { | |
30 | color : red; | |
31 | } | |
32 | ||
33 | p.query, code { | |
34 | color : green; | |
35 | } | |
36 | ||
37 | p.insensitive { | |
38 | color : gray; | |
39 | } | |
40 | ||
41 | div.insensitive-small { | |
42 | color : gray; | |
43 | font-size : 10px; | |
44 | } | |
45 | ||
46 | .floatingLogo { | |
47 | display : none; | |
48 | } | |
49 | ||
50 | a { | |
cc16b7ba | 51 | color : @color-link; |
5e68e246 AD |
52 | text-decoration : none; |
53 | } | |
54 | ||
cc16b7ba AD |
55 | a:hover, |
56 | a:focus { | |
57 | color: darken(@color-link, 20%); | |
58 | text-decoration: underline; | |
5e68e246 AD |
59 | } |
60 | ||
61 | .alert { | |
62 | padding: 8px 35px 8px 14px; | |
63 | margin-bottom: 20px; | |
64 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
65 | background-color: #fcf8e3; | |
66 | border: 1px solid #fbeed5; | |
67 | -webkit-border-radius: 4px; | |
68 | -moz-border-radius: 4px; | |
69 | border-radius: 4px; | |
70 | } | |
71 | ||
72 | .alert, | |
73 | .alert h4 { | |
74 | color: #c09853; | |
75 | } | |
76 | ||
77 | .alert h4 { | |
78 | margin: 0; | |
79 | } | |
80 | ||
81 | .alert .close { | |
82 | position: relative; | |
83 | top: -2px; | |
84 | right: -21px; | |
85 | line-height: 20px; | |
86 | cursor : pointer; | |
87 | } | |
88 | ||
89 | .alert-success { | |
90 | color: #468847; | |
91 | background-color: #dff0d8; | |
92 | border-color: #d6e9c6; | |
93 | } | |
94 | ||
95 | .alert-success h4 { | |
96 | color: #468847; | |
97 | } | |
98 | ||
99 | .alert-danger, | |
100 | .alert-error { | |
101 | color: #b94a48; | |
102 | background-color: #f2dede; | |
103 | border-color: #eed3d7; | |
104 | } | |
105 | ||
106 | .alert-danger h4, | |
107 | .alert-error h4 { | |
108 | color: #b94a48; | |
109 | } | |
110 | ||
111 | .alert-info { | |
112 | color: #3a87ad; | |
113 | background-color: #d9edf7; | |
114 | border-color: #bce8f1; | |
115 | } | |
116 | ||
117 | .alert-info h4 { | |
118 | color: #3a87ad; | |
119 | } | |
120 | ||
121 | h1 { | |
cc16b7ba | 122 | color : @color-accent; |
5e68e246 AD |
123 | font-size : 32px; |
124 | margin : 20px 0px 5px 0px; | |
125 | text-shadow : 0 0 6px #fff; | |
126 | } | |
127 | ||
128 | h2 { | |
cc16b7ba | 129 | color : @color-accent; |
5e68e246 AD |
130 | font-size : 14pt; |
131 | border-width : 0px 0px 1px 0px; | |
132 | border-color : #f0f0f0; | |
133 | border-style : solid; | |
134 | } | |
135 | ||
136 | div.content > h2 { | |
137 | margin-top : 0px; | |
138 | } | |
139 | ||
140 | div.rss h1 { | |
141 | border-width : 0px 0px 1px 0px; | |
142 | border-color : gray; | |
143 | border-style : dotted; | |
144 | color : gray; | |
145 | } | |
146 | ||
147 | div.rss h2 { | |
148 | font-size : 12pt; | |
149 | } | |
150 | ||
151 | div.rss a.extlink { | |
152 | color : gray; | |
153 | border-width : 0px 0px 1px 0px; | |
154 | border-color : #778899; | |
155 | border-style : dotted; | |
156 | font-size : 9pt; | |
157 | } | |
158 | ||
159 | div.rss img { | |
160 | max-width : 775px; | |
161 | } | |
162 | ||
163 | div.rss p.description { | |
164 | color : gray; | |
165 | font-size : 9pt; | |
166 | } | |
167 | ||
168 | div.rss div.content { | |
169 | margin-top : 0.5em; | |
170 | } | |
171 | ||
172 | div.rss img.feedicon { | |
173 | float : right; | |
174 | } | |
175 | ||
176 | div.rss hr { | |
177 | border-width : 0px 0px 1px 0px; | |
178 | border-style : dashed; | |
179 | border-color : #e0e0e0; | |
180 | } | |
181 | ||
5e68e246 AD |
182 | div.autocomplete { |
183 | position : absolute; | |
184 | width : 250px; | |
185 | background-color : white; | |
186 | border :1px solid #778899; | |
187 | margin : 0px; | |
188 | padding : 0px; | |
189 | z-index : 4; | |
190 | } | |
191 | ||
192 | div.autocomplete ul { | |
193 | list-style-type : none; | |
194 | margin : 0px; | |
195 | padding : 0px; | |
196 | font-size : 10px; | |
197 | } | |
198 | ||
199 | div.autocomplete ul li.selected { | |
200 | background-color : #fff7d5; | |
201 | } | |
202 | ||
203 | div.autocomplete ul li { | |
204 | list-style-type : none; | |
205 | display : block; | |
206 | margin : 0; | |
207 | padding : 2px; | |
208 | height : 32px; | |
209 | cursor : pointer; | |
210 | } | |
211 | ||
212 | fieldset { | |
213 | border-width : 0px; | |
214 | padding : 0px 0px 5px 0px; | |
215 | margin : 0px; | |
216 | } | |
217 | ||
218 | fieldset input { | |
219 | font-family : sans-serif; | |
220 | font-size : medium; | |
221 | border-spacing : 2px; | |
222 | border : 1px solid #b5bcc7; | |
223 | padding : 2px; | |
224 | } | |
225 | ||
226 | fieldset label { | |
227 | width : 120px; | |
228 | margin-right : 20px; | |
229 | display : inline-block; | |
230 | text-align : right; | |
231 | color : gray; | |
232 | } | |
233 | ||
234 | body.otp { | |
235 | margin : 1em; | |
236 | padding : 0px; | |
237 | } | |
238 | ||
239 | form.otpform { | |
240 | margin : 0px; | |
241 | padding : 0px; | |
242 | } | |
243 | ||
244 | form.otpform label { | |
245 | margin : 0px; | |
246 | padding : 0px; | |
247 | } | |
248 | ||
249 | body.otp div.content { | |
250 | display : inline-block; | |
251 | width : auto; | |
252 | } | |
253 | ||
254 | span.hint { | |
255 | font-size : 10px; | |
256 | color : gray; | |
257 | } | |
258 | } | |
259 | ||
260 | body.small_margins { | |
261 | margin : 1em; | |
262 | max-width : none; | |
263 | } | |
09bc54c6 AD |
264 | |
265 | body#sharepopup { | |
266 | background: white url("../images/toolbar.png") repeat-x bottom; | |
267 | margin : 10px; | |
268 | padding : 0px; | |
269 | ||
270 | h1 { | |
271 | font-size : 14px; | |
272 | margin : 0px; | |
cc16b7ba | 273 | color : @color-accent; |
09bc54c6 AD |
274 | } |
275 | ||
276 | table { | |
277 | background : white; | |
cc16b7ba | 278 | border : 1px solid @color-accent; |
09bc54c6 AD |
279 | padding : 5px; |
280 | } | |
281 | ||
282 | form { | |
283 | height : 100%; | |
284 | } | |
285 | ||
286 | input { | |
287 | width : 100%; | |
288 | } | |
289 | ||
290 | } |