API tools faq
paste
Advertisement
alicescreed

wishlist

alicescreed
Oct 9th, 2019
1,801
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.30 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. © erika-writes
  3.  
  4. special thanks to painthemes.tumblr.com for their pop-up box!
  5.  
  6. you can find all instructions for this page here: https://erika-writes.tumblr.com/post/186551187662
  7. -->
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <link href="https://fonts.googleapis.com/css?family=League+Script|Playfair+Display:900&display=swap" rel="stylesheet">
  15.  
  16. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
  17.  
  18. <script type="text/javascript"
  19. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  20. <script>
  21. $(document).ready(function() {
  22. //
  23. $('a.poplight[href^=#]').click(function() {
  24. var popID = $(this).attr('rel'); //Get Popup Name
  25. var popURL = $(this).attr('href'); //Get Popup href to define size
  26. var query= popURL.split('?');
  27. var dim= query[1].split('&');
  28. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  29. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  30. var popMargTop = ($('#' + popID).height() + 80) / 2;
  31. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  32. //Apply Margin to Popup
  33. $('#' + popID).css({
  34. 'margin-top' : -popMargTop,
  35. 'margin-left' : -popMargLeft
  36. });
  37. $('body').append('<div id="fade"></div>');
  38. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  39. return false;
  40. });
  41. $('a.close, #fade').live('click', function() {
  42. $('#fade , .popup_block').fadeOut(function() {
  43. $('#fade, a.close').remove(); //fade them both out
  44. });
  45. return false;
  46. });
  47. });
  48. </script>
  49.  
  50. <style type="text/css">
  51.  
  52. body {
  53. font-family:avenir;
  54. font-size:10px;
  55. letter-spacing:.5px;
  56. line-height:15px;
  57. -webkit-font-smoothing: antialiased;
  58. -moz-osx-font-smoothing: grayscale;
  59. }
  60.  
  61. a {
  62. color:#000;
  63. }
  64.  
  65. #title {
  66. font-family: 'League Script', cursive;
  67. font-size:50px;
  68. font-weight:bold;
  69. text-transform:lowercase;
  70. text-align:left;
  71. margin:7px;
  72. margin-top:75px;
  73. margin-left:420px;
  74. transform:rotate(-3deg);
  75. }
  76.  
  77. #container {
  78. width:468px;
  79. margin: 0 auto;
  80. overflow:hidden;
  81. border:0px solid #000;
  82. padding:3px;
  83. padding-left:18px;
  84. margin-top:50px;
  85. margin-bottom:30px;
  86. }
  87.  
  88. #box {
  89. width:150px;
  90. margin: 0 auto;
  91. overflow:hidden;
  92. border:0px solid #000;
  93. padding:3px;
  94. margin-bottom:10px;
  95. float:left;
  96. }
  97.  
  98. #info {
  99. font-family:avenir;
  100. font-size:11px;
  101. font-weight:bold;
  102. text-transform:lowercase;
  103. letter-spacing:1.5px;
  104. line-height:14px;
  105. margin-top:5px;
  106. padding:3px;
  107. width:120px;
  108. height:auto;
  109. text-align:center;
  110. }
  111.  
  112. hr {
  113. border:.5px solid #000;
  114. width:175px;
  115. margin-top:15px;
  116. margin-bottom:15px;
  117. }
  118.  
  119. .img {
  120. padding:3px;
  121. width:120px;
  122. height:auto;
  123. border-radius:10px;
  124. }
  125.  
  126. #nav {
  127. position:fixed;
  128. left:25px;
  129. top:20px;
  130. font-family:avenir;
  131. font-size:9px;
  132. font-weight:500;
  133. text-transform:lowercase;
  134. letter-spacing:1px;
  135. height:45px;
  136. border-left:1px solid #000;
  137. padding-left:15px;
  138. }
  139.  
  140. #nav a {
  141. text-decoration:none;
  142. }
  143.  
  144. /*POP UP BOX STUFF*/
  145.  
  146. .largeimg {
  147. width:250px;
  148. height:500px;
  149. border-radius:10px;
  150. }
  151.  
  152. #name {
  153. width:260px;
  154. font-family: 'League Script', cursive;
  155. font-size:35px;
  156. font-weight:bold;
  157. text-transform:lowercase;
  158. float:right;
  159. text-align:center;
  160. padding:20px;
  161. margin-top:5px;
  162. transform:rotate(-3deg);
  163. }
  164.  
  165. table {
  166. border-collapse:collapse;
  167. }
  168.  
  169. #aesthetic {
  170. width:260px;
  171. height:400px;
  172. font-family: arial;
  173. font-size:12px;
  174. letter-spacing:0px;
  175. line-height:16px;
  176. margin-top:-440px;
  177. padding:5px;
  178. margin-left:268px;
  179. text-align: left;
  180. overflow:auto;
  181. }
  182.  
  183. #text {
  184. margin-right: 10px;
  185. }
  186.  
  187. .leftimg {
  188. width:110px;
  189. height:150px;
  190. border-radius:10px;
  191. transform:rotate(3deg);
  192. }
  193.  
  194. .rightimg {
  195. width:110px;
  196. height:150px;
  197. border-radius:10px;
  198. transform:rotate(-4deg);
  199. margin-left:-5px;
  200. margin-top:5px;
  201. z-index:9999999;
  202. position:fixed;
  203. }
  204.  
  205. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  206. .popup_block{
  207. height:500px;
  208. display:none;
  209. background:#fff; /*change the color of your background*/
  210. padding:5px;
  211. border:1px solid #d6d6d6; /*change the color of your border*/
  212. border-radius:10px;
  213. float:left;
  214. position:fixed;
  215. top:50%;left:50%;
  216. z-index: 99999;
  217. }
  218.  
  219. #fade {
  220. display:none;
  221. position:fixed;
  222. left:0px;
  223. top:0px;
  224. width:100%;
  225. height:100%;
  226. z-index:9999;
  227. background:{color:background}; /* change the color of the background below the box */
  228. opacity:.5; /* change the opacity */
  229. }
  230.  
  231. wish {
  232. font-family: times new roman;
  233. text-transform: uppercase;
  234. font-weight: bold;
  235. padding: 2px;
  236. letter-spacing: 1px;
  237. font-size: 14px;
  238. border-bottom: 1px solid;
  239. }
  240.  
  241. *html #fade {position: absolute;}
  242. *html .popup_block {position: absolute;}
  243. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  244.  
  245. </style>
  246. </head>
  247.  
  248. <body>
  249.  
  250. <div id="nav">
  251. <a href="/">back to blog</a>
  252. <br><a href="https://tumblr.com/dashboard">go to dashboard</a>
  253. <br><a href="https://erika-writes.tumblr.com">credit</a>
  254. </div>
  255.  
  256. <div id="title">muses</div>
  257.  
  258. <div id="container">
  259.  
  260. <!-- BOX 1 -->
  261.  
  262. <a href="#?w=550" rel="box1" class="poplight">
  263.  
  264. <div id="box">
  265.  
  266. <img src="https://66.media.tumblr.com/af124876cb6d6720365f643535c8b147/tumblr_pj17ylV5Cj1v1ofe3o9_250.png" class="img">
  267.  
  268. <div id="info">name</div>
  269.  
  270. </div>
  271.  
  272. </a>
  273.  
  274. <!-- BOX 2 -->
  275.  
  276. <a href="#?w=550" rel="box2" class="poplight">
  277.  
  278. <div id="box">
  279.  
  280. <img src="IMG URL HERE" class="img">
  281.  
  282. <div id="info">name</div>
  283.  
  284. </div>
  285.  
  286. </a>
  287.  
  288. <!-- BOX 3 -->
  289.  
  290. <a href="#?w=550" rel="box3" class="poplight">
  291.  
  292. <div id="box">
  293.  
  294. <img src="IMG URL HERE" class="img">
  295.  
  296. <div id="info">name</div>
  297.  
  298. </div>
  299.  
  300. </a>
  301.  
  302. <!-- BOX 4 -->
  303.  
  304. <a href="#?w=550" rel="box4" class="poplight">
  305.  
  306. <div id="box">
  307.  
  308. <img src="IMG URL HERE" class="img">
  309.  
  310. <div id="info">name</div>
  311.  
  312. </div>
  313.  
  314. </a>
  315.  
  316. <!-- BOX 5 -->
  317.  
  318. <a href="#?w=550" rel="box5" class="poplight">
  319.  
  320. <div id="box">
  321.  
  322. <img src="IMG URL HERE" class="img">
  323.  
  324. <div id="info">name</div>
  325.  
  326. </div>
  327.  
  328. </a>
  329.  
  330. <!-- BOX 6 -->
  331.  
  332. <a href="#?w=550" rel="box6" class="poplight">
  333.  
  334. <div id="box">
  335.  
  336. <img src="IMG URL HERE" class="img">
  337.  
  338. <div id="info">name</div>
  339.  
  340. </div>
  341.  
  342. </a>
  343.  
  344. </div>
  345.  
  346. <!-- YOUR LAST BOX SHOULD END WITH </DIV>, THE ONES ABOVE THAT SHOULD END WITH </A> -->
  347.  
  348. <!-- POP UP BOX 1 -->
  349.  
  350. <div id="box1" class="popup_block">
  351.  
  352. <img src="http://www.leathercelebrities.com/images/uploads/Jessica-Rothe-attends-the-Miu-Miu-show6.jpg" class="largeimg">
  353.  
  354. <div id="name">name</div>
  355.  
  356. <div id="aesthetic">
  357. <div id="text">
  358. <p><wish>plot 001.</wish></p>
  359. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  360.  
  361. <p><wish>plot 002.</wish></p>
  362.  
  363. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  364. </div>
  365. </div>
  366.  
  367. </div></div></div></div></div></div></div></div></div></div></div>
  368.  
  369. <!-- POP UP BOX 2 -->
  370.  
  371. <div id="box2" class="popup_block">
  372.  
  373. <img src="IMG URL HERE" class="largeimg">
  374.  
  375. <div id="name">name</div>
  376.  
  377. <div id="aesthetic">
  378. <div id="text">
  379. <p><wish>plot 001.</wish></p>
  380. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  381.  
  382. <p><wish>plot 002.</wish></p>
  383.  
  384. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  385. </div>
  386. </div>
  387.  
  388. </div></div></div></div></div></div></div></div></div></div></div>
  389.  
  390. <!-- POP UP BOX 3 -->
  391.  
  392. <div id="box3" class="popup_block">
  393.  
  394. <img src="IMG URL HERE" class="largeimg">
  395.  
  396. <div id="name">name</div>
  397.  
  398. <div id="aesthetic">
  399. <div id="text">
  400. <p><wish>plot 001.</wish></p>
  401. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  402.  
  403. <p><wish>plot 002.</wish></p>
  404.  
  405. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  406. </div>
  407. </div>
  408.  
  409. </div></div></div></div></div></div></div></div></div></div></div>
  410.  
  411. <!-- POP UP BOX 4 -->
  412.  
  413. <div id="box4" class="popup_block">
  414.  
  415. <img src="IMG URL HERE" class="largeimg">
  416.  
  417. <div id="name">name</div>
  418.  
  419. <div id="aesthetic">
  420. <div id="text">
  421. <p><wish>plot 001.</wish></p>
  422. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  423.  
  424. <p><wish>plot 002.</wish></p>
  425.  
  426. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  427. </div>
  428. </div>
  429.  
  430. </div></div></div></div></div></div></div></div></div></div></div>
  431.  
  432. <!-- POP UP BOX 5 -->
  433.  
  434. <div id="box5" class="popup_block">
  435.  
  436. <img src="IMG URL HERE" class="largeimg">
  437.  
  438. <div id="aesthetic">
  439. <div id="text">
  440. <p><wish>plot 001.</wish></p>
  441. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  442.  
  443. <p><wish>plot 002.</wish></p>
  444.  
  445. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  446. </div>
  447. </div>
  448.  
  449. </div></div></div></div></div></div></div></div></div></div></div>
  450.  
  451. <!-- POP UP BOX 6 -->
  452.  
  453. <div id="box6" class="popup_block">
  454.  
  455. <img src="IMG URL HERE" class="largeimg">
  456.  
  457. <div id="name">name</div>
  458.  
  459. <div id="aesthetic">
  460. <div id="text">
  461. <p><wish>plot 001.</wish></p>
  462. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  463.  
  464. <p><wish>plot 002.</wish></p>
  465.  
  466. Cupcake ipsum dolor sit amet oat cake soufflé carrot cake carrot cake. Chocolate bar apple pie wafer pudding sweet roll chocolate cake tart. Chupa chups sweet muffin gingerbread gingerbread sugar plum. Liquorice lemon drops lemon drops tootsie roll lollipop sugar plum lollipop. Cake sugar plum tiramisu sweet roll liquorice sweet roll macaroon. Lemon drops carrot cake icing liquorice topping sweet roll oat cake. Tart halvah brownie tiramisu sweet carrot cake dragée. Cotton candy sweet cotton candy bear claw cupcake cheesecake. Chupa chups donut gingerbread carrot cake jelly-o croissant. Donut cookie tart bear claw ice cream lemon drops. Apple pie cotton candy dragée halvah caramels danish chocolate cake. Bear claw pudding brownie danish sweet roll chupa chups.
  467. </div>
  468. </div>
  469.  
  470. </div></div></div></div></div></div></div></div></div></div></div>
  471.  
  472. </body>
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!