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 {
240 border-bottom: 1px dashed gray;
246 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
247 text-transform: uppercase;
250 #site_nav_local_views a {
254 border-radius: 0.5ex;
255 text-transform: uppercase;
256 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
257 word-wrap: break-word;
260 #site_nav_local_views a:hover, #site_nav_local_views .current a {
262 text-decoration: none;
263 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
265 background: -moz-linear-gradient(top, #666 0%, #ccc 100%);
266 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#ccc));
267 background: -webkit-linear-gradient(top, #666 0%,#ccc 100%);
268 background: -o-linear-gradient(top, #666 0%,#ccc 100%);
269 background: -ms-linear-gradient(top, #666 0%,#ccc 100%);
270 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#ccc',GradientType=0 );
271 background: linear-gradient(top, #666 0%,#ccc 100%);
276 #aside_primary .section {
283 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
287 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
288 text-transform: uppercase;
291 .profile_block .entity_actions {
298 .profile_block .entity_moderation:hover ul,
299 .profile_block .entity_role:hover ul {
303 .profile_block_name {
308 .profile_block_location {
312 .profile_block_description {
316 #site_nav_object ul {
317 background: url('../images/brdr_black_dot.png') repeat-x top left;
320 #site_nav_object li {
322 margin: -8px 0px 8px 0px;
329 padding: 0px 0px 1px 10px;
330 -webkit-border-radius: 4px;
331 -moz-border-radius: 4px;
333 text-transform: uppercase;
334 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
337 #site_nav_object a:hover, #site_nav_object .current a {
339 text-decoration: none;
340 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
342 background: -moz-linear-gradient(top, #666 0%, #ccc 100%);
343 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#ccc));
344 background: -webkit-linear-gradient(top, #666 0%,#ccc 100%);
345 background: -o-linear-gradient(top, #666 0%,#ccc 100%);
346 background: -ms-linear-gradient(top, #666 0%,#ccc 100%);
347 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#ccc',GradientType=0 );
348 background: linear-gradient(top, #666 0%,#ccc 100%);
351 .section ul.entities {
355 .section .entities li {
361 #popular_notices .avatar {
369 padding-bottom: 14px;
372 #aside_primary td .nickname {
377 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
378 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
379 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
389 text-transform: uppercase;
391 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
392 border: 1px solid #c33541;
394 -moz-border-radius: 4px;
395 -webkit-border-radius: 4px;
397 background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%);
398 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541));
399 background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%);
400 background: -o-linear-gradient(top, #a22430 0%,#c33541 100%);
401 background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%);
402 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#c33541',GradientType=0 );
403 background: linear-gradient(top, #a22430 0%,#c33541 100%);
406 .invite_button:hover {
408 text-decoration: none;
409 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
411 background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%);
412 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652));
413 background: -webkit-linear-gradient(top, #a22430 0%,#d44652 100%);
414 background: -o-linear-gradient(top, #a22430 0%,#d44652 100%);
415 background: -ms-linear-gradient(top, #a22430 0%,#d44652 100%);
416 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#d44652',GradientType=0 );
417 background: linear-gradient(top, #a22430 0%,#d44652 100%);
424 border-bottom: 3px solid #A6ADBF;
428 text-transform: none;
433 border-bottom: 2px dotted #eee;
436 .notice div.entry-content {
443 .notice:hover div.entry-content {
447 .user_in .notice div.entry-content {
451 div.entry-content a.response:before {
455 div.entry-content a.response:after {
463 .notice-options .form_repeat.dialogbox {
465 border: 1px solid #aaa;
466 -webkit-border-radius: 4px;
467 -moz-border-radius: 4px;
469 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
470 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
471 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
474 .notice-options .form_repeat.dialogbox legend {
478 #content .threaded-replies .notice .author .photo {
479 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
480 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
481 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
484 .user_in.realtime-popup .notice div.entry-content {
489 .realtime-popup .threaded-replies {
493 .realtime-popup .threaded-replies .form_notice textarea {
494 width: 385px !important;
497 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
498 top: 10px !important;
499 right: 10px !important;
513 .entity_profile .entity_depiction {
523 .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 {
524 text-shadow:0 1px 0 rgba(255,255,255,0.4);
526 -moz-border-radius: 4px;
527 -webkit-border-radius: 4px;
528 background-color: #CDD1DD !important;
531 .entity_moderation:hover ul,
532 .entity_role:hover ul {
534 -moz-border-radius: 4px;
535 -webkit-border-radius: 4px;
538 .entity_send-a-message .form_notice legend {
539 text-shadow:0 1px 0 rgba(255,255,255,0.4);
542 .entity_send-a-message .form_notice {
543 border: 1px solid #7B4E82;
546 .entity_send-a-message .form_notice #notice_action-submit {
547 color: #fff !important;
551 .entity_subscribe .dialogbox, .entity_tag .dialogbox {
552 border: 1px solid #aaa;
553 -webkit-border-radius: 4px;
554 -moz-border-radius: 4px;
556 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
557 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
558 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
561 .entity_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox {
562 color: #fff !important;
565 #filter_tags_item .submit {
572 padding-bottom: 12px;
573 -webkit-border-radius: 6px;
574 -moz-border-radius: 6px;
587 #site_nav_global_secondary {
591 .error, .success, .notice-status {
592 -webkit-border-radius: 6px;
593 -moz-border-radius: 6px;
598 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit,
599 .entity_subscribe .dialogbox input.submit_dialogbox,
600 .entity_tag .dialogbox input.submit_dialogbox,
601 .form_repeat.dialogbox input.submit_dialogbox
602 { /* TODO combine all these declarations */
607 text-transform: uppercase;
609 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
610 border: 1px solid #c33541;
612 -moz-border-radius: 4px;
613 -webkit-border-radius: 4px;
615 background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%);
616 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541));
617 background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%);
618 background: -o-linear-gradient(top, #a22430 0%,#c33541 100%);
619 background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%);
620 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#c33541',GradientType=0 );
621 background: linear-gradient(top, #a22430 0%,#c33541 100%);
624 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover,
625 .entity_subscribe .dialogbox input.submit_dialogbox:hover,
626 .entity_tag .dialogbox input.submit_dialogbox:hover,
627 .form_repeat.dialogbox input.submit_dialogbox:hover
629 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
631 background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%);
632 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652));
633 background: -webkit-linear-gradient(top, #c33541 0%,#d44652 100%);
634 background: -o-linear-gradient(top, #c33541 0%,#d44652 100%);
635 background: -ms-linear-gradient(top, #c33541 0%,#d44652 100%);
636 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33541', endColorstr='#d44652',GradientType=0 );
637 background: linear-gradient(top, #c33541 0%,#d44652 100%);
640 .form_settings input#cancel, #form_action-no {
643 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
646 .form_settings input#cancel:hover, #form_action-no:hover {
649 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
652 .form_settings fieldset fieldset {
661 #invite #content ul {
662 list-style-type: none;
667 #invite #content li {
668 background: url(../images/resultset_next.png) no-repeat 0px 3px;
673 #invite #content #form_invite ul, #invite #content #form_invite li {
679 #form_invite input[type=text], #form_invite textarea {
682 border: 1px solid #a6a6a6;
683 -webkit-border-radius: 4px;
684 -moz-border-radius: 4px;
686 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
687 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
688 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
691 #form_invite textarea {
697 #form_invite a.add_row, #form_invite a.remove_row {
702 background-image: url('../../base/images/icons/icons-01.gif');
703 background-repeat: no-repeat;
706 #form_invite a.remove_row {
707 background-position: 0px -1252px;
708 display: inline-block;
715 #form_invite a.add_row {
719 background-position: 0px -1186px;
725 #form_invite label[for=personal] {
741 border-top: 1px dotted #bbb;
744 padding:11px 18px 11px 0;
747 #content td:last-child {
754 padding-bottom: 10px;
756 background: url('../images/brdr_black_dot.png') repeat-x bottom left;
759 #form_search fieldset {
763 #form_search ul.form_data #q {
768 #form_search input.submit {
776 #noticesearch .entity_actions {
780 #noticesearch p.error {
786 .limited-scope .entry-content .timestamp {
791 .limited-scope .entry-content .timestamp:before {
792 content: url(../images/lock.png);
798 .limited-scope li .entry-content .timestamp {
802 .limited-scope li .entry-content .timestamp:before {
806 .limited-scope li.limited-scope .entry-content .timestamp {
810 .limited-scope li.limited-scope .entry-content .timestamp:before {
811 content: url(../images/lock.png);
819 label[for=blog-entry-content] {
820 display: none !important;
823 #input_form_blog td {
828 #input_form_blog td.mceToolbar {
832 h4.blog-entry-title {
837 /* Bookmark specific styles */
838 /* TODO separate base styles and move to plugin */
841 margin: 0px 0px 8px 0px;
847 .bookmark-notice-count {
849 -moz-border-radius: 4px;
850 -webkit-border-radius: 4px;
855 border: 1px solid #7b8dbb;
856 color: #666 !important;
862 .bookmark-notice-count:hover {
863 text-decoration: none;
865 border: 1px solid #7b8dbb;
866 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
869 .notice .bookmark-description {
875 .notice .bookmark-author {
888 -moz-border-radius: 4px;
889 -webkit-border-radius: 4px;
892 color: #666 !important;
893 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
897 ul.bookmark-tags a:hover {
898 background-color: #cdd1dd;
899 text-decoration: none;
903 float: none !important;
908 .bookmark div.entry-content {
916 .bookmark:hover div.entry-content {
924 border: 10px solid #364A84;
928 #bookmarkpopup #wrap {
931 padding: 40px 0px 25px 0px;
933 background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
936 #bookmarkpopup #header {
941 #bookmarkpopup .form_settings label {
948 #bookmarkpopup .form_settings .form_data input {
952 #bookmarkpopup .form_guide {
956 #bookmarkpopup #bookmark-submit {
960 #bookmarkpopup fieldset fieldset {
964 #form_initial_bookmark.form_settings .form_data li {
968 #form_new_bookmark.form_settings .bookmarkform-thumbnail {
974 /* Onboard specific styles */
975 /* TODO move to plugin */
978 background: url(../images/lightbox_bg.png) repeat 0 0 !important;
982 background: #fff url(../logo.png) no-repeat 10px bottom !important;
990 .onboard_iframe #wrap {
999 .onboard_welcome ul {
1000 list-style-type: none;
1001 margin-bottom: 10px;
1004 .onboard_welcome ul li {
1005 background: url(../images/resultset_next.png) no-repeat 0px 3px;
1010 #aside_primary #onboard_section {
1011 background: #f2f2f2;
1015 -moz-border-radius: 4px;
1016 -webkit-border-radius: 4px;
1017 border: 1px solid #516499;
1018 background: #fafafa;
1021 #onboard_section H2 {
1022 -webkit-border-top-left-radius: 4px;
1023 -moz-border-radius-topleft: 4px;
1024 border-top-left-radius: 4px;
1025 -webkit-border-top-right-radius: 4px;
1026 -moz-border-radius-topright: 4px;
1027 border-top-right-radius: 4px;
1031 padding: 2px 0px 2px 10px;
1032 margin-right: -22px;
1035 text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
1037 background: -moz-linear-gradient(top, #666 0%, #ccc 100%);
1038 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#ccc));
1039 background: -webkit-linear-gradient(top, #666 0%,#ccc 100%);
1040 background: -o-linear-gradient(top, #666 0%,#ccc 100%);
1041 background: -ms-linear-gradient(top, #666 0%,#ccc 100%);
1042 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#ccc',GradientType=0 );
1043 background: linear-gradient(top, #666 0%,#ccc 100%);
1046 #onboard_section ul {
1047 list-style-type: none;
1050 #onboard_section .onboard-step-incomplete {
1051 background: url(../images/resultset_next.png) no-repeat 0px 1px;
1053 margin-bottom: 10px;
1056 #onboard_section .onboard-step-complete {
1057 background: url(../images/tick.png) no-repeat 0px 1px;
1059 margin-bottom: 10px;
1060 text-decoration: line-through;
1064 /* Billing specific styles */
1065 /* TODO move to plugin */
1067 #content table.billing_info {
1069 background:rgba(240, 240, 240, 0.4);
1072 #content table.billing_info th {
1078 border: solid 2px red !important;
1081 #payment_history table {
1085 #billingadminpanel .form_settings input {
1089 /* Directory specific styles */
1090 /* TODO separate base styles and move to plugin */
1092 div#profile_directory div.alpha_nav > a {
1093 border-left: 1px solid #ccc !important;
1094 padding-left: 3.5px !important;
1095 padding-right: 4px !important;
1101 div#profile_directory div.alpha_nav > a.first {
1102 border-left: none !important;
1105 div#profile_directory div.alpha_nav a.current {
1106 background-color: #ECECF2 !important;
1109 table.profile_list {
1117 .profile_list th#created {
1121 .profile_list th#subscriptions {
1125 .profile_list th.current {
1126 background: none !important;
1129 .profile_list th.current.reverse {
1130 background: none !important;
1133 .profile_list th.current a {
1134 padding-right: 25px;
1135 background: url(../images/bluearrow_down.png) no-repeat top right;
1138 .profile_list th.current.reverse a {
1139 background: url(../images/bluearrow_up.png) no-repeat top right;
1153 .profile_list .nickname, .profile_list .fn.nickname {
1157 margin-bottom: -12px;
1161 .profile_list .note {
1163 line-height: 1.36em;
1166 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1170 .profile_list td.entity_actions {
1175 padding-left: 6px !important;
1178 display: table-cell !important;
1181 .profile_list .entity_actions ul {
1186 .profile_list .entity_actions input {
1195 border: 1px solid #CDD1DD;
1198 .profile_list .form_group_leave input.submit,
1199 .profile_list .form_user_unsubscribe input.submit {
1200 background-position: 2px -1250px;
1203 .profile_list .form_group_join input.submit,
1204 .profile_list .form_user_subscribe input.submit {
1205 background-position: 2px -1184px;
1208 .profile_list .entity_actions input:hover {
1210 padding-right: 10px;
1214 border: 1px solid #A6ADBF;
1215 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1216 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1217 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1220 /* Event specific styles */
1221 /* TODO separate base styles and move to plugin */
1223 .notice .vevent div {
1228 margin-left: 0px !important;
1229 margin-top: 2px !important;
1232 .notice .event-info + .notice-options {
1236 .notice .threaded-replies .event-info + .notice-options {
1240 #form_event_rsvp #new_rsvp_data {
1245 #form_event_rsvp input.submit {
1251 text-transform: uppercase;
1253 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1254 border: 1px solid #c33541;
1256 -moz-border-radius: 4px;
1257 -webkit-border-radius: 4px;
1258 background: #a22430;
1259 background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%);
1260 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541));
1261 background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%);
1262 background: -o-linear-gradient(top, #a22430 0%,#c33541 100%);
1263 background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%);
1264 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#c33541',GradientType=0 );
1265 background: linear-gradient(top, #a22430 0%,#c33541 100%);
1268 #form_event_rsvp input.submit:hover {
1269 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1270 background: #a22430;
1271 background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%);
1272 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652));
1273 background: -webkit-linear-gradient(top, #c33541 0%,#d44652 100%);
1274 background: -o-linear-gradient(top, #c33541 0%,#d44652 100%);
1275 background: -ms-linear-gradient(top, #c33541 0%,#d44652 100%);
1276 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33541', endColorstr='#d44652',GradientType=0 );
1277 background: linear-gradient(top, #c33541 0%,#d44652 100%);
1280 #wrap .vevent form.processing input.submit {
1282 background: #a22430;
1285 #input_form_event .form_settings .form_data {
1289 #input_form_event .form_settings .form_data li {
1294 #input_form_event .form_settings .form_data label {
1298 label[for=event-starttime], label[for=event-endtime] {
1299 display: none !important;
1302 #event-starttime, #event-endtime {
1304 margin-bottom: -1px;
1308 #event-startdate, #event-enddate {
1315 .question div.question-description {
1317 line-height: 1.36em;
1322 .question div.answer-content, .qna-full-question div.answer-content {
1327 .qna-dummy-placeholder input, .question #qna-answer, .qna-full-question #qna-answer {
1328 -webkit-border-radius: 4px;
1329 -moz-border-radius: 4px;
1331 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1332 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1333 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1336 .question-description input.submit, .answer-content input.submit {
1339 margin: 6px 0px 10px 0px;
1342 text-transform: uppercase;
1344 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1345 border: 1px solid #c33541;
1347 -moz-border-radius: 4px;
1348 -webkit-border-radius: 4px;
1349 background: #a22430;
1350 background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%);
1351 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541));
1352 background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%);
1353 background: -o-linear-gradient(top, #a22430 0%,#c33541 100%);
1354 background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%);
1355 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a22430', endColorstr='#c33541',GradientType=0 );
1356 background: linear-gradient(top, #a22430 0%,#c33541 100%);
1359 #qna-answer-submit {
1363 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1364 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1365 background: #a22430;
1366 background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%);
1367 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652));
1368 background: -webkit-linear-gradient(top, #c33541 0%,#d44652 100%);
1369 background: -o-linear-gradient(top, #c33541 0%,#d44652 100%);
1370 background: -ms-linear-gradient(top, #c33541 0%,#d44652 100%);
1371 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33541', endColorstr='#d44652',GradientType=0 );
1372 background: linear-gradient(top, #c33541 0%,#d44652 100%);
1375 .question .question-description #answer-form input.submit {
1379 .question p.best, .answer p.best {
1380 background: url(../images/rosette.png) no-repeat top left;
1384 .question p.best:before, .answer p.best:before {
1385 content: none !important;
1388 /* Poll specific styles */
1390 .notice div.poll-content {
1394 #poll-response-submit {
1398 /* SNOD CompanyLogo styling */
1399 /* TODO move to plugin */
1401 #site_nav_local_views a.company_logo {
1405 text-transform: none;
1412 #site_nav_local_views a.company_logo:hover {
1415 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1423 .company_logo span {
1427 a.company_logo:hover span {
1428 text-decoration: underline;
1431 }/*end of @media screen, projection, tv*/