mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2024-12-12 09:51:06 +01:00
287 lines
No EOL
5.6 KiB
CSS
287 lines
No EOL
5.6 KiB
CSS
html {
|
|
overscroll-behavior-x: none;
|
|
}
|
|
body {
|
|
--bg-color: var(--tg-theme-bg-color, #fff);
|
|
font-family: sans-serif;
|
|
/* background-color: var(--bg-color);*/
|
|
background: transparent linear-gradient(180deg, var(--bg-color) 0%, var(--bg-color) 100%) no-repeat;
|
|
color: var(--tg-theme-text-color, #222);
|
|
font-size: 14px;
|
|
margin: 0;
|
|
padding: 0;
|
|
color-scheme: var(--tg-color-scheme);
|
|
}
|
|
body.gray {
|
|
/* background-color: var(--tg-theme-secondary-bg-color, #efefef);*/
|
|
background: transparent linear-gradient(180deg, var(--tg-theme-secondary-bg-color, #efefef) 0%, var(--tg-theme-secondary-bg-color, #efefef) 100%) no-repeat;
|
|
}
|
|
a {
|
|
color: var(--tg-theme-link-color, #2678b6);
|
|
}
|
|
.btn {
|
|
font-size: 14px;
|
|
padding: 10px 17px;
|
|
}
|
|
.btn-primary {
|
|
background-color: var(--tg-theme-button-color, #50a8eb);
|
|
color: var(--tg-theme-button-text-color, #fff);
|
|
border: none;
|
|
}
|
|
.main-container {
|
|
padding: 15px;
|
|
}
|
|
.list-header {
|
|
text-transform: uppercase;
|
|
font-size: .92em;
|
|
color: var(--tg-theme-hint-color, #ccc);
|
|
margin: 0 0 10px;
|
|
}
|
|
a.list-group-item,
|
|
button.list-group-item {
|
|
color: var(--tg-theme-text-color, #222);
|
|
}
|
|
.main-container p {
|
|
margin: 0 0 10px;
|
|
}
|
|
.main-container pre,
|
|
.main-container > .btn {
|
|
margin: 0 0 7px;
|
|
}
|
|
.main-container pre + .hint,
|
|
.main-container > .btn + .hint {
|
|
text-align: center;
|
|
margin: 0 0 15px;
|
|
}
|
|
|
|
button {
|
|
display: block;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
margin: 15px 0;
|
|
padding: 12px 20px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
background-color: var(--tg-theme-button-color, #50a8eb);
|
|
color: var(--tg-theme-button-text-color, #fff);
|
|
cursor: pointer;
|
|
}
|
|
button[disabled] {
|
|
opacity: 0.6;
|
|
cursor: auto;
|
|
pointer-events: none;
|
|
}
|
|
button.close_btn {
|
|
/*position: fixed;*/
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
padding: 16px 20px;
|
|
text-transform: uppercase;
|
|
}
|
|
table.table-condensed button {
|
|
display: inline-block;
|
|
width: auto;
|
|
font-size: 12px;
|
|
margin: 0 2px 2px 0;
|
|
padding: 2px 7px;
|
|
}
|
|
.table-bordered>tfoot>tr>th,
|
|
.table-bordered>tfoot>tr>td {
|
|
border-top-width: 2px;
|
|
}
|
|
input[type="text"],
|
|
.input[contenteditable] {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
font-size: 14px;
|
|
width: 100%;
|
|
padding: 12px 20px;
|
|
margin: 15px 0;
|
|
border: 1px solid var(--tg-theme-link-color, #000);
|
|
background-color: var(--tg-theme-bg-color, #ffffff);
|
|
border-radius: 4px;
|
|
color: var(--tg-theme-text-color, #222222);
|
|
text-align: start;
|
|
}
|
|
input[type="text"]::-webkit-input-placeholder {
|
|
color: var(--tg-theme-hint-color, #ccc);
|
|
}
|
|
input[type="text"]::-moz-placeholder {
|
|
color: var(--tg-theme-hint-color, #ccc);
|
|
}
|
|
input[type="text"]:-ms-input-placeholder {
|
|
color: var(--tg-theme-hint-color, #ccc);
|
|
}
|
|
.input[data-placeholder] {
|
|
position: relative;
|
|
}
|
|
.input[data-placeholder]:empty:before {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
content: attr(data-placeholder);
|
|
color: var(--tg-theme-hint-color, #ccc);
|
|
padding: 0 20px;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
table.table-condensed input[type="text"] {
|
|
font-size: 12px;
|
|
padding: 5px;
|
|
margin: 0;
|
|
border-color: #eee;
|
|
}
|
|
section {
|
|
padding: 15px;
|
|
text-align: center;
|
|
background-color: var(--bg-color, #ffffff);
|
|
}
|
|
section#top_sect {
|
|
background-color: var(--header-color, var(--tg-theme-bg-color, #ffffff));
|
|
}
|
|
section#top_sect.second {
|
|
background-color: var(--header-color, var(--tg-theme-secondary-bg-color, #efefef));
|
|
}
|
|
section .sect_row {
|
|
margin: 10px 0;
|
|
}
|
|
section + section {
|
|
padding: 0 15px 65px;
|
|
}
|
|
p {
|
|
margin: 40px 0 15px;
|
|
}
|
|
ul {
|
|
text-align: left;
|
|
}
|
|
li {
|
|
color: var(--tg-theme-hint-color, #a8a8a8);
|
|
}
|
|
textarea {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 7px;
|
|
}
|
|
pre {
|
|
background: rgba(0, 0, 0, .07);
|
|
color: var(--tg-theme-text-color, #222);
|
|
font-size: 12px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
padding: 8px;
|
|
margin: 7px 0;
|
|
word-break: break-all;
|
|
word-break: break-word;
|
|
white-space: pre-wrap;
|
|
text-align: left;
|
|
}
|
|
.dark pre {
|
|
background: rgba(255, 255, 255, .15);
|
|
}
|
|
.chat_img {
|
|
width: 30px;
|
|
border-radius: 15px;
|
|
margin-right: 10px;
|
|
}
|
|
.columns {
|
|
display: flex;
|
|
}
|
|
.columns>* {
|
|
flex-grow: 1;
|
|
flex-basis: 20%;
|
|
}
|
|
.hint {
|
|
font-size: .8em;
|
|
color: var(--tg-theme-hint-color, #a8a8a8);
|
|
}
|
|
.ok {
|
|
color: green;
|
|
}
|
|
.err {
|
|
color: red;
|
|
}
|
|
.txt {
|
|
color: var(--tg-theme-text-color, #222);
|
|
}
|
|
.status_need {
|
|
display: none;
|
|
}
|
|
#fixed_wrap {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
transform: translateY(100vh);
|
|
}
|
|
.viewport-container {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
height: var(--tg-viewport-stable-height, 100vh);
|
|
transition: height .2s ease;
|
|
}
|
|
.viewport-container .main-container {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.viewport-container .main-container button {
|
|
width: auto;
|
|
}
|
|
.viewport-border,
|
|
.viewport-stable_border {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
height: var(--tg-viewport-height, 100vh);
|
|
pointer-events: none;
|
|
}
|
|
.viewport-stable_border {
|
|
height: var(--tg-viewport-stable-height, 100vh);
|
|
}
|
|
.viewport-border:before,
|
|
.viewport-stable_border:before {
|
|
content: attr(text);
|
|
display: inline-block;
|
|
position: absolute;
|
|
background: gray;
|
|
right: 0;
|
|
top: 0;
|
|
font-size: 7px;
|
|
padding: 2px 4px;
|
|
vertical-align: top;
|
|
}
|
|
.viewport-stable_border:before {
|
|
background: green;
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
.viewport-border:after,
|
|
.viewport-stable_border:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
border: 2px dashed gray;
|
|
}
|
|
.viewport-stable_border:after {
|
|
border-color: green;
|
|
} |