API tools faq
paste
darianella

"Flames of the Dying" tumblr theme HTML code

darianella
Dec 9th, 2012
4,708
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 41.67 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.  
  6. 'sup guys
  7.  
  8. POSTS:
  9.    - one, two, three 250px posts
  10.        OR
  11.    - one, two 400px posts
  12.    - optional monochrome images
  13.    - show/hide descriptions
  14.    - optional rounded post corners
  15.    - optional rounded permalink corners
  16.    - optional permalink borders
  17.  
  18. SIDEBAR
  19.    - six custom links
  20.    - two sidebar options
  21.    - optional music player
  22.    - endless description
  23.    - one/two sidebar images
  24.    
  25. MISC
  26.    - optional infinite scroll
  27.    - two title styles
  28.    - optional standalone image
  29.    - customizable highlight coloring
  30.    
  31. STUFF
  32.    - please don't steal or claim as your own
  33.    - please don't remove the theme credit
  34.    - please come say hello
  35.    
  36. Darian
  37.    
  38. -->
  39.  
  40. <head><title>{Title}</title>
  41.  
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44.  
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46.  
  47.     <meta name="color:title" content="#000000" />
  48.     <meta name="color:background" content="" />
  49.     <meta name="color:scrollbar" content="#ac5316" />
  50.     <meta name="color:post" content="#ffffff" />
  51.     <meta name="color:text" content="#2b2929" />
  52.     <meta name="color:links" content="#5a9cd3" />
  53.     <meta name="color:bold" content="#000000" />
  54.     <meta name="color:italic" content="#bb3509" />
  55.     <meta name="color:description" content="#332c2c" />
  56.     <meta name="color:descriptionback" content="#fdfafa" />
  57.     <meta name="color:descriptionborder" content="#ffffff" />
  58.     <meta name="color:tags" content="#d6d5d5" />
  59.     <meta name="color:pagination" content="#050505" />
  60.     <meta name="color:quote" content="#000000" />
  61.     <meta name="color:question" content="#000000" />
  62.     <meta name="color:dateborders" content="#ffffff" />
  63.     <meta name="color:tagborders" content="#ffffff" />
  64.     <meta name="color:custom" content="#fdf8f8" />
  65.     <meta name="color:date" content="#ffffff" />
  66.     <meta name="color:datelinks" content="#5fa9ce" />
  67.     <meta name="color:navlinks" content="#0a0303" />
  68.     <meta name="color:customhover" content="#a5a4a4" />
  69.     <meta name="color:navigation" content="#faa373" />
  70.     <meta name="color:sidebar" content="#ffffff" />
  71.     <meta name="color:navhover" content="#b84b17" />
  72.     <meta name="color:hover" content="#ffffff" />
  73.     <meta name="color:sideimageborder" content="#ffffff" />
  74.     <meta name="color:musicplayer" content="#c0c0c0" />
  75.     <meta name="color:selection" content="#f19b71" />
  76.     <meta name="color:selectiontext" content="#ffffff" />
  77.    
  78.      <meta name="image:background" content="https://lh5.googleusercontent.com/--xHXF0AZSBw/UMQfv0xxPMI/AAAAAAAACqU/VgVvKa1U4Bw/s200/debut_light.png"/>
  79.      <meta name="image:sidebarback" content="https://lh6.googleusercontent.com/-9J_ynnlY2sw/UMQfwJSNFsI/AAAAAAAACqY/_paq1IKNNpk/s400/tumblr_ls0w5txuft1r3vazto1_400.png"/>
  80.      <meta name="image:descriptionback" content="https://lh5.googleusercontent.com/-9D1CKOKPSOw/UMQfv6bVeLI/AAAAAAAACqQ/z0dC650_mfU/s100/crazykira-resources_34%2520%252801%2529.jpg"/>
  81.      <meta name="image:sidebar" content="https://lh4.googleusercontent.com/-CaP0fBLpjp0/UMQn_7B0PmI/AAAAAAAACqw/dBFhv1ybCmk/s703/tumblr_me7drgYHRh1rtfkvjo1_1280.jpg"/>
  82.      <meta name="image:sidebar2" content="https://lh4.googleusercontent.com/-FIkcm7u6HM4/UMQoBAenl-I/AAAAAAAACq4/uinroaOgj0s/s500/tumblr_meqz4iC3rD1qeex81o1_500.gif"/>
  83.      <meta name="image:standalone" content="https://lh5.googleusercontent.com/-M6mA551AjV0/UMQoHKlc9SI/AAAAAAAACrA/iJY73c1NMQY/s512/Katekyo_Hitman_Reborn_001.png"/>
  84.          
  85.      
  86.      <meta name="if:Show Descriptions" content="0">
  87.     <meta name="if:Monochrome Posts" content="1">
  88.     <meta name="if:Small Posts" content="1">
  89.     <meta name="if:Post Shadow" content="1">
  90.     <meta name="if:Rounded Posts" content="0">
  91.      <meta name="if:Rounded Permalink" content="0">
  92.      <meta name="if:Permalink Border" content="1">
  93.     <meta name="if:Infinite Scroll" content="0">
  94.     <meta name="if:3D Title" content="1">
  95.     <meta name="if:One Column" content="1">
  96.     <meta name="if:Two Small Columns" content="0">
  97.     <meta name="if:Three Small Two Large Columns" content="0">
  98.     <meta name="if:Sidebar Shadow" content="1">
  99.     <meta name="if:SideImage" content="1">
  100.     <meta name="if:Small Hidden Desc" content="0">
  101.     <meta name="if:Player" content="1">
  102.    
  103.    
  104.     <meta name="text:Link1" content="" />
  105.     <meta name="text:Link1URL" content="/"/>
  106.     <meta name="text:Link2" content="" />
  107.     <meta name="text:Link2URL" content="/"/>
  108.     <meta name="text:Link3" content="" />
  109.     <meta name="text:Link3URL" content="/"/>
  110.     <meta name="text:Link4" content="" />
  111.     <meta name="text:Link4URL" content="/"/>
  112.     <meta name="text:Link5" content="" />
  113.     <meta name="text:Link5URL" content="/"/>
  114.     <meta name="text:Link6" content="" />
  115.     <meta name="text:Link6URL" content="/"/>
  116.     <meta name="text:PlayerCode" content="/"/>
  117.    
  118. <style type="text/css">
  119.  
  120. ::-webkit-scrollbar {
  121.     width: 4px;
  122.     height: 4px;
  123. }
  124.  
  125. ::-webkit-scrollbar-thumb {
  126.     background: {color:scrollbar};
  127. }
  128.  
  129.  
  130. @font-face {
  131. font-family: "tinytots";
  132. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  133. }
  134.  
  135.   @font-face{
  136.             font-family: "eurof35";
  137.             src: url('http://fontsforweb.com/public/fonts/469/eurof35.eot');
  138.             src: local("eurofurence light"), url('http://fontsforweb.com/public/fonts/469/eurof35.ttf') format("truetype");
  139.         }
  140.         .fontsforweb_fontid_469 {
  141.             font-family: "eurof35";
  142.         }
  143.  
  144. iframe{
  145.     opacity: 0.9;
  146.     filter:alpha(opacity=90);
  147.     -moz-opacity: 0.9;
  148.     -khtml-opacity: 0.9;
  149. }
  150.  
  151. iframe#tumblr_controls {
  152.     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;}
  153.  
  154. 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;}
  155.  
  156.  
  157.  
  158. /*basic derps*/
  159.  
  160. body{
  161.     margin-top:0;
  162.     font-family:"tinytots";
  163.     color:{color:text};
  164.     font-size:8px;
  165.     line-height:100%;
  166.     background-image:url('{image:background}');
  167.     background-attachment: fixed;
  168.     background-repeat: repeat;
  169.     background-color: {color:background};
  170. }
  171.  
  172. a{
  173.     text-decoration:none;
  174.     outline:none;
  175.     -moz-outline-style:none;
  176.     color:{color:navlinks};
  177.     -webkit-transition: all 0.5s linear;
  178.     -moz-transition: all 0.5s linear;
  179.     -o-transition: all 0.5s linear;
  180. }
  181.  
  182.  
  183. .posts a{
  184.     text-decoration:none;
  185.     outline:none;
  186.     -moz-outline-style:none;
  187.     color:{color:links};
  188.     -webkit-transition: all 0.3s linear;
  189.     -moz-transition: all 0.3s linear;
  190.     -o-transition: all 0.3s linear;
  191. }
  192.  
  193. .posts a:hover{
  194.     color:{color:hover};
  195.     text-shadow: 0px 0px 3px #888888;
  196. }
  197.  
  198. .pagination a{
  199.     color:{color:pagination};
  200. }
  201.  
  202. .pagination a:hover{
  203.     font-weight:bold;
  204.     color:{color:hover};
  205.     text-shadow: 0px 0px 10px #888888;
  206. }
  207.  
  208. #date a{
  209.     color:{color:datelinks};
  210. }
  211.  
  212. #notes a{
  213.     color:{color:datelinks};
  214. }
  215.  
  216. #date a:hover{
  217.     color:{color:hover};
  218. }
  219.  
  220. #notes a:hover{
  221.     color:{color:hover};
  222. }
  223.  
  224. em{
  225.     color:{color:italic};
  226. }
  227.  
  228. strong{
  229.     color:{color:bold};
  230. }
  231.  
  232. img{
  233.     border:none;
  234. }
  235.  
  236. blockquote{
  237.     padding-left:5px;
  238. }
  239.  
  240. blockquote blockquote{
  241.     padding-left:5px;
  242.     border-left:1px dashed #C7C7C7;
  243. }
  244.  
  245. pre{
  246.     font-size:8px;
  247.     {block:ifsmallposts}max-width:380px;{/block:ifsmallposts}
  248.     {block:ifnotsmallposts}max-width:480px;{/block:ifnotsmallposts}
  249.     overflow:auto;
  250.     background-color:#bcbbbb;
  251.     padding:5px;
  252. }
  253. pre::-webkit-scrollbar {
  254.     width: 2px;
  255.     height: 2px;
  256. }
  257.  
  258. pre::-webkit-scrollbar-thumb {
  259.     background: {color:scrollbar};
  260. }
  261.  
  262. ::selection {
  263. background:{color:selection};
  264. color: {color:selectiontext};
  265. }
  266.  
  267. ::-moz-selection {
  268. background: {color:selection};
  269. color: {color:selectiontext};
  270. }
  271.  
  272. ::-webkit-selection {
  273. background: {color:selection};
  274. color: {color:selectiontext};
  275. }
  276.  
  277. /*sidebar*/
  278.  
  279. #sidebar{
  280.     position:fixed;
  281.     {block:ifsmallposts}
  282.    
  283.     {block:ifonecolumn}{block:indexpage}margin-left:500px;{/block:indexpage}{/block:ifonecolumn}
  284.     {block:iftwosmallcolumns}{block:indexpage}margin-left:700px;{/block:indexpage}{/block:iftwosmallcolumns}
  285.     {block:ifthreesmalltwolargecolumns}{block:indexpage}margin-left:970px;{/block:indexpage}{/block:ifthreesmalltwolargecolumns}
  286.    
  287.     {/block:ifsmallposts}
  288.    
  289.     {block:ifnotsmallposts}
  290.    
  291.     {block:ifthreesmalltwolargecolumns}{block:indexpage}margin-left:965px;{/block:indexpage}{/block:ifthreesmalltwolargecolumns}
  292.    
  293.     {block:ifonecolumn}{block:indexpage}margin-left:590px;{/block:indexpage}{/block:ifonecolumn}
  294.    
  295.     {/block:ifnotsmallposts}
  296.        
  297.     {block:permalinkpage}margin-left:580px;{/block:permalinkpage}
  298.     top:0;
  299.     height:100%;
  300.     width:50px;
  301.     background-color:{color:sidebar};
  302.     background-image:url('{image:sidebarback}');
  303.     background-attachment: fixed;
  304.     background-repeat: repeat;
  305.     {block:ifsidebarshadow}box-shadow: 0px 0px 5px #888888;{/block:ifsidebarshadow}
  306.     -webkit-transition: all 0.5s ease-out;
  307.     -moz-transition: all 0.5s ease-out;
  308.     -o-transition: all 0.5s ease-out;
  309.     z-index:1;
  310. }
  311.  
  312. #main{
  313.     position:fixed;
  314.     min-width:200px;
  315.     font-family: "eurof35";
  316.     color:{color:title};
  317.        
  318.     {block:ifnotsmallhiddendesc}
  319.         margin-top:20px;
  320.         font-size:30px;
  321.         {block:if3dtitle}text-shadow:2px 0 0 rgba(255,0,0,0.2), -2px 0 0 rgba(0,255,0,0.2);{/block:if3dtitle}
  322.     {/block:ifnotsmallhiddendesc}
  323.    
  324.     {block:ifsmallhiddendesc}
  325.         margin-top:35px;
  326.         font-size:40px;
  327.         {block:if3dtitle}text-shadow:3px 0 0 rgba(255,0,0,0.2), -3px 0 0 rgba(0,255,0,0.2);{/block:if3dtitle}
  328.     {/block:ifsmallhiddendesc}
  329.    
  330.     {block:ifsmallposts}
  331.     {block:ifonecolumn}margin-left:600px;{/block:ifonecolumn}
  332.     {block:iftwosmallcolumns}margin-left:800px;{/block:iftwosmallcolumns}
  333.     {block:ifthreesmalltwolargecolumns}margin-left:1100px;{/block:ifthreesmalltwolargecolumns}
  334.    
  335.     {block:permalinkpage}margin-left:700px;{/block:permalinkpage}
  336.         {/block:ifsmallposts}
  337.        
  338.         {block:ifnotsmallposts}
  339.     {block:ifonecolumn}margin-left:700px;{/block:ifonecolumn}
  340.     {block:ifthreesmalltwolargecolumns}margin-left:1100px;{/block:ifthreesmalltwolargecolumns}
  341.    
  342.     {block:permalinkpage}margin-left:700px;{/block:permalinkpage}
  343.         {/block:ifnotsmallposts}
  344.        
  345. }    
  346.  
  347. /*small hidden sidebarimage*/
  348.  
  349. #sidebarimage{
  350.     position:fixed;
  351.     margin-top:100px;
  352.     margin-left:-15px;
  353.     height:110px;
  354.     width:160px;
  355.     opacity:0.9;
  356.     background-color:{color:descriptionborder};
  357.     -webkit-transition: all 0.7s ease-in-out;
  358.     -moz-transition: all 0.7s ease-in-out;
  359.     -o-transition: all 0.7s ease-in-out;
  360.     {block:ifsidebarshadow}box-shadow: 0px 0px 5px #888888;{/block:ifsidebarshadow}
  361. }
  362.  
  363. #sidebarimage:hover{
  364.     width:270px;
  365.     margin-left:-40px;
  366. }
  367.  
  368.  
  369. #left{
  370.     float:left;
  371.     overflow:hidden;
  372.     width:75px;
  373.     height:100px;
  374.     padding:5px 0px 2px 5px;
  375.     -webkit-transition: all 0.7s ease-in-out;
  376.     -moz-transition: all 0.7s ease-in-out;
  377.     -o-transition: all 0.7s ease-in-out;
  378.    
  379. }
  380.  
  381. #right{
  382.     overflow:hidden;
  383.     float:right;
  384.     width:75px;
  385.     height:100px;
  386.     padding:5px 5px 2px 0px;
  387.    
  388. }
  389.  
  390. #desc{
  391.     float:left;
  392.     color:{color:Description};
  393.     text-align:justify;
  394.     font-size:8px;
  395.     width:0px;
  396.     height:90px;
  397.     padding-top:5px;
  398.     padding-bottom:5px;
  399.     opacity:0;
  400.      margin-top:5px;
  401.      background-color:{color:descriptionback};
  402.       background-image:url('{image:descriptionback}');
  403.     background-attachment: fixed;
  404.     background-repeat: repeat;
  405.      overflow:auto;
  406.     -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  407. }
  408.  
  409. #sidebarimage:hover #desc{
  410.     width:90px;
  411.     opacity:0.9;
  412.     padding-right:10px;
  413.     padding-left:10px;
  414.    
  415. }
  416.  
  417. #desc::-webkit-scrollbar {
  418.     width: 2px;
  419.     height:0px;
  420. }
  421.  
  422. #desc::-webkit-scrollbar-thumb {
  423.     background: {color:scrollbar};
  424. }
  425.  
  426. /*larger sidebar description*/
  427.  
  428. #desc2back{
  429.     position:fixed;
  430.     margin-top:310px;
  431.     margin-left:-10px;
  432.     width:150px;
  433.     height:100px;
  434.      border:7px solid {color:descriptionborder};
  435.      background-image:url('{image:descriptionback}');
  436.     background-attachment: fixed;
  437.     background-repeat: repeat;
  438.     {block:ifsidebarshadow}box-shadow: 0px 0px 5px #888888;{/block:ifsidebarshadow}
  439.     -webkit-transition: all 0.5s ease-out;
  440.     -moz-transition: all 0.5s ease-out;
  441.     -o-transition: all 0.5s ease-out;
  442.     z-index:1;
  443. }
  444.  
  445. #desc2{
  446.     position:fixed;
  447.     color:{color:Description};
  448.     text-align:justify;
  449.     font-size:8px;
  450.     width:140px;
  451.     height:90px;
  452.     padding:5px;
  453.     opacity:0.7;
  454.      background-color:{color:descriptionback};
  455.      overflow:auto;
  456.      {block:ifsidebarshadow}box-shadow: 0px 0px 5px #888888;{/block:ifsidebarshadow}
  457. }
  458.  
  459. #desc2::-webkit-scrollbar {
  460.     width: 2px;
  461.     height:0px;
  462. }
  463.  
  464. #desc2::-webkit-scrollbar-thumb {
  465.     background: {color:scrollbar};
  466. }
  467.  
  468. #sidebarimgback{
  469.     position:fixed;
  470.     margin-top:430px;
  471.     margin-left:-20px;
  472.     width:164px;
  473.     height:114px;
  474.     background-color:{color:sideimageborder};
  475.     {block:ifsidebarshadow}box-shadow: 0px 0px 7px #888888;{/block:ifsidebarshadow}
  476. }
  477.    
  478.  
  479. #sidebarimage2{
  480.     position:fixed;
  481.     margin-top:7px;
  482.     margin-left:7px;
  483.     width:150px;
  484.     height:100px;
  485.        {block:ifsidebarshadow}box-shadow: 0px 0px 5px #888888;{/block:ifsidebarshadow}
  486.     -webkit-transition: all 0.5s ease-out;
  487.     -moz-transition: all 0.5s ease-out;
  488.     -o-transition: all 0.5s ease-out;
  489. }
  490.  
  491. #sidebarimage2hover{
  492.     position:fixed;
  493.     margin-top:7px;
  494.     margin-left:7px;
  495.     width:150px;
  496.     height:100px;
  497.      z-index:1;
  498.      -webkit-transition: all 0.7s ease-out;
  499.     -moz-transition: all 0.7s ease-out;
  500.     -o-transition: all 0.7s ease-out;
  501. }    
  502.  
  503. #sidebarimgback:hover #sidebarimage2hover{
  504.     opacity:0;
  505. }
  506.  
  507. #playerback{
  508.     position:fixed;
  509.    
  510.     {block:ifnotsmallhiddendesc}
  511.     margin-top:42px;
  512.     margin-left:70px;
  513.     opacity:0;
  514.     {/block:ifnotsmallhiddendesc}
  515.    
  516.     {block:ifsmallhiddendesc}
  517.     margin-top:540px;
  518.     margin-left:15px;
  519.     opacity:1;
  520.     {/block:ifsmallhiddendesc}
  521.    
  522.     height:15px;
  523.     width:17px;
  524.     padding-left:3px;
  525.     padding-top:5px;
  526.     background-color:{color:musicplayer};
  527.    
  528.     z-index:999;
  529.     -webkit-transition: all 0.7s ease-out;
  530.     -moz-transition: all 0.7s ease-out;
  531.     -o-transition: all 0.7s ease-out;
  532. }
  533.  
  534. #sidebarimgback:hover #playerback{
  535.     {block:ifnotsmallhiddendesc}opacity:0.5;{/block:ifnotsmallhiddendesc}
  536. }
  537.  
  538. #sidebarimgback:hover #playerback:hover{
  539.     {block:ifnotsmallhiddendesc}opacity:0.8;
  540.     margin-top:32px;{/block:ifnotsmallhiddendesc}
  541. }
  542.    
  543. #playerplayer{
  544.     position:fixed;
  545.     opacity:0;
  546.     background-color:{color:musicplayer};
  547.     width:55px;
  548.     padding-left:5px;
  549.     height:13px;
  550.     padding-top:2px;
  551.     margin-left:-23px;
  552.     z-index:999;
  553.     -webkit-transition: all 0.7s ease-out;
  554.     -moz-transition: all 0.7s ease-out;
  555.     -o-transition: all 0.7s ease-out;
  556.     overflow:hidden;
  557. }
  558.  
  559. #playerback:hover #playerplayer{
  560.     opacity:1;
  561.     margin-top:15px;
  562. }
  563.  
  564.        
  565.  
  566. /*navigation*/
  567.  
  568. #nav{
  569.     position:fixed;
  570.    
  571.    {block:ifsmallhiddendesc}margin-top:300px;{/block:ifsmallhiddendesc}
  572.    {block:ifnotsmallhiddendesc}margin-top:115px;{/block:ifnotsmallhiddendesc}
  573.    
  574.     width:100px;
  575.     {block:ifsmallposts}
  576.    
  577.     {block:ifonecolumn}{block:indexpage}margin-left:495px;{/block:indexpage}{/block:ifonecolumn}
  578.     {block:iftwosmallcolumns}{block:indexpage}margin-left:695px;{/block:indexpage}{/block:iftwosmallcolumns}
  579.     {block:ifthreesmalltwolargecolumns}{block:indexpage}margin-left:965px;{/block:indexpage}{/block:ifthreesmalltwolargecolumns}
  580.    
  581.     {/block:ifsmallposts}
  582.    
  583.     {block:ifnotsmallposts}
  584.    
  585.     {block:ifthreesmalltwolargecolumns}{block:indexpage}margin-left:960px;{/block:indexpage}{/block:ifthreesmalltwolargecolumns}
  586.    
  587.     {block:ifonecolumn}{block:indexpage}margin-left:585px;{/block:indexpage}{/block:ifonecolumn}
  588.    
  589.     {/block:ifnotsmallposts}
  590.    
  591.    
  592.     {block:permalinkpage}margin-left:575px;{/block:permalinkpage}
  593. }
  594.  
  595. .nav{
  596.     display:block;
  597.     float:left;
  598.     margin-top:5px;
  599.     width:100px;
  600.     height:12px;
  601.     padding-right:3px;
  602.     padding-top:3px;
  603.     background-color:{color:navigation};
  604.     {block:ifsidebarshadow}box-shadow: 0px 0px 5px #888888;{/block:ifsidebarshadow}
  605.     -webkit-transition: all 0.5s ease-out;
  606.     -moz-transition: all 0.5s ease-out;
  607.     -o-transition: all 0.5s ease-out;
  608.    
  609.     text-align:right;
  610. }
  611.  
  612. .nav:hover{
  613.     border-radius:3px;
  614.     {block:ifsidebarshadow}box-shadow: 0px 0px 3px #888888;{/block:ifsidebarshadow}
  615.     width:125px;
  616.     margin-left:-5px;
  617.     background-color:{color:navhover};
  618. }
  619.  
  620. #custom1{
  621.     position:fixed;
  622.    
  623.     {block:ifsmallhiddendesc}
  624.     {block:iflink3}margin-top:235px;{/block:iflink3}
  625.     {block:ifnotlink3}
  626.     {block:iflink2}margin-top:255px;{/block:iflink2}
  627.     {block:ifnotlink2}margin-top:275px;{/block:ifnotlink2}
  628.     {block:ifnotlink3}
  629.     {/block:ifsmallhiddendesc}
  630.    
  631.     {block:ifnotsmallhiddendesc}
  632.     {block:iflink3}margin-top:50px;{/block:iflink3}
  633.     {block:ifnotlink3}
  634.     {block:iflink2}margin-top:70px;{/block:iflink2}
  635.     {block:ifnotlink2}margin-top:90px;{/block:ifnotlink2}
  636.     {block:ifnotlink3}
  637.     {/block:ifnotsmallhiddendesc}
  638.    
  639.     width:100px;
  640.     {block:ifsmallposts}
  641.    
  642.     {block:ifonecolumn}{block:indexpage}margin-left:495px;{/block:indexpage}{/block:ifonecolumn}
  643.     {block:iftwosmallcolumns}{block:indexpage}margin-left:695px;{/block:indexpage}{/block:iftwosmallcolumns}
  644.     {block:ifthreesmalltwolargecolumns}{block:indexpage}margin-left:965px;{/block:indexpage}{/block:ifthreesmalltwolargecolumns}
  645.    
  646.     {/block:ifsmallposts}
  647.    
  648.     {block:ifnotsmallposts}
  649.    
  650.     {block:ifthreesmalltwolargecolumns}{block:indexpage}margin-left:960px;{/block:indexpage}{/block:ifthreesmalltwolargecolumns}
  651.    
  652.     {block:ifonecolumn}{block:indexpage}margin-left:585px;{/block:indexpage}{/block:ifonecolumn}
  653.    
  654.     {/block:ifnotsmallposts}
  655.    
  656.    
  657.     {block:permalinkpage}margin-left:575px;{/block:permalinkpage}
  658. }
  659.  
  660. #custom2{
  661.     position:fixed;
  662.     width:100px;
  663.    
  664.     {block:ifsmallhiddendesc}margin-top:385px;{/block:ifsmallhiddendesc}
  665.     {block:ifnotsmallhiddendesc}margin-top:200px;{/block:ifnotsmallhiddendesc}
  666.    
  667.     {block:ifsmallposts}
  668.    
  669.     {block:ifonecolumn}{block:indexpage}margin-left:495px;{/block:indexpage}{/block:ifonecolumn}
  670.     {block:iftwosmallcolumns}{block:indexpage}margin-left:695px;{/block:indexpage}{/block:iftwosmallcolumns}
  671.     {block:ifthreesmalltwolargecolumns}{block:indexpage}margin-left:965px;{/block:indexpage}{/block:ifthreesmalltwolargecolumns}
  672.    
  673.     {/block:ifsmallposts}
  674.    
  675.     {block:ifnotsmallposts}
  676.    
  677.     {block:ifthreesmalltwolargecolumns}{block:indexpage}margin-left:960px;{/block:indexpage}{/block:ifthreesmalltwolargecolumns}
  678.    
  679.     {block:ifonecolumn}{block:indexpage}margin-left:585px;{/block:indexpage}{/block:ifonecolumn}
  680.    
  681.     {/block:ifnotsmallposts}
  682.    
  683.    
  684.     {block:permalinkpage}margin-left:575px;{/block:permalinkpage}
  685. }
  686.  
  687. .custom{
  688.     display:block;
  689.     float:left;
  690.     margin-top:5px;
  691.     width:100px;
  692.     height:12px;
  693.     padding-right:3px;
  694.     padding-top:3px;
  695.     background-color:{color:custom};
  696.     {block:ifsidebarshadow}box-shadow: 0px 0px 5px #888888;{/block:ifsidebarshadow}
  697.     -webkit-transition: all 0.5s ease-out;
  698.     -moz-transition: all 0.5s ease-out;
  699.     -o-transition: all 0.5s ease-out;
  700.    
  701.     text-align:right;
  702. }
  703.  
  704. .custom:hover{
  705.     border-radius:3px;
  706.     {block:ifsidebarshadow}box-shadow: 0px 0px 3px #888888;{/block:ifsidebarshadow}
  707.     width:125px;
  708.     margin-left:-5px;
  709.     background-color:{color:customhover};
  710. }
  711.  
  712. /*standalone image*/
  713.  
  714. #sideimage{
  715.     {block:ifnotsideimage}display:none;{/block:ifnotsideimage}
  716.     {block:ifsideimage}position:fixed;
  717.    
  718.     {block:ifonecolumn}max-width:500px;
  719.     max-height:1000px;
  720.     margin-left:700px;{/block:ifonecolumn}
  721.     {block:iftwosmallcolumns}max-width:400px;
  722.     max-height:800px;
  723.     margin-left:850px;{/block:iftwosmallcolumns}
  724.     {block:ifthreesmalltwolargecolumns}max-width:300px;
  725.     max-height:600px;
  726.     margin-left:1100px;{/block:ifthreesmalltwolargecolumns}
  727.    
  728.     bottom:0;{/block:ifsideimage}
  729.    
  730.     z-index:-999;
  731. }
  732.  
  733.  
  734. /*posts*/
  735.  
  736. #postmargin{
  737.     margin-top:10px;
  738.     {block:ifonecolumn}width:425px;
  739.      margin-left:80px;{/block:ifonecolumn}
  740.     {block:iftwosmallcolumns}width:580px;
  741.      margin-left:65px;{/block:iftwosmallcolumns}
  742.     {block:ifthreesmalltwolargecolumns}width:900px;
  743.      margin-left:50px;{/block:ifthreesmalltwolargecolumns}
  744.      {block:permalinkpage}margin-left:65px;{/block:permalinkpage}
  745.    z-index:9999;
  746. }
  747.  
  748. .posts{
  749.     {block:ifsmallposts}{block:indexpage}width:250px;{/block:indexpage}
  750.     {block:permalinkpage}width:400px;{/block:permalinkpage}{/block:ifsmallposts}
  751.     {block:ifnotsmallposts}width:400px;{/block:ifnotsmallposts}
  752.     padding:10px;
  753.     margin-bottom:10px;
  754.     margin-right:10px;
  755.     background-color:{color:post};
  756.     opacity:0.9;
  757.     -webkit-transition: all 0.5s linear;
  758.     -moz-transition: all 0.5s linear;
  759.     -o-transition: all 0.5s linear;
  760.     {block:ifroundedposts}border-radius:15px;{/block:ifroundedposts}
  761.     {block:ifpostshadow}box-shadow: 0px 0px 5px #888888;{/block:ifpostshadow}
  762. }
  763.  
  764. .posts:hover{
  765.     opacity:1;
  766.     {block:ifsmallposts}
  767.     {block:indexpage}margin-left:55px;{/block:indexpage}
  768.     {/block:ifsmallposts}
  769.    
  770. }
  771.  
  772. .posts img{
  773.     border:none;
  774.     max-width:100%;
  775.     -webkit-transition: all 0.5s linear;
  776.     -moz-transition: all 0.5s linear;
  777.     -o-transition: all 0.5s linear;
  778.     {block:ifpostshadow}box-shadow: 0px 0px 5px #888888;{/block:ifpostshadow}
  779.     {block:ifroundedposts}border-radius:10px;{/block:ifroundedposts}
  780. }
  781.  
  782. .posts iframe{
  783.     -webkit-transition: all 0.5s linear;
  784.     -moz-transition: all 0.5s linear;
  785.     -o-transition: all 0.5s linear;
  786.     {block:ifroundedposts}border-radius:10px;{/block:ifroundedposts}
  787. }
  788.  
  789. #date{
  790.    display:block;
  791.     position:absolute;
  792.     z-index: 999;
  793.     height:auto;
  794.     background-color:{color:date};
  795.    
  796.     padding:5px;
  797.     font-family:"tinytots";
  798.     font-size:8px;
  799.     -webkit-transition: all 0.5s linear;
  800.     -moz-transition: all 0.5s linear;
  801.     -o-transition: all 0.5s linear;
  802.     opacity:0;
  803.     text-align:center;
  804.    
  805.     {block:ifsmallposts}
  806.     {block:indexpage}margin-top:-30px;
  807.     width:30px;
  808.     margin-left:-65px;
  809.     {/block:indexpage}
  810.     {block:permalinkpage}margin-top:-10px;
  811.     margin-left:0px;
  812.     {/block:permalinkpage}
  813.     {/block:ifsmallposts}
  814.    
  815.     {block:ifnotsmallposts}margin-left:-10px;
  816.     margin-top:-20px;
  817.     width:405px;
  818.    {/block:ifnotsmallposts}
  819.    
  820.     {block:ifroundedpermalink}border-radius:100px;
  821.     padding-top:10px;
  822.     {block:permalinkpage}padding-left:10px;{/block:permalinkpage}{/block:ifroundedpermalink}
  823.     {block:ifpermalinkborder}border: 2px solid {color:dateborders};{/block:ifpermalinkborder}
  824.    
  825. }
  826.  
  827. #notes{
  828.     display:block;
  829.     position:absolute;
  830.     z-index: 999;
  831.     min-width:20px;
  832.     height:auto;
  833.     background-color:{color:date};
  834.    
  835.     padding:5px;
  836.     font-family:"tinytots";
  837.     font-size:8px;
  838.     -webkit-transition: all 0.5s linear;
  839.     -moz-transition: all 0.5s linear;
  840.     -o-transition: all 0.5s linear;
  841.     opacity:0;
  842.     text-align:center;
  843.    
  844.     {block:ifsmallposts}
  845.     {block:permalinkpage}display:none;{/block:permalinkpage}
  846.     {block:indexpage}margin-left:-60px;    
  847.      {/block:indexpage}
  848.      {/block:ifsmallposts}
  849.    
  850.     {block:ifnotsmallposts}
  851.     {block:indexpage}margin-left:180px;
  852.     margin-top:-25px;
  853.     {/block:indexpage}
  854.     {block:permalinkpage}display:none;
  855.     {/block:permalinkpage}
  856.    {/block:ifnotsmallposts}
  857.        
  858.     {block:ifroundedpermalink}border-radius:100px;{/block:ifroundedpermalink}
  859.     {block:ifpermalinkborder}border: 2px solid {color:dateborders};{/block:ifpermalinkborder}
  860.  
  861. }
  862.  
  863. .posts:hover #notes{
  864.      {block:ifsmallposts}
  865.      {block:indexpage}margin-top:0px;{/block:indexpage}
  866.      {/block:ifsmallposts}
  867.      
  868.       {block:ifnotsmallposts}
  869.       margin-top:3px;{/block:ifnotsmallposts}
  870.      
  871.     opacity:0.8;
  872.    
  873.      {block:ifpostshadow}box-shadow: 0px 0px 5px #888888;{/block:ifpostshadow}
  874.      
  875. }
  876.  
  877. .posts:hover #date{
  878.      {block:ifsmallposts}
  879.      {block:indexpage}margin-top:30px;{/block:indexpage}
  880.      {block:permalinkpage}margin-left:10px;
  881.      margin-top:10px;{/block:permalinkpage}
  882.      {/block:ifsmallposts}
  883.      
  884.       {block:ifnotsmallposts}margin-left:-10px;
  885.       margin-top:30px;{/block:ifnotsmallposts}
  886.      
  887.     opacity:0.8;
  888.    
  889.      {block:ifpostshadow}box-shadow: 0px 0px 5px #888888;{/block:ifpostshadow}
  890. }
  891.  
  892. #tags{
  893.     display:block;
  894.     position:absolute;
  895.     z-index:999;
  896.     width:50px;
  897.     height:auto;
  898.     background-color:{color:tags};
  899.    
  900.     margin-top: 30px;
  901.     padding:5px;
  902.     margin-left:418px;
  903.     font-family:"tinytots";
  904.     font-size:8px;
  905.     opacity:0;
  906.     -webkit-transition: all 0.7s linear;
  907.     -moz-transition: all 0.7s linear;
  908.     -o-transition: all 0.7s linear;
  909.    
  910.    
  911.    
  912.     {block:ifpermalinkborder}border: 2px solid {color:tagborders};{/block:ifpermalinkborder}
  913.     {block:ifpostshadow}box-shadow: 0px 0px 3px #888888;{/block:ifpostshadow}    
  914.     {block:ifroundedpermalink}border-radius:10px;{/block:ifroundedpermalink}
  915.    
  916. }
  917.  
  918. .posts:hover #tags{
  919.     opacity:0.7;
  920. }
  921.  
  922.  
  923. #quote {
  924.     font-family: "eurof35";
  925.     font-size:25px;
  926.     color:{color:quote};
  927.     padding-left:20px;
  928.     padding-right:20px;
  929.     padding-top:10px;
  930.     line-height:18px;
  931.     text-align:justify;
  932. }
  933.  
  934. #title {
  935.     font-family: "eurof35";
  936.     font-size:28px;
  937.     color:{color:quote};
  938.     padding-left:20px;
  939.     padding-right:20px;
  940.     line-height:18px;
  941. }
  942.  
  943. #audioplayer {
  944.     width:30px;
  945.     height:30px;
  946.     overflow:hidden;
  947.     position:absolute;
  948.     margin-top:40px;
  949.     margin-left:35px;
  950.     margin-bottom:45px;
  951.     border-radius:100px;
  952. }
  953.  
  954. #musicinfo{
  955.     color:{color:text};
  956.     margin-top:-80px;
  957.     margin-left:110px;
  958.     border-left:2px solid {color:dateborders};
  959.     padding-left:10px;
  960.     line-height:10px;
  961.     margin-bottom:50px;
  962. }
  963.  
  964. #musicinfotitles{
  965.     font-style:bold;
  966. }
  967.  
  968. #audiocaption{
  969.     {block:ifnotsmallposts}margin-top:45px;{/block:ifnotsmallposts}
  970.     {block:ifsmallposts}{block:indexpage}margin-top:5px;{/block:indexpage}{block:permalinkpage}margin-top:45px;{/block:permalinkpage}{/block:ifsmallposts}
  971.     padding-left:10px;
  972.     padding-right:10px;
  973.     padding-top:10px;
  974. }
  975.  
  976. #albumart{
  977.     height:100px;
  978.     width:100px;
  979.     background-image:url('https://lh3.googleusercontent.com/-ABbl71o4DHE/UZh6Xuh6QJI/AAAAAAAAEn8/j49R7fSCZHE/s200-no/Untitled-1.jpg');
  980.     background-position:fixed;
  981.     background-size:100px 100px;
  982.     background-repeat:no-repeat;
  983.     z-index:-1;
  984.     -webkit-transition: all 0.5s linear;
  985.     -moz-transition: all 0.5s linear;
  986.     -o-transition: all 0.5s linear;
  987. }
  988.  
  989. #askz {
  990.     padding: 5px;
  991.     margin-left:10px;
  992.     margin-right:10px;
  993.     margin-top:5px;
  994.     padding-bottom: 15px;
  995.     line-height: 140%;
  996.     border-bottom: 1px solid {color:text};
  997.     color:{color:question};
  998. }
  999.  
  1000.  
  1001. .askicon {
  1002.     float: left;
  1003.     border: 2px solid {color:dateborders};
  1004.     margin-right: 3px;
  1005.     margin-left: -5px;
  1006. }
  1007.  
  1008. #answer {
  1009.     padding: 4px;
  1010.     text-align: left;
  1011.     color:{color:text};
  1012.     margin-left:30px;
  1013. }
  1014.  
  1015. #qask{
  1016.     padding-top:10px;
  1017.     padding-left:10px;
  1018.     font-size:9px;
  1019.     font-style:italic;
  1020. }
  1021.  
  1022.  
  1023. .grayscale {
  1024.   -webkit-filter: grayscale(100%);
  1025.   -moz-filter: grayscale(100%);
  1026.   -ms-filter: grayscale(100%);
  1027.   -o-filter: grayscale(100%);
  1028.  
  1029.  
  1030. }
  1031.  
  1032. .posts:hover .grayscale{
  1033.     -webkit-filter: grayscale(0%);
  1034.   -moz-filter: grayscale(0%);
  1035.   -ms-filter: grayscale(0%);
  1036.   -o-filter: grayscale(0%);
  1037. }
  1038.  
  1039. ol.notes{
  1040.     max-width:400px;
  1041.     padding:0px;
  1042.     margin: 0px 15px;
  1043.     list-style-type:none;
  1044.     font-size:8 px;
  1045. }
  1046.  
  1047. ol.notes li.note{
  1048.     padding:0px;
  1049.     font-size:8px;
  1050. }
  1051.  
  1052. ol.notes li.note img{
  1053.     margin-top:7px;
  1054.     {block:ifpostshadow}box-shadow: 0px 0px 5px #888888;{/block:ifpostshadow}
  1055. }
  1056.  
  1057. ol.notes li.note img.avatar{
  1058.  
  1059.     margin-right:3px;
  1060.     width:16px;
  1061.     height:16px;
  1062.     border-radius:100px;
  1063. }
  1064.  
  1065. ol.notes li.note a img.avatar{
  1066.     padding:0px;
  1067.     border-width:0 px;
  1068.     border:none;
  1069. }
  1070.  
  1071. ol.notes li.note img{
  1072.     padding:0 px;
  1073.     border-width:0 px;
  1074.     border:none;
  1075. }
  1076.  
  1077. ol.notes li.note span.action{
  1078.     color:{color:text};
  1079. }
  1080.  
  1081. ol.notes li.note.answer_content{
  1082.     font-weight:normal;
  1083. }
  1084.  
  1085. ol.notes li.note.blockquote{
  1086.     padding:1 px 1 px;margin:1px 0px 0px 1px;
  1087. }
  1088.  
  1089. ol.notes li.note.blockquote a{
  1090.     text-decoration:none;
  1091. }
  1092.  
  1093. .pagination {
  1094.     {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  1095.    
  1096.     {block:ifnotinfinitescroll}
  1097.     position:fixed;
  1098.    
  1099.     {block:ifnotsmallhiddendesc}
  1100.     margin-top:580px;
  1101.     {/block:ifnotsmallhiddendesc}
  1102.    
  1103.     {block:ifsmallhiddendesc}
  1104.     margin-top:500px;
  1105.     {/block:ifsmallhiddendesc}
  1106.    
  1107.     opacity:1;
  1108.     width:40px;
  1109.     margin-left:5px;
  1110.     height:50px;
  1111.     font-family:"tinytots";
  1112.     font-size:35px;
  1113.     text-align:center;
  1114.     {/block:ifnotinfinitescroll}
  1115.    
  1116.     -webkit-transition: all 0.5s linear;
  1117.     -moz-transition: all 0.5s linear;
  1118.     -o-transition: all 0.5s linear;
  1119.     -ms-transition: all 0.5s linear;
  1120. }
  1121.  
  1122. .my-like {
  1123. font-size:8px !important;
  1124. display:inline-block;
  1125. -webkit-transition: all 0.3s linear;
  1126.     -moz-transition: all 0.3s linear;
  1127.     -o-transition: all 0.3s linear;
  1128.     -ms-transition: all 0.3s linear;
  1129.  
  1130. }
  1131.  
  1132. .my-liked, .my-like:hover {
  1133. font-size:8px !important;
  1134. display:inline-block;
  1135. color:red;
  1136. }
  1137.  
  1138.  
  1139. #backtotop{
  1140.     position:fixed;
  1141.     right: 30px;
  1142.     bottom:30px;
  1143.     width: 30px;
  1144.     height: 60px;
  1145.     -webkit-transition: all 0.3s linear;
  1146.     -moz-transition: all 0.3s linear;
  1147.     -o-transition: all 0.3s linear;
  1148.     -ms-transition: all 0.3s linear;
  1149.     {block:ifnotinfinitescroll}display:none;{/block:ifnotinfinitescroll}
  1150. }
  1151.  
  1152. #backtotop:hover{
  1153.     width:40px;
  1154.     height:80px;
  1155. }
  1156.  
  1157.  
  1158.  
  1159. {CustomCSS}
  1160.    
  1161.     #nothing{}
  1162.    
  1163.     /* Start http://www.cursors-4u.com */ a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth661.cur), progress !important;} /* End http://www.cursors-4u.com */
  1164.    
  1165.        /* Start http://www.cursors-4u.com */ body {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;} /* End http://www.cursors-4u.com */
  1166.      
  1167.    
  1168. </style>
  1169.  
  1170.    {block:IndexPage}<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1171.  
  1172. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1173.  
  1174. <script>
  1175. $(function(){
  1176. var $container = $('#postmargin');
  1177. $container.imagesLoaded(function(){
  1178. $container.masonry({
  1179. itemSelector: '.posts',
  1180. });
  1181. });
  1182. $container.infinitescroll({
  1183. itemSelector : ".posts",
  1184. navSelector : "div.pagination",
  1185. {block:ifinfinitescroll}nextSelector : ".pagination a#next",{/block:ifinfinitescroll}
  1186. {block:ifnotinfinitescroll}nextSelector : "none",{/block:ifnotinfinitescroll}
  1187. loadingImg : "",
  1188. loadingText : "<em>patience is a virtue, so hold on while i load</em>",
  1189. bufferPx : 10000,
  1190. extraScrollPx: 12000,
  1191. },
  1192. function( newElements ) {
  1193.   var $newElems = $( newElements ).css({ opacity: 0 });
  1194. $newElems.imagesLoaded(function(){
  1195. $newElems.animate({ opacity: 1 });
  1196. $container.masonry( 'appended', $newElems, true );
  1197. });
  1198. }
  1199. );
  1200. });
  1201. </script>{/block:IndexPage}
  1202.  
  1203. <script>
  1204. window.onload = function () {
  1205. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  1206. document.addEventListener( 'click', function ( event ) {
  1207.     var myLike = event.target;
  1208.     if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  1209.         var frame = document.getElementById( 'my-like-frame' ),
  1210.             liked = ( myLike.className == 'my-liked' ),
  1211.             command = liked ? 'unlike' : 'like',
  1212.             reblog = myLike.getAttribute( 'data-reblog' ),
  1213.             id = myLike.getAttribute( 'data-id' ),
  1214.             oauth = reblog.slice( -8 );
  1215.         frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  1216.         liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  1217.     };
  1218. }, false );
  1219. };
  1220. </script>
  1221.  
  1222. </head><body>
  1223.  
  1224. <a href="javascript:scroll(0,0)"><img src="https://lh3.googleusercontent.com/-VTlP3Ve3DII/UMQUerbQduI/AAAAAAAACpw/1I7xwA463OI/s100/Untitled-1.png" title="back to top" id="backtotop"></a>
  1225.  
  1226. <div id="main">{title}</div>
  1227.  
  1228. <div id="custom1">
  1229.         {block:IfLink1}<a href="{text:Link1URL}" class="custom">{text:Link1}</a>{/block:IfLink1}
  1230.         {block:IfLink2}<a href="{text:Link2URL}" class="custom">{text:Link2}</a>{/block:IfLink2}
  1231.         {block:IfLink3}<a href="{text:Link3URL}" class="custom">{text:Link3}</a>{/block:IfLink3}
  1232. </div>
  1233. <div id="nav">
  1234.         <a href="/" class="nav">home</a>
  1235.         <a href="/ask" class="nav">message</a>
  1236.         <a href="/archive" class="nav">archive</a>
  1237.         <a href="http://redfox-themes.tumblr.com/" class="nav">theme</a>
  1238. </div>
  1239. <div id="custom2">
  1240.         {block:IfLink4}<a href="{text:Link4URL}" class="custom">{text:Link4}</a>{/block:IfLink4}
  1241.         {block:IfLink5}<a href="{text:Link5URL}" class="custom">{text:Link5}</a>{/block:IfLink5}
  1242.         {block:IfLink6}<a href="{text:Link6URL}" class="custom">{text:Link6}</a>{/block:IfLink6}
  1243. </div>
  1244.  
  1245. <div id="sidebar">
  1246.         {block:ifsmallhiddendesc}
  1247.      <div id="sidebarimage">
  1248.     <div id="left"><img width="150px" height="100px" src="{image:sidebar}"></div>
  1249.     <div id="desc">{Description}</div>
  1250.     <div id="right"><img width="150px" height="100px" style="margin-left:-75px;"src="{image:sidebar}"></div>
  1251.     </div>
  1252.        
  1253.   {block:ifplayer}
  1254.        <div id="playerback">
  1255.             <img src="https://lh6.googleusercontent.com/-XWQyuyiXAqM/ULmeOm5KNRI/AAAAAAAACk4/fhqLw5dLR_s/s14/tumblr_m7w2n46Pdl1r6o8v2.gif">
  1256.             <div id="playerplayer">
  1257.                 {text:playercode}
  1258.             </div>
  1259.         </div>
  1260.     {/block:ifplayer}
  1261.  
  1262.    
  1263.         {/block:ifsmallhiddendesc}
  1264.        
  1265.         {block:ifnotsmallhiddendesc}
  1266.     <div id="desc2back">
  1267.         <div id="desc2">{description}</div>
  1268.     </div>
  1269.    
  1270.     <div id="sidebarimgback">
  1271.         {block:ifplayer}
  1272.        <div id="playerback">
  1273.             <img src="https://lh6.googleusercontent.com/-XWQyuyiXAqM/ULmeOm5KNRI/AAAAAAAACk4/fhqLw5dLR_s/s14/tumblr_m7w2n46Pdl1r6o8v2.gif">
  1274.             <div id="playerplayer">
  1275.                 {text:playercode}
  1276.             </div>
  1277.         </div>
  1278.         {/block:ifplayer}
  1279.         <img src="{image:sidebar}" id="sidebarimage2hover" />
  1280.         <img src="{image:sidebar2}" id="sidebarimage2"/>
  1281.     </div>
  1282.    
  1283.         {/block:ifnotsmallhiddendesc}
  1284.        
  1285.     <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&#171;</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">&#187;</a>{/block:NextPage}{/block:Pagination}</div>
  1286.        
  1287.        
  1288. </div>
  1289.  
  1290. <img src="{image:standalone}" id="sideimage">
  1291.  
  1292. <div id="postmargin">{block:Posts}<div class="posts">
  1293.  
  1294. {block:Date}
  1295. <div id="notes"><a href="{Permalink}">{notecount}</a></div>
  1296. <div id="date">
  1297. {block:ifsmallposts}<a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{ShortYear}</a>
  1298. <br>
  1299. <a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a>
  1300. <br>
  1301. [<a href="{ReblogURL}">Reblog</a>]
  1302. <br>
  1303. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like this post">&hearts;</div>{/block:ifsmallposts}
  1304.  
  1305. {block:ifnotsmallposts}|| <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> ||
  1306. <a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a> ||
  1307. [<a href="{ReblogURL}">Reblog</a>] ||
  1308. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like this post">&hearts;</div> ||{/block:ifnotsmallposts}    
  1309.    
  1310. </div>{/block:Date}
  1311.  
  1312.  
  1313. {block:permalinkpage}<div id="tags">{block:NoteCount}{block:RebloggedFrom}<a href="{ReblogRootURL}">origin</a> &#8727; <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{/block:NoteCount}
  1314. <br><br>
  1315. {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a> {/block:NoteCount}
  1316. <br><br>
  1317. {block:HasTags}{block:Tags}x<a href="/tagged/{Tag}">{Tag} </a> {/block:Tags}{/block:HasTags}</div>{block:permalinkpage}
  1318.  
  1319. {block:Text}<center><div id="title">{block:Title}{Title}{/block:Title}</div></center>{Body}{/block:Text}
  1320.  
  1321. {Block:IfMonochromePosts}{block:Photo}<center>{LinkOpenTag}{block:ifnotsmallposts}<img src="{PhotoURL-500}" class="grayscale" width="400">{/block:ifnotsmallposts}{block:ifsmallposts}{block:indexpage}<img src="{PhotoURL-500}" class="grayscale" width="250">{/block:indexpage}{block:permalinkpage}<img src="{PhotoURL-500}" class="grayscale" width="400">{/block:permalinkpage}{/block:ifsmallposts}{LinkCloseTag}</center>{Block:IfShowDescriptions}{block:Caption}{Caption}{/block:Caption}{/Block:IfShowDescriptions}{Block:IfnotShowDescriptions}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{block:permalinkpage}{/Block:IfnotShowDescriptions}{/block:Photo}{/Block:IfMonochromePosts}
  1322.  
  1323. {Block:IfNotMonochromePosts}{block:Photo}<center>{LinkOpenTag}{block:ifnotsmallposts}<img src="{PhotoURL-500}" width="400">{/block:ifnotsmallposts}{block:ifsmallposts}{block:indexpage}<img src="{PhotoURL-500}" width="250">{/block:indexpage}{block:permalinkpage}<img src="{PhotoURL-500}" width="400">{/block:permalinkpage}{/block:ifsmallposts}{LinkCloseTag}</center>{Block:IfShowDescriptions}{block:Caption}{Caption}{/block:Caption}{/Block:IfShowDescriptions}{Block:IfnotShowDescriptions}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{block:permalinkpage}{/Block:IfnotShowDescriptions}{/block:Photo}{/Block:IfNotMonochromePosts}
  1324.  
  1325. {Block:IfMonochromePosts}<div class="grayscale">{block:Photoset}<div align="center">{block:ifnotsmallposts}{Photoset-400}{/block:ifnotsmallposts}{block:ifsmallposts}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{/block:ifsmallposts}</div>{Block:IfShowDescriptions}{block:Caption}{Caption}{/block:Caption}{/Block:IfShowDescriptions}{Block:IfnotShowDescriptions}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{block:permalinkpage}{/Block:IfnotShowDescriptions}{/block:Photoset}</div>{/Block:IfMonochromePosts}
  1326.  
  1327. {Block:IfNotMonochromePosts}{block:Photoset}<div align="center">{block:ifnotsmallposts}{Photoset-400}{/block:ifnotsmallposts}{block:ifsmallposts}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{/block:ifsmallposts}</div>{Block:IfShowDescriptions}{block:Caption}{Caption}{/block:Caption}{/Block:IfShowDescriptions}{Block:IfnotShowDescriptions}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{block:permalinkpage}{/Block:IfnotShowDescriptions}{/block:Photoset}{/Block:IfNotMonochromePosts}
  1328.  
  1329. {block:Quote}<div id="quote">{Quote}</div><p align="right">{block:Source}—{Source}{/block:Source}</p>{/block:Quote}
  1330.  
  1331. {block:Link}<div id="title" align="center"><t><a href="{URL}" {Target}>{Name}</a></t></div>{block:Description}{Description}{/block:Description}{/block:Link}
  1332.  
  1333. {block:Chat}<div id="title" align="center">{block:Title}<t>{Title}</t>{/block:Title}</div><p>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</p>{/block:Chat}
  1334.  
  1335. {block:Audio}
  1336. <div id="audioplayer">{AudioPlayerWhite} </div>      
  1337. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  1338. <div id="musicinfo">
  1339. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<br/>
  1340. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br/>
  1341. <b>Album:</b> {block:Album}{Album}{/block:Album}
  1342. </div>{Block:IfShowDescriptions}
  1343. {block:caption}<div id="audiocaption">{caption}</div>{/block:caption}{/Block:IfShowDescriptions}{Block:IfnotShowDescriptions}{block:permalinkpage}{block:Caption}<div id="audiocaption">{Caption}</div>{/block:Caption}{block:permalinkpage}{/Block:IfnotShowDescriptions}
  1344. {/block:Audio}
  1345.  
  1346. {block:Video}{block:ifnotsmallposts}{Video-400}{/block:ifnotsmallposts}{block:ifsmallposts}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{/block:ifsmallposts}{Block:IfShowDescriptions}{block:Caption}{Caption}{/block:Caption}{/Block:IfShowDescriptions}{Block:IfnotShowDescriptions}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{block:permalinkpage}{/Block:IfnotShowDescriptions}{/block:Video}
  1347.  
  1348. {block:Answer}
  1349. <div id="askz"><img src="{AskerPortraitURL-30}" class="askicon"><div id="qask">{Asker} said—</div><br>{Question}</div>
  1350. <div id="answer">{Answer}</div>
  1351. {/block:Answer}
  1352.  
  1353.  
  1354. </div>
  1355.  
  1356. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
  1357.  
  1358. {/block:Posts}</div>
  1359.  
  1360. {block:ifinfinitescroll}<div class="pagination">
  1361. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1362. </div>{/block:ifinfinitescroll}
  1363.  
  1364. </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!