API tools faq
paste
PetitePixel

Theme #005: Time of the Season

PetitePixel
Nov 11th, 2019
925
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.41 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3.  
  4. THEME #005: TIME OF THE SEASON
  5. CREATED BY PETITEPIXEL FOR PERSONAL USE.
  6. PLEASE DO NOT TAKE ANY OF
  7. MY CODE OR CLAIM AS YOUR OWN. IF YOU HAVE
  8. QUESTIONS PLEASE CONTACT PETITEPIXEL AT
  9. PETITEPIXEL.TUMBLR.COM/MAIL
  10.  
  11.  
  12. --->
  13.  
  14.  
  15. <html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <meta name="description" content="" />
  22. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  23.  
  24. <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  25.  
  26.  
  27.  
  28.  
  29. <!-- DEFAULT VARIABLES -->
  30. <meta name="color:accent" content="#f4ecec"/>
  31. <meta name="color:background" content="#fff"/>
  32. <meta name="color:blockquote" content="#f8f8f8"/>
  33. <meta name="color:borders" content="#f0f0f0"/>
  34. <meta name="color:chat even" content="#ccc"/>
  35. <meta name="color:chat odd" content="#eee"/>
  36. <meta name="color:chat text" content="#ffffff"/>
  37. <meta name="color:control dark" content="#000000"/>
  38. <meta name="color:control light" content="#ffffff"/>
  39. <meta name="color:footer accent" content="#d8c4c4"/>
  40. <meta name="color:gradient one" content="#f4ecec"/>
  41. <meta name="color:gradient two" content="#ecf3f4"/>
  42. <meta name="color:links" content="#d8c4c4"/>
  43. <meta name="color:links hover" content="#ddd"/>
  44. <meta name="color:link posts" content="#000"/>
  45. <meta name="color:link posts hover" content="#ddd"/>
  46. <meta name="color:music player background" content="#000"/>
  47. <meta name="color:page nav current page" content="#fff"/>
  48. <meta name="color:page nav current page bg" content="#708184"/>
  49. <meta name="color:page nav links" content="#d8c4c4"/>
  50. <meta name="color:page nav links hover" content="#ddd"/>
  51. <meta name="color:posts" content="#fff"/>
  52. <meta name="color:post borders" content="#f0f0f0"/>
  53. <meta name="color:quote border" content="#cccccc"/>
  54. <meta name="color:question background" content="#f4ecec"/>
  55. <meta name="color:song info" content="#fff"/>
  56. <meta name="color:song title" content="#ffffff"/>
  57. <meta name="color:tags" content="#000"/>
  58. <meta name="color:tags hover" content="#000"/>
  59. <meta name="color:text" content="#363636"/>
  60. <meta name="color:title" content="#222222"/>
  61.  
  62. <!-- DEFAULT SCROLLBAR -->
  63. <meta name="color:scrollbar track" content="#f9f9f9"/>
  64. <meta name="color:scrollbar accent" content="#000"/>
  65. <meta name="color:highlight text" content="#363636"/>
  66.  
  67. <!-- DEFAULT TOOLTIPS -->
  68. <meta name="color:tooltip background" content="#000"/>
  69. <meta name="color:tooltip text" content="#fff"/>
  70. <meta name="color:tooltip accent" content="#363636"/>
  71.  
  72. <!-- DEFAULT LIGHTBOX -->
  73. <meta name="text:lightbox rgba opacity" content="244, 236, 236, 0.8"/>
  74.  
  75. <!-- DEFAULT LINKS -->
  76. <meta name="text:Link 1" content="/"/>
  77. <meta name="text:Link 1 Title" content="Link One"/>
  78. <meta name="text:Link 2" content="/">
  79. <meta name="text:Link 2 Title" content="Link Two"/>
  80. <meta name="text:Link 3" content="/"/>
  81. <meta name="text:Link 3 Title" content="Link Three"/>
  82. <meta name="text:Link 4" content="/">
  83. <meta name="text:Link 4 Title" content="Link Four"/>
  84. <meta name="text:Link 5" content="/">
  85. <meta name="text:Link 5 Title" content="Link Five"/>
  86. <meta name="text:Link 6" content="/">
  87. <meta name="text:Link 6 Title" content="Link Six"/>
  88. <meta name="text:Link 7" content="/"/>
  89. <meta name="text:Link 7 Title" content="Link Seven"/>
  90. <meta name="text:Link 8" content="/">
  91. <meta name="text:Link 8 Title" content="Link Eight"/>
  92. <meta name="text:Link 9" content="/">
  93. <meta name="text:Link 9 Title" content="Link Nine"/>
  94. <meta name="text:Link 10" content="/">
  95. <meta name="text:Link 10 Title" content="Link Ten"/>
  96.  
  97. <!-- DEFAULT TOGGLES -->
  98. <meta name="if:Show Captions" content="0"/>
  99. <meta name="if:Dark Controls" content="0"/>
  100.  
  101. <!-- DEFAULT IMAGE -->
  102. <meta name="image:background" content="/"/>
  103. <meta name="image:sidebar" content="https://static.tumblr.com/jubuz4o/Hl5q0t8pr/zombies.png"/>
  104.  
  105. <!-- DEFAULT TEXT -->
  106. <meta name="text:title one" content="Title Goes Here"/>
  107. <meta name="text:bottom description" content="<span>THE LOWDOWN</span> <span>THE LOWDOWN</span> <br>
  108. Here is a place where you can do a second description of anything else that you like."/>
  109.  
  110. <!-- POST SIZES -->
  111. <meta name="if:500px" content="1"/>
  112. <meta name="if:400px" content="0"/>
  113. <meta name="if:300px" content="0"/>
  114.  
  115.  
  116.  
  117. <style type="text/css">
  118. /* --- FOLLOW BUTTONS --------------------------------- */
  119. iframe.tmblr-iframe {
  120. z-index:99999999999999!important;
  121. top:-2px!important;
  122. right:0!important;
  123. opacity:0;
  124. padding-right:38px;
  125. {block:ifDarkControls}
  126. filter:invert(1) contrast(150%);
  127. -webkit-filter:invert(1) contrast(150%);
  128. -o-filter:invert(1) contrast(150%);
  129. -moz-filter:invert(1) contrast(150%);
  130. -ms-filter:invert(1) contrast(150%);
  131. {/block:ifDarkControls}
  132. {block:ifNotDarkControls}
  133. transform:scale(0.65);
  134. transform-origin:100% 0;
  135. -webkit-transform:scale(0.65);
  136. -webkit-transform-origin:100% 0;
  137. -o-transform:scale(0.65);
  138. -o-transform-origin:100% 0;
  139. -moz-transform:scale(0.65);
  140. -moz-transform-origin:100% 0;
  141. -ms-transform:scale(0.65);
  142. -ms-transform-origin:100% 0;
  143. {/block:ifNotDarkControls}}
  144.  
  145. iframe.tmblr-iframe:hover {
  146. opacity:0.6!important;}
  147.  
  148. .hcontrols {
  149. position:fixed;
  150. top:0;
  151. right:0;
  152. z-index:999999999;}
  153.  
  154. .hcontrols svg {
  155. width:14px;
  156. height:14px;
  157. padding:9px;}
  158.  
  159. .hcontrols svg path {
  160. fill:{color:text};/* change this to change the color of the icon */}
  161.  
  162.  
  163.  
  164.  
  165.  
  166. /* --- SCROLLBAR --------------------------------- */
  167. ::-webkit-scrollbar {
  168. height:0px;
  169. width:6px;
  170. background:{color:scrollbar track};
  171. border-left:1px solid {color:scrollbar track};
  172. }
  173.  
  174. ::-webkit-scrollbar-thumb:vertical {
  175. height:auto;
  176. width:7px;
  177. border-left:1px solid {color:scrollbar track};
  178. background:{color:scrollbar accent};
  179. }
  180.  
  181. ::-webkit-scrollbar-thumb:hotizontal {
  182. display:none;
  183. }
  184.  
  185. ::selection {
  186. background:{color:scrollbar accent};
  187. color:{color:highlight text};
  188. }
  189.  
  190. ::-webkit-selection {
  191. background:{color:scrollbar accent};
  192. color:{color:highlight text};
  193. }
  194.  
  195. ::-moz-selection {
  196. background:{color:scrollbar accent};
  197. color:{color:highlight text};
  198. }
  199.  
  200.  
  201.  
  202.  
  203.  
  204. /* --- LIGHTBOX --------------------------------- */
  205. .vignette, #vignette {
  206. opacity:0;
  207. }
  208. .lightbox-image, #tumblr_lightbox img {
  209. box-shadow:none !important;
  210. border-radius:0 !important;
  211. max-width:none;
  212. }
  213.  
  214. .tmblr-lightbox, #tumblr_lightbox {
  215. background-color:rgba({text:lightbox rgba opacity})!important;
  216. }
  217.  
  218. .lightbox-image, #tumblr_lightbox img {
  219. border:5px solid #fff !important;
  220. -moz-box-sizing:border-box;
  221. box-sizing:border-box;
  222. }
  223.  
  224. .lightbox-caption, #tumblr_lightbox_caption {
  225. visibility: hidden;
  226. }
  227.  
  228.  
  229.  
  230.  
  231.  
  232. /* --- TOOLIPS --------------------------------- */
  233. #s-m-t-tooltip {
  234. max-width: 300px;
  235. padding: 3px 7px;
  236. margin: -20px 0px 0px 20px;
  237. background: {color:tooltip background};
  238. color: {color:tooltip text};
  239. font-size: 7px;
  240. font-family: 'Barlow', sans-serif;
  241. font-weight: 700;
  242. text-transform: uppercase;
  243. opacity: 1;
  244. letter-spacing: 1px;
  245. border-bottom:1px solid {color:tooltip accent};
  246. z-index: 999999999999;
  247. }
  248.  
  249.  
  250.  
  251.  
  252.  
  253. /* --- BODY --------------------------------- */
  254. body {
  255. line-height: 1.5;
  256. font-weight: 400;
  257. font-size: 10px;
  258. font-family: 'Barlow', sans-serif;
  259. color: {color:text};
  260. background: {color:background};
  261. background-image: url('{image:background}');
  262. background-repeat: repeat;
  263. background-position: right bottom;
  264. background-attachment: fixed;
  265. overflow-x:hidden;
  266. }
  267.  
  268. a {
  269. color: {color:links};
  270. text-decoration: none;
  271. -moz-transition-duration: 0.5s;
  272. -o-transition-duration: 0.5s;
  273. -webkit-transition-duration: 0.5s;
  274. transition-duration: 0.5s;
  275. }
  276.  
  277. a:hover {
  278. color: {color:links hover};
  279. -moz-transition-duration: 0.5s;
  280. -o-transition-duration: 0.5s;
  281. -webkit-transition-duration: 0.5s;
  282. transition-duration: 0.5s;
  283. }
  284.  
  285. .container {
  286. margin: 0 0 0 0;
  287. width: 100%;
  288. }
  289.  
  290.  
  291.  
  292.  
  293.  
  294. /* --- POSTS --------------------------------- */
  295. #entries {
  296. margin: 25px auto 175px auto;
  297. padding-top: 20px;
  298. {block:if500px}
  299. width: 1130px;
  300. {/block:if500px}
  301. {block:if400px}
  302. width: 930px;
  303. {/block:if400px}
  304. {block:if300px}
  305. width: 1090px;
  306. {/block:if300px}
  307. {block:PermalinkPage}
  308. width: 540px;
  309. padding:20px;
  310. {/block:PermalinkPage}
  311. {block:AskPage}
  312. position: relative;
  313. width: 560px;
  314. padding:20px;
  315. {/block:AskPage}
  316. }
  317.  
  318. .posts {
  319. float:left;
  320. position: relative;
  321. margin: 10px 10px 20px 10px;
  322. {block:if500px}
  323. width: 500px;
  324. {/block:if500px}
  325. {block:if400px}
  326. width: 400px;
  327. {/block:if400px}
  328. {block:if300px}
  329. width: 300px;
  330. {/block:if300px}
  331. {block:AskPage}
  332. width: 510px!important;
  333. {/block:AskPage}
  334. {block:PermalinkPage}
  335. width: 500px;
  336. margin-bottom:30px;
  337. {/block:PermalinkPage}
  338. padding: 20px;
  339. background: {color:posts};
  340. border:1px solid {color:post borders};
  341. }
  342.  
  343. .posts img, .posts li, .posts ol .posts blockquote {
  344. max-width: 100%;
  345. height: auto;
  346. }
  347.  
  348. blockquote {
  349. margin-left: -2px;
  350. padding: 5px;
  351. {block:if500px}
  352. width: 490px;
  353. {/block:if500px}
  354. {block:if400px}
  355. width: 390px;
  356. {/block:if400px}
  357. {block:if300px}
  358. width: 290px;
  359. {/block:if300px}
  360. {block:PermalinkPage}
  361. width: 490px;
  362. {/block:PermalinkPage}
  363. background:#f2f2f2;
  364. border-left: 2px solid {color:accent};
  365. }
  366.  
  367. blockquote blockquote {
  368. background:#f2f2f2;
  369. {block:if500px}
  370. width: 470px;
  371. {/block:if500px}
  372. {block:if400px}
  373. width: 370px;
  374. {/block:if400px}
  375. {block:if300px}
  376. width: 270px;
  377. {/block:if300px}
  378. {block:PermalinkPage}
  379. width: 470px;
  380. {/block:PermalinkPage}
  381. border: none;
  382. padding: 0 0 0 5px;
  383. margin: 0 0 0 12px;
  384. }
  385.  
  386. blockquote small {
  387. font-size:8px;
  388. }
  389.  
  390. .post-title {
  391. text-transform: uppercase;
  392. font-weight: 700;
  393. font-size: 12px;
  394. font-family: 'Barlow', sans-serif;
  395. color:{color:post title};
  396. }
  397.  
  398. .reblog-list, .reblog-header {
  399. margin-bottom: -10px;
  400. {block:if500px}
  401. width: 470px;
  402. {/block:if500px}
  403. {block:if400px}
  404. width: 370px;
  405. {/block:if400px}
  406. {block:if300px}
  407. width: 270px;
  408. {/block:if300px}
  409. {block:AskPage}
  410. width: 500px!important;
  411. {/block:AskPage}
  412. padding: 5px;
  413. background:{color:posts};
  414. }
  415.  
  416. .caption {
  417. width: calc({select:post size} - 30px);
  418. }
  419.  
  420. #caption {
  421. {block:if500px}
  422. width: 500px;
  423. {/block:if500px}
  424. {block:if400px}
  425. width: 400px;
  426. {/block:if400px}
  427. {block:if300px}
  428. width: 300px;
  429. {/block:if300px}
  430. {block:AskPage}
  431. width: 500px!important;
  432. {/block:AskPage}
  433. padding: 5px;
  434. background:{color:posts};
  435. }
  436.  
  437. .reblog-header {
  438. margin-top: -25px;
  439. margin-left: -25px;
  440. {block:if500px}
  441. width: 530px;
  442. {/block:if500px}
  443. {block:if400px}
  444. width: 430px;
  445. {/block:if400px}
  446. {block:if300px}
  447. width: 330px;
  448. {/block:if300px}
  449. {block:AskPage}
  450. width: 500px!important;
  451. {/block:AskPage}
  452. border-bottom: 1px solid {color:borders};
  453. }
  454.  
  455. .reblog-avatar {
  456. display: inline-block;
  457. margin-bottom: -10px;
  458. padding: 10px;
  459. vertical-align: middle;
  460. line-height: 2.8;
  461. }
  462.  
  463. .reblog-avatar img {
  464. width: 20px;
  465. height: auto;
  466. border-radius: 4px;
  467. }
  468.  
  469. .username {
  470. display: inline-block;
  471. margin-left: -6px;
  472. text-transform: uppercase;
  473. vertical-align: middle;
  474. letter-spacing:0.5;
  475. font-weight: 600;
  476. font-size: 8px;
  477. color:red;
  478. }
  479.  
  480. .username a {
  481. color:red;
  482. }
  483.  
  484. .username a:hover {
  485. color:blue;
  486. }
  487.  
  488. .reblog-content {
  489. position: relative;
  490. padding-top: 5px;
  491. margin-left: -5px;
  492. }
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499.  
  500.  
  501. /* --- UNESTED CAPTIONS --------------------------------- */
  502. .tumblr_blog {
  503. display: block;
  504. margin-bottom: 5px;
  505. margin-top: 5px;
  506. vertical-align: middle;
  507. line-height: 28px;
  508. font-weight: 700;
  509. font-size: 10px;
  510. font-family: 'Barlow', sans-serif;
  511. }
  512.  
  513. a.tumblr_blog {
  514. display: inline-block;
  515. margin-top: 6px;
  516. padding-top: 3px;
  517. padding-left: 5px;
  518. padding-right: 5px;
  519. padding-bottom: 3px;
  520. height: 13px;
  521. text-transform: uppercase;
  522. line-height: 1.4;
  523. font-weight: 700;
  524. font-size: 9px;
  525. color: {color:text};
  526. }
  527.  
  528. .tumblr_avatar {
  529. display: inline-block;
  530. float: left;
  531. margin-top: 5px;
  532. margin-right: 5px;
  533. width: 20px;
  534. height: 20px;
  535. border-radius: 2px;
  536. }
  537.  
  538. .tmblr-attribution {
  539. margin-top: -15px;
  540. margin-left: 10px;
  541. width: 92%;
  542. padding: 5px;
  543. text-transform: uppercase;
  544. font-size:7px;
  545. text-align: right;
  546. }
  547.  
  548.  
  549.  
  550.  
  551.  
  552.  
  553.  
  554. /* --- SIDEBAR --------------------------------- */
  555. .sidebar {
  556. position: relative;
  557. margin: 75px auto 5px auto;
  558. padding: 10px;
  559. {block:if500px}
  560. width: 1130px;
  561. {/block:if500px}
  562. {block:if400px}
  563. width: 930px;
  564. {/block:if400px}
  565. {block:if300px}
  566. width: 1090px;
  567. {/block:if300px}
  568. border-bottom:1px solid {color:post borders};
  569. }
  570.  
  571. .sidebar img {
  572. margin: 10px 10px 10px 10px;
  573. padding: 10px;
  574. height: 150px;
  575. width: 150px;
  576. border-radius:100%;
  577. background: -webkit-linear-gradient(left, {color:gradient one}, {color:gradient two});
  578. }
  579.  
  580. .sbox {
  581. margin:auto;
  582. padding: 20px;
  583. width: 780px;
  584. }
  585.  
  586. .tit {
  587. position: relative;
  588. margin: -150px 0px 10px 205px;
  589. width: 400px;
  590. text-transform: uppercase;
  591. font-weight: 400;
  592. font-size: 30px;
  593. font-family: 'Barlow', sans-serif;
  594. color:{color:title};
  595. }
  596.  
  597. .desc {
  598. position: relative;
  599. margin: -10px 0px 25px 205px;
  600. width: 450px;
  601. letter-spacing:0px;
  602. text-transform: none;
  603. font-weight: 400;
  604. font-size: 10px;
  605. font-family: 'Barlow', sans-serif;
  606. }
  607.  
  608. .nav {
  609. position: relative;
  610. margin: -10px 0px 20px 200px;
  611. text-transform: uppercase;
  612. letter-spacing:1px;
  613. font-weight: 400;
  614. font-size: 11px;
  615. }
  616.  
  617. .nav span {
  618. font-family:'honeybee';
  619. margin-left:4px;
  620. margin-right: 5px;
  621. padding:7px;
  622. height: 12px;
  623. font-size:12px;
  624. font-weight:400;
  625. border-right: 1px solid #dfdfdf;
  626. }
  627.  
  628. .nav a {
  629. display: inline-block;
  630. margin: -2px 5px 0px 5px;
  631. padding: 1px;
  632. width: 120px;
  633. color:#444;
  634. background:#f5f5f5;
  635. border-top-left-radius: 20px;
  636. border-bottom-left-radius: 20px;
  637. border-top-right-radius: 20px;
  638. border-bottom-right-radius: 20px;
  639. }
  640.  
  641. .nav a:hover {
  642. display: inline-block;
  643. margin: -2px 5px 0px 5px;
  644. padding: 1px;
  645. width: 120px;
  646. color:#444;
  647. background: -webkit-linear-gradient(left, {color:gradient one}, {color:gradient two});
  648. border-top-left-radius: 20px;
  649. border-bottom-left-radius: 20px;
  650. border-top-right-radius: 20px;
  651. border-bottom-right-radius: 20px;
  652. }
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661. /* --- DROPDOWN --------------------------------- */
  662. .dropbtn {
  663. display: inline-block;
  664. margin: -2px 5px 0px 5px;
  665. padding: 1px;
  666. width: 120px;
  667. text-transform:uppercase;
  668. letter-spacing:1px;
  669. font-size:11px;
  670. font-family: 'Barlow', sans-serif;
  671. color:#444;
  672. background:#f5f5f5;
  673. border-top-left-radius: 20px;
  674. border-bottom-left-radius: 20px;
  675. border-top-right-radius: 20px;
  676. border-bottom-right-radius: 20px;
  677. border:0px solid transparent;
  678. outline: 0;
  679. }
  680.  
  681. .dropbtn:hover, .dropbtn:focus {
  682. display: inline-block;
  683. margin: -2px 5px 0px 5px;
  684. padding: 1px;
  685. width: 120px;
  686. text-transform:uppercase;
  687. letter-spacing:1px;
  688. font-size:11px;
  689. font-family: 'Barlow', sans-serif;
  690. color:#444;
  691. background: -webkit-linear-gradient(left, {color:gradient one}, {color:gradient two});
  692. outline: 0;
  693. }
  694.  
  695. .dropdown {
  696. position: relative;
  697. display: inline-block;
  698. outline: 0;
  699. }
  700.  
  701. .dropdown-content {
  702. display: none;
  703. position: absolute;
  704. background-color: #f1f1f1;
  705. min-width: 160px;
  706. overflow: auto;
  707. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  708. z-index: 1;
  709. }
  710.  
  711. .dropdown-content a {
  712. color: black;
  713. padding: 12px 16px;
  714. text-decoration: none;
  715. display: block;
  716. }
  717.  
  718. .dropdown a:hover {
  719. color: black;
  720. padding: 12px 16px;
  721. text-decoration: none;
  722. background: #ddd!important;
  723. border-radius: none;
  724. }
  725.  
  726. .show {
  727. display: block;
  728. z-index:99999999999999;
  729. }
  730.  
  731. .th-idea-o {
  732. font-family:'honeybee';
  733. margin: -1px 5px 0px 5px;
  734. padding:7px;
  735. height: 12px;
  736. font-size:12px;
  737. font-weight:400;
  738. border-right: 1px solid #dfdfdf;
  739. }
  740.  
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747.  
  748. /* --- FOOTER --------------------------------- */
  749. .footer {
  750. display: flex;
  751. flex-wrap: wrap;
  752. position: relative;
  753. top: 50px;
  754. left: -10px;
  755. bottom: -10px;
  756. padding: 50px;
  757. width: 100%;
  758. background: -webkit-linear-gradient(left, {color:gradient one}, {color:gradient two});
  759. }
  760.  
  761. .secetion {
  762. position: relative;
  763. padding:10px;
  764. width: 250px;
  765. letter-spacing:0px;
  766. text-transform: none;
  767. text-align: center;
  768. font-weight: 700;
  769. font-size: 11px;
  770. font-family: 'Barlow', sans-serif;
  771. }
  772.  
  773. .secetion2 {
  774. position: relative;
  775. margin-left: 30px;
  776. padding:10px;
  777. width: 250px;
  778. letter-spacing:0px;
  779. text-transform: none;
  780. text-align: justify;
  781. font-weight: 400;
  782. font-size: 10px;
  783. font-family: 'Barlow', sans-serif;
  784. }
  785.  
  786. .secetion2 span {
  787. text-transform: uppercase;
  788. letter-spacing: 0px;
  789. font-weight:700;
  790. font-size: 16px;
  791. color: {color:footer accent};
  792. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:gradient one};),color-stop(50%,transparent));
  793. background-image: -webkit-linear-gradient(bottom,{color:gradient two} 50%,transparent 50%);
  794. background-image: linear-gradient(0deg,{color:gradient two} 50%,transparent 50%);
  795. }
  796.  
  797. .secetion3 {
  798. position: relative;
  799. margin-right: 0px;
  800. margin-left: 50px;
  801. padding:10px;
  802. width: 350px;
  803. letter-spacing:0px;
  804. text-transform: none;
  805. text-align: justify;
  806. font-weight: 400;
  807. font-size: 10px;
  808. font-family: 'Barlow', sans-serif;
  809.  
  810. }
  811.  
  812. .secetion3 ul a {
  813. display:flex;
  814. float:left;
  815. margin-left: 0px;
  816. width: 150px;
  817. list-style-type:none!important;
  818. text-transform: uppercase;
  819. }
  820.  
  821. .secetion3 ul aa {
  822. display:flex;
  823. float:right;
  824. margin-left: 15px;
  825. width: 150px;
  826. list-style-type:none!important;
  827. text-transform: uppercase;
  828. }
  829.  
  830. .secetion3 li {
  831. list-style-type:none!important;
  832. margin: -10px 0px 10px -40px;
  833. width: auto;
  834. line-height: 2.4;
  835. text-transform: uppercase;
  836. font-weight: 700;
  837. font-size: 11px;
  838. font-family: 'Barlow', sans-serif;
  839. }
  840.  
  841. .secetion3 b {
  842. text-transform: uppercase;
  843. letter-spacing: 0px;
  844. font-weight:700;
  845. font-size: 16px;
  846. color: {color:footer accent};
  847. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:gradient one};),color-stop(50%,transparent));
  848. background-image: -webkit-linear-gradient(bottom,{color:gradient two} 50%,transparent 50%);
  849. background-image: linear-gradient(0deg,{color:gradient two} 50%,transparent 50%);
  850. }
  851.  
  852. .th-box-o {
  853. margin: 3px 0px 0px 0px;
  854. padding:5px;
  855. font-weight: 400;
  856. font-size: 12px;
  857. color: {color:footer accent};
  858. }
  859.  
  860. .th-airplay-o {
  861. margin: 3px 0px 0px 0px;
  862. padding:5px;
  863. font-weight: 400;
  864. font-size: 12px;
  865. color: {color:footer accent};
  866. }
  867.  
  868. .th-instagram-o {
  869. margin: 3px 0px 0px 0px;
  870. padding:5px;
  871. font-weight: 400;
  872. font-size: 12px;
  873. color: {color:footer accent};
  874. }
  875.  
  876. .th-star-o {
  877. margin: 3px 0px 0px 0px;
  878. padding:5px;
  879. font-weight: 400;
  880. font-size: 12px;
  881. color: {color:footer accent};
  882. }
  883.  
  884. .th-bubble-heart-o {
  885. margin: 3px 0px 0px 0px;
  886. padding:5px;
  887. font-weight: 400;
  888. font-size: 12px;
  889. color: {color:footer accent};
  890. }
  891.  
  892. .th-dial-o {
  893. margin: 3px 0px 0px 0px;
  894. padding:5px;
  895. font-weight: 400;
  896. font-size: 12px;
  897. color: {color:footer accent};
  898. }
  899.  
  900. .search .query {
  901. display: inline-block;
  902. float:right;
  903. margin-top: 6px;
  904. margin-right:6px;
  905. width: 200px;
  906. border: 1px solid #fff;
  907. outline: 0;
  908. padding: 5px;
  909. font-family: 'Barlow', sans-serif;
  910. font-size: 8px;
  911. color: #343434;
  912. text-transform: uppercase;
  913. letter-spacing: 2px;
  914. background: #fff;
  915. z-index:2;
  916. }
  917.  
  918. ::-webkit-input-placeholder {color: inherit;}
  919. :-moz-placeholder {color: inherit; opacity:1;}
  920. ::-moz-placeholder {color: inherit; opacity:1;}
  921. :-ms-input-placeholder {color: inherit;}
  922.  
  923. input:focus::-webkit-input-placeholder {color: transparent;}
  924. input:focus:-moz-placeholder {color: transparent;}
  925. input:focus::-moz-placeholder {color: transparent;}
  926. input:focus:-ms-input-placeholder { color: transparent;}
  927.  
  928. .fa-search {
  929. float: left;
  930. margin-top: 6px;
  931. margin-left: 10px;
  932. padding: 6.5px;
  933. color: {color:text};
  934. font-size: 9px;
  935. background:{color:footer accent};
  936. }
  937.  
  938.  
  939.  
  940.  
  941.  
  942.  
  943.  
  944.  
  945. /* --- PAGNATION --------------------------------- */
  946. .secetion4 {
  947. position: relative;
  948. margin-left:10px;
  949. padding:10px;
  950. width: 250px;
  951. letter-spacing:0px;
  952. text-transform: none;
  953. text-align: justify;
  954. font-weight: 400;
  955. font-size: 10px;
  956. font-family: 'Barlow', sans-serif;
  957. }
  958.  
  959. .pagi {
  960. margin-top: 0px;
  961. margin-left: 0px;
  962. margin-bottom: 0px;
  963. padding: 5px;
  964. width: 240px;
  965. font-size: 12px;
  966. font-family: 'Barlow', sans-serif;
  967. font-weight: 400;
  968. line-height: 1.8;
  969. letter-spacing: 0.5px;
  970. font-style: italic;
  971. text-transform: uppercase;
  972. text-align: center;
  973. {block:AskPage}
  974. display:none!important;
  975. {/block:AskPage}
  976. }
  977.  
  978. .pagi a {
  979. color:{color:page nav links};
  980. margin: 0px 8px;
  981. }
  982.  
  983. .pagi a:hover {
  984. color:{color:page nav links hover};
  985. margin: 0px 8px;
  986. }
  987.  
  988. .current_page {
  989. padding-top: 5px;
  990. padding-left:10px;
  991. padding-right: 10px;
  992. padding-bottom: 5px;
  993. font-weight: 700;
  994. color:{color:page nav current page};
  995. background:{color:page nav current page bg};
  996. border-radius: 4px;
  997. }
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005.  
  1006. /* --- HOVER POSTS --------------------------------- */
  1007. {block:IndexPage}
  1008. .posts .perma_hold {opacity:0;}
  1009. .posts:hover .perma_hold {opacity:1;}
  1010. .perma_hold {
  1011. position:absolute;
  1012. width:100%;
  1013. height:100%;
  1014. top:0;
  1015. left:0;
  1016. opacity:1;
  1017. z-index:9999;
  1018. background:rgba({text:lightbox rgba opacity});
  1019. transition:0.6s ease;
  1020. -o-transition:0.6s ease;
  1021. -moz-transition:0.6s ease;
  1022. -webkit-transition:0.6s ease;
  1023. }
  1024.  
  1025. .perma {
  1026. top:calc(50% - 15px);
  1027. line-height:0;
  1028. position:relative;
  1029. text-align:center;
  1030. font-size:0;
  1031. padding:0;
  1032. }
  1033.  
  1034. .perma b {font-size:12px;letter-spacing:2px;text-transform:uppercase;}
  1035. .info a,.tags a{margin:0 3px;font-size:9px;}
  1036. .info {margin:15px 0 6px;text-transform:uppercase;letter-spacing:0.5px;}
  1037. .tags {font-style:italic; line-height:1.6;width:calc({select:post size} - 20px);}
  1038. {/block:IndexPage}
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045.  
  1046.  
  1047. /* --- AUDIO POSTS --------------------------------- */
  1048. #cover img {
  1049. float: left;
  1050. margin-left: 0px;
  1051. width: 70px;
  1052. height: 70px;
  1053. }
  1054.  
  1055. .audioplayer {
  1056. margin-top: 3px;
  1057. margin-left: 3px;
  1058. padding: 3px;
  1059. width: 24px;
  1060. height: 24px;
  1061. overflow: hidden;
  1062. }
  1063.  
  1064. #audioplayerbackground {
  1065. position: absolute;
  1066. z-index: 1;
  1067. width: 40px;
  1068. height: 40px;
  1069. margin-top: 15px;
  1070. margin-left: 15px;
  1071. background: #fff;
  1072. opacity: 0.6;
  1073. -webkit-transition: opacity 0.8s linear;
  1074. -webkit-transition: all 0.5s ease-out;
  1075. -moz-transition: all 0.5s ease-out;
  1076. transition: all 0.5s ease-out;
  1077. }
  1078.  
  1079. #audioplayerbackground:hover {
  1080. opacity: .4;
  1081. -webkit-transition: opacity 0.8s linear;
  1082. -webkit-transition: all 0.5s ease-out;
  1083. -moz-transition: all 0.5s ease-out;
  1084. transition: all 0.5s ease-out;
  1085. }
  1086.  
  1087. .track {
  1088. text-transform: uppercase;
  1089. letter-spacing: 0px;
  1090. font-style: bold;
  1091. font-size: 14px;
  1092. font-weight: 700;
  1093. font-family: 'Barlow', sans-serif;
  1094. color: {color:song title};
  1095. }
  1096.  
  1097. .musician {
  1098. display: block;
  1099. margin-top: 0px;
  1100. margin-left: 75px;
  1101. margin-bottom: 10px;
  1102. padding-top: 15px;
  1103. padding-right: 30px;
  1104. padding-left: 20px;
  1105. {block:if500px}
  1106. width: 375px;
  1107. {/block:if500px}
  1108. {block:if400px}
  1109. width: 375px;
  1110. {/block:if400px}
  1111. {block:if300px}
  1112. width: 175px;
  1113. {/block:if300px}
  1114. height: 55px;
  1115. letter-spacing: 1px;
  1116. line-height: 1.3;
  1117. text-align: left;
  1118. font-style: none;
  1119. font-size: 10px;
  1120. font-family: 'Barlow', sans-serif;
  1121. color: {color:song info};
  1122. background: {color:music player background};
  1123. }
  1124.  
  1125. .spotify_audio_player {
  1126. height: 80px !important;
  1127. {block:if500px}
  1128. width: 500px;
  1129. {/block:if500px}
  1130. {block:if400px}
  1131. width: 400px;
  1132. {/block:if400px}
  1133. {block:if300px}
  1134. width: 300px;
  1135. {/block:if300px}
  1136. {block:PermalinkPage}
  1137. width:500px;
  1138. {/block:PermalinkPage}
  1139. }
  1140.  
  1141. .soundcloud_audio_player {
  1142. width: 100%;
  1143. }
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149. /* --- QUESTIONS + ANSWERS --------------------------------- */
  1150. .question {
  1151. margin-bottom: 10px;
  1152. padding: 20px;
  1153. background: {color:accent};
  1154. }
  1155.  
  1156. .asker-question {
  1157. margin-top: 10px;
  1158. text-align: justify;
  1159. line-height: 1.8;
  1160. }
  1161.  
  1162. .asker {
  1163. display: block;
  1164. margin-top: -38px;
  1165. margin-left: 50px;
  1166. font-family: 'Barlow', sans-serif;
  1167. font-weight: 700;
  1168. font-size: 11px;
  1169. text-transform: uppercase;
  1170. }
  1171.  
  1172. .asker-icon {
  1173. margin-right: 5px;
  1174. margin-bottom: 5px;
  1175. width: 30px;
  1176. height: 30px;
  1177. border: 5px solid {color:posts};
  1178. background: {color:posts};
  1179. }
  1180.  
  1181. .asker span {
  1182. display: block;
  1183. vertical-align: middle;
  1184. margin-top: -5px;
  1185. margin-left: 0px;
  1186. font-size: 9px;
  1187. font-weight: 500!important;
  1188. text-transform: lowercase;
  1189. }
  1190.  
  1191. .asker a {
  1192. margin-left: 0px;
  1193. color:{color:links};
  1194. font-weight: 700;
  1195. }
  1196.  
  1197. .asker a:hover {
  1198. color:{color:links hover};
  1199. font-weight: 700;
  1200. }
  1201.  
  1202. .answerer {
  1203. display: block;
  1204. margin-top: -52px;
  1205. margin-left: 40px;
  1206. margin-bottom: 10px;
  1207. font-family: 'Barlow', sans-serif;
  1208. font-weight: 700;
  1209. font-size: 11px;
  1210. text-transform: uppercase;
  1211. }
  1212.  
  1213. .answerer-icon {
  1214. margin-right: 5px;
  1215. margin-bottom: 25px;
  1216. width: 24px;
  1217. height: 24px;
  1218. border: 5px solid {color:posts};
  1219. background: {color:posts};
  1220. }
  1221.  
  1222. .answerer a {
  1223. margin-left: 0px;
  1224. color:{color:links};
  1225. font-weight: 700;
  1226. }
  1227.  
  1228. .answerer a:hover {
  1229. color:{color:links hover};
  1230. font-weight: 700;
  1231. }
  1232.  
  1233. .answerer-question {
  1234. margin-top: 10px;
  1235. padding: 10px;
  1236. text-align: justify;
  1237. line-height: 1.8;
  1238. background: {color:accent};
  1239. }
  1240.  
  1241. .tmblr-full img {
  1242. padding: 10px;
  1243. width: 95%;
  1244. }
  1245.  
  1246. .replies {
  1247. padding: 5px;
  1248. background:{color:blockqote};
  1249. }
  1250.  
  1251.  
  1252.  
  1253.  
  1254.  
  1255. /* --- LINK POSTS --------------------------------- */
  1256. .newtit {
  1257. margin: 0px;
  1258. padding: 20px 0px;
  1259. line-height: 1.2;
  1260. display: block;
  1261. text-align: center;
  1262. letter-spacing: 0px;
  1263. font-size: 14px;
  1264. font-weight: 700;
  1265. font-family: 'Barlow', sans-serif;
  1266. text-transform: uppercase;
  1267. color: {color:blockquote text};
  1268. background: {color:blockquote};
  1269. }
  1270.  
  1271. .newtit a {
  1272. color:{color:link posts};
  1273. }
  1274.  
  1275. .newtit a:hover {
  1276. color:{color:link posts hover};
  1277. }
  1278.  
  1279. .expt {
  1280. padding: 10px;
  1281. text-align: justify;
  1282. letter-spacing: 0.5px;
  1283. font-style: italic;
  1284. font-size: 10px;
  1285. color:{color:text};
  1286. border: 1px solid {color:borders};
  1287. }
  1288.  
  1289. .dscript {
  1290. margin-left: -10px;
  1291. padding: 10px;
  1292. text-align: justify;
  1293. letter-spacing: 0.5px;
  1294. font-style: none;
  1295. font-size: 10px;
  1296. color:{color:text};
  1297. }
  1298.  
  1299.  
  1300.  
  1301.  
  1302.  
  1303. /* --- QUOTES --------------------------------- */
  1304. .qwrap {
  1305. padding: 5px;
  1306. }
  1307.  
  1308. .quote {
  1309. margin: 30px;
  1310. padding: 30px;
  1311. text-align: center;
  1312. line-height: 1.4;
  1313. font-style: italic;
  1314. font-size: 14px;
  1315. font-weight: 900;
  1316. color: {color:text};
  1317. border-top: 1px solid {color:quote border};
  1318. border-bottom: 1px solid {color:quote border};
  1319. }
  1320.  
  1321. .quote a {
  1322. display: block;
  1323. color: {color:links};
  1324. }
  1325.  
  1326. .source {
  1327. display: block;
  1328. margin-top: 10px;
  1329. font-weight: 400;
  1330. font-size: 10px;
  1331. }
  1332.  
  1333. .source a.tumblr_blog {
  1334. display: inline-block;
  1335. }
  1336.  
  1337.  
  1338.  
  1339.  
  1340.  
  1341. /* --- CHAT --------------------------------- */
  1342. .chat {
  1343. {block:if500px}
  1344. width: 490px;
  1345. {/block:if500px}
  1346. {block:if400px}
  1347. width: 390px;
  1348. {/block:if400px}
  1349. {block:if300px}
  1350. width: 290px;
  1351. {/block:if300px}
  1352. color: {color:chat text};
  1353. }
  1354.  
  1355. .chat ol {
  1356. padding: 0;
  1357. line-height: 180%;
  1358. list-style-type: none !important;
  1359. color: {color:chat text};
  1360. }
  1361.  
  1362. .chat li {
  1363. list-style-type: none !important;
  1364. color: {color:chat text};
  1365. }
  1366.  
  1367. .line.odd {
  1368. list-style-type: none !important;
  1369. margin-bottom: 2px;
  1370. padding: 5px;
  1371. color: {color:chat text};
  1372. background: {color:chat odd};
  1373. }
  1374.  
  1375. .line.even {
  1376. list-style-type: none !important;
  1377. margin-bottom: 2px;
  1378. padding: 5px;
  1379. color: {color:chat text};
  1380. background: {color:chat even};
  1381. }
  1382.  
  1383. .label {
  1384. padding-right: 1px;
  1385. letter-spacing: 0px;
  1386. text-transform: uppercase;
  1387. font-weight: 700;
  1388. font-size: 10px;
  1389. font-family: 'Barlow', sans-serif;
  1390. color: {color:chat text};
  1391. }
  1392.  
  1393.  
  1394.  
  1395.  
  1396.  
  1397. /* --- VIDEO POSTS --------------------------------- */
  1398. .tumblr_video_container {
  1399. {block:if500px}
  1400. width: 500px;
  1401. {/block:if500px}
  1402. {block:if400px}
  1403. width: 400px;
  1404. {/block:if400px}
  1405. {block:if300px}
  1406. width: 300px;
  1407. {/block:if300px}
  1408. height:auto!important;
  1409. }
  1410.  
  1411. video {
  1412. {block:if500px}
  1413. width: 500px;
  1414. {/block:if500px}
  1415. {block:if400px}
  1416. width: 400px;
  1417. {/block:if400px}
  1418. {block:if300px}
  1419. width: 300px;
  1420. {/block:if300px}
  1421. height:auto!important;
  1422. }
  1423.  
  1424. blockquote video {
  1425. {block:if500px}
  1426. width: 500px;
  1427. {/block:if500px}
  1428. {block:if400px}
  1429. width: 400px;
  1430. {/block:if400px}
  1431. {block:if300px}
  1432. width: 300px;
  1433. {/block:if300px}
  1434. height:auto!important;
  1435. }
  1436.  
  1437.  
  1438.  
  1439.  
  1440.  
  1441.  
  1442. /* --- POST INFORMATIONS --------------------------------- */
  1443. {block:PermalinkPage}
  1444. .top {
  1445. display: block;
  1446. position: relative;
  1447. margin-top: -20px;
  1448. margin-left: -20px;
  1449. margin-bottom: 20px;
  1450. {block:if500px}
  1451. width: 530px;
  1452. {/block:if500px}
  1453. {block:if400px}
  1454. width: 430px;
  1455. {/block:if400px}
  1456. {block:if300px}
  1457. width: 330px;
  1458. {/block:if300px}
  1459. {block:PermalinkPage}
  1460. width: 530px;
  1461. {/block:PermalinkPage}
  1462. padding: 5px;
  1463. background: {color:posts};
  1464. border-bottom: 1px solid {color:borders};
  1465. {block:AskPage}
  1466. display:none;
  1467. {/block:AskPage}
  1468. }
  1469.  
  1470. #reblog {
  1471. display: block;
  1472. float: right;
  1473. margin-top: -24px;
  1474. margin-right: 5px;
  1475. padding: 5px;
  1476. }
  1477.  
  1478. #reblog img {
  1479. margin-right: 2px;
  1480. width: 14px;
  1481. height: 14px;
  1482. border-radius: 100%;
  1483. border:2px solid {color:borders};
  1484. }
  1485.  
  1486. .date {
  1487. padding: 5px;
  1488. text-transform: uppercase;
  1489. letter-spacing: 0.5;
  1490. font-weight: 400;
  1491. font-size: 9px;
  1492. font-family: 'Barlow', sans-serif;
  1493. }
  1494. {/block:PermalinkPage}
  1495.  
  1496. {block:PermalinkPage}
  1497. .tgs {
  1498. display: block;
  1499. position: relative;
  1500. margin-top: 0px;
  1501. margin-left: -20px;
  1502. bottom: -20px;
  1503. width: 530px;
  1504. padding: 5px;
  1505. background: -webkit-linear-gradient(left, {color:gradient one}, {color:gradient two});
  1506. border-top: 1px solid {color:borders};
  1507. {block:AskPage}
  1508. display:none;
  1509. {/block:AskPage}
  1510. }
  1511.  
  1512. .tgs a {
  1513. margin:0px 2px 0px 2px;
  1514. letter-spacing: 0.5;
  1515. text-transform: uppercase;
  1516. word-break:break-all;
  1517. font-weight: 400px!important;
  1518. font-size: 8.5px;
  1519. font-family: 'Barlow', sans-serif;
  1520. color:{color:tags};
  1521. }
  1522.  
  1523. .tgs a:not(:last-of-type) {
  1524. margin-right:2px;}
  1525.  
  1526. {/block:PermalinkPage}
  1527.  
  1528. {block:PermalinkPage}
  1529. .picon {
  1530. float: left;
  1531. margin:-10px -10px;
  1532. width: 33px;
  1533. height: 33px;
  1534. text-align: center;
  1535. line-height: 33px;
  1536. font-size: 16px;
  1537. color:#4444;
  1538. background: -webkit-linear-gradient(left, {color:gradient one}, {color:gradient two});
  1539. }
  1540. {/block:PermalinkPage}
  1541.  
  1542.  
  1543.  
  1544.  
  1545.  
  1546. /* --- POST NOTES --------------------------------- */
  1547. .olbox {
  1548. left: 0px;
  1549. width: 520px;
  1550. }
  1551.  
  1552. ol.notes {
  1553. margin-left: -40px;
  1554. margin-top: 60px;
  1555. list-style-type: none;
  1556. width: 520px;
  1557. }
  1558.  
  1559. ol.notes a {
  1560. padding-left: 5px;
  1561. color: {color:links};
  1562. text-decoration: none;
  1563. text-transform: uppercase;
  1564. }
  1565.  
  1566. ol.notes a:hover {
  1567. padding-left: 5px;
  1568. color: {color:links hover};
  1569. text-transform: uppercase;
  1570. }
  1571.  
  1572. ol.notes li.note {
  1573. margin-top: 4px;
  1574. padding: 4px 6px;
  1575. width: 520px;
  1576. background: {color:posts};
  1577. }
  1578.  
  1579. ol.notes li.note img.avatar {
  1580. display: inline-block;
  1581. vertical-align: -5px;
  1582. width: 16px;
  1583. height: 16px;
  1584. border-radius: 100%;
  1585. }
  1586.  
  1587. ol.notes li.note blockquote {
  1588. margin-left: 20px;
  1589. padding-left: 8px;
  1590. border-left: 2px solid {color:accent};
  1591. }
  1592.  
  1593.  
  1594.  
  1595. {CustomCSS}
  1596. </style>
  1597. </head>
  1598.  
  1599.  
  1600. <body>
  1601. <div class="container">
  1602.  
  1603. <div class="sidebar"><div class="sbox">
  1604. <img src="{image:sidebar}">
  1605. <div class="tit">{text:title one}</div><!-- end tit -->
  1606. <div class="desc">{Description}</div><!-- end desc -->
  1607. <div class="nav"><a href="/"><span class="th th-home-o"></span> Index</a> <a href="/ask"><span class="th th-envelope-o"></span> Message</a> <div class="dropdown">
  1608. <button onclick="myFunction()" class="dropbtn"><span class="th th-idea-o" style="margin-left:-25px;"></span> More...</button>
  1609. <div id="myDropdown" class="dropdown-content">
  1610. {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title}
  1611. {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2Title}
  1612. {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title}
  1613. {block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4Title}
  1614. </div>
  1615. </div>
  1616. <a href="/archive"><span class="th th-atom-o"></span> Vault</a></div></div><!-- end sbox -->
  1617. </div><!-- end sidebar -->
  1618.  
  1619. <div id="entries">
  1620.  
  1621. {block:ContentSource}
  1622. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1623. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1624. {/block:SourceLogo}
  1625. {block:NoSourceLogo}{SourceLink}
  1626. {/block:NoSourceLogo} -->
  1627. {/block:ContentSource}{block:ReblogParent}
  1628. {/block:ReblogParent}
  1629.  
  1630.  
  1631.  
  1632. {block:Posts}
  1633. <div class="posts">
  1634. {block:IndexPage}
  1635. <div class="perma_hold">
  1636. <div class="perma">
  1637. <b><a href="{Permalink}">{NoteCountWithLabel}</a></b>
  1638. <div class="info">
  1639. <a href="{ReblogURL}">reblog</a>
  1640. <a href="{ReblogParentURL}">via</a>
  1641. <a href="{ReblogRootURL}">source</a>
  1642. </div>
  1643. {block:HasTags}<div class="tags">{block:Tags}
  1644. <a href="{TagURL}">{Tag}</a>
  1645. {/block:Tags}</div>{/block:HasTags}
  1646. </div>
  1647. </div>
  1648. {/block:IndexPage}
  1649.  
  1650.  
  1651.  
  1652. {block:PermalinkPage}
  1653. <div class="top">
  1654. <div class="date">
  1655. <div class="picon">
  1656. {block:text}<i class="fas fa-edit"></i>{/block:text}
  1657. {block:Photo}<i class="fas fa-camera-retro"></i>{/block:Photo}
  1658. {block:Photoset}<i class="far fa-images"></i>{/block:Photoset}
  1659. {block:Quote}<i class="fas fa-quote-left"></i>{/block:Quote}
  1660. {block:Link}<i class="fas fa-link"></i>{/block:Link}
  1661. {block:Chat}<i class="fas fa-comments"></i>{/block:Chat}
  1662. {block:Audio}<i class="fas fa-headphones"></i>{/block:Audio}
  1663. {block:Video}<i class="fas fa-film"></i>{/block:Video}
  1664. {block:Answer}<i class="fas fa-icons"></i>{/block:Answer}
  1665. </div><!-- end picon -->
  1666.  
  1667.  
  1668. <div style="float:leftt;margin-left:30px;">{block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>{/block:Date} &middot; <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a> &middot; <a title="{ShortMonth} {DayOfMonthWithZero}, {Year} @ {12HourWithZero}:{Minutes} {CapitalAmPm}" href="{Permalink}">{TimeAgo}</a></div>
  1669. </div><!-- end date -->
  1670.  
  1671.  
  1672. <div id="reblog">
  1673. {block:RebloggedFrom}<a title="Reblogged from {ReblogParentName}" href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-64}"></a>{/block:RebloggedFrom}
  1674.  
  1675. {block:RebloggedFrom}<a title="Orginally Posted by {ReblogRootName}" href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-64}"></a>{/block:RebloggedFrom}
  1676.  
  1677. {block:NotReblog}<a title="Posted by {PostAuthorName}" href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-64}"></a>{/block:NotReblog}
  1678. </div><!-- end reblog -->
  1679. </div><!-- end top -->
  1680. {/block:PermalinkPage}
  1681.  
  1682.  
  1683. <!-- TEXT POSTS -->
  1684. {block:Text}
  1685. <div class="post-title">{block:Title}{Title}{/block:Title}</div><!-- end post-title -->
  1686. {block:NotReblog}
  1687. <div id="caption">{Body}</div><!-- end caption -->
  1688. {/block:NotReblog}
  1689.  
  1690. {block:RebloggedFrom}
  1691. <div class="reblog-list">
  1692. {block:Reblogs}
  1693. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1694. <div class="reblog-header"><div class="reblog-avatar">
  1695. {block:IsActive}
  1696. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"><img src="{PortraitURL-64}"></a>
  1697. {/block:IsActive}
  1698.  
  1699. {block:IsDeactivated}
  1700. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"><img src="{PortraitURL-64}"></span>
  1701. {/block:IsDeactivated}</div><!-- end reblog-avatar -->
  1702.  
  1703. <div class="username">
  1704. {block:IsActive}
  1705. <a target="_blank" href="{Permalink}">{Username}</a>
  1706. {/block:IsActive}
  1707.  
  1708. {block:IsDeactivated}
  1709. <span class="inactive">{Username}</span>
  1710. {/block:IsDeactivated}
  1711. </div><!-- end username -->
  1712. </div><!-- end reblog-header -->
  1713. <div class="reblog-content"><div style="padding:10px;margin-left:-10px;">{Body}</div></div><!-- end reblog-content -->
  1714. </div><!-- end orginal entry -->
  1715. {/block:Reblogs}
  1716. </div><!-- end reblog-list -->
  1717. {/block:RebloggedFrom}
  1718. {/block:Text}
  1719.  
  1720.  
  1721. <!-- ANSWER POSTS -->
  1722. {block:Answer}
  1723. <div class="question">
  1724. <div class="asker-icon"><img src="{AskerPortraitURL-30}"></div>
  1725. <div class="asker">{Asker} <span>sent me something</span></div>
  1726. <div class="asker-question">{Question}</div>
  1727. </div><!-- end question -->
  1728.  
  1729. {block:Answerer}
  1730. <div class="answer">
  1731. <div class="answerer-question">
  1732. <div class="answerer-icon"><img src="{AnswererPortraitURL-24}"></div>
  1733. <div class="answerer">{Answerer}</div>
  1734. {Answer}</div>
  1735. </div><!-- end answer -->
  1736. {/block:Answerer}
  1737.  
  1738. <div class="replies">
  1739. {Replies}
  1740. </div><!-- end replies -->
  1741. {/block:Answer}
  1742.  
  1743.  
  1744. <!-- PHOTO POSTS -->
  1745. {block:Photo}<center>
  1746. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}</center>
  1747. {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1748. {/block:Photo}
  1749.  
  1750.  
  1751. <!-- PHOTOSETS POSTS -->
  1752. {block:Photoset}
  1753. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1754. {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1755. {/block:Photoset}
  1756.  
  1757.  
  1758. <!-- QUOTE POSTS -->
  1759. {block:Quote}
  1760. <div class="qwrap">
  1761. <div class="quote">
  1762. {Quote}
  1763. {block:Source}
  1764. <div class="source">- {Source}</div>
  1765. {/block:Source}
  1766. </div>
  1767. {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1768. </div>
  1769. {/block:Quote}
  1770.  
  1771.  
  1772. <!-- CHAT POSTS -->
  1773. {block:Chat}
  1774. {block:Title}
  1775. <h1>{Title}</h1>
  1776. {/block:Title}
  1777. <div class="post">
  1778. {block:Lines}
  1779. <li class="line {Alt}">
  1780. {block:Label}
  1781. <span class="label">
  1782. {Label}</span>
  1783. {/block:Label}{Line}</li>
  1784. {/block:Lines}
  1785. </div>
  1786. {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1787. {/block:Chat}
  1788.  
  1789.  
  1790. <!-- LINK POSTS -->
  1791. {block:Link}
  1792. {block:Thumbnail}<img src="{Thumbnail}">{/block:Thumbnail}
  1793. <div class="newtit"><a href="{URL}">{Name}</a></div>
  1794. <div class="expt">{Excerpt}</div>
  1795. <div class="dscript">{block:Description}{Description}{/block:Description}</div>
  1796. {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1797. {/block:Link}
  1798.  
  1799.  
  1800. <!-- VIDEO POSTS -->
  1801. {block:Video}
  1802. <div class="video">{Video-500}</div>
  1803. {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1804. {/block:Video}
  1805.  
  1806.  
  1807. <!-- AUDIO POSTS -->
  1808. {block:Audio}
  1809. <div id="cover">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1810. <div id="audioplayerbackground"><div class="audioplayer">{block:AudioPlayer}
  1811. {AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  1812. <div class="musician">
  1813. <span class="track">
  1814. {block:TrackName} {TrackName} {/block:TrackName}</span>
  1815. <br>by {block:Artist} {Artist} {/block:Artist}
  1816. <br>
  1817. {block:Album}
  1818. {Album}<br>
  1819. {/block:Album}</div>
  1820. {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1821. {/block:Audio}
  1822.  
  1823.  
  1824. {block:PermalinkPage}
  1825. {block:HasTags}
  1826. <div class="tgs">
  1827. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1828. </div>
  1829. {/block:HasTags}
  1830. {/block:PermalinkPage}
  1831. </div><!--- end posts --->
  1832.  
  1833. {/block:Posts}
  1834.  
  1835. <div class="olbox">
  1836. {block:PostNotes}
  1837. {PostNotes}
  1838. {/block:PostNotes}
  1839. </div><!-- end olbox -->
  1840.  
  1841. {block:ContentSource}
  1842. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1843. {/block:SourceLogo}
  1844. {block:NoSourceLogo}{SourceLink}
  1845. {/block:NoSourceLogo} -->
  1846. {/block:ContentSource}{block:ReblogParent}
  1847. {/block:ReblogParent}
  1848.  
  1849. </div><!--- end entries --->
  1850.  
  1851.  
  1852. <div class="footer">
  1853. <div class="secetion"><br><br>Can't find something? Give the search a try!
  1854. <form class="search" action="javascript:return false">
  1855. <i class="fas fa-search"></i><input type="text" class="query" placeholder="search this blog...">
  1856. </form><!--- end search --->
  1857. </div><!--- end secetion --->
  1858. <div class="secetion2">
  1859. {text:bottom description}
  1860. </div><!--- end secetion2 --->
  1861. <div class="secetion3"><b>Quick Links</b><br>
  1862. <ul class="a">
  1863. <li>{block:ifLink5Title}<a href="{text:Link 5}"><span class="th th-box-o"></span> {text:Link 5 Title}</a>{/block:ifLink5Title}</i>
  1864. <li>{block:ifLink8Title}<a href="{text:Link 8}"><span class="th th-bubble-heart-o"></span> {text:Link 8 Title}</a>{/block:ifLink8Title}</i>
  1865. <li>{block:ifLink6Title}<a href="{text:Link 6}"><span class="th th-airplay-o"></span> {text:Link 6 Title}</a>{/block:ifLink6Title}</i>
  1866. </ul>
  1867.  
  1868. <ul class="aa">
  1869. <li>{block:ifLink9Title}<a href="{text:Link 9}"><span class="th th-star-o"></span> {text:Link 9 Title}</a>{/block:ifLink9Title}</i>
  1870. <li>{block:ifLink7Title}<a href="{text:Link 7}"><span class="th th-instagram-o"></span> {text:Link 7 Title}</a>{/block:ifLink7Title}</i>
  1871. <li>{block:ifLink10Title}<a href="{text:Link 10}"><span class="th th-dial-o"></span> {text:Link 10 Title}</a>{/block:ifLink10Title}</i>
  1872. </ul>
  1873. </div><!--- end secetion3 --->
  1874. <div class="secetion4"><br><br><br>
  1875. <div class="pagi">
  1876. {block:Pagination}{block:JumpPagination length="5"}{block:CurrentPage}
  1877. <span class="current_page">{PageNumber}</span>
  1878. {/block:CurrentPage}{block:JumpPage}
  1879. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1880. {/block:JumpPage}{/block:JumpPagination}{/block:Pagination}
  1881. </div><!--- end pagi --->
  1882. </div><!--- end secetion4 --->
  1883. </div><!--- end footer --->
  1884.  
  1885.  
  1886.  
  1887.  
  1888.  
  1889.  
  1890. </div><!--- end container --->
  1891.  
  1892.  
  1893. <!-- FONT AWSOME -->
  1894. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
  1895.  
  1896.  
  1897. <!-- GOOGLE FONT -->
  1898. <link href="https://fonts.googleapis.com/css?family=Barlow:400,700&display=swap" rel="stylesheet">
  1899.  
  1900.  
  1901. <!-- HONEYBEE -->
  1902. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  1903.  
  1904.  
  1905. <!-- GUTTERS: DONT TOUCH -->
  1906. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1907. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1908. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1909.  
  1910. <script>
  1911. $(document).ready(function(){
  1912. $('.photo-slideshow').pxuPhotoset({
  1913. lightbox: true,
  1914. rounded: false,
  1915. gutter: '2px',
  1916. borderRadius: '0px',
  1917. photoset: '.photo-slideshow',
  1918. photoWrap: '.photo-data',
  1919. photo: '.pxu-photo'
  1920. });
  1921. });
  1922. </script>
  1923.  
  1924.  
  1925. <!-- SOUND CLOUD PLAYER -->
  1926. <script>
  1927. $(document).ready(function(){
  1928. var color = '#f4ecec'; // color of play button (hex)
  1929. $('.soundcloud_audio_player').each(function(){
  1930. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  1931. });
  1932. });
  1933. </script>
  1934.  
  1935.  
  1936. <!-- TOOLTIP: DONT TOUCH -->
  1937. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  1938.  
  1939. <script>
  1940. (function($){
  1941. $(document).ready(function(){
  1942. $("a[title]").style_my_tooltips({
  1943. tip_follows_cursor:true,
  1944. tip_delay_time:90,
  1945. tip_fade_speed:600,
  1946. attribute:"title"
  1947. });
  1948. });
  1949. })(jQuery);
  1950. </script>
  1951.  
  1952.  
  1953. <!-- VIDEO RESIZE -->
  1954. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1955.  
  1956. <script>
  1957. $(document).ready(function(){
  1958. resizeVideos();
  1959. });
  1960. function resizeVideos() {
  1961. $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  1962. var vw = $(this).width();
  1963. var vh = $(this).height();
  1964. var scale = $(this).parents('.video').width() / vw;
  1965. $(this).attr({
  1966. width: Math.floor($(this).attr('width') * scale),
  1967. height: Math.floor($(this).attr('height') * scale)
  1968. });
  1969. $(this).parents('.video').addClass('resized');
  1970. });
  1971. $('.video:not(.resized) .tumblr_video_iframe').each(function(){
  1972. var vw = $(this).width();
  1973. var vh = $(this).height();
  1974. var scale = $(this).parents('.video').width() / vw;
  1975. $(this).css({
  1976. 'transform': 'scale(' + scale + ')',
  1977. 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  1978. });
  1979. $(this).parents('.tumblr_video_container').css({
  1980. width: Math.floor(vw * ( scale + 1 ) / 2),
  1981. height: Math.floor(vh * ( scale + 1 ) / 2)
  1982. });
  1983. $(this).parents('.video').addClass('resized');
  1984. });
  1985. }
  1986. </script>
  1987.  
  1988.  
  1989. <!--- UNESTED CAPTIONS --->
  1990. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1991.  
  1992. <script>
  1993. $(function(){
  1994. $('.posts').unnest({
  1995. yourCaption: ".caption",
  1996. {Caption}
  1997. wrapName: ".tumblr_parent",
  1998. newCaptionUsername: false,
  1999. originalPostCaptionUsername: false,
  2000. tumblrAvatars: true,
  2001. tumblrAvatarClass: ".tumblr_avatar",
  2002. usernameColon: false
  2003. });
  2004. });
  2005. </script>
  2006.  
  2007.  
  2008. <!-- DROP -->
  2009. <script>
  2010. /* When the user clicks on the button,
  2011. toggle between hiding and showing the dropdown content */
  2012. function myFunction() {
  2013. document.getElementById("myDropdown").classList.toggle("show");
  2014. }
  2015.  
  2016. // Close the dropdown if the user clicks outside of it
  2017. window.onclick = function(event) {
  2018. if (!event.target.matches('.dropbtn')) {
  2019. var dropdowns = document.getElementsByClassName("dropdown-content");
  2020. var i;
  2021. for (i = 0; i < dropdowns.length; i++) {
  2022. var openDropdown = dropdowns[i];
  2023. if (openDropdown.classList.contains('show')) {
  2024. openDropdown.classList.remove('show');
  2025. }
  2026. }
  2027. }
  2028. }
  2029. </script>
  2030.  
  2031.  
  2032. <!-- SEARCH BAR -->
  2033. <script>
  2034. $(document).ready(function(){
  2035. $('.search').submit(function(event){
  2036. var value = $('input:first').val();
  2037. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  2038. });
  2039. });
  2040. </script>
  2041.  
  2042.  
  2043. <!-- MASONARY SCRIPT -->
  2044. {block:IndexPage}
  2045. <script type="text/javascript" src="https://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  2046.  
  2047.  
  2048. <script type="text/javascript">
  2049. $(window).load(function(){
  2050. var $wall = $('#entries');
  2051. $wall.imagesLoaded(function(){
  2052. $wall.masonry({
  2053. itemSelector: '.posts',
  2054. isAnimated : true
  2055. });
  2056. });
  2057. $wall.infinitescroll({
  2058. navSelector : "div#navigation",
  2059. nextSelector : "div#navigation a#nextPage",
  2060. itemSelector : '.posts',
  2061. loadingImg : "",
  2062. loadingText : " ",
  2063. donetext : " ",
  2064. extraScrollPx : 0,
  2065. bufferPx : 10000,
  2066. debug : false,
  2067. errorCallback: function() {
  2068. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  2069. }},
  2070. function( newElements ) {
  2071. var $newElems = $( newElements );
  2072. $newElems.hide();
  2073. $newElems.imagesLoaded(function(){
  2074. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  2075. });
  2076. }); $('#entries').show(500);
  2077. });
  2078. </script>
  2079.  
  2080. <script language="JavaScript">
  2081. function function1(){
  2082. window.scrollTo(0,5);
  2083. }
  2084. function function2(){
  2085. window.scroll(0,2);
  2086. }
  2087. </script>
  2088. {/block:IndexPage}
  2089.  
  2090.  
  2091. <!-- TUMBLR CONTROLS -->
  2092. <div class="hcontrols"><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="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  2093.  
  2094.  
  2095. </body>
  2096. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!