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 #content .threaded-replies .notice .author .photo {
481 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
482 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
483 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
486 .user_in.realtime-popup .notice div.entry-content {
491 .realtime-popup .threaded-replies {
495 .realtime-popup .threaded-replies .form_notice textarea {
496 width: 385px !important;
499 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
500 top: 10px !important;
501 right: 10px !important;
515 .entity_profile .entity_depiction {
525 .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 {
526 text-shadow:0 1px 0 rgba(255,255,255,0.4);
528 -moz-border-radius: 4px;
529 -webkit-border-radius: 4px;
530 background-color: #CDD1DD !important;
533 .entity_moderation:hover ul,
534 .entity_role:hover ul {
536 -moz-border-radius: 4px;
537 -webkit-border-radius: 4px;
540 .entity_send-a-message .form_notice legend {
541 text-shadow:0 1px 0 rgba(255,255,255,0.4);
544 .entity_send-a-message .form_notice {
545 border: 1px solid #7B4E82;
548 .entity_send-a-message .form_notice #notice_action-submit {
549 color: #fff !important;
553 .entity_subscribe .dialogbox, .entity_tag .dialogbox {
554 border: 1px solid #aaa;
555 -webkit-border-radius: 4px;
556 -moz-border-radius: 4px;
558 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
559 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
560 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
563 .entity_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox {
564 color: #fff !important;
567 #filter_tags_item .submit {
574 padding-bottom: 12px;
575 -webkit-border-radius: 6px;
576 -moz-border-radius: 6px;
589 #site_nav_global_secondary {
593 .error, .success, .notice-status {
594 -webkit-border-radius: 6px;
595 -moz-border-radius: 6px;
600 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit,
601 .entity_subscribe .dialogbox input.submit_dialogbox,
602 .entity_tag .dialogbox input.submit_dialogbox,
603 .form_repeat.dialogbox input.submit_dialogbox
604 { /* TODO combine all these declarations */
609 text-transform: uppercase;
611 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
612 border: 1px solid #c33541;
614 -moz-border-radius: 4px;
615 -webkit-border-radius: 4px;
617 background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%);
618 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541));
619 background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%);
620 background: -o-linear-gradient(top, #a22430 0%,#c33541 100%);
621 background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%);
622 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#c33541',GradientType=0 );
623 background: linear-gradient(top, #a22430 0%,#c33541 100%);
626 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover,
627 .entity_subscribe .dialogbox input.submit_dialogbox:hover,
628 .entity_tag .dialogbox input.submit_dialogbox:hover,
629 .form_repeat.dialogbox input.submit_dialogbox:hover
631 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
633 background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%);
634 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652));
635 background: -webkit-linear-gradient(top, #c33541 0%,#d44652 100%);
636 background: -o-linear-gradient(top, #c33541 0%,#d44652 100%);
637 background: -ms-linear-gradient(top, #c33541 0%,#d44652 100%);
638 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33541', endColorstr='#d44652',GradientType=0 );
639 background: linear-gradient(top, #c33541 0%,#d44652 100%);
642 .form_settings input#cancel, #form_action-no {
645 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
648 .form_settings input#cancel:hover, #form_action-no:hover {
651 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
654 .form_settings fieldset fieldset {
663 #invite #content ul {
664 list-style-type: none;
669 #invite #content li {
670 background: url(../images/resultset_next.png) no-repeat 0px 3px;
675 #invite #content #form_invite ul, #invite #content #form_invite li {
681 #form_invite input[type=text], #form_invite textarea {
684 border: 1px solid #a6a6a6;
685 -webkit-border-radius: 4px;
686 -moz-border-radius: 4px;
688 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
689 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
690 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
693 #form_invite textarea {
699 #form_invite a.add_row, #form_invite a.remove_row {
704 background-image: url('../../base/images/icons/icons-01.gif');
705 background-repeat: no-repeat;
708 #form_invite a.remove_row {
709 background-position: 0px -1252px;
710 display: inline-block;
717 #form_invite a.add_row {
721 background-position: 0px -1186px;
727 #form_invite label[for=personal] {
743 border-top: 1px dotted #bbb;
746 padding:11px 18px 11px 0;
749 #content td:last-child {
756 padding-bottom: 10px;
758 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
761 #form_search fieldset {
765 #form_search ul.form_data #q {
770 #form_search input.submit {
778 #noticesearch .entity_actions {
782 #noticesearch p.error {
788 .limited-scope .entry-content .timestamp {
793 .limited-scope .entry-content .timestamp:before {
794 content: url(../images/lock.png);
800 .limited-scope li .entry-content .timestamp {
804 .limited-scope li .entry-content .timestamp:before {
808 .limited-scope li.limited-scope .entry-content .timestamp {
812 .limited-scope li.limited-scope .entry-content .timestamp:before {
813 content: url(../images/lock.png);
821 label[for=blog-entry-content] {
822 display: none !important;
825 #input_form_blog td {
830 #input_form_blog td.mceToolbar {
834 h4.blog-entry-title {
839 /* Bookmark specific styles */
840 /* TODO separate base styles and move to plugin */
843 margin: 0px 0px 8px 0px;
849 .bookmark-notice-count {
851 -moz-border-radius: 4px;
852 -webkit-border-radius: 4px;
857 border: 1px solid #7b8dbb;
858 color: #666 !important;
864 .bookmark-notice-count:hover {
865 text-decoration: none;
867 border: 1px solid #7b8dbb;
868 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
871 .notice .bookmark-description {
877 .notice .bookmark-author {
890 -moz-border-radius: 4px;
891 -webkit-border-radius: 4px;
894 color: #666 !important;
895 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
899 ul.bookmark-tags a:hover {
900 background-color: #cdd1dd;
901 text-decoration: none;
905 float: none !important;
910 .bookmark div.entry-content {
918 .bookmark:hover div.entry-content {
926 border: 10px solid #364A84;
930 #bookmarkpopup #wrap {
933 padding: 40px 0px 25px 0px;
935 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
938 #bookmarkpopup #header {
943 #bookmarkpopup .form_settings label {
950 #bookmarkpopup .form_settings .form_data input {
954 #bookmarkpopup .form_guide {
958 #bookmarkpopup #bookmark-submit {
962 #bookmarkpopup fieldset fieldset {
966 #form_initial_bookmark.form_settings .form_data li {
970 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
976 /* Onboard specific styles */
977 /* TODO move to plugin */
980 background: url(../images/lightbox_bg.png) repeat 0 0 !important;
984 background: #fff url(../logo.png) no-repeat 10px bottom !important;
992 .onboard_iframe #wrap {
1001 .onboard_welcome ul {
1002 list-style-type: none;
1003 margin-bottom: 10px;
1006 .onboard_welcome ul li {
1007 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1012 #aside_primary #onboard_section {
1013 background: #f2f2f2;
1017 -moz-border-radius: 4px;
1018 -webkit-border-radius: 4px;
1019 border: 1px solid #516499;
1020 background: #fafafa;
1023 #onboard_section H2 {
1024 -webkit-border-top-left-radius: 4px;
1025 -moz-border-radius-topleft: 4px;
1026 border-top-left-radius: 4px;
1027 -webkit-border-top-right-radius: 4px;
1028 -moz-border-radius-topright: 4px;
1029 border-top-right-radius: 4px;
1033 padding: 2px 0px 2px 10px;
1034 margin-right: -22px;
1037 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
1039 background: -moz-linear-gradient(top, #666 0%, #ccc 100%);
1040 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#ccc));
1041 background: -webkit-linear-gradient(top, #666 0%,#ccc 100%);
1042 background: -o-linear-gradient(top, #666 0%,#ccc 100%);
1043 background: -ms-linear-gradient(top, #666 0%,#ccc 100%);
1044 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#ccc',GradientType=0 );
1045 background: linear-gradient(top, #666 0%,#ccc 100%);
1048 #onboard_section ul {
1049 list-style-type: none;
1052 #onboard_section .onboard-step-incomplete {
1053 background: url(../images/resultset_next.png) no-repeat 0px 1px;
1055 margin-bottom: 10px;
1058 #onboard_section .onboard-step-complete {
1059 background: url(../images/tick.png) no-repeat 0px 1px;
1061 margin-bottom: 10px;
1062 text-decoration: line-through;
1066 /* Billing specific styles */
1067 /* TODO move to plugin */
1069 #content table.billing_info {
1071 background:rgba(240, 240, 240, 0.4);
1074 #content table.billing_info th {
1080 border: solid 2px red !important;
1083 #payment_history table {
1087 #billingadminpanel .form_settings input {
1091 /* Directory specific styles */
1092 /* TODO separate base styles and move to plugin */
1094 div#profile_directory div.alpha_nav > a {
1095 border-left: 1px solid #ccc !important;
1096 padding-left: 3.5px !important;
1097 padding-right: 4px !important;
1103 div#profile_directory div.alpha_nav > a.first {
1104 border-left: none !important;
1107 div#profile_directory div.alpha_nav a.current {
1108 background-color: #ECECF2 !important;
1111 table.profile_list {
1119 .profile_list th#created {
1123 .profile_list th#subscriptions {
1127 .profile_list th.current {
1128 background: none !important;
1131 .profile_list th.current.reverse {
1132 background: none !important;
1135 .profile_list th.current a {
1136 padding-right: 25px;
1137 background: url(../images/bluearrow_down.png) no-repeat top right;
1140 .profile_list th.current.reverse a {
1141 background: url(../images/bluearrow_up.png) no-repeat top right;
1155 .profile_list .nickname, .profile_list .fn.nickname {
1159 margin-bottom: -12px;
1163 .profile_list .note {
1165 line-height: 1.36em;
1168 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1172 .profile_list td.entity_actions {
1177 padding-left: 6px !important;
1180 display: table-cell !important;
1183 .profile_list .entity_actions ul {
1188 .profile_list .entity_actions input {
1197 border: 1px solid #CDD1DD;
1200 .profile_list .form_group_leave input.submit,
1201 .profile_list .form_user_unsubscribe input.submit {
1202 background-position: 2px -1250px;
1205 .profile_list .form_group_join input.submit,
1206 .profile_list .form_user_subscribe input.submit {
1207 background-position: 2px -1184px;
1210 .profile_list .entity_actions input:hover {
1212 padding-right: 10px;
1216 border: 1px solid #A6ADBF;
1217 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1218 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1219 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1222 /* Event specific styles */
1223 /* TODO separate base styles and move to plugin */
1225 .notice .vevent div {
1230 margin-left: 0px !important;
1231 margin-top: 2px !important;
1234 .notice .event-info + .notice-options {
1238 .notice .threaded-replies .event-info + .notice-options {
1242 #form_event_rsvp #new_rsvp_data {
1247 #form_event_rsvp input.submit {
1253 text-transform: uppercase;
1255 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1256 border: 1px solid #c33541;
1258 -moz-border-radius: 4px;
1259 -webkit-border-radius: 4px;
1260 background: #a22430;
1261 background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%);
1262 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541));
1263 background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%);
1264 background: -o-linear-gradient(top, #a22430 0%,#c33541 100%);
1265 background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%);
1266 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#c33541',GradientType=0 );
1267 background: linear-gradient(top, #a22430 0%,#c33541 100%);
1270 #form_event_rsvp input.submit:hover {
1271 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1272 background: #a22430;
1273 background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%);
1274 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652));
1275 background: -webkit-linear-gradient(top, #c33541 0%,#d44652 100%);
1276 background: -o-linear-gradient(top, #c33541 0%,#d44652 100%);
1277 background: -ms-linear-gradient(top, #c33541 0%,#d44652 100%);
1278 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33541', endColorstr='#d44652',GradientType=0 );
1279 background: linear-gradient(top, #c33541 0%,#d44652 100%);
1282 #wrap .vevent form.processing input.submit {
1284 background: #a22430;
1287 #input_form_event .form_settings .form_data {
1291 #input_form_event .form_settings .form_data li {
1296 #input_form_event .form_settings .form_data label {
1300 label[for=event-starttime], label[for=event-endtime] {
1301 display: none !important;
1304 #event-starttime, #event-endtime {
1306 margin-bottom: -1px;
1310 #event-startdate, #event-enddate {
1317 .question div.question-description {
1319 line-height: 1.36em;
1324 .question div.answer-content, .qna-full-question div.answer-content {
1329 .qna-dummy-placeholder input, .question #qna-answer, .qna-full-question #qna-answer {
1330 -webkit-border-radius: 4px;
1331 -moz-border-radius: 4px;
1333 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1334 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1335 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1338 .question-description input.submit, .answer-content input.submit {
1341 margin: 6px 0px 10px 0px;
1344 text-transform: uppercase;
1346 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1347 border: 1px solid #c33541;
1349 -moz-border-radius: 4px;
1350 -webkit-border-radius: 4px;
1351 background: #a22430;
1352 background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%);
1353 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541));
1354 background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%);
1355 background: -o-linear-gradient(top, #a22430 0%,#c33541 100%);
1356 background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%);
1357 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#c33541',GradientType=0 );
1358 background: linear-gradient(top, #a22430 0%,#c33541 100%);
1361 #qna-answer-submit {
1365 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1366 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1367 background: #a22430;
1368 background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%);
1369 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652));
1370 background: -webkit-linear-gradient(top, #c33541 0%,#d44652 100%);
1371 background: -o-linear-gradient(top, #c33541 0%,#d44652 100%);
1372 background: -ms-linear-gradient(top, #c33541 0%,#d44652 100%);
1373 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33541', endColorstr='#d44652',GradientType=0 );
1374 background: linear-gradient(top, #c33541 0%,#d44652 100%);
1377 .question .question-description #answer-form input.submit {
1381 .question p.best, .answer p.best {
1382 background: url(../images/rosette.png) no-repeat top left;
1386 .question p.best:before, .answer p.best:before {
1387 content: none !important;
1390 /* Poll specific styles */
1392 .notice div.poll-content {
1396 #poll-response-submit {
1400 /* SNOD CompanyLogo styling */
1401 /* TODO move to plugin */
1403 #site_nav_local_views a.company_logo {
1407 text-transform: none;
1414 #site_nav_local_views a.company_logo:hover {
1417 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1425 .company_logo span {
1429 a.company_logo:hover span {
1430 text-decoration: underline;
1433 }/*end of @media screen, projection, tv*/