API tools faq
paste
darianella

"Hayate" tumblr theme HTML code

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