jbtthemes

Theme 06: diamond rough

Jul 26th, 2016
835
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.63 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!-- THEME MADE BY BREQ --
  4.  
  5. @justiceofbreq-t.tumblr.com
  6. --------------------------
  7. THEME 01: diamond rough --
  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. <title>{text:browser title}</title>
  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="viewport" content="width=device-width, initial-scale=1">
  28. <meta name="color:background" content="#181717">
  29. <meta name="color:containerbg" content="#817f7f">
  30. <meta name="color:postbg" content="#686464">
  31. <meta name="color:posttitle bg" content="#414040">
  32. <meta name="color:indv postbg" content="#313030">
  33. <meta name="color:blog title" content="#878192">
  34. <meta name="color:blog title shadow" content="#000">
  35. <meta name="color:body" content="#7b7979">
  36. <meta name="color:description" content="#eae6e6">
  37. <meta name="color:dbold" content="#896666">
  38. <meta name="color:ditalic" content="#ff8d8d">
  39. <meta name="color:blockquote" content="#7b7979">
  40. <meta name="color:link" content="#c09992">
  41. <meta name="color:link hover" content="#fff">
  42. <meta name="color:homelink" content="#ede7e7">
  43. <meta name="color:homelink hover" content="#952ada">
  44. <meta name="color:navlink" content="#644b74">
  45. <meta name="color:navlink hover" content="#d0c3e6">
  46. <meta name="color:scrollbar" content="#313030" />
  47. <meta name="color:scrollbar hover" content="#313030" />
  48. <meta name="color:italic" content="#876e7e" />
  49. <meta name="color:bold" content="#876e7e" />
  50. <meta name="color:pagination" content="#4c3d3a" />
  51. <meta name="color:pagination hover" content="#767272" />
  52. <meta name="color:tags" content="#8c8c8c" />
  53. <meta name="color:tags hover" content="#cccccc" />
  54.  
  55. <meta name="color:tooltiptext" content="#f3e2ed" />
  56. <meta name="color:tooltipborder" content="#252525" />
  57. <meta name="color:tooltipbg" content="#252525" />
  58.  
  59. <meta name="if:portrait" content="1">
  60. <meta name="if:archive" content="1"/>
  61. <meta name="if:hide captions" content="0"/>
  62. <meta name="if:hover tags" content="1">
  63. <meta name="if:hover permalinks" content="1">
  64.  
  65. <meta name="image:background" content="http://static.tumblr.com/poesisw/HGJoay9ln/randombg.png" />
  66. <meta name="image:containerbg" content="" />
  67. <meta name="image:portrait" content="http://images6.fanpop.com/image/photos/37800000/addy-kane-icons-adelaide-kane-37887332-100-100.png" />
  68. <meta name="image:homelink" content="http://static.tumblr.com/poesisw/Bxgoay5kk/diamond-stencil-2.png" />
  69. <meta name="image:navlinks" content="http://static.tumblr.com/poesisw/Bxgoay5kk/diamond-stencil-2.png" />
  70.  
  71. <meta name="text:browser title" content="this can be different or just copy paste your blog title here" />
  72. <meta name="text:font size" content="9px" />
  73. <meta name="text:liststyletype icon" content="◇" />
  74. <meta name="text:bgposition" content="center center" />
  75.  
  76. <meta name="text:link 1" content="link 1"/>
  77. <meta name="text:link 1 url" content="/"/>
  78. <meta name="text:link 2" content="link 2"/>
  79. <meta name="text:link 2 url" content="/"/>
  80. <meta name="text:link 3" content="link 3"/>
  81. <meta name="text:link 3 url" content="/"/>
  82. <meta name="text:link 4" content="link 4"/>
  83. <meta name="text:link 4 url" content="/"/>
  84. <meta name="text:link 5" content="link 5"/>
  85. <meta name="text:link 5 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. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  107.  
  108. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  109.  
  110. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  111.  
  112. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  113.  
  114. <script src ="http://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  115.  
  116. <script>
  117. $(document).ready(function(){
  118. $('.photo-slideshow').pxuPhotoset({
  119. lightbox: true,
  120. rounded: false,
  121. gutter: '3px',
  122. photoset: '.photo-slideshow',
  123. photoWrap: '.photo-data',
  124. photo: '.pxu-photo'
  125. });
  126. var $container = $('.content');
  127. });
  128. </script>
  129.  
  130. <script>
  131. $( ".entries" ).wrap( "<div class='scroll'></div>" );
  132. </script>
  133.  
  134. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  135.  
  136. <link href='https://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  137.  
  138. <link href='https://fonts.googleapis.com/css?family=Advent+Pro:500' rel='stylesheet' type='text/css'>
  139.  
  140. </head>
  141.  
  142. <style type="text/css">
  143.  
  144. ::-webkit-scrollbar {
  145. width: 2px;
  146. height: 2px;
  147. }
  148. ::-webkit-scrollbar-button {
  149. width: 0px;
  150. height: 0px;
  151. }
  152. ::-webkit-scrollbar-thumb {
  153. background: transparent;
  154. border: 0px none #ffffff;
  155. border-radius: 50px;
  156. }
  157. ::-webkit-scrollbar-thumb:hover {
  158. background: {color:scrollbar hover};
  159. }
  160. ::-webkit-scrollbar-thumb:active {
  161. background: {color:scrollbar};
  162. }
  163. ::-webkit-scrollbar-track {
  164. background: transparent;
  165. border: 0px none #ffffff;
  166. border-radius: 50px;
  167. }
  168. ::-webkit-scrollbar-track:hover {
  169. background: {color:indv postbg};
  170. }
  171. ::-webkit-scrollbar-track:active {
  172. background: transparent;
  173. }
  174. ::-webkit-scrollbar-corner {
  175. background: transparent;
  176. }
  177.  
  178. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  179. z-index:99999999999999999!important;
  180. white-space:nowrap!important;
  181. top:10px!important;
  182. right:10px!important;
  183. position:fixed!important;
  184. opacity:.6!important;
  185. }
  186.  
  187. body {
  188. background:{color:background};
  189. background-image: url('{image:background}');
  190. background-position: {text:bgposition};
  191. background-repeat: no-repeat;
  192. background-attachment: fixed;
  193. margin:0;
  194. font-size: {text:font size};
  195. font-family: 'Playfair Display', serif;
  196. letter-spacing:1px;
  197. line-height:150%;
  198. color:{color:body};
  199. -moz-osx-font-smoothing:grayscale;
  200. -webkit-font-smoothing:antialiased;
  201. font-smoothing:antialiased;
  202. }
  203.  
  204. a {
  205. color:{color:link};
  206. text-decoration:none;
  207. letter-spacing:1px;
  208. -webkit-transition: all 0.7s ease;
  209. transition: all 0.7s ease;
  210. -moz-transition: all 0.7s ease;
  211. -o-transition: all 0.7s ease;
  212. }
  213.  
  214. a:hover {
  215. letter-spacing:1px;
  216. text-decoration:none;
  217. text-shadow:1px 1px 5px {color:link hover};
  218. cursor:crosshair;
  219. }
  220.  
  221. b, strong {
  222. color:{color:bold};
  223. text-transform:uppercase;
  224. }
  225.  
  226. i, em {
  227. font-family: 'Cedarville Cursive', cursive;
  228. text-transform:lowercase;
  229. font-size: 12px;
  230. color:{color:italic};
  231. letter-spacing:1.5px;
  232. }
  233.  
  234. blockquote {
  235. text-align:justify;
  236. padding-left:10px;
  237. border-left:1px solid {color:blockquote};
  238. margin:15px 0px 10px 0px;
  239. }
  240.  
  241. .caption blockquote {
  242. margin:15px 0px 10px 0px;
  243. }
  244.  
  245. blockquote img {
  246. max-width:100%;
  247. height:auto;
  248. }
  249.  
  250. img {
  251. max-width:100%;
  252. height:auto;
  253. }
  254.  
  255. .caption img {
  256. max-width:100%;
  257. height:auto;
  258. }
  259.  
  260. .posts img {
  261. max-width:100%;
  262. margin-top:5px;
  263. margin-bottom:5px;
  264. }
  265.  
  266. p {
  267. margin:10px 0 10px 0;
  268. }
  269.  
  270. p:first-of-type {
  271. margin-top:0;
  272. padding-top:0;
  273. }
  274.  
  275. p:last-of-type {
  276. margin-bottom:10px;
  277. padding-bottom:0;
  278. }
  279.  
  280. pre {
  281. white-space: pre-wrap;
  282. white-space: -moz-pre-wrap;
  283. white-space: -pre-wrap;
  284. white-space: -o-pre-wrap;
  285. word-wrap: break-word;
  286. }
  287.  
  288. h1, h2 {
  289. text-align:center;
  290. font-size:15px;
  291. }
  292.  
  293. /*customization for list style type*/
  294. ul {
  295. list-style: none;
  296. padding: 0;
  297. }
  298.  
  299. li {
  300. padding-left: 5px;
  301. }
  302.  
  303. li:before {
  304. content: "{text:liststyletype icon}"; /* FontAwesome Unicode */
  305. display: inline-block;
  306. margin-left: 5px; /* same as padding-left set on li */
  307. width: 1.3em; /* same as padding-left set on li */
  308. }
  309.  
  310. /*customization for post and page titles*/
  311. .title {
  312. font-size:15px;
  313. letter-spacing:1.5px;
  314. font-weight:bold;
  315. text-transform:lowercase;
  316. padding:5px 0px 5px 0px;
  317. background:{color:posttitle bg};
  318. }
  319.  
  320. /*customization for whole container*/
  321. #container {
  322. position:fixed;
  323. width:520px;
  324. height:320px;
  325. top:50%;
  326. left:30%;
  327. overflow-y:scroll;
  328. background:{color:containerbg};
  329. }
  330.  
  331. /*customization for post container*/
  332. .postcont {
  333. height:300px;
  334. overflow-y:scroll;
  335. position:absolute;
  336. width:500px;
  337. margin-top:10px;
  338. margin-left:10px;
  339. background:{color:postbg};
  340. }
  341.  
  342. .posts {
  343. width:400px;
  344. padding:20px;
  345. position:relative;
  346. text-align:justify;
  347. margin-top:10px;
  348. margin-left:auto;
  349. margin-right:auto;
  350. margin-bottom:30px;
  351. border-radius:1%;
  352. background:{color:indv postbg};
  353.  
  354. }
  355.  
  356. .posts:last-child {
  357. margin-bottom:30px;
  358. }
  359.  
  360. {block:permalinkpage}
  361. .posts {
  362. margin-bottom:10px;
  363. }
  364. {/block:permalinkpage}
  365.  
  366. /*customization for permalinks "post info" */
  367. .permalinks {
  368. text-transform:lowercase;
  369. font-size:10px;
  370. padding:0 10px 0 10px;
  371. text-align:center;
  372. {block:ifhoverpermalinks}
  373. height:0px;
  374. visibility:hidden;
  375. {/block:ifhoverpermalinks}
  376. }
  377.  
  378. {block:ifhoverpermalinks}
  379. .posts:hover .permalinks {
  380. height:20px;
  381. -webkit-transition: all 0.7s ease;
  382. transition: all 0.7s ease;
  383. -moz-transition: all 0.7s ease;
  384. -o-transition: all 0.7s ease;
  385. visibility:visible;
  386. }
  387. {/block:ifhoverpermalinks}
  388.  
  389. .tags {
  390. {block:ifhovertags}
  391. opacity:0;
  392. max-height:0px;
  393. {/block:ifhovertags}
  394. text-align:center;
  395. font-size:8px;
  396. margin-top:5px;
  397. -webkit-transition: all 0.7s ease;
  398. transition: all 0.7s ease;
  399. -moz-transition: all 0.7s ease;
  400. -o-transition: all 0.7s ease;
  401. }
  402.  
  403. .tags a {
  404. color:{color:tags};
  405. -webkit-transition: all 0.7s ease;
  406. transition: all 0.7s ease;
  407. -moz-transition: all 0.7s ease;
  408. -o-transition: all 0.7s ease;
  409. }
  410.  
  411. .tags a:hover {
  412. color:{color:tags hover};
  413. -webkit-transition: all 0.7s ease;
  414. transition: all 0.7s ease;
  415. -moz-transition: all 0.7s ease;
  416. -o-transition: all 0.7s ease;
  417. }
  418.  
  419. {block:ifhovertags}
  420. .posts:hover .tags {
  421. opacity:1;
  422. max-height:300px;
  423. -webkit-transition: all 0.7s ease;
  424. transition: all 0.7s ease;
  425. -moz-transition: all 0.7s ease;
  426. -o-transition: all 0.7s ease;
  427. }
  428. {/block:ifhovertags}
  429.  
  430. /*customization for your blog title*/
  431. #stitle {
  432. position:relative;
  433. font-family: 'Advent Pro', sans-serif;
  434. color:{color:blog title};
  435. text-shadow:3px 5px 5px {color:blog title shadow};
  436. font-size:50px;
  437. }
  438.  
  439. /*customizaiton for your home icon link*/
  440. #home {
  441. position:absolute;
  442. left:350px;
  443. bottom:345px;
  444. }
  445.  
  446. #home a {
  447. -webkit-filter: drop-shadow(0px 0px 3px {color:homelink});
  448. filter: drop-shadow(0px 0px 3px {color:navlink});
  449. }
  450.  
  451. #home a:hover {
  452. -webkit-filter: drop-shadow(0px 0px 3px {color:homelink hover});
  453. filter: drop-shadow(0px 0px 3px {color:navlink hover});
  454. }
  455.  
  456. /*customization for your blog title hover*/
  457. #hover {
  458. width:400px;
  459. height:20px;
  460. position:absolute;
  461. bottom:360px;
  462. left:400px;
  463.  
  464. }
  465.  
  466. /*customizaiton for everything that shows on hover*/
  467. #hovercontents {
  468. font-size:10px;
  469. letter-spacing:.01em;
  470. visibility:hidden;
  471. text-align:center;
  472. color:#c2c2c2;
  473. position:absolute;
  474. top:-150px;
  475. width:350px;
  476. height:200px;
  477. opacity:0;
  478. -webkit-transition: all .9s ease-in-out;
  479. -moz-transition: all .9s ease-in-out;
  480. -ms-transition: all .9s ease-in-out;
  481. -o-transition: all .9s ease-in-out;
  482. transition: all .9s ease-in-out;
  483. }
  484.  
  485. /*customization for how description shows on hover*/
  486. #hover:hover #hovercontents {
  487. opacity:1;
  488. top:-200px;
  489. visibility:visible;
  490. }
  491.  
  492. #hovercontents i, em {
  493. color:{color:ditalic};
  494. }
  495.  
  496. #hovercontents b, strong {
  497. color:{color:dbold};
  498. }
  499.  
  500. /*customization for portrait icon in hover description*/
  501. #portrait {
  502. border-radius:100%;
  503. margin-right:10px;
  504. margin-bottom:10px;
  505. }
  506.  
  507. #portrait img {
  508. border-radius:100%;
  509. border: solid 3px {color:description};
  510. height:70px;
  511. }
  512.  
  513. /*customization for your nav links*/
  514. #navcont {
  515. position:absolute;
  516. width:50px;
  517. height:200px;
  518. top:370px;
  519. right:285px;
  520. }
  521.  
  522. .nav {
  523. text-shadow: 2px 2px 8px #000000;
  524. margin-top:10px;
  525. font-size:20px;
  526. text-align:center;
  527. }
  528.  
  529. .nav a {
  530. text-align:center;
  531. margin-bottom:3px;
  532. padding:3px;
  533. color:{color:navlink};
  534. display:inline-block;
  535. -webkit-filter: drop-shadow(0px 0px 1px {color:navlink});
  536. filter: drop-shadow(0px 0px 1px {color:navlink});
  537. -webkit-transition: all 0.7s ease;
  538. transition: all 0.7s ease;
  539. -moz-transition: all 0.7s ease;
  540. -o-transition: all 0.7s ease;
  541. }
  542.  
  543. .nav a:hover {
  544. -webkit-filter: drop-shadow(0px 0px 3px {color:navlink hover});
  545. filter: drop-shadow(0px 0px 3px {color:navlink hover});
  546. -webkit-transition: all 0.7s ease;
  547. transition: all 0.7s ease;
  548. -moz-transition: all 0.7s ease;
  549. -o-transition: all 0.7s ease;
  550. cursor:crosshair;
  551.  
  552. }
  553.  
  554. .nav img {
  555. height:30px;
  556. image shadow:0px 5px 5px #fff;
  557. }
  558.  
  559. /*more post stuff*/
  560. .caption {
  561. margin-top:15px;
  562. {block:ifhidecaptions}
  563. {block:indexpage}
  564. display:none;
  565. {/block:indexpage}
  566. {/block:ifhidecaptions}
  567. }
  568.  
  569. .chat {
  570. padding:0;
  571. list-style-type:none;
  572. }
  573.  
  574. .chat .label {
  575. font-weight:bold;
  576. }
  577.  
  578. .quote {
  579. text-align:center;
  580. font-weight:bold;
  581. font-size:20px;
  582. line-height:20px;
  583. margin-bottom:5px;
  584. }
  585.  
  586. .source {
  587. text-align:center;
  588. margin-bottom:10px;
  589. }
  590.  
  591. .media {
  592. position:relative;
  593. display:inline-block;
  594. width:100%;
  595. }
  596.  
  597. .musicwrapper {
  598. position: relative;
  599. display:inline-block;
  600. }
  601.  
  602. .albumimgwrapper {
  603. position: absolute;
  604. opacity:.7;
  605. overflow: hidden;
  606. margin-left:254px;
  607. width: 57px;
  608. height: 55px;
  609. }
  610.  
  611. .pbbg {
  612. position: absolute;
  613. left: 8px;
  614. top: 5px;
  615. width: 30px;
  616. height: 30px;
  617. margin-left:250px;
  618. background-color: transparent;
  619. padding: 10px;
  620. opacity:.4;
  621. filter: alpha(opacity=40);
  622. -moz-opacity: 0.4;
  623. -khtml-opacity: 0.4;
  624. transition: opacity .7s ease-in-out;
  625. -moz-transition: opacity .7s ease-in-out;
  626. -webkit-transition: opacity .7s ease-in-out;
  627. }
  628.  
  629. .pbbg:hover {
  630. opacity: 1;
  631. filter: alpha(opacity=100);
  632. -moz-opacity: 1;
  633. -khtml-opacity: 1;
  634. }
  635.  
  636. .playerbutton {
  637. position: relative;
  638. width: 30px;
  639. height: 30px;
  640. overflow:hidden;
  641. }
  642.  
  643. .pbhug {
  644. position: absolute;
  645. top: -30px;
  646. left: -10px;
  647. }
  648.  
  649. .tumblr_audio_player {
  650. height: 90px;
  651. width: 270px;
  652. }
  653.  
  654. .albuminfo {
  655. padding:10px;
  656. display:inline-block;
  657. margin-left: 90px;
  658. min-height: 75px;
  659. }
  660.  
  661. .asker {
  662. text-align:right;
  663. font-size:15px;
  664. margin-bottom:10px;
  665. }
  666.  
  667. .asker img {
  668. max-width:30px;
  669. max-height:30px;
  670. margin-right:10px;
  671. padding:0px;
  672. border:solid 1px {color:body};
  673. float:left;
  674. }
  675.  
  676. .question {
  677. font-family: 'Cedarville Cursive', cursive;
  678. color:{color:italic};
  679. font-size:12px;
  680. text-align:right;
  681. padding-bottom:3px;
  682. margin-bottom:10px;
  683. }
  684.  
  685. .answer {
  686. padding-top:10px;
  687. border-top:1px solid {color:body};
  688. }
  689.  
  690. /*customization for pagination */
  691. .pagination {
  692. width:230px;
  693. position:absolute;
  694. font-size:12px;
  695. left:300px;
  696. bottom:15px;
  697. text-align:center;
  698. }
  699.  
  700. .pagination a {
  701. color:{color:pagination};
  702. }
  703.  
  704. .pagination a:hover {
  705. color:{color:pagination hover};
  706. }
  707.  
  708. /*customization for tooltips */
  709. #s-m-t-tooltip {
  710. max-width:300px;
  711. border-radius: 0px; /*if you want rounded corners*/
  712. padding:4px;
  713. margin:15px 15px 5px 0px;/*how far it appears from link*/
  714. color:{color:tooltiptext};
  715. border:1px solid {color:tooltipborder};
  716. font-size:10px;
  717. letter-spacing:1px;
  718. background:{color:tooltipbg};
  719. z-index:99999;/*don't change this*/
  720. }
  721.  
  722. /* DO NOT REMOVE THIS. It's my credit and I worked very hard on it. */
  723. #mycredit {
  724. z-index:8;
  725. bottom:5px;
  726. right:5px;
  727. height:30px;
  728. width:30px;
  729. opacity:0.8;
  730. position:fixed;
  731. padding:5px;
  732. }
  733.  
  734. </style>
  735.  
  736. </head>
  737. <body>
  738. <!-- home link, hover contents, description + portrait icon -->
  739. <div id="home"><a href="/" title="home"><img src="{image:homelink}"></a></div>
  740. <div id="hover"><div id="stitle">{Title}</div>
  741. <div id="hovercontents">{block:ifportrait} <div id="portrait"><img src="{image:portrait}"/></div>{/block:ifportrait}
  742. {description}<p>
  743. </div></div>
  744. </div>
  745.  
  746. <!-- pagination -->
  747. <div class="pagination">{block:Pagination}
  748. {block:PreviousPage}<a href="{PreviousPage}">flee</a> {/block:PreviousPage} {CurrentPage}◇{TotalPages}{block:NextPage} <a href="{NextPage}">advance</a></a>
  749. {/block:NextPage}
  750. {/block:Pagination}</div>
  751.  
  752. <!-- all the post stuff -->
  753. <div id="container">
  754. <div class="postcont">
  755. {block:Posts}
  756.  
  757. <div class="posts">
  758. <div id="{ShortURL}-hide"><div class="permalinks">{block:Date}
  759. <a href="{Permalink}">{24Hour}:{Minutes} </a> ◇ <a href="{Permalink}">{Month} {DayOfMonth} </a> ◇ <a href="{permalink}">n{NoteCount}</a>{/block:Date} ◇
  760. {block:RebloggedFrom}
  761. <a href="{ReblogParentURL}">via</a> ◇
  762. <a href="{ReblogRootURL}">source</a>
  763. {/block:RebloggedFrom} ◇
  764. <a href="{ReblogURL}">reblog</a> </div>
  765.  
  766.  
  767. {block:Text}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  768.  
  769. {block:Photo}<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{/block:Photo}
  770.  
  771. {block:Photoset}
  772. <div class="media photoset"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  773. </div>{/block:Photoset}
  774.  
  775. {block:Video}<div class="media video">{Video-500}</div>{/block:Video}
  776.  
  777. {block:Quote}<div class="quote"><i class="fa fa-quote-left" aria-hidden="true"></i>
  778. {Quote}<small><small><i class="fa fa-quote-right" aria-hidden="true"></i></small></small>
  779. </div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  780.  
  781. {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  782.  
  783. {block:Answer}<div class="asker"><img src="{AskerPortraitURL-64}" style="opacity:.5">{Asker} murmured:</div><div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  784.  
  785. {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ul class="chat text">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}&nbsp; </span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  786.  
  787. {block:AudioPlayer}
  788. <div class="musicwrapper">
  789. {block:AlbumArt}<div class="albumimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  790. <div class="pbbg"><div class="playerbutton"><div class="pbhug">{AudioPlayerBlack}
  791. </div></div></div><div class="albuminfo">
  792. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  793. </div></div>{/block:AudioPlayer}
  794.  
  795. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  796.  
  797. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  798. {/block:HasTags}</div>
  799.  
  800. </div>
  801. {block:PostNotes}<div class="permalinks">{PostNotes}</div>
  802. {/block:PostNotes}
  803. {/block:Posts}
  804.  
  805.  
  806. </div></div></div>
  807.  
  808. <!-- these are your nav links -->
  809. <div id="navcont">
  810. <div class="nav">
  811. <a href="/ask" title="ask"><img src="{image:navlinks}"></a>
  812. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}"><img src="{image:navlinks}"></a>{/block:iflink1}
  813. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}"><img src="{image:navlinks}"></a>{/block:iflink2}
  814. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}"><img src="{image:navlinks}"></a>{/block:iflink3}
  815. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}"><img src="{image:navlinks}"></a>{/block:iflink4}
  816. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}"><img src="{image:navlinks}"></a>{/block:iflink5}
  817. {block:ifarchive}<a href="/archive" title="archive"><img src="{image:navlinks}"></a>{/block:ifarchive}
  818. </div>
  819. </div>
  820.  
  821. {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom}
  822. </div></div>
  823.  
  824. <!-- DO NOT REMOVE MY CREDIT -->
  825. <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>
  826.  
  827. </div>
  828.  
  829. </body>
  830. </html>
Advertisement
Add Comment
Please, Sign In to add comment