API tools faq
paste
Advertisement
ByungKitty

#a4c0d4 // jsw

ByungKitty
May 8th, 2017
106
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <!--
  6.  
  7. lost thm @ yoongity
  8.  
  9. -->
  10.  
  11.  
  12. <link rel="shortcut icon" href="http://68.media.tumblr.com/tumblr_lnvurxvJ8i1qepbs7.png">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  17.  
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:text" content="#9d9c9c"/>
  20. <meta name="color:links" content="#9d9c9c"/>
  21. <meta name="color:link border" content="#a5cae2"/>
  22. <meta name="color:hover" content="#000000"/>
  23. <meta name="color:selection" content="##427ea3"/>
  24. <meta name="color:title" content="#bad8eb"/>
  25. <meta name="color:navigation sidebar" content="#bad8eb"/>
  26. <meta name="color:title border" content="#dfdfdf"/>
  27. <meta name="color:permalink" content="#cccccc"/>
  28. <meta name="color:permalink border" content="#cccccc"/>
  29. <meta name="color:like and reblog" content="#666666"/>
  30. <meta name="color:ask" content="#fbfbfb"/>
  31. <meta name="color:ask border" content="#e7e7e7"/>
  32. <meta name="color:pagination" content="#000000"/>
  33. <meta name="color:scrollbar" content="#bad8eb"/>
  34. <meta name="color:scrollbar track" content="#eeeeee"/>
  35.  
  36. <meta name="color:stripe 1" content="#a5cae2">
  37. <meta name="color:stripe 1 hover" content="#eeeeee">
  38. <meta name="color:stripe 2" content="##b8d5e8">
  39. <meta name="color:stripe 2 hover" content="#cccccc">
  40. <meta name="color:stripe 3" content="#cce1ee">
  41. <meta name="color:stripe 3 hover" content="#eeeeee">
  42. <meta name="color:stripe 4" content="#dfecf5">
  43. <meta name="color:stripe 4 hover" content="#eeeeee">
  44.  
  45.  
  46. <meta name="select:post width" content="250" title="250px" />
  47. <meta name="select:post width" content="275" title="275px" />
  48. <meta name="select:post width" content="300" title="300px" />
  49. <meta name="select:post width" content="350" title="350px" />
  50. <meta name="select:post width" content="400" title="400px" />
  51. <meta name="select:post width" content="450" title="450px" />
  52. <meta name="select:post width" content="500" title="500px" />
  53.  
  54. <meta name="if:sidebar stripes" content="1"/>
  55. <meta name="if:sidebar image 2" content="1"/>
  56. <meta name="if:mini cursor" content="1"/>
  57. <meta name="if:infinite scroll" content="1"/>
  58. <meta name="if:hover tags" content="1"/>
  59. <meta name="if:show title" content="1"/>
  60. <meta name="if:show captions" content="1"/>
  61. <meta name="if:fade posts" content="1"/>
  62. <meta name="if:monochrome posts" content="0"/>
  63.  
  64. <meta name="image:Sidebar Image" content="https://secure.static.tumblr.com/39d844d491794e675bb92108a3629be7/a7rt8st/Q8Lokhzbg/tumblr_static_6pkudei4hm8sgg0ck44wkww0g.jpg"/>
  65. <meta name="image:background" content=""/>
  66.  
  67. <meta name="text:Link 1 URL" content="" />
  68. <meta name="text:Link 1" content="" />
  69. <meta name="text:Link 2 URL" content="" />
  70. <meta name="text:Link 2" content="" />
  71. <meta name="text:Link 3 URL" content="" />
  72. <meta name="text:Link 3" content="" />
  73. <meta name="text:Link 4 URL" content="" />
  74. <meta name="text:Link 4" content="" />
  75.  
  76. <meta name="text:Stripe 1 URL" content="/" />
  77. <meta name="text:Stripe 1" content="link 1" />
  78. <meta name="text:Stripe 2 URL" content="/" />
  79. <meta name="text:Stripe 2" content="link 2" />
  80. <meta name="text:Stripe 3 URL" content="/" />
  81. <meta name="text:Stripe 3" content="link 3" />
  82. <meta name="text:Stripe 4 URL" content="/" />
  83. <meta name="text:Stripe 4" content="link 4" />
  84.  
  85.  
  86.  
  87. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  88.  
  89. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  90.  
  91.  
  92. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  93. <script>
  94. (function($){
  95. $(document).ready(function(){
  96. $("[title]").style_my_tooltips({
  97. tip_follows_cursor:true,
  98. tip_delay_time:200,
  99. tip_fade_speed:300
  100. }
  101. );
  102. });
  103. })(jQuery);
  104. </script>
  105.  
  106.  
  107. <style type="text/css">
  108.  
  109.  
  110. #s-m-t-tooltip{
  111. max-width:300px;
  112. margin:15px;
  113. padding:2px 8px;
  114. border:1px solid #DDD;
  115. border-radius:4px;
  116. background:#FFF;
  117. color:#AAA;
  118. z-index:999999;
  119. font-size:9px;
  120. letter-spacing:.5px;
  121. text-transform:lowercase;
  122. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  123.  
  124.  
  125. ::selection {
  126. background:#fff;
  127. color:{color:selection};
  128.  
  129. }
  130.  
  131. blockquote {
  132. padding-left:15px;
  133. padding-right:3px;
  134. margin:0px;
  135. border-left:1px solid {color:text};
  136. margin-left:15px;
  137. }
  138.  
  139. ul {
  140. padding:0px;margin:5px;list-style-type:none;
  141. }
  142.  
  143. ul li {
  144. position:relative;padding-left:20px;
  145. }
  146.  
  147. ul li:before {
  148. content:'';
  149. position:absolute;
  150. display:block;
  151. top:8px;
  152. left:0px;
  153. width:10px;
  154. height:1px;
  155. background:{color:text};
  156. }
  157.  
  158. body {
  159. background:{color:background} url('{image:background}');background-repeat:repeat;background-attachment:fixed;;
  160. color:{color:text};
  161. font-family:karla, sans-serif;
  162. line-height:15px;
  163. font-size:11px;
  164. font-size:11px;
  165. text-align:left;
  166. margin:0;
  167. line-height:16px; -moz-osx-font-smoothing:grayscale;
  168. -webkit-font-smoothing:antialiased;
  169. font-smoothing:antialiased;
  170.  
  171. }
  172.  
  173.  
  174. a {
  175. color:{color:links};border-bottom:1px solid {color:link border};
  176. text-decoration:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  177. }
  178.  
  179. a:hover {
  180. text-decoration:none;color:{color:hover};-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
  181.  
  182. {block:ifminicursor}
  183. *, body, img { cursor:url(http://static.tumblr.com/vmteopo/Eggo12azo/small_white_cursor.png), auto;}
  184.  
  185. a, a:hover, a:active, a i {cursor:url(http://static.tumblr.com/vmteopo/kOPo12azz/small_white_cursor_help.png), help; }
  186. {/block:ifminicursor}
  187.  
  188.  
  189. img{
  190. opacity:1;
  191. border:none;
  192. -moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  193. text-decoration:none;
  194. {block:ifmonochromeposts}
  195. -webkit-filter:grayscale(80%);
  196. {/block:ifmonochromeposts}
  197. {block:iffadeposts}
  198. opacity:0.8;
  199. {/block:iffadeposts}
  200.  
  201. }
  202.  
  203. img:hover {
  204. opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  205. {block:ifmonochromeposts}
  206. -webkit-filter:grayscale(0%);
  207. {/block:ifmonochromeposts}
  208. }
  209.  
  210. iframe.photoset {
  211. opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;{block:ifmonochromeposts}
  212. -webkit-filter:grayscale(80%);
  213. {/block:ifmonochromeposts}{block:iffadeposts}opacity:0.8;{/block:iffadeposts}
  214. }
  215.  
  216. iframe.photoset:hover {
  217. opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s; {block:ifmonochromeposts}
  218. -webkit-filter:grayscale(0%);
  219. {/block:ifmonochromeposts}
  220. }
  221.  
  222.  
  223.  
  224.  
  225. small {
  226. font-size:9px;}
  227.  
  228. big {
  229. font-size:12px;}
  230.  
  231.  
  232. #title {font-size:12px;
  233. line-height:18px;
  234. font-weight:bold;
  235. margin-bottom:10px;
  236. text-transform:uppercase;
  237. text-align:left;}
  238.  
  239.  
  240. .sidebar {text-align:left;
  241. position:fixed;
  242. margin-left:-245px;
  243. margin-top:170px;
  244. width:135px;z-index:2;
  245. }
  246.  
  247.  
  248. #sidebarim img {opacity:1;z-index:1;border-radius:3px;{block:ifnotsidebarimage2}border-radius:0 50px 50px 50px;{/block:ifnotsidebarimage2}position:fixed;margin-left:-100px;width:80px;margin-top:-5px;-webkit-filter:none;-moz-transition-duration: 0.7s;-o-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
  249.  
  250. #sidebarim img:hover {-webkit-filter:none;-moz-transition-duration: 0.7s;-o-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;transition-duration: 0.9s;opacity:1;z-index:1;
  251. border-radius:0 50px 50px 50px;position:fixed;{block:ifnotsidebarimage2}border-radius:2px;{/block:ifnotsidebarimage2}}
  252.  
  253. #blogt {font-size:18px;font-weight:bold;
  254. border-bottom:1px dashed {color:title border};padding-bottom:10px;margin-bottom:10px;}
  255.  
  256. #blogt a {
  257. color:{color:title};border:none;letter-spacing:.5px;
  258. }
  259.  
  260. .links {
  261. line-height:16px;
  262. text-transform:lowercase;
  263. }
  264.  
  265.  
  266. .links a {
  267. margin-right:5px;border:none;
  268. display:inline-block;color:{color:navigation sidebar};
  269. }
  270.  
  271. #description {
  272. margin:15px 0;
  273. margin-top:0px;
  274. }
  275.  
  276. #pagination {
  277. margin:50px 0 20px -15px;padding-bottom:55px;
  278. width: calc({select:post width}px + 40px) ;
  279. text-transform:lowercase;
  280. font-weight:bold;
  281. {block:ifinfinitescroll}
  282. opacity:0;{/block:ifinfinitescroll}
  283. }
  284.  
  285. #pagination a {
  286. padding:0 15px;border:none;color:{color:pagination};
  287. }
  288.  
  289.  
  290. #con {
  291. left:58%;
  292. margin-left:-190px;
  293. position:absolute;
  294. }
  295.  
  296.  
  297.  
  298. #entries {
  299. margin-top:155px;
  300. width:500px;
  301. }
  302.  
  303.  
  304.  
  305. .posts {
  306. width:{select:post width}px;
  307. {block:IndexPage}
  308. margin-bottom:145px;
  309. {/block:IndexPage}
  310. {block:PermalinkPage}
  311. margin-bottom:50px;
  312. {/block:PermalinkPage}
  313.  
  314. }
  315. .posts img {
  316. max-width:100%;
  317. }
  318.  
  319. .posts img,#posts li, .posts blockquote {max-width:auto;max-height:auto;}
  320. .caption {width:100%;margin-top:none;overflow:auto;padding-top:2px;background:{color:caption};width:auto;padding-left:5px;
  321.  
  322. }
  323.  
  324. blockquote img {width:auto;height:auto;
  325. }
  326.  
  327. #titlequote{text-align:left;
  328. font-size:14px;
  329. line-height:18px;
  330. font-weight:bold;
  331. }
  332. #source {
  333. margin-top:15px;
  334. margin-left:15px;}
  335.  
  336. /*audio*/
  337.  
  338.  
  339. .player {
  340. width:25px;
  341. height:25px;
  342. overflow:hidden;
  343. position:absolute;
  344. background:white;}
  345.  
  346. .audioinfo {
  347. margin-left:50px;
  348. }
  349.  
  350. .q {margin-bottom:10px;
  351. }
  352. .as {
  353. font-weight:bold;
  354.  
  355. }
  356. .as a {
  357. border:none;
  358. }
  359.  
  360. .a {
  361. margin-top:10px;padding-left:8px;
  362. }
  363.  
  364. .chat ol {
  365. padding:0;
  366. list-style:none;
  367. }
  368. .line {padding:5px 0;}
  369.  
  370. .label {font-weight:bold;
  371. }
  372.  
  373.  
  374.  
  375. #permalink {
  376. margin-top:10px;
  377. font-size:9px;padding-top:8px;color:{color:permalink border};-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  378.  
  379. }
  380. #permalink a {border:none;letter-spacing:.5px;color:{color:permalink};
  381. }
  382.  
  383. #permalink a:hover{
  384. {block:IndexPage} padding-left:15px;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;{/block:IndexPage}
  385. }
  386.  
  387. #permalink a:hover {border:none;letter-spacing:.5px;color:{color:hover};
  388. }
  389.  
  390. .tags {
  391. word-break:break-all;opacity:1;
  392. font-size:9px;margin-top:5px;{block:IndexPage}{block:ifhovertags}opacity:0;{/block:ifhovertags}{/block:IndexPage}-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  393.  
  394. }
  395.  
  396. .tags a {
  397. color:{color:permalink};border:none;letter-spacing:.5px;
  398.  
  399.  
  400.  
  401.  
  402. }
  403.  
  404. .posts:hover .tags{
  405. opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  406.  
  407.  
  408.  
  409. }
  410.  
  411. .pagenotes {
  412. {block:IndexPage}
  413. display: none!important;
  414. {/block:IndexPage}
  415. width:calc( {select:post width}px + 10px );
  416. text-align:left;
  417. max-height:250px;height:200px;
  418. overflow:auto;margin-bottom:40px;
  419.  
  420. }
  421. .pagenotes img {
  422. display:none!important;}
  423. .pagenotes li {
  424. list-style-type:none;
  425. padding:5px 0px;
  426. text-align:left;
  427. margin:0 0 0 -40px;
  428. }
  429.  
  430.  
  431.  
  432. .bh {
  433. width: 5px;
  434. margin: 5px;
  435. border-radius: 0 0 30px 30px;
  436. float: left;
  437. }
  438.  
  439. {block:ifsidebarstripes}
  440.  
  441. #bighit {
  442. position: fixed;
  443. width: 180px;
  444. margin-top: 55px;
  445. margin-left: -89px;z-index:-1;
  446. }
  447.  
  448.  
  449.  
  450. #knj {
  451.  
  452. height:80px;
  453. background-color: {color:stripe 1};
  454. -webkit-transition: all 0.4s ease-in-out;
  455. -moz-transition: all 0.4s ease-in-out;
  456. -o-transition: all 0.4s ease-in-out;
  457. -ms-transition: all 0.4s ease-in-out;
  458. transition: all 0.4s ease-in-out;
  459.  
  460.  
  461. }
  462.  
  463. #knj:hover {
  464.  
  465. height:100px;
  466. background-color:{color:stripe 1 hover};}
  467.  
  468.  
  469.  
  470. #ksj {
  471.  
  472. height:70px;
  473. background-color: {color:stripe 2};
  474. -webkit-transition: all 0.4s ease-in-out;
  475. -moz-transition: all 0.4s ease-in-out;
  476. -o-transition: all 0.4s ease-in-out;
  477. -ms-transition: all 0.4s ease-in-out;
  478. transition: all 0.4s ease-in-out;
  479.  
  480.  
  481. }
  482.  
  483. #ksj:hover {
  484.  
  485. height:100px;
  486. background-color:{color:stripe 2 hover};
  487.  
  488. }
  489. #jhs {
  490.  
  491. height:120px;
  492. background-color: {color:stripe 3};
  493. -webkit-transition: all 0.4s ease-in-out;
  494. -moz-transition: all 0.4s ease-in-out;
  495. -o-transition: all 0.4s ease-in-out;
  496. -ms-transition: all 0.4s ease-in-out;
  497. transition: all 0.4s ease-in-out;
  498.  
  499.  
  500. }
  501.  
  502. #jhs:hover {
  503.  
  504. height:140px;
  505. background-color:{color:stripe 3 hover};}
  506.  
  507. #pjm {
  508.  
  509. height:90px;
  510. background-color: {color:stripe 4};
  511. -webkit-transition: all 0.4s ease-in-out;
  512. -moz-transition: all 0.4s ease-in-out;
  513. -o-transition: all 0.4s ease-in-out;
  514. -ms-transition: all 0.4s ease-in-out;
  515. transition: all 0.4s ease-in-out;
  516.  
  517.  
  518. }
  519.  
  520. #pjm:hover {
  521.  
  522. height:110px;
  523. background-color:{color:stripe 4 hover};
  524.  
  525.  
  526. }
  527.  
  528.  
  529.  
  530.  
  531. {/block:ifsidebarstripes}
  532.  
  533. /*like/reblog*/
  534. svg {
  535. width:9px;
  536. height:auto;
  537. opacity:.5;
  538. padding:1px;
  539. display:block;
  540. overflow:visible;
  541. }
  542.  
  543.  
  544. .controls a {
  545. position:relative;
  546. display:inline-block;
  547. padding:1px;
  548. margin:0 1px 0 2px;
  549. width:12px;
  550. height:12px;
  551. fill:{color:like and reblog};
  552. border:none;
  553. }
  554.  
  555.  
  556. .controls a:hover {
  557. border:none;
  558. }
  559.  
  560. .controls .tag {
  561. opacity:.93;
  562. }
  563.  
  564. .controls .tag svg {
  565. width:11px;
  566. margin-top:-1px;
  567. margin-left:-3px;
  568. }
  569.  
  570.  
  571. .controls .reblog {
  572. opacity:.93;
  573. }
  574.  
  575. .controls .reblog svg {
  576. width:8px;
  577. margin-top:0px;
  578. }
  579.  
  580. .controls .like .liked + svg {
  581. opacity:1;
  582. }
  583.  
  584. .controls .like .liked + svg path {
  585. fill:#ec5a5a;
  586. }
  587.  
  588. .controls .like .like_button iframe {
  589. position:absolute;
  590. top:0;
  591. left:0;
  592. bottom:0;
  593. right:0;
  594. width:100%;
  595. height:100%;
  596. z-index:2;
  597. opacity:0;
  598. }
  599.  
  600. svg {
  601. display:block;
  602. width:9px;
  603. height:auto;
  604. opacity:.75;
  605. overflow:visible;
  606. }
  607.  
  608. svg path {
  609. -webkit-transition:fill .6s ease-out;
  610. transition:fill .6s ease-out;
  611. }
  612. .ic {
  613. position:fixed;
  614. top:15px;
  615. right:16px;
  616. }
  617. #tumblr_controls,
  618. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  619. position:fixed!important;
  620. top:0!important;
  621. right:0!important;
  622. opacity:0!important;
  623. -webkit-filter:invert(100%);
  624. -webkit-backface-visibility:hidden;
  625. padding:10px 40px 10px 10px;
  626. -webkit-transition:opacity .3s ease-out;
  627. transition:opacity .3s ease-out;
  628. }
  629. #tumblr_controls:hover,
  630. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {
  631. opacity:.5!important;
  632. }
  633.  
  634. ::-webkit-scrollbar {
  635. width:17px;
  636. height:17px;
  637. }
  638. ::-webkit-scrollbar {
  639. background-color:{color:background};
  640. }
  641. ::-webkit-scrollbar-track {
  642. border:8px solid {color:background};
  643. background-color:{color:scrollbar track};
  644. }
  645. ::-webkit-scrollbar-thumb {
  646. border:8px solid {color:background};
  647. background-color:{color:scrollbar};
  648. }
  649.  
  650. .bts {
  651. text-align:center;cursor:help;
  652. }
  653.  
  654. .myg {
  655. display:none;text-align:left;font-size:10px;margin-top:10px;position:fixed;background:transparent;color:{color:links};width:auto;
  656. }
  657.  
  658. .myg a {border:none;
  659. }
  660.  
  661. .pjm {
  662. text-align:center;cursor:help;
  663. }
  664.  
  665. .jjk {
  666. display:none;text-align:left;font-size:10px;margin-top:10px;position:fixed;background:transparent;color:{color:links};width:135px;
  667. }
  668.  
  669. .jjk a {border:none;
  670. }
  671.  
  672. .search .query {
  673. border: 0;
  674. border-bottom:1px solid {color:border};
  675. outline: 0;
  676. padding: 5px;
  677. font-family: inherit;
  678. font-size: inherit;
  679. color: inherit;text-align:center;
  680. background:transparent;
  681. }
  682.  
  683. ::-webkit-input-placeholder {color: inherit;}
  684. :-moz-placeholder {color: inherit; opacity:1;}
  685. ::-moz-placeholder {color: inherit; opacity:1;}
  686. :-ms-input-placeholder {color: inherit;}
  687.  
  688.  
  689. input:focus::-webkit-input-placeholder {color: transparent;}
  690. input:focus:-moz-placeholder {color: transparent;}
  691. input:focus::-moz-placeholder {color: transparent;}
  692. input:focus:-ms-input-placeholder { color: transparent;}
  693.  
  694. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  695. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  696. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  697. .fade-in {
  698. opacity:0;
  699. -webkit-animation:fadeIn ease-in 1;
  700. -moz-animation:fadeIn ease-in 1;
  701. animation:fadeIn ease-in 1;
  702. -webkit-animation-fill-mode:forwards;
  703. -moz-animation-fill-mode:forwards;
  704. animation-fill-mode:forwards;
  705. -webkit-animation-duration:1s;
  706. -moz-animation-duration:1s;
  707. animation-duration:1s;}
  708. .fade-in.one {
  709. -webkit-animation-delay:0s;
  710. -moz-animation-delay:0s;
  711. animation-delay:0s;}
  712. .fade-in.two {
  713. -webkit-animation-delay:0.8s;
  714. -moz-animation-delay:0.8s;
  715. animation-delay:0.8s;}
  716. .fade-in.three {
  717. -webkit-animation-delay:0.8s;
  718. -moz-animation-delay:0.8s;
  719. animation-delay:0.8s;}
  720.  
  721.  
  722. #scrollToTop:link, #scrollToTop:visited {
  723. color: transparent;
  724. background-color: transparent;
  725. display: none;
  726. border:none;
  727. position: fixed;
  728. bottom: 5px;
  729. right: 5px;
  730. }
  731.  
  732.  
  733.  
  734.  
  735. </style>
  736.  
  737. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  738. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  739. <a href="javascript:;" style="text-align:center;position:fiixed;bottom:20px;right:30px;color:{color:text};z-index:9999;"id="scrollToTop"><i class="fa fa-angle-up fa-2x"></i><br><br>back to top</a>
  740.  
  741. {block:ifinfinitescroll}
  742. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  743. {/block:ifinfinitescroll}
  744.  
  745. <!-- vid script-->
  746. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  747. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  748.  
  749. <!-- end of vid script-->
  750.  
  751. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  752.  
  753. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  754. </script>
  755. <script type="text/javascript">
  756. $(document).ready(function(){
  757. $(".myg").hide();
  758. $(".bts").click(function(){
  759. $(this).next(".myg").slideToggle('fast');
  760. }); }); </script>
  761.  
  762. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  763. </script>
  764. <script type="text/javascript">
  765. $(document).ready(function(){
  766. $(".jjk").hide();
  767. $(".pjm").click(function(){
  768. $(this).next(".jjk").slideToggle('fast');
  769. }); }); </script>
  770.  
  771.  
  772. </head>
  773.  
  774. <body>
  775.  
  776. <div class="ic"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 438.317 438.317" style="enable-background:new 0 0 438.317 438.317;" xml:space="preserve"><g><g><path d="M31.167,266.192l20.4,9.35c8.5,3.967,12.467,13.6,9.35,22.383l-7.933,20.967c-5.95,16.15-3.967,33.433,5.95,47.317 c9.633,14.167,25.5,22.383,42.5,22.383c6.233,0,12.467-1.133,18.417-3.4l20.967-7.933c1.983-0.85,3.967-1.133,6.233-1.133 c6.8,0,13.317,3.967,16.15,10.483l9.35,20.4c8.5,18.7,26.633,30.317,47.033,30.317s38.533-11.617,47.033-30.317l9.35-20.4 c2.833-6.233,9.067-10.483,16.15-10.483c1.983,0,4.25,0.283,6.233,1.133l20.967,8.217c5.95,2.267,12.183,3.683,18.417,3.683l0,0 c16.717,0,32.583-8.783,42.5-22.667c9.633-14.167,11.9-31.45,5.95-47.6l-7.933-20.967c-3.117-8.783,0.85-18.417,9.35-22.383 l20.4-9.35c18.7-8.5,30.317-26.633,30.317-47.033S426.7,180.625,408,172.125l-20.4-9.35c-8.5-3.967-12.467-13.6-9.35-22.383 l7.933-20.967c5.95-16.15,3.967-33.433-5.95-47.317c-9.633-14.167-25.5-22.383-42.5-22.383c-6.233,0-12.467,1.133-18.417,3.4 l-20.967,7.933c-1.983,0.85-3.967,1.133-6.233,1.133c-6.8,0-13.317-3.967-16.15-10.483l-9.35-20.4 c-8.5-18.7-26.633-30.317-47.033-30.317s-39.383,11.9-47.883,30.6l-9.35,20.4c-2.833,6.233-9.067,10.483-16.15,10.483 c-1.983,0-4.25-0.283-6.233-1.133L119,53.408c-5.95-2.267-12.183-3.4-18.417-3.4c-16.717,0-32.583,8.5-42.5,22.383 c-9.633,14.167-11.9,31.45-5.95,47.317l7.933,20.967c3.117,8.783-0.85,18.417-9.35,22.383l-20.4,9.35 C11.617,180.908,0,199.042,0,219.442S12.467,257.692,31.167,266.192z M45.05,203.008l20.4-9.35 c24.65-11.333,36.55-39.95,26.917-65.167l-7.933-20.967c-2.833-7.65,0-13.317,1.983-16.15c4.533-6.8,13.033-9.633,20.967-6.517 l20.967,7.933c5.95,2.267,11.9,3.4,18.133,3.4l0,0c20.117,0,38.533-11.9,47.033-30.317l9.35-20.4 c4.25-9.633,13.317-10.483,16.15-10.483c2.833,0,11.617,0.85,16.15,10.483l9.35,20.4c8.5,18.417,26.917,30.317,47.033,30.317 c6.233,0,12.183-1.133,18.133-3.4l20.967-7.933c7.933-2.833,16.15,0,20.967,6.517c1.983,2.833,4.817,8.5,1.983,16.15 l-7.933,20.967c-9.35,25.217,2.267,53.833,26.917,65.167l20.4,9.35c9.633,4.25,10.483,13.317,10.483,16.15 c0,2.833-0.85,11.617-10.483,16.15l-20.4,9.35c-24.65,11.333-36.55,39.95-26.917,65.167l7.933,20.967 c2.833,7.65,0,13.317-1.983,16.15c-4.533,6.8-13.033,9.633-20.967,6.517l-20.967-7.933c-5.95-2.267-11.9-3.4-18.133-3.4 c-20.117,0-38.533,11.9-47.033,30.317l-9.35,20.4c-4.25,9.633-13.317,10.483-16.15,10.483c-2.833,0-11.617-0.85-16.15-10.483 l-9.35-20.4c-8.5-18.417-26.917-30.317-47.033-30.317c-6.233,0-12.183,1.133-18.133,3.4l-20.967,7.933 c-7.933,2.833-16.15,0-20.967-6.517c-1.983-2.833-4.817-8.5-1.983-16.15l7.933-20.967c9.35-25.217-2.267-53.833-26.917-65.167 l-20.4-9.35c-9.633-4.25-10.483-13.317-10.483-16.15C34.567,216.325,35.417,207.542,45.05,203.008z"/><path d="M218.733,292.825c40.517,0,73.667-33.15,73.667-73.667s-33.15-73.667-73.667-73.667s-73.667,33.15-73.667,73.667 S177.933,292.825,218.733,292.825z M218.733,179.492c21.817,0,39.667,17.85,39.667,39.667s-17.85,39.667-39.667,39.667 s-39.667-17.85-39.667-39.667S196.917,179.492,218.733,179.492z"/></g></g></svg>
  777. </div>
  778.  
  779. <div id="con">
  780.  
  781. <div class="sidebar fade-in one">
  782. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  783.  
  784.  
  785. {block:ifsidebarstripes}
  786.  
  787. <div id="bighit"><center>
  788.  
  789.  
  790.  
  791. {block:ifstripe1url}
  792.  
  793. <a href="{text:stripe 1 URL}" title="{text:stripe 1}">
  794. <div id="knj" class="bh"></div></a>
  795.  
  796. {/block:ifstripe1url}
  797.  
  798.  
  799. {block:ifstripe2url}
  800.  
  801. <a href="{text:stripe 2 URL}" title="{text:stripe 2}">
  802. <div id="ksj" class="bh"></div></a>
  803.  
  804. {/block:ifstripe2url}
  805.  
  806.  
  807. {block:ifstripe3url}
  808.  
  809. <a href="{text:stripe 3 URL}" title="{text:stripe 3}">
  810. <div id="jhs" class="bh"></div></a>
  811.  
  812. {/block:ifstripe3url}
  813.  
  814.  
  815. {block:ifstripe4url}
  816.  
  817. <a href="{text:stripe 4 URL}" title="{text:stripe 4}">
  818. <div id="pjm" class="bh"></div></a>
  819.  
  820. {/block:ifstripe4url}
  821.  
  822.  
  823.  
  824. </center></div>
  825.  
  826.  
  827. {/block:ifsidebarstripes}
  828.  
  829. {block:ifshowtitle}<div id="blogt"><a href="/">{Title}</a></div>{/block:ifshowtitle}
  830. <div id="description">{Description}</div>
  831.  
  832.  
  833. <div class="links">
  834.  
  835. <a href="/" title="home"><i class="fa fa-home fa-lg"></i>
  836. </a>&nbsp;&nbsp;
  837.  
  838. <a href="/ask" title="ask"><i style="font-size:12px;"class="fa fa-envelope"></i>
  839. </a>&nbsp;&nbsp;
  840.  
  841. <a href="/archive" title="archive"><i style="font-size:12px;"class="fa fa-paper-plane "></i></a>&nbsp;&nbsp;
  842.  
  843. <a class="bts" title="search"><i style="font-size:13px;" class="fa fa-search fa-lg"></i></a>&nbsp;&nbsp;
  844.  
  845.  
  846. <div class="myg">
  847.  
  848. <form action="/search" method="get" class="search">
  849. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search tags">
  850. </form>
  851.  
  852. </div>
  853.  
  854.  
  855. <a class="pjm" title="links"><i style="font-size:13px;" class="fa fa-bars fa-lg"></i></a>
  856.  
  857. <div class="jjk">
  858.  
  859. <a href="{text:link 1 url}">{text:link 1}</a><br>
  860. <a href="{text:link 2 url}">{text:link 2}</a><br>
  861. <a href="{text:link 3 url}">{text:link 3}</a><br>
  862. <a href="{text:link 4 url}">{text:link 4}</a><br>
  863.  
  864. </div>
  865.  
  866.  
  867.  
  868. </div>
  869.  
  870.  
  871.  
  872.  
  873. </div>
  874.  
  875.  
  876.  
  877.  
  878. <div id="entries">
  879.  
  880. <!-- {block:NoRebloggedFrom}
  881. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  882. {/block:NoRebloggedFrom} -->
  883.  
  884. <div class="autopagerize_page_element">
  885.  
  886. {block:Posts}
  887. <div class="posts fade-in two">
  888.  
  889.  
  890. {block:Quote}
  891.  
  892.  
  893. <div id="titlequote">“{Quote}”</div>
  894. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  895. {/block:Quote}
  896.  
  897.  
  898.  
  899. {block:Text}
  900.  
  901. {block:Title}
  902. <div id="title">{Title}</div>{/block:Title}
  903. {Body}
  904. {/block:Text}
  905.  
  906. {block:Link}
  907. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  908. {/block:Link}
  909.  
  910. {block:Chat}
  911. {block:Title}
  912. <h1>{Title}</h1>
  913. {/block:Title}
  914. <div class="chat">
  915. <ol>{block:Lines}
  916. <li class="line {Alt}">
  917. {block:Label}
  918. <span class="label">
  919. {Label}</span>
  920. {/block:Label}{Line}</li>
  921. {/block:Lines}
  922. </ol></div>
  923. {/block:Chat}
  924.  
  925. {block:Photo}
  926. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  927. {/block:Photo}
  928.  
  929.  
  930. {block:Photoset}
  931. <div style="max-width:100%;overflow:hidden;">{Photoset}</div>
  932. {block:Photoset}
  933.  
  934. {block:Video}
  935. <div class="video">{Video-500}</div>
  936. {/block:Video}
  937.  
  938. {block:Audio}
  939. <div class="player">{AudioPlayerWhite}</div>
  940. <div class="audioinfo">
  941. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  942. </div>
  943. {/block:Audio}
  944.  
  945. {block:Answer}
  946. <div class="q">
  947. <div class="as"><img src="{AskerPortraitURL-16} " style="padding-top:-2px;border-radius:100%;"/> &nbsp;{Asker} said: </div>
  948. <p style="font-style:italic;padding:8px;border-left:3px solid {color:ask border};background:{color:ask}">{Question}</p></div>
  949. <div class="a">{Answer}</div>
  950. {/block:Answer}
  951.  
  952. {block:ifshowcaptions}
  953. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  954. {/block:ifshowcaptions}
  955.  
  956. {block:Date}
  957. {block:IndexPage}
  958. <div id="permalink"> ╼╼╼
  959. <a href="{Permalink}" >&nbsp;{ShortMonth} {DayOfMonthWithZero} &nbsp;&nbsp; {12HourWithZero}:{Minutes}&nbsp;{CapitalAmPm} &nbsp;&nbsp; {NoteCountWithLabel}</a>
  960.  
  961. {/block:NoteCount}
  962.  
  963. <div class="controls" style="text-align:right;float:right;margin-left:10px;">
  964. <a href="{ReblogURL}" target="_blank" class="reblog">
  965. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  966. </a>
  967. <a href="#" class="like">{LikeButton}
  968. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  969. </a>
  970. </div>
  971.  
  972. </div>
  973.  
  974.  
  975. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}&nbsp;&nbsp;</a>{/block:Tags}</div>{/block:HasTags}
  976.  
  977.  
  978.  
  979.  
  980.  
  981.  
  982.  
  983. {/block:IndexPage}
  984.  
  985. {block:PermalinkPage}
  986.  
  987. <div id="permalink">
  988. <a style="border-top:3px solid {color:title};padding-top:9px;border-radius:2px;color:{color:permalink};" href="{Permalink}" >
  989. {ShortMonth} {DayOfMonth} {Year} at {12HourWithZero}:{Minutes}&nbsp;{CapitalAmPm}</a>&nbsp;<br><a href="{Permalink}"> with {NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;&nbsp;<a style="padding-left:10px;float:right" href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a style="float:right" href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  990.  
  991. {/block:NoteCount}
  992.  
  993. </div>
  994.  
  995.  
  996. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}&nbsp;&nbsp;</a>{/block:Tags}</div>{/block:HasTags}
  997.  
  998. {/block:PermalinkPage}
  999.  
  1000.  
  1001. {/block:Date}
  1002.  
  1003. </div>
  1004.  
  1005.  
  1006. {block:PostNotes}
  1007. <div class="pagenotes fade-in three">
  1008. {PostNotes}
  1009. </div>
  1010. {/block:PostNotes}
  1011.  
  1012.  
  1013. {/block:Posts}
  1014. </div>
  1015.  
  1016. {block:ifnotinfinitescroll}
  1017. <div id="pagination">
  1018. {block:Pagination}
  1019. {block:PreviousPage}
  1020.  
  1021. <a href="{PreviousPage}"style="float:left;"><i style="color:{color:pagination};" class="fa fa-angle-left"></i>&nbsp; back &nbsp;</a>
  1022.  
  1023. {/block:PreviousPage}
  1024.  
  1025. {block:NextPage}
  1026.  
  1027. <a href="{NextPage}" style="float:right;">forth &nbsp;<i style="color:{color:pagination};" class="fa fa-angle-right"></i></a>
  1028.  
  1029. {/block:NextPage}
  1030. {/block:Pagination}
  1031. </div>
  1032. {/block:ifnotinfinitescroll}
  1033.  
  1034.  
  1035.  
  1036. </div>
  1037.  
  1038.  
  1039.  
  1040. </div>
  1041.  
  1042.  
  1043. {block:ContentSource}
  1044. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1045. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1046. {/block:SourceLogo}
  1047. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1048. {/block:ContentSource}
  1049.  
  1050.  
  1051. <a href="http://yoongity.tumblr.com" style="position:fixed;padding:5px;color:#aaa;left:3px;bottom:0px;background:transparent;border:none" title="coded by yoongity"><i class="fa fa-gift"></i></a>
  1052.  
  1053.  
  1054.  
  1055. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!