MyTube/public/css/watch.css

80 lines
955 B
CSS
Raw Permalink Normal View History

2021-01-06 17:15:05 +00:00
#player {
}
#player .video-js {
width: 100%;
}
.pane-container {
2021-01-17 20:31:33 +00:00
margin-bottom: 3%;
2021-01-06 17:15:05 +00:00
}
#set {
2021-01-17 20:31:33 +00:00
display: none;
2021-01-06 17:15:05 +00:00
position: absolute;
2021-01-07 21:25:29 +00:00
top: 0;
right: 0;
2021-01-06 17:15:05 +00:00
width: 23.5%;
min-height: 100px;
padding: 1%;
}
2021-01-17 20:24:12 +00:00
#info {
2021-01-07 21:25:29 +00:00
position: relative;
2021-01-17 20:31:33 +00:00
padding: 3%;
2021-01-07 21:25:29 +00:00
}
.views {
position: absolute;
top: 7%;
right: 3%;
2021-01-17 20:24:12 +00:00
}
.user {
2021-01-23 18:50:56 +00:00
position: absolute;
2021-01-17 20:24:12 +00:00
}
.user img {
2021-01-23 18:50:56 +00:00
position: absolute;
left: 1.5vw;
2021-01-17 20:24:12 +00:00
}
h2 {
2021-01-23 18:50:56 +00:00
margin-top: 2vw;
2021-01-17 20:24:12 +00:00
}
2021-01-23 18:50:56 +00:00
.indented {
2021-01-17 20:24:12 +00:00
margin-left: 4vw;
2021-01-23 18:50:56 +00:00
}
@media only screen and (max-width: 1500px) {
.user img {
left: auto;
}
}
@media only screen and (max-width: 1050px) {
h2 {
margin-top: 3vw;
}
}
@media only screen and (max-width: 780px) {
h2 {
margin-top: 4vw;
}
}
@media only screen and (max-width: 760px) {
h2 {
margin-top: 5vh;
}
.indented {
margin-left: 0;
}
.user span {
margin-left: 40px;
}
2021-01-06 17:15:05 +00:00
}