mistletoe

03 - across the sea

Dec 26th, 2018 (edited)
3,934
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.99 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!--------------------------------------------------------------------------
  7. ============================================================================
  8. ============================================================================
  9.  
  10.  
  11. ╭━╮╭━┳━━┳━━━┳━━━━┳╮╱╱╭━━━┳━━━━┳━━━┳━━━╮
  12. ┃┃╰╯┃┣┫┣┫╭━╮┃╭╮╭╮┃┃╱╱┃╭━━┫╭╮╭╮┃╭━╮┃╭━━╯
  13. ┃╭╮╭╮┃┃┃┃╰━━╋╯┃┃╰┫┃╱╱┃╰━━╋╯┃┃╰┫┃╱┃┃╰━━╮
  14. ┃┃┃┃┃┃┃┃╰━━╮┃╱┃┃╱┃┃╱╭┫╭━━╯╱┃┃╱┃┃╱┃┃╭━━╯
  15. ┃┃┃┃┃┣┫┣┫╰━╯┃╱┃┃╱┃╰━╯┃╰━━╮╱┃┃╱┃╰━╯┃╰━━╮
  16. ╰╯╰╯╰┻━━┻━━━╯╱╰╯╱╰━━━┻━━━╯╱╰╯╱╰━━━┻━━━╯
  17.  
  18.  
  19. ============================================================================
  20.  
  21. theme by merc
  22. mistletoe / badwolf
  23.  
  24. ============================================================================
  25. ============================================================================
  26.  
  27. - poppins by india type foundry
  28. - open sans by steve matteson
  29. - honeybee icon font by sol (suiomi)
  30. - http://suiomi.com
  31. - tumblr controls by cyntists
  32. - http://cyantists.tumblr.com
  33.  
  34. ============================================================================
  35.  
  36. REGARDING THIS THEME:
  37.  
  38. - please do not:
  39.  
  40. - replicate / reproduce
  41. - use as "inspiration"
  42. - frankenstein
  43. i.e. pick apart and use on your theme
  44. - steal the code
  45.  
  46. ============================================================================
  47.  
  48. basically, don't be /that/ asshole, alright? thanks.
  49.  
  50. ============================================================================
  51. ============================================================================
  52. --------------------------------------------------------------------------->
  53.  
  54.  
  55.  
  56. <link rel="shortcut icon" href="{favicon}">
  57. <title>{block:PostTitle}{PostTitle} : {/block:PostTitle}{Title}</title>
  58. <link rel="shortcut icon" href="{Favicon}">
  59. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  60. {block:Description}
  61. <meta name="description" content="{MetaDescription}" />
  62. {/block:Description}
  63.  
  64. <!-- META TAGS -->
  65.  
  66. <meta name="color:Background" content="#f6f6f6"/>
  67. <meta name="color:Text" content="#909090"/>
  68. <meta name="color:Link" content="#a7a7a7"/>
  69. <meta name="color:Blog Title"content="#616161"/>
  70. <meta name="color:Title"content="#909090"/>
  71. <meta name="color:Accent" content="#a6c9ca">
  72. <meta name="color:Sidebar" content="#fff">
  73.  
  74. <meta name="image:Background" content=""/>
  75. <meta name="image:Icon" content="https://i.postimg.cc/rshg2p6y/2.png"/>
  76.  
  77. <meta name="select:Font Size" content="9px">
  78. <meta name="select:Font Size" content="10px">
  79. <meta name="select:Font Size" content="11px">
  80. <meta name="select:Font Size" content="12px">
  81. <meta name="select:Font Size" content="13px">
  82. <meta name="select:Font Size" content="14px">
  83.  
  84. <meta name="select:Text Align" content="justify"/>
  85. <meta name="select:Text Align" content="left"/>
  86. <meta name="select:Text Align" content="right"/>
  87. <meta name="select:Text Align" content="center"/>
  88.  
  89. <meta name="select:Sidebar Position" content="fixed"/>
  90. <meta name="select:Sidebar Position" content="static"/>
  91.  
  92. <meta name="select:Post" content="300px">
  93. <meta name="select:Post" content="350px">
  94. <meta name="select:Post" content="400px">
  95. <meta name="select:Post" content="450px">
  96. <meta name="select:Post" content="500px">
  97.  
  98. <meta name="text:Link 1" content="">
  99. <meta name="text:Link 1 Title" content="link 1">
  100.  
  101. <meta name="text:Link 2" content="/ask">
  102. <meta name="text:Link 2 Title" content="message">
  103.  
  104. <meta name="text:Link 3" content="">
  105. <meta name="text:Link 3 Title" content="navigation">
  106.  
  107. <meta name="text:Link 4" content="http://mistletoe.tumblr.com">
  108. <meta name="text:Link 4 Title" content="mistletoe themes">
  109.  
  110. <!-- SCRIPTS -->
  111.  
  112. <script type='text/javascript' src='//files.jcink.net/html/jquery-1.7.2.min.js'></script>
  113. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  114. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Poppins:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  115. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  116. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  117.  
  118. <!--- TOOLTIPS --->
  119. <script src="//dl.dropbox.com/s/4jdfup6iccopmej/smt.js"></script>
  120.  
  121. <script>
  122. (function($){
  123. $(document).ready(function(){
  124. $("[title]").style_my_tooltips({
  125. tip_follows_cursor:true,
  126. tip_delay_time:130,
  127. tip_fade_speed:130,
  128. attribute:"title"
  129. });
  130. });
  131. })(jQuery);
  132. </script>
  133.  
  134.  
  135. </head>
  136.  
  137.  
  138. <style type="text/css">
  139.  
  140. /* SCROLLBAR */
  141.  
  142. ::-webkit-scrollbar {
  143. width: 11px;
  144. height: 11px;
  145. background-color: #e6e6e6;
  146. }
  147.  
  148. ::-webkit-scrollbar-thumb {
  149. background-color: {color:Accent};
  150. }
  151.  
  152. ::-webkit-scrollbar,
  153. ::-webkit-scrollbar-thumb {
  154. border: 5px solid #ffffff;
  155. }
  156.  
  157.  
  158. ::selection {
  159. background: {color:Accent};
  160. color: #fff;
  161. }
  162. ::-moz-selection {
  163. background: {color:Accent};
  164. color: #fff;
  165. }
  166.  
  167. #s-m-t-tooltip{
  168. max-width:300px;
  169. z-index:10000000000000000000000000000000000;
  170. margin: 15px;
  171. padding: 5px;
  172. background: {color:Accent};
  173. font-family: poppins;
  174. font-size: 11px;
  175. text-transform: lowercase;
  176. font-weight: 500;
  177. color: {color:Sidebar};
  178. border: 1px solid {color:Sidebar};
  179. letter-spacing: 2px;
  180. }
  181.  
  182. #credit {
  183. position: fixed;
  184. right: 10px;
  185. bottom: 10px;
  186. font-size: 16px;
  187. background-color: #fff;
  188. width: 16px;
  189. height: 16px;
  190. line-height: 16px;
  191. text-align: center;
  192. padding: 10px;
  193. border-radius: 10px;
  194. transition-duration: 0.5s;
  195. }
  196. #credit:hover {
  197. border-radius: 1px;
  198. }
  199. #credit a {
  200. display: block;
  201. color: {color:Accent};
  202. }
  203. #credit a:hover {
  204. -webkit-animation: tada 0.8s infinite;
  205. }
  206.  
  207. body {
  208. background-image: url('{image:Background}');
  209. background-color: {color:Background};
  210. font: {select:Font Size} 'poppins';
  211. color: {color:Text};
  212. text-align: left;
  213. }
  214.  
  215. a {
  216. color: {color:Link};
  217. text-decoration: none;
  218. transition-duration: 0.5s;
  219. }
  220.  
  221. a:hover {
  222. color:{color:Link Hover};
  223. }
  224. *, body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;}
  225.  
  226. #sidebar {
  227. width: 230px;
  228. background-color: {color:sidebar};
  229. float: left;
  230. position: {select:Sidebar Position};
  231. z-index: 999;
  232. margin-right: 50px;
  233. }
  234. #sidebar .links {
  235. font: 9pt 'poppins';
  236. font-weight: bold;
  237. text-align: center;
  238. display: flex;
  239. align-items: stretch;
  240. justify-content: space-around;
  241. padding-top: 15px;
  242. padding-bottom: 15px;
  243. border-bottom: 1px solid {color:Background};
  244. }
  245. #sidebar .links a {
  246. color: {color:Accent};
  247. display: block;
  248. flex: 1 auto;
  249. }
  250. #sidebar .links a:hover {
  251.  
  252. -webkit-animation: tada 0.8s infinite;
  253. }
  254. #sidebar .sbtitle {
  255. font: 9px 'poppins';
  256. font-weight: bold;
  257. text-transform: uppercase;
  258. text-align: center;
  259. letter-spacing: 1.5px;
  260. color: {color:Blog Title};
  261. padding: 0px 3px;
  262. }
  263. #sidebar .sbbar {
  264. height: 1px;
  265. width: 100px;
  266. margin: 10px auto;
  267. background-color: {color:Accent};
  268. }
  269. #sidebar .icon {
  270. overflow: hidden;
  271. border-radius: 100px;
  272. margin: auto;
  273. width: 50px;
  274. height: 50px;
  275. border: 5px solid {color:Background};
  276. margin: 40px auto 15px;
  277. background-size: cover;
  278. background-image:url({image:Icon});
  279. }
  280. #sidebar .desc {
  281. font-family: open sans;
  282. padding: 20px 50px 40px;
  283. text-align: {select:Text Align};
  284. line-height: 150%;
  285. font-size: {select:Font Size};
  286. letter-spacing: 1px;
  287. }
  288. #sidebar i {
  289. color: {color:Accent};
  290. }
  291. b {
  292. color: {color:Accent};
  293. font-family: poppins;
  294. text-transform: uppercase;
  295. font-size: 7px;
  296. letter-spacing: 2px;
  297. }
  298. u {
  299. text-decoration: none;
  300. border-bottom: 2px solid {color:Accent};
  301. }
  302. #wrapper {
  303. width: calc(300px + {select:Post});
  304. margin: 100px auto;
  305. }
  306. .nav {
  307. display:block;
  308. margin-top:10px;
  309. text-align:center;
  310. }
  311.  
  312. .nav a {
  313. display:inline-block;
  314. }
  315.  
  316. .nav a:hover {
  317. font-style:italic;
  318. text-decoration:underline;
  319. }
  320.  
  321. blockquote {
  322. display: block;
  323. margin-block-start: 20px;
  324. margin-block-end: 20px;
  325. margin-inline-start: 20px;
  326. margin-inline-end: 20px;
  327. }
  328.  
  329.  
  330. #pagination {
  331. color: {color:link};
  332. display:block;
  333. {block:ifInfiniteScroll}
  334. display:none;
  335. {/block:ifInfiniteScroll}
  336. text-align: center;
  337. padding: 10px;
  338. font: 9px 'poppins';
  339. letter-spacing: 1px;
  340. border-top: 1px solid {color:Background};
  341. }
  342.  
  343. #pagination a {
  344. color: {color:Text};
  345. }
  346. .current_page {
  347. font-weight:bold;
  348. color:{color:title};
  349. }
  350.  
  351. #infscr-loading {
  352. display:none!important;
  353. }
  354.  
  355. /* POSTS */
  356.  
  357. section {
  358. width: 500px;
  359. margin: 0px auto 100px auto;
  360. }
  361.  
  362. #posts {
  363. width: {select:Post}!important;
  364. margin-left: 300px;
  365. {PermalinkPage}
  366. width: 500px;
  367. {/PermalinkPage}
  368. }
  369.  
  370. article {
  371. margin-bottom:100px;
  372. }
  373.  
  374. .caption {
  375. background-color: {color:Sidebar};
  376. padding: 25px;
  377. font-family: open sans;
  378. font-size: 11px;
  379. line-height: 125%;
  380. }
  381. .text, .quote {
  382. background-color: {color:Sidebar};
  383. padding: 15px;
  384. font-family: open sans;
  385. font-size: 11px;
  386. line-height: 125%;
  387. justify-content: space-between;
  388. }
  389. .quote {
  390. display: flex;
  391. align-items: center;
  392. flex-wrap: wrap;
  393. }
  394. .quote .qq {
  395. display: block;
  396. flex: 1 80%;
  397. text-align: center;
  398. }
  399. .quote .th {
  400. font-size: 25px;
  401. color: {color:Accent};
  402. padding: 10px;
  403. display: block;
  404. flex: 1;
  405. }
  406. .quote .qs {
  407. flex: 1 100%;
  408. display: block;
  409. padding: 10px 20px;
  410. font-style: italic;
  411. }
  412. .quote .th:first-child {
  413. align-self: flex-start;
  414. }
  415. .quote .th:nth-child(2) {
  416. align-self: flex-end;
  417. }
  418. /* PHOTO */
  419.  
  420. .photo {
  421. position: relative;
  422. overflow: hidden;
  423. }
  424.  
  425. .photo img {
  426. width: 100%;
  427. display: block;
  428. }
  429.  
  430. /* TITLES */
  431.  
  432. .title {
  433. font-size: 14px;
  434. }
  435.  
  436. .title a {
  437. color: {color:Title};
  438. }
  439.  
  440. .title a:hover {
  441. color: {color:Link};
  442. }
  443.  
  444. .question {
  445. background-color: {color:Sidebar};
  446. padding: 15px;
  447. font: 14px 'poppins';
  448. text-align: justify;
  449. }
  450. .question .inner {
  451. padding: 25px;
  452. border-radius: 5px;
  453. overflow: hidden;
  454. background-color: {color:Background};
  455. color: {color:text};
  456. display: flex;
  457. justify-content: space-between;
  458. align-items: center;
  459. }
  460. .question img {
  461. float: left;
  462. border-radius: 100px;
  463. width: 25px;
  464. height: 25px;
  465. overflow: hidden;
  466. border: 5px solid {color:Sidebar};
  467. margin-right: 15px;
  468. max-width: 25px;
  469. max-height: 25px;
  470. flex: 1;
  471. }
  472. .question .qtext {
  473. flex: 1 auto;
  474. }
  475. .question .qtext a {
  476. font-weight: bold;
  477. letter-spacing: 1px;
  478. border-bottom: 3px solid {color:Accent};
  479. text-transform: uppercase;
  480. font: 10px 'poppins';
  481. color: {color:Blog Title};
  482. }
  483. .answer {
  484. padding: 5px 45px 25px;
  485. background-color: {color:Sidebar};
  486. padding-top: 5px;
  487. margin-top: 0px;
  488. }
  489. .ask {
  490. text-transform:lowercase;
  491. }
  492.  
  493. .ask a {
  494. color:{color:text};
  495. }
  496.  
  497. .ask a:hover {
  498. color:{color:link hover};
  499. }
  500.  
  501.  
  502. .postbot {
  503. margin-top:15px;
  504. text-align:center;
  505. }
  506. .post {
  507. background-color: {color:Sidebar};
  508. }
  509. .postbot span {
  510. display:block;
  511. }
  512. .postbot .postdate {
  513. text-transform: uppercase;
  514. letter-spacing: 3px;
  515. font-size: 8px;
  516. font-family: poppins;
  517. color: {color:Accent};
  518. font-weight: 600;
  519. }
  520. .postbot .postdate a {
  521. color: {color:Accent};
  522. }
  523.  
  524. .pagenotes {
  525. margin-top:-50px;
  526. text-align:center;
  527. }
  528.  
  529. ol.notes {
  530. text-align:left;
  531. list-style-type:none;
  532. padding:0px;
  533. margin:0px;
  534. font-size: 11px;
  535. }
  536. ol.notes a {
  537. color: {color:Accent};
  538. }
  539. ol.notes li.note {
  540. display:block;
  541. padding:0;
  542. margin:5px 0;
  543. }
  544.  
  545. ol.notes li.note img.avatar {
  546. display:none!important;
  547. }
  548.  
  549. a.more_notes_link {
  550. display:block;
  551. text-align:center;
  552. color:{color:title};
  553. }
  554.  
  555. .tags {
  556. margin-top:.5em;
  557. }
  558.  
  559. .tags a {
  560. font-style:italic;
  561. color:{color:text};
  562. display:inline;
  563. margin:0 2.5px;
  564. }
  565. #audio {
  566. width:100%;
  567. height:auto;
  568. min-height:60px;
  569. padding-bottom:0px;
  570. }
  571.  
  572. .cover {
  573. position:absolute;
  574. z-index:1;
  575. width:60px;
  576. height:60px;
  577. }
  578.  
  579. .cover img {
  580. float:left;
  581. width:60px;
  582. height:60px;
  583. }
  584.  
  585. .playbox {
  586. opacity:0.6;
  587. width:32px;
  588. height:34px;
  589. overflow:hidden;
  590. position:absolute;
  591. z-index:1000;
  592. margin-left:15px;
  593. margin-top:15px;
  594. text-align:center;
  595. }
  596.  
  597. .info {
  598. margin-left:73px;
  599. margin-top:6px;
  600. line-height:14px;
  601. }
  602.  
  603. .chat, .chat ol{
  604. margin-left:-20px;
  605. list-style:none;
  606. }
  607. .line{
  608. padding:6px;
  609. }
  610. .odd{
  611. background:#f9f9f9;
  612. color:{color:Link};
  613. }
  614. span.label{
  615. font-weight:bold;
  616. text-transform:uppercase;
  617. }
  618.  
  619. .photoset {
  620. width:{select:Post}!important;
  621. }
  622.  
  623. .photoset img {
  624. width:100%;
  625. }
  626. .post.link {
  627. background-color: {color:Sidebar};
  628. padding: 10px;
  629. }
  630. .post.link a {
  631. color: {color:Sidebar Title};
  632. font: 20px 'poppins';
  633. text-align: center;
  634. display: block;
  635. font-weight: 600;
  636. }
  637. .postTop {
  638. padding: 15px 15px 11px;
  639. display: flex;
  640. background-color: {color:Sidebar};
  641. border-bottom: 1px solid {color:Background};
  642. align-items: center;
  643. justify-content: space-between;
  644. }
  645. .postTop .postLeft {
  646. font: 11px 'poppins';
  647. text-transform: lowercase;
  648. color: {color:Text};
  649. text-align: left;
  650. flex: 1 auto;
  651. }
  652. .postTop .postRight {
  653. text-align: right;
  654. line-height: 11px;
  655. flex: 1;
  656. }
  657. .reblog_button, .like_button {
  658. float: right;
  659. }
  660. #like_wrapper {
  661. display: inline-block !important;
  662. width: 10px;
  663. height: 20px;
  664. }
  665. .like_button {
  666. margin-top: -2px;
  667. margin-left: 10px;
  668. }
  669.  
  670. iframe.tmblr-iframe {
  671. opacity:0;
  672. display:none!important;}
  673.  
  674. .ccontrols {
  675. position:fixed;
  676. top:0;
  677. right:0;
  678. z-index:9999999999999;
  679. margin:4px;}
  680.  
  681. .ccontrols a {
  682. display:block;
  683. float:left;
  684. margin:4px!important;
  685. width:13px;
  686. height:13px;
  687. background:#f8f8f8;/* change this to change the background of the links */
  688. padding:5px;
  689. line-height:1!important;}
  690.  
  691. .ccontrols a svg {
  692. width:13px;
  693. height:13px;}
  694.  
  695. .ccontrols a svg path {
  696. fill:#888888;/* change this to change the color of the links */
  697. transition:all 0.6s ease-in-out;
  698. -webkit-transition:all 0.6s ease-in-out;
  699. -o-transition:all 0.6s ease-in-out;
  700. -moz-transition:all 0.6s ease-in-out;
  701. -ms-transition:all 0.6s ease-in-out;}
  702.  
  703. .ccontrols a:hover svg path {
  704. fill:#cccccc;/* change this to change the color of the links on hover*/
  705. transition:all 0.6s ease-in-out;
  706. -webkit-transition:all 0.6s ease-in-out;
  707. -o-transition:all 0.6s ease-in-out;
  708. -moz-transition:all 0.6s ease-in-out;
  709. -ms-transition:all 0.6s ease-in-out;}
  710.  
  711. {block:PermalinkPage}a.clike {
  712. position:relative;
  713. display:inline-block;}
  714.  
  715. a.clike .like_button {
  716. position:relative!important;}
  717.  
  718. a.clike .like_button iframe {
  719. position:absolute!important;
  720. top:0!important;
  721. left:0!important;
  722. z-index:2!important;
  723. opacity:0.0000001!important;
  724. width:100%!important;
  725. height:100%!important;}
  726.  
  727. a.clike .liked + svg path {
  728. fill:red!important;}{/block:PermalinkPage}
  729. {CustomCSS}
  730.  
  731. </style>
  732.  
  733.  
  734. <body>
  735.  
  736. <div id="credit">
  737. <a href="http://mistletoe.tumblr.com" title="mistletoe themes"><span class="th th-shooting-star-o"></span></a>
  738. </div>
  739.  
  740. <div id="wrapper">
  741. <div id="sidebar">
  742.  
  743. <div class="links">
  744.  
  745. <a href="{text:Link 1}" title="{text:Link 1 Title}">.01</a>
  746. <a href="{text:Link 2}" title="{text:Link 2 Title}">.02</a>
  747. <a href="{text:Link 3}" title="{text:Link 3 Title}">.03</a>
  748. <a href="{text:Link 4}" title="{text:Link 4 Title}">.04</a>
  749.  
  750. </div>
  751.  
  752. <div class="icon"></div>
  753.  
  754. <div class="sbtitle">{Title}</div><div class="sbbar"></div>
  755.  
  756. {block:Description}
  757. <div class="desc">{Description}</div>
  758. {/block:Description}
  759.  
  760. <div id="pagination">
  761. {block:Pagination}
  762. {block:PreviousPage}
  763. <a href="{PreviousPage}">previous</a> •
  764. {/block:PreviousPage}
  765.  
  766.  
  767. {block:NextPage}
  768. <a href="{NextPage}">next</a>
  769. {/block:NextPage}
  770. {/block:Pagination}
  771. </div>
  772.  
  773. </div>
  774.  
  775. <section id="posts">{block:posts}
  776. <article>
  777. <div class="postTop">
  778. <div class="postLeft">
  779. {block:NoteCount}<a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  780. </div>
  781. <div class="postRight">
  782. {LikeButton size="13" color="grey"}
  783. {ReblogButton size="13" color="grey"}
  784. </div>
  785. </div>
  786.  
  787. {block:Text}
  788.  
  789. <div class="post text">
  790. {block:Title}
  791. <div class="title">
  792. <a href="{Permalink}">{Title}</a>
  793. </div>
  794. {/block:Title}{Body}
  795. </div>
  796.  
  797. {/block:Text}
  798.  
  799. {block:Photo}
  800. <div class="post photo">
  801. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  802.  
  803. {block:Caption}
  804. <div class="caption">{Caption}</div>
  805. {/block:Caption}
  806. </div>
  807. {/block:Photo}
  808.  
  809. {block:Panorama}
  810. <div class="post panorama">
  811. {LinkOpenTag}
  812. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  813. {LinkCloseTag}
  814. {block:Caption}
  815. <div class="caption">{Caption}</div>
  816. {/block:Caption}
  817. </div>
  818. {/block:Panorama}
  819.  
  820. {block:Photoset}
  821. <div class="post photoset">
  822. {Photoset-500}
  823. {block:Caption}
  824. <div class="caption">{Caption}</div>
  825. {/block:Caption}
  826. </div>
  827. {/block:Photoset}
  828.  
  829. {block:Quote}
  830. <div class="post quote">
  831. <span class="th th-quote-up-o"></span><span class="qq">{Quote}</span><span class="th th-quote-down-o"></span>
  832.  
  833. {block:Source}
  834. <div class="qs"> &mdash; {Source}</div>
  835. {/block:Source}
  836. </div>
  837. {/block:Quote}
  838.  
  839. {block:Link}
  840. <div class="post link">
  841. <a href="{URL}" class="title" {Target}>{Name}</a>
  842.  
  843. {block:Description}
  844. <div class="description">{Description}</div>
  845. {/block:Description}
  846. </div>
  847. {/block:Link}
  848.  
  849. {block:Chat}
  850. <div class="post chat">
  851. {block:Title}
  852. <h3><a href="{Permalink}">{Title}</a></h3>
  853. {/block:Title}
  854.  
  855. <ul class="chat">
  856. {block:Lines}
  857. <div class="{Alt} user_{UserNumber}">
  858. {block:Label}
  859. <span class="label">{Label}</span>
  860. {/block:Label}{Line}
  861. </div>
  862. {/block:Lines}
  863. </ul>
  864. </div>
  865. {/block:Chat}
  866.  
  867. {block:Video}
  868. <div class="post video">
  869. {Video-500}{block:Caption}
  870. <div class="caption">{Caption}</div>
  871. {/block:Caption}
  872. </div>
  873. {/block:Video}
  874.  
  875. {block:Audio}
  876. <div id="audio">
  877. <div class="cover">
  878. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  879. </div>
  880. {block:AlbumArt}
  881. <div class="cover">
  882. <img src="{AlbumArtURL}">
  883. </div>
  884. {/block:AlbumArt}
  885. <div class="playbox">
  886. {block:AudioPlayer}
  887. {AudioPlayerWhite}
  888. {/block:AudioPlayer}
  889. </div>
  890. <div class="info">
  891. <b>Title :</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  892. <b>Artist :</b>
  893. <span{block:Artist} style="display:none;"
  894. {/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  895. <b>Album :</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}
  896. {block:PlayCount}<br><b>Playcount :</b> {FormattedPlayCount}{/block:PlayCount}
  897. </div></div>
  898. {/block:Audio}
  899.  
  900. {block:Answer}
  901. <div class="question"><div class="inner">
  902. <img src="{AskerPortraitURL-128}"/>
  903. <div class="qtext">{Asker}: {question}</div>
  904. </div></div>
  905. {block:Answerer}
  906. <div class="answer">
  907. <div class="user">{answerer} replied:</div>
  908. {answer}
  909. </div>
  910. {/block:Answerer}
  911. {block:NotReblog}
  912. <div class="answer">
  913. {replies}
  914. </div>
  915. {/block:NotReblog}
  916. {block:RebloggedFrom}
  917. {block:Reblogs}
  918. <li class="answer">
  919. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  920. {body}
  921. </li>
  922. {/block:Reblogs}
  923. {/block:RebloggedFrom}
  924. {/block:Answer}
  925.  
  926. {block:Date}
  927. <div class="postbot">
  928. <span class="postdate"><a href="{permalink}">{dayofmonth} {month} {Year}</a></span>
  929. {block:hastags}
  930. <span class="tags">{block:Tags}<a href="{TagUrl}"># {Tag}</a>{/block:Tags}</span>
  931. {/block:hasTags}
  932. </div>
  933. {/block:Date}
  934.  
  935. </article>
  936.  
  937. {block:PostNotes}
  938. <article class="posts pagenotes">
  939. <div class="title">{NoteCountWithLabel}</div>
  940. {block:RebloggedFrom}
  941. <span style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  942. {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  943. </span>
  944. {/block:RebloggedFrom}
  945.  
  946. {PostNotes}
  947. </article>
  948. {/block:PostNotes}
  949.  
  950. {/block:Posts}
  951. </div>
  952. </section>
  953.  
  954.  
  955. </section>
  956. </div> <!-- end wrapper -->
  957.  
  958. <div class="ccontrols">
  959. {block:PermalinkPage}{block:Posts}{block:Date}<a href="#" class="clike" title="like">{LikeButton}<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>
  960. <a href="{ReblogURL}" title="reblog"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M36.7,39.9c-0.4-3.3,1.9-6.3,5.2-6.7c3.3-0.4,6.3,1.9,6.7,5.2l3.6,27.9c13.6-20.2,36.6-32.7,61.4-32.7c31.6,0,59.7,20.1,70,49.9c1.1,3.1-0.6,6.5-3.7,7.6c-0.6,0.2-1.3,0.3-2,0.3c-2.5,0-4.8-1.6-5.7-4c-8.6-25-32.2-41.8-58.6-41.8c-21.6,0-41.7,11.4-52.9,29.6l30-3.4c3.3-0.4,6.3,2,6.6,5.3s-2,6.3-5.3,6.6l-43.2,4.9c-0.2,0-0.5,0-0.7,0c-3,0-5.6-2.2-5.9-5.2L36.7,39.9z M185.3,120.2l-43.2,4.9c-3.3,0.4-5.7,3.3-5.3,6.6s3.3,5.7,6.6,5.3l26.1-2.9c-10.2,21.5-31.9,35.4-56,35.4c-27.1,0-51.5-18.1-59.3-44c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c4.5,14.9,13.9,28.3,26.3,37.7c12.9,9.7,28.3,14.9,44.5,14.9c29.6,0,56.1-17.6,67.8-44.3l4.2,33.3c0.4,3,3,5.2,5.9,5.2c0.3,0,0.5,0,0.8,0c3.3-0.4,5.6-3.4,5.2-6.7l-5.6-43.5C191.5,122.2,188.6,119.9,185.3,120.2z"/></svg></a>
  961. <a href="{EmbedUrl}" target="_blank" title="embed"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M140.7,27H72c-3.3,0-6,2.7-6,6v26H40c-3.3,0-6,2.7-6,6v122c0,3.3,2.7,6,6,6h101c3.3,0,6-2.7,6-6v-27h25c3.3,0,6-2.7,6-6V64.5c0-1.6-0.6-3.1-1.7-4.2L145,28.8C143.9,27.6,142.3,27,140.7,27z M135,181H46V71h20v83c0,3.3,2.7,6,6,6h63V181z M78,148V39h52v34c0,3.3,2.7,6,6,6h30v69H78z M166,67h-24V42.8L166,67L166,67z"/></svg></a>
  962. {/block:Date}{/block:Posts}{/block:PermalinkPage}<a href="https://tumblr.com/follow/{Name}" title="follow"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M129.5,38h-43c-3.6,0-6.5,2.9-6.5,6.5V81H43.5c-3.6,0-6.5,2.9-6.5,6.5v42c0,3.6,2.9,6.5,6.5,6.5H80v36.5c0,3.6,2.9,6.5,6.5,6.5h43c3.6,0,6.5-2.9,6.5-6.5V136h35.5c3.6,0,6.5-2.9,6.5-6.5v-42c0-3.6-2.9-6.5-6.5-6.5H136V44.5C136,40.9,133.1,38,129.5,38z M165,94v29h-35.5c-3.6,0-6.5,2.9-6.5,6.5V166H93v-36.5c0-3.6-2.9-6.5-6.5-6.5H50V94h36.5c3.6,0,6.5-2.9,6.5-6.5V51h30v36.5c0,3.6,2.9,6.5,6.5,6.5H165z"/></svg></a>
  963. <a href="https://www.tumblr.com/message/{Name}" target="_blank" title="message"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M190.3,118.1c0-22.4-19.7-41.9-47.2-47c-2.6-24.7-28.9-44.3-60.9-44.3c-33.7,0-61.1,21.6-61.1,48.2c0,13.5,7,26.1,19.3,35.2l-4.1,23c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l24-12.9c5.2,22.5,30.2,39.6,60.1,39.6c2.1,0,4.2-0.1,6.3-0.3l30.9,16.6c0.9,0.5,1.9,0.7,2.8,0.7c1.2,0,2.5-0.4,3.5-1.1c1.9-1.3,2.8-3.6,2.4-5.9l-4.1-23C183.4,144.3,190.3,131.6,190.3,118.1zM50.2,102.5c-10.9-6.9-17.1-16.9-17.1-27.4c0-20,22-36.2,49.1-36.2s49.1,16.2,49.1,36.2s-22,36.2-49.1,36.2c-2.2,0-4.6-0.1-6.9-0.4c-1.2-0.1-2.4,0.1-3.5,0.7l-21.6,11.6l2.6-14.6C53.3,106.2,52.3,103.8,50.2,102.5zM161.2,145.5c-2,1.3-3.1,3.7-2.7,6.1l2.6,14.6l-21.6-11.6c-1.1-0.6-2.3-0.8-3.5-0.7c-2.3,0.2-4.7,0.4-6.9,0.4c-24.7,0-45.2-13.5-48.6-31c0.5,0,1.1,0,1.6,0c30.2,0,55.3-17.4,60.2-40.1c21,4.3,35.9,18.7,35.9,34.9C178.3,128.6,172.1,138.6,161.2,145.5z"/></svg></a>
  964. <a href="https://tumblr.com/dashboard" target="_blank" title="dashboard"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M197.8,112.4l-86.2-82c-2.4-2.2-6.1-2.2-8.4,0.1l-82.5,82.3c-1.7,1.7-2.2,4.3-1.3,6.5c0.9,2.2,3.1,3.7,5.5,3.7h23v56c0,3.3,2.7,6,6,6h35c3.3,0,6-2.7,6-6v-44h25v44c0,3.3,2.7,6,6,6h36c3.3,0,6-2.7,6-6v-56h26c0,0,0,0,0,0c3.3,0,6-2.7,6-6C200,115.1,199.2,113.5,197.8,112.4zM162,111c-3.3,0-6,2.7-6,6v56h-24v-44c0-3.3-2.7-6-6-6H89c-3.3,0-6,2.7-6,6v44H60v-56c0-3.3-2.7-6-6-6H39.5l68.1-67.9L179,111H162z"/></svg></a></div>
  965. </body>
  966.  
  967.  
  968.  
  969. </html>
Advertisement
Add Comment
Please, Sign In to add comment