Rivergronrph

Theme 10: Modern Renaissance

Mar 14th, 2018
191
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.36 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <html lang="en">
  4. <head>
  5. <title>{Title}</title>
  6. <link href="{Favicon}" rel="shortcut icon">
  7. <link href="{RSS}" rel="alternate" type="application/rss+xml">
  8. </head>
  9.  
  10. <body>
  11. {block:Description}
  12. <meta content="{MetaDescription}" name="description">{/block:Description}
  13.  
  14.  
  15. <!---
  16. theme by Stephanie @ Stephwrites
  17.  
  18. Dont: Repost, remove the credit, or use as a base code
  19.  
  20. =-->
  21.  
  22. <meta content="#eee" name="color:Background">
  23. <meta content="#ffffff" name="color:post background">
  24. <meta content="#ffffff" name="color:post accent">
  25. <meta content="#818181" name="color:sidebar">
  26. <meta content="#525252" name="color:text">
  27. <meta content="#aa8488" name="color:accent">
  28. <meta content="#818181" name="color:Hover">
  29.  
  30. <meta content="" name="image:sidebar">
  31. <meta content="" name="image:background">
  32.  
  33. <meta content="" name="text:Link1">
  34. <meta content="" name="text:Link1 URL">
  35. <meta content="" name="text:Link2">
  36. <meta content="" name="text:Link2 URL">
  37. <meta content="" name="text:Link3">
  38. <meta content="" name="text:Link3 URL">
  39.  
  40. <meta name="if:grayscale" content="1"/>
  41. <meta name="if:inverttumblrcontrols" content="1"/>
  42.  
  43.  
  44. <link id="webfont_arquitecta" rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/arquitecta/stylesheet.css?v=3"/>
  45.  
  46. <script src="https://use.fontawesome.com/07b1f541af.js">
  47. </script>
  48.  
  49. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  50.  
  51. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  52.  
  53. <script src="https://static.tumblr.com/cphc2pb/F4sp23y83/particles.js"</script>
  54.  
  55. <script src="https://static.tumblr.com/cphc2pb/Ziip23y74/particles.min.js"</script>
  56.  
  57. <script src="https://static.tumblr.com/cphc2pb/JyTp23y6e/app.js"></script>
  58.  
  59. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  60.  
  61. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  62.  
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67. /*BASICS*/
  68. body {
  69. background:{color:background};
  70. margin:0px;
  71. color:{color:text};
  72. font-family:helvetica;
  73. font-size:12.5px;
  74. line-height:110%;
  75. letter-spacing:0px;
  76. background-image:url('{image:background}');
  77. background-attachment: fixed;
  78. }
  79.  
  80.  
  81. a {
  82. text-decoration:none;
  83. outline:none;
  84. -moz-outline-style:none;
  85. color:{color:accent};
  86. font-weight:bold;
  87. -webkit-transition: all 0.5s ease-in;
  88. -moz-transition: all 0.5s ease-in;
  89. transition: all 0.5s ease-in
  90. }
  91.  
  92. a:hover {
  93. color:{color:hover};
  94. -webkit-transition: all 0.5s ease-in;
  95. -moz-transition: all 0.5s ease-in;
  96. transition: all 0.5s ease-in
  97. }
  98.  
  99. img {
  100. border:none;
  101. {block:Ifgrayscale}-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  102. filter: grayscale(100%);
  103. -webkit-transition: all 0.5s ease-in;
  104. -moz-transition: all 0.5s ease-in;
  105. transition: all 0.5s ease-in{/block:Ifgrayscale}
  106. }
  107.  
  108. img:hover {
  109. {block:Ifgrayscale}-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  110. filter: grayscale(0%);-
  111. webkit-transition: all 0.5s ease-in;
  112. -moz-transition: all 0.5s ease-in;
  113. transition: all 0.5s ease-in{/block:Ifgrayscale}
  114. }
  115.  
  116. .photo {
  117. border:none;
  118. {block:Ifgrayscale}-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  119. filter: grayscale(100%);
  120. -webkit-transition: all 0.5s ease-in;
  121. -moz-transition: all 0.5s ease-in;
  122. transition: all 0.5s ease-in{/block:Ifgrayscale}
  123. }
  124.  
  125. .photo:hover {
  126. {block:Ifgrayscale} -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  127. filter: grayscale(0%);
  128. -webkit-transition: all 0.5s ease-in;
  129. -moz-transition: all 0.5s ease-in;
  130. transition: all 0.5s ease-in{/block:Ifgrayscale}
  131. }
  132.  
  133. small {
  134. font-size:10.5px;
  135. }
  136. pre {
  137. text-align: center;
  138. font-style:italic;
  139. font-weight:bold;
  140. line-height:18px;
  141. letter-spacing:0.5px;
  142. padding:2px;
  143. background-color:{color:accent};
  144. color:{color:post background};
  145. text-transform:lowercase;
  146. font-size:14px;
  147. border-top-right-radius: 10px;
  148. border-bottom-left-radius: 10px;
  149. font-family:'arquitecta';
  150. }
  151.  
  152. pre a {
  153. color:{color:hover} }
  154.  
  155. ::-webkit-scrollbar {
  156. width:17px;
  157. height:17px;
  158. }
  159. ::-webkit-scrollbar {
  160. background-color:{color:post background}; /* background color */
  161. }
  162. ::-webkit-scrollbar-track {
  163. border:7px solid {color:post background}; /* background color */
  164. background-color:{color:post accent}; /* light border color */
  165. }
  166. ::-webkit-scrollbar-thumb {
  167. border:7px solid {color:post background}; /* background color */
  168. background-color:{color:accent}; /* dark border color */
  169. min-height:24px;
  170. min-width:24px;
  171. }
  172.  
  173. blockquote {
  174. padding-left:5px;
  175. border-left:2px solid {color:accent};
  176. background:{color:post accent};
  177. padding:5px;
  178. }
  179.  
  180. blockquote blockquote {
  181. padding-left:5px;
  182. border-left:2px solid {color:accent};
  183. }
  184.  
  185.  
  186. div#qTip {
  187. display: none;
  188. text-align: center;
  189. position :absolute;
  190. letter-spacing: 0.5px;
  191. text-transform: uppercase;
  192. margin-top:10px;
  193. left:5px;
  194. z-index: 5;
  195. font-size:9px;
  196. font-family: helvetica;
  197. font-style:italic;
  198. padding:4px;
  199. color: {color:text};
  200. background: {color:post background};
  201. border-top-right-radius: 10px;
  202. border-bottom-left-radius: 10px;
  203. }
  204.  
  205. h1 {
  206. font-family:'arquitecta';
  207. line-height:28px;
  208. font-size:26px;
  209. font-style:italic;
  210. width:500px;
  211. }
  212.  
  213. h1 small {
  214. font-size:22px;
  215. }
  216.  
  217. h2 {
  218. font-family:'arquitecta';
  219. line-height:24px;
  220. font-size:22px;
  221. font-style:italic;
  222. width:500px;
  223. }
  224.  
  225. h2 small {
  226. font-size:18px;
  227. }
  228.  
  229.  
  230. h3 {
  231. font-family:'arquitecta';
  232. line-height:18px;
  233. font-size:18px;
  234. font-style:italic;
  235. width:500px;
  236. }
  237.  
  238. h3 small {
  239. font-size:14px;
  240. }
  241.  
  242. h4 {
  243. font-family:'arquitecta';
  244. line-height:14px;
  245. font-size:14px;
  246. font-style:italic;
  247. width:500px;
  248. }
  249.  
  250. h4 small {
  251. font-size:14px;
  252. }
  253.  
  254. b, strong {
  255. font-weight:bold;
  256. color:{color:accent};
  257. }
  258.  
  259. i {
  260. color:{color:accent};
  261. }
  262.  
  263. ::selection {
  264. background: {color:accent};
  265. color: {color:Post background};
  266. }
  267.  
  268. ::-moz-selection {
  269. background: {color:accent};
  270. color: {color:Post background};
  271. }
  272.  
  273. ::-webkit-selection {
  274. background: {color:accent};
  275. color: {color:Post background};
  276. }
  277.  
  278. /*POSTS*/
  279. @keyframes fadein {
  280. from {
  281. opacity:0;
  282. }
  283. to {
  284. opacity:1;
  285. }
  286. }
  287. @-moz-keyframes fadein { /* Firefox */
  288. from {
  289. opacity:0;
  290. }
  291. to {
  292. opacity:1;
  293. }
  294. }
  295. @-webkit-keyframes fadein { /* Safari and Chrome */
  296. from {
  297. opacity:0;
  298. }
  299. to {
  300. opacity:1;
  301. }
  302. }
  303. @-o-keyframes fadein { /* Opera */
  304. from {
  305. opacity:0;
  306. }
  307. to {
  308. opacity: 1;
  309. }
  310. }
  311.  
  312. .post {
  313. width:520px;
  314. margin-top:55px;
  315. margin-left:275px;
  316. color:{color:text};
  317. position:absolute;
  318. animation: fadein 2s;
  319. -moz-animation: fadein 2s; /* Firefox */
  320. -webkit-animation: fadein 2s; /* Safari and Chrome */
  321. -o-animation: fadein 2s; /* Opera */
  322. }
  323.  
  324. .entries {
  325. width:500px;
  326. padding:10px;
  327. margin-left:0px;
  328. padding-bottom:20px;
  329. color:{color:text};
  330. background:{color:post background};
  331. }
  332.  
  333.  
  334.  
  335. /*INFO AND TAGS*/
  336.  
  337. .tags {
  338. display:block;
  339. font-size:10px;
  340. padding:10px;
  341. font-family:helvetica;
  342. font-style:italic;
  343. text-align:left;
  344. line-height:16px;
  345. color:{color:text};
  346. background-color:{color:post background};
  347. margin-top:0px;
  348. margin-bottom:30px;
  349. border-top:1px solid {color:post accent};
  350. border-bottom-right-radius: 10px;
  351. border-bottom-left-radius: 10px;
  352. width:500px;}
  353.  
  354.  
  355. .tags a {
  356. color:{color:accent};
  357. -webkit-transition:all 0.5s ease-in-out;
  358. -moz-transition:all 0.5s ease-in-out;
  359. -o-transition:all 0.5s ease-in-out;
  360. transition:all 0.5s ease-in-out;}
  361.  
  362. .tags a:hover {
  363. color:{color:accent};
  364. -webkit-transition:all 0.5s ease-in-out;
  365. -moz-transition:all 0.5s ease-in-out;
  366. -o-transition:all 0.5s ease-in-out;
  367. transition:all 0.5s ease-in-out;}
  368.  
  369. .info {
  370. display:block;
  371. font-size:10px;
  372. padding:20px;
  373. font-family:helvetica;
  374. font-style:italic;
  375. text-align:center;
  376. color:{color:text};
  377. background-color:{color:post background};
  378. margin-top:0px;
  379. margin-bottom:0px;
  380. line-height:100%;
  381. border-top-right-radius: 10px;
  382. border-top-left-radius: 10px;
  383. border-bottom:1px solid {color:post accent};
  384. width:480px;}
  385.  
  386.  
  387. .info a {
  388. color:{color:accent};
  389. -webkit-transition:all 0.5s ease-in-out;
  390. -moz-transition:all 0.5s ease-in-out;
  391. -o-transition:all 0.5s ease-in-out;
  392. transition:all 0.5s ease-in-out;}
  393.  
  394. .info a:hover {
  395. color:{color:accent};
  396. -webkit-transition:all 0.5s ease-in-out;
  397. -moz-transition:all 0.5s ease-in-out;
  398. -o-transition:all 0.5s ease-in-out;
  399. transition:all 0.5s ease-in-out;}
  400.  
  401. /*POST STYLES*/
  402.  
  403. .post_title {
  404. display:block;
  405. padding:5px;
  406. text-align:center;
  407. font-size:22px;
  408. color:{color:text};
  409. font-family:'arquitecta';
  410. line-height:28px;
  411. font-weight:bold;
  412. font-style:italic;}
  413.  
  414.  
  415. .photo img {
  416. display:block;
  417. margin-bottom:5px; }
  418.  
  419.  
  420. /*QUOTE POSTS*/
  421.  
  422. .quote {
  423. display:block;
  424. padding:10px;
  425. text-align:center;
  426. font-style:italic;
  427. font-size:18px;
  428. line-height:22px;
  429. font-family:'arquitecta';
  430. color:{color:text};
  431. }
  432.  
  433. .source {
  434. display:block;
  435. padding:5px;
  436. text-align:right;
  437. font-size:12px;}
  438.  
  439.  
  440. /*CHAT POSTS*/
  441.  
  442. .chat li {
  443. display:block;
  444. padding:5px;
  445. color:{color:text};}
  446.  
  447. .audioimg img {
  448. width:75px;
  449. height:75px;
  450. color:{color:text};
  451. text-align:center;
  452. text-transform:uppercase;
  453. border-top-left-radius: 100px;
  454. border-top-right-radius: 100px;
  455. border-bottom-left-radius: 100px;
  456. }
  457.  
  458. .audioinfo {
  459. color:{color:text};
  460. font-size:12px;
  461. font-family:helvetica;
  462. padding-left:5px;
  463. }
  464.  
  465. /*ASK POSTS*/
  466.  
  467. #question {
  468. color:{color:text};
  469. text-align: justify;
  470. font-size: 12.5px;
  471. font-family:helvetica;
  472. font-style:none;
  473. margin-left: 65px;
  474. padding: 10px;}
  475.  
  476. #askerportrait {
  477. float:center;
  478. margin-left:30px;
  479. margin-top:-2px;
  480. position: relative;
  481. }
  482.  
  483. #askerportrait img {
  484. margin-left:-30px;
  485. margin-top:2px;
  486. width:64px;
  487. height:64px;
  488. border-top-left-radius: 100px;
  489. border-top-right-radius: 100px;
  490. border-bottom-left-radius: 100px;
  491.  
  492. }
  493.  
  494. #asker {
  495. text-align:right;
  496. border-bottom:1px solid {color:text};
  497. padding-top:8px;
  498. padding-bottom:10px;
  499. font-size:18px;
  500. font-family:'arquitecta';
  501. font-style:italic;
  502. margin-top:-65px;
  503. font-weight:bold;
  504. color: {color:text};
  505. }
  506.  
  507. #asker a {
  508. color: {color:accent};
  509.  
  510. }
  511.  
  512. #asker a:hover {
  513. color: {color:hover};
  514. }
  515.  
  516. #answer {
  517. padding-top:3px;
  518. text-align: justify;
  519. margin-top: 10px;
  520. }
  521.  
  522.  
  523.  
  524. /*CREDIT*/
  525.  
  526. #cred a {
  527. position:fixed;
  528. z-index:99999;
  529. color:{color:accent};
  530. font-size:16px;
  531. font-family:helvetica;
  532. font-weight: bold;
  533. bottom:3px;
  534. right:3px;
  535. padding:10px;
  536. letter-spacing:.5px;
  537. -webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; transition: all 0.7s ease-in
  538. }
  539.  
  540.  
  541. #cred a:hover{
  542. color:{color:hover};
  543.  
  544. }
  545.  
  546.  
  547.  
  548. /*NOTES INFO*/
  549.  
  550.  
  551.  
  552. ol.notes {
  553. padding: 0px;
  554. margin: 25px 0px;
  555. list-style-type: none;
  556. border-bottom: solid 1px {color:post accent};
  557. }
  558.  
  559. ol.notes li.note {
  560. border-top: solid 1px {color:post accent};
  561. padding: 10px;
  562. }
  563.  
  564. ol.notes li.note img.avatar {
  565. vertical-align: -4px;
  566. margin-right: 10px;
  567. width: 16px;
  568. height: 16px;
  569. border-radius:100px;
  570. }
  571.  
  572. ol.notes li.note span.action {
  573. font-weight: bold;
  574. }
  575.  
  576. ol.notes li.note .answer_content {
  577. font-weight: normal;
  578. }
  579.  
  580. ol.notes li.note blockquote {
  581. border-color: {color:post accent};
  582. padding: 4px 10px;
  583. margin: 10px 0px 0px 25px;
  584. }
  585.  
  586. ol.notes li.note blockquote a {
  587. text-decoration: none;
  588. }
  589.  
  590. /*TUMBLR CONTROLS*/
  591. iframe.tmblr-iframe {
  592. z-index:99999999999999!important;
  593. top:-2px!important;
  594. right:0!important;
  595. opacity:0;
  596. padding-right:38px;
  597. {block:Ifinverttumblrcontrols}
  598. filter:invert(1) contrast(150%);
  599. -webkit-filter:invert(1) contrast(150%);
  600. -o-filter:invert(1) contrast(150%);
  601. -moz-filter:invert(1) contrast(150%);
  602. -ms-filter:invert(1) contrast(150%);
  603. {block:Ifinverttumblrcontrols}
  604. transform:scale(0.65);
  605. transform-origin:100% 0;
  606. -webkit-transform:scale(0.65);
  607. -webkit-transform-origin:100% 0;
  608. -o-transform:scale(0.65);
  609. -o-transform-origin:100% 0;
  610. -moz-transform:scale(0.65);
  611. -moz-transform-origin:100% 0;
  612. -ms-transform:scale(0.65);
  613. -ms-transform-origin:100% 0;}
  614.  
  615. iframe.tmblr-iframe:hover {
  616. opacity:0.6!important;}
  617.  
  618. .hcontrols {
  619. position:fixed;
  620. top:0;
  621. right:0;
  622. z-index:999999999;}
  623.  
  624. .hcontrols svg {
  625. width:16px;
  626. height:16px;
  627. padding:9px;}
  628.  
  629. .hcontrols svg path {
  630. fill:{color:background};/* change this to change the color of the icon */}
  631.  
  632.  
  633. /*LIKE REBLOG*/
  634. svg {
  635. width:10px;
  636. height:auto;
  637. opacity:.5;
  638. padding:1px;
  639. display:block;
  640. overflow:visible;
  641. }
  642. .controls a {
  643. position:relative;
  644. display:inline-block;
  645. overflow:hidden;
  646. padding:5px;
  647. width:12px;
  648. height:12px;
  649. }
  650. .controls .reblog {
  651. opacity:.93;
  652. }
  653. .controls .reblog svg {
  654. width:9px;
  655. margin-top:1px;
  656. }
  657. .controls .like .liked + svg {
  658. opacity:1;
  659. }
  660. .controls .like .liked + svg path {
  661. fill:#ec5a5a;
  662. }
  663. .controls .like .like_button {
  664. position:relative;
  665. }
  666. .controls .like .like_button iframe {
  667. position:absolute;
  668. top:0;
  669. left:0;
  670. bottom:0;
  671. right:0;
  672. z-index:2;
  673. opacity:0;
  674. }
  675.  
  676. /*SIDEBAR*/
  677.  
  678. #titlebox {
  679. display: table;
  680. position:fixed;
  681. height:80px;
  682. width:380px;
  683. padding:10px;
  684. }
  685.  
  686. #title {
  687. display: table-cell;
  688. vertical-align: bottom;
  689. text-align:right;
  690. font-family:'arquitecta';
  691. text-transform:lowercase;
  692. color:{color:accent};
  693. font-size:24px;
  694. font-weight:bold;
  695. line-height:26px;
  696. }
  697.  
  698. title {
  699. display: inline-block;
  700.  
  701. }
  702.  
  703.  
  704.  
  705. header {
  706. position:fixed;
  707. width:100%;
  708. margin:0px auto 0px auto;
  709. height:100px;
  710. }
  711.  
  712. #particles-js {
  713. position: relative;
  714. width: 100%;
  715. height:100px;
  716. background-color: {color:sidebar};
  717. background-repeat: no-repeat;
  718. background-position: top left;
  719. background-attachment:fixed;
  720. }
  721.  
  722. #desc {
  723. position:fixed;
  724. width:133px;
  725. color:{color:sidebar};
  726. left:110px;
  727. text-align: right;
  728. top:330px;
  729. }
  730.  
  731. #sidebar {
  732. position:fixed;
  733. height:200px;
  734. top:110px;
  735. width:200px;
  736. overflow:hidden;
  737. left:37px;
  738. border-top-left-radius: 100px;
  739. border-top-right-radius: 100px;
  740. border-bottom-left-radius: 100px;
  741. border:3px solid {color:sidebar};
  742. }
  743.  
  744. #sidebar img {
  745. width:200px;
  746. }
  747.  
  748. #pagination {
  749. bottom:10px;
  750. position:relative;
  751. width:500px;
  752. padding:10px;
  753. text-align:center;
  754. background:{color:sidebar};
  755. border-radius:10px;
  756. color:{color:sidebar text};
  757. font-size:16px;
  758. }
  759.  
  760.  
  761.  
  762. #nav {
  763. top:136px;
  764. position:fixed;
  765. line-height:70%;
  766. font-family:helvetica;
  767. text-align:left;
  768. text-transform:lowercase;
  769. left:0px;
  770. }
  771.  
  772. #nav a {
  773. width:62px;
  774. height:16px;
  775. display: block;
  776. font-size: 14px;
  777. border-radius:10px;
  778. line-height:16px;
  779. letter-spacing:1px;
  780. padding:4px;
  781. padding-left:10px;
  782. background-color:{color:sidebar};
  783. color:{color:accent};
  784. -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; transition: all 0.5s ease-in
  785. }
  786.  
  787. #nav a:hover {
  788. padding-left:20px;
  789. -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; transition: all 0.5s ease-in
  790. }
  791.  
  792. #wrapper {
  793.  
  794. }
  795.  
  796.  
  797. {CustomCSS}
  798. </style>
  799.  
  800. <header>
  801. <div id="particles-js"></div>
  802. </header>
  803.  
  804. <div id="titlebox">
  805. <div id="title">{title}</div>
  806. </div>
  807.  
  808. <div id="wrapper">
  809.  
  810. <div id="desc">
  811. {description}</div>
  812.  
  813. <div id="nav">
  814. <a href="/"><i class="fa fa-home"></i></a><br/>
  815. <a href="/ask" ><i class="fa fa-comment"></i></a><br/>
  816. <a href="{text:link 1}"><i class="fa fa-paper-plane"></i></a><br/>
  817. <a href="{text:link 2}"><i class="fa fa-bars"></i></a><br/>
  818. <a href="{text:link 3}"><i class="fa fa-star"></i></a><br/>
  819. </div>
  820.  
  821. <div id="sidebar"><img src="{image:sidebar}"></div>
  822.  
  823.  
  824.  
  825.  
  826. <!--POSTS-->
  827.  
  828. <div class="post" id="{PostID}">
  829. {block:Posts}
  830.  
  831.  
  832. <div class="info">
  833. <span style="float:left">
  834. {block:RebloggedFrom}<span class="lnr lnr-redo"></span> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  835.  
  836. </span>
  837. <span style="float:right"><a href="{Permalink}">{TimeAgo}</a></span>
  838.  
  839. </div>
  840.  
  841. <div class="entries">
  842.  
  843.  
  844. <!--TEXT POSTS-->
  845.  
  846. {block:text} {block:Title}
  847. <div class="post_title">{Title}</div>
  848. {/block:Title}
  849.  
  850. <div class="text">
  851. {Body}
  852. </div>
  853. {/block:text} {block:Photo}
  854.  
  855.  
  856. <!--PHOTOSET POSTS-->
  857.  
  858. <div class="photo">
  859. <center>
  860. <img src="{PhotoURL-500}">
  861. </center>
  862. </div>
  863. <div class="text">
  864. {Caption}
  865. </div>
  866. {/block:Photo} {block:Photoset}
  867.  
  868. <center>
  869. <div class="photo">
  870. {Photoset-500}
  871. </div>
  872. </center>
  873.  
  874.  
  875. <div class="text">
  876. {Caption}
  877. </div>
  878. {/block:Photoset}
  879.  
  880.  
  881. <!--QUOTE POSTS-->
  882.  
  883. {block:Quote}
  884. <div class="quote">
  885. "{Quote}"
  886. </div>
  887. <div class="source">
  888. {Source}
  889. </div>
  890. {/block:Quote}
  891.  
  892.  
  893. <!--QUOTE POSTS-->
  894.  
  895. {block:Link}
  896. <div class="post_title">
  897. <a href="{URL}"><span class="lnr lnr-link"></span>&nbsp;{Name}</a>
  898. </div>
  899. {block:Description}
  900.  
  901. <div class="text">
  902. {Description}
  903. </div>
  904. {/block:Description} {/block:Link}
  905.  
  906.  
  907. <!--CHAT POSTS-->
  908.  
  909. {block:Chat} {block:Title}
  910.  
  911. <div class="post_title">
  912. {Title}
  913. </div>
  914. {/block:Title}
  915.  
  916. <div class="chat">
  917. <ul>
  918. <li style="list-style: none">{block:Lines}</li>
  919.  
  920.  
  921. <li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>
  922.  
  923.  
  924. <li style="list-style: none">{/block:Lines}</li>
  925. </ul>
  926. </div>
  927. {/block:Chat}
  928.  
  929.  
  930. <!--AUDIO POSTS-->
  931.  
  932. {block:Audio}
  933. {block:AudioPlayer}
  934. <table>
  935. <tr><td>
  936. {block:AlbumArt}
  937. <div class="audioimg"><img src="{AlbumArtURL}">
  938. </div>
  939. {/block:AlbumArt}</td><td>
  940. <div class="audioplayer">
  941. {AudioPlayerWhite}
  942. </div>
  943. <div class="audioinfo">
  944. {block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  945. {block:Album}<b>Album</b>: {Album}<br>
  946. {/block:Album} {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}
  947. </div>
  948. </td>
  949. </tr>
  950. </table>
  951.  
  952. {/block:AudioPlayer}
  953.  
  954. {/block:AudioPlayer}
  955. {block:AudioEmbed} {AudioEmbed}{/block:AudioEmbed}
  956.  
  957. <div class="text">
  958. {Caption}
  959. </div>
  960. {/block:Caption} {/block:Audio}
  961.  
  962.  
  963. <!--VIDEO POSTS-->
  964.  
  965. {block:Video}
  966.  
  967. <center>
  968. <div class="photo">
  969. {VideoEmbed-500}
  970. </div>
  971. </center>
  972.  
  973.  
  974. <div class="text">
  975. {Caption}
  976. </div>
  977. {/block:Video}
  978.  
  979.  
  980. <!--ASK POSTS-->
  981.  
  982. {block:Answer}
  983.  
  984. <div id="askerportrait"><img src="{AskerPortraitURL-64}"></div>
  985. <div id="asker">
  986. {asker}
  987. </div>
  988.  
  989. <div id="question">
  990. {Question}
  991. </div>
  992.  
  993. <div id="answer">
  994. {Answer}
  995. </div>
  996. {/block:Answer}
  997. </div>
  998.  
  999.  
  1000. <!--POST INFO-->
  1001.  
  1002.  
  1003. <div class="tags">
  1004. {block:HasTags} <span class="lnr lnr-tag"></span> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1005. {/block:HasTags}
  1006. </br>{NoteCountWithLabel}
  1007. <span style="float:right;"><div class="controls">
  1008. <a href="{ReblogURL}" target="_blank" class="reblog">
  1009. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1010. </a>
  1011. <a href="#" class="like">{LikeButton}
  1012. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1013. </a>
  1014. </div></span>
  1015.  
  1016. {block:PostNotes}
  1017. <div id="notes">
  1018. {PostNotes}
  1019. </div>
  1020. {/block:PostNotes}
  1021. </div>
  1022. {/block:Posts}
  1023.  
  1024.  
  1025.  
  1026.  
  1027. {block:Pagination}
  1028. <div id="pagination"> {block:PreviousPage}<a class="jump" href="{PreviousPage}"><i class="fa fa-angle-double-left" aria-hidden="true"></i></a>{/block:PreviousPage} {block:JumpPagination length="5"}{block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination} {block:NextPage}<a class="jump" href="{NextPage}"><i class="fa fa-angle-double-right" aria-hidden="true"></i></a>{/block:NextPage}
  1029. </div>
  1030. {/block:Pagination}
  1031.  
  1032. </div>
  1033.  
  1034. <!--CREDIT-->
  1035. <div id="cred">
  1036. <a href="https://stephwrites.tumblr.com/tagged/my-themes"><span class="lnr lnr-code"></span></a>
  1037. </div>
  1038.  
  1039.  
  1040. <script>
  1041. var count_particles, stats, update;
  1042. stats = new Stats;
  1043. stats.setMode(0);
  1044. stats.domElement.style.position = ‘absolute’;
  1045. stats.domElement.style.left = '0px’;
  1046. stats.domElement.style.top = '0px’;
  1047. document.body.appendChild(stats.domElement);
  1048. count_particles = document.querySelector(’.js-count-particles’);
  1049. update = function() {
  1050. stats.begin();
  1051. stats.end();
  1052. if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
  1053. count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
  1054. }
  1055. requestAnimationFrame(update);
  1056. };
  1057. requestAnimationFrame(update);</script>
  1058.  
  1059. <script>
  1060. particlesJS("particles-js", {
  1061. "particles": {
  1062. "number": {
  1063. "value": 120,
  1064. "density": {
  1065. "enable": true,
  1066. "value_area": 600
  1067. }
  1068. },
  1069. "color": {
  1070. "value": "{color:accent}"
  1071. },
  1072. "shape": {
  1073. "type": "circle",
  1074. "stroke": {
  1075. "width": 0,
  1076. "color": "{color:accent}"
  1077. },
  1078. "polygon": {
  1079. "nb_sides": 5
  1080. },
  1081. },
  1082. "opacity": {
  1083. "value": 0.8,
  1084. "random": false,
  1085. "anim": {
  1086. "enable": false,
  1087. "speed": 1,
  1088. "opacity_min": 0.3,
  1089. "sync": false
  1090. }
  1091. },
  1092. "size": {
  1093. "value": 3,
  1094. "random": true,
  1095. "anim": {
  1096. "enable": false,
  1097. "speed": 40,
  1098. "size_min": 0.1,
  1099. "sync": false
  1100. }
  1101. },
  1102. "line_linked": {
  1103. "enable": true,
  1104. "distance": 150,
  1105. "color": "{color:accent}",
  1106. "opacity": 0.4,
  1107. "width": 1
  1108. },
  1109. "move": {
  1110. "enable": true,
  1111. "speed": 6,
  1112. "direction": "none",
  1113. "random": false,
  1114. "straight": false,
  1115. "out_mode": "out",
  1116. "bounce": false,
  1117. "attract": {
  1118. "enable": false,
  1119. "rotateX": 600,
  1120. "rotateY": 1200
  1121. }
  1122. }
  1123. },
  1124. "interactivity": {
  1125. "detect_on": "canvas",
  1126. "events": {
  1127. "onhover": {
  1128. "enable": true,
  1129. "mode": "grab"
  1130. },
  1131. "onclick": {
  1132. "enable": true,
  1133. "mode": "push"
  1134. },
  1135. "resize": true
  1136. },
  1137. "modes": {
  1138. "grab": {
  1139. "distance": 140,
  1140. "line_linked": {
  1141. "opacity": 1
  1142. }
  1143. },
  1144. "bubble": {
  1145. "distance": 400,
  1146. "size": 40,
  1147. "duration": 2,
  1148. "opacity": 8,
  1149. "speed": 3
  1150. },
  1151. "repulse": {
  1152. "distance": 200,
  1153. "duration": 0.4
  1154. },
  1155. "push": {
  1156. "particles_nb": 4
  1157. },
  1158. "remove": {
  1159. "particles_nb": 2
  1160. }
  1161. }
  1162. },
  1163. "retina_detect": true
  1164. });</script>
  1165.  
  1166. <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>
  1167.  
  1168. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1169. <script>
  1170. // minimal soundcloud player © shythemes.tumblr
  1171. $(document).ready(function(){
  1172. var color = '{color:accent}'; // color of play button (hex)
  1173. $('.soundcloud_audio_player').each(function(){
  1174. $(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=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  1175. });
  1176. });
  1177. </script>
  1178.  
  1179.  
  1180. </body>
  1181. </html>
Advertisement
Add Comment
Please, Sign In to add comment