Advertisement
alithegreat2

Untitled

Nov 10th, 2018
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.02 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  6. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  7.  
  8. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Asap|Cabin|Karla|Libre+Franklin|Muli|Open+Sans|Oxygen|Roboto+Mono|Ubuntu+Condensed|Oswald" rel="stylesheet">
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <!----
  18.  
  19. symbol font: https://themehive.co/honeybee (+retired saturnicons)
  20. body fonts: https://fonts.google.com/
  21. tumblr controls: https://cyantists.tumblr.com/post/163728517915/fix-tumblrs-new-controls-i-have-come-up-with-3
  22. search bar: https://lmthemeslp-tut.tumblr.com/searchb
  23. audio player: https://octomoosey.tumblr.com/post/165373017577/hi-g-im-in-the-process-of-creating-my-own-theme
  24.  
  25. --->
  26.  
  27.  
  28. <meta name="image:Sidebar" content=""/>
  29. <meta name="image:Back" content=""/>
  30. <meta name="image:Background" content=""/>
  31.  
  32. <meta name="color:Background" content="#f3f3f3"/>
  33. <meta name="color:Blockquote" content="#e7e7e7"/>
  34. <meta name="color:Bold" content="bd9482"/>
  35. <meta name="color:Border" content="#e7e7e7"/>
  36. <meta name="color:Entries" content="#f8f8f8"/>
  37. <meta name="color:Italic" content="bd9482"/>
  38. <meta name="color:Link" content="#313131"/>
  39. <meta name="color:Navigation BG" content="#f0f0f0"/>
  40. <meta name="color:Navigation Numbers" content="#bd9482"/>
  41. <meta name="color:Navigation Text" content="#5a5a5a"/>
  42. <meta name="color:Permalink" content="#f0f0f0"/>
  43. <meta name="color:Permalink Icons" content="#f8f8f8"/>
  44. <meta name="color:Scrollbar" content="#bd9482"/>
  45. <meta name="color:Tags" content="#bd9482"/>
  46. <meta name="color:Text" content="#5a5a5a"/>
  47. <meta name="color:Title" content="#bd9482"/>
  48.  
  49. <meta name="select:bullet symbol" content="\e3f9" title="arrow" />
  50. <meta name="select:bullet symbol" content="\e155" title="heart" />
  51. <meta name="select:bullet symbol" content="\e1f8" title="line" />
  52. <meta name="select:bullet symbol" content="\e2c1" title="push pin" />
  53. <meta name="select:bullet symbol" content="\e339" title="star" />
  54.  
  55. <meta name="select:opacity" content="1.0" title="100%" />
  56. <meta name="select:opacity" content="0.9" title="90%" />
  57. <meta name="select:opacity" content="0.8" title="80%" />
  58. <meta name="select:opacity" content="0.7" title="70%" />
  59. <meta name="select:opacity" content="0.6" title="60%" />
  60.  
  61. <meta name="select:body font" content="ABeeZee" title="ABeeZee" />
  62. <meta name="select:body font" content="Asap" title="Asap" />
  63. <meta name="select:body font" content="Cabin" title="Cabin" />
  64. <meta name="select:body font" content="Karla" title="Karla" />
  65. <meta name="select:body font" content="Libre Franklin" title="Libre Franklin" />
  66. <meta name="select:body font" content="Muli" title="Muli" />
  67. <meta name="select:body font" content="Open Sans" title="Open Sans" />
  68. <meta name="select:body font" content="Oxygen" title="Oxygen" />
  69. <meta name="select:body font" content="Roboto Mono" title="Roboto Mono" />
  70. <meta name="select:body font" content="Ubuntu Condensed" title="Ubuntu Condensed" />
  71.  
  72. <meta name="text:meta description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.">
  73.  
  74. <meta name="text:post title text size" content="16px">
  75. <meta name="text:body text size" content="10px">
  76. <meta name="text:navigation text size" content="9px">
  77. <meta name="text:small text size" content="10px">
  78.  
  79. <meta name="text:link one url" content="link one url">
  80. <meta name="text:link one text" content="link one">
  81. <meta name="text:link two url" content="link two url">
  82. <meta name="text:link two text" content="link two">
  83. <meta name="text:link three url" content="link three url">
  84. <meta name="text:link three text" content="link three">
  85.  
  86. <meta name="select:post size" content="500" title="500px" />
  87. <meta name="select:post size" content="450" title="450px" />
  88. <meta name="select:post size" content="400" title="400px" />
  89. <meta name="select:post size" content="350" title="350px" />
  90. <meta name="select:post size" content="300" title="300px" />
  91. <meta name="select:post size" content="250" title="250px" />
  92.  
  93. <meta name="if:grayscale posts" content="0"/>
  94.  
  95. <meta name="if:meta description" content="1"/>
  96. <meta name="if:regular description" content="0"/>
  97.  
  98.  
  99. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  100.  
  101. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  102.  
  103. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  104.  
  105. <script>
  106. // When the user scrolls down 20px from the top of the document, show the button
  107. window.onscroll = function() {scrollFunction()};
  108.  
  109. function scrollFunction() {
  110. if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  111. document.getElementById("myBtn").style.display = "block";
  112. } else {
  113. document.getElementById("myBtn").style.display = "none";
  114. }
  115. }
  116.  
  117. // When the user clicks on the button, scroll to the top of the document
  118. function topFunction() {
  119. document.body.scrollTop = 0; // For Safari
  120. document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
  121. }
  122. </script>
  123.  
  124. <script>
  125.  
  126. (function($){
  127.  
  128. $(document).ready(function(){
  129.  
  130. $("a[title]").style_my_tooltips({
  131.  
  132. tip_follows_cursor:true,
  133.  
  134. tip_delay_time:90,
  135.  
  136. tip_fade_speed:600,
  137.  
  138. attribute:"title"
  139.  
  140. });
  141.  
  142. });
  143.  
  144. })(jQuery);
  145.  
  146. </script>
  147.  
  148. <style type="text/css">
  149.  
  150. iframe.tmblr-iframe {
  151. z-index:99999999999999!important;
  152. top:25px!important;
  153. right:25px!important;
  154. opacity:0.4;
  155. /* delete invert(1) from here */
  156. filter:invert(1) contrast(150%);
  157. -webkit-filter:invert(1) contrast(150%);
  158. -o-filter:invert(1) contrast(150%);
  159. -moz-filter:invert(1) contrast(150%);
  160. -ms-filter:invert(1) contrast(150%);
  161. /* to here if your blog has a dark background */
  162. transform:scale(0.65);
  163. transform-origin:100% 0;
  164. -webkit-transform:scale(0.65);
  165. -webkit-transform-origin:100% 0;
  166. -o-transform:scale(0.65);
  167. -o-transform-origin:100% 0;
  168. -moz-transform:scale(0.65);
  169. -moz-transform-origin:100% 0;
  170. -ms-transform:scale(0.65);
  171. -ms-transform-origin:100% 0;}
  172.  
  173. iframe.tmblr-iframe:hover {
  174. opacity:0.4!important;}
  175.  
  176. #s-m-t-tooltip {
  177. background-color:{color:title};
  178. font-size:10px;
  179. font-weight:bold;
  180. border-radius:5px 5px 5px 5px;
  181. color:{color:entries};
  182. letter-spacing:1px;
  183. text-transform:lowercase;
  184. padding:10px;
  185. margin:20px 0px 0px 20px;
  186. z-index:9999999999999999999999;
  187.  
  188. }
  189.  
  190. ::-webkit-scrollbar-thumb {
  191. background-color:{color:Scrollbar};
  192. }
  193.  
  194. ::-webkit-scrollbar-track {
  195. background-color:{color:Entries};
  196. }
  197.  
  198. ::-webkit-scrollbar {
  199. height:2px;
  200. width:2px;
  201. }
  202.  
  203. ul {
  204. list-style-type: circle;
  205. padding-left:24px;
  206. line-height:13px;
  207. }
  208.  
  209. li {
  210. padding-left: 0px;
  211. margin-bottom: 0px;
  212. list-style: none;
  213. }
  214.  
  215. li:before {
  216. color: {color:title};
  217. content: "{select:bullet symbol}";
  218. font-family: 'honeybee';
  219. font-size:6px;
  220. font-weight:300;
  221. display: inline-block;
  222. margin-left: -2.7em;
  223. width: 2.7em;
  224. }
  225.  
  226.  
  227. u {
  228. border-bottom:2px solid {color:title};
  229. text-decoration:none;
  230. }
  231.  
  232.  
  233. hr {
  234. display:block;
  235. border-style:dotted;
  236. border-color:{color:border};
  237. }
  238.  
  239. body {
  240. background: {color:Background};
  241. background-image:url('{image:Background}');
  242. background-attachment:fixed;
  243. font-family: '{select:body font}', sans-serif;
  244. font-size: {text:body text size};
  245. line-height:15px;
  246. color: {color:Text};
  247. }
  248.  
  249. blockquote {
  250. text-align:justify;
  251. margin-top: 5px;
  252. margin-bottom: 5px;
  253. margin-left: 5px;
  254. padding-left: 10px;
  255. border-left: 1px solid {color:blockquote};
  256. margin-right:5px;
  257. }
  258.  
  259. a {
  260. text-decoration: none;
  261. color: {color:Link};
  262. }
  263.  
  264. small, sub {
  265. font-size:{text:small text size};
  266. }
  267.  
  268. b, strong {
  269. color:{color:Bold};
  270. font-weight:300;
  271. }
  272.  
  273. i,em {
  274. color:{color:Italic};
  275. }
  276.  
  277. pre {
  278. border-bottom:2px solid {color:title};
  279. text-decoration:none;
  280. display:block;
  281. text-align:right;
  282. line-height:0.75;
  283. text-transform:lowercase;
  284. font-family:{select:body font};
  285. font-size:12px;
  286. color:{color:text};
  287. }
  288.  
  289. h1,h2 {
  290. font-family:{select:body font};
  291. font-size:{text:small text size};
  292. color:{color:title};
  293. text-align:center;
  294. text-transform:uppercase;
  295. letter-spacing:3px;
  296. word-spacing:3px;
  297. }
  298.  
  299. #contain {
  300. margin:80px auto;
  301. width: calc({select:post size}px + 420px);
  302. }
  303.  
  304.  
  305. #bloggerback {
  306. left:20px;
  307. bottom:67px;
  308. position:fixed;
  309. width:150px;
  310. height:452px;
  311. padding:10px;
  312. background-color:{color:entries};
  313. opacity:{select:opacity};
  314. border:1px solid {color:border};
  315.  
  316. }
  317.  
  318. #blogicon {
  319. left:191px;
  320. bottom:67px;
  321. position:fixed;
  322. border:1px solid {color:border};
  323. width:299px;
  324. height:472px;
  325. }
  326.  
  327. .bloggerdeets {
  328. width:144px;
  329. padding:14px;
  330. border-bottom:1px solid {color:border};
  331. text-align:justify;
  332. margin-left:-11px;
  333. margin-right:-11px;
  334. text-align:center;
  335. }
  336.  
  337. #anotherimg {
  338. margin-left:-11px;
  339. width:172px;
  340. display:block;
  341. }
  342.  
  343. #navigation {
  344. text-align:left;
  345. font-family:ABeeZee;
  346. margin-left:-11px;
  347. margin-right:-11px;
  348. margin-top:-11px;
  349. border-bottom:1px solid {color:border};
  350. }
  351.  
  352. #navigation a {
  353. text-align:right;
  354. padding:15px;
  355. margin-bottom:-1px;
  356. display:inline-block;
  357. letter-spacing:0px;
  358. font-size:9px;
  359. text-transform:lowercase;
  360. letter-spacing:1px;
  361. width:142px;
  362. height:9px;
  363. line-height:9px;
  364. font-family:ABeeZee;
  365. color:{color:navigation text};
  366. border-top:1px solid {color:border};
  367. border-bottom:1px solid {color:Border};
  368. }
  369.  
  370. #navigation sym {
  371. font-size:12px;
  372. float:left;
  373. color:{color:title};
  374. font-weight:300;
  375. }
  376.  
  377. #searching {
  378. width:142px;
  379. border-bottom:1px solid {color:border};
  380. padding-left:15px;
  381. padding-right:15px;
  382. padding-top:15px;
  383. padding-bottom:8px;
  384. margin-left:-11px;
  385. margin-right:-11px;
  386. line-height:9px;
  387. text-align:right;
  388. }
  389.  
  390. .sfm:before {
  391. content:'\e1ce';
  392. font-family:'honeybee';
  393. color:{color:title};
  394. font-size:12px;
  395. text-align:left;
  396. }
  397.  
  398. .sfm input {
  399. text-align:right;
  400. width:127px;
  401. margin-top: 0px;
  402. color: {color:text};
  403. border:none;
  404. background-color:{color:entries};
  405. font-family:{select:body font};
  406. font-size:9px;
  407. letter-spacing:1px;
  408. text-transform:lowercase;
  409. }
  410.  
  411.  
  412. #postshit {
  413. padding:10px;
  414. margin-top:-15px;
  415. }
  416.  
  417. #postshit ol.notes {
  418. list-style-type: none;
  419. margin: 0;
  420. padding: 0;
  421. }
  422.  
  423. ol.notes li.note {
  424. border-bottom:1px solid {color:border};
  425. padding:8px;
  426. }
  427.  
  428. #postshit img.avatar {
  429. margin-right: 5px;
  430. border-radius:3px;
  431. width: 0px;
  432. height: 0px;
  433. }
  434.  
  435. #entryback {
  436. margin-left:510px;
  437. position:fixed;
  438. background-image:url('{image:Back}');
  439. background-attachment:fixed;
  440. height:120%;
  441. border:1px solid {color:border};
  442. top:-1px;
  443. width:120%;
  444. }
  445.  
  446. #entries {
  447. position:absolute;
  448. width:{select:post size}px;
  449. margin-top:80px;
  450. margin-left:620px;
  451. border: 0px solid {color:Border};}
  452.  
  453.  
  454. #entry {
  455. margin-bottom:80px;
  456. background-color:{color:entries};
  457. border:1px solid {color:border};
  458. border-radius:5px;
  459. padding:10px;
  460. }
  461.  
  462. .photoset {
  463. max-width: 100%;
  464. {block:IfGrayscalePosts}
  465. -webkit-filter: grayscale(100%);
  466. -webkit-transition: all 0.6s ease-in-out;
  467. -moz-transition: all 0.6s ease-in-out;
  468. -o-transition: all 0.6s ease-in-out;
  469. -ms-transition: all 0.6s ease-in-out;
  470. transition: all 0.6s ease-in-out;
  471. {/block:IfGrayscalePosts}
  472. }
  473.  
  474. .photoset:hover {
  475. -webkit-filter: grayscale(0%);
  476. -webkit-transition: all 0.6s ease-in-out;
  477. -moz-transition: all 0.6s ease-in-out;
  478. -o-transition: all 0.6s ease-in-out;
  479. -ms-transition: all 0.6s ease-in-out;
  480. transition: all 0.6s ease-in-out;
  481. }
  482.  
  483. .video {
  484. width:350px!important;}
  485.  
  486. .video iframe {
  487. width:350px!important;}
  488.  
  489. img {
  490. max-width: 100%;
  491. {block:IfGrayscalePosts}
  492. -webkit-filter: grayscale(100%);
  493. -webkit-transition: all 0.6s ease-in-out;
  494. -moz-transition: all 0.6s ease-in-out;
  495. -o-transition: all 0.6s ease-in-out;
  496. -ms-transition: all 0.6s ease-in-out;
  497. transition: all 0.6s ease-in-out;
  498. {/block:IfGrayscalePosts}
  499. }
  500.  
  501. img:hover {
  502. -webkit-filter: grayscale(0%);
  503. -webkit-transition: all 0.6s ease-in-out;
  504. -moz-transition: all 0.6s ease-in-out;
  505. -o-transition: all 0.6s ease-in-out;
  506. -ms-transition: all 0.6s ease-in-out;
  507. transition: all 0.6s ease-in-out;
  508. }
  509.  
  510. #bottombar {
  511. width:450px;
  512. left:20px;
  513. bottom:20px;
  514. height:10px;
  515. padding:20px 0px 20px 20px;
  516. display:block;
  517. background-color:{color:entries};
  518. border:1px solid {color:border};
  519. position:fixed;
  520. z-index:99999999;
  521. border-radius:0px 0px 5px 5px;
  522. }
  523.  
  524.  
  525. #topbar {
  526. width:450px;
  527. left:20px;
  528. bottom:538px;
  529. height:10px;
  530. padding:20px 0px 20px 20px;
  531. display:block;
  532. background-color:{color:entries};
  533. border:1px solid {color:border};
  534. position:fixed;
  535. z-index:99999999;
  536. border-radius:5px 5px 0px 0px;
  537. }
  538.  
  539.  
  540. #posttitles {
  541. font-family:{select:body font};
  542. line-height:140%;
  543. font-size:{text:post title text size};
  544. color:{color:title};
  545. font-weight:bold;
  546. font-size:12px;
  547. text-align:right;
  548. text-transform:uppercase;
  549. }
  550.  
  551.  
  552. .boujee {
  553. text-align:center;
  554. color:{color:text};
  555. display:block;
  556. font-size:9px;
  557. letter-spacing:1px;
  558. text-transform:lowercase;
  559. }
  560.  
  561. .boujee line {
  562. border-left:1px solid {color:border};
  563. border-right:1px solid {color:border};
  564. height:100%;
  565. }
  566.  
  567. .boujee duh {
  568. color:{color:title};
  569. margin-left:10px;
  570. }
  571.  
  572. .boujee a {
  573. color:{color:title};
  574. }
  575. #ask {
  576. text-align:center;
  577. line-height:120%;
  578. color:{color:text};
  579. padding:5px;
  580. }
  581.  
  582. .ask {
  583. float:right;
  584. z-index:10;
  585. font-size:11px;
  586. letter-spacing:.5px;
  587. font-family:{select:body font};
  588. text-align:center;
  589. text-transform:lowercase;
  590. line-height:14px;
  591. color:{color:entries};
  592. background-color:{color:title};
  593. margin-top:-13px;
  594. margin-right:0px;
  595. margin-left:0px;
  596. border-radius:5px;
  597. padding-left:10px;
  598. padding-right:10px;
  599. padding-top:5px;
  600. padding-bottom:5px;
  601. }
  602.  
  603. .ask a {
  604. color:{color:entries};
  605. }
  606.  
  607. .askline {
  608. height:1px;
  609. margin-top:5px;
  610. margin-left:0px;
  611. background-color:{color:Border};
  612. z-index:-1;
  613. word-wrap:break-word;
  614. }
  615.  
  616. .question {
  617. color:{color:text};
  618. font-size:{text:small text size};
  619. padding:15px;
  620. display:block;
  621. text-align:justify;
  622. margin-right:0px;
  623. word-wrap:break-word;
  624.  
  625. }
  626.  
  627. #questionbox {
  628. word-wrap:break-word;
  629. padding:10px;
  630.  
  631. }
  632.  
  633.  
  634. #ans {
  635. text-align:justify;
  636. padding-top:2px;
  637. display:block;
  638. margin-top:20px;
  639. color:{color:text};
  640. }
  641.  
  642. .playbutton {
  643. width:25px;
  644. height:25px;
  645. overflow:hidden;
  646. position:relative;
  647. margin-top:10px;
  648. margin-left:13px;
  649. z-index:9;
  650. border-radius:3px;
  651. opacity:.7;
  652. }
  653.  
  654. .albumart img {
  655. height:50px;
  656. width:50px;
  657. position:relative;
  658. margin-top:-35px;
  659. margin-left:0px;
  660. border-radius:3px;
  661. }
  662.  
  663. .albumdetails {
  664. margin-top:-55px;
  665. text-align:right;
  666. float:right;
  667. padding:5px;
  668. text-transform:lowercase;
  669. }
  670.  
  671. .albumdetails oth {
  672. border-bottom:2px solid {color:title};
  673. text-align:right;
  674. line-height:0.75;
  675. letter-spacing:1px;
  676. text-transform:lowercase;
  677. color:{color:text};
  678. margin-right:5px;
  679. }
  680.  
  681. .audiocaption {
  682. display:block;
  683. text-align:left;
  684. }
  685.  
  686. .chats {
  687. display:block;
  688. padding:10px;
  689. }
  690.  
  691. .chats nms {
  692. border-bottom:2px solid {color:title};
  693. text-align:right;
  694. line-height:0.75;
  695. letter-spacing:1px;
  696. text-transform:lowercase;
  697. margin-right:5px;
  698. color:{color:text};
  699. font-size: calc({text:body font size} + 2px);
  700. }
  701.  
  702. #permalink {
  703. text-align: center;
  704. border:none;
  705. position: relative;
  706. font-size:10px;
  707. text-transform:lowercase;
  708. margin-top: 20px;
  709. display:block;
  710. padding: 10px;
  711. border-radius:5px;
  712. border:1px solid {color:border};
  713. background-color:{color:permalink};
  714. }
  715.  
  716. #permalink a {
  717. border-bottom:none;
  718. }
  719.  
  720. .date {
  721. color:{color:text};
  722. font-size:9px;
  723. z-index:10;
  724. text-transform:lowercase;
  725. border:none;
  726. text-align:right;
  727. }
  728.  
  729. .date iconback {
  730. width:10px;
  731. margin-right:5px;
  732. height:10px;
  733. font-size:9px;
  734. background-color:{color:Permalink Icons};
  735. line-height:10px;
  736. padding:10px;
  737. text-align:center;
  738. border-radius:5px;
  739. display:inline-block;
  740. border:1px solid {color:border};
  741. }
  742.  
  743. .tags {
  744. color:{color:tags};
  745. font-size:7px;
  746. letter-spacing:.5px;
  747. margin-top:10px;
  748. text-align:right;
  749. border:none;
  750. text-transform:uppercase;
  751. }
  752.  
  753. .tags a{
  754. color:{color:tags};
  755. padding:5px;
  756. }
  757.  
  758. #myBtn {
  759. font-family:{select:body font};
  760. letter-spacing:1px;
  761. display: none; /* Hidden by default */
  762. position: fixed; /* Fixed/sticky position */
  763. bottom: 20px; /* Place the button at the bottom of the page */
  764. right: 20px; /* Place the button 30px from the right */
  765. z-index: 99; /* Make sure it does not overlap */
  766. border: 1px solid {color:border}; /* Remove borders */
  767. outline: none; /* Remove outline */
  768. background-color: {color:entries}; /* Set a background color */
  769. color: {color:text}; /* Text color */
  770. cursor: pointer; /* Add a mouse pointer on hover */
  771. padding: 10px; /* Some padding */
  772. border-radius: 5px; /* Rounded corners */
  773. font-size: 9px; /* Increase font size */
  774. }
  775.  
  776. #myBtn:hover {
  777. background-color: {color:background}; /* Add a dark-grey background on hover */
  778. color:{color:title};
  779. }
  780.  
  781. #credit {
  782. font-size:12px;
  783. float:center;
  784. position:fixed;
  785. bottom:25px;
  786. right:25px;
  787. font-family:Roboto Mono;
  788. text-transform:lowercase;
  789. padding:8px;
  790. border-radius:5px;
  791. color:{color:title};
  792. background-color:{color:entries};
  793. }
  794.  
  795. #credit a {
  796. color:{color:title};
  797. }
  798.  
  799. </style>
  800.  
  801. </head>
  802.  
  803. <body>
  804.  
  805.  
  806. <div id="topbar">
  807. <div class="boujee"><span style="float:left; border-right:1px solid {color:border}; line-height:50px; margin-top:-20px; padding-right:20px; margin-bottom:-20px;"><big><b>ali</b></big> or mo. twenty-four. she/her.</span><script language="JavaScript">
  808. var ref = (''+document.referrer+'');
  809. var w_h = window.screen.width + " x " + window.screen.height;
  810. document.write('<script src="https://s1.freehostedscripts.net/ocounter.php?site=ID4173224&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  811. </script> currently & <script language="JavaScript" src="https://s1.freehostedscripts.net/ocount.php?site=ID2575608&name="></script> total</div>
  812. </div>
  813.  
  814. <div id="bottombar">
  815. <div class="boujee"><span style="float:left; border-right:1px solid {color:border}; line-height:50px; padding-right:20px; padding-left:0px; margin-top:-20px; margin-bottom:-20px;">{BlogURL} <duh>{CopyrightYears}</duh></span>
  816. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> &nbsp;&nbsp;{/block:PreviousPage} {CurrentPage} OF {TotalPages} {block:NextPage}&nbsp;&nbsp;<a href="{NextPage}">next</a>{/block:NextPage} {/block:Pagination}
  817. </div>
  818. </div>
  819.  
  820. <div id="bloggerback">
  821.  
  822.  
  823. <div id="navigation">
  824. <a href="/"><sym><span class="th th-reload-arrow"></span></sym>page index</a><br>
  825. <a href="/ask"><sym><span class="th th-envelope-o"></span></sym>message me</a><br>
  826. <a href="/about"><sym><span class="th th-user-3-o"></span></sym>"about me"</a><br>
  827. <a href="/navigation"><sym><span class="th th-compass-2-o"></span></sym> navigation</a><br>
  828. <a href="/codedirectory"><sym><span class="th th-code"></span></sym>code directory</a><br>
  829. </div>
  830. <div id="searching"><form action="/search" method="get" class="sfm" name="theform">
  831. <input type="text" name="q" value="search"/>
  832. </form></div>
  833.  
  834. <div class="bloggerdeets">
  835. not strictly a theme blog.
  836. <br>
  837. <b><i>&&</i></b> not just a kpop blog.
  838. <br>multi-fandom mess, tbh.
  839. </div>
  840.  
  841. <div class="bloggerdeets">
  842. my response time is slow since i work 60 hours a week & code for fun. treat me like a human being, please<b><i>!!</i></b>
  843. </div>
  844.  
  845. <div class="bloggerdeets">
  846. <b>can you remember who you were before the world told you who you should be?</b>
  847. </div>
  848.  
  849.  
  850. <div id="blogicon"><img src="{image:sidebar}"></div>
  851.  
  852. </div>
  853.  
  854. <div id="entryback"></div>
  855.  
  856. <div id="entries">
  857. {block:Posts}
  858. <div id="entry">
  859.  
  860. {block:Text}
  861. <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
  862. {Body}
  863. {/block:Text}
  864.  
  865. {block:Photo}
  866. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  867. {block:Caption}{Caption}{/block:Caption}
  868. {/block:Photo}
  869.  
  870. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  871.  
  872. {block:Quote}
  873. <div id="posttitles">{Quote}</div>
  874. {block:Source}<br>—{Source}{/block:Source}
  875. {/block:Quote}
  876.  
  877. {block:Link}
  878. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  879. {block:Description}{Description}{/block:Description}
  880. {/block:Link}
  881.  
  882. {block:Chat}
  883. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  884. {block:Lines}
  885. <div class="chats">
  886. {block:Label}<nms>{Label}</nms>{/block:Label} {Line}
  887. </div>
  888. {/block:Lines}
  889. {/block:Chat}
  890.  
  891. {block:Audio}
  892. {block:AudioPlayer}
  893. <div class="playbutton">{AudioPlayerGrey}</div>
  894. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  895. <div class="albumdetails">
  896. {block:TrackName}<oth>track:</oth> {TrackName}{/block:TrackName}<br>
  897. {block:Artist}<oth>artist:</oth> {Artist}{/block:Artist}<br>
  898. {block:PlayCount}<oth>plays:</oth> {PlayCount}{/block:PlayCount}
  899. </div>
  900. <div class="audiocaption">
  901. {block:Caption}{Caption}{/block:Caption}
  902. </div>
  903. {/block:AudioPlayer}
  904. {/block:Audio}
  905.  
  906.  
  907.  
  908. {block:Video}<div class=“video”>{Video-500}</div>
  909. {block:Caption}{Caption}{/block:Caption}
  910. {/block:Video}
  911.  
  912. {block:Answer}
  913. <div id="questionbox"><div class="question">{Question}</div><div class="askline"></div><div class="ask">{Asker}</div></div>
  914. <div id="ans">{Answer}</div>
  915. {/block:Answer}
  916.  
  917.  
  918.  
  919. <div id="permalink">
  920. <div class="date">
  921. <iconback><a href="{Permalink}" title="{block:Date}{TimeAgo}{/block:Date}"><span class="sf sf-push-pin-o"></span></a></iconback>
  922.  
  923. <iconback><a href="{Permalink}" title="{NoteCountWithLabel}"><span class="sf sf-heart-2-o"></span></a></iconback>
  924.  
  925. <iconback><a href="{ReblogURL}" title="reblog this post" target="_blank"><span class="sf sf-reblog-o"></span></a></iconback>
  926.  
  927. {block:RebloggedFrom}
  928.  
  929. <iconback><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><span class="sf sf-paper-plane-o"></span></a></iconback>
  930.  
  931. <iconback><a href="{ReblogRootURL}"title="{ReblogRoottitle}"><span class="sf sf-home-o"></span></a></iconback>
  932.  
  933. {/block:RebloggedFrom}</div>
  934.  
  935.  
  936. </div>
  937.  
  938. <div class="tags">{block:HasTags} {block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  939.  
  940.  
  941.  
  942. <!-- /div entry ---> </div>
  943.  
  944.  
  945.  
  946. {/block:Posts}
  947.  
  948. {block:PostNotes}
  949. <div id="postshit">{PostNotes}</div>
  950. {/block:PostNotes}
  951.  
  952.  
  953. </div>
  954.  
  955. <button onclick="topFunction()" id="myBtn" title="back to top">back to top</button>
  956.  
  957. </body>
  958.  
  959. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement