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, #form_invite input.submit {
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, #form_invite input.submit: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;
1131 #invite #content p {
1132 margin-bottom: 15px;
1135 #invite #content ul {
1136 list-style-type: none;
1137 margin-bottom: 25px;
1141 #invite #content li {
1142 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1144 margin-bottom: 10px;
1147 #invite #content #form_invite ul, #invite #content #form_invite li {
1153 #form_invite input[type=text], #form_invite textarea {
1156 border: 1px solid #a6a6a6;
1157 -webkit-border-radius: 4px;
1158 -moz-border-radius: 4px;
1160 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1161 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1162 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1165 #form_invite textarea {
1182 border-top: 1px dotted #bbb;
1185 padding:11px 18px 11px 0;
1188 #content td:last-child {
1195 padding-bottom: 10px;
1196 margin-bottom: 20px;
1197 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
1200 #form_search fieldset {
1204 #form_search ul.form_data #q {
1209 #form_search input.submit {
1213 padding-bottom: 2px;
1217 #noticesearch .entity_actions {
1221 #noticesearch p.error {
1225 /* Bookmark specific styles */
1228 margin: 0px 0px 8px 0px;
1234 .bookmark-notice-count {
1236 -moz-border-radius: 4px;
1237 -webkit-border-radius: 4px;
1242 border: 1px solid #7b8dbb;
1243 color: #3e3e8c !important;
1249 .bookmark-notice-count:hover {
1250 text-decoration: none;
1251 background: #f2f2f2;
1252 border: 1px solid #7b8dbb;
1253 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1256 .notice .bookmark-description {
1262 .notice .bookmark-author {
1273 ul.bookmark-tags a {
1275 -moz-border-radius: 4px;
1276 -webkit-border-radius: 4px;
1278 background: #f2f2f2;
1279 color: #3e3e8c !important;
1280 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1284 ul.bookmark-tags a:hover {
1285 background-color: #cdd1dd;
1286 text-decoration: none;
1290 float: none !important;
1295 .bookmark div.entry-content {
1303 .bookmark:hover div.entry-content {
1307 .bookmark .notice-options {
1315 border: 10px solid #364A84;
1316 background: #364A84;
1319 #bookmarkpopup #wrap {
1322 padding: 40px 0px 25px 0px;
1324 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1327 #bookmarkpopup #header {
1332 #bookmarkpopup .form_settings label {
1339 #bookmarkpopup .form_settings .form_data input {
1343 #bookmarkpopup .form_guide {
1347 #bookmarkpopup #submit {
1352 #bookmarkpopup fieldset fieldset {
1353 margin-bottom: 10px;
1356 #form_initial_bookmark.form_settings .form_data li {
1360 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
1366 /* Onboard specific styles */
1369 background: url(../images/lightbox_bg.png) repeat 0 0 !important;
1373 background: #fff url(../logo.png) no-repeat 10px bottom !important;
1381 .onboard_iframe #wrap {
1386 .onboard_welcome p {
1387 margin-bottom: 10px;
1390 .onboard_welcome ul {
1391 list-style-type: none;
1392 margin-bottom: 10px;
1395 .onboard_welcome ul li {
1396 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1401 #aside_primary #onboard_section {
1402 background: #f2f2f2;
1406 -moz-border-radius: 4px;
1407 -webkit-border-radius: 4px;
1408 border: 1px solid #516499;
1409 background: #fafafa;
1412 #onboard_section H2 {
1413 -webkit-border-top-left-radius: 4px;
1414 -moz-border-radius-topleft: 4px;
1415 border-top-left-radius: 4px;
1416 -webkit-border-top-right-radius: 4px;
1417 -moz-border-radius-topright: 4px;
1418 border-top-right-radius: 4px;
1422 padding: 2px 0px 2px 10px;
1423 margin-right: -22px;
1426 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
1427 background: #364A84;
1428 background: -moz-linear-gradient(top, #516499 , #364a84);
1429 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
1430 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
1433 #onboard_section ul {
1434 list-style-type: none;
1437 #onboard_section .onboard-step-incomplete {
1438 background: url(../images/resultset_next.png) no-repeat 0px 1px;
1440 margin-bottom: 10px;
1443 #onboard_section .onboard-step-complete {
1444 background: url(../images/tick.png) no-repeat 0px 1px;
1446 margin-bottom: 10px;
1447 text-decoration: line-through;
1451 /* Billing specific styles */
1453 #content table.billing_info {
1455 background:rgba(240, 240, 240, 0.4);
1458 #content table.billing_info th {
1464 border: solid 2px red !important;
1467 #payment_history table {
1471 #billingadminpanel .form_settings input {
1475 /* Directory specific styles */
1477 div#profile_directory div.alpha_nav > a {
1478 border-left: 1px solid #ccc !important;
1479 padding-left: 3.5px !important;
1480 padding-right: 4px !important;
1486 div#profile_directory div.alpha_nav > a.first {
1487 border-left: none !important;
1490 div#profile_directory div.alpha_nav a.current {
1491 background-color: #ECECF2 !important;
1494 table.profile_list {
1502 .profile_list th#created {
1506 .profile_list th#subscriptions {
1510 .profile_list th.current {
1511 background: none !important;
1514 .profile_list th.current.reverse {
1515 background: none !important;
1518 .profile_list th.current a {
1519 padding-right: 25px;
1520 background: url(../images/bluearrow_down.png) no-repeat top right;
1523 .profile_list th.current.reverse a {
1524 background: url(../images/bluearrow_up.png) no-repeat top right;
1527 table.profile_list tr.alt {
1528 background-color: #fafafa !important;
1529 border: none !important;
1543 .profile_list .nickname, .profile_list .fn.nickname {
1547 margin-bottom: -12px;
1551 .profile_list .label {
1553 margin-left: 59px !important;
1556 .profile_list .note {
1558 line-height: 1.36em;
1561 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1565 .profile_list td.entity_actions {
1570 padding-left: 6px !important;
1573 display: table-cell !important;
1576 .profile_list .entity_actions ul {
1581 .profile_list .entity_actions input {
1590 border: 1px solid #CDD1DD;
1593 .profile_list .form_group_leave input.submit,
1594 .profile_list .form_user_unsubscribe input.submit {
1595 background-position: 2px -1250px;
1598 .profile_list .form_group_join input.submit,
1599 .profile_list .form_user_subscribe input.submit {
1600 background-position: 2px -1184px;
1603 .profile_list .entity_actions input:hover {
1605 padding-right: 10px;
1609 border: 1px solid #A6ADBF;
1610 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1611 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1612 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1615 /* Event specific styles */
1617 .notice .vevent div {
1622 margin-left: 0px !important;
1623 margin-top: 2px !important;
1626 .notice .event-info + .notice-options {
1630 .notice .threaded-replies .event-info + .notice-options {
1634 #form_event_rsvp #new_rsvp_data {
1639 #form_event_rsvp input.submit {
1645 text-transform: uppercase;
1647 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1648 border: 1px solid #d7621c;
1650 -moz-border-radius: 4px;
1651 -webkit-border-radius: 4px;
1652 background: #FB6104;
1653 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1654 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1655 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1658 #form_event_rsvp input.submit:hover {
1659 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1660 background: #ff9d63;
1661 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1662 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1663 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1666 #input_form_event .form_settings .form_data {
1670 #input_form_event .form_settings .form_data li {
1675 #input_form_event .form_settings .form_data label {
1679 #event-startdate, #event-starttime, #event-enddate, #event-endtime {
1684 /* Limited-scope specific styles */
1686 .limited-scope .entry-content .timestamp {
1691 .limited-scope .entry-content .timestamp:before {
1692 content: url(../images/lock.png);
1698 .limited-scope li .entry-content .timestamp {
1702 .limited-scope li .entry-content .timestamp:before {
1706 .limited-scope li.limited-scope .entry-content .timestamp {
1710 .limited-scope li.limited-scope .entry-content .timestamp:before {
1711 content: url(../images/lock.png);
1717 /* QnA specific styles */
1719 #content .question .entry-title, #content .qna-full-question .entry-title {
1723 .question div.question-description {
1725 line-height: 1.36em;
1730 .question div.answer-content, .qna-full-question div.answer-content {
1734 .question .answer-count, .qna-full-question .answer-count {
1739 .question .answer-count:before, .qna-full-question .answer-count:before {
1743 .question .answer-count:after, .qna-full-question .answer-count:after {
1747 .question .notice-answer {
1749 padding-bottom: 10px;
1755 list-style-type: none;
1759 border-left: 3px solid #ECECF2;
1760 background: #fafafa;
1764 ul.qna-dummy + ul.threaded-replies li.notice:first-child {
1765 border-top: 2px dotted #eee;
1770 .qna-dummy-placeholder input {
1773 padding: 4px 4px 4px 6px;
1774 border: 1px solid #a6a6a6;
1775 -webkit-border-radius: 4px;
1776 -moz-border-radius: 4px;
1778 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1779 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1780 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1784 li.notice-answer + li.notice {
1785 border-top: 2px dotted #eee;
1790 .question fieldset, .qna-full-question fieldset {
1794 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
1798 .question label[for=qna-answer], .qna-full-question label[for=qna-answer] {
1802 .question #qna-answer, .qna-full-question #qna-answer {
1806 border: 1px solid #a6a6a6;
1807 -webkit-border-radius: 4px;
1808 -moz-border-radius: 4px;
1810 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1811 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1812 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1815 margin-bottom: 10px;
1818 .qna-full-question textarea {
1822 .question-description input.submit, .answer-content input.submit {
1825 margin: 6px 0px 10px 0px;
1828 text-transform: uppercase;
1830 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1831 border: 1px solid #d7621c;
1833 -moz-border-radius: 4px;
1834 -webkit-border-radius: 4px;
1835 background: #FB6104;
1836 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1837 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1838 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1841 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1842 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1843 background: #ff9d63;
1844 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1845 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1846 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1849 .question .question-description #answer-form input.submit {
1853 .question p.best, .answer p.best {
1854 background: url(../images/rosette.png) no-repeat top left;
1858 }/*end of @media screen, projection, tv*/