diff options
| author | James Taylor <user234683@users.noreply.github.com> | 2018-06-30 23:34:46 -0700 |
|---|---|---|
| committer | James Taylor <user234683@tutanota.com> | 2018-06-30 23:34:46 -0700 |
| commit | 98157bf1bf1223ffa7556d2d21cfac6f07675f9d (patch) | |
| tree | 9863e438deec87bb309a435c0f4cb0eb0e455dcc /youtube/comments.css | |
| download | yt-local-98157bf1bf1223ffa7556d2d21cfac6f07675f9d.tar.lz yt-local-98157bf1bf1223ffa7556d2d21cfac6f07675f9d.tar.xz yt-local-98157bf1bf1223ffa7556d2d21cfac6f07675f9d.zip | |
initial commit
Diffstat (limited to 'youtube/comments.css')
| -rw-r--r-- | youtube/comments.css | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/youtube/comments.css b/youtube/comments.css new file mode 100644 index 0000000..93a6495 --- /dev/null +++ b/youtube/comments.css @@ -0,0 +1,59 @@ +.comments{
+ grid-row-gap: 10px;
+ display: grid;
+ align-content:start;
+}
+
+.comment{
+ display:grid;
+ grid-template-columns: 0fr 0fr 1fr;
+ grid-template-rows: 0fr 0fr 0fr 0fr;
+ background-color: #dadada;
+}
+
+.comment .author-avatar{
+ grid-column: 1;
+ grid-row: 1 / span 3;
+ align-self: start;
+ margin-right: 5px;
+}
+
+.comment address{
+ grid-column: 2;
+ grid-row: 1;
+ margin-right:15px;
+ white-space: nowrap;
+}
+
+.comment .text{
+ grid-column: 2 / span 2;
+ grid-row: 2;
+ white-space: pre-line;
+ min-width: 0;
+}
+
+.comment time{
+ grid-column: 3;
+ grid-row: 1;
+ white-space: nowrap;
+
+}
+
+
+.comment .likes{
+ grid-column:2;
+ grid-row:3;
+ font-weight:bold;
+ white-space: nowrap;
+}
+
+.comment .replies{
+ grid-column:2 / span 2;
+ grid-row:4;
+ justify-self:start;
+}
+
+.more-comments{
+ justify-self:center;
+
+}
\ No newline at end of file |