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 {
33 /* general styles and layout */
36 background-color: #C6C8CC;
37 background-image: url(../images/bg.png);
38 font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
42 input, textarea, select, option {
43 font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
47 a:hover {color: blue;}
49 abbr {border-bottom: none;}
51 h1 {font-size: 1.6em;}
52 h2 {font-size: 1.6em;}
53 h3 {font-size: 1.4em;}
54 h4 {font-size: 1.4em;}
55 h5 {font-size: 1.2em;}
59 background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px;
67 border-top: 5px solid #FB6104;
68 border-left: 1px solid #d8dae6;
69 border-right: 1px solid #d8dae6;
72 #aside_primary_wrapper {
73 background-color: #ececf2;
77 border-right: 1px solid #d8dae6;
80 #site_nav_local_views_wrapper {
81 background-color: #ececf2;
82 border-right: 1px solid #d8dae6;
87 -webkit-border-top-left-radius: 6px;
88 -webkit-border-top-right-radius: 6px;
89 -moz-border-radius-topleft: 6px;
90 -moz-border-radius-topright: 6px;
91 border-top-left-radius: 6px;
92 border-top-right-radius: 6px;
97 #site_nav_global_primary {
99 -webkit-border-top-right-radius: 6px;
100 -moz-border-radius-topright: 6px;
101 border-top-right-radius: 6px;
103 background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
104 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
105 background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
106 background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
107 background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
108 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
109 background: linear-gradient(top, #516499 0%,#364a84 100%);
112 #site_nav_global_primary li {
116 #site_nav_global_primary li:last-child {
120 #site_nav_global_primary a {
121 padding: 2px 10px 2px 10px;
126 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
129 #site_nav_global_primary a:hover {
130 color: #fff !important;
131 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
133 text-decoration: none;
141 #header-search #search-q {
146 padding: 2px 22px 2px 6px;
147 -webkit-border-radius: 4px;
148 -moz-border-radius: 4px;
154 #header-search input[type="submit"] {
156 background: url(../images/magnifier.png) no-repeat 2px 1px;
157 text-indent: -9999px;
168 -webkit-border-radius: 6px;
169 -moz-border-radius: 6px;
179 padding: 18px 20px 0px 20px;
182 background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
185 #input_form_nav li a {
188 padding: 0px 10px 1px 10px;
189 -webkit-border-radius: 4px;
190 -moz-border-radius: 4px;
192 border: 1px solid #ECECF2;
196 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
198 background: -moz-linear-gradient(top, #ffffff 0%, #ececf2 100%);
199 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
200 background: -webkit-linear-gradient(top, #ffffff 0%,#ececf2 100%);
201 background: -o-linear-gradient(top, #ffffff 0%,#ececf2 100%);
202 background: -ms-linear-gradient(top, #ffffff 0%,#ececf2 100%);
203 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
204 background: linear-gradient(top, #ffffff 0%,#ececf2 100%);
207 #input_form_nav li:hover a, #input_form_nav li.current a {
209 text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
210 border: 1px solid #ececf2;
212 background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
213 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
214 background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
215 background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
216 background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
217 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
218 background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
221 .input_form_nav_tab a, .input_form_nav_tab.current a {
222 text-decoration: none;
226 .form_notice .success,
227 .form_notice .notice-status {
228 -webkit-border-radius: 4px;
229 -moz-border-radius: 4px;
233 .form_notice_placeholder .placeholder,
234 .form_notice textarea ,
235 .input_form .form_settings li input,
236 .input_form .form_settings li textarea,
237 .threaded-replies .placeholder { /* TODO combine all these declarations */
238 -webkit-border-radius: 4px;
239 -moz-border-radius: 4px;
241 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
242 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
243 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
246 .input_form .form_settings .submit {
250 /* site nav local views */
252 #site_nav_local_views H3 {
255 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
259 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
260 text-transform: uppercase;
263 #site_nav_local_views a {
266 padding: 0px 10px 1px 10px;
267 -webkit-border-radius: 4px;
268 -moz-border-radius: 4px;
270 text-transform: uppercase;
271 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
272 word-wrap: break-word;
275 #site_nav_local_views a:hover, #site_nav_local_views .current a {
277 text-decoration: none;
278 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
280 background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
281 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
282 background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
283 background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
284 background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
285 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
286 background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
291 #aside_primary .section {
298 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
302 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
303 text-transform: uppercase;
306 .profile_block .entity_actions {
313 .profile_block .entity_moderation:hover ul,
314 .profile_block .entity_role:hover ul {
318 .profile_block_name {
323 .profile_block_location {
327 .profile_block_description {
331 #site_nav_object ul {
332 background: url('../images/brdr_black_dot.png') repeat-x top left;
335 #site_nav_object li {
337 margin: -8px 0px 8px 0px;
344 padding: 0px 0px 1px 10px;
345 -webkit-border-radius: 4px;
346 -moz-border-radius: 4px;
348 text-transform: uppercase;
349 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
352 #site_nav_object a:hover, #site_nav_object .current a {
354 text-decoration: none;
355 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
357 background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
358 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
359 background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
360 background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
361 background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
362 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
363 background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
366 .section ul.entities {
370 .section .entities li {
376 #popular_notices .avatar {
384 padding-bottom: 14px;
387 #aside_primary td .nickname {
392 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
393 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
394 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
404 text-transform: uppercase;
406 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
407 border: 1px solid #d7621c;
409 -moz-border-radius: 4px;
410 -webkit-border-radius: 4px;
412 background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
413 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
414 background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
415 background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
416 background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
417 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
418 background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
421 .invite_button:hover {
423 text-decoration: none;
424 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
426 background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
427 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
428 background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
429 background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
430 background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
431 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
432 background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
438 border-bottom: 3px solid #A6ADBF;
442 text-transform: none;
447 border-bottom: 2px dotted #eee;
450 .notice div.entry-content {
456 .user_in .notice div.entry-content {
460 div.entry-content a.response:before {
464 div.entry-content a.response:after {
472 .notice-options .form_repeat.dialogbox {
474 border: 1px solid #aaa;
475 -webkit-border-radius: 4px;
476 -moz-border-radius: 4px;
478 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
479 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
480 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
483 .notice-options .form_repeat.dialogbox legend {
487 .notice-options .form_repeat.dialogbox input.submit_dialogbox {
491 #content .threaded-replies .notice .author .photo {
492 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
493 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
494 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
497 .user_in.realtime-popup .notice div.entry-content {
502 .realtime-popup .threaded-replies {
506 .realtime-popup .threaded-replies .form_notice textarea {
507 width: 385px !important;
510 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
511 top: 10px !important;
512 right: 10px !important;
526 .entity_profile .entity_depiction {
536 .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 {
537 text-shadow:0 1px 0 rgba(255,255,255,0.4);
539 -moz-border-radius: 4px;
540 -webkit-border-radius: 4px;
541 background-color: #CDD1DD !important;
544 .entity_moderation:hover ul,
545 .entity_role:hover ul {
547 -moz-border-radius: 4px;
548 -webkit-border-radius: 4px;
551 .entity_send-a-message .form_notice legend {
552 text-shadow:0 1px 0 rgba(255,255,255,0.4);
555 .entity_send-a-message .form_notice {
556 border: 1px solid #7B4E82;
559 .entity_send-a-message .form_notice #notice_action-submit {
560 color: #fff !important;
564 .entity_subscribe .dialogbox, .entity_tag .dialogbox {
565 border: 1px solid #aaa;
566 -webkit-border-radius: 4px;
567 -moz-border-radius: 4px;
569 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
570 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
571 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
574 .entity_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox {
575 color: #fff !important;
578 #filter_tags_item .submit {
585 padding-bottom: 12px;
586 -webkit-border-radius: 6px;
587 -moz-border-radius: 6px;
600 #site_nav_global_secondary {
604 .error, .success, .notice-status {
605 -webkit-border-radius: 6px;
606 -moz-border-radius: 6px;
611 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit,
612 .entity_subscribe .dialogbox input.submit_dialogbox,
613 .entity_tag .dialogbox input.submit_dialogbox,
614 .form_repeat.dialogbox input.submit_dialogbox
615 { /* TODO combine all these declarations */
620 text-transform: uppercase;
622 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
623 border: 1px solid #d7621c;
625 -moz-border-radius: 4px;
626 -webkit-border-radius: 4px;
628 background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
629 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
630 background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
631 background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
632 background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
633 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
634 background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
637 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover,
638 .entity_subscribe .dialogbox input.submit_dialogbox:hover,
639 .entity_tag .dialogbox input.submit_dialogbox:hover,
640 .form_repeat.dialogbox input.submit_dialogbox:hover
642 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
644 background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
645 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
646 background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
647 background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
648 background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
649 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
650 background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
653 .form_settings input#cancel, #form_action-no {
656 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
659 .form_settings input#cancel:hover, #form_action-no:hover {
662 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
665 .form_settings fieldset fieldset {
674 #invite #content ul {
675 list-style-type: none;
680 #invite #content li {
681 background: url(../images/resultset_next.png) no-repeat 0px 3px;
686 #invite #content #form_invite ul, #invite #content #form_invite li {
692 #form_invite input[type=text], #form_invite textarea {
695 border: 1px solid #a6a6a6;
696 -webkit-border-radius: 4px;
697 -moz-border-radius: 4px;
699 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
700 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
701 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
704 #form_invite textarea {
710 #form_invite a.add_row, #form_invite a.remove_row {
715 background-image: url('../../base/images/icons/icons-01.gif');
716 background-repeat: no-repeat;
719 #form_invite a.remove_row {
720 background-position: 0px -1252px;
721 display: inline-block;
728 #form_invite a.add_row {
732 background-position: 0px -1186px;
738 #form_invite label[for=personal] {
754 border-top: 1px dotted #bbb;
757 padding:11px 18px 11px 0;
760 #content td:last-child {
767 padding-bottom: 10px;
769 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
772 #form_search fieldset {
776 #form_search ul.form_data #q {
781 #form_search input.submit {
789 #noticesearch .entity_actions {
793 #noticesearch p.error {
799 .limited-scope .entry-content .timestamp {
804 .limited-scope .entry-content .timestamp:before {
805 content: url(../images/lock.png);
811 .limited-scope li .entry-content .timestamp {
815 .limited-scope li .entry-content .timestamp:before {
819 .limited-scope li.limited-scope .entry-content .timestamp {
823 .limited-scope li.limited-scope .entry-content .timestamp:before {
824 content: url(../images/lock.png);
832 label[for=blog-entry-content] {
833 display: none !important;
836 #input_form_blog td {
841 #input_form_blog td.mceToolbar {
845 h4.blog-entry-title {
850 /* Bookmark specific styles */
851 /* TODO separate base styles and move to plugin */
854 margin: 0px 0px 8px 0px;
860 .bookmark-notice-count {
862 -moz-border-radius: 4px;
863 -webkit-border-radius: 4px;
868 border: 1px solid #7b8dbb;
869 color: #3e3e8c !important;
875 .bookmark-notice-count:hover {
876 text-decoration: none;
878 border: 1px solid #7b8dbb;
879 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
882 .notice .bookmark-description {
888 .notice .bookmark-author {
901 -moz-border-radius: 4px;
902 -webkit-border-radius: 4px;
905 color: #3e3e8c !important;
906 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
910 ul.bookmark-tags a:hover {
911 background-color: #cdd1dd;
912 text-decoration: none;
916 float: none !important;
921 .bookmark div.entry-content {
929 .bookmark:hover div.entry-content {
937 border: 10px solid #364A84;
941 #bookmarkpopup #wrap {
944 padding: 40px 0px 25px 0px;
946 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
949 #bookmarkpopup #header {
954 #bookmarkpopup .form_settings label {
961 #bookmarkpopup .form_settings .form_data input {
965 #bookmarkpopup .form_guide {
969 #bookmarkpopup #bookmark-submit {
973 #bookmarkpopup fieldset fieldset {
977 #form_initial_bookmark.form_settings .form_data li {
981 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
987 /* Onboard specific styles */
988 /* TODO move to plugin */
991 background: url(../images/lightbox_bg.png) repeat 0 0 !important;
995 background: #fff url(../logo.png) no-repeat 10px bottom !important;
1003 .onboard_iframe #wrap {
1008 .onboard_welcome p {
1009 margin-bottom: 10px;
1012 .onboard_welcome ul {
1013 list-style-type: none;
1014 margin-bottom: 10px;
1017 .onboard_welcome ul li {
1018 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1023 #aside_primary #onboard_section {
1024 background: #f2f2f2;
1028 -moz-border-radius: 4px;
1029 -webkit-border-radius: 4px;
1030 border: 1px solid #516499;
1031 background: #fafafa;
1034 #onboard_section H2 {
1035 -webkit-border-top-left-radius: 4px;
1036 -moz-border-radius-topleft: 4px;
1037 border-top-left-radius: 4px;
1038 -webkit-border-top-right-radius: 4px;
1039 -moz-border-radius-topright: 4px;
1040 border-top-right-radius: 4px;
1044 padding: 2px 0px 2px 10px;
1045 margin-right: -22px;
1048 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
1049 background: #364A84;
1050 background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
1051 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
1052 background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
1053 background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
1054 background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
1055 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
1056 background: linear-gradient(top, #516499 0%,#364a84 100%);
1059 #onboard_section ul {
1060 list-style-type: none;
1063 #onboard_section .onboard-step-incomplete {
1064 background: url(../images/resultset_next.png) no-repeat 0px 1px;
1066 margin-bottom: 10px;
1069 #onboard_section .onboard-step-complete {
1070 background: url(../images/tick.png) no-repeat 0px 1px;
1072 margin-bottom: 10px;
1073 text-decoration: line-through;
1077 /* Billing specific styles */
1078 /* TODO move to plugin */
1080 #content table.billing_info {
1082 background:rgba(240, 240, 240, 0.4);
1085 #content table.billing_info th {
1091 border: solid 2px red !important;
1094 #payment_history table {
1098 #billingadminpanel .form_settings input {
1102 /* Directory specific styles */
1103 /* TODO separate base styles and move to plugin */
1105 div#profile_directory div.alpha_nav > a {
1106 border-left: 1px solid #ccc !important;
1107 padding-left: 3.5px !important;
1108 padding-right: 4px !important;
1114 div#profile_directory div.alpha_nav > a.first {
1115 border-left: none !important;
1118 div#profile_directory div.alpha_nav a.current {
1119 background-color: #ECECF2 !important;
1122 table.profile_list {
1130 .profile_list th#created {
1134 .profile_list th#subscriptions {
1138 .profile_list th.current {
1139 background: none !important;
1142 .profile_list th.current.reverse {
1143 background: none !important;
1146 .profile_list th.current a {
1147 padding-right: 25px;
1148 background: url(../images/bluearrow_down.png) no-repeat top right;
1151 .profile_list th.current.reverse a {
1152 background: url(../images/bluearrow_up.png) no-repeat top right;
1155 table.profile_list tr.alt {
1156 background-color: #fafafa !important;
1157 border: none !important;
1171 .profile_list .nickname, .profile_list .fn.nickname {
1175 margin-bottom: -12px;
1179 .profile_list .label {
1181 margin-left: 59px !important;
1184 .profile_list .note {
1186 line-height: 1.36em;
1189 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1193 .profile_list td.entity_actions {
1198 padding-left: 6px !important;
1201 display: table-cell !important;
1204 .profile_list .entity_actions ul {
1209 .profile_list .entity_actions input {
1218 border: 1px solid #CDD1DD;
1221 .profile_list .form_group_leave input.submit,
1222 .profile_list .form_user_unsubscribe input.submit {
1223 background-position: 2px -1250px;
1226 .profile_list .form_group_join input.submit,
1227 .profile_list .form_user_subscribe input.submit {
1228 background-position: 2px -1184px;
1231 .profile_list .entity_actions input:hover {
1233 padding-right: 10px;
1237 border: 1px solid #A6ADBF;
1238 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1239 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1240 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1243 /* Event specific styles */
1244 /* TODO separate base styles and move to plugin */
1246 .notice .vevent div {
1251 margin-left: 0px !important;
1252 margin-top: 2px !important;
1255 .notice .event-info + .notice-options {
1259 .notice .threaded-replies .event-info + .notice-options {
1263 #form_event_rsvp #new_rsvp_data {
1268 #form_event_rsvp input.submit {
1274 text-transform: uppercase;
1276 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1277 border: 1px solid #d7621c;
1279 -moz-border-radius: 4px;
1280 -webkit-border-radius: 4px;
1281 background: #FB6104;
1282 background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
1283 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
1284 background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1285 background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1286 background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1287 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
1288 background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1291 #form_event_rsvp input.submit:hover {
1292 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1293 background: #ff9d63;
1294 background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
1295 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
1296 background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1297 background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1298 background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1299 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
1300 background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
1303 #wrap .vevent form.processing input.submit {
1305 background: #ff9d63;
1308 #input_form_event .form_settings .form_data {
1312 #input_form_event .form_settings .form_data li {
1317 #input_form_event .form_settings .form_data label {
1321 label[for=event-starttime], label[for=event-endtime] {
1322 display: none !important;
1325 #event-starttime, #event-endtime {
1327 margin-bottom: -1px;
1331 #event-startdate, #event-enddate {
1338 .question div.question-description {
1340 line-height: 1.36em;
1345 .question div.answer-content, .qna-full-question div.answer-content {
1350 .qna-dummy-placeholder input, .question #qna-answer, .qna-full-question #qna-answer {
1351 -webkit-border-radius: 4px;
1352 -moz-border-radius: 4px;
1354 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1355 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1356 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1359 .question-description input.submit, .answer-content input.submit {
1362 margin: 6px 0px 10px 0px;
1365 text-transform: uppercase;
1367 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1368 border: 1px solid #d7621c;
1370 -moz-border-radius: 4px;
1371 -webkit-border-radius: 4px;
1372 background: #FB6104;
1373 background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
1374 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
1375 background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1376 background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1377 background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1378 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
1379 background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1382 #qna-answer-submit {
1386 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1387 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1388 background: #ff9d63;
1389 background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
1390 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
1391 background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1392 background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1393 background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1394 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
1395 background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
1398 .question .question-description #answer-form input.submit {
1402 .question p.best, .answer p.best {
1403 background: url(../images/rosette.png) no-repeat top left;
1407 .question p.best:before, .answer p.best:before {
1408 content: none !important;
1411 /* Poll specific styles */
1413 .notice div.poll-content {
1417 #poll-response-submit {
1421 /* SNOD CompanyLogo styling */
1422 /* TODO move to plugin */
1424 #site_nav_local_views a.company_logo {
1428 text-transform: none;
1430 margin-bottom: 20px;
1435 #site_nav_local_views a.company_logo:hover {
1438 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1446 .company_logo span {
1450 a.company_logo:hover span {
1451 text-decoration: underline;
1454 }/*end of @media screen, projection, tv*/