API tools faq
paste
glam0urkills

「SAVE ME」THEME BY @IMJAEBUMX

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