mirror of
https://github.com/iv-org/invidious.git
synced 2025-10-26 02:38:30 -05:00
131 lines
2.1 KiB
CSS
131 lines
2.1 KiB
CSS
/*
|
|
* User pages CSS
|
|
*
|
|
* Used on all authenticated pages
|
|
* (subscriptions, account management, etc...)
|
|
*
|
|
* Part of invidious
|
|
* Copyright iv-org
|
|
* Licensed under AGPLv3
|
|
*/
|
|
|
|
|
|
/*
|
|
* login/Register pages
|
|
*/
|
|
|
|
.login-container,
|
|
.register-container {
|
|
width: max-content;
|
|
margin: 12vh auto;
|
|
text-align: end;
|
|
padding: 2em;
|
|
border: 1px solid;
|
|
}
|
|
|
|
.login-container label,
|
|
.register-container label {
|
|
width: max-content !important;
|
|
margin-right: 1.5em !important;
|
|
}
|
|
|
|
.login-container .login-submit-button,
|
|
.register-container .register-submit-button {
|
|
width: max-content;
|
|
margin: 1.75em auto 1em auto;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.login-container p,
|
|
.register-container p {
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.login-container .username-pass,
|
|
.register-container .username-pass {
|
|
width: max-content;
|
|
margin: auto;
|
|
padding: 0 2em;
|
|
}
|
|
|
|
.captcha {
|
|
margin: 2em 0.5em;
|
|
text-align: center;
|
|
padding: 1em;
|
|
}
|
|
|
|
/* Background color accent using transparency */
|
|
/* TODO: handle themes better, ffs */
|
|
.light-theme .captcha { background-color: #0002; }
|
|
.dark-theme .captcha { background-color: #fff2; }
|
|
|
|
@media (prefers-color-scheme: light) { .no-theme .captcha { background-color: #0002; } }
|
|
@media (prefers-color-scheme: dark) { .no-theme .captcha { background-color: #fff2; } }
|
|
|
|
|
|
.captcha div {
|
|
padding: 0.5em;
|
|
}
|
|
.captcha img {
|
|
width: 10.5em;
|
|
height: auto;
|
|
}
|
|
.captcha label {
|
|
width: auto !important;
|
|
margin: .4em 0 !important;;
|
|
}
|
|
|
|
|
|
/*
|
|
* User menu
|
|
*/
|
|
|
|
.user-menu, .user-tab {
|
|
margin: 10px 10px 20px 15px;
|
|
padding: 0;
|
|
background-color: #262626;
|
|
}
|
|
|
|
|
|
.user-menu ul {
|
|
padding: 0; margin: 0;
|
|
}
|
|
|
|
li.user-menu-tab {
|
|
padding: 2px 10px;
|
|
display: block;
|
|
border: 1px solid #7777;
|
|
border-bottom: none;
|
|
}
|
|
li.user-menu-tab:last-child {
|
|
border-bottom: 1px solid #7777;
|
|
}
|
|
|
|
li.user-menu-tab p,
|
|
li.user-menu-tab a {
|
|
display: block;
|
|
padding: 2px;
|
|
margin: 8px 0;
|
|
}
|
|
|
|
li.user-menu-tab a:focus {
|
|
outline: 1px solid #129fea;
|
|
}
|
|
|
|
li.user-menu-tab.selected {
|
|
background-color: #363636;
|
|
font-weight: bold;
|
|
border: 1px solid #b0b0b0;
|
|
}
|
|
|
|
|
|
/*
|
|
* User "tab" (content container)
|
|
*/
|
|
|
|
.user-tab {
|
|
padding: 20px;
|
|
border: 1px solid #7777;
|
|
}
|