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