telegram-crawler/data/corefork.telegram.org/css/telegram-extra.css
2022-02-20 21:35:11 +00:00

246 lines
5.6 KiB
CSS

.telegram-passport-wrap {
overflow: hidden;
}
.telegram-passport-form {
position: relative;
}
.telegram-passport-form .control-label {
line-height: 20px;
padding-top: 11px;
}
.telegram-passport-header {
font-size: 18px;
line-height: 27px;
}
.telegram-passport-greeting {
margin-right: 10px;
}
.telegram-passport-greeting a,
.telegram-passport-greeting a:hover {
color: inherit;
}
.telegram-passport-logout {
font-size: 16px;
font-weight: normal;
}
.telegram-passport-login-wrap {
margin: 10px 0 50px;
text-align: center;
}
.telegram-passport-relogin-wrap {
margin: 10px 0 50px;
text-align: center;
}
.telegram-passport-pending {
padding: 20px 0 40px;
text-align: center;
}
.telegram-passport-block-header,
.telegram-passport-item {
border-bottom: 1px solid #e7e7e7;
}
.telegram-passport-block-header,
.telegram-passport-item-name,
.telegram-passport-item-value {
padding: 15px 0;
line-height: 20px;
}
.telegram-passport-block-header {
margin: 25px 0 0;
}
.telegram-passport-item-name {
margin-right: 15px;
margin-bottom: -5px;
padding-bottom: 0;
float: left;
}
.telegram-passport-item-files,
.telegram-passport-item-value {
clear: left;
font-weight: bold;
}
.telegram-passport-item-value {
transition: color .12s linear;
}
.telegram-passport-item-files {
padding: 6px 0;
}
.telegram-passport-item-file {
padding: 6px 0;
min-height: 60px;
}
.telegram-passport-item .telegram-passport-checkbox-right .checkbox-input {
margin: 0;
}
.telegram-passport-item .telegram-passport-checkbox-right {
float: right;
margin: 40px -5px 10px;
padding: 5px;
}
.telegram-passport-item-files .checkbox-item-block {
margin: 6px 0;
}
.telegram-passport-item-file .telegram-passport-checkbox-right {
margin: 9px -5px;
}
.telegram-passport-scan-thumb {
display: inline-block;
width: 64px;
height: 48px;
background: #f7f7f7 no-repeat center;
background-size: cover;
float: left;
border-radius: 3px;
margin-right: 15px;
}
.telegram-passport-scan-name {
display: inline-block;
font-size: 14px;
padding: 3px 0 0;
transition: color .12s linear;
color: #2e87ca;
}
.telegram-passport-scan-size {
font-size: 13px;
padding: 1px 0 0;
font-weight: normal;
transition: color .12s linear;
color: #999;
}
.telegram-passport-item-value,
.telegram-passport-scan-info {
margin-right: 42px;
}
.telegram-passport-item .checkbox-item-block .checkbox-label {
transition: color .12s linear;
}
.telegram-passport-item.item-rejected .telegram-passport-item-value,
.telegram-passport-item-file.item-rejected .telegram-passport-scan-name,
.telegram-passport-item-file.item-rejected .telegram-passport-scan-size,
.telegram-passport-item .checkbox-item-block.item-rejected .checkbox-label {
color: #c93c3c;
}
.telegram-passport-item .checkbox-item-block .checkbox-input-icon:before {
border-color: #eb5454;
background-color: #eb5454;
background-position: -3px -119px;
}
.telegram-passport-item .checkbox-item-block input.checkbox:checked + .checkbox-input .ripple {
background-color: rgba(235, 84, 84, .2);
}
.telegram-passport-errors-wrap {
text-align: right;
margin: 20px 16px 0;
}
.btn.telegram-passport-errors {
font-size: 15px;
font-weight: 500;
line-height: 20px;
border-radius: 6px;
background-color: transparent;
padding: 8px 16px 10px;
margin: 4px -16px;
border: none;
color: #c93c3c;
position: relative;
z-index: 1;
}
.btn.telegram-passport-errors:hover {
background-color: #f7e3e3;
}
.btn.telegram-passport-errors:focus {
outline: none;
}
.btn.telegram-passport-errors:active {
box-shadow: none;
}
.telegram-passport-errors-icon {
display: inline-block;
vertical-align: top;
width: 18px;
height: 19px;
margin: 1px 12px 0 0;
background: url(/img/passport_bug.png) no-repeat 0 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.telegram-passport-errors-icon {
background-image: url(/img/passport_bug_2x.png);
background-size: 18px 19px;
}
}
.telegram-passport-errors-sent {
font-size: 14px;
line-height: 20px;
padding: 13px 24px 0 0;
color: #999;
transition: opacity .12s linear;
opacity: 0;
}
.telegram-passport-errors-sent.shown {
opacity: 1;
}
@media (min-width: 768px) {
.telegram-passport-login-wrap {
text-align: left;
}
.telegram-passport-relogin-wrap {
text-align: left;
margin: 50px 0 50px 240px;
}
.telegram-passport-item-files,
.telegram-passport-item-value {
clear: none;
margin-left: 240px;
}
.telegram-passport-item .telegram-passport-checkbox-right {
margin-top: 10px;
}
.telegram-passport-item-file .telegram-passport-checkbox-right {
margin: 9px -5px;
}
.telegram-passport-errors-wrap {
position: absolute;
right: 0;
margin: 50px 0 0;
}
}
.telegram-passport-form .sub-control-label {
text-align: left;
margin: 11px 0 6px;
}
.telegram-passport-form .sub-control-label .radio-label {
font-weight: bold;
}
.telegram-passport-form .sub-control-label .radio-item + .radio-item,
.telegram-passport-form .sub-control-label .checkbox-item + .checkbox-item {
margin-left: 25px;
}
.telegram-passport-form label.control-label .radio-label {
font-weight: bold;
}
.passport-opt,
.passport-opt-col {
display: inline-block;
margin-left: 31px;
margin-top: -10px;
}
.passport-opt + .passport-opt,
.passport-opt-col + .passport-opt-col {
margin-left: 0;
}
@media (min-width: 992px) {
.passport-opt-col {
margin-left: 0;
margin-top: 0;
text-align: center;
}
.passport-opt-col .checkbox-label {
text-align: left;
}
.passport-opt-col .checkbox-item input.checkbox ~ .checkbox-label {
display: none;
}
}