Advertisement
arrowes

theme 3

Jul 10th, 2014
581
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.74 KB | None | 0 0
  1. <!--
  2. theme 3
  3. by arrowsthemes (@beautrisprior)
  4.  
  5.  
  6. please dont steal and all that stuff its mean, dont move, delete or edit credit etc. feel free to customize as much as you want and all that but don't use as a base to make your own theme
  7.  
  8. like/reblog post if using, thank you!
  9.  
  10.  
  11.  
  12. CUSTOMIZING:
  13.  
  14. ABOUT BOX
  15. CTRL+F: hello
  16.  
  17. this will take you to what you need to change to change the information on the about pop up box
  18.  
  19. if you want change the title that appears when you hover over the second box (when about box is turned ON)
  20.  
  21. CTRL+F: <a href="#?w=500" rel="box2" class="poplight" id="c1" title="about">
  22.  
  23. and replace the about with whatever you want
  24.  
  25.  
  26. ASK BOX
  27. CTRL+F:ask away
  28.  
  29. if you want to change the title above the ask box to something else then just write it here
  30.  
  31.  
  32. -->
  33.  
  34.  
  35. <html>
  36. <head>
  37.  
  38. <title>{Title}</title>
  39. <link rel="shortcut icon" href="{Favicon}">
  40. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  41. <meta name="description" content="" />
  42. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  43.  
  44.  
  45. <meta name="color:background" content="#ffffff"/>
  46.  
  47. <meta name="image:sidebar img" content=""/>
  48. <meta name="image:about img" content=""/>
  49. <meta name="select:title font" content="courier new" title="Courier New">
  50. <meta name="select:title font" content="arial" title="Arial">
  51. <meta name="select:title font" content="georgia" title="Georgia">
  52.  
  53. <meta name="color:blog title" content="#888888"/>
  54. <meta name="color:text" content="#4f4d4d"/>
  55. <meta name="color:link" content="#97c5e0"/>
  56. <meta name="color:link hover" content="#222222"/>
  57. <meta name="color:post info" content="#888888"/>
  58. <meta name="color:borders" content="#888888"/>
  59. <meta name="color:blockquote" content="#888888"/>
  60. <meta name="color:tags" content="#888888"/>
  61. <meta name="color:description" content="#97c5e0"/>
  62. <meta name="color:description background" content="#ffffff"/>
  63. <meta name="color:description border" content="#888888"/>
  64.  
  65.  
  66.  
  67. <meta name="color:circle" content="#ffffff"/>
  68. <meta name="color:circle hover" content="#222222"/>
  69. <meta name="color:circle border" content="#222222"/>
  70.  
  71. <meta name="color:ask background" content="#FDFDFD"/>
  72.  
  73. <meta name="if:underlinehover" content="1"/>
  74. <meta name="if:spreadouttaghover" content="1"/>
  75. <meta name="if:showblogtitle" content="1"/>
  76. <meta name="if:askbox" content="1"/>
  77. <meta name="if:aboutbox" content="1"/>
  78.  
  79. <meta name="text:link1 url" content=""/>
  80. <meta name="text:link1" content=""/>
  81. <meta name="text:link2 url" content=""/>
  82. <meta name="text:link2" content=""/>
  83. <meta name="text:link3 url" content=""/>
  84. <meta name="text:link3" content=""/>
  85. <meta name="text:link4 url" content=""/>
  86. <meta name="text:link4" content=""/>
  87.  
  88.  
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  90.  
  91. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  92.  
  93. <script>
  94.  
  95. (function($){
  96.  
  97. $(document).ready(function(){
  98.  
  99. $("a[title]").style_my_tooltips({
  100.  
  101. tip_follows_cursor:true,
  102.  
  103. tip_delay_time:200,
  104.  
  105. tip_fade_speed:300,
  106.  
  107. attribute:"title"
  108.  
  109. });
  110.  
  111. });
  112.  
  113. })(jQuery);
  114.  
  115. </script>
  116.  
  117. <style type="text/css">
  118.  
  119.  
  120. ::-webkit-scrollbar{
  121. height: 5px;
  122. width: 9px;
  123. -webkit-border-radius: 0px;
  124. background-color:{color:background}
  125. }
  126.  
  127. ::-webkit-scrollbar-thumb{
  128. background-color:{color:scrollbar};
  129. }
  130.  
  131. ::-webkit-scrollbar-track{
  132. background-color:{color:background};
  133. }
  134.  
  135. /***tool tips***/
  136.  
  137. #s-m-t-tooltip{
  138. max-width:300px;
  139. margin:15px;
  140. padding:2px 8px;
  141. border:1px solid {color:borders};
  142. border-radius:0px;
  143. background:{color:background};
  144. color:{color:text};
  145. z-index:999999;
  146. font-size:10px;
  147. font-style:none;
  148. text-transform:lowercase;
  149. letter-spacing:1px;
  150. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  151.  
  152.  
  153. /***main***/
  154. blockquote {
  155. padding:5px 0px 5px 30px;
  156. border-left:1px solid {color:borders};
  157. margin-left:30px;
  158. }
  159.  
  160. body {
  161. font-size: 11px;
  162. font-family: arial;
  163. color: {color:text};
  164. background-color:{color:background};
  165. }
  166.  
  167.  
  168. a {color:{color:link};
  169. text-decoration: none;
  170.  
  171. -moz-transition-duration: 0.5s;
  172. -o-transition-duration: 0.5s;
  173. -webkit-transition-duration: 0.5s;
  174. transition-duration: 0.5s;
  175. }
  176.  
  177. a:hover {color:{color:link hover};
  178. {block:Ifunderlinehover}
  179. text-decoration:underline;
  180. {/block:Ifunderlinehover}
  181.  
  182. -moz-transition-duration: 0.5s;
  183. -o-transition-duration: 0.5s;
  184. -webkit-transition-duration: 0.5s;
  185. transition-duration: 0.5s;
  186. }
  187.  
  188.  
  189. .container {
  190. margin:auto;
  191. position:absolute;
  192. }
  193.  
  194.  
  195.  
  196.  
  197. /***SIDEBAR***/
  198.  
  199. #blogtitle { font-size:22px;
  200. font-family:{select:title font};
  201. font-weight:700;
  202. text-align:center;
  203. text-transform:none;
  204. color:{color:blog title};
  205. margin-bottom:-10px;
  206.  
  207.  
  208. }
  209.  
  210. #sideb {width: 200px;
  211. position: fixed;
  212. text-align:left;
  213. margin-left: 200px;
  214. margin-top:150px;
  215. }
  216.  
  217. .sidebimg img{max-width:200px;
  218. margin-top:10px;
  219. margin-bottom:0px;
  220.  
  221. }
  222.  
  223. .desc {font-size:11px;
  224. font-family:arial;
  225. margin-top:-10px;
  226. color:{color:description};
  227. text-align:justify;
  228. padding:10px;
  229. background:{color:description background};
  230. border: 1px solid {color:description border};
  231.  
  232. }
  233.  
  234.  
  235. .sidebar2 {
  236. width: 20px;
  237. position: fixed;
  238. margin-left: 940px;
  239. margin-top:180px;
  240. }
  241.  
  242. /***LINKS***/
  243. .c a{color:{color:link};
  244.  
  245. }
  246.  
  247. #c1{
  248. display:block;
  249. padding:1px;
  250. background-color:{color:circle};
  251. height:10px;
  252. width:10px;
  253. margin-bottom:40px;
  254. border:2px solid {color:circle border};
  255. border-radius:36px;
  256.  
  257. -webkit-transition: all 0.7s ease;
  258. -moz-transition: all 0.7s ease;
  259. -o-transition: all 0.7s ease;
  260. -ms-transition: all 0.7s ease;
  261. transition: all 0.7s ease;
  262. }
  263.  
  264. #c1:hover {
  265. background-color:{color:circle hover};
  266. -webkit-transition: all 0.7s ease;
  267. -moz-transition: all 0.7s ease;
  268. -o-transition: all 0.7s ease;
  269. -ms-transition: all 0.7s ease;
  270. transition: all 0.7s ease;
  271. }
  272.  
  273.  
  274.  
  275. /***POSTS***/
  276.  
  277. .posts {width: 500px;
  278. margin-left: 420px;
  279. margin-top:50px;
  280. margin-bottom:20px;
  281. padding-bottom:10px;
  282.  
  283. }
  284.  
  285. .posts li {list-style: square;
  286. }
  287.  
  288. .posts blockquote {border-left: 1px solid {color:blockquote};
  289. padding-left: 5px;
  290. }
  291.  
  292. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  293.  
  294. .postinfo {
  295. margin-top:3px;
  296. font-size:10px;
  297. padding:5px;
  298. color:{color:post info};
  299. border-top:1px solid {color:borders};
  300.  
  301. }
  302.  
  303. .postinfo a{
  304. margin-top:3px;
  305. font-size:10px;
  306. color:{color:post info};
  307. }
  308.  
  309. .postinfo a:hover{
  310. margin-top:3px;
  311. font-size:10px;
  312. color:{color:links hover};
  313. }
  314.  
  315. .perma {
  316. float:right;
  317. margin-top:3px;
  318. font-size:10px;
  319. color:{color:post info};
  320. }
  321.  
  322.  
  323. .postnotes{ {block:IndexPage}
  324. display: none;
  325. {/block:IndexPage}
  326. width:500px;
  327. text-align:left;
  328. margin-left:495px;
  329. }
  330.  
  331. .postnotes li {
  332. list-style-type:none;
  333. padding:5px 0px;
  334. text-align:left;
  335. }
  336.  
  337. .postnotes img {
  338. display:none;
  339. }
  340.  
  341.  
  342.  
  343. .pagination{
  344. margin-left:420px;
  345. width:500px;
  346. margin-bottom:20px;
  347. margin-top:30px;
  348. text-align:center;
  349. font-size:11px;
  350. }
  351.  
  352. /***TAGS***/
  353. #tags a{ color:{color:tags};
  354. text-transform:none;
  355. font-size:9px;
  356. margin-top:2px;
  357. -webkit-transition: all 0.7s ease;
  358. -moz-transition: all 0.5s ease;
  359. -ms-transition: all 0.5s ease;
  360. -o-transition: all 0.5s ease;
  361. transition: all 0.5s ease;
  362. }
  363.  
  364. #tags a:hover{ color:{color:links hover};
  365. text-transform:none;
  366. font-size:9px;
  367. {block:Ifspreadouttaghover} letter-spacing:1.2px; {/block:Ifspreadouttaghover}
  368. margin-top:2px;
  369. -webkit-transition: all 0.7s ease;
  370. -moz-transition: all 0.5s ease;
  371. -ms-transition: all 0.5s ease;
  372. -o-transition: all 0.5s ease;
  373. transition: all 0.5s ease;
  374.  
  375. }
  376.  
  377. .caption {
  378. width:100%;
  379. margin-top:5px;
  380. }
  381.  
  382.  
  383. /***TITLES***/
  384. .posts h1 {
  385. font-size: 13px;
  386. color: {color:text};
  387. font-weight: normal;
  388. font:courier new;
  389. margin: 0px;
  390. }
  391.  
  392. .posts h1 a{
  393. font-size: 15px;
  394. color:{color:link title};
  395. font-weight: normal;
  396. margin: 0px;
  397. }
  398.  
  399.  
  400. /***AUDIO***/
  401. #audio {
  402. width:500px;
  403. height:auto;
  404. min-height:90px;
  405. padding-bottom:10px;
  406. }
  407.  
  408. .playbox {
  409. overflow:hidden;
  410. opacity:1;
  411. position:absolute;
  412. z-index:1000;
  413. margin-left:0px;
  414. width:27px;
  415. border:10px solid #f1f0f0;
  416. border-bottom:8px solid #f1f0f0;
  417. margin-top:0px;
  418. text-align:center;
  419. -moz-transition-duration:0.5s;
  420. -webkit-transition-duration:0.5s;
  421. -o-transition-duration:0.5s;
  422. background-color:#f1f0f0;
  423. }
  424.  
  425. .audioinfo {
  426. padding:2px;
  427. margin-left:55px;
  428. margin-top:-100px;
  429. line-height:14px;
  430. padding-bottom:4px;
  431. }
  432.  
  433.  
  434.  
  435. .newplayerbutton {
  436. position: relative;
  437. width: 28px;
  438. height: 27px;
  439. overflow: hidden;
  440. }
  441.  
  442. .playerbuttonhug {
  443. position: absolute;
  444. top: -11px;
  445. left: -12px;
  446. }
  447.  
  448.  
  449. .tumblr_audio_player {
  450. border: none;
  451. padding: 0px;
  452. margin: 0px;
  453. height: 50px;
  454. width: 500px;
  455. }
  456.  
  457. .playerbuttonbg {
  458. position: absolute;
  459. left: 20px;
  460. top: 20px;
  461. width: 28px;
  462. height: 28px;
  463. background-color: {color:background};
  464. padding: 10px;
  465. -webkit-border-radius: 40px;
  466. -moz-border-radius: 40px;
  467. border-radius: 40px;
  468. opacity: .4;
  469. filter: alpha(opacity=40);
  470. -moz-opacity: 0.4;
  471. -khtml-opacity: 0.4;
  472. transition: opacity .7s ease-in-out;
  473. -moz-transition: opacity .7s ease-in-out;
  474. -webkit-transition: opacity .7s ease-in-out;
  475. }
  476.  
  477. .playerbuttonbg:hover {
  478. opacity: 1;
  479. filter: alpha(opacity=100);
  480. -moz-opacity: 1;
  481. -khtml-opacity: 1;
  482. }
  483.  
  484. .audioimg {
  485. position: absolute;
  486. left: 0px;
  487. top: 0px;
  488.  
  489. -webkit-border-radius: 0px;
  490. -moz-border-radius: 0px;
  491. border-radius: 0px;
  492. overflow: hidden;
  493. width: 88px;
  494. height: 88px;
  495. }
  496.  
  497. .audioimg img {
  498. width: 100%;
  499. height: auto;
  500. -webkit-border-radius: 0px;
  501. -moz-border-radius: 0px;
  502. border-radius: 0px;
  503. }
  504.  
  505. .trackdetails {
  506. width: auto;
  507. display:inline-block;
  508. margin-left: 100px;
  509. min-height: 85px;
  510. }
  511.  
  512. .audio {
  513. position: relative;
  514. display:inline-block;
  515. }
  516.  
  517.  
  518.  
  519. /***CHAT***/
  520. .chat ol {
  521. padding:0;
  522. list-style:none;
  523. }
  524.  
  525. .line {
  526. padding:4px 0;
  527. }
  528.  
  529. .label {
  530. font-weight:bold;
  531. color:{color:link};
  532. }
  533.  
  534. /***QUOTE***/
  535. #quotetext{
  536. text-align:left;
  537. font-size:15px;
  538. line-height:17px;
  539. font-weight:bold;
  540. }
  541.  
  542. #source {
  543. margin-top:15px;
  544. margin-left:15px;
  545. }
  546.  
  547. /***ASKS***/
  548. .question {
  549. margin-bottom:10px;
  550. height: auto;
  551. background-color: {color:ask background};
  552. border:1px solid {color:borders};
  553. padding: 10px;
  554. text-align:right;
  555.  
  556.  
  557. }
  558.  
  559. .asker{ font-weight:bold;
  560. font-size:14px;
  561. margin-bottom:3px;
  562. text-transform:lowercase;
  563. }
  564.  
  565. .answer{ margin-top:10px;
  566.  
  567. }
  568.  
  569. /***POP UP***/
  570.  
  571. .popup_block{
  572. display:none;
  573. background:{color:background};
  574. padding:20px;
  575. float:left;
  576. position:fixed;
  577. top:50%;left:50%;
  578. z-index: 99999;
  579.  
  580. }
  581.  
  582. *html #fade {position: absolute;}
  583. *html .popup_block {position: absolute;}
  584. #fade {
  585. display:none;
  586. position:fixed;
  587. left:0px;
  588. top:0px;
  589. width:100%;
  590. height:100%;
  591. z-index:9999;
  592. background:{color:background}; /* change to #fff for solid white */
  593. opacity:0.8; /* change to opacity:1; */
  594. }
  595.  
  596.  
  597. #about{
  598. text-align:center;
  599. padding:10px;
  600.  
  601. }
  602.  
  603. #aboutimg img{
  604. margin-left:220px;
  605. margin-top:10px;
  606. padding:10px;
  607. border-radius:60px;
  608. max-width:60px;
  609.  
  610.  
  611. }
  612.  
  613.  
  614. #asktitle { font-size:18px;
  615. font-family:{select:title font};
  616. font-weight:700;
  617. text-align:center;
  618. text-transform:none;
  619. color:{color:blog title};
  620. margin-bottom:10px;
  621. }
  622.  
  623. /***CRED***/
  624. #credit{
  625. font-size:8px;
  626. letter-spacing:1px;
  627. bottom:8px;
  628. right:8px;
  629. text-align:right;
  630. position:fixed;
  631. padding:1px 3px 1px 3px;
  632. font-weight:bold;
  633. -webkit-transition: all 0.5s ease;
  634. -moz-transition: all 0.5s ease;
  635. -ms-transition: all 0.5s ease;
  636. -o-transition: all 0.5s ease;
  637. transition: all 0.5s ease;
  638. border: 1px solid white;
  639. }
  640.  
  641. #credit a {
  642. text-decoration:none;
  643. text-shadow:none;
  644.  
  645. }
  646.  
  647. #credit:hover {
  648. text-transform:underline;
  649. border: 1px solid #454141;
  650. -webkit-transition: all 0.5s ease;
  651. -moz-transition: all 0.5s ease;
  652. -ms-transition: all 0.5s ease;
  653. -o-transition: all 0.5s ease;
  654. transition: all 0.5s ease;
  655. }
  656.  
  657. }
  658.  
  659.  
  660.  
  661.  
  662. </style>
  663.  
  664. <script type="text/javascript"
  665. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  666. <script>
  667. $(document).ready(function() {
  668. //
  669. $('a.poplight[href^=#]').click(function() {
  670. var popID = $(this).attr('rel'); //Get Popup Name
  671. var popURL = $(this).attr('href'); //Get Popup href to define size
  672. var query= popURL.split('?');
  673. var dim= query[1].split('&');
  674. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  675. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  676. var popMargTop = ($('#' + popID).height() + 80) / 2;
  677. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  678. //Apply Margin to Popup
  679. $('#' + popID).css({
  680. 'margin-top' : -popMargTop,
  681. 'margin-left' : -popMargLeft
  682. });
  683. $('body').append('<div id="fade"></div>');
  684. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  685. return false;
  686. });
  687. $('a.close, #fade').live('click', function() {
  688. $('#fade , .popup_block').fadeOut(function() {
  689. $('#fade, a.close').remove(); //fade them both out
  690. });
  691. return false;
  692. });
  693. });
  694. </script>
  695.  
  696. </head>
  697.  
  698.  
  699.  
  700. <body>
  701.  
  702. <div class="container">
  703.  
  704. <div id="sideb">
  705.  
  706. {block:Ifshowblogtitle}<div id="blogtitle"> <a id="blogtitle" href="/" >{Title}</a></div> {/block:Ifshowblogtitle}
  707.  
  708. <div class="sidebimg"><img src="{image:sidebar img}"></div>
  709.  
  710.  
  711. </br>
  712.  
  713. <div class="desc">{Description}</div>
  714.  
  715. <br></br>
  716.  
  717.  
  718. </div>
  719.  
  720. <div class="sidebar2">
  721.  
  722.  
  723. <div class="c">
  724.  
  725. {block:Ifaskbox}
  726. <a href="#?w=450" rel="box1" class="poplight" id="c1" title="ask"> </a>
  727. {/block:Ifaskbox}
  728.  
  729. {block:Ifaboutbox}
  730. <a href="#?w=500" rel="box2" class="poplight" id="c1" title="about">
  731. </a>
  732. {/block:Ifaboutbox}
  733.  
  734. {block:IfNotaskbox}
  735. <a id="c1" title="{text:link1}" href="{text:link1 url}"> </a>
  736. {/block:IfNotaskbox}
  737.  
  738. {block:IfNotaboutbox}
  739. <a id="c1" title="{text:link2}" href="{text:link2 url}"> </a>
  740. {/block:IfNotaboutbox}
  741.  
  742. <a id="c1" title="{text:link3}" href="{text:link3 url}"> </a>
  743. <a id="c1" title="{text:link4}" href="{text:link4 url}"> </a>
  744.  
  745.  
  746. </div>
  747.  
  748. </div>
  749.  
  750. <div id="box1" class="popup_block">
  751. <div id="asktitle">ask away</div>
  752. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%" ></iframe>
  753. </div>
  754.  
  755. <div id="box2" class="popup_block">
  756. <div id="aboutimg">
  757. <img src="{image:about img}">
  758. </div>
  759.  
  760. <div id="about">
  761.  
  762. hello you can put all the information you want here, for links use
  763. <a href="http://URL OF WHATEVER HERE">TITLE OF WHAT YOU WANT HERE </a>
  764. if you want to make text bold put it in between <b> these </b>, if you want italics <i>these </i> and underlined <u>this</u> to start a new
  765. line use
  766. <p> this and for a break </p>
  767. <br></br> will do the trick
  768.  
  769. </div>
  770.  
  771.  
  772.  
  773.  
  774. </div>
  775.  
  776.  
  777. <div class="postcol">
  778.  
  779. {block:Posts}
  780. <div class="posts">
  781.  
  782.  
  783. {block:Answer}
  784. <div class="question">
  785. <div class="asker">
  786. {Asker} said:
  787. </div>
  788. {Question}
  789. </div>
  790. <div class="answer">
  791. {Answer}
  792. </div>
  793. {block:Caption}
  794. <div class="caption">
  795. {Caption}
  796. </div>
  797. {/block:Caption}
  798. {/block:Answer}
  799.  
  800.  
  801. {block:Audio}
  802. {block:AudioPlayer}
  803. <div class="audio">
  804. {block:AlbumArt}
  805. <img src="{AlbumArtURL}" class="audioimg">
  806. {/block:AlbumArt}
  807.  
  808.  
  809. <div class="playerbuttonbg">
  810. <div class="newplayerbutton">
  811. <div class="playerbuttonhug">
  812. {AudioPlayer}
  813. </div>
  814. </div>
  815. </div>
  816.  
  817. <div class="trackdetails">
  818.  
  819. {block:TrackName}
  820. <b>Title: </b>
  821. {TrackName}
  822. {/block:TrackName}
  823. <br/>
  824. {block:Artist}
  825. <b>Artist: </b>
  826. {Artist}
  827. {/block:Artist}
  828. <br/>
  829. {block:Album}
  830. <b>Album:</b>
  831. {Album}
  832. {/block:Album}
  833. <br/>
  834. </div>
  835. </div>
  836. {/block:AudioPlayer}
  837.  
  838. {block:Caption}
  839. <div class="caption">
  840. {Caption}
  841. </div>
  842. {/block:Caption}
  843. {/block:Audio}
  844.  
  845.  
  846. {block:Chat}
  847. {block:Title}
  848. <h2>{Title}</h2>
  849. {/block:Title}
  850. <div class="chat">
  851. <ol>
  852. {block:Lines}
  853. <li class="line {Alt}">
  854. {block:Label}
  855. <span class="label">
  856. {Label}
  857. </span>
  858. {/block:Label}
  859. {Line}
  860. </li>
  861. {/block:Lines}
  862. </ol>
  863. </div>
  864. {/block:Chat}
  865.  
  866.  
  867. {block:Link}
  868. <h2><a href="{URL}">{Name}</a></h2>
  869. {block:Description}
  870. {Description}
  871. {/block:Description}
  872. {block:Caption}
  873. <div class="caption">
  874. {Caption}<
  875. /div>
  876. {/block:Caption}
  877. {/block:Link}
  878.  
  879.  
  880. {block:Panorama}
  881. {LinkOpenTag}
  882. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  883. {LinkCloseTag}
  884. {block:Caption}
  885. <div class="caption">
  886. {Caption}
  887. </div>
  888. {/block:Caption}
  889. {/block:Panorama}
  890.  
  891.  
  892. {block:Photo}
  893. {LinkOpenTag}
  894. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  895. {LinkCloseTag}
  896. {block:Caption}
  897. <div class="caption">
  898. {Caption}
  899. </div>
  900. {/block:Caption}
  901. {/block:Photo}
  902.  
  903.  
  904. {block:Photoset}
  905. {Photoset-500}
  906. {block:Caption}
  907. <div class="caption">
  908. {Caption}
  909. </div>
  910. {/block:Caption}
  911. {/block:Photoset}
  912.  
  913.  
  914. {block:Quote}
  915. <div id="quotetext">
  916. "{Quote}"
  917. </div>
  918. {block:Source}
  919. <div id="source">
  920. - {Source}
  921. </div>
  922. {/block:Source}
  923. {/block:Quote}
  924.  
  925.  
  926. {block:Text}
  927. {block:Title}
  928. <h2>{Title}</h2>
  929. {/block:Title}
  930. {Body}
  931. {block:Caption}
  932. <div class="caption">
  933. {Caption}
  934. </div>
  935. {/block:Caption}
  936. {/block:Text}
  937.  
  938.  
  939. {block:Video}
  940. {Video-500}
  941. {block:Caption}
  942. <div class="caption">
  943. {Caption}
  944. </div>
  945. {/block:Caption}
  946. {/block:Video}
  947.  
  948.  
  949. <div class="postinfo">
  950. <a href="{Permalink}">
  951. {block:Date}
  952. {ShortMonth} {DayOfMonth}</a>
  953. {block:NoteCount}
  954. | <a href="{Permalink}">
  955. +{NoteCount}</a>
  956. {/block:NoteCount}
  957.  
  958. <div class="perma">
  959. {block:RebloggedFrom}
  960. <a href="{ReblogParentURL}">via </a> |
  961. <a href="{ReblogRootURL}">source </a>
  962.  
  963. {/block:RebloggedFrom} </a>
  964. </div>
  965.  
  966. <div id="tags">
  967. {block:HasTags}
  968. {block:Tags}
  969. <a href="{TagUrl}">#{Tag}</a>
  970. {/block:Tags}
  971. {/block:HasTags}
  972. </div>
  973.  
  974.  
  975.  
  976.  
  977. </div>
  978. {/block:Date}
  979.  
  980.  
  981. </div>
  982.  
  983.  
  984. {block:PostNotes}
  985. <div class="postnotes">
  986. {PostNotes}
  987. </div>
  988. {/block:PostNotes}
  989.  
  990. {/block:Posts}
  991.  
  992. </div>
  993.  
  994. {block:Pagination}
  995. <div class="pagination">
  996. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} |
  997. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  998. </div>
  999. {/block:Pagination}
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005.  
  1006. {block:ContentSource}
  1007. <!-- {SourceURL}
  1008. {block:SourceLogo}
  1009. <img src="{BlackLogoURL}"
  1010. width="{LogoWidth}"
  1011. height="{LogoHeight}"
  1012. alt="{SourceTitle}" />
  1013. {/block:SourceLogo}
  1014. {block:NoSourceLogo}
  1015. {SourceLink}
  1016. {/block:NoSourceLogo} -->
  1017. {/block:ContentSource}
  1018.  
  1019. </div>
  1020.  
  1021. </div>
  1022. </div>
  1023.  
  1024. <div id="credit"><a href="http://beautrisprior.tumblr.com">AT</a> </div>
  1025.  
  1026.  
  1027. </body>
  1028. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement