Advertisement
alithegreat

SCFTLCVES | 040: HOPE WORLD.

Aug 26th, 2018
920
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.22 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.  
  7. <link href="https://fonts.googleapis.com/css?family=Asap|Cabin|Karla|Libre+Franklin|Muli|Open+Sans|Oxygen|Roboto+Mono|Ubuntu+Condensed|Oswald" rel="stylesheet">
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <!----
  17.  
  18. #40 - hope world (scftlcves)
  19.  
  20. --->
  21.  
  22. <meta name="image:Container" content="https://via.placeholder.com/740 x 540"/>
  23. <meta name="image:Header" content="https://via.placeholder.com/190x100"/>
  24. <meta name="image:Icon1" content="https://via.placeholder.com/50x50"/>
  25. <meta name="image:Icon2" content="https://via.placeholder.com/50x50"/>
  26. <meta name="image:Icon3" content="https://via.placeholder.com/50x50"/>
  27. <meta name="image:Background" content=""/>
  28.  
  29. <meta name="color:Background" content="#f8f8f8"/>
  30. <meta name="color:Blockquote" content="#d4d4d4"/>
  31. <meta name="color:Bold" content="#000000"/>
  32. <meta name="color:Border" content="#d4d4d4"/>
  33. <meta name="color:Container" content="#f0f0f0"/>
  34. <meta name="color:Entries" content="#ffffff"/>
  35. <meta name="color:Italic" content="#3c3636"/>
  36. <meta name="color:Link" content="#767676"/>
  37. <meta name="color:Scrollbar" content="#f0f0f0"/>
  38. <meta name="color:Tab BG" content="#f8f8f8"/>
  39. <meta name="color:Tab Text" content="#000000"/>
  40. <meta name="color:Tags" content="#3c3636"/>
  41. <meta name="color:Tags" content="#3c3636"/>
  42. <meta name="color:Text" content="#3c3636"/>
  43. <meta name="color:Title" content="#000000"/>
  44.  
  45. <meta name="select:opacity" content="1.0" title="100%" />
  46. <meta name="select:opacity" content="0.9" title="90%" />
  47. <meta name="select:opacity" content="0.8" title="80%" />
  48. <meta name="select:opacity" content="0.7" title="70%" />
  49. <meta name="select:opacity" content="0.6" title="60%" />
  50.  
  51. <meta name="select:body font" content="Asap" title="Asap" />
  52. <meta name="select:body font" content="Cabin" title="Cabin" />
  53. <meta name="select:body font" content="Karla" title="Karla" />
  54. <meta name="select:body font" content="Libre Franklin" title="Libre Franklin" />
  55. <meta name="select:body font" content="Muli" title="Muli" />
  56. <meta name="select:body font" content="Open Sans" title="Open Sans" />
  57. <meta name="select:body font" content="Oxygen" title="Oxygen" />
  58. <meta name="select:body font" content="Roboto Mono" title="Roboto Mono" />
  59. <meta name="select:body font" content="Ubuntu Condensed" title="Ubuntu Condensed" />
  60.  
  61. <meta name="text:post title text size" content="16px">
  62. <meta name="text:body text size" content="11px">
  63. <meta name="text:small text size" content="10px">
  64.  
  65. <meta name="text:yoururl" content="yoururl.tumblr.com">
  66.  
  67. <meta name="text:faq1sec1" content="01. this is question one">
  68. <meta name="text:faq1sec2" content="this is the answer to question one.">
  69. <meta name="text:faq2sec1" content="02. this is question two">
  70. <meta name="text:faq2sec2" content="this is the answer to question two.">
  71. <meta name="text:faq3sec1" content="03. this is question three">
  72. <meta name="text:faq3sec2" content="this is the answer to question three.">
  73.  
  74. <meta name="text:update1sec1" content="date.">
  75. <meta name="text:update1sec2" content="what happened on this date???">
  76. <meta name="text:update2sec1" content="date.">
  77. <meta name="text:update2sec2" content="what happened on this date???">
  78. <meta name="text:update3sec1" content="date.">
  79. <meta name="text:update3sec2" content="what happened on this date???">
  80. <meta name="text:update4sec1" content="date.">
  81. <meta name="text:update4sec2" content="what happened on this date???">
  82. <meta name="text:update5sec1" content="date.">
  83. <meta name="text:update5sec2" content="what happened on this date???">
  84.  
  85. <meta name="text:nav description" content="lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.">
  86.  
  87. <meta name="text:link one url" content="link one url">
  88. <meta name="text:link one text" content="link one">
  89. <meta name="text:link two url" content="link two url">
  90. <meta name="text:link two text" content="link two">
  91. <meta name="text:link three url" content="link three url">
  92. <meta name="text:link three text" content="link three">
  93. <meta name="text:link four url" content="link four url">
  94. <meta name="text:link four text" content="link four">
  95. <meta name="text:link five url" content="link five url">
  96. <meta name="text:link five text" content="link five">
  97. <meta name="text:link six url" content="link six url">
  98. <meta name="text:link six text" content="link sixe">
  99.  
  100. <meta name="select:post size" content="500" title="500px" />
  101. <meta name="select:post size" content="450" title="450px" />
  102. <meta name="select:post size" content="400" title="400px" />
  103. <meta name="select:post size" content="350" title="350px" />
  104. <meta name="select:post size" content="300" title="300px" />
  105. <meta name="select:post size" content="250" title="250px" />
  106.  
  107. <meta name="if:grayscale posts" content="0"/>
  108.  
  109. <meta name="if:small caps" content="0"/>
  110.  
  111. <meta name="text:link one url" content="link one"/>
  112. <meta name="text:link one label" content="one label"/>
  113. <meta name="text:link two url" content="link two"/>
  114. <meta name="text:link two label" content="two label"/>
  115.  
  116.  
  117. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  118.  
  119. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  120.  
  121. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  122.  
  123. <script>
  124.  
  125. (function($){
  126.  
  127. $(document).ready(function(){
  128.  
  129. $("a[title]").style_my_tooltips({
  130.  
  131. tip_follows_cursor:true,
  132.  
  133. tip_delay_time:90,
  134.  
  135. tip_fade_speed:600,
  136.  
  137. attribute:"title"
  138.  
  139. });
  140.  
  141. });
  142.  
  143. })(jQuery);
  144.  
  145. </script>
  146.  
  147. <style type="text/css">
  148.  
  149. #s-m-t-tooltip {
  150. background-color:{color:title};
  151. font-size:10px;
  152. font-weight:bold;
  153. border-radius:5px 5px 5px 5px;
  154. color:{color:entries};
  155. letter-spacing:1px;
  156. text-transform:lowercase;
  157. padding:10px;
  158. margin:20px 0px 0px 20px;
  159. z-index:9999999999999999999999;
  160.  
  161. }
  162.  
  163. ::-webkit-scrollbar-thumb {
  164. background-color:{color:Scrollbar};
  165. }
  166.  
  167. ::-webkit-scrollbar-track {
  168. background-color:{color:Entries};
  169. }
  170.  
  171. ::-webkit-scrollbar {
  172. height:2px;
  173. width:2px;
  174. }
  175.  
  176. ul {
  177. list-style-type: circle;
  178. padding-left:24px;
  179. line-height:13px;
  180. }
  181.  
  182. li {
  183. padding-left: 0px;
  184. margin-bottom: 0px;
  185. list-style: none;
  186. }
  187.  
  188. li:before {
  189. color: {color:title};
  190. content: "\e08f";
  191. font-family: 'SaturnIcons';
  192. font-size:6px;
  193. display: inline-block;
  194. margin-left: -2.5em;
  195. width: 2.5em;
  196. }
  197.  
  198. hr {
  199. display:block;
  200. border-style:dotted;
  201. border-color:{color:border};
  202. }
  203.  
  204. body {
  205. background: {color:Background};
  206. background-image:url('{image:Background}');
  207. background-attachment:fixed;
  208. font-family: '{select:body font}', sans-serif;
  209. font-size: {text:body text size};
  210. line-height:15px;
  211. color: {color:Text};
  212. }
  213.  
  214. blockquote {
  215. text-align:justify;
  216. margin-top: 5px;
  217. margin-bottom: 5px;
  218. margin-left: 5px;
  219. padding-left: 10px;
  220. border-left: 1px solid {color:blockquote};
  221. margin-right:5px;
  222. }
  223.  
  224. a {
  225. text-decoration: none;
  226. color: {color:Link};
  227. }
  228.  
  229. small, sub {
  230. font-size:{text:small text size};
  231. }
  232.  
  233. b, strong {
  234. color:{color:Bold};
  235. }
  236.  
  237. i,em {
  238. color:{color:Italic};
  239. }
  240.  
  241. pre {
  242. padding:6px;
  243. border-bottom:1px dotted {color:border};
  244. text-align:center;
  245. text-transform:lowercase;
  246. font-family:{select:body font};
  247. font-size:{small text size};
  248. color:{color:title};
  249. }
  250.  
  251. h1 {
  252. font-family:arial;
  253. line-height:32px;
  254. font-size:28px;
  255. color:{color:title};
  256. text-align:right;
  257. font-style:italic;
  258. font-weight:bold;
  259. letter-spacing:-1px;
  260. text-transform:lowercase;
  261. }
  262.  
  263. h2 {
  264. font-family:{select:body font};
  265. font-size:{text:small text size};
  266. color:{color:title};
  267. text-align:center;
  268. text-transform:uppercase;
  269. letter-spacing:3px;
  270. word-spacing:3px;
  271. }
  272.  
  273. #contain {
  274. margin:80px auto;
  275. width: calc({select:post size}px + 210px);
  276. height:430px;
  277. padding:30px;
  278. background-color:{color:container};
  279. border-radius:8px 8px 8px 8px;
  280. background-image:url('{image:Container}');
  281. -webkit-filter: grayscale(0%);
  282. -webkit-transition: all 0.6s ease-in-out;
  283. -moz-transition: all 0.6s ease-in-out;
  284. -o-transition: all 0.6s ease-in-out;
  285. -ms-transition: all 0.6s ease-in-out;
  286. transition: all 0.6s ease-in-out;
  287. }
  288.  
  289.  
  290. #bloggerback {
  291. margin-top:0px;
  292. position:fixed;
  293. width:170px;
  294. height:410px;
  295. padding:10px;
  296. background-color:{color:entries};
  297. border-radius:8px 8px 8px 8px;
  298. opacity:{select:opacity};
  299.  
  300. }
  301.  
  302. #bloggerdeets {
  303. width:177px;
  304. margin-top:0px;
  305. overflow:auto;
  306. text-align:justify;
  307. }
  308.  
  309. #header {
  310. margin-top:10px;
  311. font-size:10px;
  312. font-family:karla;
  313. line-height:10px;
  314. text-align:center;
  315. position:fixed;
  316. margin-left:-10px;
  317. border-radius:5px 5px 0px 0px;
  318. }
  319.  
  320. #header img {
  321. display:inline-block;
  322. width:190px;
  323. height:100px;
  324. border-radius:0px 0px 5px 5px;
  325. -webkit-filter: grayscale(0%);
  326. -webkit-transition: all 0.6s ease-in-out;
  327. -moz-transition: all 0.6s ease-in-out;
  328. -o-transition: all 0.6s ease-in-out;
  329. -ms-transition: all 0.6s ease-in-out;
  330. transition: all 0.6s ease-in-out;
  331. }
  332.  
  333. #entries {
  334. position:absolute;
  335. width:{select:post size}px;
  336. margin-left:210px;
  337. height:430px;
  338. padding-right:5px;
  339. overflow:auto;
  340. border: 0px solid {color:Border};}
  341.  
  342.  
  343. #entry {
  344. background-color:{color:Entries};
  345. margin-bottom:15px;
  346. border-radius:8px 8px 8px 8px;
  347. opacity:{select:opacity};
  348. padding:10px;}
  349.  
  350. .photoset {
  351. max-width: 100%;
  352. {block:IfGrayscalePosts}
  353. -webkit-filter: grayscale(100%);
  354. -webkit-transition: all 0.6s ease-in-out;
  355. -moz-transition: all 0.6s ease-in-out;
  356. -o-transition: all 0.6s ease-in-out;
  357. -ms-transition: all 0.6s ease-in-out;
  358. transition: all 0.6s ease-in-out;
  359. {/block:IfGrayscalePosts}
  360. }
  361.  
  362. .photoset:hover {
  363. -webkit-filter: grayscale(0%);
  364. -webkit-transition: all 0.6s ease-in-out;
  365. -moz-transition: all 0.6s ease-in-out;
  366. -o-transition: all 0.6s ease-in-out;
  367. -ms-transition: all 0.6s ease-in-out;
  368. transition: all 0.6s ease-in-out;
  369. }
  370.  
  371. .video {
  372. width:350px!important;}
  373.  
  374. .video iframe {
  375. width:350px!important;}
  376.  
  377. img {
  378. max-width: 100%;
  379. {block:IfGrayscalePosts}
  380. -webkit-filter: grayscale(100%);
  381. -webkit-transition: all 0.6s ease-in-out;
  382. -moz-transition: all 0.6s ease-in-out;
  383. -o-transition: all 0.6s ease-in-out;
  384. -ms-transition: all 0.6s ease-in-out;
  385. transition: all 0.6s ease-in-out;
  386. {/block:IfGrayscalePosts}
  387. }
  388.  
  389. img:hover {
  390. -webkit-filter: grayscale(0%);
  391. -webkit-transition: all 0.6s ease-in-out;
  392. -moz-transition: all 0.6s ease-in-out;
  393. -o-transition: all 0.6s ease-in-out;
  394. -ms-transition: all 0.6s ease-in-out;
  395. transition: all 0.6s ease-in-out;
  396. }
  397.  
  398.  
  399. #posttitles {
  400. font-family:{select:body font};
  401. line-height:100%;
  402. font-size:{text:post title text size};
  403. color:{color:title};
  404. font-weight:bold;
  405. padding:5px;
  406. text-align:center;
  407. text-transform:uppercase;
  408. }
  409.  
  410. #boujee {
  411. text-align:center;
  412. color:{color:text};
  413. margin-top:10px;
  414. display:block;
  415. font-size:{text:small text size};
  416. text-transform:lowercase;
  417. }
  418.  
  419. #boujee a {
  420. color:{color:title};
  421. font-style:italic;
  422. }
  423.  
  424.  
  425. #ask {
  426. text-align:center;
  427. line-height:120%;
  428. color:{color:text};
  429. padding:5px;
  430. }
  431.  
  432. .ask {
  433. float:left;
  434. z-index:10;
  435. font-size:11px;
  436. font-family:{select:body font};
  437. text-align:center;
  438. font-weight:bold;
  439. text-transform:lowercase;
  440. letter-spacing:1px;
  441. line-height:14px;
  442. color:{color:entries};
  443. background-color:{color:title};
  444. margin-top:-13px;
  445. margin-right:0px;
  446. margin-left:0px;
  447. border-radius:5px;
  448. padding-left:10px;
  449. padding-right:10px;
  450. padding-top:5px;
  451. padding-bottom:5px;
  452. }
  453.  
  454. .ask a {
  455. color:{color:entries};
  456. }
  457.  
  458. .askline {
  459. height:1px;
  460. margin-top:5px;
  461. margin-left:0px;
  462. background-color:{color:Border};
  463. z-index:-1;
  464. word-wrap:break-word;
  465. }
  466.  
  467. .question {
  468. color:{color:text};
  469. font-size:{text:small text size};
  470. border-left:1px solid {color:border};
  471. padding:15px;
  472. display:block;
  473. text-align:right;
  474. margin-left:10px;
  475. word-wrap:break-word;
  476.  
  477. }
  478.  
  479. #questionbox {
  480. word-wrap:break-word;
  481. padding:10px;
  482.  
  483. }
  484.  
  485.  
  486. #ans {
  487. text-align:justify;
  488. padding-top:2px;
  489. display:block;
  490. margin-top:20px;
  491. color:{color:text};
  492. }
  493.  
  494. .audio {
  495. display:block;
  496. padding:25px;
  497. height:40px;
  498. }
  499.  
  500. .playbutton {
  501. width:32px;
  502. height:40px;
  503. overflow:hidden;
  504. position:relative;
  505. z-index:9;
  506. opacity:.7;
  507. float:left;
  508. }
  509.  
  510. .albumart {
  511. margin-top:-5px;
  512. }
  513.  
  514. .albumart img {
  515. height:30px;
  516. width:30px;
  517. position:relative;
  518. float:right;
  519. }
  520.  
  521. .details {
  522. margin-top:-8px;
  523. margin-left:15px;
  524. text-align:left;
  525. float:left;
  526. padding:5px;
  527. text-transform:lowercase;
  528. }
  529.  
  530. #permalink {
  531. text-align: center;
  532. border:none;
  533. position: relative;
  534. font-size:10px;
  535. text-transform:lowercase;
  536. margin-top: 20px;
  537. display:block;
  538. padding: 10px;
  539. border-radius:5px;
  540. background-color:{color:background};
  541. }
  542.  
  543. #permalink a {
  544. border-bottom:none;
  545. }
  546.  
  547. .date {
  548. color:{color:text};
  549. font-size:9px;
  550. z-index:10;
  551. text-transform:lowercase;
  552. border:none;
  553. text-align:right;
  554. }
  555.  
  556. .date iconback {
  557. width:10px;
  558. margin-right:5px;
  559. height:10px;
  560. font-size:9px;
  561. background-color:{color:entries};
  562. line-height:10px;
  563. padding:10px;
  564. text-align:center;
  565. border-radius:5px;
  566. display:inline-block;
  567. }
  568.  
  569. .tags {
  570. color:{color:tags};
  571. font-size:9px;
  572. margin-top:10px;
  573. text-align:right;
  574. border:none;
  575. text-transform:lowercase;
  576. }
  577.  
  578. .tags a{
  579. color:{color:tags};
  580. padding:5px;
  581. }
  582.  
  583.  
  584. #credit {
  585. font-size:12px;
  586. float:center;
  587. position:fixed;
  588. bottom:25px;
  589. right:25px;
  590. font-family:Roboto Mono;
  591. text-transform:lowercase;
  592. padding:8px;
  593. border-radius:5px;
  594. color:{color:title};
  595. background-color:{color:entries};
  596. }
  597.  
  598. #credit a {
  599. color:{color:title};
  600. }
  601.  
  602. section {
  603. display: none;
  604. }
  605.  
  606. input {
  607. display: none;
  608. }
  609.  
  610. label {
  611. display: inline-block;
  612. width:39px;
  613. height:33px;
  614. line-height:33px;
  615. border-radius:5px;
  616. text-align: center;
  617. color:{color:tab text};
  618. background-color:{color:tab bg};
  619. font-family:muli;
  620. font-size:7px;
  621. letter-spacing:3px;
  622. }
  623.  
  624. label:hover {
  625. color: {color:tab text};
  626. cursor: pointer;
  627. }
  628.  
  629. input:checked + label {
  630. color: {color:Tab text};
  631. }
  632.  
  633. #tab1:checked ~ #content1,
  634. #tab2:checked ~ #content2,
  635. #tab3:checked ~ #content3,
  636. #tab4:checked ~ #content4 {
  637. display: block;
  638. }
  639.  
  640. .main {
  641. margin-top:5px;
  642. width:173px;
  643. height:272px;
  644. overflow:auto;
  645. {block:IfSmallCaps}
  646. font-variant:small-caps;
  647. font-size:10px;
  648. font-family:Ubuntu Condensed;
  649. line-height:14px;
  650. letter-spacing:2px;
  651. {/block:IfSmallCaps}
  652. }
  653.  
  654. .qq {
  655. padding:5px;
  656. }
  657.  
  658. .qq question {
  659. border-bottom:3px solid {color:title};
  660. font-size: calc({text:body text size} + 1px);
  661. }
  662.  
  663. .genup {
  664. padding:5px;
  665. }
  666.  
  667. .genup date {
  668. border-bottom:3px solid {color:title};
  669. font-size: calc({text:body text size} + 2px);
  670. }
  671.  
  672. .upicons {
  673. margin-top:10px;
  674. display:inline-block;
  675. font-size:10px;
  676. font-family:karla;
  677. line-height:10px;
  678. text-align:center;
  679. border-radius:5px;
  680. }
  681.  
  682. .upicons img {
  683. margin-left:3px;
  684. margin-right:3px;
  685. width:50px;
  686. height:50px;
  687. display:inline-block;
  688. border-radius:5px;
  689. -webkit-filter: grayscale(0%);
  690. -webkit-transition: all 0.6s ease-in-out;
  691. -moz-transition: all 0.6s ease-in-out;
  692. -o-transition: all 0.6s ease-in-out;
  693. -ms-transition: all 0.6s ease-in-out;
  694. transition: all 0.6s ease-in-out;
  695. }
  696.  
  697. .nav {
  698. padding:5px;
  699. margin-top:10px;
  700. }
  701.  
  702. .nav a {
  703. text-align:left;
  704. display:inline-block;
  705. margin-left:3px;
  706. margin-right:3px;
  707. margin-bottom:8px;
  708. border-bottom:3px solid {color:title};
  709. color:{color:text};
  710. }
  711.  
  712. .nav caty {
  713. font-size: calc({text:body text size} + 5px);
  714. color:{color:bold};
  715. display:block;
  716. text-align:right;
  717. font-weight:bold;
  718. }
  719.  
  720. .nav desc {
  721. border-left:2px solid {color:title};
  722. padding-left:10px;
  723. padding-right:10px;
  724. text-align:justify;
  725. display:block;
  726. margin-bottom:15px;
  727. }
  728.  
  729. </style>
  730.  
  731. </head>
  732.  
  733. <body>
  734.  
  735. <div id="contain">
  736.  
  737.  
  738. <div id="bloggerback">
  739.  
  740. <div id="bloggerdeets">
  741.  
  742. <input id="tab1" type="radio" name="tabs" checked>
  743. <label for="tab1" title="index">01</label>
  744.  
  745. <input id="tab2" type="radio" name="tabs">
  746. <label for="tab2" title="mssg">02</label>
  747.  
  748. <input id="tab3" type="radio" name="tabs">
  749. <label for="tab3" title="updates">03</label>
  750.  
  751. <input id="tab4" type="radio" name="tabs">
  752. <label for="tab4" title="navigation">04</label>
  753.  
  754. <section id="content1">
  755. <div class="main">{description}</div>
  756. </section>
  757.  
  758. <section id="content2">
  759. <div class="main">
  760. <div class="qq"><question>{text:faq1sec1}</question> {text:faq1sec2}</div>
  761. <div class="qq"><question>{text:faq2sec1}</question> {text:faq2sec2}</div>
  762. <div class="qq"><question>{text:faq3sec1}</question> {text:faq3sec2}</div>
  763. <p><iframe frameborder="0" height="180" id="ask_form" src="https://www.tumblr.com/ask_form/{text:yoururl}" width="100%"></iframe></p></div>
  764. </section>
  765.  
  766. <section id="content3">
  767. <div class="main">
  768. <div class="genup"><date>{text:update1sec1}</date> {text:update1sec2}</div>
  769. <div class="genup"><date>{text:update2sec1}</date> {text:update2sec2}</div>
  770. <div class="genup"><date>{text:update3sec1}</date> {text:update3sec2}</div>
  771. <div class="genup"><date>{text:update4sec1}</date> {text:update4sec2}</div>
  772. <div class="genup"><date>{text:update5sec1}</date> {text:update5sec2}</div>
  773. <div class="upicons"><img src="{image:icon1}"><img src="{image:icon2}"><img src="{image:icon3}"></div></div>
  774. </section>
  775.  
  776. <section id="content4">
  777. <div class="main">
  778.  
  779. <div class="nav">
  780.  
  781. <desc>{text:nav description}</desc>
  782.  
  783. <caty>general</caty>
  784. <a href="/">index</a>
  785. <a href="/ask">mssg</a>
  786. <a href="/archive">archive</a>
  787. <a href="/submit">submit</a>
  788. <br><br><br>
  789. <caty>other</caty>
  790. <a href="{text:link one url}">{text:link one text}</a>
  791. <a href="{text:link two url}">{text:link two text}</a>
  792. <a href="{text:link three url}">{text:link three text}</a>
  793. <a href="{text:link four url}">{text:link four text}</a>
  794. <a href="{text:link five url}">{text:link five text}</a>
  795. <a href="{text:link six url}">{text:link six text}</a>
  796. </div>
  797.  
  798. </div>
  799. </section>
  800.  
  801. </div>
  802.  
  803.  
  804.  
  805. <div id="header"><img src="{image:header}"></div>
  806.  
  807.  
  808. </div>
  809.  
  810.  
  811.  
  812. <div id="entries">
  813. {block:Posts}
  814. <div id="entry">
  815.  
  816. {block:Text}
  817. <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
  818. {Body}
  819. {/block:Text}
  820.  
  821. {block:Photo}
  822. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  823. {block:Caption}{Caption}{/block:Caption}
  824. {/block:Photo}
  825.  
  826. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  827.  
  828. {block:Quote}
  829. <div id="posttitles">{Quote}</div>
  830. {block:Source}<br>—{Source}{/block:Source}
  831. {/block:Quote}
  832.  
  833. {block:Link}
  834. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  835. {block:Description}{Description}{/block:Description}
  836. {/block:Link}
  837.  
  838. {block:Chat}
  839. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  840. {block:Lines}
  841. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  842. {/block:Lines}
  843. {/block:Chat}
  844.  
  845. {block:Audio}
  846. {block:AudioPlayer}
  847. <div class="audio">
  848. <div class="playbutton">{AudioPlayer}</div>
  849. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  850. <div class="details">
  851. {block:TrackName}{TrackName}{/block:TrackName}<br>
  852. {block:Artist}{Artist}{/block:Artist}
  853. </div></div>
  854. <div class="caption">
  855. {block:Caption}{Caption}{/block:Caption}
  856. </div>
  857. {/block:AudioPlayer}
  858. {/block:Audio}
  859.  
  860. {block:Video}<div class=“video”>{Video-500}</div>
  861. {block:Caption}{Caption}{/block:Caption}
  862. {/block:Video}
  863.  
  864. {block:Answer}
  865. <div id="questionbox"><div class="question">{Question}</div><div class="askline"></div><div class="ask">{Asker}</div></div>
  866. <div id="ans">{Answer}</div>
  867. {/block:Answer}
  868.  
  869.  
  870.  
  871. <div id="permalink">
  872. <div class="date">
  873. <iconback><a href="{Permalink}" title="{block:Date}{TimeAgo}{/block:Date}"><span class="sf sf-push-pin-o"></span></a></iconback>
  874.  
  875. <iconback><a href="{Permalink}" title="{NoteCountWithLabel}"><span class="sf sf-heart-2-o"></span></a></iconback>
  876.  
  877. <iconback><a href="{ReblogURL}" title="reblog this post" target="_blank"><span class="sf sf-reblog-o"></span></a></iconback>
  878.  
  879. {block:RebloggedFrom}
  880.  
  881. <iconback><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><span class="sf sf-paper-plane-o"></span></a></iconback>
  882.  
  883. <iconback><a href="{ReblogRootURL}"title="{ReblogRoottitle}"><span class="sf sf-home-o"></span></a></iconback>
  884.  
  885. {/block:RebloggedFrom}</div>
  886.  
  887.  
  888. </div>
  889.  
  890. <div class="tags">{block:HasTags} {block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  891.  
  892.  
  893.  
  894. <!-- /div entry ---> </div>
  895.  
  896.  
  897.  
  898. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  899.  
  900. <div id="boujee">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> &nbsp;&nbsp;{/block:PreviousPage} {CurrentPage} out of {TotalPages} {block:NextPage}&nbsp;&nbsp;<a href="{NextPage}">next</a>{/block:NextPage} {/block:Pagination}</div>
  901.  
  902.  
  903. </div></div>
  904.  
  905. <div id="credit"><a href="https://scftlcves.tumblr.com/"><span class="sf sf-stars-o"></span></a></div>
  906.  
  907. </body>
  908.  
  909. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement