diff options
Diffstat (limited to 'youtube/static')
-rw-r--r-- | youtube/static/comments.css | 3 | ||||
-rw-r--r-- | youtube/static/dark_theme.css | 1 | ||||
-rw-r--r-- | youtube/static/gray_theme.css | 1 | ||||
-rw-r--r-- | youtube/static/light_theme.css | 1 | ||||
-rw-r--r-- | youtube/static/shared.css | 15 |
5 files changed, 20 insertions, 1 deletions
diff --git a/youtube/static/comments.css b/youtube/static/comments.css index 85f0cc1..c5f03c3 100644 --- a/youtube/static/comments.css +++ b/youtube/static/comments.css @@ -81,6 +81,9 @@ height:32px; width:32px; } + .comment .author-avatar-img{ + max-height: 100%; + } .comment address{ grid-column: 2; diff --git a/youtube/static/dark_theme.css b/youtube/static/dark_theme.css index 7389aa5..221dc95 100644 --- a/youtube/static/dark_theme.css +++ b/youtube/static/dark_theme.css @@ -2,6 +2,7 @@ body{ --interface-color: #333333; --text-color: #cccccc; --background-color: #000000; + --video-background-color: #080808; } a:link { diff --git a/youtube/static/gray_theme.css b/youtube/static/gray_theme.css index a5f3b23..ca699c7 100644 --- a/youtube/static/gray_theme.css +++ b/youtube/static/gray_theme.css @@ -2,6 +2,7 @@ body{ --interface-color: #dadada; --text-color: #222222; --background-color: #bcbcbc; + --video-background-color: #dadada; } .comment .permalink{ diff --git a/youtube/static/light_theme.css b/youtube/static/light_theme.css index 9e37449..e4d7eb3 100644 --- a/youtube/static/light_theme.css +++ b/youtube/static/light_theme.css @@ -2,6 +2,7 @@ body{ --interface-color: #ffffff; --text-color: #222222; --background-color: #f8f8f8; + --video-background-color: #ffffff; } .comment .permalink{ diff --git a/youtube/static/shared.css b/youtube/static/shared.css index 72d290a..2393bef 100644 --- a/youtube/static/shared.css +++ b/youtube/static/shared.css @@ -107,6 +107,18 @@ body{ flex-grow: 1; padding-bottom: 20px; } + #message-box{ + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + border-style: outset; + padding: 20px; + background-color: var(--interface-color); + opacity: 0; + transition-property: opacity; + transition-duration: 0.3s; + } .dropdown{ @@ -225,7 +237,8 @@ body{ .item .title{ min-width: 0; - max-height:3.6em; + line-height:1.25em; + max-height:3.75em; overflow:hidden; color: var(--text-color); |