You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1137 lines
21 KiB
CSS
1137 lines
21 KiB
CSS
/* Template version: 1130.85 */
|
|
@const baseFont: "Segoe UI";
|
|
@const baseFontEmoji: "Segoe UI", "Segoe UI Emoji";
|
|
@const baseFontSize: 9pt;
|
|
@const indicatorColor: #a6a6a6;
|
|
@const indicatorColorLight: #ddd;
|
|
@const indicatorColorDark: #888;
|
|
|
|
@const btnBorderColor: #BBB;
|
|
@const btnBackColor: #E4E4E4;
|
|
@const frameBorderColor: #ABADB3;
|
|
@const ctrlBorderColor: #666;
|
|
@const ctrlBorderColorLight: #999;
|
|
@const greyColor: #E6E6E6;
|
|
@const greyColorLightPressed: #CCCCCC;
|
|
@const greyColorBtnPressed: #B2B2B2;
|
|
@const popupBorderColor: #CCCCCC;
|
|
|
|
@const chatBkgColor: #f6f6f6;
|
|
@const chatBkgColor2: #f0f0f0;
|
|
|
|
@const activeColor: var(activeColor, #666);
|
|
@const activeColorHover: var(activeColorHover, #dadada);
|
|
@const activeColorCurrent: var(activeColorCurrent, #c3c3c3);
|
|
@const activeColorHoverCurrent: var(activeColorHoverCurrent, #b5b5b5);
|
|
@const activeColorLight: var(activeColorLight, #999);
|
|
@const activeColorDark: var(activeColorDark, #333);
|
|
|
|
:selected {
|
|
outline: none;
|
|
}
|
|
|
|
body {
|
|
font-family: @baseFont;
|
|
font-size: @baseFontSize;
|
|
}
|
|
|
|
popup[role="tooltip"],
|
|
.customHint {
|
|
background-color: #f2f2f2;
|
|
border: 1dip solid @popupBorderColor;
|
|
border-radius: 1px;
|
|
padding: 2dip 6dip;
|
|
height: 16dip;
|
|
vertical-align: middle;
|
|
font: system;
|
|
margin-top: -5dip;
|
|
}
|
|
img {
|
|
foreground-size: auto;
|
|
}
|
|
img:incomplete:not(:busy) {
|
|
background-image: none;
|
|
border: 0;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
menu {
|
|
display: none;
|
|
border-radius: 1px;
|
|
}
|
|
menu:popup {
|
|
display: block;
|
|
}
|
|
menu > option:current, li:current {
|
|
background: #DEDEDE;
|
|
}
|
|
menu > li > label {
|
|
aspect: TranslateMenu;
|
|
}
|
|
menu > option:current span.accesskey,
|
|
li:current span.accesskey {
|
|
color: #333;
|
|
}
|
|
menu hr,
|
|
popup#hint hr {
|
|
height: 1dip;
|
|
margin: 3dip 1dip;
|
|
border: none;
|
|
background-color: #BBB;
|
|
}
|
|
|
|
menu.custom li {
|
|
position: relative;
|
|
padding: 5dip 20dip 5dip 29dip;
|
|
vertical-align: middle;
|
|
}
|
|
menu.custom li:has-child-of-type(menu) {
|
|
foreground-size: 6dip 11dip;
|
|
foreground-position-right: 3dip;
|
|
foreground-image: url(resource:arrow_right);
|
|
}
|
|
menu.custom li:not(:has-child-of-type(div)) {
|
|
padding-left: 10dip;
|
|
}
|
|
menu.custom li > div {
|
|
position: absolute;
|
|
left: 6dip;
|
|
top: 5dip;
|
|
}
|
|
menu.custom caption {
|
|
padding: 5dip 10dip;
|
|
margin: 0;
|
|
}
|
|
|
|
div[pic] {
|
|
prototype: ThemedImage;
|
|
}
|
|
|
|
.imgbtn {
|
|
size: 16dip;
|
|
padding: 2dip;
|
|
border: 1dip solid transparent;
|
|
overflow: hidden;
|
|
max-width: 16dip;
|
|
max-height: 16dip;
|
|
}
|
|
.imgbtn:hover {
|
|
border: 1dip solid @btnBorderColor;
|
|
background-color: @btnBackColor;
|
|
}
|
|
.imgbtn:checked {
|
|
border: 1dip solid @btnBorderColor;
|
|
}
|
|
.imgbtn:active > * {
|
|
transform: translate(0, 1dip);
|
|
}
|
|
.imgbtn:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
// Custom elements
|
|
|
|
@set custom-tabs {
|
|
:root {
|
|
font: system;
|
|
overflow: hidden;
|
|
size: *;
|
|
}
|
|
|
|
:root > .strip {
|
|
flow: horizontal;
|
|
margin-bottom: 0;
|
|
padding: 5dip 10dip -1dip 45dip;
|
|
background-color: window window threedface threedface;
|
|
border-bottom: 1dip solid #d9d9d9;
|
|
}
|
|
|
|
:root > .strip > [panel] {
|
|
border: 1dip solid transparent;
|
|
border-bottom-width: 0;
|
|
padding: 3dip 8dip;
|
|
margin: 0 -1dip 1dip -1dip;
|
|
height: *;
|
|
max-width: auto;
|
|
white-space: nowrap;
|
|
}
|
|
:root[prefs] > .strip > [panel] {
|
|
font-size: 11pt;
|
|
border: 2dip solid transparent;
|
|
margin: 0 10dip 0 0;
|
|
}
|
|
:root > .strip > [panel]:hover {
|
|
border-color: #D9D9D9;
|
|
background-color: #F0F0F0;
|
|
}
|
|
:root > .strip > [panel][selected] {
|
|
border-color: #D9D9D9;
|
|
background-color: #FFFFFF;
|
|
margin-bottom: 0;
|
|
position: relative;
|
|
}
|
|
:root > .strip > [panel][selected]:hover {
|
|
border-color: #D9D9D9;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
:root:tab-focus > .strip > [panel][selected] > * {
|
|
outline: 1dip dotted invert;
|
|
}
|
|
|
|
:root > .panels {
|
|
size: *;
|
|
}
|
|
|
|
:root > .panels > * {
|
|
display: none;
|
|
size: *;
|
|
}
|
|
|
|
:root > .panels > *[selected] {
|
|
display: block;
|
|
}
|
|
|
|
:root[prefs] {
|
|
height: max-content;
|
|
}
|
|
|
|
:root[prefs] > .panels {
|
|
height: max-content;
|
|
}
|
|
|
|
:root[prefs] > .panels > * {
|
|
height: max-content;
|
|
}
|
|
|
|
:root[prefs] > .strip {
|
|
padding: 5dip 10dip -1dip 1dip;
|
|
margin-left: -1dip;
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
@set uwp-button < std-button {
|
|
:root {
|
|
margin: 0;
|
|
padding: 0 10dip;
|
|
display: inline-block;
|
|
background-color: #ccc;
|
|
background-image: none;
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
border: 2dip solid transparent;
|
|
height: 28dip;
|
|
vertical-align: middle;
|
|
line-height: 28dip;
|
|
min-width: max-content;
|
|
width: max-content;
|
|
}
|
|
:root:focus {
|
|
background-image: none;
|
|
border: 2dip solid @ctrlBorderColorLight;
|
|
outline: none;
|
|
}
|
|
:root:hover,
|
|
:root:focus:hover {
|
|
background-image: none;
|
|
border: 2dip solid @ctrlBorderColor;
|
|
}
|
|
:root:disabled {
|
|
background-image: none;
|
|
opacity: 0.5;
|
|
}
|
|
:root > span {
|
|
width: *;
|
|
text-align: center;
|
|
}
|
|
|
|
:root[square] {
|
|
size: 36dip;
|
|
}
|
|
|
|
:root[wide] {
|
|
width: *;
|
|
}
|
|
:root[medium] {
|
|
width: *;
|
|
max-width: 120dip;
|
|
min-width: 60dip;
|
|
}
|
|
:root[large] {
|
|
width: *;
|
|
max-width: 160dip;
|
|
min-width: max-content;
|
|
}
|
|
:root:active {
|
|
background-color: @greyColorBtnPressed;
|
|
}
|
|
|
|
:root[withpic] {
|
|
flow: horizontal;
|
|
vertical-align: middle;
|
|
border-spacing: 10dip;
|
|
}
|
|
:root[withpic] > div {
|
|
margin-top: *;
|
|
margin-bottom: *;
|
|
}
|
|
|
|
:root[right] {
|
|
margin-left: * !important;
|
|
}
|
|
|
|
:root[light] {
|
|
height: 26dip;
|
|
line-height: 26dip;
|
|
}
|
|
:root[light],
|
|
:root[light]:hover,
|
|
:root[light]:focus,
|
|
:root[light]:focus:hover {
|
|
border-width: 1dip;
|
|
}
|
|
}
|
|
|
|
@set uwp-radio < std-radio-base {
|
|
:root {
|
|
padding: 0;
|
|
padding-left: 28dip;
|
|
width: max-content;
|
|
margin: 6dip 0 5dip 0dip;
|
|
display: inline-block;
|
|
white-space: normal;
|
|
}
|
|
:root:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
:root.hidden {
|
|
display: none;
|
|
}
|
|
:root, :root * {
|
|
vertical-align: middle;
|
|
}
|
|
:root[nowrap] {
|
|
white-space: nowrap;
|
|
}
|
|
:root[nolabel] {
|
|
padding-left: 18dip;
|
|
}
|
|
:root[alt] {
|
|
width: *;
|
|
max-width: max-content;
|
|
min-width: 150dip;
|
|
}
|
|
:root::marker {
|
|
background-image: url(stock:disk);
|
|
background-repeat: no-repeat;
|
|
background-position: 5.25dip 5.25dip;
|
|
background-size: 9.5dip;
|
|
fill: transparent;
|
|
size: 16dip;
|
|
border: 2dip solid @ctrlBorderColorLight;
|
|
border-radius: 50%;
|
|
}
|
|
:root:checked::marker {
|
|
fill: @activeColor;
|
|
transition: fill 0.2s linear;
|
|
}
|
|
:root:hover::marker {
|
|
border: 2dip solid @ctrlBorderColor;
|
|
}
|
|
:root:focus::marker {
|
|
border: 2dip solid @activeColorDark;
|
|
}
|
|
|
|
:root[light]::marker {
|
|
background-position: 4.25dip 4.25dip;
|
|
}
|
|
:root[light][nolabel] {
|
|
padding-left: 18dip;
|
|
}
|
|
:root[light]::marker {
|
|
border-width: 1dip;
|
|
}
|
|
|
|
:root[right] {
|
|
margin-left: * !important;
|
|
}
|
|
}
|
|
|
|
@set uwp-checkbox < std-checkbox-base {
|
|
:root {
|
|
padding: 0;
|
|
padding-left: 30dip;
|
|
width: *;
|
|
max-width: max-content;
|
|
margin: 10dip 0;
|
|
display: inline-block;
|
|
white-space: normal;
|
|
}
|
|
:root:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
:root.hidden {
|
|
display: none;
|
|
}
|
|
:root, :root * {
|
|
vertical-align: middle;
|
|
}
|
|
:root[nowrap] {
|
|
white-space: nowrap;
|
|
}
|
|
:root[nolabel] {
|
|
height: 20dip;
|
|
width: 10dip;
|
|
max-width: 30dip;
|
|
padding-left: 20dip;
|
|
margin: 5dip 0;
|
|
}
|
|
:root[compact] {
|
|
margin: 6dip 0 5dip 0dip;
|
|
}
|
|
:root[compactbottom] {
|
|
margin-bottom: 5dip;
|
|
}
|
|
:root::marker {
|
|
background-image: url(resource:uwp_checkbox);
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
size: 16dip;
|
|
border: 2dip solid @ctrlBorderColorLight;
|
|
fill: transparent;
|
|
transition: fill 0.2s linear;
|
|
}
|
|
:root:hover::marker {
|
|
border: 2dip solid @ctrlBorderColor;
|
|
}
|
|
:root:checked::marker {
|
|
fill: @activeColor;
|
|
border-color: @activeColor;
|
|
}
|
|
:root:focus::marker {
|
|
border: 2dip solid @activeColorDark;
|
|
}
|
|
|
|
:root[small] {
|
|
width: *;
|
|
height: 20dip;
|
|
line-height: 20dip;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
:root[light] {
|
|
padding-left: 25dip;
|
|
}
|
|
:root[light][nolabel] {
|
|
padding-left: 20dip;
|
|
}
|
|
:root[light]::marker {
|
|
border-width: 1dip;
|
|
}
|
|
|
|
:root[right] {
|
|
margin-left: * !important;
|
|
}
|
|
}
|
|
|
|
@set uwp-edit < std-edit {
|
|
:root {
|
|
font-size: 15dip;
|
|
border: 2dip solid @ctrlBorderColorLight;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
height: 20dip;
|
|
padding: 3dip 10dip 5dip 10dip;
|
|
text-selection: #fff @activeColor;
|
|
}
|
|
:root:read-only {
|
|
border: 2dip solid @greyColor;
|
|
}
|
|
:root:not(:focus),
|
|
:root:not(:focus) > caption {
|
|
text-selection: windowtext transparent;
|
|
}
|
|
:root:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
:root:hover:not(:read-only) {
|
|
border: 2dip solid @ctrlBorderColor;
|
|
}
|
|
:root:focus:not(:read-only) {
|
|
border: 2dip solid @activeColor;
|
|
}
|
|
:root popup {
|
|
border-radius: 1dip;
|
|
}
|
|
|
|
:root[wide] {
|
|
width: *;
|
|
}
|
|
|
|
:root[light] {
|
|
padding: 3dip 7dip 4dip 7dip;
|
|
border-width: 1dip;
|
|
font-size: 10pt;
|
|
}
|
|
}
|
|
|
|
@set uwp-select < std-select {
|
|
:root {
|
|
font-size: 15dip;
|
|
border: 2dip solid @ctrlBorderColorLight;
|
|
background-color: #fff;
|
|
background-image: none !important;
|
|
text-selection: #fff @activeColor;
|
|
width: *;
|
|
height: max-content;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll-indicator;
|
|
prototype: KillOverscroll;
|
|
vertical-scrollbar: "v-scroll-indicator-textarea";
|
|
}
|
|
:root:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
:root:hover {
|
|
border: 2dip solid @ctrlBorderColor;
|
|
}
|
|
:root:focus {
|
|
border: 2dip solid @activeColor;
|
|
}
|
|
:root option {
|
|
padding: 5dip 11dip;
|
|
line-height: 21dip;
|
|
}
|
|
:root option:disabled span {
|
|
opacity: 0.5;
|
|
}
|
|
:root option:hover {
|
|
background-color: @activeColorHover !important;
|
|
}
|
|
:root option:current {
|
|
background-color: @activeColorCurrent !important;
|
|
color: #000;
|
|
}
|
|
:root option:current:hover {
|
|
background-color: @activeColorHoverCurrent !important;
|
|
}
|
|
:root option:checked {
|
|
background-color: @activeColorCurrent;
|
|
}
|
|
:root option input[type="checkbox"] {
|
|
margin-right: 10dip;
|
|
}
|
|
|
|
:root[multi] {
|
|
max-width: max-content;
|
|
}
|
|
:root[multi] option {
|
|
padding: 2dip 7dip;
|
|
}
|
|
:root[multi] option {
|
|
flow: horizontal;
|
|
vertical-align: middle;
|
|
foreground-image: none;
|
|
}
|
|
:root[multi] option img {
|
|
foreground-position: center center;
|
|
foreground-size: auto;
|
|
max-width: 21dip;
|
|
max-height: 21dip;
|
|
margin-left: 30dip;
|
|
}
|
|
:root[multi] option span {
|
|
display: inline-block;
|
|
width: *;
|
|
margin-right: 10dip;
|
|
}
|
|
}
|
|
|
|
@set uwp-select-dropdown < std-select-dropdown {
|
|
:root {
|
|
font-size: 15dip;
|
|
border: 2dip solid @ctrlBorderColorLight;
|
|
background-color: #fff;
|
|
background-image: none !important;
|
|
//height: 20dip;
|
|
//padding: 3dip 10dip 5dip 10dip;
|
|
height: 28dip;
|
|
padding: 0 5dip;
|
|
text-selection: #fff @activeColor;
|
|
}
|
|
:root > caption {
|
|
padding: 3dip 5dip 5dip 5dip;
|
|
vertical-align: middle;
|
|
}
|
|
:root:focus:not([editable]) > caption {
|
|
outline: none;
|
|
}
|
|
:root:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
:root:hover {
|
|
border: 2dip solid @ctrlBorderColor;
|
|
}
|
|
:root:focus {
|
|
border: 2dip solid @activeColor;
|
|
}
|
|
:root popup,
|
|
:root popup.list {
|
|
border-radius: 1dip;
|
|
border: 1dip solid @popupBorderColor;
|
|
background-color: #f2f2f2;
|
|
padding: 7dip 0;
|
|
overflow-y: scroll-indicator;
|
|
prototype: KillOverscroll;
|
|
vertical-scrollbar: "v-scroll-indicator-textarea";
|
|
}
|
|
:root:not([default]) popup,
|
|
:root:not([default]) popup.list {
|
|
overflow-y: hidden;
|
|
height: max-content;
|
|
}
|
|
:root option,
|
|
:root:not([multiple]) > popup option {
|
|
padding: 5dip 11dip;
|
|
line-height: 21dip;
|
|
}
|
|
:root option:disabled span {
|
|
opacity: 0.5;
|
|
}
|
|
:root option:hover {
|
|
background-color: @activeColorHover !important;
|
|
}
|
|
:root:active,
|
|
:root option:current {
|
|
background-color: @activeColorCurrent !important;
|
|
color: #000;
|
|
}
|
|
:root option:current:hover {
|
|
background-color: @activeColorHoverCurrent !important;
|
|
}
|
|
|
|
:root[wide] {
|
|
width: *;
|
|
}
|
|
}
|
|
|
|
@set base-scroll-indicator {
|
|
.slider {
|
|
background-color: @indicatorColor;
|
|
border-radius: 0;
|
|
}
|
|
.slider:hover {
|
|
background-color: @indicatorColorDark;
|
|
}
|
|
}
|
|
|
|
@set base-scroll-indicator-light {
|
|
.slider {
|
|
background-color: @indicatorColorLight;
|
|
border-radius: 0;
|
|
}
|
|
.slider:hover {
|
|
background-color: @indicatorColor;
|
|
}
|
|
}
|
|
|
|
@set v-scroll-indicator-textarea < base-scroll-indicator {
|
|
.slider {
|
|
margin: 3dip 3dip 3dip 12dip;
|
|
}
|
|
}
|
|
@set h-scroll-indicator-textarea < base-scroll-indicator {
|
|
.slider {
|
|
margin: 12dip 0 3dip 3dip;
|
|
}
|
|
}
|
|
|
|
@set v-scroll-indicator-textarea-light < base-scroll-indicator-light {
|
|
.slider {
|
|
margin: 3dip 3dip 3dip 12dip;
|
|
}
|
|
}
|
|
@set h-scroll-indicator-textarea-light < base-scroll-indicator-light {
|
|
.slider {
|
|
margin: 12dip 0 3dip 3dip;
|
|
}
|
|
}
|
|
|
|
@set uwp-textarea < std-textarea {
|
|
:root {
|
|
font-size: 15dip;
|
|
border: 2dip solid @ctrlBorderColorLight;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
padding: 6dip 10dip 8dip 10dip;
|
|
text-selection: #fff @activeColor;
|
|
overflow: scroll-indicator;
|
|
prototype: KillOverscroll;
|
|
vertical-scrollbar: "v-scroll-indicator-textarea";
|
|
horizontal-scrollbar: "h-scroll-indicator-textarea";
|
|
}
|
|
:root:read-only {
|
|
border: 2dip solid @greyColor;
|
|
}
|
|
:root:not(:focus),
|
|
:root:not(:focus) > caption {
|
|
text-selection: windowtext transparent;
|
|
}
|
|
:root:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
:root:hover:not(:read-only) {
|
|
border: 2dip solid @ctrlBorderColor;
|
|
}
|
|
:root:focus:not(:read-only) {
|
|
border: 2dip solid @activeColor;
|
|
}
|
|
:root popup {
|
|
border-radius: 1dip;
|
|
}
|
|
|
|
:root[wrap] {
|
|
white-space: pre-wrap;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
:root[nowrap] {
|
|
white-space: pre;
|
|
}
|
|
|
|
:root[light] {
|
|
padding: 3dip 7dip 4dip 7dip;
|
|
border-width: 1dip;
|
|
font-size: 10pt;
|
|
vertical-scrollbar: "v-scroll-indicator-textarea-light";
|
|
horizontal-scrollbar: "h-scroll-indicator-textarea-light";
|
|
}
|
|
}
|
|
|
|
@set uwp-number-edit < std-number-edit {
|
|
:root {
|
|
font-size: 15dip;
|
|
border: 2dip solid @ctrlBorderColorLight;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
height: 20dip;
|
|
padding: 3dip 10dip 5dip 10dip;
|
|
text-selection: #fff @activeColor;
|
|
}
|
|
:root:not(:focus),
|
|
:root:not(:focus) > caption {
|
|
text-selection: windowtext transparent;
|
|
}
|
|
:root:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
:root:hover {
|
|
border: 2dip solid @ctrlBorderColor;
|
|
}
|
|
:root:focus {
|
|
border: 2dip solid @activeColor;
|
|
}
|
|
:root popup {
|
|
border-radius: 1dip;
|
|
}
|
|
|
|
:root {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
:root caption {
|
|
padding: 0;
|
|
}
|
|
:root[step] {
|
|
margin: 0 10dip -2dip 10dip;
|
|
padding: 1dip 0 1dip 5dip;
|
|
}
|
|
:root button {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 11dip;
|
|
line-height: 8dip;
|
|
background-image: none;
|
|
}
|
|
:root button.plus,
|
|
:root:disabled button.plus {
|
|
content: "+";
|
|
background-image: none;
|
|
}
|
|
:root button.minus,
|
|
:root:disabled button.minus {
|
|
content: "-";
|
|
background-image: none;
|
|
}
|
|
:root button.plus:hover,
|
|
:root button.minus:hover {
|
|
background-image: none;
|
|
background-color: @activeColorHover;
|
|
}
|
|
|
|
:root[small] > caption {
|
|
padding: 2dip 0;
|
|
}
|
|
:root[small] > caption,
|
|
:root[small] button {
|
|
font-size: 9pt;
|
|
vertical-align: middle;
|
|
}
|
|
:root[small] > button.plus > *,
|
|
:root[small] > button.minus > * {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
@set uwp-masked-edit < std-masked-edit {
|
|
:root {
|
|
font-size: 15dip;
|
|
border: 2dip solid @ctrlBorderColorLight;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
height: 20dip;
|
|
//padding: 3dip 10dip 5dip 10dip;
|
|
text-selection: #fff @activeColor;
|
|
|
|
padding: 3dip;
|
|
padding-right: 0;
|
|
flow: horizontal;
|
|
border-spacing: 3dip;
|
|
}
|
|
:root:not(:focus),
|
|
:root:not(:focus) > caption {
|
|
text-selection: windowtext transparent;
|
|
}
|
|
:root:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
:root:hover {
|
|
border: 2dip solid @ctrlBorderColor;
|
|
}
|
|
:root:focus {
|
|
border: 2dip solid @activeColor;
|
|
}
|
|
:root popup {
|
|
border-radius: 1dip;
|
|
}
|
|
|
|
:root:owns-focus > span:current {
|
|
background-color: @activeColor;
|
|
}
|
|
:root.multiline {
|
|
width: 216dip;
|
|
height: max-content;
|
|
flow: horizontal-wrap;
|
|
}
|
|
:root > span {
|
|
font: system;
|
|
font-size: 15dip;
|
|
display: inline-block;
|
|
width: 24dip;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-right: 3dip;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
background-color: @greyColor;
|
|
cursor: default;
|
|
}
|
|
}
|
|
|
|
@set uwp-date < std-date {
|
|
:root {
|
|
font-size: 15dip;
|
|
border: 2dip solid @ctrlBorderColorLight;
|
|
background-color: #fff;
|
|
//background-image: none;
|
|
height: 20dip;
|
|
//padding: 3dip 10dip 5dip 10dip;
|
|
text-selection: #fff @activeColor;
|
|
|
|
padding: 1dip 0 5dip 0dip;
|
|
background: none;
|
|
margin-left: 10dip;
|
|
}
|
|
:root:not(:focus),
|
|
:root:not(:focus) > caption {
|
|
text-selection: windowtext transparent;
|
|
}
|
|
:root:disabled {
|
|
opacity: 0.5;
|
|
|
|
background: none;
|
|
}
|
|
:root:hover {
|
|
border: 2dip solid @ctrlBorderColor;
|
|
}
|
|
:root:focus {
|
|
border: 2dip solid @activeColor;
|
|
}
|
|
:root popup {
|
|
border-radius: 1dip;
|
|
}
|
|
|
|
:root > button {
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-bottom: -4dip;
|
|
}
|
|
:root > button,
|
|
:root > button:hover,
|
|
:root > button:disabled {
|
|
background-image: url(theme:combobox-button-right-normal);
|
|
background-repeat: stretch;
|
|
}
|
|
:root > caption {
|
|
margin-top: 2dip;
|
|
margin-bottom: 4dip;
|
|
}
|
|
:root:owns-focus > caption > span:current {
|
|
background-color: @activeColor;
|
|
}
|
|
:root widget {
|
|
width: 300dip;
|
|
border: 1dip solid @greyColor;
|
|
padding: 0;
|
|
}
|
|
|
|
:root widget caption {
|
|
position: relative;
|
|
height: 40dip;
|
|
padding: 0;
|
|
}
|
|
:root widget footer {
|
|
display: none;
|
|
}
|
|
:root widget table {
|
|
padding: 0;
|
|
margin: 0 -1dip -1dip -1dip;
|
|
}
|
|
:root widget table td {
|
|
size: *;
|
|
min-width: 30dip;
|
|
min-height: 30dip;
|
|
padding: 5dip;
|
|
font: system;
|
|
font-size: 15dip;
|
|
font-weight: 400;
|
|
border: 1dip solid @greyColor;
|
|
}
|
|
:root widget table td,
|
|
:root widget table td.off {
|
|
background-image: none;
|
|
color: #333;
|
|
}
|
|
:root widget table td.other-month {
|
|
color: @ctrlBorderColorLight;
|
|
}
|
|
:root widget table td.day:current,
|
|
:root widget table td.month:current,
|
|
:root widget table td.year:current,
|
|
:root widget table td.decade:current {
|
|
background-color: @activeColor;
|
|
color: #fff;
|
|
}
|
|
:root widget table td.day:hover,
|
|
:root widget table td.month:hover,
|
|
:root widget table td.year:hover,
|
|
:root widget table td.decade:hover {
|
|
background-color: @activeColorHover;
|
|
}
|
|
:root widget table td.day:current:hover,
|
|
:root widget table td.month:current:hover,
|
|
:root widget table td.year:current:hover,
|
|
:root widget table td.decade:current:hover {
|
|
background-color: @activeColorHoverCurrent;
|
|
}
|
|
:root widget table td.decade {
|
|
font-size: 12dip;
|
|
}
|
|
:root div.button:hover,
|
|
:root div.nav:hover {
|
|
background-image: none;
|
|
background-color: @greyColor;
|
|
}
|
|
:root div.button:active,
|
|
:root div.nav:active {
|
|
background-image: none;
|
|
background-color: @greyColorLightPressed;
|
|
}
|
|
:root div.button.month,
|
|
:root div.button.year,
|
|
:root div.button.decade,
|
|
:root div.button.century {
|
|
font: system;
|
|
font-size: 20dip;
|
|
line-height: 20dip;
|
|
font-weight: normal;
|
|
padding: 5dip 10dip 10dip 10dip;
|
|
vertical-align: middle;
|
|
}
|
|
:root .nav.prev,
|
|
:root .nav.next {
|
|
foreground-repeat: stretch;
|
|
foreground-position: 0 0;
|
|
foreground-size: 100%;
|
|
background-image: none;
|
|
position: absolute;
|
|
top: 0dip;
|
|
size: 40dip;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
:root .nav.prev {
|
|
right: 40dip;
|
|
foreground-image: url(resource:uwp_up);
|
|
}
|
|
:root .nav.next {
|
|
right: 0dip;
|
|
foreground-image: url(resource:uwp_down);
|
|
}
|
|
:root .weekday {
|
|
border: none;
|
|
font-size: 13dip;
|
|
padding: 5dip;
|
|
color: #333;
|
|
}
|
|
|
|
:root[nomargin] {
|
|
margin: 0;
|
|
}
|
|
|
|
:root[light] {
|
|
padding: 1dip 0 3dip 0dip;
|
|
border-width: 1dip;
|
|
font-size: 10pt;
|
|
}
|
|
:root[light] > button {
|
|
margin-bottom: -2dip;
|
|
}
|
|
}
|
|
|
|
button[uwp] {
|
|
style-set: uwp-button;
|
|
}
|
|
|
|
input[uwp]:not([type]),
|
|
input[uwp][type="text"],
|
|
input[uwp][type="password"] {
|
|
style-set: uwp-edit;
|
|
}
|
|
|
|
textarea[uwp] {
|
|
style-set: uwp-textarea;
|
|
}
|
|
|
|
input[uwp][type="integer"],
|
|
input[uwp][type="decimal"] {
|
|
style-set: uwp-number-edit;
|
|
}
|
|
|
|
input[uwp][type="masked"] {
|
|
style-set: uwp-masked-edit;
|
|
}
|
|
|
|
input[uwp][type="date"] {
|
|
style-set: uwp-date;
|
|
}
|
|
|
|
select[uwp]:not([type]) {
|
|
style-set: uwp-select-dropdown;
|
|
}
|
|
select[uwp][type="list"] {
|
|
style-set: uwp-select;
|
|
}
|
|
|
|
radio {
|
|
style-set: uwp-radio;
|
|
}
|
|
checkbox {
|
|
style-set: uwp-checkbox;
|
|
}
|
|
|
|
popup#hint {
|
|
flow: vertical;
|
|
hit-margin: -50%;
|
|
border-radius: 1px;
|
|
background-color: #f2f2f2;
|
|
border: 1dip solid #bbb;
|
|
width: max-content;
|
|
height: max-content;
|
|
padding: 3dip 5dip;
|
|
font: system;
|
|
font-size: 9pt;
|
|
font-rendering-mode: snap-pixel;
|
|
line-height: 110%;
|
|
opacity: 0;
|
|
}
|
|
popup#hint:popup {
|
|
opacity: 1;
|
|
transition: opacity 200ms cubic-out;
|
|
}
|
|
popup#hint > *,
|
|
popup#hint .hintheader1 > * {
|
|
flow: horizontal;
|
|
vertical-align: middle;
|
|
border-spacing: 5dp;
|
|
width: max-content;
|
|
white-space: nowrap;
|
|
}
|
|
popup#hint hr {
|
|
width: *;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
popup#hint b {
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
}
|
|
popup#hint .limited {
|
|
display: inline-block;
|
|
width: max-content;
|
|
max-width: 150dip;
|
|
white-space: pre;
|
|
text-overflow: ellipsis;
|
|
overflow-x: hidden;
|
|
}
|
|
popup#hint .hintheader {
|
|
width: auto;
|
|
border-spacing: 20dip;
|
|
}
|
|
popup#hint .hintheader1,
|
|
popup#hint .hintheader2 {
|
|
flow: vertical;
|
|
width: max-content;
|
|
}
|
|
popup#hint .hintheader2 {
|
|
margin-left: *;
|
|
margin-top: 2dip;
|
|
vertical-align: top;
|
|
}
|
|
popup#hint .hintheader2 > img {
|
|
image-rendering: optimize-quality;
|
|
foreground-size: contain;
|
|
max-width: 32dip;
|
|
max-height: 32dip;
|
|
}
|
|
|
|
.xstatus {
|
|
font-size: @baseFontSize;
|
|
font-family: @baseFontEmoji;
|
|
font-rendering-mode: sub-pixel;
|
|
}
|
|
.xstatus.small {
|
|
font-size: 11dip;
|
|
}
|
|
|
|
menu .xstatus {
|
|
size: 16dip;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
} |