BITKit/Src/Unity/UX/Common/Common.uss

648 lines
14 KiB
Plaintext

* {
-unity-font-definition: url("project://database/Assets/BITKit/Unity/Art/Fonts/SDF/Roboto-Regular%20SDF.asset?fileID=11400000&guid=5b449e7b33d231a4085b869a8ae2c94c&type=2#Roboto-Regular SDF");
-unity-font: initial;
}
ScrollView {
--unity-metrics-single_line-height: 500px;
}
TabBar Button:disabled {
opacity: 1;
}
.flex-row {
flex-direction: row;
}
.flex-center {
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
}
.root {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
-unity-background-scale-mode: scale-and-crop;
}
.flex-horizontal {
flex-direction: row;
align-items: center;
}
.unity-scroll-view.unity-scroll-view--vertical.unity-scroll-view--scroll.unity-base-dropdown__container-inner {
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
border-bottom-width: 0;
}
.pa-8 {
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
}
.pa-16 {
padding-left: 16px;
padding-right: 16px;
padding-top: 16px;
padding-bottom: 16px;
}
.pa-32 {
padding-left: 32px;
padding-right: 32px;
padding-top: 32px;
padding-bottom: 32px;
-unity-font-definition: initial;
}
.pa-64 {
padding-left: 64px;
padding-right: 64px;
padding-top: 64px;
padding-bottom: 64px;
}
.ma-8 {
margin-top: 8px;
margin-right: 8px;
margin-bottom: 8px;
margin-left: 8px;
}
.ma-16 {
margin-top: 16px;
margin-right: 16px;
margin-bottom: 16px;
margin-left: 16px;
}
.ma-32 {
margin-top: 32px;
margin-right: 32px;
margin-bottom: 32px;
margin-left: 32px;
}
.gap-8 {
margin-top: -8px;
margin-right: -8px;
margin-bottom: -8px;
margin-left: -8px;
}
.gap-8 > * {
margin: 8px;
}
.gap-x-8 {
margin-right: -8px;
margin-left: -8px;
}
.gap-x-8 > * {
margin-left: 8px;
margin-right: 8px;
}
.gap-y-8 {
margin-top: -8px;
margin-bottom: -8px;
}
.gap-y-8 > * {
margin-top: 8px;
margin-bottom: 8px;
}
.r-8 {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.clear {
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
.theme-dark Button {
background-color: rgba(0, 0, 0, 0.78);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-unity-font-definition: initial;
padding-left: 6px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
}
.theme-dark Button:hover {
color: rgb(70, 70, 70);
}
.theme-light Button {
background-color: rgb(247, 247, 247);
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.theme-dark DropdownField {
}
.theme-dark DropdownField > VisualElement {
background-color: rgba(0, 0, 0, 0.5);
padding-left: 12px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
}
.theme-light .unity-text-element {
color: rgb(31, 31, 31);
}
.theme-dark .unity-text-element {
color: rgb(231, 231, 231);
}
.theme-dark DropdownField > VisualElement > VisualElement {
-unity-background-image-tint-color: rgb(128, 128, 128);
}
.theme-dark DropdownField:hover > VisualElement {
background-color: rgb(0, 0, 0);
}
.theme-dark DropdownField:hover > VisualElement .unity-text-element {
color: rgb(48, 48, 48);
}
.unity-base-dropdown__item > .unity-base-dropdown__label {
color: rgb(29, 29, 29);
}
.theme-dark .container {
background-color: rgba(0, 0, 0, 0.5);
}
Button.theme-text {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
border-bottom-width: 0;
}
Label.theme-header {
border-bottom-width: 1px;
border-left-color: rgb(255, 255, 255);
border-right-color: rgb(255, 255, 255);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(255, 255, 255);
}
Button:hover > #context-label {
color: rgb(31, 31, 31);
}
Button:hover > #icon-image {
-unity-background-image-tint-color: rgb(31, 31, 31);
}
.theme-dark Foldout #unity-checkmark {
-unity-background-image-tint-color: rgb(210, 210, 210);
}
.dispose {
opacity: 0;
transition-property: opacity, display;
transition-duration: 2s, 0s;
display: none;
transition-delay: 0s, 2s;
}
Label.tm {
font-size: 16px;
}
Label.ts {
}
Label.tl {
font-size: 22px;
}
Button {
}
PopupTextElement.unity-text-element {
color: rgb(24, 24, 24);
}
Slider #unity-text-input > .unity-text-element {
color: rgb(0, 0, 0);
}
TextField TextElement.unity-text-element {
color: rgb(0, 0, 0);
}
Foldout.--button {
min-width: 128px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
Foldout.--button Toggle {
background-color: rgba(0, 0, 0, 0.78);
border-left-color: rgb(149, 149, 149);
border-right-color: rgb(149, 149, 149);
border-top-color: rgb(149, 149, 149);
border-bottom-color: rgb(149, 149, 149);
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
Foldout.--button #unity-content {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
TemplateContainer:disabled {
opacity: 1;
}
.unity-foldout__toggle > .unity-toggle__input:focus:enabled > .unity-label {
color: rgb(255, 255, 255);
}
TextField.error > #unity-text-input {
background-color: rgba(255, 0, 0, 0.25);
}
Button.icon-remove {
min-width: 28px;
min-height: 28px;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
background-color: rgba(255, 255, 255, 0);
background-image: url("project://database/Assets/BITKit/Unity/Art/Editor_Icons/d_winbtn_win_close@2x.png?fileID=2800000&guid=023d2ba213e1abb4dab3af11c79357c9&type=3#d_winbtn_win_close@2x");
-unity-background-image-tint-color: rgb(255, 255, 255);
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
-unity-background-scale-mode: scale-to-fit;
}
Label {
color: rgb(247, 247, 247);
}
.armorPlate-container:hover {
background-color: rgba(255, 255, 255, 0.78);
}
.flex-center {
}
TranslucentVisualElement {
-unity-background-image-tint-color: rgb(64, 64, 64);
}
.unity-scroller {
width: 8px;
min-width: 0;
}
.unity-scroller--vertical {
width: 8px;
min-width: 0;
display: flex;
}
.unity-scroller--vertical > .unity-scroller__slider {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
min-width: 0;
}
.unity-repeat-button {
display: none;
}
.unity-scroller .unity-base-slider__tracker {
display: flex;
min-width: 0;
background-color: rgba(255, 255, 255, 0.03);
margin-right: 22px;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
}
.unity-base-slider__dragger-border {
min-width: 0;
display: flex;
}
.unity-sllider_input {
}
.unity-base-slider__drag-container {
min-width: 0;
}
.unity-base-slider--vertical .unity-base-slider__input {
width: 8px;
}
.unity-scroller--vertial > .unity-scroller__slider {
min-width: 0;
}
.unity-scroller--vertical .unity-base-slider__dragger {
min-width: 0;
max-width: 0;
background-color: rgba(255, 255, 255, 0.78);
}
Foldout Toggle Label {
color: rgb(0, 0, 0);
}
.container-ma-4 > * {
margin-top: 4px;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 4px;
}
.container-my-4 > * {
margin-top: 4px;
margin-bottom: 4px;
}
.container-my-8 > * {
margin-top: 8px;
margin-bottom: 8px;
}
.container-ma-8 > * {
margin-top: 8px;
margin-right: 8px;
margin-bottom: 8px;
margin-left: 8px;
}
.wechat {
}
#unity-progress-bar .unity-progress-bar__background {
background-color: rgba(255, 255, 255, 0);
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
min-width: auto;
min-height: auto;
}
#unity-progress-bar .unity-progress-bar__progress {
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
background-color: rgb(255, 255, 255);
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
min-width: auto;
min-height: auto;
}
#unity-progress-bar.unity-progress-bar__container {
min-width: auto;
min-height: auto;
}
.bitkit-tool-tips.unity-label {
background-color: rgb(58, 58, 58);
color: rgb(255, 255, 255);
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
}
Button.clear {
background-color: rgba(0, 0, 0, 0);
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
border-left-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-top-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
}
TabContainer > * {
flex-grow: 1;
}
.transition_entry {
opacity: 0;
}
.transition_entry_async {
opacity: 1;
transition-duration: 0.1s;
}
.transition_exit {
opacity: 1;
}
.transition_exit_async {
opacity: 0;
transition-duration: 0.1s;
}
OnScreenButton {
width: 80px;
height: 80px;
border-top-left-radius: 64px;
border-top-right-radius: 64px;
border-bottom-right-radius: 64px;
border-bottom-left-radius: 64px;
-unity-background-image-tint-color: rgb(255, 255, 255);
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: rgb(255, 255, 255);
border-left-color: rgb(255, 255, 255);
border-right-color: rgb(255, 255, 255);
border-bottom-color: rgb(255, 255, 255);
}
OnScreenButton:hover {
background-color: rgba(200, 200, 200, 0.5);
-unity-background-image-tint-color: rgb(255, 255, 255);
}
OnScreenButton:active {
background-color: rgba(0, 0, 0, 0.5);
-unity-background-image-tint-color: rgb(255, 255, 255);
}
OnScreenButton.selected {
border-left-color: rgb(255, 0, 0);
border-right-color: rgb(255, 0, 0);
border-top-color: rgb(255, 0, 0);
border-bottom-color: rgb(255, 0, 0);
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
opacity: 0.5;
}
.gamepad-button {
border-left-color: rgb(255, 255, 255);
border-right-color: rgb(255, 255, 255);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(255, 255, 255);
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
margin-top: 4px;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 4px;
}
.gamepad-button:hover {
border-left-color: rgb(255, 255, 255);
border-right-color: rgb(255, 255, 255);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(255, 255, 255);
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: rgba(255, 255, 255, 0.25);
}
.gamepad-button:active {
background-color: rgba(255, 255, 255, 0.5);
-unity-background-image-tint-color: rgba(0, 0, 0, 0.5);
border-left-color: rgba(0, 0, 0, 0.5);
border-right-color: rgba(0, 0, 0, 0.5);
border-top-color: rgba(0, 0, 0, 0.5);
border-bottom-color: rgba(0, 0, 0, 0.5);
}
.gamepad-button--nw {
background-image: url("project://database/Assets/BITKit/Unity/Art/Icons/Arrows/icon_keyboard-arrow-up-left-rounded.png?fileID=21300000&guid=e2a7dc01d1a854b429e7698649c340bd&type=3#icon_keyboard-arrow-up-left-rounded");
transform-origin: right bottom;
scale: 0.8 0.8;
}
.gamepad-button--n {
background-image: url("project://database/Assets/BITKit/Unity/Art/Icons/Arrows/icon_keyboard-arrow-up-rounded.png?fileID=21300000&guid=f75638302ccf8ba41acbf96be794e86d&type=3#icon_keyboard-arrow-up-rounded");
}
.gamepad-button--ne {
background-image: url("project://database/Assets/BITKit/Unity/Art/Icons/Arrows/icon_keyboard-arrow-up-right-rounded.png?fileID=21300000&guid=08e2edf7cdff08240a792ce62c67014d&type=3#icon_keyboard-arrow-up-right-rounded");
transform-origin: left bottom;
scale: 0.8 0.8;
}
.gamepad-button--w {
background-image: url("project://database/Assets/BITKit/Unity/Art/Icons/Arrows/icon_chevron-left-rounded.png?fileID=21300000&guid=76da1f1cbb542714283e16db9aa8af7c&type=3#icon_chevron-left-rounded");
}
.gamepad-button--c {
}
.gamepad-button--e {
background-image: url("project://database/Assets/BITKit/Unity/Art/Icons/Arrows/icon_chevron-right-rounded.png?fileID=21300000&guid=9e83d4b468bd75a47ab3d72155f367e5&type=3#icon_chevron-right-rounded");
}
.gamepad-button--sw {
background-image: url("project://database/Assets/BITKit/Unity/Art/Icons/Arrows/icon_keyboard-arrow-down-left-rounded.png?fileID=21300000&guid=93b327f2e8bb65f40a1b47d13ecfafcf&type=3#icon_keyboard-arrow-down-left-rounded");
transform-origin: right top;
scale: 0.8 0.8;
}
.gamepad-button--s {
background-image: url("project://database/Assets/BITKit/Unity/Art/Icons/icon_keyboard-arrow-down.png?fileID=21300000&guid=6f14c0574452bf543b5f2f2cd2a24104&type=3#icon_keyboard-arrow-down");
}
.gamepad-button--se {
background-image: url("project://database/Assets/BITKit/Unity/Art/Icons/Arrows/icon_keyboard-arrow-down-right-rounded.png?fileID=21300000&guid=6103653931b39ca41a64af379712495c&type=3#icon_keyboard-arrow-down-right-rounded");
transform-origin: left top;
scale: 0.8 0.8;
}