mirror of
https://gitee.com/csharpui/CPF.git
synced 2025-04-04 23:39:26 +08:00
122 lines
2.0 KiB
CSS
122 lines
2.0 KiB
CSS
* {
|
|
FontFamily: 苹方-简; /*所有元素设置为 苹方-简 为了在Mac能正常显示中文*/
|
|
}
|
|
|
|
@keyframes buttonAnimationEnter {
|
|
0% {
|
|
Background: rgb(250,125,60);
|
|
}
|
|
|
|
100% {
|
|
Background: rgb(255,145,80);
|
|
}
|
|
}
|
|
|
|
#DropDownPanel TextBlock {
|
|
MarginLeft: 5;
|
|
}
|
|
|
|
Button {
|
|
Background: rgb(250,125,60);
|
|
Foreground: #fff;
|
|
BorderFill: null;
|
|
}
|
|
|
|
Button[IsMouseOver=true] {
|
|
Background: rgb(250,125,60);
|
|
animation-name: buttonAnimationEnter;
|
|
animation-duration: 0.2s;
|
|
animation-iteration-count: 1;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
Button[IsPressed=true] {
|
|
Background: rgb(240,105,50);
|
|
}
|
|
|
|
CheckBox #indeterminateMark {
|
|
Fill: rgb(250,125,60);
|
|
}
|
|
|
|
CheckBox #checkBoxBorder {
|
|
Background: #fff;
|
|
BorderFill: rgb(250,125,60);
|
|
}
|
|
|
|
CheckBox[IsChecked=true] #checkBoxBorder {
|
|
Background: rgb(250,125,60);
|
|
BorderFill: rgb(250,125,60);
|
|
}
|
|
|
|
CheckBox Polyline {
|
|
StrokeFill: #fff;
|
|
}
|
|
|
|
RadioButton #radioButtonBorder {
|
|
StrokeFill: rgb(250,125,60);
|
|
}
|
|
|
|
RadioButton #optionMark {
|
|
StrokeFill: rgb(250,125,60);
|
|
Fill: rgb(250,125,60);
|
|
}
|
|
|
|
ComboBox {
|
|
BorderFill: rgb(220,220,220);
|
|
BorderStroke: 1;
|
|
Background: #fff;
|
|
}
|
|
|
|
TextBox {
|
|
BorderFill: rgb(220,220,220);
|
|
BorderStroke: 1;
|
|
}
|
|
|
|
TextBox #contentPresenter {
|
|
Padding: 3;
|
|
}
|
|
|
|
.Single { /*单行文本框*/
|
|
AcceptsReturn: false;
|
|
HScrollBarVisibility: Hidden;
|
|
VScrollBarVisibility: Hidden;
|
|
}
|
|
|
|
TabControl #headBorder {
|
|
Background: #fff;
|
|
}
|
|
|
|
TabItem > Border {
|
|
BorderThickness: 0,0,0,2;
|
|
}
|
|
|
|
TabItem[IsSelected=true] > Border {
|
|
BorderFill: rgb(250,125,60);
|
|
}
|
|
|
|
TabItem[IsSelected=true] {
|
|
Foreground: rgb(250,125,60);
|
|
}
|
|
|
|
@keyframes testAnimation1 {
|
|
0% {
|
|
Background: #ff0000;
|
|
}
|
|
|
|
50% {
|
|
Background: #0f0;
|
|
}
|
|
|
|
100% {
|
|
Background: #00f;
|
|
}
|
|
}
|
|
|
|
.testAnimation1[IsMouseOver=true] {
|
|
animation-name: testAnimation1;
|
|
animation-duration: 0.8s;
|
|
animation-iteration-count: 1;
|
|
}
|
|
#caption {
|
|
Background: rgb(250,125,60);
|
|
} |