4 * @author Sarven Capadisli <csarven@status.net>
5 * @copyright 2009 StatusNet, Inc.
6 * @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
7 * @link http://status.net/
10 @import url(base.css);
13 background-color:#144A6E;
16 background-color:#F4F7E7;
19 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
21 background:#144A6E url(../images/illustrations/illu_pattern-01.png) repeat-x;
28 input, textarea, select {
32 -moz-border-radius:4px;
33 -webkit-border-radius:4px;
35 input, textarea, select, option {
36 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
38 input, textarea, select {
42 .form_settings fieldset fieldset {
43 background:rgba(240, 240, 240, 0.2);
44 box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
45 -moz-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
46 -webkit-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
50 .entity_send-a-message .form_notice,
51 .pagination .nav_prev a,
52 .pagination .nav_next a,
53 .form_settings fieldset fieldset,
54 .entity_moderation:hover ul {
58 .form_settings input.form_action-primary {
62 .form_notice.warning #notice_text-count,
63 .form_settings .form_note {
64 background-color:#9BB43E;
67 .form_notice.warning #notice_text-count,
68 .form_settings .form_note,
70 .entity_actions input,
73 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
74 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
75 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
78 .entity_actions input,
80 border-color:transparent;
81 background-color:transparent;
83 input:focus, textarea:focus, select:focus,
84 .form_notice.warning #notice_data-text,
85 .form_notice.warning #notice_text-count,
86 .form_settings .form_note {
93 .entity_actions input.submit {
94 border-color:transparent;
97 .dialogbox .submit_dialogbox,
99 .form_notice input.submit {
100 background:#AAAAAA url(../../base/images/illustrations/illu_pattern-01.png) 0 0 repeat-x;
101 text-shadow:0 1px 0 #FFFFFF;
103 border-color:#AAAAAA;
104 border-top-color:#CCCCCC;
105 border-left-color:#CCCCCC;
107 .dialogbox .submit_dialogbox:hover,
109 background-position:0 -5px;
111 .dialogbox .submit_dialogbox:focus,
113 background-position:0 -15px;
114 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
115 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
116 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
120 .form_notice label[for=notice_data-geo] {
121 background-position:0 -1780px;
123 .form_notice label[for=notice_data-geo].checked {
124 background-position:0 -1846px;
128 .form_settings input.form_action-primary,
129 .notice-options input,
131 .entity_actions input,
132 .entity_moderation p {
143 border-top-color:#CEE1E9;
146 border-top-color:#87B4C8;
150 background-color:#F1F5F8;
151 background-position:100% 0;
152 background-image:url(../images/illustrations/illu_pattern-02.png);
153 background-repeat:no-repeat;
159 #form_notice.warning #notice_text-count {
162 .form_notice label[for=notice_data-attach] {
163 background-position:0 -328px;
165 .form_notice #notice_data-attach {
169 .form_notice label[for=notice_data-attach],
170 #export_data li a.rss,
171 #export_data li a.atom,
172 #export_data li a.foaf,
174 .entity_send-a-message a,
176 .form_user_nudge input.submit,
177 .form_user_block input.submit,
178 .form_user_unblock input.submit,
179 .form_group_block input.submit,
180 .form_group_unblock input.submit,
181 .form_make_admin input.submit,
183 .notice-options .notice_reply,
184 .notice-options form.form_favor input.submit,
185 .notice-options form.form_disfavor input.submit,
186 .notice-options .notice_delete,
187 .notice-options form.form_repeat input.submit,
189 .pagination .nav_prev a,
190 .pagination .nav_next a,
192 .form_group_leave input.submit,
193 .form_user_unsubscribe input.submit,
194 .form_group_join input.submit,
195 .form_user_subscribe input.submit,
197 .entity_moderation p,
198 .entity_sandbox input.submit,
199 .entity_silence input.submit,
200 .entity_delete input.submit,
201 .notice-options .repeated,
202 .form_notice label[for=notice_data-geo],
204 .form_reset_key input.submit {
205 background-image:url(../../base/images/icons/icons-01.gif);
206 background-repeat:no-repeat;
207 background-color:transparent;
210 #wrap form.processing input.submit,
211 .entity_actions a.processing,
212 .dialogbox.processing .submit_dialogbox {
213 background:#FFFFFF url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
215 .notice-options .form_repeat.processing {
216 background-image:none;
220 box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
221 -moz-box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
222 -webkit-box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
225 #site_nav_local_views a,
227 border-color:#FFFFFF;
230 #site_nav_local_views .current a,
231 .entity_send-a-message .form_notice,
232 .entity_moderation:hover ul {
233 background-color:#FFFFFF;
236 #site_nav_local_views li.current {
237 box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
238 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
239 -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
241 #site_nav_local_views a {
242 background-color:rgba(194, 194, 194, 0.5);
244 #site_nav_local_views a:hover {
245 background-color:rgba(255, 255, 255, 0.7);
247 #site_nav_local_views .current a {
248 text-shadow: rgba(194,194,194,0.5) 1px 1px 1px;
253 background-color:#F7E8E8;
256 background-color:#EFF3DC;
260 background-position:0 -1120px;
263 background-position:0 -1912px;
271 background-repeat:no-repeat;
272 background-position:0 45%;
274 #export_data li a.rss {
275 background-position:0 -130px;
277 #export_data li a.atom {
278 background-position:0 -64px;
280 #export_data li a.foaf {
281 background-position:0 1px;
284 .form_group_join input.submit,
285 .form_group_leave input.submit,
286 .form_user_subscribe input.submit,
287 .form_user_unsubscribe input.submit,
288 .entity_subscribe a {
289 background-color:#AAAAAA;
292 .form_group_leave input.submit,
293 .form_user_unsubscribe input.submit {
294 background-position:5px -1246px;
296 .form_group_join input.submit,
297 .form_user_subscribe input.submit,
298 .entity_subscribe a {
299 background-position:5px -1181px;
303 background-position: 5px -718px;
305 .entity_send-a-message a {
306 background-position: 5px -852px;
308 .entity_send-a-message .form_notice,
309 .entity_moderation:hover ul {
310 box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
311 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
312 -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
316 .form_user_nudge input.submit {
317 background-position: 5px -785px;
319 .form_user_block input.submit,
320 .form_user_unblock input.submit,
321 .form_group_block input.submit,
322 .form_group_unblock input.submit {
323 background-position: 5px -918px;
325 .form_make_admin input.submit {
326 background-position: 5px -983px;
328 .entity_moderation p {
329 background-position: 5px -1313px;
331 .entity_sandbox input.submit {
332 background-position: 5px -1380px;
334 .entity_silence input.submit {
335 background-position: 5px -1445px;
337 .entity_delete input.submit {
338 background-position: 5px -1511px;
340 .form_reset_key input.submit {
341 background-position: 5px -1973px;
346 .notice .attachment {
347 background-position:0 -394px;
349 #attachments .attachment {
352 .notice-options .notice_reply {
353 background-position:0 -592px;
355 .notice-options form.form_favor input.submit {
356 background-position:0 -460px;
358 .notice-options form.form_disfavor input.submit {
359 background-position:0 -526px;
361 .notice-options .notice_delete {
362 background-position:0 -658px;
364 .notice-options form.form_repeat input.submit {
365 background-position:0 -1582px;
367 .notice-options .repeated {
368 background-position:0 -1648px;
371 .notices div.entry-content,
372 .notices div.notice-options {
375 .notices li:hover div.entry-content,
376 .notices li:hover div.notice-options {
379 div.notice-options a,
380 div.notice-options input {
381 font-family:sans-serif;
383 #content .notices li:hover {
384 background-color:rgba(240, 240, 240, 0.2);
386 #conversation .notices li:hover {
387 background-color:transparent;
391 background-color:rgba(200, 200, 200, 0.050);
393 .notices .notices .notices {
394 background-color:rgba(200, 200, 200, 0.100);
396 .notices .notices .notices .notices {
397 background-color:rgba(200, 200, 200, 0.150);
399 .notices .notices .notices .notices .notices {
400 background-color:rgba(200, 200, 200, 0.300);
405 background-position:0 -1054px;
408 .pagination .nav_prev a,
409 .pagination .nav_next a {
410 background-repeat:no-repeat;
411 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
412 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
413 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
415 .pagination .nav_prev a {
416 background-position:10% -187px;
418 .pagination .nav_next a {
419 background-position:105% -252px;
421 .pagination .nav .processing {
422 background-image:url(../../base/images/icons/icon_processing.gif);
424 -moz-box-shadow:none;
425 -webkit-box-shadow:none;
428 .pagination .nav_next a.processing {
429 background-position:90% 47%;
431 .pagination .nav_prev a.processing {
432 background-position:10% 47%;