API tools faq
paste
yoonora

019 - te añoré

yoonora
Jan 27th, 2016
1,040
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.39 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3. 019 - te añoré
  4. code made by yoonora/exoa
  5. do not steal.
  6. -->
  7.  
  8. <!DOCTYPE HTML><html><head><title>―{title}</title>
  9. <link rel="shortcut icon" href="{favicon}">
  10.  
  11. <meta name="color:main" content="#5d5d5d"/>
  12. <meta name="color:links" content="#3e3e3e"/>
  13. <meta name="color:background" content="#fafafa"/>
  14. <meta name="color:1" content="#fff8f3"/>
  15. <meta name="color:2" content="#f5dbe7"/>
  16. <meta name="color:3" content="#fefefe"/>
  17. <meta name="color:4" content="#b1e8ed"/>
  18. <meta name="color:5" content="#f5d8f5"/>
  19. <meta name="color:main bg" content="#8b44ff"/>
  20. <meta name="color:title 1" content="#fefefe"/>
  21. <meta name="color:title 2" content="#f8fcff"/>
  22. <meta name="color:title 3" content="#f58eaa"/>
  23. <meta name="color:lines" content="#fefefe"/>
  24. <meta name="color:posts" content="#f0f0f0"/>
  25.  
  26. <meta name="image:icon" content=""/>
  27. <meta name="image:topbar" content=""/>
  28. <meta name="image:border" content=""/>
  29. <meta name="image:main bg" content=""/>
  30. <meta name="image:background" content=""/>
  31.  
  32. <meta name="select:caption style" content="capt0" title="none">
  33. <meta name="select:caption style" content="capt2" title="type #1">
  34. <meta name="select:caption style" content="capt3" title="type #2">
  35. <meta name="select:caption style" content="capt4" title="type #3">
  36. <meta name="select:caption style" content="capt5" title="type #4">
  37.  
  38. <meta name="select:post info style" content="type1" title="type #1">
  39. <meta name="select:post info style" content="type2" title="type #2">
  40. <meta name="select:post info style" content="type3" title="type #3">
  41.  
  42.  
  43. <meta name="if:border" content="1"/>
  44. <meta name="if:photo filter" content="0"/>
  45. <meta name="if:fade in posts" content="0"/>
  46. <meta name="if:posts one color" content="0"/>
  47. <meta name="if:rounded corners" content="0"/>
  48. <meta name="if:top image" content="1"/>
  49.  
  50. <meta name="text:Title One" content="first title"/>
  51. <meta name="text:Title Two" content="second title"/>
  52. <meta name="text:Title Three" content="third title"/>
  53. <meta name="text:posts padding" content="20px"/>
  54.  
  55. <meta name="text:link 1" content=""/>
  56. <meta name="text:link 1 Subtitle" content=""/>
  57. <meta name="text:link 1 url" content="/"/>
  58. <meta name="text:link 2" content=""/>
  59. <meta name="text:link 2 Subtitle" content=""/>
  60. <meta name="text:link 2 url" content="/"/>
  61. <meta name="text:link 3" content=""/>
  62. <meta name="text:link 3 Subtitle" content=""/>
  63. <meta name="text:link 3 url" content="/"/>
  64. <meta name="text:link 4" content=""/>
  65. <meta name="text:link 4 Subtitle" content=""/>
  66. <meta name="text:link 4 url" content="/"/>
  67. <meta name="text:link 5" content=""/>
  68. <meta name="text:link 5 Subtitle" content=""/>
  69. <meta name="text:link 5 url" content="/"/>
  70. <meta name="text:link 6" content=""/>
  71. <meta name="text:link 6 Subtitle" content=""/>
  72. <meta name="text:link 6 url" content="/"/>
  73.  
  74. <!----------------------------------------STYLESHEETS---->
  75. <link rel="stylesheet"href="http://static.tumblr.com/j2yc61v/mHco164jf/f.css">
  76. <link href="http://static.tumblr.com/j2yc61v/Mvfo1jjw5/u.css"rel="stylesheet">
  77. <link href='https://fonts.googleapis.com/css?family=Clicker+Script&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  78. <!------------------------------------------SCRIPTS---->
  79. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  80. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  81. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  82. <!-------------------------------------------->
  83. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  84.  
  85. <script>
  86. (function($){
  87. $(document).ready(function(){
  88. $("[title]").style_my_tooltips({
  89. tip_follows_cursor:true,
  90. tip_delay_time:200,
  91. tip_fade_speed:300
  92. }
  93. );
  94. });
  95. })(jQuery);
  96. </script>
  97.  
  98. <style type="text/css">
  99.  
  100. /*--------------------------------MAIN--*/
  101. ::-webkit-scrollbar-thumb:vertical {background:{color:lines};
  102. border: 5px solid {color:main bg};}
  103. ::-webkit-scrollbar {background:{color:background};
  104. border: 5.8px solid {color:main bg};}
  105.  
  106.  
  107. #s-m-t-tooltip {font:9px arial;font-style:italic;font-weight:bold;
  108. padding:2px 5px 2px 5px;color:{color:main};background-color:{color:3};
  109. border:1px solid {color:1};}
  110.  
  111. body {background:{color:background} url('{image:background}') fixed;
  112. overflow-y:auto;overflow-x:hidden;font:11px arial;color:{color:main};}
  113.  
  114. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  115. right: 10px!important;top: 10px!important;z-index: 1000009090000000133300!important;opacity:0.5;
  116. -webkit-filter: invert(100%);-moz-filter: invert(100%);
  117. -o-filter: invert(100%);-ms-filter: invert(100%);
  118. -webkit-transition: opacity 0.7s linear;
  119. -moz-transition: all 0.4s ease-out;
  120. -webkit-transition: all 0.4s ease-out;
  121. transition: all 0.4s ease-out;}
  122.  
  123. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
  124. opacity: 1;
  125. -webkit-transition: opacity 0.7s linear;
  126. -moz-transition: all 0.4s ease-out;
  127. -webkit-transition: all 0.4s ease-out;
  128. transition: all 0.4s ease-out;}
  129.  
  130.  
  131. a{color:{color:links};text-decoration:none;}
  132. b, strong {color:{color:main};background:{color:5};}
  133. i, em {color:{color:main};background:{color:6};}
  134.  
  135. .posts ul {padding: 0px;margin:0 25px;}
  136. .posts ul li {list-style-type:circle;font:9.5px arial;padding:2px 0;}
  137.  
  138. pre{background:{color:3};}
  139. ::-moz-selection{background-color: {color:5};color:{color:3};}
  140. ::selection{background-color:{color:5};color:{color:3};}
  141.  
  142. #tumblr_lightbox div:nth-child(2) { background:{color:3};}
  143. #tumblr_lightbox a img {border: 5px solid {color:3};}
  144. .sd{background:{color:background};border-color:{color:lines};}
  145.  
  146. #sb a{border-color:{color:lines};background:{color:3}; }
  147.  
  148. .epd{padding:{block:IfPostsPadding}{text:posts padding}{/block:IfPostsPadding} {block:IfNotPostsPadding}20px{/block:IfNotPostsPadding};}
  149.  
  150. .epd, #p3_uw1{
  151. {block:IfBorder}border:1px solid {color:lines};{/block:IfBorder}
  152. {block:IfRoundedCorners}border-radius:20px 20px 0 0;{/block:IfRoundedCorners}}
  153.  
  154. .type3 .epd{border-radius:0px;}
  155. .capt1 .epd{position:relative;}
  156. .capt2 .epd, .capt3 .epd{position:relative; overflow:hidden;}
  157.  
  158. /*--------------------------------POSTS--*/
  159.  
  160. {block:IfNotPostsOneColor}
  161. #po1 .epd, #po1 #cap1{background:{color:2};}
  162. #po2 .epd, #po2 #cap1{background:{color:5};}
  163. #po1 .title{background:{color:1};}#po2 .title{background:{color:4};}
  164. #po1 #poi1_wr, #po1 #wr3_tg, #po1 #wr3_tgl{background:{color:4};}
  165. #po2 #poi1_wr, #po2 #wr3_tg, #po2 #wr3_tgl{background:{color:3};}
  166. #po1 #wrb{background:{color:1};}#po2 #wrb{background:{color:2};}
  167. #po1 #wr2{background:{color:3};}#po2 #wr2{background:{color:1};}
  168. #po1 #poi2_wr{background:{color:4};}#po2 #poi2_wr{background:{color:3};}
  169. #po1 #p2w2_nt, #po1 #p2w2_dt{background:{color:1};}
  170. #po2 #p2w2_nt, #po2 #p2w2_dt{background:{color:2};}
  171. #po1 #p2w1_tg{background:{color:5};}#po2 #p2w1_tg{background:{color:4};}
  172. #po1 #p3_uw1{background:{color:1};}#po2 #p3_uw1{background:{color:2};}
  173. #po1 #p3_wr2, #po1 #p3_wr2 #wr3_tgl{background:{color:5};}
  174. #po2 #p3_wr2, #po2 #p3_wr2 #wr3_tgl{background:{color:4};}
  175. #po1 #p3wr1 #p2w2_nt{background:{color:4};}
  176. #po2 #p3wr1 #p2w2_nt{background:{color:1};}
  177. {/block:IfNotPostsOneColor}
  178.  
  179. {block:IfPostsOneColor}
  180. #po1 .epd, #po2 .epd, #wrb, #wr2,#wr3_tg, #wr3_tgl, #poi1_wr, #poi2_wr, #p2w1_tg, #p2w2_nt, #p2w2_dt, #p3_uw1, #p3_wr2, #p3_wr2 #wr3_tgl, #cap1, #poi2_rbb{background:{color:posts};}
  181. {/block:IfPostsOneColor}
  182.  
  183.  
  184. {block:IfBorder}
  185. #wrl, #wrr, #poi2_li{
  186. position:absolute;width:1px;height:100%;background:{color:lines};}
  187. #poi2_li{left:70%;z-index:999999999999999;}
  188. #wrl{left:40%;}#wrr{left:60%;}
  189. #poi3 #wrl{left:65%;z-index:99999999999;}
  190. #poi3 #wrr{left:30%;z-index:99999999999;}
  191. .prma #caption, #captio3, #p2w1_tg, #mcli3, #mcli5{border-top:1px solid {color:lines};}
  192. #prma_tg h8, #prma_rf, #prma_tg, #titlechat, #wr3_rf a, #mcli4, #mcli6, #bg_img{border-bottom:1px solid {color:lines};}
  193. #prma_co2, #mcli1, #mcli2{border-top:1px solid {color:lines};
  194. border-bottom:1px solid {color:lines};}
  195. #captio4, #captio5, .prma, .aud td:nth-child(1), .chat, #cap1, #p2_rb, #poi1_wr, #poi2_wr, #p3_wr2, #ttbody blockquote, #cavimu, #poi2_rbb, .tbil, #cont_d, #contd, #tb_lin a, .jump_page, .current_page {
  196. border:1px solid {color:lines};}
  197. #mcli3, #mcli4{border-left:1px solid {color:lines};}
  198. #mcli5, #mcli6{border-right:1px solid {color:lines};}
  199. {block:IndexPage}.a{border-top:1px solid {color:lines};}{/block:IndexPage}
  200. {/block:IfBorder}
  201.  
  202.  
  203. {block:IfRoundedCorners}
  204. #po1 #cap1{border-radius:15px 0 0 15px;}
  205. #po2 #cap1{border-radius:0 15px 15px 0;}
  206. #mcli3{border-radius:20px 0 0 0;}
  207. #mcli5{border-radius:0 20px 0 0;}
  208. #mcli4{border-radius:0 0 0 20px;}
  209. #mcli6{border-radius:0 0 20px 0;}
  210. .sd, #cont_d, #tb_lin a{border-radius:10px;}
  211. .title{border-radius:15px 15px 0 0;}
  212. #poi1_wr, #poi2_wr, #p3_wr2{border-radius:0 0 20px 20px;}
  213. {/block:IfRoundedCorners}
  214.  
  215.  
  216. #cont{position:relative;width:400px;
  217. {block:IndexPage}margin:10% auto;{/block:IndexPage}
  218. {block:PermalinkPage}margin:11% auto;{/block:PermalinkPage}}
  219.  
  220. .a{position:absolute;left:50%;width:605px;margin:0 -305px;
  221. {block:IfTopImage}{block:IndexPage}top:90%;{/block:IndexPage}
  222. {block:PermalinkPage}top:10%;{/block:PermalinkPage}{/block:IfTopImage}
  223. {block:IfNotTopImage}top:10%;{/block:IfNotTopImage}
  224. background:{color:background} url('{image:background}') fixed;}
  225.  
  226. .posts{position:relative;width:100%;text-align:left;color:{color:main};
  227. -webkit-animation:fadeIn 0s;
  228. -moz-animation:fadeIn 0s;
  229. -o-animation:fadeIn 0s;}
  230.  
  231. /*-----------------------------POSTS EXTRA #2--*/
  232.  
  233.  
  234. #photoset, #photo{
  235. {block:IfFadeInPosts}
  236. {block:IfNotPhotoFilter}
  237. opacity:.5;
  238. -webkit-transition: all 0.9s ease-out;
  239. -moz-transition: all 0.9s ease-out;
  240. transition: all 0.9s ease-out;
  241. {/block:IfNotPhotoFilter}
  242. {/block:IfFadeInPosts}}
  243.  
  244. .posts:hover #photoset, .posts:hover #photo{opacity:1;}
  245.  
  246. {block:IfPhotoFilter}{block:IndexPage}
  247. #flit{ opacity:.5;
  248. -webkit-filter: grayscale(100%);
  249. -moz-filter: grayscale(100%);
  250. -ms-filter: grayscale(100%);
  251. -o-filter: grayscale(100%);
  252. filter: grayscale(100%);
  253. filter: gray;
  254. -webkit-transition: all 0.9s ease-out;
  255. -moz-transition: all 0.9s ease-out;
  256. transition: all 0.9s ease-out;}
  257. {/block:IndexPage}{/block:IfPhotoFilter}
  258.  
  259.  
  260.  
  261. /*-----------------------------POSTS SETTINGS--*/
  262. .posts a{color:{color:links};font:10.5px arial;font-style:italic;}
  263.  
  264. .title{margin:0px;padding:25px 0px;}
  265.  
  266.  
  267. #tt{font:20px arial;font-weight:bold;font-style:italic;
  268. margin:0px;padding:10px 20px;line-height:100%;
  269.  
  270. background:{color:3};color:{color:5};border:1px solid {color:lines};
  271. text-shadow:-1px -1px 0 {color:main}, 1px -1px 0 {color:main},
  272. -1px 1px 0 {color:main}, 1px 1px 0 {color:main};}
  273.  
  274. #ttbody{position:relative;text-align:left;}
  275.  
  276. #ttbody a{background:{color:3};}
  277.  
  278. #ttbody blockquote{padding:20px;margin:5px 0;
  279. background:rgba(255, 255, 255, 0.6);
  280. {block:IfNotBorder}border:1px solid {color:3};{/block:IfNotBorder}}
  281.  
  282. /*--------------------------------POST INFO--*/
  283.  
  284. #poi1_wr, #poi2_wr, #p3_wr2{border-top:0px;}
  285.  
  286. #wr3_notr{position:absolute;width:100%;text-align:center;
  287. padding:10px 0;top:50%;transform: translateY(-20%);}
  288.  
  289. #p3wr1{min-height:1px;}
  290.  
  291. #poi2_rbb{position:absolute;width:50px;border-top:0px;}
  292. #poi2_rbb h8{font:10px arial;text-transform:uppercase;font-weight:bold;
  293. display:block;text-align:center;padding:5px 0;}
  294.  
  295. /*--------------*/
  296. #poi2_li, #p2_rb{z-index:9;}
  297. #p2_rb{background:{color:3};}
  298. #po1 #p2rb{background:{color:1};}
  299. #po2 #p2rb{background:{color:4};}
  300.  
  301. /*------------------------------CAPTIONS-------*/
  302.  
  303. #po1 #po_cap{background:{color:5};}
  304. #po2 #po_cap{background:{color:4};}
  305.  
  306. #captio3, #captio4, #captio5, #cavimu{background:{color:3};}
  307. #captio5, #cavimu{border-top:0px;}
  308. #cavimu{display:none;}
  309. .capt1 #cavimu, .capt2 #cavimu, .capt3 #cavimu, .capt4 #cavimu, .capt5 #cavimu
  310. {display:block;}
  311. #p3_uw1{border-bottom:0px;}
  312.  
  313. /*--------------------------PERMALINK--------*/
  314. #co2_dt{background:{color:2};}
  315. .prma, #noth8 {background:{color:4};}
  316. .prma #caption{background:{color:1};padding:10px;}
  317. .prma #caption p, .prma #caption blockquote{display:inline-block;}
  318. #prma_tg, #prma_not{background:{color:5};}
  319. #prma_tg h8, #prma_co2, #prma_rf{background:{color:3};}
  320. .prma{border-top:0px;}
  321. #noth8{-webkit-text-stroke-width: 1px;
  322. -webkit-text-stroke-color:{color:4};
  323. text-shadow: -3px 0px 0px {color:2};}
  324. /*--------------------------------QUOTE--*/
  325. #quote{color:{color:main};background:{color:4};
  326. text-shadow:-1.2px -1.2px 0 {color:3}, 1.2px -1.2px 0 {color:3},
  327. -1.2px 1.2px 0 {color:3}, 1.2px 1.2px 0 {color:3};}
  328. #qsource{background:{color:3};padding:10px;font:12px arial;font-style:italic;}
  329. #qsource a{color:{color:links};text-decoration:none;}
  330. /*--------------------------------CHAT--*/
  331.  
  332. #titlechat{margin:0px;font:15px arial;font-style:italic;text-transform:none;
  333. background:{color:3};}
  334. #chatpost .epd{padding:2% 5% 5% 5%;}
  335.  
  336. .chat{margin:0px;font:8.5px arial;
  337. background:{color:3};border-top:0px;}
  338. .chat b, .chat strong{font:8px arial;font-style:italic;padding:0px 2px;}
  339.  
  340. .chat li:nth-child(odd), .chat li:nth-child(even){
  341. margin:0px;font:9.5px arial;text-transform:none;color:{color:main};}
  342. .chat li:nth-child(odd){background:{color:3};}
  343. .chat li:nth-child(even){background:{color:2};}
  344. .chat li:nth-child(even) b {background:{color:4};}
  345.  
  346. /*--------------------------------ASK--*/
  347. border:1px solid {color:lines};background:{color:3};}
  348. #pask_all h8{background:{color:3};border-bottom:1px solid {color:lines};}
  349. #pask_all h10{border-right:1px solid {color:lines};}
  350.  
  351.  
  352.  
  353. /*----------------------------*/
  354.  
  355. .main_cont{position:fixed;top:50%;left:50%;margin:-350px;z-index:9999999999;}
  356.  
  357. /*-----------------*/
  358.  
  359. #cm1, #cm2, #cm3, #cm4{position:fixed;
  360. background:{color:main bg} center url('{image:main bg}') fixed;
  361. z-index:9999999;}
  362.  
  363. #cm1, #cm2{left:0px;width:100%;margin:0;}
  364.  
  365. #cm1{top:0;height:10%;}
  366. #cm2{bottom:0;height:10%;}
  367.  
  368. #cm3, #cm4{top:0px;height:100%;width:50%;margin:0 270px;}
  369.  
  370. #cm3{right:50%;}#cm4{left:50%;}
  371.  
  372. /*-----------------*/
  373.  
  374. #mcli1, #mcli2{position:fixed;margin:-30px 80px;width:531px;height:30px;}
  375.  
  376. #mcli1, #mcli2, #mcli3, #mcli4, #mcli5, #mcli6{z-index:9999999;
  377. background:{color:5} center url('{image:border}') fixed;
  378. background-size:auto 100%;}
  379.  
  380. #mcli1, #mcli3, #mcli5{top:10%;}
  381.  
  382. #mcli2, #mcli4, #mcli6{bottom:10%;}
  383.  
  384. #mcli3, #mcli4, #mcli5, #mcli6{position:fixed;left:50%;width:30px;height:50%;}
  385.  
  386. #mcli3, #mcli4{margin:-30px -300px;}
  387. #mcli5, #mcli6{margin:-30px 260px;}
  388.  
  389. #mcul1, #mcul2{position:fixed;top:7%;left:50%;height:85%;width:1px;
  390. background:{color:lines};z-index:999999999;}
  391.  
  392. #mcul1{margin:0 -270px;}
  393.  
  394. #mcul2{margin:0 260px;}
  395.  
  396. #bg_img{position:fixed;top:7%; left:50%;margin:0 -270px;
  397. height:90%;width:540px;
  398. background:{color:5} center url('{image:topbar}');background-size:cover; }
  399.  
  400. /*----------------------------*/
  401. .side1, .side2{position:fixed;top:50%;left:50%;width:700px;text-align:center;
  402. z-index:999999999999999999;}
  403.  
  404. .side1{margin:-30px -700px;
  405. -moz-transform:rotate(-90deg);
  406. -webkit-transform:rotate(-90deg);
  407. -o-transform:rotate(-90deg);
  408. -ms-transform:rotate(-90deg);}
  409.  
  410. .side1 h8, .side2 h8{display:block;text-align:center;font:34px old sans;
  411. text-transform:uppercase;}
  412.  
  413. .side1 h8{color:{color:title 1};}
  414. .side2 h8{color:{color:title 2};}
  415.  
  416. .side1 h8:first-letter, .side2 h8:first-letter {color:{color:4};}
  417.  
  418. .side2{margin:-30px -10px;
  419. -moz-transform:rotate(90deg);
  420. -webkit-transform:rotate(90deg);
  421. -o-transform:rotate(90deg);
  422. -ms-transform:rotate(90deg);}
  423.  
  424. .side2 h8{display:block;text-align:center;font:30px arial;
  425. font-style:italic;font-weight:bold;text-transform:lowercase;}
  426.  
  427. .side3{position:fixed;bottom:10%;left:50%;margin:-15px -30px;width:400px;
  428. height:105px;overflow:hidden;text-align:center;z-index:9999999999999999;
  429. -moz-transform:rotate(-10deg);border-radius:20%;
  430. -webkit-transform:rotate(-10deg);
  431. -o-transform:rotate(-10deg);
  432. -ms-transform:rotate(-10deg);}
  433.  
  434. .side3 h8{
  435. display:inline-block;margin:-14px;
  436. color:{color:title 3};
  437. font:85px Clicker Script;
  438. font-style:italic;font-weight:bold;
  439. text-shadow:-1px -1px 0 {color:lines}, 1px -1px 0 {color:lines},
  440. -1px 1px 0 {color:lines}, 1px 1px 0 {color:lines};}
  441.  
  442. .side3 h8:first-letter{text-transform:uppercase;font-size:120%;
  443. letter-spacing:-5px;}
  444.  
  445. /*----------------------------*/
  446.  
  447. #tb_li{position:fixed;left:50%;bottom:1.5%;margin:0 -250px;width:500px;
  448. height:4%;z-index:11111111111;}
  449.  
  450. #tbli_i{position:absolute;top:50%;margin:-12px 0;
  451. width:100%;}
  452.  
  453. /*-----------*/
  454.  
  455. #tbin2{position:relative;text-align:center;
  456. width:100%;z-index:9999;}
  457.  
  458. #tbin2, .tbil{height:25px;}
  459.  
  460. .tbil{border-radius:100%;}
  461. .tbil{position:relative;width:25px;margin:0 0 0 10px;
  462. display:inline-block;overflow:hidden;
  463. -webkit-transition: width 1s;
  464. -moz-transition: width 1s;
  465. transition: width 1s;}
  466.  
  467.  
  468. .tbil.g, .tbil.g .tbi1 h9 { background:{color:1};}
  469. .tbil.b, .tbil.b .tbi1 h9 { background:{color:2};}
  470. .tbil.c, .tbil.c .tbi1 h9 { background:{color:3};}
  471. .tbil.d, .tbil.d .tbi1 h9 { background:{color:4};}
  472. .tbil.f, .tbil.f .tbi1 h9 { background:{color:5};}
  473.  
  474. .tbi1 h8, .tbi1{position:absolute;top:50%;transform: translateY(-50%);
  475. width:100%;display:block;}
  476.  
  477. .tbi1{text-align:center;}
  478.  
  479. .tbi1 h9{position:relative;margin:0 -150%;width:100%;font:11px arial;
  480. font-style:italic;text-transform:lowercase;background:{color:2};display:block;
  481. -webkit-transition: all 0.9s ease-out;
  482. -moz-transition: all 0.9s ease-out;
  483. transition: all 0.9s ease-out;}
  484.  
  485. #tpb4 .tbi1 h9{background:{color:4};}
  486.  
  487. .tbi1 h8{font:11px arial;font-style:italic;font-weight:bold;}
  488.  
  489. .nav:hover .tbil { width:8%;}
  490. .nav .tbil:hover { width: 40%;}
  491. .tbil:hover .tbi1 h9 { margin:0;}
  492.  
  493. /*----------------------------*/
  494.  
  495. #cont_d{position:fixed;left:50%;margin:0 -150px;top:50%;width:300px;
  496. transform: translateY(-50%);max-height:70%;overflow:hidden;
  497. background:{color:5} center url('{image:border}') ;
  498. background-size:fixed;z-index:999999999999999;}
  499.  
  500. #contd{position:relative;width:260px;margin:20px;max-height:50%;
  501. overflow-y:auto;overflow-x:hidden;background:{color:3};}
  502. #contd1{position:relative;width:260px;overflow:hidden;background:{color:3};}
  503.  
  504. #contd1_i, #contd1_t{position:relative;display:inline-block;}
  505. #contd1_i{float:left;width:100px;height:100px;
  506. background:{color:4} center url('{image:icon}') ;background-size:cover;}
  507. #contd1_t{width:160px;font:10px arial;}
  508.  
  509. /*----------------------------------*/
  510. #tb_lin{position:relative;margin:0 10px;overflow:hidden;}
  511.  
  512. #tb_lin h19{position:relative;overflow:hidden;display:block;}
  513.  
  514. #tb_lin a{position:relative;display:block;margin:10px 0;
  515. background:{color:1};}
  516.  
  517. #tb_lin a:nth-of-type(odd){background:{color:2};}
  518. #tb_lin a:nth-of-type(even){background:{color:4};}
  519.  
  520. #tb_lin h20, #tb_lin h21{display:inline-block;overflow:hidden;}
  521.  
  522. #tb_lin h20{float:left;width:19%;font:15.5px arial;font-style:italic;
  523. font-weight:bold;text-align:center;color:{color:3};
  524. text-shadow:-1px -1px 0 {color:main}, 1px -1px 0 {color:main},
  525. -1px 1px 0 {color:main},1px 1px 0 {color:main};}
  526.  
  527. #tb_lin h20 #p{padding:9px 0;}
  528. #tb_lin h21 #p{padding:7px 5px;}
  529. #tb_lin h21{width:80%;font:11.5px arial;font-weight:bold;font-style:italic;
  530. letter-spacing:1px;text-align:left;text-transform:none;}
  531. #tb_lin h22{display:block;font:8.5px arial;letter-spacing:0px;
  532. text-transform:lowercase;font-style:italic;}
  533.  
  534.  
  535. /*----------------------------*/
  536.  
  537. #top_pagi{position:fixed;top:0%;left:50%;margin:0 -250px;width:500px;
  538. height:6.5%;text-align:center;z-index:999999999999;}
  539.  
  540. #tp_p{position:relative;top:50%;transform: translateY(-50%);padding:5px 0;}
  541.  
  542. .jump_page, .current_page {padding: 5px 10px 5px 8px;margin:0 2.5px;
  543. background:{color:3};color:{color:main};font:11.5px arial;font-weight:bold;
  544. text-decoration:none;border-radius:100%;}
  545.  
  546. .current_page{background:{color:main bg};color:{color:3};border:0px; }
  547. .jump_page:hover {background:{color:4};}
  548.  
  549. /*--------------------------------END OF CSS--*/
  550. </style></head><body><div id="b"></div>
  551. <!-----------------------------------------------------------HTML STARTS-->
  552.  
  553. <div id="cm1"></div><div id="cm2"></div><div id="cm3"></div>
  554. <div id="cm4"></div><div id="mcli3"></div><div id="mcli4"></div>
  555. <div id="mcli5"></div><div id="mcli6"></div>
  556. {block:IfBorder}<div id="mcul1"></div><div id="mcul2"></div>{/block:IfBorder}
  557. <div class="main_cont"><div id="mcli1"></div><div id="mcli2"></div></div>
  558.  
  559.  
  560. <div class="side1"><h8>
  561. {block:IfTitleOne}{text:Title One}{/block:IfTitleOne}
  562. {block:IfNotTitleOne}{Title}{/block:IfNotTitleOne}</h8></div>
  563.  
  564. {block:IfTitleTwo}
  565. <div class="side2"><h8>{text:title two}</h8></div>
  566. {/block:IfTitleTwo}
  567.  
  568. {block:IfTitleThree}
  569. <div class="side3"><h8>{text:title three}</h8></div>
  570. {/block:IfTitleThree}
  571.  
  572. <div id="tb_li"><div id="tbli_i">
  573. <div id="tbin2"><div class="nav">
  574. <a href="/"><div class="tbil g">
  575. <div class="tbi1"><h8>01</h8><h9>home</h9></div></div></a>
  576. <a href="/ask"><div class="tbil b">
  577. <div class="tbi1"><h8>02</h8><h9>ask</h9></div></div></a>
  578. <a href="/archive"><div class="tbil c">
  579. <div class="tbi1"><h8>03</h8><h9>archive</h9></div></div></a>
  580. <a class="one" ><div class="tbil d">
  581. <div class="tbi1"><h8>04</h8><h9>about</h9></div></div></a>
  582. <a class="two"><div class="tbil f">
  583. <div class="tbi1"><h8>05</h8><h9>links</h9></div></div></a>
  584. <a class="four" ><div class="tbil g">
  585. <div class="tbi1"><h8>06</h8><h9>reset</h9></div></div></a>
  586.  
  587. </div></div>
  588. </div></div>
  589.  
  590. {block:IndexPage}<div id="bg_img"></div>{/block:IndexPage}
  591.  
  592.  
  593.  
  594. {block:Pagination}
  595. <div id="top_pagi"><div id="tp_p">
  596. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  597. {block:JumpPagination length="5"}
  598. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  599. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  600. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  601. </div></div>
  602. {/block:Pagination}
  603.  
  604. <div class="a"><div id="cont">
  605.  
  606. <!-------------------------------------POSTS-->
  607.  
  608. <div class="autopagerize_page_element">{block:Posts}
  609.  
  610. <div class="{select:caption style}">
  611. <div class="{select:post info style}">
  612.  
  613. <div {block:Odd}id="po1"{/block:Odd}
  614. {block:Even}id="po2"{/block:Even}class="posts">
  615.  
  616.  
  617. <!-------------------------------------INFO #3-->
  618. <div id="poi3"> <div id="p3_uw1"><div style="z-index:9;" id="wrl"></div>
  619. <a href="{Permalink}"target="_blank"><div id="p3u1">
  620. <div id="p3_dtu1">{TimeAgo}
  621. <h8>{MonthNumberWithZero} / {DayOfMonthWithZero} / {Year}</h8></div>
  622. <div id="p3_dtu2">{DayOfWeek}
  623. <h8>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h8>
  624. </div></div></a>
  625. <a href="{ReblogURL}"target="_blank">
  626. <div id="p3u2"><h8>reblog</h8></div></a>
  627. </div></div>
  628.  
  629. <!-------------------------------------PHOTOS-->
  630. {block:Photo}<div class="epd">
  631. {block:IndexPage}{block:Caption}
  632. <div id="captio1"><div id="cap1"><div id="capy">{Caption}</div></div></div>
  633. <div id="captio2"><div id="po_cap"><div id="pcap"><div id="p">
  634. {Caption}</div></div></div></div>
  635. <div id="captio3"><div id="cap3"><div id="capy">{Caption}</div></div></div>
  636. {/block:Caption}
  637. <div id="photo"><div class="filte"><div id="flit">
  638. <img src="{PhotoURL-HighRes}" width="100%"></div></div></div>
  639. {block:Caption}<div id="captio4"><div id="cap4"><div id="capy">
  640. {Caption}</div></div></div>{/block:Caption}
  641. {/block:IndexPage}
  642. {block:PermalinkPage}{LinkOpenTag}<div id="photo">
  643. <img src="{PhotoURL-HighRes}" width="100%"></div>{LinkCloseTag}
  644. {/block:PermalinkPage}</div>
  645. {block:IndexPage}{block:Caption}<div id="captio5"><div id="cap4">
  646. <div id="capy">{Caption}</div></div></div>{/block:Caption}{/block:IndexPage}
  647. {/block:Photo}
  648. <!-------------------------------------PHOTOSET-->
  649. {block:Photoset}<div class="epd">
  650. {block:IndexPage}{block:Caption}
  651. <div id="captio1"><div id="cap1"><div id="capy">{Caption}</div></div></div>
  652. <div id="captio2"><div id="po_cap"><div id="pcap"><div id="p">
  653. {Caption}</div></div></div></div>
  654. <div id="captio3"><div id="cap3"><div id="capy">{Caption}</div></div></div>
  655. {/block:Caption}{/block:IndexPage}
  656. <div id="photoset"><div class="filte"><div id="flit">
  657. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo">
  658. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  659. </div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  660. </div>{/block:Photos}</div></div></div></div>
  661. {block:IndexPage}{block:Caption}<div id="captio4"><div id="cap4">
  662. <div id="capy">{Caption}</div></div></div>
  663. {/block:Caption}{/block:IndexPage}</div>
  664. {block:IndexPage}{block:Caption}<div id="captio5"><div id="cap4">
  665. <div id="capy">{Caption}</div></div></div>{/block:Caption}{/block:IndexPage}
  666. {/block:Photoset}
  667. <!-------------------------------------VIDEO-->
  668. {block:Video}<div class="epd"><center><div id="vidso">
  669. <div class="video">{Video-500}</div>
  670. </div></center></div>
  671. {block:IndexPage}{block:Caption}
  672. <div id="cavimu"><div id="cap4">
  673. <div id="capy">{Caption}</div>
  674. </div></div>
  675. {/block:Caption}{/block:IndexPage}
  676. {/block:Video}
  677. <!-------------------------------------AUDIO-->
  678. {block:Audio}
  679. <div class="epd"><div class="aud"><table><tr>
  680. {block:AlbumArt}<td style="background-image: url('{AlbumArtURL}');">
  681. {block:AudioPlayer}<div id="aud_p">{AudioPlayerWhite}</div>
  682. {/block:AudioPlayer}</td>{/block:AlbumArt}
  683. <td><h1>{block:TrackName}{TrackName}{/block:TrackName}</h1>
  684. <h2>{block:Artist}{Artist}{/block:Artist}</h2></td>
  685. </tr></table></div></div>
  686. {block:IndexPage}{block:Caption}
  687. <div id="cavimu"><div id="cap4">
  688. <div id="capy">{Caption}</div>
  689. </div></div>
  690. {/block:Caption}{/block:IndexPage}
  691. {/block:Audio}
  692.  
  693. <!-------------------------------------TEXT-->
  694. {block:Text}<div class="epd">
  695. {block:Title}<div class="title"><div id="tt">{Title}</div></div>
  696. {/block:Title}<div id="ttbody">{Body}</div>
  697. </div>{/block:Text}
  698.  
  699. <!-------------------------------------ASK-->
  700. {block:Answer}
  701. <div id="p_ask"><div class="epd">
  702. <div id="pask_all"><h8> <h10>? by {Asker}</h10><img src="{AskerPortraitURL-24}"> </h8><h9>{Question}</h9></div>
  703. <div id="pask_aer">{Answer}</div>
  704. </div></div>{/block:Answer}
  705.  
  706. <!-------------------------------------LINK-->
  707. {block:Link}
  708. <div class="epd">
  709. <div class="title">
  710. <a style="font-size:20px;font-style:italic;font-weight:bold;color:{color:2};" href="{URL}" {Target}>{Name}</a></div>
  711. {block:Description}{Description}{/block:Description}
  712. </div>{/block:Link}
  713.  
  714. <!-------------------------------------QUOTE-->
  715. {block:Quote}<div class="epd">
  716. <div id="quote">{Quote}</div>
  717. {block:Source}<div id="qsource"> ―{Source}― </div>{/block:Source}
  718. </div>{/block:Quote}
  719.  
  720. <!-------------------------------------CHAT-->
  721. {block:Chat}<div id="chatpost"><div class="epd">
  722. {block:Title}<div id="titlechat">{Title}</div>{/block:Title}
  723. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  724. {block:Label}<b>{Label}</b>{/block:Label}
  725. {Line}</li>{/block:Lines}</ul></div></div>{/block:Chat}
  726.  
  727.  
  728.  
  729. <!----------------------------------------------------------INFO #1-->
  730. {block:IndexPage}{block:Date}
  731. <div id="poi1"><div id="poi1_wr"><div id="wrb"></div>
  732. <!--------->
  733. <a href="{Permalink}" target="_blank"><div id="wr1"><div id="p">
  734. <div id="wr1_dt"><div id="p">
  735. <h9>{TimeAgo}</h9><h8>{DayOfWeek}</h8>
  736. </div></div>
  737. {block:NoteCount}
  738. <div id="wr1_nt"><h10>{NoteCountWithLabel}</h10></div>
  739. {/block:NoteCount}
  740. </div></div></a>
  741. <!--------->
  742. <a href="{ReblogURL}"target="_blank">
  743. <div id="wr2"><div id="wr2_rb"><h9>reblog</h9><h8>R</h8></div></div></a>
  744. <!--------->
  745. <div id="wr3">
  746.  
  747. {block:NotReblog}<div id="wr3_notr">
  748. <a href="{Permalink}" target="_blank">
  749. <h9>{DayOfMonth}{DayOfMonthSuffix} of {Month}</h9></a>
  750. </div>{/block:NotReblog}
  751. <div id="p">
  752. <div id="wr3_rf"style="margin:0 10px 0 0;" >
  753. {block:RebloggedFrom}<h11>reblogged from:
  754. <a href="{ReblogParentURL}"target="_blank" >{ReblogParentName}</a></h11>
  755. {/block:RebloggedFrom}
  756. {block:ContentSource}<h12>source:<a href="{SourceURL}">
  757. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></h12>
  758. {/block:ContentSource}</div>
  759. {block:HasTags}<div id="wr3_tg"><h8>filed under:</h8>
  760. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  761. </div><div id="wr3_tgl"></div>
  762. {/block:HasTags}
  763. </div></div>
  764. <div id="wrl"></div><div id="wrr"></div>
  765. </div></div>
  766. <!----------------------------------------------------------INFO #2-->
  767.  
  768. <div id="poi2">
  769.  
  770. <div id="poi2_wr"><div id="poi2_li"></div>
  771. <!--------->
  772. <div id="p2_w1">
  773. <a href="{Permalink}" target="_blank"><div id="p2w1_dt"><div id="p">
  774. <h10>{TimeAgo} </h10><h8>{DayOfWeek}
  775. <h9>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h9></h8>
  776. </div></div></a>
  777. {block:HasTags}<div id="p2w1_tg"><div id="p">
  778. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  779. </div></div>{/block:HasTags}
  780. </div>
  781. <!--------->
  782. <a href="{Permalink}" target="_blank"><div id="p2w2_dt">
  783. <h8>{MonthNumberWithZero} / {DayOfMonthWithZero} / {Year}</h8>
  784. </div></a>
  785. <!--------->
  786. <div id="p2_w2">{block:NoteCount}<a href="{Permalink}" target="_blank">
  787. <div id="p2w2_nt"><h9>notes</h9><h10>{NoteCount}</h10></div></a>
  788. {/block:NoteCount}</div>
  789. <!--------->
  790. </div>
  791. <a href="{ReblogURL}"target="_blank">
  792. <div id="poi2_rbb"><h8>reblog</h8> </div></a>
  793. </div>
  794.  
  795. <!----------------------------------------------------------INFO #3-->
  796.  
  797. <div id="poi3"><div id="p3_wr2"><div style="z-index:9;" id="wrr"></div>
  798. <div id="p3wr1">{block:NoteCount}<a href="{Permalink}" target="_blank">
  799. <div id="p2w2_nt"><h9>notes</h9><h10>{NoteCount}</h10></div></a>
  800. {/block:NoteCount}</div>
  801. <a href="{Permalink}" target="_blank"><div id="p2w2_dt">
  802. <h8>{MonthNumberWithZero} / {DayOfMonthWithZero} / {Year}</h8>
  803. </div></a>
  804. <div id="p3wr2">{block:HasTags}<div id="p">
  805. <div id="p3w2_tg"><h8>filed under:</h8>
  806. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  807. </div><div id="wr3_tgl"></div></div>
  808. {/block:HasTags}
  809. </div>
  810. </div></div>
  811.  
  812. {/block:Date}{/block:IndexPage}
  813. <!--------------------------------------------------------PERMALINK-->
  814. {block:Date} {block:PermalinkPage}
  815. <div class="prma">
  816. {block:NoteCount}
  817. <div id="prma_not"><div id="noth8">{NoteCountWithLabel}</div></div>
  818. {/block:NoteCount}
  819.  
  820. <!---------------------NOTES-->
  821. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  822.  
  823. <div id="prma_co1">
  824. <!---------------------DATE-->
  825. <div id="prma_co2"><div id="co2_dt"><div id="p">
  826. <h8>{DayOfWeek}</h8>
  827. <h9>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h9></div></div>
  828. <div id="co2_ta"><div id="p"><h8>{lang:Posted TimeAgo}</h8></div></div>
  829. </div>
  830. <!---------------------TAGS-->
  831. {block:HasTags}<div id="prma_tg"><div id="p">
  832. <h8>filed under</h8>
  833. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  834. </div></div>{/block:HasTags}</div>
  835.  
  836. <!---------------------pt 1-->
  837. {block:RebloggedFrom}
  838. <div id="prma_rf"><div id="p">
  839. <h11>reblogged from: <a href="{ReblogParentURL}"target="_blank" >{ReblogParentName}</a></h11>
  840. {/block:RebloggedFrom}
  841. {block:ContentSource}
  842. <h12><a href="{SourceURL}">{lang:Source}:
  843. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></h12>
  844. {/block:ContentSource}
  845. </div></div>
  846.  
  847. <!--------------------NOTES-->
  848. {block:PostNotes}
  849. <div id="prma_pnt"><div id="p">{PostNotes}</div></div>
  850. {/block:PostNotes}
  851. </div>{/block:PermalinkPage}{/block:Date}
  852. <!------------------------------END OF PERMALINK-->
  853.  
  854. </div>{/block:Posts}
  855.  
  856. <!-----------------------------------DO NOT DELETE----------->
  857. <!-- {block:NoRebloggedFrom}
  858. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  859. {/block:NoRebloggedFrom} -->
  860.  
  861. {block:ContentSource}<!-- {SourceURL}
  862. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  863. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  864. {/block:ContentSource}
  865. </div></div></div></div></div></div></div>
  866.  
  867. <div class="1" style="display:none;"><div id="cont_d"><div id="contd">
  868. <div id="contd1"><div id="contd1_i"></div>
  869. <div id="contd1_t"><div id="p">{Description}</div></div></div>
  870. </div></div></div>
  871.  
  872. <div class="2" style="display:none;"><div id="cont_d"><div id="contd">
  873. <div id="contd2"><div id="tb_lin">
  874. {block:ifLink1}<a href="{text:Link 1 URL}"><h19><h20>
  875. <div id="p">001</div></h20><h21><div id="p">{text:Link 1}<h22>
  876. {text:Link 1 Subtitle}</h22></div></h21></h19></a>{/block:ifLink1}
  877. {block:ifLink2}<a href="{text:Link 2 URL}"><h19><h20>
  878. <div id="p">002</div></h20><h21><div id="p">{text:Link 2}<h22>
  879. {text:Link 2 Subtitle}</h22></div></h21></h19></a>{/block:ifLink2}
  880. {block:ifLink3}<a href="{text:Link 3 URL}"><h19><h20>
  881. <div id="p">003</div></h20><h21><div id="p">{text:Link 3}<h22>
  882. {text:Link 3 Subtitle}</h22></div></h21></h19></a>{/block:ifLink3}
  883. {block:ifLink4}<a href="{text:Link 4 URL}"><h19><h20>
  884. <div id="p">004</div></h20><h21><div id="p">{text:Link 4}<h22>
  885. {text:Link 4 Subtitle}</h22></div></h21></h19></a>{/block:ifLink4}
  886. {block:ifLink5}<a href="{text:Link 5 URL}"><h19><h20>
  887. <div id="p">005</div></h20><h21><div id="p">{text:Link 5}<h22>
  888. {text:Link 5 Subtitle}</h22></div></h21></h19></a>{/block:ifLink5}
  889. {block:ifLink6}<a href="{text:Link 6 URL}"><h19><h20>
  890. <div id="p">006</div></h20><h21><div id="p">{text:Link 6}<h22>
  891. {text:Link 6 Subtitle}</h22></div></h21></h19></a>{/block:ifLink6}
  892. </div></div></div></div></div>
  893.  
  894. <!-------------------------------------------------------------CODE ENDS-->
  895. <!-----------------------------------DO NOT DELETE----------->
  896. <div class="sd">
  897. <a href="http://exoa.tumblr.com/"target="_blank"><code>YA</code></a>
  898. <div id="sb">
  899. <a href="http://exoa.tumblr.com/"target="_blank">MADE BY YOONORA</a>
  900. </div></div>
  901. <!-----------------------------------DO NOT DELETE----------->
  902. </body>
  903. <!----------------------------------------SCRIPT #3---->
  904.  
  905. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  906.  
  907. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  908.  
  909. <script>
  910. $(document).ready(function(){
  911.  
  912. $('.photo-slideshow').pxuPhotoset({
  913. lightbox: true,
  914. rounded: false,
  915. gutter: '4px',
  916. borderRadius: '0px',
  917. photoset: '.photo-slideshow',
  918. photoWrap: '.photo-data',
  919. photo: '.pxu-photo'
  920. });
  921. var $container = $('#cont');
  922. $container.masonry({
  923. itemSelector: '.posts',
  924. isFitWidth: false,
  925. isAnimated: true,
  926. });
  927. $container.imagesLoaded(function(){
  928. $container.masonry();
  929. });
  930. });
  931. </script>
  932.  
  933. <!----------------------------------------SCRIPT #3---->
  934.  
  935.  
  936. <script>
  937. // minimal soundcloud player © eoxk.tumblr
  938. $(document).ready(function(){
  939. var color = '{color:5}'; // color of play button (hex)
  940. $('.soundcloud_audio_player').each(function(){
  941. $(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%' });
  942. });
  943. });
  944. </script>
  945.  
  946. <script>
  947. $(document).ready(function(){
  948.  
  949. $(".one").click(function(){
  950. $(".1").fadeIn();
  951. $(".2,.4,.5,.6,.7,.8").fadeOut();
  952. });
  953.  
  954. $(".two").click(function(){
  955. $(".2").fadeIn();
  956. $(".1,.4,.5,.6,.7,.8").fadeOut();
  957. });
  958.  
  959. $(".four").click(function(){
  960. $(".4").fadeIn();
  961. $(".1,.2,.5,.6,.7,.8").fadeOut();
  962. });
  963.  
  964. });
  965. </script>
  966.  
  967.  
  968. </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!