API tools faq
paste
yoonora

023 - quizás

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