API tools faq
paste
yoonora

020 - extrañandote

yoonora
Mar 4th, 2016
1,607
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.71 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. last updt: 04/07/17
  4. 020 - extrañandote
  5. code made by yoonora/exoa
  6. do not steal.
  7.  
  8. -->
  9.  
  10. <title>―{title}</title>
  11. <link rel="shortcut icon" href="{favicon}">
  12.  
  13. <meta name="color:color 1" content="#e6edff"/>
  14. <meta name="color:color 2" content="#fefefe"/>
  15. <meta name="color:main" content="#8585a8"/>
  16. <meta name="color:links" content="#8585a8"/>
  17. <meta name="color:background" content="#fafafa"/>
  18.  
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="image:background" content=""/>
  21.  
  22.  
  23.  
  24. <meta name="select:topbar width" content="top1" title="300px">
  25. <meta name="select:topbar width" content="top2" title="350px">
  26. <meta name="select:topbar width" content="top3" title="400px">
  27. <meta name="select:topbar width" content="top4" title="450px">
  28. <meta name="select:topbar width" content="top5" title="500px">
  29. <meta name="select:topbar width" content="top6" title="550px">
  30. <meta name="select:topbar width" content="top7" title="600px">
  31. <meta name="select:topbar width" content="top8" title="650px">
  32.  
  33. <meta name="select:columns" content="col1" title="one column">
  34. <meta name="select:columns" content="col2" title="two columns">
  35.  
  36. <meta name="select:posts width one column" content="pow1" title="300px">
  37. <meta name="select:posts width one column" content="pow2" title="350px">
  38. <meta name="select:posts width one column" content="pow3" title="400px">
  39. <meta name="select:posts width one column" content="pow4" title="450px">
  40. <meta name="select:posts width one column" content="pow5" title="500px">
  41.  
  42. <meta name="select:posts width two columns" content="por1" title="300px">
  43. <meta name="select:posts width two columns" content="por2" title="350px">
  44. <meta name="select:posts width two columns" content="por3" title="400px">
  45. <meta name="select:posts width two columns" content="por4" title="450px">
  46.  
  47.  
  48. <meta name="select:caption style" content="cas1" title="none">
  49. <meta name="select:caption style" content="cas2" title="style #1">
  50. <meta name="select:caption style" content="cas3" title="style #2">
  51. <meta name="select:caption style" content="cas4" title="style #3">
  52. <meta name="select:caption style" content="cas5" title="style #4">
  53.  
  54. <meta name="if:border" content="1"/>
  55. <meta name="if:fade in posts" content="1"/>
  56.  
  57. <meta name="text:title" content=""/>
  58. <meta name="text:title font size" content="20px"/>
  59. <meta name="text:subtitle" content=""/>
  60.  
  61. <meta name="text:link 1" content=""/>
  62. <meta name="text:link 1 subtitle" content=""/>
  63. <meta name="text:link 1 url" content="/"/>
  64. <meta name="text:link 2" content=""/>
  65. <meta name="text:link 2 subtitle" content=""/>
  66. <meta name="text:link 2 url" content="/"/>
  67. <meta name="text:link 3" content=""/>
  68. <meta name="text:link 3 subtitle" content=""/>
  69. <meta name="text:link 3 url" content="/"/>
  70. <meta name="text:link 4" content=""/>
  71. <meta name="text:link 4 subtitle" content=""/>
  72. <meta name="text:link 4 url" content="/"/>
  73. <meta name="text:link 5" content=""/>
  74. <meta name="text:link 5 subtitle" content=""/>
  75. <meta name="text:link 5 url" content="/"/>
  76.  
  77.  
  78. <!----------------------------------------STYLESHEETS---->
  79.  
  80. <link href="http://static.tumblr.com/j2yc61v/bVWnxs7sg/a.css"rel="stylesheet">
  81. <link href="http://static.tumblr.com/j2yc61v/XU9o04umi/n.css"rel="stylesheet">
  82.  
  83. <link href="http://static.tumblr.com/j2yc61v/Mvfo1jjw5/u.css"rel="stylesheet">
  84.  
  85. <!------------------------------------------SCRIPTS---->
  86.  
  87. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  88. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  89. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  90.  
  91.  
  92. <!----------------------------------------SCRIPT #1---->
  93.  
  94. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  95.  
  96. <script>
  97. (function($){
  98. $(document).ready(function(){
  99. $("[title]").style_my_tooltips({
  100. tip_follows_cursor:true,
  101. tip_delay_time:200,
  102. tip_fade_speed:300
  103. }
  104. );
  105. });
  106. })(jQuery);
  107. </script>
  108.  
  109. <style type="text/css">
  110.  
  111. /*--------------------------------MAIN--*/
  112. ::-webkit-scrollbar-thumb:vertical {background:{color:lines};
  113. border: 5px solid {color:background};}
  114. ::-webkit-scrollbar {background:{color:color 1};
  115. border: 5.8px solid {color:background};}
  116.  
  117.  
  118. #s-m-t-tooltip{font:9px arial;font-style:italic;font-weight:bold;
  119. color:{color:main};padding:2px 5px;background-color:{color:color 2};
  120. border:1px solid {color:lines};}
  121.  
  122. body{background:{color:background} center url('{image:background}') fixed;
  123. overflow-y:auto;overflow-x:hidden;font:11px arial;color:{color:main};}
  124.  
  125. a{color:{color:links};text-decoration:none;}
  126. b, strong {color:{color:main};background:{color:color 1};}
  127. i, em {color:{color:main};background:{color:color 1};}
  128.  
  129. ul {padding: 0px;margin:10px 35px;}
  130. ul li {list-style-type:circle;font:9.5px arial;padding:2px 0;}
  131.  
  132. #ttbody ul {padding: 0px;margin:0 25px;}
  133. #ttbody ul li {list-style-type:circle;font:9.5px arial;padding:2px 0;}
  134.  
  135. pre{background:{color:color 2};}
  136. ::-moz-selection{background-color: {color:color 1};color:{color:color 2};}
  137. ::selection{background-color:{color:color 1};color:{color:color 2};}
  138.  
  139. #tumblr_lightbox div:nth-child(2) { background:{color:color 2};}
  140. #tumblr_lightbox a img {border: 5px solid {color:color 2};}
  141. .sd{background:{color:background} url('{image:background}') fixed;
  142. border-color:{color:color 1};}
  143.  
  144. #sb a{border-color:{color:color 1};background:{color:color 1}; }
  145.  
  146. .epd{padding:{block:IfPostsPadding}{text:posts padding}{/block:IfPostsPadding} {block:IfNotPostsPadding}20px{/block:IfNotPostsPadding};}
  147.  
  148. .epd, #p3_uw1{
  149. {block:IfBorder}border:1px solid {color:lines};{/block:IfBorder}}
  150.  
  151. .capt1 .epd{position:relative;}
  152. .capt2 .epd, .capt3 .epd{position:relative; overflow:hidden;}
  153.  
  154. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  155. position:fixed!important;
  156. right: 10px!important;top: 10px!important;
  157. z-index: 1000000000000000000000000348597468046759870000000000008329!important;
  158. opacity:0.5;-webkit-filter: invert(100%);-moz-filter: invert(100%);
  159. -o-filter: invert(100%);-ms-filter: invert(100%);
  160. -webkit-transition: opacity 0.7s linear;
  161. -moz-transition: all 0.4s ease-out;
  162. -webkit-transition: all 0.4s ease-out;
  163. transition: all 0.4s ease-out;}
  164.  
  165. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
  166. opacity: 1;
  167. -webkit-transition: opacity 0.7s linear;
  168. -moz-transition: all 0.4s ease-out;
  169. -webkit-transition: all 0.4s ease-out;
  170. transition: all 0.4s ease-out;}
  171.  
  172. /*--------------------------------POSTS--*/
  173.  
  174. {block:IndexPage}
  175. .col1 .pow1 .posts{width:300px; margin:0 200px 150px 200px;}
  176. .col1 .pow2 .posts{width:350px;}
  177. .col1 .pow3 .posts{width:400px;}
  178. .col1 .pow4 .posts{width:450px;}
  179. .col1 .pow5 .posts{width:500px;}
  180.  
  181. .col2 .por1 .posts{width:300px;}
  182. .col2 .por2 .posts{width:350px;}
  183. .col2 .por3 .posts{width:400px;}
  184. .col2 .por4 .posts{width:450px;}
  185.  
  186. .col2 .por1 #cont{margin:0 -550px;width:1100px;}
  187. .col2 .por2 #cont{margin:0 -600px;width:1200px;}
  188. .col2 .por3 #cont{margin:0 -650px;width:1300px;}
  189. .col2 .por4 #cont{margin:0 -700px;width:1400px;}
  190.  
  191. .col1 #m_cir{display:none;}
  192. {/block:IndexPage}
  193.  
  194. #cont{position:relative;left:50%;margin:0 -550px;width:1100px;
  195. text-align:center;}
  196.  
  197. .redf:before {content:'no.' counter(mc);display:block;}
  198.  
  199. .posts {position:relative;width:450px;margin:0 100px 150px 100px;
  200. text-align:left;display:inline-block;counter-increment:mc;
  201. vertical-align: middle;color:{color:main};
  202. -webkit-animation:fadeIn 0s ease-out;
  203. -moz-animation:fadeIn 0s ease-out;
  204. -o-animation:fadeIn 0s ease-out; }
  205.  
  206. .epd{position:relative;overflow:hidden;text-align:left;
  207. {block:IndexPage}padding:10%;{/block:IndexPage}
  208. {block:PermalinkPage}padding:20px;{/block:PermalinkPage}
  209. background:{color:color 2};}
  210.  
  211. {block:IfBorder}
  212. .epd, #pim_re, #pim_not, .mainsi, #pim_tg, #pim1, #pim2, .tp_s, #tp2_ti, #tp3, #t3_l, #ttbody blockquote, #bpa, #jo1, #tgpg{border:1px solid {color:color 1};}
  213. .l1{border:1px solid {color:color 1};}
  214. #m_lin, #m_cir{background:{color:color 1};}
  215. #extrac a, #tp1_t{border-bottom:1px solid {color:color 1};}
  216. #pim_o #dt, #t3_s2 #t3_l2{border-left:1px solid {color:color 1};}
  217. #pim_t #dt, #t3_s1 #t3_l2{border-right:1px solid {color:color 1};}
  218. #dt{border-top:1px solid {color:color 1};
  219. border-bottom:1px solid {color:color 1};}
  220. {/block:IfBorder}
  221.  
  222. /*-----------------------------POSTS EXTRA #2--*/
  223. {block:IfFadeInPosts}
  224. #photoset, #photo{opacity:0.5;
  225. -webkit-transition: all 0.9s ease-out;
  226. -moz-transition: all 0.9s ease-out;
  227. transition: all 0.9s ease-out;}
  228. .posts:hover #photoset, .posts:hover #photo{opacity:1;}
  229. {/block:IfFadeInPosts}
  230.  
  231.  
  232.  
  233. /*-----------------------------POSTS SETTINGS--*/
  234. .posts a{color:{color:links};font:10.5px arial;font-style:italic;}
  235.  
  236. .title{margin:0px;padding:25px 0px;}
  237.  
  238.  
  239. #tt, #tt a{font:20px arial;font-weight:bold;font-style:italic;
  240. margin:0px;padding:10px 20px;line-height:150%;
  241.  
  242. background:{color:color 2};color:{color:color 1};border:1px solid {color:lines};
  243. text-shadow:-1px -1px 0 {color:main}, 1px -1px 0 {color:main},
  244. -1px 1px 0 {color:main}, 1px 1px 0 {color:main};}
  245.  
  246. #tt a{
  247. font:16px arial;font-weight:bold;font-style:italic;padding:0px;border:0px;
  248. }
  249.  
  250. #ttbody{position:relative;text-align:left;}
  251.  
  252. #ttbody a{background:{color:color 2};}
  253.  
  254. #ttbody blockquote{padding:20px;margin:5px 0;
  255. background:rgba(255, 255, 255, 0.6);
  256. {block:IfNotBorder}border:1px solid {color:color 2};{/block:IfNotBorder}}
  257.  
  258. #vid_pad .epd{padding:5%;}
  259.  
  260.  
  261. /*-----------------------------------------------POSTS SETTINGS-----*/
  262.  
  263. #pi_m{position:absolute;width:120px;height:100%;overflow:hidden;
  264. z-index:99999999999;}
  265. #dt #p{padding:10px 10px;}
  266.  
  267. #dt h8{font:11.5px arial;font-style:italic;text-transform:lowercase;}
  268.  
  269. #pim_o{margin:0 -119px;text-align:right;}
  270. #pim_t{margin:0 99.7%;text-align:left;}
  271.  
  272. #m_lin{position:fixed;top:0px;left:50%;margin:0;width:1px;height:100%;}
  273. #m_cir{position:absolute;top:50%;height:1px;width:70%;left:-70%;z-index:-1; }
  274.  
  275.  
  276. #dt{position:relative;top:50%;margin:-10px 0;background:{color:color 2};}
  277.  
  278. #dt h9{font:9.5px arial;font-style:italic;font-weight:bold;
  279. text-transform:lowercase;}
  280.  
  281. #pim_o, #pim_t{opacity:1;
  282. -webkit-transition: all 0.3s ease-out;
  283. -moz-transition: all 0.3s ease-out;
  284. transition: all 0.3s ease-out;}
  285.  
  286. /*--------------------NUMBERS--*/
  287.  
  288. #pim_co{font:11px arial;font-style:italic;background:{color:color 2};}
  289. #pim1, #pim2{position:absolute;display:inline-block;z-index:999999999;
  290. width:45px;overflow:hidden; }
  291.  
  292. #pim1{top:10%;right:-45px;border-left:0px;}
  293. #pim2{top:60%;left:-45px; border-right:0px;}
  294.  
  295. /*--------------------TAGS--*/
  296.  
  297. #pim_tg #p{padding:0 10px 10px 15px;}
  298.  
  299. #pim_tg{position:absolute;margin:-1px 0;right:0px;font:9.5px arial;
  300. border-top:0px;text-align:right;
  301. background:{color:color 2};}
  302.  
  303. #pim_tg h8{display:block;font:10px arial; }
  304. #pim_tg a{font:9.5px arial;font-style:italic;text-transform:none; }
  305.  
  306. /*------------------------TOP THINGS----------*/
  307.  
  308. .bnob{bottom:-20px;}
  309. .bnot{top:-20px;}
  310.  
  311. .bno{position:relative;height:120px;margin:auto;width:80%;
  312. z-index:9;background:{color:background} url('{image:background}') fixed;}
  313.  
  314. /*-------------------------NOTES--------*/
  315.  
  316. #pim_not #p{padding:5px 10px;}
  317.  
  318. #pim_not{position:absolute;top:-22px;font:10.5px arial;font-style:italic;
  319. background:{color:color 2};z-index:99999;border-bottom:0px;}
  320.  
  321. #pim_re{position:absolute;top:-22px;right:0px;
  322. border-bottom:0px;font:11px arial;font-style:italic;
  323. background:{color:color 2};z-index:9999999;}
  324.  
  325. #pim_re #p{padding:5px 10px;}
  326.  
  327. /*--------------------------PERMALINK--------*/
  328. .prma #caption p, .prma #caption blockquote{display:inline-block;}
  329. .prma #caption{background:{color:color 2};padding:10px;}
  330. #co2_dt, #prma_tg, .prma, #noth8{background:{color:color 1};}
  331. #prma_tg h8, #prma_co2, #prma_rf, #prma_not{background:{color:color 2};}
  332. #prma_co2{border-top:1px solid {color:color 2};
  333. border-bottom:1px solid {color:color 2};}
  334. #co2_dt{border-top:5px solid {color:color 2};
  335. border-bottom:5px solid {color:color 2};}
  336. #prma_co2{border-top:1px solid {color:color 1};
  337. border-bottom:1px solid {color:color 1};}
  338. .prma{border-top:0px;}
  339. #noth8{-webkit-text-stroke-width: 1px;
  340. -webkit-text-stroke-color:{color:color 1};
  341. text-shadow: -3px 0px 0px {color:color 1};}
  342.  
  343. /*--------------------------------QUOTE--*/
  344. #quote{color:{color:main};background:{color:color 1};
  345. text-shadow:-1.2px -1.2px 0 {color:color 2}, 1.2px -1.2px 0 {color:color 2},
  346. -1.2px 1.2px 0 {color:color 2}, 1.2px 1.2px 0 {color:color 2};}
  347. #qsource{background:{color:color 2};padding:10px;font:12px arial;font-style:italic;}
  348. #qsource a{color:{color:links};text-decoration:none;}
  349. /*--------------------------------CHAT--*/
  350.  
  351. #titlechat{background:{color:color 2};
  352. border-bottom:1px solid {color:color 1};margin:0px;font:15px arial;
  353. text-transform:none;font-style:italic;}
  354.  
  355. #chatpost .epd{padding:2% 5% 5% 5%;}
  356.  
  357. .chat{margin:0px;background:{color:color 2};font:8.5px arial;
  358. border:1px solid {color:color 1};border-top:0px;}
  359.  
  360. .chat b, .chat strong{font:8px arial;font-style:italic;padding:0px 2px;}
  361.  
  362. .chat li:nth-child(odd) {color:{color:main};background:{color:color 2};
  363. margin:0px;font:9.5px arial;text-transform:none;}
  364. .chat li:nth-child(even){color:{color:main};
  365. background:{color:color 1};margin:0px;font:9.5px arial;
  366. text-transform:none;border-top:1px solid {color:color 1};}
  367. .chat li:nth-child(even) b {background:{color:color 2};}
  368.  
  369. /*--------------------------------ASK--*/
  370. #p_ask .epd{padding:5%;}
  371. #pask_all{border:1px solid {color:color 1};background:{color:color 2};}
  372.  
  373. #pask_all h8{
  374. background:{color:color 2};border-bottom:1px solid {color:color 1};}
  375.  
  376. #pask_all h10{border-right:1px solid {color:color 1};}
  377.  
  378. #pask_aer{padding:20px 10px;}
  379.  
  380. /*--------------------------------------TOP SIDEBAR--------*/
  381.  
  382. .tp_s{position:relative;margin:-20px auto 10% auto;width:400px;
  383. overflow:hidden;background:{color:color 2}; }
  384.  
  385. .top1 .tp_s, .top1 #tp3{width:300px;}
  386. .top2 .tp_s, .top2 #tp3{width:350px;}
  387. .top3 .tp_s, .top3 #tp3{width:400px;}
  388. .top4 .tp_s, .top4 #tp3{width:450px;}
  389. .top5 .tp_s, .top5 #tp3{width:500px;}
  390. .top6 .tp_s, .top6 #tp3{width:550px;}
  391. .top7 .tp_s, .top7 #tp3{width:600px;}
  392. .top8 .tp_s, .top8 #tp3{width:650px;}
  393.  
  394.  
  395. .top1 #tp2{min-height:200px;}
  396. .top2 #tp2{min-height:230px;}
  397. .top4 #tp2{min-height:300px;}
  398. .top5 #tp2{min-height:320px;}
  399. .top6 #tp2{min-height:350px;}
  400. .top7 #tp2{min-height:380px;}
  401. .top8 #tp2{min-height:400px;}
  402.  
  403. #tp1, #tp2{position:relative;display:inline-block;width:50%;}
  404.  
  405. #tp1{float:left;background:{color:color 2};z-index:999; }
  406.  
  407. #tp2{background:{color:color 1};min-height:260px; }
  408.  
  409. #tp1_bl{border-top:20px solid {color:color 2};}
  410.  
  411.  
  412. /*--------------------*/
  413.  
  414. #tp1_t{position:relative;overflow:hidden;background:{color:color 2}; }
  415.  
  416. #tp1 h8, #tp1 h9{display:inline-block;}
  417.  
  418. #tp1 h8{background:{color:color 1};width:55%;padding:10%;
  419. text-transform:uppercase;text-align:right;word-wrap: break-word;
  420. font-family:arial;font-weight:bold;font-size:
  421. {block:IfTitleFontSize}{text:title font size}{/block:IfTitleFontSize}
  422. {block:IfNotTitleFontSize}30px{/block:IfNotTitleFontSize};}
  423.  
  424. #tp1 h9{position:absolute;width:25%;float:right;top:50%;text-align:center;
  425. transform:translateY(-50%);font:20px arial;font-weight:bold;}
  426.  
  427. #tp1_bl{position:relative;width:100%;}
  428.  
  429. /*--------------------*/
  430.  
  431. #tp2_t{position:relative;margin:0 20px 20px 20px;font:10.5px arial;}
  432.  
  433. #tp2_ti{margin:20px 20px 0 20px;padding:4%;text-align:right;font:11.5px arial;
  434. font-style:italic;background:{color:color 2}; }
  435.  
  436. .tp_s{margin-bottom:0px;}
  437.  
  438. #tp2_j, #tp2_l{position:absolute;right:5%;bottom:0px;width:40%;}
  439.  
  440. #tp2_j{height:100%;}
  441.  
  442. #tp2_l{height:10%;}
  443.  
  444. /*--------------------*/
  445.  
  446. #tp1_l1{position:relative;margin:5%;width:90%;text-align:center;
  447. overflow:hidden;}
  448.  
  449. .l1{ position:relative;width:38.5%;float:left;display:inline-block;overflow:hidden;background:{color:color 2};margin:5%; }
  450.  
  451. #f1{position:relative;width:100%;overflow:hidden;}
  452.  
  453. #f1 a{display:block;width:100%;}
  454.  
  455. #f1 h15{text-align:center;margin:0 0%;display:block;width:100%;padding:5px 0;
  456. background:{color:topbar links};font:12px arial;font-weight:bold;font-style:italic;
  457. -webkit-transition: all 0.9s ease-out;
  458. -moz-transition: all 0.9s ease-out;
  459. transition: all 0.9s ease-out;}
  460.  
  461. #f2{position:absolute;top:50%;transform: translateY(-50%);width:100%;}
  462.  
  463. #f2 h15{display:block;font:11.5px arial;font-style:italic;}
  464.  
  465. .l1:hover #f1 h15{margin:0 -100%;}
  466.  
  467. /*--------------------*/
  468.  
  469. #tp3{position:relative;margin:0 auto 10% auto;overflow:hidden;
  470. border-top:0px;background:{color:color 2};}
  471.  
  472. #t3_s1, #t3_s2{position:relative;width:50%;display:inline-block;}
  473.  
  474. #t3_s1{float:left;}
  475.  
  476. #t3_s1 #t3_l1{right:0px;}
  477. #t3_s1 #t3_l2{text-align:right;}
  478.  
  479. #t3_s2 #t3_l1{left:0px;}
  480. #t3_s2 #t3_l2{left:30%;text-align:left;}
  481.  
  482. /*--------------------*/
  483.  
  484. #t3_l{position:relative;background:{color:color 1};margin:20px;
  485. overflow:hidden;}
  486.  
  487. #t3_l2{position:relative;width:70%;background:{color:color 2};}
  488. #t3_l2 h8, #t3_l2 h9{display:block;}
  489. #t3_l2 h8{padding:7%;font:11px arial;font-style:italic; }
  490.  
  491. #t3_l2 h9{padding:0 7% 7% 7%;font:9px arial;font-weight:bold; }
  492.  
  493. #t3_l1{position:absolute;width:30%;text-align:center;font:10.5px arial;
  494. font-weight:bold;z-index:999;top:50%;transform: translateY(-50%);}
  495.  
  496. #tp4{position:absolute;width:50%;height:100%;
  497. background:{color:color 1} url('{image:sidebar}');
  498. background-size:cover;background-position:center 70px;}
  499.  
  500. #tp4_l1, #tp4_l2, #tp4_l3{position:absolute;height:100%;width:100%;
  501. bottom:0px;}
  502.  
  503. #tp4_l1{left:0px;border:20px solid {color:color 2};}
  504.  
  505. #tp4_l3{top:0px;
  506. border:20px solid {color:color 2};right:0px;}
  507.  
  508. #tp4_l2{margin:0 0 0 -20px;left:50%;width:40px;
  509. background:{color:color 2};}
  510.  
  511. /*--------------------*/
  512.  
  513. #bpa{position:relative;width:400px;margin:0 auto 100px;
  514. left:-1px;
  515. z-index:9999999;overflow:hidden;text-align:center;
  516. background:{color:color 2};}
  517.  
  518. #bpa a{overflow:hidden;display:inline-block;width:31%;padding:15px 0;
  519. font:10.5px arial;font-style:italic;text-transform:lowercase;
  520. margin-bottom:-3px;}
  521.  
  522.  
  523. /*--------------------*/
  524.  
  525. #gh1, #gh2, #gh3, #gh4{display:none;}
  526.  
  527. .cas2 #gh1, .cas3 #gh2, .cas4 #gh3, .cas5 #gh4{display:block;}
  528.  
  529. /*--------------------*/
  530.  
  531. #jo1{position:absolute;background:{color:color 2};
  532. top:50%;transform: translateY(-50%);width:40%;max-height:40%;z-index:9999999;
  533. overflow-y:auto;overflow-x:hidden;}
  534.  
  535. #jo1 #joc{font:9.5px arial;word-wrap: break-word;}
  536.  
  537. #o1 #jo1 #joc blockquote, #o2 #jo1 #joc blockquote{padding:0px;margin:0px;
  538. display:inline-block;}
  539.  
  540. .col1 #o1 #jo1{right:-40%;border-left:0px; }
  541. .col1 #o2 #jo1{left:-40%;border-right:0px;
  542. top:50%;transform: translateY(-120%);text-align:right;}
  543.  
  544. .col2 #o1 #jo1{left:-40%;border-right:0px;
  545. top:50%;transform: translateY(-120%);text-align:right; }
  546.  
  547. .col2 #o2 #jo1{right:-40%;border-left:0px;transform: translateY(-100%); }
  548.  
  549. .cas2 .col2 #dt{top:65%;}
  550.  
  551. /*--------------------*/
  552.  
  553. #gh2_a{position:absolute;margin:-10% 100%;width:100%;height:100%;z-index:9999;
  554. background:{color:color 2};
  555. -webkit-transition: opacity 0.9s linear;
  556. -moz-transition: all 0.9s ease-out;
  557. -webkit-transition: all 0.9s ease-out;
  558. transition: all 0.9s ease-out;}
  559.  
  560. .posts:hover #gh2_a{margin:-10%;}
  561.  
  562. #gh2a{position:relative;margin:0 10%;font:9px arial;
  563. top:50%;transform: translateY(-50%);max-height:90%;
  564. overflow-y:auto;overflow-x:hidden;text-align:center;}
  565.  
  566. #gh2a a{font:9px arial;font-style:italic;}
  567.  
  568. #gh2a blockquote, #gh2a p{
  569. margin:0px;padding:0px;display:inline-block; text-transform:lowercase;}
  570.  
  571. #gh2a p{margin:0 2px 0 0;}
  572. /*--------------------*/
  573.  
  574. #gh3_a{position:absolute;margin:0;bottom:-100%;width:80%;
  575. background:{color:color 2};
  576. max-height:100%;overflow-y:auto;overflow-x:hidden;opacity:1;z-index:9999999;
  577. -webkit-transition: all 2s ease-out;
  578. -moz-transition: all 2s ease-out;
  579. transition: all 2s ease-out;}
  580.  
  581. .posts:hover #gh3_a{bottom:0px;opacity:1;
  582. -webkit-transition: all 0.9s ease-out;
  583. -moz-transition: all 0.9s ease-out;
  584. transition: all 0.9s ease-out;}
  585. /*--------------------*/
  586. #gh4_a{border:1px solid {color:lines};padding:10px;margin:10% 0 0 0;}
  587.  
  588. #gh4_a blockquote{padding:2px 7px;margin:3px 0 3px 8px;
  589. border-left: solid 1px {color:lines};}
  590. #gh4_a h1, #gh4_a h2{font-size:11.5px;}
  591.  
  592. #ac1{display:none;}
  593.  
  594. .cas2 #ac1, .cas3 #ac1, .cas4 #ac1, .cas5 #ac1{display:block;}
  595. /*--------------------*/
  596. #tgp{position:relative;height:100px;width:1000px;
  597. margin:10% auto;text-align:center;}
  598.  
  599. #tgpg{position:absolute;background:{color:color 2};padding:10px;
  600. font:13.5px arial;max-width:500px;font-style:italic;left:50%;
  601. transform: translateX(-50%);}
  602.  
  603. #tgpg h8{display:inline-block;margin:0 10px 0 0;}
  604. #tgpg h10{display:inline-block;margin:0 0 0 10px;}
  605.  
  606. #tgpg h9{display:inline-block;background:{color:color 1};}
  607. /*--------------------*/
  608.  
  609. .nmpo{position:relative;height:100px;
  610. display: -webkit-flex;-webkit-flex-direction: row;display: flex;
  611. flex-direction: row;
  612. }
  613.  
  614. .nmpo1{position:relative;
  615. width:calc(100% - 100px);height:100%;
  616. }
  617.  
  618. .nmpo1_c{position:absolute;width:calc(90% - 60px);top:50%;left:50%;
  619. transform:translate(-50%, -50%);margin-left:-15px;
  620. }
  621.  
  622. .nmpo1_c h20{
  623. font:11.5px arial;font-style:italic;text-transform:lowercase;
  624. display:block;margin-bottom:5px;
  625. }
  626.  
  627. .nmpo1_c h21{text-transform:uppercase;
  628. font-weight:bold;font-size:90%;
  629. }
  630.  
  631.  
  632. .nmpo2{
  633. width:100px;background-position:center right;background-size:100%;
  634. }
  635.  
  636. .nmpo3{position:absolute;right:35px;top:50%;transform:translateY(-50%);
  637. width:30px;height:30px;background:white;
  638. }
  639.  
  640. .nmpo3_c{
  641. position:absolute;width:30px;height:26px;overflow:hidden;top:50%;left:50%;transform:translate(-50%, -50%);
  642. }
  643.  
  644. /*--------------------------------END OF CSS--*/
  645. </style><body><div id="b"></div>
  646. <!-----------------------------------------------------------CODE STARTS-->
  647. <div class="bno bnot"></div>
  648.  
  649. <div class="{select:caption style}">
  650. <!-------------------------------------TOPBAR-->
  651. <div class="{select:topbar width}">
  652.  
  653. <!----------------->
  654. <div class="tp_s">
  655. <!----------------->
  656. <div id="tp1">
  657. <div id="tp1_ab"><div id="tp1_t">
  658. <h8>{block:Iftitle}{text:title}{/block:Iftitle}
  659. {block:IfNottitle}{Title}{/block:IfNottitle}</h8>
  660. <h9>0{CurrentPage}</h9></div></div>
  661. <div id="tp1_bl"></div></div>
  662. <!----------------->
  663. <div id="tp4"></div>
  664. <!----------------->
  665. <div id="tp2">
  666. {block:IfSubtitle}
  667. <div id="tp2_ti"><h8>{text:subtitle}</h8></div>
  668. {/block:IfSubtitle}<div id="tp1_bl"></div>
  669. <div id="tp2_t"><div id="p">{Description}</div></div>
  670. </div>
  671. <!----------------->
  672. <div id="tp4_l1"></div><div id="tp4_l2"></div>
  673. <div id="tp4_l3"></div><div id="tp4_l4"></div>
  674. <!----------------->
  675. <!----------------->
  676. </div>
  677. <!----------------->
  678.  
  679.  
  680. <!------------------------------LINKS----->
  681. <div id="tp3"><div id="t3_s1">
  682. <!----------------->
  683. <a href="/"><div id="t3_l"><div id="t3_l1"><h8>001.</h8></div>
  684. <div id="t3_l2"><h8>main</h8><h9>go back</h9> </div></div></a>
  685. <a href="/archive"><div id="t3_l"><div id="t3_l1"><h8>003.</h8></div>
  686. <div id="t3_l2"><h8>archive</h8><h9>past posts</h9></div></div></a>
  687. {block:iflink2}<a href="{text:link 2 URL}"><div id="t3_l">
  688. <div id="t3_l1"><h8>005.</h8></div>
  689. <div id="t3_l2"><h8>{text:link 2}</h8>{block:iflink2Subtitle}
  690. <h9>{text:link 2 subtitle}</h9>{/block:iflink2Subtitle}</div></div></a>
  691. {/block:iflink2}
  692. {block:iflink4}<a href="{text:link 4 URL}"><div id="t3_l">
  693. <div id="t3_l1"><h8>007.</h8></div>
  694. <div id="t3_l2"><h8>{text:link 4}</h8>{block:iflink4Subtitle}
  695. <h9>{text:link 4 subtitle}</h9>{/block:iflink4Subtitle}</div></div></a>
  696. {/block:iflink4}
  697. </div>
  698.  
  699. <!----------------->
  700. <div id="t3_s2">
  701.  
  702. <a href="/ask"><div id="t3_l">
  703. <div id="t3_l1"><h8>002.</h8></div>
  704. <div id="t3_l2"><h8>inquiries</h8><h9>ask me something</h9></div>
  705. </div></a>
  706. {block:ifLink1}<a href="{text:link 1 URL}"><div id="t3_l">
  707. <div id="t3_l1"><h8>004.</h8></div><div id="t3_l2"><h8>{text:Link 1}</h8>{block:ifLink1Subtitle}
  708. <h9>{text:Link 1 subtitle}</h9>{/block:ifLink1Subtitle}</div></div></a>
  709. {/block:ifLink1}
  710. {block:iflink3}<a href="{text:link 3 URL}"><div id="t3_l">
  711. <div id="t3_l1"><h8>006.</h8></div>
  712. <div id="t3_l2"><h8>{text:link 3}</h8>{block:iflink3Subtitle}
  713. <h9>{text:link 3 subtitle}</h9>{/block:iflink3Subtitle}</div></div></a>
  714. {/block:iflink3}
  715. {block:iflink5}<a href="{text:link 5 URL}"><div id="t3_l">
  716. <div id="t3_l1"><h8>008.</h8></div>
  717. <div id="t3_l2"><h8>{text:link 5}</h8>{block:iflink5Subtitle}
  718. <h9>{text:link 5 subtitle}</h9>{/block:iflink5Subtitle}</div></div></a>
  719. {/block:iflink5}
  720. <!----------------->
  721. </div></div>
  722. <!-------------------------------------END LINKS-------->
  723.  
  724. </div>
  725.  
  726. <!-------------------------------------POSTS-->
  727.  
  728. <div class="{select:columns}"><div class="{select:posts width one column}">
  729. <div class="{select:posts width two columns}">
  730.  
  731. <div id="m_lin"></div>
  732.  
  733. {block:TagPage}
  734. <div id="tgp"><div id="tgpg">
  735. <h8>current posts tagged with</h8> <h9>#{Tag}</h9> <h10>with a total of {TotalPages} page(s) </h10>
  736. </div></div>
  737. {/block:TagPage}
  738.  
  739. <div class="a"><div id="cont">
  740. <div class="autopagerize_page_element">{block:Posts}<div class="posts">
  741.  
  742. <!-------------------------------------INFO-->
  743. {block:IndexPage}
  744. <a href="{ReblogURL}"target="_blank">
  745. <div id="pim_re">
  746. <div id="p">reblog</div>
  747. </div></a>
  748.  
  749.  
  750. {block:NoteCount}
  751. <a href="{Permalink}"target="_blank">
  752. <div id="pim_not"><div id="p">{NoteCountWithLabel}</div></div></a>
  753. {/block:NoteCount}
  754.  
  755.  
  756. {block:Odd}<div id="pim_o">{/block:Odd}
  757. {block:Even}<div id="m_cir"></div><div id="pim_t">{/block:Even}
  758. <div id="pi_m">
  759. <div id="dt">
  760. <a href="{Permalink}"target="_blank"><div id="p">
  761. <h8>{DayOfWeek}</h8>
  762. <h9>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h9>
  763. </div></a></div>
  764. </div>
  765. {block:Odd}</div>{/block:Odd}
  766. {block:Even}</div>{/block:Even}
  767.  
  768.  
  769. {block:Odd}<div id="pim1">{/block:Odd}
  770. {block:Even}<div id="pim2">{/block:Even}
  771. <div id="pim_co">
  772. {block:Date}{block:IndexPage}
  773. <div id="p"><div class="redf"></div></div>
  774. {/block:IndexPage}{/block:Date}
  775. </div>
  776. {block:Odd}</div>{/block:Odd}
  777. {block:Even}</div>{/block:Even}
  778. {/block:IndexPage}
  779.  
  780.  
  781. <!-------------------------------------PHOTOS-->
  782. {block:Photo}
  783. {block:IndexPage}{block:Caption}<div id="gh1">
  784. {block:Odd}<div id="o1">{/block:Odd}{block:Even}<div id="o2">{/block:Even}
  785. <div id="jo1"><div id="p"><div id="joc">{Caption}</div></div></div>
  786. </div></div>{/block:Caption}{/block:IndexPage}
  787. <div class="epd">{block:IndexPage}
  788. {block:Caption}<div id="gh2"><div id="gh2_a"><div id="gh2a">
  789. <div id="p">{Caption}</div> </div></div></div>
  790. <div id="gh3"><div id="gh3_a"><div id="gh3a">
  791. <div id="p">{Caption}</div></div></div></div>{/block:Caption}
  792.  
  793. <div id="photo"><div class="filte"><div id="flit">
  794. <img src="{PhotoURL-HighRes}" width="100%"></div></div></div>
  795.  
  796. {block:Caption}<div id="gh4"><div id="gh4_a">
  797. {Caption}</div></div>{/block:Caption}
  798.  
  799. {/block:IndexPage}
  800. {block:PermalinkPage}{LinkOpenTag}
  801. <div id="photo"><img src="{PhotoURL-HighRes}" width="100%"></div>
  802. {LinkCloseTag}{/block:PermalinkPage}
  803.  
  804. </div>{/block:Photo}
  805.  
  806. <!-------------------------------------PHOTOSET-->
  807. {block:Photoset}
  808.  
  809. {block:IndexPage}{block:Caption}
  810.  
  811. <div id="gh1">
  812. {block:Odd}<div id="o1">{/block:Odd}{block:Even}<div id="o2">{/block:Even}
  813. <div id="jo1"><div id="p"><div id="joc">{Caption}</div></div></div>
  814. </div></div>
  815.  
  816. {/block:Caption}{/block:IndexPage}
  817.  
  818. <div class="epd">
  819. {block:IndexPage}
  820.  
  821. {block:Caption}<div id="gh2"><div id="gh2_a"><div id="gh2a">
  822. <div id="p">{Caption}</div> </div></div></div>
  823. <div id="gh3"><div id="gh3_a"><div id="gh3a">
  824. <div id="p">{Caption}</div></div></div></div>{/block:Caption}
  825. {/block:IndexPage}
  826. <div id="photoset"><center><div class="filte"><div id="flit">
  827. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  828. {block:Photos}<div class="photo-data"><div class="pxu-photo">
  829. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  830. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  831. {/block:Photos}</div></div></div></center></div>
  832. {block:IndexPage}
  833. {block:Caption}<div id="gh4"><div id="gh4_a">
  834. {Caption}</div></div>{/block:Caption}{/block:IndexPage}
  835. </div>{/block:Photoset}
  836.  
  837. <!-------------------------------------VIDEO-->
  838. {block:Video}<div id="vid_pad"><div class="epd"><center>
  839. <div class="video">{Video-500}</div></center>
  840.  
  841. {block:Caption}<div id="ac1"><div id="gh4_a">
  842. {Caption}</div></div>{/block:Caption}
  843. </div></div>{/block:Video}
  844. <!-------------------------------------AUDIO-->
  845. {block:Audio}<div class="epd"><div class="nmpo">
  846.  
  847. <div class="nmpo3">
  848. <div class="nmpo3_c">
  849. {block:AudioPlayer}
  850. {AudioPlayer}
  851. {/block:AudioPlayer}
  852. </div>
  853. </div>
  854.  
  855. <div class="nmpo1"><div class="nmpo1_c">
  856. <h20>{block:Artist}{Artist}{/block:Artist}</h20>
  857. <h21>{block:TrackName}{TrackName}{/block:TrackName}</h21>
  858. </div></div>
  859.  
  860. <div class="nmpo2"{block:AlbumArt}style="background-image: url('{AlbumArtURL}');"{/block:AlbumArt}></div>
  861.  
  862. </div></div>
  863. {/block:Audio}
  864. <!-------------------------------------TEXT-->
  865. {block:Text}<div class="epd">
  866. {block:Title}<div class="title"><div id="tt">{Title}</div></div>
  867. {/block:Title}<div id="ttbody">{Body}</div>
  868. </div>{/block:Text}
  869. <!-------------------------------------ASK-->
  870. {block:Answer}<div id="p_ask"><div class="epd">
  871. <div id="pask_all"><h8> <h10>? by {Asker}</h10><img src="{AskerPortraitURL-24}"> </h8><h9>{Question}</h9></div>
  872. <div id="pask_aer">{Answer}</div>
  873. </div></div>{/block:Answer}
  874. <!-------------------------------------LINK-->
  875. {block:Link}<div class="epd">
  876. <div class="title">
  877. <a style="font-size:20px;font-style:italic;font-weight:bold;color:{color:color 1};" href="{URL}" {Target}>{Name}</a></div>
  878. {block:Description}{Description}{/block:Description}
  879. </div>{/block:Link}
  880. <!-------------------------------------QUOTE-->
  881. {block:Quote}<div class="epd">
  882. <div id="quote">{Quote}</div>
  883. {block:Source}<div id="qsource"> ―{Source}― </div>{/block:Source}
  884. </div>{/block:Quote}
  885. <!-------------------------------------CHAT-->
  886. {block:Chat}<div id="chatpost"><div class="epd">
  887. {block:Title}<div id="titlechat">{Title}</div>{/block:Title}
  888. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  889. {block:Label}<b>{Label}</b>{/block:Label}
  890. {Line}</li>{/block:Lines}</ul></div></div>
  891. {/block:Chat}
  892.  
  893.  
  894. <!--------------------------------------------------------MORE INFO-->
  895.  
  896. {block:IndexPage}
  897. {block:HasTags}<div id="pim_tg"><div id="p">
  898. {block:Tags}<a href="{TagURL}">{Tag}.</a> {/block:Tags}
  899. </div></div>{/block:HasTags}{/block:IndexPage}
  900.  
  901. <!--------------------------------------------------------PERMALINK-->
  902. {block:Date} {block:PermalinkPage}
  903. <div class="prma">
  904. {block:NoteCount}
  905. <div id="prma_not"><div id="noth8">{NoteCountWithLabel}</div></div>
  906. {/block:NoteCount}
  907.  
  908. <!---------------------NOTES-->
  909. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  910.  
  911. <div id="prma_co1">
  912. <!---------------------DATE-->
  913. <div id="prma_co2">
  914.  
  915. <div id="co2_dt"><div id="p"><h8>{DayOfWeek}</h8>
  916. <h9>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h9></div></div>
  917.  
  918. <div id="co2_ta"><div id="p"><h8>{lang:Posted TimeAgo}</h8></div></div>
  919. </div>
  920. <!---------------------TAGS-->
  921. {block:HasTags}<div id="prma_tg"><div id="p">
  922. <h8>filed under</h8>
  923. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  924. </div></div>{/block:HasTags}</div>
  925.  
  926. <!---------------------pt 1-->
  927. {block:RebloggedFrom}
  928. <div id="prma_rf"><div id="p">
  929. <h11>reblogged from: <a href="{ReblogParentURL}"target="_blank" >{ReblogParentName}</a></h11>
  930. {/block:RebloggedFrom}
  931. {block:ContentSource}
  932. <h12><a href="{SourceURL}">{lang:Source}:
  933. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></h12>
  934. {/block:ContentSource}
  935. </div></div>
  936.  
  937. <!--------------------NOTES-->
  938. {block:PostNotes}
  939. <div id="prma_pnt"><div id="p">{PostNotes}</div></div>
  940. {/block:PostNotes}
  941. </div>{/block:PermalinkPage}{/block:Date}
  942. <!------------------------------END OF PERMALINK-->
  943.  
  944. </div>
  945. {/block:Posts}
  946. <!-----------------------------------DO NOT DELETE----------->
  947.  
  948. <!-- {block:NoRebloggedFrom}
  949. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  950. {/block:NoRebloggedFrom} -->
  951.  
  952. {block:ContentSource}<!-- {SourceURL}
  953. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  954. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  955. {/block:ContentSource}
  956. </div></div></div></div></div></div></div></div></div>
  957.  
  958. {block:Pagination}<div id="bpa">
  959. {block:PreviousPage}
  960. <a href="{PreviousPage}" style="border-right:1px solid {color:color 1};" >{lang:Previous page} </a>
  961. {/block:PreviousPage}
  962. <a style="align:center;" >{lang:Page CurrentPage of TotalPages}</a>
  963. {block:NextPage}
  964. <a href="{NextPage}"style="border-left:1px solid {color:color 1};" >{lang:Next page}</a>
  965. {/block:NextPage}
  966. </div>{/block:Pagination}
  967. <!-------------------------------------------------------------CODE ENDS-->
  968.  
  969. <!-----------------------------------DO NOT DELETE----------->
  970.  
  971. <div class="sd">
  972. <a href="http://exoa.tumblr.com/"target="_blank"><code>YA</code></a>
  973. <div id="sb">
  974. <a href="http://exoa.tumblr.com/"target="_blank">MADE BY YOONORA</a>
  975. </div></div>
  976. </body>
  977. <!-----------------------------------DO NOT DELETE----------->
  978.  
  979.  
  980.  
  981. <!---------------------------------------------------SCRIPT---->
  982.  
  983. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  984.  
  985. <script>
  986. $(document).ready(function(){
  987.  
  988. $('.photo-slideshow').pxuPhotoset({
  989. lightbox: true,
  990. rounded: false,
  991. gutter: '1px',
  992. borderRadius: '0px',
  993. photoset: '.photo-slideshow',
  994. photoWrap: '.photo-data',
  995. photo: '.pxu-photo'
  996. });
  997.  
  998. $container.imagesLoaded(function(){
  999. $container.masonry();
  1000. });
  1001. });
  1002. </script>
  1003.  
  1004. <!---------------------------------------------------SCRIPT---->
  1005.  
  1006. <script>
  1007. // minimal soundcloud player © eoxk.tumblr
  1008. $(document).ready(function(){
  1009. var color = '{color:color 1}'; // color of play button (hex)
  1010. $('.soundcloud_audio_player').each(function(){
  1011. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  1012. });
  1013. });
  1014. </script>
  1015.  
  1016.  
  1017. </head>
  1018. </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!