API tools faq
paste
jbtthemes

Theme 08: valentine

jbtthemes
Aug 12th, 2016
463
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- THEME MADE BY BREQ --
  4.  
  5. @justiceofbreq-t.tumblr.com
  6. --------------------------
  7. THEME 08: valentine --
  8. --------------------------
  9. TERMS OF USAGE:
  10. - DO NOT REMOVE THE CREDIT
  11. - DO NOT REDISTRIBUTE
  12. - DO NOT CLAIM AS YOUR OWN
  13. - DO NOT USE AS A BASE
  14. -------------------------->
  15.  
  16. <html>
  17. <head>
  18. <i><title>{text:browser title}</title></i>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <!-- default appearance options -->
  26.  
  27. <meta name="color:background" content="#fff"/>
  28. <meta name="color:container" content=""/>
  29. <meta name="color:sidebar" content=""/>
  30. <meta name="color:border" content="#941414"/>
  31. <meta name="color:blog title" content="#941414"/>
  32. <meta name="color:drop shadow" content="#7999aa"/>
  33. <meta name="color:description" content="#000"/>
  34. <meta name="color:descriptionbg" content="#f6f6f6"/>
  35. <meta name="color:postbg" content="#f6f6f6"/>
  36. <meta name="color:body" content="#3c1a1a"/>
  37. <meta name="color:blockquote" content="#fff"/>
  38. <meta name="color:bold" content="#555140"/>
  39. <meta name="color:italic" content="#972e0d"/>
  40. <meta name="color:sub sup" content="#c38585"/>
  41. <meta name="color:link" content="#ccc"/>
  42. <meta name="color:link hover" content="#f30000"/>
  43. <meta name="color:sidelink" content="#888888"/>
  44. <meta name="color:sidelink 2" content="#ad9f9f"/>
  45. <meta name="color:sidelink hover" content="#7e1c1c"/>
  46. <meta name="color:permalink" content="#ccc"/>
  47. <meta name="color:permalink hover" content="#444444"/>
  48. <meta name="color:tags" content="#ccc"/>
  49. <meta name="color:tags hover" content="#444444"/>
  50. <meta name="color:pagination" content="#ccc"/>
  51. <meta name="color:pagination hover" content="#4f1c1c"/>
  52. <meta name="color:scrollbar" content="#2b130d" />
  53. <meta name="color:scrollbar1" content="#866b6b" />
  54. <meta name="color:tooltiptext" content="#f6f6f6" />
  55. <meta name="color:tooltipborder" content="#941414" />
  56. <meta name="color:tooltipbg" content="#941414" />
  57.  
  58. <meta name="if:postborder" content="0"/>
  59. <meta name="if:postbg" content="0"/>
  60. <meta name="if:400posts" content="0"/>
  61. <meta name="if:hover tags" content="1">
  62. <meta name="if:u tags" content="1">
  63. <meta name="if:hover permalinks" content="1">
  64.  
  65. <meta name="image:background" content=""/>
  66. <meta name="image:portrait1" content=""/>
  67. <meta name="image:portrait2" content=""/>
  68. <meta name="image:portrait3" content=""/>
  69.  
  70. <meta name="text:font size" content="9px"/>
  71. <meta name="text:browser title" content=""/>
  72. <meta name="text:liststyletype icon" content="⌬" />
  73.  
  74. <meta name="text:link 1" content="link">
  75. <meta name="text:link 1 url" content="">
  76. <meta name="text:link 2" content="link">
  77. <meta name="text:link 2 url" content="">
  78. <meta name="text:link 3" content="link">
  79. <meta name="text:link 3 url" content="">
  80. <meta name="text:link 4" content="link">
  81. <meta name="text:link 4 url" content="">
  82. <meta name="text:link 5" content="link">
  83. <meta name="text:link 5 url" content="">
  84. <meta name="text:link 6" content="link">
  85. <meta name="text:link 6 url" content="">
  86.  
  87. <!-- scripts -->
  88.  
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  90.  
  91. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  92.  
  93. <script>
  94. (function($){
  95. $(document).ready(function(){
  96. $("a[title]").style_my_tooltips({
  97. tip_follows_cursor:true,
  98. tip_delay_time:90,
  99. tip_fade_speed:600,
  100. attribute:"title"
  101. });
  102. });
  103. })(jQuery);
  104. </script>
  105.  
  106. <!--custom fonts-->
  107.  
  108. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield|Rajdhani:300" rel="stylesheet">
  109.  
  110. </head>
  111.  
  112. <style type="text/css">
  113.  
  114. /*customize scrollbar*/
  115. ::-webkit-scrollbar {
  116. width: 4px;
  117. height: 1px;
  118. }
  119. ::-webkit-scrollbar-button {
  120. width: 0px;
  121. height: 0px;
  122. }
  123. ::-webkit-scrollbar-thumb {
  124. background:{color:scrollbar};
  125. background: -moz-linear-gradient(top, {color:scrollbar} 0%, {color:scrollbar1}; 100%); /* FF3.6-15 */
  126. background: -webkit-linear-gradient(top, {color:scrollbar} 0%, {color:scrollbar1} 100%); /* Chrome10-25,Safari5.1-6 */
  127. background: linear-gradient(to bottom, {color:scrollbar} 0%, {color:scrollbar1} 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  128. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#530a09', endColorstr='#110303',GradientType=0 ); /* IE6-9 */
  129. }
  130. ::-webkit-scrollbar-track {
  131. background: transparent;
  132. }
  133. ::-webkit-scrollbar-corner {
  134. background: transparent;
  135. }
  136.  
  137. body {
  138. background:{color:background};
  139. margin:0px;
  140. color:{color:body};
  141. font-family: arial;
  142. line-height:130%;
  143. font-size:{text:font size};
  144. text-align:justify;
  145. background-image:url('{image:background}');
  146. background-size:cover;
  147. background-position:top left;
  148. background-repeat:no-repeat;
  149. background-attachment:fixed;
  150. }
  151.  
  152. a {
  153. color: {color:link};
  154. text-decoration: none;
  155. transition:all 0.5s ease-in-out;
  156. -o-transition:all 0.5s ease-in-out;
  157. -moz-transition:all 0.5s ease-in-out;
  158. -webkit-transition:all 0.5s ease-in-out;
  159.  
  160. }
  161.  
  162. a:hover {
  163. color:{color:link hover};
  164. letter-spacing:3px;
  165. }
  166.  
  167. img {
  168. max-width:100%;
  169. height:auto;
  170. border:none;
  171. }
  172.  
  173. sub, sup {
  174. font-size:{text:font size};
  175. color:{color:sub sup};
  176. }
  177.  
  178. small{
  179. font-size:9px;
  180. color:{color:body};
  181. }
  182.  
  183. b {
  184. text-transform:uppercase;
  185. color:{color:bold};
  186. font-family:arial helvetica;
  187. }
  188.  
  189. i,em {
  190. font-family: 'Mrs Saint Delafield', cursive;
  191. letter-spacing:3px;
  192. color:{color:italic};
  193. text-transform:lowercase;
  194. }
  195.  
  196. h1, h2 {
  197. font-size:15px;
  198. color:{color:body};
  199. text-transform:uppercase;
  200. font-family: 'Rajdhani', sans-serif;
  201. background-color:{color:background};
  202. padding:10px;
  203. font-style:bold, italic;
  204. text-align:center;
  205. }
  206.  
  207. blockquote {
  208. border-left:3px ridge {color:blockquote};
  209. padding-left:5px;
  210. margin-left:10px;
  211. margin-top:10px;
  212. }
  213.  
  214. /*customization for list style type*/
  215. ul {
  216. list-style: none;
  217. padding: 0;
  218. }
  219.  
  220. li {
  221. padding-left: 5px;
  222. }
  223.  
  224. li:before {
  225. font-size:8px;
  226. content: "{text:liststyletype icon}"; /* FontAwesome Unicode */
  227. display: inline-block;
  228. margin-left: 5px; /* same as padding-left set on li */
  229. width: 1.3em; /* same as padding-left set on li */
  230. }
  231.  
  232. /*customize title*/
  233. #title{
  234. position:fixed;
  235. color:{color:blog title};
  236. padding:5px;
  237. letter-spacing:20px;
  238. margin-top:320px;
  239. margin-left:700px;
  240. font-weight:bold;
  241. font-family: arial;
  242. font-size:10px;
  243. text-align:left;
  244. width:500px;
  245. height:20px;
  246. text-transform:uppercase;
  247. text-shadow: 2px 1px 0px {color:drop shadow};
  248. transform:rotate(90deg);
  249. }
  250.  
  251. /*customize your left sidebar*/
  252. #sidebar {
  253. position:fixed;
  254. opacity:1;
  255. overflow:hidden;
  256. width:280px;
  257. height:600px;
  258. top:30px;
  259. margin-top:40px;
  260. margin-left:45px;
  261. border:inset 5px {color:border};
  262. border-right:none;
  263. background-color:{color:sidebar};
  264. }
  265.  
  266. #sidebar img {
  267. position:absolute;
  268. border-radius:50%;
  269. border-left:2px dotted {color:border};
  270. border-top:2px inset {color:border};
  271. padding:5px;
  272. }
  273.  
  274. /*customize your description*/
  275. .description {
  276. position:fixed;
  277. top:300px;
  278. left:75px;
  279. height:185px;
  280. width:200px;
  281. padding:10px;
  282. padding-top:20px;
  283. font-family:arial;
  284. text-align:justify;
  285. overflow:auto;
  286. letter-spacing:3px;
  287. line-height:15px;
  288. color:{color:description};
  289. background:{color:descriptionbg};
  290. }
  291.  
  292. .description::first-letter {
  293. font-size:30px;
  294. text-transform:uppercase;
  295. margin-top:5px;
  296. }
  297.  
  298. /*customize post container*/
  299. #container {
  300. width:600px;
  301. height:590px;
  302. margin-left:325px;
  303. top:70px;
  304. position:fixed;
  305. padding:5px;
  306. overflow:auto;
  307. border: inset 5px {color:border};
  308. border-left:solid 0px {color:border};
  309. background-color: {color:container};
  310. }
  311.  
  312. /*customize posts*/
  313. #posts {
  314. width:530px;
  315. padding:10px;
  316. margin-left:auto;
  317. margin-right:auto;
  318. margin-top:0px;
  319. margin-bottom:30px;
  320. {block:ifpostbg}
  321. background-color:{color:postbg};
  322. {/block:ifpostbg}
  323. {block:if400posts}
  324. width:430px;
  325. {/block:if400posts}
  326. {block:ifpostborder}
  327. border-width: 1px;
  328. border-style: solid;
  329. -webkit-border-image:
  330. -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
  331. -webkit-border-image:
  332. -webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
  333. -moz-border-image:
  334. -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
  335. -o-border-image:
  336. -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
  337. border-image:
  338. linear-gradient(to bottom, black, rgba(0, 0, 0, 0)) 1 100%;
  339. {/block:ifpostborder}
  340. }
  341.  
  342. #posttitle {
  343. margin-bottom: 5px;
  344. color:{color:sidebar link};
  345. font-family: 'Rajdhani', sans-serif;
  346. font-size:30px;
  347. line-height:115%;
  348. text-align:left;
  349. text-transform: uppercase;
  350. }
  351.  
  352. #posts:first-child {
  353. margin-top:10px;
  354. }
  355.  
  356. #posts:last-child {
  357. margin-bottom:30px;
  358. }
  359.  
  360. #posts img {
  361. width:100%;
  362. height:auto;
  363. border:none;
  364. }
  365.  
  366. {block:permalinkpage}
  367. #posts {
  368. margin-bottom:10px;
  369. }
  370. {/block:permalinkpage}
  371.  
  372. /* customize your sidebar links */
  373.  
  374. #tri {
  375. position:absolute;
  376. }
  377.  
  378. #tri a {
  379. width: 0;
  380. height: 0;
  381. border-left: 20px solid transparent;
  382. border-right: 20px solid transparent;
  383. border-bottom: 50px solid {color:sidelink};
  384. -webkit-transition: all ease 0.8s;
  385. -moz-transition: all ease 0.8s;
  386. transition: all 0.8s ease;
  387. }
  388.  
  389. #tri a:hover {
  390. border-left: 20px solid transparent;
  391. border-right: 20px solid transparent;
  392. border-bottom: 60px solid {color:sidelink hover};
  393. }
  394.  
  395. #tri2 {
  396. position:absolute;
  397. }
  398.  
  399. #tri2 a {
  400. width: 0;
  401. height: 0;
  402. opacity:.8;
  403. border-left: 20px solid transparent;
  404. border-right: 20px solid transparent;
  405. border-bottom: 50px solid {color:sidelink 2};
  406. -webkit-transition: all ease 0.8s;
  407. -moz-transition: all ease 0.8s;
  408. transition: all 0.8s ease;
  409. }
  410.  
  411. #tri2 a:hover {
  412. opacity:1;
  413. border-left: 20px solid transparent;
  414. border-right: 20px solid transparent;
  415. border-bottom: 60px solid {color:sidelink hover};
  416. }
  417.  
  418. .t1 {
  419. bottom:70px;
  420. left:110px;
  421. transform:rotate(180deg);
  422. }
  423.  
  424. .t2 {
  425. bottom:70px;
  426. left:110px;
  427. transform:rotate(225deg);
  428. }
  429.  
  430. .t3 {
  431. bottom:70px;
  432. left:110px;
  433. transform:rotate(-90deg);
  434. }
  435.  
  436. .t4 {
  437. bottom:70px;
  438. left:110px;
  439. transform:rotate(-45deg);
  440. }
  441.  
  442. .t5 {
  443. bottom:70px;
  444. left:110px;
  445. }
  446.  
  447. .t6 {
  448. bottom:70px;
  449. left:110px;
  450. transform:rotate(45deg);
  451. }
  452.  
  453. .t7 {
  454. bottom:70px;
  455. left:110px;
  456. transform:rotate(90deg);
  457. }
  458.  
  459. .t8 {
  460. bottom:70px;
  461. left:110px;
  462. transform:rotate(-225deg);
  463. }
  464.  
  465. /*customization for permalinks "post info" */
  466. .permalinks {
  467. text-transform:lowercase;
  468. font-size:8px;
  469. line-height:8px;
  470. text-align:center;
  471. {block:ifhoverpermalinks}
  472. height:0px;
  473. visibility:hidden;
  474. {/block:ifhoverpermalinks}
  475. }
  476.  
  477. .permalinks a {
  478. color:{color:permalink};
  479. }
  480.  
  481. .permalinks a:hover {
  482. color:{color:permalink hover};
  483. }
  484.  
  485. {block:ifhoverpermalinks}
  486. #posts:hover .permalinks {
  487. height:20px;
  488. -webkit-transition: all 0.7s ease;
  489. transition: all 0.7s ease;
  490. -moz-transition: all 0.7s ease;
  491. -o-transition: all 0.7s ease;
  492. visibility:visible;
  493. }
  494. {/block:ifhoverpermalinks}
  495.  
  496. /*customize your pagination*/
  497. .pagination {
  498. position: fixed;
  499. bottom:30px;
  500. left:50px;
  501. font-size:11px;
  502. color: {color:pagination};
  503. text-shadow: 1px 1px 0px {color:drop shadow};
  504. }
  505.  
  506. .pagination a {
  507. color: {color:pagination};
  508. }
  509.  
  510. .pagination a:hover {
  511. color: {color:pagination hover};
  512. }
  513.  
  514.  
  515. /*customize tags*/
  516. .tags {
  517. {block:ifhovertags}
  518. opacity:0;
  519. max-height:0px;
  520. {/block:ifhovertags}
  521. text-align:center;
  522. margin-top:5px;
  523. -webkit-transition: all 0.7s ease;
  524. transition: all 0.7s ease;
  525. -moz-transition: all 0.7s ease;
  526. -o-transition: all 0.7s ease;
  527. }
  528.  
  529. .tags a {
  530. color:{color:tags};
  531. -webkit-transition: all 0.7s ease;
  532. transition: all 0.7s ease;
  533. -moz-transition: all 0.7s ease;
  534. -o-transition: all 0.7s ease;
  535. }
  536.  
  537. .tags a:hover {
  538. color:{color:tags hover};
  539. letter-spacing:0px;
  540. -webkit-transition: all 0.7s ease;
  541. transition: all 0.7s ease;
  542. -moz-transition: all 0.7s ease;
  543. -o-transition: all 0.7s ease;
  544. }
  545.  
  546. {block:ifhovertags}
  547. #posts:hover .tags {
  548. opacity:1;
  549. max-height:300px;
  550. -webkit-transition: all 0.7s ease;
  551. transition: all 0.7s ease;
  552. -moz-transition: all 0.7s ease;
  553. -o-transition: all 0.7s ease;
  554. }
  555. {/block:ifhovertags}
  556.  
  557. .notes a {
  558. color:{color:permalink};
  559. }
  560.  
  561. .notes a:hover {
  562. color:{color:permalink hover};
  563. }
  564.  
  565. .notes li {
  566. text-align:left;
  567. }
  568.  
  569. .notes li:before {
  570. content: ""; /* FontAwesome Unicode */
  571. display: inline-block;
  572. margin-left: 0px; /* same as padding-left set on li */
  573. width: 1.3em; /* same as padding-left set on li */
  574. }
  575.  
  576. .notes img {
  577. max-width:20px;
  578. }
  579.  
  580. .quote {
  581. font-size:20px;
  582. text-align:center;
  583. line-height:90%;
  584. margin-bottom:10px;
  585. }
  586.  
  587. .qsource {
  588. text-align:center;
  589. margin-top:10px;
  590. }
  591.  
  592. .chat {
  593. line-height:20px;
  594. list-style:none;
  595. }
  596.  
  597. .label {
  598. padding-right:1px;
  599. text-transform:uppercase;
  600. font-weight:bold;
  601. color:{color:link};
  602. }
  603.  
  604. #asks {
  605. text-align:justify;
  606. padding:22px 5px 5px 8px;
  607. color:{color:body};
  608. background-color:{color:background};
  609. min-height:43px;
  610. margin-left:70px;
  611. font-size:9px;
  612. }
  613.  
  614. .asker {
  615. text-transform:lowercase;
  616. margin-bottom:-12px;
  617. font-size:11px;
  618. letter-spacing:0px;
  619. font-family: 'Rajdhani', sans-serif;
  620. }
  621.  
  622. #answers {
  623. color:{color:body};
  624. font-size:11px;
  625. margin-top:8px
  626. }
  627.  
  628. .media {
  629. position:relative;
  630. display:inline-block;
  631. width:100%;
  632. }
  633.  
  634. .albumimg {
  635. max-width:60px;
  636. margin-left:235px;
  637. margin-top:10px;
  638. border-radius:100%;
  639. opacity:.2;
  640. z-index:1;
  641. }
  642.  
  643. .playerbutton {
  644. width:20px;
  645. height:30px;
  646. overflow:hidden;
  647. position:relative;
  648. z-index:1000;
  649. margin:10px 19px 8px 11px;
  650. }
  651.  
  652. .player {
  653. background-color:#000;
  654. position:relative;
  655. z-index:1000;
  656. margin-left:240px;
  657. top:65px;
  658. width:50px;
  659. border-radius:50px;
  660. opacity:.7;
  661. }
  662.  
  663. .albuminfo {
  664. width:100px;
  665. margin-right:auto;
  666. margin-left:auto;
  667. margin-top:10px;
  668. margin-bottom:10px;
  669. text-align:center;
  670. }
  671.  
  672. .albuminfo a:hover {
  673. letter-spacing:0px;
  674. }
  675.  
  676. /*customization for tooltips */
  677. #s-m-t-tooltip {
  678. max-width:300px;
  679. border-radius: 0px; /*if you want rounded corners*/
  680. padding:4px;
  681. margin:15px 15px 5px 0px;/*how far it appears from link*/
  682. color:{color:tooltiptext};
  683. border:1px solid {color:tooltipborder};
  684. font-family: 'Rajdhani', sans-serif;
  685. font-size:10px;
  686. letter-spacing:1px;
  687. text-transform:lowercase;
  688. background:{color:tooltipbg};
  689. z-index:99999;/*don't change this*/
  690. }
  691.  
  692. /* DO NOT REMOVE THIS. It's my credit and I worked very hard on it. */
  693.  
  694. #mycredit {
  695. bottom:0px;
  696. right:3px;
  697. position:fixed;
  698. padding:5px;
  699. height:30px;
  700. width:30px;
  701. opacity:0.6;
  702. -webkit-transition: all 0.7s ease;
  703. transition: all 0.7s ease;
  704. -moz-transition: all 0.7s ease;
  705. -o-transition: all 0.7s ease;
  706. }
  707.  
  708. #mycredit:hover {
  709. opacity:1;
  710. }
  711.  
  712. {CustomCSS}
  713.  
  714. </style>
  715. </head>
  716.  
  717. <body>
  718.  
  719. <!-- DO NOT REMOVE MY CREDIT -->
  720. <div id="mycredit"><a href="http://rpjustxce.tumblr.com/" title="theme by Justxce Themes"><img src="http://static.tumblr.com/ewpefvd/Uteohiglh/rpj-icon.png"></a></div>
  721.  
  722. <!--blog title-->
  723. <div id="title">{title}</div>
  724.  
  725. <!--start of sidebar -->
  726. <div id="sidebar">
  727.  
  728. <!--sidebar images "portraits"-->
  729. <img src="{image:portrait1}" style="height:100px; left:20px; top:20px; opacity:.8;">
  730. <img src="http://lh5.ggpht.com/-Mf-iIN9UK_k/UFCwgZeHUbI/AAAAAAAAaf4/xVEAkU1UMUE/tumblr_m938s2oPN81rrb3d7o1_500_thumb%25255B2%25255D.jpg?imgmax=800" style="height:70px; right:30px; top:70px; opacity:.8">
  731. <img src="http://www.horror-asylum.com/news/pics/thumbs/-even-more-resident-evil-retribution-stills.jpg" style="height:50px; left:100px; top:150px; opacity:.8">
  732.  
  733. <!--description -->
  734. <div class="description">{description}</div>
  735.  
  736. <!--sidebar triangle links -->
  737. <div id="tri" class="t1"><a href="/" title="home"></a></div>
  738. <div id="tri2" class="t2"><a href="/ask" title="ask"></a></div>
  739. {block:iflink1}<div id="tri" class="t3"><a href="{text:link 1 url}" title="{text:link 1}"></a></div>{/block:iflink1}
  740. {block:iflink2}<div id="tri2" class="t4"><a href="{text:link 2 url}" title="{text:link 2}"></a></div>{/block:iflink2}
  741. {block:iflink3}<div id="tri" class="t5"><a href="{text:link 3 url}" title="{text:link 3}"></a></div>{/block:iflink3}
  742. {block:iflink4}<div id="tri2" class="t6"><a href="{text:link 4 url}" title="{text:link 4}"></a></div>{/block:iflink4}
  743. {block:iflink5}<div id="tri" class="t7"><a href="{text:link 5 url}" title="{text:link 5}"></a></div>{/block:iflink5}
  744. {block:iflink6}<div id="tri2" class="t8"><a href="{text:link 6 url}" title="{text:link 6}"></a></div>{/block:iflink6}
  745.  
  746. </div><!--end of sidebar -->
  747.  
  748. <!--pagination-->
  749. <div class="pagination">
  750. {block:Pagination}
  751. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">retreat</a>{/block:PreviousPage}
  752. {block:JumpPagination length="5"}
  753. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  754. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  755. {block:NextPage}<a href="{NextPage}" class="jump_page">advance</a>{/block:NextPage}
  756. {/block:Pagination} </div>
  757.  
  758.  
  759.  
  760. <div id="container">
  761.  
  762. {block:Posts}
  763. <div id="posts">
  764.  
  765. {block:Text}
  766. {block:Title}<div id="posttitle">{Title}</div>{/block:Title}
  767. {Body}{/block:Text}
  768.  
  769. {block:if400posts}
  770. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  771. {block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:if400posts}
  772.  
  773. {block:ifnot400posts}
  774. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  775. {block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:ifnot400posts}
  776.  
  777. {block:Photoset}{Photoset}{block:Caption}{Caption}
  778. {/block:Caption}{/block:Photoset}
  779.  
  780. {block:Quote}<div class="quote">{Quote}</div>
  781. {block:Source}<div class="qsource">{Source}</div>
  782. {/block:Source}{/block:Quote}
  783.  
  784. {block:Link}<div id="posttitle"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  785.  
  786. {block:Chat}<div id="posttitle">{chat}</div><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  787. {/block:Chat}
  788.  
  789. {block:Audio}
  790. <div class="player"><div class="playerbutton">{block:AudioPlayer}{AudioPlayerblack}{/block:AudioPlayer}</div></div>
  791. {block:AlbumArt}<img src="{AlbumArtURL}" class="albumimg">{/block:AlbumArt}
  792. <div class="albuminfo">
  793. ╾ <a href="{Permalink}" title="{block:TrackName}{TrackName}{/block:TrackName}
  794. {block:Artist}⌬ {Artist}{/block:Artist}{block:Album} ⌬ {Album}{/block:Album}">℧</a> ╼
  795. </div>
  796. {/block:Audio}
  797.  
  798. {block:if400posts}
  799. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:if400posts}
  800.  
  801. {block:ifnot400posts}
  802. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:ifnot400posts}
  803.  
  804. {block:Answer}
  805. <img src="{AskerPortraitURL-64}" style="height:34px; width:34px; float:left; margin-top:0px; border:1px solid transparent; padding: 16px; border-radius: 0%; -moz-border-radius-topleft: 50%;
  806. -webkit-border-top-left-radius: 50%;
  807. border-top-left-radius: 50%;
  808. -moz-border-radius-topright: 50%;
  809. -webkit-border-top-right-radius: 50%;
  810. border-top-right-radius: 50%;
  811. -MOZ-BORDER-RADIUS-BOTTOMRIGHT: 0;
  812. -WEBKIT-BORDER-BOTTOM-RIGHT-RADIUS: 0;
  813. BORDER-BOTTOM-RIGHT-RADIUS: 0;
  814. -moz-border-radius-bottomleft: 50%;
  815. -webkit-border-bottom-left-radius: 50%;
  816. border-bottom-left-radius: 50%;">
  817. <div id="asks"><div class="asker">incoming message from <span style="text-transform:uppercase;">{Asker}</span>:</div>
  818. <br>{Question}</div>
  819. <div id="answers">{Answer}</div>
  820. {/block:Answer}
  821.  
  822. <div id="{ShortURL}-hide"><div class="permalinks">{block:Date}
  823. <a href="{Permalink}" title="{Month} {DayOfMonth}">{TimeAgo} </a> [ <a href="{permalink}" title="n{NoteCount}"> x </a> ]{/block:Date}<br>
  824. {block:RebloggedFrom}
  825. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> ⌬
  826. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  827. {/block:RebloggedFrom}⌬
  828. <a href="{ReblogURL}">reblog</a> </div></div>
  829.  
  830. {block:ifutags}
  831. {block:HasTags}<div class="tags">╾ <a href="{Permalink}" title="{block:Tags}#{Tag}{/block:Tags}">℧</a> ╼</div>
  832. {/block:HasTags}{/block:ifutags}
  833.  
  834. {block:ifnotutags}
  835. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  836. {/block:HasTags}{/block:ifnotutags}
  837.  
  838. {block:PostNotes}<div class="notes">{PostNotes}</div>
  839. {/block:PostNotes}
  840.  
  841. </div>
  842. {/block:Posts}
  843.  
  844. </div>
  845.  
  846. {block:ContentSource}
  847. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  848. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  849. {/block:SourceLogo}
  850. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  851. {/block:ContentSource}
  852.  
  853. </body>
  854. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!