changeset 141 | 1fa3a734453e |
parent 127 | b097dcbfb6c9 |
child 149 | 83a73014cdca |
140:341044279bca | 141:1fa3a734453e |
---|---|
3071 /* |
3071 /* |
3072 * Typos styles |
3072 * Typos styles |
3073 */ |
3073 */ |
3074 @font-face { |
3074 @font-face { |
3075 font-family: 'Ubuntu'; |
3075 font-family: 'Ubuntu'; |
3076 src: url('fonts/Ubuntu-C.eot'); |
3076 src: url('./fonts/Ubuntu-C.eot'); |
3077 src: url('fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-C.woff') format('woff'), url('fonts/Ubuntu-C.ttf') format('truetype'), url('fonts/Ubuntu-C.svg') format('svg'); |
3077 src: url('./fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-C.woff') format('woff'), url('./fonts/Ubuntu-C.ttf') format('truetype'), url('./fonts/Ubuntu-C.svg') format('svg'); |
3078 font-weight: normal; |
3078 font-weight: normal; |
3079 font-style: normal; |
3079 font-style: normal; |
3080 } |
3080 } |
3081 @font-face { |
3081 @font-face { |
3082 font-family: 'Ubuntu-Light'; |
3082 font-family: 'Ubuntu-Light'; |
3083 src: url('fonts/Ubuntu-L.eot'); |
3083 src: url('./fonts/Ubuntu-L.eot'); |
3084 src: url('fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-L.woff') format('woff'), url('fonts/Ubuntu-L.ttf') format('truetype'), url('fonts/Ubuntu-L.svg') format('svg'); |
3084 src: url('./fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-L.woff') format('woff'), url('./fonts/Ubuntu-L.ttf') format('truetype'), url('./fonts/Ubuntu-L.svg') format('svg'); |
3085 font-weight: normal; |
3085 font-weight: normal; |
3086 font-style: normal; |
3086 font-style: normal; |
3087 } |
3087 } |
3088 @font-face { |
3088 @font-face { |
3089 font-family: 'Ubuntu-Bold'; |
3089 font-family: 'Ubuntu-Bold'; |
3090 src: url('fonts/Ubuntu-B.eot'); |
3090 src: url('./fonts/Ubuntu-B.eot'); |
3091 src: url('fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-B.woff') format('woff'), url('fonts/Ubuntu-B.ttf') format('truetype'), url('fonts/Ubuntu-B.svg') format('svg'); |
3091 src: url('./fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-B.woff') format('woff'), url('./fonts/Ubuntu-B.ttf') format('truetype'), url('./fonts/Ubuntu-B.svg') format('svg'); |
3092 font-weight: bold; |
3092 font-weight: bold; |
3093 font-style: normal; |
3093 font-style: normal; |
3094 } |
3094 } |
3095 @font-face { |
3095 @font-face { |
3096 font-family: 'OpenSans'; |
3096 font-family: 'OpenSans'; |
3097 src: url('fonts/OpenSans-Regular.eot'); |
3097 src: url('./fonts/OpenSans-Regular.eot'); |
3098 src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular.woff2') format('woff2'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.svg') format('svg'); |
3098 src: url('./fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans-Regular.woff2') format('woff2'), url('./fonts/OpenSans-Regular.woff') format('woff'), url('./fonts/OpenSans-Regular.ttf') format('truetype'), url('./fonts/OpenSans-Regular.svg') format('svg'); |
3099 font-weight: normal; |
3099 font-weight: normal; |
3100 font-style: normal; |
3100 font-style: normal; |
3101 } |
3101 } |
3102 html, |
3102 html, |
3103 body { |
3103 body { |
3639 .font-400 { |
3639 .font-400 { |
3640 font-size: 400%!important; |
3640 font-size: 400%!important; |
3641 } |
3641 } |
3642 .badge { |
3642 .badge { |
3643 font-size: 11px; |
3643 font-size: 11px; |
3644 padding: 4px 6px 1px; |
3644 padding: 3px 6px 2px; |
3645 } |
3645 } |
3646 .label { |
3646 .label { |
3647 padding: 0.3em .6em .1em; |
3647 padding: 0.3em .6em .1em; |
3648 } |
3648 } |
3649 .cursor-pointer { |
3649 .cursor-pointer { |
3770 /*background: -webkit-gradient(linear, left top, right top, color-stop(93%, #829db0), color-stop(100%, #6f8696)); |
3770 /*background: -webkit-gradient(linear, left top, right top, color-stop(93%, #829db0), color-stop(100%, #6f8696)); |
3771 background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%); |
3771 background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%); |
3772 background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696)); |
3772 background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696)); |
3773 background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%); |
3773 background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%); |
3774 background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/ |
3774 background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/ |
3775 |
|
3775 } |
3776 } |
3776 #header { |
3777 #header { |
3777 display: block; |
3778 display: block; |
3778 height: 49px; |
3779 height: 49px; |
3779 position: relative; |
3780 position: relative; |
4494 .login-info a.btn-primary { |
4495 .login-info a.btn-primary { |
4495 color: #dedede; |
4496 color: #dedede; |
4496 } |
4497 } |
4497 .login-info span { |
4498 .login-info span { |
4498 /*height: 38px;*/ |
4499 /*height: 38px;*/ |
4500 |
|
4499 display: inline-block; |
4501 display: inline-block; |
4500 padding: 0 0 0 10px; |
4502 padding: 0 0 0 10px; |
4501 /*border-bottom: 1px solid #1A1817;*/ |
4503 /*border-bottom: 1px solid #1A1817;*/ |
4504 |
|
4502 } |
4505 } |
4503 .login-info span a.btn-success { |
4506 .login-info span a.btn-success { |
4504 margin-top: -10px; |
4507 margin-top: -10px; |
4505 } |
4508 } |
4506 .login-info img { |
4509 .login-info img { |
4564 .minified #left-panel > ul > li, |
4567 .minified #left-panel > ul > li, |
4565 .minified nav > ul > li { |
4568 .minified nav > ul > li { |
4566 overflow: visible; |
4569 overflow: visible; |
4567 /*border-bottom: 1px solid #1A1817; |
4570 /*border-bottom: 1px solid #1A1817; |
4568 border-top: 1px solid #525151;*/ |
4571 border-top: 1px solid #525151;*/ |
4572 |
|
4569 } |
4573 } |
4570 .minified #left-panel > ul > li > ul::before, |
4574 .minified #left-panel > ul > li > ul::before, |
4571 .minified nav > ul > li > ul::before { |
4575 .minified nav > ul > li > ul::before { |
4572 border-left: 0; |
4576 border-left: 0; |
4573 } |
4577 } |
4670 } |
4674 } |
4671 .minified #left-panel > ul > li > ul > li, |
4675 .minified #left-panel > ul > li > ul > li, |
4672 .minified nav > ul > li > ul > li { |
4676 .minified nav > ul > li > ul > li { |
4673 background-color: rgba(91, 103, 113, 0.8); |
4677 background-color: rgba(91, 103, 113, 0.8); |
4674 /*background-color: rgba(69, 69, 69, .9);*/ |
4678 /*background-color: rgba(69, 69, 69, .9);*/ |
4679 |
|
4675 } |
4680 } |
4676 .minified #left-panel > ul > li > ul > li > ul > li, |
4681 .minified #left-panel > ul > li > ul > li > ul > li, |
4677 .minified nav > ul > li > ul > li > ul > li { |
4682 .minified nav > ul > li > ul > li > ul > li { |
4678 background-color: #627685; |
4683 background-color: #627685; |
4679 } |
4684 } |
5501 nav > ul > li:hover > ul > li::before { |
5506 nav > ul > li:hover > ul > li::before { |
5502 border-color: #ACACAC!important; |
5507 border-color: #ACACAC!important; |
5503 } |
5508 } |
5504 nav > ul > li > a > .badge.pull-right { |
5509 nav > ul > li > a > .badge.pull-right { |
5505 margin-right: 15px; |
5510 margin-right: 15px; |
5511 } |
|
5512 .minified nav > ul > li > a > .badge.pull-right { |
|
5513 position: absolute; |
|
5514 margin-right: 0; |
|
5515 top: 0.4em; |
|
5516 right: 5px; |
|
5506 } |
5517 } |
5507 nav > ul > li > a b { |
5518 nav > ul > li > a b { |
5508 position: absolute!important; |
5519 position: absolute!important; |
5509 visibility: hidden; |
5520 visibility: hidden; |
5510 right: 10px; |
5521 right: 10px; |
5737 } |
5748 } |
5738 .dropdown-submenu.pull-left > .dropdown-menu { |
5749 .dropdown-submenu.pull-left > .dropdown-menu { |
5739 left: -100%; |
5750 left: -100%; |
5740 margin-left: 10px; |
5751 margin-left: 10px; |
5741 } |
5752 } |
5742 .ajax-dropdown { |
5753 #user-activity .ajax-dropdown { |
5743 position: absolute; |
5754 position: absolute; |
5744 display: none; |
5755 display: none; |
5745 z-index: 1003; |
5756 z-index: 1003; |
5746 top: 48px; |
5757 top: 48px; |
5747 left: 16px; |
5758 left: 16px; |
5748 width: 344px; |
5759 width: 344px; |
5749 height: 435px; |
5760 height: 452px; |
5750 border-radius: 0; |
5761 border-radius: 0; |
5751 -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
5762 -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
5752 box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
5763 box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
5753 padding: 10px; |
5764 padding: 10px; |
5754 background: #fff; |
5765 background: #fff; |
5755 border: 1px solid #b3b3b3; |
5766 border: 1px solid #b3b3b3; |
5756 } |
5767 } |
5757 @media only screen and (min-width: 320px) and (max-width: 479px) { |
5768 @media only screen and (min-width: 320px) and (max-width: 479px) { |
5758 .ajax-dropdown { |
5769 #user-activity .ajax-dropdown { |
5759 width: 299px; |
5770 width: 299px; |
5760 height: 320px; |
5771 height: 337px; |
5761 left: 0; |
5772 left: 0; |
5762 top: 49px; |
5773 top: 49px; |
5763 } |
5774 } |
5764 } |
5775 } |
5765 .ajax-dropdown:after, |
5776 #user-activity .ajax-dropdown:after, |
5766 .ajax-dropdown:before { |
5777 #user-activity .ajax-dropdown:before { |
5767 bottom: 100%; |
5778 bottom: 100%; |
5768 border: solid transparent; |
5779 border: solid transparent; |
5769 content: " "; |
5780 content: " "; |
5770 height: 0; |
5781 height: 0; |
5771 width: 0; |
5782 width: 0; |
5772 position: absolute; |
5783 position: absolute; |
5773 pointer-events: none; |
5784 pointer-events: none; |
5774 } |
5785 } |
5775 .ajax-dropdown:before { |
5786 #user-activity .ajax-dropdown:before { |
5776 border-color: rgba(131, 131, 131, 0); |
5787 border-color: rgba(131, 131, 131, 0); |
5777 border-bottom-color: #838383; |
5788 border-bottom-color: #838383; |
5778 border-width: 8px; |
5789 border-width: 8px; |
5779 left: 50%; |
5790 right: 8px; |
5780 margin-left: -8px; |
5791 margin-left: -8px; |
5781 } |
5792 } |
5782 @media only screen and (min-width: 320px) and (max-width: 479px) { |
5793 @media only screen and (min-width: 320px) and (max-width: 479px) { |
5783 .ajax-dropdown:before { |
5794 #user-activity .ajax-dropdown:before { |
5784 margin-left: -14px; |
5795 margin-left: -14px; |
5785 } |
5796 right: 13px; |
5786 } |
5797 } |
5787 .ajax-dropdown:after { |
5798 } |
5799 #user-activity .ajax-dropdown:after { |
|
5788 border-color: rgba(255, 255, 255, 0); |
5800 border-color: rgba(255, 255, 255, 0); |
5789 border-bottom-color: #fff; |
5801 border-bottom-color: #fff; |
5790 border-width: 7px; |
5802 border-width: 7px; |
5791 left: 50%; |
5803 right: 9px; |
5792 margin-left: -7px; |
5804 margin-left: -7px; |
5793 } |
5805 } |
5794 @media only screen and (min-width: 320px) and (max-width: 479px) { |
5806 @media only screen and (min-width: 320px) and (max-width: 479px) { |
5795 .ajax-dropdown:after { |
5807 #user-activity .ajax-dropdown:after { |
5796 margin-left: -13px; |
5808 margin-left: -13px; |
5797 } |
5809 right: 14px; |
5798 } |
5810 } |
5799 .ajax-dropdown > :last-child { |
5811 } |
5812 #user-activity .ajax-dropdown > :last-child { |
|
5800 font-size: 13px; |
5813 font-size: 13px; |
5801 display: block; |
5814 display: block; |
5802 padding: 5px 0; |
5815 padding: 5px 0; |
5803 line-height: 22px; |
5816 line-height: 20px; |
5804 font-weight: 400; |
5817 font-weight: 400; |
5805 } |
5818 } |
5806 .ajax-dropdown > :first-child { |
5819 #user-activity .ajax-dropdown > :first-child { |
5807 margin: 0 0 3px; |
5820 margin: 0 0 3px; |
5808 padding: 0 0 9px; |
5821 padding: 0 0 9px; |
5809 } |
5822 } |
5810 .ajax-dropdown .fa-4x.fa-border { |
5823 #user-activity .ajax-dropdown .fa-4x.fa-border { |
5811 border-width: 3px; |
5824 border-width: 3px; |
5812 border-radius: 50%; |
5825 border-radius: 50%; |
5813 display: block; |
5826 display: block; |
5814 margin: 0 auto; |
5827 margin: 0 auto; |
5815 width: 46px; |
5828 width: 80px; |
5816 text-align: center; |
5829 text-align: center; |
5817 color: #D1D1D1; |
5830 color: #D1D1D1; |
5818 border-color: #D1D1D1; |
5831 border-color: #D1D1D1; |
5819 } |
5832 } |
5820 .ajax-dropdown .btn-group .btn { |
5833 #user-activity .ajax-dropdown .btn-group .btn { |
5821 font-weight: 700; |
5834 font-weight: 700; |
5822 text-transform: capitalize; |
5835 text-transform: capitalize; |
5823 } |
5836 } |
5824 .ajax-dropdown .btn-group > :nth-child(2) { |
5837 #user-activity .ajax-dropdown .btn-group > :nth-child(2) { |
5825 border-right-width: 0; |
5838 border-right-width: 0; |
5826 border-left-width: 0; |
5839 border-left-width: 0; |
5827 } |
5840 } |
5828 .ajax-dropdown .btn-group .btn:active { |
5841 #user-activity .ajax-dropdown .btn-group .btn:active { |
5829 top: 0; |
5842 top: 0; |
5830 left: 0; |
5843 left: 0; |
5831 } |
5844 } |
5832 .active + .ajax-dropdown { |
5845 .active + #user-activity .ajax-dropdown { |
5833 -webkit-animation-name: flipInY; |
5846 -webkit-animation-name: flipInY; |
5834 animation-name: flipInY; |
5847 animation-name: flipInY; |
5835 -webkit-animation-duration: .7s; |
5848 -webkit-animation-duration: .7s; |
5836 animation-duration: .7s; |
5849 animation-duration: .7s; |
5837 -webkit-animation-fill-mode: both; |
5850 -webkit-animation-fill-mode: both; |
7088 .notification-body > li > span { |
7101 .notification-body > li > span { |
7089 background: #fff; |
7102 background: #fff; |
7090 display: block; |
7103 display: block; |
7091 min-height: 25px; |
7104 min-height: 25px; |
7092 overflow: hidden; |
7105 overflow: hidden; |
7093 padding: 8px 10px 13px; |
7106 padding: 8px 8px 10px; |
7094 white-space: normal; |
7107 white-space: normal; |
7095 } |
7108 } |
7096 .notification-body > li > span:hover { |
7109 .notification-body > li > span:hover { |
7097 background: #F0F4F7; |
7110 background: #F0F4F7; |
7098 color: #667F8F; |
7111 color: #667F8F; |
7099 } |
7112 } |
7113 .notification-body > li > span > a > span.msg-body, |
|
7114 .notification-body > li > span > a > span.subject { |
|
7115 height: auto; |
|
7116 line-height: normal; |
|
7117 } |
|
7100 .notification-body > li a.msg { |
7118 .notification-body > li a.msg { |
7101 padding-left: 50px!important; |
7119 padding-left: 40px!important; |
7102 } |
7120 } |
7103 .notification-body > li a, |
7121 .notification-body > li a, |
7104 .notification-body > li a span { |
7122 .notification-body > li a span { |
7105 display: block; |
7123 display: block; |
7106 position: relative; |
7124 position: relative; |
7122 font-size: 14px; |
7140 font-size: 14px; |
7123 line-height: normal; |
7141 line-height: normal; |
7124 color: #333; |
7142 color: #333; |
7125 font-weight: 400; |
7143 font-weight: 400; |
7126 margin-right: 60px; |
7144 margin-right: 60px; |
7127 margin-bottom: 6px; |
7145 margin-bottom: 3px; |
7128 height: 20px; |
7146 height: 20px; |
7129 text-overflow: ellipsis; |
7147 text-overflow: ellipsis; |
7130 white-space: nowrap; |
7148 white-space: nowrap; |
7131 overflow: hidden; |
7149 overflow: hidden; |
7132 } |
7150 } |
7148 .notification-body .subject { |
7166 .notification-body .subject { |
7149 font-size: 13px; |
7167 font-size: 13px; |
7150 color: #A0A0A0; |
7168 color: #A0A0A0; |
7151 max-height: 35px; |
7169 max-height: 35px; |
7152 width: 100%; |
7170 width: 100%; |
7153 text-overflow: ellipsis; |
|
7154 white-space: nowrap; |
|
7155 overflow: hidden; |
7171 overflow: hidden; |
7156 } |
7172 } |
7157 .notification-body .subject { |
7173 .notification-body .subject { |
7158 font-size: 13px; |
7174 font-size: 13px; |
7159 color: #333; |
7175 color: #333; |
10888 } |
10904 } |
10889 @media (min-width: 768px) and (max-width: 979px) { |
10905 @media (min-width: 768px) and (max-width: 979px) { |
10890 .btn-header a { |
10906 .btn-header a { |
10891 margin-top: 9px!important; |
10907 margin-top: 9px!important; |
10892 /*width: 40px!important;*/ |
10908 /*width: 40px!important;*/ |
10909 |
|
10893 } |
10910 } |
10894 } |
10911 } |
10895 @media (min-width: 768px) and (max-width: 880px) { |
10912 @media (min-width: 768px) and (max-width: 880px) { |
10896 .btn-header a { |
10913 .btn-header a { |
10897 margin-top: 9px!important; |
10914 margin-top: 9px!important; |
10898 /*width: 40px!important;*/ |
10915 /*width: 40px!important;*/ |
10916 |
|
10899 /*height: 39px!important;*/ |
10917 /*height: 39px!important;*/ |
10918 |
|
10900 line-height: 26px!important; |
10919 line-height: 26px!important; |
10901 } |
10920 } |
10902 } |
10921 } |
10903 @media (max-width: 767px) { |
10922 @media (max-width: 767px) { |
10904 .btn-header a { |
10923 .btn-header a { |
15763 height: 20px; |
15782 height: 20px; |
15764 } |
15783 } |
15765 .modal-overflow .scrollmarker.top { |
15784 .modal-overflow .scrollmarker.top { |
15766 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15785 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15767 /* FF3.6+ */ |
15786 /* FF3.6+ */ |
15787 |
|
15768 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15788 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15769 /* Chrome,Safari4+ */ |
15789 /* Chrome,Safari4+ */ |
15790 |
|
15770 background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15791 background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15771 /* Chrome10+,Safari5.1+ */ |
15792 /* Chrome10+,Safari5.1+ */ |
15793 |
|
15772 background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15794 background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15773 /* Opera 11.10+ */ |
15795 /* Opera 11.10+ */ |
15796 |
|
15774 background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15797 background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15775 /* IE10+ */ |
15798 /* IE10+ */ |
15799 |
|
15776 background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15800 background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15777 /* W3C */ |
15801 /* W3C */ |
15802 |
|
15778 } |
15803 } |
15779 .modal-overflow .scrollmarker.bottom { |
15804 .modal-overflow .scrollmarker.bottom { |
15780 background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15805 background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15781 /* FF3.6+ */ |
15806 /* FF3.6+ */ |
15807 |
|
15782 background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15808 background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15783 /* Chrome,Safari4+ */ |
15809 /* Chrome,Safari4+ */ |
15810 |
|
15784 background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15811 background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15785 /* Chrome10+,Safari5.1+ */ |
15812 /* Chrome10+,Safari5.1+ */ |
15813 |
|
15786 background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15814 background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15787 /* Opera 11.10+ */ |
15815 /* Opera 11.10+ */ |
15816 |
|
15788 background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15817 background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15789 /* IE10+ */ |
15818 /* IE10+ */ |
15819 |
|
15790 background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15820 background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15791 /* W3C */ |
15821 /* W3C */ |
15822 |
|
15792 } |
15823 } |
15793 /* |
15824 /* |
15794 * Pricing-style component |
15825 * Pricing-style component |
15795 */ |
15826 */ |
15796 .pricing-big { |
15827 .pricing-big { |
16792 background: linear-gradient(to bottom, #f5fcff 0, #ffffff 100%); |
16823 background: linear-gradient(to bottom, #f5fcff 0, #ffffff 100%); |
16793 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0); |
16824 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0); |
16794 -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); |
16825 -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); |
16795 box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); |
16826 box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); |
16796 display: block; |
16827 display: block; |
16797 height: 270px; |
16828 min-height: 270px; |
16798 overflow-y: scroll; |
16829 overflow-y: scroll; |
16799 overflow-x: hidden; |
16830 overflow-x: hidden; |
16800 padding: 10px; |
16831 padding: 10px; |
16801 box-sizing: border-box; |
16832 box-sizing: border-box; |
16802 -webkit-box-sizing: border-box; |
16833 -webkit-box-sizing: border-box; |
16806 } |
16837 } |
16807 .chat-body ul { |
16838 .chat-body ul { |
16808 margin: 0; |
16839 margin: 0; |
16809 padding: 0; |
16840 padding: 0; |
16810 } |
16841 } |
16811 .chat-body li:first-child { |
|
16812 margin-top: 10px; |
|
16813 } |
|
16814 .chat-body li.message { |
16842 .chat-body li.message { |
16815 display: block; |
16843 display: block; |
16816 position: relative; |
16844 position: relative; |
16817 margin: 20px 20px 0; |
16845 padding: 10px; |
16846 margin: 2px; |
|
16847 } |
|
16848 .chat-body li.message:hover { |
|
16849 background-color: #eee; |
|
16850 } |
|
16851 .chat-body li.message.request, |
|
16852 .chat-body li.message.request:hover { |
|
16853 background-color: #e4e4e4; |
|
16818 } |
16854 } |
16819 .chat-body li.message img { |
16855 .chat-body li.message img { |
16820 display: inline-block; |
16856 display: inline-block; |
16821 border-left: 4px solid #fff; |
16857 border-left: 4px solid transparent; |
16822 position: absolute; |
16858 position: absolute; |
16823 } |
16859 } |
16824 .chat-body li.message img.online { |
16860 .chat-body li.message img.online { |
16825 border-left-color: #00a300; |
16861 border-left-color: #00a300; |
16826 } |
16862 } |
16838 vertical-align: top; |
16874 vertical-align: top; |
16839 box-sizing: border-box; |
16875 box-sizing: border-box; |
16840 -webkit-box-sizing: border-box; |
16876 -webkit-box-sizing: border-box; |
16841 -moz-box-sizing: border-box; |
16877 -moz-box-sizing: border-box; |
16842 padding: 0; |
16878 padding: 0; |
16843 margin-left: 65px; |
16879 margin-left: 50px; |
16844 line-height: normal; |
16880 line-height: normal; |
16845 } |
16881 } |
16846 .chat-body li.message .message-text time { |
16882 .chat-body li.message .message-text time { |
16847 position: absolute; |
16883 position: absolute; |
16848 top: 1px; |
16884 top: 3px; |
16849 right: 0; |
16885 right: 5px; |
16850 font-size: 10px; |
16886 font-size: 10px; |
16851 line-height: 10px; |
16887 line-height: 10px; |
16852 color: #AFAFAF; |
16888 color: #a1a1a1; |
16853 } |
16889 } |
16854 .chat-body li.message .message-text .chat-file { |
16890 .chat-body li.message .message-text .chat-file { |
16855 display: block; |
16891 display: block; |
16856 margin: 3px 0; |
16892 margin: 3px 0; |
16857 padding: 4px; |
16893 padding: 4px; |
16890 @media (max-width: 480px) { |
16926 @media (max-width: 480px) { |
16891 .chat-body li.message .message-text .chat-file b { |
16927 .chat-body li.message .message-text .chat-file b { |
16892 width: 150px; |
16928 width: 150px; |
16893 } |
16929 } |
16894 } |
16930 } |
16895 .chat-body li.message .message-text a.username { |
16931 .chat-body li.message .message-text .username { |
16896 display: block; |
16932 display: block; |
16897 font-weight: 700; |
16933 font-weight: 700; |
16898 margin-bottom: 4px; |
16934 margin-bottom: 4px; |
16899 vertical-align: top; |
16935 vertical-align: top; |
16900 line-height: 14px; |
16936 line-height: 14px; |