API tools faq
paste
silvercybermen

Theme 15: Harmony

silvercybermen
Jan 22nd, 2015
969
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. THEME 15: HARMONY BY LUNECERISE AKA ROMULVS
  6.  
  7. Edit as much as you want, as long as you:
  8. -keep the credit intact
  9. -don't steal any code
  10. -don't use as a base code
  11.  
  12. <3
  13.  
  14. -->
  15.  
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{image:Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#bbbbbb"/>
  27. <meta name="color:Title" content="#ffffff"/>
  28. <meta name="color:Accent" content="#A987E2"/>
  29. <meta name="color:Link" content="#aaaaaa"/>
  30. <meta name="color:Tags" content="#cccccc"/>
  31. <meta name="color:Hover" content="#b3b3b3"/>
  32. <meta name="color:Line" content="#f2f2f2"/>
  33. <meta name="color:Border" content="#eeeeee"/>
  34. <meta name="color:Scrollbar" content="#eeeeee"/>
  35.  
  36. <meta name="image:Header" content=""/>
  37. <meta name="image:Title" content=""/>
  38. <meta name="image:Favicon" content=""/>
  39.  
  40. <meta name="if:Captions" content="0"/>
  41.  
  42. <meta name="text:Blog Title" content="">
  43. <meta name="text:linkA" content="">
  44. <meta name="text:linkA url" content="/">
  45. <meta name="text:linkB" content="">
  46. <meta name="text:linkB url" content="/">
  47. <meta name="text:linkC" content="">
  48. <meta name="text:linkC url" content="/">
  49. <meta name="text:linkD" content="">
  50. <meta name="text:linkD url" content="/">
  51. <meta name="text:linkE" content="">
  52. <meta name="text:linkE url" content="/"/>
  53.  
  54. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  55. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  56.  
  57. <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:40,
  63. tip_fade_speed:400,
  64. attribute:"title"
  65. });
  66. });
  67. })(jQuery);
  68. </script>
  69.  
  70. <script type="text/javascript">
  71. $(window).scroll(function() {
  72. if ($(this).scrollTop() > 680) {
  73. $( ".sidebar" ).fadeIn();
  74. } else {
  75. console.log('there');
  76. $( ".sidebar" ).fadeOut();
  77. }
  78. });
  79.  
  80. </script>
  81.  
  82. <script type="text/javascript" src="http://static.tumblr.com/3dkvxpf/bj5n7g6q6/jquery.js"></script>
  83. <script type="text/javascript" src="http://static.tumblr.com/3dkvxpf/pqpn7g6qs/lazyload.js"></script>
  84. <script type="text/javascript" charset="utf-8">
  85. var $j = jQuery.noConflict();
  86. $j(function() {
  87. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  88. $j("img").lazyload({
  89. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  90. effect: "fadeIn",
  91. });
  92. });
  93. </script>
  94.  
  95. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  96.  
  97. <link href='http://fonts.googleapis.com/css?family=Raleway:400,200,300' rel='stylesheet' type='text/css'>
  98.  
  99. <script>
  100. $(document).ready(function(){
  101. $('a[href^="#"]').on('click',function (e) {
  102. e.preventDefault();
  103.  
  104. var target = this.hash,
  105. $target = $(target);
  106.  
  107. $('html, body').stop().animate({
  108. 'scrollTop': $target.offset().top
  109. }, 900, 'swing', function () {
  110. window.location.hash = target;
  111. });
  112. });
  113. });
  114. </script>
  115.  
  116. <style type="text/css">
  117.  
  118. @font-face {
  119. font-family: 'FontAwesome';
  120. src: url('http://static.tumblr.com/vmteopo/vE2nik209/fontawesome-webfont.ttf');
  121. }
  122.  
  123. ::-webkit-scrollbar {width:4px; height:auto; background:{color:Background};}
  124. ::-webkit-scrollbar-corner {background:transparent;}
  125. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; width:4px;}
  126. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar}; height:4px!important;}
  127. ::-webkit-scrollbar-increment {width:5px; height:5px; background-color:#fff;}
  128.  
  129. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  130. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  131. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  132.  
  133. .fade-in {
  134. opacity:0;
  135. -webkit-animation:fadeIn ease-in 1;
  136. -moz-animation:fadeIn ease-in 1;
  137. animation:fadeIn ease-in 1;
  138. -webkit-animation-fill-mode:forwards;
  139. -moz-animation-fill-mode:forwards;
  140. animation-fill-mode:forwards;
  141. -webkit-animation-duration:1s;
  142. -moz-animation-duration:1s; animation-duration:1s; }
  143.  
  144. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  145.  
  146. iframe#tumblr_controls {
  147. top:10px;
  148. position: fixed;
  149. right:20px !important;
  150. opacity: 0.4;
  151. white-space:nowrap;
  152. -webkit-filter: invert(100%);
  153. -moz-filter: invert(100%);
  154. -o-filter: invert(100%);
  155. -ms-filter: invert(100%);
  156. filter: invert(100%);
  157. transition: .8s ease-in-out;
  158. -webkit-transition: .8s ease-in-out;
  159. -moz-transition: .8s ease-in-out;
  160. -o-transition: .8s ease-in-out;
  161. }
  162.  
  163. iframe#tumblr_controls:hover {
  164. -webkit-transition: opacity 0.7s linear;
  165. -moz-transition: all 0.4s ease-in-out;
  166. -webkit-transition: all 0.4s ease-in-out;
  167. transition: all 0.4s ease-in-out;
  168. opacity:.7;}
  169.  
  170.  
  171. #s-m-t-tooltip {
  172. max-width:300px;
  173. padding: 3px 5px;
  174. margin:10px;
  175. background-color:{color:background};
  176. font-family:calibri;
  177. font-size:9px;
  178. letter-spacing:1px;
  179. text-transform:uppercase;
  180. box-shadow:2px 2px 0.2em {color:border};
  181. color:{color:text};
  182. z-index:10000000000000000000000000000000000000000000000000000;
  183. -moz-transition-duration: 0.3s;
  184. -webkit-transition-duration: 0.3s;
  185. -o-transition-duration: 0.3s;
  186. }
  187.  
  188. ::selection {
  189. background-color:{color:Accent};
  190. color:white;
  191. text-shadow:none;
  192. }
  193.  
  194. ::-moz-selection {
  195. background-color:{color:accent};
  196. color:white;
  197. text-shadow:none;
  198. }
  199.  
  200. ::-o-selection {
  201. background-color:{color:accent};
  202. color:white;
  203. text-shadow:none;
  204. }
  205.  
  206. *, body, a, a:hover, a:active, iframe#like, iframe#like:hover { cursor:url(https://31.media.tumblr.com/4b32a8c60c9e7a01890827f616c6ed74/tumblr_inline_n7563jM9Gt1qcs1bb.png), auto;}
  207.  
  208. html, body {
  209. height:100%;
  210. width:100%;
  211. }
  212.  
  213. body {
  214. background:{color:background} url({image:background}) no-repeat fixed center;
  215. background-size:cover;
  216. margin:0px;
  217. color:{color:text};
  218. font-family:calibri;
  219. font-size:9px;
  220. line-height:130%;
  221. -moz-font-smoothing:subpixel-antialiased;
  222. -webkit-font-smoothing:subpixel-antialiased;
  223. font-smoothing:subpixel-antialiased;
  224. }
  225.  
  226. a {
  227. text-decoration:none;
  228. -moz-outline-style:none;
  229. color:{color:link};
  230. -webkit-transition:0.5s ease-in-out;
  231. -moz-transition:0.5s ease-in-out;
  232. -ms-transition:0.5s ease-in-out;
  233. -o-transition:0.5s ease-in-out;
  234. transition:0.5s ease-in-out;
  235. }
  236.  
  237. a:hover {
  238. color:{color:hover};
  239. text-decoration:underline;
  240. }
  241.  
  242. img {border:none;max-width:100%;height:auto;}
  243.  
  244. h1 {
  245. font-size:13px;
  246. text-transform:uppercase;
  247. overflow: hidden;
  248. display: inline-block;
  249. }
  250.  
  251. h1 a, h1 a:hover {text-decoration:none;}
  252.  
  253. h1 a:after, #sidebar .title:after {
  254. content: "";
  255. margin-left: -400px;
  256. margin-top:3px;
  257. display: block;
  258. width: 100%;
  259. height: 1px;
  260. background-color: {color:text};
  261. transition:0.5s ease-in-out;
  262. -webkit-transition:0.5s ease-in-out;
  263. -moz-transition:0.5s ease-in-out;
  264. -ms-transition:0.5s ease-in-out;
  265. -o-transition:0.5s ease-in-out;
  266. }
  267.  
  268. #sidebar .title:after {background-color:{color:border};}
  269.  
  270. h1 a:hover:after, #sidebar .title:hover:after {margin-left: 0;}
  271.  
  272. h2 {font-size:17px;}
  273.  
  274. blockquote {
  275. padding-left:5px;
  276. border-left:2px solid;
  277. }
  278.  
  279. blockquote blockquote {
  280. padding-left:5px;
  281. border-left:2px solid;
  282. }
  283.  
  284. pre {
  285. font-family:consolas;
  286. text-transform:uppercase;
  287. padding:3px 5px;
  288. background-color:#f1f1f1;
  289. white-space: pre-wrap;
  290. white-space: -moz-pre-wrap;
  291. white-space: -pre-wrap;
  292. white-space: -o-pre-wrap;
  293. word-wrap: break-word;
  294. }
  295.  
  296. b, strong {font-weight:700;}
  297.  
  298. small, sub {font-size:7px;}
  299.  
  300. big {font-size:13px;}
  301.  
  302. ol {
  303. list-style:lower-roman;
  304. line-height:123%;
  305. }
  306.  
  307. #header {
  308. width:100%;
  309. height:100%;
  310. left:0;
  311. top:0;
  312. background:{color:background} url({image:header}) no-repeat fixed center;
  313. background-size:cover;
  314. }
  315.  
  316. #positioning, #centered {
  317. width:620px;
  318. height:auto;
  319. margin:auto;
  320. }
  321.  
  322. #headerthings {
  323. width:620px;
  324. margin-top:-83%;
  325. height:110px;
  326. text-align:center;
  327. }
  328.  
  329. #title {
  330. font-size:54px;
  331. text-align:center;
  332. font-family:'Raleway', sans-serif;
  333. font-weight: 100;
  334. text-transform:uppercase;
  335. padding:20px;
  336. letter-spacing:1px;
  337. width:500px;
  338. margin-left:40px;
  339. color:{color:title};
  340. z-index:-4;
  341. line-height:110%;
  342. transition:0.5s ease-in-out;
  343. -webkit-transition:0.5s ease-in-out;
  344. -moz-transition:0.5s ease-in-out;
  345. -ms-transition:0.5s ease-in-out;
  346. -o-transition:0.5s ease-in-out;
  347. }
  348.  
  349. #title a {
  350. letter-spacing:2px;
  351. text-decoration:none;
  352. }
  353.  
  354. #title a:hover {
  355. letter-spacing:0.5em;
  356. text-decoration:none;
  357. text-align:center;
  358. }
  359.  
  360. #title a:after {
  361. font-family:'FontAwesome';
  362. content:"\f0d7";
  363. display:block;
  364. color:transparent;
  365. -webkit-text-fill-color: none;
  366. background:transparent;
  367. -webkit-background-clip: none;
  368. -webkit-background-clip: none;
  369. background-size:cover;
  370. background-position:center;
  371. margin-top:-10px;
  372. transition:0.5s ease-in-out;
  373. -webkit-transition:0.5s ease-in-out;
  374. -moz-transition:0.5s ease-in-out;
  375. -ms-transition:0.5s ease-in-out;
  376. -o-transition:0.5s ease-in-out;
  377. }
  378.  
  379. #title a:hover:after {
  380. margin-top:0;
  381. color:#fff;
  382. letter-spacing:2px;
  383. margin-left:-20px;
  384. }
  385.  
  386. #pagi{
  387. width:300px;
  388. font-size:9px;
  389. text-align:center;
  390. margin-top:50px;
  391. font-family:calibri;
  392. text-transform:uppercase;
  393. letter-spacing:2px;
  394. position:fixed;
  395. bottom:50px;
  396. z-index:-1;
  397. }
  398.  
  399. #pagi a {
  400. background-color:{color:background};
  401. color:{color:scrollbar};
  402. padding:10px;
  403. margin:5px;
  404. border:3px solid transparent;
  405. }
  406.  
  407. #pagi a:hover {
  408. text-decoration:none;
  409. border:3px solid {color:background};
  410. color:{color:background};
  411. background:transparent;
  412. }
  413.  
  414. #sidebar {
  415. width:200px;
  416. height:auto;
  417. position:fixed;
  418. margin-left:200px;
  419. margin-top:-120px;
  420. z-index:2;
  421. display:none;
  422. }
  423.  
  424. #sidebar .title {
  425. font-family:'Raleway', sans-serif;
  426. font-weight:100;
  427. font-size:30px;
  428. width:300px;
  429. margin-left:-50px;
  430. color:{color:link};
  431. overflow:hidden;
  432. line-height:110%;
  433. padding:10px 0;
  434. text-align:center;
  435. -webkit-text-fill-color: transparent;
  436. background: -webkit-linear-gradient(transparent, transparent), url({image:title});
  437. background: -o-linear-gradient(transparent, transparent);
  438. -webkit-background-clip: text;
  439. -webkit-background-clip: text;
  440. background-size:cover;
  441. background-position:left center;
  442. transition:0.5s ease-in-out;
  443. -webkit-transition:0.5s ease-in-out;
  444. -moz-transition:0.5s ease-in-out;
  445. -ms-transition:0.5s ease-in-out;
  446. -o-transition:0.5s ease-in-out;
  447. }
  448.  
  449. #sidebar #desc {
  450. width:200px;
  451. text-transform:uppercase;
  452. font-family:calibri;
  453. font-size:9px;
  454. padding:0 0 5px;
  455. text-align:center;
  456. color:{color:text};
  457. }
  458.  
  459. #sidebar #links {
  460. width:180px;
  461. padding:5px 10px;
  462. text-align:center;
  463. font-size:12px;
  464. }
  465.  
  466. #sidebar #links a {padding:0 2px;}
  467.  
  468. .everything {
  469. height:auto;
  470. width:100%;
  471. top:100%;
  472. position:absolute;
  473. background:{color:background};
  474. margin-bottom:200px;
  475. z-index:1;
  476. padding:100px 0;
  477. }
  478.  
  479. #empty {
  480. height:100px;
  481. width:100%;
  482. bottom:0;
  483. margin-top:50px;
  484. }
  485.  
  486. #all {
  487. padding:10px 50px;
  488. width:400px;
  489. font-size:10px;
  490. z-index:2;
  491. top:300px;
  492. margin-bottom:20px;
  493. }
  494.  
  495. #post {
  496. width:400px;
  497. padding-bottom:20px;
  498. padding:10px 0;
  499. margin-top:30px;
  500. -ms-word-break: break-all;
  501. word-break: break-all;
  502. word-break: break-word;
  503. -webkit-hyphens: auto;
  504. -moz-hyphens: auto;
  505. -ms-hyphens: auto;
  506. hyphens: auto;
  507. }
  508.  
  509. #post:hover #tags {
  510. opacity:1;
  511. -webkit-filter:blur(0);
  512. transition-duration:0.5s;
  513. -webkit-transition-duration:0.5s;
  514. -moz-transition-duration:0.5s;
  515. -o-transition-duration:0.5s;
  516. -ms-transition-duration:0.5s;
  517. }
  518.  
  519. #details {
  520. text-align:center;
  521. padding-top:7px;
  522. text-transform:uppercase;
  523. font-size:8px;
  524. font-style:none;
  525. border-top:1px solid {color:Line};
  526. }
  527.  
  528. #tags {
  529. letter-spacing:0px;
  530. text-transform:lowercase;
  531. font-size:10px;
  532. margin-top:2px;
  533. text-align:center;
  534. width:400px;
  535. height:30px;
  536. opacity:0;
  537. -webkit-filter:blur(3px);
  538. transition-duration:0.5s;
  539. -webkit-transition-duration:0.5s;
  540. -moz-transition-duration:0.5s;
  541. -o-transition-duration:0.5s;
  542. -ms-transition-duration:0.5s;
  543. }
  544.  
  545. #tags a {
  546. display:inline-block;
  547. padding:3px;
  548. text-align:center;
  549. color:{color:Tags};
  550. }
  551.  
  552. #tags a:hover {
  553. text-decoration:none;
  554. font-style:italic;
  555. color:{color:hover};
  556. }
  557.  
  558. #tags .comma:last-child {display:none;}
  559.  
  560. .lbutton {display:inline-block;}
  561.  
  562. .like_button {
  563. position:relative;
  564. display:inline-block;
  565. overflow:hidden;
  566. margin-top:2px;
  567. margin-bottom:-2px;
  568. }
  569.  
  570. .like_button iframe {
  571. position:absolute;
  572. opacity:0;
  573. top:0;
  574. left:0;
  575. width:100%;
  576. height:100%;
  577. }
  578.  
  579. .like_button:before {
  580. content:"\2665";
  581. padding:1px;
  582. position:relative;
  583. font-size:10px;}
  584.  
  585. .like_button:hover:before, .like_button.liked:before {
  586. color:#ff0000;
  587. transition:0.5s ease-in-out;
  588. -webkit-transition:0.5s ease-in-out;
  589. -moz-transition:0.5s ease-in-out;
  590. -ms-transition:0.5s ease-in-out;
  591. -o-transition:0.5s ease-in-out;
  592. }
  593.  
  594. #question {
  595. padding:10px;
  596. letter-spacing:2px;
  597. text-align:center;
  598. border:1px {color:border} dotted;
  599. color:{color:text};
  600. background-color:{color:background};
  601. }
  602.  
  603. #akport {
  604. width:380px;
  605. text-align:center;
  606. height:12px;
  607. padding:5px 0;
  608. color:#444;
  609. opacity:1;
  610. background-color:{color:background};
  611. z-index:99999;
  612. margin-bottom:3px;
  613. }
  614.  
  615. #akport a {text-align:center;text-decoration:none;}
  616.  
  617. #akport a:hover {text-decoration:none;letter-spacing:0.8em;}
  618.  
  619. .tumblr_audio_player {width:100%;position:relative;}
  620.  
  621. .audio {
  622. width:380px;
  623. padding:10px;
  624. margin:5px 0;
  625. margin-top:20px;
  626. height:auto;
  627. }
  628.  
  629. #playbutton {
  630. width:20px;
  631. height:30px;
  632. position:relative;
  633. overflow:hidden;
  634. margin:2px 10px 0 5px;
  635. }
  636.  
  637. #audioplayer {
  638. width:30px;
  639. height:30px;
  640. padding:10px;
  641. border-radius:100%;
  642. border:double 1px {color:border};
  643. float:left;
  644. position:absolute;
  645. overflow:hidden;
  646. margin-top:-25px;
  647. background-color:white;
  648. }
  649.  
  650. #audiotrack, #audioart {
  651. width:300px;
  652. display:inline-block;
  653. float:right;
  654. text-align:center;
  655. padding:5px 10px;
  656. border-bottom:dotted 1px {color:border};
  657. margin-top:-20px;
  658. margin-right:30px;
  659. }
  660.  
  661. #audioart {
  662. text-transform:uppercase;
  663. font-style:none;
  664. font-size:10px;
  665. border-bottom:none;
  666. margin-top:-2px;
  667. }
  668.  
  669. #audcap {margin-top:20px;}
  670.  
  671. .chat li {
  672. list-style:none;
  673. line-height:105%;
  674. }
  675.  
  676. .line.odd {
  677. border:solid 1px {color:border};
  678. padding:3px 5px;
  679. }
  680.  
  681. .line.even {
  682. border:solid 1px transparent;
  683. padding:3px 5px;
  684. }
  685.  
  686. #caption {
  687. width:400px;
  688. -ms-word-break: break-all;
  689. word-break: break-all;
  690. word-break: break-word;
  691. -webkit-hyphens: auto;
  692. -moz-hyphens: auto;
  693. -ms-hyphens: auto;
  694. hyphens: auto;
  695. }
  696.  
  697. #notecontain {
  698. width:300px;
  699. padding:20px 49px;
  700. text-align:center;
  701. border:dotted 1px {color:border};
  702. }
  703.  
  704. #notes {
  705. width:300px;
  706. height:150px;
  707. padding:5px 10px;
  708. overflow-y:scroll;
  709. overflow-x:hidden;
  710. text-align:justify;
  711. line-height:125%;
  712. }
  713.  
  714. #notes img {display:none;}
  715.  
  716. #notes ol, #notes li {
  717. list-style:circle;
  718. line-height:125%;
  719. }
  720.  
  721. #credit, #credit a {
  722. position:fixed;
  723. bottom:5px;
  724. right:5px;
  725. padding:5px 4px;
  726. font-family: helvetica;
  727. text-transform:uppercase;
  728. color:#ababab;
  729. z-index:555;
  730. text-shadow:1px 1px 0.2em #fff;
  731. font-size:8px;
  732. -moz-transition-duration:0.3s;
  733. -webkit-transition-duration:0.3s;
  734. -o-transition-duration:0.3s;
  735. -ms-transition-duration:0.3s;
  736. }
  737.  
  738. #credit a {border:solid 1px #fff;}
  739.  
  740. #credit:hover, #credit a:hover {
  741. font-family: helvetica;
  742. text-decoration:none;
  743. color:#000;
  744. text-shadow:1px 1px 0.2em #666;
  745. background-color:#fff;
  746. -moz-transition-duration:0.4s;
  747. -webkit-transition-duration:0.4s;
  748. -o-transition-duration:0.4s;
  749. -ms-transition-duration:0.4s;
  750. }
  751.  
  752. {CustomCSS}</style></head><body>
  753. <div id="header"></div>
  754.  
  755. <div id="positioning"><div id="headerthings">
  756.  
  757. <div id="title"><a href="#that">{text:Blog Title}</a></div>
  758. </div></div>
  759.  
  760. <div id="sidebar" class="sidebar">
  761. <div class="title">{text:Blog Title}</div>
  762. <div id="desc">{Description}</div>
  763. <div id="links">
  764. {block:iflinkA}<a href="{text:linkA URL}" title="{text:linkA}">i.</a>{/block:iflinkA}
  765. {block:iflinkB}<a href="{text:linkB URL}" title="{text:linkB}">ii.</a>{/block:iflinkB}
  766. {block:iflinkC}<a href="{text:linkC URL}" title="{text:linkC}">iii.</a>{/block:iflinkC}
  767. {block:iflinkD}<a href="{text:linkD URL}" title="{text:linkD}">iv.</a>{/block:iflinkD}
  768. {block:iflinkE}<a href="{text:linkE URL}" title="{text:linkE}">v.</a>{/block:iflinkE}
  769. </div>
  770. </div>
  771.  
  772. <div class="everything">
  773. <div id="that"></div>
  774. <div id="centered" style="width:500px"><div id="all" class="box fade-in one">{block:Posts}<div id="post">
  775.  
  776. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  777.  
  778. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{/block:Photo}
  779.  
  780. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  781.  
  782. {block:Photoset}<center>{Photoset-400}</center>{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{/block:Photoset}
  783.  
  784. {block:Quote}<h2 style="text-shadow:2px 2px 0px #f1f1f1; text-align:center; line-height:115%">“{Quote}”</h2><br> <div style="text-align:center">↳ {Source}</div><br>{/block:Quote}
  785.  
  786. {block:Audio}
  787. <div class="audio">
  788. <div id="audioplayer"><div id="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  789. <div id="audiotrack">{block:TrackName}<span style="font-size:15px; font-style:italic">{TrackName}</span></div>{/block:TrackName}
  790. <div id="audioart">{block:Artist}{Artist}{/block:Artist}{block:Album}&emsp;◇&emsp;{Album}{/block:Album}</div></div><br>
  791. <div id="audcap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}
  792.  
  793. {block:Video}{Video-400}{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{/block:Video}
  794.  
  795. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  796.  
  797. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:10px; padding-bottom:10px"><div id="akport">{Asker}</div></span>{Question}</div><left>{Answer}</left>{/block:Answer}
  798.  
  799. {block:PermalinkPage}{block:ifnotCaptions}
  800. {block:Text}{block:Caption}{Caption}{/block:Caption}{/block:Text}
  801. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  802. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  803. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  804. {/block:ifnotCaptions}{/block:PermalinkPage}
  805.  
  806. <div id="details">{block:Date}<a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonthWithZero}</a>&emsp;{/block:Date}{block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&emsp;{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}" title="{SourceTitle}">©</a>&emsp;{/block:ContentSource} {block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>&emsp;{/block:NoteCount}<a href="{ReblogURL}">reblog</a>&emsp;<div class="lbutton">{LikeButton color="grey" size="10"}</div>
  807. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a><span class="comma">,</span> {/block:Tags}</div>{/block:HasTags}
  808. </div></div>
  809. {/block:Posts}
  810. {block:PostNotes}<div id="notecontain"><div id="notes">{PostNotes}</div></div>{/block:PostNotes}
  811. {/block:Posts}
  812. </div></div></div></div>
  813.  
  814. {block:Pagination}<div id="centered" style="width:300px"><div id="pagi">
  815. {block:PreviousPage}
  816. <a href="{PreviousPage}">back</a>
  817. {/block:PreviousPage}
  818. {block:NextPage}
  819. <a href="{NextPage}">next</a>
  820. {/block:NextPage}
  821. </div></div>{/block:Pagination}
  822.  
  823. <div id="credit"><a href="http://lunecerise.co.vu" title="lunecerise">LC</a></div>
  824.  
  825. </body></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!