supersora

Celsius Theme

Aug 8th, 2013
1,978
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 37.67 KB | None | 0 0
  1. <html lang="en">
  2.  
  3. <!--
  4. * PLEASE DO NOT DELETE THIS PART OF THE CODE *
  5. —————————————————————————————————————————————————————————————
  6. ┌─┐┌─┐┬  ┌─┐┬┬ ┬┌─┐o
  7. │  ├┤ │  └─┐││ │└─┐
  8. └─┘└─┘┴─┘└─┘┴└─┘└─┘                                        
  9.       THEME : CELSIUS
  10.       BY    : SORA KHAN
  11.       BLOG  : LYRICIST.TUMBLR.COM
  12.       ON    : 9TH AUGUST, 2013 — FRIDAY
  13.  
  14.               MORE THEMES AT : VISIONARYTHEMES.TUMBLR.COM
  15. —————————————————————————————————————————————————————————————
  16. LAST UPDATE ON: 10/10/2015
  17. -->
  18.  
  19. <head>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  25.  
  26. <!-- Scroll To Top -->
  27. {block:ifScrollToTopButton}
  28. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  29.  
  30. <script type="text/javascript">var scrolltotop={
  31. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  32. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  33. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  34. controlHTML: '<img src="http://31.media.tumblr.com/426e50a87cac967e53cad9cf024b037e/tumblr_mqyyrqSx051qix1pgo1_500.png" style="filter:alpha(opacity=80); -moz-opacity:0.8; width:30px; height:30px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  35. controlattrs: {offsetx:10, offsety:0}, //offset of control relative to right/ bottom of window corner
  36. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  37.  
  38. state: {isvisible:false, shouldvisible:false},
  39.  
  40. scrollup:function(){
  41. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  42. this.$control.css({opacity:0}) //hide control immediately after clicking it
  43. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  44. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  45. dest=jQuery('#'+dest).offset().top
  46. else
  47. dest=0
  48. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  49. },
  50.  
  51. keepfixed:function(){
  52. var $window=jQuery(window)
  53. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  54. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  55. this.$control.css({left:controlx+'px', top:controly+'px'})
  56. },
  57.  
  58. togglecontrol:function(){
  59. var scrolltop=jQuery(window).scrollTop()
  60. if (!this.cssfixedsupport)
  61. this.keepfixed()
  62. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  63. if (this.state.shouldvisible && !this.state.isvisible){
  64. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  65. this.state.isvisible=true
  66. }
  67. else if (this.state.shouldvisible==false && this.state.isvisible){
  68. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  69. this.state.isvisible=false
  70. }
  71. },
  72.  
  73. init:function(){
  74. jQuery(document).ready(function($){
  75. var mainobj=scrolltotop
  76. var iebrws=document.all
  77. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  78. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  79. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  80. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  81. .attr({title:'Scroll To Top'})
  82. .click(function(){mainobj.scrollup(); return false})
  83. .appendTo('body')
  84. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  85. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  86. mainobj.togglecontrol()
  87. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  88. mainobj.scrollup()
  89. return false
  90. })
  91. $(window).bind('scroll resize', function(e){
  92. mainobj.togglecontrol()
  93. })
  94. })
  95. }
  96. }
  97.  
  98. scrolltotop.init()</script>
  99. {/block:ifScrollToTopButton}
  100.  
  101. <title>{title}</title>
  102. <link rel="shortcut icon" href="{Favicon}"/>
  103. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  104. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  105.  
  106. <meta name="color:Background Color" content="#ebebeb" />
  107. <meta name="color:Sidebars Color" content="#dbd8d8" />
  108. <meta name="color:Sidebars Border Color" content="#afadad" />
  109. <meta name="color:SidebarTitle Color" content="#afadad" />
  110. <meta name="color:Description Text" content="#555555" />
  111. <meta name="color:Links Color" content="#626363" />
  112. <meta name="color:Link Hover Color" content="#868585" />
  113. <meta name="color:PostsText Color" content="#000000" />
  114. <meta name="color:PostsBackground Color" content="#ececec" />
  115. <meta name="color:Block Colors" content="#eeeeee" />
  116. <meta name="color:BlockQuote Color" content="#dbdbdb" />
  117. <meta name="color:Scrollbar Color" content="#dbdbdb" />
  118.  
  119.  
  120. <meta name="image:Background image" content="" />
  121. <meta name="image:Sidebar Image" content="" />
  122. <meta name="image:Sidebar1 Background" content="" />
  123. <meta name="image:Sidebar2 Background" content="" />
  124.  
  125. <meta name="if:ImageFitToScreen" content="0" />
  126. <meta name="if:Show Title" content="1" />
  127. <meta name="if:Sidebar Image" content="0" />
  128. <meta name="if:Sidebar 2" content="1" />
  129. <meta name="if:Bigger Posts" content="0" />
  130. <meta name="if:Three Columns" content="0" />
  131. <meta name="if:Saturated Images" content="0" />
  132. <meta name="if:Inverted Saturated Images" content="0" />
  133. <meta name="if:Description Text Shadow" content="0" />
  134. <meta name="if:Show Links After Description" content="0" />
  135. <meta name="if:Show Music Player" content="0" />
  136. <meta name="if:Exchange Sidebars" content="0" />
  137. <meta name="if:Show Instagram" content="0" />
  138. <meta name="if:Show Twitter" content="0" />
  139. <meta name="if:Show Credit On Sidebar" content="1" />
  140. <meta name="if:Scroll To Top Button" content="1" />
  141.  
  142. <meta name="text:Instagram Text" content="Instagram" />
  143. <meta name="text:Instagram Link" content="" />
  144. <meta name="text:Twitter Text" content="Twitter" />
  145. <meta name="text:Twitter Link" content="" />
  146.  
  147. <meta name="text:Home Title" content="Home" />
  148. <meta name="text:Ask Title" content="Message" />
  149. <meta name="text:Link One Title" content="" />
  150. <meta name="text:Link One" content="" />
  151. <meta name="text:Link Two Title" content="" />
  152. <meta name="text:Link Two" content="" />
  153. <meta name="text:Link Three Title" content="" />
  154. <meta name="text:Link Three" content="" />
  155. <meta name="text:Link Four Title" content="" />
  156. <meta name="text:Link Four" content="" />
  157. <meta name="text:Link Five Title" content="" />
  158. <meta name="text:Link Five" content="" />
  159.  
  160.  
  161.  
  162. <!-- Mason -->
  163.  
  164. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  165. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  166.  
  167. <script type="text/javascript">
  168. $(window).load(function () {
  169. $('#Temperature').masonry({
  170. itemSelector : ".Posts",
  171. },
  172. function() { $('#Temperature').masonry({ appendedContent: $(this) }); }
  173. );
  174. });
  175. </script>
  176.  
  177. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  178.  
  179. <script type="text/javascript">
  180. $(window).load(function () {
  181. $('#Temperature').masonry({
  182. itemSelector : ".Posts",
  183. },
  184. function() { $('#Temperature').masonry({ appendedContent: $(this) }); }
  185. );
  186. });
  187. </script>
  188.  
  189. <script type="text/javascript">
  190.  $(window).load(function () {
  191.  $('#Temperature').masonry(),
  192. $('.masonryWrap').infinitescroll({
  193. itemSelector : ".Posts",
  194.  navSelector : "div.navigation",
  195.  nextSelector : ".navigation a#next",
  196.  bufferPx : 10000,
  197.  extraScrollPx: 10000,
  198.  loadingImg : "",
  199.  loadingText : "",
  200.  },
  201.  function() { $('#Temperature').masonry({ appendedContent: $(this) });
  202. });
  203.  });</script>
  204.  
  205.  
  206. <style type="text/css">
  207.  
  208. body{
  209.     font-family:'Roboto Condensed',Verdana;
  210.     padding:2px;
  211.     font-size:12px;
  212.     width:100%;
  213.     background-color:{color:Background Color};
  214.     background-image:url({image:Background Image});
  215.     background-attachment:fixed;
  216.     overflow-x:hidden;
  217.     {block:ifImageFitToScreen}
  218.         background-attachment:fixed;
  219.         background-position: center center;
  220.         -webkit-background-size: cover;
  221.         -moz-background-size: cover;
  222.         -o-background-size: cover;
  223.         background-size: cover;
  224.     {/block:ifImageFitToScreen}
  225. }
  226.  
  227. body a{
  228.     text-decoration:none;
  229.     color:{color:Links Color};
  230.    
  231. }
  232.  
  233. body a:hover {
  234.     color:{color:Link Hover Color};
  235.     -webkit-transition: all 0.2s ease;
  236.     -moz-transition: all 0.2s ease;
  237.     -o-transition: all 0.2s ease;
  238. }
  239.  
  240. /*Scrollbar */
  241.  
  242. ::-webkit-scrollbar {
  243.     width: 5px;
  244. }
  245.  
  246. ::-webkit-scrollbar-track {
  247.    
  248.   background-color: rgba(32,32,32,0.3);
  249. }
  250.  
  251. ::-webkit-scrollbar-thumb {
  252.    background-color:{color:Scrollbar Color};
  253.    -webkit-box-shadow:  0 0 6px rgba(0,0,0,0.5);
  254. }
  255.  
  256. /*------------*/
  257.  
  258. #Temperature{
  259.     width:608px;
  260.     margin-left:370px;
  261.     position:absolute;
  262.     padding:5px;
  263.     height:100%;
  264.    
  265.         {block:ifBiggerPosts}
  266.             width:700px;
  267.             margin-left:330px;
  268.         {/block:ifBiggerPosts}
  269.         {block:ifThreeColumns}
  270.             width:760px;
  271.             margin-left:330px;
  272.         {/block:ifThreeColumns}
  273.         {block:ifExchangeSidebars}
  274.             margin-left:300px;
  275.         {block:ifBiggerPosts}
  276.             width:700px;
  277.             margin-left:200px;
  278.         {/block:ifBiggerPosts}
  279.         {block:ifThreeColumns}
  280.             width:760px;
  281.             margin-left:150px;
  282.         {/block:ifThreeColumns}
  283.         {/block:ifExchangeSidebars}
  284.  
  285. }
  286.  
  287. .Posts{
  288.     padding:2px;
  289.     border-radius:1px;
  290.     background-color:{color:PostsBackground Color};
  291.     width:250px;
  292.     float:left;
  293.     margin:9px;
  294.     color:{color:PostsText Color};
  295.     -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.68);
  296.     -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.68);
  297.     box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.68);
  298.    
  299.         {block:ifBiggerPosts}
  300.              width:300px;
  301.         {/block:ifBiggerPosts}
  302.         {block:ifThreeColumns}
  303.             width:220px;
  304.         {/block:ifThreeColumns}
  305.        
  306.         {block:PermalinkPage}
  307.                 width:500px;
  308.                 margin-left:20px;
  309.             {block:ifBiggerPosts}
  310.                  width:500px;
  311.                  margin-left:80px;
  312.             {/block:ifBiggerPosts}
  313.             {block:ifExchangeSidebars}
  314.                 margin-left:20px;
  315.             {block:ifBiggerPosts}
  316.                  width:500px;
  317.                  margin-left:70px;
  318.             {/block:ifBiggerPosts}
  319.             {block:ifThreeColumns}
  320.                     width:600px;
  321.                     margin-left:200px;
  322.             {/block:ifThreeColumns}
  323.             {/block:ifExchangeSidebars}
  324.             {block:ifThreeColumns}
  325.                     width:600px;
  326.                     margin-left:60px;
  327.             {/block:ifThreeColumns}
  328.         {/block:PermalinkPage}
  329.  
  330.  
  331. }
  332.  
  333. .Posts img{
  334.     display:block;
  335.     {block:ifSaturatedImages}
  336.     -webkit-filter: grayscale(0.6);
  337.     {/block:ifSaturatedImages}
  338.     {block:ifInvertedSaturatedImages}
  339.     -webkit-filter: grayscale(0);
  340.     {/block:ifInvertedSaturatedImages}
  341.     -webkit-transition: all 0.5s ease;
  342.     -moz-transition: all 0.5s ease;
  343.     -o-transition: all 0.5s ease;
  344.         {block:ifBiggerPosts}
  345.             width:300px;
  346.         {/block:ifBiggerPosts}
  347.         {block:ifThreeColumns}
  348.             width:220px;
  349.            
  350.         {/block:ifThreeColumns}
  351.         {block:PermalinkPage}
  352.             width:500px;
  353.                 {block:ifThreeColumns}
  354.                     width:600px;
  355.                 {/block:ifThreeColumns}
  356.         {/block:PermalinkPage}
  357.    
  358. }
  359.  
  360. .Posts:hover img {
  361.     {block:ifSaturatedImages}
  362.     -webkit-filter: grayscale(0);
  363.     {/block:ifSaturatedImages}
  364.     {block:ifInvertedSaturatedImages}
  365.     -webkit-filter: grayscale(0.6);
  366.     {/block:ifInvertedSaturatedImages}
  367.     -webkit-transition: all 0.5s ease;
  368.     -moz-transition: all 0.5s ease;
  369.     -o-transition: all 0.5s ease;
  370. }
  371.  
  372. .Text {
  373.     border-left:2px solid {color:BlockQuote Color};
  374.     padding-left:3px;
  375.    
  376. }
  377.  
  378. .Text img {
  379.     text-align:center;
  380.     width:170px;
  381.     padding-left:30px;
  382.             {block:ifBiggerPosts}
  383.                 width:220px;
  384.                 padding-right:20px;
  385.             {/block:ifBiggerPosts}
  386.             {block:ifThreeColumns}
  387.                 width:170px;
  388.                 padding-left:5px;
  389.                 padding-right:10px;
  390.             {/block:ifThreeColumns}
  391.             {block:PermalinkPage}
  392.                 width:400px;
  393.                 padding-right:20px;
  394.             {/block:PermalinkPage}
  395. }  
  396.  
  397. /* Main Sidebar */
  398. #Sidebar1{
  399.     background-color:{color:Sidebars Color};
  400.     width:230px;
  401.     height:100%;
  402.     top:0px;
  403.     margin-left:110px;
  404.     position:fixed;
  405.     padding:3px;
  406.     border-right: 3px solid {color:Sidebars Border Color};
  407.     border-left: 3px solid  {color:Sidebars Border Color};
  408.     background-image:url({image:Sidebar1 Background});
  409.     -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
  410.     -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
  411.     box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
  412.  
  413.         {block:ifBiggerPosts}
  414.             margin-left:80px;
  415.         {/block:ifBiggerPosts}
  416.         {block:ifExchangeSidebars}
  417.             margin-left:860px;
  418.         {/block:ifExchangeSidebars}
  419.        
  420.         {block:ifThreeColumns}
  421.             margin-left:80px;
  422.             {block:ifExchangeSidebars}
  423.             margin-left:895px;
  424.             {/block:ifExchangeSidebars}
  425.         {/block:ifThreeColumns}
  426.        
  427.         {block:PermalinkPage}
  428.             margin-left:100px;
  429.         {block:ifExchangeSidebars}
  430.             margin-left:860px;
  431.         {/block:ifExchangeSidebars}
  432.          {block:ifThreeColumns}
  433.             margin-left:80px;
  434.                 {block:ifExchangeSidebars}
  435.                     margin-left:895px;
  436.                 {/block:ifExchangeSidebars}
  437.         {/block:ifThreeColumns}
  438.         {/block:PermalinkPage}
  439.  
  440. }
  441.  
  442. .SidebarTitle {
  443.     font-family:'Poiret One';
  444.     font-size:35px;
  445.     text-align:center;
  446.     text-transform:uppercase;
  447.     margin-top:120px;
  448.     {block:ifSidebarImage}
  449.     margin-top:10px;
  450.     border-bottom:1px solid rgba(0, 0, 0, .3);
  451.     {/block:ifSidebarImage}
  452.     {block:ifShowMusicPlayer}
  453.     margin-top:80px;
  454.     {block:ifSidebarImage}
  455.     margin-top:10px;
  456.    
  457.     {/block:ifSidebarImage}
  458.     {/block:ifShowMusicPlayer}
  459. }
  460.  
  461. .SidebarTitle a{
  462.     color:none;
  463.     color:{color:SidebarTitle Color};
  464. }
  465.  
  466. #Sidebar img {
  467.     width:230px;
  468.     height:auto;
  469.     padding-top:20px;
  470.     padding-bottom:20px;
  471.     margin-top:20px;
  472.         {block:ifShowTitle}
  473.             margin-top:0px;
  474.         {/block:ifShowTitle}
  475. }
  476.  
  477. #Description {
  478.     border-top: 1px solid rgba(0, 0, 0, .3);
  479.     font-size:12px;
  480.     text-align:center;
  481.     padding:12px;
  482.     border-bottom: 1px solid rgba(0, 0, 0, .3);
  483.     {block:ifDescriptionTextShadow}
  484.     text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
  485.     {block:ifDescriptionTextShadow}
  486.     color:{color:Description Text};
  487.     {block:ifNotShowTitle}
  488.         margin-top:160px;
  489.             {block:ifSidebarImage}
  490.             margin-top:0px;
  491.             {/block:ifSidebarImage}
  492.             {block:ifShowMusicPlayer}
  493.             margin-top:120px;
  494.                 {block:ifSidebarImage}
  495.                     margin-top:0px;
  496.                 {/block:ifSidebarImage}
  497.             {/block:ifShowMusicPlayer}
  498.     {/block:ifNotShowTitle}
  499.    
  500. }
  501.  
  502.  
  503. #Links1 {
  504.     width:30px;
  505.     height:auto;
  506.     margin:150px 0px 0px -36px;
  507.     text-align:center;
  508.     position:absolute;
  509.         {block:ifExchangeSidebars}
  510.             margin:150px 0px 0px 236px;
  511.         {/block:ifExchangeSidebars}
  512.    
  513. }
  514.  
  515. .Links1 {
  516.     width:18px;
  517.     height:12px;
  518.     margin-top:3px;
  519.     background-color:{color:Sidebars Border Color};
  520.    
  521.         {block:ifNotExchangeSidebars}    
  522.             border-top-left-radius:5px;
  523.             border-bottom-left-radius:5px;
  524.             padding:6px;
  525.             margin-left:20px;
  526.             line-height: 2px;
  527.             float:right;
  528.             -webkit-box-shadow: -3px 0px 2px -2px rgba(0,0,0,0.5);
  529.             -moz-box-shadow: -3px 0px 2px -2px rgba(0,0,0,0.5);
  530.             box-shadow: -3px 0px 2px -2px rgba(0,0,0,0.5);
  531.             -webkit-transition: all 0.5s ease;
  532.             -moz-transition: all 0.5s ease;
  533.             -o-transition: all 0.5s ease;
  534.         {/block:ifNotExchangeSidebars}
  535.         {block:ifExchangeSidebars}
  536.          border-top-right-radius:5px;
  537.             border-bottom-right-radius:5px;
  538.             padding:6px;
  539.             float:left;
  540.             -webkit-box-shadow: 3px 0px 2px -2px rgba(0,0,0,0.5);
  541.         -moz-box-shadow: 3px 0px 2px -2px rgba(0,0,0,0.5);
  542.         box-shadow: 3px 0px 2px -2px rgba(0,0,0,0.5);
  543.         -webkit-transition: all 0.3s ease;
  544.         -moz-transition: all 0.3s ease;
  545.         -o-transition: all 0.3s ease;
  546.         {/block:ifExchangeSidebars}
  547. }
  548.  
  549. .Links1:hover {
  550.     {block:ifNotExchangeSidebars}
  551.         padding-right:50px ;
  552.         width:20px;
  553.     {/block:ifNotExchangeSidebars}
  554.     {block:ifExchangeSidebars}
  555.         padding-left:50px ;
  556.         width:20px;
  557.     {/block:ifExchangeSidebars}
  558. }
  559.  
  560. .ho{
  561.     opacity:0;
  562.     font-size:9px;
  563.     text-transform:uppercase;
  564.     font-family:'Lekton';
  565.     letter-spacing:-10px;
  566.    
  567.     -webkit-transition: all 0.1s ease;
  568. -moz-transition: all 0.1s ease;
  569. -o-transition: all 0.1s ease;
  570. {block:ifExchangeSidebars}
  571. margin-left:40px;
  572. margin-top:-17px;  
  573. {/block:ifExchangeSidebars}
  574. }
  575.  
  576. .Links1:hover .ho{
  577.     opacity:1;
  578.     letter-spacing:0px;
  579.    text-align:center;
  580.     /*margin-left:22px;
  581.     margin-top:-22px;*/
  582.     display:inline-block;
  583.     position:absolute;
  584.     {block:ifNotExchangeSidebars}
  585.     margin-top:5px;
  586.     margin-left:14px;
  587.    {/block:ifNotExchangeSidebars}
  588.     -webkit-transition: all 0.1s ease;
  589. -moz-transition: all 0.1s ease;
  590. -o-transition: all 0.1s ease;
  591.  
  592. {block:ifExchangeSidebars}
  593. margin-left:-50px;
  594. margin-top:2px;  
  595. {/block:ifExchangeSidebars}
  596. }
  597.  
  598. /* Links Under Description */
  599. #Links3 {
  600.     margin-top:14px;
  601.     font-size:12px;
  602.     text-align:center;
  603.     font-family:'Open Sans Condensed';
  604.     {block:ifDescriptionTextShadow}
  605.     text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);
  606.     {block:ifDescriptionTextShadow}
  607. }
  608.  
  609. /*Second Sidebar w/ links */
  610.  
  611.  
  612. #Sidebar2{
  613.     width:100px;
  614.     height:100%;
  615.     top:0px;
  616.     margin-left:940px;
  617.     position:fixed;
  618.     padding:3px;
  619.     -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
  620.     -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
  621.     box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5);
  622.     border-right: 3px solid {color:Sidebars Border Color};
  623.     border-left: 3px solid {color:Sidebars Border Color};
  624.     background-image:url({image:Sidebar2 Background});
  625.     background-color:{color:Sidebars Color};
  626.  
  627.         {block:ifBiggerPosts}
  628.             margin-left:990px;
  629.         {/block:ifBiggerPosts}
  630.         {block:ifExchangeSidebars}
  631.             margin-left:180px;
  632.         {block:ifBiggerPosts}
  633.             margin-left:80px;
  634.         {/block:ifBiggerPosts}
  635.         {/block:ifExchangeSidebars}
  636.         {block:ifThreeColumns}
  637.             margin-left:1075px;
  638.             {block:ifExchangeSidebars}
  639.             margin-left:30px;
  640.             {/block:ifExchangeSidebars}
  641.         {/block:ifThreeColumns}
  642.        
  643.         {block:PermalinkPage}
  644.             margin-left:910px;
  645.             {block:ifBiggerPosts}
  646.             margin-left:990px;
  647.             {/block:ifBiggerPosts}
  648.             {block:ifExchangeSidebars}
  649.                 margin-left:180px;
  650.                     {block:ifBiggerPosts}
  651.                         margin-left:80px;
  652.                     {/block:ifBiggerPosts}
  653.             {/block:ifExchangeSidebars}
  654.             {block:ifThreeColumns}
  655.                  margin-left:1075px;
  656.                      {block:ifExchangeSidebars}
  657.                         margin-left:30px;
  658.                      {/block:ifExchangeSidebars}
  659.             {/block:ifThreeColumns}
  660.         {/block:PermalinkPage}
  661. }
  662.  
  663. #Links2 {
  664.     width:200px;
  665.     height:auto;
  666.     margin-top:100px;
  667.     text-align:center;
  668.    
  669. }
  670.  
  671. .Links2 {
  672.         width:106px;
  673.         height:25px;
  674.         background-color:{color:Sidebars Border Color};
  675.         margin-top:7px;
  676.         margin-left:-3px;
  677.         font-family:'Open Sans Condensed',sans serif;
  678.         font-size:18px;
  679.         letter-spacing:1px;
  680.         text-transform:uppercase;
  681.         -webkit-transition: all 0.2s ease;
  682.         -moz-transition: all 0.2s ease;
  683.         -o-transition: all 0.2s ease;
  684. }
  685.  
  686. .Links2:hover {
  687.     letter-spacing:2px;
  688.     -webkit-transition: all 0.2s ease;
  689.     -moz-transition: all 0.2s ease;
  690.     -o-transition: all 0.2s ease;
  691. }
  692.  
  693. /*Strip n' Stretch Permalinks*/
  694.  
  695.  
  696. .Posts:hover .Strip{
  697.     opacity:1;
  698.     z-index:999999;
  699. }
  700.    
  701. .Strip {
  702.     width:10px;
  703.     height:18px;
  704.     background-color:{color:PostsBackground Color};
  705.     position:absolute;
  706.     margin-top:20px;
  707.     opacity:0;
  708.     border-top: 2px solid {color:PostsBackground Color};
  709.     border-bottom: 2px solid {color:PostsBackground Color};
  710.     -webkit-transition: all 0.5s ease;
  711.     -moz-transition: all 0.5s ease;
  712.     -o-transition: all 0.5s ease;
  713. }
  714.  
  715. .Strip:hover {
  716.     width:250px;
  717.     background-color:rgba(255, 255, 255, .7);
  718.     -webkit-transition: all 0.5s ease;
  719.     -moz-transition: all 0.5s ease;
  720.     -o-transition: all 0.5s ease;
  721.         {block:ifBiggerPosts}
  722.             width:300px;
  723.         {/block:ifBiggerPosts}
  724.         {block:ifThreeColumns}
  725.             width:220px;
  726.         {/block:ifThreeColumns}
  727. }
  728.  
  729. .Stretch {
  730.     font-size:10px;
  731.     color: black;
  732.     text-align:center;
  733.     height:20px;
  734.     margin-top:2px;
  735.     font-family: 'Lekton',sans-serif;
  736. }    
  737.  
  738. .Stretch a{
  739.     color:black;
  740. }
  741.  
  742. .Stretch a:hover {
  743.     font-size:9.5px;
  744.     color: black;
  745.     height:20px;
  746.     margin-top:2px;
  747. }  
  748.  
  749. .Stretch span{
  750.     opacity:0;
  751.     letter-spacing:-15px;
  752. }
  753. .Stretch:hover span{
  754.     opacity:1;
  755.     letter-spacing:3px;
  756. }
  757.  
  758. .Span{
  759.     margin-left:20px;
  760.     -webkit-transition: all 0.3s linear;
  761.     moz-transition: all 0.3s linear;
  762.     transition: all 0.3s linear;
  763. }
  764.  
  765. .Titlez {
  766.     font-family:'Roboto Condensed',verdana;
  767.     font-size:18px;
  768.     text-align:center;
  769.     text-transform:uppercase;
  770. }
  771.  
  772. .Stuff {
  773.     font-size:10px;
  774.     color: black;
  775.     text-align:center;
  776.     margin-top:5px;
  777.     padding:3px;
  778.     height:15px;
  779.     opacity:1;
  780.    
  781.     font-family: 'Lekton',sans-serif;
  782.     border-top: 1px solid rgba(0, 0, 0, .3);
  783.     -webkit-transition: all 0.1s linear;
  784.     moz-transition: all 0.1s linear;
  785.     transition: all 0.1s linear;
  786. }
  787.  
  788. /*QnA*/
  789.  
  790. .Question {
  791.     width:auto;
  792.     height:auto;
  793.     background-color:{color:Block Colors};
  794.     padding:15px;
  795.     -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
  796. -moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
  797. box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
  798.    
  799. }
  800.  
  801. .Question img {
  802.     height:24px;
  803.     width:24px;
  804.     display:inline;
  805. }
  806.  
  807. .Answer {
  808.     margin-top:10px;
  809.     height:auto;
  810.     border-left:3px solid {color:BlockQuote Color};
  811.    
  812. }
  813.  
  814. .Chat {
  815.     width:auto;
  816.     height:auto;
  817.     background-color:{color:Block Colors};
  818.     padding:2px;
  819.     margin:4px;
  820.     -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
  821. -moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
  822. box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
  823.    
  824. }
  825.  
  826. /*Notes on Permalink Page*/
  827. #Temperature #notecontainer {
  828.     margin-left: 30px ;
  829.     width: 460px;
  830.     background-color:{color:PostsBackground Color};
  831.     font-size:12px;
  832.     color:{color:PostsText Color};
  833. }
  834.  
  835. #Temperature #notecontainer ol.notes {
  836.       list-style-type: none;
  837.       margin: 10px;
  838.       padding: 5px;
  839.       border-top:1px solid rgba(0, 0, 0, .1);
  840. }
  841.  
  842. #Temperature #notecontainer img.avatar {
  843.       margin-right: 10px;
  844.       width: 16px;
  845.       height: 16px;
  846.       display:inline-block;
  847. }
  848.  
  849. #Nautical {
  850.     width:20px;
  851.     height:20px;
  852.     bottom:10px;
  853.     left:2px;
  854.     position:fixed;
  855.    
  856. }
  857.  
  858. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  859. #infscr-loading {display:none;}
  860. .navigation {display:none!important;}
  861.  
  862. {CustomCSS}
  863. </style>
  864.  
  865. </head>
  866. <body>
  867.  
  868.  
  869. <div id="Sidebar1">
  870.     <div id="Links1">
  871.    
  872.     {block:ifNotExchangeSidebars}
  873.         <div class="Links1"><a href="/"><img src="http://24.media.tumblr.com/3a79cc9b82f5a75a7da6aa2ad52ccc39/tumblr_mqsuz7x2He1qix1pgo1_500.png" width='14' height='14' /><div class="ho">{text:Home Title}</a></div></div>
  874.        
  875.         <div class="Links1"><a href="/ask"><img src="http://static.tumblr.com/lvdwday/6iVnvzus2/mail.png" width='14' height='13' /><div class="ho">{text:Ask Title}</a></div></div>
  876.    
  877.     {block:ifShowInstagram}
  878.         <div class="Links1"><a href="{text:Instagram Link}"><img src="http://24.media.tumblr.com/561c5f3df2e1d606d973e05a0e7336cb/tumblr_mqsua3UFIY1qix1pgo1_500.png" width='14' height='14' /><div class="ho">{text:Instagram Text}</a></div></div>
  879.     {/block:ifShowInstagram}  
  880.     {block:ifShowTwitter}
  881.         <div class="Links1"><a href="{text:Twitter Link}"><img src="http://static.tumblr.com/lvdwday/YUInvzuyl/twitter-bird-blue-on-white1.png" width='14' height='13' /><div class="ho">{text:Twitter Text}</a></div></div>
  882.     {/block:ifShowTwitter}    
  883.     {block:ifShowCreditOnSidebar}
  884.     <div class="Links1"><a href="http://lyricist.tumblr.com/"><img src="http://31.media.tumblr.com/426e50a87cac967e53cad9cf024b037e/tumblr_mqyyrqSx051qix1pgo1_500.png" width='14' height='14' /><div class="ho">Theme°</a></div></div>
  885.     {/block:ifShowCreditOnSidebar}
  886.         {/block:ifNotExchangeSidebars}
  887.      
  888.      
  889.         {block:ifExchangeSidebars}
  890.         <div class="Links1"><a href="/"><img src="http://24.media.tumblr.com/3a79cc9b82f5a75a7da6aa2ad52ccc39/tumblr_mqsuz7x2He1qix1pgo1_500.png" width='14' height='14' /><div class="ho">{text:Home Title}</a></div></div>
  891.        
  892.         <div class="Links1"><a href="/ask"><img src="http://static.tumblr.com/lvdwday/6iVnvzus2/mail.png" width='14' height='13' /><div class="ho">{text:Ask Title}</a></div></div>
  893.        
  894.         {block:ifShowInstagram}
  895.         <div class="Links1"><a href="{text:Instagram Link}"><img src="http://24.media.tumblr.com/561c5f3df2e1d606d973e05a0e7336cb/tumblr_mqsua3UFIY1qix1pgo1_500.png" width='14' height='14' /><div class="ho">{text:Instagram Text}</a></div></div>
  896.         {/block:ifShowInstagram}  
  897.         {block:ifShowTwitter}
  898.         <div class="Links1"><a href="{text:Twitter Link}"><img src="http://static.tumblr.com/lvdwday/YUInvzuyl/twitter-bird-blue-on-white1.png" width='14' height='13' /><div class="ho">{text:Twitter Text}</a></div></div>
  899.         {/block:ifShowTwitter}
  900.         {block:ifShowCreditOnSidebar}
  901.         <div class="Links1"><a href="http://lyricist.tumblr.com/"><img src="http://31.media.tumblr.com/426e50a87cac967e53cad9cf024b037e/tumblr_mqyyrqSx051qix1pgo1_500.png" width='14' height='14' /><div class="ho">Theme</a></div></div>
  902.         {/block:ifShowCreditOnSidebar}
  903.         {/block:ifExchangeSidebars}
  904.     </div>
  905.  
  906. {block:ifShowMusicPlayer}
  907. <div class="MusicPlayer" ; style="text-align:center;border-bottom: 1px solid rgba(0, 0, 0, .3); padding:10px;">
  908.  
  909.     <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="110" height="20">
  910.     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  911.     <param name="wmode" value="transparent" />
  912.     <param name="FlashVars" value="mp3= ♦ &amp;width=140&amp;height=20&amp;width=110&amp;height=20&amp;autoplay=1&amp;volume=75&amp;showslider=0&amp;skin=transparent&amp;sliderovercolor=4dffff&amp;buttoncolor=cecece&amp;buttonovercolor=fafafa&amp;showlist=0&amp;showplaylistnumbers=0" />
  913. </object>
  914.  
  915. </div>
  916. {/block:ifShowMusicPlayer}  
  917.  
  918.  
  919. <div id = "Sidebar">
  920. {block:ifShowTitle}<div class="SidebarTitle"><a href="/">{title}°</a></div>{/block:ifShowTitle}
  921. {block:ifSidebarImage}<a href="/"><img src="{image:Sidebar Image}" /></a>{/block:ifSidebarImage}
  922.    
  923.     <div id = "Description">
  924.         {block:Description}{Description}{/block:Description}
  925.        
  926.     </div>    
  927.     {block:ifShowLinksAfterDescription}
  928.         <div id="Links3">
  929.             <div class = "Links3" style="color:#eeeeee;">
  930.             {block:ifLinkOneTitle}<a href="{text:Link One}">{text:Link One Title} </a> {/block:ifLinkOneTitle}
  931.     {block:ifLinkTwoTitle}  -  <a href="{text:Link Two}">{text:Link Two Title} </a> {/block:ifLinkTwoTitle}
  932.     {block:ifLinkThreeTitle}  -  <a href="{text:Link Three}">{text:Link Three Title} </a> {/block:ifLinkThreeTitle}
  933.     {block:ifLinkFourTitle}  -  <a href="{text:Link Four}">{text:Link Four Title} </a> {/block:ifLinkFourTitle}
  934.     {block:ifLinkFiveTitle}  -  <a href="{text:Link Five}">{text:Link Five Title} </a> {/block:ifLinkFiveTitle}
  935.             </div>
  936.         </div>    
  937.     {/block:ifShowLinksAfterDescription}
  938.    
  939. </div>
  940.  
  941.  
  942. </div>
  943.  
  944. {block:ifSidebar2}
  945. <div id="Sidebar2">
  946. {block:ifNotShowLinksAfterDescription}
  947.     <div id = "Links2">
  948.         {block:ifLinkOneTitle}<div class="Links2"><a href="{text:Link One}">{text:Link One Title} </a></div>{/block:ifLinkOneTitle}
  949.     {block:ifLinkTwoTitle}<div class="Links2"><a href="{text:Link Two}">{text:Link Two Title} </a></div>{/block:ifLinkTwoTitle}
  950.     {block:ifLinkThreeTitle}<div class="Links2"><a href="{text:Link Three}">{text:Link Three Title} </a></div>{/block:ifLinkThreeTitle}
  951.     {block:ifLinkFourTitle}<div class="Links2"><a href="{text:Link Four}">{text:Link Four Title} </a></div>{/block:ifLinkFourTitle}
  952.     {block:ifLinkFiveTitle}<div class="Links2"><a href="{text:Link Five}">{text:Link Five Title} </a></div>{/block:ifLinkFiveTitle}
  953.     </div>
  954. {/block:ifNotShowLinksAfterDescription}
  955. </div>
  956. {/block:ifSidebar2}
  957.  
  958.  
  959. <div id="Temperature">
  960.  
  961. {block:Posts}
  962.  
  963. <div class="Posts">
  964.  
  965. {block:Title}<div class="Titlez">{Title}</div>{/block:Title}
  966.  
  967. {block:Text}
  968. <div class="Text">{Body}</div>
  969. {block:IndexPage}
  970.  
  971. <div class="Stuff">
  972.     <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
  973. </div>
  974. {/block:IndexPage}
  975. {/block:Text}
  976.  
  977.  
  978.  
  979. {block:Photo}
  980. {block:IndexPage}
  981. <div class= "Strip">
  982.     <div class="Stretch" class="transition"><span style="text-transform:uppercase;"><span  class="Span"><a href="{permalink}">{NoteCount}</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></span></span></div>
  983. </div>
  984.  
  985. {block:ifThreeColumns}
  986.        <div class= "Strip">
  987.     <div class="Stretch" class="transition"><span style="text-transform:uppercase;"><span  class="Span"><a href="{permalink}">{NoteCount}</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} </a></span></span></div>
  988. </div>
  989. {/block:ifThreeColumns}
  990. <a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>
  991. {/block:IndexPage}
  992.  
  993. {block:PermalinkPage}
  994.    <img src="{PhotoURL-500}" width="300"/></a>
  995.    
  996. {/block:PermalinkPage}
  997. {/block:Photo}
  998.  
  999. {block:Photoset}
  1000. {block:IndexPage}
  1001. {block:ifNotThreeColumns}
  1002. {block:ifNotBiggerPosts}
  1003. {Photoset-250}
  1004. {/block:ifNotBiggerPosts}
  1005. {block:ifBiggerPosts}
  1006.     <div align="center">{Photoset-250}</div>
  1007. {/block:ifBiggerPosts}
  1008. {/block:ifNotThreeColumns}
  1009. {block:ifThreeColumns}
  1010.     <div style="width:auto; background-color:{color:Block Colors};-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);"><a href="{permalink}"> <img src="http://31.media.tumblr.com/d5db97a63ab4d9d4fb5b2b09f7d5b7c6/tumblr_mr2pszyUqP1qix1pgo1_400.png" /></a></div>
  1011. {/block:ifThreeColumns}
  1012.  
  1013.  
  1014. <div class="Stuff">
  1015.     <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
  1016. </div>
  1017. {/block:IndexPage}
  1018.  
  1019. {block:PermalinkPage}
  1020. {block:ifNotThreeColumns}
  1021. {Photoset-500}
  1022. {/block:ifNotThreeColumns}
  1023. {block:ifThreeColumns}
  1024.     <div style="text-align:center;">{Photoset-500}</div>
  1025. {/block:ifThreeColumns}
  1026. {/block:PermalinkPage}
  1027. {/block:Photoset}
  1028.  
  1029.  
  1030. {block:Quote}
  1031. <div class="Titlez"><div style="font-size:12px;padding:3px;letter-spacing:1px;">ʺ{Quote}ʺ</div></div>
  1032. <div align="right">
  1033. {block:Source}— {Source}{/block:Source}
  1034. </div>
  1035. {block:IndexPage}
  1036. <div class="Stuff">
  1037.     <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
  1038. </div>
  1039. {/block:IndexPage}
  1040. {/block:Quote}
  1041.  
  1042.  
  1043. {block:Video}
  1044. {block:IndexPage}
  1045. {block:ifNotThreeColumns}
  1046. <center>{Video-250}</center>
  1047. {/block:ifNotThreeColumns}
  1048. {block:ifThreeColumns}
  1049.     <div style="width:auto; background-color:{color:Block Colors};-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);"><a href="{permalink}"> <img src="http://24.media.tumblr.com/2272565831292cd11e20acb8f8519fe2/tumblr_mr2q3jjF6m1qix1pgo1_400.png" /></a></div>
  1050. {/block:ifThreeColumns}
  1051.  
  1052. <div class="Stuff">
  1053.     <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
  1054. </div>
  1055. {/block:IndexPage}
  1056. {block:PermalinkPage}
  1057. {block:ifNotThreeColumns}
  1058. {Video-500}
  1059. {/block:ifNotThreeColumns}
  1060. {block:ifThreeColumns}
  1061.     <div style="text-align:center;">{Video-500}</div>
  1062. {/block:ifThreeColumns}
  1063. {/block:PermalinkPage}
  1064. {/block:Video}
  1065.  
  1066.  
  1067. {block:Link}
  1068. <a href="{URL}" class="link" {Target}><div class="Titlez">{Name}</div></a>
  1069. {block:Description}{Description}{/block:Description}
  1070. <div class="Stuff">
  1071. <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
  1072. </div>
  1073. {/block:Link}
  1074.  
  1075. {block:Chat}
  1076. {block:Lines}
  1077. {block:Label}
  1078. <div class="Chat"><b>{Label}</b>
  1079. {/block:Label}
  1080. &nbsp;{Line}</div>
  1081. {/block:Lines}
  1082. {block:IndexPage}
  1083. <div class="Stuff">
  1084.     <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
  1085. </div>
  1086. {/block:IndexPage}
  1087. {/block:Chat}
  1088.  
  1089. {block:Audio}
  1090. {AudioPlayerGrey}
  1091. <br>{block:Artist}
  1092.  
  1093. {/block:Artist}
  1094. {block:Caption}{Caption}{/block:Caption}
  1095. {block:IndexPage}
  1096. <div class="Stuff">
  1097.     <a href="{permalink}">{NoteCount} Notes</a> — <a href="{ReblogURL}" target="_blank">↺</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
  1098. </div>
  1099. {/block:IndexPage}
  1100. {/block:Audio}
  1101.  
  1102.  
  1103. {block:Answer}
  1104. <div class="Question"><img src="{AskerPortraitURL-24}"  /> <div style="margin-top:-25px;margin-left:30px;">{Asker} asked : {Question}</div></div>
  1105. <div class="Answer"><div style="padding-left:10px;"> {Answer}</div></div>
  1106. {block:IndexPage}
  1107. <div class="Stuff">
  1108.     <a href="{permalink}">{NoteCount} Notes</a> — <a href="{permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {24Hour}:{Minutes}</a>
  1109. </div>
  1110. {/block:IndexPage}
  1111. {/block:Answer}
  1112.  
  1113. {block:PermalinkPage}
  1114. {block:Caption}
  1115. {Caption}
  1116. {/block:Caption}
  1117. <br>
  1118. <div style="border-top:1px solid rgba(0, 0, 0, .1); padding-top:20px;">
  1119. {block:RebloggedFrom}
  1120.  <center> »Reblogged from: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> on {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} , originally posted by: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>«</center>
  1121. {/block:RebloggedFrom}
  1122. </div>
  1123. <Br>
  1124. {block:HasTags} Tagged: {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags} </center><div align="right">{block:NoteCount}
  1125. {NoteCount} °
  1126. {/block:NoteCount}</div>
  1127. {block:PostNotes}
  1128. <div id="notecontainer">{PostNotes}</div>
  1129. {/block:PostNotes}
  1130. {/block:PermalinkPage}
  1131.  
  1132. </div>
  1133. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}
  1134. {/block:Posts}
  1135.  
  1136. </div>
  1137.  
  1138.  
  1139. <div class="navigation">
  1140. {block:Pagination}
  1141. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  1142. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  1143. {/block:Pagination}
  1144. </div>
  1145.  
  1146. {block:ifNotShowCreditOnSidebar}
  1147. <div id="Nautical"><a href="http://lyricist.tumblr.com/"><img src="http://25.media.tumblr.com/e439779dccf0a49699004785ea462300/tumblr_mohy9gO4es1svqbryo1_500.png" width='30' height='30'/></a></div>
  1148. {/block:ifNotShowCreditOnSidebar}
  1149.  
  1150. </body>
  1151. </html>
Advertisement
Add Comment
Please, Sign In to add comment