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.
103 lines
3.2 KiB
CSS
103 lines
3.2 KiB
CSS
html.customframe {
|
|
var(caption-height): 30dip;
|
|
border: 1dip solid rgba(0, 0, 0, 0.335);
|
|
}
|
|
html.customframe:owns-focus {
|
|
border-color: rgba(0, 0, 0, 0.563);
|
|
}
|
|
//html.customframe[window-blurbehind="dark"] {
|
|
// border-color: rgba(255, 255, 255, 0.56);
|
|
//}
|
|
//html.customframe[window-blurbehind="dark"]:owns-focus {
|
|
// border-color: rgba(255, 255, 255, 0.23);
|
|
//}
|
|
@media ui-accented-window-decoration or old-windows {
|
|
html.customframe:owns-focus {
|
|
border-color: @activeColor;
|
|
}
|
|
}
|
|
//html.customframe:owns-focus[window-blurbehind="dark"] {
|
|
// border-color: @activeColorDark !important;
|
|
//}
|
|
|
|
html > window-header {
|
|
display: none;
|
|
}
|
|
html.customframe > window-header {
|
|
width: *;
|
|
height: var(header-height, 30dip);
|
|
display: block;
|
|
flow: horizontal;
|
|
margin: 0;
|
|
font: system;
|
|
vertical-align: top;
|
|
}
|
|
html.customframe > window-header > window-caption {
|
|
display: block;
|
|
width: *;
|
|
height: var(caption-height);
|
|
line-height: var(caption-height);
|
|
padding: 0 8dip;
|
|
color: var(text-color);
|
|
}
|
|
html.customframe > window-header > window-buttons {
|
|
display: block;
|
|
flow: horizontal;
|
|
width: max-content;
|
|
height: var(caption-height);
|
|
border-spacing: 1dip;
|
|
}
|
|
html.customframe > window-header > window-buttons > window-button {
|
|
behavior: clickable;
|
|
display: block;
|
|
height: *;
|
|
width: 45dip;
|
|
height: 29dip;
|
|
foreground-size: 11dip;
|
|
foreground-repeat: no-repeat;
|
|
foreground-position: 50% 50%;
|
|
stroke: #000;
|
|
stroke-width: 1dip;
|
|
transition: background-color 0.3s cubic-out;
|
|
}
|
|
html.customframe:not(:owns-focus) > window-header > window-caption {
|
|
color: @ctrlBorderColorLight;
|
|
}
|
|
html.customframe:not(:owns-focus) > window-header > window-buttons > window-button {
|
|
transition: background-color 0.05s cubic-out !important;
|
|
opacity: 0.52;
|
|
}
|
|
html.customframe > window-header > window-buttons > window-button:hover {
|
|
transition: background-color 0.1s cubic-out;
|
|
background: rgba(0, 0, 0, 0.1);
|
|
opacity: 1;
|
|
}
|
|
html.customframe > window-header > window-buttons > window-button:active {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
}
|
|
html.customframe > window-header > window-buttons > window-button[role="window-close"] {
|
|
foreground-image: url(path:M0 0 L10 10 M10 0 L0 10);
|
|
stroke: #050708;
|
|
}
|
|
html.customframe > window-header > window-buttons > window-button[role="window-close"]:hover {
|
|
background: rgb(232, 17, 35);
|
|
opacity: 1;
|
|
stroke: #FFF;
|
|
}
|
|
html.customframe > window-header > window-buttons > window-button[role="window-close"]:active {
|
|
background: rgba(232, 17, 35, 0.6);
|
|
}
|
|
html.customframe:not(:owns-focus) > window-header > window-buttons > window-button[role="window-close"] {
|
|
stroke: #3b3d3e;
|
|
}
|
|
html.customframe > window-header > window-buttons > window-button[role="window-maximize"] {
|
|
foreground-image: url(path:M0 0 H9 V9 H0 Z);
|
|
foreground-size: 10dip;
|
|
foreground-position: calc(50%) calc(50%);
|
|
}
|
|
html.customframe.maximized > window-header > window-buttons > window-button[role="window-maximize"] {
|
|
foreground-image: url(path:M0 2 h8 v8 h-8 Z M2 2 v-2 h8 v8 h-2);
|
|
}
|
|
html.customframe > window-header > window-buttons > window-button[role="window-minimize"] {
|
|
foreground-image: url(path:M0 0 M0 5 H10 M10 10);
|
|
} |