API tools faq
paste
txrpe

[06]SPRING IN ME

txrpe
Jul 27th, 2016
447
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.53 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME 06 [SPRING IN ME] by saisei-themes @ tumblr
  4.  
  5. - do not repost
  6. - do not claim as your own
  7. - do not use as base
  8. - enjoy !
  9.  
  10. -->
  11.  
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <head>
  17.  
  18. <script src="https://use.fontawesome.com/257106a2c1.js"></script>
  19.  
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22.  
  23.  
  24. <title>{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <meta name="color:bg" content="#fbfbfb" />
  31. <meta name="color:posts" content="#fff" />
  32. <meta name="color:links" content="#cccccc" />
  33. <meta name="color:links hover" content="#d4dff0" />
  34. <meta name="color:text" content="#b8b8b8" />
  35. <meta name="color:border" content="#ebebeb" />
  36. <meta name="color:blogt" content="#d4dff0" />
  37. <meta name="color:navi" content="#f8f8f8" />
  38. <meta name="color:bold" content="#edb5b5" />
  39. <meta name="color:question" content="#fff" />
  40.  
  41. <meta name="text:text size" content="9" />
  42. <meta name="text:desc" content="" />
  43. <meta name="text:blogtitle" content="" />
  44. <meta name="text:description text size" content="8" />
  45. <meta name="image:icon" content="" />
  46. <meta name="image:background" content="" />
  47. <meta name="image:header" content="" />
  48.  
  49. <meta name="if:infinite scroll" content="0"/>
  50. <meta name="if:show captions" content="0" />
  51. <meta name="if:photo fade" content="1" />
  52. <meta name="if:music player" content="1" />
  53. <meta name="if:photo fade" content="0" />
  54.  
  55. <meta name="if:link1" content="1" />
  56. <meta name="if:link2" content="1" />
  57. <meta name="if:link3" content="1" />
  58. <meta name="if:link4" content="0" />
  59. <meta name="if:link5" content="0" />
  60. <meta name="if:link6" content="0" />
  61. <meta name="text:link 1 url" content="" />
  62. <meta name="text:link 1 title" content="" />
  63. <meta name="text:link 2 url" content="" />
  64. <meta name="text:link 2 title" content="" />
  65. <meta name="text:link 3 url" content="" />
  66. <meta name="text:link 3 title" content="" />
  67. <meta name="text:link 4 url" content="" />
  68. <meta name="text:link 4 title" content="" />
  69. <meta name="text:link 5 url" content="" />
  70. <meta name="text:link 5 title" content="" />
  71. <meta name="text:link 6 url" content="" />
  72. <meta name="text:link 6 title" content="" />
  73.  
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  75. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  76. <script>
  77. (function($){
  78. $(document).ready(function(){
  79. $("a[title]").style_my_tooltips({
  80. tip_follows_cursor:true,
  81. tip_delay_time:90,
  82. tip_fade_speed:600,
  83. attribute:"title"
  84. });
  85. });
  86. })(jQuery);
  87.  
  88. $.fn.firstWord = function() {
  89. var text = this.text().trim().split(" ");
  90. var first = text.shift();
  91. this.html((text.length > 0 ? "<span class='firstWord'>"+ first + "</span> " : first) + text.join(" "));
  92. };
  93. </script>
  94.  
  95. <style type="text/css">
  96.  
  97. body, a, #con {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  98.  
  99. ::-webkit-scrollbar{ width: 7px; }
  100.  
  101. body::-webkit-scrollbar-thumb{ background-color: {color:links hover}; }
  102.  
  103. body::-webkit-scrollbar-track { background-color: {color:posts}; }
  104.  
  105. @font-face { font-family: "caviardreams"; src: url('https://dl.dropboxusercontent.com/s/0sdd8pywjeng50w/caviardreams.ttf?dl=1'); format(“truetype”);}
  106.  
  107. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/s/swqjp2tlc6l94cj/muli-light.ttf?dl=1'); format(“truetype”);}
  108.  
  109. @-webkit-keyframes fadeInDown {
  110. from {
  111. opacity: 0;
  112. -webkit-transform: translate3d(0, -100%, 0);
  113. transform: translate3d(0, -100%, 0);
  114. }
  115.  
  116. to {
  117. opacity: 1;
  118. -webkit-transform: none;
  119. transform: none;
  120. }
  121. }
  122.  
  123. @-webkit-keyframes fadeInLeft {
  124. from {
  125. opacity: 0;
  126. -webkit-transform: translate3d(-100%, 0, 0);
  127. transform: translate3d(-100%, 0, 0);
  128. }
  129.  
  130. to {
  131. opacity: 1;
  132. -webkit-transform: none;
  133. transform: none;
  134. }
  135. }
  136.  
  137. #s-m-t-tooltip{
  138. position:absolute;
  139. margin-top: 10px;
  140. margin-left: 20px;
  141. text-transform:uppercase;
  142. z-index:999999;
  143. font-family: 'muli', sans-serif;
  144. font-size: 8px;
  145. color: {color:text}; !important;
  146. border: 1px solid {color:border};
  147. background-color: {color:bg};
  148. -moz-transition-duration:.80s;
  149. -webkit-transition-duration:.80s;
  150. -o-transition-duration:.80s;
  151. padding: 5px;
  152. letter-spacing: 1px;
  153.  
  154. }
  155.  
  156. .tmblr-iframe {
  157. top: 3px !important;
  158. right: 3px !important;
  159. position: fixed !important;
  160. z-index: 999999 !important;
  161. white-space: nowrap;
  162. opacity: 0.3;
  163. -webkit-filter: invert(100%);
  164. -moz-filter: invert(100%);
  165. -o-filter: invert(100%);
  166. -ms-filter: invert(100%);
  167. filter: invert(100%);
  168. -webkit-transition: all 0.1s ease-in-out;
  169. -moz-transition: all 0.1s ease-in-out;
  170. -o-transition: all 0.1s ease-in-out;
  171. transition: all 0.1s ease-in-out;
  172. }
  173.  
  174.  
  175. blockquote {
  176. padding: 0px 0px 0px 10px !important;
  177. border-left: 1px solid {color:border};
  178. margin-left: -1px;
  179. margin-right: 0px;
  180. }
  181.  
  182. body {
  183. background:url('{image:Background}') top left fixed repeat;
  184. background-color: {color:bg};
  185. color:{color:text};
  186. font-family: 'muli', serif;
  187. -webkit-font-smoothing: subpixel-antialised;
  188. overflow-x: hidden;
  189. font-size: {text:text size}px;
  190. margin: 0px;
  191. padding: 0px;
  192. }
  193.  
  194. small, sub {
  195. font-size: {text:text size}px;
  196. }
  197.  
  198. a {
  199. text-decoration: none;
  200. font-family: 'muli';
  201. -moz-transition-duration:0.8s;
  202. -webkit-transition-duration:0.8s;
  203. -o-transition-duration:0.8s;
  204. color:{color:links};
  205. text-transform: uppercase;
  206. }
  207.  
  208. a:hover {
  209. -moz-transition-duration:0.8s;
  210. -webkit-transition-duration:0.8s;
  211. -o-transition-duration:0.8s;
  212. color:{color:links hover};
  213. }
  214.  
  215. b, strong {
  216. color: {color:bold};
  217. font-size: calc({text:text size}px + 1px);
  218. }
  219.  
  220. em, i { color: {color:links};
  221. -moz-transition-duration:0.8s;
  222. -webkit-transition-duration:0.8s;
  223. -o-transition-duration:0.8s;
  224. }
  225.  
  226. i:hover {
  227. color: {color:bold};
  228. -moz-transition-duration:0.8s;
  229. -webkit-transition-duration:0.8s;
  230. -o-transition-duration:0.8s;
  231. }
  232.  
  233. pre { white-space: pre-wrap;
  234. white-space: -moz-pre-wrap;
  235. white-space: -pre-wrap;
  236. white-space: -o-pre-wrap;
  237. word-wrap: break-word;
  238. background-color: {color:border};
  239. padding: 5px;
  240. font-family: 'muli';
  241. font-size: 8px;
  242. }
  243.  
  244. hr {
  245. border: 1px solid {color:border};
  246. }
  247.  
  248. h1,h2 {font-family: 'caviardreams';
  249. font-size: 25px !important;
  250. line-height: 20px;
  251. color: {color:links}; !important;
  252. letter-spacing: 1px;
  253. margin-bottom: 2px;
  254. }
  255.  
  256. h1 a, h2 a, h1 b, h2 b, h1 strong, h2 strong { font-size: 25px !important;
  257. font-family: 'caviardreams';
  258. }
  259.  
  260. #con {
  261. height: 100%;
  262. width: 500px;
  263. margin-left: auto;
  264. margin-right: auto;
  265. margin-top: 5%;
  266. }
  267.  
  268. /* header */
  269.  
  270. #header {
  271. width: 514px;
  272. padding: 0px;
  273. position: absolute;
  274. height: 240px;
  275. }
  276.  
  277. #headerimg {
  278. background:url('{image:header}') center no-repeat;
  279. background-size: cover;
  280. border: 3px solid {color:posts};
  281. outline: 1px solid {color:border};
  282. opacity: .5;
  283. width: 514px;
  284. height: 240px;
  285. }
  286.  
  287. #blogt {
  288. font-family: 'caviardreams';
  289. font-size: 30px;
  290. color: {color:blogt};
  291. letter-spacing: 3px;
  292. position: absolute;
  293. margin-left: 24%;
  294. margin-top: -75px;
  295. display: inline;
  296. width: 200px;
  297. text-transform: uppercase;
  298. }
  299.  
  300.  
  301. #sideicon {
  302. height: 75px;
  303. width: 75px;
  304. -webkit-border-radius: 100px;
  305. -moz-border-radius: 100px;
  306. border-radius: 100px;
  307. background-image: url('{image:icon}');
  308. background-size: cover;
  309. margin-top: 80px;
  310. margin-left: 20px;
  311. border: 5px solid {color:bg};
  312. position: relative;
  313. }
  314.  
  315. /* description */
  316.  
  317. #desc {
  318. width: auto;
  319. float: left;
  320. margin-top: -2px;
  321. margin-left: 130px;
  322. height: 50px;
  323. position: relative;
  324. display: inline;
  325. }
  326.  
  327. #desct {
  328. font-size: {text:description text size}px;
  329. font-family: 'muli';
  330. color: {color:text};
  331. text-transform: uppercase;
  332. margin-left: 5px;
  333. width: 91%;
  334. height: 50px;
  335. margin-top: -55px;
  336. line-height: 13px;
  337. letter-spacing: 1px;
  338. margin-left: 13px;
  339. overflow-y: scroll;
  340. overflow-x: hidden;
  341. text-align: justify;
  342. }
  343.  
  344. #quotation {
  345. font-size: 50px;
  346. color: {color:links hover};
  347. position: absolute;
  348. margin:-75px 0px 0px -10px;
  349. opacity: .3;
  350. }
  351.  
  352. /* navigation */
  353.  
  354. #navi {
  355. list-style-type: none;
  356. margin-top: 245px;
  357. position: absolute;
  358. height: 80px;
  359. width: 520px;
  360. padding: 5px 0px 5px 0px;
  361. background:{color:posts};
  362. border-bottom: 1px solid {color:border};
  363. border-left: 1px solid {color:border};
  364. border-right: 1px solid {color:border};
  365. margin-left: -1px;
  366. }
  367.  
  368. #links {
  369. text-align: center;
  370. position: relative;
  371. width:100px;
  372. margin-top: 10px;
  373. border-right: 1px solid {color:border};
  374. }
  375.  
  376. #links a, #dropbtn {
  377. display: inline-block;
  378. color: {color:links};
  379. text-align: center;
  380. padding: 10px 10px;
  381. text-decoration: none;
  382. font-family: 'muli';
  383. font-size: 12px;
  384. letter-spacing: 1px;
  385. }
  386.  
  387. #links a:hover,#dropdown:hover #dropbtn {
  388. color: {color:links hover};
  389. }
  390.  
  391. #dropdown {
  392. display: inline;
  393. }
  394.  
  395. #dropdown-content {
  396. opacity: 0;
  397. visibility: hidden;
  398. position: absolute;
  399. background-color: {color:posts};
  400. min-width: 100px;
  401. display: inline;
  402. margin-top: 30px;
  403. margin-left: -50px;
  404. border-left: 1px solid {color:border};
  405. border-right: 1px solid {color:border};
  406. border-top: 1px solid {color:border};
  407. z-index: 100;
  408. }
  409.  
  410. #dropdown-content a {
  411. padding: 5px 10px;
  412. text-decoration: none;
  413. display: block;
  414. font-family: 'muli';
  415. font-size: 8px;
  416. text-transform: uppercase;
  417. border-bottom: 1px solid {color:border};
  418. text-align:center;
  419. }
  420.  
  421. #dropdown-content a:hover {background-color:{color:bg}; color:{color:text}; }
  422.  
  423. #dropdown:hover #dropdown-content {
  424. opacity: 1;
  425. visibility: visible;
  426. animation-name: fadeInDown;
  427. animation-duration: .8s;
  428. }
  429.  
  430. /* posts */
  431.  
  432. #entries {
  433. position: absolute;
  434. width: 500px;
  435. margin-left:auto;
  436. margin-top: 400px;
  437. font-size: {text:text size}px;
  438. letter-spacing: .5;
  439. }
  440.  
  441. #posts {
  442. width: 500px;
  443. padding: 10px;
  444. background-color: {color:posts};
  445. margin-bottom: 35px;
  446. line-height: 15px;
  447. text-align: justify;
  448. word-wrap: break-word;
  449. border: 1px solid {color:border};
  450. font-size: {text:text size}px;
  451. }
  452.  
  453. #posts img, #posts li, border img {
  454. max-width: 500px;
  455. height: auto;
  456. {block:ifPhotoFade}opacity: .5;
  457. -moz-transition-duration:0.8s;
  458. -webkit-transition-duration:0.8s;
  459. -o-transition-duration:0.8s;{/block:ifPhotoFade}
  460.  
  461. }
  462.  
  463.  
  464. iframe.photoset {
  465. max-width: 500px;
  466. {block:ifPhotoFade}opacity: .5;
  467. -moz-transition-duration:1s;
  468. -webkit-transition-duration:1s;
  469. -o-transition-duration:1s;{/block:ifPhotoFade}
  470. }
  471.  
  472. #posts img:hover, #posts li:hover, border img:hover, iframe.photoset:hover {
  473. {block:ifPhotoFade}opacity: 1.0;
  474. -moz-transition-duration:1s;
  475. -webkit-transition-duration:1s;
  476. -o-transition-duration:1;{/block:ifPhotoFade}
  477. }
  478.  
  479. #title {
  480. font-size: 20px;
  481. letter-spacing: 2px;
  482. font-family: 'caviardreams';
  483. padding: 15px;
  484. background-color: {color:bg};
  485. color: {color:links hover};
  486. width: auto;
  487. margin: -10px -10px 10px -10px;
  488. text-align: center;
  489. text-transform: uppercase;
  490. }
  491.  
  492. /* permalink and tags */
  493.  
  494. #permalink {
  495. text-align: left;
  496. width: 120px;
  497. height: auto;
  498. margin-left: 518px;
  499. margin-top: -20px;
  500. position: absolute;
  501. opacity: 0;
  502. }
  503.  
  504. #permalink a {padding-right:5px;
  505. color: {color:links};
  506. font-size: 10px;
  507. text-transform:uppercase;
  508. font-family: 'caviardreams';
  509. margin-left: 0px;
  510. line-height: 30px;
  511. text-align: center;
  512. width: auto;
  513. height: auto;
  514. display: block;
  515. margin-bottom: 3px;
  516. text-align: left;
  517. }
  518.  
  519. #permalink a:hover {
  520. color: {color:links hover};
  521. }
  522.  
  523. #posts:hover #permalink {
  524. opacity: 1;
  525. animation-name: fadeInLeft;
  526. animation-duration: .8s;
  527. }
  528.  
  529. #date, #from, #origin, #note {
  530. border-bottom: 1px solid {color:border};
  531. width: 120px;
  532. margin-bottom: 5px;
  533. }
  534.  
  535. #note a {
  536. font-size: 12px !important;
  537. }
  538.  
  539. #from a {
  540. display: inline;
  541. margin-left: 5px;
  542. letter-spacing: 1px;
  543. font-size:9px;
  544. }
  545.  
  546. #origin a {
  547. display: inline;
  548. margin-left: 5px;
  549. letter-spacing: 1px;
  550. font-size: 9px;
  551. }
  552.  
  553. .tags {
  554. text-align: justify;
  555. position: relative;
  556. margin-top: -20px;
  557. width: 500px;
  558. {block:IndexPage}display: none;{/block:IndexPage}
  559. }
  560.  
  561.  
  562. .tags a {
  563. font-size: 8px; !important;
  564. margin-right: 2px;
  565. text-shadow: none;
  566. font-family: 'muli';
  567. text-transform:uppercase;
  568. color: {color:text};
  569. display: inline;
  570. background:;
  571. }
  572.  
  573. .tags a:hover {
  574. color:{color:text} !important;
  575. }
  576.  
  577. /* asks */
  578.  
  579. .question {margin-bottom:10px;
  580. letter-spacing: .5px;
  581. background: {color:links hover};
  582. padding: 10px;
  583. min-height: 35px;
  584. width: auto;
  585. margin: -11px -11px 0px -11px;
  586. color: {color:question};
  587. }
  588. .asker {
  589. font-weight:bold;
  590. color: {color:posts};
  591. }
  592.  
  593.  
  594. .a {
  595. margin-top:20px;
  596. }
  597.  
  598. /* quotes */
  599.  
  600. #quote{text-align:left;
  601. font-size:25px;
  602. line-height:25px;
  603. color: {color:bold};
  604. font-family: 'caviardreams';
  605. text-transform:uppercase;
  606. letter-spacing: 1px;
  607. }
  608.  
  609. #source {
  610. margin-top:15px;
  611. text-align: center;
  612. text-transform: uppercase;
  613. font-style: italic;
  614. letter-spacing: 1px;
  615. }
  616.  
  617. /* audio */
  618.  
  619. .audio
  620. {padding: 0;}
  621.  
  622. .audio_container
  623. { overflow: hidden;
  624. position: relative;
  625. width: 100px;}
  626.  
  627. .soundcloud_audio_player
  628. {width: 100%;}
  629.  
  630. .tumblr_audio_player
  631. {width: 100%;
  632. opacity: .5;
  633. }
  634.  
  635.  
  636. /* page notes and captions */
  637.  
  638. .pagenotes {
  639. {block:IndexPage}
  640. display: none!important;
  641. {/block:IndexPage}
  642. {block:ifSmallPosts}width:250px;{/block:ifSmallPosts}
  643. {block:ifMediumPosts}width:400px;{/block:ifMediumPosts}
  644. {block:ifLargePosts}width:500px;{/block:ifLargePosts}
  645. text-align:left;
  646.  
  647. }
  648. .pagenotes img {
  649. display:none!important;
  650. }
  651.  
  652. .pagenotes li {
  653. list-style-type:none;
  654. padding:5px
  655. border-bottom: 1px solid {color:border};
  656. text-align:left;
  657. margin:0 0 0 -40px;
  658. }
  659.  
  660. #caption {
  661. width:100%;
  662. margin-top:15px;
  663. margin-bottom: -10px;
  664. }
  665.  
  666. /* pagination */
  667. #pagination {
  668. font-family:'caviardreams';
  669. margin-top: -10px;
  670. width: 500px;
  671. text-align: center;
  672. font-size: 15px;
  673. position: relative;
  674. text-transform: uppercase;
  675. {block:ifInfiniteScroll}
  676. visibility:hidden;{/block:ifInfiniteScroll}
  677. }
  678.  
  679. #pagination a {
  680. padding:0px;
  681. color: {color:links hover} !important;
  682. font-size: 10px;
  683. }
  684.  
  685. #pagination a:hover {
  686. color: {color:links} !important;
  687. }
  688.  
  689. /* credit - DO NOT DELETE */
  690.  
  691. #cred {
  692. background-color: {color:posts};
  693. font-family: 'caviardreams';
  694. font-size: 12px;
  695. color: {color:links hover};
  696. padding: 5px;
  697. width: 22px;
  698. border: 2px solid {color:bg};
  699. outline: 1px solid {color:posts};
  700. float:bottom;
  701. top: 95%;
  702. left: 10px;
  703. position: fixed;
  704. }
  705.  
  706. #cred a {
  707. color: {color:links hover};
  708. font-size: 15px;
  709. letter-spacing: 3px;
  710. }
  711.  
  712. /* music player by muishiki @ tumblr.com */
  713.  
  714. #musicplayer {
  715. position: fixed;
  716. left: 30px;
  717. top: 50px; }
  718.  
  719. .yo {
  720. position: absolute;
  721. left: 35px;
  722. top: 0px;
  723. font-style: oblique; font: 9px georgia;
  724. width: 80px;
  725. height: auto;
  726. padding: 5px;
  727. background-color: #fff;
  728. opacity: 0;
  729. -webkit-transition: all 0.3s ease-in;
  730. -moz-transition: all 0.3s ease-in;
  731. -o-transition: all 0.3s ease-in;
  732. -ms-transition: all 0.3s eease-in;
  733. transition: all 0.3s ease-in; }
  734.  
  735. #musicplayer:hover .yo {
  736. opacity: 1;
  737. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  738. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  739. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03); }
  740.  
  741. .player {
  742. border: 1px solid #bbb;
  743. padding-top:2px;
  744. padding-right:1px;
  745. position: fixed;
  746. width: 25px;
  747. margin: 3px 0px 0px 0px;
  748. overflow: hidden;
  749. z-index: 9999;
  750. opacity: 0.6; }
  751.  
  752.  
  753.  
  754. </style>
  755. </head>
  756. {block:ifInfiniteScroll}
  757. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  758. {/block:ifInfiniteScroll}
  759. <body>
  760.  
  761. {block:ifMusicPlayer}<div id="musicplayer">
  762.  
  763. <div class="yo">SONG TITLE; ARTIST</div>
  764.  
  765. <div class="player"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  766. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  767. <param name="bgcolor" value="#fff" />
  768. <param name="FlashVars" value="mp3=SONG URL HERE&amp;autoplay=0&amp;bgcolor=ffffff&amp;loadingcolor=4c4c4c&amp;buttoncolor=4c4c4c" />
  769. </object></div>
  770.  
  771. </div>{/block:ifMusicPlayer}
  772.  
  773.  
  774. <div id="con">
  775.  
  776.  
  777. <div id="header">
  778. <div id="headerimg">
  779. <div id="sideicon"></div>
  780. <div id="blogt">{text:blogtitle}</div>
  781. </div></div>
  782.  
  783. <div id="navi">
  784.  
  785. <div id="links">
  786. <a class="active" href="/" title="home"><i class="fa fa-cloud" aria-hidden="true"></i></a>
  787. <a href="/ask" title="ask"><i class="fa fa-commenting" aria-hidden="true"></i></a>
  788. <a href="/archive" title="archive"><i class="fa fa-history" aria-hidden="true"></i></a>
  789.  
  790. <div id="dropdown">
  791. <a href="#" id="dropbtn"><i class="fa fa-chevron-down" aria-hidden="true"></i></a>
  792. <div id="dropdown-content">
  793. {block:ifLink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:ifLink2}
  794. {block:ifLink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:ifLink2}
  795. {block:ifLink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{block:ifLink3}
  796. {block:ifLink4}<a href="{text:link 4 url}">{text:link 4 title}</a>{block:ifLink4}
  797. {block:ifLink5}<a href="{text:link 5 url}">{text:link 5 title}</a>{block:ifLink5}
  798. {block:ifLink6}<a href="{text:link 6 url}">{text:link 6 title}</a>{block:ifLink6}
  799. </div>
  800. </div>
  801.  
  802. </div>
  803. <div id="desc"><div id="quotation">❝</div><div id="desct">{text:desc}</div></div>
  804. </div>
  805.  
  806. <div id="entries">
  807. <div class="autopagerize_page_element">
  808. {block:Posts}
  809. <div id="posts">
  810. {block:Date}
  811. <div id="permalink">
  812. <div id="date"><a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}︎</a></div>
  813. <div id="note">{block:NoteCount}<a href="{Permalink}"><i class="fa fa-heartbeat" aria-hidden="true" style="color: {color:bold}; font-size: 15px; margin-right: 5px"></i>{NoteCount}</a>{/block:NoteCount}</div>{block:RebloggedFrom}<div id="from"><i class="fa fa-refresh" aria-hidden="true" style="font-size: 15px"></i><a href="{ReblogParentURL}" >{ReblogParentName}</a></div>{block:ContentSource}<div id="origin"><i class="fa fa-star" aria-hidden="true" style="font-size:15px; color: {color:links hover}"></i><a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:ContentSource}{/block:RebloggedFrom}
  814. </div>
  815. {/block:Date}
  816.  
  817. {block:Text}
  818. {block:Title}<div id="title">{Title}</div>{/block:Title}
  819. {Body}
  820. {/block:Text}
  821.  
  822. {block:Link}
  823. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  824. {/block:Link}
  825.  
  826. {block:Chat}
  827. {block:Title}<div class="title">{Title}</div>{/block:Title}
  828. <div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  829. {Line}</div>{/block:Lines}</div>
  830. {/block:Chat}
  831.  
  832. {block:Answer}
  833. <div class="question">
  834. <div id="asker"><img src="{AskerPortraitURL-30}" style="float: left; margin-left:5px;margin-right:15px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; border: 3px solid {color:posts}"></div><div id="asker">{Asker} asked: </div>{Question}</div>
  835. <div class="answer">{Answer}</div>
  836. {/block:Answer}
  837.  
  838.  
  839. {block:Quote}
  840. <div id="quote"><font color="{color:links hover}">❝</font> {Quote} <font color="{color:links hover}">❞</font></div>
  841. {block:Source}<div id="source"><font color="{color:links}">— </font> {Source}</div>{/block:Source}
  842. {/block:Quote}
  843.  
  844. {block:Photo}
  845. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  846. {/block:Photo}
  847.  
  848.  
  849. {block:Photoset}
  850. {Photoset-500}
  851. {/block:Photoset}
  852.  
  853.  
  854. {block:Video}
  855. {Video-500}
  856. {/block:Video}
  857.  
  858. {block:Audio}
  859. <div class="audioContainer">
  860. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  861. </div>
  862. {/block:Audio}
  863.  
  864. {block:IfShowCaptions}
  865. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  866. {/block:IfShowCaptions}
  867. </div>
  868. <div id="tags">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  869. {/block:Posts}
  870. {block:PostNotes}
  871. <div class="pagenotes">
  872. {PostNotes}
  873. </div>
  874. {/block:PostNotes}
  875. </div>
  876.  
  877. {block:ifNotinfinitescroll}
  878. <div id="pagination">
  879. {block:Pagination}
  880. {block:PreviousPage}
  881. <a href="{PreviousPage}">future</a>
  882. {/block:PreviousPage}
  883. {block:NextPage}
  884. <a href="{NextPage}">past</a>
  885. {/block:NextPage}
  886. {/block:Pagination}
  887. </div>
  888. {/block:ifNotInfinitescroll}
  889. </div>
  890.  
  891. <div id="cred"><a href="http://www.saisei-themes.tumblr.com">ST</a></div>
  892.  
  893. {block:ContentSource}
  894. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  895. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  896. {/block:SourceLogo}
  897. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  898. {/block:ContentSource}
  899.  
  900. </body>
  901. </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!