API tools faq
paste
Advertisement
glam0urkills

「BURN IT UP」THEME BY @IMJAEBUMX

glam0urkills
May 16th, 2016
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8.    「BREATHE IN」THEME
  9.       by @imjaebumx
  10.      
  11.       - don't claim this theme as your own ㅇㅅㅇ
  12.       - you can heavily edit it
  13.       - but please keep all the credits~
  14.       - thanks for using my theme .3.
  15.      
  16.    - inspired by sorrism's {sleepless} theme -
  17.  
  18. -->
  19.  
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23. <meta charset="utf-8">
  24. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  25. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28.  
  29. <meta name="color:background" content="#fbfbfb" />
  30. <meta name="color:description background" content="#ffffff" />
  31. <meta name="color:links" content="#000000" />
  32. <meta name="color:links hover" content="#cfdfeb" />
  33. <meta name="color:text" content="#adadad" />
  34. <meta name="color:posts" content="#ffffff" />
  35. <meta name="color:borders" content="#f8f8f8" />
  36. <meta name="color:scrollbar" content="#cfdfeb" />
  37.  
  38. <meta name="image:sidebar image" content=""/>
  39.  
  40. <meta name="text:opacity value" content="0.7" />
  41. <meta name="text:Link1" content="/" />
  42. <meta name="text:Link1 Title" content="one" />
  43. <meta name="text:Link2" content="/" />
  44. <meta name="text:Link2 Title" content="two" />
  45. <meta name="text:Link3" content="/" />
  46. <meta name="text:Link3 Title" content="three" />
  47. <meta name="text:Link4" content="/" />
  48. <meta name="text:Link4 Title" content="four" />
  49.  
  50. <meta name="if:hide captions" content="0"/>
  51. <meta name="if:hide tags" content="0"/>
  52. <meta name="if:lazy load" content="0"/>
  53. <meta name="if:light box" content="0"/>
  54. <meta name="if:icon image" content="0"/>
  55.  
  56. <meta name="select:post width" content="200" title="200px"/>
  57. <meta name="select:post width" content="250" title="250px"/>
  58. <meta name="select:post width" content="300" title="300px"/>
  59. <meta name="select:post width" content="350" title="350px"/>
  60. <meta name="select:post width" content="400" title="400px"/>
  61. <meta name="select:post width" content="450" title="450px"/>
  62. <meta name="select:post width" content="500" title="500px"/>
  63.  
  64.  
  65.  
  66.  
  67. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  68.  
  69. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  70.  
  71. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  72.  
  73. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  74.  
  75. <!------------ TOOLTIPS ---------------->
  76.  
  77. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  78. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  79. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  80. <script>
  81. (function($){
  82. $(document).ready(function(){
  83. $("[title]").style_my_tooltips({
  84. tip_follows_cursor:true,
  85. tip_delay_time:200,
  86. tip_fade_speed:300
  87. });
  88. });
  89. })(jQuery);
  90. </script>
  91.  
  92. <!--------- PHOTOSET FUNCTIONS TUTORIAL BY SHYTHEMES -------------->
  93.  
  94. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  95. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  96. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  97.  
  98. <script>
  99. $(document).ready(function(){
  100.    $('.photo-slideshow').pxuPhotoset({
  101.        lightbox: true,
  102.        rounded: false,
  103.        gutter: '2px',
  104.        borderRadius: '0px',
  105.        photoset: '.photo-slideshow',
  106.        photoWrap: '.photo-data',
  107.        photo: '.pxu-photo'
  108.    });
  109. });
  110. </script>
  111.  
  112. <!----------- VIDEO RESIZING SCRIPT BY SHYTHEMES ----------------->
  113.  
  114. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  115.  
  116. <!----------- CUSTOM FONT ------------->
  117.  
  118. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  119.  
  120.  
  121. <!----------- DROP DOWN MENU & NOTES -------------->
  122.  
  123. <script>$(document).ready(function(){
  124.     $(".links").hide();
  125.         $(".dd").show();$('.dd').toggle(function(){
  126.             $(".links").slideDown(function(){});
  127.                 },function(){
  128.             $(".links").slideUp(function(){});
  129.         });
  130.     });</script>
  131.    
  132.     <!------------------ LAZY LOAD ------------------->
  133. {block:Iflazyload}<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  134. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  135. <script type="text/javascript" charset="utf-8">
  136. var $j = jQuery.noConflict();
  137. $j(function() {
  138. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  139. $j("img").lazyload({
  140. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  141. effect: "fadeIn",
  142. });
  143. });
  144. </script>{/block:Iflazyload}
  145.  
  146.  
  147.  
  148. <style type="text/css">
  149.  
  150.  
  151.  
  152. /* ---------------------------- GENERAL ----------------------------- */
  153.  
  154. /* -------- SELECTION TOOL ------- */
  155.  
  156. ::-moz-selection {
  157.     background: {color:borders};
  158.     color: {color:text};
  159. }
  160.  
  161. ::selection {
  162.     background: {color:borders};
  163.     color: {color:text}
  164. }
  165.  
  166. /* -------- SCROLLBAR ------- */
  167.  
  168. ::-webkit-scrollbar {width:11px;height:11px;background:{color:borders};}
  169. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  170. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {border:5px solid {color:background}; }
  171.  
  172. /* --------- CONTROLS -------- */
  173.  
  174. .tmblr-iframe--desktop-loggedin-controls, .iframe-controls--desktop, .tmblr-iframe, #tumblr_controls{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;}
  175.  
  176. /* ------- TOOLTIPS ------ */
  177.  
  178. #s-m-t-tooltip {
  179.     max-width:300px;
  180.     padding:5px;
  181.     margin:20px 20px 20px 20px;
  182.     text-transform:uppercase;
  183.     font-family:''Lato'';
  184.     font-size:8px;
  185.     font-style:none;
  186.     letter-spacing:1px;
  187.     color:{color:text};
  188.     background-color:#fff;
  189.     box-shadow:0px 0px 0px rgba(0,0,0,.0);
  190. border-radius:0%;
  191.     z-index:999999999999999999999999999999999999;
  192.     }
  193.  
  194. /* -------- BASICS ------- */
  195.  
  196. body {
  197.     background:{color:Background};
  198.     color: {color:text};
  199.     font-family: 'Lato';
  200.     font-size: 9px;
  201.     margin: 0;
  202.     animation: fadein 2s;
  203.     -webkit-animation: fadein 2s;
  204.     padding: 0;
  205.     word-wrap: break-word;
  206.     line-height:150%;
  207. }
  208.  
  209. @keyframes fadein {
  210.   from {
  211.       opacity:0;
  212.   }
  213.   to {
  214.       opacity:1;
  215.   }
  216. }
  217. @-webkit-keyframes fadein {
  218.   from {
  219.       opacity:0;
  220.   }
  221.   to {
  222.       opacity:1;
  223.   }
  224. }
  225.  
  226. a {
  227.     color: {color:links};
  228.     font:8px 'Calibri';
  229.     text-transform:uppercase;
  230.     letter-spacing:2px;
  231.     text-decoration: none;
  232.     -webkit-transition: all .3s;
  233.     -moz-transition: all .3s;
  234.     -o-transition: all .3s;
  235.     -ms-transition: all .3s;    
  236.     transition: all .3s;
  237. }
  238.  
  239. a:hover{
  240.     color:{color:links hover};
  241.     cursor:help;
  242.     -webkit-transition: all .3s;
  243.     -moz-transition: all .3s;
  244.     -o-transition: all .3s;
  245.     -ms-transition: all .3s;    
  246.     transition: all .3s;
  247. }
  248.  
  249. blockquote {
  250.     border-left: 1px solid {color:borders};
  251.     margin: 10px;
  252.     padding-left:25px;
  253.     padding-top:3px;
  254.     padding-bottom:3px;
  255. }
  256.  
  257. iframe, img, embed, object, video {
  258.     max-width: {select:post width}px;
  259. }
  260.  
  261. p{
  262.     margin-bottom:10px;
  263. }
  264.  
  265. img {
  266.     height: auto;
  267.     width:auto;
  268.     max-width:100%;
  269. }
  270.  
  271. h1{
  272.     font:15px 'Lato';
  273.     text-transform:uppercase;
  274.     font-size:13px;
  275. }
  276.  
  277. h1 a {
  278.     font:15px 'Lato';
  279.     letter-spacing:3px;
  280. }
  281.  
  282. ul{
  283.     list-style-type:square;
  284. }
  285.  
  286. ol{
  287.     list-style-type:;
  288. }
  289.  
  290. #bigcon{
  291.     width:520px;
  292.     margin-left:auto;
  293.     margin-right:auto;
  294. }
  295.  
  296. .tabcontent {
  297.     position:static;
  298.     margin-left:auto;
  299.     margin-right:auto;
  300.     width: 520px;
  301.     text-align:center;
  302.     margin-bottom:200px;
  303. }
  304.  
  305. #postcontainer {
  306.     position:static;
  307.     margin-left:auto;
  308.     margin-right:350px;
  309.     margin-top:40px;
  310.     width: calc({select:post width}px + 50px);
  311.     overflow:hidden;
  312.     text-align:center;
  313.     margin-bottom:150px;
  314. }
  315.  
  316.  
  317. /* ----------------------------- HEADER STUFF ---------------------------*/
  318.  
  319. #topbar{
  320.     position:static;
  321.     margin-top:120px;
  322.     margin-bottom:90px;
  323.     text-align:left;
  324. }
  325.  
  326. .topbarimage {
  327.     width:300px;
  328.     margin-bottom:15px;
  329. }
  330.  
  331. .topbarimage img {
  332.     width:48px;
  333.     height:48px;
  334.     border-radius:50px 50px 50px 0px;
  335. }
  336.  
  337. .blogtitle{
  338.     margin-bottom:20px;
  339.     font:11px 'Lato';
  340.     text-transform:uppercase;
  341.     color:{color:links hover};
  342.     letter-spacing:2px;
  343.     font-weight:none;
  344. }
  345.  
  346. .description{
  347.     background-color:{color:description background};
  348.     margin-bottom:10px;
  349.     padding:15px;
  350.     width:{select:post width}px;
  351. }
  352.  
  353. #navbar{
  354.     display:inline-block;
  355.     text-align:left;
  356.     font-family:'Calibri';
  357.     color:{color:links};
  358.     text-transform:uppercase;
  359.     font-size:8px;
  360.     padding-left:10px;
  361.     letter-spacing:2px;
  362. }
  363.  
  364. #navbar a {
  365.     color:{color:links hover};
  366.     margin-right:10px;
  367.     -webkit-transition: all .8s;
  368.     -moz-transition: all .8s;
  369.     -o-transition: all .8s;
  370.     -ms-transition: all .8s;    
  371.     transition: all .8s;
  372. }
  373.  
  374. #navbar a:hover {
  375.     color:{color:links};
  376.     -webkit-transition: all .8s;
  377.     -moz-transition: all .8s;
  378.     -o-transition: all .8s;
  379.     -ms-transition: all .8s;    
  380.     transition: all .8s;
  381. }
  382.  
  383. #menu {
  384.     margin-top:10px;
  385. }
  386.  
  387.  
  388.  
  389. /* --------------------------- POSTS (articles)  --------------------- */
  390.  
  391. article {
  392.     float:left;
  393.     background:{color:posts};
  394.     padding: 10px;
  395.     width: {select:post width}px;
  396.     text-align:justify;
  397.     margin-top:50px;
  398.     margin-bottom:20px;
  399. }
  400.  
  401. /* ---------------------------- POST INFO -----------------------------*/
  402.  
  403. .postinfo{
  404.     width:{select:post width}px;
  405.     margin-top:10px;
  406.     {block:IndexPage}margin-bottom:80px;{/block:IndexPage}
  407.     {block:PermalinkPage}margin-bottom:10px;{/block:PermalinkPage}
  408.     padding:10px;
  409.     text-align:center;
  410.     text-transform:uppercase;
  411. }
  412.  
  413. .postinfo a {
  414.     font:10px 'Lato';
  415. }
  416.  
  417. .tags {
  418.     margin-top:5px;
  419.     text-align:center;
  420.     font-weight:normal;
  421. }
  422.  
  423. .tags a {
  424.     margin-right:5px;
  425.     font:8px 'Calibri';
  426. }
  427.  
  428. /* ---------------------------- POST NOTES  ------------------------- */
  429.  
  430. ol.notes {
  431.     display:block;
  432.     text-align:left;
  433.     list-style-type:none;
  434.     margin-left:-40px;
  435. }
  436.  
  437. li .pagenotes { content:none; }
  438.  
  439. ol.notes li.note{
  440.     margin-bottom:10px;
  441.     padding-bottom:10px;
  442.     border-bottom:1px solid {color:borders};
  443.    
  444. }
  445.  
  446. .pagenotes {
  447.     background-color:{color:posts};
  448.     font:8px 'Calibri';
  449.     letter-spacing:2px;
  450.     text-align:left;
  451.     padding:15px;
  452.     width:calc({select:post width}px - 10px);
  453.     text-transform:uppercase;
  454.     margin-top:5px;
  455.     height:200px;
  456.     overflow-y:scroll;
  457. }
  458.  
  459. .pagenotes img{
  460.     height:0px;
  461. }
  462.  
  463. .notelabels {
  464.     text-transform:uppercase;
  465.     margin-top:20px;
  466.     width:calc({select:post width}px - 10px);
  467.     background-color:{color:posts};
  468.     padding:15px;
  469. }
  470.  
  471.  
  472. /* -------------------------- POST TYPES -------------------------- */
  473.  
  474. /* CHAT */
  475.  
  476. .chat {
  477.      line-height: 12px;
  478.      list-style: none }
  479.  
  480. .chat ul {
  481.      line-height: 15px;
  482.      list-style: none;
  483.      padding: 0px;
  484.      line-height:20px;}
  485.  
  486. .person1 {
  487.      background-color:{color:borders};
  488.      color: {color:Text};}
  489.  
  490. .person1 .label {
  491.      font:8px 'Calibri';
  492.      text-transform:uppercase;
  493.      letter-spacing:1px;
  494.      margin-left: 5px;
  495.      color:{color:links};}
  496.  
  497. .person2 {
  498. background-color:{color:posts};
  499. color: {color:text}; }
  500.  
  501. .person2 .label {
  502.      font:8px 'Calibri';
  503.      text-transform:uppercase;
  504.      letter-spacing:1px;
  505.      margin-left: 5px;
  506.      color:{color:links hover};}
  507.  
  508. /* QUOTES */
  509.  
  510. .quote{
  511.     letter-spacing:3px;
  512.     font-size:25px;
  513.     line-height:150%;
  514. }
  515.  
  516. .quotesource{
  517.     text-align:left;
  518.     margin-bottom:10px;
  519. }
  520.  
  521. /* QUESTIONS */
  522.  
  523. .question {
  524. background:{color:background};
  525. padding:15px;
  526. }
  527.  
  528. .asker {
  529. text-transform:uppercase;
  530. }
  531.  
  532. .asker a {
  533.     font-size:8px;
  534.     letter-spacing:1px;
  535.     text-transform:uppercase;
  536.     border-bottom:1px solid {color:link hover};
  537.     padding-bottom:2px;
  538. }
  539.  
  540. .answer {
  541. padding:11px;
  542. background:#ffffff;
  543. margin-top:0px;
  544. border-bottom:1px solid {color:links hover};
  545. }
  546.  
  547. .avatarask {
  548. border:1px solid #e1e1e1;
  549. background:{color:posts};
  550. padding:3px;
  551. float:left;
  552. margin-left:0px;
  553. margin-right:10px;
  554. border-radius:50px;
  555. display:inline-block;
  556. position:relative;
  557. }
  558.  
  559. .avatarask img {
  560. width:30px;
  561. height:30px;
  562. border-radius:50px;
  563. vertical-align:middle;
  564. position:relative;
  565. }
  566.  
  567. /* AUDIO */
  568.  
  569. .playerbuttonbg {
  570.                 position: absolute;
  571.                 left: 20px;
  572.                 top: 20px;
  573.                 width: 19px;
  574.                 height: 19px;
  575.                 background-color: #ffffff;
  576.                 padding: 10px;
  577.                 -webkit-border-radius: 40px;
  578.                 -moz-border-radius: 40px;
  579.                 border-radius: 40px;
  580.                 opacity: .4;
  581.                     filter: alpha(opacity=40);
  582.                     -moz-opacity: 0.4;
  583.                     -khtml-opacity: 0.4;
  584.                 transition: opacity .7s ease-in-out;
  585.                 -moz-transition: opacity .7s ease-in-out;
  586.                 -webkit-transition: opacity .7s ease-in-out;
  587.             }
  588.            
  589.             .playerbuttonbg:hover {
  590.                 opacity: .5;
  591.                     filter: alpha(opacity=50);
  592.                     -moz-opacity: 0.5;
  593.                     -khtml-opacity: 0.5;
  594.             }
  595.        
  596.             .newplayerbutton {
  597.                 position: relative;
  598.                 width: 50px;
  599.                 height: 20px;
  600.                 overflow: hidden;
  601.             }
  602.            
  603.             .playerbuttonhug {
  604.                 position: absolute;
  605.                 top: -18px;
  606.                 left: -3px;
  607.             }
  608.        
  609.             .tumblr_audio_player {
  610.                 height: 90px;
  611.                 width: 50px;
  612.                 -moz-transform: scale(0.60, 0.60);
  613.                 -webkit-transform: scale(0.60, 0.60);
  614.                 -o-transform: scale(0.60, 0.60);
  615.                 -ms-transform: scale(0.60, 0.60);
  616.                 transform: scale(0.60, 0.60);
  617.                 -moz-transform-origin: top left;
  618.                 -webkit-transform-origin: top left;
  619.                 -o-transform-origin: top left;
  620.                 -ms-transform-origin: top left;
  621.                 transform-origin: top left;
  622.             }
  623.            
  624.             .audioimgwrapper {
  625.                 position: absolute;
  626.                 left: 0px;
  627.                 top: 0px;
  628.                 -webkit-border-radius: 0px;
  629.                 -moz-border-radius: 0px;
  630.                 border-radius: 0px;
  631.                 overflow: hidden;
  632.                 width: 90px;
  633.                 height: 90px;
  634.             }
  635.            
  636.             .audioimgwrapper img {
  637.                 width: 70px;
  638.                 background-color:{color:posts};
  639.                 padding:5px;
  640.                 border:1px solid {color:borders};
  641.                 height: auto;
  642.                 -webkit-border-radius: 0px;
  643.                 -moz-border-radius: 0px;
  644.                 border-radius: 0px;                
  645.             }
  646.            
  647.             .trackdetails {
  648.                 width: calc({select:post width}px - 100px)
  649.                 display:inline-block;
  650.                 margin-left: 90px;
  651.                 padding:5px;
  652.                 font:8px 'Calibri';
  653.                 text-transform:uppercase;
  654.                 letter-spacing:2px;
  655.                 background-color:{color:posts};
  656.                 min-height: 75px;
  657.             }
  658.            
  659.             .infoaudio {
  660.                 padding:5px;
  661.                 text-align:justify;
  662.             }
  663.            
  664.             .audiowrapper {
  665.                 position: relative;
  666.                 display:inline-block;
  667.             }
  668.  
  669. /* ------------------------- PAGINATION ------------------------- */
  670.  
  671. #pagination{
  672.     position:static;
  673.     font:8px 'Calibri';
  674.     text-transform:uppercase;
  675.     margin-top:30px;
  676.     text-align:center;
  677. }
  678.  
  679. .pagibutton a{
  680.     position:relative;
  681.     display:inline-block;
  682.     font:8px 'Calibri';
  683.     word-spacing:10px;
  684.     text-transform:uppercase;
  685.     background:{color:posts};
  686.     padding:15px;
  687. }
  688.  
  689. /*--------------------- LIGHTBOX ----------------- */
  690. {block:iflightbox}#vignette, .vignette{opacity:0!important;}.lightbox-caption {color:#000;}
  691. #tumblr_lightbox,.tmblr-lightbox{background:rgba(255,255,255,0.7)!important;}
  692. #tumblr_lightbox img, .lightbox-image {box-shadow:none!important;border-radius:0px!important;}{/block:iflightbox}
  693.  
  694. ul {padding:0px 0px 0px 10px;}
  695. li {list-style:none; padding:2px 0px 1px 0px;}
  696. li:before {content:'–––––'; letter-spacing:-3px; padding-right:10px; color:#f0f0f0;}
  697.  
  698. /*-------------- CHAT ------------*/
  699.  
  700. ul.chat {margin:0px; padding:0px; text-align:left;}
  701.  
  702. .chat li:before {content:none; padding-right:0px;}
  703. .chat li {list-style-type:none; padding:3px 0px; margin:0px 0px 0px 0px;}
  704. /* ------------------- CREDITS --------------------- */
  705.  
  706. #cred a {
  707.     color:{color:links};
  708.     letter-spacing:1px;
  709.     text-transform:uppercase;
  710.     padding:4px;
  711. }
  712.  
  713. #cred a:hover {
  714.     color:{color:links hover};
  715.     padding:4px;
  716. }
  717.  
  718. #cred {
  719. width:auto;
  720. height:auto;
  721. bottom:15px;
  722. right:15px;
  723. padding:4px;
  724. z-index:1000000;
  725. font-size:8px;
  726. letter-spacing:1px;
  727. position:fixed;
  728. background-color:{color:posts};
  729. padding:5px;
  730. text-align:center;
  731. text-transform:uppercase;
  732.     -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  733. }
  734.  
  735.  
  736.  
  737. /* --------------------------- Custom CSS -------------------------- */
  738. {CustomCSS}
  739. </style>
  740. </head>
  741. <body>
  742.  
  743.  
  744. <div id="cred"><a title="theme @imjaebumx" href="http://imjaebumx.tumblr.com">IJX</a></div>
  745.  
  746.  
  747. <div id="bigcon">
  748.  
  749.  
  750. <!--TOPBAR-->
  751.  
  752. <div id="topbar">
  753.  
  754. <div class="topbarimage">{block:ifIconImage}<a href="/" title="refresh"><img src="{PortraitURL-48}"/></a>{/block:ifIconImage} {block:ifNotIconImage}<a href="/" title="refresh"><img src="{image:sidebar image}"/></a>{/block:ifNotIconImage}</div>
  755.    
  756.     <div class="blogtitle">
  757.         {Title}
  758.     </div>
  759.    
  760.     <div class="description">{description}</div>
  761.     <div id="navbar">i <a href="/">home</a> ii <a href="/">ask</a> iii <a href="#" class="dd">links</a> iv <a href="/archive">archive</a>
  762. <div class="links">
  763. <div id="menu">{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  764. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  765. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  766. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div></div>
  767.        
  768.  
  769.        
  770. </div>
  771.  
  772.  
  773.            
  774. <div id="postcontainer">
  775.        
  776. {block:Posts}
  777. <article>
  778.  
  779. <!--TEXT POST-->
  780. {block:Text}
  781.     {block:Title}
  782.     <h1 class="title">
  783.     <a href="{Permalink}">{Title}</a></h1>
  784.     {/block:Title}
  785.     {Body}
  786. {/block:Text}
  787.  
  788.  
  789. <!--PHOTO POST-->
  790. {block:Photo}
  791.     {block:IndexPage}
  792.     {LinkOpenTag}
  793.     <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  794.     {LinkCloseTag}
  795.     {/block:IndexPage}
  796.     {block:PermalinkPage}
  797.     {LinkOpenTag}
  798.     <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  799.     {LinkCloseTag}{/block:PermalinkPage}
  800. {/block:Photo}
  801.  
  802.  
  803. <!--PHOTOSET POST-->
  804. {block:Photoset}
  805. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  806. {block:Photos}
  807. <div class="photo-data">
  808. <div class="pxu-photo">
  809. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  810. </div>
  811. <div class="icons">
  812. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  813. </div>
  814. </div>
  815. {/block:Photos}
  816. </div>{/block:Photoset}
  817.  
  818.  
  819. <!--QUOTE POST-->
  820. {block:Quote}
  821.     <div class="quote">“{Quote}”</div>
  822.     {block:Source}
  823.     <div class="quotesource"><li>{Source}</div>
  824.     {/block:Source}
  825. {/block:Quote}
  826.  
  827.  
  828. <!--LINK POST-->
  829. {block:Link}
  830.     <h1 class="title"><a href="{URL}">{Name}</a></h1>
  831.     {block:Description}{Description}{/block:Description}
  832. {/block:Link}
  833.  
  834.  
  835. <!--CHAT POST-->
  836. {block:Chat}
  837. {block:Title}
  838. <h1>{Title}</h1>
  839. {/block:Title}
  840. <div class="chat"><ul>{block:Lines}
  841. <li class="person{UserNumber}">{block:Label}
  842. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  843.  
  844. {/block:Chat}
  845.  
  846.  
  847. <!--AUDIO POST-->
  848. {block:AudioPlayer}
  849.         <div class="audiowrapper">
  850.         {block:AlbumArt}
  851.             <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  852.         {/block:AlbumArt}
  853.        
  854.         <div class="playerbuttonbg">
  855.             <div class="newplayerbutton">
  856.                 <div class="playerbuttonhug">
  857.            
  858.                     {AudioPlayerWhite}
  859.            
  860.                 </div>
  861.             </div>
  862.         </div>
  863.        
  864.         <div class="trackdetails">
  865.            
  866.                 <div class="infoaudio">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  867.                 {block:Artist}by {Artist}{/block:Artist}<br/>
  868.                 </div>
  869.                
  870.    
  871.         </div>
  872.         </div>
  873.         {/block:AudioPlayer}
  874.  
  875.  
  876. <!--VIDEO POST-->
  877. {block:Video}
  878. <div class="video">
  879.     <div class="video-player">{Video-500}</div>
  880. {/block:Video}
  881.  
  882.  
  883. <!--ANSWER POST-->
  884. {block:Answer}
  885. <div class="question">
  886. <div class="avatarask"><img src="{AskerPortraitURL-30}"/></div>
  887. <div class="asker"><b>{Asker} ASKED:</b></div>{Question}</div><p>
  888. <div class="answer">
  889. {Answer}</div>
  890. {/block:Answer}
  891.  
  892. <!--CAPTIONS-->
  893. {block:Ifhidecaptions}
  894.     {block:permalink}
  895.         {block:Caption}
  896.             {Caption}
  897.         {/block:Caption}
  898.     {/block:permalink}
  899. {/block:Ifhidecaptions}
  900. {block:Ifnothidecaptions}
  901.     {block:Caption}
  902.         {Caption}
  903.     {/block:Caption}
  904. {/block:Ifnothidecaptions}
  905. </article>
  906. <!--POST INFORMATION-->
  907. <div class="postinfo">
  908.  
  909.     <!--PERMALINK-->
  910.     <a href="{Permalink}">
  911.         {block:Date}
  912.         posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}
  913.         {/block:Date}
  914.     </a>
  915.    
  916.     <!--VIA AND SOURCE-->
  917.     {block:PermalinkPage}{block:RebloggedFrom}
  918.         <br><a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
  919.     {/block:RebloggedFrom}
  920.     {block:ContentSource}
  921.         & <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>
  922.    {/block:ContentSource}
  923.    {block:RebloggedFrom}{/block:RebloggedFrom}{/block:PermalinkPage}
  924.    
  925.    <!--TAGS-->
  926.    {block:ifHideTags}{block:PermalinkPage}{block:HasTags}
  927.        <div class="tags">
  928.            {block:Tags}
  929.            <a href="{TagURL}">#{Tag}</a>
  930.            {/block:Tags}
  931.        </div>
  932.    {/block:HasTags}{/block:PermalinkPage}{/block:ifHideTags}
  933.    
  934.    {block:ifNotHideTags}{block:HasTags}
  935.        <div class="tags">
  936.            {block:Tags}
  937.            <a href="{TagURL}">#{Tag}</a>
  938.            {/block:Tags}
  939.        </div>
  940.    {/block:HasTags}{/block:ifNotHideTags}
  941.        
  942. </div>
  943.  
  944. <!--POST NOTES-->
  945. {block:PostNotes}
  946.    <div class="notelabels">{NoteCountWithLabel}</div>
  947.    <div class="pagenotes">{PostNotes}</div>
  948. {/block:PostNotes}
  949.  
  950.  
  951. </article>
  952. {/block:Posts}
  953. <!--Close of article-->
  954.  
  955.  
  956. <!--PAGINATION-->
  957. {block:Pagination}
  958.    <div class="pagination">
  959.        <div class="pagibutton"><center>{block:PreviousPage}
  960.           <a href="{PreviousPage}">« PREVIOUS</a>
  961.     {/block:PreviousPage}
  962.  
  963.  
  964.     {block:NextPage}
  965.           <a href="{NextPage}">NEXT »</a>
  966.     {/block:NextPage}</center></div>
  967.    </div>
  968. {/block:Pagination}
  969.  
  970. </div>
  971.  
  972.  
  973.  
  974.  
  975. </body>
  976. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!