API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 24th, 2016
52
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.44 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3. <link rel="shortcut icon" href="favicon.ico">
  4. <meta name="description" content="Collectables and memorabilia from the TV show LOST. Screen used props, action figures, trading cards, costumes and much much more">
  5. <meta name="keywords" content="autographs, props, trading cards, Mcfarlane, Bif Bang Pow, ABC, LOST, RITTENHOUSE, Inkworks, Damon Lindelof, Carlton Cuse, Oceanic 815, Ajira 316, 4815162342
  6. authentic, screen used, dharma initiative, kahana, hawaii, beach, jungle,the others, french science expedition, Jack, Charlie, Kate, Hurley, Jacob, MIB">
  7. <meta charset="UTF-8"></script>
  8. <div class= <title>LOST Collector</title>
  9. <link rel="stylesheet" type="text/css" href="main.css"/>
  10.  
  11. <!-- Add jQuery library -->
  12. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  13.  
  14. <!-- Add mousewheel plugin (this is optional) -->
  15. <script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
  16.  
  17. <!-- Add fancyBox -->
  18. <link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
  19. <script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
  20.  
  21. <!-- Optionally add helpers - button, thumbnail and/or media -->
  22. <link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
  23. <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
  24. <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
  25.  
  26. <link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
  27. <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
  28. <script type="text/javascript">
  29. $(document).ready(function() {
  30. $(".fancybox").fancybox();
  31. });
  32. </script>
  33.  
  34.  
  35. </head>
  36. <body>
  37. <div class="pagecontent">
  38. <header>
  39. <a href="http://www.lostcollector.com">
  40. <img src="images/logo.png" alt="Lost Collector" title="Lost Collector"/>
  41. </a>
  42. <nav>
  43. <ul>
  44. <li><a href="index.html">Home</a></li>
  45. <li><a href="about.html">About LOST Collector</a></li>
  46. <li><a href="mailto:lostcollector815@gmail.com">Contact</a></li>
  47. </ul>
  48. </nav>
  49. </header>
  50. <ul id="navigation_layout">
  51. <li><a href="artwork.html" id="artworknav">Artwork</a></li>
  52. <li><a href="autographs.html" id="autographsnav">Autographs</a> </li>
  53. <li><a href="badgespins.html">Badges and Pins</a></li>
  54. <li><a href="booksandmagazines.html">Books/Magazines</a></li>
  55. <li><a href="clothing.html">Clothing</a></li>
  56. <li><a href="dvdsandcds.html">Dvds and Cds</a></li>
  57. <li><a href="filmcrew.html">Film Crew</a></li>
  58. <li><a href="originalprops.html">Original Props</a></li>
  59. <li><a href="specialevents.html">Special Events</a></li>
  60. <li><a href="toysandgames.html">Toys and games</a></li>
  61. <li><a href="tradingcards.html">Trading cards</a></li>
  62. <li><a href="everythingelse.html">Everything else</a></li>
  63. <div class="noline">
  64. <li><a href="wishlist.html">Wish list</a></li>
  65. </div>
  66. </ul>
  67. <div class="itemdetails">
  68. <div class="itemtext">
  69. <h1>Inkworks: Season One</h1>
  70. <h2>AR-1 unused Redemption Card</h2>
  71. <h3>For Maggie Grace autograph card A-3</h3>
  72. <p>Inkworks included redemption cards for the first 3 autograph cards in the packs because they didn't receive the signed cards back in time to include them in the boxes. So the redemption cards were issued instead. The idea was when you found the card you filled it out and sent it to Inkworks who would then send you back the punched redemption card and the autograph card in question.
  73. </p>
  74. </div>
  75.  
  76. <div class="itemdetails_aside">
  77. <a class="fancybox" rel="group" href="images/tradingcards/season1inkworks/AR1big.jpg"><img src="images/tradingcards/season1inkworks/AR1.jpg" alt="AR-1 Redemption Card" title="click to enlarge" height="430" width="308"/>
  78. </div>
  79. <div class="thumbnails">
  80. <img src="images/tradingcards/season1inkworks/thumbnails/ar1.jpg" alt="ar1" title="Click thumbnail to enlarge" width="107" height="150" /></a>
  81. <img src="images/tradingcards/season1inkworks/thumbnails/ar1mgb.jpg" alt="mgrdmp" title="Click thumbnail to enlarge" width="107" height="150" /></a>
  82. </div>
  83. </div>
  84. </body>
  85.  
  86. body {
  87. background-color: #5D6D7E;
  88. display: inline;
  89. }
  90.  
  91. /*Styles body background colour, text colour and font syle and size*/
  92. div.pagecontent {
  93. margin: 10px;
  94. border: 1px solid #000000;
  95. border-radius: 20px;
  96. width: 1300px;
  97. height: auto;
  98. margin: 0 auto;
  99. background-color: #ffffff;
  100. color: #000000;
  101. font-family: "Trebuchet MS", Helvetica, sans-serif;
  102. font-size: 90%;
  103. }
  104.  
  105. /*Styles the header*/
  106. header {
  107. width: 1300px;
  108. height: 200px;
  109. background: #ffffff;
  110. position: static;
  111.  
  112. border-top-left-radius: 20px;
  113. border-top-right-radius: 20px;
  114. margin-top: 0;
  115. }
  116.  
  117. /*finds all img tags as links inside header*/
  118. header a img {
  119. padding-bottom: 10px;
  120. margin: 25px 10px 10px 20px;
  121. display: inline;
  122. height: 150px;
  123. width: 150px;
  124. }
  125.  
  126.  
  127. nav {
  128. display: inline;
  129. float: right;
  130. }
  131.  
  132. nav ul li {
  133. display: inline-block;
  134. text-decoration: none;
  135. font-size: 100%;
  136. font-weight: bold;
  137. color: #000000;
  138. padding: 40px 10px 30px;
  139. margin-top: 25px;
  140. margin-right: 25px;
  141. }
  142.  
  143. nav li a {
  144. display: inline-block;
  145. padding: 60px 10px 30px 10px;
  146. text-decoration: none;
  147. font-size: 90%;
  148. font-weight: bold;
  149. color: #000000;
  150. }
  151.  
  152. nav li a:hover {
  153. color: #ffffff;
  154. background-color: #000000;
  155. }
  156.  
  157. /*selects the navigation_layout id, styles the whole nav layout*/
  158. #navigation_layout {
  159. position: absolute;
  160. width: 1300px;
  161. top: 188px;
  162. float: left;
  163. list-style: none;
  164. background-color: #ffffff;
  165. border-top: #ffffff;
  166. padding: 0;
  167. }
  168.  
  169. /*makes the nav list items display from the left*/
  170. #navigation_layout li {
  171. float: left;
  172. background-color: #000000;
  173. margin: 1px;
  174. padding-right: 2.65px;
  175. list-style: none;
  176. }
  177.  
  178. /*styles the list a tags*/
  179. #navigation_layout li a {
  180. display: block;
  181. padding: 4px 9px 4px 8px;
  182. text-decoration: none;
  183. font-size: 90%;
  184. font-weight: bold;
  185. color: #ffffff;
  186. }
  187.  
  188. /*styles link colour when mouse hovers over it only**/
  189. #navigation_layout li a:hover {
  190. color: #ff0000;
  191. background-color: #ffffff;
  192. }
  193.  
  194.  
  195. div.pic img{ padding:2px;
  196. border: 1px solid #000000;
  197. }
  198.  
  199. div.itemdetails {
  200. display: inline-block;
  201. position: relative;
  202. width:1250px;
  203. height: auto;
  204. margin: 25px;
  205. border: 1px solid #000000;
  206. background-color: #d3d3d3;
  207. }
  208.  
  209. /**div.itemtext is all of the text on the page, with separate rules**/
  210. div.itemtext {
  211. float: right;
  212. width: 600px;
  213. height: auto;
  214. text-align: center;
  215. padding: 25px 25px 25px 25px;
  216. }
  217. div.itemtext h1 {
  218. float:right;
  219. width:600px;
  220. text-align: center;
  221. margin-bottom: 0;
  222. font-size: 300%;
  223. }
  224.  
  225. div.itemtext h2 {
  226. float: right;
  227. width: 600px;
  228. text-align: center;
  229. text-decoration: underline;
  230. font-size: 200%;
  231. }
  232.  
  233. div.itemtext h3{
  234. font-size: 200%;
  235. }
  236.  
  237. div.itemtext p{
  238. float: right;
  239. width: 600px;
  240. text-align: center;
  241. font-size: 200%;
  242. margin-top: 0;
  243. }
  244.  
  245.  
  246. div.itemdetails_aside {
  247. display: block;
  248. float: left;
  249. padding: 25px 25px 25px 25px;
  250. margin: 25px;
  251. }
  252.  
  253. div.itemdetails_aside img {
  254. border: 1px solid #000000;
  255. padding: 25px 25px 25px 25px;
  256. background-color: #ffffff
  257. }
  258.  
  259.  
  260.  
  261.  
  262.  
  263. div.itemdetails_content {
  264. float: right;
  265. width: 550px;
  266. height: auto;
  267. padding: 25px 25px 25px 25px;
  268. margin:25px;
  269. }
  270.  
  271. div.thumbnails {
  272. display: inline;
  273. float:left;
  274. padding: 25px 25px 25px;
  275. }
  276.  
  277. div.thumbnails img{
  278. display: inline-block;
  279. border: 1px solid #000000;
  280. background-color: #ffffff;
  281. padding: 20px 20px 20px 20px;
  282. margin: 10px;
  283. }
  284.  
  285.  
  286.  
  287.  
  288. div.related_items{
  289. display: inline;
  290. padding: 25px 25px 25px 25px;
  291. margin-right: 100px;
  292. margin-left: 100px;
  293. }
  294.  
  295.  
  296. div.box {
  297. margin: auto;
  298. width:1150px;
  299. height: 400px;
  300. }
  301.  
  302. div.gallery {
  303. width: 1100px;
  304. height: 900px;
  305. margin: auto;
  306. }
  307. div.cardcontent {
  308. display: inline;
  309. float: left;
  310. border: 1px solid #000000;
  311. padding: 10px 10px 10px 10px;
  312. margin: 10px 10px 10px 10px;
  313. background-color: #ffffff;
  314. text-align: center;
  315. font-weight: bold;
  316. width: 200px;
  317. height: 150px;
  318. }
  319.  
  320. div.cardcontent img{
  321. border: 1px solid #000000;
  322. }
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!