ihealth-kit-registration/src/styles/reset.css
2023-04-24 09:17:51 +08:00

197 lines
4.4 KiB
CSS

html, body {
font-family: Lato, Helvetica, Arial, sans-serif;
background: #FDFDFD;
}
.ant-btn:not(.ant-btn-link):not(.ant-btn-text) {
font-weight: 500 !important;
}
.ant-btn-default {
border-color: #FF5A0C;
}
.ant-btn.ant-btn-icon-only {
width: 50px !important;
height: 50px !important;
font-size: 27px !important;
line-height: 50px !important;
}
.ant-btn-link, .ant-btn-text {
font-size: 12px;
line-height: 16px;
}
.ant-wave {
display: none !important;
}
.ant-typography h1 {
color: #1E1D1F;
}
.ant-modal .ant-modal-close {
top: 9px !important;
right: 9px !important;
color: #000022 !important;
}
.ant-modal .ant-modal-close:hover {
background: transparent !important;
}
.ant-modal .ant-modal-close-x {
font-size: 24px !important;
line-height: 1 !important;
}
.health-tooltip-highlighted.ant-tooltip .ant-tooltip-arrow:after {
box-shadow: 1px 1px 0 #FF5A0C;
}
.health-tooltip-highlighted.ant-tooltip .ant-tooltip-inner {
position: relative;
box-shadow: 1px 1px 0px 0 #FF5A0C, -1px -1px 0px 0 #FF5A0C, -1px 1px 0px 0 #FF5A0C, 1px -1px 0px 0 #FF5A0C;
}
.health-tooltip.ant-tooltip .ant-tooltip-arrow:after {
box-shadow: 1px 1px 0 #000022;
}
.health-tooltip.ant-tooltip .ant-tooltip-inner {
position: relative;
box-shadow: 0 2px 0px 0 #000022, 0 2px 0px 0px #000022, 1px 1px 0px 2px #000022;
}
.ant-input, .ant-input-password {
padding: 11px 12px;
}
.ant-input:focus {
box-shadow: none !important;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper {
outline: 1px solid #FF5200;
}
.ant-checkbox-wrapper {
line-height: 18px;
font-weight: 500;
}
.ant-checkbox-checked .ant-checkbox-inner {
background: transparent !important;
}
.ant-checkbox-checked .ant-checkbox-inner:before {
content: '';
background: #000022;
position: absolute;
top: 2px;
left: 2px;
width: 18px;
height: 18px;
border-radius: 2px;
}
.ant-checkbox-checked .ant-checkbox-inner:after {
width: 6px;
height: 11px;
transform: rotate(45deg) scale(1) translate(-45%, -65%);
}
.ant-radio-wrapper {
font-size: 12px;
line-height: 24px;
}
.ant-radio-wrapper .ant-radio-inner {
background: #fff;
width: 24px;
height: 24px;
}
.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
background: #fff;
}
.ant-radio-wrapper .ant-radio-inner::after {
width: 16px;
height: 16px;
margin-block-start: -8px;
margin-inline-start: -8px;
}
.ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
background: #FF5200;
transform: scale(1);
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
height: 48px;
padding: 0 12px;
}
.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder,
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after {
line-height: 46px;
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
inset-inline-start: 12px;
inset-inline-end: 12px;
}
.ant-select-focused.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
box-shadow: none !important;
}
.ant-select-single.ant-select-open .ant-select-selection-item {
color: #000022;
}
.ant-select-status-error:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
border-color: #000022;
outline: 1px solid #FF5200;
}
.ant-select-dropdown {
padding: 0;
box-shadow: none;
margin-top: -16px;
border: 1px solid #000022;
}
.ant-select-dropdown .ant-select-item-option,
.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
background: #F3F3F3;
min-height: 48px;
padding: 12px;
border-bottom: 2px solid #fff;
}
.ant-form-item .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
display: none;
}
.ant-form-vertical .ant-form-item-label, .ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label {
padding: 0 0 4px;
line-height: 18px;
}
.ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused {
box-shadow: none !important;
}
.ant-form-item .ant-form-item-explain, .ant-form-item .ant-form-item-extra {
line-height: 1;
padding-top: 6px;
}
.ant-form-item {
margin-bottom: 15px;
}