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 */
1134 #content .bookmark .entry-title {
1139 margin: 0px 0px 8px 0px;
1145 .bookmark-notice-count {
1147 -moz-border-radius: 4px;
1148 -webkit-border-radius: 4px;
1153 border: 1px solid #7b8dbb;
1154 color: #3e3e8c !important;
1160 .bookmark-notice-count:hover {
1161 text-decoration: none;
1162 background: #f2f2f2;
1163 border: 1px solid #7b8dbb;
1164 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1167 .notice .bookmark-description {
1173 .notice .bookmark-author {
1184 ul.bookmark-tags a {
1186 -moz-border-radius: 4px;
1187 -webkit-border-radius: 4px;
1189 background: #f2f2f2;
1190 color: #3e3e8c !important;
1191 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1195 ul.bookmark-tags a:hover {
1196 background-color: #cdd1dd;
1197 text-decoration: none;
1201 float: none !important;
1206 .bookmark div.entry-content {
1214 .bookmark:hover div.entry-content {
1218 .bookmark .notice-options {
1226 border: 10px solid #364A84;
1227 background: #364A84;
1230 #bookmarkpopup #wrap {
1233 padding: 40px 0px 25px 0px;
1235 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1238 #bookmarkpopup #header {
1243 #bookmarkpopup .form_settings label {
1250 #bookmarkpopup .form_settings .form_data input {
1254 #bookmarkpopup .form_guide {
1258 #bookmarkpopup #submit {
1263 #bookmarkpopup fieldset fieldset {
1264 margin-bottom: 10px;
1267 #form_initial_bookmark.form_settings .form_data li {
1271 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
1277 /* Onboard specific styles */
1284 -moz-border-radius: 6px;
1285 -webkit-border-radius: 6px;
1287 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1288 -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1289 -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1293 margin-bottom: 10px;
1296 .onboard-flash .next:before {
1301 .onboard-breadcrumbs {
1302 margin-bottom: 16px !important;
1305 .onboard-breadcrumbs li {
1306 background: none !important;
1307 border-top: none !important;
1308 padding: 6px 12px 2px 0px !important;
1311 .onboard-breadcrumbs li:last-child {
1312 padding-right: 0px !important;
1315 .onboard-breadcrumbs a {
1316 text-decoration: none;
1319 .onboard-breadcrumbs a:hover {
1320 color: #3e3e8c !important;
1323 /* Billing specific styles */
1325 #content table.billing_info {
1327 background:rgba(240, 240, 240, 0.4);
1330 #content table.billing_info th {
1336 border: solid 2px red !important;
1339 #payment_history table {
1343 #billingadminpanel .form_settings input {
1347 /* Directory specific styles */
1358 div#user_directory div.alpha_nav > a {
1359 border-left: 1px solid #ccc !important;
1360 padding-left: 3.5px !important;
1361 padding-right: 4px !important;
1367 div#user_directory div.alpha_nav > a.first {
1368 border-left: none !important;
1371 div#user_directory div.alpha_nav a.current {
1372 background-color: #ECECF2 !important;
1375 table.profile_list {
1379 .profile_list th#created {
1383 .profile_list th#subscriptions {
1387 table.profile_list tr.alt {
1388 background-color: #fafafa !important;
1391 .profile_list .entity_actions {
1397 .profile_list .entity_actions input {
1405 /* Event specific styles */
1407 .notice .vevent div {
1412 margin-left: 0px !important;
1413 margin-top: 2px !important;
1416 .notice .event-info + .notice-options {
1420 .notice .threaded-replies .event-info + .notice-options {
1424 #form_event_rsvp #new_rsvp_data {
1429 #form_event_rsvp input.submit {
1435 text-transform: uppercase;
1437 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1438 border: 1px solid #d7621c;
1440 -moz-border-radius: 4px;
1441 -webkit-border-radius: 4px;
1442 background: #FB6104;
1443 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1444 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1445 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1448 #form_event_rsvp input.submit:hover {
1449 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1450 background: #ff9d63;
1451 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1452 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1453 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1456 #input_form_event .form_settings .form_data {
1460 #input_form_event .form_settings .form_data li {
1465 #input_form_event .form_settings .form_data label {
1469 #event-startdate, #event-starttime, #event-enddate, #event-endtime {
1474 /* Limited-scope specific styles */
1476 .limited-scope .entry-content .timestamp {
1481 .limited-scope .entry-content .timestamp:before {
1482 content: url(../images/lock.png);
1488 .limited-scope li .entry-content .timestamp {
1492 .limited-scope li .entry-content .timestamp:before {
1496 .limited-scope li.limited-scope .entry-content .timestamp {
1500 .limited-scope li.limited-scope .entry-content .timestamp:before {
1501 content: url(../images/lock.png);
1507 /* QnA specific styles */
1509 #content .question .entry-title, #content .qna-full-question .entry-title {
1513 .question div.question-description {
1515 line-height: 1.36em;
1520 .question div.answer-content, .qna-full-question div.answer-content {
1524 .question .answer-count, .qna-full-question .answer-count {
1529 .question .answer-count:before, .qna-full-question .answer-count:before {
1533 .question .answer-count:after, .qna-full-question .answer-count:after {
1537 .question fieldset, .qna-full-question fieldset {
1541 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
1545 .question label[for=qna-answer], .qna-full-question label[for=qna-answer] {
1549 .question textarea, .qna-full-question textarea {
1552 padding: 6px 10px 18px 10px;
1553 border: 1px solid #a6a6a6;
1554 -webkit-border-radius: 4px;
1555 -moz-border-radius: 4px;
1557 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1558 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1559 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1562 margin-bottom: 10px;
1565 .qna-full-question textarea {
1569 .question-description input.submit, .answer-content input.submit {
1572 margin: 6px 0px 10px 0px;
1575 text-transform: uppercase;
1577 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1578 border: 1px solid #d7621c;
1580 -moz-border-radius: 4px;
1581 -webkit-border-radius: 4px;
1582 background: #FB6104;
1583 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1584 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1585 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1588 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1589 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1590 background: #ff9d63;
1591 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1592 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1593 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1596 .question .question-description #answer-form input.submit {
1600 .question p.best, .answer p.best {
1601 background: url(../images/rosette.png) no-repeat top left;
1605 }/*end of @media screen, projection, tv*/