freetube/src/renderer/views/Watch/Watch.css

71 lines
1.0 KiB
CSS
Raw Normal View History

2020-02-16 18:30:00 +00:00
.watchVideo {
width: 65%;
float: left;
margin-top: 0px;
margin-bottom: 10px;
}
.theatreWatchVideo {
float: none;
margin: 0 auto;
width: 85%;
margin-bottom: 10px;
}
2020-02-16 18:30:00 +00:00
.videoPlayer {
width: calc(65% + 30px);
float: left;
margin-top: 0px;
margin-left: 10px;
margin-bottom: 10px;
}
.theatrePlayer {
width: calc(85% + 30px);
float: none;
margin: 0 auto;
margin-bottom: 10px;
}
2020-02-16 18:30:00 +00:00
.watchVideoRecommendations {
width: 27%;
max-width: 425px;
float: right;
margin-bottom: 10px;
position: absolute;
top: 70px;
right: 10px;
}
.theatreRecommendations {
float: none;
margin: 0 auto;
width: 85%;
max-width: none;
position: static;
}
2020-02-16 18:30:00 +00:00
@media only screen and (max-width: 1700px) {
.watchVideo {
float: none;
margin: 0 auto;
width: 85%;
margin-bottom: 10px;
}
.videoPlayer {
float: none;
margin: 0 auto;
width: calc(85% + 30px);
margin-bottom: 10px;
}
.watchVideoRecommendations {
float: none;
margin: 0 auto;
width: 85%;
max-width: none;
position: static;
}
}