mistletoe

02 - stellae

Dec 20th, 2018 (edited)
4,328
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.58 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: 650px;
  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: 400px;
  401. min-width: 400px;
  402. max-width: 400px;
  403. flex: 1;
  404. }
  405. .post h3 {
  406. letter-spacing: 1px;
  407. }
  408. .post h3 span {
  409. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:light accent}),color-stop(50%,transparent));
  410. background-image: -webkit-linear-gradient(bottom,{color:light accent} 50%,transparent 50%);
  411. background-image: linear-gradient(0deg,{color:light accent} 50%,transparent 50%);
  412. }
  413. .post {
  414. background-color: {color:sidebar};
  415. display: block;
  416. position: relative;
  417. font-size: {text:post font size};
  418. letter-spacing: 1px;
  419. }
  420. .post.text {
  421. padding: 25px;
  422. }
  423. .post .caption {
  424. padding: 25px;
  425. }
  426. .question {
  427. border-bottom: 1px solid {color:background};
  428. background-color: {color:sidebar};
  429. padding: 0px;
  430. font: '12px' poppins;
  431. }
  432. .question .asker {
  433. text-align: right;
  434. color: {color:main text};
  435. font-size: 16px;
  436. padding: 25px;
  437. border-bottom:1px solid #f5f5f5;
  438. }
  439. .question .asker a {
  440. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(30%,{color:light accent}),color-stop(30%,transparent));
  441. background-image: -webkit-linear-gradient(bottom,{color:light accent} 30%,transparent 30%);
  442. background-image: linear-gradient(0deg,{color:light accent} 30%,transparent 30%);
  443. text-decoration: none;
  444. padding-bottom: 0px;
  445. padding: 0px;
  446. }
  447. .question .asker-question {
  448. padding: 25px 50px;
  449. background-color: #fbfbfb;
  450. }
  451. .question .asker-question span {
  452.  
  453. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(30%,{color:light accent}),color-stop(30%,transparent));
  454. background-image: -webkit-linear-gradient(bottom,{color:light accent} 30%,transparent 30%);
  455. background-image: linear-gradient(0deg,{color:light accent} 30%,transparent 30%);
  456. }
  457. .question .asker-avatar {
  458. float: left;
  459. width: 30px;
  460. height: auto;
  461. border-radius: 100%;
  462. border: 3px solid {color:background};
  463. }
  464. .replies {
  465. padding: 25px;
  466. background-color: {color:sidebar};
  467. }
  468. /** custom like + reblog **/
  469. svg {
  470. width:10px;
  471. height:auto;
  472. opacity:.5;
  473. padding:1px;
  474. display:block;
  475. overflow:visible;
  476. }
  477. .controls a {
  478. position:relative;
  479. display:inline-block;
  480. overflow:hidden;
  481. padding:5px;
  482. width:12px;
  483. height:12px;
  484. color: {color:dark accent};
  485. }
  486. .controls .reblog {
  487. opacity:.93;
  488. }
  489. .controls .reblog svg {
  490. width:10px;
  491. margin-top:1px;
  492. }
  493. .controls .like .liked + svg {
  494. opacity:1;
  495. }
  496. .controls .like .liked + svg path {
  497. fill:#ec5a5a;
  498. }
  499. .controls .like .like_button {
  500. position:relative;
  501. }
  502. .controls .like .like_button iframe {
  503. position:absolute;
  504. top:0;
  505. left:0;
  506. bottom:0;
  507. right:0;
  508. z-index:2;
  509. opacity:0;
  510. }
  511. .pagi {
  512. display: flex;
  513. align-items: center;
  514. justify-content: center;
  515. position: relative;
  516. }
  517. .pagi a {
  518. display: block;
  519. flex: 1;
  520. color: {color:sidebar};
  521. margin-left: 5px;
  522. margin-right: 5px;
  523. font-size: 15px;
  524. padding: 10px;
  525. background-color: {color:accent};
  526. text-align: center;
  527. max-width: 15px;
  528. height: 15px;
  529. line-height: 15px;
  530. }
  531. blockquote {
  532. display: block;
  533. margin-block-start: 0.25em;
  534. margin-block-end: 0.25em;
  535. margin-inline-start: 10px;
  536. margin-inline-end: 10px;
  537. text-align: justify;
  538. }
  539. iframe.tmblr-iframe { opacity:0; display:none!important;}
  540. .ccontrols { position: fixed;
  541. top: 0;
  542. right: 0;
  543. z-index: 10001;
  544. margin-right: 30px;
  545. margin-top: 30px;}
  546.  
  547. .ccontrols a {
  548. display:block;
  549. float:left;
  550. margin:4px!important;
  551. width:13px;
  552. height:13px;
  553. background:{color:sidebar};/* change this to change the background of the links */
  554. padding:5px;
  555. line-height:1!important;}
  556.  
  557. .ccontrols a svg {
  558. width:13px;
  559. height:13px;}
  560.  
  561. .ccontrols a svg path {
  562. fill:{color:dark accent};/* change this to change the color of the links */
  563. transition:all 0.6s ease-in-out;
  564. -webkit-transition:all 0.6s ease-in-out;
  565. -o-transition:all 0.6s ease-in-out;
  566. -moz-transition:all 0.6s ease-in-out;
  567. -ms-transition:all 0.6s ease-in-out;}
  568.  
  569. .ccontrols a:hover svg path {
  570. fill:{color:main text};/* change this to change the color of the links on hover*/
  571. transition:all 0.6s ease-in-out;
  572. -webkit-transition:all 0.6s ease-in-out;
  573. -o-transition:all 0.6s ease-in-out;
  574. -moz-transition:all 0.6s ease-in-out;
  575. -ms-transition:all 0.6s ease-in-out;}
  576.  
  577. {block:PermalinkPage}a.clike {
  578. position:relative;
  579. display:inline-block;}
  580.  
  581. a.clike .like_button {
  582. position:relative!important;}
  583.  
  584. a.clike .like_button iframe {
  585. position:absolute!important;
  586. top:0!important;
  587. left:0!important;
  588. z-index:2!important;
  589. opacity:0.0000001!important;
  590. width:100%!important;
  591. height:100%!important;}
  592.  
  593. a.clike .liked + svg path {
  594. fill:red!important;}{/block:PermalinkPage}
  595. }
  596. .tags {
  597. }
  598. .tags {
  599.  
  600. display: block !important;
  601. margin-top: -50px;
  602. margin-bottom: 50px;
  603. padding: 10px;
  604. position: relative;
  605. overflow-wrap: break-word;
  606. }
  607. .tags a {
  608. color: {color:main text};
  609. }
  610. #pagination {
  611. text-align: center;
  612. padding: 10px;
  613. font-size: 9px;
  614. letter-spacing: 1px;
  615. }
  616. #pagination a {
  617. color: {color:main text};
  618. }
  619. </style>
  620. </head>
  621.  
  622. <body>
  623.  
  624. <div id="credit">
  625. <a href="http://mistletoe.tumblr.com" title="mistletoe themes"><span class="th th-shooting-star-o"></span></a>
  626. </div>
  627.  
  628. <div id="wrapper">
  629.  
  630. <div class="sidebar">
  631. <div class="st">
  632. <i class="th th-stars"></i>
  633.  
  634. <span>{Name}</span>
  635. </div><div class="sm">
  636.  
  637. <div class="smf">
  638. <div class="icon"></div>
  639. <div class="stitle"><i>{title}</i></div>
  640. </div>
  641.  
  642. <div class="sd">{description}</div>
  643.  
  644. </div><div class="sb">
  645. <a href="{text:link 1}" title="{text:link 1 text}"><span class="th th-{text:link 1 icon}"></span></a>
  646. <a href="{text:link 2}" title="{text:link 2 text}"><span class="th th-{text:link 2 icon}"></span></a>
  647. <a href="{text:link 3}" title="{text:link 3 text}"><span class="th th-{text:link 3 icon}"></span></a>
  648. <a href="{text:link 4}" title="{text:link 4 text}"><span class="th th-{text:link 4 icon}"></span></a>
  649. </div>
  650.  
  651. <div id="pagination">
  652. {block:Pagination}
  653. {block:PreviousPage}
  654. <a href="{PreviousPage}">previous</a> •
  655. {/block:PreviousPage}
  656.  
  657.  
  658. {block:NextPage}
  659. <a href="{NextPage}">next</a>
  660. {/block:NextPage}
  661. {/block:Pagination}
  662. </div>
  663.  
  664. </div>
  665. <div class="container">
  666.  
  667. <div class="posts" id="{PostID}">
  668. <!-- BEGIN POST -->
  669. {block:Posts}
  670.  
  671. <div class="postTop">
  672.  
  673. {block:Date}
  674. <div class="postDate">
  675. <a href="{Permalink}" style="color:{color:main text};"><u>
  676.  
  677.  
  678. {block:NewDayDate}{ShortMonth} {DayOfMonthWithSuffix}{/block:NewDayDate}
  679. {block:SameDayDate}{TimeAgo}{/block:SameDayDate}
  680.  
  681. </u></a>
  682. </div>
  683. {/block:Date}
  684. {block:NotReblog}
  685. <div class="reblogImg">
  686. <a href="{Permalink}" title="original post">
  687. <img src="{PortraitURL-40}"/>
  688. </a>
  689. </div>
  690. {/block:NotReblog}{block:RebloggedFrom}
  691. <div class="reblogImg">
  692. <a href="{ReblogParentURL}" title="via {ReblogParentName}">
  693. <img src="{ReblogParentPortraitURL-40}"/>
  694. </a>
  695. </div>
  696. {/block:RebloggedFrom}
  697.  
  698. </div>
  699.  
  700. {block:Text}
  701. <div class="post text">
  702. {block:Title}
  703. <h3><span>{Title}</span></h3>
  704. {/block:Title}{Body}
  705. </div>
  706. {/block:Text}{block:Photo}
  707. <div class="post photo">
  708. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  709.  
  710. {block:Caption}
  711. <div class="caption">{Caption}</div>
  712. {/block:Caption}
  713. </div>
  714. {/block:Photo}{block:Panorama}
  715. <div class="post panorama">
  716. {divnkOpenTag}
  717. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  718. {divnkCloseTag}{block:Caption}
  719. <div class="caption">{Caption}</div>
  720. {/block:Caption}
  721. </div>
  722. {/block:Panorama}{block:Photoset}
  723. <div class="post photoset">
  724. {Photoset-400}{block:Caption}
  725. <div class="caption">{Caption}</div>
  726. {/block:Caption}
  727. </div>
  728. {/block:Photoset}{block:Quote}
  729. <div class="post quote">
  730. "{Quote}"
  731.  
  732. {block:Source}
  733. <div class="source">{Source}</div>
  734. {/block:Source}
  735. </div>
  736. {/block:Quote}{block:divnk}
  737. <div class="post divnk">
  738. <a href="{URL}" class="divnk" {Target}>{Name}</a>
  739.  
  740. {block:Description}
  741. <div class="description">{Description}</div>
  742. {/block:Description}
  743. </div>
  744. {/block:divnk}{block:Chat}
  745. <div class="post chat">
  746. {block:Title}
  747. <h3><a href="{Permadivnk}">{Title}</a></h3>
  748. {/block:Title}
  749.  
  750. <ul class="chat">
  751. {block:divnes}
  752. <div class="{Alt} user_{UserNumber}">
  753. {block:Label}
  754. <span class="label">{Label}</span>
  755. {/block:Label}{divne}
  756. </div>
  757. {/block:divnes}
  758. </ul>
  759. </div>
  760. {/block:Chat}{block:Video}
  761. <div class="post video">
  762. {Video-400}{block:Caption}
  763. <div class="caption">{Caption}</div>
  764. {/block:Caption}
  765. </div>
  766. {/block:Video}{block:Audio}
  767. <div class="post audio">
  768. {AudioEmbed}{block:Caption}
  769. <div class="caption">{Caption}</div>
  770. {/block:Caption}
  771. </div>
  772. {/block:Audio}
  773. {block:Answer}
  774. <div class="question">
  775. <div class="asker">
  776. <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  777. <span>{Asker}</span> asked:</div>
  778. <div class="asker-question"><span>{Question}</span></div>
  779.  
  780. </div>
  781.  
  782. {block:Answerer}
  783. <div class="answer">
  784. <div class="answerer">{Answerer}</div>
  785. <div class="answerer-answer">{Answer}</div>
  786. <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  787. </div>
  788. {/block:Answerer}
  789.  
  790. <div class="replies">
  791. {Replies}
  792. </div>
  793. {/block:Answer}
  794.  
  795. <div class="postBot">
  796. <div class="controls">
  797. <a href="{ReblogURL}" target="_blank" class="reblog">
  798. <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>
  799. </a>
  800. <a href="#" class="like">{LikeButton}
  801. <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>
  802. </a>
  803. </div>
  804.  
  805. {block:NoteCount}
  806. <div class="noteCount">
  807. <a href="{Permalink}">{NoteCountWithLabel}</a>
  808. </div>
  809. {/block:NoteCount}
  810.  
  811.  
  812.  
  813.  
  814. {block:PostNotes}
  815. <div class="pagenotes">
  816. {PostNotes}
  817. </div>
  818. {/block:PostNotes}
  819. </div>
  820.  
  821. {block:HasTags}<div class="tags">
  822. {block:Tags}<u><a href="{TagUrl}" style="color:{tag color}">#{Tag}</a></u>&nbsp;&nbsp;{/block:Tags}
  823. </div>{/block:HasTags}
  824.  
  825.  
  826. {/block:Posts}
  827. <!-- END POST -->
  828. </div>
  829.  
  830. </div>
  831.  
  832. </div>
  833.  
  834. <div class="ccontrols">
  835. {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>
  836. <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>
  837. <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>
  838. {/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>
  839. <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>
  840. <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>
  841.  
  842. </body>
  843.  
  844. </html>
Advertisement
Add Comment
Please, Sign In to add comment