API tools faq
paste
jbtthemes

Theme 10: ash of mine

jbtthemes
Sep 10th, 2016
1,255
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.37 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 10: ash of mine --
  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="color:background" content="#000">
  28. <meta name="color:container border" content="#0a0802">
  29. <meta name="color:postcontainer" content="#010100">
  30. <meta name="color:body" content="#4c4c4c">
  31. <meta name="color:description" content="#4c4c4c">
  32. <meta name="color:posttitle" content="#362f17">
  33. <meta name="color:bold" content="#474412" />
  34. <meta name="color:italic" content="#523615" >
  35. <meta name="color:blockquote" content="#18150a" >
  36. <meta name="color:sub sup small"content="#38391a">
  37. <meta name="color:link" content="#604f32">
  38. <meta name="color:link hover" content="#998200">
  39. <meta name="color:navlink" content="#4f4511">
  40. <meta name="color:navlink hover" content="#998200">
  41. <meta name="color:navlink shadow" content="#2e0808">
  42. <meta name="color:navlinkbg" content="#0a0800">
  43. <meta name="color:permalink" content="#362e20" />
  44. <meta name="color:permalink hover" content="#998200" />
  45. <meta name="color:tags" content="#362e20" />
  46. <meta name="color:tags hover" content="#998200" />
  47. <meta name="color:pagination" content="#3e3a23" />
  48. <meta name="color:pagination hover" content="#665600" />
  49. <meta name="color:scrollbar" content="#000" />
  50. <meta name="color:scrollbar1" content="#18150a" />
  51. <meta name="color:tooltiptext" content="#665600"/>
  52. <meta name="color:tooltipborder" content="#665600"/>
  53. <meta name="color:tooltipbg" content="#000"/>
  54.  
  55. <meta name="image:background" content="" />
  56.  
  57. <meta name="text:desc2" content="you can put counter widgets here or an about section or updates, etc" />
  58. <meta name="text:font size" content="10px" />
  59. <meta name="text:liststyletype icon" content="❖" />
  60. <meta name="text:browser title" content="this can be anything you want or just copy paste your blog title here"/>
  61. <meta name="text:blogurl" content="this is where you put your blog url for the ask + submit, leave out www. and .tumblr.com">
  62.  
  63. <meta name="if:hover tags" content="1">
  64.  
  65. <meta name="text:link1" content="home">
  66. <meta name="text:link1url" content="/">
  67. <meta name="text:link2" content="wander">
  68. <meta name="text:link3" content="archive">
  69. <meta name="text:link3url" content="/archive">
  70. <meta name="text:slide1" content="about">
  71. <meta name="text:slide2" content="ask/submit">
  72. <meta name="text:slide3" content="navigation">
  73.  
  74.  
  75. <!-- scripts -->
  76.  
  77. <script type="text/javascript"
  78. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  79. <script>
  80. $(document).ready(function() {
  81. //
  82. $('a.poplight[href^=#]').click(function() {
  83. var popID = $(this).attr('rel'); //Get Popup Name
  84. var popURL = $(this).attr('href'); //Get Popup href to define size
  85. var query= popURL.split('?');
  86. var dim= query[1].split('&');
  87. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  88. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  89. var popMargTop = ($('#' + popID).height() + 80) / 2;
  90. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  91. //Apply Margin to Popup
  92. $('#' + popID).css({
  93. 'margin-top' : -popMargTop,
  94. 'margin-left' : -popMargLeft
  95. });
  96. $('body').append('<div id="fade"></div>');
  97. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  98. return false;
  99. });
  100. $('a.close, #fade').live('click', function() {
  101. $('#fade , .popup_block').fadeOut(function() {
  102. $('#fade, a.close').remove(); //fade them both out
  103. });
  104. return false;
  105. });
  106. });
  107. </script>
  108.  
  109. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  110. <script>
  111. $(document).ready(function(){
  112. var totWidth=0;
  113. var positions = new Array();
  114.  
  115. $('#slides .slide').each(function(i){
  116. positions[i]= totWidth;
  117. totWidth += $(this).width();
  118.  
  119. if(!$(this).width())
  120. {
  121. alert("");
  122. return false;
  123. }
  124. });
  125.  
  126. $('#slides').width(totWidth);
  127.  
  128. $('#menu ul li a').click(function(e){
  129. $('li.menuItem').removeClass('act').addClass('inact');
  130. $(this).parent().addClass('act');
  131. var pos = $(this).parent().prevAll('.menuItem').length;
  132. $('#slides').stop().animate({marginLeft:-positions[pos]+'px'},800);
  133. e.preventDefault();
  134. });
  135.  
  136. $('#menu ul li.menuItem:first').addClass('act').siblings().addClass('inact');
  137. });</script>
  138.  
  139. <script>
  140.  
  141. $(document).ready(function(){
  142. $("ul#tabs li").click(function(e){
  143. if (!$(this).hasClass("active")) {
  144. var tabNum = $(this).index();
  145. var nthChild = tabNum+1;
  146. $("ul#tabs li.active").removeClass("active");
  147. $(this).addClass("active");
  148. $("ul#tab li.active").removeClass("active");
  149. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  150. }
  151. });
  152. });
  153. </script>
  154.  
  155. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  156.  
  157. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  158.  
  159. <script>
  160. (function($){
  161. $(document).ready(function(){
  162. $("a[title]").style_my_tooltips({
  163. tip_follows_cursor:true,
  164. tip_delay_time:90,
  165. tip_fade_speed:600,
  166. attribute:"title"
  167. });
  168. });
  169. })(jQuery);
  170. </script>
  171.  
  172. <!--custom fonts-->
  173.  
  174. <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Ruthie" rel="stylesheet">
  175. </head>
  176.  
  177. <style type="text/css">
  178.  
  179. /*customize scrollbar*/
  180. ::-webkit-scrollbar {
  181. width: 5px;
  182. height: 2px;
  183. }
  184. ::-webkit-scrollbar-button {
  185. width: 0px;
  186. height: 0px;
  187. }
  188. ::-webkit-scrollbar-thumb {
  189. background:{color:scrollbar};
  190. background: -moz-linear-gradient(top, {color:scrollbar} 0%, {color:scrollbar1}; 100%); /* FF3.6-15 */
  191. background: -webkit-linear-gradient(top, {color:scrollbar} 0%, {color:scrollbar1} 100%); /* Chrome10-25,Safari5.1-6 */
  192. background: linear-gradient(to bottom, {color:scrollbar} 0%, {color:scrollbar1} 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  193. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#530a09', endColorstr='#110303',GradientType=0 ); /* IE6-9 */
  194. }
  195. ::-webkit-scrollbar-track {
  196. background: transparent;
  197. }
  198. ::-webkit-scrollbar-corner {
  199. background: transparent;
  200. }
  201.  
  202. body {
  203. background-color:{color:background};
  204. font-family: garamond;
  205. font-size: {text:font size};
  206. color:{color:body};
  207. background-image:url({image:background});
  208. background-position: top left;
  209. background-repeat:no-repeat;
  210. background-attachment:fixed;
  211. background-size:cover;
  212. }
  213.  
  214. a {
  215. text-decoration:none;
  216. color:{color:link};
  217. -webkit-transition: all 0.7s ease;
  218. transition: all 0.7s ease;
  219. -moz-transition: all 0.7s ease;
  220. -o-transition: all 0.7s ease;
  221. }
  222.  
  223. a:hover {
  224. letter-spacing:1px;
  225. color:{color:link hover};
  226. cursor:crosshair;
  227. }
  228.  
  229. b, strong {
  230. color:{color:bold};
  231. text-transform:uppercase;
  232. letter-spacing:0px;
  233. font-size:12px;
  234. letter-spacing:3px;
  235. font-family: 'Amatic SC', cursive;
  236. }
  237.  
  238. i, em {
  239. color:{color:italic};
  240. font-family: 'Ruthie', cursive;
  241. text-transform:lowercase;
  242. letter-spacing:1px;
  243. }
  244.  
  245. sub, sup, small {
  246. color:{color:sub sup small};
  247. }
  248.  
  249. blockquote {
  250. padding:2px 7px;
  251. margin:3px 0 3px 8px;
  252. border-left:1px solid {color:blockquote};
  253. }
  254.  
  255. blockquote img {
  256. max-width:100%;
  257. height:auto;
  258. }
  259.  
  260. img {
  261. max-width: 100%;
  262. opacity:.3;
  263. -webkit-transition: all 0.7s ease;
  264. transition: all 0.7s ease;
  265. -moz-transition: all 0.7s ease;
  266. -o-transition: all 0.7s ease;
  267. }
  268.  
  269. img:hover {
  270. opacity:1;
  271. }
  272.  
  273. /*customization for side nav links */
  274. h1 {
  275. font-family: 'Ruthie', cursive;
  276. color:{color:navlink};
  277. text-align:center;
  278. padding-top:4px;
  279. text-shadow:2px 0px 5px {color:navlink shadow};
  280. /* Safari 4-5, Chrome 1-9 */
  281. background: -webkit-gradient(linear, left top, right top, from({color:navlinkbg};), to(transparent));
  282.  
  283. /* Safari 5.1, Chrome 10+ */
  284. background: -webkit-linear-gradient(left, {color:navlinkbg}, transparent);
  285.  
  286. /* Firefox 3.6+ */
  287. background: -moz-linear-gradient(left, {color:navlinkbg}, transparent);
  288.  
  289. /* IE 10 */
  290. background: -ms-linear-gradient(left, {color:navlinkbg}, transparent);
  291.  
  292. /* Opera 11.10+ */
  293. background: -o-linear-gradient(left, {color:navlinkbg}, transparent);
  294. letter-spacing:2px;
  295. }
  296.  
  297. /*customization for regular header */
  298. h2 {
  299. font-size:30px;
  300. font-family: 'Ruthie', cursive;
  301. text-align:center;
  302. color:{color:posttitle};
  303. text-transform:lowercase;
  304. margin-bottom:-2px;
  305. }
  306.  
  307. /*customization for list style type*/
  308. ul {
  309. list-style: none;
  310. padding: 0;
  311. }
  312.  
  313. li {
  314. padding-left: 5px;
  315. }
  316.  
  317. li:before {
  318. font-size:{text:font size};
  319. content: "{text:liststyletype icon}"; /* FontAwesome Unicode */
  320. display: inline-block;
  321. margin-left: 5px; /* same as padding-left set on li */
  322. padding-right:5px;
  323. width: 1.3em; /* same as padding-left set on li */
  324. }
  325.  
  326. /* customization for containers */
  327.  
  328. #container {
  329. position:absolute;
  330. bottom:100px;
  331. left:530px;
  332. height:500px;
  333. width:440px;
  334. padding:10px;
  335. background-image:url({image:container});
  336. background-position: bottom left;
  337. background-repeat:no-repeat;
  338. background-attachment:fixed;
  339. background-size:cover;
  340. border:1px solid {color:container border};
  341. -webkit-mask-image: -webkit-gradient(
  342. linear, center 75%, center bottom,
  343. from(rgba(0,0,0,20)),
  344. to(rgba(20,0,0,0)));
  345.  
  346. }
  347.  
  348. #postcontainer {
  349. height:480px;
  350. width:420px;
  351. padding:10px;
  352. overflow-y:scroll;
  353. background-color:{color:postcontainer};
  354. }
  355.  
  356. /* all the post info */
  357.  
  358. .posts {
  359. width:400px;
  360. background-color:transparent;
  361. padding:10px;
  362. padding-top:0px;
  363. margin-bottom:30px;
  364. margin-right:10px;
  365. background:transparent;
  366. }
  367.  
  368. .html_photoset {
  369. max-width: 100%;
  370. opacity:.3;
  371. -webkit-transition: all 0.7s ease;
  372. transition: all 0.7s ease;
  373. -moz-transition: all 0.7s ease;
  374. -o-transition: all 0.7s ease;
  375. }
  376.  
  377. .html_photoset:hover {
  378. opacity:1;
  379. }
  380.  
  381. /*customization for permalinks "post info"*/
  382. .permalinks {
  383. text-align: center;
  384. height:15px;
  385. text-transform: lowercase;
  386. padding:5px;
  387. margin-top:10px;
  388. color:{color:permalink};
  389. }
  390.  
  391. .permalinks a {
  392. margin-right:10px;
  393. color:{color:permalink};
  394. }
  395.  
  396. .permalinks a:hover {
  397. text-shadow:0 0 10px {color:permalink hover};
  398. text-decoration:none;
  399. }
  400.  
  401. {block:ifhoverpermalinks}
  402. .posts:hover .permalinks {
  403. height:20px;
  404. -webkit-transition: all 0.7s ease;
  405. transition: all 0.7s ease;
  406. -moz-transition: all 0.7s ease;
  407. -o-transition: all 0.7s ease;
  408. visibility:visible;
  409. }
  410. {/block:ifhoverpermalinks}
  411.  
  412. .notes a {
  413. color:{color:permalink};
  414. }
  415.  
  416. .notes a:hover {
  417. color:{color:permalink hover};
  418. }
  419.  
  420. .notes li {
  421. text-align:left;
  422. }
  423.  
  424. .notes li:before {
  425. content: ""; /* FontAwesome Unicode */
  426. display: inline-block;
  427. margin-left: 0px; /* same as padding-left set on li */
  428. width: 1.3em; /* same as padding-left set on li */
  429. }
  430.  
  431. .tags {
  432. text-align:center;
  433. text-transform:lowercase;
  434. padding-bottom:10px;
  435. padding-top:5px;
  436. {block:ifhovertags}
  437. opacity:0;
  438. max-height:0px;
  439. {/block:ifhovertags}
  440. }
  441.  
  442. .tags a {
  443. text-decoration:none;
  444. font-size: 8px;
  445. margin-right:10px;
  446. text-transform:lowercase;
  447. color:{color:tags};
  448. }
  449.  
  450. .tags a:last-child {
  451. margin-right:0px;
  452. }
  453.  
  454. .tags a:hover {
  455. text-shadow:0 0 3px {color:tags hover};
  456. text-decoration:none;
  457. }
  458.  
  459. {block:ifhovertags}
  460. .posts:hover .tags {
  461. opacity:1;
  462. max-height:300px;
  463. -webkit-transition: all 0.7s ease;
  464. transition: all 0.7s ease;
  465. -moz-transition: all 0.7s ease;
  466. -o-transition: all 0.7s ease;
  467. }
  468. {/block:ifhovertags}
  469.  
  470. /* sidebar stuff */
  471.  
  472. #sidebar {
  473. position:absolute;
  474. bottom:100px;
  475. left:1010px;
  476. height:520px;
  477. width:150px;
  478. background:transparent;
  479. border:1px solid {color:container border};
  480. }
  481.  
  482. #sidebar h1 {
  483. font-size:15px;
  484. margin-right:10px;
  485. margin-left:10px;
  486. -webkit-transition: all 0.7s ease;
  487. transition: all 0.7s ease;
  488. -moz-transition: all 0.7s ease;
  489. -o-transition: all 0.7s ease;
  490. }
  491.  
  492. #sidebar h1:hover {
  493. color:{color:navlink hover};
  494. }
  495.  
  496. /*customization for description*/
  497.  
  498. #description {
  499. width:120px;
  500. margin-right:auto;
  501. margin-left:auto;
  502. font-size:10px;
  503. color:{color:description};
  504. text-align:center;
  505. padding:10px;
  506. padding-bottom:20px;
  507. }
  508.  
  509. /*customization for popups*/
  510. .popup_block{
  511. display:none;
  512. background:#fff;
  513. padding:20px;
  514. float:left;
  515. position:fixed;
  516. width: 540px;
  517. height: 400px;
  518. top:50%;left:50%;
  519. z-index: 99999;
  520. background-color:{color:postcontainer};
  521. overflow-y:scroll;
  522. overflow-x:hidden;
  523. }
  524.  
  525. *html #fade {position: absolute;}
  526. *html .popup_block {position: absolute;}
  527. #fade {
  528. display:none;
  529. position:fixed;
  530. left:0px;
  531. top:0px;
  532. width:100%;
  533. height:100%;
  534. z-index:9999;
  535. background:#000; /* change to #fff for solid white */
  536. opacity:0.5; /* change to opacity:1; */
  537. }
  538.  
  539. #menu{
  540. position:fixed;
  541. padding-left:200px;
  542. padding-top:10px;
  543. padding-bottom:5px;
  544. background:#000;}
  545.  
  546. #menu ul{
  547. height:35px;
  548. margin:0px;
  549. padding:0px;
  550. list-style:none;}
  551.  
  552. #menu li{
  553. padding-top:8px;
  554. font-size:18px;
  555. line-height:20px;
  556. display:inline-block}
  557.  
  558. #menu li:before {
  559. content: ""; /* FontAwesome Unicode */
  560. margin-left: 0px; /* same as padding-left set on li */
  561. padding-right:0px;
  562. width: 0em; /* same as padding-left set on li */
  563. }
  564.  
  565. #menu li a {
  566. width:30px;
  567. overflow:hidden;
  568. display:inline-block;
  569. text-decoration: none;
  570. white-space: nowrap;
  571. -webkit-transition: all 0.7s ease;
  572. -moz-transition: all 0.7s ease;
  573. -o-transition: all 0.7s ease;}
  574.  
  575. .navi a {
  576. text-align:center;
  577. width:80px;
  578. height:auto;
  579. padding:3px;
  580. display:inline-block;
  581. border-bottom:1px solid {color:blockquote};
  582. }
  583.  
  584. .slide{
  585. margin-top:35px;
  586. float:left;
  587. width: 500px;
  588. text-align:justify;}
  589.  
  590. .slidetx {
  591. padding:20px;}
  592.  
  593. .slidecr {
  594. padding-right:5px;
  595. padding-top:5px;
  596. font-size:12px;
  597. float:right;}
  598.  
  599. /* customization for pagination */
  600.  
  601. #pagination {
  602. position:absolute;
  603. left:445px;
  604. width:150px;
  605. bottom:170px;
  606. text-align:center;
  607. font-size:12px;
  608. color:{color:description};
  609. transform:rotate(-90deg);
  610. }
  611.  
  612. #pagination a {
  613. padding-top: 10px;
  614. color:{color:pagination};
  615. -webkit-filter: blur(0.5px);
  616. -webkit-transition: 0.8s ease-in;
  617. -moz-transition: .8s ease-in;
  618. transition: .8s ease-in;
  619. }
  620.  
  621. #pagination a:hover {
  622. color:{color:pagination hover};
  623. text-decoration:none;
  624. -webkit-filter: blur(0px);
  625. }
  626.  
  627. /* more general stuffs for post and body */
  628.  
  629. .asker {
  630. font-family:'Ruthie', cursive;
  631. text-transform:lowercase;
  632. font-size:25px;
  633. font-style: italic;
  634. text-align:center;
  635. margin-bottom:5px;
  636. padding-bottom:0px;
  637. }
  638.  
  639. .question {
  640. margin-top:-15px;
  641. padding:10px;
  642. text-align:center;
  643. border-top:1px dotted {color:blockquote};
  644. }
  645.  
  646.  
  647. .ans {
  648. text-align:center;
  649. padding:10px;
  650. }
  651.  
  652.  
  653. .quote {
  654. font-size:13px;
  655. letter-spacing:1px;
  656. text-align:right;
  657. margin-bottom:5px;
  658. padding-bottom:5px;
  659. }
  660.  
  661. .quotesource {
  662. font-size:10px;
  663. letter-spacing:1px;
  664. text-align:center;
  665. margin-bottom:5px;
  666. }
  667.  
  668. .media {
  669. position:relative;
  670. display:inline-block;
  671. width:100%;
  672. }
  673.  
  674. .albumimg {
  675. width:60px;
  676. margin-left:170px;
  677. margin-top:10px;
  678. border-radius:100%;
  679. opacity:.4;
  680. z-index:1;
  681. }
  682.  
  683. .playerbutton {
  684. width:20px;
  685. height:30px;
  686. overflow:hidden;
  687. position:relative;
  688. z-index:1000;
  689. margin:10px 19px 8px 11px;
  690. }
  691.  
  692. .player {
  693. background-color:#000;
  694. position:relative;
  695. z-index:1000;
  696. margin-left:175px;
  697. top:65px;
  698. width:50px;
  699. border-radius:50px;
  700. opacity:.7;
  701. }
  702.  
  703. .albuminfo {
  704. width:100px;
  705. margin-right:auto;
  706. margin-left:auto;
  707. text-align:center;
  708. }
  709.  
  710. /*customization for tooltips */
  711. #s-m-t-tooltip {
  712. max-width:300px;
  713. border-radius: 0px; /*if you want rounded corners*/
  714. padding:4px;
  715. margin:-30px -15px 5px 0px;/*how far it appears from link*/
  716. color:{color:tooltiptext};
  717. border:1px solid {color:tooltipborder};
  718. font-size:10px;
  719. letter-spacing:1px;
  720. background:{color:tooltipbg};
  721. z-index:99999;/*don't change this*/
  722. }
  723.  
  724. /* DO NOT REMOVE THIS. It's my credit and I worked very hard on it. */
  725.  
  726. #mycredit {
  727. z-index:8;
  728. bottom:0px;
  729. right:5px;
  730. height:30px;
  731. width:30px;
  732. opacity:0.8;
  733. position:fixed;
  734. padding:5px;
  735. -webkit-transition: all 0.7s ease;
  736. transition: all 0.7s ease;
  737. -moz-transition: all 0.7s ease;
  738. -o-transition: all 0.7s ease;
  739. }
  740.  
  741. #mycredit:hover {
  742. opacity:1;
  743. }
  744.  
  745. {CustomCSS}
  746.  
  747. </style>
  748.  
  749. <body>
  750.  
  751. <!--sidebar-->
  752. <div id="sidebar">
  753. <a href="{text:link1url}" title="{text:link1}"><h1>{Title}</h1></a>
  754. <!--description -->
  755. <div id="description">{block:Description}{Description}{/block:Description}
  756. </div>
  757. <!--links-->
  758. <a href="#?w=500" rel="box1" class="poplight" title="{text:link2}"><h1>in those cold, black shadows</h1></a>
  759. <div id="description" style="margin-bottom:-10px;">{text:desc2}</div>
  760. <a href="{text:link3url}" title="{text:link3}"><h1>bury us, and let us be free</h1></a>
  761. </div>
  762.  
  763. <!--pagination -->
  764. <div id="pagination">
  765. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}
  766. {block:NextPage}<a href="{NextPage}">FORTH</a>{/block:NextPage}{/block:Pagination}
  767. </div>
  768.  
  769. <!--container and post stuff-->
  770. <div id="container">
  771. <div id="postcontainer">
  772.  
  773. {block:Posts}
  774.  
  775. <div class="posts">
  776.  
  777. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  778.  
  779. {block:Photo}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  780.  
  781. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  782.  
  783. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  784.  
  785. {block:Quote}<div class="quote">❝ {Quote} ❞</div>{block:Source}<div class="quotesource"><br>{Source}</div>{/block:Source}{/block:Quote}
  786.  
  787. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  788.  
  789. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  790. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  791.  
  792. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  793.  
  794. {block:Audio}
  795. <div class="player"><div class="playerbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  796. {block:AlbumArt}<img src="{AlbumArtURL}" class="albumimg">{/block:AlbumArt}
  797. <div class="albuminfo">
  798. [ <a href="{Permalink}" title="{block:TrackName}{TrackName}{/block:TrackName}
  799. {block:Artist}- {Artist}{/block:Artist}{block:Album}- {Album}{/block:Album}"> x </a> ]
  800. </div>
  801. {/block:Audio}
  802.  
  803. {block:Answer}
  804. <div class="asker">{Asker} wondered:</div>
  805. <div class="question">{Question}</div>
  806. {Answer}
  807. {/block:Answer}
  808.  
  809. <div class="permalinks">
  810. <a href="{Permalink}" title="{Timeago} : {DayOfMonth} {ShortMonth} {Year}">■</a>
  811. {block:NoteCount}<a href="{Permalink}" title="n{NoteCount}">■</a>{/block:NoteCount}
  812. {block:RebloggedFrom}
  813. <a href="{ReblogParentURL}" title="via">■</a>
  814. <a href="{ReblogRootURL}" title="source">■</a>{/block:RebloggedFrom}
  815. <a href="{ReblogURL}" title="reblog?">■</a>
  816. </div>
  817.  
  818. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">⊱ {Tag}</a>{/block:Tags}{/block:HasTags}</div>
  819.  
  820. {block:PostNotes}<div class="notes">{PostNotes}</div>
  821. {/block:PostNotes}
  822.  
  823. </div>
  824. {/block:Posts}
  825.  
  826. </div></div>
  827.  
  828. {block:ContentSource}
  829. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  830. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  831. {/block:SourceLogo}
  832. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  833. {/block:ContentSource}
  834.  
  835. <!-- DO NOT REMOVE MY CREDIT -->
  836. <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>
  837. </body>
  838.  
  839. <!--start of all-in-one popup-->
  840. <div id="box1" class="popup_block">
  841. <div id="menu"><ul>
  842. <li class="menuItem"><a href="" title="{text:slide1}">I.</a></li>
  843. <li class="menuItem"><a href="" title="{text:slide2}">II.</a></li>
  844. <li class="menuItem"><a href="" title="{text:slide3}">III.</a></li>
  845.  
  846. <div class="slidecr"><div class="close"><a href=""><img src="https://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png"></a></div></div>
  847. </ul></div>
  848.  
  849. <div id="slides">
  850.  
  851.  
  852. <!-- this is the start of about slide -->
  853. <div class="slide"><div class="slidetx">
  854.  
  855. <h2>about</h2>
  856.  
  857. <i>You can use this as an about page or a rules page, a do's or don'ts, a will or will not do page or whatever.</i></p>
  858.  
  859. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  860.  
  861. <img src="http://67.media.tumblr.com/56a937c3924424c1a2f4e6d57cb802d0/tumblr_o7vwfkiEbK1runoqyo1_r1_540.gif">
  862.  
  863. <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, <b>VEHICULA MATTIS, TEMPUS NON, ARCU</b>.</p>
  864.  
  865. <p>Suspendisse ac pede. Cras tincidunt pretium felis. Cum sociis natoque penatibus et magnis dis <i>parturient montes</i>, nascetur ridiculus mus. Pellentesque porttitor mi id felis. Maecenas nec augue. Praesent a quam pretium leo congue accumsan.</p>
  866.  
  867. </div></div>
  868.  
  869. <!-- end of about slide -->
  870.  
  871. <!-- start of ask/submit slide -->
  872.  
  873. <div class="slide"><div class="slidetx">
  874. <h2>ask + submit</h2>
  875. <p><i>You can add in a paragraph here, maybe faqs or something if you want or delete this paragraph entirely.</i></p>
  876. <p><b>I WILL &mdash;</b></p>
  877. <ul>
  878. <li>here is a thing</li>
  879. <li>here is a second thing</li>
  880. <li>here is a third thing</li>
  881. </ul>
  882. <p><b>I WILL NOT &mdash;</b></p>
  883. <ul>
  884. <li>here is a thing</li>
  885. <li>here is a second thing</li>
  886. <li>here is a third thing</li>
  887. </ul>
  888. <p>
  889. <iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/www.{text:blogurl}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe></p>
  890. <p>
  891. <iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/submit_form/www.{text:blogurl}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe></p>
  892. </div></div>
  893. <!--end of ask/submit slide -->
  894.  
  895. <!-- start of the navigation slide -->
  896.  
  897. <div class="slide"><div class="slidetx">
  898.  
  899. <h2>navigation</h2>
  900. <!--you can add as many sections and links as you want, just copy paste where it says and remember to change the section numbers -->
  901. <!--start copy here -->
  902. <p><center><b>Section I</b></center></p>
  903. <div class="navi">
  904. <a href="/">link</a>
  905. <a href="/">link</a>
  906. <a href="/">link</a>
  907. <a href="/">link</a>
  908. <a href="/">link</a>
  909. </div>
  910. <!--end copy here-->
  911.  
  912. <!--start copy here -->
  913. <p><center><b>Section II</b></center></p>
  914. <div class="navi">
  915. <a href="/">link</a>
  916. <a href="/">link</a>
  917. <a href="/">link</a>
  918. <a href="/">link</a>
  919. <a href="/">link</a>
  920. </div>
  921. <!--end copy here-->
  922.  
  923. <!--start copy here -->
  924. <p><center><b>Section III</b></center></p>
  925. <div class="navi">
  926. <a href="/">link</a>
  927. <a href="/">link</a>
  928. <a href="/">link</a>
  929. <a href="/">link</a>
  930. <a href="/">link</a>
  931. </div>
  932. <!--end copy here-->
  933.  
  934. </div></div>
  935.  
  936. <!-- end of the navigation slide -->
  937.  
  938. </div>
  939.  
  940. </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!