API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 24th, 2019
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7. <!-----------CSS-Tricks Example - MagicLine Demo
  8. by Chris Coyier https://css-tricks.com------------>
  9.  
  10. <!-----------theme 06. northern lights by mrsmilicevic@tumblr
  11. edit if you want but don't steal or remove credit------------>
  12.  
  13.  
  14. <!--------default variables-------->
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:text" content="#7b7b7b"/>
  17. <meta name="color:sidetext" content="#000000"/>
  18. <meta name="color:links" content="#5b5b5b"/>
  19. <meta name="color:links hover" content="#c9c9c9"/>
  20. <meta name="color:scrollbar" content="#3b3b3b"/>
  21. <meta name="color:scrollbar bg" content="#ffffff">
  22. <meta name="color:borders" content="#eeeeee"/>
  23.  
  24. <meta name="image:sidebar image" content=""/>
  25. <meta name="image:background image" content=""/>
  26.  
  27. <meta name="text:link 1 title" content="one">
  28. <meta name="text:link 1" content="/">
  29. <meta name="text:link 2 title" content="two">
  30. <meta name="text:link 2" content="/">
  31. <meta name="text:link 3 title" content="three">
  32. <meta name="text:link 3" content="/">
  33.  
  34. <meta name="if:show link 1" content="1" />
  35. <meta name="if:show link 2" content="1" />
  36. <meta name="if:show link 3" content="1" />
  37. <meta name="if:show sidebar image" content="1" />
  38. <meta name="if:endless scrolling" content="0" />
  39. <meta name="if:lazy load" content="0" />
  40. <meta name="if:hover tags" content="0" />
  41. <meta name="if:album art" content="0" />
  42.  
  43.  
  44. <!-------------------------------------------------------------------->
  45.  
  46. {block:IfLazyLoad}
  47. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  48. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  49. <script type="text/javascript" charset="utf-8">
  50. var $j = jQuery.noConflict();
  51. $j(function() {
  52. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  53. $j("img").lazyload({
  54. placeholder : "https://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  55. effect: "fadeIn",
  56. });
  57. });
  58. </script>
  59. {/block:IfLazyLoad}
  60.  
  61. <!-------------------------------------------------------------------->
  62.  
  63. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  64. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  66. <script>
  67. (function($){
  68. $(document).ready(function(){
  69. $("[title]").style_my_tooltips({
  70. tip_follows_cursor:true,
  71. tip_delay_time:200,
  72. tip_fade_speed:300
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78. <!-------------------------------------------------------------------->
  79.  
  80. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  81. <script>
  82. $(function() {
  83.  
  84. var $el, leftPos, newWidth,
  85. $mainNav = $("#example-one");
  86.  
  87. $mainNav.append("<li id='magic-line'></li>");
  88. var $magicLine = $("#magic-line");
  89.  
  90. $magicLine
  91. .width($(".current_page_item").width())
  92. .css("left", $(".current_page_item a").position().left)
  93. .data("origLeft", $magicLine.position().left)
  94. .data("origWidth", $magicLine.width());
  95.  
  96. $("#example-one li a").hover(function() {
  97. $el = $(this);
  98. leftPos = $el.position().left;
  99. newWidth = $el.parent().width();
  100. $magicLine.stop().animate({
  101. left: leftPos,
  102. width: newWidth
  103. });
  104. }, function() {
  105. $magicLine.stop().animate({
  106. left: $magicLine.data("origLeft"),
  107. width: $magicLine.data("origWidth")
  108. });
  109. });
  110. });
  111. </script>
  112.  
  113. <!-------------------------------------------------------------------->
  114.  
  115. {block:IfEndlessScrolling}
  116. <script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  117. {/block:IfEndlessScrolling}
  118.  
  119. <!-------------------------------------------------------------------->
  120.  
  121.  
  122. <style type="text/css">
  123.  
  124. iframe#tumblr_controls {
  125. top:5px;
  126. right:10px!important;
  127. position:fixed !important;
  128. -webkit-filter: invert(1);
  129. opacity:.6;
  130. filter:alpha(opacity=60);
  131. -moz-opacity:.6;
  132. }
  133.  
  134.  
  135. /*----------tooltips---------*/
  136.  
  137. #s-m-t-tooltip {
  138. max-width:300px;
  139. margin:15px;
  140. padding:2px 5px;
  141. border:1px solid {color:borders};
  142. border-radius:0px;
  143. background:#ffffff;
  144. color:{color:text};
  145. z-index:999999;
  146. font-size:7px;
  147. font-style:none;
  148. letter-spacing:2px;
  149. font-family:arial;
  150. text-transform:uppercase;
  151. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  152. }
  153.  
  154. /*----------scrollbar---------*/
  155.  
  156. ::-webkit-scrollbar {
  157. background-color: {color:scrollbar bg};
  158. height:8px;
  159. width:3px
  160. }
  161.  
  162. ::-webkit-scrollbar-thumb:vertical {
  163. background-color:{color:scrollbar};
  164. height:50px
  165. }
  166.  
  167. ::-webkit-scrollbar-thumb:horizontal {
  168. background-color:{color:scrollbar bg};
  169. height:8px!important
  170. }
  171.  
  172. /*----------basics---------*/
  173.  
  174. body {
  175. background:{color:background} url({image:background image}) repeat right top fixed;
  176. color:{color:text};
  177. font-family:arial;
  178. line-height:15px;
  179. font-size:11px;
  180. margin:0;
  181. text-align:justify;
  182. }
  183.  
  184. blockquote {
  185. padding-left:10px;
  186. border-left:1px solid;
  187. border-color:{color:borders};
  188. margin:10px;
  189. }
  190.  
  191. a {
  192. color:{color:links};
  193. text-decoration:none;
  194. }
  195.  
  196. a:hover {
  197. text-decoration:none;
  198. color: {color:links hover};
  199. -webkit-transition:all 0.5s;
  200. -moz-transition:all 0.5s;
  201. -ms-transition:all 0.5s;
  202. -o-transition:all 0.5s;
  203. transition:all 0.5s;
  204. }
  205.  
  206. img {
  207. opacity:1;
  208. text-decoration:none;
  209. }
  210.  
  211. h1 {
  212. font-size:11px;
  213. letter-spacing:1px;
  214. color:{color:text};
  215. text-transform:uppercase;
  216. padding:10px;
  217. margin-bottom:-15px;
  218. }
  219.  
  220. /*----------posts---------*/
  221.  
  222. .container {
  223. margin-top:70px;
  224. margin-bottom:80px;
  225. left:40%;
  226. width:800px;
  227. position:absolute;
  228. background:transparent;
  229. }
  230.  
  231. .posts {
  232. {block:IndexPage}
  233. margin-bottom:150px;
  234. {/block:IndexPage}
  235. {block:PermalinkPage}
  236. margin-bottom:40px;
  237. {/block:PermalinkPage}
  238. height:100%;
  239. left:500px;
  240. width:250px;
  241. /*background-color:#fdfdfd;*/
  242. margin-top:50px;
  243. margin-bottom:300px;
  244. margin-right:20px;
  245. margin-left:-40px;
  246. padding:10px;
  247. border:1px solid /*rgb(252,2,1)*/ #f0f0f0;
  248. border-radius:3px;
  249.  
  250.  
  251. }
  252.  
  253. .entries {
  254. width:500px;
  255. position:fixed;
  256. top:160px;
  257. padding-top:50px;
  258. padding-bottom:50px;
  259. padding:5px;
  260. line-height:15px;
  261. overflow-x:hidden;
  262. height:70%;
  263. transform:none;
  264. }
  265.  
  266. .posts img, .posts li, .posts blockquote {
  267. max-width: 100%;
  268. }
  269.  
  270. .posts li {
  271. list-style: square;
  272. }
  273.  
  274. blockquote img {
  275. max-width:320px!important;
  276. }
  277.  
  278. .caption {
  279. padding:5px 10px 7px 10px;
  280. }
  281.  
  282. .textpost {
  283. padding:10px;
  284. }
  285.  
  286. /*----------sidebar---------*/
  287.  
  288. .sidebar {
  289. position:fixed;
  290. margin-left:-300px;
  291. width:220px;
  292. height:auto;
  293. {block:IfShowSidebarImage}
  294. margin-top:55px;
  295. {/block:IfShowSidebarImage}
  296. {block:IfNotShowSidebarImage}
  297. margin-top:290px;
  298. {/block:IfNotShowSidebarImage}
  299. }
  300.  
  301. .sidebarimage {
  302. width:220px;
  303. }
  304.  
  305. .sidebarimage img {
  306. width:220px;
  307. margin-bottom:15px;
  308. }
  309.  
  310. .sidetitle {
  311. width:220px;
  312. color:{color:sidetitle};
  313. font-family: arial;
  314. text-transform:uppercase;
  315. font-size:11px;
  316. letter-spacing:2px;
  317. font-weight:bold;
  318. text-align:center;
  319. margin-bottom:10px;
  320. }
  321.  
  322. .nav-wrap {
  323. margin: 20px auto;
  324. background-color: #fff;
  325. border-top:1px solid {color:borders};
  326. border-bottom:1px solid {color:borders};
  327. }
  328.  
  329. /* Clearfix */
  330. .group:after {
  331. visibility: hidden;
  332. display: block;
  333. content: "";
  334. clear: both;
  335. height: 0;
  336. }
  337.  
  338.  
  339. #example-one {
  340. margin:auto;
  341. list-style: none;
  342. position: relative;
  343. width: 220px;
  344. margin-left:-5px;
  345. padding:8px;
  346. }
  347.  
  348. #example-one li {
  349. display: inline-block;
  350. }
  351.  
  352. #example-one a {
  353. color: {color:links};
  354. font-size:7px;
  355. width:220px;
  356. letter-spacing:1px;
  357. text-align:center;
  358. padding: 10px 10px 10px 5px;
  359. text-decoration: none;
  360. text-transform: uppercase;
  361. }
  362.  
  363. #example-one a:hover {
  364. color: #333;
  365. }
  366.  
  367. #magic-line {
  368. position: absolute;
  369. bottom: -1px;
  370. margin-left:-5px;
  371. width: 100px;
  372. height: 1px;
  373. background: #000;
  374. }
  375.  
  376. .current_page_item a {
  377. color: {color:links}; !important;
  378. }
  379.  
  380. .ie6 #example-one li, .ie7 #example-one li {
  381. display: inline-block;
  382. }
  383.  
  384. .ie6 #magic-line {
  385. bottom: -3px;
  386. }
  387.  
  388. .description {
  389. margin-top:15px;
  390. font-size:10px;
  391. width:220px;
  392. font-style:none;
  393. text-align:justify;
  394. }
  395.  
  396. .pagination {
  397. margin-top:10px;
  398. text-align:center;
  399. font-size:7px;
  400. width:220px;
  401. text-transform:uppercase;
  402. letter-spacing:1px;
  403. padding-top:15px;
  404. color:{color:links};
  405. }
  406.  
  407. /*----------post info---------*/
  408.  
  409. .info {
  410. border-top:1px solid {color:borders};
  411. margin-top:15px;
  412. padding-top:15px;
  413. font-size:9px;
  414. }
  415.  
  416. .tags {
  417. text-transform:lowercase;
  418. font-size:9px;
  419. margin-top:10px;
  420. font-style:italic;
  421. {block:IfHoverTags}
  422. opacity: 0.0;
  423. {/block:IfHoverTags}
  424. {block:IfNotHoverTags}
  425. opacity:1.0;
  426. {/block:IfNotHoverTags}
  427. -moz-transition-duration: 0.6s;
  428. -o-transition-duration: 0.6s;
  429. -webkit-transition-duration: 0.6s;
  430. transition-duration: 0.6s;
  431. }
  432.  
  433. .posts:hover .tags {
  434. {block:IfHoverTags}
  435. opacity:1.0;
  436. -moz-transition-duration: 0.6s;
  437. -o-transition-duration: 0.6s;
  438. -webkit-transition-duration: 0.6s;
  439. transition-duration: 0.6s;
  440. {/block:IfHoverTags}
  441. }
  442.  
  443. ol.notes {
  444. padding:0px;
  445. margin:20px 0px;
  446. list-style:none;
  447. border-bottom:solid 0px #f5f5f5;
  448. }
  449.  
  450. ol.notes li.note {
  451. border-top:solid 0px #f5f5f5;
  452. padding:10px;
  453. list-style:none;
  454. }
  455.  
  456. ol.notes li.note img.avatar {
  457. vertical-align: -4px;
  458. margin-right: 10px;
  459. width: 16px;
  460. height: 16px;
  461. border-radius:0%;
  462. }
  463.  
  464. ol.notes li.note span.action {
  465. font-weight: none;
  466. text-transform:lowercase;
  467. letter-spacing:0px;
  468. font-size:11px;
  469. }
  470.  
  471. ol.notes li.note .answer_content {
  472. font-weight: normal;
  473. }
  474.  
  475. ol.notes li.note blockquote {
  476. border-color: {color:border};
  477. padding: 4px 10px;
  478. margin: 10px 10px 10px 25px;
  479. }
  480.  
  481. ol.notes li.note blockquote a {
  482. text-decoration: none;
  483. }
  484.  
  485. .pagenotes {
  486. text-align:left;
  487. }
  488.  
  489. /*----------questions---------*/
  490.  
  491. .asker {
  492. font-size:10px;
  493. margin-bottom:10px;
  494. }
  495.  
  496. .pic {
  497. width:24px;
  498. height:24px;
  499. background:transparent;
  500. }
  501.  
  502. .pic img {
  503. width:24px;
  504. height:24px;
  505. float:left;
  506. border:1px solid {color:borders};
  507. }
  508.  
  509. .question {
  510. background:#fafafa;
  511. padding:15px 20px 20px 20px;
  512. font-size:11px;
  513. font-style:none;
  514. z-index:1;
  515. }
  516.  
  517. .answer {
  518. margin-left:2px;
  519. padding:5px;
  520. margin-top:-8px;
  521. margin-bottom:-5px;
  522. }
  523.  
  524.  
  525. /*----------audio---------*/
  526.  
  527. .newplayerbutton {
  528. position: relative;
  529. width: 30px;
  530. height: 40px;
  531. overflow: hidden;
  532. }
  533.  
  534. .playerbuttonhug {
  535. position: absolute;
  536. top: 0px;
  537. left: 10px;
  538. }
  539.  
  540. .tumblr_audio_player {
  541. border: none;
  542. padding: 0px;
  543. margin: 0px;
  544. height: 50px;
  545. width: 500px;
  546. }
  547.  
  548. .playerbuttonbg {
  549. position: absolute;
  550. left: 0px;
  551. top: 0px;
  552. width: 50px;
  553. height: 50px;
  554. {block:IfAlbumArt}
  555. background-color: #e4e4e4;
  556. {/block:IfAlbumArt}
  557. {block:IfNotAlbumArt}
  558. background-color: #000000;
  559. {/block:IfNotAlbumArt}
  560. padding:10px;
  561. -webkit-border-radius: 0px;
  562. -moz-border-radius: 0px;
  563. border-radius: 0px;
  564. {block:IfAlbumArt}
  565. opacity: .3;
  566. {block:IfAlbumArt}
  567. {block:IfNotAlbumArt}
  568. opacity: 1;
  569. {block:IfNotAlbumArt}
  570. filter: alpha(opacity=40);
  571. -moz-opacity: 0.4;
  572. -khtml-opacity: 0.4;
  573. transition: opacity .7s ease-in-out;
  574. -moz-transition: opacity .7s ease-in-out;
  575. -webkit-transition: opacity .7s ease-in-out;
  576. }
  577.  
  578. .playerbuttonbg:hover {
  579. opacity: 1;
  580. filter: alpha(opacity=100);
  581. -moz-opacity: 1;
  582. -khtml-opacity: 1;
  583. }
  584.  
  585. .audioimgwrapper {
  586. position: absolute;
  587. left: 0px;
  588. top: 0px;
  589. -webkit-border-radius: 50px;
  590. -moz-border-radius: 50px;
  591. border-radius: 0px;
  592. overflow: hidden;
  593. width:70px;
  594. height:70px;
  595. }
  596.  
  597. .audioimgwrapper img {
  598. width: 100%;
  599. height: auto;
  600. -webkit-border-radius: 50px;
  601. -moz-border-radius: 50px;
  602. border-radius: 0px;
  603. }
  604.  
  605. .audiowrapper {
  606. position: relative;
  607. display:inline-block;
  608. }
  609.  
  610. .trackdetails {
  611. width: auto;
  612. display:inline-block;
  613. min-height:55px;
  614. font-size:11px;
  615. text-align:center;
  616. margin-bottom:20px;
  617. font-style:italic;
  618. letter-spacing:2px;
  619. text-transform:lowercase;
  620. padding:10px;
  621. line-height:20px;
  622. margin-top:-5px;
  623. background-color:#fff;
  624. width:475px;
  625. }
  626.  
  627.  
  628.  
  629. /*----------chat---------*/
  630.  
  631. .chat {
  632. line-height:160%;
  633. list-style:none;
  634. }
  635.  
  636. .line.odd {
  637. background:#fafafa;
  638. margin-bottom:2px;
  639. padding:5px;
  640. list-style:none;
  641. font-size:10px;
  642. }
  643.  
  644. .line.even {
  645. background:#ffffff;
  646. margin-bottom:2px;
  647. padding:5px;
  648. list-style:none;
  649. font-size:10px;
  650. }
  651.  
  652. .label {
  653. padding-right:1px;
  654. text-transform:uppercase;
  655. font-weight:bold;
  656. color:{color:links};
  657. }
  658.  
  659. /*----------quotes---------*/
  660.  
  661. .quote {
  662. font-size:14px;
  663. line-height:150%;
  664. padding:10px;
  665. margin-top:-10px;
  666. font-style:italic;
  667. text-align:center;
  668. }
  669.  
  670. .quotesource {
  671. margin-top:7px;
  672. font-size:9px;
  673. text-transform:uppercase;
  674. letter-spacing:1px;
  675. text-align:center;
  676. }
  677.  
  678. /*----------credit---------*/
  679.  
  680. .credit {
  681. font-size:8px;
  682. position:fixed;
  683. font-weight:bold;
  684. bottom:5px;
  685. right:15px;
  686. z-index:10;
  687. text-align:right;
  688. letter-spacing:1px;
  689. padding:2px;
  690. border-top:0px solid {color:borders};
  691. }
  692.  
  693. .credit a {
  694. color:{color:links};
  695. text-decoration:none;
  696. }
  697.  
  698. .credit a:hover {
  699. color:{color:links hover};
  700. text-decoration:none;
  701. }
  702.  
  703.  
  704. #d {
  705. margin-top:20px;
  706. position:fixed;
  707. margin-left:-100px;;
  708. width:335px;
  709. height:60px;
  710. padding:14px;
  711. border:1px solid #eeeeee;
  712. background:url("https://image.ibb.co/jaKh9R/hurhur.png");
  713. background-size: 365px 90px;
  714. left: 50%;
  715. position:fixed;
  716. }
  717.  
  718. #da {
  719. background:transparent;
  720. border:1px solid #eeeeee;
  721. padding:2px;
  722. margin-top:0px;
  723. text-align:justify;
  724. }
  725.  
  726. #db {
  727. opacity: .80;
  728. background: rgba(236, 236, 242, 1);
  729. padding:8px;
  730. }
  731.  
  732. #story {width:140px; letter-spacing:2px; line-height:10px;
  733. font-size:8px; font-family:Karla,
  734. 'helvetica neue', trebuchet ms, sans-serif;
  735. display:block; color:#b70303;
  736. margin-left:60px; padding:0px 0 0px 0px;
  737. }
  738.  
  739.  
  740. #story a {color:#b70303;
  741. font-family: 'Raleway', sans-serif;
  742. font-size:12px; font-style:italic;
  743. -webkit-text-stroke-width:0.01em;
  744. -webkit-text-stroke-color:#b70303;}
  745.  
  746. .wowlinks {
  747. position:fixed;
  748. font-size:30px;
  749. text-decoration:none;
  750.  
  751. left:1125px;
  752. top:10px;
  753. -webkit-transform: rotate(20deg);
  754. -webkit-filter: blur(0px);
  755. -webkit-transition: all 0.6s ease-in-out;
  756. -moz-transition: all 0.6s ease-in-out;
  757. -o-transition: all 0.6s ease-in-out;
  758. -ms-transition: all 0.6s ease-in-out;
  759. z-index:9999;
  760. }
  761.  
  762. .wowlinks a {
  763. text-shadow:0px 0px 7px #7f7f7f;
  764. text-decoration:none;
  765. color:#fff;
  766. -webkit-transition: all 0.5s ease-out;
  767. -moz-transition: all 0.5s ease-out;
  768. transition: all 0.5s ease-out;
  769. }
  770.  
  771. .wowlinks:hover {
  772. color: #7f7f7f;
  773. text-shadow: 7px 7px 3px #000000;
  774. }
  775. .wowlink4{
  776. -webkit-animation-name: scalex;
  777. -webkit-animation-duration:10s;
  778. -webkit-animation-iteration-count:infinite;
  779. -webkit-animation-timing-function:ease-in-out;
  780. -moz-animation-name: scale;
  781. -moz-animation-duration:10s;
  782. -moz-animation-iteration-count:infinite;
  783. -moz-animation-timing-function:ease-in-out;
  784.  
  785. -webkit-animation-name: mag0;
  786. -webkit-animation-duration:5s;
  787. -webkit-animation-iteration-count:infinite;
  788. -webkit-animation-timing-function:ease-in-out;
  789. -moz-animation-name: magn;
  790. -moz-animation-duration:5s;
  791. -moz-animation-iteration-count:infinite;
  792. -moz-animation-timing-function:ease-in-out;
  793. }
  794. }
  795.  
  796. @-webkit-keyframes scalex{
  797. from {-webkit-transform: scale(0.9);}
  798. 45% {-webkit-transform: scale(1);}
  799. to {-webkit-transform: scale(0.9);}
  800. }
  801.  
  802. @-moz-keyframes scale{
  803. from {-webkit-transform: scale(0.9);}
  804. 45% {-webkit-transform: scale(1);}
  805. to {-webkit-transform: scale(0.9);}
  806. }
  807.  
  808.  
  809.  
  810.  
  811. @-webkit-keyframes mag0{
  812. from {-webkit-transform:translate(0, 0px);}
  813. 65% {-webkit-transform:translate(0, 15px);}
  814. to {-webkit-transform: translate(0, -0px);}
  815. }
  816.  
  817. @-moz-keyframes magn0{
  818. from {-webkit-transform:translate(0, 0px);}
  819. 65% {-webkit-transform:translate(0, 15px);}
  820. to {-webkit-transform: translate(0, -0px);}
  821.  
  822.  
  823.  
  824. }
  825.  
  826.  
  827. .wowlink1 {
  828. position:fixed;
  829. font-size:0px;
  830. text-decoration:none;
  831.  
  832. left:-15px;
  833. top:50px;
  834. -webkit-transform: rotate(-5deg);
  835. -webkit-filter: blur(0px);
  836. -webkit-transition: all 0.6s ease-in-out;
  837. -moz-transition: all 0.6s ease-in-out;
  838. -o-transition: all 0.6s ease-in-out;
  839. -ms-transition: all 0.6s ease-in-out;
  840. z-index:999;
  841. }
  842.  
  843. .wowlink1 a {
  844. text-shadow:0px 0px 7px #7f7f7f;
  845. text-decoration:none;
  846. color:#fff;
  847. -webkit-transition: all 0.5s ease-out;
  848. -moz-transition: all 0.5s ease-out;
  849. transition: all 0.5s ease-out;
  850. }
  851.  
  852. .wowlink1:hover {
  853. color: #7f7f7f;
  854. text-shadow: 7px 7px 3px #000000; }
  855.  
  856.  
  857. .wowlink5 {
  858. -webkit-animation-name: scalex;
  859. -webkit-animation-duration:20s;
  860. -webkit-animation-iteration-count:infinite;
  861. -webkit-animation-timing-function:ease-in-out;
  862. -moz-animation-name: scale;
  863. -moz-animation-duration:20s;
  864. -moz-animation-iteration-count:infinite;
  865. -moz-animation-timing-function:ease-in-out;
  866.  
  867. -webkit-animation-name: mag0;
  868. -webkit-animation-duration:10s;
  869. -webkit-animation-iteration-count:infinite;
  870. -webkit-animation-timing-function:ease-in-out;
  871. -moz-animation-name: magn;
  872. -moz-animation-duration:15s;
  873. -moz-animation-iteration-count:infinite;
  874. -moz-animation-timing-function:ease-in-out;
  875. }
  876.  
  877.  
  878. </style>
  879. </head>
  880.  
  881. <body>
  882.  
  883. <div class="wowlinks"><div class="wowlink4">
  884. <a href="/family."title="family"><img src="https://image.ibb.co/ceXPOm/TF_SIGN.png"></a> </a>
  885. </div></div>
  886.  
  887. <div style="padding-top:30px"><div id="d">
  888. <div id="da">
  889. <div id="db">
  890.  
  891. <div id="story">
  892. <a href="/">the gods are gone</a><br></div>
  893. <div style="margin-top:2px; margin-left:100px; padding:5px;
  894. text-transform:uppercase; color: #000;"><strike>　　　</strike> &nbsp; they found their home.</div>
  895.  
  896.  
  897. </div></div></div>
  898. <div class="container">
  899.  
  900. <div class="credit">
  901. <a title="theme" href="https://mrsmilicevic.tumblr.com/" target="_blank">MRS</a></div>
  902.  
  903. <div class="sidebar">
  904.  
  905. {block:IfShowSidebarImage}<div class="sidebarimage"><a href="/"><img src="{image:sidebar image}"></a></div>{/block:IfShowSidebarImage}
  906.  
  907. <div class="sidetitle">{Title}</div>
  908.  
  909. <div class="nav-wrap">
  910. <ul class="group" id="example-one">
  911. <center>
  912. <li class="current_page_item"><a href="/">home</a></li>
  913. <li><a href="/ask">mail</a></li>
  914. <li>{block:IfShowLink1}<a href="{text:link 1}">{text:link 1 title}</a>{/block:IfShowLink1}</li>
  915. <li>{block:IfShowLink2}<a href="{text:link 2}">{text:link 2 title}</a>{/block:IfShowLink2}</li>
  916. <li>{block:IfShowLink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:IfShowLink3}</li>
  917. </center></div></ul>
  918.  
  919.  
  920. <div class="description">{Description}</div>
  921.  
  922.  
  923. <div class="pagination">
  924. {block:IfNotEndlessScrolling}
  925. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&lsaquo; back&nbsp;&nbsp;&nbsp;&nbsp;</a>{/block:PreviousPage}
  926. {block:NextPage}<a href="{NextPage}">next &rsaquo;</a>{/block:NextPage}{/block:Pagination}
  927. {/block:IfNotEndlessScrolling}
  928. </div>
  929.  
  930.  
  931. </div>
  932.  
  933. {block:IfEndlessScrolling}
  934. <div class="autopagerize_page_element">
  935. {/block:IfEndlessScrolling}
  936.  
  937. <div class="entries">
  938. {block:Posts}
  939. <div class="posts">
  940.  
  941.  
  942. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="caption"><div class="textpost">{Body}</div></div>{/block:Text}
  943.  
  944. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  945.  
  946. {block:Photoset}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  947.  
  948. {block:Quote}<div class="quote"><span style="font-size:40px; font-family:times; z-index:-1; position:absolute; margin-top:9px; opacity:0.5; margin-left:-15px; color:#cccccc;">&ldquo;</span>{Quote}<span style="font-size:40px; font-family:times; z-index:-1; position:absolute; margin-top:9px; opacity:0.5; margin-left:-10px; color:#cccccc;">&rdquo;</span></div>{block:Source}<div class="quotesource"> — {Source}</div>{/block:Source}{/block:Quote}
  949.  
  950. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  951.  
  952. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>{/block:Chat}
  953.  
  954. {block:Audio}{block:AudioPlayer}
  955. <div class="audiowrapper">
  956.  
  957. {block:IfAlbumArt}
  958. {block:AlbumArt}
  959. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  960. {/block:AlbumArt}
  961. {/block:IfAlbumArt}
  962.  
  963. <div class="playerbuttonbg">
  964. <div class="newplayerbutton">
  965. <div class="playerbuttonhug">
  966. {block:IfAlbumArt}
  967. {AudioPlayerGrey}
  968. {/block:IfAlbumArt}
  969.  
  970. {block:IfNotAlbumArt}
  971. {AudioPlayerBlack}
  972. {block:IfNotAlbumArt}
  973. </div></div></div>
  974.  
  975. <div class="trackdetails">
  976. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  977. {block:Artist}<i><b>by:</b> {Artist}{/block:Artist}<br/>
  978. <b>plays:</b> {FormattedPlayCount}</div></div></i>
  979. {/block:AudioPlayer}
  980. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  981. {/block:Audio}
  982.  
  983.  
  984. {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  985.  
  986. {block:Answer}<div class="question">
  987. <div class="asker"><b><u>{Asker} said</u>:</b></div>
  988. {Question}</div><br>
  989. <div class="answer">
  990. {Answer}</div>
  991. {/block:Answer}
  992.  
  993. <div class="info">
  994. {block:Date}<span style="text-transform:uppercase; background-color:#fafafa; padding:5px; font-size:8px; letter-spacing:1px; font-weight:bold;">{DayOfMonthWithZero} {ShortMonth}</span>{/block:Date}
  995.  
  996. &nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>
  997.  
  998. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">&nbsp;&nbsp;&nbsp;&nbsp;via </a> {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}" style="color:{color:links}">& src</a>{/block:ContentSource}
  999. {/block:RebloggedFrom}
  1000. </div>
  1001.  
  1002. {block:HasTags}
  1003. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} &nbsp;</a>{/block:Tags}</div>
  1004. {/block:HasTags}
  1005.  
  1006.  
  1007. </div>
  1008.  
  1009. {block:PostNotes}
  1010. <div class="pagenotes">
  1011. {PostNotes}
  1012. </div>
  1013. {/block:PostNotes}
  1014.  
  1015. {/block:Posts}
  1016.  
  1017.  
  1018. {block:ContentSource}
  1019. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1020. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1021. {/block:SourceLogo}
  1022. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1023. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1024.  
  1025.  
  1026. </body>
  1027.  
  1028.  
  1029. </div></div></div></div></div></div></div></div></div></div>
  1030. </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!