API tools faq
paste
Advertisement
wallflwers

Movie Page JD

wallflwers
Feb 21st, 2013
1,890
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.16 KB | None | 0 0
raw download clone embed print report
  1. <!--THEME BY JOSHDEVIN, PLEASE DO NOT USE AS A BASE OR REDISTRIBUTE IN ANYWAY.-->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.  
  10. <meta name="color:Box" content="#f8f8f8"/>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  13.  
  14.  
  15.  
  16. <style type="text/css">
  17.  
  18. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
  19. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  20.  
  21. body{
  22. font-family:calibri;
  23. font-size:11px;
  24. letter-spacing:1px;
  25. line-height:13px;
  26. }
  27.  
  28. a:link, a:active, a:visited{
  29. color:#a8aeaf;
  30. text-decoration:none;
  31. -webkit-transition: all 0.4s linear;
  32. -moz-transition: all 0.4s linear;
  33. transition: all 0.4s linear;
  34. }
  35.  
  36. a:hover{
  37. color:#797a7a;
  38. -webkit-transition: all 0.4s linear;
  39. -moz-transition: all 0.4s linear;
  40. transition: all 0.4s linear;
  41. }
  42.  
  43. #header {
  44. margin:0 auto;
  45. margin-top:-10px;
  46. border-bottom:1px solid #eee;
  47. text-align:center;
  48. font-size:22px;
  49. padding-top:10px;
  50. font-family:Monospace;
  51. color:#000;
  52. text-transform:uppercase;
  53. width:550px;
  54. position:fixed;
  55. margin-left:350px;
  56. background:white;
  57. background-image:url(http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo2_250.png);
  58. }
  59.  
  60. #info {
  61. padding:10px;
  62. text-align:center;
  63. font-family:courier;
  64. font-size:8px;
  65. text-transform:none;
  66. }
  67.  
  68. #links {
  69. text-align:center;
  70. font-size:9px;
  71. letter-spacing:2px;
  72. text-transform:uppercase;
  73. padding:10px;
  74. padding-bottom:2px;
  75. color:#000;
  76. }
  77.  
  78. #container {
  79. width:500px;
  80. margin-left:365px;
  81. height:550px;
  82. margin-top:30px;
  83. }
  84.  
  85.  
  86.  
  87. .box {
  88. width: 100px;
  89. margin-top:50px;
  90. margin-left:20px;
  91. padding:1px;
  92. padding-bottom:0px;
  93. border:1px solid #eee;
  94. float:left;
  95. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  96. }
  97.  
  98. .box:hover {
  99. opacity:0.8;
  100. }
  101.  
  102. .box:hover .boxhover {
  103. opacity:1;
  104. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  105. }
  106.  
  107. .boxhover {
  108. color:#7c7f80;
  109. background:white;
  110. margin-top:-100px;
  111. opacity:0;
  112. padding:5px;
  113. text-align:left;
  114. position:fixed;
  115. font-size:12px;
  116. font-family:inconsolata;
  117. text-transform:uppercase;
  118. width:100px;
  119. z-index:999;
  120. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  121. }
  122.  
  123.  
  124.  
  125.  
  126.  
  127. </style>
  128. </head>
  129. <body>
  130. <div id="header">
  131. <div id="links">MY FAVORITE MOVIES<br>
  132. <a href="/">HOME |</a>
  133. <a href="http://tumblr.com/dashboard">DASHBOARD |</a>
  134. <!--please leave this credit!-->
  135. <a href="http://joshdevin.tumblr.com/">THEME</a>
  136. </div>
  137. </div>
  138. </div>
  139.  
  140. <div id="container">
  141. <!--a new row begins automatically every four boxes..-->
  142.  
  143. <div class="box"><!--put the direct link of the img here--><img src="http://cdn-media.hollywood.com/posters/7797272.jpg" style="width:100px;height:148px;">
  144. <div class="boxhover"><!--put whatever info about the movie here-->Zero Dark Thirty<br>2012<br><!--put a link here--><a style="margin-left:33px;"href="http://www.imdb.com/title/tt1790885/?ref_=sr_1">INFO</a>
  145. </div></div>
  146.  
  147. <div class="box"><img src="http://1.bp.blogspot.com/_a8mEOKjk-lY/TSoC24U923I/AAAAAAAACLc/mpGjMCTiGgM/s1600/The-Last-Song-Movie-Poster.jpg" style="width:100px;height:148px;">
  148. <div class="boxhover">The Last Song <br> 2010<br><a style="margin-left:33px;"href="http://www.imdb.com/title/tt1294226/?ref_=fn_al_tt_1">INFO</a>
  149. </div></div>
  150.  
  151. <div class="box"><img src="http://uwrfvoice.com/wordpress/wp-content/uploads/2012/10/121026perks.jpg" style="width:100px;height:148px;">
  152. <div class="boxhover">Perks of Being A Wallflower<br>2012<br><a style="margin-left:33px;"href="http://www.imdb.com/title/tt1659337/?ref_=sr_1">INFO</a>
  153. </div></div>
  154.  
  155. <div class="box"><img src="http://www.shockya.com/news/wp-content/uploads/fired_up_poster.jpg" style="width:100px;height:148px;">
  156. <div class="boxhover">Fired Up<br>2009<br><a style="margin-left:33px;"href="http://www.imdb.com/title/tt1083456/?ref_=sr_1">INFO</a>
  157. </div></div>
  158.  
  159. <div class="box" style="margin-top:10px;"><img src="http://www.henrymakow.com/upload_images/csl.jpg" style="width:100px;height:148px;">
  160. <div class="boxhover">Crazy Stupid Love<br>2011<br><a style="margin-left:33px;"href="http://www.imdb.com/title/tt1570728/?ref_=sr_1">INFO</a>
  161. </div></div>
  162.  
  163. <div class="box"style="margin-top:10px;"><img src="http://localmoviereview.com/wp-content/uploads/2011/07/17-Again-Poster1.jpg" style="width:100px;height:148px;">
  164. <div class="boxhover">17 Again<br>2009<br><a style="margin-left:33px;"href="http://www.imdb.com/title/tt0974661/?ref_=sr_1">INFO</a>
  165. </div></div>
  166.  
  167. <div class="box" style="margin-top:10px;"><img src="http://oi50.tinypic.com/2ykyp7s.jpg" style="width:100px;height:148px;">
  168. <div class="boxhover">Because I Said So <br> 2007<br><a style="margin-left:33px;"href="http://www.imdb.com/title/tt0490084/?ref_=sr_1">INFO</a>
  169. </div></div>
  170.  
  171. <div class="box" style="margin-top:10px;"><img src="http://cf.badassdigest.com/_uploads/images/18935/21-jump-street-poster__span.jpg" style="width:100px;height:148px;">
  172. <div class="boxhover">21 Jump Street<br>2012<br><a style="margin-left:33px;"href="http://www.imdb.com/title/tt1232829/?ref_=sr_1">INFO</a>
  173. </div></div>
  174.  
  175. <div class="box" style="margin-top:10px;"><img src="http://www.fantasy-fan.org/files/Harry_Potter/harry_potter_and_the_deathly_hallows_part_1_movie_poster2.jpg" style="width:100px;height:148px;">
  176. <div class="boxhover">Harry Potter 1-8<br>2001-2011<br><a style="margin-left:33px;"href="http://www.imdb.com/title/tt0241527/?ref_=fn_al_tt_1">INFO</a>
  177. </div></div>
  178.  
  179. <div class="box"style="margin-top:10px;"><img src="http://images.moviepostershop.com/the-hangover-movie-poster-2009-1020488737.jpg" style="width:100px;height:148px;">
  180. <div class="boxhover">The Hangover<br>2009<br><a style="margin-left:33px;"href="http://www.imdb.com/title/tt1119646/?ref_=sr_1">INFO</a>
  181. </div></div>
  182.  
  183. <div class="box" style="margin-top:10px;"><img src="http://www.movieposter.com/posters/archive/main/146/MPW-73435" style="width:100px;height:148px;">
  184. <div class="boxhover">Project X<br> 2012<br><a style="margin-left:33px;"href="http://www.imdb.com/title/tt1636826/?ref_=sr_1">INFO</a>
  185. </div></div>
  186.  
  187. <div class="box" style="margin-top:10px;"><img src="http://3.bp.blogspot.com/-ZnRhzuqlNVg/TdP9gQ_wiwI/AAAAAAAAAAo/XMGtP7v4HmI/s1600/Untitled-1.jpg" style="width:100px;height:148px;">
  188. <div class="boxhover">Ferris Bueller's Day Off<br>1986<br><a style="margin-left:33px;"href="http://www.imdb.com/title/tt0091042/?ref_=sr_2">INFO</a>
  189. </div></div>
  190.  
  191.  
  192. </div</div>
  193. </div></div>
  194. </div></div>
  195.  
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204.  
  205.  
  206. </body>
  207. </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!