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.
170 lines
3.0 KiB
CSS
170 lines
3.0 KiB
CSS
body, input, input > caption, input > span, select, button, textarea {
|
|
font-family: @baseFontEmoji;
|
|
font-size: 14dip;
|
|
font-rendering-mode: sub-pixel;
|
|
}
|
|
|
|
body {
|
|
flow: vertical;
|
|
padding: 0;
|
|
margin: 0;
|
|
line-height: normal;
|
|
overflow: hidden;
|
|
background-color: window;
|
|
image-rendering: optimize-quality;
|
|
}
|
|
|
|
select {
|
|
size: *;
|
|
border: none;
|
|
background-image: none;
|
|
background-color: window;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll-indicator;
|
|
vertical-scrollbar: "v-scroll-indicator-textarea";
|
|
}
|
|
select option {
|
|
flow: horizontal;
|
|
vertical-align: middle;
|
|
padding: 5dip 5dip 5dip 15dip;
|
|
}
|
|
select option img {
|
|
foreground-size: contain;
|
|
foreground-position: center center;
|
|
}
|
|
select option .caption:hover,
|
|
select option .picker:hover {
|
|
color: #546368;
|
|
cursor: pointer;
|
|
}
|
|
select option .picker {
|
|
margin-right: 20dip;
|
|
size: 64dip;
|
|
}
|
|
select option .actions {
|
|
margin-left: *;
|
|
flow: horizontal;
|
|
}
|
|
select option .actions > * {
|
|
margin: 0 15dip;
|
|
}
|
|
select option .actions > *:last-child {
|
|
margin-right: 10dip;
|
|
}
|
|
select option .actions .author {
|
|
cursor: help;
|
|
}
|
|
select option .actions .purchase {
|
|
cursor: pointer;
|
|
}
|
|
select option .actions .purchase:disabled {
|
|
opacity: 0.5;
|
|
}
|
|
select option .actions img {
|
|
size: 24dip;
|
|
}
|
|
select option .name {
|
|
font-size: 18dip;
|
|
width: *;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
select option div {
|
|
flow: vertical;
|
|
}
|
|
select:not([type]):active,
|
|
select option:current,
|
|
[role="option"]:current {
|
|
background-color: transparent !important;
|
|
color: #000;
|
|
}
|
|
#stickerpacks2.searching::before,
|
|
#stickerpacks2.notfound::before {
|
|
flow: vertical;
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
#stickerpacks2.searching::before {
|
|
content: attr(searching);
|
|
}
|
|
#stickerpacks2.notfound::before {
|
|
content: attr(notfound);
|
|
}
|
|
|
|
.search {
|
|
width: *;
|
|
height: max-content;
|
|
flow: horizontal;
|
|
vertical-align: middle;
|
|
padding: 10dip;
|
|
padding-top: 5dip;
|
|
}
|
|
.search > .searchbtn {
|
|
aspect: InitSearchButton;
|
|
position: absolute;
|
|
size: 16dip;
|
|
foreground-image: url(themepic:search_button);
|
|
cursor: pointer;
|
|
top: 13dip;
|
|
right: 17dip;
|
|
cursor: pointer;
|
|
hit-margin: 5dip;
|
|
}
|
|
#query {
|
|
padding-right: 30dip !important;
|
|
//padding-left: 10dip !important;
|
|
}
|
|
.bottombtns {
|
|
height: max-content;
|
|
width: *;
|
|
flow: horizontal;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
padding: 10dip;
|
|
}
|
|
#startup {
|
|
size: *;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
#preview {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
overflow-x: hidden;
|
|
overflow-y: scroll-indicator;
|
|
flow: horizontal-wrap;
|
|
vertical-scrollbar: "v-scroll-indicator-textarea";
|
|
transition: opacity 0.3s cubic-out, display 0.3s linear;
|
|
}
|
|
#preview > * {
|
|
size: 90dip;
|
|
margin: 15dip;
|
|
padding: 0;
|
|
foreground-size: contain;
|
|
foreground-position: center center;
|
|
}
|
|
#preview > *:busy {
|
|
foreground-image: url(resource:noimage);
|
|
}
|
|
|
|
.hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
.invisible {
|
|
display: none !important;
|
|
opacity: 0 !important;
|
|
} |