API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 4th, 2012
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 52.59 KB | None | 0 0
raw download clone embed print report
  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. |   _   |  |   | |     | |   |/   / |     | |   _   |  |   |     |   _   |
  6. |  |_|  |  |   | |    _| |   |   /  |   _ | |  |_|  |  |   |     |  |_|  |
  7. |      -   |   | |  | _  |      -   |   _|  |      -   |   | _   |      -
  8. |   |   \  |   | |     | |   |   \  |     | |   |   \  |       | |   |   \
  9. |_ _|\_ _\ |_ _| |_ _ _| |_ _|\_ _\ |_ _ _| |_ _|\_ _\ |_ _ _ _| |_ _|\_ _\
  10.    
  11.    
  12. ********************************
  13. Theme by: rickerlr.tumblr.com
  14. On: www.themecloud.co
  15. Name: LIGHTGLASS
  16. Year: 2012
  17. ********************************
  18. -->
  19.  
  20. <html>
  21. <head>
  22. <script>
  23. function myFunction()
  24. {
  25. alert(window.location);
  26. }
  27. </script>
  28. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  29.  
  30. <meta name="color:Background" content="#f5f5f5"/>
  31. <meta name="color:Border Note Permalinks" content="#f5f5f5"/>
  32. <meta name="color:Box Shadow Color" content="#e5e5e5"/>
  33. <meta name="color:Link" content="#000000"/>
  34. <meta name="color:Link active" content="#222222"/>
  35. <meta name="color:Link hover" content="#444444"/>
  36. <meta name="color:Link menu" content="#888888"/>
  37. <meta name="color:Notes" content="#bbbbbb"/>
  38. <meta name="color:Opacity Color Photo Effect" content="#000000"/>
  39. <meta name="color:Post Background" content="#fbfbfb"/>
  40. <meta name="color:Text" content="#777777"/>
  41. <meta name="color:Text Description" content="#777777"/>
  42. <meta name="color:Title" content="#444444"/>
  43. <meta name="color:Title Header" content="#333333"/>
  44.  
  45. <meta name="image:Background image" content="http://static.tumblr.com/dbek3sy/noXm2qa7z/body_bg.jpg" />
  46. <meta name="image:Header Image" content="" />
  47.  
  48. <!-- columns number -->
  49. <meta name="if:1 Column" content="1"/>
  50. <meta name="if:2 Columns" content="0"/>
  51. <meta name="if:3 Columns" content="0"/>
  52. <meta name="if:4 Columns" content="0"/>
  53. <meta name="if:5 Columns" content="0"/>
  54.  
  55. <meta name="if:Border Rounded" content="0"/>
  56. <meta name="if:Box Shadow" content="1"/>
  57. <meta name="if:Container FadeIn" content="0"/>
  58.  
  59. <!-- fonts -->
  60. <meta name="if:Font Francois One" content="0"/>
  61. <meta name="if:Font Gochi Hand" content="0"/>
  62. <meta name="if:Font Indie Flower" content="0"/>
  63. <meta name="if:Font Leckerli One" content="0"/>
  64. <meta name="if:Font Lilita One" content="0"/>
  65. <meta name="if:Font Lobster" content="0"/>
  66. <meta name="if:Font Mrs Sheppards" content="0"/>
  67. <meta name="if:Font Oleo Script" content="0"/>
  68. <meta name="if:Font Open Sans Condensed" content="0"/>
  69. <meta name="if:Font Oswald" content="1"/>
  70.  
  71. <meta name="if:Hide Description" content="0"/>
  72. <meta name="if:Infinite Scroll" content="1"/>
  73. <meta name="if:Post Padding" content="0"/>
  74. <meta name="if:Show Archive Link" content="1"/>
  75. <meta name="if:Show Captions" content="0"/>
  76. <meta name="if:Show Notes Permalink" content="0"/>
  77. <meta name="if:Show RSS Link" content="0"/>
  78. <meta name="if:Show Social" content="1"/>
  79. <meta name="if:Tumblr Buttons Fixed" content="0"/>
  80. <meta name="if:Tumblr Buttons Opacity" content="0"/>
  81.  
  82. <meta name="text:Back Top" content="Back to top" />
  83. <meta name="text:Footer Text" content="" />
  84. <meta name="text:Google Analytics ID" content="" />
  85. <meta name="text:Link 1 title" content="" />
  86. <meta name="text:Link 1 url" content="" />
  87. <meta name="text:Link 2 title" content="" />
  88. <meta name="text:Link 2 url" content="" />
  89. <meta name="text:Link 3 title" content="" />
  90. <meta name="text:Link 3 url" content="" />
  91. <meta name="text:Link 4 title" content="" />
  92. <meta name="text:Link 4 url" content="" />
  93. <meta name="text:Link 5 title" content="" />
  94. <meta name="text:Link 5 url" content="" />
  95. <meta name="text:Link 6 title" content="" />
  96. <meta name="text:Link 6 url" content="" />
  97. <meta name="text:Page Text" content="Pages" />
  98.  
  99. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  100. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  101. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  102. <link rel="shortcut icon" href="{Favicon}" />
  103. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  104. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  105.  
  106. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  107. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  108.  
  109. <link href='http://fonts.googleapis.com/css?family=Lilita+One|Oleo+Script|Lobster|Gochi+Hand|Mrs+Sheppards|Open+Sans+Condensed:700|Leckerli+One|Francois+One|Indie+Flower' rel='stylesheet' type='text/css'>
  110.  
  111. <!-- Lightglass css code -->
  112. <style>
  113. /* CSS RESET */
  114.  
  115. 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:"";}
  116.  
  117.  
  118.  
  119. *{
  120.  
  121. outline: none;
  122.  
  123. -moz-outline: none;
  124.  
  125. }
  126.  
  127.  
  128.  
  129. blockquote{    padding-left:10px;border-left:3px solid {color:Border Note Permalinks};margin:5px 0px 5px 0px;}
  130.  
  131. li{list-style-type: circle;margin-left: 15px;}
  132.  
  133. ul.titleLinks li, ul.bottomLinks li, ul.chat li, .note, .like{list-style-type: none;margin:0px;}
  134.  
  135. ol.notes{text-align: left;}
  136.  
  137. .note, .like{
  138.  
  139.     {block:IfNotShowNotesPermalink}margin: 5px 0px;{/block:IfNotShowNotesPermalink}
  140.  
  141.     {block:IfShowNotesPermalink}margin: 10px 0px;{/block:IfShowNotesPermalink}
  142.  
  143. }
  144.  
  145. ol.notes li .avatar {
  146.  
  147.     width:18px;
  148.  
  149.     height:18px;
  150.  
  151.     vertical-align: middle;
  152.  
  153.     {block:IfShowNotesPermalink}margin-right: 5px;{/block:IfShowNotesPermalink}
  154.  
  155. }
  156.  
  157.  
  158.  
  159. {block:IfNotShowNotesPermalink}
  160.  
  161. .note, .like{float:left;margin:5px 5px 0px 0px;line-height: 16px;}
  162.  
  163. .action, .note blockquote, .like blockquote{display:none;}
  164.  
  165. .more_notes_link_container{padding:0px !important;}
  166.  
  167. .action a{color: #fff !important;}
  168.  
  169. .note, .like{z-index:10;}
  170.  
  171. .note:hover, .like:hover{position:relative;z-index:100;}           
  172.  
  173. .note:hover .action, .like:hover .action{
  174.  
  175.     display: block;
  176.  
  177.     position:absolute;
  178.  
  179.     float:left;
  180.  
  181.     white-space:nowrap;
  182.  
  183.     top:-2.2em;
  184.  
  185.     left:.5em;
  186.  
  187.     background:#000;
  188.  
  189.     color:#fff;
  190.  
  191.     padding: 1px 5px;
  192.  
  193.     z-index:10;
  194.  
  195. }
  196.  
  197. {/block:IfNotShowNotesPermalink}
  198.  
  199.  
  200.  
  201. h1,h2,h3,h4,h5,h6{font-weight: bold;}
  202.  
  203. .right{float: right;} .left{float: left;} .clear {clear: both;}
  204.  
  205.  
  206.  
  207. a:link, a:visited{color:{color:Link};}
  208.  
  209. a{
  210.  
  211.     text-decoration:none;
  212.  
  213.     opacity: 1;
  214.  
  215.     filter:alpha(opacity=100);
  216.  
  217.     -webkit-transition: opacity 0.5s ease, color 0.5s ease;
  218.  
  219.     -moz-transition: opacity 0.5s ease, color 0.5s ease;
  220.  
  221.     transition: opacity 0.5s ease, color 0.5s ease;
  222.  
  223.     -o-transition: opacity 0.5s ease, color 0.5s ease;
  224.  
  225. }
  226.  
  227. a:hover {
  228.  
  229.     color:{color:Link hover};
  230.  
  231.     opacity: 0.75;
  232.  
  233.     filter:alpha(opacity=75);
  234.  
  235. }
  236.  
  237. a:active {color:{color:Link active};}
  238.  
  239.  
  240.  
  241. #tumblr_controls{
  242.  
  243.     {block:IfTumblrButtonsFixed}
  244.  
  245.         position:fixed !important;
  246.  
  247.     {/block:IfTumblrButtonsFixed}
  248.  
  249.    
  250.  
  251.     {block:IfTumblrButtonsOpacity}
  252.  
  253.         opacity: 0.3;
  254.  
  255.         filter:alpha(opacity=30);
  256.  
  257.     {/block:IfTumblrButtonsOpacity}
  258.  
  259.    
  260.  
  261.     -webkit-transition: all 0.5s ease-out;
  262.  
  263.     -moz-transition: all 0.5s ease-out;
  264.  
  265.     transition: all 0.5s ease-out;
  266.  
  267.     -o-transition: all 0.5s ease-out;
  268.  
  269. }
  270.  
  271.  
  272.  
  273. {block:IfTumblrButtonsOpacity}
  274.  
  275.     #tumblr_controls:hover{
  276.  
  277.         opacity: 1;
  278.  
  279.         filter:alpha(opacity=100);
  280.  
  281.     }
  282.  
  283. {/block:IfTumblrButtonsOpacity}
  284.  
  285.  
  286.  
  287. body{
  288.  
  289.     font-size:100%;
  290.  
  291.     color: {color:Text};
  292.  
  293.     font-family: 'Open Sans', sans-serif;
  294.  
  295.     text-align: center;
  296.  
  297.     word-wrap: break-word;
  298.  
  299.     background-color: {color:Background};
  300.  
  301.     background-image: url({image:Background image});
  302.  
  303.     background-repeat: repeat;
  304.  
  305.     background-attachment: fixed;
  306.  
  307.     background-position: top left;
  308.  
  309. }
  310.  
  311. #container{
  312.  
  313.     {block:IndexPage}
  314.  
  315.         /*1 columns */
  316.  
  317.             {block:If1Column}width: 520px;{/block:If1Column}
  318.  
  319.        
  320.  
  321.         /*2 columns */
  322.  
  323.             {block:If2Columns}width: 840px;{/block:If2Columns}
  324.  
  325.            
  326.  
  327.         /*3 columns */
  328.  
  329.             {block:If3Columns}width: 870px;{/block:If3Columns}
  330.  
  331.            
  332.  
  333.         /*4 columns */
  334.  
  335.             {block:If4Columns}width: 1040px;{/block:If4Columns}
  336.  
  337.            
  338.  
  339.         /*5 columns */
  340.  
  341.             {block:If5Columns}width: 1300px;{/block:If5Columns}
  342.  
  343.        
  344.  
  345.     {/block:IndexPage}
  346.  
  347.  
  348.  
  349.     position: relative;
  350.  
  351.     text-align: left;
  352.  
  353.     height: 100%;
  354.  
  355.     margin: 0px auto;
  356.  
  357.     z-index:0;
  358.  
  359.     {block:IfContainerFadeIn}
  360.  
  361.         display:none;
  362.  
  363.     {/block:IfContainerFadeIn}
  364.  
  365.     {block:IfInfiniteScroll}
  366.  
  367.         {block:IndexPage}
  368.  
  369.             min-height: 800px;
  370.  
  371.             height: auto !important;
  372.  
  373.             height: 800px;
  374.  
  375.         {/block:IndexPage}
  376.  
  377.     {/block:IfInfiniteScroll}
  378.  
  379. }
  380.  
  381.  
  382.  
  383. #header{
  384.  
  385.     max-width: 940px;
  386.  
  387.     width:expression(document.body.clientWidth > 940? "940px": "auto" );
  388.  
  389.     text-align:center;
  390.  
  391.     margin: 0px auto;
  392.  
  393. }
  394.  
  395.  
  396.  
  397. #header h1{
  398.  
  399.     margin-top:20px;
  400.  
  401.     font-size: 2em;
  402.  
  403.     text-align:center;
  404.  
  405.    
  406.  
  407.     {block:IfFontFrancoisOne}font-family: 'Francois One', sans-serif;{/block:IfFontFrancoisOne}
  408.  
  409.     {block:IfFontGochiHand}font-family: 'Gochi Hand', cursive;{/block:IfFontGochiHand}
  410.  
  411.     {block:IfFontIndieFlower}font-family: 'Indie Flower', cursive;{/block:IfFontIndieFlower}
  412.  
  413.     {block:IfFontLeckerliOne}font-family: 'Leckerli One', cursive;{/block:IfFontLeckerliOne}   
  414.  
  415.     {block:IfFontLilitaOne}font-family: 'Lilita One', cursive;{/block:IfFontLilitaOne} 
  416.  
  417.     {block:IfFontLobster}font-family: 'Lobster', cursive;{/block:IfFontLobster}    
  418.  
  419.     {block:IfFontMrsSheppards}font-family: 'Mrs Sheppards', cursive;{/block:IfFontMrsSheppards}
  420.  
  421.     {block:IfFontOleoScript}font-family: 'Oleo Script', cursive;{/block:IfFontOleoScript}
  422.  
  423.     {block:IfFontOpenSansCondensed}font-family: 'Open Sans Condensed', sans-serif;{/block:IfFontOpenSansCondensed}
  424.  
  425.     {block:IfFontOswald}font-family: 'Oswald', sans-serif;{/block:IfFontOswald}
  426.  
  427.    
  428.  
  429.     font-weight: normal !important;
  430.  
  431.     cursor: pointer;
  432.  
  433.     color:{color:Title Header};
  434.  
  435. }
  436.  
  437. #header h1 a{text-decoration: none;color:{color:Title Header};}
  438.  
  439.  
  440.  
  441. #head_description{
  442.  
  443.     font-size:0.7em;
  444.  
  445.     margin: 4px 0 10px;
  446.  
  447.     color:{color:Text Description};
  448.  
  449.     {block:IfHideDescription}
  450.  
  451.         display:none;
  452.  
  453.     {/block:IfHideDescription}
  454.  
  455. }
  456.  
  457. #head_description a{color:{color:Link menu};}
  458.  
  459.  
  460.  
  461. #imagetitle{
  462.  
  463.     margin-top:10px;
  464.  
  465.     max-width:940px;
  466.  
  467.     width:expression(document.body.clientWidth > 940? "940px": "auto" );
  468.  
  469.     cursor: pointer;
  470.  
  471. }
  472.  
  473.  
  474.  
  475. #content{
  476.  
  477.     margin:-10px auto;
  478.  
  479.     position:relative;
  480.  
  481.     padding-bottom:20px;
  482.  
  483.    
  484.  
  485.     {block:PermalinkPage}
  486.  
  487.         {block:IfNotShowNotesPermalink}width: 880px;{/block:IfNotShowNotesPermalink}
  488.  
  489.         {block:IfShowNotesPermalink}width: 520px;{/block:IfShowNotesPermalink}
  490.  
  491.     {/block:PermalinkPage}
  492.  
  493. }
  494.  
  495.  
  496.  
  497. ul#titlePages{display:none}
  498.  
  499.  
  500.  
  501. ul.titleLinks2{
  502.  
  503.     margin:10px 0px;
  504.  
  505.     font-size: 0.6em;
  506.  
  507. }
  508.  
  509. ul.titleLinks{
  510.  
  511.     margin:10px 0px;
  512.  
  513.     font-size: 0.6em;
  514.  
  515.     text-transform: uppercase;
  516.  
  517. }
  518.  
  519. ul.titleLinks li{display: inline;margin-left: 25px;}
  520.  
  521. ul.titleLinks2 li{display: inline;margin-left: 25px;}
  522.  
  523. ul.titleLinks li:first-child{margin-left: 0px;}
  524.  
  525. ul.titleLinks2 li:first-child{margin-left: 0px;}
  526.  
  527. ul.titleLinks a, ul.titleLinks2 a, ul.bottomLinks a{
  528.  
  529.     color:{color:Link menu};    
  530.     text-decoration:none;
  531.  
  532. }
  533.  
  534.  
  535.  
  536.  
  537. ul.bottomLinks{
  538.  
  539.     font-size:0.8em;
  540.  
  541.     text-transform: uppercase;
  542.  
  543.     padding-bottom: 5px;
  544.  
  545.     margin-bottom: 5px;
  546.  
  547.     border-bottom: 1px solid {color:Border Note Permalinks};
  548.  
  549. }
  550.  
  551. ul.bottomLinks li{
  552.  
  553.     text-align: right;
  554.  
  555.     margin-top:5px;
  556.  
  557. }
  558.  
  559.  
  560.  
  561. .posts{
  562.  
  563.     overflow: hidden;
  564.  
  565.     position:relative;
  566.  
  567.     margin: 20px 10px 0px;
  568.  
  569.     background-color: {color:Post Background};
  570.  
  571.     z-index:9000;
  572.  
  573.    
  574.  
  575.     {block:PermalinkPage}
  576.  
  577.         width:520px;
  578.  
  579.         float:left;
  580.  
  581.     {/block:PermalinkPage}
  582.  
  583.     {block:IndexPage}
  584.  
  585.         float: left;
  586.  
  587.     {/block:IndexPage}
  588.  
  589.     {block:IfBoxShadow}
  590.  
  591.         box-shadow: 0px 0px 3px {color:Box Shadow Color};
  592.  
  593.     {/block:IfBoxShadow}
  594.  
  595. }
  596.  
  597. {block:IndexPage}
  598.  
  599. .posts, .opacityColorPhotoEffect{
  600.  
  601.     width: 145px;
  602.  
  603.    
  604.  
  605.         /*1 columns */
  606.  
  607.             {block:If1Column}width: 500px !important;{/block:If1Column}
  608.  
  609.        
  610.  
  611.         /*2 columns */
  612.  
  613.             {block:If2Columns}width: 400px !important;{/block:If2Columns}
  614.  
  615.            
  616.  
  617.         /*3 columns */
  618.  
  619.             {block:If3Columns}width: 270px !important;{/block:If3Columns}
  620.  
  621.            
  622.  
  623.         /*4 columns */
  624.  
  625.             {block:If4Columns}width: 240px !important;{/block:If4Columns}
  626.  
  627.            
  628.  
  629.         /*5 columns */
  630.  
  631.             {block:If5Columns}width: 240px !important;{/block:If5Columns}
  632.  
  633. }
  634.  
  635. {/block:IndexPage}
  636.  
  637. {block:IfBorderRounded}
  638.  
  639.     .posts, img.photo, .opacityColorPhotoEffect, .albumArt_img_index, .odd, #zoomPost_content, .audioimage{
  640.  
  641.         -webkit-border-radius: 3px;
  642.  
  643.         -moz-border-radius: 3px;
  644.  
  645.         border-radius: 3px;
  646.  
  647.     }
  648.  
  649. {/block:IfBorderRounded}
  650.  
  651.  
  652.  
  653. img.photo{
  654.  
  655.     {block:IndexPage}
  656.  
  657.         {block:IfPostPadding}
  658.  
  659.        
  660.  
  661.         width: 125px;
  662.  
  663.            
  664.  
  665.         /*1 columns */
  666.  
  667.             {block:If1Column}width: 480px !important;{/block:If1Column}
  668.  
  669.        
  670.  
  671.         /*2 columns */
  672.  
  673.             {block:If2Columns}width: 380px !important;{/block:If2Columns}
  674.  
  675.            
  676.  
  677.         /*3 columns */
  678.  
  679.             {block:If3Columns}width: 250px !important;{/block:If3Columns}
  680.  
  681.            
  682.  
  683.         /*4 columns */
  684.  
  685.             {block:If4Columns}width: 220px !important;{/block:If4Columns}
  686.  
  687.            
  688.  
  689.         /*5 columns */
  690.  
  691.             {block:If5Columns}width: 220px !important;{/block:If5Columns}
  692.  
  693.  
  694.  
  695.             margin-bottom: -5px !important;
  696.  
  697.         {/block:IfPostPadding}
  698.  
  699.         {block:IfNotPostPadding}
  700.  
  701.             margin-top: -10px;
  702.  
  703.             margin-left: -10px;
  704.  
  705.         {/block:IfNotPostPadding}
  706.  
  707.         {block:IfShowCaptions}
  708.  
  709.             margin-bottom: -5px;
  710.  
  711.         {/block:IfShowCaptions}
  712.  
  713.         {block:IfNotShowCaptions}
  714.  
  715.             margin-bottom: -15px;
  716.  
  717.         {/block:IfNotShowCaptions}
  718.  
  719.     {/block:IndexPage}
  720.  
  721.     {block:PermalinkPage}
  722.  
  723.         margin-bottom: -5px;
  724.  
  725.     {/block:PermalinkPage}
  726.  
  727. }
  728.  
  729.  
  730.  
  731.  
  732.  
  733. .photosetPost{
  734.  
  735.     text-align:center;
  736.  
  737.     {block:IndexPage}
  738.  
  739.         margin-top: -10px;
  740.  
  741.         margin-left:-10px;
  742.  
  743.         margin-bottom: -15px;
  744.  
  745.         {block:If3Columns}
  746.  
  747.             {block:IfNot4Columns}
  748.  
  749.                 {block:IfNot5Columns}
  750.  
  751.                     margin-top: 0px;
  752.  
  753.                     margin-left: 0px;
  754.  
  755.                     margin-bottom: -5px;
  756.  
  757.                 {/block:IfNot5Columns}
  758.  
  759.             {/block:IfNot4Columns}
  760.  
  761.         {/block:If3Columns}
  762.  
  763.     {/block:IndexPage}
  764.  
  765. }
  766.  
  767.  
  768.  
  769.  
  770.  
  771. .videoPost iframe, .video_player{
  772.  
  773.    
  774.  
  775.     {block:IfPostPadding}
  776.  
  777.         width: 125px;
  778.  
  779.         margin-bottom: -5px;
  780.  
  781.    
  782.  
  783.         /*1 columns */
  784.  
  785.             {block:If1Column}width: 480px !important;{/block:If1Column}
  786.  
  787.        
  788.  
  789.         /*2 columns */
  790.  
  791.             {block:If2Columns}width: 380px !important;{/block:If2Columns}
  792.  
  793.            
  794.  
  795.         /*3 columns */
  796.  
  797.             {block:If3Columns}width: 250px !important;{/block:If3Columns}
  798.  
  799.            
  800.  
  801.         /*4 columns */
  802.  
  803.             {block:If4Columns}width: 220px !important;{/block:If4Columns}
  804.  
  805.            
  806.  
  807.         /*5 columns */
  808.  
  809.             {block:If5Columns}width: 220px !important;{/block:If5Columns}
  810.  
  811.     {block:IfPostPadding}
  812.  
  813.     {block:IndexPage}
  814.  
  815.     {block:IfNotPostPadding}
  816.  
  817.         margin-top: -10px;
  818.  
  819.         margin-left: -10px;
  820.  
  821.         margin-bottom: -15px;
  822.  
  823.        
  824.  
  825.             width:145px;
  826.  
  827.         /*1 columns */
  828.  
  829.             {block:If1Column}width: 500px !important;{/block:If1Column}
  830.  
  831.        
  832.  
  833.         /*2 columns */
  834.  
  835.             {block:If2Columns}width: 400px !important;{/block:If2Columns}
  836.  
  837.            
  838.  
  839.         /*3 columns */
  840.  
  841.             {block:If3Columns}width: 270px !important;{/block:If3Columns}
  842.  
  843.            
  844.  
  845.         /*4 columns */
  846.  
  847.             {block:If4Columns}width: 240px !important;{/block:If4Columns}
  848.  
  849.            
  850.  
  851.         /*5 columns */
  852.  
  853.             {block:If5Columns}width: 240px !important;{/block:If5Columns}
  854.  
  855.     {block:IfNotPostPadding}
  856.  
  857.     {block:IndexPage}
  858.  
  859.     {block:PermalinkPage}
  860.  
  861.         width: 500px !important;
  862.  
  863.     {/block:PermalinkPage}
  864.  
  865. }
  866.  
  867.  
  868.  
  869. #footer{
  870.  
  871.     font-size: 0.6em;
  872.  
  873.     {block:IfInfiniteScroll}margin: 30px auto 50px;{block:IfInfiniteScroll}
  874.  
  875.     {block:IfNotInfiniteScroll}margin: 10px auto 50px;{block:IfNotInfiniteScroll}
  876.  
  877.     padding-top: 5px;
  878.  
  879.     width: 500px;
  880.  
  881.     border-top: 1px solid {color:Border Note Permalinks};
  882.  
  883.    color:{color:Text Description};
  884.  
  885. }
  886.  
  887. #footer a{text-decoration: none;color:{color:Link menu};}
  888.  
  889.  
  890.  
  891. .chat li.odd, .chat li.even{padding:5px;line-height:1em;}
  892.  
  893. .chat li.odd{color:{color:Title};background-color:{color:Border Note Permalinks};}
  894.  
  895. .chat li.even{color:{color:Link};margin:5px 0px}
  896.  
  897. .title{font-size:0.9em;color:{color:Title};}
  898.  
  899. .title a{color:{color:Title};text-decoration:none;}
  900.  
  901. .caption{font-size:0.7em;margin-left:3px;line-height:1.3em;margin-top:5px;text-align:left;}
  902.  
  903. .caption ul{margin-top: 5px;}
  904.  
  905. .label{font-weight:bold;font-size:1em}
  906.  
  907. .asker{color:{color:Link};font-weight:bold;text-decoration:none;}
  908.  
  909. .quest{
  910.  
  911.     font-size:0.7em;
  912.  
  913.     {block:PermalinkPage}
  914.  
  915.     width: 460px;
  916.  
  917.     {/block:PermalinkPage}
  918.  
  919.     {block:IndexPage}
  920.  
  921.         width: 145px;
  922.  
  923.         /*1 columns */
  924.  
  925.             {block:If1Column}width: 440px !important;{/block:If1Column}
  926.  
  927.        
  928.  
  929.         /*2 columns */
  930.  
  931.             {block:If2Columns}width: 360px !important;{/block:If2Columns}
  932.  
  933.            
  934.  
  935.         /*3 columns */
  936.  
  937.             {block:If3Columns}width: 210px !important;{/block:If3Columns}
  938.  
  939.            
  940.  
  941.         /*4 columns */
  942.  
  943.             {block:If4Columns}width: 180px !important;{/block:If4Columns}
  944.  
  945.            
  946.  
  947.         /*5 columns */
  948.  
  949.             {block:If5Columns}width: 180px !important;{/block:If5Columns}
  950.  
  951.     {block:IndexPage}
  952.  
  953. }
  954.  
  955. .askAnswer , .answer_form_container{margin-top:10px;}
  956.  
  957. .audiotrack{width: 207px;}
  958.  
  959. .audiotrack li{margin: 5px 0px 0px;font-size: 0.7em;list-style-type: none;}
  960.  
  961. .audiotrack li:first-child{margin-top: 0px;}
  962.  
  963.  
  964.  
  965. .album_art{
  966.  
  967.     height:151px;
  968.  
  969.     width: 193px;
  970.  
  971.     margin-right: 30px;
  972.  
  973.     background: url('http://static.tumblr.com/dbek3sy/jG9lswgfn/audio_cover.png') no-repeat -150px 0px;
  974.  
  975.     position: relative;
  976.  
  977. }
  978.  
  979. .effectalbumart{
  980.  
  981.     height: 150px;
  982.  
  983.     width: 150px;
  984.  
  985.     position: absolute;
  986.  
  987.     top: 0px;
  988.  
  989.     left: 0px;
  990.  
  991.     background: url(http://static.tumblr.com/dbek3sy/L7vlsqr0w/audio_cover.png) no-repeat 0px 0px;
  992.  
  993.     z-index: 5000;
  994.  
  995. }
  996.  
  997. {block:IndexPage}
  998.  
  999.     .audioplayercontainer{
  1000.  
  1001.         {block:IfNotPostPadding}
  1002.  
  1003.             height:125px;
  1004.  
  1005.            
  1006.  
  1007.             /*1 columns */
  1008.  
  1009.                 {block:If1Column}height: 480px !important;{/block:If1Column}
  1010.  
  1011.            
  1012.  
  1013.             /*2 columns */
  1014.  
  1015.                 {block:If2Columns}height: 380px !important;{/block:If2Columns}
  1016.  
  1017.                
  1018.  
  1019.             /*3 columns */
  1020.  
  1021.                 {block:If3Columns}height: 250px !important;{/block:If3Columns}
  1022.  
  1023.                
  1024.  
  1025.             /*4 columns */
  1026.  
  1027.                 {block:If4Columns}height: 220px !important;{/block:If4Columns}
  1028.  
  1029.                
  1030.  
  1031.             /*5 columns */
  1032.  
  1033.                 {block:If5Columns}height: 220px !important;{/block:If5Columns}
  1034.  
  1035.         {block:IfNotPostPadding}
  1036.  
  1037.         {block:IfPostPadding}
  1038.  
  1039.             height: 125px;
  1040.  
  1041.        
  1042.  
  1043.             /*1 columns */
  1044.  
  1045.                 {block:If1Column}height: 480px !important;{/block:If1Column}
  1046.  
  1047.            
  1048.  
  1049.             /*2 columns */
  1050.  
  1051.                 {block:If2Columns}height: 380px !important;{/block:If2Columns}
  1052.  
  1053.                
  1054.  
  1055.             /*3 columns */
  1056.  
  1057.                 {block:If3Columns}height: 250px !important;{/block:If3Columns}
  1058.  
  1059.                
  1060.  
  1061.             /*4 columns */
  1062.  
  1063.                 {block:If4Columns}height: 220px !important;{/block:If4Columns}
  1064.  
  1065.                
  1066.  
  1067.             /*5 columns */
  1068.  
  1069.                 {block:If5Columns}height: 220px !important;{/block:If5Columns}
  1070.  
  1071.         {block:IfPostPadding}
  1072.  
  1073.     }
  1074.  
  1075.    
  1076.  
  1077.     .audioplayerout{
  1078.  
  1079.         position: absolute;
  1080.  
  1081.         background-color: #000;
  1082.  
  1083.         -webkit-border-radius: 50px;
  1084.  
  1085.         -moz-border-radius: 50px;
  1086.  
  1087.         border-radius: 50px;
  1088.  
  1089.         left: 50%;
  1090.  
  1091.         margin-left: -30px;
  1092.  
  1093.         top: 50%;
  1094.  
  1095.         margin-top: -30px;
  1096.  
  1097.     }
  1098.  
  1099.     .audioplayerinto{
  1100.  
  1101.         width: 20px;
  1102.  
  1103.         height: 30px;
  1104.  
  1105.         overflow: hidden;
  1106.  
  1107.         margin: 17px 24px 13px 16px;
  1108.  
  1109.     }
  1110.  
  1111.     .audioimage{
  1112.  
  1113.         background: {color:Border Note Permalinks};
  1114.  
  1115.         position: absolute;
  1116.  
  1117.         z-index: -1;
  1118.  
  1119.         {block:IfNotPostPadding}
  1120.  
  1121.             top: 0px;
  1122.  
  1123.             left: 0px;
  1124.  
  1125.             width:145px;
  1126.  
  1127.            
  1128.  
  1129.             /*1 columns */
  1130.  
  1131.                 {block:If1Column}width: 500px !important;{/block:If1Column}
  1132.  
  1133.            
  1134.  
  1135.             /*2 columns */
  1136.  
  1137.                 {block:If2Columns}width: 400px !important;{/block:If2Columns}
  1138.  
  1139.                
  1140.  
  1141.             /*3 columns */
  1142.  
  1143.                 {block:If3Columns}width: 270px !important;{/block:If3Columns}
  1144.  
  1145.                
  1146.  
  1147.             /*4 columns */
  1148.  
  1149.                 {block:If4Columns}width: 240px !important;{/block:If4Columns}
  1150.  
  1151.                
  1152.  
  1153.             /*5 columns */
  1154.  
  1155.                 {block:If5Columns}width: 240px !important;{/block:If5Columns}
  1156.  
  1157.         {/block:IfNotPostPadding}
  1158.  
  1159.         {block:IfPostPadding}
  1160.  
  1161.             top: 10px;
  1162.  
  1163.             left: 10px;
  1164.  
  1165.             width: 125px;
  1166.  
  1167.             margin-bottom: -5px;
  1168.  
  1169.        
  1170.  
  1171.             /*1 columns */
  1172.  
  1173.                 {block:If1Column}width: 480px !important;{/block:If1Column}
  1174.  
  1175.            
  1176.  
  1177.             /*2 columns */
  1178.  
  1179.                 {block:If2Columns}width: 380px !important;{/block:If2Columns}
  1180.  
  1181.                
  1182.  
  1183.             /*3 columns */
  1184.  
  1185.                 {block:If3Columns}width: 250px !important;{/block:If3Columns}
  1186.  
  1187.                
  1188.  
  1189.             /*4 columns */
  1190.  
  1191.                 {block:If4Columns}width: 220px !important;{/block:If4Columns}
  1192.  
  1193.                
  1194.  
  1195.             /*5 columns */
  1196.  
  1197.                 {block:If5Columns}width: 220px !important;{/block:If5Columns}
  1198.  
  1199.         {/block:IfPostPadding}
  1200.  
  1201.     }
  1202.  
  1203.     .noteAudio{
  1204.  
  1205.         padding:3px 6px;
  1206.  
  1207.         position:absolute;
  1208.  
  1209.         {block:IfNotPostPadding}
  1210.  
  1211.             bottom: 10px;
  1212.  
  1213.             right: 10px;
  1214.  
  1215.         {/block:IfNotPostPadding}
  1216.  
  1217.         {block:IfPostPadding}
  1218.  
  1219.             bottom: 15px;
  1220.  
  1221.             right: 15px;
  1222.  
  1223.         {/block:IfPostPadding}
  1224.  
  1225.         z-index: 10;
  1226.  
  1227.         background: {color:Post Background};
  1228.  
  1229.         opacity: 0;
  1230.  
  1231.         filter:alpha(opacity=0);
  1232.  
  1233.         font-size: 0.7em;
  1234.  
  1235.        
  1236.  
  1237.         -webkit-transition: opacity 0.3s ease;
  1238.  
  1239.         -moz-transition: opacity 0.3s ease;
  1240.  
  1241.         transition: opacity 0.3s ease;
  1242.  
  1243.         -o-transition: opacity 0.3s ease;
  1244.  
  1245.     }
  1246.  
  1247.     .noteAudio a{margin-left:5px;color:{color:Notes};}
  1248.  
  1249.    
  1250.  
  1251.     .audioplayercontainer:hover .noteAudio{
  1252.  
  1253.         opacity: 1;
  1254.  
  1255.         filter:alpha(opacity=100);
  1256.  
  1257.     }
  1258.  
  1259.    
  1260.  
  1261. {/block:IndexPage}
  1262.  
  1263.  
  1264.  
  1265.  
  1266.  
  1267. .link{text-decoration:underline !important;}
  1268.  
  1269.  
  1270.  
  1271. .postnotesdiv{
  1272.  
  1273.     font-size:0.7em;
  1274.  
  1275.     text-align:left;
  1276.  
  1277.     padding: 10px;
  1278.  
  1279. }
  1280.  
  1281.  
  1282.  
  1283. .countNote_pagePosts{
  1284.  
  1285.     margin: 5px 0px;
  1286.  
  1287.     border-bottom: 1px solid {color:Border Note Permalinks};
  1288.  
  1289.     padding: 5px 0px;
  1290.  
  1291. }
  1292.  
  1293.  
  1294.  
  1295.  
  1296.  
  1297. #pagination{
  1298.  
  1299.     {block:IfInfiniteScroll}
  1300.  
  1301.     display:none;
  1302.  
  1303.     {/block:IfInfiniteScroll}
  1304.  
  1305.     margin-top:20px;
  1306.  
  1307. }
  1308.  
  1309.  
  1310.  
  1311.  
  1312.  
  1313. #pagination li{
  1314.  
  1315.     display: inline-block;
  1316.  
  1317.     font-size: 0.7em;
  1318.  
  1319.     line-height: 35px;
  1320.  
  1321.     background-color: {color:Post Background};
  1322.  
  1323.     margin-left:10px;
  1324.  
  1325.     {block:IfBoxShadow}
  1326.  
  1327.         box-shadow: 0px 0px 2px {color:Box Shadow Color};
  1328.  
  1329.     {/block:IfBoxShadow}
  1330.  
  1331. }
  1332.  
  1333. #pagination li:first-child{margin-left: 0px;}
  1334.  
  1335.  
  1336.  
  1337. #pagination a{text-decoration:none;color: {color:Link};padding: 1px 15px;}
  1338.  
  1339. .current_page{color: {color:Text}}
  1340.  
  1341. .current_page{padding: 1px 15px;}
  1342.  
  1343.  
  1344.  
  1345. .sociallike{
  1346.  
  1347.     margin-top:10px;
  1348.  
  1349.     padding-top: 10px;
  1350.  
  1351.     border-top:1px solid {color:Border Note Permalinks};
  1352.  
  1353. }
  1354.  
  1355.  
  1356.  
  1357. .install:hover , .preview:hover{
  1358.  
  1359.     opacity:0.7;
  1360.  
  1361.     filter:alpha(opacity=70);
  1362.  
  1363. }
  1364.  
  1365.  
  1366.  
  1367. .opacityColorPhotoEffect{
  1368.  
  1369.     position:absolute;
  1370.  
  1371.     height:100%;
  1372.  
  1373.     background: {color:Opacity Color Photo Effect};
  1374.  
  1375.     top:0px;
  1376.  
  1377.     left:0px;
  1378.  
  1379.     z-index: 9998;
  1380.  
  1381.     opacity:0;
  1382.  
  1383.     filter:alpha(opacity=0);
  1384.  
  1385.    
  1386.  
  1387.     -webkit-transition: opacity 0.3s ease;
  1388.  
  1389.     -moz-transition: opacity 0.3s ease;
  1390.  
  1391.     transition: opacity 0.3s ease;
  1392.  
  1393.     -o-transition: opacity 0.3s ease;
  1394.  
  1395. }
  1396.  
  1397.  
  1398.  
  1399. .descriprion_icons{
  1400.  
  1401.     position: absolute;
  1402.  
  1403.     display: block;
  1404.  
  1405.     width: 25px;
  1406.  
  1407.     height: 25px;
  1408.  
  1409.     left: 50%;
  1410.  
  1411.     top: 65%;
  1412.  
  1413.     margin-top: -12px;
  1414.  
  1415.     background: url(http://static.tumblr.com/dbek3sy/Oufm2q70l/lightglass_icons.png) no-repeat;
  1416.  
  1417.     opacity:0;
  1418.  
  1419.     filter:alpha(opacity=0);
  1420.  
  1421.     z-index: 9999;
  1422.  
  1423. }
  1424.  
  1425. .reblog_icon{
  1426.  
  1427.     background-position: 0px 0px;margin-left: -60px;
  1428.  
  1429.     -webkit-transition: all 0.25s ease;
  1430.  
  1431.     -moz-transition: all 0.25s ease;
  1432.  
  1433.     transition: all 0.25s ease;
  1434.  
  1435.     -o-transition: all 0.25s ease;
  1436.  
  1437. }
  1438.  
  1439. .permalink_icon{
  1440.  
  1441.     background-position: -25px 0px;margin-left: -30px;
  1442.  
  1443.     -webkit-transition: all 0.45s ease;
  1444.  
  1445.     -moz-transition: all 0.45s ease;
  1446.  
  1447.     transition: all 0.45s ease;
  1448.  
  1449.     -o-transition: all 0.45s ease;
  1450.  
  1451. }
  1452.  
  1453. .zoom_icon{
  1454.  
  1455.     background-position: -50px 0px;margin-left: 0px;
  1456.  
  1457.     -webkit-transition: all 0.6s ease;
  1458.  
  1459.     -moz-transition: all 0.6s ease;
  1460.  
  1461.     transition: all 0.6s ease;
  1462.  
  1463.     -o-transition: all 0.6s ease;
  1464.  
  1465. }
  1466.  
  1467. .heart_icon{
  1468.  
  1469.     background-position: -75px 0px;margin-left: 30px;
  1470.  
  1471.     -webkit-transition: all 0.8s ease;
  1472.  
  1473.     -moz-transition: all 0.8s ease;
  1474.  
  1475.     transition: all 0.8s ease;
  1476.  
  1477.     -o-transition: all 0.8s ease;
  1478.  
  1479. }
  1480.  
  1481. .posts:hover .opacityColorPhotoEffect{opacity:0.4;filter:alpha(opacity=40);}
  1482.  
  1483. .posts:hover .descriprion_icons{top: 50%;opacity:1;filter:alpha(opacity=100);}
  1484.  
  1485.  
  1486.  
  1487. .description_posts{
  1488.  
  1489.     margin-top: 10px;
  1490.  
  1491.     font-size:0.6em;
  1492.  
  1493.     border-top: 1px solid {color:Border Note Permalinks};
  1494.  
  1495.     padding-top: 5px;text-align:center;
  1496.  
  1497. }
  1498.  
  1499.  
  1500.  
  1501. .description_posts a{text-decoration: none;color: {color:Notes};margin-left:10px;}
  1502.  
  1503. .description_posts a:hover, #zoomPost_content a:hover, .noteAudio a:hover{color: {color:Link};}
  1504.  
  1505. .description_posts a:first-child{margin-left: 0px;}
  1506.  
  1507.  
  1508.  
  1509. #postPageUl{
  1510.  
  1511.     {block:IfNotShowNotesPermalink}text-align:left;{/block:IfNotShowNotesPermalink}
  1512.  
  1513.     {block:IfShowNotesPermalink}text-align:center;{/block:IfShowNotesPermalink}
  1514.  
  1515. }
  1516.  
  1517. #postPageUl li{
  1518.  
  1519.     margin-left: 0px;
  1520.  
  1521.     list-style-type: none;
  1522.  
  1523.     margin-bottom: 5px;
  1524.  
  1525. }
  1526.  
  1527.  
  1528.  
  1529. #infscr-loading{
  1530.  
  1531.     bottom: -60px;
  1532.  
  1533.     position: absolute;
  1534.  
  1535.     left: 50%;
  1536.  
  1537.     margin-left:-8px;
  1538.  
  1539.     width:16px;
  1540.  
  1541.     height:20px;
  1542.  
  1543.     overflow:hidden;
  1544.  
  1545.     margin-bottom: 50px;
  1546.  
  1547. }
  1548.  
  1549.  
  1550.  
  1551. .atag{margin-right:7px;}
  1552.  
  1553.  
  1554.  
  1555. #zoomPost{
  1556.  
  1557.     display:none;
  1558.  
  1559.     width:100%;
  1560.  
  1561.     height:100%;
  1562.  
  1563.     position:fixed;
  1564.  
  1565.     top:0px;
  1566.  
  1567.     left:0px;
  1568.  
  1569.     z-index:9990;
  1570.  
  1571. }
  1572.  
  1573.  
  1574.  
  1575. #zoomPost_content{
  1576.  
  1577.     position: absolute;
  1578.  
  1579.     left: 50%;
  1580.  
  1581.     top: -300px;
  1582.  
  1583.     opacity: 0;
  1584.  
  1585.     margin-left: -260px;
  1586.  
  1587.     width: 520px;
  1588.  
  1589.     z-index:9992;
  1590.  
  1591.     background-color: {color:Post Background};
  1592.  
  1593.     box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
  1594.  
  1595.     font-size:0.7em;
  1596.  
  1597.    
  1598.  
  1599. }
  1600.  
  1601. #zoomPost_content a{
  1602.  
  1603.     margin-right:10px;
  1604.  
  1605.     color: {color:Notes};
  1606.  
  1607. }
  1608.  
  1609.  
  1610.  
  1611. #zoomPost_background{
  1612.  
  1613.     width: 100%;
  1614.  
  1615.     height: 100%;
  1616.  
  1617.     background: #000;
  1618.  
  1619.     opacity: 0.7;
  1620.  
  1621.     filter:alpha(opacity=70);
  1622.  
  1623.     z-index:9991;
  1624.  
  1625. }
  1626.  
  1627.  
  1628.  
  1629. #closeZoom{
  1630.  
  1631.     width:15px;
  1632.  
  1633.     height:15px;
  1634.  
  1635.     position:absolute;
  1636.  
  1637.     top:0px;
  1638.  
  1639.     right:-25px;
  1640.  
  1641.     background: url(http://static.tumblr.com/dbek3sy/0HDm2tn21/closezoomx.png) no-repeat;
  1642.  
  1643.     cursor: pointer;
  1644.  
  1645. }
  1646.  
  1647.  
  1648.  
  1649. #videoZoom{
  1650.  
  1651.     margin-bottom: 5px;
  1652.  
  1653.     border:0px;
  1654.  
  1655.     overflow:0px;
  1656.  
  1657.     width:500px;
  1658.  
  1659.     min-height:300px;
  1660.  
  1661.     height:auto !important;
  1662.  
  1663.     height: 300px;
  1664.  
  1665.     display:none;
  1666.  
  1667. }
  1668.  
  1669.  
  1670.  
  1671. #topDiv{
  1672.  
  1673.     position: fixed;
  1674.  
  1675.     bottom: 20px;
  1676.  
  1677.     right: 10px;
  1678.  
  1679.     z-index: 9999;
  1680.  
  1681.     display: none;
  1682.  
  1683.     font-size: 0.7em;
  1684.  
  1685.     cursor: pointer;
  1686.  
  1687.     color: {color:Text};
  1688.  
  1689. }
  1690.  
  1691.  
  1692.  
  1693. #topDivA{text-transform:uppercase;}
  1694. </style>
  1695.  
  1696. <style type="text/css" media="screen">{CustomCSS}</style>
  1697.  
  1698.  
  1699. <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>
  1700. <body>
  1701.  
  1702.  
  1703.  
  1704.  
  1705.  
  1706. <div id="container">
  1707. <div id="header">
  1708.  
  1709.     <div id="nameBlog">
  1710.         {block:IfHeaderImageImage}
  1711.             <a href="/" rel="home"><img id="imagetitle" src="{image:Header Image}"></a>
  1712.         {/block:IfHeaderImageImage}
  1713.        
  1714.         {block:IfNotHeaderImageImage}
  1715.             <h1><a href="/" rel="home">{Title}</a></h1>
  1716.         {/block:IfNotHeaderImageImage}
  1717.     </div>
  1718.  
  1719.  
  1720.     <div id="head_description">{Description}</div>
  1721.    
  1722.    
  1723.     <ul class="titleLinks">
  1724.        
  1725.         <li><a href="/">Home</a></li>
  1726.         {block:AskEnabled}
  1727.             <li><a href="/ask" >{AskLabel}</a></li>
  1728.         {/block:AskEnabled}
  1729.         {block:IfShowRSSLink}
  1730.             <li><a href="/rss" >Rss</a></li>
  1731.         {block:IfShowRSSLink}
  1732.         {block:IfShowArchiveLink}
  1733.             <li><a href="/archive" >Archive</a></li>
  1734.         {block:IfShowArchiveLink}
  1735.         <li><a href="/submit" >Submit</a></li>
  1736.         {block:IfLink1title}
  1737.             <li><a href="{text:Link 1 url}" >{text:Link 1 title}</a></li>
  1738.         {/block:IfLink1title}
  1739.         {block:IfLink2title}
  1740.             <li><a href="{text:Link 2 url}" >{text:Link 2 title}</a></li>
  1741.         {/block:IfLink2title}
  1742.         {block:IfLink3title}
  1743.             <li><a href="{text:Link 3 url}" >{text:Link 3 title}</a></li>
  1744.         {/block:IfLink3title}
  1745.         {block:IfLink4title}
  1746.             <li><a href="{text:Link 4 url}" >{text:Link 4 title}</a></li>
  1747.         {/block:IfLink4title}
  1748.         {block:IfLink5title}
  1749.             <li><a href="{text:Link 5 url}" >{text:Link 5 title}</a></li>
  1750.         {/block:IfLink5title}
  1751.         {block:IfLink6title}
  1752.             <li><a href="{text:Link 6 url}" >{text:Link 6 title}</a></li>
  1753.         {/block:IfLink6title}
  1754.         {block:HasPages}
  1755.            <li><a id="pageLink" href="javascript:void(0)">{text:Page Text}</a></li>
  1756.         {/block:HasPages}
  1757.     </ul>
  1758.     <ul class="titleLinks2">
  1759.         <li><a href="/tagged/Types"><script>if(String(window.location).indexOf('.tumblr.com/tagged/Types') != -1) { document.write("<b><u>"); }</script>Types<script>if(String(window.location).indexOf('.tumblr.com/tagged/Types') != -1) { document.write("</u></b>"); }</script></a></li>
  1760.         <li><a href="/tagged/Product"><script>if(String(window.location).indexOf('.tumblr.com/tagged/Product') != -1) { document.write("<b><u>"); }</script>Product<script>if(String(window.location).indexOf('.tumblr.com/tagged/Product') != -1) { document.write("</u></b>"); }</script></a></li>
  1761.         <li><a href="/tagged/Fashion"><script>if(String(window.location).indexOf('.tumblr.com/tagged/Fashion') != -1) { document.write("<b><u>"); }</script>Fashion<script>if(String(window.location).indexOf('.tumblr.com/tagged/Fashion') != -1) { document.write("</u></b>"); }</script></a></li>
  1762.         <li><a href="/tagged/UI"><script>if(String(window.location).indexOf('.tumblr.com/tagged/UI') != -1) { document.write("<b><u>"); }</script>UI<script>if(String(window.location).indexOf('.tumblr.com/tagged/UI') != -1) { document.write("</u></b>"); }</script></a></li>
  1763.         <li><a href="/tagged/red"><script>if(String(window.location).indexOf('.tumblr.com/tagged/red') != -1) { document.write("<b><u>"); }</script>red<script>if(String(window.location).indexOf('.tumblr.com/tagged/red') != -1) { document.write("</u></b>"); }</script></a></li>
  1764.         <li><a href="/tagged/pink"><script>if(String(window.location).indexOf('.tumblr.com/tagged/pink') != -1) { document.write("<b><u>"); }</script>pink<script>if(String(window.location).indexOf('.tumblr.com/tagged/pink') != -1) { document.write("</u></b>"); }</script></a></li>
  1765.         <li><a href="/tagged/orange"><script>if(String(window.location).indexOf('.tumblr.com/tagged/orange') != -1) { document.write("<b><u>"); }</script>orange<script>if(String(window.location).indexOf('.tumblr.com/tagged/orange') != -1) { document.write("</u></b>"); }</script></a></li>
  1766.         <li><a href="/tagged/yellow"><script>if(String(window.location).indexOf('.tumblr.com/tagged/yellow') != -1) { document.write("<b><u>"); }</script>yellow<script>if(String(window.location).indexOf('.tumblr.com/tagged/yellow') != -1) { document.write("</u></b>"); }</script></a></li>
  1767.         <li><a href="/tagged/green"><script>if(String(window.location).indexOf('.tumblr.com/tagged/green') != -1) { document.write("<b><u>"); }</script>green<script>if(String(window.location).indexOf('.tumblr.com/tagged/green') != -1) { document.write("</u></b>"); }</script></a></li>
  1768.         <li><a href="/tagged/blue"><script>if(String(window.location).indexOf('.tumblr.com/tagged/blue') != -1) { document.write("<b><u>"); }</script>blue<script>if(String(window.location).indexOf('.tumblr.com/tagged/blue') != -1) { document.write("</u></b>"); }</script></a></li>
  1769.         <li><a href="/tagged/purple"><script>if(String(window.location).indexOf('.tumblr.com/tagged/purple') != -1) { document.write("<b><u>"); }</script>purple<script>if(String(window.location).indexOf('.tumblr.com/tagged/purple') != -1) { document.write("</u></b>"); }</script></a></li>
  1770.         <li><a href="/tagged/brown"><script>if(String(window.location).indexOf('.tumblr.com/tagged/brown') != -1) { document.write("<b><u>"); }</script>brown<script>if(String(window.location).indexOf('.tumblr.com/tagged/brown') != -1) { document.write("</u></b>"); }</script></a></li>
  1771.         <li><a href="/tagged/black"><script>if(String(window.location).indexOf('.tumblr.com/tagged/black') != -1) { document.write("<b><u>"); }</script>black<script>if(String(window.location).indexOf('.tumblr.com/tagged/black') != -1) { document.write("</u></b>"); }</script></a></li>
  1772.         <li><a href="/tagged/white"><script>if(String(window.location).indexOf('.tumblr.com/tagged/white') != -1) { document.write("<b><u>"); }</script>white<script>if(String(window.location).indexOf('.tumblr.com/tagged/white') != -1) { document.write("</u></b>"); }</script></a></li>
  1773.         <li><a href="/tagged/gray"><script>if(String(window.location).indexOf('.tumblr.com/tagged/gray') != -1) { document.write("<b><u>"); }</script>gray<script>if(String(window.location).indexOf('.tumblr.com/tagged/gray') != -1) { document.write("</u></b>"); }</script></a></li>
  1774.     </ul>
  1775.     <ul id="titlePages" class="titleLinks">
  1776.         {block:HasPages}
  1777.             {block:Pages}
  1778.                 <li><a href="{URL}" >{Label}</a></li>
  1779.             {/block:Pages}
  1780.         {/block:HasPages}
  1781.     </ul>
  1782.  
  1783. </div>
  1784.  
  1785.  
  1786.  
  1787. <div id="content">
  1788. {block:Posts}
  1789. <div class="posts" id="post_{PostID}">
  1790. <div style="padding:10px;">
  1791.  
  1792.  
  1793. {block:Text}
  1794.     {block:Title}
  1795.         <h3 class="title">{Title}</h3>
  1796.     {/block:Title}
  1797.     <div class="caption">{Body}</div>
  1798.     {block:IndexPage}
  1799.         {block:Date}
  1800.             <div class="description_posts">
  1801.                 <a href="{Permalink}">{TimeAgo}</a>
  1802.                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  1803.                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  1804.             </div>
  1805.         {/block:Date}
  1806.     {/block:IndexPage}
  1807. {/block:Text}
  1808.  
  1809.  
  1810. {block:Link}
  1811.     <h3 class="title"><a href="{URL}" class="link title" {Target}>{Name}</a></h3>
  1812.     {block:Description}
  1813.         <div class="caption">{Description}</div>
  1814.     {/block:Description}
  1815.     {block:IndexPage}
  1816.         {block:Date}
  1817.             <div class="description_posts">
  1818.                 <a href="{Permalink}">{TimeAgo}</a>
  1819.                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  1820.                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  1821.             </div>
  1822.         {/block:Date}
  1823.     {/block:IndexPage}
  1824. {block:Link}
  1825.  
  1826.  
  1827. {block:Photo}
  1828.     {block:IndexPage}
  1829.         <!-- without columns -->
  1830.             {block:IfNot1Column}
  1831.                 {block:IfNot2Columns}
  1832.                     {block:IfNot3Columns}
  1833.                         {block:IfNot4Columns}
  1834.                             {block:IfNot5Columns}
  1835.                                 <img class="photo" src="{PhotoURL-250}" alt="{PhotoAlt}" width="145"/>
  1836.                             {/block:IfNot5Columns}
  1837.                         {/block:IfNot4Columns}
  1838.                     {/block:IfNot3Columns}
  1839.                 {/block:IfNot2Columns}
  1840.             {/block:IfNot1Column}
  1841.    
  1842.         <!-- 1 columns -->
  1843.             {block:If1Column}
  1844.                 {block:IfNot2Columns}
  1845.                     {block:IfNot3Columns}
  1846.                         {block:IfNot4Columns}
  1847.                             {block:IfNot5Columns}
  1848.                                 <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/>
  1849.                             {/block:IfNot5Columns}
  1850.                         {/block:IfNot4Columns}
  1851.                     {/block:IfNot3Columns}
  1852.                 {/block:IfNot2Columns}
  1853.             {/block:If1Column}
  1854.        
  1855.         <!-- 2 columns -->
  1856.             {block:If2Columns}
  1857.                 {block:IfNot3Columns}
  1858.                     {block:IfNot4Columns}
  1859.                         {block:IfNot5Columns}
  1860.                             <img class="photo" src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/>
  1861.                         {/block:IfNot5Columns}
  1862.                     {/block:IfNot4Columns}
  1863.                 {/block:IfNot3Columns}
  1864.             {/block:If2Columns}
  1865.            
  1866.         <!-- 3 columns -->
  1867.             {block:If3Columns}
  1868.                 {block:IfNot4Columns}
  1869.                     {block:IfNot5Columns}
  1870.                         <img class="photo" src="{PhotoURL-250}" alt="{PhotoAlt}" width="270"/>
  1871.                     {/block:IfNot5Columns}
  1872.                 {/block:IfNot4Columns}
  1873.             {/block:If3Columns}
  1874.            
  1875.         <!-- 4 columns -->
  1876.             {block:If4Columns}
  1877.                 {block:IfNot5Columns}
  1878.                     <img class="photo" src="{PhotoURL-250}" alt="{PhotoAlt}" width="240"/>
  1879.                 {/block:IfNot5Columns}
  1880.             {/block:If4Columns}
  1881.            
  1882.         <!-- 5 columns -->
  1883.             {block:If5Columns}
  1884.                 <img class="photo" src="{PhotoURL-250}" alt="{PhotoAlt}" width="240"/>
  1885.             {/block:If5Columns}
  1886.    
  1887.    
  1888.         {block:IfShowCaptions}
  1889.             {block:Caption}
  1890.                 <div class="caption">{Caption}</div>
  1891.             {/block:Caption}
  1892.             {block:Date}
  1893.                 <div class="description_posts">
  1894.                     <a href="{Permalink}">{TimeAgo}</a>
  1895.                     <a href="{Permalink}">{NoteCountWithLabel}</a>
  1896.                     <a href="{ReblogURL}" target="_blank">Reblog</a>
  1897.                     <a href="javascript:void(0);" class="zoom_icon" id="{PhotoURL-500}" rel="photoZOOM">Zoom</a>
  1898.                 </div>
  1899.             {/block:Date}
  1900.         {/block:IfShowCaptions}
  1901.         {block:IfNotShowCaptions}
  1902.             <a href="{Permalink}" class="descriprion_icons permalink_icon"></a>
  1903.             <a href="{ReblogURL}" target="_blank" class="descriprion_icons reblog_icon"></a>
  1904.             <a href="javascript:void(0);" class="descriprion_icons zoom_icon" rel="photoZOOM" id="{PhotoURL-500}"></a>
  1905.             <a class="descriprion_icons heart_icon" href="javascript:void(0);" id="{PostID}" rel="{ReblogURL}"></a>
  1906.             <div class="opacityColorPhotoEffect"></div>
  1907.         {/block:IfNotShowCaptions}
  1908.     {/block:IndexPage}
  1909.     {block:PermalinkPage}
  1910.         <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/>
  1911.         {block:Caption}
  1912.             <div class="caption">{Caption}</div>
  1913.         {/block:Caption}
  1914.     {/block:PermalinkPage}
  1915. {/block:Photo}
  1916.  
  1917.  
  1918. {block:Photoset}
  1919.     {block:IndexPage}
  1920.         <!-- without columns -->
  1921.             {block:IfNot1Column}
  1922.                 {block:IfNot2Columns}
  1923.                     {block:IfNot3Columns}
  1924.                         {block:IfNot4Columns}
  1925.                             {block:IfNot5Columns}
  1926.                                 <div class="photosetPost">{Photoset-250}</div>
  1927.                             {/block:IfNot5Columns}
  1928.                         {/block:IfNot4Columns}
  1929.                     {/block:IfNot3Columns}
  1930.                 {/block:IfNot2Columns}
  1931.             {/block:IfNot1Column}
  1932.    
  1933.         <!-- 1 columns -->
  1934.             {block:If1Column}
  1935.                 {block:IfNot2Columns}
  1936.                     {block:IfNot3Columns}
  1937.                         {block:IfNot4Columns}
  1938.                             {block:IfNot5Columns}
  1939.                                 <div class="photosetPost">{Photoset-500}</div>
  1940.                             {/block:IfNot5Columns}
  1941.                         {/block:IfNot4Columns}
  1942.                     {/block:IfNot3Columns}
  1943.                 {/block:IfNot2Columns}
  1944.             {/block:If1Column}
  1945.        
  1946.         <!-- 2 columns -->
  1947.             {block:If2Columns}
  1948.                 {block:IfNot3Columns}
  1949.                     {block:IfNot4Columns}
  1950.                         {block:IfNot5Columns}
  1951.                             <div class="photosetPost">{Photoset-400}</div>
  1952.                         {/block:IfNot5Columns}
  1953.                     {/block:IfNot4Columns}
  1954.                 {/block:IfNot3Columns}
  1955.             {/block:If2Columns}
  1956.            
  1957.         <!-- 3 columns -->
  1958.             {block:If3Columns}
  1959.                 {block:IfNot4Columns}
  1960.                     {block:IfNot5Columns}
  1961.                         <div class="photosetPost">{Photoset-250}</div>
  1962.                     {/block:IfNot5Columns}
  1963.                 {/block:IfNot4Columns}
  1964.             {/block:If3Columns}
  1965.            
  1966.         <!-- 4 columns -->
  1967.             {block:If4Columns}
  1968.                 {block:IfNot5Columns}
  1969.                     <div class="photosetPost">{Photoset-250}</div>
  1970.                 {/block:IfNot5Columns}
  1971.             {/block:If4Columns}
  1972.            
  1973.         <!-- 5 columns -->
  1974.             {block:If5Columns}
  1975.                 <div class="photosetPost">{Photoset-250}</div>
  1976.             {/block:If5Columns}
  1977.         {block:IfShowCaptions}
  1978.             {block:Caption}
  1979.                 <div class="caption">{Caption}</div>
  1980.             {/block:Caption}
  1981.         {/block:IfShowCaptions}
  1982.         {block:Date}
  1983.             <div class="description_posts">
  1984.                 <a href="{Permalink}">{TimeAgo}</a>
  1985.                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  1986.                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  1987.             </div>
  1988.         {/block:Date}
  1989.     {/block:IndexPage}
  1990.     {block:PermalinkPage}
  1991.         <div class="photosetPost">{Photoset-500}</div>
  1992.         {block:Caption}
  1993.             <div class="caption">{Caption}</div>
  1994.         {/block:Caption}
  1995.     {/block:PermalinkPage}
  1996. {/block:Photoset}
  1997.  
  1998.  
  1999. {block:Answer}
  2000.     <img class="left" style="margin-right:10px;" width="30px" src="{AskerPortraitURL-30}"/>
  2001.     <div class="left quest">
  2002.         <b>{Asker}</b>:<br>
  2003.         {Question}
  2004.     </div>
  2005.     <div class="clear"></div>
  2006.     <div class="askAnswer">
  2007.         <img class="left" style="margin-right:10px;" width="30px" src="{PortraitURL-30}"/>
  2008.         <div class="left quest">
  2009.             <b>Me</b>:<br>
  2010.             <i>{Answer}</i>
  2011.         </div>
  2012.         <div class="clear"></div>
  2013.     </div>
  2014.     {block:IndexPage}
  2015.         {block:Date}
  2016.             <div class="description_posts">
  2017.                 <a href="{Permalink}">{TimeAgo}</a>
  2018.                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  2019.                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  2020.             </div>
  2021.         {/block:Date}
  2022.     {/block:IndexPage}
  2023. {/block:Answer}
  2024.  
  2025.  
  2026. {block:Quote}
  2027.     <h3 class="title">"{Quote}"</h3>
  2028.     {block:Source}
  2029.         <div class="caption" style="text-align:right;">- {Source}</div>
  2030.     {/block:Source}
  2031.     {block:IndexPage}
  2032.         {block:Date}
  2033.             <div class="description_posts">
  2034.                 <a href="{Permalink}">{TimeAgo}</a>
  2035.                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  2036.                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  2037.             </div>
  2038.         {/block:Date}
  2039.     {/block:IndexPage}
  2040. {/block:Quote}
  2041.  
  2042.  
  2043. {block:Chat}
  2044.     {block:Title}
  2045.         <h3 class="title">{Title}</h3>
  2046.     {/block:Title}
  2047.         <ul class="chat">
  2048.             {block:Lines}
  2049.                 <li class="{Alt} user_{UserNumber}">
  2050.                     {block:Label}
  2051.                         <span class="label">{Label}</span>
  2052.                     {/block:Label}
  2053.                     <span class="caption">{Line}</span>
  2054.                 </li>
  2055.             {/block:Lines}
  2056.         </ul>
  2057.     {block:IndexPage}
  2058.         {block:Date}
  2059.             <div class="description_posts">
  2060.                 <a href="{Permalink}">{TimeAgo}</a>
  2061.                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  2062.                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  2063.             </div>
  2064.         {/block:Date}
  2065.     {/block:IndexPage}
  2066. {/block:Chat}
  2067.  
  2068. {block:Audio}
  2069.  
  2070.     {block:IndexPage}
  2071.         <div class="audioplayercontainer">
  2072.             <img class="audioimage" src="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  2073.             <div class="audioplayerout">
  2074.                 <div class="audioplayerinto">{AudioPlayerBlack}</div>
  2075.             </div>
  2076.             <div class="noteAudio">
  2077.                 <a href="{Permalink}">{FormattedPlayCount} plays</a>
  2078.                 <a href="{Permalink}">{NoteCountWithLabel}</a>
  2079.                 <a href="{ReblogURL}" target="_blank">Reblog</a>
  2080.             </div>
  2081.         </div>
  2082.         {block:IfShowCaptions}
  2083.             {block:Caption}
  2084.                 <div class="caption" style="margin-top:15px;">{Caption}</div>
  2085.             {/block:Caption}
  2086.        
  2087.             {block:Date}
  2088.                 <div class="description_posts">
  2089.                     <a href="{Permalink}">{TimeAgo}</a>
  2090.                     <a href="{Permalink}">{NoteCountWithLabel}</a>
  2091.                     <a href="{ReblogURL}" target="_blank">Reblog</a>
  2092.                 </div>
  2093.             {/block:Date}
  2094.         {/block:IfShowCaptions}
  2095.     {/block:IndexPage}
  2096.    
  2097.     {block:PermalinkPage}
  2098.         <div class="album_art left">
  2099.             <div class="effectalbumart"></div>
  2100.             {block:AlbumArt}
  2101.                 <img width="150" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  2102.             {/block:AlbumArt}
  2103.         </div>
  2104.         <ul class="audiotrack left">
  2105.             {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
  2106.             {block:TrackName}<li><b>Song:</b> {TrackName}</li>{/block:TrackName}
  2107.             {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
  2108.             <li><b>Plays:</b> {FormattedPlayCount}{block:ExternalAudio} <a href="{ExternalAudioURL}">(Download)</a>{/block:ExternalAudio}</li>
  2109.             <li>{AudioPlayerBlack}</li>
  2110.         </ul>
  2111.         <div class="clear"></div>
  2112.         {block:Caption}
  2113.             <div class="caption">{Caption}</div>
  2114.         {/block:Caption}
  2115.     {/block:PermalinkPage}
  2116. {/block:Audio}
  2117.  
  2118. {block:Video}
  2119.     {block:IndexPage}
  2120.         <!-- without columns -->
  2121.             {block:IfNot1Column}
  2122.                 {block:IfNot2Columns}
  2123.                     {block:IfNot3Columns}
  2124.                         {block:IfNot4Columns}
  2125.                             {block:IfNot5Columns}
  2126.                                 <div class="videoPost" id="video_{PostID}">{Video-250}</div>
  2127.                             {/block:IfNot5Columns}
  2128.                         {/block:IfNot4Columns}
  2129.                     {/block:IfNot3Columns}
  2130.                 {/block:IfNot2Columns}
  2131.             {/block:IfNot1Column}
  2132.    
  2133.         <!-- 1 columns -->
  2134.             {block:If1Column}
  2135.                 {block:IfNot2Columns}
  2136.                     {block:IfNot3Columns}
  2137.                         {block:IfNot4Columns}
  2138.                             {block:IfNot5Columns}
  2139.                                 <div class="videoPost" id="video_{PostID}">{Video-500}</div>
  2140.                             {/block:IfNot5Columns}
  2141.                         {/block:IfNot4Columns}
  2142.                     {/block:IfNot3Columns}
  2143.                 {/block:IfNot2Columns}
  2144.             {/block:If1Column}
  2145.        
  2146.         <!-- 2 columns -->
  2147.             {block:If2Columns}
  2148.                 {block:IfNot3Columns}
  2149.                     {block:IfNot4Columns}
  2150.                         {block:IfNot5Columns}
  2151.                             <div class="videoPost" id="video_{PostID}">{Video-400}</div>
  2152.                         {/block:IfNot5Columns}
  2153.                     {/block:IfNot4Columns}
  2154.                 {/block:IfNot3Columns}
  2155.             {/block:If2Columns}
  2156.            
  2157.         <!-- 3 columns -->
  2158.             {block:If3Columns}
  2159.                 {block:IfNot4Columns}
  2160.                     {block:IfNot5Columns}
  2161.                         <div class="videoPost" id="video_{PostID}">{Video-250}</div>
  2162.                     {/block:IfNot5Columns}
  2163.                 {/block:IfNot4Columns}
  2164.             {/block:If3Columns}
  2165.            
  2166.         <!-- 4 columns -->
  2167.             {block:If4Columns}
  2168.                 {block:IfNot5Columns}
  2169.                     <div class="videoPost" id="video_{PostID}">{Video-250}</div>
  2170.                 {/block:IfNot5Columns}
  2171.             {/block:If4Columns}
  2172.            
  2173.         <!-- 5 columns -->
  2174.             {block:If5Columns}
  2175.                 <div class="videoPost" id="video_{PostID}">{Video-250}</div>
  2176.             {/block:If5Columns}
  2177.            
  2178.         {block:IfShowCaptions}
  2179.             {block:Caption}
  2180.                 <div class="caption">{Caption}</div>
  2181.             {/block:Caption}
  2182.             {block:Date}
  2183.                 <div class="description_posts">
  2184.                     <a href="{Permalink}">{TimeAgo}</a>
  2185.                     <a href="{Permalink}">{NoteCountWithLabel}</a>
  2186.                     <a href="{ReblogURL}" target="_blank">Reblog</a>
  2187.                     <a href="javascript:void(0);" class="zoom_icon" rel="videoZOOM" id="{PostID}">Zoom</a>
  2188.                 </div>
  2189.             {/block:Date}
  2190.         {/block:IfShowCaptions}
  2191.         {block:IfNotShowCaptions}
  2192.             <a href="{Permalink}" class="descriprion_icons permalink_icon"></a>
  2193.             <a href="{ReblogURL}" target="_blank" class="descriprion_icons reblog_icon"></a>
  2194.             <a href="javascript:void(0);" id="{PostID}" class="descriprion_icons zoom_icon" rel="videoZOOM"></a>
  2195.             <a class="descriprion_icons heart_icon" href="javascript:void(0);" id="{PostID}" rel="{ReblogURL}"></a>
  2196.             <div class="opacityColorPhotoEffect"></div>
  2197.         {/block:IfNotShowCaptions}
  2198.     {/block:IndexPage}
  2199.     {block:PermalinkPage}
  2200.         <div class="videoPost">{Video-500}</div>
  2201.         {block:Caption}
  2202.             <div class="caption">{Caption}</div>
  2203.         {/block:Caption}
  2204.     {/block:PermalinkPage}
  2205. {/block:Video}
  2206.  
  2207. {block:PermalinkPage}
  2208.     {block:IfShowSocial}
  2209.         {block:Date}
  2210.             <div class="sociallike" >
  2211.                 <div style="display:inline-block;"><g:plusone annotation="none" size="medium" href="{Permalink}"></g:plusone></div>
  2212.                 <span style="margin-left:5px;"><a href="https://twitter.com/share" class="twitter-share-button" data-via="rickerlr" data-count="none">Tweet</a>
  2213.                 <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>
  2214.                 <span style="margin-left:4px;"><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:20px;"></iframe></span>
  2215.             </div>
  2216.         {/block:Date}
  2217.     {/block:IfShowSocial}
  2218. {/block:PermalinkPage}
  2219. </div>
  2220. </div><!-- .posts -->
  2221.  
  2222. {block:PermalinkPage}
  2223. {block:Date}
  2224. <div class="posts" style="{block:IfNotShowNotesPermalink}width:320px;{/block:IfNotShowNotesPermalink}overflow: visible;">
  2225.     <div class="postnotesdiv">
  2226.         <ul id="postPageUl">
  2227.             <li>
  2228.                 On <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{DayOfMonthWithZero} {ShortMonth} {Year}</a><br>
  2229.             </li>
  2230.             <li>
  2231.                 {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  2232.             </li>
  2233.             {block:RebloggedFrom}
  2234.                 <li>
  2235.                     Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  2236.                 </li>
  2237.                 <li>
  2238.                     Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  2239.                 </li>
  2240.             {/block:RebloggedFrom}
  2241.             {block:HasTags}
  2242.                 <li style="margin:10px 0px 15px;">
  2243.                     {block:Tags}<a class="atag" href="{TagURL}">#{Tag} </a>{/block:Tags}
  2244.                 </li>
  2245.             {/block:HasTags}
  2246.         </ul>
  2247. {block:IfShowNotesPermalink}
  2248.     </div>
  2249. </div>
  2250.     <div class="posts"><div class="postnotesdiv">
  2251. {/block:IfShowNotesPermalink}
  2252.         <div class="countNote_pagePosts">
  2253.             <div class="left">
  2254.                 {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  2255.             </div>
  2256.             {block:PermalinkPagination}
  2257.                 <div id="paginationPost" class="right">
  2258.                     {block:NextPost}<a id="paginationPost_prev" href="{NextPost}">« Prev </a>{/block:NextPost}
  2259.                     {block:PreviousPost}<a id="paginationPost_next" href="{PreviousPost}"> Next »</a>{/block:PreviousPost}
  2260.                 </div>
  2261.             {/block:PermalinkPagination}
  2262.             <div class="clear"></div>
  2263.         </div>
  2264.        
  2265.         {block:PostNotes}
  2266.             {PostNotes}
  2267.         {/block:PostNotes}
  2268.         <div class="clear"></div>
  2269. </div>
  2270.  
  2271.     </div><!-- .posts -->
  2272. {/block:Date}
  2273. {/block:PermalinkPage}
  2274.  
  2275. <!-- zoom -->
  2276. {block:IndexPage}
  2277.     <div id="zoomPost">
  2278.         <div id="zoomPost_content"><div style="padding:10px;">
  2279.             <div class="closeZoom" id="closeZoom"></div>
  2280.             <!-- image -->
  2281.                 <img id="photoZoom" src="" width="500" style="margin-bottom:-3px;display:none;" />
  2282.             <!-- video -->
  2283.                 <iframe id="videoZoom" src="" style="margin-bottom:-3px;display:none;"></iframe>
  2284.         </div></div>
  2285.         <div id="zoomPost_background" class="closeZoom"></div>
  2286.     </div>
  2287. {/block:IndexPage}
  2288.  
  2289. {/block:Posts}
  2290. <div class="clear"></div>
  2291. </div><!-- content -->
  2292.  
  2293. <div class="clear"></div>
  2294. </div><!-- container -->
  2295. <div id="topDiv">
  2296.    
  2297.     <ul class="bottomLinks">
  2298.         <li><a href="/">Home</a></li>
  2299.         {block:AskEnabled}
  2300.             <li><a href="/ask" >{AskLabel}</a></li>
  2301.         {/block:AskEnabled}
  2302.         {block:IfShowRSSLink}
  2303.             <li><a href="/rss" >Rss</a></li>
  2304.         {block:IfShowRSSLink}
  2305.         {block:IfShowArchiveLink}
  2306.             <li><a href="/archive" >Archive</a></li>
  2307.         {block:IfShowArchiveLink}
  2308.         {block:IfLink1title}
  2309.             <li><a href="{text:Link 1 url}" >{text:Link 1 title}</a></li>
  2310.         {/block:IfLink1title}
  2311.         {block:IfLink2title}
  2312.             <li><a href="{text:Link 2 url}" >{text:Link 2 title}</a></li>
  2313.         {/block:IfLink2title}
  2314.         {block:IfLink3title}
  2315.             <li><a href="{text:Link 3 url}" >{text:Link 3 title}</a></li>
  2316.         {/block:IfLink3title}
  2317.         {block:IfLink4title}
  2318.             <li><a href="{text:Link 4 url}" >{text:Link 4 title}</a></li>
  2319.         {/block:IfLink4title}
  2320.         {block:IfLink5title}
  2321.             <li><a href="{text:Link 5 url}" >{text:Link 5 title}</a></li>
  2322.         {/block:IfLink5title}
  2323.         {block:IfLink6title}
  2324.             <li><a href="{text:Link 6 url}" >{text:Link 6 title}</a></li>
  2325.         {/block:IfLink6title}
  2326.     </ul>
  2327.    
  2328.     <a href="javascript:void(0);" id="topDivA">{text:Back Top}</a>
  2329. </div>
  2330.  
  2331. {block:IndexPage}
  2332.     {block:Pagination}
  2333.         <ul id="pagination">
  2334.             {block:PreviousPage}
  2335.                 <li><a href="{PreviousPage}">«</a></li>
  2336.             {/block:PreviousPage}
  2337.             {block:JumpPagination length="5"}
  2338.             {block:CurrentPage}
  2339.                 <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  2340.             {/block:CurrentPage}
  2341.             {block:JumpPage}
  2342.                 <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  2343.             {/block:JumpPage}
  2344.             {/block:JumpPagination}
  2345.             {block:NextPage}
  2346.                 <li><a id="nextPage" href="{NextPage}">»</a></li>
  2347.             {/block:NextPage}
  2348.         </ul>
  2349.     {/block:Pagination}
  2350. {/block:IndexPage}
  2351.  
  2352.  
  2353.  
  2354. <!-- Jquery -->
  2355. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  2356.  
  2357. <!-- Lightglass js functions -->
  2358. <script type="text/javascript" src="http://www.themecloud.co/themes/lightglass/getjs.asp?id=368776"></script>
  2359.  
  2360.  
  2361. {block:IfHideDescription}
  2362. <script type="text/javascript">
  2363.     $(function(){
  2364.         $("#nameBlog").click(function(){
  2365.             $("#head_description").fadeToggle(500);
  2366.         });
  2367.     });
  2368. </script>
  2369. {/block:IfHideDescription}
  2370. {block:IndexPage}
  2371. <script type="text/javascript"  src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  2372. {block:IfInfiniteScroll}
  2373. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  2374. {/block:IfInfiniteScroll}
  2375. <script type="text/javascript">
  2376. $(window).load(function () {
  2377. var $content = $('#content');
  2378. $content.masonry({
  2379.     itemSelector: '.posts',
  2380.     isAnimated: true
  2381.     }),
  2382. $content.infinitescroll({
  2383.         navSelector    : '#pagination',  
  2384.       nextSelector   : '#pagination a#nextPage',
  2385.       itemSelector   : '.posts',
  2386.       loading: {
  2387.           finishedMsg: '',
  2388.           img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  2389.       },
  2390.       bufferPx       : 200,
  2391.       debug          : false,
  2392. },
  2393. // call masonry as a callback.
  2394. function( newElements ) {
  2395.     var $newElems = $( newElements );
  2396.         $newElems.hide();
  2397.     // ensure that images load before adding to masonry layout
  2398.     $newElems.imagesLoaded(function(){
  2399.         $content.masonry( 'appended',
  2400.         $newElems, true,
  2401.         function(){$newElems.fadeIn(300);}
  2402.     );
  2403.  
  2404.        
  2405.     });
  2406. });
  2407. });
  2408. </script>
  2409. {/block:IndexPage}
  2410. {block:IfContainerFadeIn}
  2411. <script type="text/javascript">
  2412.     $(function(){
  2413.         $("#container").fadeIn(500);
  2414.     });
  2415. </script>
  2416. {/block:IfContainerFadeIn}
  2417.  
  2418. <script type="text/javascript">
  2419.   (function() {
  2420.     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  2421.     po.src = 'https://apis.google.com/js/plusone.js';
  2422.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  2423.   })();
  2424. </script>
  2425.  
  2426. {block:IfGoogleAnalyticsID}
  2427. <script type="text/javascript">
  2428.  
  2429.   var _gaq = _gaq || [];
  2430.   _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  2431.   _gaq.push(['_trackPageview']);
  2432.  
  2433.   (function() {
  2434.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  2435.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  2436.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  2437.   })();
  2438.  
  2439. </script>
  2440. {/block:IfGoogleAnalyticsID}
  2441. <iframe id="likeIframe" src="" style="width:1px;height:1px;position:absolute;left:-9999px;"></iframe>
  2442.  
  2443. </body>
  2444. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!