littlemisswhoever

Theme: Sleeping at Last (by iniziare)

Jun 16th, 2018
1,965
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.31 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!-- (BASE) THEME BY INIZIARE -->
  4.  
  5.  
  6.  
  7.  
  8.  
  9. <html>
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. </head>
  18.  
  19.  
  20.  
  21. <!-- SCRIPT: TOOLTIP -->
  22.  
  23.  
  24. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  26. <script>
  27. (function($){
  28. $(document).ready(function(){
  29. $("a[title]").style_my_tooltips({
  30. tip_follows_cursor:true,
  31. tip_delay_time:90,
  32. tip_fade_speed:600,
  33. attribute:"title"
  34. });
  35. });
  36. })(jQuery);
  37. </script>
  38.  
  39.  
  40.  
  41.  
  42. <!-- SCRIPT: jQuery -->
  43.  
  44. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  45.  
  46.  
  47.  
  48. <!-- SCRIPT: AUDIO PLAYER -->
  49.  
  50. <script>
  51. $(document).ready(function() {
  52. $('iframe.tumblr_audio_player').load( function() {
  53. $('iframe.tumblr_audio_player').contents().find("head")
  54. .append($("<style type='text/css'> .audio-player{background:#ffffff !important; color:{color:bold} !important;} </style>"));
  55. });
  56. });
  57. </script>
  58.  
  59.  
  60.  
  61.  
  62.  
  63. <!-- SCRIPT: CLICK -->
  64.  
  65. <script>
  66. $(document).ready(function(){
  67. $(".nav2").hide();
  68. $(".nav1").show();$('.nav1').toggle(function(){
  69. $(".nav2").slideDown(function(){});
  70. },function(){
  71. $(".nav2").slideUp(function(){});
  72. });
  73. });
  74. </script>
  75.  
  76.  
  77.  
  78. <script>
  79. $(document).ready(function(){
  80. $(".tags2").hide();
  81. $(".tags1").show();$('.tags1').toggle(function(){
  82. $(".tags2").slideDown(function(){});
  83. },function(){
  84. $(".tags2").slideUp(function(){});
  85. });
  86. });
  87. </script>
  88.  
  89.  
  90.  
  91.  
  92. <!-- CUSTOM FONTS -->
  93.  
  94. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  95.  
  96. <link rel="stylesheet" href="https://static.tumblr.com/ebrrv1n/vEvpac24x/stylesheet.css">
  97.  
  98.  
  99.  
  100.  
  101.  
  102. <!-- META LINES -->
  103.  
  104.  
  105. <meta name="color:Body Text" content="#8c8a8a" />
  106. <meta name="color:Bold" content="#d1d1d1" />
  107. <meta name="color:Links" content="#d1d1d1" />
  108. <meta name="color:Links Hover" content="#8c8a8a" />
  109.  
  110. <meta name="text:Header" content="">
  111. <meta name="text:Link 1 URL" content="">
  112. <meta name="text:Link 1" content="Link 1.">
  113. <meta name="text:Link 2 URL" content="">
  114. <meta name="text:Link 2" content="Link 2.">
  115. <meta name="text:Link 3 URL" content="">
  116. <meta name="text:Link 3" content="Link 3.">
  117.  
  118. <meta name="if:Grayscale Images" content="1"/>
  119.  
  120.  
  121.  
  122. <style type="text/css">
  123.  
  124.  
  125.  
  126.  
  127.  
  128. /* SCROLLBAR */
  129.  
  130. ::-webkit-scrollbar {
  131. background:transparent;
  132. height: 0px;
  133. display:none;
  134. width: 0px; /* remove scrollbar space */
  135. -ms-overflow-style: none; // IE 10+
  136. overflow: -moz-scrollbars-none; // Firefox
  137. }
  138.  
  139.  
  140. ::-webkit-scrollbar-thumb {
  141. background:transparent;
  142. }
  143.  
  144.  
  145.  
  146. /* TEXT SELECTION */
  147.  
  148. ::selection {background: #f6f6f6; color:{color:body text};}
  149. ::-moz-selection {background: #f6f6f6; color:{color:body text};}
  150.  
  151.  
  152. /* TOOLTIP */
  153.  
  154.  
  155. #s-m-t-tooltip {
  156. z-index:999999;
  157. max-width:350px;
  158. margin-left:10px;
  159. margin-top:10px;
  160. font-weight:normal;
  161. background-color:#ffffff;
  162. border:1px solid #eeeeee;
  163. padding-top:4px;
  164. padding-bottom:4px;
  165. padding-left:14px;
  166. padding-right:14px;
  167. font-family:calibri;
  168. font-style:normal;
  169. font-weight:700;
  170. font-size:9px;
  171. color: {color:bold};
  172. text-transform:uppercase;
  173. letter-spacing:0px;
  174. }
  175.  
  176.  
  177.  
  178. /* FOUNDATION */
  179.  
  180.  
  181. body {
  182. background-color:#ffffff;
  183. color:{color:Body Text};
  184. font-size:10px;
  185. line-height:15px;
  186. word-spacing:-0.5px;
  187. color:{color:Body Text};
  188. font-family:calibri;
  189. word-wrap: break-word;
  190. }
  191.  
  192.  
  193. body a {
  194. font-size:11px;
  195. color:{color:links};
  196. font-weight:bold;
  197. text-decoration:none!important;
  198. -moz-transition-duration:0.6s;
  199. -webkit-transition-duration:0.6s;
  200. -o-transition-duration:0.6s;
  201. }
  202.  
  203.  
  204.  
  205.  
  206. /* BLOCKQUOTES */
  207.  
  208.  
  209.  
  210. blockquote {
  211. padding-left:20px;
  212. text-align:justify;
  213. padding-right:20px;
  214. margin-right:0px;
  215. margin-bottom:22px;
  216. margin-left:0px;
  217. border-left:1px solid #eeeeee;
  218. background-color:transparent;
  219. word-wrap: break-word!important;
  220. }
  221.  
  222.  
  223.  
  224. blockquote blockquote {
  225. margin-top:15px;
  226. margin-bottom:15px;
  227. }
  228.  
  229.  
  230.  
  231.  
  232.  
  233. /* FONT-RELATED */
  234.  
  235.  
  236. small, sub, sub, s {
  237. font-size:10px!important;
  238. }
  239.  
  240.  
  241. big {
  242. font-size:120%;
  243. }
  244.  
  245.  
  246. b, bold, strong {
  247. font-size:10px;
  248. font-weight:bold;
  249. color:{color:Bold};
  250. padding-right:1px;
  251. padding-left:1px;
  252. }
  253.  
  254.  
  255.  
  256. h1 {
  257. letter-spacing:0px;
  258. word-spacing:-0.5px;
  259. font-size:11px;
  260. color: {color:bold};
  261. border-bottom:1px solid #eeeeee;
  262. padding-bottom:5px;
  263. padding-top:9px;
  264. margin-top:0px;
  265. font-weight:normal;
  266. margin-bottom:15px;
  267. text-align:left!important;
  268. text-transform:uppercase;
  269. z-index:9999999;
  270. }
  271.  
  272.  
  273. h1 a {
  274. font-weight:bold;
  275. color: #d1d1d1!important;
  276. text-align:right!important;
  277. }
  278.  
  279.  
  280.  
  281. h2 {
  282. font-family:calibri;
  283. font-size:12px;
  284. text-transform:uppercase!important;
  285. font-weight:bold;
  286. letter-spacing:-0.2px;
  287. color: {color:bold};
  288. }
  289.  
  290.  
  291. h2 a {
  292. font-size:12px;
  293. text-transform:uppercase!important;
  294. font-weight:bold;
  295. color: {color:bold};
  296. }
  297.  
  298.  
  299.  
  300.  
  301. /* IMAGES */
  302.  
  303. img {
  304. {block:ifgrayscaleimages}
  305. -webkit-filter: brightness(1) contrast(1.1) saturate(0);
  306. {/block:ifgrayscaleimages}
  307. -webkit-transition: all 0.9s ease-in-out;
  308. -moz-transition: all 0.9s ease-in-out;
  309. -o-transition: all 0.9s ease-in-out;
  310. -ms-transition: all 0.9s ease-in-out;
  311. transition: all 0.9s ease-in-out;
  312. max-width:400px;
  313. height:auto;
  314. padding:0px;
  315. background-color:#000000;
  316. border:0px double #3d3d3d;
  317. }
  318.  
  319. img:hover {
  320. -webkit-filter: brightness(1) contrast(1.1) saturate(1);
  321. -webkit-transition: all 0.9s ease-in-out;
  322. -moz-transition: all 0.9s ease-in-out;
  323. -o-transition: all 0.9s ease-in-out;
  324. -ms-transition: all 0.9s ease-in-out;
  325. transition: all 0.9s ease-in-out;}
  326.  
  327.  
  328. .html_photoset {
  329. {block:ifgrayscaleimages}
  330. -webkit-filter: brightness(1) contrast(1.1) saturate(0);
  331. {/block:ifgrayscaleimages}
  332. -webkit-transition: all 0.9s ease-in-out;
  333. -moz-transition: all 0.9s ease-in-out;
  334. -o-transition: all 0.9s ease-in-out;
  335. -ms-transition: all 0.9s ease-in-out;
  336. transition: all 0.9s ease-in-out;}
  337.  
  338. .html_photoset:hover {
  339. -webkit-filter: brightness(1) contrast(1.1) saturate(1);
  340. }
  341.  
  342.  
  343.  
  344. /* SIDEBAR */
  345.  
  346. #sidebar {
  347. position: fixed;
  348. width:135px;
  349. background:transparent;
  350. left: 210px;
  351. top: 105px;
  352. padding-right:36px;
  353. padding-bottom:15px;
  354. border-right:1px solid #eeeeee;
  355. }
  356.  
  357.  
  358.  
  359. #sideheader {
  360. font-family: 'signerica_thinregular';
  361. font-size:20px;
  362. text-align:right;
  363. letter-spacing:-2px;
  364. margin-bottom:6px;
  365. }
  366.  
  367.  
  368. #sidelinks {
  369. text-align:right;
  370. border-bottom:1px solid #eeeeee;
  371. padding-bottom:5px;
  372. margin-bottom:10px;
  373. text-transform:uppercase;
  374. }
  375.  
  376.  
  377. #sidelinks a {
  378. color:{color:links}!important;
  379. font-family:calibri;
  380. font-style:normal;
  381. font-weight:normal;
  382. font-size:9px;
  383. padding-right:2px;
  384. text-transform:uppercase;
  385. -moz-transition-duration:0.6s;
  386. -webkit-transition-duration:0.6s;
  387. -o-transition-duration:0.6s;
  388. }
  389.  
  390.  
  391. #sidelinks a:last-child{
  392. padding-right: 0;
  393. }
  394.  
  395.  
  396. #sidelinks a:hover {
  397. font-style:normal;
  398. color:{color:links hover}!important;
  399. -moz-transition-duration:0.6s;
  400. -webkit-transition-duration:0.6s;
  401. -o-transition-duration:0.6s;
  402. }
  403.  
  404.  
  405.  
  406. #description {
  407. position:relative;
  408. text-align:right;
  409. overflow:scroll;
  410. padding-bottom:0px;
  411. margin:0px;
  412. }
  413.  
  414.  
  415. .nav2{
  416. margin-top:0px;
  417. text-align:right;
  418. border-top:1px solid #eeeeee;
  419. padding-top:5px;
  420. padding-bottom:2px;
  421. margin-bottom:5px;
  422. }
  423.  
  424.  
  425. .nav2 a {
  426. color:{color:links}!important;
  427. font-family:calibri;
  428. font-style:normal;
  429. font-weight:normal;
  430. font-size:9px;
  431. padding-right:2px;
  432. text-transform:uppercase;
  433. -moz-transition-duration:0.6s;
  434. -webkit-transition-duration:0.6s;
  435. -o-transition-duration:0.6s;
  436. }
  437.  
  438.  
  439. .nav2 a:hover {
  440. color:{color:links hover}!important;
  441. -moz-transition-duration:0.6s;
  442. -webkit-transition-duration:0.6s;
  443. -o-transition-duration:0.6s;
  444. }
  445.  
  446.  
  447. #pagination {
  448. border-top:1px solid #eeeeee;
  449. padding-top:5px;
  450. text-align: right;
  451. }
  452.  
  453.  
  454.  
  455. .pages {
  456. font-size: 9px;
  457. font-style: normal !important;
  458. }
  459.  
  460.  
  461. .pages a {
  462. font-weight:normal!important;
  463. font-size:9px;
  464. color: {color:links};!important;
  465. -moz-transition-duration:0.6s;
  466. -webkit-transition-duration:0.6s;
  467. -o-transition-duration:0.6s;
  468. }
  469.  
  470.  
  471. .pages a:last-child{
  472. padding-right: 0;
  473. }
  474.  
  475.  
  476. .pages a:hover {
  477. color:{color:links hover}!important;
  478. -moz-transition-duration:0.6s;
  479. -webkit-transition-duration:0.6s;
  480. -o-transition-duration:0.6s;
  481. }
  482.  
  483.  
  484.  
  485. /* TOP BAR */
  486.  
  487.  
  488. #topbar {
  489. height:25px;
  490. border-bottom:1px solid #eeeeee;
  491. width:100%;
  492. padding-top:25px;
  493. }
  494.  
  495.  
  496.  
  497.  
  498.  
  499. /* POSTS: GENERAL */
  500.  
  501. #container {
  502. position:fixed;
  503. height:90%;
  504. width:auto;
  505. left:425px;
  506. top:105px;
  507. background-color:transparent;
  508. overflow-y:scroll;
  509. z-index:9999;
  510. border-right:1px solid #eeeeee;
  511. padding-right:44px;
  512. }
  513.  
  514.  
  515.  
  516. #posts {
  517. width:450px;
  518. margin-bottom:80px;
  519. word-wrap: break-word;
  520. line-height:{text:Line Height};
  521. text-align:left;
  522. z-index:9999;
  523. }
  524.  
  525. #posts a {
  526. font-family:calibri;
  527. font-weight:normal!important;
  528. font-style:normal;
  529. font-size:9px;
  530. color:{color:bold};
  531. text-transform:uppercase;
  532. -moz-transition-duration:0.6s;
  533. -webkit-transition-duration:0.6s;
  534. -o-transition-duration:0.6s;
  535. }
  536.  
  537. #posts a:hover {
  538. color:{color:links hover};
  539. -moz-transition-duration:0.6s;
  540. -webkit-transition-duration:0.6s;
  541. -o-transition-duration:0.6s;
  542. }
  543.  
  544.  
  545.  
  546.  
  547.  
  548.  
  549. /* POSTS: QUOTE */
  550.  
  551. #quote {
  552. text-align:left;
  553. font-size:14px;
  554. font-style:italic;
  555. line-height:165%;
  556. letter-spacing:-0.6px;
  557. }
  558.  
  559. .source {
  560. font-family:calibri;
  561. font-style:normal!important;
  562. font-weight:bold;
  563. font-size:10px;
  564. color: {color:bold};
  565. text-transform:uppercase;
  566. }
  567.  
  568.  
  569.  
  570.  
  571. /* POSTS: LINK */
  572.  
  573.  
  574. #link {
  575. margin-top:0px;
  576. }
  577.  
  578.  
  579. #link a {
  580. font-size:11px;
  581. }
  582.  
  583.  
  584.  
  585.  
  586. /* POSTS: ASK */
  587.  
  588. #ask {
  589. color:#cacaca6;
  590. font-size:9px;
  591. text-align:left;
  592. font-family: calibri;
  593. font-size:8.6px;
  594. line-height:15px!important;
  595. letter-spacing:0.6px;
  596. text-transform: uppercase;
  597. word-wrap: break-word;
  598. padding-left:0px;
  599. padding-right:0px;
  600. padding-top:14px;
  601. padding-bottom:14px;
  602. border-top:solid 1px #eeeeee;
  603. border-bottom:solid 1px #eeeeee;
  604. }
  605.  
  606.  
  607. #asker {
  608. font-size:10px;
  609. display:inline-block;
  610. margin-right:3px;
  611. text-transform:uppercase!important;
  612. font-weight:normal;
  613. color: {color:bold};!important;
  614. }
  615.  
  616.  
  617. #asker a {
  618. font-size:10px;
  619. text-transform:uppercase;
  620. font-weight:bold;
  621. color:{color:bold}!important;
  622. -moz-transition-duration:0.6s;
  623. -webkit-transition-duration:0.6s;
  624. -o-transition-duration:0.6s;
  625. }
  626.  
  627. #asker a:hover {
  628. color:{color:links hover}!important;
  629. -moz-transition-duration:0.2s;
  630. -webkit-transition-duration:0.2s;
  631. -o-transition-duration:0.2s;
  632. }
  633.  
  634.  
  635.  
  636. /* POSTS: CHAT */
  637.  
  638. #odd b, #even b, #audio b {
  639. color:{color:bold};
  640. }
  641.  
  642.  
  643. #odd, #even {
  644. padding-bottom:6px;
  645. padding-left:10px;
  646. padding-top:6px;
  647. margin-bottom:px;
  648. border-bottom:1px solid #eeeeee;
  649. }
  650.  
  651.  
  652. #odd {
  653. background:#ffffff;
  654. }
  655.  
  656. #even {
  657. background:#ffffff;
  658. }
  659.  
  660.  
  661.  
  662. /* POSTS: AUDIO */
  663.  
  664.  
  665. #audio {
  666. margin-top:0;
  667. height:42px;
  668. border-top:1px solid #eeeeee;
  669. border-bottom:1px solid #eeeeee;
  670. }
  671.  
  672.  
  673. .player {
  674. opacity: 1;
  675. position: absolute;
  676. z-index: 1;
  677. width: 20px;
  678. height: 20px;
  679. margin-top: 3px;
  680. margin-left: -15px;
  681. display: block;
  682. background-color:#ffffff;
  683. }
  684.  
  685. .audioplayer {
  686. width: 20px;
  687. height: 20px;
  688. margin-top: 1px;
  689. margin-left: 0px;
  690. overflow: hidden;
  691. padding: 3px;
  692. background-color:#ffffff!important;
  693. }
  694.  
  695.  
  696. .audioinfo {
  697. margin-left: 0px;
  698. margin-top: 3px;
  699. padding-left: 0px;
  700. padding-top: 10px;
  701. font-family:calibri;
  702. display: block;
  703. font-weight:normal;
  704. text-transform: uppercase;
  705. text-align: center;
  706. letter-spacing:-0.2px;
  707. word-spacing:-0.5px;
  708. font-size:10px;
  709. color: {color:bold};
  710. background: transparent;
  711. }
  712.  
  713.  
  714. .audioinfo:first-letter {
  715. font-family: 'signerica_thinregular';
  716. font-size:20px;
  717. letter-spacing:-2px;
  718. }
  719.  
  720.  
  721.  
  722.  
  723. /* POSTS: VIDEO */
  724.  
  725.  
  726. .video-container {
  727. position: relative;
  728. padding-bottom: 56.25%;
  729. padding-top: 30px;
  730. height: 0;
  731. overflow: hidden;
  732. }
  733.  
  734. .video-container iframe,
  735. .video-container object,
  736. .video-container embed {
  737. position: absolute;
  738. top: 0;
  739. left: 0;
  740. width: 100%;
  741. height: 100%;
  742. }
  743.  
  744.  
  745.  
  746.  
  747. /* POST INFORMATION */
  748.  
  749. .permalinkbar {
  750. margin-top:22px;
  751. margin-bottom:80px;
  752. background-color:#ffffff;
  753. text-transform:uppercase;
  754. color:{color:links}!important;
  755. }
  756.  
  757.  
  758. .permalinkbuttons {
  759. border-top:1px solid #eeeeee;
  760. border-bottom:1px solid #eeeeee;
  761. padding-top:4px;
  762. padding-bottom:4px;
  763. text-align:center;
  764. margin: auto;
  765. font-size:11px;
  766. color:#cccccc!important;
  767. }
  768.  
  769.  
  770. .permalinkbuttons a {
  771. text-align:center;
  772. font-weight:bold;
  773. font-weight:normal!important;
  774. display:inline-block;
  775. font-size:11px;
  776. padding-right:17px;
  777. color:#dcdcdc!important;
  778. -moz-transition-duration:2s;
  779. -webkit-transition-duration:2s;
  780. -o-transition-duration:2s;
  781. }
  782.  
  783. .permalinkbuttons a:last-child{
  784. padding-right:0px;
  785. margin-right: 0px;
  786. }
  787.  
  788.  
  789. .permalinkbuttons a:hover {
  790. color:{color:links hover}!important;
  791. -moz-transition-duration:2s;
  792. -webkit-transition-duration:2s;
  793. -o-transition-duration:2s;
  794. }
  795.  
  796.  
  797. .tags2 {
  798. font-family: calibri!important;
  799. font-weight:bold!important;
  800. background-color:#ffffff;
  801. color:#dcdcdc!important;
  802. text-transform:uppercase!important;
  803. font-style:normal;
  804. border-bottom:1px solid #eeeeee;
  805. line-height:130%!important;
  806. margin-bottom:5px;
  807. font-size:8.6px;
  808. text-align:justify;
  809. text-align-last: center;
  810. -moz-text-align-last: center;
  811. margin-top:0px;
  812. padding-top:10px;
  813. padding-bottom:10px;
  814. padding-left:20px;
  815. padding-right:20px;
  816. -moz-transition-duration:2s;
  817. -webkit-transition-duration:0.2
  818. }
  819.  
  820.  
  821. .tags2 a {
  822. font-weight:bold!important;
  823. font-size:8.6px!important;
  824. text-transform:uppercase!important;
  825. font-family: calibri!important;
  826. color:#dcdcdc!important;
  827. -moz-transition-duration:2s;
  828. -webkit-transition-duration:0.2
  829. }
  830.  
  831.  
  832. .tags2 a:hover {
  833. color:{color:links hover};!important;
  834. -moz-transition-duration:2s;
  835. -webkit-transition-duration:0.2
  836. }
  837.  
  838.  
  839. /* PERMAPAGE NOTES */
  840.  
  841.  
  842. .notes {
  843. text-transform:normal;
  844. font-style:normal;
  845. font-size: 10px;
  846. letter-spacing:-0.20px;
  847. text-align:left;
  848. margin-left:-63px;
  849. }
  850.  
  851.  
  852. .note li {
  853. opacity:.9;
  854. list-style-type:none;
  855. padding:7px 25px 7px 25px;
  856. text-align:left;
  857. margin:0px;
  858. -moz-transition-duration:0.5s;
  859. -webkit-transition-duration:0.5s;
  860. -o-transition-duration:0.5s;
  861. }
  862.  
  863. .note blockquote {
  864. padding-top:3px;
  865. padding-bottom:3px;
  866. padding-left:10px;
  867. padding-right:10px;
  868. width:100%;
  869. margin-top:9px;
  870. margin-bottom:4px;
  871. }
  872.  
  873.  
  874. .note img.avatar {
  875. width: 0px;
  876. height: 0px;
  877. }
  878.  
  879.  
  880. .note li a {
  881. font-family:calibri!important;
  882. font-size:9px!important;
  883. padding-right:2px;
  884. font-weight:normal;
  885. text-transform:uppercase;
  886. letter-spacing:0px;
  887. color: {color:bold};
  888. }
  889.  
  890.  
  891.  
  892. #credit {
  893. position:fixed;
  894. bottom:30px;
  895. right:30px;
  896. width:10px;
  897. height:13px;
  898. word-wrap:break-word;
  899. overflow:hidden;
  900. -webkit-transition:all 1s ease;
  901. -moz-transition:all 1s ease;
  902. -o-transition:all 1s ease;
  903. transition:all 1s ease-in-out;
  904. z-index:9999999999999999;
  905. }
  906.  
  907. #credit a {
  908. color:{color:body text};
  909. text-transform:uppercase;
  910. font-size:10px;
  911. z-index:9999999999999999999;
  912. }
  913.  
  914. #credit:hover {width:84px;}
  915.  
  916. #credit span {
  917. color:{color:body text};
  918. margin-right:5px;
  919. font-size:11px;
  920. }
  921.  
  922.  
  923.  
  924.  
  925.  
  926. </style>
  927. </head>
  928.  
  929.  
  930.  
  931. <body>
  932.  
  933. <!-- TOP BAR -->
  934.  
  935. <div id="topbar"></div>
  936.  
  937.  
  938. <!-- SIDE BAR -->
  939.  
  940. <div id="sidebar">
  941.  
  942. <div id="sideheader">{text:Header}</div>
  943.  
  944.  
  945. <div id="sidelinks">
  946. <a href="/">REFRESH.</a>
  947. <a href="/ask">ASKBOX.</a>
  948. <a href="#" class="nav1">NAVIGATE.</a>
  949. </div id="sidelinks">
  950.  
  951.  
  952.  
  953. <div id="description">
  954. {description}
  955. </div id="description">
  956.  
  957.  
  958.  
  959. <div class="nav2">
  960. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  961. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  962. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  963. </div class="nav2">
  964.  
  965.  
  966.  
  967. <div id="pagination">
  968. <div class="pages">
  969. {block:IndexPage}
  970. {block:Pagination}
  971. {block:PreviousPage}
  972. <a href="{PreviousPage}">RETURN.</a>
  973. {/block:PreviousPage}
  974.  
  975. {block:NextPage}
  976. <a href="{NextPage}">PROCEED.</a>
  977. {/block:NextPage}
  978. {/block:Pagination}
  979. {/block:IndexPage}
  980.  
  981. {block:PermalinkPagination}
  982. {block:PreviousPost}
  983. <a href="{PreviousPost}">RETURN.</a>
  984. {/block:PreviousPost}
  985.  
  986. {block:NextPost}
  987. <a href="{NextPost}">PROCEED.</a>
  988. {/block:NextPost}
  989. {/block:PermalinkPagination}
  990.  
  991. </div class="pages">
  992. </div id="pagination">
  993.  
  994.  
  995. </div id="sidebar">
  996.  
  997.  
  998.  
  999. <!-- POSTS -->
  1000.  
  1001.  
  1002. <div id="container">
  1003. <div id="posts" id="{PostID}">
  1004. {block:Posts}
  1005.  
  1006.  
  1007.  
  1008.  
  1009. <!-- POSTS: TEXT -->
  1010.  
  1011. {block:Title}
  1012. <h1>{Title}&nbsp;</h1>
  1013. {/block:Title}
  1014. {block:Text}
  1015. {Body}
  1016. {/block:Text}
  1017.  
  1018.  
  1019.  
  1020.  
  1021. <!-- POSTS: PHOTO/SET -->
  1022.  
  1023. {block:Photo}{LinkOpenTag}
  1024. <img src="{PhotoURL-HighRes}">{LinkCloseTag}<p>
  1025. {block:Caption}{Caption}{/block:Caption}
  1026. {/block:Photo}
  1027.  
  1028.  
  1029. {block:Photoset}
  1030. {Photoset}</center><p>
  1031. {block:Caption}{Caption}{/block:Caption}
  1032. {/block:Photoset}
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038. <!-- POSTS: QUOTE -->
  1039.  
  1040. {block:Quote}
  1041. <div id="quote">“{Quote}”
  1042. <div class="source">{Source}
  1043. </div class="source">
  1044. </div id="quote">
  1045. {/block:Quote}
  1046.  
  1047.  
  1048.  
  1049.  
  1050. <!-- POSTS: LINK -->
  1051.  
  1052. {block:Link}
  1053. <div id="link">
  1054. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  1055. </div id="link">
  1056. {/block:Link}
  1057.  
  1058.  
  1059.  
  1060.  
  1061.  
  1062. <!-- POSTS: CHAT -->
  1063.  
  1064. {block:Chat}
  1065. {block:Lines}
  1066. <div id="{Alt}">
  1067. {block:Label}<b>{Label}</b>{/block:Label}
  1068. {Line}
  1069. </div id="{Alt}"
  1070. {/block:Lines}
  1071. {/block:Chat}
  1072.  
  1073.  
  1074.  
  1075. <!-- POSTS: AUDIO -->
  1076.  
  1077. {block:Audio}
  1078.  
  1079. <div id="audio">
  1080. <div class="player">
  1081.  
  1082. <div class="audioplayer">
  1083. {AudioPlayerWhite}
  1084. </div class="audioplayer">
  1085.  
  1086. </div class="player">
  1087.  
  1088. <div class="audioinfo">
  1089. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  1090. </div class="audioinfo">
  1091.  
  1092. </div id="audio">
  1093.  
  1094. {block:Caption}
  1095. <div class="cap">{Caption}
  1096. </div class="cap">
  1097. {/block:Caption}
  1098. {/block:Audio}
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104. <!-- POSTS: VIDEO -->
  1105.  
  1106. {block:Video}
  1107. <div class="video-container">
  1108. {Video-400}
  1109. {block:Caption}{Caption}{/block:Caption}
  1110. </div class="video-container">
  1111. {/block:Video}
  1112.  
  1113.  
  1114.  
  1115. <!-- POSTS: ASK -->
  1116.  
  1117.  
  1118. {block:Answer}
  1119. <div id="ask">
  1120. <div id="asker">
  1121. {Asker} has asked:
  1122. </div id="asker">
  1123. {Question}
  1124. </div id="ask">
  1125. {Answer}
  1126. {/block:Answer}
  1127.  
  1128.  
  1129.  
  1130. <!-- POST INFORMATION -->
  1131.  
  1132.  
  1133. {block:Date}
  1134. <div class="permalinkbar">
  1135. <div class="permalinkbuttons">
  1136. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  1137.  
  1138. <a href="{Permalink}">{NoteCountwithLabel}</a>
  1139.  
  1140. <a href="#" class="tags1">SEE TAGS</a>
  1141.  
  1142. {block:RebloggedFrom}
  1143. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA/ORIGINS</a>
  1144. {/block:RebloggedFrom}
  1145.  
  1146. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  1147. </div class="permalinkbuttons">
  1148.  
  1149.  
  1150. <div class="tags2">{block:HasTags}<i>Tagged with:</i>&nbsp;&nbsp;{block:Tags}<a href="{TagURL}"> {Tag}.&nbsp;&nbsp;</a>{/block:Tags}{/block:PermalinkPage}{/block:HasTags}</div>
  1151.  
  1152. </div class="permalinkbar">
  1153. {/block:Date}
  1154.  
  1155.  
  1156. <div class="note">
  1157. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1158. </div class="note">
  1159.  
  1160. {/block:Posts}
  1161.  
  1162.  
  1163. </div id="container">
  1164. </div id="posts" id="{PostID}">
  1165.  
  1166.  
  1167. {block:ContentSource}
  1168. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1169. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1170. {/block:SourceLogo}
  1171. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1172. {/block:ContentSource}
  1173.  
  1174.  
  1175.  
  1176. <!-- CREDIT -->
  1177.  
  1178. <div id="credit">
  1179. <div style="width:105px;margin-right:15px;margin-bottom:15">
  1180. <a href="https://iniziarearchive.tumblr.com/tagged/themes" target="blank">
  1181. <span>S.</span>MADE BY SAE.</a>
  1182. </div style>
  1183. </div id="credit">
  1184.  
  1185.  
  1186.  
  1187. </body>
Add Comment
Please, Sign In to add comment