heckyel/yt-local
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Layout: Simplify color scheme

Browse Source
This commit is contained in:
James Taylor 2019-08-24 11:51:41 -07:00
parent 400d17e613
commit f2eb354197
3 changed files with 10 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
youtube/static/shared.css
View File

@ -14,7 +14,7 @@ body{
color:#222; color:#222;
background-color:#cccccc; background-color:#bcbcbc;
min-height:100vh; min-height:100vh;
display: flex; display: flex;
@ -150,7 +150,7 @@ body{
.horizontal-item-box{ .horizontal-item-box{
} }
.item{ .item{
background-color:#bcbcbc; background-color:#dadada;
text-decoration:none; text-decoration:none;
font-size: 12px; font-size: 12px;
color: #767676; color: #767676;
@ -284,7 +284,7 @@ body{
text-align: center; text-align: center;
} }
.sort-button{ .sort-button{
background-color: #d0d0d0; background-color: #dadada;
padding: 2px; padding: 2px;
justify-self: start; justify-self: start;
} }

4
youtube/templates/login.html
View File

@ -7,6 +7,8 @@
margin: auto; margin: auto;
} }
main form{ main form{
background-color: #dadada;
padding: 10px;
margin-top:20px; margin-top:20px;
display:grid; display:grid;
justify-items: start; justify-items: start;
@ -22,7 +24,7 @@
margin-top:20px; margin-top:20px;
} }
#tor-note{ #tor-note{
background-color: #dddddd; background-color: #dadada;
padding: 10px; padding: 10px;
margin-top: 40px; margin-top: 40px;
} }

19
youtube/templates/watch.html
View File

@ -8,14 +8,7 @@
grid-template-columns: 1fr 640px 40px 400px 1fr; grid-template-columns: 1fr 640px 40px 400px 1fr;
grid-template-rows: auto auto auto auto; grid-template-rows: auto auto auto auto;
align-content: start; align-content: start;
background-color:#cccccc;
} }
#left{
background-color:#bcbcbc;
grid-column: 1;
grid-row: 1 / span 3;
}
video{ video{
height: 360px; height: 360px;
width: 640px; width: 640px;
@ -28,14 +21,13 @@
grid-template-rows: 0fr 0fr 0fr 20px 0fr 0fr; grid-template-rows: 0fr 0fr 0fr 20px 0fr 0fr;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
align-content: start; align-content: start;
background-color:#bcbcbc;
} }
.video-info > .title{ .video-info > .title{
grid-column: 1 / span 2; grid-column: 1 / span 2;
min-width: 0; min-width: 0;
} }
.video-info > .is-unlisted{ .video-info > .is-unlisted{
background-color: #d0d0d0; background-color: #dadada;
justify-self:start; justify-self:start;
padding-left:2px; padding-left:2px;
padding-right:2px; padding-right:2px;
@ -71,7 +63,7 @@
grid-column: 2; grid-column: 2;
} }
.video-info > .description{ .video-info > .description{
background-color:#d0d0d0; background-color:#dadada;
margin-top:8px; margin-top:8px;
white-space: pre-wrap; white-space: pre-wrap;
min-width: 0; min-width: 0;
@ -83,7 +75,7 @@
.music-list{ .music-list{
grid-row:7; grid-row:7;
grid-column: 1 / span 2; grid-column: 1 / span 2;
background-color: #d0d0d0; background-color: #dadada;
} }
.music-list table,th,td{ .music-list table,th,td{
border: 1px solid; border: 1px solid;
@ -101,7 +93,6 @@
grid-column: 2; grid-column: 2;
grid-row: 3; grid-row: 3;
padding-top:10px; padding-top:10px;
background-color:#bcbcbc;
} }
.comment{ .comment{
width:640px; width:640px;
@ -122,6 +113,7 @@
grid-template-columns: 1fr 640px 40px 1fr; grid-template-columns: 1fr 640px 40px 1fr;
} }
#related{ #related{
margin-top: 10px;
grid-column: 2; grid-column: 2;
grid-row: 3; grid-row: 3;
} }
@ -163,9 +155,6 @@
{% endblock style %} {% endblock style %}
{% block main %} {% block main %}
<div id="left">
</div>
<video controls autofocus> <video controls autofocus>
{% for video_source in video_sources %} {% for video_source in video_sources %}
<source src="{{ video_source['src'] }}" type="{{ video_source['type'] }}"> <source src="{{ video_source['src'] }}" type="{{ video_source['type'] }}">