API tools faq
paste
yoonora

022 - /s:/ see you

yoonora
May 31st, 2017
1,335
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.99 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. 22 - /s:/ e e Y o u
  3. code made by yoonora/exoa
  4. do not steal.
  5. last updt: 05/31/17
  6. -->
  7.  
  8. <!DOCTYPE HTML><html><head><title>―{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  11. <meta name="description" content="" />
  12. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  13.  
  14. <!---META TAGS--->
  15.  
  16. <meta name="image:little header" content=""/>
  17. <meta name="image:sidebar" content=""/>
  18.  
  19. <meta name="color:main" content="#04142b"/>
  20. <meta name="color:borders" content="#000e4f"/>
  21. <meta name="color:background" content="#f0eee3"/>
  22. <meta name="color:gradient 1" content="#c7dde5"/>
  23. <meta name="color:gradient 2" content="#edeadd"/>
  24. <meta name="color:posts" content="#ffffff"/>
  25.  
  26. <meta name="select:sidebar style" content="sty1" title="style #1">
  27. <meta name="select:sidebar style" content="sty2" title="style #2">
  28. <meta name="select:sidebar style" content="sty3" title="style #3">
  29.  
  30. <meta name="if:fade in" content="0"/>
  31. <meta name="if:little header" content="0"/>
  32. <meta name="if:title gradient" content="1"/>
  33. <meta name="if:container gradient" content="0"/>
  34. <meta name="if:container type 2" content="0"/>
  35.  
  36. <meta name="text:sidebar title" content=""/>
  37. <meta name="text:extra box" content=""/>
  38. <meta name="text:little header title" content=""/>
  39.  
  40.  
  41. <meta name="text:link 1" content=""/>
  42. <meta name="text:link 1 url" content="/"/>
  43. <meta name="text:link 2" content=""/>
  44. <meta name="text:link 2 url" content="/"/>
  45. <meta name="text:link 3" content=""/>
  46. <meta name="text:link 3 url" content="/"/>
  47. <meta name="text:link 4" content=""/>
  48. <meta name="text:link 4 url" content="/"/>
  49. <meta name="text:link 5" content=""/>
  50. <meta name="text:link 5 url" content="/"/>
  51. <meta name="text:link 6" content=""/>
  52. <meta name="text:link 6 url" content="/"/>
  53.  
  54. <!----------------------------------------STYLESHEETS---->
  55. <link rel="stylesheet"
  56. href="http://static.tumblr.com/j2yc61v/IgYo6o44i/y.css">
  57. <link rel="stylesheet"
  58. href="http://static.tumblr.com/j2yc61v/xfsoamt7e/j.css">
  59. <link href="http://static.tumblr.com/j2yc61v/GGkok97s8/a.css"
  60. rel="stylesheet">
  61. <link href="https://fonts.googleapis.com/css?family=Abhaya+Libre:400,700|Arimo:400,700|Playfair+Display:400,400i" rel="stylesheet">
  62. <!------------------------------------------SCRIPTS---->
  63. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  64. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  65. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  66.  
  67. <style type="text/css">
  68.  
  69. /*--------------------------------------------MAIN--*/
  70. body{
  71. background:{color:background};color:{color:main};
  72. overflow-y:auto;overflow-x:hidden;font:11px arial;color:{color:main};}
  73.  
  74. ::-webkit-scrollbar{width:11px; }
  75.  
  76. ::-webkit-scrollbar {background:{color:posts};}
  77. ::-webkit-scrollbar-thumb:vertical {background:{color:borders};}
  78.  
  79. ::-webkit-scrollbar, ::-webkit-scrollbar-thumb:vertical {
  80. border-width: 5px;border-style:solid;border-color:{color:background};}
  81.  
  82. body{cursor:url(http://static.tumblr.com/j2yc61v/yAPogamgp/c01.png), auto; }
  83.  
  84. .tmblr-lightbox img {box-shadow: none !important; border-radius:0 !important;}
  85.  
  86. .tmblr-lightbox {position:fixed; background-color: transparent !important; z-index:99999999999999999999999999!important; }
  87. .tmblr-lightbox div:nth-child(2) {
  88. background-color:{color:background}; opacity: .6; }
  89.  
  90. .vignette{background-image: url('')!important;}
  91.  
  92. a{text-decoration:none;color:{color:main}; }
  93.  
  94. #cu{position:fixed;top:0px;left:0px;width:100%;height:100%;}
  95.  
  96. #s-m-t-tooltip {margin:8px 34px 27px 20px;padding:5px 10px;max-width:200px;
  97. text-transform:lowercase;line-height:100%;
  98. font-style:italic;background:{color:gradient 1};
  99. border:1px solid {color:borders};
  100. z-index:999999999999999999999999999999999999999999;
  101. transition: all 0.6s ease-in-out 0s;
  102. -moz-transition: all 0.6s ease-in-out 0s;
  103. -webkit-transition: all 0.6s ease-in-out 0s;
  104. -o-transition: all 0.6s ease-in-out 0s;}
  105.  
  106. .iframe-controls-container{position:fixed;
  107. z-index:99999999999999999999999999999999999999999999;}
  108.  
  109. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  110. position:fixed!important;right: 10px!important;top: 10px!important;
  111. z-index: 111111111111111111111111111111111111111111111111111111119999999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;opacity:0.5;
  112. -webkit-filter: invert(100%);-moz-filter: invert(100%);
  113. -o-filter: invert(100%);-ms-filter: invert(100%);
  114. -webkit-transition: opacity 0.7s linear;
  115. -moz-transition: all 0.4s ease-out;
  116. -webkit-transition: all 0.4s ease-out;
  117. transition: all 0.4s ease-out;}
  118.  
  119. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
  120. opacity: 1;
  121. -webkit-transition: opacity 0.7s linear;
  122. -moz-transition: all 0.4s ease-out;
  123. -webkit-transition: all 0.4s ease-out;
  124. transition: all 0.4s ease-out;}
  125.  
  126.  
  127. @keyframes ph1{
  128. 0%{opacity:0; }
  129. 100%{opacity:1;} }
  130.  
  131.  
  132.  
  133. .mp a{text-decoration:none;color:{color:main};}
  134.  
  135. .ya a:before{background:{color:background};}
  136. .ya:after{background:{color:borders};}
  137. .ya a:after, .ya:before{background:{color:borders};}
  138. #cu{z-index:-99999999999;}
  139. .ya{position:fixed;z-index:9999999999999999999999999999999;}
  140.  
  141. #shrek a{
  142. display:block;padding:10px;background:{color:posts};text-align:center;
  143. font:18px playfair display;font-style:italic;margin: 0 0 20px 0;}
  144.  
  145. #shrek a:hover{letter-spacing:3px;}
  146.  
  147. #shrek a:nth-of-type(1){padding:10px 0 30px 0;margin:0 0 10px 0;
  148. border-bottom:1px solid {color:borders}!important;}
  149.  
  150. #shrek a:nth-last-of-type(1){border:0px;}
  151.  
  152. {block:PermalinkPage}
  153. #cu{
  154. background:-webkit-linear-gradient(0deg, {color:gradient 1},{color:gradient 2});
  155. background:-o-linear-gradient(0deg, {color:gradient 1},{color:gradient 2});
  156. background:-moz-linear-gradient(0deg, {color:gradient 1},{color:gradient 2});
  157. background: linear-gradient(0deg, {color:gradient 1},{color:gradient 2});
  158. }
  159.  
  160. {/block:PermalinkPage}
  161. /*-------------------------------------------------------------PERMALINK--*/
  162. /*--------------------------------------------POSTS--*/
  163. .tp1{margin:50px 0;} .tpc1 .eps{border:0px;}
  164. .tpc2{border:1px solid {color:borders};border-left:0px;}
  165. .tpc1{border:1px solid {color:borders};}
  166. .tpc2{background:{color:posts};} .tpc1{background:{color:gradient 1};}
  167.  
  168. .potx a{border-bottom:1px solid {color:borders};}
  169. /*-------------------------------------------LINES--*/
  170. #eps{border:1px solid {color:borders};padding:calc( 20px / 2 );
  171. background:{color:posts};}
  172. .eps{padding:20px;border:1px solid {color:borders};}
  173. /*-------------------------------------------ETC--*/
  174. #tpc2::-webkit-scrollbar-thumb:vertical{background:{color:gradient 1};
  175. border: 3px solid {color:posts};}
  176. #tpc2::-webkit-scrollbar{background:{color:borders};width:7px;
  177. border: 3px solid {color:posts};}
  178.  
  179. #tpc2 a{color:{color:main};text-decoration:none;}
  180. #tpc2_c2 blockquote{border-left:1px solid {color:borders};}
  181. /*-----------------------TEXT---*/
  182. .potx a{color:{color:main};background:{color:posts};}
  183. #potx1{background:{color:gradient 1};color:{color:borders};
  184. font:38px playfair display;
  185. border-bottom:1px solid {color:borders}; }
  186.  
  187. #potx1 a{background:none;border-bottom:1px solid {color:borders};}
  188. #potx2 blockquote{border-left:1px solid {color:borders};}
  189. #potx2 img{margin:10px 0 0;max-width:100%;max-height:auto;}
  190. /*-----------------------ASK---*/
  191. #ask1 a{text-decoration:none;color:{color:main};}
  192. #ask1 h8{border:1px solid {color:borders};}
  193. #ask1 h8 b{background:{color:posts};border:1px solid {color:borders};
  194. border-right:1px solid {color:posts};}
  195. #ask1 h9{border:1px solid {color:borders};background:{color:gradient 1};}
  196. #ask2{background:{color:gradient 1};border-top:1px solid {color:borders};}
  197. /*-----------------------QUOTE---*/
  198. .poquo h20:first-line{color:{color:borders};}
  199. .poquo h20, .poquo h20:first-line{
  200. -webkit-text-stroke-color:{color:posts};
  201. text-shadow: -3px 0px 0px {color:gradient 1};}
  202. .poquo h21 a{text-decoration:none;color:{color:main};}
  203. /*-----------------------CHAT---*/
  204. #titlechat{background:{color:gradient 1};}
  205. #titlechat{border-bottom:1px solid {color:borders};}
  206. .chat li:nth-child(even){background:{color:gradient 1};
  207. border-top:1px solid {color:borders};border-bottom:0px;}
  208. .chat li:nth-child(odd){border-top:1px solid {color:borders};}
  209. /*-----------------------AUDIO---*/
  210. #aupo1{background:{color:posts};
  211. background-size:auto 100%;background-position:center;
  212. border:1px solid {color:borders};border-bottom:0px;}
  213. #aupo2{border:1px solid {color:borders};background:{color:gradient 1};}
  214. #aupo2_c3:before{background:{color:borders};z-index:999999999;
  215. {block:IfMainAndBordersCombo}background:{color:main and borders combo};
  216. {/block:IfMainAndBordersCombo}}
  217. #aupo2_c1{border:1px solid {color:borders};}
  218. /*-----------------------PAGINATION ---*/
  219. .pagleft{position:fixed;height:90px;width:0.8em;left:50%;top:50%;
  220. margin:0 570px;font:70px playfair display;font-weight:bold;font-style:italic;
  221. z-index:999999999999;transform:translateY(-50%);word-break: break-all;
  222. text-align:center;line-height:70px;overflow:hidden;
  223. transition: all 0.9s ease-in-out 0s;
  224. -moz-transition: all 0.9s ease-in-out 0s;
  225. -webkit-transition: all 0.9s ease-in-out 0s;
  226. -o-transition: all 0.9s ease-in-out 0s;}
  227. .pagleft a, #paglin a{color:{color:main};text-decoration:none;}
  228. .pagleft.pagright{margin:0 -620px;}.pagleft:hover{height:290px;}
  229. .pmlri{margin:0 -530px;}.pmlle{margin:0 470px;}
  230. #paglin{position:absolute;left:50%;margin:-30px 0;transform:translateX(-50%);
  231. z-index:999999;font:40px playfair display;font-style:italic;}
  232. .tpc1{padding:15px;}
  233. .chat li:nth-of-type(1){border:none;}
  234. /*-------------------------------------------------------INDEX PAGE-------*/
  235.  
  236. ::-webkit-scrollbar, #main, #tsi1_c1_ex1::-webkit-scrollbar{
  237. {block:IfContainerGradient}
  238. background:-webkit-linear-gradient(0deg, {color:gradient 2},{color:gradient 1});
  239. background:-o-linear-gradient(0deg, {color:gradient 2},{color:gradient 1});
  240. background:-moz-linear-gradient(0deg, {color:gradient 2},{color:gradient 1});
  241. background: linear-gradient(0deg, {color:gradient 2},{color:gradient 1});
  242. {/block:IfContainerGradient}
  243.  
  244. {block:IfNotContainerGradient}
  245. background:{color:gradient 1};
  246. {/block:IfNotContainerGradient}
  247. }
  248.  
  249.  
  250. .main{position:absolute;transform:translateX( -50%);top:50%;left:50%;
  251. width:calc(600px * 2);max-height:calc(100% - 100px * 2);}
  252.  
  253. {block:IfFadeIn}.main{animation: ph1 4s ease-in;}{/block:IfFadeIn}
  254.  
  255.  
  256. #main{position:relative;width:100%;margin: 0 0;overflow:hidden;}
  257.  
  258. .lilmain{position:relative;width:42.5%;counter-increment:mc;z-index:99;
  259. height:calc(550px);margin:5% 0;float:left;}
  260.  
  261. .lilmain:nth-of-type(1){margin-left:calc(42.5% + 5% * 2);
  262. margin-top:5%;margin-bottom:5%;}
  263.  
  264. .lilmain:nth-of-type(1n+2){margin-left:5%;}
  265. .lilmain:nth-of-type(1n+4){margin:0% 0% 5% 5%;}
  266.  
  267. #lilmain{position:absolute;border:1px solid {color:background};
  268. width:calc(100% - 20px * 2 - 1px);
  269. height:calc(100% - 20px * 2 - 1px);overflow:hidden;
  270. padding:20px;
  271. display: -webkit-flex; -webkit-flex-direction: column; display: flex;
  272. flex-direction: column;}
  273.  
  274. #space{position:relative;width:100px;height:100px;display:none;}
  275.  
  276. .lilma{position:relative;width:100%;height:100%;overflow:hidden;}
  277.  
  278. .lilma1{height:40%;}
  279. .lilma2{height:50%;}
  280. .lilma3{height:250%;}
  281. .lilma4{height:40%;}
  282.  
  283. {block:IfNotContainerType2}
  284.  
  285. .lilmain:nth-of-type(2), .lilmain:nth-of-type(3){
  286. margin-top:0%!important;}
  287.  
  288. .main{transform:translate( -50%, -50%);}
  289.  
  290. #main{border:1px solid {color:borders};}
  291.  
  292. {/block:IfNotContainerType2}
  293.  
  294. /*-----------------------SEPARATION--*/
  295. {block:IfContainerType2}
  296. .main{margin:-330px 0;}
  297.  
  298. #main{border-width:1px 0;border-style:solid;border-color:{color:borders};}
  299.  
  300. .lilmain:nth-of-type(1n+2){margin-left:5%;}
  301. .lilmain:nth-of-type(1n+4){margin:0% 0% 5% 5%;}
  302.  
  303. .lilmain:nth-of-type(1){margin-left:calc(42.5% + 5% * 2);
  304. margin-top:5%;margin-bottom:5%;}
  305.  
  306. .lilmain:hover .video{opacity:1;}
  307.  
  308. .lilmain:nth-of-type(2), .lilmain:nth-of-type(3){margin-top:30%!important;}
  309. .lilmain:nth-of-type(2):after{height:50%!important;top:-62.5%!important;}
  310.  
  311. .lilmain:nth-of-type(4n+2), .lilmain:nth-of-type(4n+3){margin-top:12.5%;}
  312.  
  313. .lilmain:nth-of-type(4n+2):after{position:absolute;top:-27.5%;left:-15%;
  314. content:'';height:17.5%;width:calc(200% + 15% * 3);
  315. border-width:1px 0;border-style:solid;border-color:{color:borders};
  316. background:{color:background};z-index:9999;}
  317.  
  318. .lilmain:nth-of-type(1):before{left:-630px;top:-60px;height:750px;}
  319. .lilmain:nth-of-type(4n+2):before{left:-60px;top:-100px;height:400%;}
  320.  
  321. .lilmain:nth-of-type(4n+2):before, .lilmain:nth-of-type(1):before{
  322. content:'';position:absolute;width:calc(600px * 2 - 2px);border-width:0 1px;
  323. border-style:solid;border-color:{color:borders};z-index:-9999999999;}
  324. {/block:IfContainerType2}
  325.  
  326. /*-----------------------MULTIPLE LINES--*/
  327.  
  328. .lilmain, #lilma3co1_c1:nth-of-type(2){background-color:{color:posts};}
  329.  
  330. #lilma3co1_c1, #lilma2c1_c1, #lilma4c1_p1{
  331. position:relative;height:100%;width:100%;
  332. background-size:cover;background-position:center;}
  333.  
  334. #lilma2_c1, #lilma4_c1{
  335. position:absolute;width:100%;height:100%;display: -webkit-flex; -webkit-flex-direction: row; display: flex;flex-direction: row;overflow:hidden;}
  336.  
  337. /*-----------------------LINE #1--*/
  338.  
  339. #lilma1_c{position:absolute;top:50%;left:50%;line-height:20px;max-width:100%;
  340. transform:translate(-50%, -50%);
  341. font:20px playfair display;}
  342.  
  343. .counter{display:inline-block;margin:0 0 0 10px;}
  344.  
  345. .counter:before {content:'no.';display:inline-block;font-style:italic;
  346. font-weight:bold;margin:0 5px 0 0;font-size:140%;line-height:0px;}
  347.  
  348. .counter:after {content:counter(mc);display:inline-block;font-style:italic;
  349. font-weight:bold;font-size:190%;line-height:0px;}
  350.  
  351. /*-----------------------LINE #2--*/
  352.  
  353. #lilma2_c1_nt{position:relative;top:50%;transform:translateY(-50%);
  354. margin:-8px 0;}
  355.  
  356. #lilma2c1_c1:nth-of-type(1){text-align:right;}
  357.  
  358. #lilma2_c1_nt h20{font:35px arimo;font-weight:bold;}
  359.  
  360. #lilma2_c1_nt h20:after{position:relative;content:'notes';font-size:60%;
  361. margin:0 10px 0 ;font-family:playfair display;
  362. font-style:italic;font-weight:bold;letter-spacing:1px;top:-5px;}
  363.  
  364. #lilma2_c1nt_a a{display:block;
  365. font:20px arimo;letter-spacing:4px;text-align:center;}
  366.  
  367. /*-----------------------LINE #3--*/
  368.  
  369. #lilma3_co1, #lilma3_co2{position:absolute;width:100%;height:100%;
  370. background-size:cover;background-position:center;}
  371.  
  372. #lilma3_co1{display: -webkit-flex; -webkit-flex-direction: row; display: flex;flex-direction: row;z-index:9999; }
  373.  
  374. #lilma3co1_c1:nth-of-type(2){overflow:hidden;max-width:40%;}
  375.  
  376. #lilma3co1_c1:nth-of-type(2) h20, #lil3_phoset_cap2 h20{position:absolute;
  377. top:50%;left:50%;max-height:calc(100% - 20px * 2);
  378. transform:translate(-50%, -50%);
  379. width:calc(100% - 20px * 2);display:block;font:11px arimo;
  380. overflow-x:hidden;word-break: break-all;overflow-y:auto;}
  381.  
  382. #lilma3co1_c1:nth-of-type(2) h20 .tumblr_blog,
  383. #lil3_phoset_cap2 h20 .tumblr_blog{font-size:150%;}
  384.  
  385.  
  386. #lilma3co1_c1:nth-of-type(2) h20 p,
  387. #lilma3co1_c1:nth-of-type(2) h20 blockquote,
  388. #lil3_phoset_cap2 h20 p, #lil3_phoset_cap2 h20 blockquote{
  389. margin:10px 0;padding:0px;display:block;}
  390.  
  391. #lil3_phoset_cap2 img, #lil3_phoset_cap2 figure, #lilma3co1_c1 img, #lilma3co1_c1 figure{margin:0px;padding:0px;
  392. display:inline-block;max-width:90%;height:auto;}
  393.  
  394. #lilma3co1_c1 h20::-webkit-scrollbar{width:5px; }
  395.  
  396. #lilma3co1_c1 h20::-webkit-scrollbar-thumb:vertical{
  397. background:{color:borders};}
  398.  
  399. #lilma3co1_c1 h20::-webkit-scrollbar,
  400. #lilma3co1_c1 h20::-webkit-scrollbar-thumb:vertical{
  401. border-width: 2px;border-style:solid;border-color:{color:posts};}
  402.  
  403.  
  404.  
  405. #lilma3_photoset1{position:absolute;width:100%;height:100%;
  406. display: -webkit-flex; -webkit-flex-direction: row; display: flex;flex-direction: row;overflow:hidden;}
  407.  
  408. .lilma3_phst{position:relative;width:100%;height:100%;
  409. background-size:cover;background-position:center;display:none;}
  410.  
  411. .lilma3_phst:nth-of-type(-n+3){display:block;}
  412. .lilma3_phst:nth-of-type(3), .lilma3_phst:nth-of-type(2){margin-left:1px;}
  413.  
  414. #lilma3_photoset1_cap{
  415. position:absolute;width:100%;height:100%;background:{color:posts};
  416. display: -webkit-flex; -webkit-flex-direction: row; display: flex;flex-direction: row;}
  417.  
  418. #lil3_phoset_cap2 h20::-webkit-scrollbar{width:5px; }
  419.  
  420. #lil3_phoset_cap2 h20::-webkit-scrollbar-thumb:vertical{
  421. background:{color:borders};}
  422.  
  423. #lil3_phoset_cap2 h20::-webkit-scrollbar,
  424. #lil3_phoset_cap2 h20::-webkit-scrollbar-thumb:vertical{
  425. border-width: 2px;border-style:solid;border-color:{color:posts};}
  426.  
  427. #lil3_phoset_cap1, #lil3_phoset_cap2{
  428. position:relative;width:100%;height:100%;overflow:hidden;}
  429.  
  430. #lil3_phoset_cap1{width:150%;
  431. display: -webkit-flex; -webkit-flex-direction: column; display: flex;flex-direction: column;}
  432.  
  433. .lilmain:nth-of-type(even) #lil3_phoset_cap1{
  434. display: -webkit-flex; -webkit-flex-direction: row; display: flex;flex-direction: row;}
  435.  
  436. .lilmain:nth-of-type(even) #lil3_phoset_cap1 .lilma3_phst:nth-of-type(2){margin:0 0 0 1px;}
  437.  
  438.  
  439. #lil3_phoset_cap1 .lilma3_phst:nth-of-type(3){display:none;}
  440. #lil3_phoset_cap1 .lilma3_phst:nth-of-type(2){margin:1px 0 0 0;}
  441.  
  442. /*-----------------------LINE #4--*/
  443.  
  444. #lilma4c1p1_dt{position:absolute;text-align:center;
  445. bottom:0px;width:100%;
  446.  
  447. max-height:100%;overflow:hidden;}
  448. #lilma4c1p1_dt a{display:block;}
  449. #lilma4c1p1_dt h40{
  450. display:block;text-transform:lowercase;font:12px arial;font-style:italic;}
  451.  
  452. #lilma4c1p1_dt h41{
  453. font:10px arial;font-weight:bold;text-transform:uppercase;}
  454.  
  455. #lilma4c1p1_dt h42{display:block;margin:5px 0 0;
  456. font:11px arial;font-weight:bold;text-transform:uppercase;}
  457.  
  458. #lilma4c1p1_tg{position:absolute;top:50%;transform:translateY(-50%);
  459. max-height:100%;width:calc(100% - 10px);text-align:right;
  460. font:12px arimo;}
  461.  
  462. #lilma4c1p1_tg a:before{content:'#';font-size:85%;margin-right:2px;}
  463.  
  464. /*-----------------------TOPBAR GRADIENT--*/
  465.  
  466. #tsi1_c0, #tsi1_c0:after{position:absolute;width:100%;}
  467. #tsi1_c00, #tsi1_c00:after{content:'';position:absolute;width:90px;}
  468.  
  469. #tsi1_c0{height:190px;bottom:40px;z-index:-1;
  470. background:-webkit-linear-gradient(0deg, {color:posts}, transparent);
  471. background:-o-linear-gradient(0deg, {color:posts}, transparent);
  472. background:-moz-linear-gradient(0deg, {color:posts}, transparent);
  473. background: linear-gradient(0deg, {color:posts}, transparent);}
  474.  
  475. #tsi1_c0:after{content:'';height:140px;top:-280px;
  476. background:-webkit-linear-gradient(0deg, transparent, {color:posts});
  477. background:-o-linear-gradient(0deg, transparent, {color:posts});
  478. background:-moz-linear-gradient(0deg, transparent, {color:posts});
  479. background: linear-gradient(0deg, transparent, {color:posts});}
  480.  
  481. #tsi1_c00{height:100%;bottom:0px;z-index:-1;left:40px;
  482. background:-webkit-linear-gradient(0deg, {color:posts}, transparent);
  483. background:-o-linear-gradient(0deg, {color:posts}, transparent);
  484. background:-moz-linear-gradient(0deg, {color:posts}, transparent);
  485. background: linear-gradient(90deg, {color:posts}, transparent);}
  486.  
  487. #tsi1_c00:after{height:100%;bottom:0px;z-index:-1;left:340px;
  488. background:-webkit-linear-gradient(0deg, {color:posts}, transparent);
  489. background:-o-linear-gradient(0deg, {color:posts}, transparent);
  490. background:-moz-linear-gradient(0deg, {color:posts}, transparent);
  491. background: linear-gradient(-90deg, {color:posts}, transparent);}
  492.  
  493.  
  494. /*-----------------------TOPBAR VARIOUS--*/
  495. #tsi_c1_link a, #tsi_c1_link a span h23, #tsi1_c1, #inpost1_ch h20,
  496. #lilma3ask_c1, #tsi_c1_link span a h20, #tsi_c1_link span a h21{
  497. transition: all 0.6s ease-in-out 0s;
  498. -moz-transition: all 0.6s ease-in-out 0s;
  499. -webkit-transition: all 0.6s ease-in-out 0s;
  500. -o-transition: all 0.6s ease-in-out 0s;}
  501.  
  502.  
  503. .sty1 #tsi1{display:block;}
  504. .sty2 #tsi2{display:block;}
  505. .sty3 #tsi3{display:block;}
  506.  
  507.  
  508. #tsi1, #tsi2, #tsi3{display:none;}
  509.  
  510. #tsi1, #tsi1_container, #tsi2, #tsi3, #tsi3_con{position:absolute;width:100%;
  511. height:100%;overflow:hidden;}
  512.  
  513. /*------------------------------------------TOPBAR STYLE #1--*/
  514.  
  515. .tsi{position:absolute;background:{color:posts};width:42.5%;margin:5%;
  516. animation: ph2 2.5s ease-in;
  517. height:550px;z-index:999999999999999;border:1px solid {color:background};}
  518.  
  519. #tsi1:after{content:'';
  520. position:absolute;width:calc(100% - 25px * 2);height:calc(100% - 25px * 2);
  521. transform:translate(-50%, -50%);top:50%;left:50%;
  522. background:{color:posts} url('{image:image}');
  523. border:1px solid {color:border};
  524. background-size:cover;background-position:center;z-index:-11;}
  525.  
  526. #tsi1_container{top:50%;left:50%;transform:translate(-50%, -50%);
  527. width:calc(100% - 20px * 5);height:calc(100% - 20px * 5);
  528. display: -webkit-flex; -webkit-flex-direction: row; display: flex;flex-direction: row;}
  529.  
  530. #tsi1-c1{position:relative;width:100%;
  531. display: -webkit-flex; -webkit-flex-direction: column; display: flex;flex-direction: column;}
  532.  
  533. #tsi1-c1:nth-of-type(1) #tsi1_c1:nth-of-type(1){
  534. background-image: url('{image:sidebar}');height:140%;
  535. background-size:cover;background-position:center;}
  536.  
  537. #tsi1-c1:nth-of-type(1) #tsi1_c1:nth-of-type(2){height:auto;}
  538.  
  539.  
  540. #tsi1-c1:nth-of-type(1){margin-right:20px;}
  541. #tsi1_c1:nth-of-type(even){margin:20px 0;}
  542.  
  543. #tsi1_c1{position:relative;width:calc(100% - 2px);height:100%;
  544. border:1px solid {color:borders};}
  545.  
  546. #tsi1_c1:nth-of-type(1), #tsi1_c1:nth-last-of-type(1){
  547. background:{color:gradient 1};}
  548.  
  549. #tsi1_c1:nth-last-of-type(1){margin-bottom:0px;}
  550.  
  551. #tsi1-c1:nth-of-type(1) #tsi1_c1:nth-last-of-type(1){
  552. background:{color:posts};}
  553.  
  554.  
  555. #tsi1_c1_de{position:relative;left:50%;width:calc(100% - 40px);
  556. transform:translateX(-50%);max-height:170px;margin:10px 0;
  557. overflow-x:hidden;overflow-y:auto;padding:10px;text-align:right;
  558. font:11.5px arimo;text-transform:lowercase;}
  559.  
  560. #tsi1_c1_de::-webkit-scrollbar,
  561. #tsi1_c1_de::-webkit-scrollbar-thumb:vertical{
  562. border-color:{color:gradient 1};!important;
  563. border-width:0px!important;}
  564.  
  565. #tsi1_c1_de::-webkit-scrollbar{
  566. width:1px!important;background:{color:posts};}
  567.  
  568. #tsi1_c1_de::-webkit-scrollbar-thumb:vertical{
  569. border-color:{color:borders};
  570. background:{color:borders};width:0px; }
  571.  
  572. #tsi1_c1_de h20{display:block;margin-bottom:10px;
  573. font:20px playfair display;color: {color:gradient 1};text-transform: uppercase;
  574. letter-spacing: .2em;font:18px playfair display;font-weight:bold;}
  575. {block:IfTitleGradient}
  576. #tsi1_c1_de h20{
  577. background-image: -webkit-gradient(linear,40% 0%,80% 0%,from( {color:gradient 1} ),to({color:gradient 2}));
  578. background-image: -moz-gradient(linear,40% 0%,80% 0%,from( {color:gradient 1} ),to({color:gradient 2} ));
  579. background-image: -ms-gradient(linear,40% 0%,80% 0%,from( {color:gradient 1} ),to({color:gradient 2} ));
  580. -webkit-background-clip: text;-moz-background-clip: text;
  581. -ms-background-clip: text;-webkit-text-fill-color: transparent;
  582. -moz-text-fill-color: transparent;-ms-text-fill-color: transparent;}
  583. {/block:IfTitleGradient}
  584.  
  585. #tsi1_c1_de h20:first-line{font-size:140%;font-style:italic;
  586. font-weight:bold;}
  587.  
  588. #tsi_c1_link{position:relative;width:100%;top:50%;transform:translateY(-50%);
  589. overflow:hidden;max-height:100%;}
  590.  
  591. #tsi_c1_link span{position:relative;width:100%;overflow:hidden;
  592. display: -webkit-flex; -webkit-flex-direction: row; display: flex;flex-direction: row; }
  593.  
  594. #tsi_c1_link span a{position:relative;width:100%;height:50px;
  595. overflow:hidden;}
  596.  
  597.  
  598. #tsi_c1_link span a h20, #tsi_c1_link span a h21{
  599. display:block;position:absolute;top:50%;
  600. transform:translateY(-50%);width:100%;text-align:center;}
  601.  
  602. #tsi_c1_link span a h20{left:0%;font:27px arimo;font-weight:bold;}
  603.  
  604. #tsi_c1_link span a h20:before{content:'no.';font-size:60%;}
  605.  
  606. #tsi_c1_link span a h21{left:100%;font:15px playfair display;
  607. font-style:italic;font-weight:bold;}
  608.  
  609. #tsi_c1_link span a:nth-of-type(1) h21{left:-100%;}
  610.  
  611. #tsi_c1_link span a:hover h21{left:0px;}
  612. #tsi_c1_link span a:hover h20{left:100%;}
  613.  
  614. #tsi_c1_link span a:nth-of-type(1):hover h20{left:-100%;}
  615.  
  616. #tsi_c1_song{position:relative;
  617. font:11.5px arimo;padding:10px;
  618. margin-top:0px;max-height:calc(80px - 10px * 2);
  619. overflow-y:auto;overflow-x:hidden;}
  620.  
  621. #tsi_c1_header{height:70px;position:relative;width:100%;
  622. background: {color:gradient 2} url('{image:little header}');
  623.  
  624. background-size:cover;background-position:center;overflow:hidden;}
  625.  
  626. #tsi_c1_header h20{position:relative;overflow:hidden;display:block;
  627. top:50%;transform:translateY(-50%);max-height:50px;
  628. font:20px playfair display;text-align:right;
  629. color:{color:posts};font-style:italic;letter-spacing:4px;
  630. line-height:19px;padding:5px;z-index:999;
  631. text-shadow:-1px 0px 0 {color:borders}, -1px -1px 0 {color:borders},
  632. 1px -1px 0 {color:borders}, -1px 1px 0 {color:borders},
  633. 1px 1px 0 {color:borders};}
  634.  
  635. #tsi_c1_song big{
  636. display:block; font-weight:bold;text-transform:lowercase;
  637. margin-bottom:5px;font-size:130%;text-align:right;
  638. }
  639.  
  640. #tsi_c1_header h20:first-line{font-weight:bold;letter-spacing:-1px;
  641. font-style:normal;font-size:120%;line-height:15px;}
  642.  
  643. {block:IfExtraBox}{block:IfNotLittleHeader}
  644. #tsi1-c1:nth-of-type(2) #tsi1_c1:nth-of-type(2){height:auto;}
  645. {/block:IfNotLittleHeader}{/block:IfExtraBox}
  646.  
  647. {block:IfLittleHeader}
  648. #tsi1-c1:nth-of-type(2) #tsi1_c1:nth-of-type(3){height:auto;}
  649. #tsi1-c1:nth-of-type(2) #tsi1_c1:nth-of-type(2){height:auto;}
  650. {/block:IfLittleHeader}
  651.  
  652.  
  653. #tsi_c1_song::-webkit-scrollbar{width:5px; }
  654.  
  655. #tsi_c1_song::-webkit-scrollbar-thumb:vertical{
  656. background:{color:borders};}
  657.  
  658. #tsi_c1_song::-webkit-scrollbar,
  659. #tsi_c1_song::-webkit-scrollbar-thumb:vertical{
  660. border-width: 2px;border-style:solid;border-color:{color:posts};}
  661.  
  662.  
  663. /*------------------------------------------TOPBAR STYLE #2--*/
  664.  
  665. #tsi2{background:{color:background};}
  666.  
  667. #tsi2_c1{position:absolute;width:50%;height:100%;right:0px;
  668. background:{color:gradient 1} url('{image:sidebar}');
  669. background-size:cover;background-position:center;}
  670.  
  671. #tsi2_r1{position:absolute;color:{color:gradient 1};font:250px arimo;
  672. font-weight:bold;z-index:999;margin:-12%;}
  673.  
  674. #tsi2_c2{position:absolute;width:40%;height:200px;
  675. left:5%;overflow:hidden;top:230px;font:11.5px arimo;color:{color:borders};
  676. z-index:99999;line-height:24px;}
  677.  
  678. #tsi2_c2 h20{font:30px arimo;font-weight:bold;text-transform:lowercase;
  679. color:{color:main};
  680. display:block;margin-bottom:20px;letter-spacing:-2px;}
  681.  
  682. #tsi2_c3{position:absolute;width:calc(90% - 20px);left:5%;bottom:5%;
  683. overflow:hidden;background:{color:gradient 1};z-index:9999;max-height:70px;
  684. padding:10px 10px 0 10px;border:1px solid {color:background};}
  685.  
  686. #tsi2_c3 a{font:11px arimo;color:{color:posts};
  687. display:inline-block;padding:5px;margin:0 0 10px 10px;}
  688.  
  689. #tsi2_c3 a span{
  690. font-size:120%;font-weight:bold;display:inline-block;margin-right:5px;}
  691.  
  692. /*------------------------------------------TOPBAR STYLE #2--*/
  693.  
  694. #tsi3_con{transform:translate(-50%, -50%);top:50%;left:50%;
  695. overflow:hidden;border:1px solid {color:background};
  696. width:calc(100% - 40px * 2);height:calc(100% - 40px * 2);}
  697.  
  698. #tsi3_con1{position:absolute;left:-70px;bottom:150px;z-index:999999;
  699. -ms-transform: rotate(-17deg);-webkit-transform: rotate(-17deg);
  700. transform: rotate(-17deg);}
  701.  
  702. #tsi3_con1:after{content:'';width:100%;height:400px;
  703. position:absolute;top:90%;background:{color:gradient 1};}
  704.  
  705. #tsi3_con1 path{fill:{color:gradient 1};}
  706.  
  707. #tsi3_con2{position:absolute;height:60%;width:60%;right:30px;top:30px;
  708. background:{color:posts} url('{image:sidebar}');
  709. background-size:cover;background-position:center;}
  710.  
  711. #tsi3_con2:after{content:'';position:absolute;height:calc(100% + 10px * 2);
  712. width:calc(100% + 10px * 2);margin:-10px;
  713. border:1px solid {color:background};z-index:-1;}
  714.  
  715. #tsi3_con3:first-line{font-size:125%;line-height:65px;font-style:normal;
  716. letter-spacing:2px;text-transform: uppercase!important;
  717. color:{color:gradient 2};}
  718.  
  719.  
  720. #tsi3_con3{position:absolute;width:110px;max-height:200px;
  721. background:{color:posts};text-align:right;top:70px;z-index:99;
  722. font:38px playfair display;font-weight:bold;font-style:italic;
  723. padding:10px 50px 40px 30px;line-height:30px;letter-spacing:-1.5px;}
  724.  
  725. #tsi3_con3:before{content:'';position:absolute;width:1px;height:100%;
  726. background:{color:background};top:0px;right:57px;z-index:-11;}
  727.  
  728. #tsi3_con3:after{content:'';position:absolute;width:calc(47px);
  729. height:calc(100% - 10px * 2);
  730. border:1px solid {color:background};border-left:0px;
  731. right:10px;background:{color:posts};top:10px;z-index:-1;}
  732.  
  733. #tsi3_con4{position:absolute;width:170px;max-height:195px;
  734. overflow-y:auto;overflow-x:hidden;padding-right:5px;text-transform:lowercase;
  735. font:11.5px arimo;text-align:right;line-height:18px;z-index:99999999999;
  736. bottom:16px;right:10px;color:{color:borders};}
  737.  
  738. #tsi3_con4::-webkit-scrollbar{width:5px;}
  739.  
  740. #tsi3_con4::-webkit-scrollbar-thumb:vertical {background:{color:borders};}
  741.  
  742. #tsi3_con4::-webkit-scrollbar,
  743. #tsi3_con4::-webkit-scrollbar-thumb:vertical{
  744. border-width:5px 2px;border-style:solid;border-color:{color:gradient 1};}
  745.  
  746. #tsi3_con5{position:absolute;bottom:20px;left:20px;
  747. width:230px;max-height:140px;z-index:9999999999;}
  748.  
  749. #tsi3_con5 a{display:inline-block;color:{color:borders};
  750. padding:5px;margin:5px 10px 0 0;font:10.5px arimo;}
  751.  
  752. #tsi3_con5 a span{font-size:110%;
  753. font-weight:bold;color:{color:posts};margin-right:5px;}
  754.  
  755.  
  756. /*----------------------------------------------------VIDEO POST--------*/
  757. {block:IndexPage}
  758. .lilma3video{position:absolute;width:100%;height:100%;overflow:hidden;
  759. display: -webkit-flex; -webkit-flex-direction: column; display: flex;flex-direction: column;}
  760.  
  761. #lilma3_video1{position:relative;width:100%;height:100%;overflow:hidden;}
  762.  
  763. #lilma3_video1:nth-of-type(1){width:100%;height:200%;}
  764.  
  765. .video{position:absolute;top:50%;left:50%;width:100%;opacity:1;
  766. transform: translate(-50%, -50%);z-index:999999999999;}
  767.  
  768. #lilma3_video1 #lil3_phoset_cap2 img{display:none;}
  769. {/block:IndexPage}
  770. /*----------------------------------------------------MUSIC POST--------*/
  771.  
  772. .lilma3_music1{position:absolute;width:calc(100% - 3px);top:50%;left:50%;
  773. height:calc(100% - 3px);background:white;transform:translate(-50%, -50%);
  774. border:1px solid {color:background};}
  775.  
  776. #lilma3_music_wr{position:absolute;margin:60px;width:calc(100% - 60px * 2);
  777. height:calc(100% - 60px * 2);display: -webkit-flex;
  778. -webkit-flex-direction: row;display: flex;flex-direction: row;}
  779.  
  780. #lilma3_music_wr:before{content:'';position:absolute;
  781. width:calc(100% + 20px * 2);height:calc(100% + 20px * 2);
  782. margin:-20px;border:1px solid {color:background};}
  783.  
  784. #lilma3_music2{position:relative;height:100%;width:100%;
  785. background-size:cover;background-position:center;}
  786.  
  787. #lilma3_music4{position:absolute;width:120px;height:90px;bottom:20px;
  788. left:90px;background:white;}
  789.  
  790. #lilma3_music4:before{content:'';position:absolute;
  791. width:calc(100% - 20px * 2);margin:20px 20px 0;
  792. height:calc(100% - 20px * 2);background:white;top:0px;
  793. left:0px;border:1px solid {color:background};border-bottom:0px;
  794. z-index:99999;padding-bottom:1.9px;}
  795.  
  796. #lilma3_music4:after{content:'';position:absolute;width:100%;height:1px;
  797. background:{color:background};bottom:18px;}
  798.  
  799. #lilma3_music2_con{position:absolute;width:calc(90% - 20px * 2 - 10px );
  800. max-height:calc(100% );background:white;margin:-20px 22px;padding:20px;}
  801.  
  802. #lilma3_music2_con:before{position:absolute;content:'';width:calc(100%);
  803. height:calc(100% - 20px);background:white;left:0px;top:0px;
  804. border:1px solid {color:background};border-top:0px; }
  805.  
  806. #lilma3_music2_con span{position:relative;z-index:999;
  807. display:block;width:100%;font:10.5px arimo;padding-bottom:20px;}
  808.  
  809. #lilma3_music2_con span h11{display:block;font:25px playfair display;
  810. line-height:26px;text-transform:lowercase;font-style:italic;font-weight:bold;
  811. text-align:right;letter-spacing:2px;margin-top:-20px;}
  812.  
  813. #lilma3_music2_con span h11:first-line{font-size:150%;font-style:normal;
  814. line-height:30px;letter-spacing:-2px;}
  815.  
  816. #lilma3_music2_con span h12{display:block;font:11.5px arial;margin-top:10px;
  817. text-transform:lowercase;font-style:italic;}
  818.  
  819. #lilma3_music5{position:absolute;height:27px;width:27px;
  820. bottom:45px;left:137px;overflow:hidden;z-index:99999999999;}
  821.  
  822. /*----------------------------------------------------TEXT POST--------*/
  823.  
  824. .lilma3_text{position:relative;display:inline-block;
  825. max-height:100%;top:50%;max-width:100%;left:50%;
  826. transform:translate(-50%, -50%);overflow-y:auto;overflow-x:hidden;}
  827.  
  828. #lilma3_txt_bo p{margin:0px;padding:0px;margin:10px 0 5px;}
  829.  
  830. #lilma3_txt_ti{
  831. font:30px playfair display;color:{color:gradient 2};font-weight:bold;}
  832.  
  833. #lilma3_txt_bo blockquote{padding:2px 10px;margin:0 10px;
  834. border-left:1px solid {color:background};}
  835.  
  836. #lilma3_txt_bo img, #lilma3_txt_bo figure{max-width:70%;margin:0;
  837. padding:0px;display:initial;height:auto;}
  838.  
  839. .lilma3_text::-webkit-scrollbar{width:5px; }
  840.  
  841. .lilma3_text::-webkit-scrollbar-thumb:vertical {background:{color:borders};}
  842.  
  843. .lilma3_text::-webkit-scrollbar,
  844. .lilma3_text::-webkit-scrollbar-thumb:vertical{
  845. border-width: 2px;border-style:solid;border-color:{color:posts};}
  846.  
  847. /*----------------------------------------------------CHAT POST--------*/
  848.  
  849. #lilma3_chat{position:absolute;border:1px solid {color:background};
  850. height:calc(100% - 2px);width:calc(100% - 2px);}
  851.  
  852. #inpost1_ch{position:absolute;width:100%;height:100%;overflow:hidden;
  853. display: -webkit-flex;-webkit-flex-direction: column;
  854. display: flex;flex-direction: column;}
  855.  
  856. #inpost1_ch h20{overflow:hidden;border-top:1px solid {color:background};
  857. color:{color:borders};
  858. background:{color:gradient 1};position:relative;width:100%;height:100%;}
  859.  
  860. #inpost1_ch h20:nth-of-type(1){border:none;}
  861.  
  862. #inpost1_ch h20:hover{height:500%;}
  863.  
  864. #inpost1_ch h20:nth-of-type(even){background:{color:posts};}
  865.  
  866. #inpost1_ch h20 h21{position:relative;top:50%;transform:translateY(-50%);
  867. display:block;padding:0 10px;font:11.5px arimo;text-transform:lowercase; }
  868.  
  869. #inpost1_ch h20 h22{font:18px playfair display;font-style:italic;
  870. display:block;text-align:center;text-transform:uppercase;font-weight:bold;}
  871.  
  872. /*----------------------------------------------------QUOTE POST--------*/
  873.  
  874. #lilma3_quote::-webkit-scrollbar{width:5px; }
  875.  
  876. #lilma3_quote::-webkit-scrollbar-thumb:vertical{
  877. background:{color:background};}
  878.  
  879. #lilma3_quote::-webkit-scrollbar,
  880. #lilma3_quote::-webkit-scrollbar-thumb:vertical{
  881. border-width: 2px;border-style:solid;border-color:{color:posts};}
  882.  
  883. #lilma3_quote{position:relative;top:50%;max-height:100%;
  884. transform:translateY(-50%);overflow-y:auto;overflow-x:hidden;}
  885.  
  886. #lilma3_quote h20{display:block;font:40px playfair display;
  887. font-weight:bold;font-style:italic;line-height:40px;margin-top:-10px;
  888. text-align:center;letter-spacing:2px;}
  889.  
  890. #lilma3_quote h20:first-line{color:{color:gradient 2};
  891. font-style:normal;font-size:150%;line-height:70px;letter-spacing:-3px;}
  892.  
  893. #lilma3_quote h21:before{
  894. content:'―';font-weight:bold;font:20px playfair display;line-height:0px;
  895. margin-right:5px;}
  896.  
  897. #lilma3_quote h21{display:block;margin-top:20px;text-align:right;
  898. font:20px arimo;font-weight:bold;text-transform:uppercase;
  899. font-style:normal!important;padding:0 20px;}
  900.  
  901. /*----------------------------------------------------ASK POST--------*/
  902.  
  903. #lilma3_ask{position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);
  904. border:1px solid {color:background};
  905. display:-webkit-flex;-webkit-flex-direction: column;display: flex;flex-direction: column;}
  906.  
  907. #lilma3ask_c1:hover{height:500%;
  908. transition: all 0.6s ease-in-out 0s;
  909. -moz-transition: all 0.6s ease-in-out 0s;
  910. -webkit-transition: all 0.6s ease-in-out 0s;
  911. -o-transition: all 0.6s ease-in-out 0s;}
  912.  
  913. #lilma3ask_c1{position:relative;
  914. width:100%;height:100%;overflow:hidden; }
  915.  
  916. #lilma3ask_c1 h20{font:30px playfair display;font-weight:bold;
  917. text-transform:lowercase;color:{color:gradient 2};display:block;
  918. letter-spacing:-2px;}
  919.  
  920. #lilma3ask_c1 h21{
  921. font:10.5px arimo!important;text-transform:lowercase;color:{color:borders};}
  922.  
  923.  
  924. #lilma3ask_c1 span{position:relative;padding:0 20px;color:{color:borders};
  925. font:11.5px arimo;text-transform:lowercase;
  926. max-height:100%;overflow-y:auto;overflow-x:hidden;
  927. display:block;top:50%;transform:translateY(-50%);}
  928.  
  929. #lilma3ask_c1 span img, #lilma3ask_c1 span figure{
  930. max-width:90%;margin:0px;padding:0px;height:auto;}
  931.  
  932. #lilma3ask_c1:nth-of-type(1){background:{color:gradient 1};}
  933. #lilma3ask_c1:nth-of-type(2){background:{color:background};}
  934.  
  935.  
  936. #lilma3ask_c1:nth-of-type(1) span::-webkit-scrollbar{width:5px; }
  937. #lilma3ask_c1:nth-of-type(1) span::-webkit-scrollbar-thumb:vertical{
  938. background:{color:background};}
  939. #lilma3ask_c1:nth-of-type(1) span::-webkit-scrollbar,
  940. #lilma3ask_c1:nth-of-type(1) span::-webkit-scrollbar-thumb:vertical{
  941. border-width: 2px;border-style:solid;border-color:{color:gradient 1};}
  942.  
  943.  
  944. #lilma3ask_c1:nth-of-type(2) span::-webkit-scrollbar{width:5px; }
  945. #lilma3ask_c1:nth-of-type(2) span::-webkit-scrollbar-thumb:vertical{
  946. background:{color:borders};}
  947. #lilma3ask_c1:nth-of-type(2) span::-webkit-scrollbar,
  948. #lilma3ask_c1:nth-of-type(2) span::-webkit-scrollbar-thumb:vertical{
  949. border-width: 2px;border-style:solid;border-color:{color:background};}
  950.  
  951.  
  952. #pagbottom_1{top:0px;display:-webkit-flex;
  953. -webkit-flex-direction: row;display:flex;flex-direction: row;}
  954.  
  955. #pagbottom_1{position:absolute;width:100%;height:100%;}
  956.  
  957.  
  958.  
  959. #pagcon{position:relative;width:100%;height:100%;color:{color:borders};
  960. font:30px playfair display;font-style:italic;
  961. text-transform:lowercase;letter-spacing:2px;overflow:hidden;
  962. border-right:1px solid {color:borders};}
  963.  
  964. #pagcon span{position:absolute;top:50%;transform:translateY(-50%);
  965. width:100%;text-align:center;}
  966.  
  967. #pagcon span a{display:block;padding:50px 0;color:{color:borders};}
  968. #pagcon:nth-last-of-type(1){border-right:0px;}
  969.  
  970.  
  971. #smile{position:relative;width:100%;height:100px;background:{color:posts};
  972. display:inline-block;border-top:1px solid {color:borders};
  973. overflow:hidden;margin:0 0 -2px 0;z-index:9999999999999; }
  974.  
  975. /*------------------------------------------------------------------------*/
  976. </style></head>
  977.  
  978. <body><div id="cu"></div>
  979. {block:PermalinkPage}<div id="bgper"></div>{/block:PermalinkPage}
  980. <!---------------------------------------------------------INDEX PAGE-->
  981.  
  982.  
  983. {block:IndexPage}
  984.  
  985.  
  986. <div class="maitop"></div><div class="maibot"></div>
  987.  
  988. <div class="main">
  989. <!------------------------------------------------------------SIDEBAR-->
  990. <div class="tsi"><div class="{select:sidebar style}">
  991. <!---------------------------------------------------------SIDEBAR #1-->
  992. <div id="tsi1"><div id="tsi1_c0"></div><div id="tsi1_c00"></div>
  993. <div id="tsi1_container">
  994. <!-------------------SIDE #1-->
  995. <div id="tsi1-c1">
  996. {block:IfSidebarImage}<div id="tsi1_c1"></div>{/block:IfSidebarImage}
  997.  
  998. <div id="tsi1_c1"><div id="tsi1_c1_de">
  999. <h20>{block:IfSidebarTitle}{text:sidebar title}{/block:IfSidebarTitle}
  1000. {block:IfNotSidebarTitle}{Title}{/block:IfNotSidebarTitle}</h20>
  1001. {Description}
  1002. </div></div></div>
  1003. <!-------------------SIDE #2--><div id="tsi1-c1">
  1004.  
  1005. <div id="tsi1_c1"><div id="tsi_c1_link">
  1006.  
  1007. <span><a href="/"><h20>01</h20><h21>index</h21></a>
  1008. <a href="/ask"><h20>02</h20><h21>ask</h21></a></span>
  1009.  
  1010. <span><a href="/archive"><h20>03</h20><h21>archive</h21></a>
  1011. <a href="https://www.tumblr.com/message/{name}">
  1012. <h20>04</h20><h21>message</h21></a></span>
  1013.  
  1014. {block:IfNotExtraBox}
  1015. {block:ifLink1}<span>
  1016. <a href="{text:Link 1 URL}"><h20>05</h20><h21>{text:Link 1}</h21></a>
  1017. {block:ifLink2}
  1018. <a href="{text:Link 2 URL}"><h20>06</h20><h21>{text:Link 2}</h21></a>
  1019. {/block:ifLink2}
  1020. </span>{/block:ifLink1}
  1021. {block:ifLink3}<span>
  1022. <a href="{text:Link 3 URL}"><h20>07</h20><h21>{text:Link 3}</h21></a>
  1023. {block:ifLink4}
  1024. <a href="{text:Link 4 URL}"><h20>08</h20><h21>{text:Link 4}</h21></a>
  1025. {/block:ifLink4}
  1026. </span>{/block:ifLink3}
  1027. {block:ifLink5}<span>
  1028. <a href="{text:Link 5 URL}"><h20>09</h20><h21>{text:Link 5}</h21></a>
  1029. {block:ifLink6}
  1030. <a href="{text:Link 6 URL}"><h20>10</h20><h21>{text:Link 6}</h21></a>
  1031. {/block:ifLink6}
  1032. </span>{/block:ifLink5}
  1033. {/block:IfNotExtraBox}
  1034. </div></div>
  1035.  
  1036. {block:IfLittleHeader}<div id="tsi1_c1"><div id="tsi_c1_header">
  1037. <h20>{text:little header title}</h20></div></div>
  1038. {/block:IfLittleHeader}
  1039.  
  1040. {block:IfExtraBox}<div id="tsi1_c1"><div id="tsi_c1_song">
  1041. {text:extra box}</div></div>
  1042. {/block:IfExtraBox}
  1043.  
  1044. {block:IfExtraBox}{block:ifLink1}
  1045. <div id="tsi1_c1"><div id="tsi_c1_link">
  1046. <span>
  1047. <a href="{text:Link 1 URL}"><h20>05</h20><h21>{text:Link 1}</h21></a>
  1048. {block:ifLink2}
  1049. <a href="{text:Link 2 URL}"><h20>06</h20><h21>{text:Link 2}</h21></a>
  1050. {/block:ifLink2}</span>
  1051. {block:ifLink3}<span>
  1052. <a href="{text:Link 3 URL}"><h20>07</h20><h21>{text:Link 3}</h21></a>
  1053. {block:ifLink4}
  1054. <a href="{text:Link 4 URL}"><h20>08</h20><h21>{text:Link 4}</h21></a>
  1055. {/block:ifLink4}
  1056. </span>{/block:ifLink3}
  1057. {block:ifLink5}<span>
  1058. <a href="{text:Link 5 URL}"><h20>09</h20><h21>{text:Link 5}</h21></a>
  1059. {block:ifLink6}
  1060. <a href="{text:Link 6 URL}"><h20>10</h20><h21>{text:Link 6}</h21></a>
  1061. {/block:ifLink6}
  1062. </span>{/block:ifLink5}
  1063. </div></div>
  1064. {/block:ifLink1}{/block:IfExtraBox}
  1065.  
  1066. </div>
  1067. <!-------------------SIDE #2--></div>
  1068. </div>
  1069. <!---------------------------------------------------------SIDEBAR #2-->
  1070.  
  1071. <div id="tsi2"><div id="tsi2_r1">0{CurrentPage}.</div>
  1072. <div id="tsi2_c1"></div>
  1073. <div id="tsi2_c2">
  1074. <h20>{block:IfSidebarTitle}{text:sidebar title}{/block:IfSidebarTitle}
  1075. {block:IfNotSidebarTitle}{Title}{/block:IfNotSidebarTitle}</h20>
  1076. {Description}
  1077. </div>
  1078.  
  1079. <div id="tsi2_c3"><a href="/"><span>001.</span>home</a>
  1080. <a href="/ask"><span>002.</span>ask</a>
  1081. <a href="/archive"><span>003.</span>archive</a>
  1082. {block:ifLink1}
  1083. <a href="{text:Link 1 URL}"><span>004.</span>{text:Link 1}</a>{/block:ifLink1}
  1084. {block:ifLink2}
  1085. <a href="{text:Link 2 URL}"><span>005.</span>{text:Link 2}</a>{/block:ifLink2}
  1086. {block:ifLink3}
  1087. <a href="{text:Link 3 URL}"><span>006.</span>{text:Link 3}</a>{/block:ifLink3}
  1088. {block:ifLink4}
  1089. <a href="{text:Link 4 URL}"><span>007.</span>{text:Link 4}</a>{/block:ifLink4}
  1090. {block:ifLink5}
  1091. <a href="{text:Link 5 URL}"><span>008.</span>{text:Link 5}</a>{/block:ifLink5}
  1092. {block:ifLink6}
  1093. <a href="{text:Link 6 URL}"><span>009.</span>{text:Link 6}</a>{/block:ifLink6}
  1094. </div>
  1095.  
  1096. </div>
  1097. <!---------------------------------------------------------SIDEBAR #3-->
  1098. <div id="tsi3"><div id="tsi3_con">
  1099.  
  1100. <div id="tsi3_con5">
  1101. <a href="/"><span>001.</span>home</a><a href="/ask"><span>002.</span>ask</a>
  1102. <a href="/archive"><span>003.</span>archive</a>
  1103. {block:ifLink1}
  1104. <a href="{text:Link 1 URL}"><span>004.</span>{text:Link 1}</a>{/block:ifLink1}
  1105. {block:ifLink2}
  1106. <a href="{text:Link 2 URL}"><span>005.</span>{text:Link 2}</a>{/block:ifLink2}
  1107. {block:ifLink3}
  1108. <a href="{text:Link 3 URL}"><span>006.</span>{text:Link 3}</a>{/block:ifLink3}
  1109. {block:ifLink4}
  1110. <a href="{text:Link 4 URL}"><span>007.</span>{text:Link 4}</a>{/block:ifLink4}
  1111. {block:ifLink5}
  1112. <a href="{text:Link 5 URL}"><span>008.</span>{text:Link 5}</a>{/block:ifLink5}
  1113. {block:ifLink6}
  1114. <a href="{text:Link 6 URL}"><span>009.</span>{text:Link 6}</a>{/block:ifLink6}
  1115. </div>
  1116.  
  1117. <div id="tsi3_con4">{Description} </div><div id="tsi3_con2"></div>
  1118. <div id="tsi3_con3">
  1119. {block:IfSidebarTitle}{text:sidebar title}{/block:IfSidebarTitle}
  1120. {block:IfNotSidebarTitle}{Title}{/block:IfNotSidebarTitle}</div>
  1121. <div id="tsi3_con1"><svg height="200" width="650">
  1122. <path d="M 0 0
  1123. Q 125 250, 420 70, 570 -20, 800 0
  1124. L 600 200
  1125. L 0 200
  1126. L 0 50
  1127. Z"stroke="{color:background}" stroke-width="1" /> </svg> </div>
  1128. </div></div>
  1129. <!---------------------------------------------------------SIDEBAR #3-->
  1130. </div></div>
  1131. <!------------------------------------------------------------SIDEBAR-->
  1132. <div id="main">
  1133.  
  1134.  
  1135. {block:Posts}<div class="lilmain"><div id="lilmain">
  1136.  
  1137. <div id="innerl1"></div><div id="innerl2"></div>
  1138. <div id="innerl3"></div>
  1139.  
  1140. <!---------------------------------------------------------PHOTO-->
  1141.  
  1142. <!--------------------------------#1-->
  1143. <div class="lilma lilma1"><div id="lilma1_c">
  1144. <a href="{Permalink}"target="_blank">
  1145. {PostType} post <div class="counter"></div></a> </div></div>
  1146. <!--------------------------------#2-->
  1147. <div class="lilma lilma2"><div id="lilma2_c1">
  1148. {block:NoteCount}<div id="lilma2c1_c1"><div id="lilma2_c1_nt">
  1149. <a href="{Permalink}"target="_blank"><h20>{NoteCount}</h20></a>
  1150. </div></div>{/block:NoteCount}
  1151. <div id="lilma2c1_c1"><div id="lilma2_c1_nt"><div id="lilma2_c1nt_a">
  1152. <a href="{ReblogURL}"target="_blank">reblog this post</a></div>
  1153. </div></div>
  1154. </div></div>
  1155. <!-----------------------------------------------------------#3-->
  1156. <!--------------------------------------------PHOTO-->
  1157. {block:Photo}<div class="lilma lilma3">
  1158. {block:Caption}<div id="lilma3_co1">
  1159. <div id="lilma3co1_c1"style="background-image:url('{PhotoURL-HighRes}');">
  1160. </div><div id="lilma3co1_c1"><h20>{Caption}</h20></div></div>{/block:Caption}
  1161. <div id="lilma3_co2" style="background-image:url('{PhotoURL-HighRes}');">
  1162. </div></div>
  1163. {/block:Photo}
  1164. <!--------------------------------------------PHOTOSET-->
  1165. {block:Photoset}<div class="lilma lilma3">
  1166. <div id="lilma3_photoset1">{block:Photos}
  1167. <div class="lilma3_phst"style="background-image:url('{PhotoURL-500}');"></div>
  1168. {/block:Photos}</div>
  1169. {block:Caption}<div id="lilma3_photoset1_cap">
  1170. <div id="lil3_phoset_cap1">{block:Photos}
  1171. <div class="lilma3_phst"style="background-image:url('{PhotoURL-500}');"></div>
  1172. {/block:Photos}</div><div id="lil3_phoset_cap2"><h20>{Caption}</h20></div>
  1173. </div>{/block:Caption}
  1174. </div>
  1175. {/block:Photoset}
  1176. <!--------------------------------------------VIDEO-->
  1177. {block:Video}
  1178. <div class="lilma lilma3"><div class="lilma3video">
  1179. <div id="lilma3_video1"><div class="video">{Video-500}</div></div>
  1180. {block:Caption}<div id="lilma3_video1">
  1181. <div id="lil3_phoset_cap2"><h20>{Caption}</h20></div>
  1182. </div>{/block:Caption}
  1183. </div></div>
  1184. {/block:Video}
  1185.  
  1186. <!--------------------------------------------MUSIC-->
  1187. {block:Audio}<div class="lilma lilma3"><div class="lilma3_music1">
  1188. <div id="lilma3_music_wr">
  1189. {block:AlbumArt}
  1190. <div id="lilma3_music2"style="background-image: url('{AlbumArtURL}');"></div>
  1191. {/block:AlbumArt}
  1192. <div id="lilma3_music2"><div id="lilma3_music2_con"><span>
  1193. <h11>{block:TrackName}{TrackName}{/block:TrackName}</h11>
  1194. <h12>{block:Artist}{Artist}{/block:Artist}</h12>
  1195. </span></div></div></div>
  1196. <div id="lilma3_music5">
  1197. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  1198. <div id="lilma3_music4"></div>
  1199. </div></div>
  1200. {/block:Audio}
  1201. <!--------------------------------------------TEXT-->
  1202. {block:Text}<div class="lilma lilma3"><div class="lilma3_text"><span>
  1203. {block:Title}<div id="lilma3_txt_ti">{Title}</div>{/block:Title}
  1204. <div id="lilma3_txt_bo">{Body}</div>
  1205. </span></div></div>
  1206. {/block:Text}
  1207. <!--------------------------------------------LINK-->
  1208. {block:Link}<div class="lilma lilma3"><div class="lilma3_text"><span>
  1209. <div id="lilma3_txt_ti"><a href="{URL}" {Target}>{Name}</a></div>
  1210. <div id="lilma3_txt_bo">
  1211. {block:Description}{Description}{/block:Description}</div>
  1212. </span></div></div>
  1213. {/block:Link}
  1214. <!--------------------------------------------CHAT-->
  1215. {block:Chat}<div class="lilma lilma3">
  1216. <div id="lilma3_chat"><div id="inpost1_ch">
  1217. {block:Title}<h20><h21><h22>{Title}</h22></h21></h20>{/block:Title}
  1218. {block:Lines}<h20 class="{Alt} user_{UserNumber}"><h21>
  1219. {block:Label}{Label}{/block:Label} {Line}
  1220. </h21></h20>{/block:Lines}</div></div>
  1221. </div>{/block:Chat}
  1222. <!--------------------------------------------QUOTE-->
  1223. {block:Quote}<div class="lilma lilma3"><div id="lilma3_quote">
  1224. <h20>{Quote}</h20>{block:Source}<h21>{Source}</h21>{/block:Source}
  1225. </div></div>{/block:Quote}
  1226. <!--------------------------------------------ASK-->
  1227. {block:Answer}<div class="lilma lilma3"><div id="lilma3_ask">
  1228. <div id="lilma3ask_c1">
  1229. <span><h20>{Asker} asked:</h20> <h21>{Question}</h21></span></div>
  1230. <div id="lilma3ask_c1"><span>{Answer}</span></div>
  1231. </div></div>
  1232. {/block:Answer}
  1233. <!--------------------------------------------------->
  1234. <!--------------------------------#4-->
  1235. <div class="lilma lilma4"><div id="lilma4_c1">
  1236. {block:HasTags}<div id="lilma4c1_p1">
  1237. <div id="lilma4c1p1_tg">
  1238. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
  1239. </div>{/block:HasTags}
  1240. <div id="lilma4c1_p1"><div id="lilma4c1p1_dt">
  1241. <a href="{Permalink}"target="_blank">
  1242. <h40>{DayOfWeek}</h40>
  1243. <h41>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h41>
  1244. <h42>{lang:Posted TimeAgo}</h42>
  1245. </a></div></div>
  1246. </div></div>
  1247. <!--------------------------------#4-->
  1248.  
  1249. {/block:Photo}
  1250. <!---------------------------------------------------------PHOTO-->
  1251.  
  1252. </div></div>{/block:Posts}
  1253. {block:Pagination}
  1254. <div id="smile"><div id="pagbottom_1">
  1255. {block:PreviousPage}<div id="pagcon"><span>
  1256. <a href="{PreviousPage}">{lang:Previous page}</a>
  1257. </span></div>{/block:PreviousPage}
  1258. <div id="pagcon"><span>{lang:Page CurrentPage of TotalPages}</span></div>
  1259. {block:NextPage}<div id="pagcon"><span>
  1260. <a href="{NextPage}">{lang:Next page}</a>
  1261. </span></div>{/block:NextPage}
  1262. </div></div>{/block:Pagination}
  1263.  
  1264. </div>
  1265.  
  1266. <div id="space"></div></div>
  1267.  
  1268. {/block:IndexPage}
  1269.  
  1270. <!----------------------------------------------------PERMALINK-->
  1271. {block:PermalinkPage}
  1272. {block:PermalinkPagination}
  1273. {block:PreviousPost}
  1274. <div class="pagleft pmlri"><a href="{PreviousPost}">prev</a></div>
  1275. {/block:PreviousPost}
  1276. {block:NextPost}
  1277. <div class="pagleft pmlle"><a href="{NextPost}">next</a></div>
  1278. {/block:NextPost}
  1279. {/block:PermalinkPagination}
  1280. <div class="tp"><div id="paglin"><a href="/">index</a></div><div class="tp1">
  1281. {block:Posts}
  1282.  
  1283. <div class="tpc1">
  1284.  
  1285. {block:Photoset}<div class="eps"><div id="eps">
  1286. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1287. <div class="photo-data"><div class="pxu-photo">
  1288. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1289. </div></div>
  1290.  
  1291. {/block:Photoset}
  1292.  
  1293. {block:Photo}
  1294. <div class="eps"><div id="eps">
  1295. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}
  1296. </div></div>
  1297. {/block:Photo}
  1298.  
  1299. {block:Video}<div class="eps"><div id="eps"><div class="video">
  1300. {Video-500}</div></div></div>{/block:Video}
  1301.  
  1302. {block:Audio}
  1303. <div class="eps"><div id="eps"><div class="aupo">
  1304. <div id="aupo1"{block:AlbumArt}style="background-image: url('{AlbumArtURL}');"{/block:AlbumArt}></div>
  1305. <div id="aupo2">
  1306. <div id="aupo2_c1"><div id="aupo2_c1p">
  1307. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  1308. <div id="aupo2_c2">
  1309. <h20><span>{block:TrackName}{TrackName}{/block:TrackName}</span></h20></div>
  1310. <div id="aupo2_c3">
  1311. <h21><span>{block:Artist}{Artist}{/block:Artist}</span></h21></div>
  1312. </div>
  1313. </div></div></div>
  1314. {/block:Audio}
  1315.  
  1316.  
  1317. {block:Text}
  1318. <div class="potx">
  1319. {block:Title}<div id="potx1">{Title}</div>{/block:Title}
  1320. <div id="pmcontx">{Body}</div>
  1321. </div>
  1322. {/block:Text}
  1323.  
  1324. {block:Answer}
  1325. <div id="ask1"><h8 style="background-image:url('{AskerPortraitURL-128}');" >
  1326. <b>{Asker} asked</b></h8><h9>{Question}</h9></div>
  1327. <div id="ask2">{Answer}</div>
  1328. {/block:Answer}
  1329.  
  1330. {block:Link}
  1331. <div class="potx"><div id="potx1"><a href="{URL}" {Target}>{Name}</a></div>
  1332. {block:Description}<div id="potx2">{Description}</div>{/block:Description}</div>
  1333. {/block:Link}
  1334.  
  1335. {block:Quote}
  1336. <div class="poquo"><h20>{Quote}</h20>
  1337. {block:Source}<h21>{Source}</h21>{/block:Source}</div>
  1338. {/block:Quote}
  1339.  
  1340. {block:Chat}
  1341. <div id="chatpost">
  1342. {block:Title}<div id="titlechat">{Title}</div>{/block:Title}
  1343. <ul class="chat">
  1344. {block:Lines}<li class="{Alt} user_{UserNumber}">
  1345. {block:Label}<div class="chatl ch1"><b>{Label}</b></div> {/block:Label}
  1346. <div class="chatl ch2">{Line}</div>
  1347. </li>{/block:Lines}</ul></div>
  1348. {/block:Chat}
  1349.  
  1350. {block:Date}
  1351. <div id="tpc2">
  1352. <div id="tpc2_c1">
  1353. {block:NoteCount}<h20><span>{NoteCount}</span></h20>{/block:NoteCount}
  1354. <h21>posted on: {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}</h21>
  1355. <h22>{DayOfWeek} {12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h22></div>
  1356. <div id="tpc2_c4">{block:RebloggedFrom}
  1357. <h11>reblogged from: <a href="{ReblogParentURL}"target="_blank" >{ReblogParentName}</a></h11>
  1358. {/block:RebloggedFrom}{block:ContentSource}
  1359. <h12><a href="{SourceURL}">{lang:Source}:
  1360. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></h12>{/block:ContentSource}</div>
  1361. {block:HasTags}<div id="tpc2_c3"><h20>filed under:</h20>
  1362. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1363. </div>{/block:HasTags}<div id="tpc2_c2">{Caption}</div>
  1364. </div>{block:Date}
  1365.  
  1366. </div>
  1367.  
  1368. {block:Date}<div class="tpc2"></div>{/block:Date}
  1369.  
  1370.  
  1371. <!-----------------------------------------------------------PERMALINK-->
  1372.  
  1373.  
  1374. <!-- {block:NoRebloggedFrom}
  1375. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1376. {/block:NoRebloggedFrom} -->
  1377.  
  1378. {block:ContentSource}<!-- {SourceURL}
  1379. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1380. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1381. {/block:ContentSource}
  1382.  
  1383. {/block:Posts}</div></div>{/block:PermalinkPage}
  1384.  
  1385. </div></div></div></div>
  1386.  
  1387.  
  1388.  
  1389. <!-----------------------------------------------------------CODE ENDS-->
  1390. </body>
  1391.  
  1392.  
  1393. <div class="ya"><a href="https://exoa.tumblr.com/"target="_blank">
  1394. <span></span></a></div>
  1395. <!----------------------------------------SCRIPT---->
  1396.  
  1397.  
  1398. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1399. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  1400.  
  1401. <script>
  1402. $(document).ready(function(){
  1403.  
  1404. $('.photo-slideshow').pxuPhotoset({
  1405. lightbox: true,
  1406. rounded: false,
  1407. gutter: '1px',
  1408. borderRadius: '0px',
  1409. photoset: '.photo-slideshow',
  1410. photoWrap: '.photo-data',
  1411. photo: '.pxu-photo'
  1412. });
  1413.  
  1414. $container.imagesLoaded(function(){
  1415. $container.masonry();
  1416. });
  1417. });
  1418. </script>
  1419. <!----------------------------------------SCRIPT---->
  1420. <script>
  1421. // minimal soundcloud player © eoxk.tumblr
  1422. $(document).ready(function(){
  1423. var color = '{color:gradient 1}'; // color of play button (hex)
  1424. $('.soundcloud_audio_player').each(function(){
  1425. $(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%' });
  1426. });
  1427. });
  1428. </script>
  1429.  
  1430. <script type="text/javascript">
  1431. $(document).scroll(function() {
  1432. $('#space').toggle($(this).scrollTop() > 100);
  1433. });
  1434. </script>
  1435.  
  1436. </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!