API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2017
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.58 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <style>
  4. @font-face {
  5. font-family: starcraft;
  6. src: url(MovieList.html_pics/EurostileExt-Reg.otf);
  7. }
  8.  
  9. a:link {color:3d9d26;text-decoration:none;}
  10. a:visited {color:3d9d26;text-decoration:none;}
  11. a:hover {color:98d34b;text-decoration:none;}
  12. a:active {color:98d34b;text-decoration:none;}
  13.  
  14. #bodybody {
  15. background-color:#000000;
  16. background-image:url('MovieList.html_pics/hugeBG_.jpg');
  17. background-repeat:no-repeat;
  18. background-attachment:fixed;
  19. color: 9c9c9c;
  20. font-family:'calibri';
  21. padding-left:50px;
  22. font-size:20px;
  23. margin-bottom:0px;
  24. /* overflow-y: scroll; */
  25. overflow-x: hidden;
  26. }
  27. ::-webkit-scrollbar {
  28. display: none;
  29. }
  30. td.title {
  31. font-family: 'starcraft', 'EurostileExtReg', 'Agency FB', 'Calibri';
  32. color: 3d9d26;
  33. font-weight: bold;
  34. height: 50px;
  35. padding-left: 60px;
  36. }
  37. td.watch {
  38. font-family: 'starcraft', 'EurostileExtReg', 'Agency FB', 'Calibri';
  39. color: 3d9d26;
  40. font-weight: bold;
  41. padding-left: 78px;
  42. width: 250px;
  43. height: 143px;
  44. font-size:25px;
  45. }
  46. td.smallbox{
  47. padding-left: 35px;
  48. vertical-align: middle;
  49. }
  50. td.bigbox{
  51. vertical-align:middle;
  52. padding-top:1px;
  53. padding-left:50px;
  54. }
  55. td.trailer {
  56. color: 3d9d26;
  57. font-family: 'starcraft', 'EurostileExtReg', 'Agency FB', 'Calibri';
  58. font-size:19px;
  59. font-weight: bold;
  60.  
  61. height: 94px;
  62. width: 250px;
  63.  
  64. padding-left: 58px;
  65. padding-top: 33px;
  66. vertical-align: top;
  67. }
  68. td.postertable {
  69. background-repeat: no-repeat;
  70. background-position: 797px 18px;
  71. background-size: 401px 592px;
  72. }
  73. td.genre, td.IMDb {
  74. font-weight: bold;
  75. text-align: right;
  76. vertical-align: top;
  77. padding-right:10px;
  78. width:70px;
  79. }
  80. td.IMDb {
  81. background-image:url('MovieList.html_pics/IMDb.png');
  82. background-size: 50px;
  83. background-repeat: no-repeat;
  84. background-position: 24px 3px;
  85. }
  86. td.genrecontent, td.genre {
  87. font-size: 19px;
  88. }
  89. #spoon {
  90. position:fixed;
  91. top:100px;
  92. left:1568px;
  93. }
  94. #arrow_up, #arrow_down {
  95. position: fixed;
  96. left: -42px;
  97. }
  98. #arrow_up {
  99. top: 100px;
  100. }
  101. #arrow_down {
  102. top: 300px;
  103. }
  104. #startscreen {
  105. position:relative;
  106. left: -58px;
  107. top: -8px;
  108. z-index;-1;
  109. }
  110. #bottomBG{
  111. height: 811px;
  112. width:1351px;
  113. margin-left:-58px;
  114. background-image: url('MovieList.html_pics/bottomBG.png');
  115. background-position: -360px 0px;
  116. margin-top:0px;
  117. z-index:-4;
  118. }
  119. .pagecontent {
  120. min-height:100%;
  121.  
  122. }
  123. #endoftransmission {
  124. width:300px;
  125. height:100px;
  126. left: 400px;
  127. top: 350px;
  128. position: relative;
  129. font-family: starcraft;
  130. color: 3d9d26;
  131. font-weight: bold;
  132.  
  133. }
  134. #monitor {
  135. position: relative;
  136. left: 830px;
  137. }
  138. #smallpostertable {
  139. position: relative;
  140. top:100px;
  141. left:50px;
  142. height: 600px;
  143. z-index: 10;
  144. background: red;
  145. }
  146. #smallposter {
  147. width: 77px;
  148. height: 116px;
  149. }
  150. td.glowborder {
  151. background-image: url('MovieList.html_pics/smallposterborder.pngs');
  152. width:110px;
  153. height:152px;
  154. padding-left:14px;
  155. padding-top:11px;
  156. vertical-align:top;
  157. }
  158. #smallposter2 {
  159. width: 200px;
  160. height: 296px;
  161. }
  162. .hidethis {
  163. display:none;
  164. }
  165. #reso {
  166. position: absolute;
  167. top:0px;
  168. left:0px;
  169. z-index:21;
  170. }
  171. #reso2 {
  172. position: absolute;
  173. top:0px;
  174. left:120px;
  175. z-index:20;
  176. }
  177. .zoom720p {
  178. zoom: 94%;
  179. background-position:0px 0px;
  180. background-size: 1440px;
  181. }
  182. .zoom1080p {
  183. zoom: 141.6%;
  184. background-position:0px 0px;
  185. background-size: 1440px;
  186. }
  187. </style>
  188. <script type="text/javascript">
  189. var zoom = 0;
  190.  
  191. function scrollByPixels(x, y)
  192. {
  193.  
  194. if (zoom == 0) {
  195. var y1 = y*1;
  196. } else if (zoom == 720) {
  197. var y1 = y*0.937;
  198. } else {
  199. var y1 = y*1.418;
  200. }
  201.  
  202.  
  203. // var y1 = y*1;
  204. window.scrollBy(x, y1);
  205. }
  206. function addclassname()
  207. {
  208. document.getElementById("startscreen").className += " hidethis";
  209. document.getElementById("reso").className += " hidethis";
  210. document.getElementById("reso2").className += " hidethis";
  211. }
  212. function zoom720()
  213. {
  214. document.getElementById("bodybody").className = " zoom720p";
  215. zoom = 720;
  216. }
  217. function zoom1080()
  218. {
  219. document.getElementById("bodybody").className = " zoom1080p";
  220. zoom = 1080;
  221. }
  222. function checkres()
  223. {
  224. if (screen.width == 1920) {
  225. zoom1080();
  226. } else if (screen.width == 1280) {
  227. zoom720();
  228. } else {
  229. var x = 0;
  230. }
  231. }
  232.  
  233. </script>
  234.  
  235. </head>
  236. <body id="bodybody" onload="checkres()">
  237. <div id="spoon"><img src="MovieList.html_pics/spoon.jpg"></div>
  238. <div id="arrow_up"><img src="MovieList.html_pics/arrow_up.png" onclick="javascript:scrollByPixels(0, -724)" value="Scroll up 724px">
  239. </div>
  240. <div id="arrow_down"><img src="MovieList.html_pics/arrow_down.png" onclick="javascript:scrollByPixels(0, 724)" value="Scroll down 724px">
  241. </div>
  242.  
  243. </div>
  244. <div id="reso"><img src="MovieList.html_pics/720p.jpg" onclick="javascript:zoom720()">
  245. </div>
  246. <div id="reso2"><img src="MovieList.html_pics/1080p.jpg" onclick="javascript:zoom1080()">
  247. </div>
  248. <div id="startscreen">
  249. <!--<img src="MovieList.html_pics/MovieCraft.jpg" onclick="javascript:scrollByPixels(0, 768)" height="768" width="1368">-->
  250. <img src="MovieList.html_pics/MovieCraft1680x1050.jpg" onclick="javascript:addclassname()" height="768" width="1368">
  251. </div>
  252. <br><br><br>
  253. <div id="smallpostertable2">
  254. <table border="0" cellpadding="6">
  255. <tr>
  256. <td class="glowborder2"><img src="MovieCatalog_1.jpg" onclick="javascript:scrollByPixels(0, 745)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  257. <td class="glowborder2"><img src="MovieCatalog_2.jpg" onclick="javascript:scrollByPixels(0, 1469)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  258. <td class="glowborder2"><img src="MovieCatalog_3.jpg" onclick="javascript:scrollByPixels(0, 2193)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  259. <td class="glowborder2"><img src="MovieCatalog_4.jpg" onclick="javascript:scrollByPixels(0, 2917)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  260. <td class="glowborder2"><img src="MovieCatalog_5.jpg" onclick="javascript:scrollByPixels(0, 3641)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  261. <td class="glowborder2"><img src="MovieCatalog_6.jpg" onclick="javascript:scrollByPixels(0, 4365)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  262. </tr><tr>
  263. <td class="glowborder2"><img src="MovieCatalog_7.jpg" onclick="javascript:scrollByPixels(0, 5089)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  264. <td class="glowborder2"><img src="MovieCatalog_8.jpg" onclick="javascript:scrollByPixels(0, 5813)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  265. <td class="glowborder2"><img src="MovieCatalog_9.jpg" onclick="javascript:scrollByPixels(0, 6537)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  266. <td class="glowborder2"><img src="MovieCatalog_10.jpg" onclick="javascript:scrollByPixels(0, 7261)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  267. <td class="glowborder2"><img src="MovieCatalog_11.jpg" onclick="javascript:scrollByPixels(0, 7985)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  268. <td class="glowborder2"><img src="MovieCatalog_12.jpg" onclick="javascript:scrollByPixels(0, 8709)" onError="this.onerror=null;this.src='MovieList.html_pics/matrix77x116.jpg';" id="smallposter2"></td>
  269. </tr>
  270. </table>
  271. </div>
  272.  
  273.  
  274.  
  275. <div id="pagecontent">
  276.  
  277. $$ITEM_BEGIN
  278. <br><br><br><br>
  279. <table width="1220" height="622"><tr><td class="postertable" background="$$ITEM_PICTUREFILENAME">
  280. <table border="0" background="MovieList.html_pics/contentBG.png" width="1220" height="622">
  281. <tr>
  282. <td colspan="2" class="title" valign="bottom"><font size="6">$$ITEM_RECNR: $$ITEM_ORIGINALTITLE </font>($$ITEM_YEAR)</td>
  283. </tr>
  284. <tr>
  285. <td class="watch"><a href="$$ITEM_CF_MOVIEFILE">Back to Top</a></td>
  286. <td rowspan="2" class="smallbox">
  287.  
  288.  
  289. <table border="0" width="400">
  290. <tr>
  291. <td class="genre">Genre:</td>
  292. <td class="genrecontent">$$ITEM_CATEGORY</td>
  293. </tr>
  294. <tr>
  295. <td class="genre">Length:</td>
  296. <td class="genrecontent">$$ITEM_LENGTH min</td>
  297. </tr>
  298. <tr>
  299. <td class="IMDb">
  300. <a href="$$ITEM_URL" target="_blank">
  301. <img src="MovieList.html_pics/empty.png" width="50" height="21" border="0"></td>
  302. </a>
  303. <td class="genrecontent">$$ITEM_RATING</td>
  304. </tr>
  305. <tr>
  306. <td class="genre">Director:</td>
  307. <td class="genrecontent">$$ITEM_DIRECTOR</td>
  308. </tr>
  309. <tr>
  310. <td class="genre">Writers:</td>
  311. <td class="genrecontent">$$ITEM_WRITER</td>
  312. </tr>
  313. </table>
  314.  
  315. </td>
  316. </tr>
  317. <tr>
  318. <td class="trailer"><a href="$$ITEM_CF_TRAILER" target="_blank">View trailer</a></td>
  319. </tr>
  320. <tr>
  321. <td colspan="2" class="bigbox">
  322.  
  323. <table border="0" width="720">
  324. <tr>
  325. <td class="genre">Actors:</td>
  326. <td class="genrecontent">$$ITEM_ACTORS
  327. <br><br>
  328. </td>
  329. </tr>
  330. <tr>
  331. <td class="genre">Synapsis:</td>
  332. <td class="genrecontent">$$ITEM_DESCRIPTION</td>
  333. </tr>
  334.  
  335. </table>
  336.  
  337.  
  338. </td>
  339. </tr>
  340. </table>
  341. </td></tr></table>
  342. $$ITEM_END
  343. </div>
  344. <div id="bottomBG">
  345. <div id="endoftransmission">End of Transmission</div>
  346. <div id="monitor"><img src="MovieList.html_pics/bg-rightsection-light.png"></div>
  347. </div>
  348. </body>
  349. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!