API tools faq
paste
yoonora

021 - el valle de osmanthus

yoonora
May 4th, 2016
692
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.57 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3.  
  4. 021 - el valle de osmanthus
  5.  
  6. code made by yoonora/exoa
  7. do not steal.
  8. last updt: 05/03/16
  9. -->
  10.  
  11. <!DOCTYPE HTML><html><head><title>―{title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <!----------------------------------------SETTINGS---->
  15.  
  16. <meta name="image:sidebar" content=""/>
  17. <meta name="image:background" content=""/>
  18.  
  19. <meta name="color:1" content="#eef2f8"/>
  20. <meta name="color:2" content="#fafafe"/>
  21. <meta name="color:3" content="#edf5fe"/>
  22. <meta name="color:4" content="#ddddf5"/>
  23. <meta name="color:main" content="#5d5d5d"/>
  24. <meta name="color:links" content="#3e3e3e"/>
  25. <meta name="color:lines" content="#586aac"/>
  26. <meta name="color:posts" content="#fafafe"/>
  27. <meta name="color:background" content="#f6f5f8"/>
  28.  
  29. <meta name="select:topbar size" content="tosi1" title="250px">
  30. <meta name="select:topbar size" content="tosi2" title="300px">
  31. <meta name="select:topbar size" content="tosi3" title="350px">
  32. <meta name="select:topbar size" content="tosi4" title="400px">
  33. <meta name="select:topbar size" content="tosi5" title="450px">
  34. <meta name="select:topbar size" content="tosi6" title="500px">
  35.  
  36. <meta name="select:post effects" content="pef0" title="none">
  37. <meta name="select:post effects" content="pef1" title="fade in">
  38. <meta name="select:post effects" content="pef2" title="fade in (sides)">
  39. <meta name="select:post effects" content="pef3" title="drop down">
  40. <meta name="select:post effects" content="pef4" title="drop up">
  41.  
  42. <meta name="select:post size" content="posi1" title="250px">
  43. <meta name="select:post size" content="posi2" title="300px">
  44. <meta name="select:post size" content="posi3" title="350px">
  45. <meta name="select:post size" content="posi4" title="400px">
  46. <meta name="select:post size" content="posi5" title="450px">
  47. <meta name="select:post size" content="posi6" title="500px">
  48. <meta name="select:post size" content="posi7" title="550px">
  49. <meta name="select:post size" content="posi8" title="600px">
  50. <meta name="select:post size" content="posic" title="custom width">
  51.  
  52. <meta name="select:number of columns" content="ct1" title="1">
  53. <meta name="select:number of columns" content="ct2" title="2">
  54. <meta name="select:number of columns" content="ct3" title="3">
  55.  
  56. <meta name="select:post info style" content="pt3" title="type #1">
  57. <meta name="select:post info style" content="pt2" title="type #2">
  58. <meta name="select:post info style" content="pt1" title="type #3">
  59.  
  60.  
  61. <meta name="select:caption style" content="cs0" title="none">
  62. <meta name="select:caption style" content="cs1" title="type #1">
  63. <meta name="select:caption style" content="cs2" title="type #2">
  64. <meta name="select:caption style" content="cs3" title="type #3">
  65. <meta name="select:caption style" content="cs4" title="type #4">
  66.  
  67.  
  68. <meta name="select:caption display" content="cd1" title="all posts">
  69. <meta name="select:caption display" content="cd2" title="only on photos">
  70. <meta name="select:caption display" content="cd3" title="only on photos & photosets">
  71. <meta name="select:caption display" content="cd4" title="only on videos">
  72. <meta name="select:caption display" content="cd5" title="only on music posts">
  73. <meta name="select:caption display" content="cd6" title="only on photos, photosets, & videos">
  74. <meta name="select:caption display" content="cd7" title="only on photos, photosets, & music">
  75.  
  76. <meta name="if:page counter" content="1"/>
  77. <meta name="if:topbar effect" content="1"/>
  78. <meta name="if:PIS3" content="0"/>
  79. <meta name="if:border" content="0"/>
  80. <meta name="if:photo filter" content="0"/>
  81. <meta name="if:fade in posts" content="1"/>
  82. <meta name="if:one single color posts" content="0"/>
  83.  
  84. <meta name="text:title" content="papalote"/>
  85. <meta name="text:padding" content="20px"/>
  86. <meta name="text:custom post width" content="320px"/>
  87. <meta name="text:link 1" content=""/>
  88. <meta name="text:link 1 url" content="/"/>
  89. <meta name="text:link 2" content=""/>
  90. <meta name="text:link 2 url" content="/"/>
  91. <meta name="text:link 3" content=""/>
  92. <meta name="text:link 3 url" content="/"/>
  93. <meta name="text:link 4" content=""/>
  94. <meta name="text:link 4 url" content="/"/>
  95. <meta name="text:link 5" content=""/>
  96. <meta name="text:link 5 url" content="/"/>
  97. <meta name="text:link 6" content=""/>
  98. <meta name="text:link 6 url" content="/"/>
  99.  
  100. <!----------------------------------------STYLESHEETS---->
  101. <link rel="stylesheet"
  102. href="http://static.tumblr.com/j2yc61v/IgYo6o44i/y.css">
  103.  
  104. <link rel="stylesheet"
  105. href="http://static.tumblr.com/j2yc61v/Yx4o6oges/e.css">
  106.  
  107.  
  108. <link rel="stylesheet"
  109. href="http://static.tumblr.com/j2yc61v/nxro4q3wj/h.css">
  110.  
  111. <!----------------------------------------------FONTS---->
  112. <link href='https://fonts.googleapis.com/css?family=Sofia|Arimo:400,400italic,700italic|Tinos:400,400italic' rel='stylesheet' type='text/css'>
  113. <!------------------------------------------SCRIPTS---->
  114. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  115. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  116. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  117. <!-------------------------------------------->
  118. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  119.  
  120. <script>
  121. (function($){
  122. $(document).ready(function(){
  123. $("[title]").style_my_tooltips({
  124. tip_follows_cursor:true,
  125. tip_delay_time:200,
  126. tip_fade_speed:300
  127. }
  128. );
  129. });
  130. })(jQuery);
  131. </script>
  132.  
  133. <style type="text/css">
  134.  
  135. /*-------------------------------------MAIN SETTINGS--*/
  136.  
  137. ::-webkit-scrollbar-thumb:vertical {background:{color:lines};
  138. border: 5px solid {color:background};}
  139. ::-webkit-scrollbar {background:{color:2};
  140. border: 5.8px solid {color:background};}
  141.  
  142. body{background:{color:background} url('{image:background}') fixed;
  143. overflow-y:auto;overflow-x:hidden;font:11px arial;color:{color:main};}
  144.  
  145. #s-m-t-tooltip{font:10.5px arial;font-style:italic;
  146. color:{color:main};background:{color:2};
  147. border:1px solid {color:lines};}
  148.  
  149. #s-m-t-tooltip {margin:8px 34px 27px 20px;padding:5px 10px;max-width:200px;
  150. text-transform:lowercase;line-height:100%;
  151. z-index:999999999999999999999999999999999999999999;
  152. transition: all 0.6s ease-in-out 0s;
  153. -moz-transition: all 0.6s ease-in-out 0s;
  154. -webkit-transition: all 0.6s ease-in-out 0s;
  155. -o-transition: all 0.6s ease-in-out 0s;}
  156.  
  157. .ma a{color:{color:links};background:{color:2};
  158. text-decoration:none;font-style:italic;padding:0 2px; }
  159. b, strong {color:{color:main};background:{color:4};}
  160. i, em {color:{color:main};background:{color:3};}
  161.  
  162. b i{background:{color:1};}
  163.  
  164. i b{background:{color:3};}
  165.  
  166. .tmblr-lightbox img {border:5px solid {color:2};}
  167.  
  168. .tmblr-lightbox img a img { border: 5px solid {color:2};!important; }
  169.  
  170. #ask1, #ms05 a:after, #ms05 a{
  171. transition: all 0.6s ease-in-out 0s;
  172. -moz-transition: all 0.6s ease-in-out 0s;
  173. -webkit-transition: all 0.6s ease-in-out 0s;
  174. -o-transition: all 0.6s ease-in-out 0s;}
  175.  
  176. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  177. right: 10px!important;top: 10px!important;z-index: 1000009090000000133300!important;opacity:0.5;
  178. -webkit-filter: invert(100%);-moz-filter: invert(100%);
  179. -o-filter: invert(100%);-ms-filter: invert(100%);
  180. -webkit-transition: opacity 0.7s linear;
  181. -moz-transition: all 0.4s ease-out;
  182. -webkit-transition: all 0.4s ease-out;
  183. transition: all 0.4s ease-out;}
  184.  
  185. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
  186. opacity: 1;
  187. -webkit-transition: opacity 0.7s linear;
  188. -moz-transition: all 0.4s ease-out;
  189. -webkit-transition: all 0.4s ease-out;
  190. transition: all 0.4s ease-out;}
  191.  
  192.  
  193. .ya a:before{background:{color:background};}
  194. .ya:after{background:{color:links};}
  195. .ya a:after, .ya:before{background:{color:lines};}
  196.  
  197. {block:IfTopbarEffect}
  198. .ms{animation: ef1 3s ease;}
  199. {/block:IfTopbarEffect}
  200.  
  201. {block:IfNotTopbarEffect}
  202. .ms{animation: ef2 3s ease;}
  203. {/block:IfNotTopbarEffect}
  204.  
  205. /*--------------------------------------/IF/ OPTIONS--*/
  206. {block:IfBorder}
  207.  
  208. /*--all border--*/
  209. .set, #txse, #aip, .aud, #p2_b3, #titlechat, .chat, #p1_b1, #p1_b3, #capst3, #capst4, #capvm, #tagpag, .perma, #bpa, .ms{
  210. border:1px solid {color:lines};}
  211.  
  212. /*--border left--*/
  213. .ms2 .audi.c1, #p2_b1, blockquote{border-left:1px solid {color:lines};}
  214.  
  215. /*--border right--*/
  216. #txse1, #p2_b1, #p2_b2, .audi.c1, .posi1 .posi2 #per2_b1{
  217. border-right:1px solid {color:lines}!important;}
  218.  
  219. /*--border top--*/
  220. #p2b1_tg, .chat li:nth-child(odd), .chat li:nth-child(even), .p3b1.p32, .p3b1.p31, .p3b1.p33, #capst2, #ps3capt #capvm, .ms2 #ps3capt #capst4, #per1, #per2, #per3, #per4, #per5{
  221. border-top:1px solid {color:lines};}
  222.  
  223. /*--border BOTTOM--*/
  224. #p2_b1, #p2_b2, #p1_b2, .p3b1.p32 h9, .p3b1.p31 h8, #per1, #per3 h8, .set.ans h9{
  225. border-bottom:1px solid {color:lines};}
  226.  
  227.  
  228. /*--etc--*/
  229.  
  230. #aipl{position:absolute;top:50%;margin:1px 0;width:100%;height:1px;
  231. background:{color:lines};}
  232.  
  233. {block:IfPIS3}
  234. .posi1 .posi2 #pask2{border-right:1px solid {color:lines};}
  235. {/block:IfPIS3}
  236.  
  237. .ms2 .pi3 .p3b1.p31, .ms2 .pi3 .p3b1.p32, .ms2 .pi3 .p3b1.p33{
  238. border-top:0px;border-bottom:1px solid {color:lines};}
  239.  
  240. .ps3{border-right:1px solid {color:lines};
  241. border-left:1px solid {color:lines};}
  242.  
  243. #bpa a{border-width:1px;
  244. border-color:{color:lines};!important;}
  245.  
  246. {block:IfNotOneSingleColorPosts}
  247. .p3b1.p33{border-left:1px solid {color:lines};}
  248. .p3b1.p31{border-right:1px solid {color:lines};}
  249. {/block:IfNotOneSingleColorPosts}
  250.  
  251. {/block:IfBorder}
  252.  
  253. {block:IfNotBorder}
  254. #bpa a{border-width:0;}
  255. {/block:IfNotBorder}
  256.  
  257.  
  258. {block:IfNotPhotoFilter}
  259. .seph{opacity:1;}
  260. {/block:IfNotPhotoFilter}
  261.  
  262. {block:IfOneSingleColorPosts}
  263. .ms2 .chat, .set, #p1_b1, #p1_b2, #p1_b3, #p1_b3, #b3_tg, #b3tg, #b3_rf, .aud, #txse, #txse1, #qute, #qutes, #titlechat, .chat, .chat b, #p2_b1, #p2b1_tg, #p2tg, #p2_b2, #p2b2_nt, #p2_b3, #ps3w, #a_war, #capst1, #capst2, #capst4, #capvm, #tagpag, #per1_b1, #per1_b2, .perma, #per1 h8, #per1, #bpa{
  264. background:{color:posts};}
  265.  
  266. /*--COLOR ETC--*/
  267.  
  268. #yae:before, #yae:after, #yat, #yae, #yat:before{
  269. background:{color:posts}!important;}
  270.  
  271. .audi.c1{background:{color:posts};border:1px solid {color:posts};}
  272. #qute, #qute:first-line, #txse1{-webkit-text-stroke-color:{color:posts};
  273. text-shadow: -3px 0px 0px {color:background};}
  274.  
  275. #capst4, #capvm{border-top:1px solid {color:posts};}
  276.  
  277. #per1 h8{-webkit-text-stroke-color:{color:posts};
  278. text-shadow: -2px 0px 0px {color:background};}
  279.  
  280. {/block:IfOneSingleColorPosts}
  281.  
  282.  
  283. {block:IfNotOneSingleColorPosts}
  284.  
  285. .audi.c1{border:1px solid {color:2};}
  286.  
  287. /*----------------------------------ODD & EVEN COLOR--*/
  288.  
  289. /*--COLOR #1--*/
  290.  
  291. .pt2 .ms1 .set, .pt3 .ms1 .set,.ms2 .chat, #p1_b1, .chat li:nth-child(even) b, .audi.c1, .posi1 .aud, .posi2 .aud, .posic .aud, #yae:after, #per1, #per3, #bpa a:nth-child(2){
  292. background:{color:1};}
  293.  
  294. /*--COLOR #2--*/
  295. .pt1 .ms1 .set, .chat, #p2_b2, #p2b2_nt, .p3b1.p31, #yat, #per3 h8,
  296. .perma, #per1 h8, #bpa a:nth-child(3){
  297. background:{color:1};}
  298.  
  299. /*--COLOR #3--*/
  300. #titlechat, .chat b, #p2_b3, .aud, #capst1, #capst2, #capst3, #capst4, #capvm, #tagpag, #per4, .set.ans h9{
  301. background:{color:2};}
  302.  
  303. /*--COLOR #4--*/
  304. .ms2 .set, #p1_b2, #txse, #qute, .chat li:nth-child(even), #p2b1_tg, #p2tg, .p3b1.p33, #yae:before, #per2_b2, #per5, #bpa a:nth-child(1){
  305. background:{color:3};}
  306.  
  307. /*--COLOR #5--*/
  308. #p1_b3, #b3_tg, #b3tg, #b3_rf, #p2_b1, .p3b1.p32, #a_war, #yae, #per2_b1{
  309. background:{color:4};}
  310.  
  311. /*--COLOR ETC--*/
  312.  
  313. #txse1{background:{color:1};-webkit-text-stroke-color:{color:1};
  314. text-shadow: -2px 0px 0px {color:4};}
  315.  
  316. #qute, #qute:first-line{color:{color:lines};
  317. -webkit-text-stroke-color:{color:3};text-shadow: -3px 0px 0px {color:1};}
  318.  
  319. #qutes{background:{color:2};border-top:1px solid {color:4};}
  320.  
  321. #capst4, #ps3capb #capvm{border-top:1px solid {color:2};}
  322.  
  323. #per1 h8{-webkit-text-stroke-color:{color:1};
  324. text-shadow: -2px 0px 0px {color:4};}
  325.  
  326. {/block:IfNotOneSingleColorPosts}
  327.  
  328. /*-----------------------------GENERAL POST SETTINGS--*/
  329.  
  330. {block:IfPIS3}.ct2 .ms2 .pi3, .ct3 .ms2 .pi3, .ms1 #ps3capb, .ms2 #ps3capt{
  331. display:block;}{/block:IfPIS3}
  332. {block:IfNotPIS3}.ct2 .ms2 .pi3t, .ct3 .ms2 .pi3, #ps3capb{display:block;}
  333. .ct3 .ms2 .pi3t{display:block;}.ct3 .ms2 .pi3{display:none;}
  334. {/block:IfNotPIS3}
  335.  
  336.  
  337. #p1_b1, #p1_b3, #p2_b3{border-top:0px;}
  338.  
  339. .set{padding:{text:padding}{block:IfNotPadding}20px{/block:IfNotPadding};}
  340.  
  341. .posic .posts, .ct1 .posic .a{width:{text:custom post width};}
  342.  
  343. /*---------------------------PHOTO, PHOTOSET POSTS----*/
  344.  
  345.  
  346. .seph{block:IfPhotoFilter}, #audim, .video, .posts img, #ask1{/block:IfPhotoFilter}{
  347. -webkit-filter: grayscale(100%) brightness(105%) contrast(120%) sepia(30%);
  348. -moz-filter: grayscale(100%) brightness(105%) contrast(120%) sepia(30%);
  349. -ms-filter: grayscale(100%) brightness(105%) contrast(120%) sepia(30%);
  350. -o-filter: grayscale(100%) brightness(105%) contrast(120%) sepia(30%);
  351. filter: grayscale(100%) brightness(105%) contrast(120%) sepia(30%);
  352. filter: gray;}
  353.  
  354. .sep{left:width:100%;height:100%;z-index:9999;opacity:0.55;
  355. background:{color:1};}
  356.  
  357. {block:IfFadeInPosts}
  358. #seti, #ask1{opacity:0.5;}
  359. .posts:hover #seti, .posts:hover #ask1{opacity:1;}
  360. {/block:IfFadeInPosts}
  361.  
  362.  
  363. {block:IfPhotoFilter}#audim, .video, .posts img, #ask1{opacity:0.5;}
  364. .set:hover .video, #posts:hover .posts img, .posts:hover #ask1{opacity:1;}
  365. {/block:IfPhotoFilter}
  366.  
  367. .posts:hover .sep{block:IfNotPhotoFilter}, .sep{/block:IfNotPhotoFilter} {opacity:0.90;}
  368.  
  369. .posts:hover .seph{block:IfNotPhotoFilter}, .seph{/block:IfNotPhotoFilter} {block:IfPhotoFilter}, .posts:hover #audim, .set:hover .video, #posts:hover .posts img, .posts:hover #ask1{/block:IfPhotoFilter}{
  370. -webkit-filter: grayscale(0%) brightness(100%) contrast(120%) sepia(0%);
  371. -moz-filter: grayscale(0%) brightness(100%) contrast(120%) sepia(0%);
  372. -ms-filter: grayscale(0%) brightness(100%) contrast(120%) sepia(0%);
  373. -o-filter: grayscale(0%) brightness(100%) contrast(120%) sepia(0%);
  374. filter: grayscale(0%) brightness(100%) contrast(120%) sepia(0%);}
  375.  
  376. /*-------------------------------------QUOTE POSTS----*/
  377.  
  378. .set.ans{padding:0px;}
  379. .set.ans #p{padding:10px 20px;font:9.5px arial;}
  380. .set.ans h8{font:19.5px arial;font-style:italic;font-weight:bold;
  381. text-transform:lowercase; text-align:right;display:block;padding:20px;}
  382. .set.ans h8{background-position:center;background-size: auto 180%;}
  383. .set.ans h8 a{background:none;}
  384. #ask1{position:relative;margin:10px;}
  385. .set.ans h8 b{padding:5px 10px;background:rgba(255, 255, 255, 0.7);}
  386. .set.ans h9{display:block;
  387. font:8.5px arial;text-align:right;font-style:italic;padding:10px;}
  388.  
  389. #qute:first-line{color:{color:lines};}
  390. #qute{padding:{text:padding}{block:IfNotPadding}20px{/block:IfNotPadding};}
  391. #b3_rf h11 a{border-bottom:1px solid {color:2};}
  392.  
  393. /*----------------------------------20px STYLES----*/
  394.  
  395. {block:IfPadding}
  396. #capst1{margin:-{text:padding} -120%;}
  397. .set:hover #capst1{margin:-{text:padding};}
  398. #capst2{margin:0 -{text:padding};}
  399.  
  400. #capst2 #p{padding:5px {text:padding};}
  401. #capst3{position:relative;margin:{text:padding} 0 0 0;padding:0 10px 10px;}
  402.  
  403. {/block:IfPadding}
  404.  
  405.  
  406. {block:IfNotPadding}
  407. #capst1{margin:-20px -120%;}
  408. .set:hover #capst1{margin:-20px;}
  409. #capst2{margin:0 -20px;}
  410.  
  411. #capst2 #p{padding:5px 20px;}
  412. #capst3{position:relative;margin:20px 0 0 0;padding:0 10px 10px;}
  413.  
  414. {/block:IfNotPadding}
  415.  
  416. /*-----------------------------------------TAGPAGE----*/
  417. #tagpage:after{background:{color:lines};}
  418.  
  419. /*--------------------*/
  420.  
  421. .photo-slideshow a, .ps3 a{background:none;}
  422. #per5{text-align:left;margin:0px;}
  423. .perma{border-top:0px!important;}
  424.  
  425. /*-----------------------------------------EXTRA----*/
  426.  
  427. /*----------------250PX----*/
  428.  
  429. .tosi1 .ms{width:250px;}
  430. .tosi1 #ms_01, .tosi2 #ms_01{height:200px;}
  431. .tosi1 #ms_02, .tosi2 #ms_02{top:150px;}
  432. .tosi1 #ms_02, .tosi1 #ms_02:after, .tosi2 #ms_02, .tosi2 #ms_02:after{
  433. height:100px;}
  434.  
  435. .tosi1 #ms04 h10, .tosi2 #ms04 h10{font-size:25px;}
  436. .tosi1 #ms04 h11, .tosi1 #ms04 h12, .tosi2 #ms04 h11, .tosi2 #ms04 h12{
  437. display:none;}
  438. .tosi1 #ms_04, .tosi2 #ms_04{top:20px;left:20px;width:50px;height:50px;}
  439.  
  440. .tosi1 .ms_wv{margin:-120px 0;}
  441.  
  442. /*----------------300PX----*/
  443. .tosi2 .ms{width:300px;}
  444.  
  445. /*----------------350PX----*/
  446. .tosi3 .ms{width:350px;}
  447. .tosi3 #ms_01{height:300px;}
  448. .tosi3 #ms_02{top:220px;}
  449. .tosi3 #ms_02, .tosi3 #ms_02:after{height:120px;}
  450.  
  451. /*----------------400PX----*/
  452. .tosi4 .ms{width:400px;}
  453. .tosi4 #ms_01{height:350px;}
  454. .tosi4 #ms_02{top:250px;}
  455. .tosi4 #ms_02, .tosi4 #ms_02:after{height:150px;}
  456.  
  457. .tosi5 .ms{width:450px;}
  458.  
  459. /*--------------------*/
  460.  
  461. .ms{position:relative;margin:100px 0;left:50%;transform: translateX(-50%);
  462. width:500px;overflow:hidden;background:{color:2}; }
  463.  
  464. #ms_01{position:relative;height:350px;
  465. background:{color:1} center url('{image:sidebar}') no-repeat;
  466. background-size:cover;}
  467.  
  468. #ms_03{position:relative;background:{color:2};}
  469.  
  470. #ms03_01{text-align:right;padding:20px;font:11px arimo;
  471. font-style:italic;text-transform:lowercase;}
  472.  
  473. #ms03_02{padding:20px 20px 0;font:15.5px tinos;text-transform:lowercase;}
  474.  
  475. #ms_04{position:absolute;top:30px;left:30px;
  476. width:70px;height:70px;background:#fff;}
  477. #ms04{position:absolute;top:50%; left:50%;transform: translate(-50%, -50%);
  478. text-align:center;width:100%;overflow:hidden;}
  479. #ms04 h10{font:32px arial;font-weight:bold;}
  480. #ms04 h11, #ms04 h12{font:9.5px arial;font-style:italic;}
  481. #ms04 h12{font-weight:bold;}
  482.  
  483. .ms_wv svg {display: inline-block;position: absolute;top: 0;left: 0;}
  484.  
  485. .ms_wv {position: absolute;width: 100%;height:150px;margin:-110px 0;
  486. vertical-align: middle;overflow: hidden;
  487. -ms-transform: rotate(180deg); /* IE 9 */
  488. -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  489. transform: rotate(180deg);}
  490.  
  491. #ms_05{margin:0 5px 5px;text-align:center;}
  492.  
  493. #ms05 a{position:relative;display:inline-block;margin:5px;padding:5px 8px;
  494. background:{color:2};overflow:hidden;border:1px solid {color:2};}
  495.  
  496. #ms05 a:after{content:'';position:absolute;width:100%;height:100%;
  497. top:0px;left:-100%;background:{color:lines};}
  498.  
  499. #ms05 a:hover{color:{color:lines};border:1px solid {color:lines};}
  500.  
  501. #ms05 a:hover:after{left:110%;}
  502.  
  503.  
  504. /*-----------------------------------------------------------END OF CSS----*/
  505. </style></head><body>
  506. <div class="ma">
  507. <!-----------------------------------------------------------START OF BODY-->
  508.  
  509. <div id="bm"></div>
  510.  
  511. <!-----------------------------------------------------------OTHER START-->
  512.  
  513. <!---------------------------------------------------------OPTIONS START-->
  514. <div class="{select:post effects}">
  515. {block:IndexPage}<div class="{select:number of columns}">
  516. <div class="{select:caption display}"><div class="{select:post size}">
  517. <div class="{select:post info style}"><div class="{select:caption style}">
  518. {/block:IndexPage}
  519.  
  520. <!-----------------------------------------------------------OTHER START-->
  521. <div class="{select:topbar size}">
  522. <div class="ms">
  523. <div id="ms_01"></div>
  524. <div class="ms_wv">
  525. <svg viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
  526. <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z" style="stroke: none; fill:{color:2}; "></path></svg>
  527. </div>
  528.  
  529. <div id="ms_03">
  530. <div id="ms03_02">
  531. {block:Iftitle}{text:title}{/block:Iftitle}
  532. {block:IfNottitle}{Title}{/block:IfNottitle}</div>
  533.  
  534. <div id="ms03_01">{Description}</div></div>
  535. <div id="ms_05">
  536. <div id="ms05">
  537. <a href="/">index</a><a href="/ask">ask</a><a href="/archive">archive</a>
  538. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  539. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  540. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  541. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  542. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  543. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  544. </div>
  545. </div>
  546.  
  547. {block:IfPageCounter}
  548. <div id="ms_04"><div id="ms04"><h10>P{CurrentPage}</h10>
  549. <h11>current</h11><h12>page</h12></div></div>{/block:IfPageCounter}
  550.  
  551. </div></div>
  552.  
  553. <!---------------------------------------------------------OPTIONS START-->
  554.  
  555. {block:IndexPage}
  556. <div id="a_war">
  557. <h8> this option is <u>not</u> available, choose again
  558. </h8></div>
  559. {/block:IndexPage}
  560.  
  561. {block:TagPage}<div id="tagpage"><div id="tagpag">{TotalPages}
  562. page(s) tagged with <u>#{Tag}</u></div></div>{/block:TagPage}
  563.  
  564.  
  565. <div class="a">
  566.  
  567. <!-----------------------------------------------------------POSTS START-->
  568. <div class="autopagerize_page_element">{block:Posts}
  569. <div {block:Odd}class="ms1"{/block:Odd}{block:Even}class="ms2"{/block:Even}>
  570. <div id="posts"><div class="posts">
  571.  
  572. <!-------------------------------------INFO #3-->
  573. {block:IndexPage}{block:Date}
  574. <div class="pi3t"><div class="ps3"><div id="ps3w">
  575.  
  576. {block:HasTags}
  577. <div class="p3b1 p31"><div id="p31_tg">
  578. <div id="p">
  579. <h8>filed under:</h8>
  580. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  581. </div></div>
  582. {block:HasTags}
  583.  
  584. <div class="p3b1 p32"><div id="p32_dt">
  585. <h8>{DayOfWeek}</h8>
  586. <h9>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h9>
  587. <h10><a href="{Permalink}"target="_blank">{lang:Posted TimeAgo}</a></h10>
  588. </div></div>
  589.  
  590.  
  591. {block:NoteCount}
  592. <div class="p3b1 p33"><a href="{Permalink}"target="_blank"><div id="p33_nt">
  593. <h8>notes</h8>
  594. <h9>{NoteCount}</h9></a>
  595. <a href="{ReblogURL}"target="_blank">
  596. <h8>reblog</h8></a>
  597. </div></div>
  598. {/block:NoteCount}
  599.  
  600. </div></div></div>
  601. {/block:Date}{/block:IndexPage}
  602. <!-------------------------------------INFO #3-->
  603.  
  604.  
  605.  
  606. <!----------------------------------------PHOTO-->
  607. {block:Photo}
  608. {block:Caption}
  609. <div id="photocap">
  610. <div id="ps3capt"><div id="capst4">{Caption}</div></div></div>
  611. {/block:Caption}
  612. <div class="set">
  613. {block:IndexPage}{block:Caption}
  614. <div id="photocap">
  615. <div id="capst1"><div id="cap1"><div id="p">{Caption}</div></div></div>
  616. <div id="capst2"><div id="p">{Caption}</div></div></div>
  617. {/block:Caption}{/block:IndexPage}
  618.  
  619. <div id="seti">
  620. {block:IndexPage}
  621. <img class="seph sep" src="{PhotoURL-HighRes}" width="100%">
  622. {block:Caption}
  623. <div id="photocap">
  624. <div id="capst3">{Caption}</div></div>
  625. {/block:Caption}
  626.  
  627. {/block:IndexPage}
  628. {block:PermalinkPage}{LinkOpenTag}
  629. <img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}
  630. {/block:PermalinkPage}
  631. </div></div>
  632. {block:Caption}
  633. <div id="photocap">
  634. <div id="ps3capb"><div id="capst4">{Caption}</div></div></div>
  635. {/block:Caption}
  636. {/block:Photo}
  637. <!-------------------------------------PHOTOSET-->
  638. {block:Photoset}
  639. {block:Caption}
  640. <div id="photosetcap">
  641. <div id="ps3capt"><div id="capst4">{Caption}</div></div></div>
  642. {/block:Caption}
  643. <div class="set">
  644. {block:IndexPage}{block:Caption}
  645. <div id="photosetcap">
  646. <div id="capst1"><div id="cap1"><div id="p">{Caption}</div></div></div>
  647. <div id="capst2"><div id="p">{Caption}</div></div></div>
  648. {/block:Caption}{/block:IndexPage}
  649.  
  650. <div id="seti">
  651. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  652. <div class="photo-data"><div class="pxu-photo">
  653. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  654. </div>
  655. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  656. </div>{/block:Photos}</div>
  657. {block:Caption}
  658. <div id="photosetcap"><div id="capst3">{Caption}</div></div>{/block:Caption}
  659. </div></div>
  660. {block:Caption}
  661. <div id="photosetcap">
  662. <div id="ps3capb"><div id="capst4">{Caption}</div></div></div>
  663. {/block:Caption}
  664. {/block:Photoset}
  665. <!-------------------------------------VIDEO-->
  666. {block:Video}
  667. {block:Caption}
  668. <div id="videocap">
  669. <div id="ps3capt"><div id="capvm">{Caption}</div></div></div>
  670. {/block:Caption}
  671.  
  672. <div class="set"><div id="seti">
  673. <div class="video">{Video-500}</div>
  674. </div></div>
  675. {block:Caption}
  676. <div id="videocap">
  677. <div id="ps3capb"><div id="capvm">{Caption}</div></div></div>
  678. {/block:Caption}
  679. {/block:Video}
  680. <!-------------------------------------AUDIO-->
  681. {block:Audio}
  682. {block:Caption}
  683. <div id="audiocap"><div id="ps3capt">
  684. <div id="capvm">{Caption}</div></div></div>
  685. {/block:Caption}
  686.  
  687. <div class="aud"><div class="audi c2">
  688. <h1>{block:TrackName}{TrackName}{/block:TrackName}</h1>
  689. <h2>{block:Artist}{Artist}{/block:Artist}</h2>
  690. </div>
  691. <div id="aip">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  692. <div id="aipl"></div>
  693. <div class="audi c1">
  694. <div id="audim"{block:AlbumArt}style="background-image: url('{AlbumArtURL}');"{/block:AlbumArt}>
  695. </div></div></div>
  696. {block:Caption}
  697. <div id="audiocap"><div id="ps3capb">
  698. <div id="capvm">{Caption}</div></div></div>
  699. {/block:Caption}
  700. {/block:Audio}
  701.  
  702. <!-------------------------------------ASK-->
  703. {block:Answer}
  704. <div class="set ans">
  705. <div id="ask1">
  706. <h8 style="background-image:url('{AskerPortraitURL-128}');" >
  707. <b>{Asker} asked</b></h8></div>
  708.  
  709. <h9>{Question}</h9>
  710. <div id="p">{Answer}</div>
  711. </div>
  712.  
  713. {/block:Answer}
  714.  
  715. <!-------------------------------------TEXT-->
  716. {block:Text}
  717. {block:Title}
  718. <div id="txse"><div id="txse1">{Title}</div>
  719. <div id="txse2">{Seconds}</div></div>
  720. {/block:Title}
  721. <div class="set txt">{Body}</div>
  722. {/block:Text}
  723.  
  724. <!-------------------------------------LINK-->
  725. {block:Link}
  726. <div id="txse"><div id="txse1">
  727. <a href="{URL}" {Target}>{Name}</a></div>
  728. <div id="txse2">{Seconds}</div></div>
  729. {block:Description}
  730. <div class="set txt">{Description}</div>
  731. {/block:Description}
  732. {/block:Link}
  733.  
  734. <!-------------------------------------QUOTE-->
  735. {block:Quote}
  736. <div class="set"><div id="qute">{Quote}</div>
  737. {block:Source}<div id="qutes">{Source}</div>{/block:Source}
  738. </div>
  739. {/block:Quote}
  740.  
  741. <!-------------------------------------CHAT-->
  742. {block:Chat}<div id="chatpost">
  743. {block:Title}<div id="titlechat">{Title}</div>{/block:Title}
  744. <ul class="chat">
  745. {block:Lines}<li class="{Alt} user_{UserNumber}">
  746. {block:Label}<div class="chatl ch1"><b>{Label}</b></div> {/block:Label}
  747. <div class="chatl ch2">{Line}</div>
  748. </li>{/block:Lines}</ul></div>
  749. {/block:Chat}
  750.  
  751. {block:IndexPage}{block:Date}
  752. <!-------------------------------------------------------POST STYLE #1-->
  753. <div class="ps1"><div id="ps1w">
  754. <!---------------------BOX #1-->
  755. <div id="p1_b1"><a href="{Permalink}" target="_blank">
  756. <div id="p1b1_o"><h8><h10>{TimeAgo}</h10></h8><h9>{DayOfWeek}</h9></div>
  757. {block:NoteCount}
  758. <div id="p1b1_t"><h8>{NoteCountWithLabel}</h8></div>
  759. {/block:NoteCount}
  760. </a></div>
  761.  
  762. <!---------------------BOX #2-->
  763. <div id="p1_b2">
  764. <a href="{ReblogURL}"target="_blank">
  765. <div id="p1b2_o"><h9>reblog?</h9><h8>R</h8></div></a>
  766. </div>
  767. <!---------------------BOX #3-->
  768. <div id="p1_b3"><div id="p1b3_b1">
  769.  
  770. <a href="{Permalink}" target="_blank"><div id="b3_dt">
  771. <h8>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h8>
  772. </div></a>
  773.  
  774. {block:ContentSource}
  775. <div id="b3_rf"><div id="b3rf">
  776. {block:RebloggedFrom}
  777. <h11>reblogged from:
  778. <a href="{ReblogParentURL}"target="_blank" >{ReblogParentName}</a></h11>
  779. {/block:RebloggedFrom}
  780. <h11>source:<a href="{SourceURL}">
  781. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></h11>
  782. </div></div>
  783. {/block:ContentSource}
  784.  
  785. {block:HasTags}<div id="b3tg"></div>
  786. <div id="b3_tg"><h8>filed under:</h8>
  787. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  788. </div>
  789. {/block:HasTags}
  790.  
  791. </div></div>
  792. <!---------------------BOX #3-->
  793. </div></div>
  794. <!-------------------------------------------------------POST STYLE #2-->
  795. <div class="ps2"><div id="ps2w">
  796.  
  797. <!---------------------BOX #1-->
  798. <div id="p2_b1">
  799. <a href="{Permalink}" target="_blank"><div id="p2b1_o1"><h10>{TimeAgo}</h10>
  800. <h8>{DayOfWeek}<h9> {12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h9>
  801. </h8></div></a>
  802. {block:HasTags}
  803. <div id="p2b1_tg"><div id="p">
  804. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div></div>
  805. <div id="p2tg"></div>
  806. {/block:HasTags}
  807. </div>
  808. <!---------------------BOX #2-->
  809. <div id="p2_b2">
  810. {block:NoteCount}
  811. <a href="{Permalink}" target="_blank"><div id="p2b2_nt">
  812. <h8>notes</h8><h9>{NoteCount}</h9></div></a>
  813. {/block:NoteCount}
  814. <div id="p2b2_dt"><h12>{ShortMonth}
  815. {DayOfMonth}{DayOfMonthSuffix}</h12></div>
  816. </div>
  817. <!---------------------BOX #2-->
  818. </div>
  819. <a href="{ReblogURL}"target="_blank">
  820. <div id="p2_b3"><h8>reblog</h8> </div></a>
  821. </div>
  822. <!-------------------------------------------------------POST STYLE #3-->
  823.  
  824. <div class="pi3">
  825.  
  826. <div class="ps3"><div id="ps3w">
  827. {block:HasTags}
  828. <div class="p3b1 p31"><div id="p31_tg">
  829. <div id="p">
  830. <h8>filed under:</h8>
  831. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  832. </div></div>
  833. {block:HasTags}
  834.  
  835. <div class="p3b1 p32"><div id="p32_dt">
  836. <h8>{DayOfWeek}</h8>
  837. <h9>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h9>
  838. <h10><a href="{Permalink}"target="_blank">{lang:Posted TimeAgo}</a></h10>
  839.  
  840. </div></div>
  841.  
  842. {block:NoteCount}
  843. <div class="p3b1 p33"><a href="{Permalink}"target="_blank"><div id="p33_nt">
  844. <h8>notes</h8>
  845. <h9>{NoteCount}</h9></a>
  846. <a href="{ReblogURL}"target="_blank">
  847. <h8>reblog</h8></a>
  848. </div></div>
  849. {/block:NoteCount}
  850.  
  851. </div></div>
  852.  
  853. </div>
  854. <!-------------------------------------------------------POST STYLE #3-->
  855. {/block:Date}{/block:IndexPage}
  856.  
  857. <!-----------------------------------------------------------PERMALINK-->
  858. {block:PermalinkPage}{block:Date}
  859. <div class="perma">
  860.  
  861. {block:NoteCount}
  862. <div id="per1"><h8>{NoteCountWithLabel}</h8></div>
  863. {/block:NoteCount}
  864.  
  865. <div id="per2"><div id="per2_b1"><h8>{DayOfWeek}</h8>
  866. <h9>{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</h9> </div>
  867. <div id="per2_b2"><h8>{TimeAgo} </h8></div></div>
  868.  
  869. {block:HasTags}
  870. <div id="per3"><h8>filed under</h8>
  871. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  872. {/block:HasTags}
  873.  
  874.  
  875. {block:RebloggedFrom}
  876. <div id="per4">
  877. <h11>reblogged from: <a href="{ReblogParentURL}"target="_blank" >{ReblogParentName}</a></h11>
  878. {/block:RebloggedFrom}
  879. {block:ContentSource}
  880. <h12><a href="{SourceURL}">{lang:Source}:
  881. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></h12></div>
  882. {/block:ContentSource}
  883.  
  884.  
  885. {block:PostNotes}
  886. <div id="per5">{PostNotes}</div>
  887. {/block:PostNotes}
  888.  
  889.  
  890. </div>
  891. {/block:Date}{/block:PermalinkPage}
  892. <!-----------------------------------------------------------PERMALINK-->
  893.  
  894. </div></div></div>
  895. {/block:Posts}
  896.  
  897. <!-----------------------------------------------------------POSTS END-->
  898. </div></div></div></div></div></div></div></div>
  899.  
  900. <!-- {block:NoRebloggedFrom}
  901. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  902. {/block:NoRebloggedFrom} -->
  903.  
  904. {block:ContentSource}<!-- {SourceURL}
  905. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  906. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  907. {/block:ContentSource}
  908.  
  909. {block:Pagination}<div id="bpa">
  910. {block:PreviousPage}
  911. <a href="{PreviousPage}" style="border-right-style:solid;">{lang:Previous page} </a>
  912. {/block:PreviousPage}
  913. <a href="/" style="align:center;" >{lang:Page CurrentPage of TotalPages}</a>
  914. {block:NextPage}
  915. <a href="{NextPage}"style="border-left-style:solid;">{lang:Next page}</a>
  916. {/block:NextPage}
  917. </div>{/block:Pagination}
  918. </div>
  919. <!-----------------------------------------------------------CODE ENDS-->
  920. <div class="ya"><a href="https://exoa.tumblr.com/"target="_blank">
  921. <span></span></a></div>
  922.  
  923. </body>
  924. <!----------------------------------------SCRIPT---->
  925. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  926. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  927.  
  928. <script>
  929. $(document).ready(function(){
  930.  
  931. $('.photo-slideshow').pxuPhotoset({
  932. lightbox: true,
  933. rounded: false,
  934. gutter: '4px',
  935. borderRadius: '0px',
  936. photoset: '.photo-slideshow',
  937. photoWrap: '.photo-data',
  938. photo: '.pxu-photo'
  939. });
  940. {block:IndexPage}
  941. var $container = $('.a');
  942. $container.masonry({
  943. itemSelector: '.posts',
  944. isFitWidth: false,
  945. isAnimated : true
  946. });
  947. {/block:IndexPage}
  948. $container.imagesLoaded(function(){
  949. $container.masonry();
  950. });
  951. });
  952. </script>
  953. <!----------------------------------------SCRIPT---->
  954. <script>
  955. // minimal soundcloud player © eoxk.tumblr
  956. $(document).ready(function(){
  957. var color = '{color:4}'; // color of play button (hex)
  958. $('.soundcloud_audio_player').each(function(){
  959. $(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%' });
  960. });
  961. });
  962. </script>
  963.  
  964. </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!