API tools faq
paste
PetitePixel

Theme #001: Killing Me Slowly

PetitePixel
Oct 12th, 2019
1,647
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.12 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3.  
  4. THEME #001: KILLING ME SLOWLY
  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:background" content="#ffffff"/>
  31. <meta name="color:blockquote" content="#ffffff"/>
  32. <meta name="color:blockquote border" content="#1a5d70"/>
  33. <meta name="color:chat even" content="#e2d7dd"/>
  34. <meta name="color:chat odd" content="#d4bbcd"/>
  35. <meta name="color:chat text" content="#ffffff"/>
  36. <meta name="color:highlight background" content="#1a5d70"/>
  37. <meta name="color:highlight text" content="#ffffff"/>
  38. <meta name="color:link excerpt background" content="#e9dedd"/>
  39. <meta name="color:links" content="#1a5d70"/>
  40. <meta name="color:links hover" content="#000"/>
  41. <meta name="color:music background" content="#1a5d70"/>
  42. <meta name="color:music song title" content="#fff"/>
  43. <meta name="color:music track info" content="#fff"/>
  44. <meta name="color:nav links" content="#a18da6"/>
  45. <meta name="color:nav links hover" content="#000000"/>
  46. <meta name="color:posts" content="#f6f2ee"/>
  47. <meta name="color:post borders" content="#cbb4c4"/>
  48. <meta name="color:post icon" content="#a18da6"/>
  49. <meta name="color:post icon background" content="#eee7e3"/>
  50. <meta name="color:post title" content="#ffffff"/>
  51. <meta name="color:post title background" content="#a18da6"/>
  52. <meta name="color:question background" content="#e9dedd"/>
  53. <meta name="color:quote border" content="#cccccc"/>
  54. <meta name="color:sidebar border" content="#cbb4c4"/>
  55. <meta name="color:sidebar title" content="#a18da6"/>
  56. <meta name="color:text" content="#363636"/>
  57.  
  58. <!-- DEFAULT SCROLLBAR -->
  59. <meta name="color:scrollbar track" content="#999999"/>
  60. <meta name="color:scrollbar" content="#cbb4c4"/>
  61. <meta name="color:scrollbar hover" content="#1a5d70"/>
  62.  
  63. <!-- DEFAULT TOOLTIPS -->
  64. <meta name="color:tooltip background" content="#927b98"/>
  65. <meta name="color:tooltip text" content="#ffffff"/>
  66. <meta name="color:tooltip accent" content="#d5bdcd"/>
  67.  
  68. <!-- DEFAULT TEXT -->
  69. <meta name="text:Lightbox RGBO" content="150, 137, 136, 0.8"/>
  70. <meta name="text:Custom Ask Page" content="Example: Message or FAQ"/>
  71. <meta name="text:Title One" content="Your Blog Title Goes Here"/>
  72.  
  73. <!-- DEFAULT IMAGES -->
  74. <meta name="image:sidebar" content="https://static.tumblr.com/fqmhecn/BKlpza2xe/tommyfillart.png"/>
  75.  
  76. <!-- DEFAULT LINKS -->
  77. <meta name="text:Link 1" content="/"/>
  78. <meta name="text:Link 1 Title" content="Link One"/>
  79. <meta name="text:Link 2" content="/">
  80. <meta name="text:Link 2 Title" content="Link Two"/>
  81. <meta name="text:Link 3" content="/"/>
  82. <meta name="text:Link 3 Title" content="Link Three"/>
  83.  
  84. <!-- DEFAULT SETTINGS -->
  85. <meta name="if:Different Ask Page Name" content="0"/>
  86.  
  87.  
  88.  
  89.  
  90. <style type="text/css">
  91. /* --- FOLLOW BUTTONS --------------------------------- */
  92. iframe.tmblr-iframe {
  93. z-index:99999999999999!important;
  94. top:-2px!important;
  95. right:0!important;
  96. opacity:0;
  97. padding-right:38px;
  98. /* delete invert(1) from here */
  99. filter:invert(1) contrast(150%);
  100. -webkit-filter:invert(1) contrast(150%);
  101. -o-filter:invert(1) contrast(150%);
  102. -moz-filter:invert(1) contrast(150%);
  103. -ms-filter:invert(1) contrast(150%);
  104. /* to here if your blog has a dark background */
  105. transform:scale(0.65);
  106. transform-origin:100% 0;
  107. -webkit-transform:scale(0.65);
  108. -webkit-transform-origin:100% 0;
  109. -o-transform:scale(0.65);
  110. -o-transform-origin:100% 0;
  111. -moz-transform:scale(0.65);
  112. -moz-transform-origin:100% 0;
  113. -ms-transform:scale(0.65);
  114. -ms-transform-origin:100% 0;}
  115.  
  116. iframe.tmblr-iframe:hover {
  117. opacity:0.6!important;}
  118.  
  119. .hcontrols {
  120. position:fixed;
  121. top:0;
  122. right:0;
  123. z-index:999999999;}
  124.  
  125. .hcontrols svg {
  126. width:14px;
  127. height:14px;
  128. padding:9px;}
  129.  
  130. .hcontrols svg path {
  131. fill:{color:text};/* change this to change the color of the icon */}
  132.  
  133.  
  134.  
  135.  
  136.  
  137. /* --- LIGHTBOX --------------------------------- */
  138. .vignette, #vignette {
  139. opacity:0;
  140. }
  141. .lightbox-image, #tumblr_lightbox img {
  142. box-shadow:none !important;
  143. border-radius:0 !important;
  144. max-width:none;
  145. }
  146.  
  147. .tmblr-lightbox, #tumblr_lightbox {
  148. background-color:rgba({text:lightbox rgbo}) !important;
  149. }
  150.  
  151. .lightbox-image, #tumblr_lightbox img {
  152. border:5px solid #fff !important;
  153. -moz-box-sizing:border-box;
  154. box-sizing:border-box;
  155. }
  156.  
  157. .lightbox-caption, #tumblr_lightbox_caption {
  158. visibility: hidden;
  159. }
  160.  
  161. /* width */
  162. ::-webkit-scrollbar {
  163. width: 10px;
  164. }
  165.  
  166.  
  167.  
  168.  
  169.  
  170. /* --- SCROLLBAR --------------------------------- */
  171. ::-webkit-scrollbar-track {
  172. box-shadow: inset 0 0 5px {color:scrollbar track};
  173. border-radius: 2px;
  174. }
  175.  
  176. ::-webkit-scrollbar-thumb {
  177. background: {color:scrollbar};
  178. border-radius: 10px;
  179. }
  180.  
  181. ::-webkit-scrollbar-thumb:hover {
  182. background: {color:scrollbar hover};
  183. }
  184.  
  185. ::selection {
  186. background: {color:highlight background};
  187. color: {color:highlight text};
  188. }
  189.  
  190.  
  191.  
  192.  
  193.  
  194. /* --- TOOLIPS --------------------------------- */
  195. #s-m-t-tooltip {
  196. max-width: 300px;
  197. padding: 3px 7px;
  198. margin: -20px 0px 0px 20px;
  199. background: {color:tooltip background};
  200. color: {color:tooltip text};
  201. font-size: 7px;
  202. font-family: 'Barlow', sans-serif;
  203. font-weight: 700;
  204. text-transform: uppercase;
  205. opacity: 1;
  206. letter-spacing: 1px;
  207. border-bottom:1px solid {color:tooltip accent};
  208. z-index: 999999999999;
  209. }
  210.  
  211.  
  212.  
  213.  
  214.  
  215. /* --- BODY --------------------------------- */
  216. body {
  217. line-height: 1.5;
  218. text-align: justify;
  219. font-weight: 400;
  220. font-size: 10px;
  221. font-family: 'Barlow', sans-serif;
  222. color: {color:text};
  223. background: {color:background};
  224. -webkit-font-smoothing: antialiased;
  225. }
  226.  
  227. a {
  228. color: {color:links};
  229. text-decoration: none;
  230. -moz-transition-duration: 0.5s;
  231. -o-transition-duration: 0.5s;
  232. -webkit-transition-duration: 0.5s;
  233. transition-duration: 0.5s;
  234. }
  235.  
  236. a:hover {
  237. color: {color:links hover};
  238. -moz-transition-duration: 0.5s;
  239. -o-transition-duration: 0.5s;
  240. -webkit-transition-duration: 0.5s;
  241. transition-duration: 0.5s;
  242. }
  243.  
  244. .container {
  245. margin: 0 0 0 0;
  246. width: 100%;
  247. }
  248.  
  249.  
  250.  
  251.  
  252.  
  253. /* --- POSTS --------------------------------- */
  254. .entries {
  255. margin: auto;
  256. width: 420px;
  257. }
  258.  
  259. .posts {
  260. position: relative;
  261. margin: 50px 20px 80px 20px;
  262. padding: 10px;
  263. width: 400px;
  264. background:{color:posts};
  265. border:1px solid {color:post borders};
  266. }
  267.  
  268. .posts img {
  269. max-width: 100%;
  270. height: auto;
  271. list-style-type:none;
  272. cursor: pointer;
  273. }
  274.  
  275. .posts li, .posts ol {
  276. max-width: 100%;
  277. height: auto;
  278. list-style-type:none;
  279. }
  280.  
  281. .texts {
  282. text-align: justify;
  283. margin-top: -5px;
  284. padding-top: 0px;
  285. padding-right: 5px;
  286. padding-left: 5px;
  287. padding-bottom: 0px;
  288. }
  289.  
  290. .texts ul, .texts ul li{
  291. list-style-type: square!important;
  292. }
  293.  
  294. .texts ol, .texts ol li {
  295. list-style-type: upper-roman!important;
  296. }
  297.  
  298. h1, h2, h3 {
  299. margin-top: 0px;
  300. padding:15px;
  301. text-align: center;
  302. text-transform: uppercase;
  303. line-height: 1.5;
  304. font-weight: 700;
  305. font-size: 16px;
  306. font-family: 'Barlow', sans-serif;
  307. color: {color:post title};
  308. background: {color:post title background};
  309. }
  310.  
  311.  
  312.  
  313.  
  314.  
  315. /* --- REBLOG LAYOUT --------------------------------- */
  316. .reblog-header {
  317. margin-top: -10px;
  318. margin-left: -10px;
  319. padding: 2px;
  320. width: 416px;
  321. height: 30px;
  322. border-bottom: 1px solid {color:post borders};
  323. background:{color:posts};
  324. }
  325.  
  326. .reblog-avatar {
  327. display: inline-block;
  328. margin-top: -2px;
  329. padding: 5px;
  330. vertical-align: middle;
  331. line-height: 0.8;
  332. }
  333.  
  334. .reblog-avatar img {
  335. width: 20px;
  336. height: auto;
  337. border-radius: 4px;
  338. }
  339.  
  340. .username {
  341. display: inline-block;
  342. margin-left: -2px;
  343. text-transform: uppercase;
  344. vertical-align: middle;
  345. letter-spacing:0px;
  346. font-weight: 400;
  347. font-size: 9px;
  348. color:{color:text};
  349. }
  350.  
  351. .username a {
  352. color:{color:links};
  353. }
  354.  
  355. .username a:hover {
  356. color:{color:links hover};
  357. }
  358.  
  359. .reblog-list {
  360. margin-left: -5px;
  361. padding: 5px;
  362. width: 400px;
  363. }
  364.  
  365. .reblog-content {
  366. margin-left: -5px;
  367. padding: 5px;
  368. width: 400px;
  369. overflow:hidden;
  370. }
  371.  
  372. .reblog-content img {
  373. height: auto!important;
  374. max-width: 400px!important;
  375. }
  376.  
  377.  
  378.  
  379.  
  380.  
  381. /* --- UNESTED CAPTIONS --------------------------------- */
  382. .tumblr_blog {
  383. display: block;
  384. margin-bottom: 5px;
  385. margin-top: 5px;
  386. vertical-align: middle;
  387. line-height: 28px;
  388. font-weight: 700;
  389. font-size: 10px;
  390. font-family: 'Barlow', sans-serif;
  391. }
  392.  
  393. a.tumblr_blog {
  394. display: inline-block;
  395. margin-top: 6px;
  396. padding-top: 3px;
  397. padding-left: 5px;
  398. padding-right: 5px;
  399. padding-bottom: 3px;
  400. height: 13px;
  401. text-transform: uppercase;
  402. line-height: 1.4;
  403. font-weight: 700;
  404. font-size: 9px;
  405. color: {color:text};
  406. }
  407.  
  408. .tumblr_avatar {
  409. display: inline-block;
  410. float: left;
  411. margin-top: 5px;
  412. margin-right: 5px;
  413. width: 20px;
  414. height: 20px;
  415. border-radius: 2px;
  416. }
  417.  
  418. .tmblr-attribution {
  419. margin-top: -5px;
  420. margin-left: 10px;
  421. width: 95%;
  422. padding: 5px;
  423. text-transform: uppercase;
  424. font-size:7px;
  425. text-align: right;
  426. }
  427.  
  428.  
  429.  
  430.  
  431.  
  432. /* --- BLOCKQUOTES --------------------------------- */
  433. blockquote {
  434. margin-left: 0px;
  435. padding: 5px;
  436. width: 385px;
  437. background:{color:blockquote};
  438. border-left: 2px solid {color:blockquote border};
  439. }
  440.  
  441. blockquote blockquote {
  442. background:{color:blockquote};
  443. border: none;
  444. padding:0px;
  445. }
  446.  
  447. blockquote img {
  448. height: auto!important;
  449. max-width: 350px!important;
  450. }
  451.  
  452. .texts blockquote {
  453. margin-left: -2px;
  454. padding: 5px;
  455. width: 380px;
  456. background:{color:blockquote};
  457. border-left: 2px solid {color:blockquote border};
  458. }
  459.  
  460.  
  461.  
  462.  
  463.  
  464. /* --- PHOTOSET LAYOUT --------------------------------- */
  465. .photoset-grid {
  466. grid-column-gap: 2px; /* this is the gap between the columns */
  467. grid-row-gap: 2px; /* this is the gap between the rows */
  468. grid-gap: 2px; /* this is the gap between both the rows and the columns; you should probably use this if they are the same value */
  469. }
  470.  
  471. .photoset-layout div {
  472. padding: 5px; /* padding in the each image's container */
  473. border: 0px; /* border around each image's container */
  474. }
  475.  
  476. .photoset-layout img {
  477. width: 500px;
  478. border: 0px; /* border around each image */
  479. border-radius: 0px; /* each image's border radius */
  480. }
  481.  
  482.  
  483.  
  484.  
  485.  
  486. /* --- PAGNATION --------------------------------- */
  487. .sidebar {
  488. position: fixed;
  489. bottom: 75px;
  490. left: 75px;
  491. padding:10px;
  492. width: 300px;
  493. color:{color:text};
  494. }
  495.  
  496. .sidebar img {
  497. padding:10px;
  498. width: 300px;
  499. height: auto;
  500. border:1px solid {color:sidebar border};
  501. }
  502.  
  503. .tit {
  504. position:relative;
  505. padding: 1px 10px 0px 10px;
  506. width: 302px;
  507. text-align: left;
  508. font-weight: 700;
  509. font-size: 14px;
  510. font-family: 'Barlow', sans-serif;
  511. color:{color:sidebar title};
  512. }
  513.  
  514. .desc {
  515. position:relative;
  516. padding: 5px 10px 10px 10px;
  517. width: 302px;
  518. color:{color:text};
  519. }
  520.  
  521. .nav {
  522. position:relative;
  523. padding: 5px 10px 5px 10px;
  524. width: 302px;
  525. text-align: center;
  526. text-transform:uppercase;
  527. font-weight: 700;
  528. font-size: 12px;
  529. font-family: 'Barlow', sans-serif;
  530. color:{color:text};
  531. }
  532.  
  533. .nav a {
  534. margin: 0px 3px;
  535. color:{color:nav links};
  536. }
  537.  
  538. .nav a:hover {
  539. margin: 0px 3px;
  540. color:{color:nav links hover};
  541. }
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548.  
  549. /* --- PAGNATION --------------------------------- */
  550. .pagi {
  551. margin-top: 10px;
  552. margin-left: 450px;
  553. margin-bottom:90px;
  554. padding: 5px;
  555. width: 435px;
  556. font-size: 12px;
  557. font-family: 'Barlow', sans-serif;
  558. font-weight: 400;
  559. line-height: 1.8;
  560. letter-spacing: 0.5px;
  561. font-style: italic;
  562. text-transform: uppercase;
  563. text-align: center;
  564. {block:AskPage}
  565. display:none!important;
  566. {/block:AskPage}
  567. }
  568.  
  569. .pagi a {
  570. color:{color:links};
  571. margin: 0px 8px;
  572. }
  573.  
  574. .pagi a:hover {
  575. color:{color:links hover};
  576. margin: 0px 8px;
  577. }
  578.  
  579. .current_page {
  580. padding-top: 5px;
  581. padding-left:10px;
  582. padding-right: 10px;
  583. padding-bottom: 5px;
  584. font-weight: 700;
  585. color:#fff;
  586. background:{color:nav links};
  587. border-radius: 4px;
  588. }
  589.  
  590.  
  591.  
  592.  
  593.  
  594. /* --- VIDEO --------------------------------- */
  595. .video {
  596. width:400px;
  597. height:auto;
  598. }
  599.  
  600.  
  601.  
  602.  
  603.  
  604. /* --- AUDIO --------------------------------- */
  605. .audioplayer {
  606. margin-top: 3px;
  607. margin-left: 2px;
  608. padding: 3px;
  609. width: 27px;
  610. height: 24px;
  611. overflow: hidden;
  612. }
  613.  
  614. #audioplayerbackground {
  615. position: absolute;
  616. z-index: 1;
  617. width: 40px;
  618. height: 40px;
  619. margin-top: 8px;
  620. margin-left: 5px;
  621. background: #fff;
  622. opacity: 0.8;
  623. -webkit-transition: opacity 0.8s linear;
  624. -webkit-transition: all 0.5s ease-out;
  625. -moz-transition: all 0.5s ease-out;
  626. transition: all 0.5s ease-out;
  627. }
  628.  
  629. #audioplayerbackground:hover {
  630. opacity: .4;
  631. -webkit-transition: opacity 0.8s linear;
  632. -webkit-transition: all 0.5s ease-out;
  633. -moz-transition: all 0.5s ease-out;
  634. transition: all 0.5s ease-out;
  635. }
  636.  
  637. .music {
  638. display: block;
  639. margin-top: 0px;
  640. margin-left: 0px;
  641. margin-bottom: 5px;
  642. padding: 5px;
  643. width: 390px;
  644. height: 55px;
  645. text-align: center;
  646. color: {color:text};
  647. background: {color:music background};
  648. }
  649.  
  650. .song {
  651. display:block;
  652. margin-top:10px;
  653. margin-bottom: 0px;
  654. text-transform: uppercase;
  655. letter-spacing: 0px;
  656. text-align: center;
  657. font-size: 14px;
  658. font-weight: 700;
  659. font-family: 'Barlow', sans-serif;
  660. color: {color:music song title};
  661. }
  662.  
  663. .trackinfo {
  664. display:block;
  665. letter-spacing: 0px;
  666. line-height: 1.2;
  667. text-align: center;
  668. font-size: 10px;
  669. font-family: 'Barlow', sans-serif;
  670. color: {color:music track info};
  671. }
  672.  
  673. .spotify_audio_player {
  674. height: 80px !important;
  675. width: 400px;
  676. }
  677.  
  678.  
  679.  
  680.  
  681.  
  682. /* --- LINK POSTS --------------------------------- */
  683. .link-tit {
  684. margin-top: 0px;
  685. padding:15px;
  686. text-align: center;
  687. text-transform: uppercase;
  688. line-height: 1.3;
  689. font-weight: 700;
  690. font-size: 16px;
  691. font-family: 'Barlow', sans-serif;
  692. color: {color:post title};
  693. background: {color:post title background};
  694. }
  695.  
  696. .link-tit a {
  697. color: {color:post title};
  698. background: {color:post title background};
  699. }
  700.  
  701. .link-tit a:hover {
  702. color: {color:links};
  703. background: {color:post title background};
  704. }
  705.  
  706. .linkexpt {
  707. margin-top: 10px;
  708. margin-left: 1px;
  709. padding: 5px;
  710. width: 385px;
  711. background:{color:link excerpt background};
  712. border-left: 2px solid {color:blockquote border};
  713. }
  714.  
  715. .linkdesc {
  716. text-align:justify;
  717. background:{color:posts};
  718. }
  719.  
  720.  
  721.  
  722.  
  723.  
  724. /* --- QUESTIONS + ANSWERS --------------------------------- */
  725. .question {
  726. margin-bottom: 10px;
  727. padding: 20px;
  728. background: {color:question background};
  729. }
  730.  
  731. .asker-question {
  732. margin-top: 10px;
  733. text-align: justify;
  734. line-height: 1.4;
  735. }
  736.  
  737. .asker {
  738. display: block;
  739. margin-top: -38px;
  740. margin-left: 50px;
  741. font-family: 'Barlow Semi Condensed', sans-serif;
  742. font-weight: 700;
  743. font-size: 14px;
  744. text-transform: uppercase;
  745. }
  746.  
  747. .asker-icon {
  748. margin-right: 5px;
  749. margin-bottom: 5px;
  750. width: 30px;
  751. height: 30px;
  752. border: 5px solid {color:posts};
  753. background: {color:posts};
  754. }
  755.  
  756. .asker span {
  757. display: block;
  758. vertical-align: middle;
  759. margin-top: -5px;
  760. margin-left: 0px;
  761. font-size: 9px;
  762. font-weight: 400!important;
  763. text-transform: lowercase;
  764. }
  765.  
  766. .asker a {
  767. margin-left: 0px;
  768. color:{color:links};
  769. font-weight: 700;
  770. }
  771.  
  772. .asker a:hover {
  773. color:{color:links hover};
  774. font-weight: 700;
  775. }
  776.  
  777. .answerer {
  778. display: block;
  779. margin-top: -52px;
  780. margin-left: 40px;
  781. margin-bottom: 10px;
  782. font-family: 'Barlow Semi Condensed', sans-serif;
  783. font-weight: 700;
  784. font-size: 11px;
  785. text-transform: uppercase;
  786. }
  787.  
  788. .answerer-icon {
  789. margin-right: 5px;
  790. margin-bottom: 25px;
  791. width: 24px;
  792. height: 24px;
  793. border: 5px solid {color:posts};
  794. background: {color:posts};
  795. }
  796.  
  797. .answerer a {
  798. margin-left: 0px;
  799. color:{color:links};
  800. font-weight: 700;
  801. }
  802.  
  803. .answerer a:hover {
  804. color:{color:links hover};
  805. font-weight: 700;
  806. }
  807.  
  808. .answerer-question {
  809. margin-top: 10px;
  810. padding: 10px;
  811. text-align: justify;
  812. line-height: 1.8;
  813. background: {color:question background};
  814. }
  815.  
  816. .replies {
  817. margin-top:-10px;
  818. padding: 5px;
  819. text-align: justify;
  820. background:{color:blockqote};
  821. }
  822.  
  823.  
  824.  
  825.  
  826.  
  827. /* --- POST NOTES --------------------------------- */
  828. .chat ol {
  829. padding: 0;
  830. line-height: 180%;
  831. list-style-type: none !important;
  832. color: {color:chat text};
  833. }
  834.  
  835. .chat li {
  836. list-style-type: none !important;
  837. color: {color:chat text};
  838. }
  839.  
  840. .line.odd {
  841. list-style-type: none !important;
  842. margin-bottom: 2px;
  843. padding: 5px;
  844. color: {color:chat text};
  845. background: {color:chat odd};
  846. }
  847.  
  848. .line.even {
  849. list-style-type: none !important;
  850. margin-bottom: 2px;
  851. padding: 5px;
  852. color: {color:chat text};
  853. background: {color:chat even};
  854. }
  855.  
  856. .label {
  857. padding-right: 1px;
  858. letter-spacing: 0px;
  859. text-transform: uppercase;
  860. font-weight: 700!important;
  861. font-size: 10px;
  862. font-family: 'Barlow Semi Condensed', sans-serif;
  863. color: {color:chat text};
  864. }
  865.  
  866.  
  867.  
  868.  
  869.  
  870. /* --- QUOTES --------------------------------- */
  871. .qwrap {
  872. padding: 5px;
  873. }
  874.  
  875. .quote {
  876. margin: 30px;
  877. padding: 30px;
  878. text-align: center;
  879. line-height: 1.4;
  880. font-style: italic;
  881. font-size: 14px;
  882. font-weight: 900;
  883. color: {color:text};
  884. border-top: 1px solid {color:quote border};
  885. border-bottom: 1px solid {color:quote border};
  886. }
  887.  
  888. .quote a {
  889. display: block;
  890. color: {color:links};
  891. }
  892.  
  893. .source {
  894. display: block;
  895. margin-top: 10px;
  896. line-height: 1.2!important;
  897. font-weight: 400;
  898. font-size: 10px;
  899. }
  900.  
  901. .source a.tumblr_blog {
  902. display: none;
  903. line-height: 1.2;
  904. }
  905.  
  906.  
  907.  
  908.  
  909.  
  910. /* --- POST INFORMATIONS --------------------------------- */
  911. .top {
  912. position: absolute;
  913. top: 0px;
  914. margin-left: 430px;
  915. padding: 0px 10px;
  916. width: 150px;
  917. max-width: 200px;
  918. border-top: 2px solid #cf2d85
  919. background: {color:bckground};
  920. }
  921.  
  922. #reblog {
  923. display: block;
  924. float: right;
  925. margin-top: -24px;
  926. margin-right: 5px;
  927. padding: 5px;
  928. }
  929.  
  930. #reblog img {
  931. margin-right: 2px;
  932. width: 14px;
  933. height: 14px;
  934. border-radius: 100%;
  935. border:2px solid {color:post borders};
  936. }
  937.  
  938. .date {
  939. margin-top: -5px;
  940. margin-left: 25px;
  941. padding: 5px;
  942. text-transform: uppercase;
  943. letter-spacing: 0.5;
  944. font-weight: 400;
  945. font-size: 10px;
  946. font-family: 'Barlow', sans-serif;
  947. {block:AskPage}
  948. display:none;
  949. {/block:AskPage}
  950. }
  951.  
  952. .tags {
  953. display: block;
  954. position: relative;
  955. margin-top: 5px;
  956. margin-left: -15px;
  957. margin-bottom: 10px;
  958. width: 150px;
  959. padding: 0px;
  960. text-transform: uppercase;
  961. font-weight: 700px!important;
  962. font-size: 10px;
  963. font-family: 'Barlow', sans-serif;
  964. color:{color:text};
  965. background: {color:background};
  966. }
  967.  
  968. .tags a {
  969. display: block;
  970. margin: 0px 5px;
  971. letter-spacing: 0.5;
  972. text-transform: none!important;
  973. font-weight: 400px!important;
  974. font-size: 9px;
  975. font-family: 'Barlow', sans-serif;
  976. color:{color:tags};
  977. }
  978.  
  979. .tags a:hover {
  980. display: block;
  981. margin: 0px 5px;
  982. letter-spacing: 0.5;
  983. text-transform: none!important;
  984. font-weight: 400px!important;
  985. font-size: 9px;
  986. font-family: 'Barlow', sans-serif;
  987. color:{color:tags hover};
  988. }
  989.  
  990. .picon {
  991. float: left;
  992. margin:0px -10px;
  993. width: 33px;
  994. height: 33px;
  995. text-align: center;
  996. line-height: 33px;
  997. font-size: 16px;
  998. color:{color:post icon};
  999. background:{color:post icon background};
  1000. {block:AskPage}
  1001. display:none;
  1002. {/block:AskPage}
  1003. }
  1004.  
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010. /* --- BACK TO THE TOP --------------------------------- */
  1011. .back-to-top {
  1012. display: none;
  1013. position: fixed;
  1014. text-align: center;
  1015. bottom: 45px;
  1016. width: 65px;
  1017. right: 45px;
  1018. text-transform: uppercase;
  1019. font-size: 10px;
  1020. font-weight: bold;
  1021. font-family: 'Calibri', sans-serif;
  1022. color:{color:links};
  1023. cursor: pointer;
  1024. z-index: 99999;
  1025. }
  1026.  
  1027. .back-to-top i {
  1028. display: block;
  1029. font-size: 30px;
  1030. color: {color:links}
  1031. }
  1032.  
  1033. .credit {
  1034. position: fixed;
  1035. text-align: center;
  1036. bottom: 30px;
  1037. width: 65px;
  1038. right: 45px;
  1039. text-transform: uppercase;
  1040. font-size: 10px;
  1041. font-weight: 700;
  1042. font-family: 'Calibri', sans-serif;
  1043. cursor: pointer;
  1044. z-index: 99999;
  1045. }
  1046.  
  1047. .credit a {
  1048. color:{color:sidebar title};
  1049. }
  1050.  
  1051.  
  1052.  
  1053.  
  1054.  
  1055.  
  1056. /* --- POST NOTES --------------------------------- */
  1057. ol.notes {
  1058. padding: 5px;
  1059. margin: -5px auto;
  1060. width: 400px;
  1061. list-style-type: none;
  1062. border-bottom: solid 1px {color:post borders};
  1063. }
  1064.  
  1065. ol.notes li.note {
  1066. margin-left: 10px;
  1067. padding:5px;
  1068. width: 400px;
  1069. border-top: solid 1px {color:post borders};
  1070. padding: 10px;
  1071. }
  1072.  
  1073. ol.notes li.note img.avatar {
  1074. vertical-align: -4px;
  1075. margin-right: 10px;
  1076. width: 16px;
  1077. height: 16px;
  1078. }
  1079.  
  1080. ol.notes li.note span.action {
  1081. font-weight: bold;
  1082. }
  1083.  
  1084. ol.notes li.note .answer_content {
  1085. font-weight: normal;
  1086. }
  1087.  
  1088. ol.notes li.note blockquote {
  1089. border-color: {color:post borders};
  1090. padding: 4px 10px;
  1091. margin: 10px 0px 0px 25px;
  1092. }
  1093.  
  1094. ol.notes li.note blockquote a {
  1095. text-decoration: none;
  1096. }
  1097.  
  1098.  
  1099. {CustomCSS}
  1100. </style>
  1101. </head>
  1102.  
  1103.  
  1104. <body>
  1105. <div class="container">
  1106.  
  1107. <div class="sidebar">
  1108. <div class="tit">{text:Title One}</div><!--- end tit -->
  1109. <div class="desc">{Description}</div><!--- end desc --->
  1110. <img src="{image:sidebar}">
  1111. <div class="nav">
  1112. <a href="/">Home</a>
  1113. <a href="/ask">Message</a>
  1114. {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title}
  1115. {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2Title}
  1116. {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title}
  1117. </div><!--- end nav --->
  1118. </div><!--- end sidebar --->
  1119.  
  1120.  
  1121. <div class="entries">
  1122. {block:Posts}
  1123. <div class="posts">
  1124.  
  1125.  
  1126. <div class="top">
  1127. <div class="picon">
  1128. {block:text}<i class="fas fa-edit"></i>{/block:text}
  1129. {block:Photo}<i class="fas fa-camera-retro"></i>{/block:Photo}
  1130. {block:Photoset}<i class="far fa-images"></i>{/block:Photoset}
  1131. {block:Quote}<i class="fas fa-quote-left"></i>{/block:Quote}
  1132. {block:Link}<i class="fas fa-link"></i>{/block:Link}
  1133. {block:Chat}<i class="fas fa-comments"></i>{/block:Chat}
  1134. {block:Audio}<i class="fas fa-headphones"></i>{/block:Audio}
  1135. {block:Video}<i class="fas fa-film"></i>{/block:Video}
  1136. {block:Answer}<i class="far fa-envelope"></i>{/block:Answer}
  1137. </div><!-- end picon -->
  1138.  
  1139. <div class="date">
  1140. {block:Date}<a title="posted at {12Hour}:{Minutes}{AmPm}" href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>{/block:Date}<br>
  1141. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;&#5867;&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  1142. </div><!-- end date -->
  1143.  
  1144.  
  1145. {block:HasTags}
  1146. <div class="tags">{block:Tags}
  1147. <a title="{Tag}" href="{TagURL}">#{Tag}</a>{/block:Tags}
  1148. </div><!--- end tags --->
  1149. {/block:HasTags}
  1150. </div><!-- end top -->
  1151.  
  1152.  
  1153. <!-- TEXT POSTS -->
  1154. {block:Text}
  1155. {block:Title}<h1>{Title}</h1>{/block:Title}
  1156. {block:NotReblog}
  1157. <div class="texts">{Body}</div><!--- end texts --->
  1158. {/block:NotReblog}
  1159.  
  1160. {block:RebloggedFrom}
  1161. <div class="reblog-list">
  1162. {block:Reblogs}
  1163. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1164. <div class="reblog-header"><div class="reblog-avatar">
  1165. {block:IsActive}
  1166. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"><img src="{PortraitURL-64}"></a>
  1167. {/block:IsActive}
  1168.  
  1169. {block:IsDeactivated}
  1170. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"><img src="{PortraitURL-64}"></span>
  1171. {/block:IsDeactivated}</div><!-- end reblog-avatar -->
  1172.  
  1173. <div class="username">
  1174. {block:IsActive}
  1175. <a target="_blank" href="{Permalink}">{Username}</a>
  1176. {/block:IsActive}
  1177.  
  1178. {block:IsDeactivated}
  1179. <span class="inactive">{Username}</span>
  1180. {/block:IsDeactivated}
  1181. </div><!-- end username -->
  1182. </div><!-- end reblog-header -->
  1183. <div class="reblog-content">{Body}</div><!-- end reblog-content -->
  1184. </div><!-- end orginal entry -->
  1185. {/block:Reblogs}
  1186. </div><!-- end reblog-list -->
  1187. {/block:RebloggedFrom}
  1188. {/block:Text}
  1189.  
  1190.  
  1191. <!-- PHOTO POSTS -->
  1192. {block:Photo}<center>
  1193. {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>
  1194. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1195. {/block:Photo}
  1196.  
  1197.  
  1198. <!-- PHOTOSETS POSTS -->
  1199. {block:Photoset}
  1200. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  1201. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1202. {/block:Photoset}
  1203.  
  1204.  
  1205. <!-- CHAT POSTS -->
  1206. {block:Chat}
  1207. {block:Title}
  1208. <h1>{Title}</h1>
  1209. {/block:Title}
  1210. <div class="post">
  1211. {block:Lines}
  1212. <li class="line {Alt}">
  1213. {block:Label}
  1214. <span class="label">
  1215. {Label}</span>
  1216. {/block:Label}{Line}</li>
  1217. {/block:Lines}
  1218. </div>
  1219. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1220. {/block:Chat}
  1221.  
  1222.  
  1223. <!-- QUOTE POSTS -->
  1224. {block:Quote}
  1225. <div class="qwrap">
  1226. <div class="quote">
  1227. {Quote}
  1228. {block:Source}
  1229. <div class="source">- {Source}</div>
  1230. {/block:Source}
  1231. </div>
  1232. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1233. </div>
  1234. {/block:Quote}
  1235.  
  1236.  
  1237. <!-- LINK POSTS -->
  1238. {block:Link}
  1239. {block:Thumbnail}<img src="{Thumbnail}">{/block:Thumbnail}
  1240. <div class="link-tit"><a href="{URL}" target="_blank">{Name}</a></div>
  1241. {block:Excerpt}<div class="linkexpt">{Excerpt}</div>{/block:Excerpt}
  1242. {block:Description}<div class="linkdesc">{Description}</div>{/block:Description}
  1243. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1244. {/block:Link}
  1245.  
  1246.  
  1247. <!-- ANSWER POSTS -->
  1248. {block:Answer}
  1249. <div class="question">
  1250. <div class="asker-icon"><img src="{AskerPortraitURL-30}"></div>
  1251. <div class="asker">{Asker} <span>sent me something</span></div>
  1252. <div class="asker-question">{Question}</div>
  1253. </div><!-- end question -->
  1254.  
  1255. {block:Answerer}
  1256. <div class="answer">
  1257. <div class="answerer-question">
  1258. <div class="answerer-icon"><img src="{AnswererPortraitURL-24}"></div>
  1259. <div class="answerer">{Answerer}</div>
  1260. {Answer}</div>
  1261. </div><!-- end answer -->
  1262. {/block:Answerer}
  1263.  
  1264. <div class="replies">
  1265. {Replies}
  1266. </div><!-- end replies -->
  1267. {/block:Answer}
  1268.  
  1269.  
  1270. <!-- VIDEO POSTS -->
  1271. {block:Video}
  1272. <div class="video">{Video-500}</div>
  1273. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1274. {/block:Video}
  1275.  
  1276.  
  1277. <!-- AUDIO POSTS -->
  1278. {block:Audio}
  1279. <div class="music">
  1280. <div id="audioplayerbackground"><div class="audioplayer">{block:AudioPlayer}
  1281. {AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  1282. <span class="song">{block:TrackName} {TrackName} {/block:TrackName}</span>
  1283. <span class="trackinfo">{block:Artist} {Artist} {/block:Artist}
  1284. {block:Album}on {Album}{/block:Album}</span>
  1285. </div><!--- end music --->
  1286. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1287. {/block:Audio}
  1288.  
  1289.  
  1290.  
  1291. </div><!--- end posts --->
  1292. {/block:Posts}
  1293. </div><!-- end entries -->
  1294.  
  1295.  
  1296. <div class="pagi">
  1297. {block:Pagination}{block:JumpPagination length="5"}{block:CurrentPage}
  1298. <span class="current_page">{PageNumber}</span>
  1299. {/block:CurrentPage}{block:JumpPage}
  1300. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1301. {/block:JumpPage}{/block:JumpPagination}{/block:Pagination}
  1302. </div><!--- end pagi --->
  1303.  
  1304.  
  1305. <div class="back-to-top"><i class="fas fa-chevron-up"></i> Back to top
  1306. </div><!--- end BTTT --->
  1307.  
  1308. <div class="credit"><a href="https://petitepixel.tumblr.com/">Petite Pixel</a></div><!--- end credit --->
  1309.  
  1310.  
  1311. {block:PostNotes}
  1312. {PostNotes}
  1313. {/block:PostNotes}
  1314.  
  1315. </div><!--- end container --->
  1316.  
  1317.  
  1318.  
  1319. <!----------------------------------------------------------------------------
  1320.  
  1321. ALL THE CODING SCRIPTS.
  1322. DO NOT TOUCH/MESS WITH.
  1323.  
  1324. ----------------------------------------------------------------------------->
  1325.  
  1326.  
  1327. <!-- GOOGLE FONT -->
  1328. <link href="https://fonts.googleapis.com/css?family=Barlow:400,700&display=swap" rel="stylesheet">
  1329.  
  1330.  
  1331. <!-- FONT AWSOME -->
  1332. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
  1333.  
  1334.  
  1335. <!-- PHOTOSETS LIGHTBOX -->
  1336. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  1337.  
  1338. <script>
  1339. function gatherData(images, arr) {
  1340. for (let i = 0; i < images.length; i++) {
  1341. let currentData = {
  1342. "width": images[i].getAttribute('data-width'),
  1343. "height": images[i].getAttribute('data-height'),
  1344. "low_res": images[i].getAttribute('data-lowres'),
  1345. "high_res": images[i].getAttribute('data-highres')
  1346. };
  1347. arr.push(currentData);
  1348. }
  1349. }
  1350. function getIndex(elem) {
  1351. let i = 0;
  1352. while( (elem = elem.previousElementSibling) != null ) i++;
  1353. return i;
  1354. }
  1355. function lightbox(elem) {
  1356. let currentPhotoset = elem.parentNode;
  1357. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  1358. let data = [];
  1359. gatherData(photosetPhotos, data);
  1360. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  1361. }
  1362. </script>
  1363.  
  1364.  
  1365.  
  1366. <!-- VIDEO RESIZE -->
  1367. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1368.  
  1369. <script>
  1370. $(document).ready(function(){
  1371. resizeVideos();
  1372. });
  1373. function resizeVideos() {
  1374. $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  1375. var vw = $(this).width();
  1376. var vh = $(this).height();
  1377. var scale = $(this).parents('.video').width() / vw;
  1378. $(this).attr({
  1379. width: Math.floor($(this).attr('width') * scale),
  1380. height: Math.floor($(this).attr('height') * scale)
  1381. });
  1382. $(this).parents('.video').addClass('resized');
  1383. });
  1384. $('.video:not(.resized) .tumblr_video_iframe').each(function(){
  1385. var vw = $(this).width();
  1386. var vh = $(this).height();
  1387. var scale = $(this).parents('.video').width() / vw;
  1388. $(this).css({
  1389. 'transform': 'scale(' + scale + ')',
  1390. 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  1391. });
  1392. $(this).parents('.tumblr_video_container').css({
  1393. width: Math.floor(vw * ( scale + 1 ) / 2),
  1394. height: Math.floor(vh * ( scale + 1 ) / 2)
  1395. });
  1396. $(this).parents('.video').addClass('resized');
  1397. });
  1398. }
  1399. </script>
  1400.  
  1401.  
  1402. <!-- SOUNDCLOUD PLAYER -->
  1403. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1404. <script>
  1405. $(document).ready(function(){
  1406. var color = '{color:music background}'; // color of play button (hex)
  1407. $('.soundcloud_audio_player').each(function(){
  1408. $(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%' });
  1409. });
  1410. });
  1411. </script>
  1412.  
  1413.  
  1414. <!--- UNESTED CAPTIONS --->
  1415. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1416.  
  1417. <script>
  1418. $(function(){
  1419. $('.posts').unnest({
  1420. yourCaption: ".cap",
  1421. {Caption}
  1422. wrapName: ".tumblr_parent",
  1423. newCaptionUsername: false,
  1424. originalPostCaptionUsername: false,
  1425. tumblrAvatars: true,
  1426. tumblrAvatarClass: ".tumblr_avatar",
  1427. usernameColon: false
  1428. });
  1429. });
  1430. </script>
  1431.  
  1432.  
  1433. <!-- TOOLTIP: DONT TOUCH -->
  1434. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  1435.  
  1436. <script>
  1437. (function($){
  1438. $(document).ready(function(){
  1439. $("a[title]").style_my_tooltips({
  1440. tip_follows_cursor:true,
  1441. tip_delay_time:90,
  1442. tip_fade_speed:600,
  1443. attribute:"title"
  1444. });
  1445. });
  1446. })(jQuery);
  1447. </script>
  1448.  
  1449.  
  1450. {block:IfDifferentAskPageName}
  1451. <!-- ASK REDIRECT -->
  1452. <script>$(document).ready(function(){
  1453. if (window.location.href== "{BlogURL}ask") {
  1454. window.location.href = '{BlogURL}{text:Custom Ask Page}'; }
  1455. });</script>
  1456. {/block:IfDifferentAskPageName}
  1457.  
  1458.  
  1459. <!-- BACK TO TOP -->
  1460. <script>
  1461. $(document).ready(function(){
  1462. $(window).scroll(function() {
  1463. if ( $(window).scrollTop() > 300 ) {
  1464. $('.back-to-top').fadeIn('slow');
  1465. } else {
  1466. $('.back-to-top').fadeOut('slow');
  1467. }
  1468. }).scroll();
  1469. $('.back-to-top').click(function() {
  1470. $('html, body').animate({scrollTop: 0}, 700);
  1471. return false;
  1472. });
  1473. });
  1474. </script>
  1475.  
  1476.  
  1477. <!-- TUMBLR CONTROLS -->
  1478. <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>
  1479.  
  1480. </body>
  1481. </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!