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 {
457 .notice:hover div.entry-content {
461 .user_in .notice div.entry-content {
465 div.entry-content a.response:before {
469 div.entry-content a.response:after {
477 .notice-options .form_repeat.dialogbox {
479 border: 1px solid #aaa;
480 -webkit-border-radius: 4px;
481 -moz-border-radius: 4px;
483 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
484 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
485 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
488 .notice-options .form_repeat.dialogbox legend {
492 .notice-options .form_repeat.dialogbox input.submit_dialogbox {
496 #content .threaded-replies .notice .author .photo {
497 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
498 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
499 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
502 .user_in.realtime-popup .notice div.entry-content {
507 .realtime-popup .threaded-replies {
511 .realtime-popup .threaded-replies .form_notice textarea {
512 width: 385px !important;
515 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
516 top: 10px !important;
517 right: 10px !important;
531 .entity_profile .entity_depiction {
541 .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 {
542 text-shadow:0 1px 0 rgba(255,255,255,0.4);
544 -moz-border-radius: 4px;
545 -webkit-border-radius: 4px;
546 background-color: #CDD1DD !important;
549 .entity_moderation:hover ul,
550 .entity_role:hover ul {
552 -moz-border-radius: 4px;
553 -webkit-border-radius: 4px;
556 .entity_send-a-message .form_notice legend {
557 text-shadow:0 1px 0 rgba(255,255,255,0.4);
560 .entity_send-a-message .form_notice {
561 border: 1px solid #7B4E82;
564 .entity_send-a-message .form_notice #notice_action-submit {
565 color: #fff !important;
569 .entity_subscribe .dialogbox, .entity_tag .dialogbox {
570 border: 1px solid #aaa;
571 -webkit-border-radius: 4px;
572 -moz-border-radius: 4px;
574 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
575 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
576 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
579 .entity_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox {
580 color: #fff !important;
583 #filter_tags_item .submit {
590 padding-bottom: 12px;
591 -webkit-border-radius: 6px;
592 -moz-border-radius: 6px;
605 #site_nav_global_secondary {
609 .error, .success, .notice-status {
610 -webkit-border-radius: 6px;
611 -moz-border-radius: 6px;
616 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit,
617 .entity_subscribe .dialogbox input.submit_dialogbox,
618 .entity_tag .dialogbox input.submit_dialogbox,
619 .form_repeat.dialogbox input.submit_dialogbox
620 { /* TODO combine all these declarations */
625 text-transform: uppercase;
627 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
628 border: 1px solid #d7621c;
630 -moz-border-radius: 4px;
631 -webkit-border-radius: 4px;
633 background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
634 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
635 background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
636 background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
637 background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
638 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
639 background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
642 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover,
643 .entity_subscribe .dialogbox input.submit_dialogbox:hover,
644 .entity_tag .dialogbox input.submit_dialogbox:hover,
645 .form_repeat.dialogbox input.submit_dialogbox:hover
647 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
649 background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
650 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
651 background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
652 background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
653 background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
654 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
655 background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
658 .form_settings input#settings_design_reset, .form_settings input#cancel, #form_action-no {
661 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
664 .form_settings input#settings_design_reset:hover, .form_settings input#cancel:hover, #form_action-no:hover {
667 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
670 .form_settings fieldset fieldset {
679 #invite #content ul {
680 list-style-type: none;
685 #invite #content li {
686 background: url(../images/resultset_next.png) no-repeat 0px 3px;
691 #invite #content #form_invite ul, #invite #content #form_invite li {
697 #form_invite input[type=text], #form_invite textarea {
700 border: 1px solid #a6a6a6;
701 -webkit-border-radius: 4px;
702 -moz-border-radius: 4px;
704 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
705 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
706 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
709 #form_invite textarea {
715 #form_invite a.add_row, #form_invite a.remove_row {
720 background-image: url('../../base/images/icons/icons-01.gif');
721 background-repeat: no-repeat;
724 #form_invite a.remove_row {
725 background-position: 0px -1252px;
726 display: inline-block;
733 #form_invite a.add_row {
737 background-position: 0px -1186px;
743 #form_invite label[for=personal] {
759 border-top: 1px dotted #bbb;
762 padding:11px 18px 11px 0;
765 #content td:last-child {
772 padding-bottom: 10px;
774 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
777 #form_search fieldset {
781 #form_search ul.form_data #q {
786 #form_search input.submit {
794 #noticesearch .entity_actions {
798 #noticesearch p.error {
804 .limited-scope .entry-content .timestamp {
809 .limited-scope .entry-content .timestamp:before {
810 content: url(../images/lock.png);
816 .limited-scope li .entry-content .timestamp {
820 .limited-scope li .entry-content .timestamp:before {
824 .limited-scope li.limited-scope .entry-content .timestamp {
828 .limited-scope li.limited-scope .entry-content .timestamp:before {
829 content: url(../images/lock.png);
837 label[for=blog-entry-content] {
838 display: none !important;
841 #input_form_blog td {
846 #input_form_blog td.mceToolbar {
850 h4.blog-entry-title {
855 /* Bookmark specific styles */
856 /* TODO separate base styles and move to plugin */
859 margin: 0px 0px 8px 0px;
865 .bookmark-notice-count {
867 -moz-border-radius: 4px;
868 -webkit-border-radius: 4px;
873 border: 1px solid #7b8dbb;
874 color: #3e3e8c !important;
880 .bookmark-notice-count:hover {
881 text-decoration: none;
883 border: 1px solid #7b8dbb;
884 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
887 .notice .bookmark-description {
893 .notice .bookmark-author {
906 -moz-border-radius: 4px;
907 -webkit-border-radius: 4px;
910 color: #3e3e8c !important;
911 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
915 ul.bookmark-tags a:hover {
916 background-color: #cdd1dd;
917 text-decoration: none;
921 float: none !important;
926 .bookmark div.entry-content {
934 .bookmark:hover div.entry-content {
942 border: 10px solid #364A84;
946 #bookmarkpopup #wrap {
949 padding: 40px 0px 25px 0px;
951 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
954 #bookmarkpopup #header {
959 #bookmarkpopup .form_settings label {
966 #bookmarkpopup .form_settings .form_data input {
970 #bookmarkpopup .form_guide {
974 #bookmarkpopup #bookmark-submit {
978 #bookmarkpopup fieldset fieldset {
982 #form_initial_bookmark.form_settings .form_data li {
986 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
992 /* Onboard specific styles */
993 /* TODO move to plugin */
996 background: url(../images/lightbox_bg.png) repeat 0 0 !important;
1000 background: #fff url(../logo.png) no-repeat 10px bottom !important;
1008 .onboard_iframe #wrap {
1013 .onboard_welcome p {
1014 margin-bottom: 10px;
1017 .onboard_welcome ul {
1018 list-style-type: none;
1019 margin-bottom: 10px;
1022 .onboard_welcome ul li {
1023 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1028 #aside_primary #onboard_section {
1029 background: #f2f2f2;
1033 -moz-border-radius: 4px;
1034 -webkit-border-radius: 4px;
1035 border: 1px solid #516499;
1036 background: #fafafa;
1039 #onboard_section H2 {
1040 -webkit-border-top-left-radius: 4px;
1041 -moz-border-radius-topleft: 4px;
1042 border-top-left-radius: 4px;
1043 -webkit-border-top-right-radius: 4px;
1044 -moz-border-radius-topright: 4px;
1045 border-top-right-radius: 4px;
1049 padding: 2px 0px 2px 10px;
1050 margin-right: -22px;
1053 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
1054 background: #364A84;
1055 background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
1056 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
1057 background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
1058 background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
1059 background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
1060 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
1061 background: linear-gradient(top, #516499 0%,#364a84 100%);
1064 #onboard_section ul {
1065 list-style-type: none;
1068 #onboard_section .onboard-step-incomplete {
1069 background: url(../images/resultset_next.png) no-repeat 0px 1px;
1071 margin-bottom: 10px;
1074 #onboard_section .onboard-step-complete {
1075 background: url(../images/tick.png) no-repeat 0px 1px;
1077 margin-bottom: 10px;
1078 text-decoration: line-through;
1082 /* Billing specific styles */
1083 /* TODO move to plugin */
1085 #content table.billing_info {
1087 background:rgba(240, 240, 240, 0.4);
1090 #content table.billing_info th {
1096 border: solid 2px red !important;
1099 #payment_history table {
1103 #billingadminpanel .form_settings input {
1107 /* Directory specific styles */
1108 /* TODO separate base styles and move to plugin */
1110 div#profile_directory div.alpha_nav > a {
1111 border-left: 1px solid #ccc !important;
1112 padding-left: 3.5px !important;
1113 padding-right: 4px !important;
1119 div#profile_directory div.alpha_nav > a.first {
1120 border-left: none !important;
1123 div#profile_directory div.alpha_nav a.current {
1124 background-color: #ECECF2 !important;
1127 table.profile_list {
1135 .profile_list th#created {
1139 .profile_list th#subscriptions {
1143 .profile_list th.current {
1144 background: none !important;
1147 .profile_list th.current.reverse {
1148 background: none !important;
1151 .profile_list th.current a {
1152 padding-right: 25px;
1153 background: url(../images/bluearrow_down.png) no-repeat top right;
1156 .profile_list th.current.reverse a {
1157 background: url(../images/bluearrow_up.png) no-repeat top right;
1160 table.profile_list tr.alt {
1161 background-color: #fafafa !important;
1162 border: none !important;
1176 .profile_list .nickname, .profile_list .fn.nickname {
1180 margin-bottom: -12px;
1184 .profile_list .label {
1186 margin-left: 59px !important;
1189 .profile_list .note {
1191 line-height: 1.36em;
1194 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1198 .profile_list td.entity_actions {
1203 padding-left: 6px !important;
1206 display: table-cell !important;
1209 .profile_list .entity_actions ul {
1214 .profile_list .entity_actions input {
1223 border: 1px solid #CDD1DD;
1226 .profile_list .form_group_leave input.submit,
1227 .profile_list .form_user_unsubscribe input.submit {
1228 background-position: 2px -1250px;
1231 .profile_list .form_group_join input.submit,
1232 .profile_list .form_user_subscribe input.submit {
1233 background-position: 2px -1184px;
1236 .profile_list .entity_actions input:hover {
1238 padding-right: 10px;
1242 border: 1px solid #A6ADBF;
1243 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1244 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1245 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1248 /* Event specific styles */
1249 /* TODO separate base styles and move to plugin */
1251 .notice .vevent div {
1256 margin-left: 0px !important;
1257 margin-top: 2px !important;
1260 .notice .event-info + .notice-options {
1264 .notice .threaded-replies .event-info + .notice-options {
1268 #form_event_rsvp #new_rsvp_data {
1273 #form_event_rsvp input.submit {
1279 text-transform: uppercase;
1281 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1282 border: 1px solid #d7621c;
1284 -moz-border-radius: 4px;
1285 -webkit-border-radius: 4px;
1286 background: #FB6104;
1287 background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
1288 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
1289 background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1290 background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1291 background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1292 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
1293 background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1296 #form_event_rsvp input.submit:hover {
1297 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1298 background: #ff9d63;
1299 background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
1300 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
1301 background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1302 background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1303 background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1304 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
1305 background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
1308 #wrap .vevent form.processing input.submit {
1310 background: #ff9d63;
1313 #input_form_event .form_settings .form_data {
1317 #input_form_event .form_settings .form_data li {
1322 #input_form_event .form_settings .form_data label {
1326 label[for=event-starttime], label[for=event-endtime] {
1327 display: none !important;
1330 #event-starttime, #event-endtime {
1332 margin-bottom: -1px;
1336 #event-startdate, #event-enddate {
1343 .question div.question-description {
1345 line-height: 1.36em;
1350 .question div.answer-content, .qna-full-question div.answer-content {
1355 .qna-dummy-placeholder input, .question #qna-answer, .qna-full-question #qna-answer {
1356 -webkit-border-radius: 4px;
1357 -moz-border-radius: 4px;
1359 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1360 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1361 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1364 .question-description input.submit, .answer-content input.submit {
1367 margin: 6px 0px 10px 0px;
1370 text-transform: uppercase;
1372 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1373 border: 1px solid #d7621c;
1375 -moz-border-radius: 4px;
1376 -webkit-border-radius: 4px;
1377 background: #FB6104;
1378 background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
1379 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
1380 background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1381 background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1382 background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1383 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
1384 background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1387 #qna-answer-submit {
1391 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1392 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1393 background: #ff9d63;
1394 background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
1395 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
1396 background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1397 background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1398 background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1399 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
1400 background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
1403 .question .question-description #answer-form input.submit {
1407 .question p.best, .answer p.best {
1408 background: url(../images/rosette.png) no-repeat top left;
1412 .question p.best:before, .answer p.best:before {
1413 content: none !important;
1416 /* Poll specific styles */
1418 .notice div.poll-content {
1422 #poll-response-submit {
1426 /* SNOD CompanyLogo styling */
1427 /* TODO move to plugin */
1429 #site_nav_local_views a.company_logo {
1433 text-transform: none;
1435 margin-bottom: 20px;
1440 #site_nav_local_views a.company_logo:hover {
1443 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1451 .company_logo span {
1455 a.company_logo:hover span {
1456 text-decoration: underline;
1459 }/*end of @media screen, projection, tv*/