Mercurial > libervia-web
comparison public/libervia.css @ 442:17259c2ff96f
browser_side: changes about the UI (remarks from Franck):
- select "Register" by default instead of "Login"
- make the "Register" and "Login" button more visible
- do not use the "New message" button, directly display an empty entry
- "New message" button would be bigger (if we use it again)
- remove the background from the microblog entry header
- "toggle syntax" button is displayed below the text area and with plain text (no icon)
- icons for entry action are displayed in this order: "reply", "edit", "delete"
- icon for replying is bigger than the others
- used a "smiley" from tango as default avatar
| author | souliane <souliane@mailoo.org> |
|---|---|
| date | Wed, 14 May 2014 12:24:38 +0200 |
| parents | 0c4547587637 |
| children |
comparison
equal
deleted
inserted
replaced
| 441:63017904c4d4 | 442:17259c2ff96f |
|---|---|
| 614 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); | 614 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); |
| 615 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); | 615 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); |
| 616 } | 616 } |
| 617 | 617 |
| 618 .registerPanel_tabs .gwt-Label { | 618 .registerPanel_tabs .gwt-Label { |
| 619 margin-top: 20px; | 619 margin: 15px 7.5px 0px 7.5px; |
| 620 margin-left: 15px; | |
| 621 cursor: pointer; | 620 cursor: pointer; |
| 621 font-size: larger; | |
| 622 } | 622 } |
| 623 | 623 |
| 624 .registerPanel_tabs .gwt-TabBarItem div { | 624 .registerPanel_tabs .gwt-TabBarItem div { |
| 625 color: #444; | 625 color: #444; |
| 626 padding: 5px 7.5px; | |
| 627 border-radius: 5px 5px 0px 5px; | |
| 628 box-shadow: inset 0px 0px 2px 1px #9F2828; | |
| 626 } | 629 } |
| 627 | 630 |
| 628 .registerPanel_tabs .gwt-TabBarItem div:hover { | 631 .registerPanel_tabs .gwt-TabBarItem div:hover { |
| 629 color: #fff; | 632 color: #fff; |
| 633 box-shadow: inset 0px 0px 2px 2px #9F2828; | |
| 630 } | 634 } |
| 631 | 635 |
| 632 .registerPanel_tabs .gwt-TabBarItem-selected div { | 636 .registerPanel_tabs .gwt-TabBarItem-selected div { |
| 633 color: #fff; | 637 color: #fff; |
| 638 box-shadow: inset 0px 0px 2px 2px #9F2828; | |
| 639 } | |
| 640 | |
| 641 .registerPanel_tabs .gwt-TabBarRest { | |
| 642 border-bottom: 1px #3F1818 dashed; | |
| 634 } | 643 } |
| 635 | 644 |
| 636 .registerPanel_right_side { | 645 .registerPanel_right_side { |
| 637 background: #111 url('media/libervia/register_right.png'); | 646 background: #111 url('media/libervia/register_right.png'); |
| 638 height: 100%; | 647 height: 100%; |
| 806 width: 100%; | 815 width: 100%; |
| 807 } | 816 } |
| 808 | 817 |
| 809 .microblogNewButton { | 818 .microblogNewButton { |
| 810 width: 100%; | 819 width: 100%; |
| 820 height: 35px; | |
| 811 } | 821 } |
| 812 | 822 |
| 813 .subPanel { | 823 .subPanel { |
| 814 } | 824 } |
| 815 | 825 |
| 821 min-height: 64px; | 831 min-height: 64px; |
| 822 } | 832 } |
| 823 | 833 |
| 824 .mb_entry_header | 834 .mb_entry_header |
| 825 { | 835 { |
| 826 background: #AFAFAF; | |
| 827 cursor: pointer; | 836 cursor: pointer; |
| 828 } | 837 } |
| 829 | 838 |
| 830 .selected_widget .selected_entry .mb_entry_header | 839 .selected_widget .selected_entry .mb_entry_header |
| 831 { | 840 { |
| 893 | 902 |
| 894 .mb_entry_actions { | 903 .mb_entry_actions { |
| 895 float: right; | 904 float: right; |
| 896 margin: 5px; | 905 margin: 5px; |
| 897 cursor: pointer; | 906 cursor: pointer; |
| 898 font-size: larger; | 907 font-size: large; |
| 908 } | |
| 909 | |
| 910 .mb_entry_action_larger { | |
| 911 font-size: x-large; | |
| 912 } | |
| 913 | |
| 914 .mb_entry_toggle_syntax { | |
| 915 cursor: pointer; | |
| 916 text-align: right; | |
| 917 display: block; | |
| 918 position: relative; | |
| 919 top: -20px: | |
| 920 left: -20px; | |
| 899 } | 921 } |
| 900 | 922 |
| 901 /* Chat & MUC Room */ | 923 /* Chat & MUC Room */ |
| 902 | 924 |
| 903 .chatPanel { | 925 .chatPanel { |