89 lines
1.3 KiB
CSS
89 lines
1.3 KiB
CSS
.watchVideo {
|
|
width: 65%;
|
|
float: left;
|
|
margin-top: 0px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.theatreWatchVideo {
|
|
float: none;
|
|
margin: 0 auto;
|
|
width: 85%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
@media only screen and (max-width: 1500px) {
|
|
.watchVideo {
|
|
width: 63%;
|
|
}
|
|
|
|
.videoPlayer {
|
|
width: calc(63% + 30px);
|
|
}
|
|
|
|
.theatreWatchVideo {
|
|
width: 85%;
|
|
}
|
|
|
|
.theatrePlayer {
|
|
width: calc(85% + 30px);
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1350px) {
|
|
.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;
|
|
}
|
|
}
|