123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168 |
- PushButton, ToolButton {
- color: black;
- background: rgba(255, 255, 255, 0.7);
- border: 1px solid rgba(0, 0, 0, 0.073);
- border-bottom: 1px solid rgba(0, 0, 0, 0.183);
- border-radius: 5px;
- font: 14px 'Segoe UI', 'Microsoft YaHei';
- padding: 5px 12px 6px 12px;
- outline: none;
- }
- ToolButton {
- padding: 5px 9px 6px 8px;
- }
- PushButton[hasIcon=false] {
- padding: 5px 12px 6px 12px;
- }
- PushButton[hasIcon=true] {
- padding: 5px 12px 6px 36px;
- }
- PushButton:hover, ToolButton:hover {
- background: rgba(249, 249, 249, 0.5);
- }
- PushButton:pressed, ToolButton:pressed {
- color: rgba(0, 0, 0, 0.63);
- background: rgba(249, 249, 249, 0.3);
- border-bottom: 1px solid rgba(0, 0, 0, 0.073);
- }
- PushButton:disabled, ToolButton:disabled {
- color: rgba(0, 0, 0, 0.36);
- background: rgba(255, 255, 255, 0.3);
- border: 1px solid rgba(0, 0, 0, 0.06);
- border-bottom: 1px solid rgba(0, 0, 0, 0.06);
- }
- PrimaryPushButton {
- color: white;
- background-color: --ThemeColorPrimary;
- border: 1px solid --ThemeColorLight1;
- border-bottom: 1px solid --ThemeColorDark1;
- }
- PrimaryPushButton:hover {
- background-color: --ThemeColorLight1;
- border: 1px solid --ThemeColorLight2;
- border-bottom: 1px solid --ThemeColorDark1;
- }
- PrimaryPushButton:pressed {
- color: rgba(255, 255, 255, 0.63);
- background-color: --ThemeColorLight3;
- border: 1px solid --ThemeColorLight3;
- }
- PrimaryPushButton:disabled {
- color: rgba(255, 255, 255, 0.9);
- background-color: rgb(205, 205, 205);
- border: 1px solid rgb(205, 205, 205);
- }
- HyperlinkButton {
- font: 14px 'Segoe UI', 'Microsoft YaHei';
- padding: 6px 12px 6px 12px;
- color: --ThemeColorPrimary;
- border: none;
- border-radius: 6px;
- background-color: transparent;
- }
- HyperlinkButton:hover {
- background-color: rgba(0, 0, 0, 15);
- }
- HyperlinkButton:pressed {
- background-color: rgba(0, 0, 0, 7);
- }
- HyperlinkButton:disabled {
- color: rgba(0, 0, 0, 0.43)
- }
- RadioButton {
- min-height: 24px;
- max-height: 24px;
- background-color: transparent;
- font: 14px 'Segoe UI', 'Microsoft YaHei';
- color: black;
- }
- RadioButton::indicator {
- width: 18px;
- height: 18px;
- border-radius: 11px;
- border: 2px solid #999999;
- background-color: rgba(0, 0, 0, 5);
- margin-right: 4px;
- }
- RadioButton::indicator:hover {
- background-color: rgba(0, 0, 0, 0);
- }
- RadioButton::indicator:pressed {
- border: 2px solid #bbbbbb;
- background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,
- stop:0 rgb(255, 255, 255),
- stop:0.5 rgb(255, 255, 255),
- stop:0.6 rgb(225, 224, 223),
- stop:1 rgb(225, 224, 223));
- }
- RadioButton::indicator:checked {
- height: 22px;
- width: 22px;
- border: none;
- border-radius: 11px;
- background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,
- stop:0 rgb(255, 255, 255),
- stop:0.5 rgb(255, 255, 255),
- stop:0.6 --ThemeColorPrimary,
- stop:1 --ThemeColorPrimary);
- }
- RadioButton::indicator:checked:hover {
- background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,
- stop:0 rgb(255, 255, 255),
- stop:0.6 rgb(255, 255, 255),
- stop:0.7 --ThemeColorPrimary,
- stop:1 --ThemeColorPrimary);
- }
- RadioButton::indicator:checked:pressed {
- background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,
- stop:0 rgb(255, 255, 255),
- stop:0.5 rgb(255, 255, 255),
- stop:0.6 --ThemeColorPrimary,
- stop:1 --ThemeColorPrimary);
- }
- RadioButton:disabled {
- color: rgba(0, 0, 0, 110);
- }
- RadioButton::indicator:disabled {
- border: 2px solid #bbbbbb;
- background-color: rgba(0, 0, 0, 0);
- }
- TransparentToolButton {
- background-color: transparent;
- border-radius: 4px;
- margin: 0;
- }
- TransparentToolButton:hover {
- background-color: rgba(0, 0, 0, 9);
- }
- TransparentToolButton:pressed {
- background-color: rgba(0, 0, 0, 6);
- }
|