mistletoe

02 - stellae (500px)

Dec 25th, 2018 (edited)
288
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.64 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>{title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <!--------------------------------------------------------------------------
  10. ============================================================================
  11. ============================================================================
  12.  
  13.  
  14. ╭━╮╭━┳━━┳━━━┳━━━━┳╮╱╱╭━━━┳━━━━┳━━━┳━━━╮
  15. ┃┃╰╯┃┣┫┣┫╭━╮┃╭╮╭╮┃┃╱╱┃╭━━┫╭╮╭╮┃╭━╮┃╭━━╯
  16. ┃╭╮╭╮┃┃┃┃╰━━╋╯┃┃╰┫┃╱╱┃╰━━╋╯┃┃╰┫┃╱┃┃╰━━╮
  17. ┃┃┃┃┃┃┃┃╰━━╮┃╱┃┃╱┃┃╱╭┫╭━━╯╱┃┃╱┃┃╱┃┃╭━━╯
  18. ┃┃┃┃┃┣┫┣┫╰━╯┃╱┃┃╱┃╰━╯┃╰━━╮╱┃┃╱┃╰━╯┃╰━━╮
  19. ╰╯╰╯╰┻━━┻━━━╯╱╰╯╱╰━━━┻━━━╯╱╰╯╱╰━━━┻━━━╯
  20.  
  21.  
  22. ============================================================================
  23.  
  24. theme by merc
  25. mistletoe / badwolf
  26.  
  27. ============================================================================
  28. ============================================================================
  29.  
  30. - poppins by india type foundry
  31. - honeybee icon font by sol (themehive)
  32. - http://themehive.co
  33. - icons by merc
  34. - tumblr controls by cyntists
  35. - http://cyantists.tumblr.com
  36.  
  37. ============================================================================
  38.  
  39. REGARDING THIS THEME - DO NOT:
  40.  
  41. - replicate / reproduce
  42. - use as "inspiration"
  43. - frankenstein
  44. i.e. pick apart and use on your theme
  45. - steal the code
  46.  
  47. ============================================================================
  48.  
  49. basically, don't be /that/ asshole, alright? thanks.
  50.  
  51. ============================================================================
  52. ============================================================================
  53. --------------------------------------------------------------------------->
  54.  
  55. <!---
  56.  
  57. poppins - google fonts
  58. honeybee - sol (suiomi)
  59.  
  60. --->
  61.  
  62. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  63. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  64. <link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,700,700i,800i,900,900i" rel="stylesheet">
  65. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  66.  
  67. <!---
  68.  
  69. meta tags
  70.  
  71. --->
  72.  
  73. <meta name="color:background" content="#f1f1f1"/>
  74. <meta name="color:main text" content="#6b6b6b"/>
  75. <meta name="color:darker text" content="#616161"/>
  76. <meta name="color:accent" content="#db8f8f"/>
  77. <meta name="color:light accent" content="#f4dcdc"/>
  78. <meta name="color:dark accent" content="#b46b6b"/>
  79. <meta name="color:sidebar" content="#ffffff"/>
  80. <meta name="color:sidebar link" content="#c59e9e"/>
  81. <meta name="image:icon" content="https://i.postimg.cc/brMbRScn/25.png"/>
  82.  
  83. <meta name="text:post font size" content="9px"/>
  84.  
  85. <meta name="text:link 1" content="/"/>
  86. <meta name="text:link 1 text" content="index"/>
  87. <meta name="text:link 1 icon" content="moon"/>
  88.  
  89. <meta name="text:link 2" content="/ask"/>
  90. <meta name="text:link 2 text" content="message"/>
  91. <meta name="text:link 2 icon" content="bubble-heart"/>
  92.  
  93. <meta name="text:link 3" content="/nav"/>
  94. <meta name="text:link 3 text" content="navigation"/>
  95. <meta name="text:link 3 icon" content="bookmark-1"/>
  96.  
  97. <meta name="text:link 4" content="/archive"/>
  98. <meta name="text:link 4 text" content="archive"/>
  99. <meta name="text:link 4 icon" content="calendar-7"/>
  100.  
  101.  
  102. <!---
  103.  
  104. tooltips
  105.  
  106. --->
  107.  
  108. <script src="//dl.dropbox.com/s/4jdfup6iccopmej/smt.js"></script>
  109.  
  110. <script>
  111. (function($){
  112. $(document).ready(function(){
  113. $("[title]").style_my_tooltips({
  114. tip_follows_cursor:true,
  115. tip_delay_time:130,
  116. tip_fade_speed:130,
  117. attribute:"title"
  118. });
  119. });
  120. })(jQuery);
  121. </script>
  122.  
  123.  
  124. <title>{Title}</title>
  125. <style type="text/css">
  126.  
  127. body {
  128. background-color: {color:background};
  129. font-family: poppins;
  130. font-size: 11px;
  131. color: {color:main text};
  132. }
  133.  
  134. ::-webkit-scrollbar {
  135. width: 11px;
  136. height: 11px;
  137. background-color: #e6e6e6;
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb {
  141. background-color: {color:accent};
  142. }
  143.  
  144. ::-webkit-scrollbar,
  145. ::-webkit-scrollbar-thumb {
  146. border: 5px solid {color:sidebar};
  147. }
  148. #credit {
  149. position: fixed;
  150. right: 10px;
  151. bottom: 10px;
  152. font-size: 16px;
  153. background-color: #fff;
  154. width: 16px;
  155. height: 16px;
  156. line-height: 16px;
  157. text-align: center;
  158. padding: 10px;
  159. border-radius: 10px;
  160. transition-duration: 0.5s;
  161. }
  162. #credit:hover {
  163. border-radius: 1px;
  164. }
  165. #credit a {
  166. display: block;
  167. }
  168. #credit a:hover {
  169. -webkit-animation: tada 0.8s infinite;
  170. }
  171. #s-m-t-tooltip{
  172. max-width:300px;
  173. z-index:10000000000000000000000000000000000;
  174. margin: 15px;
  175. padding: 5px;
  176. background: {color:sidebar};
  177. font-family: poppins;
  178. font-size: 11px;
  179. text-transform: lowercase;
  180. letter-spacing: 2px;
  181. font-weight: 400;
  182. color: {color:main text};
  183. border-radius: 3px;
  184. border: 1px solid {color:background};
  185. /* text-shadow: -1px -1px 0 {color:dark accent}, 1px -1px 0 {color:dark accent}, -1px 1px 0 {color:dark accent}, 1px 1px 0 {color:dark accent}; */
  186. letter-spacing: 1.5px;
  187. }
  188.  
  189. i {
  190. color: {color:darker text};
  191. }
  192. b {
  193. color: {color:accent};
  194. }
  195. u {
  196. text-decoration: none;
  197. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:light accent}),color-stop(50%,transparent));
  198. background-image: -webkit-linear-gradient(bottom,{color:light accent} 50%,transparent 50%);
  199. background-image: linear-gradient(0deg,{color:light accent} 50%,transparent 50%);
  200. font-weight: 500;
  201. color: {color:darker text};
  202. }
  203. a, a:link, a:visited {
  204. text-decoration: none;
  205. transition-duration: 0.5s;
  206. color: {color:accent};
  207. }
  208. #wrapper {
  209. margin: 100px auto;
  210. font: 11px 'poppins';
  211. color: {color:main text};
  212. width: 750px;
  213. justify-content: space-between;
  214. display: flex;
  215. }
  216. .sidebar {
  217. flex: 1;
  218. width: 200px;
  219. max-width: 200px;
  220. letter-spacing: 1px;
  221. position: fixed;
  222. }
  223. .sidebar .st {
  224. text-align: right;
  225. font: 12px 'poppins';
  226. line-height: 100%;
  227. background-color: {color:sidebar};
  228. padding: 15px;
  229. margin-bottom: 1px;
  230. }
  231. .sidebar .st i {
  232. float: left;
  233. color: {color:accent};
  234. font-size: 12px;
  235. }
  236. .sidebar .st span {
  237. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:light accent}),color-stop(50%,transparent));
  238. background-image: -webkit-linear-gradient(bottom,{color:light accent} 50%,transparent 50%);
  239. background-image: linear-gradient(0deg,{color:light accent} 50%,transparent 50%);
  240. font-weight: 500;
  241. }
  242. .sidebar .sm {
  243. padding: 15px;
  244. background-color: {color:sidebar};
  245. font: 10px 'poppins';
  246. font-weight: 500;
  247. line-height: 125%;
  248. }
  249. .sidebar .sm .smf {
  250. display: flex;
  251. justify-content: space-between;
  252. align-items: center;
  253. }
  254. .sidebar .sm .stitle {
  255. text-align: right;
  256. color: {color:main text};
  257. text-transform: lowercase;
  258. flex: 1;
  259. }
  260. .sidebar .sm .stitle i {
  261. color: {color:main text};
  262.  
  263. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:light accent}),color-stop(50%,transparent));
  264. background-image: -webkit-linear-gradient(bottom,{color:light accent} 50%,transparent 50%);
  265. background-image: linear-gradient(0deg,{color:light accent} 50%,transparent 50%);
  266. font-weight: 500;
  267. }
  268. ul {
  269. list-style: none;
  270. text-align: left;
  271. padding-left: 0;
  272. }
  273.  
  274. li {
  275. position: relative;
  276. padding-left: 30px;
  277. list-style-type: none;
  278. font-size: 9px;
  279. text-transform: lowercase;
  280. letter-spacing: 1px;
  281. }
  282. li img {
  283. display: none;
  284. }
  285.  
  286. ul li:before {
  287. position: absolute;
  288. left: 15px;
  289. vertical-align: baseline!important;
  290. content: '›';
  291. }
  292. .sidebar .sm .icon {
  293. width: 40px;
  294. height: 40px;
  295. overflow: hidden;
  296. background-image:url({image:icon});
  297. min-width: 40px;
  298. flex: 1;
  299. max-width: 40px;
  300. margin-bottom: 5px;
  301. background-size: cover;
  302. border-radius: 5px;
  303. min-height: 40px;
  304. max-height: 40px;
  305. }
  306. .sidebar .sm .sd {
  307. font: 9px 'poppins';
  308. line-height: 150%;
  309. text-align: justify;
  310. padding: 15px 15px 0px;
  311. font-weight: 500;
  312. }
  313. .sidebar .sb {
  314. margin-top: 1px;
  315. background-color: {color:sidebar};
  316. padding: 10px;
  317. text-align: center;
  318. display: flex;
  319. justify-content: space-between;
  320. }
  321. .sidebar .sb a {
  322. color: {color:sidebar link};
  323. text-decoration: none;
  324. display: block;
  325. flex: 1;
  326. text-align: center;
  327. }
  328. .container {
  329. flex: 1;
  330. width: 400px;
  331. max-width: 400px;
  332. position: relative;
  333. margin-left: 250px;
  334. }
  335. .container b {
  336. color: {color:darker text};
  337. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:light accent}),color-stop(50%,transparent));
  338. background-image: -webkit-linear-gradient(bottom,{color:light accent} 50%,transparent 50%);
  339. background-image: linear-gradient(0deg,{color:light accent} 50%,transparent 50%);
  340. }
  341. .postTop {
  342. background-color: {color:sidebar};
  343. margin-bottom: 1px;
  344. font: 12px 'poppins';
  345. font-weight: 500;
  346. letter-spacing: 2px;
  347. text-align: right;
  348. display: flex;
  349. justify-content: space-between;
  350. align-items: center;
  351. padding: 10px 20px;
  352. text-transform: lowercase;
  353. }
  354. .postTop .postDate {
  355. flex: 1;
  356. text-align: left;
  357. }
  358. .postTop .reblogImg {
  359. flex: 1;
  360. text-align: right;
  361. border: 3px solid {color:background};
  362. border-radius: 100%;
  363. overflow: hidden;
  364. width: 30px;
  365. height: 30px;
  366. max-width: 30px;
  367. }
  368. .postTop .reblogImg img {
  369. width: 30px;
  370. height: 30px;
  371. }
  372. .postBot {
  373. background-color: {color:sidebar};
  374. margin-top: 1px;
  375. font: 12px 'poppins';
  376. font-weight: 500;
  377. letter-spacing: 2px;
  378. text-align: right;
  379. display: flex;
  380. justify-content: space-between;
  381. align-items: center;
  382. padding: 10px 20px;
  383. text-transform: lowercase;
  384. margin-bottom: 50px;
  385. flex-wrap: wrap;
  386.  
  387. }
  388. .postBot .controls {
  389. flex: 1;
  390. text-align: left;
  391. }
  392. .postBot .noteCount {
  393. text-align: right;
  394. }
  395. .postBot .noteCount a {
  396. color: {color:tag color};
  397. }
  398. .posts {
  399. display: block;
  400. width: 500px;
  401. min-width: 500px;
  402. max-width: 500px;
  403. flex: 1;
  404. }
  405. .post h3 {
  406. letter-spacing: 1px;
  407. }
  408. .replies img {
  409. max-width: 355px;
  410. height: auto;
  411. }
  412. .post h3 span {
  413. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:light accent}),color-stop(50%,transparent));
  414. background-image: -webkit-linear-gradient(bottom,{color:light accent} 50%,transparent 50%);
  415. background-image: linear-gradient(0deg,{color:light accent} 50%,transparent 50%);
  416. }
  417. .post {
  418. background-color: {color:sidebar};
  419. display: block;
  420. position: relative;
  421. font-size: {text:post font size};
  422. letter-spacing: 1px;
  423. }
  424. .post.text {
  425. padding: 25px;
  426. }
  427. .post .caption {
  428. padding: 25px;
  429. }
  430. .question {
  431. border-bottom: 1px solid {color:background};
  432. background-color: {color:sidebar};
  433. padding: 0px;
  434. font: '12px' poppins;
  435. }
  436. .question .asker {
  437. text-align: right;
  438. color: {color:main text};
  439. font-size: 16px;
  440. padding: 25px;
  441. border-bottom:1px solid #f5f5f5;
  442. }
  443. .question .asker a {
  444. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(30%,{color:light accent}),color-stop(30%,transparent));
  445. background-image: -webkit-linear-gradient(bottom,{color:light accent} 30%,transparent 30%);
  446. background-image: linear-gradient(0deg,{color:light accent} 30%,transparent 30%);
  447. text-decoration: none;
  448. padding-bottom: 0px;
  449. padding: 0px;
  450. }
  451. .question .asker-question {
  452. padding: 25px 50px;
  453. background-color: #fbfbfb;
  454. }
  455. .question .asker-question span {
  456.  
  457. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(30%,{color:light accent}),color-stop(30%,transparent));
  458. background-image: -webkit-linear-gradient(bottom,{color:light accent} 30%,transparent 30%);
  459. background-image: linear-gradient(0deg,{color:light accent} 30%,transparent 30%);
  460. }
  461. .question .asker-avatar {
  462. float: left;
  463. width: 30px;
  464. height: auto;
  465. border-radius: 100%;
  466. border: 3px solid {color:background};
  467. }
  468. .replies {
  469. padding: 25px;
  470. background-color: {color:sidebar};
  471. }
  472. /** custom like + reblog **/
  473. svg {
  474. width:10px;
  475. height:auto;
  476. opacity:.5;
  477. padding:1px;
  478. display:block;
  479. overflow:visible;
  480. }
  481. .controls a {
  482. position:relative;
  483. display:inline-block;
  484. overflow:hidden;
  485. padding:5px;
  486. width:12px;
  487. height:12px;
  488. color: {color:dark accent};
  489. }
  490. .controls .reblog {
  491. opacity:.93;
  492. }
  493. .controls .reblog svg {
  494. width:10px;
  495. margin-top:1px;
  496. }
  497. .controls .like .liked + svg {
  498. opacity:1;
  499. }
  500. .controls .like .liked + svg path {
  501. fill:#ec5a5a;
  502. }
  503. .controls .like .like_button {
  504. position:relative;
  505. }
  506. .controls .like .like_button iframe {
  507. position:absolute;
  508. top:0;
  509. left:0;
  510. bottom:0;
  511. right:0;
  512. z-index:2;
  513. opacity:0;
  514. }
  515. .pagi {
  516. display: flex;
  517. align-items: center;
  518. justify-content: center;
  519. position: relative;
  520. }
  521. .pagi a {
  522. display: block;
  523. flex: 1;
  524. color: {color:sidebar};
  525. margin-left: 5px;
  526. margin-right: 5px;
  527. font-size: 15px;
  528. padding: 10px;
  529. background-color: {color:accent};
  530. text-align: center;
  531. max-width: 15px;
  532. height: 15px;
  533. line-height: 15px;
  534. }
  535. blockquote {
  536. display: block;
  537. margin-block-start: 0.25em;
  538. margin-block-end: 0.25em;
  539. margin-inline-start: 10px;
  540. margin-inline-end: 10px;
  541. text-align: justify;
  542. }
  543. iframe.tmblr-iframe { opacity:0; display:none!important;}
  544. .ccontrols { position: fixed;
  545. top: 0;
  546. right: 0;
  547. z-index: 10001;
  548. margin-right: 30px;
  549. margin-top: 30px;}
  550.  
  551. .ccontrols a {
  552. display:block;
  553. float:left;
  554. margin:4px!important;
  555. width:13px;
  556. height:13px;
  557. background:{color:sidebar};/* change this to change the background of the links */
  558. padding:5px;
  559. line-height:1!important;}
  560.  
  561. .ccontrols a svg {
  562. width:13px;
  563. height:13px;}
  564.  
  565. .ccontrols a svg path {
  566. fill:{color:dark accent};/* change this to change the color of the links */
  567. transition:all 0.6s ease-in-out;
  568. -webkit-transition:all 0.6s ease-in-out;
  569. -o-transition:all 0.6s ease-in-out;
  570. -moz-transition:all 0.6s ease-in-out;
  571. -ms-transition:all 0.6s ease-in-out;}
  572.  
  573. .ccontrols a:hover svg path {
  574. fill:{color:main text};/* change this to change the color of the links on hover*/
  575. transition:all 0.6s ease-in-out;
  576. -webkit-transition:all 0.6s ease-in-out;
  577. -o-transition:all 0.6s ease-in-out;
  578. -moz-transition:all 0.6s ease-in-out;
  579. -ms-transition:all 0.6s ease-in-out;}
  580.  
  581. {block:PermalinkPage}a.clike {
  582. position:relative;
  583. display:inline-block;}
  584.  
  585. a.clike .like_button {
  586. position:relative!important;}
  587.  
  588. a.clike .like_button iframe {
  589. position:absolute!important;
  590. top:0!important;
  591. left:0!important;
  592. z-index:2!important;
  593. opacity:0.0000001!important;
  594. width:100%!important;
  595. height:100%!important;}
  596.  
  597. a.clike .liked + svg path {
  598. fill:red!important;}{/block:PermalinkPage}
  599. }
  600. .tags {
  601. }
  602. .tags {
  603.  
  604. display: block !important;
  605. margin-top: -50px;
  606. margin-bottom: 50px;
  607. padding: 10px;
  608. position: relative;
  609. overflow-wrap: break-word;
  610. }
  611. .tags a {
  612. color: {color:main text};
  613. }
  614. #pagination {
  615. text-align: center;
  616. padding: 10px;
  617. font-size: 9px;
  618. letter-spacing: 1px;
  619. }
  620. #pagination a {
  621. color: {color:main text};
  622. }
  623. </style>
  624. </head>
  625.  
  626. <body>
  627.  
  628. <div id="credit">
  629. <a href="http://mistletoe.tumblr.com" title="mistletoe themes"><span class="th th-shooting-star-o"></span></a>
  630. </div>
  631.  
  632. <div id="wrapper">
  633.  
  634. <div class="sidebar">
  635. <div class="st">
  636. <i class="th th-stars"></i>
  637.  
  638. <span>{Name}</span>
  639. </div><div class="sm">
  640.  
  641. <div class="smf">
  642. <div class="icon"></div>
  643. <div class="stitle"><i>{title}</i></div>
  644. </div>
  645.  
  646. <div class="sd">{description}</div>
  647.  
  648. </div><div class="sb">
  649. <a href="{text:link 1}" title="{text:link 1 text}"><span class="th th-{text:link 1 icon}"></span></a>
  650. <a href="{text:link 2}" title="{text:link 2 text}"><span class="th th-{text:link 2 icon}"></span></a>
  651. <a href="{text:link 3}" title="{text:link 3 text}"><span class="th th-{text:link 3 icon}"></span></a>
  652. <a href="{text:link 4}" title="{text:link 4 text}"><span class="th th-{text:link 4 icon}"></span></a>
  653. </div>
  654.  
  655. <div id="pagination">
  656. {block:Pagination}
  657. {block:PreviousPage}
  658. <a href="{PreviousPage}">previous</a> •
  659. {/block:PreviousPage}
  660.  
  661.  
  662. {block:NextPage}
  663. <a href="{NextPage}">next</a>
  664. {/block:NextPage}
  665. {/block:Pagination}
  666. </div>
  667.  
  668. </div>
  669. <div class="container">
  670.  
  671. <div class="posts" id="{PostID}">
  672. <!-- BEGIN POST -->
  673. {block:Posts}
  674.  
  675. <div class="postTop">
  676.  
  677. {block:Date}
  678. <div class="postDate">
  679. <a href="{Permalink}" style="color:{color:main text};"><u>
  680.  
  681.  
  682. {block:NewDayDate}{ShortMonth} {DayOfMonthWithSuffix}{/block:NewDayDate}
  683. {block:SameDayDate}{TimeAgo}{/block:SameDayDate}
  684.  
  685. </u></a>
  686. </div>
  687. {/block:Date}
  688. {block:NotReblog}
  689. <div class="reblogImg">
  690. <a href="{Permalink}" title="original post">
  691. <img src="{PortraitURL-40}"/>
  692. </a>
  693. </div>
  694. {/block:NotReblog}{block:RebloggedFrom}
  695. <div class="reblogImg">
  696. <a href="{ReblogParentURL}" title="via {ReblogParentName}">
  697. <img src="{ReblogParentPortraitURL-40}"/>
  698. </a>
  699. </div>
  700. {/block:RebloggedFrom}
  701.  
  702. </div>
  703.  
  704. {block:Text}
  705. <div class="post text">
  706. {block:Title}
  707. <h3><span>{Title}</span></h3>
  708. {/block:Title}{Body}
  709. </div>
  710. {/block:Text}{block:Photo}
  711. <div class="post photo">
  712. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  713.  
  714. {block:Caption}
  715. <div class="caption">{Caption}</div>
  716. {/block:Caption}
  717. </div>
  718. {/block:Photo}{block:Panorama}
  719. <div class="post panorama">
  720. {divnkOpenTag}
  721. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  722. {divnkCloseTag}{block:Caption}
  723. <div class="caption">{Caption}</div>
  724. {/block:Caption}
  725. </div>
  726. {/block:Panorama}{block:Photoset}
  727. <div class="post photoset">
  728. {Photoset-500}{block:Caption}
  729. <div class="caption">{Caption}</div>
  730. {/block:Caption}
  731. </div>
  732. {/block:Photoset}{block:Quote}
  733. <div class="post quote">
  734. "{Quote}"
  735.  
  736. {block:Source}
  737. <div class="source">{Source}</div>
  738. {/block:Source}
  739. </div>
  740. {/block:Quote}{block:divnk}
  741. <div class="post divnk">
  742. <a href="{URL}" class="divnk" {Target}>{Name}</a>
  743.  
  744. {block:Description}
  745. <div class="description">{Description}</div>
  746. {/block:Description}
  747. </div>
  748. {/block:divnk}{block:Chat}
  749. <div class="post chat">
  750. {block:Title}
  751. <h3><a href="{Permadivnk}">{Title}</a></h3>
  752. {/block:Title}
  753.  
  754. <ul class="chat">
  755. {block:divnes}
  756. <div class="{Alt} user_{UserNumber}">
  757. {block:Label}
  758. <span class="label">{Label}</span>
  759. {/block:Label}{divne}
  760. </div>
  761. {/block:divnes}
  762. </ul>
  763. </div>
  764. {/block:Chat}{block:Video}
  765. <div class="post video">
  766. {Video-500}{block:Caption}
  767. <div class="caption">{Caption}</div>
  768. {/block:Caption}
  769. </div>
  770. {/block:Video}{block:Audio}
  771. <div class="post audio">
  772. {AudioEmbed}{block:Caption}
  773. <div class="caption">{Caption}</div>
  774. {/block:Caption}
  775. </div>
  776. {/block:Audio}
  777. {block:Answer}
  778. <div class="question">
  779. <div class="asker">
  780. <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  781. <span>{Asker}</span> asked:</div>
  782. <div class="asker-question"><span>{Question}</span></div>
  783.  
  784. </div>
  785.  
  786. {block:Answerer}
  787. <div class="answer">
  788. <div class="answerer">{Answerer}</div>
  789. <div class="answerer-answer">{Answer}</div>
  790. <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  791. </div>
  792. {/block:Answerer}
  793.  
  794. <div class="replies">
  795. {Replies}
  796. </div>
  797. {/block:Answer}
  798.  
  799. <div class="postBot">
  800. <div class="controls">
  801. <a href="{ReblogURL}" target="_blank" class="reblog">
  802. <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>
  803. </a>
  804. <a href="#" class="like">{LikeButton}
  805. <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>
  806. </a>
  807. </div>
  808.  
  809. {block:NoteCount}
  810. <div class="noteCount">
  811. <a href="{Permalink}">{NoteCountWithLabel}</a>
  812. </div>
  813. {/block:NoteCount}
  814.  
  815.  
  816.  
  817.  
  818. {block:PostNotes}
  819. <div class="pagenotes">
  820. {PostNotes}
  821. </div>
  822. {/block:PostNotes}
  823. </div>
  824.  
  825. {block:HasTags}<div class="tags">
  826. {block:Tags}<u><a href="{TagUrl}" style="color:{tag color}">#{Tag}</a></u>&nbsp;&nbsp;{/block:Tags}
  827. </div>{/block:HasTags}
  828.  
  829.  
  830. {/block:Posts}
  831. <!-- END POST -->
  832. </div>
  833.  
  834. </div>
  835.  
  836. </div>
  837.  
  838. <div class="ccontrols">
  839. {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>
  840. <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>
  841. <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>
  842. {/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>
  843. <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>
  844. <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>
  845.  
  846. </body>
  847.  
  848. </html>
Advertisement
Add Comment
Please, Sign In to add comment