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: 20px;
309 #input_form_status, #input_form_direct {
310 padding-bottom: 50px;
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 4px 4px 6px;
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);
342 .form_notice textarea {
345 padding: 6px 5px 18px 5px;
346 border: 1px solid #a6a6a6;
347 -webkit-border-radius: 4px;
348 -moz-border-radius: 4px;
350 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
351 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
352 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
357 #form_notice-direct.form_notice textarea {
361 .form_notice label.notice_data-attach {
367 .form_notice .notice_data-geo_wrap label,
368 .form_notice .notice_data-geo_wrap input {
374 .form_notice .count {
383 #form_notice-direct.form_notice .count {
388 .form_notice #notice_action-submit {
400 .form_notice .success,
401 .form_notice .notice-status {
409 padding: 5px 5px 5px 10px;
410 border: 1px solid #ccc;
411 -webkit-border-radius: 4px;
412 -moz-border-radius: 4px;
416 .form_notice .error {
417 border: 1px solid #d05858;
420 .form_notice .attach-status code {
424 .input_form fieldset {
429 .input_form fieldset fieldset {
434 margin-bottom: 0px !important;
435 padding: 0px !important;
438 .input_form .form_settings .form_data li {
443 .input_form fieldset fieldset label {
453 .input_form .form_settings li input {
457 padding: 4px 5px 4px 5px;
458 border: 1px solid #a6a6a6;
459 -webkit-border-radius: 4px;
460 -moz-border-radius: 4px;
462 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
463 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
464 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
468 .input_form .form_settings li textarea {
471 padding: 4px 5px 4px 5px;
472 border: 1px solid #a6a6a6;
473 -webkit-border-radius: 4px;
474 -moz-border-radius: 4px;
476 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
477 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
478 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
483 .input_form .form_settings p.form_guide {
487 .input_form .form_settings .submit {
499 text-transform: uppercase;
509 .form_settings label[for=notice_to] {
522 .form_notice .checkbox-wrapper {
527 .form_settings .checkbox-wrapper label.checkbox {
535 .checkbox-wrapper #notice_private {
539 .checkbox-wrapper.unchecked label.checkbox {
541 background: url(../images/lock_open.png) no-repeat 0px 0px;
545 .checkbox-wrapper.unchecked label.checkbox:hover {
550 .checkbox-wrapper.checked label.checkbox {
552 background: url(../images/lock.png) no-repeat 0px 0px;
557 .checkbox-wrapper.checked label.checkbox:hover {
567 padding: 22px 10px 40px 10px;
572 #aside_primary .section {
582 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
586 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
587 text-transform: uppercase;
590 .profile_block .entity_actions {
597 .profile_block .entity_moderation:hover ul,
598 .profile_block .entity_role:hover ul {
602 .profile_block_name {
607 .profile_block_location {
611 .profile_block_description {
615 #site_nav_object ul {
616 background: url('../images/brdr_black_dot.png') repeat-x top left;
619 #site_nav_object li {
621 margin: -8px 0px 8px 0px;
628 padding: 0px 0px 1px 10px;
629 -webkit-border-radius: 4px;
630 -moz-border-radius: 4px;
632 text-transform: uppercase;
633 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
636 #site_nav_object a:hover, #site_nav_object .current a {
638 text-decoration: none;
639 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
641 background: -moz-linear-gradient(top, #7b8dbb , #364a84);
642 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
643 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
646 .section ul.entities {
650 .section .entities li {
656 #popular_notices .avatar {
664 padding-bottom: 14px;
667 #aside_primary td .nickname {
672 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
673 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
674 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
684 text-transform: uppercase;
686 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
687 border: 1px solid #d7621c;
689 -moz-border-radius: 4px;
690 -webkit-border-radius: 4px;
692 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
693 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
694 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
697 .invite_button:hover {
699 text-decoration: none;
700 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
702 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
703 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
704 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
708 border-bottom: 3px solid #A6ADBF;
712 text-transform: none;
720 padding-bottom: 14px;
721 border-bottom: 2px dotted #eee;
729 #content .notice .author .photo {
734 #content .notice .entry-title {
738 #showstream .notice .entry-title {
742 #shownotice .notice .entry-title {
746 .notice div.entry-content {
753 .notice:hover div.entry-content {
757 .user_in .notice div.entry-content {
761 div.entry-content a.response:before {
765 div.entry-content a.response:after {
780 border-left: 3px solid #ECECF2;
785 #content .notice .threaded-replies .notice,
786 #content .notice .threaded-replies .notice-data {
789 padding-bottom: 14px;
791 border-bottom: 2px dotted #eee;
799 #content .notice .threaded-replies .entry-title {
803 #content .threaded-replies .notice .author .photo {
807 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
808 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
809 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
812 #content .notice .threaded-replies .notice .entry-title {
813 margin: 2px 7px 0px 35px;
816 #content .notice .threaded-replies .notice div.entry-content {
820 margin-top: 4px !important;
823 .threaded-replies li {
824 list-style-type: none;
827 .threaded-replies .notice-reply-comments {
828 margin: 2px 0px 4px 10px;
831 .threaded-replies .placeholder {
836 .threaded-replies .notice-reply {
840 padding-bottom: 44px;
843 .threaded-replies .form_notice textarea {
847 .threaded-replies .form_notice label.notice_data-attach {
852 .threaded-replies .form_notice .notice_data-geo_wrap label,
853 .threaded-replies .form_notice .notice_data-geo_wrap input {
858 .threaded-replies .form_notice .count {
863 .threaded-replies .form_notice #notice_action-submit {
868 .threaded-replies .form_notice .error,
869 .threaded-replies .form_notice .success,
870 .threaded-replies .form_notice .notice-status {
874 .threaded-replies .to-selector {
878 .user_in.realtime-popup .notice div.entry-content {
882 .realtime-popup .threaded-replies {
886 .realtime-popup .threaded-replies .form_notice textarea {
887 width: 385px !important;
890 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
891 top: 10px !important;
892 right: 10px !important;
895 #content .notice .notice {
903 background-color:rgba(200, 200, 200, 0.050);
905 .notice .notice .notice {
906 background-color:rgba(200, 200, 200, 0.100);
908 .notice .notice .notice .notice {
909 background-color:rgba(200, 200, 200, 0.150);
911 .notice .notice .notice .notice .notice {
912 background-color:rgba(200, 200, 200, 0.300);
919 #jOverlayContent button {
930 .entity_profile .entity_depiction {
940 .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 {
941 text-shadow:0 1px 0 rgba(255,255,255,0.4);
943 -moz-border-radius: 4px;
944 -webkit-border-radius: 4px;
945 background-color: #CDD1DD !important;
948 .entity_moderation:hover ul,
949 .entity_role:hover ul {
951 -moz-border-radius: 4px;
952 -webkit-border-radius: 4px;
955 .entity_send-a-message .form_notice legend {
956 text-shadow:0 1px 0 rgba(255,255,255,0.4);
959 .entity_send-a-message .form_notice {
960 border: 1px solid #7B4E82;
963 .entity_send-a-message .form_notice #notice_action-submit {
964 color: #fff !important;
968 #aside_primary #entity_remote_subscribe a:hover {
969 background-color: #fff !important;
972 #entity_remote_subscribe .dialogbox {
973 border: 1px solid #7B4E82;
975 -moz-border-radius: 8px;
976 -webkit-border-radius: 8px;
979 #entity_remote_subscribe input {
983 #entity_remote_subscribe .submit_dialogbox {
988 #filter_tags_item .submit {
995 padding-bottom: 12px;
996 -webkit-border-radius: 6px;
997 -moz-border-radius: 6px;
1007 -webkit-border-top-left-radius: 6px;
1008 -webkit-border-top-right-radius: 6px;
1009 -moz-border-radius-topleft: 6px;
1010 -moz-border-radius-topright: 6px;
1011 border-top-left-radius: 6px;
1012 border-top-right-radius: 6px;
1019 #site_nav_global_secondary {
1020 margin-bottom: 10px;
1023 .error, .success, .notice-status {
1024 background-color: #F7E8E8;
1026 -webkit-border-radius: 6px;
1027 -moz-border-radius: 6px;
1030 .success, .notice-status {
1031 background-color: #f2f2f2;
1034 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
1039 text-transform: uppercase;
1041 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1042 border: 1px solid #d7621c;
1044 -moz-border-radius: 4px;
1045 -webkit-border-radius: 4px;
1046 background: #FB6104;
1047 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1048 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1049 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1052 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
1053 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1054 background: #ff9d63;
1055 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1056 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1057 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1060 .form_settings input#settings_design_reset, .form_settings input.cancel {
1061 background: #e2e2e2;
1063 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1066 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
1067 background: #f2f2f2;
1069 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1072 .form_settings input.checkbox, .form_settings input.radio {
1079 .form_settings label.checkbox, .form_settings label.radio {
1086 .form_settings li input.radio {
1090 .form_settings label.radio {
1096 #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 {
1100 #form_search ul.form_data #q {
1104 .form_settings fieldset fieldset {
1105 margin-bottom: 30px;
1121 border-top: 1px dotted #bbb;
1124 padding:11px 18px 11px 0;
1127 #content td:last-child {
1132 /* Bookmark specific styles */
1135 margin: 0px 0px 8px 0px;
1141 .bookmark-notice-count {
1143 -moz-border-radius: 4px;
1144 -webkit-border-radius: 4px;
1149 border: 1px solid #7b8dbb;
1150 color: #3e3e8c !important;
1156 .bookmark-notice-count:hover {
1157 text-decoration: none;
1158 background: #f2f2f2;
1159 border: 1px solid #7b8dbb;
1160 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1163 .notice .bookmark-description {
1169 .notice .bookmark-author {
1180 ul.bookmark-tags a {
1182 -moz-border-radius: 4px;
1183 -webkit-border-radius: 4px;
1185 background: #f2f2f2;
1186 color: #3e3e8c !important;
1187 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1191 ul.bookmark-tags a:hover {
1192 background-color: #cdd1dd;
1193 text-decoration: none;
1197 float: none !important;
1202 .bookmark div.entry-content {
1210 .bookmark:hover div.entry-content {
1214 .bookmark .notice-options {
1222 border: 10px solid #364A84;
1223 background: #364A84;
1226 #bookmarkpopup #wrap {
1229 padding: 40px 0px 25px 0px;
1231 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1234 #bookmarkpopup #header {
1239 #bookmarkpopup .form_settings label {
1246 #bookmarkpopup .form_settings .form_data input {
1250 #bookmarkpopup .form_guide {
1254 #bookmarkpopup #submit {
1259 #bookmarkpopup fieldset fieldset {
1260 margin-bottom: 10px;
1263 #form_initial_bookmark.form_settings .form_data li {
1267 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
1273 /* Onboard specific styles */
1280 -moz-border-radius: 6px;
1281 -webkit-border-radius: 6px;
1283 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1284 -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1285 -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1289 margin-bottom: 10px;
1292 .onboard-flash .next:before {
1297 .onboard-breadcrumbs {
1298 margin-bottom: 16px !important;
1301 .onboard-breadcrumbs li {
1302 background: none !important;
1303 border-top: none !important;
1304 padding: 6px 12px 2px 0px !important;
1307 .onboard-breadcrumbs li:last-child {
1308 padding-right: 0px !important;
1311 .onboard-breadcrumbs a {
1312 text-decoration: none;
1315 .onboard-breadcrumbs a:hover {
1316 color: #3e3e8c !important;
1319 /* Billing specific styles */
1321 #content table.billing_info {
1323 background:rgba(240, 240, 240, 0.4);
1326 #content table.billing_info th {
1332 border: solid 2px red !important;
1335 #payment_history table {
1339 #billingadminpanel .form_settings input {
1343 /* Directory specific styles */
1354 div#user_directory div.alpha_nav > a {
1355 border-left: 1px solid #ccc !important;
1356 padding-left: 3.5px !important;
1357 padding-right: 4px !important;
1363 div#user_directory div.alpha_nav > a.first {
1364 border-left: none !important;
1367 div#user_directory div.alpha_nav a.current {
1368 background-color: #ECECF2 !important;
1371 table.profile_list {
1375 .profile_list th#created {
1379 .profile_list th#subscriptions {
1383 table.profile_list tr.alt {
1384 background-color: #fafafa !important;
1387 .profile_list .entity_actions {
1393 .profile_list .entity_actions input {
1401 /* Event specific styles */
1403 .notice .vevent div {
1408 margin-left: 0px !important;
1409 margin-top: 2px !important;
1412 .notice .event-info + .notice-options {
1416 .notice .threaded-replies .event-info + .notice-options {
1420 #form_event_rsvp #new_rsvp_data {
1425 #form_event_rsvp input.submit {
1431 text-transform: uppercase;
1433 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1434 border: 1px solid #d7621c;
1436 -moz-border-radius: 4px;
1437 -webkit-border-radius: 4px;
1438 background: #FB6104;
1439 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1440 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1441 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1444 #form_event_rsvp input.submit:hover {
1445 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1446 background: #ff9d63;
1447 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1448 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1449 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1452 #input_form_event .form_settings .form_data {
1456 #input_form_event .form_settings .form_data li {
1461 #input_form_event .form_settings .form_data label {
1465 #event-startdate, #event-starttime, #event-enddate, #event-endtime {
1470 /* Limited-scope specific styles */
1472 .limited-scope .entry-content .timestamp {
1477 .limited-scope .entry-content .timestamp:before {
1478 content: url(../images/lock.png);
1484 .limited-scope li .entry-content .timestamp {
1488 .limited-scope li .entry-content .timestamp:before {
1492 .limited-scope li.limited-scope .entry-content .timestamp {
1496 .limited-scope li.limited-scope .entry-content .timestamp:before {
1497 content: url(../images/lock.png);
1503 /* QnA specific styles */
1505 #content .question .entry-title, #content .qna-full-question .entry-title {
1509 .question div.question-description {
1511 line-height: 1.36em;
1516 .question div.answer-content, .qna-full-question div.answer-content {
1520 .question .answer-count, .qna-full-question .answer-count {
1525 .question .answer-count:before, .qna-full-question .answer-count:before {
1529 .question .answer-count:after, .qna-full-question .answer-count:after {
1533 .question fieldset, .qna-full-question fieldset {
1537 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
1541 .question label[for=qna-answer], .qna-full-question label[for=qna-answer] {
1545 .question textarea, .qna-full-question textarea {
1548 padding: 6px 10px 18px 10px;
1549 border: 1px solid #a6a6a6;
1550 -webkit-border-radius: 4px;
1551 -moz-border-radius: 4px;
1553 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1554 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1555 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1558 margin-bottom: 10px;
1561 .qna-full-question textarea {
1565 .question-description input.submit, .answer-content input.submit {
1568 margin: 6px 0px 10px 0px;
1571 text-transform: uppercase;
1573 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1574 border: 1px solid #d7621c;
1576 -moz-border-radius: 4px;
1577 -webkit-border-radius: 4px;
1578 background: #FB6104;
1579 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1580 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1581 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1584 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1585 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1586 background: #ff9d63;
1587 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1588 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1589 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1592 .question .question-description #answer-form input.submit {
1596 .question p.best, .answer p.best {
1597 background: url(../images/rosette.png) no-repeat top left;
1601 }/*end of @media screen, projection, tv*/