API tools faq
paste
Advertisement
Seedfawn

Theme 26

Seedfawn
Dec 23rd, 2015
1,054
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.68 KB | None | 0 0
raw download clone embed print report
  1. <!--THIS THEME WAS MADE MY SEEDFAWN. HAVE A NICE DAY-->
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6. <script>
  7. function IE(e)
  8. {
  9. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  10. {
  11. return false;
  12. }
  13. }
  14. function NS(e)
  15. {
  16. if (document.layers || (document.getElementById && !document.all))
  17. {
  18. if (e.which == "2" || e.which == "3")
  19. {
  20. }
  21. }
  22. }
  23. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  24. </script>
  25.  
  26. <title>{Title}</title>
  27.  
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31.  
  32. <link href="styles/ihover.css" rel="stylesheet">
  33.  
  34. <link href='https://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'>
  35. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  36.  
  37. <meta name="image:Background" content=""/>
  38. <meta name="image:Sidebar" content=""/>
  39. <meta name="image:Transparent" content=""/>
  40. <meta name="color:Background" content="#ffffff"/>
  41. <meta name="color:Text" content="#777"/>
  42. <meta name="color:Link" content="#000000"/>
  43. <meta name="color:Blogtitle" content="#b7af84"/>
  44. <meta name="color:Navigation" content="#f0e6ab"/>
  45. <meta name="color:Sidebar" content="#f0e6ab"/>
  46. <meta name="color:Post Shadow" content="#f0e6ab"/>
  47. <meta name="color:Permalink" content="#f0e6ab"/>
  48. <meta name="color:Borders" content="#f0e6ab"/>
  49. <meta name="color:Scrollbar" content="#f0e6ab"/>
  50. <meta name="text:Blogtitle" content="coffee stains" />
  51. <meta name="text:Name" content="Kara" />
  52. <meta name="text:Link One Title" content="Refresh" />
  53. <meta name="text:Link Two Title" content="Ask" />
  54. <meta name="text:Link Three Title" content="Links" />
  55. <meta name="text:Link Four Title" content="Blogroll" />
  56. <meta name="text:Link Five Title" content="Theme" />
  57. <meta name="text:Link One URL" content="/" />
  58. <meta name="text:Link Two URL" content="" />
  59. <meta name="text:Link Three URL" content="" />
  60. <meta name="text:Link Four URL" content="" />
  61. <meta name="text:Link Five URL" content="http://seedfawn.tumblr.com" />
  62.  
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("a[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:30,
  71. tip_fade_speed:300,
  72. attribute:"title"
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78. <style type="text/css">
  79.  
  80. ::-webkit-scrollbar-thumb{
  81. height:auto;
  82. background-color:{color:scrollbar};
  83. border:14.5px solid {color:borders};
  84. }
  85.  
  86. ::-webkit-scrollbar{
  87. height:30px;
  88. width:30px;
  89. border:14px solid {color:borders};
  90. }
  91.  
  92. .tmblr-iframe{
  93. position:fixed!important;
  94. top:35px !important;
  95. right:0px !important;
  96. opacity:.4 !important;
  97. -webkit-filter:invert(100%);
  98. z-index:9999999999999!important;
  99. }
  100.  
  101. #s-m-t-tooltip{
  102. max-width:300px;
  103. margin:10px;
  104. padding:7px 10px;
  105. color:white;
  106. font-family:calibri;
  107. font-size:8px;
  108. text-transform:uppercase;
  109. letter-spacing:2px;
  110. background:rgba(0, 0, 0, .85);
  111. z-index:9999999999!important;
  112. }
  113.  
  114. blockquote{
  115. padding:5px 0 5px 10px;
  116. border-left:1px solid {color:text};
  117. margin-left:5px;
  118. }
  119.  
  120. *{
  121. cursor: url(http://static.tumblr.com/p3mk1pa/DFKnysvin/tumblr_lqs4qduu8n1qfoi4t.png), auto;
  122. }
  123.  
  124. body{
  125. background:{color:background};
  126. color:{color:text};
  127. font-family:calibri;
  128. font-size:8px;
  129. text-align:justify;
  130. letter-spacing:1px;
  131. text-transform:uppercase;
  132. margin:0;
  133. line-height:10px;
  134. background-image:url({image:background});
  135. cursor: url(http://static.tumblr.com/p3mk1pa/DFKnysvin/tumblr_lqs4qduu8n1qfoi4t.png), auto;
  136. }
  137.  
  138. a{
  139. color:{color:link};
  140. text-decoration:none;
  141. }
  142.  
  143. a:hover{
  144. text-decoration:underline;
  145. cursor: url(http://static.tumblr.com/p3mk1pa/4eKnysvj3/help.png), help;
  146. }
  147.  
  148. img{
  149. opacity:1;
  150. border:none;
  151. text-decoration:none
  152. }
  153.  
  154. small{
  155. font-size:8px;
  156. }
  157.  
  158. big{
  159. font-size:12px;
  160. }
  161.  
  162. #title{
  163. font-size:20px;
  164. line-height:22px;
  165. margin-bottom:5px;
  166. font-family: 'Roboto', sans-serif;
  167. text-transform:none;
  168. text-align:center;
  169. padding-bottom:5px;
  170. border-bottom:1px solid {color:Post Shadow};
  171. }
  172.  
  173. #sidebar{
  174. position:fixed;
  175. margin-left:50px;
  176. margin-top:150px;
  177. width:125px;
  178. padding-right:200px;
  179. height:220px;
  180. }
  181.  
  182. #sidebarim{
  183. position:fixed;
  184. margin-top:5px;
  185. }
  186.  
  187. #sidebarim img{
  188. width:190px;
  189. height:190px;
  190. border:5px solid {color:sidebar};
  191. -moz-border-radius:500px;
  192. -webkit-border-radius:500px;
  193. -khtml-border-radius:500px;
  194. border-radius:500px;
  195. }
  196.  
  197. #blogtitle{
  198. position:fixed;
  199. bottom:45px;
  200. left:35px;
  201. font-size:35px;
  202. font-family: 'Roboto', sans-serif;
  203. color:{color:blogtitle};
  204. letter-spacing:3px;
  205. font-style:italic;
  206. text-transform:uppercase;
  207. }
  208.  
  209. #link1{
  210. position:fixed!important;
  211. margin-left:235px;
  212. margin-top:-100px;
  213. z-index:9;
  214. -webkit-transition: all .2s ease-in-out;
  215. -moz-transition: all .2s ease-in-out;
  216. -o-transition: all .2s ease-in-out;
  217. transition: all .2s ease-in-out;
  218. }
  219.  
  220. #link1 a{
  221. position:absolute;
  222. width:15px;
  223. height:15px;
  224. border-radius:30px;
  225. background:{color:navigation};
  226. text-align:center;
  227. -webkit-transition: all .5s ease-in-out;
  228. -moz-transition: all .5s ease-in-out;
  229. -o-transition: all .5s ease-in-out;
  230. transition: all .5s ease-in-out;
  231. }
  232.  
  233. #link1 a:hover{
  234. -webkit-transform: scale(1.3);
  235. }
  236.  
  237. #sidebar:hover #link1{
  238. margin-left:180px;
  239. margin-top:-25px;
  240. }
  241.  
  242. #link2{
  243. position:fixed!important;
  244. margin-left:235px;
  245. margin-top:-100px;
  246. z-index:9;
  247. -webkit-transition: all .4s ease-in-out;
  248. -moz-transition: all .4s ease-in-out;
  249. -o-transition: all .4s ease-in-out;
  250. transition: all .4s ease-in-out;
  251. }
  252.  
  253. #link2 a{
  254. position:absolute;
  255. width:15px;
  256. height:15px;
  257. border-radius:30px;
  258. background:{color:navigation};
  259. text-align:center;
  260. -webkit-transform: scale(1.3);
  261. -webkit-transition: all .5s ease-in-out;
  262. -moz-transition: all .5s ease-in-out;
  263. -o-transition: all .5s ease-in-out;
  264. transition: all .5s ease-in-out;
  265. }
  266.  
  267. #link2 a:hover{
  268. -webkit-transform: scale(1);
  269. }
  270.  
  271. #sidebar:hover #link2{
  272. margin-left:205px;
  273. margin-top:-12px;
  274. }
  275.  
  276. #link3{
  277. position:fixed!important;
  278. margin-left:235px;
  279. margin-top:-100px;
  280. z-index:9;
  281. -webkit-transition: all .6s ease-in-out;
  282. -moz-transition: all .6s ease-in-out;
  283. -o-transition: all .6s ease-in-out;
  284. transition: all .6s ease-in-out;
  285. }
  286.  
  287. #link3 a{
  288. position:absolute;
  289. width:15px;
  290. height:15px;
  291. border-radius:30px;
  292. background:{color:navigation};
  293. text-align:center;
  294. -webkit-transform: scale(1);
  295. -webkit-transition: all .5s ease-in-out;
  296. -moz-transition: all .5s ease-in-out;
  297. -o-transition: all .5s ease-in-out;
  298. transition: all .5s ease-in-out;
  299. }
  300.  
  301. #link3 a:hover{
  302. -webkit-transform: scale(1.3);
  303. }
  304.  
  305. #sidebar:hover #link3{
  306. margin-left:232px;
  307. margin-top:-5px;
  308. }
  309.  
  310. #link4{
  311. position:fixed!important;
  312. margin-left:235px;
  313. margin-top:-100px;
  314. z-index:9;
  315. -webkit-transition: all .8s ease-in-out;
  316. -moz-transition: all .8s ease-in-out;
  317. -o-transition: all .8s ease-in-out;
  318. transition: all .8s ease-in-out;
  319. }
  320.  
  321. #link4 a{
  322. position:absolute;
  323. width:15px;
  324. height:15px;
  325. border-radius:30px;
  326. background:{color:navigation};
  327. text-align:center;
  328. -webkit-transform: scale(1.3);
  329. -webkit-transition: all .5s ease-in-out;
  330. -moz-transition: all .5s ease-in-out;
  331. -o-transition: all .5s ease-in-out;
  332. transition: all .5s ease-in-out;
  333. }
  334.  
  335. #link4 a:hover{
  336. -webkit-transform: scale(1);
  337. }
  338.  
  339. #sidebar:hover #link4{
  340. margin-left:258px;
  341. margin-top:-9px;
  342. }
  343.  
  344. #link5{
  345. position:fixed!important;
  346. margin-left:235px;
  347. margin-top:-100px;
  348. z-index:9;
  349. -webkit-transition: all 1s ease-in-out;
  350. -moz-transition: all 1s ease-in-out;
  351. -o-transition: all 1s ease-in-out;
  352. transition: all 1s ease-in-out;
  353. }
  354.  
  355. #link5 a{
  356. position:absolute;
  357. width:15px;
  358. height:15px;
  359. border-radius:30px;
  360. background:{color:navigation};
  361. text-align:center;
  362. -webkit-transform: scale(1);
  363. -webkit-transition: all .5s ease-in-out;
  364. -moz-transition: all .5s ease-in-out;
  365. -o-transition: all .5s ease-in-out;
  366. transition: all .5s ease-in-out;
  367. }
  368.  
  369. #link5 a:hover{
  370. -webkit-transform: scale(1.3);
  371. }
  372.  
  373. #sidebar:hover #link5{
  374. margin-left:285px;
  375. margin-top:-18px;
  376. }
  377.  
  378. .desc{
  379. position: relative;
  380. display: block;
  381. margin: 2em 0;
  382. background-color: transparent;
  383. color:white;
  384. text-align:center;
  385. letter-spacing:2px;
  386. line-height:12px;
  387. z-index:9999;
  388. }
  389.  
  390. .desc:after{
  391. display:block;
  392. padding-bottom:100%;
  393. width:150px;
  394. height:20px;
  395. border-radius:50%;
  396. margin-left:170px;
  397. margin-top:40px;
  398. background-color:{color:sidebar};
  399. content:"";
  400. }
  401.  
  402. .desc__inner{
  403. position: absolute;
  404. top:0;
  405. bottom:0;
  406. margin-left:170px;
  407. width:150px;
  408. height:100%;
  409. }
  410.  
  411. .desc__wrapper{
  412. display:table;
  413. width:100%;
  414. height:100%;
  415. }
  416.  
  417. .desc__content{
  418. display:table-cell;
  419. padding:1em;
  420. vertical-align:middle;
  421. }
  422.  
  423. #pagination{
  424. margin:50px 0;
  425. text-transform:lowercase;
  426. font-weight:bold;
  427. }
  428. #pagination a{
  429. padding:0 15px;
  430. }
  431.  
  432. #container{
  433. left:0px;
  434. position:absolute;
  435. }
  436.  
  437. #entry{
  438. width:700px;
  439. margin-top:30px;
  440. margin-left:390px;
  441. {block:permalinkpage}
  442. margin-top:50px;
  443. {/block:permalinkpage}
  444. }
  445.  
  446. .posts{
  447. width:250px;
  448. {block:IndexPage}
  449. float:left;
  450. margin:40px;
  451. background:#fff;
  452. overflow:hidden;
  453. box-shadow:{color:post shadow} 7px 7px;
  454. {/block:IndexPage}
  455. {block:PermalinkPage}
  456. opacity:1;
  457. width:400px;
  458. margin-left:50px;
  459. z-index:999;
  460. {/block:PermalinkPage}
  461. }
  462.  
  463. .posts img{
  464. display:block;
  465. max-width:250px;
  466. }
  467.  
  468. .posts img, .posts li, .posts blockquote{
  469. max-width: 100%;
  470. }
  471.  
  472. .posts .perma{
  473. position:absolute;
  474. overflow:hidden;
  475. width:20px;
  476. height:20px;
  477. margin-top:-300px;
  478. margin-left:50px;
  479. color:white;
  480. font-size:20px;
  481. opacity:0;
  482. z-index:99;
  483. -webkit-transition: all .5s ease-in-out;
  484. -moz-transition: all .5s ease-in-out;
  485. -o-transition: all .5s ease-in-out;
  486. transition: all .5s ease-in-out;
  487. }
  488.  
  489. .posts .perma a{
  490. color:white;
  491. }
  492.  
  493. .posts:hover .perma{
  494. opacity:1;
  495. margin-top:-30px;
  496. }
  497.  
  498. .posts .perma2{
  499. position:absolute;
  500. overflow:hidden;
  501. width:20px;
  502. height:20px;
  503. margin-top:-300px;
  504. margin-left:90px;
  505. color:white;
  506. font-size:20px;
  507. opacity:1;
  508. z-index:99;
  509. -webkit-transition: all .5s ease-in-out;
  510. -moz-transition: all .5s ease-in-out;
  511. -o-transition: all .5s ease-in-out;
  512. transition: all .5s ease-in-out;
  513. }
  514.  
  515. .posts .perma2 a{
  516. color:white;
  517. }
  518.  
  519. .posts:hover .perma2{
  520. opacity:1;
  521. margin-top:-30px;
  522. }
  523.  
  524. .posts .perma3{
  525. position:absolute;
  526. overflow:hidden;
  527. width:20px;
  528. height:20px;
  529. margin-top:-300px;
  530. margin-left:130px;
  531. color:white;
  532. font-size:20px;
  533. opacity:0;
  534. z-index:99;
  535. -webkit-transition: all .5s ease-in-out;
  536. -moz-transition: all .5s ease-in-out;
  537. -o-transition: all .5s ease-in-out;
  538. transition: all .5s ease-in-out;
  539. }
  540.  
  541. .posts .perma3 a{
  542. color:white;
  543. }
  544.  
  545. .posts:hover .perma3{
  546. margin-top:-30px;
  547. opacity:1;
  548. }
  549.  
  550. .posts .perma4{
  551. position:absolute;
  552. overflow:hidden;
  553. width:190px;
  554. height:15px;
  555. padding:5px;
  556. margin-top:300px;
  557. text-align:center;
  558. color:white;
  559. font-size:15px;
  560. opacity:0;
  561. font-family: 'Roboto', sans-serif;
  562. z-index:99;
  563. -webkit-transition: all .5s ease-in-out;
  564. -moz-transition: all .5s ease-in-out;
  565. -o-transition: all .5s ease-in-out;
  566. transition: all .5s ease-in-out;
  567. }
  568.  
  569. .posts .perma4 a{
  570. color:white;
  571. }
  572.  
  573. .posts:hover .perma4{
  574. margin-top:15px;
  575. opacity:1;
  576. }
  577.  
  578. #permalinktext{
  579. position:relative;
  580. display:block;
  581. width:230px;
  582. height:10px;
  583. font-size:8px;
  584. font-family:calibri;
  585. color:{color:text};
  586. text-transform:uppercase;
  587. background:white;
  588. text-align:center;
  589. padding:10px;
  590. opacity:1;
  591. bottom:0px;
  592. border-top:1px solid {color:post shadow};
  593. -webkit-transition:all 0.5s ease-in-out;
  594. -moz-transition:all 0.5s ease-in-out;
  595. transition:all 0.5s ease-in-out;
  596. }
  597.  
  598. #permalinktext2{
  599. position:absolute;
  600. display:block;
  601. width:10px;
  602. height:10px;
  603. font-size:12px;
  604. color:white;
  605. bottom:5px;
  606. margin-left:225px;
  607. text-transform:uppercase;
  608. background:{color:Permalink};
  609. border-radius:10px;
  610. padding-top:4px;
  611. padding-bottom:6px;
  612. padding-left:5px;
  613. padding-right:5px;
  614. opacity:1;
  615. -webkit-transition:all 0.5s ease-in-out;
  616. -moz-transition:all 0.5s ease-in-out;
  617. transition:all 0.5s ease-in-out;
  618. }
  619.  
  620. .posts .fade{
  621. position:absolute;
  622. width:250px;
  623. height:100%;
  624. background: rgba(0,0,0,.6);
  625. outline:1px solid #fff;
  626. outline-offset:-10px;
  627. margin-left:0px;
  628. margin-top:0px;
  629. opacity:0;
  630. z-index:1;
  631. -webkit-transition: all .5s ease-in-out;
  632. -moz-transition: all .5s ease-in-out;
  633. -o-transition: all .5s ease-in-out;
  634. transition: all .5s ease-in-out;
  635. }
  636.  
  637. .posts:hover .fade{
  638. opacity:1;
  639. }
  640.  
  641. .posts .l{
  642. position:absolute;
  643. width:0px;
  644. height:1px;
  645. top:50%;
  646. width:200px;
  647. margin-left:25px;
  648. background:white;
  649. opacity:0;
  650. z-index:999;
  651. -webkit-transition: all .5s ease-in-out;
  652. -moz-transition: all .5s ease-in-out;
  653. -o-transition: all .5s ease-in-out;
  654. transition: all .5s ease-in-out;
  655. }
  656.  
  657. .posts:hover .l{
  658. opacity:1;
  659. }
  660.  
  661. #titlequote{
  662. text-align:left;
  663. font-size:15px;
  664. line-height:18px;
  665. font-family: 'Roboto', sans-serif;
  666. }
  667. #source{
  668. margin-top:5px;
  669. margin-left:15px;
  670. letter-spacing:2px;
  671. font-family:calibri;
  672. font-size:8px;
  673. }
  674.  
  675. #audio {
  676. width:200px;
  677. height:auto;
  678. min-height:60px;
  679. padding-bottom:0px;
  680. }
  681.  
  682. .cover {
  683. position:absolute;
  684. z-index:1;
  685. width:80px;
  686. height:80px;
  687. margin-left:171px;
  688. }
  689.  
  690. .cover img {
  691. float:right;
  692. width:80px;
  693. height:80px;
  694. }
  695.  
  696. .playbox {
  697. opacity:.6;
  698. width:27px;
  699. height:30px;
  700. overflow:hidden;
  701. position:absolute;
  702. z-index:1000;
  703. margin-left:0;
  704. margin-top:26px;
  705. text-align:center;
  706. margin-left:200px;
  707. }
  708.  
  709. .info {
  710. margin-left:0px;
  711. text-align:center;
  712. margin-top:0px;
  713. width:161px;
  714. height:70px;
  715. border-bottom:10px solid white;
  716. padding:5px;
  717. line-height:14px;
  718. background:{color:sidebar};
  719. color:white;
  720. }
  721.  
  722. .q{
  723. margin-top:5px;
  724. padding-bottom:10px;
  725. border-bottom:1px solid {color:post shadow};
  726. }
  727.  
  728. .as{
  729. text-align:left;
  730. font-size:15px;
  731. text-transform:none;
  732. font-family: 'Roboto', sans-serif;
  733. }
  734.  
  735. .n{
  736. margin-top:10px;
  737. text-align:right;
  738. font-size:15px;
  739. text-transform:none;
  740. font-family: 'Roboto', sans-serif;
  741. }
  742.  
  743. .a{
  744. margin-top:5px;
  745. text-align:justify;
  746. background-color:#fbfbfb;
  747. padding:5px;
  748. }
  749.  
  750. .chat ol{
  751. padding:0;
  752. list-style:none;
  753. }
  754. .line{
  755. padding:5px 0;
  756. }
  757.  
  758. .label{
  759. font-weight:bold;
  760. }
  761.  
  762. #permalink{
  763. margin-top:15px;
  764. font-size:9px;
  765. text-transform:uppercase;
  766. }
  767. #permalink a {margin-right:10px;
  768. }
  769.  
  770. #permapage{
  771. {block:permalinkpage}
  772. position:fixed !important;
  773. width:300px;
  774. height:auto;
  775. left:850px;
  776. top:10%;
  777. color:{color:text};
  778. z-index:9999;
  779. {/block:permalinkpage}
  780. }
  781.  
  782. #top{
  783. position:fixed;
  784. top:0px;
  785. left:0px;
  786. width:100%;
  787. height:30px;
  788. background:{color:borders};
  789. z-index:9999;
  790. }
  791.  
  792. #bottom{
  793. position:fixed;
  794. bottom:0px;
  795. left:0px;
  796. width:100%;
  797. height:30px;
  798. background:{color:borders};
  799. z-index:9999;
  800. }
  801.  
  802. #left{
  803. position:fixed;
  804. top:0px;
  805. left:0px;
  806. width:30px;
  807. height:100%;
  808. background:{color:borders};
  809. z-index:9999;
  810. }
  811.  
  812. #right{
  813. {block:permalinkpage}
  814. position:fixed;
  815. top:0px;
  816. right:0px;
  817. width:30px;
  818. height:100%;
  819. background:{color:borders};
  820. z-index:9999;
  821. {/block:permalinkpage}
  822. }
  823.  
  824. .tags {
  825. word-break:break-all;
  826. font-size:9px;
  827. }
  828.  
  829. .pagenotes {
  830. {block:IndexPage}
  831. display: none!important;
  832. {/block:IndexPage}
  833. width:400px;
  834. text-align:left;
  835. }
  836. .pagenotes img {
  837. display:none!important;
  838. }
  839. .pagenotes li {
  840. list-style-type:none;
  841. padding:5px 0px;
  842. text-align:left;
  843. margin:0 0 0 -40px;
  844. }
  845.  
  846. {CustomCSS}
  847.  
  848. </style>
  849.  
  850. </head>
  851.  
  852. <body>
  853.  
  854. <div id="container">
  855.  
  856. <div style="position:fixed; bottom:0px; right:-5px;">
  857. <img src="{image:transparent}" width="300" /> <br></div>
  858.  
  859. <div id="top"></div>
  860. <div id="bottom"></div>
  861. <div id="left"></div>
  862. <div id="right"></div>
  863.  
  864. <div id="sidebar">
  865.  
  866. <div id="blogtitle">{text:blogtitle}</div>
  867.  
  868. <div id="sidebarim"><img src="{image:Sidebar}"></div>
  869.  
  870. <div class="desc">
  871. <div class="desc__inner">
  872. <div class="desc__wrapper">
  873. <div class="desc__content">{description}</div>
  874. </div>
  875. </div>
  876. </div>
  877.  
  878. <div id="link1">
  879. <a href="{text:Link One URL}" title="{text:Link One Title}">
  880. </a></div>
  881.  
  882. <div id="link2">
  883. <a href="{text:Link Two URL}" title="{text:Link Two Title}">
  884. </a></div>
  885.  
  886. <div id="link3">
  887. <a href="{text:Link Three URL}" title="{text:Link Three Title}">
  888. </a></div>
  889.  
  890. <div id="link4">
  891. <a href="{text:Link Four URL}" title="{text:Link Four Title}">
  892. </a></div>
  893.  
  894. <div id="link5">
  895. <a href="{text:Link Five URL}" title="{text:Link Five Title}">
  896. </a></div>
  897.  
  898. </div>
  899.  
  900. <div id="entry">
  901.  
  902. {block:Posts}
  903. <div class="posts">
  904.  
  905. {block:Quote}
  906. <div id="titlequote">“{Quote}”</div>
  907. {block:Source}<div id="source">&mdash; {Source}</div><br>{/block:Source}
  908. {block:indexpage}
  909. <div id="permalinktext">
  910. <a href="{ReblogURL}" target="_blank">Reblog</a> &middot
  911. <a href="{Permalink}" target="_blank">posted {timeago} with {notecountwithlabel}</a>
  912. </div>
  913. {/block:indexpage}
  914. {/block:Quote}
  915.  
  916. {block:Text}
  917. {block:Title}
  918. <div id="title">{Title}</div>{/block:Title}
  919. <font style="letter-spacing:2px; text-align:left">{Body}</font>
  920. {block:indexpage}
  921. <div id="permalinktext">
  922. <a href="{ReblogURL}" target="_blank">Reblog</a> &middot
  923. <a href="{Permalink}" target="_blank">posted {timeago} with {notecountwithlabel}</a>
  924. </div>
  925. {/block:indexpage}
  926. {/block:Text}
  927.  
  928. {block:Link}
  929. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  930. {block:indexpage}
  931. <div id="permalinktext">
  932. <a href="{ReblogURL}" target="_blank">Reblog</a> &middot
  933. <a href="{Permalink}" target="_blank">posted {timeago} with {notecountwithlabel}</a>
  934. </div>
  935. {/block:indexpage}
  936. {/block:Link}
  937.  
  938. {block:Chat}
  939. {block:Title}
  940. <h1>{Title}</h1>
  941. {/block:Title}
  942. <div class="chat">
  943. <ol>{block:Lines}
  944. <li class="line {Alt}">
  945. {block:Label}
  946. <span class="label">
  947. {Label}</span>
  948. {/block:Label}{Line}</li>
  949. {/block:Lines}
  950. </ol></div>
  951. {block:indexpage}
  952. <div id="permalinktext">
  953. <a href="{ReblogURL}" target="_blank">Reblog</a> &middot
  954. <a href="{Permalink}" target="_blank">posted {timeago} with {notecountwithlabel}</a>
  955. </div>
  956. {/block:indexpage}
  957. {/block:Chat}
  958.  
  959. {block:Photo}
  960. {block:IndexPage}
  961. <div class="l">
  962. <div class="perma">
  963. <a href="{Permalink}" target="_blank" title="{notecount} notes"><i class="fa fa-share-alt"></i></div>
  964. <div class="perma2">
  965. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></a></div>
  966. <div class="perma3">
  967. <a href="{Permalink}" target="_blank" title="more information"><i class="fa fa-info"></i></a></div>
  968. <div class="perma4">{Month} {DayOfMonthWithSuffix}, {year}</div>
  969. </div>
  970. <div class="fade"></div>
  971. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  972. {/block:IndexPage}
  973. {block:PermalinkPage}
  974. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  975. {/block:PermalinkPage}
  976. {/block:Photo}
  977.  
  978. {block:Photoset}
  979. <div style="display:block;">{Photoset-250}</div>
  980. {block:indexpage}
  981. <div id="permalinktext">
  982. <a href="{ReblogURL}" target="_blank">Reblog</a> &middot
  983. <a href="{Permalink}" target="_blank">posted {timeago} with {notecountwithlabel}</a>
  984. </div>
  985. {/block:indexpage}
  986. {/block:Photoset}
  987.  
  988. {block:Video}
  989. {Video-250}
  990. {block:indexpage}
  991. <div id="permalinktext">
  992. <a href="{ReblogURL}" target="_blank">Reblog</a> &middot
  993. <a href="{Permalink}" target="_blank">posted {timeago} with {notecountwithlabel}</a>
  994. </div>
  995. {/block:indexpage}
  996. {/block:Video}
  997.  
  998. {block:Audio}
  999. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><br><span{block:TrackName} style="display:none;"{/block:TrackName}><b>Unknown</b></span>{block:TrackName}<font style="font-family: 'Roboto', sans-serif;font-size:20px; margin-top:5px; text-transform:none;">{TrackName}</font>{/block:TrackName}<br><span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div></div>
  1000. {block:indexpage}
  1001. <div id="permalinktext">
  1002. <a href="{ReblogURL}" target="_blank">Reblog</a> &middot
  1003. <a href="{Permalink}" target="_blank">posted {timeago} with {notecountwithlabel}</a>
  1004. </div>
  1005. {/block:indexpage}
  1006. {/block:Audio}
  1007.  
  1008. {block:Answer}
  1009. <img src="{AskerPortraitURL-40}" width="40" align="right" style="margin-right:0px; padding:10px;">
  1010. <div class="q">
  1011. <div class="as">{Asker} </div><br>
  1012. {Question}</div>
  1013. <div class="n">{text:name} answered:</div>
  1014. <div class="a">{Answer}</div>
  1015. {block:indexpage}<br>
  1016. <div id="permalinktext">
  1017. <a href="{ReblogURL}" target="_blank">Reblog</a> &middot
  1018. <a href="{Permalink}" target="_blank">posted {timeago} with {notecountwithlabel}</a>
  1019. </div>
  1020. {/block:indexpage}
  1021. {/block:Answer}
  1022.  
  1023. </div>
  1024.  
  1025. {block:PermalinkPage}
  1026. <div id="permapage">
  1027. {block:caption}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;">{caption}</div>{/block:caption}
  1028. {block:Date}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-clock-o"></i> posted:</b> {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12Hour}:{Minutes} {AmPm} {/block:Date}<br>
  1029. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  1030. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-location-arrow"></i> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  1031. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  1032. {block:Tags}
  1033. <a href="{TagURL}">#{Tag} </a>
  1034. {/block:Tags}
  1035. </div>
  1036. {/block:HasTags}
  1037. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</justify>
  1038. {block:PostNotes}
  1039. <div id="postnotes"> <div style="overflow:auto; width:280px; height:380px; text-align:justify; font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px; margin-left:-20px;">{PostNotes}</div></div>
  1040. {/block:PostNotes}
  1041. </div>
  1042. {/block:PermalinkPage}
  1043.  
  1044. {/block:Posts}
  1045.  
  1046. {block:IndexPage}
  1047. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1048. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1049.  
  1050. <script type="text/javascript">
  1051. $(window).load(function(){
  1052. var $wall = $('#entry');
  1053. $wall.imagesLoaded(function(){
  1054. $wall.masonry({
  1055. itemSelector: '.posts, .posts_photo',
  1056. isAnimated : false
  1057. });
  1058. });
  1059.  
  1060. $wall.infinitescroll({
  1061. navSelector : '#pagination',
  1062. nextSelector : '#pagination a',
  1063. itemSelector : '.posts, .posts_photo',
  1064. bufferPx : 2000,
  1065. debug : false,
  1066. errorCallback: function() {
  1067. $('#infscr-loading').fadeOut('normal');
  1068. }},
  1069. function( newElements ) {
  1070. var $newElems = $( newElements );
  1071. $newElems.hide();
  1072. $newElems.imagesLoaded(function(){
  1073. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1074. });
  1075. }); $('.posts').show(500);
  1076. });
  1077. </script>
  1078. {/block:IndexPage}
  1079.  
  1080. <div id="pagination">
  1081. {block:Pagination}
  1082. {block:PreviousPage}
  1083. <a href="{PreviousPage}"></a>
  1084. {/block:PreviousPage}
  1085.  
  1086. {block:NextPage}
  1087. <a href="{NextPage}"></a>
  1088. {/block:NextPage}
  1089. {/block:Pagination}
  1090. </div>
  1091.  
  1092. </div>
  1093.  
  1094. </div>
  1095.  
  1096. {block:ContentSource}
  1097. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1098. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1099. {/block:SourceLogo}
  1100. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1101. {/block:ContentSource}
  1102.  
  1103. <div style="z-index:9999; position:fixed; bottom:30px; right:5px; opacity:1" {block:permalinkpage}right:35px;{/block:permalinkpage}><a href="http://seedfawn.tumblr.com" title="Theme by seedfawn"><img src="http://static.tumblr.com/p3mk1pa/t8xnx5qi8/tumblr_inline_mkqs2xiuzi1qz4rgp.png" width="auto"></a></div>
  1104. </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!