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 {
456 .input_form .form_settings li input {
460 padding: 4px 5px 4px 5px;
461 border: 1px solid #a6a6a6;
462 -webkit-border-radius: 4px;
463 -moz-border-radius: 4px;
465 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
466 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
467 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
471 .input_form .form_settings li textarea {
474 padding: 4px 5px 4px 5px;
475 border: 1px solid #a6a6a6;
476 -webkit-border-radius: 4px;
477 -moz-border-radius: 4px;
479 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
480 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
481 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
486 .input_form .form_settings p.form_guide {
490 .input_form .form_settings .submit {
502 text-transform: uppercase;
512 .form_settings label[for=notice_to] {
525 .form_notice .checkbox-wrapper {
530 .form_settings .checkbox-wrapper label.checkbox {
538 .checkbox-wrapper #notice_private {
542 .checkbox-wrapper.unchecked label.checkbox {
544 background: url(../images/lock_open.png) no-repeat 0px 0px;
548 .checkbox-wrapper.unchecked label.checkbox:hover {
553 .checkbox-wrapper.checked label.checkbox {
555 background: url(../images/lock.png) no-repeat 0px 0px;
560 .checkbox-wrapper.checked label.checkbox:hover {
570 padding: 22px 10px 40px 10px;
575 #aside_primary .section {
585 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
589 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
590 text-transform: uppercase;
593 .profile_block .entity_actions {
600 .profile_block .entity_moderation:hover ul,
601 .profile_block .entity_role:hover ul {
605 .profile_block_name {
610 .profile_block_location {
614 .profile_block_description {
618 #site_nav_object ul {
619 background: url('../images/brdr_black_dot.png') repeat-x top left;
622 #site_nav_object li {
624 margin: -8px 0px 8px 0px;
631 padding: 0px 0px 1px 10px;
632 -webkit-border-radius: 4px;
633 -moz-border-radius: 4px;
635 text-transform: uppercase;
636 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
639 #site_nav_object a:hover, #site_nav_object .current a {
641 text-decoration: none;
642 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
644 background: -moz-linear-gradient(top, #7b8dbb , #364a84);
645 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
646 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
649 .section ul.entities {
653 .section .entities li {
659 #popular_notices .avatar {
667 padding-bottom: 14px;
670 #aside_primary td .nickname {
675 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
676 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
677 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
687 text-transform: uppercase;
689 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
690 border: 1px solid #d7621c;
692 -moz-border-radius: 4px;
693 -webkit-border-radius: 4px;
695 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
696 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
697 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
700 .invite_button:hover {
702 text-decoration: none;
703 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
705 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
706 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
707 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
711 border-bottom: 3px solid #A6ADBF;
715 text-transform: none;
724 border-bottom: 2px dotted #eee;
732 #content .notice .author .photo {
737 #content .notice .entry-title {
741 #showstream .notice .entry-title {
745 #shownotice .notice .entry-title {
749 .notice div.entry-content {
756 .notice:hover div.entry-content {
760 .user_in .notice div.entry-content {
764 div.entry-content a.response:before {
768 div.entry-content a.response:after {
785 border-left: 3px solid #ECECF2;
790 .threaded-replies:empty {
794 .user_in .threaded-replies {
798 #content .notice .threaded-replies .notice,
799 #content .notice .threaded-replies .notice-data {
802 padding-bottom: 14px;
804 border-bottom: 2px dotted #eee;
812 #content .notice .threaded-replies .entry-title {
816 #content .threaded-replies .notice .author .photo {
820 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
821 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
822 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
825 #content .notice .threaded-replies .notice .entry-title {
826 margin: 2px 7px 0px 35px;
829 #content .notice .threaded-replies .notice div.entry-content {
833 margin-top: 6px !important;
836 #content .notice .threaded-replies .notice div.entry-content.notice-faves {
837 margin-top: 2px !important;
840 #content .notice .threaded-replies .notice .notice-options {
845 .threaded-replies li {
846 list-style-type: none;
849 .threaded-replies .notice-reply-comments {
850 margin: 2px 0px 4px 10px;
853 .threaded-replies .placeholder {
856 padding: 4px 4px 4px 6px;
857 border: 1px solid #a6a6a6;
858 -webkit-border-radius: 4px;
859 -moz-border-radius: 4px;
861 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
862 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
863 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
867 .threaded-replies .notice-reply {
871 padding-bottom: 44px;
874 .threaded-replies .form_notice textarea {
878 .threaded-replies .form_notice label.notice_data-attach {
883 .threaded-replies .form_notice .notice_data-geo_wrap label,
884 .threaded-replies .form_notice .notice_data-geo_wrap input {
889 .threaded-replies .form_notice .count {
894 .threaded-replies .form_notice #notice_action-submit {
899 .threaded-replies .form_notice .error,
900 .threaded-replies .form_notice .success,
901 .threaded-replies .form_notice .notice-status {
905 .threaded-replies .to-selector {
909 .user_in.realtime-popup .notice div.entry-content {
913 .realtime-popup .threaded-replies {
917 .realtime-popup .threaded-replies .form_notice textarea {
918 width: 385px !important;
921 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
922 top: 10px !important;
923 right: 10px !important;
926 #content .notice .notice {
934 background-color:rgba(200, 200, 200, 0.050);
936 .notice .notice .notice {
937 background-color:rgba(200, 200, 200, 0.100);
939 .notice .notice .notice .notice {
940 background-color:rgba(200, 200, 200, 0.150);
942 .notice .notice .notice .notice .notice {
943 background-color:rgba(200, 200, 200, 0.300);
950 #jOverlayContent button {
961 .entity_profile .entity_depiction {
971 .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 {
972 text-shadow:0 1px 0 rgba(255,255,255,0.4);
974 -moz-border-radius: 4px;
975 -webkit-border-radius: 4px;
976 background-color: #CDD1DD !important;
979 .entity_moderation:hover ul,
980 .entity_role:hover ul {
982 -moz-border-radius: 4px;
983 -webkit-border-radius: 4px;
986 .entity_send-a-message .form_notice legend {
987 text-shadow:0 1px 0 rgba(255,255,255,0.4);
990 .entity_send-a-message .form_notice {
991 border: 1px solid #7B4E82;
994 .entity_send-a-message .form_notice #notice_action-submit {
995 color: #fff !important;
999 #aside_primary #entity_remote_subscribe a:hover {
1000 background-color: #fff !important;
1003 #entity_remote_subscribe .dialogbox {
1004 border: 1px solid #7B4E82;
1006 -moz-border-radius: 8px;
1007 -webkit-border-radius: 8px;
1010 #entity_remote_subscribe input {
1014 #entity_remote_subscribe .submit_dialogbox {
1019 #filter_tags_item .submit {
1026 padding-bottom: 12px;
1027 -webkit-border-radius: 6px;
1028 -moz-border-radius: 6px;
1038 -webkit-border-top-left-radius: 6px;
1039 -webkit-border-top-right-radius: 6px;
1040 -moz-border-radius-topleft: 6px;
1041 -moz-border-radius-topright: 6px;
1042 border-top-left-radius: 6px;
1043 border-top-right-radius: 6px;
1050 #site_nav_global_secondary {
1051 margin-bottom: 10px;
1054 .error, .success, .notice-status {
1055 background-color: #F7E8E8;
1057 -webkit-border-radius: 6px;
1058 -moz-border-radius: 6px;
1061 .success, .notice-status {
1062 background-color: #f2f2f2;
1065 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit {
1070 text-transform: uppercase;
1072 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1073 border: 1px solid #d7621c;
1075 -moz-border-radius: 4px;
1076 -webkit-border-radius: 4px;
1077 background: #FB6104;
1078 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1079 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1080 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1083 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover {
1084 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1085 background: #ff9d63;
1086 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1087 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1088 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1091 .form_settings input#settings_design_reset, .form_settings input.cancel {
1092 background: #e2e2e2;
1094 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1097 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
1098 background: #f2f2f2;
1100 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1103 .form_settings input.checkbox, .form_settings input.radio {
1110 .form_settings label.checkbox, .form_settings label.radio {
1117 .form_settings li input.radio {
1121 .form_settings label.radio {
1127 #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 {
1131 .form_settings fieldset fieldset {
1132 margin-bottom: 30px;
1136 #invite #content p {
1137 margin-bottom: 15px;
1140 #invite #content ul {
1141 list-style-type: none;
1142 margin-bottom: 25px;
1146 #invite #content li {
1147 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1149 margin-bottom: 10px;
1152 #invite #content #form_invite ul, #invite #content #form_invite li {
1158 #form_invite input[type=text], #form_invite textarea {
1161 border: 1px solid #a6a6a6;
1162 -webkit-border-radius: 4px;
1163 -moz-border-radius: 4px;
1165 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1166 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1167 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1170 #form_invite textarea {
1176 #form_invite a.add_row, #form_invite a.remove_row {
1181 background-image: url('../../base/images/icons/icons-01.gif');
1182 background-repeat: no-repeat;
1185 #form_invite a.remove_row {
1186 background-position: 0px -1252px;
1187 display: inline-block;
1194 #form_invite a.add_row {
1198 background-position: 0px -1186px;
1204 #form_invite label[for=personal] {
1220 border-top: 1px dotted #bbb;
1223 padding:11px 18px 11px 0;
1226 #content td:last-child {
1233 padding-bottom: 10px;
1234 margin-bottom: 20px;
1235 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
1238 #form_search fieldset {
1242 #form_search ul.form_data #q {
1247 #form_search input.submit {
1251 padding-bottom: 2px;
1255 #noticesearch .entity_actions {
1259 #noticesearch p.error {
1263 /* Bookmark specific styles */
1266 margin: 0px 0px 8px 0px;
1272 .bookmark-notice-count {
1274 -moz-border-radius: 4px;
1275 -webkit-border-radius: 4px;
1280 border: 1px solid #7b8dbb;
1281 color: #3e3e8c !important;
1287 .bookmark-notice-count:hover {
1288 text-decoration: none;
1289 background: #f2f2f2;
1290 border: 1px solid #7b8dbb;
1291 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1294 .notice .bookmark-description {
1300 .notice .bookmark-author {
1311 ul.bookmark-tags a {
1313 -moz-border-radius: 4px;
1314 -webkit-border-radius: 4px;
1316 background: #f2f2f2;
1317 color: #3e3e8c !important;
1318 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1322 ul.bookmark-tags a:hover {
1323 background-color: #cdd1dd;
1324 text-decoration: none;
1328 float: none !important;
1333 .bookmark div.entry-content {
1341 .bookmark:hover div.entry-content {
1345 .bookmark .notice-options {
1353 border: 10px solid #364A84;
1354 background: #364A84;
1357 #bookmarkpopup #wrap {
1360 padding: 40px 0px 25px 0px;
1362 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1365 #bookmarkpopup #header {
1370 #bookmarkpopup .form_settings label {
1377 #bookmarkpopup .form_settings .form_data input {
1381 #bookmarkpopup .form_guide {
1385 #bookmarkpopup #submit {
1390 #bookmarkpopup fieldset fieldset {
1391 margin-bottom: 10px;
1394 #form_initial_bookmark.form_settings .form_data li {
1398 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
1404 /* Onboard specific styles */
1407 background: url(../images/lightbox_bg.png) repeat 0 0 !important;
1411 background: #fff url(../logo.png) no-repeat 10px bottom !important;
1419 .onboard_iframe #wrap {
1424 .onboard_welcome p {
1425 margin-bottom: 10px;
1428 .onboard_welcome ul {
1429 list-style-type: none;
1430 margin-bottom: 10px;
1433 .onboard_welcome ul li {
1434 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1439 #aside_primary #onboard_section {
1440 background: #f2f2f2;
1444 -moz-border-radius: 4px;
1445 -webkit-border-radius: 4px;
1446 border: 1px solid #516499;
1447 background: #fafafa;
1450 #onboard_section H2 {
1451 -webkit-border-top-left-radius: 4px;
1452 -moz-border-radius-topleft: 4px;
1453 border-top-left-radius: 4px;
1454 -webkit-border-top-right-radius: 4px;
1455 -moz-border-radius-topright: 4px;
1456 border-top-right-radius: 4px;
1460 padding: 2px 0px 2px 10px;
1461 margin-right: -22px;
1464 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
1465 background: #364A84;
1466 background: -moz-linear-gradient(top, #516499 , #364a84);
1467 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
1468 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
1471 #onboard_section ul {
1472 list-style-type: none;
1475 #onboard_section .onboard-step-incomplete {
1476 background: url(../images/resultset_next.png) no-repeat 0px 1px;
1478 margin-bottom: 10px;
1481 #onboard_section .onboard-step-complete {
1482 background: url(../images/tick.png) no-repeat 0px 1px;
1484 margin-bottom: 10px;
1485 text-decoration: line-through;
1489 /* Billing specific styles */
1491 #content table.billing_info {
1493 background:rgba(240, 240, 240, 0.4);
1496 #content table.billing_info th {
1502 border: solid 2px red !important;
1505 #payment_history table {
1509 #billingadminpanel .form_settings input {
1513 /* Directory specific styles */
1515 div#profile_directory div.alpha_nav > a {
1516 border-left: 1px solid #ccc !important;
1517 padding-left: 3.5px !important;
1518 padding-right: 4px !important;
1524 div#profile_directory div.alpha_nav > a.first {
1525 border-left: none !important;
1528 div#profile_directory div.alpha_nav a.current {
1529 background-color: #ECECF2 !important;
1532 table.profile_list {
1540 .profile_list th#created {
1544 .profile_list th#subscriptions {
1548 .profile_list th.current {
1549 background: none !important;
1552 .profile_list th.current.reverse {
1553 background: none !important;
1556 .profile_list th.current a {
1557 padding-right: 25px;
1558 background: url(../images/bluearrow_down.png) no-repeat top right;
1561 .profile_list th.current.reverse a {
1562 background: url(../images/bluearrow_up.png) no-repeat top right;
1565 table.profile_list tr.alt {
1566 background-color: #fafafa !important;
1567 border: none !important;
1581 .profile_list .nickname, .profile_list .fn.nickname {
1585 margin-bottom: -12px;
1589 .profile_list .label {
1591 margin-left: 59px !important;
1594 .profile_list .note {
1596 line-height: 1.36em;
1599 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1603 .profile_list td.entity_actions {
1608 padding-left: 6px !important;
1611 display: table-cell !important;
1614 .profile_list .entity_actions ul {
1619 .profile_list .entity_actions input {
1628 border: 1px solid #CDD1DD;
1631 .profile_list .form_group_leave input.submit,
1632 .profile_list .form_user_unsubscribe input.submit {
1633 background-position: 2px -1250px;
1636 .profile_list .form_group_join input.submit,
1637 .profile_list .form_user_subscribe input.submit {
1638 background-position: 2px -1184px;
1641 .profile_list .entity_actions input:hover {
1643 padding-right: 10px;
1647 border: 1px solid #A6ADBF;
1648 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1649 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1650 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1653 /* Event specific styles */
1655 .notice .vevent div {
1660 margin-left: 0px !important;
1661 margin-top: 2px !important;
1664 .notice .event-info + .notice-options {
1668 .notice .threaded-replies .event-info + .notice-options {
1672 #form_event_rsvp #new_rsvp_data {
1677 #form_event_rsvp input.submit {
1683 text-transform: uppercase;
1685 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1686 border: 1px solid #d7621c;
1688 -moz-border-radius: 4px;
1689 -webkit-border-radius: 4px;
1690 background: #FB6104;
1691 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1692 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1693 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1696 #form_event_rsvp input.submit:hover {
1697 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1698 background: #ff9d63;
1699 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1700 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1701 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1704 #input_form_event .form_settings .form_data {
1708 #input_form_event .form_settings .form_data li {
1713 #input_form_event .form_settings .form_data label {
1717 #event-startdate, #event-starttime, #event-enddate, #event-endtime {
1722 /* Limited-scope specific styles */
1724 .limited-scope .entry-content .timestamp {
1729 .limited-scope .entry-content .timestamp:before {
1730 content: url(../images/lock.png);
1736 .limited-scope li .entry-content .timestamp {
1740 .limited-scope li .entry-content .timestamp:before {
1744 .limited-scope li.limited-scope .entry-content .timestamp {
1748 .limited-scope li.limited-scope .entry-content .timestamp:before {
1749 content: url(../images/lock.png);
1755 /* QnA specific styles */
1757 #content .question .entry-title, #content .qna-full-question .entry-title {
1761 .question div.question-description {
1763 line-height: 1.36em;
1768 .question div.answer-content, .qna-full-question div.answer-content {
1772 .question .answer-count, .qna-full-question .answer-count {
1777 .question .answer-count:before, .qna-full-question .answer-count:before {
1781 .question .answer-count:after, .qna-full-question .answer-count:after {
1785 .question .notice-answer {
1787 padding-bottom: 10px;
1793 list-style-type: none;
1797 border-left: 3px solid #ECECF2;
1798 background: #fafafa;
1802 ul.qna-dummy + ul.threaded-replies li.notice:first-child {
1803 border-top: 2px dotted #eee;
1808 .qna-dummy-placeholder input {
1811 padding: 4px 4px 4px 6px;
1812 border: 1px solid #a6a6a6;
1813 -webkit-border-radius: 4px;
1814 -moz-border-radius: 4px;
1816 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1817 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1818 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1822 li.notice-answer + li.notice {
1823 border-top: 2px dotted #eee;
1828 .question fieldset, .qna-full-question fieldset {
1832 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
1836 .question label[for=qna-answer], .qna-full-question label[for=qna-answer] {
1840 .question #qna-answer, .qna-full-question #qna-answer {
1844 border: 1px solid #a6a6a6;
1845 -webkit-border-radius: 4px;
1846 -moz-border-radius: 4px;
1848 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1849 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1850 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1853 margin-bottom: 10px;
1856 .qna-full-question textarea {
1860 .question-description input.submit, .answer-content input.submit {
1863 margin: 6px 0px 10px 0px;
1866 text-transform: uppercase;
1868 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1869 border: 1px solid #d7621c;
1871 -moz-border-radius: 4px;
1872 -webkit-border-radius: 4px;
1873 background: #FB6104;
1874 background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1875 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1876 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1879 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1880 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1881 background: #ff9d63;
1882 background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1883 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1884 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1887 .question .question-description #answer-form input.submit {
1891 .question p.best, .answer p.best {
1892 background: url(../images/rosette.png) no-repeat top left;
1896 }/*end of @media screen, projection, tv*/