4 changed files with 131 additions and 97 deletions
Split View
Diff Options
-
96customize.dist/src/less2/include/alertify.less
-
107customize.dist/src/less2/include/buttons.less
-
19www/common/messenger-ui.js
-
6www/contacts/app-contacts.less
@ -0,0 +1,107 @@ |
|||
@import (reference) "./colortheme-all.less"; |
|||
|
|||
.buttons_main() { |
|||
@alertify-fore: @colortheme_modal-fg; |
|||
@alertify-btn-fg: @alertify-fore; |
|||
@alertify-light-bg: fade(@alertify-fore, 25%); |
|||
|
|||
button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) { |
|||
|
|||
background-color: @colortheme_alertify-cancel; |
|||
box-sizing: border-box; |
|||
position: relative; |
|||
outline: 0; |
|||
display: inline-block; |
|||
align-items: center; |
|||
padding: 0 6px; |
|||
margin: 6px 8px; |
|||
line-height: 36px; |
|||
min-height: 36px; |
|||
white-space: nowrap; |
|||
min-width: 88px; |
|||
text-align: center; |
|||
text-transform: uppercase; |
|||
font-size: 14px; |
|||
text-decoration: none; |
|||
cursor: pointer; |
|||
border-radius: 0; |
|||
|
|||
.fa { |
|||
margin-right: 0.2em; |
|||
} |
|||
|
|||
color: @alertify-btn-fg; |
|||
border: 1px solid @alertify-btn-fg; |
|||
|
|||
&.no-margin { |
|||
margin: 0; |
|||
} |
|||
|
|||
&:hover, &:active { |
|||
background-color: lighten(@alertify-fore, 35%); |
|||
} |
|||
|
|||
&.safe, &.danger { |
|||
color: @colortheme_old-base; |
|||
white-space: normal; |
|||
font-weight: bold; |
|||
} |
|||
&.danger { |
|||
background-color: @colortheme_alertify-red; |
|||
border-color: @colortheme_alertify-red-border; |
|||
color: @colortheme_alertify-red-color; |
|||
&:hover, &:active { |
|||
background-color: contrast(@colortheme_modal-bg, darken(@colortheme_alertify-red, 10%), lighten(@colortheme_alertify-red, 10%)); |
|||
} |
|||
} |
|||
|
|||
&.safe { |
|||
background-color: @colortheme_alertify-green; |
|||
border-color: @colortheme_alertify-green-border; |
|||
color: @colortheme_alertify-green-color; |
|||
&:hover, &:active { |
|||
background-color: contrast(@colortheme_modal-bg, darken(@colortheme_alertify-green, 10%), lighten(@colortheme_alertify-green, 10%)); |
|||
} |
|||
} |
|||
|
|||
&.primary { |
|||
background-color: @colortheme_alertify-primary; |
|||
color: @colortheme_alertify-primary-text; |
|||
border-color: @colortheme_alertify-primary-border; |
|||
font-weight: bold; |
|||
&:hover, &:active { |
|||
background-color: contrast(@colortheme_modal-bg, darken(@colortheme_alertify-primary, 10%), lighten(@colortheme_alertify-primary, 10%)); |
|||
} |
|||
} |
|||
|
|||
&.cancel { |
|||
border-color: @colortheme_alertify-cancel-border; |
|||
color: @colortheme_alertify-cancel-border; |
|||
&:hover, &:hover { |
|||
background-color: fade(@colortheme_alertify-cancel-border, 25%); |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
&:focus { |
|||
//border: 1px dotted @alertify-base; |
|||
box-shadow: 0px 0px 5px @colortheme_alertify-primary; |
|||
outline: none; |
|||
} |
|||
&::-moz-focus-inner { |
|||
border: 0; |
|||
} |
|||
|
|||
&:disabled { |
|||
cursor: not-allowed !important; |
|||
background-color: @colortheme_alertify-disabled; |
|||
color: @colortheme_alertify-disabled-text; |
|||
border-color: @colortheme_alertify-disabled-border; |
|||
&:hover, &:active { |
|||
background-color: @colortheme_alertify-disabled; |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
Write
Preview
Loading…
Cancel
Save