1. @[member="Media"] (min-width: 1450px) {
  2. div#itemDetailPage {
  3. width: 100%;
  4. float: left;
  5. padding: 0px !important;
  6. }
  7. div#itemBackdrop {
  8. position: absolute;
  9. }
  10. .detailPageContent {
  11. position: relative;
  12. top: 50px;
  13. width: auto;
  14. }
  15. .detailImageContainer {
  16. float: left;
  17. margin-top: 150px;
  18. margin-left: 50px;
  19. position: relative;
  20. }
  21. div.detailNameContainer>div.desktopDetails {
  22. margin-top: 25px !important;
  23. }
  24. div.detailNameContainer {
  25. margin-top: 20px;
  26. }
  27. div.primaryDetailsContainer {
  28. position: relative;
  29. left: 20px;
  30. float: left;
  31. top: 0px;
  32. width: auto !important;
  33. z-index: 1;
  34. }
  35. .inlineItemName {
  36. font-size: 32px !important;
  37. }
  38. .inlineItemName {
  39. color: #E4E4E4;
  40. }
  41. .starRating, .starRatingValue {
  42. top: -4px !important;
  43. }
  44. h2.tagline {
  45. color: #54F054;
  46. }
  47. p.itemGenres {
  48. position: relative;
  49. min-height: 15px;
  50. font-size: 20px;
  51. top: 0px;
  52. }
  53. div.detailButtonsContainer {
  54. font-size: 120%;
  55. top: 0px;
  56. z-index: 1000;
  57. }
  58. div#itemDetailPage div.ui-content[data-role='content'] {
  59. padding-top: 0;
  60. top: 320px;
  61. z-index: 0;
  62. clear: both;
  63. position: absolute;
  64. width: calc(100% - 80px);
  65. font-size: 20px;
  66. }
  67. .detailPageContent {
  68. position: relative;
  69. max-width: none;
  70. }
  71. .portraitDetailImageContainer img {
  72. width: 200px;
  73. }
  74. div.detailNameContainer {
  75. margin-top: 50px !important;
  76. height: auto !important;
  77. }
  78. div.detailNameContainer>div:first-child {
  79. max-width: 1200px;
  80. min-width: 500px;
  81. height: 140px;
  82. overflow: hidden;
  83. margin-top: -45px;
  84. display: flex;
  85. flex-direction: column;
  86. justify-content: flex-end;
  87. }
  88. .detailNameContainer .desktopDetails {
  89. font-size: 30px;
  90. }
  91. .primaryDetailsContainer>.desktopDetails {
  92. padding-top: 0px !important;
  93. }
  94. .detailPageContent>.detailSection:first-child {
  95. margin-left: 522px;
  96. min-height: 230px;
  97. order: -3;
  98. }
  99. .primaryDetailsContainer>.desktopDetails {
  100. padding-top: 0px !important;
  101. }
  102. .nextUpSection.detailSection {
  103. margin-left: 522px;
  104. min-height: 300px;
  105. margin-top: -60px;
  106. order: -2;
  107. }
  108. .tileContent {
  109. position: absolute !important;
  110. margin-left: 3px;
  111. text-align: left;
  112. vertical-align: top;
  113. overflow: hidden;
  114. z-index: 1000;
  115. left: 0px;
  116. bottom: 10px;
  117. font-size: 14px;
  118. }
  119. #castContent a.tileItem.smallPosterTileItem {
  120. width: 214px !important;
  121. margin: 0;
  122. }
  123. .smallPosterTileItem .tileImage {
  124. width: 100% !important;
  125. height: 330px !important;
  126. background-size: cover;
  127. }
  128. .smallPosterTileItem .tileContent {
  129. background: rgba(0,0,0,0.5);
  130. width: 80%;
  131. margin-left: 0px;
  132. padding: 10px;
  133. }
  134. .tileItem p {
  135. margin: 0 !important;
  136. }
  137. .tileItem p:first-child {
  138. color: #2BC253;
  139. font-weight: bold;
  140. font-size: 18px;
  141. }
  142. .ui-content>.detailPageContent {
  143. margin: 0px 30px 0px 30px;
  144. display: flex;
  145. flex-direction: column;
  146. }
  147. .btnPlay.detailFloatingButton {
  148. top: 275px;
  149. z-index: 1001;
  150. left: 1100px;
  151. position: absolute;
  152. }
  153. #childrenContent .card {
  154. width: 16.6%;
  155. }
  156. div#childrenCollapsible {
  157. display: block !important;
  158. }
  159. div#childrenCollapsible.hide {
  160. visibility: hidden;
  161. }
  162. div#castContent {
  163. display: flex;
  164. align-items: flex-end;
  165. flex-wrap: wrap;
  166. }
  168. paper-button.more.morePeople {
  169. margin-bottom: 11px;
  170. }
  171. .portraitDetailImageContainer img {
  172. width: 480px;
  173. }
  174. .nextUpSection.detailSection.hide {
  175. display: block !important;
  176. visibility: hidden;
  177. }
  178. a#lnkNextItem,a#lnkPreviousItem {
  179. z-index: 1000;
  180. }
  181. .thumbDetailImageContainer img, .squareDetailImageContainer img {
  182. width: 478px;
  183. }
  184. .collectionItems .detailSection:first-child{
  185. margin-top: 360px;
  186. }
  187. #mediaInfoContent div:last-child {
  188. max-width: none !important;
  189. }
  190. .portraitCard {
  191. width: 14.2% !important;
  192. }
  193. .backdropCard {
  194. width: 25% !important;
  195. }
  196. div#scenesCollapsible {
  197. order: -1;
  198. }
  199. .listPaging {
  200. width: 100%;
  201. }
  202. .cardContent .cardFooter {
  203. left: 1px !important;
  204. }
  205. .nowPlayingBar, .nowPlayingImage img {
  206. min-height: 80px;
  207. }
  208. .criticRating {
  209. top: -4px !important;
  210. }
  211. .starRatingValue + .rottentomatoesicon {
  212. top: -4px !important;
  213. }
  214. div#criticReviewsCollapsible {
  215. order: -1;
  216. margin-top: -300px;
  217. margin-left: 520px;
  218. }
  219. }