4 * @author Samantha Doherty <sammy@status.net>
5 * @copyright 2011 StatusNet, Inc.
6 * @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
7 * @link http://status.net/
12 src: url('../fonts/lato-regular-webfont.eot?') format('eot'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#webfontCjmEHx3G') format('svg');
19 src: url('../fonts/lato-bold-webfont.eot?') format('eot'), url('../fonts/lato-bold-webfont.woff') format('woff'), url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.svg#webfontCjmEHx3G') format('svg');
26 src: url('../fonts/lato-italic-webfont.eot?') format('eot'), url('../fonts/lato-italic-webfont.woff') format('woff'), url('../fonts/lato-italic-webfont.ttf') format('truetype'), url('../fonts/lato-italic-webfont.svg#webfontCjmEHx3G') format('svg');
31 @media screen, projection, tv {
34 background-color: #C6C8CC;
35 background-image: url(../images/bg.png);
36 font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
42 input, textarea, select, option {
43 font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
48 a:hover {color: blue;}
50 abbr {border-bottom: none;}
52 h1 {font-size: 1.6em;}
53 h2 {font-size: 1.6em;}
54 h3 {font-size: 1.4em;}
55 h4 {font-size: 1.4em;}
56 h5 {font-size: 1.2em;}
62 background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px;
63 border-left: 10px solid #fff;
64 border-right: 10px solid #fff;
86 #site_nav_global_primary {
95 -webkit-border-top-right-radius: 6px;
96 -moz-border-radius-topright: 6px;
97 border-top-right-radius: 6px;
99 background: -moz-linear-gradient(top, #516499 , #364a84);
100 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
101 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 ); /* XXX move all to ie.css */
104 #site_nav_global_primary ul {
108 #site_nav_global_primary li {
112 #site_nav_global_primary li:last-child {
116 #site_nav_global_primary a {
117 color: #fff !important;
118 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
119 padding: 2px 10px 2px 10px;
125 #site_nav_global_primary a:hover {
126 color: #fff !important;
127 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
129 text-decoration: none;
138 -webkit-border-radius: 6px;
139 -moz-border-radius: 6px;
163 border-top: 5px solid #FB6104;
164 border-left: 1px solid #d8dae6;
165 border-right: 1px solid #d8dae6;
168 #aside_primary_wrapper {
173 background-color: #ececf2;
181 background-color: #fff;
182 border-right: 1px solid #d8dae6;
185 #site_nav_local_views_wrapper {
190 background-color: #ececf2;
191 border-right: 1px solid #d8dae6;
194 #site_nav_local_views {
201 padding: 22px 10px 40px 10px;
204 #site_nav_local_views H3 {
207 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
211 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
212 text-transform: uppercase;
215 #site_nav_local_views li {
217 margin: 0px 0px 8px 0px;
220 #site_nav_local_views li ul {
224 #site_nav_local_views a {
226 padding: 0px 0px 1px 10px;
227 -webkit-border-radius: 4px;
228 -moz-border-radius: 4px;
230 text-transform: uppercase;
231 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
234 #site_nav_local_views a:hover, #site_nav_local_views .current a {
236 text-decoration: none;
237 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
239 background: -moz-linear-gradient(top, #7b8dbb , #364a84);
240 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
241 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
251 padding: 20px 20px 40px 20px;
261 padding: 18px 20px 0px 20px;
262 background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
270 #input_form_nav li a {
273 padding: 0px 10px 1px 10px;
275 -webkit-border-radius: 4px;
276 -moz-border-radius: 4px;
278 border: 1px solid #ECECF2;
281 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
283 background: -moz-linear-gradient(top, #ffffff , #ececf2);
284 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
285 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
288 #input_form_nav li:hover a, #input_form_nav li.current a {
290 text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
291 border: 1px solid #ececf2;
293 background: -moz-linear-gradient(top, #7b8dbb , #364a84);
294 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
295 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
298 .input_form_nav_tab a, .input_form_nav_tab.current {
299 text-decoration: none !important; /* XXX cf rebase */
306 padding-bottom: 15px;
309 #input_form_status, #input_form_direct {
310 padding-bottom: 45px;
318 .form_notice fieldset {
323 .form_notice #notice_data-text-label {
324 display: none; /* XXX move into input with js */
327 .form_notice_placeholder .placeholder {
329 padding: 4px 10px 4px 10px;
330 border: 1px solid #a6a6a6;
331 -webkit-border-radius: 4px;
332 -moz-border-radius: 4px;
334 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
335 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
336 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
341 .form_notice textarea {
344 padding: 6px 10px 18px 10px;
345 border: 1px solid #a6a6a6;
346 -webkit-border-radius: 4px;
347 -moz-border-radius: 4px;
349 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
350 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
351 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
356 #form_notice-direct.form_notice textarea {
360 .form_notice label.notice_data-attach {
366 .form_notice .notice_data-geo_wrap label,
367 .form_notice .notice_data-geo_wrap input {
373 .form_notice .count {
382 #form_notice-direct.form_notice .count {
387 .form_notice #notice_action-submit {
399 .form_notice .success,
400 .form_notice .notice-status {
408 padding: 5px 5px 5px 10px;
409 border: 1px solid #ccc;
412 .form_notice .error {
413 border: 1px solid #d05858;
416 .form_notice .attach-status code {
420 .input_form fieldset {
425 .input_form fieldset fieldset {
426 margin-bottom: 10px !important;
434 .form_settings label[for=notice_to] {
446 .form_notice .checkbox-wrapper {
451 .form_settings .checkbox-wrapper label.checkbox {
458 .checkbox-wrapper #notice_private {
462 .checkbox-wrapper.unchecked label.checkbox {
464 background: url(../images/lock_open.png) no-repeat 0px 0px;
468 .checkbox-wrapper.checked label.checkbox {
470 background: url(../images/lock.png) no-repeat 0px 0px;
481 padding: 22px 10px 40px 10px;
486 #aside_primary .section {
496 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
500 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
501 text-transform: uppercase;
504 .profile_block .entity_actions {
511 .profile_block .entity_moderation:hover ul,
512 .profile_block .entity_role:hover ul {
516 .profile_block_name {
521 .profile_block_location {
525 .profile_block_description {
529 #site_nav_object ul {
530 background: url('../images/brdr_black_dot.png') repeat-x top left;
533 #site_nav_object li {
535 margin: -8px 0px 8px 0px;
542 padding: 0px 0px 1px 10px;
543 -webkit-border-radius: 4px;
544 -moz-border-radius: 4px;
546 text-transform: uppercase;
547 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
550 #site_nav_object a:hover, #site_nav_object .current a {
552 text-decoration: none;
553 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
555 background: -moz-linear-gradient(top, #7b8dbb , #364a84);
556 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
557 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
560 .section ul.entities {
564 .section .entities li {
570 #popular_notices .avatar {
578 padding-bottom: 14px;
581 #aside_primary td .nickname {
586 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
587 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
588 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
598 text-transform: uppercase;
600 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
601 border: 1px solid #d7621c;
603 -moz-border-radius: 4px;
604 -webkit-border-radius: 4px;
606 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
607 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
608 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
611 .invite_button:hover {
613 text-decoration: none;
614 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
616 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
617 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
618 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
622 border-bottom: 3px solid #A6ADBF;
626 text-transform: none;
634 padding-bottom: 14px;
635 border-bottom: 2px dotted #eee;
643 #content .notice .author .photo {
648 #content .notice .entry-title {
652 #showstream .notice .entry-title {
656 #shownotice .notice .entry-title {
660 .notice div.entry-content {
667 .notice:hover div.entry-content {
671 .user_in .notice div.entry-content {
675 div.entry-content a.response:before {
679 div.entry-content a.response:after {
694 border-left: 3px solid #ECECF2;
699 #content .notice .threaded-replies .notice,
700 #content .notice .threaded-replies .notice-data {
703 padding-bottom: 14px;
705 border-bottom: 2px dotted #eee;
713 #content .notice .threaded-replies .entry-title {
717 #content .threaded-replies .notice .author .photo {
721 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
722 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
723 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
726 #content .notice .threaded-replies .notice .entry-title {
727 margin: 2px 7px 0px 35px;
730 #content .notice .threaded-replies .notice div.entry-content {
734 margin-top: 4px !important;
737 .threaded-replies li {
738 list-style-type: none;
741 .threaded-replies .notice-reply-comments {
742 margin: 2px 0px 4px 10px;
745 .threaded-replies .placeholder {
750 .threaded-replies .notice-reply {
754 padding-bottom: 44px;
757 .threaded-replies .form_notice textarea {
761 .threaded-replies .form_notice label.notice_data-attach {
766 .threaded-replies .form_notice .notice_data-geo_wrap label,
767 .threaded-replies .form_notice .notice_data-geo_wrap input {
772 .threaded-replies .form_notice .count {
777 .threaded-replies .form_notice #notice_action-submit {
781 .threaded-replies .form_notice .error,
782 .threaded-replies .form_notice .success,
783 .threaded-replies .form_notice .notice-status {
787 .threaded-replies .to-selector {
791 .user_in.realtime-popup .notice div.entry-content {
795 .realtime-popup .threaded-replies {
799 .realtime-popup .threaded-replies .form_notice textarea {
800 width: 385px !important;
803 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
804 top: 10px !important;
805 right: 10px !important;
808 #content .notice .notice {
816 background-color:rgba(200, 200, 200, 0.050);
818 .notice .notice .notice {
819 background-color:rgba(200, 200, 200, 0.100);
821 .notice .notice .notice .notice {
822 background-color:rgba(200, 200, 200, 0.150);
824 .notice .notice .notice .notice .notice {
825 background-color:rgba(200, 200, 200, 0.300);
832 #jOverlayContent button {
843 .entity_profile .entity_depiction {
853 .entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input, .entity_actions .entity_moderation input, .entity_actions .entity_role input, .entity_actions .entity_nudge input, .entity_actions .entity_delete input, .entity_actions input.submit {
854 text-shadow:0 1px 0 rgba(255,255,255,0.4);
856 -moz-border-radius: 4px;
857 -webkit-border-radius: 4px;
858 background-color: #CDD1DD !important;
861 .entity_moderation:hover ul,
862 .entity_role:hover ul {
864 -moz-border-radius: 4px;
865 -webkit-border-radius: 4px;
868 .entity_send-a-message .form_notice legend {
869 text-shadow:0 1px 0 rgba(255,255,255,0.4);
872 .entity_send-a-message .form_notice {
873 border: 1px solid #7B4E82;
876 .entity_send-a-message .form_notice #notice_action-submit {
877 color: #fff !important;
881 #aside_primary #entity_remote_subscribe a:hover {
882 background-color: #fff !important;
885 #entity_remote_subscribe .dialogbox {
886 border: 1px solid #7B4E82;
888 -moz-border-radius: 8px;
889 -webkit-border-radius: 8px;
892 #entity_remote_subscribe input {
896 #entity_remote_subscribe .submit_dialogbox {
901 #filter_tags_item .submit {
908 padding-bottom: 12px;
909 -webkit-border-radius: 6px;
910 -moz-border-radius: 6px;
920 -webkit-border-top-left-radius: 6px;
921 -webkit-border-top-right-radius: 6px;
922 -moz-border-radius-topleft: 6px;
923 -moz-border-radius-topright: 6px;
924 border-top-left-radius: 6px;
925 border-top-right-radius: 6px;
932 #site_nav_global_secondary {
936 .error, .success, .notice-status {
937 background-color: #F7E8E8;
939 -webkit-border-radius: 6px;
940 -moz-border-radius: 6px;
943 .success, .notice-status {
944 background-color: #f2f2f2;
947 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
952 text-transform: uppercase;
954 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
955 border: 1px solid #d7621c;
957 -moz-border-radius: 4px;
958 -webkit-border-radius: 4px;
960 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
961 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
962 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
965 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
966 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
968 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
969 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
970 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
973 .form_settings input#settings_design_reset, .form_settings input.cancel {
976 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
979 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
982 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
985 .form_settings input.checkbox, .form_settings input.radio {
992 .form_settings label.checkbox, .form_settings label.radio {
999 .form_settings li input.radio {
1003 .form_settings label.radio {
1009 #form_login p.form_guide, #form_register #settings_rememberme p.form_guide, #form_openid_login #settings_rememberme p.form_guide, #settings_twitter_remove p.form_guide, #design_background-image_onoff p.form_guide {
1013 #form_search ul.form_data #q {
1017 .form_settings fieldset fieldset {
1018 margin-bottom: 30px;
1034 border-top: 1px dotted #bbb;
1037 padding:11px 18px 11px 0;
1040 #content td:last-child {
1045 /* Bookmark specific styles */
1047 #content .bookmark .entry-title {
1052 margin: 0px 0px 8px 0px;
1058 .bookmark-notice-count {
1060 -moz-border-radius: 4px;
1061 -webkit-border-radius: 4px;
1066 border: 1px solid #7b8dbb;
1067 color: #3e3e8c !important;
1073 .bookmark-notice-count:hover {
1074 text-decoration: none;
1075 background: #f2f2f2;
1076 border: 1px solid #7b8dbb;
1077 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1080 .notice .bookmark-description {
1086 .notice .bookmark-author {
1097 ul.bookmark-tags a {
1099 -moz-border-radius: 4px;
1100 -webkit-border-radius: 4px;
1102 background: #f2f2f2;
1103 color: #3e3e8c !important;
1104 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1108 ul.bookmark-tags a:hover {
1109 background-color: #cdd1dd;
1110 text-decoration: none;
1114 float: none !important;
1119 .bookmark div.entry-content {
1127 .bookmark:hover div.entry-content {
1131 .bookmark .notice-options {
1139 border: 10px solid #364A84;
1140 background: #364A84;
1143 #bookmarkpopup #wrap {
1146 padding: 40px 0px 25px 0px;
1148 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1151 #bookmarkpopup #header {
1156 #bookmarkpopup .form_settings label {
1163 #bookmarkpopup .form_settings .form_data input {
1167 #bookmarkpopup .form_guide {
1171 #bookmarkpopup #submit {
1176 #bookmarkpopup fieldset fieldset {
1177 margin-bottom: 10px;
1180 /* Onboard specific styles */
1187 -moz-border-radius: 6px;
1188 -webkit-border-radius: 6px;
1190 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1191 -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1192 -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1196 margin-bottom: 10px;
1199 .onboard-flash .next:before {
1204 .onboard-breadcrumbs {
1205 margin-bottom: 16px !important;
1208 .onboard-breadcrumbs li {
1209 background: none !important;
1210 border-top: none !important;
1211 padding: 6px 12px 2px 0px !important;
1214 .onboard-breadcrumbs li:last-child {
1215 padding-right: 0px !important;
1218 .onboard-breadcrumbs a {
1219 text-decoration: none;
1222 .onboard-breadcrumbs a:hover {
1223 color: #3e3e8c !important;
1226 /* Billing specific styles */
1228 #content table.billing_info {
1230 background:rgba(240, 240, 240, 0.4);
1233 #content table.billing_info th {
1239 border: solid 2px red !important;
1242 #payment_history table {
1246 #billingadminpanel .form_settings input {
1250 /* Directory specific styles */
1261 div#user_directory div.alpha_nav > a {
1262 border-left: 1px solid #ccc !important;
1263 padding-left: 3.5px !important;
1264 padding-right: 4px !important;
1270 div#user_directory div.alpha_nav > a.first {
1271 border-left: none !important;
1274 div#user_directory div.alpha_nav a.current {
1275 background-color: #ECECF2 !important;
1278 table.profile_list {
1282 .profile_list th#created {
1286 .profile_list th#subscriptions {
1290 table.profile_list tr.alt {
1291 background-color: #fafafa !important;
1294 .profile_list .entity_actions {
1300 .profile_list .entity_actions input {
1308 /* Event specific styles */
1310 .notice .vevent div {
1315 margin-left: 0px !important;
1316 margin-top: 2px !important;
1319 .notice .event-info + .notice-options {
1323 .notice .threaded-replies .event-info + .notice-options {
1327 #form_event_rsvp #new_rsvp_data {
1332 #form_event_rsvp input.submit {
1338 text-transform: uppercase;
1340 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1341 border: 1px solid #d7621c;
1343 -moz-border-radius: 4px;
1344 -webkit-border-radius: 4px;
1345 background: #FB6104;
1346 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1347 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1348 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1351 #form_event_rsvp input.submit:hover {
1352 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1353 background: #ff9d63;
1354 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1355 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1356 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1359 /* Limited-scope specific styles */
1361 .limited-scope .entry-content .timestamp {
1366 .limited-scope .entry-content .timestamp:before {
1367 content: url(../images/lock.png);
1373 .limited-scope li .entry-content .timestamp {
1377 .limited-scope li .entry-content .timestamp:before {
1381 .limited-scope li.limited-scope .entry-content .timestamp {
1385 .limited-scope li.limited-scope .entry-content .timestamp:before {
1386 content: url(../images/lock.png);
1392 /* QnA specific styles */
1394 #content .question .entry-title, #content .qna-full-question .entry-title {
1398 .question div.question-description {
1400 line-height: 1.36em;
1405 .question div.answer-content, .qna-full-question div.answer-content {
1409 .question .answer-count, .qna-full-question .answer-count {
1414 .question .answer-count:before, .qna-full-question .answer-count:before {
1418 .question .answer-count:after, .qna-full-question .answer-count:after {
1422 .question fieldset, .qna-full-question fieldset {
1426 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
1430 .question label[for=answer], .qna-full-question label[for=answer] {
1434 .question textarea, .qna-full-question textarea {
1437 padding: 6px 10px 18px 10px;
1438 border: 1px solid #a6a6a6;
1439 -webkit-border-radius: 4px;
1440 -moz-border-radius: 4px;
1442 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1443 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1444 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1447 margin-bottom: 10px;
1450 .qna-full-question textarea {
1454 .question-description input.submit, .answer-content input.submit {
1457 margin: 6px 0px 10px 0px;
1460 text-transform: uppercase;
1462 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1463 border: 1px solid #d7621c;
1465 -moz-border-radius: 4px;
1466 -webkit-border-radius: 4px;
1467 background: #FB6104;
1468 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1469 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1470 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1473 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1474 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1475 background: #ff9d63;
1476 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1477 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1478 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1481 .question .question-description #answer-form input.submit {
1485 .question p.best, .answer p.best {
1486 background: url(../images/rosette.png) no-repeat top left;
1490 }/*end of @media screen, projection, tv*/