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;
284 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
286 background: -moz-linear-gradient(top, #ffffff , #ececf2);
287 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
288 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
291 #input_form_nav li:hover a, #input_form_nav li.current a {
293 text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
294 border: 1px solid #ececf2;
296 background: -moz-linear-gradient(top, #7b8dbb , #364a84);
297 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
298 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
301 .input_form_nav_tab a, .input_form_nav_tab.current {
302 text-decoration: none !important; /* XXX cf rebase */
309 padding-bottom: 20px;
312 #input_form_status, #input_form_direct {
313 padding-bottom: 50px;
321 .form_notice fieldset {
326 .form_notice #notice_data-text-label {
327 display: none; /* XXX move into input with js */
330 .form_notice_placeholder .placeholder {
332 padding: 4px 4px 4px 6px;
333 border: 1px solid #a6a6a6;
334 -webkit-border-radius: 4px;
335 -moz-border-radius: 4px;
337 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
338 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
339 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
345 .form_notice textarea {
348 padding: 6px 5px 18px 5px;
349 border: 1px solid #a6a6a6;
350 -webkit-border-radius: 4px;
351 -moz-border-radius: 4px;
353 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
354 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
355 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
360 #form_notice-direct.form_notice textarea {
364 .form_notice label.notice_data-attach {
370 .form_notice .notice_data-geo_wrap label,
371 .form_notice .notice_data-geo_wrap input {
377 .form_notice .count {
386 #form_notice-direct.form_notice .count {
391 .form_notice #notice_action-submit {
403 .form_notice .success,
404 .form_notice .notice-status {
412 padding: 5px 5px 5px 10px;
413 border: 1px solid #ccc;
414 -webkit-border-radius: 4px;
415 -moz-border-radius: 4px;
419 .form_notice .error {
420 border: 1px solid #d05858;
423 .form_notice .attach-status code {
427 .input_form fieldset {
432 .input_form fieldset fieldset {
437 margin-bottom: 0px !important;
438 padding: 0px !important;
441 .input_form .form_settings .form_data li {
446 .input_form fieldset fieldset label {
457 .input_form .form_settings li input {
461 padding: 4px 5px 4px 5px;
462 border: 1px solid #a6a6a6;
463 -webkit-border-radius: 4px;
464 -moz-border-radius: 4px;
466 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
467 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
468 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
472 .input_form .form_settings li textarea {
475 padding: 4px 5px 4px 5px;
476 border: 1px solid #a6a6a6;
477 -webkit-border-radius: 4px;
478 -moz-border-radius: 4px;
480 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
481 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
482 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
487 .input_form .form_settings p.form_guide {
491 .input_form .form_settings .submit {
503 text-transform: uppercase;
513 .form_settings label[for=notice_to] {
526 .form_notice .checkbox-wrapper {
531 .form_settings .checkbox-wrapper label.checkbox {
539 .checkbox-wrapper #notice_private {
543 .checkbox-wrapper.unchecked label.checkbox {
545 background: url(../images/lock_open.png) no-repeat 0px 0px;
549 .checkbox-wrapper.unchecked label.checkbox:hover {
554 .checkbox-wrapper.checked label.checkbox {
556 background: url(../images/lock.png) no-repeat 0px 0px;
561 .checkbox-wrapper.checked label.checkbox:hover {
571 padding: 22px 10px 40px 10px;
576 #aside_primary .section {
586 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
590 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
591 text-transform: uppercase;
594 .profile_block .entity_actions {
601 .profile_block .entity_moderation:hover ul,
602 .profile_block .entity_role:hover ul {
606 .profile_block_name {
611 .profile_block_location {
615 .profile_block_description {
619 #site_nav_object ul {
620 background: url('../images/brdr_black_dot.png') repeat-x top left;
623 #site_nav_object li {
625 margin: -8px 0px 8px 0px;
632 padding: 0px 0px 1px 10px;
633 -webkit-border-radius: 4px;
634 -moz-border-radius: 4px;
636 text-transform: uppercase;
637 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
640 #site_nav_object a:hover, #site_nav_object .current a {
642 text-decoration: none;
643 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
645 background: -moz-linear-gradient(top, #7b8dbb , #364a84);
646 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
647 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
650 .section ul.entities {
654 .section .entities li {
660 #popular_notices .avatar {
668 padding-bottom: 14px;
671 #aside_primary td .nickname {
676 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
677 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
678 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
688 text-transform: uppercase;
690 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
691 border: 1px solid #d7621c;
693 -moz-border-radius: 4px;
694 -webkit-border-radius: 4px;
696 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
697 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
698 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
701 .invite_button:hover {
703 text-decoration: none;
704 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
706 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
707 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
708 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
712 border-bottom: 3px solid #A6ADBF;
716 text-transform: none;
725 border-bottom: 2px dotted #eee;
733 #content .notice .author .photo {
738 #content .notice .entry-title {
742 #showstream .notice .entry-title {
746 #shownotice .notice .entry-title {
750 .notice div.entry-content {
757 .notice:hover div.entry-content {
761 .user_in .notice div.entry-content {
765 div.entry-content a.response:before {
769 div.entry-content a.response:after {
786 border-left: 3px solid #ECECF2;
792 .threaded-replies:empty {
796 .user_in .threaded-replies {
800 .threaded-replies a {
804 #content .notice .threaded-replies .notice,
805 #content .notice .threaded-replies .notice-data {
808 padding-bottom: 14px;
810 border-bottom: 2px dotted #eee;
818 #content .notice .threaded-replies .entry-title {
822 #content .threaded-replies .notice .author .photo {
826 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
827 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
828 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
831 #content .notice .threaded-replies .notice .entry-title {
832 margin: 2px 7px 0px 35px;
835 #content .notice .threaded-replies .notice div.entry-content {
839 margin-top: 6px !important;
842 #content .notice .threaded-replies .notice div.entry-content.notice-faves {
843 margin-top: 2px !important;
846 #content .notice .threaded-replies .notice .notice-options {
851 .threaded-replies li {
852 list-style-type: none;
855 .threaded-replies .notice-reply-comments {
856 margin: 2px 0px 4px 10px;
859 .threaded-replies .placeholder {
862 padding: 4px 4px 4px 6px;
863 border: 1px solid #a6a6a6;
864 -webkit-border-radius: 4px;
865 -moz-border-radius: 4px;
867 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
868 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
869 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
873 .threaded-replies .notice-reply {
877 padding-bottom: 44px;
880 .threaded-replies .form_notice textarea {
884 .threaded-replies .form_notice label.notice_data-attach {
889 .threaded-replies .form_notice .notice_data-geo_wrap label,
890 .threaded-replies .form_notice .notice_data-geo_wrap input {
895 .threaded-replies .form_notice .count {
900 .threaded-replies .form_notice #notice_action-submit {
905 .threaded-replies .form_notice .error,
906 .threaded-replies .form_notice .success,
907 .threaded-replies .form_notice .notice-status {
911 .threaded-replies .to-selector {
915 .user_in.realtime-popup .notice div.entry-content {
919 .realtime-popup .threaded-replies {
923 .realtime-popup .threaded-replies .form_notice textarea {
924 width: 385px !important;
927 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
928 top: 10px !important;
929 right: 10px !important;
932 #content .notice .notice {
940 background-color:rgba(200, 200, 200, 0.050);
942 .notice .notice .notice {
943 background-color:rgba(200, 200, 200, 0.100);
945 .notice .notice .notice .notice {
946 background-color:rgba(200, 200, 200, 0.150);
948 .notice .notice .notice .notice .notice {
949 background-color:rgba(200, 200, 200, 0.300);
956 #jOverlayContent button {
967 .entity_profile .entity_depiction {
977 .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 {
978 text-shadow:0 1px 0 rgba(255,255,255,0.4);
980 -moz-border-radius: 4px;
981 -webkit-border-radius: 4px;
982 background-color: #CDD1DD !important;
985 .entity_moderation:hover ul,
986 .entity_role:hover ul {
988 -moz-border-radius: 4px;
989 -webkit-border-radius: 4px;
992 .entity_send-a-message .form_notice legend {
993 text-shadow:0 1px 0 rgba(255,255,255,0.4);
996 .entity_send-a-message .form_notice {
997 border: 1px solid #7B4E82;
1000 .entity_send-a-message .form_notice #notice_action-submit {
1001 color: #fff !important;
1005 #aside_primary #entity_remote_subscribe a:hover {
1006 background-color: #fff !important;
1009 #entity_remote_subscribe .dialogbox {
1010 border: 1px solid #7B4E82;
1012 -moz-border-radius: 8px;
1013 -webkit-border-radius: 8px;
1016 #entity_remote_subscribe input {
1020 #entity_remote_subscribe .submit_dialogbox {
1025 #filter_tags_item .submit {
1032 padding-bottom: 12px;
1033 -webkit-border-radius: 6px;
1034 -moz-border-radius: 6px;
1048 -webkit-border-top-left-radius: 6px;
1049 -webkit-border-top-right-radius: 6px;
1050 -moz-border-radius-topleft: 6px;
1051 -moz-border-radius-topright: 6px;
1052 border-top-left-radius: 6px;
1053 border-top-right-radius: 6px;
1060 #site_nav_global_secondary {
1061 margin-bottom: 10px;
1064 .error, .success, .notice-status {
1065 background-color: #F7E8E8;
1067 -webkit-border-radius: 6px;
1068 -moz-border-radius: 6px;
1071 .success, .notice-status {
1072 background-color: #f2f2f2;
1075 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit {
1080 text-transform: uppercase;
1082 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1083 border: 1px solid #d7621c;
1085 -moz-border-radius: 4px;
1086 -webkit-border-radius: 4px;
1087 background: #FB6104;
1088 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1089 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1090 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1093 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover {
1094 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1095 background: #ff9d63;
1096 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1097 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1098 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1101 .form_settings input#settings_design_reset, .form_settings input.cancel {
1102 background: #e2e2e2;
1104 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1107 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
1108 background: #f2f2f2;
1110 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1113 .form_settings input.checkbox, .form_settings input.radio {
1120 .form_settings label.checkbox, .form_settings label.radio {
1127 .form_settings li input.radio {
1131 .form_settings label.radio {
1137 #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 {
1141 .form_settings fieldset fieldset {
1142 margin-bottom: 30px;
1146 #invite #content p {
1147 margin-bottom: 15px;
1150 #invite #content ul {
1151 list-style-type: none;
1152 margin-bottom: 25px;
1156 #invite #content li {
1157 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1159 margin-bottom: 10px;
1162 #invite #content #form_invite ul, #invite #content #form_invite li {
1168 #form_invite input[type=text], #form_invite textarea {
1171 border: 1px solid #a6a6a6;
1172 -webkit-border-radius: 4px;
1173 -moz-border-radius: 4px;
1175 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1176 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1177 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1180 #form_invite textarea {
1186 #form_invite a.add_row, #form_invite a.remove_row {
1191 background-image: url('../../base/images/icons/icons-01.gif');
1192 background-repeat: no-repeat;
1195 #form_invite a.remove_row {
1196 background-position: 0px -1252px;
1197 display: inline-block;
1204 #form_invite a.add_row {
1208 background-position: 0px -1186px;
1214 #form_invite label[for=personal] {
1230 border-top: 1px dotted #bbb;
1233 padding:11px 18px 11px 0;
1236 #content td:last-child {
1243 padding-bottom: 10px;
1244 margin-bottom: 20px;
1245 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
1248 #form_search fieldset {
1252 #form_search ul.form_data #q {
1257 #form_search input.submit {
1261 padding-bottom: 2px;
1265 #noticesearch .entity_actions {
1269 #noticesearch p.error {
1273 /* Bookmark specific styles */
1276 margin: 0px 0px 8px 0px;
1282 .bookmark-notice-count {
1284 -moz-border-radius: 4px;
1285 -webkit-border-radius: 4px;
1290 border: 1px solid #7b8dbb;
1291 color: #3e3e8c !important;
1297 .bookmark-notice-count:hover {
1298 text-decoration: none;
1299 background: #f2f2f2;
1300 border: 1px solid #7b8dbb;
1301 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1304 .notice .bookmark-description {
1310 .notice .bookmark-author {
1321 ul.bookmark-tags a {
1323 -moz-border-radius: 4px;
1324 -webkit-border-radius: 4px;
1326 background: #f2f2f2;
1327 color: #3e3e8c !important;
1328 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1332 ul.bookmark-tags a:hover {
1333 background-color: #cdd1dd;
1334 text-decoration: none;
1338 float: none !important;
1343 .bookmark div.entry-content {
1351 .bookmark:hover div.entry-content {
1355 .bookmark .notice-options {
1363 border: 10px solid #364A84;
1364 background: #364A84;
1367 #bookmarkpopup #wrap {
1370 padding: 40px 0px 25px 0px;
1372 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1375 #bookmarkpopup #header {
1380 #bookmarkpopup .form_settings label {
1387 #bookmarkpopup .form_settings .form_data input {
1391 #bookmarkpopup .form_guide {
1395 #bookmarkpopup #submit {
1400 #bookmarkpopup fieldset fieldset {
1401 margin-bottom: 10px;
1404 #form_initial_bookmark.form_settings .form_data li {
1408 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
1414 /* Onboard specific styles */
1417 background: url(../images/lightbox_bg.png) repeat 0 0 !important;
1421 background: #fff url(../logo.png) no-repeat 10px bottom !important;
1429 .onboard_iframe #wrap {
1434 .onboard_welcome p {
1435 margin-bottom: 10px;
1438 .onboard_welcome ul {
1439 list-style-type: none;
1440 margin-bottom: 10px;
1443 .onboard_welcome ul li {
1444 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1449 #aside_primary #onboard_section {
1450 background: #f2f2f2;
1454 -moz-border-radius: 4px;
1455 -webkit-border-radius: 4px;
1456 border: 1px solid #516499;
1457 background: #fafafa;
1460 #onboard_section H2 {
1461 -webkit-border-top-left-radius: 4px;
1462 -moz-border-radius-topleft: 4px;
1463 border-top-left-radius: 4px;
1464 -webkit-border-top-right-radius: 4px;
1465 -moz-border-radius-topright: 4px;
1466 border-top-right-radius: 4px;
1470 padding: 2px 0px 2px 10px;
1471 margin-right: -22px;
1474 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
1475 background: #364A84;
1476 background: -moz-linear-gradient(top, #516499 , #364a84);
1477 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
1478 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
1481 #onboard_section ul {
1482 list-style-type: none;
1485 #onboard_section .onboard-step-incomplete {
1486 background: url(../images/resultset_next.png) no-repeat 0px 1px;
1488 margin-bottom: 10px;
1491 #onboard_section .onboard-step-complete {
1492 background: url(../images/tick.png) no-repeat 0px 1px;
1494 margin-bottom: 10px;
1495 text-decoration: line-through;
1499 /* Billing specific styles */
1501 #content table.billing_info {
1503 background:rgba(240, 240, 240, 0.4);
1506 #content table.billing_info th {
1512 border: solid 2px red !important;
1515 #payment_history table {
1519 #billingadminpanel .form_settings input {
1523 /* Directory specific styles */
1525 div#profile_directory div.alpha_nav > a {
1526 border-left: 1px solid #ccc !important;
1527 padding-left: 3.5px !important;
1528 padding-right: 4px !important;
1534 div#profile_directory div.alpha_nav > a.first {
1535 border-left: none !important;
1538 div#profile_directory div.alpha_nav a.current {
1539 background-color: #ECECF2 !important;
1542 table.profile_list {
1550 .profile_list th#created {
1554 .profile_list th#subscriptions {
1558 .profile_list th.current {
1559 background: none !important;
1562 .profile_list th.current.reverse {
1563 background: none !important;
1566 .profile_list th.current a {
1567 padding-right: 25px;
1568 background: url(../images/bluearrow_down.png) no-repeat top right;
1571 .profile_list th.current.reverse a {
1572 background: url(../images/bluearrow_up.png) no-repeat top right;
1575 table.profile_list tr.alt {
1576 background-color: #fafafa !important;
1577 border: none !important;
1591 .profile_list .nickname, .profile_list .fn.nickname {
1595 margin-bottom: -12px;
1599 .profile_list .label {
1601 margin-left: 59px !important;
1604 .profile_list .note {
1606 line-height: 1.36em;
1609 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1613 .profile_list td.entity_actions {
1618 padding-left: 6px !important;
1621 display: table-cell !important;
1624 .profile_list .entity_actions ul {
1629 .profile_list .entity_actions input {
1638 border: 1px solid #CDD1DD;
1641 .profile_list .form_group_leave input.submit,
1642 .profile_list .form_user_unsubscribe input.submit {
1643 background-position: 2px -1250px;
1646 .profile_list .form_group_join input.submit,
1647 .profile_list .form_user_subscribe input.submit {
1648 background-position: 2px -1184px;
1651 .profile_list .entity_actions input:hover {
1653 padding-right: 10px;
1657 border: 1px solid #A6ADBF;
1658 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1659 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1660 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1663 /* Event specific styles */
1665 .notice .vevent div {
1670 margin-left: 0px !important;
1671 margin-top: 2px !important;
1674 .notice .event-info + .notice-options {
1678 .notice .threaded-replies .event-info + .notice-options {
1682 #form_event_rsvp #new_rsvp_data {
1687 #form_event_rsvp input.submit {
1693 text-transform: uppercase;
1695 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1696 border: 1px solid #d7621c;
1698 -moz-border-radius: 4px;
1699 -webkit-border-radius: 4px;
1700 background: #FB6104;
1701 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1702 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1703 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1706 #form_event_rsvp input.submit:hover {
1707 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1708 background: #ff9d63;
1709 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1710 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1711 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1714 #input_form_event .form_settings .form_data {
1718 #input_form_event .form_settings .form_data li {
1723 #input_form_event .form_settings .form_data label {
1727 #event-startdate, #event-starttime, #event-enddate, #event-endtime {
1732 /* Limited-scope specific styles */
1734 .limited-scope .entry-content .timestamp {
1739 .limited-scope .entry-content .timestamp:before {
1740 content: url(../images/lock.png);
1746 .limited-scope li .entry-content .timestamp {
1750 .limited-scope li .entry-content .timestamp:before {
1754 .limited-scope li.limited-scope .entry-content .timestamp {
1758 .limited-scope li.limited-scope .entry-content .timestamp:before {
1759 content: url(../images/lock.png);
1765 /* QnA specific styles */
1767 #content .question .entry-title, #content .qna-full-question .entry-title {
1771 .question div.question-description {
1773 line-height: 1.36em;
1778 .question div.answer-content, .qna-full-question div.answer-content {
1782 .question .answer-count, .qna-full-question .answer-count {
1787 .question .answer-count:before, .qna-full-question .answer-count:before {
1791 .question .answer-count:after, .qna-full-question .answer-count:after {
1795 .question .notice-answer {
1797 padding-bottom: 10px;
1803 list-style-type: none;
1807 border-left: 3px solid #ECECF2;
1808 background: #fafafa;
1812 ul.qna-dummy + ul.threaded-replies li.notice:first-child {
1813 border-top: 2px dotted #eee;
1818 .qna-dummy-placeholder input {
1821 padding: 4px 4px 4px 6px;
1822 border: 1px solid #a6a6a6;
1823 -webkit-border-radius: 4px;
1824 -moz-border-radius: 4px;
1826 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1827 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1828 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1832 li.notice-answer + li.notice {
1833 border-top: 2px dotted #eee;
1838 .question fieldset, .qna-full-question fieldset {
1842 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
1846 .question label[for=qna-answer], .qna-full-question label[for=qna-answer] {
1850 .question #qna-answer, .qna-full-question #qna-answer {
1854 border: 1px solid #a6a6a6;
1855 -webkit-border-radius: 4px;
1856 -moz-border-radius: 4px;
1858 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1859 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1860 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1863 margin-bottom: 10px;
1866 .qna-full-question textarea {
1870 .question-description input.submit, .answer-content input.submit {
1873 margin: 6px 0px 10px 0px;
1876 text-transform: uppercase;
1878 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1879 border: 1px solid #d7621c;
1881 -moz-border-radius: 4px;
1882 -webkit-border-radius: 4px;
1883 background: #FB6104;
1884 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1885 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1886 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1889 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1890 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1891 background: #ff9d63;
1892 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1893 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1894 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1897 .question .question-description #answer-form input.submit {
1901 .question p.best, .answer p.best {
1902 background: url(../images/rosette.png) no-repeat top left;
1906 /* SNOD CompanyLogo styling */
1908 #site_nav_local_views a.company_logo {
1912 text-transform: none;
1914 margin-bottom: 30px;
1917 #site_nav_local_views a.company_logo:hover {
1920 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1925 margin-bottom: 10px;
1928 .company_logo span {
1932 a.company_logo:hover span {
1933 text-decoration: underline;
1937 }/*end of @media screen, projection, tv*/