API tools faq
paste
Advertisement
tipsyGnostalgic

demos tumblr theme stuff

tipsyGnostalgic
Dec 25th, 2012
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.48 KB | None | 0 0
raw download clone embed print report
  1. title:
  2. the last best hope of humanity
  3.  
  4. description:
  5. hello, i'm demosthenes aka mandy. in this blog you'll find lots of homestuck, pokemon, NSFW THINGS, video games, books(like ender's game!), and other various things i enjoy. i like writing fanfics a lot, and the link to those is up over there somewhere. i ship dirk<3roxy pretty hardcore, so deal with it :B i also run a few other blogs which you can find in the links above. feel free to ask me anything about myself, pesterchum (i'm a mod! how did that happen!), or whatever! ps if you like dirk<3roxy as much as i do i have a tag for it... /tagged/otp-feels
  6.  
  7. http://puu.sh/1FhJo
  8. http://puu.sh/1FhJO
  9. http://puu.sh/1FhKI
  10.  
  11. html:
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <!--
  17.  
  18. THEME BY: vivite.tumblr.com
  19. PLEASE DON'T REMOVE CREDITS! Thank you! :)
  20.  
  21. Background Credits: Gyapo
  22. Sidebar Credits: Mortgraphics
  23.  
  24.  
  25. -->
  26.  
  27. <html>
  28. <title>{title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34. <meta name="color:Background" content="#ffffff" />
  35. <meta name="color:Border1" content="#EBCACA"/>
  36. <meta name="color:Border2" content="#EDDDDD"/>
  37. <meta name="color:Entry" content="#ffffff" />
  38. <meta name="color:Post Wrap" content="#ffffff" />
  39. <meta name="color:Entry text" content="#616161" />
  40. <meta name="color:Entries bold" content="#D69292" />
  41. <meta name="color:Entries italic" content="#E8B0B0" />
  42. <meta name="color:Sidebar" content="#ffffff" />
  43. <meta name="color:Sidebar text" content="#999999" />
  44. <meta name="color:Mainlink" content="#696969" />
  45. <meta name="color:Mainlink hover" content="#ffffff" />
  46. <meta name="color:Link" content="#E28989" />
  47. <meta name="color:Link hover" content="#999999" />
  48. <meta name="color:Extra" content="#929292" />
  49. <meta name="color:Extra bg" content="#EBCACA" />
  50. <meta name="color:Extra hover" content="#BD7B7B" />
  51. <meta name="color:Extra bg hover" content="#FFFFFF" />
  52. <meta name="color:Perma link" content="#DFA2A2" />
  53. <meta name="color:Perma Bg" content="#eeeeee" />
  54. <meta name="color:Nextpage arrow" content="#969494" />
  55. <meta name="color:Nextpage arrow hover" content="#505050" />
  56. <meta name="color:Scrollbar face" content="#E8B3B3" />
  57. <meta name="color:Scrollbar bg" content="#ffffff" />
  58.  
  59.  
  60. <meta name="image:background" content="http://static.tumblr.com/jtqlgf2/u2Wm32hhi/tumblr_lzju29vxir1r9g6hvo2_100.png" />
  61. <meta name="image:sidebar" content="http://i49.tinypic.com/2ueny8i.png" />
  62.  
  63. <meta name="text:Music" content"" />
  64. <meta name="fanfics" content="" />
  65. <meta name="http://archiveofourown.org/users/Lalonde" content=""/>
  66. <meta name="text:Link1" content="" />
  67. <meta name="text:Link1URL" content=""/>
  68. <meta name="text:Link2" content="" />
  69. <meta name="text:Link2URL" content=""/>
  70. <meta name="text:Link3" content="" />
  71. <meta name="text:Link3URL" content=""/>
  72. <meta name="text:Link4" content="" />
  73. <meta name="text:Link4URL" content=""/>
  74. <meta name="text:Link5" content="" />
  75. <meta name="text:Link5URL" content=""/>
  76. <meta name="text:Link6" content="" />
  77. <meta name="text:Link6URL" content=""/>
  78.  
  79. <meta name="font:Body" content="verdana" />
  80.  
  81. <meta name="if:MusicPlayer" content="0" />
  82. <meta name="if:FadingPhotos" content="1" />
  83. <meta name="if:ShowCaptions" content="0" />
  84. <meta name="if:InfiniteScroll" content="1" />
  85. <meta name="if:Bigger Posts" coontent="0" />
  86. <meta name="if:ShowTags" content="0" />
  87.  
  88. <head>
  89.  
  90. <style type="text/css">
  91.  
  92. @font-face {
  93. font-family: "economica-regular";
  94. src: url('http://static.tumblr.com/jtqlgf2/EFzm1d5lh/economica-regular.ttf');
  95. }
  96.  
  97. @font-face {
  98. font-family: "belleza-regular";
  99. src: url('http://static.tumblr.com/jtqlgf2/82Ym32do5/belleza-regular.ttf');
  100. }
  101.  
  102. body {
  103. background-color:{color:background};
  104. background-image: url('{image:Background}');
  105. background-attachment:fixed;
  106. font-family:{font:body};
  107. font-size:11px;
  108. line-height:14px;
  109. text-align:justify;}
  110.  
  111. ::-webkit-scrollbar-thumb:vertical {
  112. background-color: {color:scrollbar face};
  113. height: 30px;}
  114.  
  115. ::-webkit-scrollbar {
  116. height: 30px;
  117. width: 4px;
  118. background-color: {color:scrollbar bg};}
  119.  
  120. iframe#tumblr_controls {
  121. position: fixed !important;
  122. right:2px !important;
  123. -moz-transition: all 0.8s ease-out;
  124. -webkit-transition: opacity 0.7s linear;
  125. -webkit-transition: all 0.8s ease-out;
  126. transition: all 0.8s ease-out;
  127. opacity: 0.5;}
  128.  
  129. iframe#tumblr_controls:hover {
  130. -webkit-transition: opacity 0.7s linear;
  131. -moz-transition: all 0.4s ease-out;
  132. -webkit-transition: all 0.4s ease-out;
  133. transition: all 0.4s ease-out;
  134. opacity: 1;}
  135.  
  136. #posts {
  137. margin-left:512px;
  138. margin-top:0px;}
  139.  
  140. #b2{
  141. position:fixed;
  142. height:100%;
  143. width:8px;
  144. background-color:{color:border1};
  145. {block:ifbiggerposts}left:1045px;{/block:ifbiggerposts}
  146. {block:ifnotbiggerposts}left:945px;{/block:ifnotbiggerposts}
  147. top:0px;
  148. z-index:9;}
  149.  
  150. #wrap2{
  151. position:fixed;
  152. border-right:10px solid {color:border2};
  153. width:435px;
  154. margin-left:502px;
  155. margin-top:-10px;
  156. height:100%;
  157. {block:IfBiggerPosts}width:535px;{/block:IfBiggerPosts}
  158. padding-left:8px;
  159. padding-top:8px;
  160. background-color:{color:Post Wrap};}
  161.  
  162. .post {
  163. {block:IfNotBiggerPosts}width:410px;{/block:IfNotBiggerPosts}
  164. {block:IfBiggerPosts}width:510px;{/block:IfBiggerPosts}
  165. }
  166.  
  167. .entries {
  168. color:{color:entry text};
  169. overflow:hidden;
  170. background-color:{color:entry};
  171. {block:IfBiggerPosts}width:500px;{/block:IfBiggerPosts}
  172. {block:IfNotBiggerPosts}width:400px;{/block:IfNotBiggerPosts}
  173. margin-top:10px;
  174. position:relative;
  175. z-index:6;
  176. text-align:justify;
  177. font-size:11px;
  178. font-family:{font:body};
  179. padding:8px;
  180. }
  181.  
  182. .entries blockquote {
  183. border-left: 3px solid {color:link};
  184. padding-left: 8px;
  185. margin-left: 10px;
  186. }
  187.  
  188. .entries b, strong{
  189. color: {color:entries bold};}
  190.  
  191. .entries i, em{
  192. color:{color:entries italic};}
  193.  
  194. .entries a{
  195. color:{color:link};
  196. text-decoration:none;
  197. }
  198.  
  199. .entries a:hover{
  200. color:{color:link hover};}
  201.  
  202. .entries h1 {
  203. color:{color:mainlink};
  204. font-family: "belleza-regular";
  205. font-weight:normal;
  206. font-size:16px;
  207. letter-spacing:2px;
  208. text-align:left;
  209. padding-left:20px;
  210. padding-bottom:5px;
  211. border-bottom:1px dotted {color:link};
  212. }
  213.  
  214. .entries h2 {
  215. font-family: "belleza-regular";
  216. font-size:20px;
  217. font-weight:normal;
  218. padding-left:5px;
  219. padding-right:5px;
  220. text-align:left;
  221. padding-bottom:8px;
  222. margin-left:10px;
  223. border-bottom: 1px dotted {color:link};
  224. }
  225.  
  226. .entries h3 {
  227. font-family: "belleza-regular";
  228. font-weight:normal;
  229. text-transform:uppercase;
  230. border-bottom:1px dotted {color:link};
  231. font-size:16px;
  232. padding-left:10px;
  233. text-align:center;
  234. padding-bottom:8px;}
  235.  
  236. .entries img {
  237. {block:IfNotBiggerPosts}max-width:400px;{/block:IfNotBiggerPosts}
  238. {block:IfBiggerPosts}max-width:500px;{/block:IfBiggerPosts}}
  239.  
  240. {block:indexpage}
  241. {block:iffadingphotos}
  242. .photo{
  243. opacity:.7;
  244. -webkit-transition: all 0.7s ease-in-out;
  245. -moz-transition: all 0.7s ease-in-out;
  246. -o-transition: all 0.7s ease-in-out;
  247. -ms-transition: all 0.7s ease-in-out;
  248. transition: all 0.7s ease-in-out;}
  249.  
  250. .photo:hover{
  251. opacity:1;}
  252. {/block:iffadingphotos}
  253. {/block:indexpage}
  254.  
  255. table{
  256. margin-left:-10px;
  257. {block:IfNotBiggerPosts}
  258. width:405px;
  259. {/block:IfNotBiggerPosts}
  260. {block:IfBiggerPosts}
  261. width:505px;
  262. {/block:IfBiggerPosts}}
  263.  
  264.  
  265. th{
  266. border:0px solid;
  267. border-collapse:collapse;
  268. padding:2px;
  269. width:50px;}
  270.  
  271. td{
  272. text-align:right;
  273. border:0px solid;}
  274.  
  275. .ask {
  276. {block:IfNotBiggerPosts}
  277. width:385px;
  278. {/block:IfNotBiggerPosts}
  279. {block:IfBiggerPosts}
  280. width:485px;
  281. {/block:IfBiggerPosts}
  282. padding-left:8px;
  283. padding-top:8px;
  284. padding-bottom:8px;
  285. padding-right:8px;
  286. font-style:none;
  287. font-size:12px;
  288. font-family: georgia;}
  289.  
  290. .ask a{
  291. color:{color:link};
  292. font-style:none;
  293. font-size:15px;
  294. font-family: "belleza-regular";}
  295.  
  296. .answer{
  297. padding-bottom:4px;}
  298.  
  299. .chat{
  300. padding-top:5px;
  301. line-height:14px;}
  302.  
  303. .chat b, strong{
  304. text-transform:uppercase;
  305. font-size:10px;
  306. padding:2px;}
  307.  
  308. .chat .lines {
  309. margin-left:0px;}
  310.  
  311. .chat .lines .line{
  312. padding:4px;
  313. border-bottom:1px dotted {color:border1};}
  314.  
  315. .chat .lines .odd {
  316. border-bottom:1px dotted {color:border2};}
  317.  
  318.  
  319. .audio{
  320. background: #e4e4e4;
  321. display:block;
  322. margin-bottom:0px;
  323. margin-left:60px;
  324. position:relative;
  325. padding-left:20px;
  326. border-radius:200px;
  327. margin-top:0px;}
  328.  
  329. .cover{
  330. margin-left:0px;
  331. border-radius:200px;}
  332.  
  333. .cover img{
  334. max-width:50px;
  335. border-radius:200px;
  336. float:left;}
  337.  
  338. .what{
  339. position:relative;
  340. margin-top:5px;
  341. margin-left:70px;
  342. padding-left:10px;}
  343.  
  344.  
  345. .per {
  346. position:relative;
  347. {block:ifnotbiggerposts}width:406px;{/block:ifnotbiggerposts}
  348. {block:ifbiggerposts}width:506px;{/block:ifbiggerposts}
  349. margin-bottom:25px;
  350. background-color:{color:perma bg};
  351. color:{color:entry text};
  352. font-size:8px;
  353. line-height:9px;
  354. font-family:tahoma;
  355. padding:5px;
  356. text-align:center;
  357. opacity:1;}
  358.  
  359. .per a{
  360. text-transform:uppercase;
  361. text-decoration:none;
  362. font-family:tahoma;
  363. font-size:8px;
  364. letter-spacing:1px;
  365. padding-left:3px;
  366. color:{color:perma link};}
  367.  
  368. .per a:hover{
  369. color:{color:link hover};}
  370.  
  371. {block:PermalinkPage}
  372. .permalink {
  373. position:relative;
  374. {block:IfBiggerPosts}width:516px;{/block:IfBiggerPosts}
  375. {block:IfNotBiggerPosts}width:416px;{/block:IfNotBiggerPosts}
  376. text-align: left;
  377. margin-left:-10px;
  378. margin-top:5px;
  379. padding-left:10px;
  380. padding-bottom:10px;
  381. font-size:10px;
  382. line-height:11px;
  383. letter-spacing:1px;
  384. font-family:tahoma;
  385. text-align:center;
  386. color: {color:entry text};
  387. }
  388. {/block:PermalinkPage}
  389.  
  390. .permalink a {
  391. color: {color:perma link};
  392. text-decoration: none;
  393. font-family:tahoma;
  394. font-size:10px;
  395. }
  396.  
  397. .permalink a:hover {
  398. color: {color:link hover};
  399. text-decoration: none;
  400. }
  401.  
  402. ol.notes {
  403. padding-left:20px;
  404. font-family:tahoma;
  405. font-size:9px;
  406. padding-top:10px;
  407. margin-top:-10px;
  408. letter-spacing:1px;
  409. letter-spacing: 0px;
  410. border: 0px;
  411. list-style-type: decimal;
  412. }
  413.  
  414. ol.notes li.note {
  415. padding: 1px;
  416. letter-spacing: 0px;
  417. text-align: left;
  418. }
  419.  
  420. ol.notes li.note a{
  421. color:{color:link};}
  422.  
  423. ol.notes li.note img.avatar {
  424. vertical-align: -4px;
  425. margin-right: 10px;
  426. width: 0px;
  427. height: 0px;
  428. }
  429.  
  430. #pages {
  431. bottom:0px;
  432. {block:ifbiggerposts}margin-left:1055px;{/block:ifbiggerposts}
  433. {block:ifnotbiggerposts}margin-left:955px;{/block:ifnotbiggerposts}
  434. position:fixed;
  435. z-index:9999;
  436. text-align:center;
  437. }
  438.  
  439. #pages a{
  440. display:block;
  441. color:{color:nextpage arrow};
  442. background-color:{color:border2};
  443. font-family:impact;
  444. font-weight:normal;
  445. font-size:20px;
  446. padding-bottom:4px;
  447. padding-left:10px;
  448. padding-right:10px;
  449. text-align:center;
  450. text-decoration:none;}
  451.  
  452. #pages a:hover{
  453. color:{color:nextpage arrow hover};}
  454.  
  455. #border{
  456. position:fixed;
  457. width:330px;
  458. height:auto;
  459. bottom:0px;
  460. left:140px;
  461. background-color:{color:border2};
  462. border-radius: 150px 150px 0px 0px;
  463. -webkit-transition: all 0.7s ease-in-out;
  464. -moz-transition: all 0.7s ease-in-out;
  465. -o-transition: all 0.7s ease-in-out;
  466. -ms-transition: all 0.7s ease-in-out;
  467. transition: all 0.7s ease-in-out;}
  468.  
  469.  
  470. #sidebar{
  471. padding:10px;
  472. width:250px;
  473. margin-top:10px;
  474. margin-left:10px;
  475. border-right:20px solid {color:border1};
  476. border-left:20px solid {color:border1};
  477. border-radius: 150px 150px 0px 0px;
  478. background-color:{color:sidebar};}
  479.  
  480. #sidebar img{
  481. width:250px;
  482. border-radius: 200px 200px 0px 0px;
  483. opacity:.8;}
  484.  
  485. #desci{
  486. width:250px;
  487. margin-top:50px;
  488. padding-top:5px;
  489. padding-right:5px;
  490. padding-bottom:5px;
  491. font-family:tahoma;
  492. color:{color:sidebar text};}
  493.  
  494. #desci a{
  495. text-decoration: none;
  496. color:{color:link};}
  497.  
  498. #desci b, strong{
  499. letter-spacing:1px;
  500. font-family:tahoma;
  501. color:{color:entries bold};}
  502.  
  503. #desci h1{
  504. font-family: georgia;
  505. text-align:center;
  506. text-transform:lowercase;
  507. font-style:italic;
  508. font-size:14px;
  509. background-color:{color:border1};
  510. padding-right:10px;
  511. padding-left:10px;
  512. padding-bottom:4px;
  513. margin-top:0px;
  514. margin-left:-10px;
  515. width:252px;
  516. border-radius:100px;}
  517.  
  518.  
  519. #extras{
  520. position:fixed;
  521. margin-top:129px;
  522. margin-left:-118px;
  523. text-align:center;}
  524.  
  525. #extras:hover #lelinks{
  526. opacity:1;}
  527.  
  528. #lelinks{
  529. text-align:center;
  530. margin-top:10px;
  531. opacity:1;
  532. -webkit-transition: all 0.5s ease-in-out;
  533. -moz-transition: all 0.5s ease-in-out;
  534. -o-transition: all 0.5s ease-in-out;
  535. -ms-transition: all 0.5s ease-in-out;
  536. transition: all 0.5s ease-in-out;}
  537.  
  538. #lelinks a{
  539. display:block;
  540. width:80px;
  541. padding:4px;
  542. font-family: consolas;
  543. text-transform:uppercase;
  544. text-decoration:none;
  545. font-size:10px;
  546. letter-spacing:1px;
  547. color:{color:extra};
  548. background-color:{color:extra Bg};
  549. margin-top:4px;
  550. border-radius:10px 0px 0px 10px;-webkit-transition: all 0.5s ease-in-out;
  551. -moz-transition: all 0.5s ease-in-out;
  552. -o-transition: all 0.5s ease-in-out;
  553. -ms-transition: all 0.5s ease-in-out;
  554. transition: all 0.5s ease-in-out;}
  555.  
  556. #lelinks a:hover{
  557. margin-left:-10px;
  558. padding-right:14px;
  559. background-color:{color:extra bg hover};
  560. color:{color:extra hover};}
  561.  
  562. #mainlinks{
  563. position:fixed;
  564. width:290px;
  565. text-align:center;
  566. background-color:{color:border2};
  567. border-radius:100px;
  568. margin-left:-20px;
  569. margin-top:5px;}
  570.  
  571. #mainlinks a{
  572. display:inline-block;
  573. text-align:center;
  574. padding-left:5px;
  575. padding-right:5px;
  576. color:{color:mainlink};
  577. font-family:consolas;
  578. font-size:9px;
  579. margin-left:2px;
  580. text-transform:uppercase;
  581. text-decoration:none;
  582. letter-spacing:1px;
  583. -webkit-transition: all 0.5s ease-in-out;
  584. -moz-transition: all 0.5s ease-in-out;
  585. -o-transition: all 0.5s ease-in-out;
  586. -ms-transition: all 0.5s ease-in-out;
  587. transition: all 0.5s ease-in-out;}
  588.  
  589. #mainlinks a:hover{
  590. color:{color:mainlink hover};}
  591.  
  592. {block:IfMusicPlayer}
  593. #lemusic{
  594. text-align:center;
  595. padding-top:10px;
  596. padding-bottom:10px;
  597. margin-top:59px;
  598. {block:ifbiggerposts}margin-left:1052px;{/block:ifbiggerposts}
  599. {block:ifnotbiggerposts}margin-left:952px;{/block:ifnotbiggerposts}
  600. width:14px;
  601. position:fixed;
  602. z-index:999;
  603. overflow:Hidden;
  604. border-radius: 0px 10px 10px 0px;
  605. padding-left:4px;
  606. padding-right:4px;
  607. background-color:{color:border2};
  608. -webkit-transition: all 0.5s ease-in-out;
  609. -moz-transition: all 0.5s ease-in-out;
  610. -o-transition: all 0.5s ease-in-out;
  611. -ms-transition: all 0.5s ease-in-out;
  612. transition: all 0.5s ease-in-out;}
  613.  
  614. #lemusic:hover{
  615. width:80px;}
  616.  
  617. #lemusic:hover #inside{
  618. opacity:1;}
  619.  
  620. #inside{
  621. position:absolute;
  622. width:40px;
  623. overflow:hidden;
  624. padding-right:20px;
  625. opacity:0;
  626. -webkit-transition: all 0.5s ease-in-out;
  627. -moz-transition: all 0.5s ease-in-out;
  628. -o-transition: all 0.5s ease-in-out;
  629. -ms-transition: all 0.5s ease-in-out;
  630. transition: all 0.5s ease-in-out;}
  631.  
  632. #gf{
  633. padding-left:0px;
  634. text-align:right;}
  635.  
  636. {/block:IfMusicPlayer}
  637.  
  638. {CustomCSS}
  639.  
  640. </style>
  641.  
  642. {block:IfInfiniteScroll}
  643. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  644. {/block:IfInfiniteScroll}
  645. </head>
  646.  
  647. <body>
  648.  
  649. {block:IfMusicPlayer}
  650. {block:IndexPage}
  651. <div id="lemusic">
  652. <div id="inside">{text:Music}</div>
  653. <div id="gf">
  654. <img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  655. </div>
  656. </div>
  657. {/block:IndexPage}
  658. {/block:IfMusicPlayer}
  659.  
  660. <div id="border">
  661. <div id="sidebar">
  662. <div id="extras">
  663.  
  664. <div id="lelinks">
  665. {block:IfLink1}<a href="{text:Link1URL}" class="lelink">{text:Link1}</a>{/block:IfLink1}
  666. {block:IfLink2}<a href="{text:Link2URL}" class="lelink">{text:Link2}</a>{/block:IfLink2}
  667. {block:IfLink3}<a href="{text:Link3URL}" class="lelink">{text:Link3}</a>{/block:IfLink3}
  668. {block:IfLink4}<a href="{text:Link4URL}" class="lelink">{text:Link4}</a>{/block:IfLink4}
  669. </div>
  670.  
  671. </div>
  672. <img src="{image:sidebar}">
  673. <div id="mainlinks">
  674. <a href="/archive" class="mainlinks">archive</a>
  675. <a href="http://stridersbleeding.tumblr.com" class="mainlinks">stridersbleeding</a>
  676. <a href="http://pornostuck.tumblr.com" class="mainlinks">pornostuck</a>
  677. <a href="http://ask-irltricksterdave.tumblr.com" class="mainlinks">askblog</a>
  678. <a href="http://demosthenes.tumblr.com/ask" class="mainlinks">ask</a><a href="http://kurlozmakara.tumblr.com" class="mainlinks">waifu
  679. <a href="http://demosthenes.tumblr.com/post/19580642257" class="mainlinks">info</a>
  680. <a href="http://vivite.tumblr.com" class="mainlinks">theme</a>
  681. </div>
  682. <div id="desci">
  683. {Description}
  684. </div>
  685. </div></div>
  686.  
  687.  
  688. {block:IfNotInfiniteScroll}
  689. <div id="pages">
  690. {block:Pagination}
  691. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  692. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  693. {/block:Pagination}
  694. </div>
  695. {/block:IfNotInfiniteScroll}
  696.  
  697.  
  698. <div id="wrap2"></div>
  699. <div id="b2"></div>
  700. <div id="posts">
  701.  
  702. {block:Posts}
  703.  
  704. <div class="post">
  705.  
  706. <div class="entries">
  707.  
  708.  
  709. {block:Text}
  710. {block:Title}
  711. <h1><a href="{Permalink}">{Title}</a></h1>
  712. {/block:Title}
  713. {Body}
  714. {/block:Text}
  715.  
  716. {block:Photo}
  717. <center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>{LinkCloseTag}</center>
  718. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  719. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  720. {Caption}
  721. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  722. {/block:Photo}
  723.  
  724. {block:Photoset}
  725. <div class="photo">{block:IfNotBiggerPosts}{Photoset-400}{/block:IfNotBiggerPosts}
  726. {block:IfBiggerPosts}{Photoset-500}{/block:IfBiggerPosts}</div>
  727. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  728. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  729. {Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  730. {/block:Photoset}
  731.  
  732. {block:Quote}
  733. <h2>{Quote}</h2>
  734. {block:Source}
  735. <i><p align="right">{Source}{/block:Source}</i>
  736. {/block:Quote}
  737.  
  738. {block:Link}
  739. <h3><a href="{URL}" class="link" {Target}>{Name} </a> </h3>
  740. {block:Description}
  741. <div class="description">{Description}</div>
  742. {/block:Description}
  743. {/block:Link}
  744.  
  745. {block:Chat}
  746. {block:Title}<h1>{Title}</h1>{/block:Title}
  747. <div class="chat">{block:Lines}
  748. <div class="lines"><div class="line {Alt}">
  749. {block:Label}<b>{Label}</b> {/block:Label}{Line}
  750. </div></div>{/block:Lines}</div>
  751. {/block:Chat}
  752.  
  753. {block:Video}
  754. {block:IfNotBiggerPosts}{Video-400}{block:IfNotBiggerPosts}
  755. {block:IfBiggerPosts}{Video-500}{/block:IfBiggerPosts}
  756. <center><i>{FormattedPlayCount}</i> plays</center><br />
  757. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  758. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  759. {Caption}
  760. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  761. {/block:Video}
  762.  
  763. {block:Audio}
  764. <div class="cover">{block:AlbumArt}
  765. <img src="{AlbumArtURL}">
  766. {/block:AlbumArt}</div><div class="audio">{AudioPlayerGrey}</div>
  767. <div class="what">
  768. {block:Artist}
  769. {Artist}
  770. {/block:Artist} | {block:TrackName}
  771. "{TrackName}"
  772. {/block:TrackName} </div>
  773. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  774. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  775. {Caption}
  776. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  777. {/block:Audio}
  778.  
  779. {block:Answer}
  780. <div class="ask">
  781. <table>
  782.  
  783. <tr><td rowspan="2" width="54" style="padding:4px; text-align:center;"><img src="{AskerPortraitURL-48}" style="border-radius:100px;"></td>
  784. <td colspan="2" style="padding:8px; background-color:{color:entry};border-bottom:1px dotted {color:border1}; text-align:left;">{Question}</td></tr>
  785. <tr>
  786. <td colspan="2" style="padding-right:5px;"><i>─ {Asker}</i></td>
  787. </tr>
  788.  
  789. </table></div>
  790. <div class="answer"> {Answer}</div>
  791. {/block:Answer}
  792.  
  793. </div>
  794.  
  795. {block:IndexPage}
  796. <div class="per">
  797. <a href="{Permalink}">{TimeAgo}</a> (<a href="{Permalink}">{NoteCountwithLabel}</a> ) ─<a href="{ReblogURL}" target="_blank">reblog</a><br>
  798. {block:IfShowTags}{block:HasTags}{block:Tags}
  799. <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  800. </div>
  801. {/block:IndexPage}
  802. </div>
  803.  
  804. {block:PermalinkPage}
  805.  
  806. <div class="permalink">
  807. <div style="font-size: 9px;
  808. font-family:consolas;
  809. padding-right:20px;
  810. margin-top:-10px;
  811. padding-bottom:10px;
  812. margin-bottom:4px;
  813. padding-top:5px;
  814. line-height:10px;
  815. color: {color:entry text};
  816. text-align: center;">
  817. {block:Date}Posted {TimeAgo}{/block:Date} {block:NoteCount} | {NoteCount} note(s){/block:NoteCount}<br>
  818. {block:RebloggedFrom}
  819. <b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} <br>
  820. {block:HasTags}tags: {block:Tags}
  821. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  822. {block:PostNotes}
  823. {PostNotes}
  824. {/block:PostNotes}
  825. </div>
  826.  
  827. {/block:PermalinkPage}
  828.  
  829. {/block:Posts}
  830.  
  831. </div></div>
  832.  
  833. </body>
  834. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!