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.
RnQ/Distro/Template/status.css

121 lines
2.1 KiB
CSS

/* Template version: 1130.85 */
@set v-scroll-indicator < base-scroll-indicator-light {
.slider {
margin: 3dip 3dip 3dip 12dip;
}
}
@set h-scroll-indicator < base-scroll-indicator-light {
.slider {
margin: 12dip 3dip 3dip 3dip;
}
}
html {
overflow: hidden;
padding: 0;
margin: 0;
}
body {
flow: vertical;
overflow: hidden;
padding: 0;
margin: 0;
font-rendering-mode: snap-pixel;
image-rendering: optimize-quality;
height: max-content;
}
.header {
flow: horizontal;
overflow-x: hidden;
padding: 0;
height: 30dip;
width: *;
vertical-align: middle;
}
.header > .title {
font: system;
padding-left: 8dip;
padding-top: 0;
vertical-align: middle;
size: *;
white-space: nowrap;
text-overflow: ellipsis;
}
.header > .close {
width: 35dip;
height: 29dip;
padding: 0;
margin: 0;
background-image: url(resource:win_close) 0 0 no-repeat;
background-position: center center;
transition: background-color 0.4s cubic-out;
}
.header > .close:hover {
background-color: rgba(0, 0, 0, 0.1);
transition: background-color 0.1s cubic-out;
}
.header > .close:active {
background-color: rgba(0, 0, 0, 0.2);
}
#statuses {
width: *;
height: max-content;
flow: horizontal-flow;
border-spacing: 5dip;
padding: 5dip;
margin-bottom: 5dip;
}
#statustext {
prototype: KillOverscroll;
width: *;
height: 93dip;
padding: 10dip 2dip;
background-color: #FFF;
border-top: 1dip solid #EEE;
border-bottom: 1dip solid #EEE;
context-menu: selector(menu#inputmenu);
scroll-manner: scroll-manner(animation: true, wheel-step: 200%);
font: system;
overflow: scroll-indicator;
vertical-scrollbar: "v-scroll-indicator";
horizontal-scrollbar: "h-scroll-indicator";
text-selection: #fff @activeColor;
}
#statustext text {
margin: 0;
display: block;
}
button[uwp][wide] {
margin: 5dip !important;
}
.characters {
flow: horizontal;
padding-top: 2dip;
padding-left: 5dip;
padding-right: 5dip;
font-size: 8pt;
font: system;
}
.characters > * {
width: 0.5*;
}
#charsleft {
text-align: right;
}
.imgbtn {
font-size: 10pt;
size: 18dip;
max-width: 18dip;
max-height: 18dip;
}
.imgbtn > div {
opacity: 0.9;
}