4 * @author Samantha Doherty <sammy@status.net>
5 * @modified MeikoDis <meikodis@meikodis.org>
6 * @copyright 2011 StatusNet, Inc.
7 * @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
11 @media screen, projection, tv {
13 /* general styles and layout */
16 /* background-color: #C6C8CC;
17 background-image: url(../images/bg.png); */
18 background-color: #e9eaed;
19 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
23 input, textarea, select, option {
24 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
28 a:hover {color: #a22430;}
30 abbr {border-bottom: none;}
32 h1 {font-size: 1.6em;}
33 h2 {font-size: 1.6em;}
34 h3 {font-size: 1.4em;}
35 h4 {font-size: 1.4em;}
36 h5 {font-size: 1.2em;}
40 background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px;
48 border-top: 3px solid #ccc;
49 border-left: 1px solid #d8dae6;
50 border-right: 1px solid #d8dae6;
53 #aside_primary_wrapper {
54 background-color: #ECECF2;
58 border-right: 1px solid #d8dae6;
61 #site_nav_local_views_wrapper {
62 background-color: #ECECF2;
63 border-right: 1px solid #d8dae6;
68 -webkit-border-top-left-radius: 6px;
69 -webkit-border-top-right-radius: 6px;
70 -moz-border-radius-topleft: 6px;
71 -moz-border-radius-topright: 6px;
72 border-top-left-radius: 6px;
73 border-top-right-radius: 6px;
82 #site_nav_global_primary {
84 -webkit-border-radius: 4px;
85 -moz-border-radius: 4px;
88 background: -moz-linear-gradient(top, #666 0%, #ccc 100%);
89 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#ccc));
90 background: -webkit-linear-gradient(top, #666 0%,#ccc 100%);
91 background: -o-linear-gradient(top, #666 0%,#ccc 100%);
92 background: -ms-linear-gradient(top, #666 0%,#ccc 100%);
93 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#ccc',GradientType=0 );
94 background: linear-gradient(top, #666 0%,#ccc 100%);
97 #site_nav_global_primary li {
101 #site_nav_global_primary li:last-child {
105 #site_nav_global_primary a {
106 padding: 2px 10px 2px 10px;
111 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
114 #site_nav_global_primary a:hover {
116 text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
124 #header-search #search-q {
129 padding: 2px 22px 2px 6px;
130 -webkit-border-radius: 4px;
131 -moz-border-radius: 4px;
137 #header-search input[type="submit"] {
139 background: url(../images/magnifier.png) no-repeat 2px 1px;
140 text-indent: -9999px;
151 margin: 28px 0px 0px 160px;
153 background-color: #fff;
162 padding: 18px 20px 0px 20px;
165 background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
168 #input_form_nav li a {
171 padding: 0px 10px 1px 10px;
172 -webkit-border-radius: 4px;
173 -moz-border-radius: 4px;
175 border: 1px solid #ECECF2;
179 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
181 background: -moz-linear-gradient(top, #ffffff 0%, #ececf2 100%);
182 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
183 background: -webkit-linear-gradient(top, #ffffff 0%,#ececf2 100%);
184 background: -o-linear-gradient(top, #ffffff 0%,#ececf2 100%);
185 background: -ms-linear-gradient(top, #ffffff 0%,#ececf2 100%);
186 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
187 background: linear-gradient(top, #ffffff 0%,#ececf2 100%);
190 #input_form_nav li:hover a, #input_form_nav li.current a {
192 text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
193 border: 1px solid #ececf2;
195 background: -moz-linear-gradient(top, #666 0%, #ccc 100%);
196 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#ccc));
197 background: -webkit-linear-gradient(top, #666 0%,#ccc 100%);
198 background: -o-linear-gradient(top, #666 0%,#ccc 100%);
199 background: -ms-linear-gradient(top, #666 0%,#ccc 100%);
200 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#ccc',GradientType=0 );
201 background: linear-gradient(top, #7b8dbb 0%,#ccc 100%);
204 .input_form_nav_tab a, .input_form_nav_tab.current a {
205 text-decoration: none;
208 .input_form fieldset fieldset label {
213 .form_notice .success,
214 .form_notice .notice-status {
215 -webkit-border-radius: 4px;
216 -moz-border-radius: 4px;
220 .form_notice_placeholder .placeholder,
221 .form_notice textarea ,
222 .input_form .form_settings li input,
223 .input_form .form_settings li textarea,
224 .threaded-replies .placeholder { /* TODO combine all these declarations */
225 -webkit-border-radius: 4px;
226 -moz-border-radius: 4px;
228 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
229 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
230 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
233 .input_form .form_settings .submit {
237 /* site nav local views */
239 #site_nav_local_views H3 {
242 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
246 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
247 text-transform: uppercase;
250 #site_nav_local_views a {
253 padding: 0px 10px 1px 10px;
254 -webkit-border-radius: 4px;
255 -moz-border-radius: 4px;
257 text-transform: uppercase;
258 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
259 word-wrap: break-word;
262 #site_nav_local_views a:hover, #site_nav_local_views .current a {
264 text-decoration: none;
265 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
267 background: -moz-linear-gradient(top, #666 0%, #ccc 100%);
268 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#ccc));
269 background: -webkit-linear-gradient(top, #666 0%,#ccc 100%);
270 background: -o-linear-gradient(top, #666 0%,#ccc 100%);
271 background: -ms-linear-gradient(top, #666 0%,#ccc 100%);
272 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#ccc',GradientType=0 );
273 background: linear-gradient(top, #666 0%,#ccc 100%);
278 #aside_primary .section {
285 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
289 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
290 text-transform: uppercase;
293 .profile_block .entity_actions {
300 .profile_block .entity_moderation:hover ul,
301 .profile_block .entity_role:hover ul {
305 .profile_block_name {
310 .profile_block_location {
314 .profile_block_description {
318 #site_nav_object ul {
319 background: url('../images/brdr_black_dot.png') repeat-x top left;
322 #site_nav_object li {
324 margin: -8px 0px 8px 0px;
331 padding: 0px 0px 1px 10px;
332 -webkit-border-radius: 4px;
333 -moz-border-radius: 4px;
335 text-transform: uppercase;
336 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
339 #site_nav_object a:hover, #site_nav_object .current a {
341 text-decoration: none;
342 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
344 background: -moz-linear-gradient(top, #666 0%, #ccc 100%);
345 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#ccc));
346 background: -webkit-linear-gradient(top, #666 0%,#ccc 100%);
347 background: -o-linear-gradient(top, #666 0%,#ccc 100%);
348 background: -ms-linear-gradient(top, #666 0%,#ccc 100%);
349 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#ccc',GradientType=0 );
350 background: linear-gradient(top, #666 0%,#ccc 100%);
353 .section ul.entities {
357 .section .entities li {
363 #popular_notices .avatar {
371 padding-bottom: 14px;
374 #aside_primary td .nickname {
379 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
380 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
381 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
391 text-transform: uppercase;
393 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
394 border: 1px solid #c33541;
396 -moz-border-radius: 4px;
397 -webkit-border-radius: 4px;
399 background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%);
400 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541));
401 background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%);
402 background: -o-linear-gradient(top, #a22430 0%,#c33541 100%);
403 background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%);
404 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#c33541',GradientType=0 );
405 background: linear-gradient(top, #a22430 0%,#c33541 100%);
408 .invite_button:hover {
410 text-decoration: none;
411 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
413 background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%);
414 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652));
415 background: -webkit-linear-gradient(top, #a22430 0%,#d44652 100%);
416 background: -o-linear-gradient(top, #a22430 0%,#d44652 100%);
417 background: -ms-linear-gradient(top, #a22430 0%,#d44652 100%);
418 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#d44652',GradientType=0 );
419 background: linear-gradient(top, #a22430 0%,#d44652 100%);
426 border-bottom: 3px solid #A6ADBF;
430 text-transform: none;
435 border-bottom: 2px dotted #eee;
438 .notice div.entry-content {
445 .notice:hover div.entry-content {
449 .user_in .notice div.entry-content {
453 div.entry-content a.response:before {
457 div.entry-content a.response:after {
465 .notice-options .form_repeat.dialogbox {
467 border: 1px solid #aaa;
468 -webkit-border-radius: 4px;
469 -moz-border-radius: 4px;
471 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
472 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
473 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
476 .notice-options .form_repeat.dialogbox legend {
480 .notice-options .form_repeat.dialogbox input.submit_dialogbox {
484 #content .threaded-replies .notice .author .photo {
485 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
486 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
487 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
490 .user_in.realtime-popup .notice div.entry-content {
495 .realtime-popup .threaded-replies {
499 .realtime-popup .threaded-replies .form_notice textarea {
500 width: 385px !important;
503 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
504 top: 10px !important;
505 right: 10px !important;
519 .entity_profile .entity_depiction {
529 .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 {
530 text-shadow:0 1px 0 rgba(255,255,255,0.4);
532 -moz-border-radius: 4px;
533 -webkit-border-radius: 4px;
534 background-color: #CDD1DD !important;
537 .entity_moderation:hover ul,
538 .entity_role:hover ul {
540 -moz-border-radius: 4px;
541 -webkit-border-radius: 4px;
544 .entity_send-a-message .form_notice legend {
545 text-shadow:0 1px 0 rgba(255,255,255,0.4);
548 .entity_send-a-message .form_notice {
549 border: 1px solid #7B4E82;
552 .entity_send-a-message .form_notice #notice_action-submit {
553 color: #fff !important;
557 .entity_subscribe .dialogbox, .entity_tag .dialogbox {
558 border: 1px solid #aaa;
559 -webkit-border-radius: 4px;
560 -moz-border-radius: 4px;
562 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
563 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
564 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
567 .entity_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox {
568 color: #fff !important;
571 #filter_tags_item .submit {
578 padding-bottom: 12px;
579 -webkit-border-radius: 6px;
580 -moz-border-radius: 6px;
593 #site_nav_global_secondary {
597 .error, .success, .notice-status {
598 -webkit-border-radius: 6px;
599 -moz-border-radius: 6px;
604 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit,
605 .entity_subscribe .dialogbox input.submit_dialogbox,
606 .entity_tag .dialogbox input.submit_dialogbox,
607 .form_repeat.dialogbox input.submit_dialogbox
608 { /* TODO combine all these declarations */
613 text-transform: uppercase;
615 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
616 border: 1px solid #c33541;
618 -moz-border-radius: 4px;
619 -webkit-border-radius: 4px;
621 background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%);
622 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541));
623 background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%);
624 background: -o-linear-gradient(top, #a22430 0%,#c33541 100%);
625 background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%);
626 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#c33541',GradientType=0 );
627 background: linear-gradient(top, #a22430 0%,#c33541 100%);
630 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover,
631 .entity_subscribe .dialogbox input.submit_dialogbox:hover,
632 .entity_tag .dialogbox input.submit_dialogbox:hover,
633 .form_repeat.dialogbox input.submit_dialogbox:hover
635 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
637 background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%);
638 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652));
639 background: -webkit-linear-gradient(top, #c33541 0%,#d44652 100%);
640 background: -o-linear-gradient(top, #c33541 0%,#d44652 100%);
641 background: -ms-linear-gradient(top, #c33541 0%,#d44652 100%);
642 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33541', endColorstr='#d44652',GradientType=0 );
643 background: linear-gradient(top, #c33541 0%,#d44652 100%);
646 .form_settings input#cancel, #form_action-no {
649 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
652 .form_settings input#cancel:hover, #form_action-no:hover {
655 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
658 .form_settings fieldset fieldset {
667 #invite #content ul {
668 list-style-type: none;
673 #invite #content li {
674 background: url(../images/resultset_next.png) no-repeat 0px 3px;
679 #invite #content #form_invite ul, #invite #content #form_invite li {
685 #form_invite input[type=text], #form_invite textarea {
688 border: 1px solid #a6a6a6;
689 -webkit-border-radius: 4px;
690 -moz-border-radius: 4px;
692 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
693 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
694 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
697 #form_invite textarea {
703 #form_invite a.add_row, #form_invite a.remove_row {
708 background-image: url('../../base/images/icons/icons-01.gif');
709 background-repeat: no-repeat;
712 #form_invite a.remove_row {
713 background-position: 0px -1252px;
714 display: inline-block;
721 #form_invite a.add_row {
725 background-position: 0px -1186px;
731 #form_invite label[for=personal] {
747 border-top: 1px dotted #bbb;
750 padding:11px 18px 11px 0;
753 #content td:last-child {
760 padding-bottom: 10px;
762 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
765 #form_search fieldset {
769 #form_search ul.form_data #q {
774 #form_search input.submit {
782 #noticesearch .entity_actions {
786 #noticesearch p.error {
792 .limited-scope .entry-content .timestamp {
797 .limited-scope .entry-content .timestamp:before {
798 content: url(../images/lock.png);
804 .limited-scope li .entry-content .timestamp {
808 .limited-scope li .entry-content .timestamp:before {
812 .limited-scope li.limited-scope .entry-content .timestamp {
816 .limited-scope li.limited-scope .entry-content .timestamp:before {
817 content: url(../images/lock.png);
825 label[for=blog-entry-content] {
826 display: none !important;
829 #input_form_blog td {
834 #input_form_blog td.mceToolbar {
838 h4.blog-entry-title {
843 /* Bookmark specific styles */
844 /* TODO separate base styles and move to plugin */
847 margin: 0px 0px 8px 0px;
853 .bookmark-notice-count {
855 -moz-border-radius: 4px;
856 -webkit-border-radius: 4px;
861 border: 1px solid #7b8dbb;
862 color: #666 !important;
868 .bookmark-notice-count:hover {
869 text-decoration: none;
871 border: 1px solid #7b8dbb;
872 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
875 .notice .bookmark-description {
881 .notice .bookmark-author {
894 -moz-border-radius: 4px;
895 -webkit-border-radius: 4px;
898 color: #666 !important;
899 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
903 ul.bookmark-tags a:hover {
904 background-color: #cdd1dd;
905 text-decoration: none;
909 float: none !important;
914 .bookmark div.entry-content {
922 .bookmark:hover div.entry-content {
930 border: 10px solid #364A84;
934 #bookmarkpopup #wrap {
937 padding: 40px 0px 25px 0px;
939 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
942 #bookmarkpopup #header {
947 #bookmarkpopup .form_settings label {
954 #bookmarkpopup .form_settings .form_data input {
958 #bookmarkpopup .form_guide {
962 #bookmarkpopup #bookmark-submit {
966 #bookmarkpopup fieldset fieldset {
970 #form_initial_bookmark.form_settings .form_data li {
974 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
980 /* Onboard specific styles */
981 /* TODO move to plugin */
984 background: url(../images/lightbox_bg.png) repeat 0 0 !important;
988 background: #fff url(../logo.png) no-repeat 10px bottom !important;
996 .onboard_iframe #wrap {
1001 .onboard_welcome p {
1002 margin-bottom: 10px;
1005 .onboard_welcome ul {
1006 list-style-type: none;
1007 margin-bottom: 10px;
1010 .onboard_welcome ul li {
1011 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1016 #aside_primary #onboard_section {
1017 background: #f2f2f2;
1021 -moz-border-radius: 4px;
1022 -webkit-border-radius: 4px;
1023 border: 1px solid #516499;
1024 background: #fafafa;
1027 #onboard_section H2 {
1028 -webkit-border-top-left-radius: 4px;
1029 -moz-border-radius-topleft: 4px;
1030 border-top-left-radius: 4px;
1031 -webkit-border-top-right-radius: 4px;
1032 -moz-border-radius-topright: 4px;
1033 border-top-right-radius: 4px;
1037 padding: 2px 0px 2px 10px;
1038 margin-right: -22px;
1041 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
1043 background: -moz-linear-gradient(top, #666 0%, #ccc 100%);
1044 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#ccc));
1045 background: -webkit-linear-gradient(top, #666 0%,#ccc 100%);
1046 background: -o-linear-gradient(top, #666 0%,#ccc 100%);
1047 background: -ms-linear-gradient(top, #666 0%,#ccc 100%);
1048 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#ccc',GradientType=0 );
1049 background: linear-gradient(top, #666 0%,#ccc 100%);
1052 #onboard_section ul {
1053 list-style-type: none;
1056 #onboard_section .onboard-step-incomplete {
1057 background: url(../images/resultset_next.png) no-repeat 0px 1px;
1059 margin-bottom: 10px;
1062 #onboard_section .onboard-step-complete {
1063 background: url(../images/tick.png) no-repeat 0px 1px;
1065 margin-bottom: 10px;
1066 text-decoration: line-through;
1070 /* Billing specific styles */
1071 /* TODO move to plugin */
1073 #content table.billing_info {
1075 background:rgba(240, 240, 240, 0.4);
1078 #content table.billing_info th {
1084 border: solid 2px red !important;
1087 #payment_history table {
1091 #billingadminpanel .form_settings input {
1095 /* Directory specific styles */
1096 /* TODO separate base styles and move to plugin */
1098 div#profile_directory div.alpha_nav > a {
1099 border-left: 1px solid #ccc !important;
1100 padding-left: 3.5px !important;
1101 padding-right: 4px !important;
1107 div#profile_directory div.alpha_nav > a.first {
1108 border-left: none !important;
1111 div#profile_directory div.alpha_nav a.current {
1112 background-color: #ECECF2 !important;
1115 table.profile_list {
1123 .profile_list th#created {
1127 .profile_list th#subscriptions {
1131 .profile_list th.current {
1132 background: none !important;
1135 .profile_list th.current.reverse {
1136 background: none !important;
1139 .profile_list th.current a {
1140 padding-right: 25px;
1141 background: url(../images/bluearrow_down.png) no-repeat top right;
1144 .profile_list th.current.reverse a {
1145 background: url(../images/bluearrow_up.png) no-repeat top right;
1148 table.profile_list tr.alt {
1149 background-color: #fafafa !important;
1150 border: none !important;
1164 .profile_list .nickname, .profile_list .fn.nickname {
1168 margin-bottom: -12px;
1172 .profile_list .label {
1174 margin-left: 59px !important;
1177 .profile_list .note {
1179 line-height: 1.36em;
1182 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1186 .profile_list td.entity_actions {
1191 padding-left: 6px !important;
1194 display: table-cell !important;
1197 .profile_list .entity_actions ul {
1202 .profile_list .entity_actions input {
1211 border: 1px solid #CDD1DD;
1214 .profile_list .form_group_leave input.submit,
1215 .profile_list .form_user_unsubscribe input.submit {
1216 background-position: 2px -1250px;
1219 .profile_list .form_group_join input.submit,
1220 .profile_list .form_user_subscribe input.submit {
1221 background-position: 2px -1184px;
1224 .profile_list .entity_actions input:hover {
1226 padding-right: 10px;
1230 border: 1px solid #A6ADBF;
1231 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1232 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1233 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1236 /* Event specific styles */
1237 /* TODO separate base styles and move to plugin */
1239 .notice .vevent div {
1244 margin-left: 0px !important;
1245 margin-top: 2px !important;
1248 .notice .event-info + .notice-options {
1252 .notice .threaded-replies .event-info + .notice-options {
1256 #form_event_rsvp #new_rsvp_data {
1261 #form_event_rsvp input.submit {
1267 text-transform: uppercase;
1269 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1270 border: 1px solid #c33541;
1272 -moz-border-radius: 4px;
1273 -webkit-border-radius: 4px;
1274 background: #a22430;
1275 background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%);
1276 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541));
1277 background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%);
1278 background: -o-linear-gradient(top, #a22430 0%,#c33541 100%);
1279 background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%);
1280 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#c33541',GradientType=0 );
1281 background: linear-gradient(top, #a22430 0%,#c33541 100%);
1284 #form_event_rsvp input.submit:hover {
1285 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1286 background: #a22430;
1287 background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%);
1288 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652));
1289 background: -webkit-linear-gradient(top, #c33541 0%,#d44652 100%);
1290 background: -o-linear-gradient(top, #c33541 0%,#d44652 100%);
1291 background: -ms-linear-gradient(top, #c33541 0%,#d44652 100%);
1292 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33541', endColorstr='#d44652',GradientType=0 );
1293 background: linear-gradient(top, #c33541 0%,#d44652 100%);
1296 #wrap .vevent form.processing input.submit {
1298 background: #a22430;
1301 #input_form_event .form_settings .form_data {
1305 #input_form_event .form_settings .form_data li {
1310 #input_form_event .form_settings .form_data label {
1314 label[for=event-starttime], label[for=event-endtime] {
1315 display: none !important;
1318 #event-starttime, #event-endtime {
1320 margin-bottom: -1px;
1324 #event-startdate, #event-enddate {
1331 .question div.question-description {
1333 line-height: 1.36em;
1338 .question div.answer-content, .qna-full-question div.answer-content {
1343 .qna-dummy-placeholder input, .question #qna-answer, .qna-full-question #qna-answer {
1344 -webkit-border-radius: 4px;
1345 -moz-border-radius: 4px;
1347 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1348 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1349 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1352 .question-description input.submit, .answer-content input.submit {
1355 margin: 6px 0px 10px 0px;
1358 text-transform: uppercase;
1360 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1361 border: 1px solid #c33541;
1363 -moz-border-radius: 4px;
1364 -webkit-border-radius: 4px;
1365 background: #a22430;
1366 background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%);
1367 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541));
1368 background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%);
1369 background: -o-linear-gradient(top, #a22430 0%,#c33541 100%);
1370 background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%);
1371 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#c33541',GradientType=0 );
1372 background: linear-gradient(top, #a22430 0%,#c33541 100%);
1375 #qna-answer-submit {
1379 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1380 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1381 background: #a22430;
1382 background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%);
1383 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652));
1384 background: -webkit-linear-gradient(top, #c33541 0%,#d44652 100%);
1385 background: -o-linear-gradient(top, #c33541 0%,#d44652 100%);
1386 background: -ms-linear-gradient(top, #c33541 0%,#d44652 100%);
1387 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33541', endColorstr='#d44652',GradientType=0 );
1388 background: linear-gradient(top, #c33541 0%,#d44652 100%);
1391 .question .question-description #answer-form input.submit {
1395 .question p.best, .answer p.best {
1396 background: url(../images/rosette.png) no-repeat top left;
1400 .question p.best:before, .answer p.best:before {
1401 content: none !important;
1404 /* Poll specific styles */
1406 .notice div.poll-content {
1410 #poll-response-submit {
1414 /* SNOD CompanyLogo styling */
1415 /* TODO move to plugin */
1417 #site_nav_local_views a.company_logo {
1421 text-transform: none;
1428 #site_nav_local_views a.company_logo:hover {
1431 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1439 .company_logo span {
1443 a.company_logo:hover span {
1444 text-decoration: underline;
1447 }/*end of @media screen, projection, tv*/