]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - theme/biz/css/display.css
Using the full width for the content area for the admin section. It
[quix0rs-gnu-social.git] / theme / biz / css / display.css
1 /** theme: biz
2  *
3  * @package   StatusNet
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/
8  */
9
10 @import url(base.css);
11
12 html {
13 background-color:#144A6E;
14 }
15 a:active {
16 background-color:#F4F7E7;
17 }
18 body {
19 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
20 font-size:1em;
21 background:#144A6E url(../images/illustrations/illu_pattern-01.png) repeat-x;
22 }
23
24 address {
25 margin-right:7.18%;
26 }
27
28 input, textarea, select {
29 border-width:2px;
30 border-style: solid;
31 border-radius:4px;
32 -moz-border-radius:4px;
33 -webkit-border-radius:4px;
34 }
35 input, textarea, select, option {
36 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
37 }
38 input, textarea, select {
39 border-color:#AAAAAA;
40 }
41
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);
47 }
48
49 #filter_tags ul li,
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 {
55 border-color:#DDDDDD;
56 }
57
58 .form_settings input.form_action-primary {
59 background:none;
60 }
61
62 .form_notice.warning #notice_text-count,
63 .form_settings .form_note {
64 background-color:#9BB43E;
65 }
66 input.submit,
67 .form_notice.warning #notice_text-count,
68 .form_settings .form_note,
69 .entity_actions a,
70 .entity_actions input,
71 .entity_moderation p,
72 button {
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);
76 }
77 .entity_actions a,
78 .entity_actions input,
79 .entity_actions p {
80 border-color:transparent;
81 background-color:transparent;
82 }
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 {
87 border-color:#9BB43E;
88 }
89
90 input.submit {
91 color:#FFFFFF;
92 }
93 .entity_actions input.submit {
94 border-color:transparent;
95 text-shadow:none;
96 }
97 .dialogbox .submit_dialogbox,
98 input.submit,
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;
102 color:#000000;
103 border-color:#AAAAAA;
104 border-top-color:#CCCCCC;
105 border-left-color:#CCCCCC;
106 }
107 .dialogbox .submit_dialogbox:hover,
108 input.submit:hover {
109 background-position:0 -5px;
110 }
111 .dialogbox .submit_dialogbox:focus,
112 input.submit: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);
117 text-shadow:none;
118 }
119
120 .form_notice label[for=notice_data-geo] {
121 background-position:0 -1780px;
122 }
123 .form_notice label[for=notice_data-geo].checked {
124 background-position:0 -1846px;
125 }
126
127 a,
128 .form_settings input.form_action-primary,
129 .notice-options input,
130 .entity_actions a,
131 .entity_actions input,
132 .entity_moderation p {
133 color:#002FA7;
134 }
135
136 #header a,
137 #footer a {
138 color:#87B4C8;
139 }
140
141
142
143 .notice,
144 .profile,
145 .application,
146 #content tbody tr {
147 border-top-color:#C8D1D5;
148 }
149 .mark-top {
150 border-color:#AAAAAA;
151 }
152
153 #aside_primary {
154 background-color:#144A6E;
155 }
156
157 .section .profile {
158 border-top-color:#87B4C8;
159 }
160
161 .aside .section {
162 background-color:#F1F5F8;
163 background-position:100% 0;
164 background-image:url(../images/illustrations/illu_pattern-02.png);
165 background-repeat:no-repeat;
166 }
167
168 #notice_text-count {
169 color:#333333;
170 }
171 #form_notice.warning #notice_text-count {
172 color:#000000;
173 }
174 .form_notice label[for=notice_data-attach] {
175 background-position:0 -328px;
176 }
177 .form_notice #notice_data-attach {
178 opacity:0;
179 }
180
181 .form_notice label[for=notice_data-attach],
182 #export_data li a.rss,
183 #export_data li a.atom,
184 #export_data li a.foaf,
185 .entity_edit a,
186 .entity_send-a-message a,
187 .entity_nudge p,
188 .form_user_nudge input.submit,
189 .form_user_block input.submit,
190 .form_user_unblock input.submit,
191 .form_group_block input.submit,
192 .form_group_unblock input.submit,
193 .form_make_admin input.submit,
194 .notice .attachment,
195 .notice-options .notice_reply,
196 .notice-options form.form_favor input.submit,
197 .notice-options form.form_disfavor input.submit,
198 .notice-options .notice_delete,
199 .notice-options form.form_repeat input.submit,
200 #new_group a,
201 .pagination .nav_prev a,
202 .pagination .nav_next a,
203 button.close,
204 .form_group_leave input.submit,
205 .form_user_unsubscribe input.submit,
206 .form_group_join input.submit,
207 .form_user_subscribe input.submit,
208 .entity_subscribe a,
209 .entity_moderation p,
210 .entity_sandbox input.submit,
211 .entity_silence input.submit,
212 .entity_delete input.submit,
213 .notice-options .repeated,
214 .form_notice label[for=notice_data-geo],
215 button.minimize,
216 .form_reset_key input.submit {
217 background-image:url(../../base/images/icons/icons-01.gif);
218 background-repeat:no-repeat;
219 background-color:transparent;
220 }
221
222 #wrap form.processing input.submit,
223 .entity_actions a.processing,
224 .dialogbox.processing .submit_dialogbox {
225 background:#FFFFFF url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
226 }
227 .notice-options .form_repeat.processing {
228 background-image:none;
229 }
230
231 #content {
232 box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
233 -moz-box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
234 -webkit-box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
235 }
236 #content,
237 #site_nav_local_views a,
238 .aside .section {
239 border-color:#FFFFFF;
240 }
241 #content,
242 #site_nav_local_views .current a,
243 .entity_send-a-message .form_notice,
244 .entity_moderation:hover ul {
245 background-color:#FFFFFF;
246 }
247
248 #site_nav_local_views li.current {
249 box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
250 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
251 -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
252 }
253 #site_nav_local_views a {
254 background-color:rgba(194, 194, 194, 0.5);
255 }
256 #site_nav_local_views a:hover {
257 background-color:rgba(255, 255, 255, 0.7);
258 }
259 #site_nav_local_views .current a {
260 text-shadow: rgba(194,194,194,0.5) 1px 1px 1px;
261 }
262
263
264 .error {
265 background-color:#F7E8E8;
266 }
267 .success {
268 background-color:#EFF3DC;
269 }
270
271 button.close {
272 background-position:0 -1120px;
273 }
274 button.minimize {
275 background-position:0 -1912px;
276 }
277
278 #anon_notice {
279 color:#FFFFFF;
280 }
281
282 #export_data li a {
283 background-repeat:no-repeat;
284 background-position:0 45%;
285 }
286 #export_data li a.rss {
287 background-position:0 -130px;
288 }
289 #export_data li a.atom {
290 background-position:0 -64px;
291 }
292 #export_data li a.foaf {
293 background-position:0 1px;
294 }
295
296 .form_group_join input.submit,
297 .form_group_leave input.submit,
298 .form_user_subscribe input.submit,
299 .form_user_unsubscribe input.submit,
300 .entity_subscribe a {
301 background-color:#AAAAAA;
302 color:#FFFFFF;
303 }
304 .form_group_leave input.submit,
305 .form_user_unsubscribe input.submit {
306 background-position:5px -1246px;
307 }
308 .form_group_join input.submit,
309 .form_user_subscribe input.submit,
310 .entity_subscribe a {
311 background-position:5px -1181px;
312 }
313
314 .entity_edit a {
315 background-position: 5px -718px;
316 }
317 .entity_send-a-message a {
318 background-position: 5px -852px;
319 }
320 .entity_send-a-message .form_notice,
321 .entity_moderation:hover ul {
322 box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
323 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
324 -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
325 }
326
327 .entity_nudge p,
328 .form_user_nudge input.submit {
329 background-position: 5px -785px;
330 }
331 .form_user_block input.submit,
332 .form_user_unblock input.submit,
333 .form_group_block input.submit,
334 .form_group_unblock input.submit {
335 background-position: 5px -918px;
336 }
337 .form_make_admin input.submit {
338 background-position: 5px -983px;
339 }
340 .entity_moderation p {
341 background-position: 5px -1313px;
342 }
343 .entity_sandbox input.submit {
344 background-position: 5px -1380px;
345 }
346 .entity_silence input.submit {
347 background-position: 5px -1445px;
348 }
349 .entity_delete input.submit {
350 background-position: 5px -1511px;
351 }
352 .form_reset_key input.submit {
353 background-position: 5px -1973px;
354 }
355
356
357 /* NOTICES */
358 .notice .attachment {
359 background-position:0 -394px;
360 }
361 #attachments .attachment {
362 background:none;
363 }
364 .notice-options .notice_reply {
365 background-position:0 -592px;
366 }
367 .notice-options form.form_favor input.submit {
368 background-position:0 -460px;
369 }
370 .notice-options form.form_disfavor input.submit {
371 background-position:0 -526px;
372 }
373 .notice-options .notice_delete {
374 background-position:0 -658px;
375 }
376 .notice-options form.form_repeat input.submit {
377 background-position:0 -1582px;
378 }
379 .notice-options .repeated {
380 background-position:0 -1648px;
381 }
382
383 .notices div.entry-content,
384 .notices div.notice-options {
385 opacity:0.4;
386 }
387 .notices li:hover div.entry-content,
388 .notices li:hover div.notice-options {
389 opacity:1;
390 }
391 div.notice-options a,
392 div.notice-options input {
393 font-family:sans-serif;
394 }
395 #content .notices li:hover {
396 background-color:rgba(240, 240, 240, 0.2);
397 }
398 #conversation .notices li:hover {
399 background-color:transparent;
400 }
401
402 .notices .notices {
403 background-color:rgba(200, 200, 200, 0.050);
404 }
405 .notices .notices .notices {
406 background-color:rgba(200, 200, 200, 0.100);
407 }
408 .notices .notices .notices .notices {
409 background-color:rgba(200, 200, 200, 0.150);
410 }
411 .notices .notices .notices .notices .notices {
412 background-color:rgba(200, 200, 200, 0.300);
413 }
414 /*END: NOTICES */
415
416 #new_group a {
417 background-position:0 -1054px;
418 }
419
420 .pagination .nav_prev a,
421 .pagination .nav_next a {
422 background-repeat:no-repeat;
423 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
424 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
425 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
426 }
427 .pagination .nav_prev a {
428 background-position:10% -187px;
429 }
430 .pagination .nav_next a {
431 background-position:105% -252px;
432 }
433 .pagination .nav .processing {
434 background-image:url(../../base/images/icons/icon_processing.gif);
435 box-shadow:none;
436 -moz-box-shadow:none;
437 -webkit-box-shadow:none;
438 outline:none;
439 }
440 .pagination .nav_next a.processing {
441 background-position:90% 47%;
442 }
443 .pagination .nav_prev a.processing {
444 background-position:10% 47%;
445 }