Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Apr 28th, 2012  |  syntax: None  |  size: 26.43 KB  |  hits: 31  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <!--
  4. ********************************
  5. Theme by: rickerlr.tumblr.com
  6. Name: Light Glass 3 columns
  7. Year: 2011
  8. ********************************
  9. -->
  10.  
  11. <html>
  12. <head>
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  14.  
  15. <meta name="color:Text" content="#777777"/>
  16. <meta name="color:Text Description" content="#777777"/>
  17. <meta name="color:Link Footer" content="#000000"/>
  18. <meta name="color:Title" content="#444444"/>
  19. <meta name="color:Link" content="#000000"/>
  20. <meta name="color:Link hover" content="#444444"/>
  21. <meta name="color:Link active" content="#222222"/>
  22. <meta name="color:Link menu" content="#888888"/>
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Opacity Color Photo Effect" content="#000000"/>
  25. <meta name="color:Notes" content="#999999"/>
  26. <meta name="color:Post Background" content="#f9f9f9"/>
  27. <meta name="color:Box Shadow Color" content="#999999"/>
  28. <meta name="color:Border Note Permalinks" content="#eeeeee"/>
  29.  
  30. <meta name="image:Background image" content="" />
  31. <meta name="image:header image" content="" />
  32.  
  33. <meta name="if:Container FadeIn" content="0"/>
  34. <meta name="if:Infinite Scroll" content="1"/>
  35. <meta name="if:Show Captions" content="0"/>
  36. <meta name="if:Border Rounded" content="0"/>
  37. <meta name="if:Post Padding" content="0"/>
  38. <meta name="if:Box Shadow" content="1"/>
  39. <meta name="if:Show Social" content="1"/>
  40. <meta name="if:Hide Description" content="0"/>
  41. <meta name="if:Show Notes Permalink" content="0"/>
  42. <meta name="if:Tumblr Buttons Opacity" content="0"/>
  43. <meta name="if:Tumblr Buttons Fixed" content="0"/>
  44.  
  45.  
  46. <meta name="text:Footer Text" content="" />
  47. <meta name="text:Page Text" content="Pages" />
  48. <meta name="text:Link 1 title" content="" />
  49. <meta name="text:Link 1 url" content="" />
  50. <meta name="text:Link 2 title" content="" />
  51. <meta name="text:Link 2 url" content="" />
  52. <meta name="text:Link 3 title" content="" />
  53. <meta name="text:Link 3 url" content="" />
  54. <meta name="text:Link 4 title" content="" />
  55. <meta name="text:Link 4 url" content="" />
  56. <meta name="text:Link 5 title" content="" />
  57. <meta name="text:Link 5 url" content="" />
  58. <meta name="text:Link 6 title" content="" />
  59. <meta name="text:Link 6 url" content="" />
  60.  
  61. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  62. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  63. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  64. <link rel="shortcut icon" href="{Favicon}" />
  65. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  69. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  70.  
  71. <style type="text/css" media="screen">
  72. /* CSS RESET */
  73. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;list-style-type: none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
  74.  
  75. *{
  76. outline: none;
  77. -moz-outline: none;
  78. }
  79.  
  80. blockquote{    padding-left:10px;border-left:3px solid {color:Border Note Permalinks};margin:5px 0px 5px 0px;}
  81. li{list-style-type: circle;margin-left: 15px;}
  82. ul.titleLinks li, ul.chat li, .note, .like{list-style-type: none;margin:0px;}
  83. ol.notes{text-align: left;}
  84. .note, .like{margin: 5px 0px;}
  85. ol.notes li .avatar {width:18px;height:18px;vertical-align: middle;}
  86.  
  87. {block:IfNotShowNotesPermalink}
  88. .note, .like{float:left;margin:5px 5px 0px 0px;line-height: 16px;}
  89. .action, .note blockquote, .like blockquote{display:none;}
  90. .more_notes_link_container{padding:0px !important;}
  91. .action a{color: #fff !important;}
  92. .note, .like{z-index:10;}
  93. .note:hover, .like:hover{position:relative;z-index:100;}               
  94. .note:hover .action, .like:hover .action{
  95.         display: block;
  96.         position:absolute;
  97.         float:left;
  98.         white-space:nowrap;
  99.         top:-2.2em;
  100.         left:.5em;
  101.         background:#000;
  102.         color:#fff;
  103.         padding: 1px 5px;
  104.         z-index:10;
  105. }
  106. {/block:IfNotShowNotesPermalink}
  107.  
  108. h1,h2,h3,h4,h5,h6{font-weight: bold;}
  109. .right{float: right;} .left{float: left;} .clear {clear: both;}
  110.  
  111. a:link, a:visited{color:{color:Link};}
  112. a{
  113.         text-decoration:none;
  114.         opacity: 1;
  115.         filter:alpha(opacity=100);
  116.         -webkit-transition: opacity 0.5s ease, color 0.5s ease;
  117.         -moz-transition: opacity 0.5s ease, color 0.5s ease;
  118.         transition: opacity 0.5s ease, color 0.5s ease;
  119.         -o-transition: opacity 0.5s ease, color 0.5s ease;
  120. }
  121. a:hover {
  122.         color:{color:Link hover};
  123.         opacity: 0.75;
  124.         filter:alpha(opacity=75);
  125. }
  126. a:active {color:{color:Link active};}
  127.  
  128. #tumblr_controls{
  129.         {block:IfTumblrButtonsFixed}
  130.                 position:fixed !important;
  131.         {/block:IfTumblrButtonsFixed}
  132.        
  133.         {block:IfTumblrButtonsOpacity}
  134.                 opacity: 0.3;
  135.                 filter:alpha(opacity=30);
  136.         {/block:IfTumblrButtonsOpacity}
  137.        
  138.         -webkit-transition: all 0.5s ease-out;
  139.         -moz-transition: all 0.5s ease-out;
  140.         transition: all 0.5s ease-out;
  141.         -o-transition: all 0.5s ease-out;
  142. }
  143.  
  144. {block:IfTumblrButtonsOpacity}
  145.         #tumblr_controls:hover{
  146.                 opacity: 1;
  147.                 filter:alpha(opacity=100);
  148.         }
  149. {/block:IfTumblrButtonsOpacity}
  150.  
  151. body{
  152.         font-size:100%;
  153.         color: {color:Text};
  154.         font-family: 'Open Sans', sans-serif;
  155.         text-align: center;
  156.         word-wrap: break-word;
  157.         background-color: {color:Background};
  158.         background-image: url({image:Background image});
  159.         background-repeat: repeat;
  160.         background-attachment: fixed;
  161.         background-position: top left;
  162. }
  163. #container{
  164.         position: relative;
  165.         text-align: left;
  166.         height: 100%;
  167.         margin: 0px auto;
  168.         z-index:0;
  169.         {block:IfContainerFadeIn}
  170.                 display:none;
  171.         {/block:IfContainerFadeIn}
  172.         {block:IfInfiniteScroll}
  173.                 {block:IndexPage}
  174.                         min-height: 800px;
  175.                         height: auto !important;
  176.                         height: 800px;
  177.                 {/block:IndexPage}
  178.         {/block:IfInfiniteScroll}
  179. }
  180.  
  181. #header{
  182.         text-align:center;
  183.         width: 960px;
  184.         margin: 0px auto;
  185. }
  186.  
  187. #header h1{
  188.         margin-top:20px;
  189.         font-size: 2em;
  190.         text-align:center;
  191.         font-family: 'Oswald', sans-serif;
  192.         font-weight: normal !important;
  193.         cursor: pointer;
  194. }
  195. #header h1 a{text-decoration: none;}
  196.  
  197. #head_description{
  198.         font-size:0.7em;
  199.         margin: 4px 0 10px;
  200.     color:{color:Text Description};
  201.         {block:IfHideDescription}
  202.                 display:none;
  203.         {/block:IfHideDescription}
  204. }
  205. #head_description a{color:{color:Link menu};}
  206.  
  207. #imagetitle{
  208.         margin-top:10px;
  209.         max-width:840px;
  210.         width:auto !important;
  211.         width:840px;
  212.     cursor: pointer;
  213. }
  214.  
  215. #content{
  216.         {block:IndexPage}
  217.         max-width:870px;
  218.         width:auto !important;
  219.         width:870px;
  220.         {/block:IndexPage}
  221.         {block:PermalinkPage}
  222.                 max-width: 860px;
  223.                 width: auto !important;
  224.                 width: 860px;
  225.         {/block:PermalinkPage}
  226.         margin:-10px auto;
  227.         position:relative;
  228.         padding-bottom:20px;
  229. }
  230.  
  231. ul#titlePages{display:none}
  232.  
  233. ul.titleLinks{
  234.         margin:10px 0px;
  235.         font-size: 0.7em;
  236.         text-transform: uppercase;
  237. }
  238. ul.titleLinks li{display: inline;margin-left: 25px;}
  239. ul.titleLinks li:first-child{margin-left: 0px;}
  240. ul.titleLinks a{
  241.         color:{color:Link menu};
  242.         text-decoration:none;
  243. }
  244.  
  245. .posts{
  246.         overflow: hidden;
  247.         position:relative;
  248.         margin-top: 20px;
  249.         background-color: {color:Post Background};
  250.         z-index:9000;
  251.        
  252.         {block:PermalinkPage}
  253.                 margin-right: 10px;
  254.                 width: 520px;
  255.                 float:left;
  256.         {/block:PermalinkPage}
  257.         {block:IndexPage}
  258.                 margin-right: 20px;
  259.                 width: 270px;
  260.                 float: left;
  261.         {/block:IndexPage}
  262.         {block:IfBoxShadow}
  263.                 box-shadow: 0px 0px 5px {color:Box Shadow Color};
  264.         {/block:IfBoxShadow}
  265. }
  266.  
  267. {block:IfBorderRounded}
  268.         .posts, img.photo, .opacityColorPhotoEffect, .albumArt_img_index, .odd{
  269.                 -webkit-border-radius: 3px;
  270.                 -moz-border-radius: 3px;
  271.                 border-radius: 3px;
  272.         }
  273. {/block:IfBorderRounded}
  274.  
  275. {block:IndexPage}
  276.         img.photo{
  277.             {block:IfPostPadding}
  278.             width:250px;
  279.             margin-bottom: -5px !important;
  280.             {block:IfPostPadding}
  281.             {block:IfNotPostPadding}
  282.             margin-top: -10px;
  283.             margin-left: -10px;
  284.             {/block:IfNotPostPadding}
  285.             {block:IfShowCaptions}
  286.             margin-bottom: -5px;
  287.             {/block:IfShowCaptions}
  288.             {block:IfNotShowCaptions}
  289.             margin-bottom: -15px;
  290.             {/block:IfNotShowCaptions}
  291.         }
  292. {/block:IndexPage}
  293.  
  294. .videoPost, .photosetPost{
  295.         text-align:center;
  296.         {block:IfNotPostPadding}
  297.                 margin-top: -10px;
  298.                 margin-left:-15px;
  299.         {/block:IfNotPostPadding}
  300. }
  301.  
  302. #footer{
  303.         font-size: 0.6em;
  304.         margin: 20px auto 50px;
  305.         padding-top: 5px;
  306.         width: 500px;
  307.         border-top: 1px solid {color:Border Note Permalinks};
  308.     color:{color:Text Description};
  309. }
  310. #footer a{text-decoration: none;color:{color:Link menu};}
  311.  
  312. .chat li.odd, .chat li.even{padding:5px;line-height:1em;}
  313. .chat li.odd{color:{color:Title};background-color:{color:Border Note Permalinks};}
  314. .chat li.even{color:{color:Link};margin:5px 0px}
  315. .title{font-size:0.9em;color:{color:Title};}
  316. .title a{color:{color:Title};text-decoration:none;}
  317. .caption{font-size:0.7em;margin-left:3px;line-height:1.3em;margin-top:5px;}
  318. .caption ul{margin-top: 5px;}
  319. .label{font-weight:bold;font-size:1em}
  320. .asker{color:{color:Link};font-weight:bold;text-decoration:none;}
  321. .quest{
  322.         font-size:0.7em;
  323.         {block:PermalinkPage}
  324.         width:460px;
  325.         {/block:PermalinkPage}
  326.         {block:IndexPage}
  327.         width:210px;
  328.         {block:IndexPage}
  329. }
  330. .askAnswer , .answer_form_container{margin-top:10px;}
  331. .album_art{height:283px;width: 283px;background: #000;margin-right: 10px;position: relative;}
  332. .audiotrack li{margin: 5px 0px 0px;font-size: 0.7em;list-style-type: none;}
  333. .audiotrack li:first-child{margin-top: 0px;}
  334. .audioplayercontainer, .albumArt_img_index{
  335.     {block:IfNotPostPadding}
  336.     margin:-10px 0px 0px -10px;
  337.     width:270px;
  338.     {/block:IfNotPostPadding}
  339.      {block:IfPostPadding}
  340.     width:250px;
  341.     {/block:IfPostPadding}
  342. }
  343. .audioplayercontainer{
  344.     position:relative;
  345.     z-index:1;
  346.     background:#000;
  347. }
  348. .audiotrack{width:207px;}
  349.  
  350. .link{text-decoration:underline !important;}
  351.  
  352. #postnotesdiv{
  353.         font-size:0.7em;
  354.         text-align:center;
  355.         padding: 10px;
  356. }
  357.  
  358. .countNote_pagePosts{
  359.         margin: 5px 0px;
  360.         border-bottom: 1px solid {color:Border Note Permalinks};
  361.         padding: 5px 0px;
  362. }
  363.  
  364. {block:IfInfiniteScroll}
  365.         #pagination{display:none;}
  366. {/block:IfInfiniteScroll}
  367.  
  368. #pagination li{
  369.     display: inline-block;
  370.     font-size: 0.7em;
  371.     line-height: 35px;
  372.     background-color: {color:Post Background};
  373.     margin-left:10px;
  374.     {block:IfBoxShadow}
  375.         box-shadow: 0px 0px 2px {color:Box Shadow Color};
  376.     {/block:IfBoxShadow}
  377. }
  378. #pagination li:first-child{margin-left: 0px;}
  379.  
  380. #pagination a{text-decoration:none;color: {color:Link};padding: 1px 15px;}
  381. .current_page{color: {color:Text}}
  382. .current_page{padding: 1px 15px;}
  383.  
  384. .sociallike{
  385.         margin-top:10px;
  386.         padding-top: 10px;
  387.         border-top:1px solid {color:Border Note Permalinks};
  388. }
  389.  
  390. .install:hover , .preview:hover{
  391.     opacity:0.7;
  392.     filter:alpha(opacity=70);
  393. }
  394.  
  395. .opacityColorPhotoEffect{
  396.         position:absolute;
  397.         height:100%;
  398.         width: 270px;
  399.         background: {color:Opacity Color Photo Effect};
  400.         top:0px;
  401.         left:0px;
  402.         z-index: 9998;
  403.         opacity:0;
  404.         filter:alpha(opacity=0);
  405.        
  406.         -webkit-transition: opacity 0.3s ease;
  407.         -moz-transition: opacity 0.3s ease;
  408.         transition: opacity 0.3s ease;
  409.         -o-transition: opacity 0.3s ease;
  410. }
  411.  
  412. .descriprion_icons{
  413.         position: absolute;
  414.         display: block;
  415.         width: 25px;
  416.         height: 25px;
  417.         left: 50%;
  418.         top: 70%;
  419.         margin-top: -12px;
  420.         background: url(http://static.tumblr.com/dbek3sy/ZQDlsyx5t/icons.png) no-repeat;
  421.         opacity:0;
  422.         filter:alpha(opacity=0);
  423.         z-index: 9999;
  424. }
  425. .reblog_icon{
  426.         background-position: 0px 0px;margin-left: -30px;
  427.         -webkit-transition: all 0.25s ease;
  428.         -moz-transition: all 0.25s ease;
  429.         transition: all 0.25s ease;
  430.         -o-transition: all 0.25s ease;
  431. }
  432. .permalink_icon{
  433.         background-position: -25px 0px;margin-left: 5px;
  434.         -webkit-transition: all 0.45s ease;
  435.         -moz-transition: all 0.45s ease;
  436.         transition: all 0.45s ease;
  437.         -o-transition: all 0.45s ease;
  438. }
  439. .posts:hover .opacityColorPhotoEffect{opacity:0.4;filter:alpha(opacity=40);}
  440. .posts:hover .descriprion_icons{top: 50%;opacity:1;filter:alpha(opacity=100);}
  441.  
  442. .description_posts{
  443.         margin-top: 10px;
  444.         font-size:0.6em;
  445.         border-top: 1px solid {color:Border Note Permalinks};
  446.         padding-top: 5px;text-align:center;
  447. }
  448.  
  449. .description_posts a{text-decoration: none;color: {color:Notes};margin-left:10px;}
  450. .description_posts a:hover{color: {color:Link};}
  451. .description_posts a:first-child{margin-left: 0px;}
  452.  
  453. #postPageUl{
  454.         text-align:left;
  455. }
  456. #postPageUl li{
  457.         margin-left: 0px;
  458.         list-style-type: none;
  459.         margin-bottom: 5px;
  460. }
  461.  
  462. #infscr-loading{
  463.         bottom: -55px;
  464.         position: absolute;
  465.         left: 50%;
  466.         margin-left:-8px;
  467.         width:16px;
  468.         height:20px;
  469.         overflow:hidden;
  470.         margin-bottom: 50px;
  471. }
  472.  
  473. {CustomCSS}
  474. </style>
  475.  
  476.  
  477. <meta http-equiv="x-dns-prefetch-control" content="off"/><meta http-equiv="x-dns-prefetch-control" content="off"/><meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  478. <body>
  479.  
  480.  
  481. <div style="position:fixed;right:2px;top:25px;z-index:9999;">
  482. <a href="http://rickerlrthemes.tumblr.com/lightglass3/" target="_blank">
  483. <img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />
  484. </a>
  485. </div>
  486.  
  487.  
  488. <div id="container">
  489. <div id="header">
  490.  
  491.         <div id="nameBlog">
  492.                 {block:IfHeaderImageImage}
  493.                         <img id="imagetitle" src="{image:header image}">
  494.                 {/block:IfHeaderImageImage}
  495.                
  496.                 {block:IfNotHeaderImageImage}
  497.                         <h1 class="title">{Title}</h1>
  498.                 {/block:IfNotHeaderImageImage}
  499.         </div>
  500.  
  501.         <div id="head_description">{Description}</div>
  502.        
  503.        
  504.         <ul class="titleLinks">
  505.                 <li><a href="/">Home</a></li>
  506.                 <li><a href="http://rickerlrthemes.tumblr.com/lightglass3/">Theme</a></li>
  507.                 {block:AskEnabled}
  508.                         <li><a href="/ask" >{AskLabel}</a></li>
  509.                 {/block:AskEnabled}
  510.                 {block:IfLink1title}
  511.                         <li><a href="{text:Link 1 url}" >{text:Link 1 title} </a></li>
  512.                 {/block:IfLink1title}
  513.                 {block:IfLink2title}
  514.                         <li><a href="{text:Link 2 url}" >{text:Link 2 title} </a></li>
  515.                 {/block:IfLink2title}
  516.                 {block:IfLink3title}
  517.                         <li><a href="{text:Link 3 url}" >{text:Link 3 title} </a></li>
  518.                 {/block:IfLink3title}
  519.                 {block:IfLink4title}
  520.                         <li><a href="{text:Link 4 url}" >{text:Link 4 title} </a></li>
  521.                 {/block:IfLink4title}
  522.                 {block:IfLink5title}
  523.                         <li><a href="{text:Link 5 url}" >{text:Link 5 title} </a></li>
  524.                 {/block:IfLink5title}
  525.                 {block:IfLink6title}
  526.                         <li><a href="{text:Link 6 url}" >{text:Link 6 title} </a></li>
  527.                 {/block:IfLink6title}
  528.         {block:HasPages}
  529.            <li><a id="pageLink" href="javascript:void(0)">{text:Page Text}</a></li>
  530.         {/block:HasPages}
  531.         </ul>
  532.     <ul id="titlePages" class="titleLinks">
  533.         {block:HasPages}
  534.                 {block:Pages}
  535.                                 <li><a href="{URL}" >{Label} </a></li>
  536.                         {/block:Pages}
  537.                 {/block:HasPages}
  538.     </ul>
  539.  
  540. </div>
  541.  
  542.  
  543.  
  544. <div id="content">
  545. {block:Posts}
  546. <div class="posts">
  547. <div style="padding:10px;">
  548.  
  549.  
  550. {block:Text}
  551.         {block:Title}
  552.                 <h3 class="title">{Title}</h3>
  553.         {/block:Title}
  554.         <div class="caption">{Body}</div>
  555.         {block:IndexPage}
  556.                 {block:Date}
  557.                         <div class="description_posts">
  558.                                 <a href="{Permalink}">{TimeAgo}</a>
  559.                                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  560.                                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  561.                         </div>
  562.                 {/block:Date}
  563.         {/block:IndexPage}
  564. {/block:Text}
  565.  
  566.  
  567. {block:Link}
  568.         <h3 class="title"><a href="{URL}" class="link title" {Target}>{Name}</a></h3>
  569.         {block:Description}
  570.                 <div class="caption">{Description}</div>
  571.         {/block:Description}
  572.         {block:IndexPage}
  573.                 {block:Date}
  574.                         <div class="description_posts">
  575.                                 <a href="{Permalink}">{TimeAgo}</a>
  576.                                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  577.                                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  578.                         </div>
  579.                 {/block:Date}
  580.         {/block:IndexPage}
  581. {block:Link}
  582.  
  583.  
  584. {block:Photo}
  585.         {block:IndexPage}
  586.                 <img class="photo" src="{PhotoURL-250}" alt="{PhotoAlt}" width="270"/>
  587.                 {block:IfShowCaptions}
  588.                         {block:Caption}
  589.                                 <div class="caption">{Caption}</div>
  590.                         {/block:Caption}
  591.                         {block:Date}
  592.                                 <div class="description_posts">
  593.                                         <a href="{Permalink}">{TimeAgo}</a>
  594.                                         <a href="{Permalink}">{NoteCountWithLabel}</a>
  595.                                         <a href="{ReblogURL}" target="_blank">Reblog</a>
  596.                                 </div>
  597.                         {/block:Date}
  598.                 {/block:IfShowCaptions}
  599.                 {block:IfNotShowCaptions}
  600.                         <a href="{Permalink}" class="descriprion_icons permalink_icon"></a>
  601.                         <a href="{ReblogURL}" target="_blank" class="descriprion_icons reblog_icon"></a>
  602.                         <div class="opacityColorPhotoEffect"></div>
  603.                 {/block:IfNotShowCaptions}
  604.         {/block:IndexPage}
  605.         {block:PermalinkPage}
  606.                 <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500" style="margin-bottom:-5px;"/>
  607.                 {block:Caption}
  608.                         <div class="caption">{Caption}</div>
  609.                 {/block:Caption}
  610.         {/block:PermalinkPage}
  611. {/block:Photo}
  612.  
  613.  
  614. {block:Photoset}
  615.         {block:PermalinkPage}
  616.                 <div style="text-align:center;">{Photoset-500}</div>
  617.         {/block:PermalinkPage}
  618.         {block:IndexPage}
  619.                 <div class="photosetPost">{Photoset-250}</div>
  620.         {/block:IndexPage}
  621.         {block:Caption}
  622.                 <div class="caption">{Caption}</div>
  623.         {/block:Caption}
  624.         {block:IndexPage}
  625.                 {block:Date}
  626.                         <div class="description_posts">
  627.                                 <a href="{Permalink}">{TimeAgo}</a>
  628.                                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  629.                                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  630.                         </div>
  631.                 {/block:Date}
  632.         {/block:IndexPage}
  633. {/block:Photoset}
  634.  
  635.  
  636. {block:Answer}
  637.         <img class="left" style="margin-right:10px;" width="30px" src="{AskerPortraitURL-30}"/>
  638.         <div class="left quest">
  639.                 <b>{Asker}</b>:<br>
  640.                 {Question}
  641.         </div>
  642.         <div class="clear"></div>
  643.         <div class="askAnswer">
  644.                 <img class="left" style="margin-right:10px;" width="30px" src="{PortraitURL-30}"/>
  645.                 <div class="left quest">
  646.                         <b>Me</b>:<br>
  647.                         <i>{Answer}</i>
  648.                 </div>
  649.                 <div class="clear"></div>
  650.         </div>
  651.         {block:IndexPage}
  652.                 {block:Date}
  653.                         <div class="description_posts">
  654.                                 <a href="{Permalink}">{TimeAgo}</a>
  655.                                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  656.                                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  657.                         </div>
  658.                 {/block:Date}
  659.         {/block:IndexPage}
  660. {/block:Answer}
  661.  
  662.  
  663. {block:Quote}
  664.         <h3 class="title">"{Quote}"</h3>
  665.         {block:Source}
  666.                 <div class="caption" style="text-align:right;">- {Source}</div>
  667.         {/block:Source}
  668.         {block:IndexPage}
  669.                 {block:Date}
  670.                         <div class="description_posts">
  671.                                 <a href="{Permalink}">{TimeAgo}</a>
  672.                                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  673.                                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  674.                         </div>
  675.                 {/block:Date}
  676.         {/block:IndexPage}
  677. {/block:Quote}
  678.  
  679.  
  680. {block:Chat}
  681.         {block:Title}
  682.                 <h3 class="title">{Title}</h3>
  683.         {/block:Title}
  684.                 <ul class="chat">
  685.                         {block:Lines}
  686.                                 <li class="{Alt} user_{UserNumber}">
  687.                                         {block:Label}
  688.                                                 <span class="label">{Label}</span>
  689.                                         {/block:Label}
  690.                                         <span class="caption">{Line}</span>
  691.                                 </li>
  692.                         {/block:Lines}
  693.                 </ul>
  694.         {block:IndexPage}
  695.                 {block:Date}
  696.                         <div class="description_posts">
  697.                                 <a href="{Permalink}">{TimeAgo}</a>
  698.                                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  699.                                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  700.                         </div>
  701.                 {/block:Date}
  702.         {/block:IndexPage}
  703. {/block:Chat}
  704.  
  705. {block:Audio}
  706.         {block:PermalinkPage}
  707.                 {block:AlbumArt}
  708.                         <img class="album_art left" width="283" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  709.                 {/block:AlbumArt}
  710.                 <ul class="audiotrack left">
  711.                         {block:Artist}<li><b>{Artist}</b></li>{/block:Artist}
  712.                         {block:TrackName}<li>{TrackName}</li>{/block:TrackName}
  713.                         {block:Album}<li>{Album}</li>{/block:Album}
  714.                         <li>{FormattedPlayCount} plays {block:ExternalAudio}// <a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}</li>
  715.                         <li>{AudioPlayerBlack}</li>
  716.                 </ul>
  717.                 <div class="clear"></div>
  718.         {/block:PermalinkPage}
  719.         {block:IndexPage}
  720.                 {block:AlbumArt}
  721.                         <img class="albumArt_img_index" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  722.                 {/block:AlbumArt}
  723.                 <div class="audioplayercontainer">{AudioPlayerBlack}</div>
  724.         {/block:IndexPage}
  725.         {block:Caption}
  726.                 <div class="caption">{Caption}</div>
  727.         {/block:Caption}
  728.         {block:IndexPage}
  729.                 {block:Date}
  730.                         <div class="description_posts">
  731.                                 <a href="{Permalink}">{TimeAgo}</a>
  732.                                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  733.                                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  734.                         </div>
  735.                 {/block:Date}
  736.         {/block:IndexPage}
  737.        
  738. {/block:Audio}
  739.  
  740. {block:Video}
  741.         {block:PermalinkPage}
  742.                 <div style="text-align:center">{Video-500}</div>
  743.         {/block:PermalinkPage}
  744.         {block:IndexPage}
  745.                 <div class="videoPost">{Video-250}</div>
  746.         {/block:IndexPage}
  747.         {block:Caption}
  748.         <div class="caption">{Caption}</div>
  749.         {/block:Caption}
  750.         {block:IndexPage}
  751.                 {block:Date}
  752.                         <div class="description_posts">
  753.                                 <a href="{Permalink}">{TimeAgo}</a>
  754.                                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  755.                                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  756.                         </div>
  757.                 {/block:Date}
  758.         {/block:IndexPage}
  759. {/block:Video}
  760.  
  761. {block:PermalinkPage}
  762.         {block:IfShowSocial}
  763.                 {block:Date}
  764.                         <div class="sociallike" style="text-align: center;">
  765.                                 <div style="display:inline-block;margin-left:20px;"><g:plusone annotation="none" size="medium" href="{Permalink}"></g:plusone></div>
  766.                                 <span style="margin-left:20px;"><a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a>
  767.                                 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span>
  768.                                 <span style="margin-left:20px;"><iframe id="facebookiframe" src="http://www.facebook.com/plugins/like.php?locale=en_US&href={Permalink}&width=45&colorscheme=light&layout=button_count" scrolling="no" frameborder='0' style="border:none; overflow:hidden; width:50px; height:21px;"></iframe></span>
  769.                         </div>
  770.                 {/block:Date}
  771.         {/block:IfShowSocial}
  772. {/block:PermalinkPage}
  773. </div>
  774. </div><!-- .posts -->
  775.  
  776. {block:PermalinkPage}
  777. {block:Date}
  778. <div class="posts" style="width:320px;overflow: visible;">
  779.         <div id="postnotesdiv">
  780.                 <ul id="postPageUl">
  781.                         <li>
  782.                                 On <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{DayOfMonthWithZero} {ShortMonth} {Year}</a><br>
  783.                         </li>
  784.                         <li>
  785.                                 {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  786.                         </li>
  787.                         {block:RebloggedFrom}
  788.                                 <li>
  789.                                         Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  790.                                 </li>
  791.                                 <li>
  792.                                         Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  793.                                 </li>
  794.                         {/block:RebloggedFrom}
  795.                         {block:HasTags}
  796.                                 <li style="margin:10px 0px 15px;">
  797.                                         {block:Tags}<a class="atag" href="{TagURL}">#{Tag} </a>{/block:Tags}
  798.                                 </li>
  799.                         {/block:HasTags}
  800.                 </ul>
  801.        
  802.                 <div class="countNote_pagePosts">
  803.                         <div class="left">
  804.                                 {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  805.                         </div>
  806.                         {block:PermalinkPagination}
  807.                                 <div id="paginationPost" class="right">
  808.                                         {block:NextPost}<a id="paginationPost_prev" href="{NextPost}">« Prev </a>{/block:NextPost}
  809.                                         {block:PreviousPost}<a id="paginationPost_next" href="{PreviousPost}"> Next »</a>{/block:PreviousPost}
  810.                                 </div>
  811.                         {/block:PermalinkPagination}
  812.                         <div class="clear"></div>
  813.                 </div>
  814.                
  815.                 {block:PostNotes}
  816.                         {PostNotes}
  817.                 {/block:PostNotes}
  818.                 <div class="clear"></div>
  819.         </div>
  820. </div><!-- .posts -->
  821. {/block:Date}
  822. {/block:PermalinkPage}
  823.  
  824. {/block:Posts}
  825. <div class="clear"></div>
  826. </div><!-- content -->
  827.  
  828. <div class="clear"></div>
  829. </div><!-- container -->
  830.  
  831. {block:IndexPage}
  832.         {block:Pagination}
  833.                 <ul id="pagination">
  834.                         {block:PreviousPage}
  835.                                 <li><a href="{PreviousPage}">«</a></li>
  836.                         {/block:PreviousPage}
  837.                         {block:JumpPagination length="5"}
  838.                         {block:CurrentPage}
  839.                                 <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  840.                         {/block:CurrentPage}
  841.                         {block:JumpPage}
  842.                                 <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  843.                         {/block:JumpPage}
  844.                         {/block:JumpPagination}
  845.                         {block:NextPage}
  846.                                 <li><a id="nextPage" href="{NextPage}">»</a></li>
  847.                         {/block:NextPage}
  848.                 </ul>
  849.         {/block:Pagination}
  850. {/block:IndexPage}
  851.  
  852. <div id="footer">
  853.         {block:IfFooterText}
  854.                 {text:Footer Text}
  855.                 <br>
  856.         {/block:IfFooterText}
  857. </div>
  858.  
  859.  
  860. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  861. <script type="text/javascript">
  862. $(function(){
  863.         $("#pageLink").click(function(){
  864.                         $("#titlePages").fadeToggle(500);
  865.                 });
  866.         });
  867. </script>
  868. {block:IfHideDescription}
  869. <script type="text/javascript">
  870.         $(function(){
  871.                 $("#nameBlog").click(function(){
  872.                         $("#head_description").fadeToggle(500);
  873.                 });
  874.         });
  875. </script>
  876. {/block:IfHideDescription}
  877. {block:IndexPage}
  878. <script type="text/javascript"  src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  879. {block:IfInfiniteScroll}
  880. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  881. {/block:IfInfiniteScroll}
  882. <script type="text/javascript">
  883. $(window).load(function () {
  884. var $content = $('#content');
  885. $content.masonry({
  886.     itemSelector: '.posts',
  887.     isAnimated: true
  888.     }),
  889. $content.infinitescroll({
  890.         navSelector    : '#pagination',  
  891.       nextSelector   : '#pagination a#nextPage',
  892.       itemSelector   : '.posts',
  893.       loading: {
  894.           finishedMsg: '',
  895.           img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  896.       },
  897.       bufferPx       : 200,
  898.       debug          : false,
  899. },
  900. // call masonry as a callback.
  901. function( newElements ) {
  902.         var $newElems = $( newElements );
  903.                 $newElems.hide();
  904.         // ensure that images load before adding to masonry layout
  905.         $newElems.imagesLoaded(function(){
  906.                 $content.masonry( 'appended',
  907.         $newElems, true,
  908.         function(){$newElems.fadeIn(300);}
  909.     );
  910.  
  911.                
  912.         });
  913. });
  914. });
  915. </script>
  916. {/block:IndexPage}
  917. {block:IfContainerFadeIn}
  918. <script type="text/javascript">
  919.         $(function(){
  920.                 $("#container").fadeIn(500);
  921.         });
  922. </script>
  923. {/block:IfContainerFadeIn}
  924.  
  925. <script type="text/javascript">
  926.   (function() {
  927.     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  928.     po.src = 'https://apis.google.com/js/plusone.js';
  929.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  930.   })();
  931. </script>
  932.  
  933. </body>
  934. </html>
create a new version of this paste RAW Paste Data