API tools faq
paste
darianella

"Sweet Dreams, Timaeus" tumblr theme HTML code

darianella
Jan 22nd, 2014
6,093
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 41.08 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.  
  5.  <link href='http://fonts.googleapis.com/css?family=Muli:300,400, 400italic,300italic' rel='stylesheet' type='text/css'>
  6.  
  7.  <link href='http://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'>
  8.  
  9.  
  10. <!--
  11.  
  12.   I had a lot of fun making this theme, so I hope you enjoy it too! Here's what's up:
  13.  
  14.   - one column 250px, 400px, or 500px posts
  15.   - pagination or infinite scroll
  16.   - five optional custom links
  17.   - show/hide post descriptions
  18.   - optional monochrome images
  19.   - optional music player
  20.   - optional standalone side image
  21.  
  22.   As always, please don't remove the credit or use this theme as a base code or claim this as your own or anything like that. I work hard on making themes and it makes me sad to hear that people take code.
  23.  
  24.   Anyway, thank you for using my theme! Let me know if there's anything I can do for you in any way! (:
  25.  
  26.   Much love,
  27. Darian
  28.  
  29. -->
  30.  
  31.  
  32.  
  33. <head><title>{Title}</title>
  34.  
  35. <link rel="shortcut icon" href="{favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37.  
  38.  <!-- STYLE MY TOOLTIPS CODE -->
  39.  
  40.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  42. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  43. <script>
  44.      (function($){
  45.          $(document).ready(function(){
  46.              $("[title]").style_my_tooltips({
  47.     tip_follows_cursor:true,
  48.     tip_delay_time:200,
  49.     tip_fade_speed:300,
  50.     attribute:"title"
  51. });
  52.          });
  53.      })(jQuery);
  54.  </script>
  55.  
  56.  <!-- END STYLE MY TOOLTIPS CODE -->
  57.  
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59.  
  60.  
  61.  <!-- BEGIN VARIABLE CODE -->
  62.  
  63.         <!-- COLORS -->
  64.    
  65.     <meta name="color:background" content="#f3f3f3" />
  66.    
  67.     <meta name="color:scrollbar" content="#fe8a13" />
  68.     <meta name="color:scrollbar back" content="#ffffff" />
  69.        
  70.     <meta name="color:selection" content="#cbcdc6" />
  71.     <meta name="color:selection text" content="#017880" />
  72.    
  73.     <meta name="color:pagination" content="#017880" />
  74.     <meta name="color:pagination text" content="#ffffff" />
  75.     <meta name="color:music player" content="#019c7c" />
  76.    
  77.     <meta name="color:top corner" content="#fe8a13" />
  78.    
  79.     <meta name="color:sidebar" content="#017880" />
  80.     <meta name="color:sidebar triangles" content="#ffffff" />
  81.  
  82.     <meta name="color:home" content="#83ad83" />
  83.     <meta name="color:home text" content="#ffffff" />
  84.     <meta name="color:home hover" content="#83ad83" />
  85.     <meta name="color:home text hover" content="#ffffff" />
  86.    
  87.     <meta name="color:ask" content="#83ad83" />
  88.     <meta name="color:ask text" content="#ffffff" />
  89.     <meta name="color:ask hover" content="#83ad83" />
  90.     <meta name="color:ask text hover" content="#ffffff" />
  91.    
  92.     <meta name="color:archive" content="#83ad83" />
  93.     <meta name="color:archive text" content="#ffffff" />
  94.     <meta name="color:archive hover" content="#83ad83" />
  95.     <meta name="color:archive text hover" content="#ffffff" />
  96.    
  97.     <meta name="color:more" content="#83ad83" />
  98.     <meta name="color:more text" content="#ffffff" />
  99.     <meta name="color:more hover" content="#83ad83" />
  100.     <meta name="color:more text hover" content="#ffffff" />
  101.    
  102.     <meta name="color:title" content="#ffffff" />
  103.     <meta name="color:title background" content="#83ad83" />
  104.     <meta name="color:description" content="#000000" />
  105.     <meta name="color:description background" content="#ffffff" />
  106.    
  107.     <meta name="color:text" content="#000000" />
  108.     <meta name="color:bold" content="#000000" />
  109.     <meta name="color:italic" content="#fe8a13" />
  110.     <meta name="color:blockquote border" content="#000000" />
  111.    
  112.     <meta name="color:post" content="#ffffff" />
  113.     <meta name="color:post links" content="#8e8e8e" />
  114.     <meta name="color:post link hover" content="#ffffff" />
  115.     <meta name="color:post border" content="#017880" />
  116.    
  117.     <meta name="color:permalink background" content="#ffffff" />
  118.     <meta name="color:permalink text" content="#000000" />
  119.     <meta name="color:permalink triangles" content="#fe8a13" />
  120.     <meta name="color:permalink border" content="#019c7c" />
  121.    
  122.     <meta name="color:tags" content="#5f5f5e" />
  123.     <meta name="color:tags hover" content="#000000" />
  124.  
  125.     <meta name="color:date hover" content="#878b7f" />
  126.    
  127.    
  128.         <!-- OPTIONS-->
  129.    
  130.     <meta name="if:250px posts" content="0">
  131.     <meta name="if:400px posts" content="1">
  132.     <meta name="if:500px posts" content="0">
  133.     <meta name="if:infinite scroll" content="0">
  134.     <meta name="if:monochrome" content="0">
  135.     <meta name="if:hidden descriptions" content="0">
  136.     <meta name="if:rightside image" content="1">
  137.     <meta name="if:music player" content="0">
  138.    
  139.    
  140.         <!-- IMAGES -->
  141.    
  142.     <meta name="image:background" content="https://lh4.googleusercontent.com/-myfc88Q4x04/UuASUwhcW2I/AAAAAAAAF-U/thUlGmcot8k/s200-no/tumblr_mex6pc2gFi1rbvno1.png"/>
  143.     <meta name="image:sidebar" content="https://lh4.googleusercontent.com/-2o1ZMLT5HnI/UuASRD4iZvI/AAAAAAAAF-o/CyW13zncL0s/w500-h539-no/tumblr_myh52f6pK01rvzrpxo2_500.jpg"/>
  144.     <meta name="image:standalone" content="https://lh5.googleusercontent.com/-4fR8cwcjk4Q/UuASRDZ9paI/AAAAAAAAF-I/dS0Isz2GNN4/w404-h862-no/tumblr_myh52f6pK01rvzrpxo1_500+copy.png"/>
  145.    
  146.  
  147.         <!-- TEXT -->
  148.  
  149.     <meta name="text:player code" content="" />
  150.     <meta name="text:link 1" content="" />
  151.     <meta name="text:link 1 url" content="" />
  152.     <meta name="text:link 2" content="" />
  153.     <meta name="text:link 2 url" content="" />
  154.     <meta name="text:link 3" content="" />
  155.     <meta name="text:link 3 url" content="" />
  156.     <meta name="text:link 4" content="" />
  157.     <meta name="text:link 4 url" content="" />
  158.     <meta name="text:link 5" content="" />
  159.     <meta name="text:link 5 url" content="" />
  160.    
  161.    
  162. <!-- END VARIABLE CODE -->
  163.  
  164.  
  165. <style type="text/css">
  166.  
  167.  
  168.  
  169.  
  170.     /*BASIC THINGS*/
  171.  
  172.  
  173.  
  174.  
  175. @font-face {
  176. font-family: "tinytots";
  177. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  178. }
  179.  
  180. @font-face{
  181.     font-family: "tiny times";
  182.     src: url('http://static.tumblr.com/6kvh1bm/KYJmx2tcb/tiny_times.ttf');
  183. }
  184.  
  185.  
  186. @font-face {
  187.     font-family: 'ronda';
  188.     src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');
  189. }
  190.  
  191.  
  192.  
  193. iframe#tumblr_controls {
  194.     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;}
  195.  
  196. 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;}
  197.  
  198.  
  199.  
  200.  
  201. body{
  202.     margin-top:0;
  203.     margin-left:0;
  204.     color:{color:text};
  205.         font-family:muli;
  206.         font-size:11px;
  207.         line-height:100%;
  208.     background-image:url('{image:background}');
  209.     background-attachment: fixed;
  210.         background-repeat: repeat;
  211.     background-color: {color:background};
  212. }
  213.  
  214. a{
  215.     text-decoration:none;
  216.     outline:none;
  217.     -moz-outline-style:none;
  218.    color:{color:post links};
  219.     -webkit-transition: all 0.3s linear;
  220.     -moz-transition: all 0.3s linear;
  221.     -o-transition: all 0.3s linear;
  222. }
  223.  
  224.  
  225. em{
  226.     color:{color:italic};
  227. }
  228.  
  229. strong{
  230.     color:{color:bold};
  231.     font-weight:strong;
  232. }
  233.  
  234. img{
  235.     border:none;
  236. }
  237.  
  238. blockquote{
  239.     padding-left:7px;
  240.     margin-left:10px;
  241.     border-left:solid 5px {color:blockquote border};
  242.    
  243. }
  244.  
  245. blockquote blockquote{
  246.     margin-left:5px;
  247. }
  248.  
  249. pre{
  250.     font-size:9px;
  251.     {block:indexpage}
  252.         {block:if250pxposts}max-width:240px;{/block:if250pxposts}
  253.         {block:if400pxposts}max-width:390px;{/block:if400pxposts}
  254.         {block:if500pxposts}max-width:490px;{/block:if500pxposts}
  255.     {/block:indexpage}
  256.    
  257.     {block:permalinkpage}max-width:490px;{/block:permalinkpage}
  258.    
  259.     word-wrap:break-word;
  260.     background-color:#c7c7c7;
  261.     padding:5px;
  262.     font-family:muli;
  263.     text-align:center;
  264. }
  265.  
  266.  
  267. ::selection {
  268. background:{color:selection};
  269. color: {color:selection text};
  270. }
  271.  
  272. ::-moz-selection {
  273. background: {color:selection};
  274. color: {color:selection text};
  275. }
  276.  
  277. ::-webkit-selection {
  278. background: {color:selection};
  279. color: {color:selection text};
  280. }
  281.  
  282. ::-webkit-scrollbar {
  283. width: 15px;
  284. height: 5px;
  285. }
  286.  
  287. ::-webkit-scrollbar-thumb {
  288. background-color: {color:scrollbar};
  289. }
  290.  
  291. ::-webkit-scrollbar-track {
  292. background-color:{color:scrollbar back};
  293. }
  294.  
  295.  
  296. /*BARS AND TRIANGLES*/
  297.    
  298. #corner{
  299.     position:fixed;
  300.     height:450px;
  301.     width:450px;
  302.     margin-top:-225px;
  303.     margin-left:-225px;
  304.     background-color:{color:top corner};
  305.     transform: rotate(45deg);
  306.     -ms-transform: rotate(45deg);
  307.     -webkit-transform: rotate(45deg);
  308.     -o-transform: rotate(45deg);
  309.     z-index:-999;
  310. }
  311.  
  312. .bighover{
  313.     position:fixed;
  314.     height:600px;
  315.     margin-left:0px;
  316.     width:500px;
  317. }
  318.  
  319.  
  320. /*SIDEBAR*/
  321. #sidebarback{
  322.     position:fixed;
  323.     height:285px;
  324.     width:285px;
  325.     margin-left:150px;
  326.     margin-top:100px;
  327.     background-color:{color:sidebar};
  328.     padding:15px;
  329.     z-index:999;
  330. }
  331.  
  332.     /*IMAGES*/
  333.  
  334. .topleft{
  335.     position:fixed;
  336.     height:135px;
  337.     width:135px;
  338.     overflow:hidden;
  339.     -webkit-transition: all 0.3s linear;
  340.     -moz-transition: all 0.3s linear;
  341.     -o-transition: all 0.3s linear;
  342. }
  343.  
  344. .topleft img{
  345.     height:270px;
  346.     width:270px;
  347. }
  348.  
  349. .topright{
  350.     position:fixed;
  351.     margin-left:150px;
  352.     height:135px;
  353.     width:135px;
  354.     overflow:hidden;
  355.     -webkit-transition: all 0.3s linear;
  356.     -moz-transition: all 0.3s linear;
  357.     -o-transition: all 0.3s linear;
  358. }
  359.  
  360. .topright img{
  361.     height:270px;
  362.     width:270px;
  363.     margin-left:-135px;
  364. }
  365.  
  366. .bottomleft{
  367.     position:fixed;
  368.     margin-top:150px;
  369.     height:135px;
  370.     width:135px;
  371.     overflow:hidden;
  372.     -webkit-transition: all 0.3s linear;
  373.     -moz-transition: all 0.3s linear;
  374.     -o-transition: all 0.3s linear;
  375. }
  376.  
  377. .bottomleft img{
  378.     height:270px;
  379.     width:270px;
  380.     margin-top:-135px;
  381. }
  382.  
  383. .bottomright{
  384.     position:fixed;
  385.     margin-top:150px;
  386.     margin-left:150px;
  387.     height:135px;
  388.     width:135px;
  389.     overflow:hidden;
  390.     -webkit-transition: all 0.3s linear;
  391.     -moz-transition: all 0.3s linear;
  392.     -o-transition: all 0.3s linear;
  393. }
  394.  
  395. .bottomright img{
  396.     height:270px;
  397.     width:270px;
  398.     margin-top:-135px;
  399.     margin-left:-135px;
  400. }
  401.  
  402.     /*BIG IMAGE*/
  403.  
  404. .bigimage{
  405.     position:fixed;
  406.     height:285px;
  407.     width:285px;
  408.     opacity:0;
  409.     z-index:999;
  410.     -webkit-transition: all 0.5s linear;
  411.     -moz-transition: all 0.5s linear;
  412.     -o-transition: all 0.5s linear;
  413. }
  414.  
  415. .bigimage img{
  416.     height:285px;
  417.     width:285px;
  418. }
  419.  
  420. .bighover:hover .bigimage{
  421.     opacity:1;
  422.     transition-delay: 0.6s;
  423.     -webkit-transition-delay:0.6s;
  424.     -moz-transition-delay:0.6s;
  425.     -o-transition-delay:0.6s;
  426. }
  427.  
  428. .sidebartoptriangle{
  429.     position:fixed;
  430.         width: 0;
  431.         height: 0;
  432.         border-top: 40px solid {color:sidebar triangles};
  433.         border-right: 40px solid transparent;
  434.         margin-left:-5px;
  435.         margin-top:-5px;
  436. }
  437.  
  438. .sidebarbottomtriangle{
  439.     position:fixed;
  440.         width: 0;
  441.         height: 0;
  442.         border-bottom: 40px solid {color:sidebar triangles};
  443.         border-left: 40px solid transparent;
  444.         margin-top:250px;
  445.         margin-left:250px;
  446. }
  447.    
  448.     /*DESCRIPTION*/
  449. #description{
  450.     position:fixed;
  451.     height:115px;
  452.     width:115px;
  453.     padding:12px 10px 8px 10px;
  454.     text-align:center;
  455.     background-color:{color:description background};
  456.     color:{color:description};
  457.     border:solid 15px {color:sidebar};
  458.     font-family:muli;
  459.     font-size:11px;
  460.     margin-top:59px;
  461.     margin-left:59px;
  462.     overflow:hidden;
  463.     -webkit-transition: all 0.5s linear;
  464.     -moz-transition: all 0.5s linear;
  465.     -o-transition: all 0.5s linear;
  466. }
  467.  
  468. .bighover:hover #description{
  469.     border:solid 75px {color:sidebar};
  470.     margin-top:0px;
  471.     margin-left:0px;
  472. }
  473.  
  474. .description{
  475.     height:111px;
  476.     width:115px;
  477.     overflow:hidden;
  478. }
  479.  
  480.  
  481.     /*NAVIGATION*/
  482. .home{
  483.     position:fixed;
  484.     padding:450px 10px 10px 10px;
  485.     margin-top:0px;
  486.     margin-left:230px;
  487.     font-family:muli;
  488.     font-size:12px;
  489.     width:10px;
  490.     height:auto;
  491.     text-align:center;
  492.     line-height:120%;
  493.     background-color:{color:home};
  494.     color:{color:home text};
  495.     -webkit-transition: all 0.3s linear;
  496.     -moz-transition: all 0.3s linear;
  497.     -o-transition: all 0.3s linear;
  498. }
  499.  
  500. .home:hover{
  501.     background-color:{color:home hover};
  502.     color:{color:home text hover};
  503.     padding-top:470px;
  504. }
  505.  
  506. .ask{
  507.     position:fixed;
  508.     padding:470px 10px 10px 10px;
  509.     margin-top:0px;
  510.     margin-left:270px;
  511.     font-family:muli;
  512.     font-size:12px;
  513.     width:10px;
  514.     height:auto;
  515.     text-align:center;
  516.     line-height:120%;
  517.     background-color:{color:ask};
  518.     color:{color:ask text};
  519.     -webkit-transition: all 0.3s linear;
  520.     -moz-transition: all 0.3s linear;
  521.     -o-transition: all 0.3s linear;
  522. }
  523.  
  524. .ask:hover{
  525.     background-color:{color:ask hover};
  526.     color:{color:ask text hover};
  527.     padding-top:490px;
  528. }
  529.  
  530. .archive{
  531.     position:fixed;
  532.     padding:440px 10px 10px 10px;
  533.     margin-top:0px;
  534.     margin-left:310px;
  535.     font-family:muli;
  536.     font-size:12px;
  537.     width:10px;
  538.     height:auto;
  539.     text-align:center;
  540.     line-height:120%;
  541.     background-color:{color:archive};
  542.     color:{color:archive text};
  543.     -webkit-transition: all 0.3s linear;
  544.     -moz-transition: all 0.3s linear;
  545.     -o-transition: all 0.3s linear;
  546. }
  547.  
  548. .archive:hover{
  549.     background-color:{color:archive hover};
  550.     color:{color:archive text hover};
  551.     padding-top:460px;
  552. }
  553.  
  554. .more{
  555.     position:fixed;
  556.     padding:480px 10px 10px 10px;
  557.     margin-top:0px;
  558.     margin-left:350px;
  559.     font-family:muli;
  560.     font-size:12px;
  561.     width:10px;
  562.     height:auto;
  563.     text-align:center;
  564.     line-height:120%;
  565.     background-color:{color:more};
  566.     color:{color:more text};
  567.     cursor:pointer;
  568.     -webkit-transition: all 0.3s linear;
  569.     -moz-transition: all 0.3s linear;
  570.     -o-transition: all 0.3s linear;
  571. }
  572.  
  573. .more:hover{
  574.     background-color:{color:more hover};
  575.     color:{color:more text hover};
  576.     padding-top:500px;
  577. }
  578.  
  579.     /*CUSTOM NAVIGATION*/
  580.    
  581. #customnav{
  582.     position:fixed;
  583.     padding:40px 20px 40px 20px;
  584.     height:205px;
  585.     width:245px;
  586.     z-index:9999;
  587.     display:none;
  588. }
  589.  
  590. .custom{
  591.     display:block;
  592.     float:left;
  593.     height:10px;
  594.     padding:10px;
  595.     width:225px;
  596.     background-color:{color:sidebar};
  597.     font-family:muli;
  598.     font-size:12px;
  599.     margin-bottom:15px;
  600.     text-align:center;
  601.     color:{color:sidebar triangles};
  602.     -webkit-transition: all 0.3s linear;
  603.     -moz-transition: all 0.3s linear;
  604.     -o-transition: all 0.3s linear;
  605. }
  606.  
  607. .custom:hover{
  608.     opacity:0;
  609. }
  610.  
  611.  
  612. /*TITLE*/
  613.  
  614. #main{
  615.     position:fixed;
  616.     width:100%;
  617.     height:30px;
  618.     bottom:20px;
  619.     margin-left:00px;
  620.     padding-left:40px;
  621.     padding-top:20px;
  622.     overflow:hidden;
  623.     text-align:left;
  624.     color:{color:title};
  625.     font-family:muli;
  626.     font-size:40px;
  627.     z-index:-1;
  628.     background-color:{color:title background};
  629.     -webkit-transition: all 0.5s linear;
  630.     -moz-transition: all 0.5s linear;
  631.     -o-transition: all 0.5s linear;
  632. }
  633.  
  634. /*STANDALONE IMAGE*/
  635.  
  636. #standalone{
  637.     position:fixed;
  638.     max-width:400px;
  639.     bottom:0;
  640.     right:0;
  641.     {block:ifnotrightsideimage}display:none;{/block:ifnotrightsideimage}
  642. }
  643.  
  644. /*MUSIC PLAYER*/
  645.  
  646. #playerback{
  647.     position:fixed;
  648.     height:40px;
  649.     width:40px;
  650.     background-color:{color:music player};
  651.     {block:ifinfinitescroll}
  652.         bottom:90px;
  653.         margin-left:20px;
  654.     {/block:ifinfinitescroll}
  655.     {block:ifnotinfinitescroll}
  656.         margin-top:180px;
  657.         margin-left:80px;
  658.     {/block:ifnotinfinitescroll}
  659.     -webkit-transition: all 0.3s ease-in-out;
  660.     -moz-transition: all 0.3s ease-in-out;
  661.     -o-transition: all 0.3s ease-in-out;
  662. }
  663.  
  664. .playericon{
  665.     position:fixed;
  666.     margin-top:13px;
  667.     margin-left:13px;
  668.     -webkit-transition: all 0.3s ease-in-out;
  669.     -moz-transition: all 0.3s ease-in-out;
  670.     -o-transition: all 0.3s ease-in-out;
  671. }
  672.  
  673. .playerplayer{
  674.     margin-left:-22px;
  675. }
  676.  
  677. #playerplayer{
  678.     position:fixed;
  679.     margin-top:12px;
  680.     margin-left:12px;
  681.     height:16px;
  682.     width:16px;
  683.     overflow:hidden;
  684.     background-color:white;
  685.     opacity:0;
  686.     -webkit-transition: all 0.3s ease-in-out;
  687.     -moz-transition: all 0.3s ease-in-out;
  688.     -o-transition: all 0.3s ease-in-out;
  689. }
  690.  
  691. #playerback:hover #playerplayer{
  692.     opacity:1;
  693. }
  694.  
  695. #playerback:hover .playericon{
  696.     opacity:0;
  697. }
  698.    
  699.  
  700. /*POSTS*/
  701.    
  702.     /*BASIC POST THINGS*/
  703.  
  704. #postmargin{
  705.     position:absolute;
  706.    {block:indexpage}
  707.         {block:if250pxposts}
  708.             margin-left:630px;
  709.             margin-top:40px;
  710.         {/block:if250pxposts}
  711.         {block:if400pxposts}
  712.             margin-left:600px;
  713.             margin-top:20px;
  714.         {/block:if400pxposts}
  715.         {block:if500pxposts}
  716.             margin-left:575px;
  717.             margin-top:20px;
  718.         {/block:if500pxposts}
  719.     {/block:indexpage}
  720.    
  721.     {block:permalinkpage}
  722.         margin-left:575px;
  723.         margin-top:20px;
  724.     {/block:permalinkpage}
  725.     z-index:9999;
  726.    
  727. }
  728.  
  729. .posts{
  730.    
  731.    {block:indexpage}
  732.         {block:if250pxposts}width:250px;{/block:if250pxposts}
  733.         {block:if400pxposts}width:400px;{/block:if400pxposts}
  734.         {block:if500pxposts}width:500px;{/block:if500pxposts}
  735.     {/block:indexpage}
  736.    
  737.     {block:permalinkpage}
  738.         width:500px;
  739.     {/block:permalinkpage}
  740.    
  741.    border:solid 15px {color:post border};
  742.     padding:10px;
  743.     margin-bottom:13px;
  744.     margin-right:10px;
  745.     background-color:{color:post};
  746.     -webkit-transition: all 0.5s linear;
  747.     -moz-transition: all 0.5s linear;
  748.     -o-transition: all 0.5s linear;
  749.  
  750. }
  751.  
  752. .posts a{
  753.     color:{color:post links};
  754. }
  755.  
  756. .posts a:hover{
  757.     color:{color:post link hover};
  758. }
  759.  
  760.  
  761. .posts:hover img{
  762.     {block:ifmonochrome}
  763.     {block:indexpage}
  764.         -webkit-filter: grayscale(0%);
  765.         -moz-filter: grayscale(0%);
  766.         -ms-filter: grayscale(0%);
  767.         -o-filter: grayscale(0%);
  768.     {/block:indexpage}
  769.     {/block:ifmonochrome}
  770.      
  771. }
  772.  
  773. .posts img{
  774.     border:none;
  775.     max-width:100%;
  776.     height:auto;
  777.     -webkit-transition: all 0.7s linear;
  778.     -moz-transition: all 0.7s linear;
  779.     -o-transition: all 0.7s linear;
  780.     {block:ifmonochrome}
  781.     {block:indexpage}
  782.         -webkit-filter: grayscale(100%);
  783.         -moz-filter: grayscale(100%);
  784.         -ms-filter: grayscale(100%);
  785.         -o-filter: grayscale(100%);
  786.     {/block:indexpage}
  787.     {/block:ifmonochrome}  
  788. }
  789.  
  790.  
  791. .posts iframe{
  792.     border:none;
  793.     -webkit-transition: all 0.7s linear;
  794.     -moz-transition: all 0.7s linear;
  795.     -o-transition: all 0.7s linear;
  796.     {block:ifmonochrome}
  797.     {block:indexpage}
  798.         -webkit-filter: grayscale(100%);
  799.         -moz-filter: grayscale(100%);
  800.         -ms-filter: grayscale(100%);
  801.         -o-filter: grayscale(100%);
  802.     {/block:indexpage}
  803.     {/block:ifmonochrome}
  804.  
  805. }
  806.  
  807. .posts:hover iframe{
  808.     {block:ifmonochrome}
  809.     {block:indexpage}
  810.         -webkit-filter: grayscale(0%);
  811.         -moz-filter: grayscale(0%);
  812.         -ms-filter: grayscale(0%);
  813.         -o-filter: grayscale(0%);
  814.     {/block:indexpage}
  815.     {/block:ifmonochrome}
  816.  }
  817.  
  818.  
  819.  
  820.  
  821.  
  822.  
  823.     /*PERMALINKS*/
  824.    
  825. .permalinkdoubleback{
  826.     margin-top:20px;
  827.     margin-bottom:50px;
  828.     margin-left:-15px;
  829.     padding:15px;
  830.     {block:indexpage}
  831.         {block:if250pxposts}width:300px;{/block:if250pxposts}
  832.         {block:if400pxposts}width:450px;{/block:if400pxposts}
  833.         {block:if500pxposts}width:550px;{/block:if500pxposts}
  834.     {/block:indexpage}
  835.    
  836.     {block:permalinkpage}
  837.         width:550px;
  838.     {/block:permalinkpage}
  839.     background-color:{color:permalink border};
  840. }
  841.  
  842. .permatoptriangle{
  843.     position:absolute;
  844.         width: 0;
  845.         height: 0;
  846.         border-top: 40px solid {color:permalink triangles};
  847.         border-right: 40px solid transparent;
  848.         margin-left:-5px;
  849.         margin-top:-5px;
  850. }
  851.  
  852. .permabottomtriangle{
  853.     position:absolute;
  854.         width: 0;
  855.         height: 0;
  856.         border-bottom: 40px solid {color:permalink triangles};
  857.         border-left: 40px solid transparent;
  858.         margin-top:-35px;
  859.         {block:indexpage}
  860.         {block:if250pxposts}margin-left:265px;{/block:if250pxposts}
  861.         {block:if400pxposts}margin-left:415px;{/block:if400pxposts}
  862.         {block:if500pxposts}margin-left:515px;{/block:if500pxposts}
  863.     {/block:indexpage}
  864.    
  865.     {block:permalinkpage}
  866.         margin-left:515px;
  867.     {/block:permalinkpage}
  868. }
  869.  
  870. .permalinkback{
  871.     background-color:{color:permalink background};
  872.     padding:10px;
  873.     text-align:center;
  874.     color:{color:permalink text};
  875.     {block:indexpage}
  876.         {block:if250pxposts}width:280px;{/block:if250pxposts}
  877.         {block:if400pxposts}width:430px;{/block:if400pxposts}
  878.         {block:if500pxposts}width:530px;{/block:if500pxposts}
  879.     {/block:indexpage}
  880.    
  881.     {block:permalinkpage}
  882.         width:530px;
  883.     {/block:permalinkpage}
  884.     z-index:9999;
  885. }
  886.  
  887. .date a{
  888.     color:{color:permalink text};
  889.     -webkit-transition: all 0.3s linear;
  890.     -moz-transition: all 0.3s linear;
  891.     -o-transition: all 0.3s linear;
  892. }
  893.  
  894. .date a:hover{
  895.     color:{color:date hover};
  896. }
  897.  
  898. .tags{
  899.     padding-top:5px;
  900.     -webkit-transition: all 0.3s linear;
  901.     -moz-transition: all 0.3s linear;
  902.     -o-transition: all 0.3s linear;
  903. }
  904.  
  905.  
  906. .tags a{
  907.     color:{color:tags};
  908. }
  909.  
  910. .tags a:hover{
  911.     color:{color:tags hover};
  912. }
  913.  
  914.  
  915.  
  916.  
  917.  
  918.  
  919.  
  920.  
  921.     /*QUOTES LINKS AND POST TITLES*/
  922.  
  923.  #quote {
  924.         font-family:muli;
  925.         {block:indexpage}
  926.             {block:if250pxposts}font-size:14px;{/block:if250pxposts}
  927.             {block:if400pxposts}font-size:22px;{/block:if400pxposts}
  928.             {block:if500pxposts}font-size:26px;{/block:if500pxposts}
  929.         {/block:indexpage}
  930.         {block:permalinkpage}
  931.             font-size:20px;
  932.         {/block:permalinkpage}
  933.     padding-left:20px;
  934.     padding-right:20px;
  935.     padding-top:7px;
  936.     line-height:100%;
  937.     text-align:justify;
  938. }
  939.  
  940.  
  941. #title {
  942.         font-family:muli;
  943.         {block:indexpage}
  944.             {block:if250pxposts}font-size:16px;{/block:if250pxposts}
  945.             {block:if400pxposts}font-size:26px;{/block:if400pxposts}
  946.             {block:if500pxposts}font-size:30px;{/block:if500pxposts}
  947.         {/block:indexpage}
  948.         {block:permalinkpage}
  949.             font-size:22px;
  950.         {/block:permalinkpage}
  951.     padding:3px;
  952.     line-height:100%;
  953. }
  954.  
  955.  
  956.  
  957.  
  958.  
  959.  
  960.     /*MUSIC POSTS*/
  961.  
  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:50px;
  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:-108px;
  990.     margin-left:101px;
  991.     padding-left:10px;
  992.     margin-bottom:50px;
  993. }
  994.  
  995. .infor{
  996.     border:solid 5px {color:permalink border};
  997.     padding:5px 10px 5px 10px;
  998. }
  999.  
  1000. #audiocaption{
  1001.     padding-left:10px;
  1002.     padding-right:10px;
  1003.     margin-top:-25px;
  1004. }
  1005.  
  1006. #albumart{
  1007.     height:100px;
  1008.     width:100px;
  1009.     background-image:url('https://lh3.googleusercontent.com/-ABbl71o4DHE/UZh6Xuh6QJI/AAAAAAAAEn8/j49R7fSCZHE/s200-no/Untitled-1.jpg');
  1010.     background-position:fixed;
  1011.     background-size:100px 100px;
  1012.     background-repeat:no-repeat;
  1013.     z-index:-1;
  1014.     margin-top:10px;
  1015.     -webkit-transition: all 0.5s linear;
  1016.     -moz-transition: all 0.5s linear;
  1017.     -o-transition: all 0.5s linear;
  1018. }
  1019.  
  1020.  
  1021.  
  1022.  
  1023.  
  1024.     /*ANSWER POSTS*/
  1025.  
  1026. #askz {
  1027.     padding:10px;
  1028.     line-height: 140%;
  1029.     {block:indexpage}
  1030.         {block:if250pxposts}width:210px;{/block:if250pxposts}
  1031.         {block:if400pxposts}width:360px;{/block:if400pxposts}
  1032.         {block:if500pxposts}width:460px;{/block:if500pxposts}
  1033.     {/block:indexpage}
  1034.     {block:permalinkpage}
  1035.         width:460px;
  1036.     {/block:permalinkpage}
  1037.     text-align:justify;
  1038.  
  1039.     border:solid 10px {color:permalink triangles};
  1040.  
  1041. }
  1042.  
  1043. #askz a:hover{
  1044.     color:{color:post};
  1045. }
  1046.  
  1047. .questiontriangle{
  1048.     position:absolute;
  1049.         width: 0;
  1050.         height: 0;
  1051.         border-top: 25px solid {color:permalink triangles};
  1052.         border-right: 25px solid transparent;
  1053.     {block:indexpage}
  1054.         {block:if250pxposts}margin-left:150px;{/block:if250pxposts}
  1055.         {block:if400pxposts}margin-left:280px;{/block:if400pxposts}
  1056.         {block:if500pxposts}margin-left:280px;{/block:if500pxposts}
  1057.     {/block:indexpage}
  1058.     {block:permalinkpage}margin-left:280px;{/block:permalinkpage}
  1059.         margin-top:20px;
  1060. }
  1061.  
  1062. .asker{
  1063.     margin-top:10px;
  1064.      {block:indexpage}
  1065.         {block:if250pxposts}width:160px;{/block:if250pxposts}
  1066.         {block:if400pxposts}width:290px;{/block:if400pxposts}
  1067.         {block:if500pxposts}width:290px;{/block:if500pxposts}
  1068.     {/block:indexpage}
  1069.     {block:permalinkpage}width:290px;{/block:permalinkpage}
  1070.     text-align:right;
  1071.     font-size:12px;
  1072. }
  1073.  
  1074. .asker a{
  1075.     border-bottom:none;
  1076.     color:{color:tags};
  1077. }
  1078.  
  1079.  
  1080. #answer {
  1081.     margin-top:-10px;
  1082.     padding:5px;
  1083.     {block:indexpage}
  1084.         {block:if250pxposts}
  1085.             margin-left:10px;
  1086.             width:220px;
  1087.         {/block:if250pxposts}
  1088.         {block:if400pxposts}
  1089.             margin-left:30px;
  1090.             width:330px;
  1091.         {/block:if400pxposts}
  1092.         {block:if500pxposts}
  1093.             margin-left:30px;
  1094.             width:430px;
  1095.         {/block:if500pxposts}
  1096.     {/block:indexpage}
  1097.     {block:permalinkpage}
  1098.         margin-left:30px;
  1099.         width:430px;
  1100.     {/block:permalinkpage}
  1101.     text-align:justify;
  1102. }
  1103.  
  1104. #answer img{
  1105.     max-width:100%;
  1106.     height:auto;
  1107. }
  1108.  
  1109.  
  1110.  
  1111.  
  1112.  
  1113.     /*CHAT POSTS*/
  1114.  
  1115.  
  1116. #chat ul{
  1117.     list-style:none;
  1118.     margin-left:-40px;
  1119. }
  1120.  
  1121. .chat .odd{
  1122.     padding:7px;
  1123.    
  1124. }
  1125.  
  1126. .chat .even{
  1127.     padding:7px;
  1128.     margin-left:10px;
  1129.     border-left:solid 20px {color:permalink border};
  1130. }
  1131.  
  1132.  
  1133.  
  1134.  
  1135. /*PAGINATION*/
  1136.  
  1137.  
  1138. #pagination {
  1139.     position:fixed;
  1140.     margin-left:20px;
  1141.     height:50px;
  1142.     width:400px;
  1143.     bottom:70px;
  1144.     text-align: center;
  1145.     font-size: 10px;
  1146.     -webkit-transition: all 0.3s ease-in-out;
  1147.     -moz-transition: all 0.3s ease-in-out;
  1148.     -o-transition: all 0.3s ease-in-out;
  1149. }
  1150.  
  1151. #pagination .jump_page{
  1152.     display:block;
  1153.     float:left;
  1154.     color:{color:pagination text};
  1155.     background-color:{color:pagination};
  1156.     padding:7px;
  1157.     height:10px;
  1158.     width:10px;
  1159.     margin:5px;
  1160.     padding-top:5px;
  1161.     text-align: center;
  1162.     -webkit-transition: all 0.3s ease-in-out;
  1163.     -moz-transition: all 0.3s ease-in-out;
  1164.     -o-transition: all 0.3s ease-in-out;
  1165. }
  1166.  
  1167. #pagination .jump_page:hover{
  1168.     color: {color:pagination};
  1169.     background-color:transparent;
  1170.     -webkit-transition: all 0.3s ease-in-out;
  1171.     -moz-transition: all 0.3s ease-in-out;
  1172.     -o-transition: all 0.3s ease-in-out;
  1173. }
  1174.  
  1175. #pagination .current_page{
  1176.     display:block;
  1177.     float:left;
  1178.     color: {color:pagination};
  1179.     background-color:transparent;
  1180.     padding:7px;
  1181.     padding-top:5px;
  1182.     height:10px;
  1183.     width:10px;
  1184.     margin:5px;
  1185. }
  1186.  
  1187. .forward{
  1188.     display:block;
  1189.     float:left;
  1190.         width: 0;
  1191.         height: 0;
  1192.         border-top: 25px solid {color:top corner};
  1193.         border-left: 25px solid transparent;
  1194.         margin-top:3px;
  1195.     transform: rotate(45deg);
  1196.     -ms-transform: rotate(45deg);
  1197.     -webkit-transform: rotate(45deg);
  1198.     -o-transform: rotate(45deg);
  1199.     -webkit-transition: all 0.3s ease-in-out;
  1200.     -moz-transition: all 0.3s ease-in-out;
  1201.     -o-transition: all 0.3s ease-in-out;
  1202. }
  1203.  
  1204. .forward:hover{
  1205.         border-top: 25px solid {color:title background};
  1206. }
  1207.  
  1208. .backward{
  1209.     display:block;
  1210.     float:left;
  1211.         width: 0;
  1212.         height: 0;
  1213.         border-top: 25px solid {color:top corner};
  1214.         border-right: 25px solid transparent;
  1215.         margin-top:5px;
  1216.     transform: rotate(-45deg);
  1217.     -ms-transform: rotate(-45deg);
  1218.     -webkit-transform: rotate(-45deg);
  1219.     -o-transform: rotate(-45deg);
  1220.     -webkit-transition: all 0.3s ease-in-out;
  1221.     -moz-transition: all 0.3s ease-in-out;
  1222.     -o-transition: all 0.3s ease-in-out;
  1223. }
  1224.  
  1225. .backward:hover{
  1226.         border-top: 25px solid {color:title background};
  1227. }
  1228.  
  1229.  
  1230. /*PERMALINK PAGE NTOES*/
  1231.  
  1232. ol.notes{
  1233.     position:absolute;
  1234.     max-width:500px;
  1235.     padding:0px;
  1236.     margin: 0px 15px;
  1237.     list-style-type:none;
  1238.     font-size:10 px;
  1239.     font-family:muli;
  1240.     color:{color:permalink text};
  1241.     -webkit-transition: all 0.3s linear;
  1242.     -moz-transition: all 0.3s linear;
  1243.     -o-transition: all 0.3s linear;
  1244. }
  1245.  
  1246. ol.notes li.note{
  1247.     padding:0px;
  1248. }
  1249.  
  1250. ol.notes li.note img{
  1251.     margin-top:7px;
  1252. }
  1253.  
  1254. ol.notes li.note img.avatar{
  1255.  
  1256.     margin-right:3px;
  1257.     width:16px;
  1258.     height:16px;
  1259. }
  1260.  
  1261. ol.notes li.note a img.avatar{
  1262.     padding:0px;
  1263.     border-width:0 px;
  1264.     border:none;
  1265. }
  1266.  
  1267. ol.notes li.note img{
  1268.     padding:0 px;
  1269.     border-width:0 px;
  1270.     border:none;
  1271. }
  1272.  
  1273. ol.notes li.note span.action{
  1274. }
  1275.  
  1276. ol.notes li.note.answer_content{
  1277.     font-weight:normal;
  1278. }
  1279.  
  1280. ol.notes li.note.blockquote{
  1281.     padding:1 px 1 px;margin:1px 0px 0px 1px;
  1282. }
  1283.  
  1284. ol.notes li.note.blockquote a{
  1285.     text-decoration:none;
  1286. }
  1287.  
  1288. ol.notes li.note a{
  1289.     color:{color:post links};
  1290.     padding-left:3px;
  1291.     padding-right:3px;
  1292. }
  1293.  
  1294. ol.notes li.note a:hover{
  1295.     background-color:{color:post link background};
  1296. }
  1297.  
  1298.  
  1299.  
  1300.  /*ETC*/
  1301.  
  1302. #credit{
  1303.     position:fixed;
  1304.     bottom:10px;
  1305.     right:10px;
  1306.     z-index:1;
  1307.     -webkit-transition: all 0.3s linear;
  1308.     -moz-transition: all 0.3s linear;
  1309.     -o-transition: all 0.3s linear;
  1310.     -ms-transition: all 0.3s linear;
  1311.         -webkit-filter: grayscale(100%);
  1312.       -moz-filter: grayscale(100%);
  1313.       -ms-filter: grayscale(100%);
  1314.       -o-filter: grayscale(100%);
  1315. }
  1316.  
  1317. #credit:hover{
  1318.    -webkit-filter: grayscale(0%);
  1319.   -moz-filter: grayscale(0%);
  1320.   -ms-filter: grayscale(0%);
  1321.   -o-filter: grayscale(0%);
  1322. }
  1323.    
  1324.  #s-m-t-tooltip{
  1325.   max-width:300px;
  1326.   z-index:999999;
  1327.   margin:24px 14px 7px 12px;
  1328.   padding:7px;
  1329.   background:{color:top corner};
  1330.   border-radius:0px;
  1331.   font-family:muli;
  1332.   font-size:9px;
  1333.   color:{color:description};
  1334. }
  1335.    
  1336.  
  1337. {CustomCSS}
  1338.    
  1339.  
  1340.    
  1341. </style>
  1342.  
  1343.  <script type="text/javascript">
  1344.      
  1345.      $(document).ready(function(){
  1346.          $('.more').click(function(){
  1347.              $('#customnav').fadeToggle("slow");
  1348.          });
  1349.          $('.bighover').mouseleave(function(){
  1350.              $('#customnav').fadeOut("fast");
  1351.          });
  1352.      });
  1353.      
  1354.  </script>
  1355.  
  1356.    
  1357. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  1358.    
  1359.    
  1360. </head><body>
  1361.  
  1362. <div class="bighover">
  1363.  
  1364. <div id="corner"></div>
  1365.  
  1366.     <!-- BEGIN SIDEBAR CODE -->
  1367.  
  1368. <div id="sidebarback">
  1369.  
  1370.         <!-- IMAGES -->
  1371.  
  1372.     <div class="topleft">
  1373.         <img src="{image:sidebar}">
  1374.     </div>
  1375.    
  1376.     <div class="topright">
  1377.         <img src="{image:sidebar}">
  1378.     </div>
  1379.    
  1380.     <div class="bottomleft">
  1381.         <img src="{image:sidebar}">
  1382.     </div>
  1383.    
  1384.     <div class="bottomright">
  1385.         <img src="{image:sidebar}">
  1386.     </div>
  1387.    
  1388.     <div class="bigimage">
  1389.         <div class="sidebartoptriangle"></div>
  1390.         <div class="sidebarbottomtriangle"></div>
  1391.         <img src="{image:sidebar}">
  1392.     </div>
  1393.    
  1394.         <!-- DESCRIPTION -->
  1395.        
  1396.     <div id="description">
  1397.         <div class="description">
  1398.             {description}
  1399.         </div>
  1400.     </div>
  1401.    
  1402.         <!-- CUSTOM NAVIGATION -->
  1403.     <div id="customnav">
  1404.         {block:iflink1}<a href="{text:link 1 url}" class="custom">{text:link 1}</a>{/block:iflink1}
  1405.         {block:iflink2}<a href="{text:link 2 url}" class="custom">{text:link 2}</a>{/block:iflink2}
  1406.         {block:iflink3}<a href="{text:link 3 url}" class="custom">{text:link 3}</a>{/block:iflink3}
  1407.         {block:iflink4}<a href="{text:link 4 url}" class="custom">{text:link 4}</a>{/block:iflink4}
  1408.         {block:iflink5}<a href="{text:link 5 url}" class="custom">{text:link 5}</a>{/block:iflink5}
  1409.     </div>
  1410.    
  1411. </div>
  1412.  
  1413.     <!-- END SIDEBAR CODE -->
  1414.    
  1415.     <!-- BEGIN NAVIGATION CODE -->
  1416.    
  1417.     <a href="/"><div class="home">
  1418.         i<br>n<br>d<br>e<br>x
  1419.     </div></a>
  1420.     <a href="/ask"><div class="ask">
  1421.         m<br>e<br>s<br>s<br>a<br>g<br>e
  1422.     </div></a>
  1423.     <a href="/archive"><div class="archive">
  1424.         p<br>a<br>s<br>t
  1425.     </div></a>
  1426.         {block:iflink1}
  1427.     <div class="more">
  1428.         m<br>o<br>r<br>e
  1429.     </div>
  1430.         {/block:iflink1}
  1431.     <!-- END NAVIGATION CODE -->
  1432.  
  1433.     <!-- BEGIN TITLE CODE -->
  1434.    
  1435.     <div id="main">{title}</div>
  1436.    
  1437.     <!-- BEGIN PAGINATION CODE -->
  1438.    
  1439.     {block:ifnotinfinitescroll}
  1440.     {block:pagination}<div id="pagination">
  1441.         {block:PreviousPage}
  1442.              <a href="{PreviousPage}" class="backward"></a>
  1443.         {/block:PreviousPage}
  1444.     {block:JumpPagination length="5"}
  1445.         {block:CurrentPage}
  1446.             <span class="current_page">{PageNumber}</span>
  1447.         {/block:CurrentPage}
  1448.         {block:JumpPage}
  1449.             <a class="jump_page" href="{URL}">{PageNumber}</a>
  1450.         {/block:JumpPage}
  1451.     {/block:JumpPagination}
  1452.         {block:NextPage}
  1453.             <a href="{NextPage}" class="forward"></a>
  1454.         {/block:NextPage}
  1455.     </div>{/block:pagination}
  1456. {/block:ifnotinfinitescroll}
  1457.  
  1458.     <!-- ENd PAGINATION CODE -->
  1459.    
  1460.     <!-- BEGIN MUSIC PLAYER CODE -->
  1461.    
  1462.      {block:ifmusicplayer}
  1463. <div id="playerback">
  1464.     <img src="http://static.tumblr.com/6kvh1bm/holmyp98x/tumblr_m7w2py1dep1r6o8v2.gif" class="playericon">
  1465.     <div id="playerplayer"><div class="playerplayer">
  1466.         {text:player code}
  1467.     </div></div>
  1468. </div>
  1469.   {/block:ifmusicplayer}
  1470.  
  1471.     <!-- END MUSIC PLAYER CODE -->
  1472.  
  1473. </div>
  1474.  
  1475.     <!-- END HOVER CONTAINER CODE -->
  1476.  
  1477.     {block:ifrightsideimage}<img src="{image:standalone}" id="standalone">{/block:ifrightsideimage}
  1478.    
  1479.    
  1480.    
  1481.    
  1482.    
  1483.     <!-- BEGIN POST CODE -->
  1484.  
  1485. <div id="postmargin">
  1486.     {block:ifinfinitescroll}<div class="autopagerize_page_element">{/block:ifinfinitescroll}
  1487.     {block:Posts}
  1488. <div class="posts">
  1489.  
  1490.  
  1491.         <!-- BEGIN TEXT POST CODE -->
  1492.  
  1493. {block:Text}
  1494.     <center>
  1495.         {block:Title}<div id="title">{Title}</div>{/block:Title}
  1496.     </center>
  1497.     {Body}
  1498. {/block:Text}
  1499.  
  1500.         <!-- END TEXT POST CODE -->
  1501.        
  1502.         <!-- BEGIN PHOTO POST CODE -->
  1503.  
  1504. {block:Photo}
  1505.     <center>
  1506.         <a href="/image/{PostID}"><img src="{PhotoURL-500}" width="500"></a>
  1507.     </center>
  1508.     {block:indexpage}
  1509.  {block:ifhiddendescriptions}<br>{/block:ifhiddendescriptions}  
  1510.         {block:ifnothiddendescriptions}
  1511.             {block:Caption}
  1512.                 {Caption}
  1513.             {/block:Caption}
  1514.         {/block:ifnothiddendescriptions}
  1515.     {/block:indexpage}
  1516.     {block:permalinkpage}
  1517.         {block:Caption}
  1518.             {Caption}
  1519.         {/block:Caption}
  1520.     {/block:permalinkpage}
  1521. {/block:Photo}
  1522.  
  1523.         <!-- END PHOTO POST CODE -->
  1524.        
  1525.         <!-- BEGIN PHOTOSET POST CODE -->
  1526.  
  1527. {block:Photoset}
  1528.     <center>
  1529.         {block:indexpage}
  1530.             {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  1531.             {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  1532.             {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1533.         {/block:indexpage}
  1534.         {block:permalinkpage}
  1535.             {Photoset-500}
  1536.         {/block:permalinkpage}
  1537.     </center>
  1538.     {block:indexpage}
  1539.  {block:ifhiddendescriptions}<br>{/block:ifhiddendescriptions}  
  1540.         {block:ifnothiddendescriptions}
  1541.             {block:Caption}
  1542.                 {Caption}
  1543.             {/block:Caption}
  1544.         {/block:ifnothiddendescriptions}
  1545.     {/block:indexpage}
  1546.     {block:permalinkpage}
  1547.         {block:Caption}
  1548.             {Caption}
  1549.         {/block:Caption}
  1550.     {/block:permalinkpage}
  1551. {/block:Photoset}
  1552.  
  1553.         <!-- END PHOTOSET POST CODE -->
  1554.        
  1555.         <!-- BEGIN QUOTE POST CODE -->
  1556.  
  1557. {block:Quote}
  1558.     <div id="quote">
  1559.        ❝ {Quote} ❞
  1560.     </div>
  1561.         <p align="right">
  1562.             {block:Source}
  1563.                 —{Source}
  1564.             {/block:Source}
  1565.         </p>
  1566. {/block:Quote}
  1567.  
  1568.         <!-- END QUOTE POST CODE -->
  1569.        
  1570.         <!-- BEGIN LINK POST CODE -->
  1571.  
  1572. {block:Link}
  1573.     <br>
  1574.     <div id="title" align="center">
  1575.         <a href="{URL}" {Target}>{Name}</a>
  1576.     </div>
  1577.     {block:Description}
  1578.         {Description}
  1579.     {/block:Description}
  1580. {/block:Link}
  1581.  
  1582.         <!-- END LINK POST CODE -->
  1583.        
  1584.         <!-- BEGIN CHAT POST CODE -->
  1585.  
  1586. {block:Chat}
  1587.     {block:Title}
  1588.     <div id="title" align="center">{Title}</div>
  1589.     {/block:Title}
  1590. <div id="chat">  
  1591.     <ul>{block:Lines}<div class="chat"><li class="{Alt}">
  1592.         {block:Label}
  1593.             <b>{Label}</b>
  1594.         {/block:Label}
  1595.         {Line}
  1596.         <br>
  1597.     </li></div>{/block:Lines}</ul>
  1598. </div>{/block:Chat}
  1599.  
  1600.         <!-- END CHAT POST CODE -->
  1601.        
  1602.         <!-- BEGIN AUDIO POST CODE -->
  1603.  
  1604. {block:Audio}
  1605.     {block:AudioPlayer}
  1606.     <div id="audioplayerback">
  1607.         {AudioPlayerWhite}
  1608.     </div>
  1609.     {/block:AudioPlayer}
  1610.     <div id="albumart">
  1611.         {block:AlbumArt}
  1612.             <img src="{AlbumArtURL}" width="100">
  1613.         {/block:AlbumArt}
  1614.     </div>
  1615.     <div id="musicinfo">
  1616.         <div class="infor"><b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  1617.         <br>
  1618.         <div class="infor"><b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</div>
  1619.         <br>
  1620.         <div class="infor"><b>Album:</b> {block:Album}{Album}{/block:Album}</div>
  1621.     </div>
  1622.     {block:caption}
  1623.         <div id="audiocaption">
  1624.             {caption}
  1625.         </div>
  1626.     {/block:caption}
  1627. {/block:Audio}
  1628.  
  1629.         <!-- END AUDIO POST CODE-->
  1630.        
  1631.         <!-- BEGIN VIDEO POST CODE -->
  1632.  
  1633. {block:Video}
  1634.     {block:indexpage}
  1635.         {block:if250pxposts}{Video-250}{/block:if250pxposts}
  1636.         {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1637.         {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1638.     {/block:indexpage}
  1639.     {block:permalinkpage}
  1640.         {Video-500}
  1641.     {/block:permalinkpage}
  1642.     {block:indexpage}
  1643.         {block:ifnothiddendescriptions}
  1644.             {block:Caption}
  1645.                 {Caption}
  1646.             {/block:Caption}
  1647.         {/block:ifnothiddendescriptions}
  1648.     {/block:indexpage}
  1649.     {block:permalinkpage}
  1650.         {block:Caption}
  1651.             {Caption}
  1652.         {/block:Caption}
  1653.     {/block:permalinkpage}
  1654. {/block:Video}
  1655.  
  1656.         <!-- END VIDEO POST CODE -->
  1657.        
  1658.         <!-- BEGIN ANSWER POST CODE -->
  1659.  
  1660. {block:Answer}
  1661.     <div id="askz">
  1662.         <div class="question">❝ {Question} ❞</div>
  1663.         <div class="questiontriangle"></div>
  1664.     </div>
  1665.     <div class="asker">{Asker}</div>
  1666.     <div id="answer">
  1667.         {Answer}
  1668.     </div>
  1669. {/block:Answer}
  1670.  
  1671.         <!-- END ANSWER POST CODE -->
  1672.  
  1673. </div>
  1674.  
  1675.  
  1676.  <!-- BEGIN PERMALINK CODE -->
  1677.      {block:Date}
  1678.      
  1679. <div class="permalinkdoubleback">
  1680.     <div class="permatoptriangle"></div>
  1681.    
  1682.     <div class="permalinkback">
  1683.    
  1684.    
  1685.         {block:ifnot250pxposts}
  1686.             <div class="date"><a href="{Permalink}">
  1687.                 [ posted {TimeAgo} on {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel} ]
  1688.             </a></div>
  1689.         {/block:ifnot250pxposts}
  1690.        
  1691.         {block:if250pxposts}
  1692.             <div class="date"><a href="{Permalink}">
  1693.                 [ posted on {ShortMonth} {DayOfMonth}, {ShortYear} with {NoteCountWithLabel} ]
  1694.             </a></div>
  1695.         {/block:if250pxposts}
  1696.          
  1697.             {block:HasTags}
  1698.             <div class="tags">
  1699.         {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}
  1700.             </div>
  1701.             {/block:HasTags}
  1702.        
  1703.     </div>
  1704.    
  1705.     <div class="permabottomtriangle"></div>
  1706. </div>
  1707.  
  1708.     {/block:Date}
  1709.    
  1710.  <!-- END PERMALINK CODE-->
  1711.      
  1712.  
  1713.  <!-- END INDIVIDUAL POST CODE-->
  1714.  
  1715.  <!-- BEGIN PERMALINK PAGE NOTES CODE -->
  1716.  
  1717.     {block:PostNotes}
  1718.         <div class="notes">
  1719.         <a name="notes">
  1720.         {PostNotes}
  1721.         </a>
  1722.         </div>
  1723.     {/block:PostNotes}
  1724.  
  1725.  <!-- ENG PERMALIKN PAGE NOTES CODE -->
  1726.  
  1727.  
  1728. {/block:Posts}</div></div>
  1729.  
  1730. <!-- END ALL POST CODE -->
  1731.  
  1732. <!-- CREDIT -->
  1733.  
  1734. <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>
  1735.  
  1736.  
  1737.  
  1738. </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!