aboutsummaryrefslogtreecommitdiffstats
path: root/youtube/static
diff options
context:
space:
mode:
Diffstat (limited to 'youtube/static')
-rw-r--r--youtube/static/comments.css3
-rw-r--r--youtube/static/dark_theme.css1
-rw-r--r--youtube/static/gray_theme.css1
-rw-r--r--youtube/static/light_theme.css1
-rw-r--r--youtube/static/shared.css15
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);