API tools faq
paste
winchesterkirk

Grey Media Page

winchesterkirk
Oct 9th, 2014
293
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.26 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Media Page by Chris @denisrenolds
  4.  
  5. Do not remove credit, redustribute, steal from or use as a base.
  6.  
  7. Contact off Anon me if you have any questions or concerns.
  8.  
  9. -->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head>
  14.  
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  16.  
  17. <script>
  18. (function($){
  19. $(document).ready(function(){
  20. $("[title],a[title],img[title]").style_my_tooltips({
  21. tip_follows_cursor:true,
  22. tip_delay_time:100,
  23. tip_fade_speed:300,
  24. attribute:"title"
  25. });
  26. });
  27. })(jQuery);
  28. </script>
  29. </script>
  30.  
  31. <!------
  32.  
  33. REMEMBER TO CHANGE THE NAME OF YOUR MAIN TITLE TO WHAT YOU WANT IT TO SAY
  34.  
  35. ------>
  36.  
  37. <title>I'll be your sky</title>
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40.  
  41. <style type="text/css">
  42.  
  43. ::-webkit-scrollbar {
  44. width:5px;
  45. height:15px;
  46. background-color:#fff;
  47. }
  48. ::-webkit-scrollbar-track {
  49. background-color:#fff;
  50. }
  51. ::-webkit-scrollbar-thumb {
  52. background-color:#efefef;
  53. border: 1px solid #fff;
  54. }
  55.  
  56. body {
  57. background-color: #e3f3fc;
  58. background-repeat: repeat;
  59. margin-left: -50px;
  60. color: #a6a6a6
  61. background-attachment: fixed;}
  62.  
  63. a:link {
  64. color:#a6a6a6;
  65. text-decoration:none;
  66. -moz-transition-duration:.7s;
  67. -webkit-transition-duration:.7s;
  68. -o-transition-duration:.7s;
  69. }
  70.  
  71. a:visited {color:#111;}
  72. a:hover {color:#111;
  73. -moz-transition-duration:.7s;
  74. -webkit-transition-duration:.7s;
  75. -o-transition-duration:.7s;
  76. }
  77.  
  78. a:active {color:#111;}
  79.  
  80.  
  81. #content{
  82. width:700px;
  83. margin-left:auto;
  84. margin-right:auto;
  85. padding:20px;
  86. margin-top:20px;
  87. height:680px;
  88. max-height:730px; overflow-y: auto; overflow-x: yes scroll;
  89. }
  90.  
  91. #movies{
  92. width:330px;
  93. border:1px solid #cacece;
  94. float:left;
  95. border-top-left-radius:2em;
  96. border-radius:2px;
  97. margin-bottom:15px;
  98. background-color:white;
  99. height:330px;
  100. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  101. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  102. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  103. }
  104.  
  105. #television{
  106. width:330px;
  107. border:1px solid #cacece;
  108. float:right;
  109. border-radius:2px;
  110. margin-bottom:15px;
  111. height:330px;
  112. background-color:white;
  113. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  114. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  115. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  116. }
  117.  
  118. #books{
  119. width:330px;
  120. border:1px solid #cacece;
  121. float:left;
  122. border-radius:2px;
  123. height:330px;
  124. background-color:white;
  125. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  126. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  127. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  128. }
  129.  
  130. #music{
  131. width:330px;
  132. border:1px solid #cacece;
  133. float:right;
  134. border-radius:2px;
  135. height:330px;
  136. background-color:white;
  137. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  138. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  139. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  140. }
  141.  
  142. #desc{
  143. width:330px;
  144. border:1px solid #cacece;
  145. float:right;
  146. border-radius:2px;
  147. height:330px;
  148. background-color:white;
  149. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  150. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  151. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  152. }
  153.  
  154. #title{
  155. width:310px;
  156. border-top-left-radius:2px;
  157. border-top-right-radius:2px;
  158. padding:10px;
  159. background-color:#efefef;
  160. font-family:arial;
  161. letter-spacing:2px;
  162. color:#aaaaaa;
  163. text-transform:uppercase;
  164. font-size:8px;
  165. }
  166.  
  167. #desctitle{
  168. width:230px;
  169. padding:10px;
  170. background-color:#fff;
  171. font-family:arial;
  172. letter-spacing:2px;
  173. color:#aaaaaa;
  174. text-transform:uppercase;
  175. font-size:8px;
  176. border-top-left-radius:10px;
  177. border-top-right-radius:10px;
  178. border-bottom-right-radius:0;
  179. border-bottom-left-radius:0;
  180. }
  181.  
  182. #links{
  183. width:330px;
  184. margin-top:0px;
  185. border-top:1px solid #cacece;
  186. padding-top:15px;
  187. text-transform:lowercase;
  188. }
  189.  
  190. #links a{
  191. float:left;
  192. border-radius:2px;
  193. border:1px solid #ddd;
  194. color:#aaaaaa;
  195. width:145px;
  196. padding:25px 0px 25px;
  197. margin:5px;
  198. height:10px;
  199. text-decoration:none;
  200. font-size:8px;
  201. text-align:center;
  202. font-family:arial;
  203. letter-spacing:2px;
  204. background:#efefef;
  205. margin-left:10px;
  206. text-transform:uppercase;
  207. -webkit-transition: all 0.7s ease;
  208. -moz-transition: all 0.7s ease;
  209. -o-transition: all 0.7s ease;
  210. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  211. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  212. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  213. }
  214.  
  215. #links a:hover{
  216. background:#e3f3fc;
  217. color:#ffffff;
  218. -moz-box-shadow:none;
  219. -webkit-box-shadow:none;
  220. box-shadow:none;
  221.  
  222. }
  223.  
  224. #about{
  225. text-align:right;
  226. font-size:10px;
  227. width:300px;
  228. font-family:arial;
  229. color:#aaaaaa;
  230. padding:15px;
  231. line-height:120%;
  232. height:100px;overflow-y: auto; overflow-x: yes scroll;
  233. }
  234.  
  235. #mediacontent{
  236. height:300px; overflow-y: auto; overflow-x: yes scroll;
  237. }
  238.  
  239. #media{
  240. height:190px;
  241. width:140px;
  242. border:1px solid #cacece;
  243. border-radius:2px;
  244. color:#aaa;
  245. text-align:center;
  246. float:left;
  247. position:relative;
  248. margin-left:15px;
  249. margin-bottom:10px;
  250. margin-top:10px;
  251. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  252. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  253. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  254. }
  255.  
  256. #media img{
  257. height:190px;
  258. border-radius:1px;
  259. width:140px;
  260. }
  261.  
  262. #mediainfo{
  263. width:140px;
  264. height:190px;
  265. opacity:0;
  266. margin-top:-190px;
  267. font-size:9px;
  268. font-family:arial;
  269. z-index:5px;
  270. position: absolute;
  271. background-color:#fff;
  272. -moz-transition-duration:.8s;
  273. -webkit-transition-duration:.8s;
  274. -o-transition-duration:.8s;
  275. }
  276.  
  277. #mediatitle{
  278. width:120px;
  279. padding:10px;
  280. color:#888888;
  281. font-family:arial;
  282. font-size:9px;
  283. height:22px;
  284. background-color:#f4f4f4;
  285. -moz-transition-duration:.7s;
  286. -webkit-transition-duration:.7s;
  287. -o-transition-duration:.7s;
  288. }
  289.  
  290. #mediastuff{
  291. width:130px;
  292. padding:5px;
  293. height:10px;
  294. font-family:arial;
  295. color:#888888;
  296. font-size:8px;
  297. background-color:#f8f8f8;
  298. border-top:1px solid #f4f4f4;
  299. }
  300.  
  301. #mediarating{
  302. float:right;
  303. }
  304.  
  305. #mediayear{
  306. float:left;
  307. }
  308.  
  309. #mediadesc{
  310. width:130px;
  311. font-size:9px;
  312. padding:5px;
  313. height:95px; overflow-y: auto; overflow-x: yes scroll;
  314. }
  315.  
  316. #stars{
  317. width:130px;
  318. padding:5px;
  319. margin-top:0px;
  320. background-color:#f8f8f8;
  321. }
  322.  
  323. #stars img{
  324. width:10px;
  325. height:10px;
  326. }
  327.  
  328. #media:hover #mediainfo {
  329. opacity:1;
  330. -moz-transition-duration:.8s;
  331. -webkit-transition-duration:.8s;
  332. -o-transition-duration:.8s;
  333. }
  334.  
  335. #sideimage{
  336. width:200px;
  337. margin-top:-250px;
  338. margin-left:500px;
  339. }
  340.  
  341. #sideimage img{
  342. width:350px;
  343. margin-top:-220px;
  344. margin-left:640px;
  345. opacity:.9;
  346. }
  347.  
  348. #triangle-topright {
  349. width: 0;
  350. height: 0;
  351. border-top: 80px solid #e3f3fc;
  352. border-left: 80px solid transparent;
  353. margin-left:1110px;
  354. margin-top:-473px;
  355. position:absolute;
  356. z-index:1;
  357. -moz-box-shadow: -5px -5px 5px rgba(0,0,0,0.2);
  358. -webkit-box-shadow:-5px -5px 5px rgba(0,0,0,0.2);
  359. box-shadow: 5px -3px 4px rgba(0,0,0,0.2);
  360. }
  361.  
  362. #s-m-t-tooltip{
  363. font-size:7px;
  364. max-width:150px;
  365. line-height:8px;
  366. padding:5px 5px 2px 5px;
  367. margin:25px 0px 0px 10px;
  368. z-index:10;
  369. color:#aaa;
  370. font-family:arial;
  371. background:#fff;
  372. text-transform:uppercase;
  373. opacity:1;
  374. border:1px solid #cacece;
  375. border-radius:1px;
  376. letter-spacing:1px;
  377. z-index:999999;
  378. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  379. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  380. box-shadow:1px 1px 1px rgba(0,0,0,0.2);
  381. }
  382.  
  383. </style></head><body>
  384.  
  385. <div id="content">
  386.  
  387. <!--------- BEGIN MOVIES BLOCK --------->
  388.  
  389. <div id="movies">
  390. <div id="title">movies</div>
  391. <div id="mediacontent">
  392.  
  393. <!--- BEGIN MEDIA BLOCK --->
  394.  
  395. <div id="media">
  396.  
  397. <!--- POSTER IMAGE --->
  398.  
  399. <img src="https://38.media.tumblr.com/b025955482abe44996da1caa1da4eb78/tumblr_n9t6grW4nv1t8spxao1_250.jpg">
  400.  
  401. <!--- MEDIA INFO --->
  402. <div id="mediainfo">
  403. <!--- MEDIA TITLE --->
  404. <div id="mediatitle">Guardians of the Galaxy</div>
  405. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  406. <div id="mediastuff">
  407. <div id="mediarating">Rated: PG-13</div>
  408. <div id="mediayear">(2014)</div>
  409. </div>
  410. <!--- MEDIA DESCRIPTION --->
  411. <div id="mediadesc">
  412. Light years from Earth, 26 years after being abducted Peter Quill finds himself the prime target of a manhunt after discovering an orb wanted by Ronan the Accuser.
  413. </div>
  414. <!--- MEDIA RATING
  415. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  416. --->
  417. <div id="stars">
  418. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  419.  
  420. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  421.  
  422. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  423.  
  424. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  425.  
  426. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  427.  
  428. </div></div></div>
  429.  
  430. <!--- END MEDIA BLOCK --->
  431.  
  432. <!--- BEGIN MEDIA BLOCK --->
  433.  
  434. <div id="media">
  435.  
  436. <!--- POSTER IMAGE --->
  437.  
  438. <img src="https://24.media.tumblr.com/f3470ff9467933087b9cc9865de153e9/tumblr_n3rz4sRVoO1t8spxao1_250.jpg">
  439.  
  440. <!--- MEDIA INFO --->
  441. <div id="mediainfo">
  442. <!--- MEDIA TITLE --->
  443. <div id="mediatitle">Captain America: The Winter Soldier</div>
  444. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  445. <div id="mediastuff">
  446. <div id="mediarating">Rated: PG-13</div>
  447. <div id="mediayear">(2014)</div>
  448. </div>
  449. <!--- MEDIA DESCRIPTION --->
  450. <div id="mediadesc">
  451. Steve Rogers struggles to embrace his role in the modern world and battles a new threat from old history: the Soviet agent known as the Winter Soldier.
  452. </div>
  453. <!--- MEDIA RATING
  454. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  455. --->
  456. <div id="stars">
  457. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  458.  
  459. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  460.  
  461. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  462.  
  463. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  464.  
  465. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  466.  
  467. </div></div></div>
  468.  
  469. <!--- END MEDIA BLOCK --->
  470.  
  471. <!--- BEGIN MEDIA BLOCK --->
  472.  
  473. <div id="media">
  474.  
  475. <!--- POSTER IMAGE --->
  476.  
  477. <img src="https://24.media.tumblr.com/507dfa77d820c34129aa6fb4fa4fc6d5/tumblr_n253weblmW1t8spxao1_250.jpg">
  478.  
  479. <!--- MEDIA INFO --->
  480. <div id="mediainfo">
  481. <!--- MEDIA TITLE --->
  482. <div id="mediatitle">Little Miss Sunshine</div>
  483. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  484. <div id="mediastuff">
  485. <div id="mediarating">Rated: R</div>
  486. <div id="mediayear">(2006)</div>
  487. </div>
  488. <!--- MEDIA DESCRIPTION --->
  489. <div id="mediadesc">
  490. A family determined to get their young daughter into the finals of a beauty pageant take a cross-country trip in their VW bus.
  491. </div>
  492. <!--- MEDIA RATING
  493. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  494. --->
  495. <div id="stars">
  496. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  497.  
  498. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  499.  
  500. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  501.  
  502. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  503.  
  504. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  505.  
  506. </div></div></div>
  507.  
  508. <!--- END MEDIA BLOCK --->
  509.  
  510. <!--- BEGIN MEDIA BLOCK --->
  511.  
  512. <div id="media">
  513.  
  514. <!--- POSTER IMAGE --->
  515.  
  516. <img src="https://31.media.tumblr.com/adc07ab305bcd97cec7ffbc6b17a8cf7/tumblr_n4r8eiLuCY1t8spxao1_250.jpg">
  517.  
  518. <!--- MEDIA INFO --->
  519. <div id="mediainfo">
  520. <!--- MEDIA TITLE --->
  521. <div id="mediatitle">Moonrise Kingdom</div>
  522. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  523. <div id="mediastuff">
  524. <div id="mediarating">Rated: PG-13</div>
  525. <div id="mediayear">(2012)</div>
  526. </div>
  527. <!--- MEDIA DESCRIPTION --->
  528. <div id="mediadesc">
  529. A pair of young lovers flee their New England town, which causes a local search party to fan out and find them.
  530. </div>
  531. <!--- MEDIA RATING
  532. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  533. --->
  534. <div id="stars">
  535. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  536.  
  537. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  538.  
  539. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  540.  
  541. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  542.  
  543. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  544.  
  545. </div></div></div>
  546.  
  547. <!--- END MEDIA BLOCK --->
  548.  
  549.  
  550. <!--- BEGIN MEDIA BLOCK --->
  551.  
  552. <div id="media">
  553.  
  554. <!--- POSTER IMAGE --->
  555.  
  556. <img src="https://24.media.tumblr.com/268d282928beda09d9a1b74cbe153d6d/tumblr_n4i3edQdNn1t8spxao1_250.jpg">
  557.  
  558. <!--- MEDIA INFO --->
  559. <div id="mediainfo">
  560. <!--- MEDIA TITLE --->
  561. <div id="mediatitle">Blue is the Warmest Color</div>
  562. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  563. <div id="mediastuff">
  564. <div id="mediarating">Rated: NC-17</div>
  565. <div id="mediayear">(2013)</div>
  566. </div>
  567. <!--- MEDIA DESCRIPTION --->
  568. <div id="mediadesc">
  569. Adele's life is changed when she meets Emma, a young woman with blue hair, who will allow her to discover desire, to assert herself as a woman and as an adult. In front of others, Adele grows, seeks herself, loses herself and ultimately finds herself through love and loss.
  570. </div>
  571. <!--- MEDIA RATING
  572. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  573. --->
  574. <div id="stars">
  575. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  576.  
  577. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  578.  
  579. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  580.  
  581. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  582.  
  583. </div></div></div>
  584.  
  585. <!--- END MEDIA BLOCK --->
  586.  
  587. <!--- BEGIN MEDIA BLOCK --->
  588.  
  589. <div id="media">
  590.  
  591. <!--- POSTER IMAGE --->
  592.  
  593. <img src="https://31.media.tumblr.com/4a2a220c5605ac8e05fdb8f76d86281e/tumblr_n4m7a5OPNw1t8spxao1_250.jpg">
  594.  
  595. <!--- MEDIA INFO --->
  596. <div id="mediainfo">
  597. <!--- MEDIA TITLE --->
  598. <div id="mediatitle">Her</div>
  599. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  600. <div id="mediastuff">
  601. <div id="mediarating">Rated: R</div>
  602. <div id="mediayear">(2013)</div>
  603. </div>
  604. <!--- MEDIA DESCRIPTION --->
  605. <div id="mediadesc">
  606. A lonely writer develops an unlikely relationship with his newly purchased operating system that's designed to meet his every need.
  607. </div>
  608. <!--- MEDIA RATING
  609. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  610. --->
  611. <div id="stars">
  612. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  613.  
  614. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  615.  
  616. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  617.  
  618. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  619.  
  620. </div></div></div>
  621.  
  622. <!--- END MEDIA BLOCK --->
  623.  
  624. <!--- BEGIN MEDIA BLOCK --->
  625.  
  626. <div id="media">
  627.  
  628. <!--- POSTER IMAGE --->
  629.  
  630. <img src="https://24.media.tumblr.com/66be5912e961a205d2f289f87fac1c7b/tumblr_n1ibqdAo051t8spxao1_250.jpg">
  631.  
  632. <!--- MEDIA INFO --->
  633. <div id="mediainfo">
  634. <!--- MEDIA TITLE --->
  635. <a title="rewatched in 2014"><div id="mediatitle">Juno</div></a>
  636. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  637. <div id="mediastuff">
  638. <div id="mediarating">Rated: PG-13</div>
  639. <div id="mediayear">(2007)</div>
  640. </div>
  641. <!--- MEDIA DESCRIPTION --->
  642. <div id="mediadesc">
  643. Faced with an unplanned pregnancy, an offbeat young woman makes an unusual decision regarding her unborn child.
  644. </div>
  645. <!--- MEDIA RATING
  646. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  647. --->
  648. <div id="stars">
  649. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  650.  
  651. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  652.  
  653. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  654.  
  655. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  656.  
  657. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  658.  
  659. </div></div></div>
  660.  
  661. <!--- END MEDIA BLOCK --->
  662.  
  663. <!--- BEGIN MEDIA BLOCK --->
  664.  
  665. <div id="media">
  666.  
  667. <!--- POSTER IMAGE --->
  668.  
  669. <img src="https://33.media.tumblr.com/57be23f0ff4714f182efe63a2a77b725/tumblr_n9loqbVsxF1t8spxao3_250.jpg">
  670.  
  671. <!--- MEDIA INFO --->
  672. <div id="mediainfo">
  673. <!--- MEDIA TITLE --->
  674. <div id="mediatitle">Treasure Planet</div>
  675. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  676. <div id="mediastuff">
  677. <div id="mediarating">Rated: PG</div>
  678. <div id="mediayear">(2002)</div>
  679. </div>
  680. <!--- MEDIA DESCRIPTION --->
  681. <div id="mediadesc">
  682. A Disney animated version of "Treasure Island". The only difference is that the film is set in outer space with alien worlds and other galactic wonders.
  683. </div>
  684. <!--- MEDIA RATING
  685. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  686. --->
  687. <div id="stars">
  688. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  689.  
  690. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  691.  
  692. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  693.  
  694. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  695.  
  696. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  697.  
  698. </div></div></div>
  699. <!--------- END MEDIA BLOCK --------->
  700.  
  701.  
  702.  
  703. </div>
  704. </div>
  705.  
  706. <!--------- END MOVIES BLOCK --------->
  707.  
  708.  
  709.  
  710. <!--------- BEGIN TELEVISION BLOCK --------->
  711.  
  712. <div id="television">
  713. <div id="title">television</div>
  714. <div id="mediacontent">
  715.  
  716. <!--- BEGIN MEDIA BLOCK --->
  717.  
  718. <div id="media">
  719.  
  720. <!--- POSTER IMAGE --->
  721.  
  722. <img src="https://31.media.tumblr.com/abe600e60610ad72eb86aa5d2342d440/tumblr_n1icgyLGuh1t8spxao6_500.jpg">
  723.  
  724. <!--- MEDIA INFO --->
  725. <div id="mediainfo">
  726. <!--- MEDIA TITLE --->
  727. <!--- STATE YOUR STATUS ON WATCHING THE SHOW HERE ---><a title="completed"><div id="mediatitle">Psych</div></a>
  728. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  729. <div id="mediastuff">
  730. <div id="mediarating">Rated: TV-PG</div>
  731. <div id="mediayear">(2006-2014)</div>
  732. </div>
  733. <!--- MEDIA DESCRIPTION --->
  734. <div id="mediadesc">
  735. A novice sleuth is hired by the police after he cons them into thinking he has psychic powers that help solve crimes. With this assistance of his reluctant best friend the duo take on a series of complicated cases.
  736. </div>
  737. <!--- MEDIA RATING
  738. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  739. --->
  740. <div id="stars">
  741. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  742.  
  743. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  744.  
  745. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  746.  
  747. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  748.  
  749. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  750.  
  751. </div></div></div>
  752.  
  753. <!--- END MEDIA BLOCK --->
  754.  
  755. <!--- BEGIN MEDIA BLOCK --->
  756.  
  757. <div id="media">
  758.  
  759. <!--- POSTER IMAGE --->
  760.  
  761. <img src="https://31.media.tumblr.com/ca9f8c9fbc1df7c9433858a66091731f/tumblr_n1id2ffgQB1t8spxao3_250.jpg">
  762.  
  763. <!--- MEDIA INFO --->
  764. <div id="mediainfo">
  765. <!--- MEDIA TITLE --->
  766. <!--- STATE YOUR STATUS ON WATCHING THE SHOW HERE ---><a title="completed"><div id="mediatitle">Chuck</div></a>
  767. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  768. <div id="mediastuff">
  769. <div id="mediarating">Rated: TV-PG</div>
  770. <div id="mediayear">(2007-2012)</div>
  771. </div>
  772. <!--- MEDIA DESCRIPTION --->
  773. <div id="mediadesc">
  774. When a twenty-something computer geek inadvertently downloads critical government secrets into his brain, CIA and NSA assign two agents to protect him and exploit such knowledge, turning his life upside down.
  775. </div>
  776. <!--- MEDIA RATING
  777. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  778. --->
  779. <div id="stars">
  780. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  781.  
  782. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  783.  
  784. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  785.  
  786. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  787.  
  788. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  789.  
  790. </div></div></div>
  791.  
  792. <!--- END MEDIA BLOCK --->
  793.  
  794. <!--- BEGIN MEDIA BLOCK --->
  795.  
  796. <div id="media">
  797.  
  798. <!--- POSTER IMAGE --->
  799.  
  800. <img src="https://31.media.tumblr.com/ebca0aabc184f57a21a63106c38bd92a/tumblr_n2e0gdmXYy1t8spxao1_250.jpg">
  801.  
  802. <!--- MEDIA INFO --->
  803. <div id="mediainfo">
  804. <!--- MEDIA TITLE --->
  805. <!--- STATE YOUR STATUS ON WATCHING THE SHOW HERE ---><a title="caught up"><div id="mediatitle">Brooklyn Nine-Nine</div></a>
  806. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  807. <div id="mediastuff">
  808. <div id="mediarating">Rated: TV-14</div>
  809. <div id="mediayear">(2013- )</div>
  810. </div>
  811. <!--- MEDIA DESCRIPTION --->
  812. <div id="mediadesc">
  813. A diverse group of detectives solve crimes at the very edge of New York City.
  814. </div>
  815. <!--- MEDIA RATING
  816. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  817. --->
  818. <div id="stars">
  819. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  820.  
  821. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  822.  
  823. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  824.  
  825. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  826.  
  827. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  828.  
  829. </div></div></div>
  830.  
  831. <!--- END MEDIA BLOCK --->
  832.  
  833. <!--- BEGIN MEDIA BLOCK --->
  834.  
  835. <div id="media">
  836.  
  837. <!--- POSTER IMAGE --->
  838.  
  839. <img src="https://31.media.tumblr.com/2499b7b67a76a76a418c0e65b06229e3/tumblr_n2e0q3wH5P1t8spxao1_250.jpg">
  840.  
  841. <!--- MEDIA INFO --->
  842. <div id="mediainfo">
  843. <!--- MEDIA TITLE --->
  844. <!--- STATE YOUR STATUS ON WATCHING THE SHOW HERE ---><a title="caught up"><div id="mediatitle">Parks and Recreation</div></a>
  845. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  846. <div id="mediastuff">
  847. <div id="mediarating">Rated: TV-PG</div>
  848. <div id="mediayear">(2009- )</div>
  849. </div>
  850. <!--- MEDIA DESCRIPTION --->
  851. <div id="mediadesc">
  852. The absurd antics of an Indiana town's public officials as they pursue sundry projects to make their city a better place.
  853. </div>
  854. <!--- MEDIA RATING
  855. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  856. --->
  857. <div id="stars">
  858. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  859.  
  860. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  861.  
  862. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  863.  
  864. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  865.  
  866. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  867.  
  868. </div></div></div>
  869.  
  870. <!--- END MEDIA BLOCK --->
  871.  
  872. <!--- BEGIN MEDIA BLOCK --->
  873.  
  874. <div id="media">
  875.  
  876. <!--- POSTER IMAGE --->
  877.  
  878. <img src="https://24.media.tumblr.com/4656a0c6a9d7d49daf23ded20b72d6a0/tumblr_n1id2ffgQB1t8spxao7_250.jpg">
  879.  
  880. <!--- MEDIA INFO --->
  881. <div id="mediainfo">
  882. <!--- MEDIA TITLE --->
  883. <!--- STATE YOUR STATUS ON WATCHING THE SHOW HERE ---><a title="caught up"><div id="mediatitle">Bob's Burgers</div></a>
  884. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  885. <div id="mediastuff">
  886. <div id="mediarating">Rated: TV-PG</div>
  887. <div id="mediayear">(2011- )</div>
  888. </div>
  889. <!--- MEDIA DESCRIPTION --->
  890. <div id="mediadesc">
  891. Bob's Burgers centers on the Belcher family who own a hamburger restaurant. Bob's burgers are really delicious and appear to be better than his rivals' but when it comes to selling burgers, his kids aren't really helpful, as more customers head over to Jimmy Pesto's restaurant.
  892. </div>
  893. <!--- MEDIA RATING
  894. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  895. --->
  896. <div id="stars">
  897. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  898.  
  899. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  900.  
  901. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  902.  
  903. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  904.  
  905. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  906.  
  907. </div></div></div>
  908.  
  909. <!--- END MEDIA BLOCK --->
  910.  
  911. <!--- BEGIN MEDIA BLOCK --->
  912.  
  913. <div id="media">
  914.  
  915. <!--- POSTER IMAGE --->
  916.  
  917. <img src="https://31.media.tumblr.com/e9b37fd8d52a69fbcc44b46d323d3224/tumblr_n4r8rxQhIY1t8spxao1_500.jpg">
  918.  
  919. <!--- MEDIA INFO --->
  920. <div id="mediainfo">
  921. <!--- MEDIA TITLE --->
  922. <!--- STATE YOUR STATUS ON WATCHING THE SHOW HERE ---><a title="watching on and off"><div id="mediatitle">Steven Universe</div></a>
  923. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  924. <div id="mediastuff">
  925. <div id="mediarating">Rated: TV-PG</div>
  926. <div id="mediayear">(2013- )</div>
  927. </div>
  928. <!--- MEDIA DESCRIPTION --->
  929. <div id="mediadesc">
  930. In Steven Universe, the world is protected from evil threats by the Crystal Gems, a group of intergalactic female warriors who use the power of special gem stones embedded on their bodies to summon magical weapons. The four Gems are Garnet, Amethyst, Pearl and Steven. Steven is a boy who inherited a gemstone from his mother, a Crystal Gem named Rose Quartz. As Steven tries to figure out the secrets to using his gem, he spends his days in Beach City doing activities with the other Crystal Gems, whether it's helping them save the universe or just hanging out.
  931. </div>
  932. <!--- MEDIA RATING
  933. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  934. --->
  935. <div id="stars">
  936. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  937.  
  938. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  939.  
  940. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  941.  
  942. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  943.  
  944. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  945.  
  946. </div></div></div>
  947.  
  948. <!--- END MEDIA BLOCK --->
  949.  
  950. <!--- BEGIN MEDIA BLOCK --->
  951.  
  952. <div id="media">
  953.  
  954. <!--- POSTER IMAGE --->
  955.  
  956. <img src="https://24.media.tumblr.com/22867f6c6be83e1cae136e47a4a7970a/tumblr_n1idfoNzy21t8spxao1_250.jpg">
  957.  
  958. <!--- MEDIA INFO --->
  959. <div id="mediainfo">
  960. <!--- MEDIA TITLE --->
  961. <!--- STATE YOUR STATUS ON WATCHING THE SHOW HERE ---><a title="completed"><div id="mediatitle">Star Trek</div></a>
  962. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  963. <div id="mediastuff">
  964. <div id="mediarating">Rated: TV-PG</div>
  965. <div id="mediayear">(1966-1969)</div>
  966. </div>
  967. <!--- MEDIA DESCRIPTION --->
  968. <div id="mediadesc">
  969. Captain James T. Kirk and the crew of the Starship Enterprise explore the Galaxy and defend the United Federation of Planets.
  970. </div>
  971. <!--- MEDIA RATING
  972. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  973. --->
  974. <div id="stars">
  975. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  976.  
  977. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  978.  
  979. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  980.  
  981. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  982.  
  983. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  984.  
  985. </div></div></div>
  986.  
  987. <!--- END MEDIA BLOCK --->
  988.  
  989. <!--- BEGIN MEDIA BLOCK --->
  990.  
  991. <div id="media">
  992.  
  993. <!--- POSTER IMAGE --->
  994.  
  995. <img src="https://24.media.tumblr.com/59229ab57b285ecffea759d8d7a6eefd/tumblr_n48rti0p7a1t8spxao1_250.jpg">
  996.  
  997. <!--- MEDIA INFO --->
  998. <div id="mediainfo">
  999. <!--- MEDIA TITLE --->
  1000. <!--- STATE YOUR STATUS ON WATCHING THE SHOW HERE ---><a title="watching on and off"><div id="mediatitle">It's Always Sunny in Philadelphia</div></a>
  1001. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  1002. <div id="mediastuff">
  1003. <div id="mediarating">Rated: TV-MA</div>
  1004. <div id="mediayear">(2005- )</div>
  1005. </div>
  1006. <!--- MEDIA DESCRIPTION --->
  1007. <div id="mediadesc">
  1008. Four young friends with big egos and slightly arrogant attitudes are the proprietors of an Irish bar in Philadelphia.
  1009. </div>
  1010. <!--- MEDIA RATING
  1011. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  1012. --->
  1013. <div id="stars">
  1014. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1015.  
  1016. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1017.  
  1018. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1019.  
  1020. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1021.  
  1022. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1023.  
  1024. </div></div></div>
  1025.  
  1026. <!--- END MEDIA BLOCK --->
  1027.  
  1028. <!--- BEGIN MEDIA BLOCK --->
  1029.  
  1030. <div id="media">
  1031.  
  1032. <!--- POSTER IMAGE --->
  1033.  
  1034. <img src="https://31.media.tumblr.com/e88d9e7a579efc2b46b9a80903ff9712/tumblr_n1id2ffgQB1t8spxao1_250.jpg">
  1035.  
  1036. <!--- MEDIA INFO --->
  1037. <div id="mediainfo">
  1038. <!--- MEDIA TITLE --->
  1039. <!--- STATE YOUR STATUS ON WATCHING THE SHOW HERE ---><a title="completed"><div id="mediatitle">Freaks and Geeks</div></a>
  1040. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  1041. <div id="mediastuff">
  1042. <div id="mediarating">Rated: TV-14</div>
  1043. <div id="mediayear">(1999-2000)</div>
  1044. </div>
  1045. <!--- MEDIA DESCRIPTION --->
  1046. <div id="mediadesc">
  1047. A television show about two unique groups of teenagers dealing with life in high school during the 80's.
  1048. </div>
  1049. <!--- MEDIA RATING
  1050. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  1051. --->
  1052. <div id="stars">
  1053. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1054.  
  1055. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1056.  
  1057. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1058.  
  1059. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1060.  
  1061. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1062.  
  1063. </div></div></div>
  1064.  
  1065. <!--- END MEDIA BLOCK --->
  1066.  
  1067. </div>
  1068. </div>
  1069. <!----------- END TELEVISION BLOCK ------------>
  1070.  
  1071.  
  1072.  
  1073. <!----------- BEGIN BOOKS BLOCK ------------>
  1074. <div id="books">
  1075. <div id="title">books</div>
  1076. <div id="mediacontent">
  1077.  
  1078. <!--- BEGIN MEDIA BLOCK --->
  1079.  
  1080. <div id="media">
  1081.  
  1082. <!--- POSTER IMAGE --->
  1083.  
  1084. <img src="https://38.media.tumblr.com/ddd5b119071319d00afa1c0aa87b1c52/tumblr_na9amwu15y1t8spxao1_250.jpg">
  1085.  
  1086. <!--- MEDIA INFO --->
  1087. <div id="mediainfo">
  1088. <!--- MEDIA TITLE --->
  1089. <div id="mediatitle">Jubilee</div>
  1090. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  1091. <div id="mediastuff">
  1092. <div id="mediarating">Rated: T</div>
  1093. <div id="mediayear">(2012)</div>
  1094. </div>
  1095. <!--- MEDIA DESCRIPTION --->
  1096. <div id="mediadesc">
  1097. Meet Jubilation Lee: firework-wielding mutant, full-fledged X-Man, sidekick to Wolverine and future vampire! Jubilee enrolls in high school and becomes a peer counselor. But along with the cute boys and teenage angst come gangs, evil mutants and car thieves! Jubes has her work cut out for her!
  1098. </div>
  1099. <!--- MEDIA RATING
  1100. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  1101. --->
  1102. <div id="stars">
  1103. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1104.  
  1105. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1106.  
  1107. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1108.  
  1109. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1110.  
  1111. </div></div></div>
  1112.  
  1113. <!--- END MEDIA BLOCK --->
  1114.  
  1115. <!--- BEGIN MEDIA BLOCK --->
  1116.  
  1117. <div id="media">
  1118.  
  1119. <!--- POSTER IMAGE --->
  1120.  
  1121. <img src="https://31.media.tumblr.com/db357ca9b7aac2975f767c96b577127e/tumblr_na9aiptU1w1t8spxao1_250.jpg">
  1122.  
  1123. <!--- MEDIA INFO --->
  1124. <div id="mediainfo">
  1125. <!--- MEDIA TITLE --->
  1126. <div id="mediatitle">Daken/X-23: Collision</div>
  1127. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  1128. <div id="mediastuff">
  1129. <div id="mediarating">Rated: Parental Advisory</div>
  1130. <div id="mediayear">(2012)</div>
  1131. </div>
  1132. <!--- MEDIA DESCRIPTION --->
  1133. <div id="mediadesc">
  1134. Brother and sister collide as Daken continues his quest to prove to the world he's the best there is at what he does. All that stands in his way? X-23, Wolverine's clone. Squaring off in the streets of Madripoor, the two become uneasy allies after learning one of their father's greatest foes is attempting to revive the sinister Weapon X Project. Bitter memories of her years as a Weapon X pawn driving her actions, X-23 is determined to take the program down at all costs and prevent history from repeating itself--but is Daken with her, or does he just want a piece of the action?
  1135. </div>
  1136. <!--- MEDIA RATING
  1137. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  1138. --->
  1139. <div id="stars">
  1140. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1141.  
  1142. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1143.  
  1144. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1145.  
  1146. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1147.  
  1148. </div></div></div>
  1149.  
  1150. <!--- END MEDIA BLOCK --->
  1151.  
  1152. <!--- BEGIN MEDIA BLOCK --->
  1153.  
  1154. <div id="media">
  1155.  
  1156. <!--- POSTER IMAGE --->
  1157.  
  1158. <img src="https://38.media.tumblr.com/6b1ca2fd53741fd54874e127758cd7dc/tumblr_na9afrefB01t8spxao1_250.jpg">
  1159.  
  1160. <!--- MEDIA INFO --->
  1161. <div id="mediainfo">
  1162. <!--- MEDIA TITLE --->
  1163. <div id="mediatitle">X-23: The Killing Dream</div>
  1164. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  1165. <div id="mediastuff">
  1166. <div id="mediarating">Rated: Parental Advisory</div>
  1167. <div id="mediayear">(2011)</div>
  1168. </div>
  1169. <!--- MEDIA DESCRIPTION --->
  1170. <div id="mediadesc">
  1171. Government-controlled killing machine. Child of the streets. X-Man. X-23 has lived many lives, but none of them have ever felt right. She knows she's a killer, but she's not sure she can be anything else. The X-Men offer her a home and help facing her demons, but she's done being someone's project. She wants to be her own woman, and she'll do it on her own terms. Leaving the X-Men's island home of Utopia on a mission all her own, she's already found trouble. Even with the mutant thief Gambit at her side, her past haunts her. With new enemies rising, can X-23 trust herself not to succumb to her deadly ways? Or is it all just in her head? Free of her chains, can this killer finally taste true freedom?
  1172. </div>
  1173. <!--- MEDIA RATING
  1174. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  1175. --->
  1176. <div id="stars">
  1177. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1178.  
  1179. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1180.  
  1181. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1182.  
  1183. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1184.  
  1185. </div></div></div>
  1186.  
  1187. <!--- END MEDIA BLOCK --->
  1188.  
  1189. <!--- BEGIN MEDIA BLOCK --->
  1190.  
  1191. <div id="media">
  1192.  
  1193. <!--- POSTER IMAGE --->
  1194.  
  1195. <img src="https://31.media.tumblr.com/5150e52110ac338f03003b490bb8ba85/tumblr_na9acszoKT1t8spxao1_250.jpg">
  1196.  
  1197. <!--- MEDIA INFO --->
  1198. <div id="mediainfo">
  1199. <!--- MEDIA TITLE --->
  1200. <div id="mediatitle">NYX: No Way Home</div>
  1201. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  1202. <div id="mediastuff">
  1203. <div id="mediarating">Rated: T</div>
  1204. <div id="mediayear">(2009)</div>
  1205. </div>
  1206. <!--- MEDIA DESCRIPTION --->
  1207. <div id="mediadesc">
  1208. There's no place like home - just ask young mutant Kiden Nixon. She's survived the hard streets of Manhattan, and she's built a home - and a family - for herself, with her friends Tatiana, Bobby Soul, and his Li'l Bro. But with fewer than 200 mutants left on the planet, Kiden's become a target - and when somebody strikes at one of her friends, Kiden's going to find out just how much farther she can fall!
  1209. </div>
  1210. <!--- MEDIA RATING
  1211. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  1212. --->
  1213. <div id="stars">
  1214. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1215.  
  1216. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1217.  
  1218. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1219.  
  1220. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1221.  
  1222. </div></div></div>
  1223.  
  1224. <!--- END MEDIA BLOCK --->
  1225.  
  1226. <!--- BEGIN MEDIA BLOCK --->
  1227.  
  1228. <div id="media">
  1229.  
  1230. <!--- POSTER IMAGE --->
  1231.  
  1232. <img src="https://38.media.tumblr.com/42a4d168efd77c14b5f359ba31051fe4/tumblr_na9aa3RZl21t8spxao1_250.jpg">
  1233.  
  1234. <!--- MEDIA INFO --->
  1235. <div id="mediainfo">
  1236. <!--- MEDIA TITLE --->
  1237. <div id="mediatitle">NYX: Wannabe</div>
  1238. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  1239. <div id="mediastuff">
  1240. <div id="mediarating">Rated: T+</div>
  1241. <div id="mediayear">(2006)</div>
  1242. </div>
  1243. <!--- MEDIA DESCRIPTION --->
  1244. <div id="mediadesc">
  1245. Say hello to a pack of New York City gutterpunks, the likes of which the Marvel Universe has never seen! The X-Men's dream has always been one of creating hope from despair - in a young mutant's darkest hour Charles Xavier will always be just around the corner, ready with open arms and a helping hand. But Xavier can't be everywhere at once. What becomes of a group of young mutants that have to rely on themselves for everything from food to shelter to love? Wayward angels with dirty faces who, instead of preparing for Magneto's next big assault, must learn to survive in the cold, harsh world of the city that never sleeps. The world of the X-Men is brought to the streets, and the struggle for survival has never been more uncertain...
  1246. </div>
  1247. <!--- MEDIA RATING
  1248. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  1249. --->
  1250. <div id="stars">
  1251. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1252.  
  1253. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1254.  
  1255. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1256.  
  1257. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1258.  
  1259. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1260.  
  1261. </div></div></div>
  1262.  
  1263. <!--- END MEDIA BLOCK --->
  1264.  
  1265. </div>
  1266. </div>
  1267. <!----------- END BOOKS BLOCK ------------>
  1268.  
  1269.  
  1270. <!----------- BEGIN DESCRIPTION BLOCK ------------>
  1271. <div id="desc">
  1272.  
  1273. <div id="title">media page</div>
  1274.  
  1275. <div id="about">
  1276.  
  1277. Hello, this is my media page where you will find lists of all of the movies, television shows and comic books I have enjoyed this year. The list will keep updating throughout the year, but eventually I am going to run out of things to watch and read so please feel free to give me recommendations.
  1278. <br><br>
  1279. All media is rated on a scale of one to five stars.
  1280. </div>
  1281.  
  1282. <div id="links">
  1283.  
  1284. <a href="/" title="link">link one</a>
  1285. <a href="/" title="link">link two</a>
  1286. <a href="/" title="link">link three</a>
  1287. <a href="http://jimothythemes.tumblr.com/" title="jimothythemes">credit</a>
  1288. </div>
  1289. </div>
  1290. <!----------- END DESCRIPTION BLOCK ------------>
  1291.  
  1292. </div>
  1293.  
  1294.  
  1295. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!