API tools faq
paste
darianella

"Sick Hot Beats" tumblr theme HTML code

darianella
Nov 19th, 2013
5,812
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 36.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  <link href='http://fonts.googleapis.com/css?family=Telex' rel='stylesheet' type='text/css'>
  5.  
  6.  <link href='http://fonts.googleapis.com/css?family=Muli:300,400,400italic,300italic' rel='stylesheet' type='text/css'>
  7.  
  8. <!--
  9.  
  10. Another theme! Amazing! You guys know the drill by now: stealing isn't cool, enjoy my work, and I love you. <3
  11.  
  12. OPTIONS:
  13. - 250, 400, or 500px posts
  14. - five custom links
  15. - optional music player
  16. - show/hide post descriptions
  17. - optional pixel font
  18. - infinite scroll/pagination
  19. - optional monochrome images
  20.  
  21.     -Darian
  22. -->
  23.  
  24.  
  25. <head><title>{Title}</title>
  26.  
  27. <link rel="shortcut icon" href="{favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30.  
  31.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  32. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  33. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  34. <script>
  35.      (function($){
  36.          $(document).ready(function(){
  37.              $("[title]").style_my_tooltips({
  38.     tip_follows_cursor:true,
  39.     tip_delay_time:200,
  40.     tip_fade_speed:300,
  41.     attribute:"title"
  42. });
  43.          });
  44.      })(jQuery);
  45.  </script>
  46.  
  47.  
  48.  
  49. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50.  
  51.  
  52.     <meta name="color:title" content="#ebebeb" />
  53.     <meta name="color:pagination" content="#ebebeb" />
  54.     <meta name="color:bold" content="#222121" />
  55.     <meta name="color:italic" content="#5e1010" />
  56.    
  57.     <meta name="color:background" content="#f3f3f3" />
  58.    
  59.     <meta name="color:scrollbar" content="#232323" />
  60.     <meta name="color:scrollbarback" content="#d6d5d5" />
  61.        
  62.     <meta name="color:selection" content="#eeeded" />
  63.     <meta name="color:selectiontext" content="#870b0b" />
  64.    
  65.     <meta name="color:description" content="#353434" />
  66.     <meta name="color:descriptionback1" content="#fbf9f9" />
  67.     <meta name="color:descriptionback2" content="#ebebeb" />
  68.     <meta name="color:descriptionborder1" content="#935f7d" />
  69.     <meta name="color:descriptionborder2" content="#0f0f0f" />
  70.    
  71.     <meta name="color:topbar" content="#ebebeb" />  
  72.     <meta name="color:topbarborder" content="#323131" />
  73.     <meta name="color:titleback" content="#141414" />
  74.     <meta name="color:minibar" content="#a97292" />
  75.    
  76.     <meta name="color:nav1" content="#85234b" />
  77.     <meta name="color:nav1hover" content="#401627" />
  78.     <meta name="color:nav2" content="#540417" />
  79.     <meta name="color:nav2hover" content="#22080e" />
  80.     <meta name="color:nav3" content="#0f0f0f" />
  81.     <meta name="color:nav3hover" content="#030303" />
  82.     <meta name="color:nav4" content="#665961" />
  83.     <meta name="color:nav4hover" content="#401e28" />
  84.     <meta name="color:nav5" content="#d6d4d5" />  
  85.     <meta name="color:nav5hover" content="#594747" />
  86.    
  87.     <meta name="color:post" content="#ffffff" />
  88.     <meta name="color:postborder" content="#2e2e2e" />
  89.     <meta name="color:text" content="#353534" />
  90.     <meta name="color:postlinks" content="#c16780" />
  91.     <meta name="color:postlinkhover" content="#424242" />
  92.    
  93.     <meta name="color:permalink" content="#ebebeb" />
  94.    
  95.     <meta name="color:datetab" content="#242323" />
  96.     <meta name="color:datetabhover" content="#fdfdfd" />
  97.     <meta name="color:datelinks" content="#fdfdfd" />
  98.     <meta name="color:datelinkhover" content="#131313" />
  99.    
  100.     <meta name="color:notestab" content="#242323" />
  101.     <meta name="color:notestabhover" content="#fdfdfd" />
  102.     <meta name="color:noteslinks" content="#fcfcfc" />
  103.     <meta name="color:noteslinkhover" content="#191919" />
  104.  
  105.     <meta name="color:tags" content="#656565" />
  106.     <meta name="color:tagshover" content="#2c0219" />
  107.    
  108.     <meta name="color:quote" content="#313131" />
  109.     <meta name="color:question" content="#313131" />
  110.    
  111.     <meta name="color:blockquoteborder" content="#1f1f1e" />
  112.     <meta name="color:musicplayer" content="#1e1d1d" />
  113.    
  114.     <meta name="if:250px posts" content="0">
  115.     <meta name="if:400px posts" content="0">
  116.     <meta name="if:500px posts" content="1">
  117.     <meta name="if:infinite scroll" content="0">
  118.     <meta name="if:pixel font" content="0">
  119.     <meta name="if:music player" content="0">
  120.     <meta name="if:monochrome" content="0">
  121.     <meta name="if:hidden descriptions" content="0">
  122.  
  123.    
  124.     <meta name="image:background" content="https://lh4.googleusercontent.com/-2lN-JEKTvIA/Uovh24nCdJI/AAAAAAAAFpE/VD_9e-YogDk/s70-no/office.png"/>
  125.     <meta name="image:topbarbackground" content="https://lh4.googleusercontent.com/-UUkIEiXVEVs/Uovh223b7BI/AAAAAAAAFpI/jC2m2VPWcT0/s150-no/noisy_grid.png"/>
  126.     <meta name="image:sidebar" content="https://lh6.googleusercontent.com/-wnRzZrPRCJU/UovhtdQ22KI/AAAAAAAAFo0/u3MwoZEBneA/s250-no/tumblr_mvf87eFcB71qbxfp3o2_250.png"/>
  127.     <meta name="image:sidebar2" content="https://lh5.googleusercontent.com/-yfHNfRI59zU/Uovhtg0HHAI/AAAAAAAAFo4/CedaRxvQqzo/s321-no/tumblr_mvf87eFcB71qbxfp3o3_400.png"/>
  128.  
  129.     <meta name="text:PlayerCode" content="  "/>
  130.    
  131.     <meta name="text:link1" content="" />
  132.     <meta name="text:link1URL" content="/" />
  133.     <meta name="text:link2" content="" />
  134.     <meta name="text:link2URL" content="/" />
  135.     <meta name="text:link3" content="" />
  136.     <meta name="text:link3URL" content="/" />
  137.     <meta name="text:link4" content="" />
  138.     <meta name="text:link4URL" content="/" />
  139.     <meta name="text:link5" content="" />
  140.     <meta name="text:link5URL" content="/" />
  141.  
  142. <style type="text/css">
  143.  
  144. /*basics*/
  145.  
  146. ::-webkit-scrollbar {
  147.     width: 7px;
  148.     height: 7px;
  149.     background-color:{color:scrollbarback};
  150. }
  151.  
  152. ::-webkit-scrollbar-thumb {
  153.     background: {color:scrollbar};
  154. }
  155.  
  156.  
  157.  
  158. @font-face {
  159. font-family: "tinytots";
  160. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  161. }
  162.  
  163. @font-face{
  164.     font-family: "little font";
  165.     src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');
  166. }
  167.  
  168.  
  169. @font-face {
  170.     font-family: 'ronda';
  171.     src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');
  172. }
  173.  
  174. iframe{
  175.     opacity: 0.9;
  176.     filter:alpha(opacity=90);
  177.     -moz-opacity: 0.9;
  178.     -khtml-opacity: 0.9;
  179. }
  180.  
  181. iframe#tumblr_controls {
  182.     right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  183.  
  184. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  185.  
  186.  
  187.  
  188. /*basic derps*/
  189.  
  190. body{
  191.     margin-top:0;
  192.     margin-left:0;
  193.     color:{color:text};
  194.     {block:ifnotpixelfont}
  195.         font-family:'Muli', sans-serif;
  196.         font-size:11px;
  197.         line-height:100%;
  198.     {/block:ifnotpixelfont}
  199.     {block:ifpixelfont}
  200.         font-family: 'ronda';
  201.         font-size:8px;
  202.         line-height:140%;
  203.     {/block:ifpixelfont}
  204.     background-image:url('{image:background}');
  205.     background-attachment: fixed;
  206.         background-repeat: repeat;
  207.     background-color: {color:background};
  208. }
  209.  
  210. a{
  211.     text-decoration:none;
  212.     outline:none;
  213.     -moz-outline-style:none;
  214.    color:{color:customlinks};
  215.     -webkit-transition: all 0.5s linear;
  216.     -moz-transition: all 0.5s linear;
  217.     -o-transition: all 0.5s linear;
  218. }
  219.  
  220.  
  221. em{
  222.     color:{color:italic};
  223. }
  224.  
  225. strong{
  226.     color:{color:bold};
  227.     font-weight:strong;
  228. }
  229.  
  230. img{
  231.     border:none;
  232. }
  233.  
  234. blockquote{
  235.     padding-left:7px;
  236.     margin-left:10px;
  237.     border-left:solid 2px {color:blockquoteborder};
  238.    
  239. }
  240.  
  241. blockquote blockquote{
  242.     margin-left:5px;
  243. }
  244.  
  245. pre{
  246.     font-size:8px;
  247.     {block:indexpage}max-width:390px;{/block:indexpage}
  248.     {block:permalinkpage}max-width:490px;{/block:permalinkpage}
  249.     overflow:auto;
  250.     background-color:#bcbbbb;
  251.     padding:5px;
  252.     font-family:ronda;
  253.     text-align:center;
  254. }
  255.  
  256. pre::-webkit-scrollbar {
  257.     width: 2px;
  258.     height: 2px;
  259. }
  260.  
  261. pre::-webkit-scrollbar-thumb {
  262.     background: {color:scrollbar};
  263. }
  264.  
  265. ::selection {
  266. background:{color:selection};
  267. color: {color:selectiontext};
  268. }
  269.  
  270. ::-moz-selection {
  271. background: {color:selection};
  272. color: {color:selectiontext};
  273. }
  274.  
  275. ::-webkit-selection {
  276. background: {color:selection};
  277. color: {color:selectiontext};
  278. }
  279.  
  280.  
  281. /*topbar*/
  282.  
  283. #topbar{
  284.     position:fixed;
  285.     top:0;
  286.     left:0;
  287.     height:100px;
  288.     width:100%;
  289.     background-color:{color:topbar};
  290.     background-image:url('{image:topbarbackground}');
  291.     background-attachment: fixed;
  292.     background-repeat: repeat;
  293.     z-index:9999;
  294.     border-bottom:solid 7px {color:topbarborder};
  295. }
  296.  
  297. #mainbar{
  298.     position:fixed;
  299.     margin-top:20px;
  300.     left:0px;
  301.     height:40px;
  302.     width:80%;
  303.     border-top-right-radius:15px;
  304.     border-bottom-right-radius:15px;
  305.     background-color:{color:titleback};
  306. }
  307.  
  308. #main{
  309.     position:fixed;
  310.     margin-top:30px;
  311.     margin-left:40px;
  312.     font-family:ronda;
  313.     font-size:30px;
  314.     color:{color:title};
  315.     z-index:1;
  316. }
  317.  
  318. #subbar{
  319.     position:fixed;
  320.     margin-top:65px;
  321.     height:10px;
  322.     width:100%;
  323.     background-color:{color:minibar};
  324. }
  325.  
  326. /*navigation*/
  327.  
  328. .home{
  329.     position:fixed;
  330.     margin-top:74px;
  331.     margin-left:95px;
  332.     padding-bottom:1px;
  333.     height:16px;
  334.     width:18px;
  335.     padding:4px;
  336.     border:solid 2px transparent;
  337.     -webkit-transition: all 0.3s linear;
  338.     -moz-transition: all 0.3s linear;
  339.     -o-transition: all 0.3s linear;
  340. }
  341.  
  342. .home:hover{
  343.     border:solid 2px {color:topbarborder};
  344. }
  345.  
  346. .ask{
  347.     position:fixed;
  348.     margin-top:74px;
  349.     margin-left:129px;
  350.     padding-bottom:1px;
  351.     height:16px;
  352.     width:18px;
  353.     padding:4px;
  354.     border:solid 2px transparent;
  355.     -webkit-transition: all 0.3s linear;
  356.     -moz-transition: all 0.3s linear;
  357.     -o-transition: all 0.3s linear;
  358. }
  359.  
  360. .ask:hover{
  361.     border:solid 2px {color:topbarborder};
  362. }
  363.  
  364. .arch{
  365.     position:fixed;
  366.     margin-top:74px;
  367.     margin-left:163px;
  368.     padding-bottom:1px;
  369.     height:16px;
  370.     width:18px;
  371.     padding:4px;
  372.     border:solid 2px transparent;
  373.     -webkit-transition: all 0.3s linear;
  374.     -moz-transition: all 0.3s linear;
  375.     -o-transition: all 0.3s linear;
  376. }
  377.  
  378. .arch:hover{
  379.     border:solid 2px {color:topbarborder};
  380. }
  381.  
  382. #nav1{
  383.     position:fixed;
  384.     margin-top:0;
  385.     margin-left:210px;
  386.     height:150px;
  387.     width:20px;
  388.     background-color:{color:nav1};
  389.     border-bottom-left-radius:5px;
  390.     border-bottom-right-radius:5px;
  391.     -webkit-transition: all 0.3s linear;
  392.     -moz-transition: all 0.3s linear;
  393.     -o-transition: all 0.3s linear;
  394. }
  395.  
  396. #nav1:hover{
  397.     height:170px;
  398.     background-color:{color:nav1hover};
  399. }
  400.  
  401. #nav2{
  402.     position:fixed;
  403.     margin-top:0;
  404.     margin-left:240px;
  405.     height:165px;
  406.     width:20px;
  407.     background-color:{color:nav2};
  408.     border-bottom-left-radius:5px;
  409.     border-bottom-right-radius:5px;
  410.     -webkit-transition: all 0.3s linear;
  411.     -moz-transition: all 0.3s linear;
  412.     -o-transition: all 0.3s linear;
  413. }
  414.  
  415. #nav2:hover{
  416.     height:185px;
  417.     background-color:{color:nav2hover};
  418. }
  419.  
  420. #nav3{
  421.     position:fixed;
  422.     margin-top:0;
  423.     margin-left:270px;
  424.     height:140px;
  425.     width:20px;
  426.     background-color:{color:nav3};
  427.     border-bottom-left-radius:5px;
  428.     border-bottom-right-radius:5px;
  429.     -webkit-transition: all 0.3s linear;
  430.     -moz-transition: all 0.3s linear;
  431.     -o-transition: all 0.3s linear;
  432. }
  433.  
  434. #nav3:hover{
  435.     height:160px;
  436.     background-color:{color:nav3hover};
  437. }
  438.  
  439. #nav4{
  440.     position:fixed;
  441.     margin-top:0;
  442.     margin-left:300px;
  443.     height:180px;
  444.     width:20px;
  445.     background-color:{color:nav4};
  446.     border-bottom-left-radius:5px;
  447.     border-bottom-right-radius:5px;
  448.     -webkit-transition: all 0.3s linear;
  449.     -moz-transition: all 0.3s linear;
  450.     -o-transition: all 0.3s linear;
  451. }
  452.  
  453. #nav4:hover{
  454.     height:200px;
  455.     background-color:{color:nav4hover};
  456. }
  457.  
  458. #nav5{
  459.     position:fixed;
  460.     margin-top:0;
  461.     margin-left:330px;
  462.     height:160px;
  463.     width:20px;
  464.     background-color:{color:nav5};
  465.     border-bottom-left-radius:5px;
  466.     border-bottom-right-radius:5px;
  467.     -webkit-transition: all 0.3s linear;
  468.     -moz-transition: all 0.3s linear;
  469.     -o-transition: all 0.3s linear;
  470. }
  471.  
  472. #nav5:hover{
  473.     height:185px;
  474.     background-color:{color:nav5hover};
  475. }
  476.  
  477. /*description*/
  478.  
  479. #descback{
  480.     position:fixed;
  481.     margin-top:150px;
  482.     margin-left:75px;
  483.     height:100px;
  484.     width:250px;
  485.     background-color:{color:descriptionback1};
  486.     border:solid 7px {color:descriptionborder1};
  487. }
  488.  
  489. #desc{
  490.     position:fixed;
  491.     margin-top:5px;
  492.     height:72px;
  493.     margin-left:5px;
  494.     width:222px;
  495.     padding:7px;
  496.     background-color:{color:descriptionback2};
  497.     border:solid 2px {color:descriptionborder2};
  498.     font-family:muli;
  499.     font-size:10px;
  500.     line-height:120%;
  501.     text-align:center;
  502.     overflow:auto;
  503.     color:{color:description};
  504. }
  505.    
  506. /*side image*/
  507.  
  508. #bar1{
  509.     position:fixed;
  510.     margin-left:200px;
  511.     top:0px;
  512.     height:450px;
  513.     width:15px;
  514.     background-color:{color:descriptionborder2};
  515.     z-index:-999;
  516. }
  517.  
  518. #sideimage{
  519.     position:fixed;
  520.     margin-left:110px;
  521.     margin-top:330px;
  522.     height:186px;
  523.     width:186px;
  524.     border:solid 7px {color:descriptionborder2};
  525.     border-radius:10px;
  526.     z-index:-999;
  527. }
  528.  
  529. .fh{
  530.     -moz-transform: scaleX(-1);
  531.     -o-transform: scaleX(-1);
  532.     -webkit-transform: scaleX(-1);
  533.     transform: scaleX(-1);
  534.     filter: FlipH;
  535.     -ms-filter: "FlipH";
  536. }
  537.  
  538. #bar2{
  539.     position:fixed;
  540.     top:0px;
  541.     height:350px;
  542.     width:10px;
  543.     background-color:{color:descriptionborder1};
  544.     z-index:-999;
  545.    
  546.      {block:indexpage}
  547.         {block:if250pxposts}margin-left:1003px;{/block:if250pxposts}
  548.         {block:if400pxposts}margin-left:1103px;{/block:if400pxposts}
  549.         {block:if500pxposts}margin-left:1203px;{/block:if500pxposts}
  550.     {/block:indexpage}
  551.    
  552.     {block:permalinkpage}
  553.         margin-left:1203px;
  554.     {/block:permalinkpage}
  555.    
  556. }
  557.  
  558. #sideimage2{
  559.     position:fixed;
  560.     margin-top:230px;
  561.     height:146px;
  562.     width:146px;
  563.     border:solid 7px {color:descriptionborder1};
  564.     border-radius:10px;
  565.     z-index:-999;
  566.     text-align:center;
  567.    
  568.      {block:indexpage}
  569.         {block:if250pxposts}margin-left:930px;{/block:if250pxposts}
  570.         {block:if400pxposts}margin-left:1030px;{/block:if400pxposts}
  571.         {block:if500pxposts}margin-left:1130px;{/block:if500pxposts}
  572.     {/block:indexpage}
  573.    
  574.     {block:permalinkpage}
  575.         margin-left:1130px;
  576.     {/block:permalinkpage}
  577.    
  578. }
  579.    
  580.    
  581. /*player*/
  582.  
  583. .sideplayer{
  584.     position:fixed;
  585.     margin-top:340px;
  586.     {block:indexpage}
  587.         {block:if250pxposts}margin-left:1005px;{/block:if250pxposts}
  588.         {block:if400pxposts}margin-left:1105px;{/block:if400pxposts}
  589.         {block:if500pxposts}margin-left:1205px;{/block:if500pxposts}
  590.     {/block:indexpage}
  591.    
  592.     {block:permalinkpage}
  593.         margin-left:1205px;
  594.     {/block:permalinkpage}
  595. }
  596.  
  597. #playerback{
  598.     position:fixed;
  599.    
  600.     margin-top:15px;
  601.     margin-left:30px;
  602.     opacity:0.8;
  603.    
  604.     height:17px;
  605.     width:19px;
  606.     padding-left:4px;
  607.     padding-top:5px;
  608.     border-radius:5px;
  609.     background-color:{color:musicplayer};
  610.    
  611.     z-index:999;
  612.     -webkit-transition: all 0.7s ease-out;
  613.     -moz-transition: all 0.7s ease-out;
  614.     -o-transition: all 0.7s ease-out;
  615. }
  616.    
  617. #playerplayer{
  618.     position:fixed;
  619.     opacity:0;
  620.     background-color:{color:musicplayer};
  621.     width:55px;
  622.     padding-left:5px;
  623.     height:15px;
  624.     padding-bottom:2px;
  625.     margin-left:-23px;
  626.     z-index:999;
  627.     border-radius:5px;
  628.     -webkit-transition: all 0.7s ease-out;
  629.     -moz-transition: all 0.7s ease-out;
  630.     -o-transition: all 0.7s ease-out;
  631.     overflow:hidden;
  632. }
  633.  
  634. #playerback:hover{
  635.     opacity:1;
  636. }
  637.  
  638. #playerback:hover #playerplayer{
  639.     opacity:1;
  640.     margin-top:-13px;
  641. }    
  642.  
  643. /*posts*/
  644.  
  645.  
  646. #postmargin{
  647.     margin-top:120px;
  648.    
  649.     {block:indexpage}
  650.         {block:if250pxposts}
  651.             width:250px;
  652.             margin-left:510px;
  653.         {/block:if250pxposts}
  654.         {block:if400pxposts}
  655.             width:400px;
  656.             margin-left:480px;
  657.         {/block:if400pxposts}
  658.         {block:if500pxposts}
  659.             width:500px;
  660.             margin-left:480px;
  661.         {/block:if500pxposts}
  662.     {/block:indexpage}
  663.    
  664.     {block:permalinkpage}
  665.         width:500px;
  666.         margin-left:480px;
  667.     {/block:permalinkpage}
  668.    
  669.     z-index:9999;
  670.    
  671. }
  672.  
  673. .posts{
  674.    
  675.    {block:indexpage}
  676.         {block:if250pxposts}width:250px;{/block:if250pxposts}
  677.         {block:if400pxposts}width:400px;{/block:if400pxposts}
  678.         {block:if500pxposts}width:500px;{/block:if500pxposts}
  679.     {/block:indexpage}
  680.    
  681.     {block:permalinkpage}
  682.         width:500px;
  683.     {/block:permalinkpage}
  684.    
  685.    border:solid 2px {color:postborder};
  686.    
  687.     padding:7px;
  688.     margin-bottom:13px;
  689.     margin-right:10px;
  690.     background-color:{color:post};
  691.     -webkit-transition: all 0.5s linear;
  692.     -moz-transition: all 0.5s linear;
  693.     -o-transition: all 0.5s linear;
  694.  
  695. }
  696.  
  697.  
  698. .posts:hover img{
  699.     {block:ifmonochrome}
  700.     {block:indexpage}
  701.         -webkit-filter: grayscale(0%);
  702.         -moz-filter: grayscale(0%);
  703.         -ms-filter: grayscale(0%);
  704.         -o-filter: grayscale(0%);
  705.     {/block:indexpage}
  706.     {/block:ifmonochrome}
  707.      
  708. }
  709.  
  710. .posts img{
  711.     border:none;
  712.     max-width:100%;
  713.     -webkit-transition: all 0.7s linear;
  714.     -moz-transition: all 0.7s linear;
  715.     -o-transition: all 0.7s linear;
  716.     {block:ifmonochrome}
  717.     {block:indexpage}
  718.         -webkit-filter: grayscale(100%);
  719.         -moz-filter: grayscale(100%);
  720.         -ms-filter: grayscale(100%);
  721.         -o-filter: grayscale(100%);
  722.     {/block:indexpage}
  723.     {/block:ifmonochrome}  
  724. }
  725.  
  726.  
  727. .posts iframe{
  728.     border:none;
  729.     -webkit-transition: all 0.7s linear;
  730.     -moz-transition: all 0.7s linear;
  731.     -o-transition: all 0.7s linear;
  732.     {block:ifmonochrome}
  733.     {block:indexpage}
  734.         -webkit-filter: grayscale(100%);
  735.         -moz-filter: grayscale(100%);
  736.         -ms-filter: grayscale(100%);
  737.         -o-filter: grayscale(100%);
  738.     {/block:indexpage}
  739.     {/block:ifmonochrome}
  740.  
  741. }
  742.  
  743. .posts:hover iframe{
  744.     {block:ifmonochrome}
  745.     {block:indexpage}
  746.         -webkit-filter: grayscale(0%);
  747.         -moz-filter: grayscale(0%);
  748.         -ms-filter: grayscale(0%);
  749.         -o-filter: grayscale(0%);
  750.     {/block:indexpage}
  751.     {/block:ifmonochrome}
  752.  }
  753.  
  754.  
  755. .posts a{
  756.     text-decoration:none;
  757.     outline:none;
  758.     -moz-outline-style:none;
  759.     color:{color:postlinks};
  760.     -webkit-transition: all 0.3s linear;
  761.     -moz-transition: all 0.3s linear;
  762.     -o-transition: all 0.3s linear;    
  763. }
  764.  
  765. .posts a:hover{
  766.     color:{color:postlinkhover};
  767. }
  768.  
  769.  
  770. /*permalink*/
  771.  
  772. #permalink{
  773.    
  774.     {block:indexpage}
  775.         {block:if250pxposts}width:232px;{/block:if250pxposts}
  776.         {block:if400pxposts}width:382px;{/block:if400pxposts}
  777.         {block:if500pxposts}width:482px;{/block:if500pxposts}
  778.         {block:ifhiddendescriptions}
  779.             border-top:solid 7px {color:post};
  780.         {/block:ifhiddendescriptions}
  781.     {/block:indexpage}
  782.    
  783.     {block:permalinkpage}
  784.         width:482px;
  785.     {/block:permalinkpage}
  786.  
  787.     height:auto;
  788.     min-height:16px;
  789.     padding:7px;
  790.     background-color:{color:permalink};
  791.     color:{color:permalinktext};
  792.     border:solid 2px {color:permalinkborder};
  793.     text-align:right;
  794.         font-family: 'ronda';
  795.         font-size:8px;
  796.         text-transform:lowercase;
  797.     padding-bottom:4px;
  798.     overflow:hidden;
  799.     -webkit-transition: all 0.5s linear;
  800.     -moz-transition: all 0.5s linear;
  801.     -o-transition: all 0.5s linear;
  802. }
  803.  
  804.  
  805. .permalink a{
  806.     color:{color:datelinks};
  807. }
  808.  
  809. .permalink a:hover{
  810.     color:{color:datelinkhover};
  811. }
  812.  
  813. .permalink{
  814.     {block:indexpage}
  815.         {block:if250pxposts}
  816.             margin-left:80px;
  817.         {/block:if250pxposts}
  818.         {block:if400pxposts}
  819.             margin-left:76px;
  820.             width:301px;
  821.         {/block:if400pxposts}
  822.         {block:if500pxposts}
  823.             width:401px;
  824.             margin-left:80px;
  825.         {/block:if500pxposts}
  826.     {/block:indexpage}
  827.    
  828.     {block:permalinkpage}
  829.         width:401px;
  830.         margin-left:80px;
  831.     {/block:permalinkpage}
  832.    
  833.     padding-bottom:5px;
  834.     word-wrap:break-word;
  835.    
  836.    
  837. }
  838.  
  839. .tags a{
  840.     color:{color:tags};
  841. }
  842.  
  843. .tags a:hover{
  844.     color:{color:tagshover};
  845. }
  846.  
  847.  
  848. #notes{
  849.     position:absolute;
  850.    
  851.     margin-top:-20px;
  852.     margin-left:7px;
  853.     height:20px;
  854.     width:30px;
  855.     padding-top:7px;
  856.     border-top-right-radius:10px;
  857.     border-top-left-radius:10px;
  858.     background-color:{color:notestab};
  859.    
  860.     font-family:ronda;
  861.     font-size:8px;
  862.     text-align:center;
  863.     overflow:hidden;
  864.    
  865.     -webkit-transition: all 0.3s linear;
  866.     -moz-transition: all 0.3s linear;
  867.     -o-transition: all 0.3s linear;
  868.    
  869. }
  870.  
  871. a #notes{
  872.     color:{color:noteslinks};
  873. }
  874.    
  875. #notes:hover{
  876.     height:23px;
  877.     margin-top:-23px;
  878.     background-color:{color:notestabhover};
  879. }
  880.  
  881. a #notes:hover{
  882.     color:{color:noteslinkhover};
  883. }
  884.  
  885. #date{
  886.     position:absolute;
  887.    
  888.     margin-top:-24px;
  889.     margin-left:42px;
  890.     height:24px;
  891.     width:30px;
  892.     padding-top:7px;
  893.     border-top-right-radius:10px;
  894.     border-top-left-radius:10px;
  895.     background-color:{color:datetab};
  896.    
  897.     font-family:ronda;
  898.     font-size:8px;
  899.     text-align:center;
  900.     overflow:hidden;
  901.    
  902.     -webkit-transition: all 0.3s linear;
  903.     -moz-transition: all 0.3s linear;
  904.     -o-transition: all 0.3s linear;
  905. }
  906.  
  907. a #date{
  908.     color:{color:datelinks};
  909. }
  910.    
  911. #date:hover{
  912.     height:27px;
  913.     margin-top:-27px;
  914.     background-color:{color:datetabhover};
  915. }
  916.  
  917. a #date:hover{
  918.     color:{color:datelinkhover};
  919. }
  920.  
  921. /*quotes and text post titles*/
  922.  
  923.  #quote {
  924.         font-family:ronda;
  925.         {block:indexpage}
  926.             {block:if250pxposts}font-size:15px;{/block:if250pxposts}
  927.             {block:if400pxposts}font-size:18px;{/block:if400pxposts}
  928.             {block:if500pxposts}font-size:23px;{/block:if500pxposts}
  929.         {/block:indexpage}
  930.         {block:permalinkpage}
  931.             font-size:20px;
  932.         {/block:permalinkpage}  
  933.     color:{color:quote};
  934.     padding-left:20px;
  935.     padding-right:20px;
  936.     padding-top:10px;
  937.     line-height:100%;
  938.     text-align:justify;
  939. }
  940.  
  941.  
  942. #title {
  943.         font-family:ronda;
  944.         {block:indexpage}
  945.             {block:if250pxposts}font-size:15px;{/block:if250pxposts}
  946.             {block:if400pxposts}font-size:20px;{/block:if400pxposts}
  947.             {block:if500pxposts}font-size:25px;{/block:if500pxposts}
  948.         {/block:indexpage}
  949.         {block:permalinkpage}
  950.             font-size:20px;
  951.         {/block:permalinkpage}
  952.     color:{color:quote};
  953.     padding-left:20px;
  954.     padding-right:20px;
  955.     padding-top:10px;
  956.     padding-bottom:5px;
  957.     line-height:100%;
  958. }
  959.  
  960.  
  961. /*music*/
  962.  
  963. #audioplayerback {
  964.     position: absolute;
  965.     width: 28px;
  966.     height: 30px;
  967.     padding-left:2px;
  968.     background-color: #ffffff;
  969.     position:absolute;
  970.     margin-top:40px;
  971.     margin-left:35px;
  972.     z-index:999;
  973.     overflow:hidden;
  974.     -webkit-transition: all 0.5s linear;
  975.     -moz-transition: all 0.5s linear;
  976.     -o-transition: all 0.5s linear;
  977. }
  978.  
  979. .tumblr_audio_player {
  980.     border: none;
  981.     padding: 0px;
  982.     margin: 0px;
  983.     height: 30px;
  984.     width:500px;
  985. }
  986.  
  987. #musicinfo{
  988.     color:{color:text};
  989.     margin-top:-90px;
  990.     margin-left:110px;
  991.     background-color:{color:permalink};
  992.     padding-left:10px;
  993.     padding:7px;
  994.     line-height:110%;
  995.     margin-bottom:50px;
  996.     border:solid 2px {color:permalinkborder};
  997. }
  998.  
  999. #audiocaption{
  1000.     padding-left:10px;
  1001.     padding-right:10px;
  1002.     {block:ifnotpixelfont}
  1003.     margin-top:-15px;
  1004.     {/block:ifnotpixelfont}
  1005. }
  1006.  
  1007. #albumart{
  1008.     height:100px;
  1009.     width:100px;
  1010.     background-image:url('https://lh3.googleusercontent.com/-ABbl71o4DHE/UZh6Xuh6QJI/AAAAAAAAEn8/j49R7fSCZHE/s200-no/Untitled-1.jpg');
  1011.     background-position:fixed;
  1012.     background-size:100px 100px;
  1013.     background-repeat:no-repeat;
  1014.     z-index:-1;
  1015.     -webkit-transition: all 0.5s linear;
  1016.     -moz-transition: all 0.5s linear;
  1017.     -o-transition: all 0.5s linear;
  1018. }
  1019.  
  1020. /*answers*/
  1021.  
  1022. #askz {
  1023.     padding:8px;
  1024.     line-height: 140%;
  1025.     {block:indexpage}
  1026.         {block:if250pxposts}width:230px;{/block:if250pxposts}
  1027.         {block:if400pxposts}width:380px;{/block:if400pxposts}
  1028.         {block:if500pxposts}width:480px;{/block:if500pxposts}
  1029.     {/block:indexpage}
  1030.     {block:permalinkpage}
  1031.         width:480px;
  1032.     {/block:permalinkpage}
  1033.     color:{color:question};
  1034.     text-align:justify;
  1035.  
  1036.     background-color:{color:permalink};
  1037.  
  1038.     border:solid 2px {color:permalinkborder};
  1039. }
  1040.  
  1041. .asker{
  1042.     text-align:center;
  1043.     padding-bottom:5px;
  1044.     border-bottom:solid 2px {color:permalinkborder};
  1045. }
  1046.  
  1047. .asker a{
  1048.     border-bottom:none;
  1049. }
  1050.  
  1051. .question{
  1052.     padding-top:7px;
  1053. }
  1054.  
  1055. #answer {
  1056.     padding:5px;
  1057.     {block:indexpage}
  1058.         {block:if250pxposts}
  1059.             margin-left:10px;
  1060.             width:220px;
  1061.         {/block:if250pxposts}
  1062.         {block:if400pxposts}
  1063.             margin-left:30px;
  1064.             width:330px;
  1065.         {/block:if400pxposts}
  1066.         {block:if500pxposts}
  1067.             margin-left:30px;
  1068.             width:430px;
  1069.         {/block:if500pxposts}
  1070.     {/block:indexpage}
  1071.     {block:permalinkpage}
  1072.         margin-left:30px;
  1073.         width:430px;
  1074.     {/block:permalinkpage}
  1075.     text-align:justify;
  1076. }
  1077.  
  1078. #answer img{
  1079.     max-width:100%;
  1080.     height:auto;
  1081. }
  1082.  
  1083. /*chats*/
  1084.  
  1085. #chat ul{
  1086.     list-style:none;
  1087.     margin-left:-40px;
  1088. }
  1089.  
  1090. .chat .odd{
  1091.     padding:7px;
  1092.     margin-bottom:7px;
  1093.     border:solid 2px {color:permalinkborder};
  1094.    
  1095. }
  1096.  
  1097. .chat .even{
  1098.     padding:7px;
  1099.     margin-bottom:7px;
  1100.     background-color:{color:permalink};
  1101. }
  1102.  
  1103. /*pagination*/
  1104.  
  1105.  
  1106. #pnext{
  1107.     position:fixed;
  1108.     margin-top:74px;
  1109.     margin-left:61px;
  1110.     padding-bottom:1px;
  1111.     height:14px;
  1112.     width:16px;
  1113.     text-align:center;
  1114.     font-family:tinytots;
  1115.     font-size:30px;
  1116.     padding:4px;
  1117.     padding-top:6px;
  1118.     padding-left:6px;
  1119.     color:black;
  1120.     border:solid 2px transparent;
  1121.     -webkit-transition: all 0.3s linear;
  1122.     -moz-transition: all 0.3s linear;
  1123.     -o-transition: all 0.3s linear;
  1124. }
  1125.  
  1126.  
  1127. #pnext:hover{
  1128.     border:solid 2px {color:topbarborder};
  1129. }
  1130.  
  1131. #pprev{
  1132.      position:fixed;
  1133.     margin-top:74px;
  1134.     margin-left:27px;
  1135.     padding-bottom:1px;
  1136.     height:14px;
  1137.     width:18px;
  1138.     padding:4px;
  1139.     padding-top:6px;
  1140.     text-align:center;
  1141.     font-family:tinytots;
  1142.     color:black;
  1143.     font-size:30px;
  1144.     border:solid 2px transparent;
  1145.     -webkit-transition: all 0.3s linear;
  1146.     -moz-transition: all 0.3s linear;
  1147.     -o-transition: all 0.3s linear;
  1148. }
  1149.  
  1150.  
  1151. #pprev:hover{
  1152.     border:solid 2px {color:topbarborder};
  1153. }
  1154.  
  1155. /*notes*/
  1156.  
  1157. ol.notes{
  1158.     max-width:500px;
  1159.     padding:0px;
  1160.     margin: 0px 15px;
  1161.     list-style-type:none;
  1162.     font-size:8 px;
  1163.     font-family:ronda;
  1164. }
  1165.  
  1166. ol.notes li.note{
  1167.     padding:0px;
  1168.     font-size:8px;
  1169. }
  1170.  
  1171. ol.notes li.note img{
  1172.     margin-top:7px;
  1173. }
  1174.  
  1175. ol.notes li.note img.avatar{
  1176.  
  1177.     margin-right:3px;
  1178.     width:16px;
  1179.     height:16px;
  1180. }
  1181.  
  1182. ol.notes li.note a img.avatar{
  1183.     padding:0px;
  1184.     border-width:0 px;
  1185.     border:none;
  1186. }
  1187.  
  1188. ol.notes li.note img{
  1189.     padding:0 px;
  1190.     border-width:0 px;
  1191.     border:none;
  1192. }
  1193.  
  1194. ol.notes li.note span.action{
  1195.     color:{color:text};
  1196. }
  1197.  
  1198. ol.notes li.note.answer_content{
  1199.     font-weight:normal;
  1200. }
  1201.  
  1202. ol.notes li.note.blockquote{
  1203.     padding:1 px 1 px;margin:1px 0px 0px 1px;
  1204. }
  1205.  
  1206. ol.notes li.note.blockquote a{
  1207.     text-decoration:none;
  1208. }
  1209.  
  1210. ol.notes li.note a{
  1211.     color:{color:text};
  1212. }
  1213.  
  1214. ol.notes li.note a:hover{
  1215.     text-shadow:0px 0px 5px #888888;
  1216. }
  1217.  
  1218.  
  1219.  
  1220.  /*etc*/
  1221.  
  1222. #credit{
  1223.     position:fixed;
  1224.     bottom:10px;
  1225.     right:10px;
  1226.     z-index:1;
  1227.     -webkit-transition: all 0.3s linear;
  1228.     -moz-transition: all 0.3s linear;
  1229.     -o-transition: all 0.3s linear;
  1230.     -ms-transition: all 0.3s linear;
  1231.         -webkit-filter: grayscale(100%);
  1232.       -moz-filter: grayscale(100%);
  1233.       -ms-filter: grayscale(100%);
  1234.       -o-filter: grayscale(100%);
  1235. }
  1236.  
  1237. #credit:hover{
  1238.      -webkit-filter: grayscale(0%);
  1239.   -moz-filter: grayscale(0%);
  1240.   -ms-filter: grayscale(0%);
  1241.   -o-filter: grayscale(0%);
  1242. }
  1243.    
  1244.  #s-m-t-tooltip{
  1245.   max-width:300px;
  1246.   z-index:999999;
  1247.   margin:24px 14px 7px 12px;
  1248.   padding:5px;
  1249.   padding-bottom:7px;
  1250.   background:#232323;
  1251.   border:solid 2px {color:postborder};
  1252.   border-radius:0px;
  1253.   -moz-box-shadow:0px 0px 3px #232323;
  1254.   -webkit-box-shadow:0px 0px 3px #232323;
  1255.   box-shadow:0px 0px 3px #232323;
  1256.   font-family:ronda;
  1257.   font-size:8px;
  1258.   color:#fff;
  1259. }
  1260.    
  1261.  
  1262. {CustomCSS}
  1263.    
  1264. body {cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif), progress !important;}
  1265.    
  1266. a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  1267.    
  1268. </style>
  1269.  
  1270.    
  1271.  
  1272.    
  1273. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  1274.    
  1275.  
  1276.    
  1277. </head><body>
  1278.  
  1279.  <a href="http://redfox-themes.tumblr.com"><img src="https://lh5.googleusercontent.com/-jDb8l0m6g2s/ULvHPyFukjI/AAAAAAAACoA/FRBmvQsxRkc/s22/fox.gif" id="credit" title="redfox themes"></a>
  1280.  
  1281.  
  1282.  
  1283.  
  1284.  
  1285. <div id="topbar">
  1286.     <div id="subbar"></div>
  1287.    
  1288. {block:ifnotinfinitescroll}
  1289.     {block:Pagination}
  1290. {block:PreviousPage}<a href="{PreviousPage}"><div id="pprev">&#171;</div></a>{/block:PreviousPage}
  1291. {block:NextPage}<a href="{NextPage}"><div id="pnext">&#187;</div></a>{/block:NextPage}
  1292.     {/block:Pagination}
  1293. {/block:ifnotinfinitescroll}
  1294.    
  1295.     <a href="/" title="home"><img src="https://lh4.googleusercontent.com/-buurBehZXvs/UolMv50jFtI/AAAAAAAAFoU/PhEudQygXgQ/w13-h12-no/home_dark.png" class="home"></a>
  1296.     <a href="/ask" title="ask"><img src="https://lh6.googleusercontent.com/-NkpwFp_5Z4Y/UolMv_jUH9I/AAAAAAAAFoQ/a4o94RijzS0/s12-no/bubble_dark.png" class="ask"></a>
  1297.     <a href="/archive" title="archive"><img src="https://lh5.googleusercontent.com/-covrG0rcurg/UolMv3sWUoI/AAAAAAAAFoY/iZYIOyCRqCA/s11-no/pics_alt.png" class="arch"></a>
  1298.  
  1299.     {block:iflink1}<a href="{text:link1URL}" title="{text:link1}"><div id="nav1"></div></a>{/block:iflink1}
  1300.     {block:iflink2}<a href="{text:link2URL}" title="{text:link2}"><div id="nav2"></div></a>{/block:iflink2}
  1301.     {block:iflink3}<a href="{text:link3URL}" title="{text:link3}"><div id="nav3"></div></a>{/block:iflink3}
  1302.     {block:iflink4}<a href="{text:link4URL}" title="{text:link4}"><div id="nav4"></div></a>{/block:iflink4}
  1303.     {block:iflink5}<a href="{text:link5URL}" title="{text:link5}"><div id="nav5"></div></a>{/block:iflink5}
  1304.    
  1305.     <div id="main">{title}</div>
  1306.     <div id="mainbar"></div>
  1307.    
  1308. </div>
  1309.  
  1310. <div id="descback">
  1311.     <div id="desc">{description}</div>
  1312. </div>
  1313.  
  1314. <div id="bar1"></div>
  1315. <img src="{image:sidebar}" id="sideimage" >
  1316.  
  1317. <div id="bar2"></div>
  1318. {block:ifmusicplayer}
  1319. <div class="sideplayer">
  1320.         <div id="playerback">
  1321.             <img src="https://lh6.googleusercontent.com/-XWQyuyiXAqM/ULmeOm5KNRI/AAAAAAAACk4/fhqLw5dLR_s/s14/tumblr_m7w2n46Pdl1r6o8v2.gif">
  1322.             <div id="playerplayer">
  1323.                 {text:playercode}
  1324.             </div>
  1325.         </div>
  1326. </div>
  1327. {/block:ifmusicplayer}
  1328. <img src="{image:sidebar2}" id="sideimage2">
  1329.  
  1330.  
  1331.  
  1332. <div id="postmargin">
  1333.     {block:ifinfinitescroll}<div class="autopagerize_page_element">{/block:ifinfinitescroll}
  1334.     {block:Posts}
  1335. <div class="posts">
  1336.  
  1337.  
  1338. {block:Text}
  1339.     <center>
  1340.         {block:Title}<div id="title">{Title}</div>{/block:Title}
  1341.     </center>
  1342.     {Body}
  1343. {/block:Text}
  1344.  
  1345.  
  1346. {block:Photo}
  1347.     <center>
  1348.         <img src="{PhotoURL-500}" width="500">
  1349.     </center>
  1350.     {block:indexpage}
  1351.         {block:ifnothiddendescriptions}
  1352.             {block:Caption}
  1353.                 {Caption}
  1354.             {/block:Caption}
  1355.         {/block:ifnothiddendescriptions}
  1356.     {/block:indexpage}
  1357.     {block:permalinkpage}
  1358.         {block:Caption}
  1359.             {Caption}
  1360.         {/block:Caption}
  1361.     {/block:permalinkpage}
  1362. {/block:Photo}
  1363.  
  1364.  
  1365. {block:Photoset}
  1366.     <center>
  1367.         {block:indexpage}
  1368.             {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  1369.             {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  1370.             {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1371.         {/block:indexpage}
  1372.         {block:permalinkpage}
  1373.             {Photoset-500}
  1374.         {/block:permalinkpage}
  1375.     </center>
  1376.     {block:indexpage}
  1377.         {block:ifnothiddendescriptions}
  1378.             {block:Caption}
  1379.                 {Caption}
  1380.             {/block:Caption}
  1381.         {/block:ifnothiddendescriptions}
  1382.     {/block:indexpage}
  1383.     {block:permalinkpage}
  1384.         {block:Caption}
  1385.             {Caption}
  1386.         {/block:Caption}
  1387.     {/block:permalinkpage}
  1388. {/block:Photoset}
  1389.  
  1390.  
  1391. {block:Quote}
  1392.     <div id="quote">
  1393.         ❝ {Quote} ❞
  1394.     </div>
  1395.         <p align="right">
  1396.             {block:Source}
  1397.                 —{Source}
  1398.             {/block:Source}
  1399.         </p>
  1400. {/block:Quote}
  1401.  
  1402.  
  1403. {block:Link}
  1404.     <div id="title" align="center">
  1405.         <a href="{URL}" {Target}>{Name}</a>
  1406.     </div>
  1407.     {block:Description}
  1408.         {Description}
  1409.     {/block:Description}
  1410. {/block:Link}
  1411.  
  1412.  
  1413. {block:Chat}
  1414. <div id="chat">
  1415.     {block:Title}
  1416.     <div id="title" align="center">{Title}</div>
  1417.     {/block:Title}
  1418.    
  1419.     <ul>{block:Lines}<div class="chat"><li class="{Alt}">
  1420.         {block:Label}
  1421.             <b>{Label}</b>
  1422.         {/block:Label}
  1423.         {Line}
  1424.         <br>
  1425.     </li></div>{/block:Lines}</ul>
  1426. </div>{/block:Chat}
  1427.  
  1428.  
  1429. {block:Audio}
  1430.     {block:AudioPlayer}
  1431.     <div id="audioplayerback">
  1432.         {AudioPlayerWhite}
  1433.     </div>
  1434.     {/block:AudioPlayer}
  1435.     <div id="albumart">
  1436.         {block:AlbumArt}
  1437.             <img src="{AlbumArtURL}" width="100">
  1438.         {/block:AlbumArt}
  1439.     </div>
  1440.     <div id="musicinfo">
  1441.         <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}
  1442.         <br><br>
  1443.         <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}
  1444.         <br><br>
  1445.         <b>Album:</b> {block:Album}{Album}{/block:Album}
  1446.     </div>
  1447.     {block:caption}
  1448.         <div id="audiocaption">
  1449.             {caption}
  1450.         </div>
  1451.     {/block:caption}
  1452. {/block:Audio}
  1453.  
  1454.  
  1455. {block:Video}
  1456.     {block:indexpage}
  1457.         {block:if250pxposts}{Video-250}{/block:if250pxposts}
  1458.         {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1459.         {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1460.     {/block:indexpage}
  1461.     {block:permalinkpage}
  1462.         {Video-500}
  1463.     {/block:permalinkpage}
  1464.     {block:indexpage}
  1465.         {block:ifnothiddendescriptions}
  1466.             {block:Caption}
  1467.                 {Caption}
  1468.             {/block:Caption}
  1469.         {/block:ifnothiddendescriptions}
  1470.     {/block:indexpage}
  1471.     {block:permalinkpage}
  1472.         {block:Caption}
  1473.             {Caption}
  1474.         {/block:Caption}
  1475.     {/block:permalinkpage}
  1476. {/block:Video}
  1477.  
  1478. {block:Answer}
  1479.     <div id="askz">
  1480.         <div class="asker">{Asker} said —</div>
  1481.         <div class="question">❝ {Question} ❞</div>
  1482.     </div>
  1483.     <br>
  1484.  
  1485.     <div id="answer">
  1486.         {Answer}
  1487.     </div>
  1488. {/block:Answer}
  1489.  
  1490.  
  1491.  
  1492.  {block:Date}
  1493.  
  1494.     <div id="permalink">
  1495.        
  1496.         <div class="permalink">
  1497.     {block:HasTags}<div class="tags">{block:Tags}#<a href="/tagged/{Tag}">{Tag} </a> {/block:Tags}</div>{/block:HasTags}
  1498.         </div>
  1499.        
  1500.    </div>
  1501.    
  1502.    
  1503.    <a href="{Permalink}"><div id="notes">{NoteCount}</div></a>
  1504.    <a href="{Permalink}"><div id="date">{MonthNumber}-{DayOfMonth}</div></a>
  1505.    
  1506.  {/block:Date}
  1507.  
  1508.  
  1509. </div>
  1510.  
  1511.  
  1512.  
  1513. <div class="notes">
  1514.     {block:PostNotes}
  1515.         <a name="notes">
  1516.             {PostNotes}
  1517.         </a>
  1518.     {/block:PostNotes}
  1519. </div>
  1520.  
  1521.  
  1522.  
  1523. {/block:Posts}</div></div>
  1524.  
  1525.  
  1526.  
  1527. </body></html>
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!