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 {
227 padding: 0px 10px 1px 10px;
228 -webkit-border-radius: 4px;
229 -moz-border-radius: 4px;
231 text-transform: uppercase;
232 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
233 word-wrap: break-word;
236 #site_nav_local_views a:hover, #site_nav_local_views .current a {
238 text-decoration: none;
239 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
241 background: -moz-linear-gradient(top, #7b8dbb , #364a84);
242 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
243 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
253 padding: 20px 20px 40px 20px;
263 padding: 18px 20px 0px 20px;
264 background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
272 #input_form_nav li a {
275 padding: 0px 10px 1px 10px;
277 -webkit-border-radius: 4px;
278 -moz-border-radius: 4px;
280 border: 1px solid #ECECF2;
283 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
285 background: -moz-linear-gradient(top, #ffffff , #ececf2);
286 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
287 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
290 #input_form_nav li:hover a, #input_form_nav li.current a {
292 text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
293 border: 1px solid #ececf2;
295 background: -moz-linear-gradient(top, #7b8dbb , #364a84);
296 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
297 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
300 .input_form_nav_tab a, .input_form_nav_tab.current {
301 text-decoration: none !important; /* XXX cf rebase */
308 padding-bottom: 20px;
311 #input_form_status, #input_form_direct {
312 padding-bottom: 50px;
320 .form_notice fieldset {
325 .form_notice #notice_data-text-label {
326 display: none; /* XXX move into input with js */
329 .form_notice_placeholder .placeholder {
331 padding: 4px 4px 4px 6px;
332 border: 1px solid #a6a6a6;
333 -webkit-border-radius: 4px;
334 -moz-border-radius: 4px;
336 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
337 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
338 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
344 .form_notice textarea {
347 padding: 6px 5px 18px 5px;
348 border: 1px solid #a6a6a6;
349 -webkit-border-radius: 4px;
350 -moz-border-radius: 4px;
352 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
353 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
354 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
359 #form_notice-direct.form_notice textarea {
363 .form_notice label.notice_data-attach {
369 .form_notice .notice_data-geo_wrap label,
370 .form_notice .notice_data-geo_wrap input {
376 .form_notice .count {
385 #form_notice-direct.form_notice .count {
390 .form_notice #notice_action-submit {
402 .form_notice .success,
403 .form_notice .notice-status {
411 padding: 5px 5px 5px 10px;
412 border: 1px solid #ccc;
413 -webkit-border-radius: 4px;
414 -moz-border-radius: 4px;
418 .form_notice .error {
419 border: 1px solid #d05858;
422 .form_notice .attach-status code {
426 .input_form fieldset {
431 .input_form fieldset fieldset {
436 margin-bottom: 0px !important;
437 padding: 0px !important;
440 .input_form .form_settings .form_data li {
445 .input_form fieldset fieldset label {
455 .input_form .form_settings li input {
459 padding: 4px 5px 4px 5px;
460 border: 1px solid #a6a6a6;
461 -webkit-border-radius: 4px;
462 -moz-border-radius: 4px;
464 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
465 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
466 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
470 .input_form .form_settings li textarea {
473 padding: 4px 5px 4px 5px;
474 border: 1px solid #a6a6a6;
475 -webkit-border-radius: 4px;
476 -moz-border-radius: 4px;
478 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
479 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
480 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
485 .input_form .form_settings p.form_guide {
489 .input_form .form_settings .submit {
501 text-transform: uppercase;
511 .form_settings label[for=notice_to] {
524 .form_notice .checkbox-wrapper {
529 .form_settings .checkbox-wrapper label.checkbox {
537 .checkbox-wrapper #notice_private {
541 .checkbox-wrapper.unchecked label.checkbox {
543 background: url(../images/lock_open.png) no-repeat 0px 0px;
547 .checkbox-wrapper.unchecked label.checkbox:hover {
552 .checkbox-wrapper.checked label.checkbox {
554 background: url(../images/lock.png) no-repeat 0px 0px;
559 .checkbox-wrapper.checked label.checkbox:hover {
569 padding: 22px 10px 40px 10px;
574 #aside_primary .section {
584 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
588 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
589 text-transform: uppercase;
592 .profile_block .entity_actions {
599 .profile_block .entity_moderation:hover ul,
600 .profile_block .entity_role:hover ul {
604 .profile_block_name {
609 .profile_block_location {
613 .profile_block_description {
617 #site_nav_object ul {
618 background: url('../images/brdr_black_dot.png') repeat-x top left;
621 #site_nav_object li {
623 margin: -8px 0px 8px 0px;
630 padding: 0px 0px 1px 10px;
631 -webkit-border-radius: 4px;
632 -moz-border-radius: 4px;
634 text-transform: uppercase;
635 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
638 #site_nav_object a:hover, #site_nav_object .current a {
640 text-decoration: none;
641 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
643 background: -moz-linear-gradient(top, #7b8dbb , #364a84);
644 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
645 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
648 .section ul.entities {
652 .section .entities li {
658 #popular_notices .avatar {
666 padding-bottom: 14px;
669 #aside_primary td .nickname {
674 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
675 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
676 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
686 text-transform: uppercase;
688 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
689 border: 1px solid #d7621c;
691 -moz-border-radius: 4px;
692 -webkit-border-radius: 4px;
694 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
695 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
696 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
699 .invite_button:hover {
701 text-decoration: none;
702 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
704 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
705 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
706 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
710 border-bottom: 3px solid #A6ADBF;
714 text-transform: none;
723 border-bottom: 2px dotted #eee;
731 #content .notice .author .photo {
736 #content .notice .entry-title {
740 #showstream .notice .entry-title {
744 #shownotice .notice .entry-title {
748 .notice div.entry-content {
755 .notice:hover div.entry-content {
759 .user_in .notice div.entry-content {
763 div.entry-content a.response:before {
767 div.entry-content a.response:after {
784 border-left: 3px solid #ECECF2;
789 .user_in .threaded-replies {
793 #content .notice .threaded-replies .notice,
794 #content .notice .threaded-replies .notice-data {
797 padding-bottom: 14px;
799 border-bottom: 2px dotted #eee;
807 #content .notice .threaded-replies .entry-title {
811 #content .threaded-replies .notice .author .photo {
815 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
816 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
817 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
820 #content .notice .threaded-replies .notice .entry-title {
821 margin: 2px 7px 0px 35px;
824 #content .notice .threaded-replies .notice div.entry-content {
828 margin-top: 6px !important;
831 #content .notice .threaded-replies .notice div.entry-content.notice-faves {
832 margin-top: 2px !important;
835 #content .notice .threaded-replies .notice .notice-options {
840 .threaded-replies li {
841 list-style-type: none;
844 .threaded-replies .notice-reply-comments {
845 margin: 2px 0px 4px 10px;
848 .threaded-replies .placeholder {
851 padding: 4px 4px 4px 6px;
852 border: 1px solid #a6a6a6;
853 -webkit-border-radius: 4px;
854 -moz-border-radius: 4px;
856 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
857 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
858 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
862 .threaded-replies .notice-reply {
866 padding-bottom: 44px;
869 .threaded-replies .form_notice textarea {
873 .threaded-replies .form_notice label.notice_data-attach {
878 .threaded-replies .form_notice .notice_data-geo_wrap label,
879 .threaded-replies .form_notice .notice_data-geo_wrap input {
884 .threaded-replies .form_notice .count {
889 .threaded-replies .form_notice #notice_action-submit {
894 .threaded-replies .form_notice .error,
895 .threaded-replies .form_notice .success,
896 .threaded-replies .form_notice .notice-status {
900 .threaded-replies .to-selector {
904 .user_in.realtime-popup .notice div.entry-content {
908 .realtime-popup .threaded-replies {
912 .realtime-popup .threaded-replies .form_notice textarea {
913 width: 385px !important;
916 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
917 top: 10px !important;
918 right: 10px !important;
921 #content .notice .notice {
929 background-color:rgba(200, 200, 200, 0.050);
931 .notice .notice .notice {
932 background-color:rgba(200, 200, 200, 0.100);
934 .notice .notice .notice .notice {
935 background-color:rgba(200, 200, 200, 0.150);
937 .notice .notice .notice .notice .notice {
938 background-color:rgba(200, 200, 200, 0.300);
945 #jOverlayContent button {
956 .entity_profile .entity_depiction {
966 .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 {
967 text-shadow:0 1px 0 rgba(255,255,255,0.4);
969 -moz-border-radius: 4px;
970 -webkit-border-radius: 4px;
971 background-color: #CDD1DD !important;
974 .entity_moderation:hover ul,
975 .entity_role:hover ul {
977 -moz-border-radius: 4px;
978 -webkit-border-radius: 4px;
981 .entity_send-a-message .form_notice legend {
982 text-shadow:0 1px 0 rgba(255,255,255,0.4);
985 .entity_send-a-message .form_notice {
986 border: 1px solid #7B4E82;
989 .entity_send-a-message .form_notice #notice_action-submit {
990 color: #fff !important;
994 #aside_primary #entity_remote_subscribe a:hover {
995 background-color: #fff !important;
998 #entity_remote_subscribe .dialogbox {
999 border: 1px solid #7B4E82;
1001 -moz-border-radius: 8px;
1002 -webkit-border-radius: 8px;
1005 #entity_remote_subscribe input {
1009 #entity_remote_subscribe .submit_dialogbox {
1014 #filter_tags_item .submit {
1021 padding-bottom: 12px;
1022 -webkit-border-radius: 6px;
1023 -moz-border-radius: 6px;
1033 -webkit-border-top-left-radius: 6px;
1034 -webkit-border-top-right-radius: 6px;
1035 -moz-border-radius-topleft: 6px;
1036 -moz-border-radius-topright: 6px;
1037 border-top-left-radius: 6px;
1038 border-top-right-radius: 6px;
1045 #site_nav_global_secondary {
1046 margin-bottom: 10px;
1049 .error, .success, .notice-status {
1050 background-color: #F7E8E8;
1052 -webkit-border-radius: 6px;
1053 -moz-border-radius: 6px;
1056 .success, .notice-status {
1057 background-color: #f2f2f2;
1060 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
1065 text-transform: uppercase;
1067 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1068 border: 1px solid #d7621c;
1070 -moz-border-radius: 4px;
1071 -webkit-border-radius: 4px;
1072 background: #FB6104;
1073 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1074 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1075 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1078 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
1079 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1080 background: #ff9d63;
1081 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1082 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1083 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1086 .form_settings input#settings_design_reset, .form_settings input.cancel {
1087 background: #e2e2e2;
1089 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1092 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
1093 background: #f2f2f2;
1095 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1098 .form_settings input.checkbox, .form_settings input.radio {
1105 .form_settings label.checkbox, .form_settings label.radio {
1112 .form_settings li input.radio {
1116 .form_settings label.radio {
1122 #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 {
1126 .form_settings fieldset fieldset {
1127 margin-bottom: 30px;
1143 border-top: 1px dotted #bbb;
1146 padding:11px 18px 11px 0;
1149 #content td:last-child {
1156 padding-bottom: 10px;
1157 margin-bottom: 20px;
1158 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
1161 #form_search fieldset {
1165 #form_search ul.form_data #q {
1170 #form_search input.submit {
1174 padding-bottom: 2px;
1178 #noticesearch .entity_actions {
1182 #noticesearch p.error {
1186 /* Bookmark specific styles */
1189 margin: 0px 0px 8px 0px;
1195 .bookmark-notice-count {
1197 -moz-border-radius: 4px;
1198 -webkit-border-radius: 4px;
1203 border: 1px solid #7b8dbb;
1204 color: #3e3e8c !important;
1210 .bookmark-notice-count:hover {
1211 text-decoration: none;
1212 background: #f2f2f2;
1213 border: 1px solid #7b8dbb;
1214 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1217 .notice .bookmark-description {
1223 .notice .bookmark-author {
1234 ul.bookmark-tags a {
1236 -moz-border-radius: 4px;
1237 -webkit-border-radius: 4px;
1239 background: #f2f2f2;
1240 color: #3e3e8c !important;
1241 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1245 ul.bookmark-tags a:hover {
1246 background-color: #cdd1dd;
1247 text-decoration: none;
1251 float: none !important;
1256 .bookmark div.entry-content {
1264 .bookmark:hover div.entry-content {
1268 .bookmark .notice-options {
1276 border: 10px solid #364A84;
1277 background: #364A84;
1280 #bookmarkpopup #wrap {
1283 padding: 40px 0px 25px 0px;
1285 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1288 #bookmarkpopup #header {
1293 #bookmarkpopup .form_settings label {
1300 #bookmarkpopup .form_settings .form_data input {
1304 #bookmarkpopup .form_guide {
1308 #bookmarkpopup #submit {
1313 #bookmarkpopup fieldset fieldset {
1314 margin-bottom: 10px;
1317 #form_initial_bookmark.form_settings .form_data li {
1321 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
1327 /* Onboard specific styles */
1330 background: url(../images/lightbox_bg.png) repeat 0 0 !important;
1334 background: #fff url(../logo.png) no-repeat 10px bottom !important;
1342 .onboard_welcome p {
1343 margin-bottom: 10px;
1346 .onboard_welcome ul {
1347 list-style-type: none;
1348 margin-bottom: 10px;
1351 .onboard_welcome ul li {
1352 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1357 #aside_primary #onboard_section {
1358 background: #f2f2f2;
1362 -moz-border-radius: 4px;
1363 -webkit-border-radius: 4px;
1364 border: 1px solid #516499;
1365 background: #fafafa;
1368 #onboard_section H2 {
1369 -webkit-border-top-left-radius: 4px;
1370 -moz-border-radius-topleft: 4px;
1371 border-top-left-radius: 4px;
1372 -webkit-border-top-right-radius: 4px;
1373 -moz-border-radius-topright: 4px;
1374 border-top-right-radius: 4px;
1378 padding: 2px 0px 2px 10px;
1379 margin-right: -22px;
1382 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
1383 background: #364A84;
1384 background: -moz-linear-gradient(top, #516499 , #364a84);
1385 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
1386 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
1389 #onboard_section ul {
1390 list-style-type: none;
1393 #onboard_section .onboard-step-incomplete {
1394 background: url(../images/resultset_next.png) no-repeat 0px 1px;
1396 margin-bottom: 10px;
1399 #onboard_section .onboard-step-complete {
1400 background: url(../images/tick.png) no-repeat 0px 1px;
1402 margin-bottom: 10px;
1403 text-decoration: line-through;
1407 /* Billing specific styles */
1409 #content table.billing_info {
1411 background:rgba(240, 240, 240, 0.4);
1414 #content table.billing_info th {
1420 border: solid 2px red !important;
1423 #payment_history table {
1427 #billingadminpanel .form_settings input {
1431 /* Directory specific styles */
1442 div#user_directory div.alpha_nav > a {
1443 border-left: 1px solid #ccc !important;
1444 padding-left: 3.5px !important;
1445 padding-right: 4px !important;
1451 div#user_directory div.alpha_nav > a.first {
1452 border-left: none !important;
1455 div#user_directory div.alpha_nav a.current {
1456 background-color: #ECECF2 !important;
1459 table.profile_list {
1463 .profile_list th#created {
1467 .profile_list th#subscriptions {
1471 table.profile_list tr.alt {
1472 background-color: #fafafa !important;
1475 .profile_list .entity_actions {
1481 .profile_list .entity_actions input {
1489 /* Event specific styles */
1491 .notice .vevent div {
1496 margin-left: 0px !important;
1497 margin-top: 2px !important;
1500 .notice .event-info + .notice-options {
1504 .notice .threaded-replies .event-info + .notice-options {
1508 #form_event_rsvp #new_rsvp_data {
1513 #form_event_rsvp input.submit {
1519 text-transform: uppercase;
1521 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1522 border: 1px solid #d7621c;
1524 -moz-border-radius: 4px;
1525 -webkit-border-radius: 4px;
1526 background: #FB6104;
1527 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1528 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1529 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1532 #form_event_rsvp input.submit:hover {
1533 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1534 background: #ff9d63;
1535 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1536 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1537 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1540 #input_form_event .form_settings .form_data {
1544 #input_form_event .form_settings .form_data li {
1549 #input_form_event .form_settings .form_data label {
1553 #event-startdate, #event-starttime, #event-enddate, #event-endtime {
1558 /* Limited-scope specific styles */
1560 .limited-scope .entry-content .timestamp {
1565 .limited-scope .entry-content .timestamp:before {
1566 content: url(../images/lock.png);
1572 .limited-scope li .entry-content .timestamp {
1576 .limited-scope li .entry-content .timestamp:before {
1580 .limited-scope li.limited-scope .entry-content .timestamp {
1584 .limited-scope li.limited-scope .entry-content .timestamp:before {
1585 content: url(../images/lock.png);
1591 /* QnA specific styles */
1593 #content .question .entry-title, #content .qna-full-question .entry-title {
1597 .question div.question-description {
1599 line-height: 1.36em;
1604 .question div.answer-content, .qna-full-question div.answer-content {
1608 .question .answer-count, .qna-full-question .answer-count {
1613 .question .answer-count:before, .qna-full-question .answer-count:before {
1617 .question .answer-count:after, .qna-full-question .answer-count:after {
1621 .question .notice-answer {
1623 padding-bottom: 10px;
1629 list-style-type: none;
1633 border-left: 3px solid #ECECF2;
1634 background: #fafafa;
1638 ul.qna-dummy + ul.threaded-replies li.notice:first-child {
1639 border-top: 2px dotted #eee;
1644 .qna-dummy-placeholder input {
1647 padding: 4px 4px 4px 6px;
1648 border: 1px solid #a6a6a6;
1649 -webkit-border-radius: 4px;
1650 -moz-border-radius: 4px;
1652 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1653 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1654 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1658 li.notice-answer + li.notice {
1659 border-top: 2px dotted #eee;
1664 .question fieldset, .qna-full-question fieldset {
1668 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
1672 .question label[for=qna-answer], .qna-full-question label[for=qna-answer] {
1676 .question #qna-answer, .qna-full-question #qna-answer {
1680 border: 1px solid #a6a6a6;
1681 -webkit-border-radius: 4px;
1682 -moz-border-radius: 4px;
1684 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1685 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1686 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1689 margin-bottom: 10px;
1692 .qna-full-question textarea {
1696 .question-description input.submit, .answer-content input.submit {
1699 margin: 6px 0px 10px 0px;
1702 text-transform: uppercase;
1704 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1705 border: 1px solid #d7621c;
1707 -moz-border-radius: 4px;
1708 -webkit-border-radius: 4px;
1709 background: #FB6104;
1710 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1711 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1712 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1715 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1716 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1717 background: #ff9d63;
1718 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1719 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1720 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1723 .question .question-description #answer-form input.submit {
1727 .question p.best, .answer p.best {
1728 background: url(../images/rosette.png) no-repeat top left;
1732 }/*end of @media screen, projection, tv*/