4 * @author Samantha Doherty <sammy@status.net>
5 * @copyright 2010 StatusNet, Inc.
6 * @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
7 * @link http://status.net/
11 @media screen, projection, tv {
14 background: url(../images/page_bg1.png) no-repeat fixed 50% 100%;
15 background-color: #181818;
16 font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
23 padding: 0px 8px 10px 8px;
24 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
25 -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
26 -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
27 background-color: rgba(201, 203, 202, 0.5);
40 h1, h2, h3, h4, h5, h6 {
46 h1 {font-size: 1.4em;}
47 h2 {font-size: 1.3em;}
48 h3 {font-size: 1.2em;}
49 h4 {font-size: 1.1em;}
54 letter-spacing: 0.2em;
57 text-shadow:0 1px 0 rgba(255,255,255,0.4);
58 margin: -4px 0px 15px 0px;
70 background: url(../images/sn-tiny.png) no-repeat top left;
84 color: #fff !important;
90 #site_nav_global_primary {
94 box-shadow:0px 2px 2px rgba(194, 194, 194, 0.3);
95 -moz-box-shadow:0px 2px 2px rgba(194, 194, 194, 0.3);
96 -webkit-box-shadow:0px 2px 2px rgba(194, 194, 194, 0.3);
98 border-bottom-right-radius: 8px;
99 -moz-border-radius-bottomright: 8px;
100 -webkit-border-bottom-right-radius: 8px;
101 border-bottom-left-radius: 8px;
102 -moz-border-radius-bottomleft: 8px;
103 -webkit-border-bottom-left-radius: 8px;
104 letter-spacing: 0.1em;
106 background: url(../images/global_bg.png) repeat-x top left;
114 #site_nav_global_primary ul.nav {
116 text-transform: uppercase;
120 #site_nav_global_primary ul.nav li {
125 #site_nav_global_primary ul.nav a {
129 -moz-border-radius: 4px;
130 -webkit-border-radius: 4px;
131 color: #fff !important;
132 text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
133 border-bottom: 1px solid transparent;
134 border-left: 1px solid transparent;
137 #site_nav_global_primary ul.nav a:hover {
139 background-color: #000;
140 border-bottom: 1px solid #666;
141 border-left: 1px solid #666;
142 text-decoration: none;
145 #site_nav_global_primary li {
150 background: url(../images/overlay10.png) repeat-x top left;
153 -moz-border-radius: 4px;
154 -webkit-border-radius: 4px;
156 border-top-color: #aaa;
157 border-left-color: #aaa;
166 background-color: #444;
167 text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
174 #anon_notice a:hover {
175 text-decoration: underline;
185 -moz-border-radius: 4px;
186 -webkit-border-radius: 4px;
188 border-bottom-color: #999;
189 border-right-color: #999;
200 -moz-border-radius: 4px;
201 -webkit-border-radius: 4px;
203 border: 1px solid #ddd;
204 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
205 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
206 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
209 .form_notice label[for=notice_data-text], .form_notice label[for=to] {
210 text-shadow:0 1px 0 rgba(255,255,255,0.4);
214 .form_notice fieldset {
218 .form_notice textarea {
221 border: 1px solid #bbb;
223 -moz-border-radius: 4px;
224 -webkit-border-radius: 4px;
228 .entity_send-a-message .form_notice legend {
229 text-shadow:0 1px 0 rgba(255,255,255,0.4);
232 .form_notice textarea:focus {
233 border: 1px solid #9495b7;
236 .form_notice label[for=notice_data-attach],
237 .form_notice #notice_data-attach {
242 .form_notice #notice_data-geo_wrap label,
243 .form_notice #notice_data-geo_wrap input {
248 .form_notice #notice_action-submit {
256 .entity_send-a-message .form_notice #notice_action-submit {
257 color: #fff !important;
260 .form_notice input.submit, .form_settings input.submit {
261 border: 1px solid #555;
265 -moz-border-radius: 4px;
266 -webkit-border-radius: 4px;
267 background: #666 url(../images/overlay25.png) repeat-x top left;
268 text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
275 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
276 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
277 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
280 .form_notice input.submit:hover, .form_settings input.submit:hover {
281 background-color: #888;
285 .form_notice .success {
290 .form_notice .error {
295 #site_nav_local_views {
303 #site_nav_local_views li {
310 #site_nav_local_views a {
311 background: url(../images/overlay10.png) repeat-x top left;
314 border: 1px solid #fff;
315 border-color: transparent;
320 letter-spacing: 0.2em;
321 text-transform: uppercase;
322 color: #f2f2f2 !important;
323 background-color: #444;
324 border-bottom: 1px solid #999;
326 text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
328 -moz-border-radius:0;
329 -webkit-border-radius:0;
330 text-decoration: none;
333 #site_nav_local_views li:first-child a {
334 border-top-right-radius:4px;
335 -moz-border-radius-topright:4px;
336 -webkit-border-top-right-radius:4px;
339 #site_nav_local_views a:hover {
340 background: url(../images/overlay20.png) repeat-x top left;
341 color: #4d424c !important;
342 background-color: #b3b3b3;
343 text-shadow: 0 1px 0 rgba(255,255,255,0.75);
346 #site_nav_local_views .current a {
349 color: #4d4d4d !important;
350 box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
351 -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
352 -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
353 border-bottom: 1px solid #fff;
354 text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
355 background-color: #e2e2e2;
356 text-decoration: none;
369 -moz-border-radius: 4px;
370 -webkit-border-radius: 4px;
371 border-top-right-radius: 0px;
372 -moz-border-radius-topright: 0px;
373 -webkit-border-top-right-radius: 0px;
374 padding: 14px 10px 20px 10px;
377 background-color: #e2e2e2;
385 background-color: #262626;
386 border-bottom-right-radius: 6px;
387 -moz-border-radius-bottomright: 6px;
388 -webkit-border-bottom-right-radius: 6px;
391 #aside_primary .section {
393 -moz-border-radius: 4px;
394 -webkit-border-radius: 4px;
396 padding-bottom: 12px;
397 border: 1px solid #ddd;
398 box-shadow: 1px 1px 2px #444;
399 -moz-box-shadow: 1px 1px 2px #444;
400 -webkit-box-shadow: 1px 1px 2px #444;
401 background-color: rgba(201, 203, 202, 0.5);
406 #aside_primary .section H2 {
409 letter-spacing: 0.2em;
414 text-shadow:0 1px 0 rgba(255,255,255,0.4);
418 #aside_primary .notice {
423 .section ul.entities {
427 .section .entities li {
437 #content .notices .notice {
438 border-top: 1px dotted #bbb;
443 #content .notices .notices .notice {
445 padding-bottom: 14px;
448 #content .notices .notices .notice + .notice {
449 margin-bottom: -10px;
456 #content .notice .author .photo {
461 #content .notice .entry-title {
465 #shownotice .notice .entry-title {
469 .notice div.entry-content {
476 .notice:hover div.entry-content {
484 .user_in .notice div.entry-content {
488 div.entry-content a.response:before {
492 div.entry-content a.response:after {
500 .form_settings input {
502 -moz-border-radius: 4px;
503 -webkit-border-radius: 4px;
504 border: 1px solid #bbb;
509 .form_settings input:focus {
510 border: 1px solid #9495b7;
513 .form_settings fieldset fieldset legend {
516 letter-spacing: 0.2em;
519 #jOverlayContent #content {
520 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
521 -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
522 -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
525 #jOverlayContent button {
538 .entity_actions a, .entity_actions input, .entity_actions p {
539 text-shadow:0 1px 0 rgba(255,255,255,0.4);
541 -moz-border-radius: 4px;
542 -webkit-border-radius: 4px;
545 .entity_moderation:hover ul,
546 .entity_role:hover ul {
548 -moz-border-radius: 4px;
549 -webkit-border-radius: 4px;
556 }/*end of @media screen, projection, tv*/