supersora

Disturbed Theme

Nov 7th, 2013
1,081
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 27.30 KB | None | 0 0
  1. <html lang="en">
  2. <!--
  3. * PLEASE DO NOT DELETE THIS PART OF THE CODE *
  4. —————————————————————————————————————————————————————————————
  5. ┌┬┐┬┌─┐┌┬┐┬ ┬┬─┐┌┐ ┌─┐┌┬┐
  6. │││└─┐ │ │ │├┬┘├┴┐├┤  ││
  7. ─┴┘┴└─┘ ┴ └─┘┴└─└─┘└─┘─┴┘                                      
  8.       THEME : DISTURBED
  9.       BY    : SORA KHAN
  10.       BLOG  : LYRICIST.TUMBLR.COM
  11.       ON    : 7TH NOVEMBER, 2013 — THURSDAY
  12.  
  13.               MORE THEMES AT : VISIONARYTHEMES.TUMBLR.COM
  14. —————————————————————————————————————————————————————————————
  15. LAST UPDATE ON: 10/10/2015
  16. -->
  17.  
  18. <head>
  19.  
  20. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  21. <script type="text/javascript">var scrolltotop={
  22. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  23. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  24. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  25. controlHTML: '<img src="http://25.media.tumblr.com/a7db8098a96208309c74e890cdf805e7/tumblr_mvwlbgkayd1sal1j1o1_250.png" style="filter:alpha(opacity=80); -moz-opacity:0.8; width:40px; height:40px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  26. controlattrs: {offsetx:10, offsety:0}, //offset of control relative to right/ bottom of window corner
  27. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  28.  
  29. state: {isvisible:false, shouldvisible:false},
  30.  
  31. scrollup:function(){
  32. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  33. this.$control.css({opacity:0}) //hide control immediately after clicking it
  34. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  35. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  36. dest=jQuery('#'+dest).offset().top
  37. else
  38. dest=0
  39. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  40. },
  41.  
  42. keepfixed:function(){
  43. var $window=jQuery(window)
  44. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  45. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  46. this.$control.css({left:controlx+'px', top:controly+'px'})
  47. },
  48.  
  49. togglecontrol:function(){
  50. var scrolltop=jQuery(window).scrollTop()
  51. if (!this.cssfixedsupport)
  52. this.keepfixed()
  53. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  54. if (this.state.shouldvisible && !this.state.isvisible){
  55. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  56. this.state.isvisible=true
  57. }
  58. else if (this.state.shouldvisible==false && this.state.isvisible){
  59. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  60. this.state.isvisible=false
  61. }
  62. },
  63.  
  64. init:function(){
  65. jQuery(document).ready(function($){
  66. var mainobj=scrolltotop
  67. var iebrws=document.all
  68. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  69. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  70. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  71. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  72. .attr({title:'Scroll To Top'})
  73. .click(function(){mainobj.scrollup(); return false})
  74. .appendTo('body')
  75. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  76. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  77. mainobj.togglecontrol()
  78. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  79. mainobj.scrollup()
  80. return false
  81. })
  82. $(window).bind('scroll resize', function(e){
  83. mainobj.togglecontrol()
  84. })
  85. })
  86. }
  87. }
  88.  
  89. scrolltotop.init()</script>
  90.  
  91. <link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
  92. <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  93.  
  94. <title>{title}</title>
  95. <link rel="shortcut icon" href="{Favicon}"/>
  96. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  97. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  98.  
  99. <meta name="color:Background Color" content="#f4f3f3" />
  100. <meta name="color:Blockquote Color" content="#e4e2e2" />
  101. <meta name="color:Backside Color" content="#ffffff" />
  102. <meta name="color:Description Text Color" content="#0000000" />
  103. <meta name="color:Posts Text Color" content="#000000" />
  104. <meta name="color:Links Color" content="#000000" />
  105. <meta name="color:Links Hover Color" content="#666666" />
  106. <meta name="color:SideLine Color" content="#a7a5a5" />
  107. <meta name="color:Posts Border Color" content="#ccccccc" />
  108.  
  109. <meta name="image:Sidebar Image" content="" />
  110. <meta name="image:Background" content="" />
  111. <meta name="image:Backside Background" content="" />
  112.  
  113. <meta name="if:Single Column" content="1" />
  114. <meta name="if:Double Column" content="0" />
  115. <meta name="if:Bigger Posts" content="0" />
  116. <meta name="if:Biggest Posts" content="0" />
  117. <meta name="if:Post Borders" content="1" />
  118. <meta name="if:Padding" content="1" />
  119. <meta name="if:Faded Images" content="1" />
  120. <meta name="if:Post Shadows" content="0" />
  121. <meta name="if:Music" content="0" />
  122. <meta name="if:Backside" content="1" />
  123. <meta name="if:BacksideShadow" content="0" />
  124. <meta name="if:Image Fit To Screen" content="0" />
  125.  
  126. <meta name="text:FLASHMP3 CODE" content="" />
  127. <meta name="text:Link One Title" content="" />
  128. <meta name="text:Link One" content="" />
  129. <meta name="text:Link Two Title" content="" />
  130. <meta name="text:Link Two" content="" />
  131. <meta name="text:Link Three Title" content="" />
  132. <meta name="text:Link Three" content="" />
  133. <meta name="text:Link Four Title" content="" />
  134. <meta name="text:Link Four" content="" />
  135.  
  136. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  137. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  138.  
  139. <script type="text/javascript">
  140. $(window).load(function () {
  141. $('#Clear').masonry({
  142. itemSelector : "
  143. ",
  144. },
  145. function() { $('#Clear').masonry({ appendedContent: $(this) }); }
  146. );
  147. });
  148. </script>
  149.  
  150. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  151.  
  152. <script type="text/javascript">
  153. $(window).load(function () {
  154. $('#Clear').masonry({
  155. itemSelector : ".Posts",
  156. },
  157. function() { $('#Clear').masonry({ appendedContent: $(this) }); }
  158. );
  159. });
  160. </script>
  161.  
  162. <script type="text/javascript">
  163.  $(window).load(function () {
  164.  $('#Clear').masonry(),
  165. $('.masonryWrap').infinitescroll({
  166. itemSelector : ".Posts",
  167.  navSelector : "div.navigation",
  168.  nextSelector : ".navigation a#next",
  169.  bufferPx : 10000,
  170.  extraScrollPx: 10000,
  171.  loadingImg : "",
  172.  loadingText : "",
  173.  },
  174.  function() { $('#Clear').masonry({ appendedContent: $(this) });
  175. });
  176.  });</script>
  177.  
  178. <style type="text/css">
  179.  
  180. body {
  181. color:{color:Posts Text Color};
  182. font-family:'Raleway';
  183. font-size:12px;
  184. background-color:{color:Background Color};
  185. background-image:url({image:Background});
  186. background-attachment:fixed;
  187. overflow-x:hidden;
  188. {block:ifImageFitToScreen}
  189.     background-attachment:fixed;
  190.     background-position: center center;
  191.     -webkit-background-size: cover;
  192.     -moz-background-size: cover;
  193.     -o-background-size: cover;
  194.     background-size: cover;
  195. {/block:ifImageFitToScreen}
  196. }
  197.  
  198. body a {
  199.     text-decoration:none;
  200.     text-transform:uppercase;
  201.     color:{color:Links Color};
  202. }
  203.  
  204. body a:hover {
  205.     color:{color:Links Hover Color};
  206. }
  207.  
  208. #Holder {  
  209.     height:100%;
  210.     width: 1100px;
  211.     margin: 0px auto;
  212.     position: relative;
  213.     padding-left:10px;
  214.     padding-right:10px;
  215. }
  216.  
  217. /* Content Posts */
  218.  
  219. #Backside {
  220.     top:0px;
  221.     height:100%;
  222.     position:fixed;
  223.     opacity:0.9;
  224.     background-color:#eeeeee;
  225.     background-color:{color:Backside Color};
  226.     background-image:url({image:Backside Background});
  227.     background-attachment:no-repeat;
  228.     background-position: center center;
  229.     background-size: cover;
  230.     display:none;
  231.     {block:ifBackside}
  232.     display:block;
  233.     {/block:ifBackside}
  234.         {block:ifSingleColumn}
  235.             width:341px;
  236.             margin-left:372px;          
  237.             {block:ifPadding}
  238.             width:345px;
  239.             {block:ifPostBorders}
  240.             width:347px;
  241.             {/block:ifPostBorders}
  242.             {/block:ifPadding}
  243.                 {block:ifBiggerPosts}
  244.                 margin-left:325px;    
  245.                 width:435px;
  246.                 {block:ifPadding}
  247.                 margin-left:329px;
  248.                 width:438px;
  249.                 {block:ifPostBorders}
  250.                 width:440px;
  251.                 margin-left:326px;
  252.                 {/block:ifPostBorders}
  253.                 {/block:ifPadding}
  254.                 {/block:ifBiggerPosts}
  255.             {block:ifBiggestPosts}
  256.             width:550px;
  257.             margin-left:269px;
  258.             {block:ifPadding}
  259.             width:557px;
  260.             {block:ifPostBorders}
  261.             width:560px;
  262.             {/block:ifPostBorders}
  263.             {/block:ifPadding}
  264.             {/block:ifBiggestPosts}
  265.         {/block:ifSingleColumn}
  266.         {block:ifDoubleColumn}
  267.         width:650px;  
  268.         margin-left:217px;
  269.         {block:ifPostBorders}
  270.             width:654px;
  271.         {/block:ifPostBorders}
  272.         {block:ifPadding}
  273.         width:660px;
  274.         {block:ifPostBorders}
  275.         width:664px;
  276.         {/block:ifPostBorders}
  277.         {/block:ifPadding}
  278.         {/block:ifDoubleColumn}
  279.     {block:ifBacksideShadow}
  280.     -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  281.     -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  282.     box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  283.     {/block:ifBacksideShadow}
  284.        
  285.     {block:PermalinkPage}
  286.     width:650px;
  287.     margin-left:230px;
  288.     {/block:PermalinkPage}
  289.    
  290. }
  291.  
  292. #Clear {
  293.     padding:5px;
  294.     margin-left: auto;
  295.     margin-right: auto;
  296.     {block:ifSingleColumn}
  297.     width:330px;
  298.         {block:ifBiggerPosts}
  299.         width:430px;
  300.         {/block:ifBiggerPosts}
  301.         {block:ifBiggestPosts}
  302.         width:525px;
  303.         {/block:ifBiggestPosts}
  304.     {/block:ifSingleColumn}
  305.     {block:ifDoubleColumn}
  306.     width:645px;
  307.     {/block:ifDoubleColumn}
  308.     {block:PermalinkPage}
  309.     {block:ifDoubleColumn}
  310.     margin-left:243px;
  311.     {/block:ifDoubleColumn}
  312.         {block:ifSingleColumn}
  313.         width:640px;
  314.         margin-left:243px;
  315.         {block:ifBiggerPosts}
  316.         margin-left:243px;
  317.         {/block:ifBiggerPosts}
  318.         {block:ifBiggestPosts}
  319.         {/block:ifBiggestPosts}
  320.         {/block:ifSingleColumn}
  321.     {/block:PermalinkPage}
  322. }
  323.  
  324. .Posts {
  325.     width:300px;
  326.     float:left;
  327.     margin:7px;
  328.     position:relative;
  329.     background-color:#fff;
  330.         {block:ifFadedImages}
  331.         opacity:0.8;
  332.         {/block:ifFadedImages}
  333.         {block:ifPostBorders}
  334.         border:1px solid {color:Posts Border Color};
  335.         {/block:ifPostBorders}
  336.         {block:ifPadding}
  337.         padding:3px;
  338.         {/block:ifPadding}
  339.         {block:ifSingleColumn}
  340.         {block:ifBiggerPosts}
  341.         width:400px;
  342.         {/block:ifBiggerPosts}
  343.         {block:ifBiggestPosts}
  344.         width:500px;
  345.         {/block:ifBiggestPosts}
  346.         {/block:ifSingleColumn}
  347.         {block:ifPostShadows}
  348.         -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  349.         -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  350.         box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  351.         {/block:ifPostShadows}
  352.         {block:PermalinkPage}
  353.         width:600px;
  354.         {/block:PermalinkPage}
  355.     -webkit-transition: all 0.7s ease;
  356.     -moz-transition: all 0.7s ease;
  357.     -o-transition: all 0.7s ease;
  358. }
  359.  
  360. .Posts img {
  361.     display:block;
  362. }
  363.  
  364. .Posts:hover {
  365.     opacity:1;
  366.      -webkit-transition: all 0.7s ease;
  367.     -moz-transition: all 0.7s ease;
  368.     -o-transition: all 0.7s ease;
  369. }
  370.  
  371. /* Sidebar */
  372.  
  373. #Side {
  374.     width:200px;
  375.     position:fixed;
  376.     padding:3px;
  377.     margin-top:200px;
  378.     text-align:center;
  379.         {block:ifSingleColumn}
  380.         margin-left:135px;
  381.         {block:ifBiggerPosts}
  382.         margin-left:100px;    
  383.         {/block:ifBiggerPosts}
  384.         {block:ifBiggestPosts}
  385.         margin-left:40px;    
  386.         {/block:ifBiggestPosts}
  387.         {/block:ifSingleColumn}
  388.         {block:ifDoubleColumn}
  389.         margin-left:-10px;
  390.         {/block:ifDoubleColumn}
  391.         {block:PermalinkPage}
  392.         margin-left:0px;
  393.         {/block:PermalinkPage}
  394. }
  395.  
  396. #Side img {
  397.     width:200px;
  398. }
  399.  
  400. .Music {
  401.     opacity:0;
  402.     position:absolute;
  403.     width:200px;
  404.     -webkit-transition: all 0.3s ease;
  405.     -moz-transition: all 0.3s ease;
  406.     -o-transition: all 0.3s ease;
  407.    
  408. }
  409.  
  410. #Side:hover .Music {
  411.     opacity:1;
  412.     margin-top:-30px;
  413.     -webkit-transition: all 0.3s ease;
  414.     -moz-transition: all 0.3s ease;
  415.     -o-transition: all 0.3s ease;
  416. }
  417.  
  418. .Description {
  419.     opacity:0;
  420.     margin-top:-30px;
  421.     color:{color:Description Text Color};
  422.     -webkit-transition: all 0.3s ease;
  423.     -moz-transition: all 0.3s ease;
  424.     -o-transition: all 0.3s ease;
  425. }
  426.  
  427. #Side:hover .Description {
  428.     opacity:1;
  429.     margin-top:10px;
  430.     -webkit-transition: all 0.3s ease;
  431.     -moz-transition: all 0.3s ease;
  432.     -o-transition: all 0.3s ease;
  433. }
  434.  
  435. /* Permalinks - Notes/Reblogs */
  436.  
  437. .Permuh {
  438.     position:absolute;
  439.     background-color: rgba(0,0,0,0.5);
  440.     width:20px;
  441.     height:20px;
  442.     bottom:-15px;
  443.     right:-15px;
  444.     opacity:0;
  445.     border-radius:100%;
  446.     -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  447.     -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  448.     box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  449.     -webkit-transition: all 0.2s ease;
  450.     -moz-transition: all 0.2s ease;
  451.     -o-transition: all 0.2s ease;
  452. }
  453.  
  454. .Posts:hover .Permuh {
  455.     bottom:10px;
  456.     right:10px;
  457.     opacity:1;
  458.     -webkit-transition: all 0.5s ease;
  459.     -moz-transition: all 0.5s ease;
  460.     -o-transition: all 0.5s ease;
  461. }
  462.  
  463. .Note {
  464.     position:absolute;
  465.     bottom:-15px;
  466.     left:-15px;
  467.     opacity:0;
  468.     font-size:15px;
  469.     font-family:'Roboto Slab';
  470.     text-shadow: 0px 0px 3px rgba(150, 150, 150, 1);
  471.     -webkit-transition: all 0.2s ease;
  472.     -moz-transition: all 0.2s ease;
  473.     -o-transition: all 0.2s ease;
  474. }
  475.  
  476. .Note a, .Note a:hover {
  477.     color:white;
  478. }
  479.  
  480. .Posts:hover .Note {
  481.     bottom:10px;
  482.     left:10px;
  483.     opacity:1;
  484.     -webkit-transition: all 0.5s ease;
  485.     -moz-transition: all 0.5s ease;
  486.     -o-transition: all 0.5s ease;
  487. }
  488.  
  489. #Backsidee {
  490.     height:100%;
  491.     width:10px;
  492.     position:fixed;
  493.     top:0px;
  494.     margin-left:750px;
  495.         {block:ifSingleColumn}
  496.         margin-left:750px;    
  497.         {block:ifBiggerPosts}
  498.         margin-left:800px;    
  499.         {/block:ifBiggerPosts}
  500.         {block:ifBiggestPosts}
  501.         margin-left:860px;
  502.         {/block:ifBiggestPosts}
  503.         {/block:ifSingleColumn}
  504.     {block:ifDoubleColumn}
  505.     margin-left:890px;
  506.     {/block:ifDoubleColumn}
  507.     border-left: 1px dashed {color:SideLine Color};
  508.     {block:PermalinkPage}
  509.     {block:ifSingleColumn}
  510.     margin-left:890px;
  511.     {/block:ifSingleColumn}
  512.     {/block:PermalinkPage}
  513. }
  514.  
  515. .Thelinkz {
  516.     margin-top:200px;
  517. }
  518.  
  519. .Thelinks {
  520.     border-left:10px solid {color:SideLine Color};
  521.     margin-top:2px;
  522.     margin-left:-5px;
  523.     text-transform:uppercase;
  524.     -webkit-transition: all 0.2s ease;
  525.     -moz-transition: all 0.2s ease;
  526.     -o-transition: all 0.2s ease;
  527. }
  528.  
  529. .Thelinks:hover {
  530.     border-left:30px solid {color:Side Border Color};
  531.     -webkit-transition: all 0.2s ease;
  532.     -moz-transition: all 0.2s ease;
  533.     -o-transition: all 0.2s ease;
  534. }
  535.  
  536. blockquote {
  537. margin:1.5em 10px;
  538. padding:.5em 3px;
  539. quotes:"\201C""\201D""\2018""\2019";
  540. border-left:4px solid {color:Blockquote Color};
  541. }
  542. blockquote:before {
  543. color:#ccc;
  544. font-size:4em;
  545. line-height:.1em;
  546. margin-right:.25em;
  547. vertical-align:-.4em;
  548. }
  549. blockquote p {
  550. display:inline;
  551. }
  552.  
  553. #Clear #notecontainer {
  554.     width: auto;
  555.     background-color:{color:PostsBackground Color};
  556.     font-size:12px;
  557.     color:{color:PostsText Color};
  558. }
  559.  
  560. #Clear #notecontainer ol.notes {
  561.       list-style-type: none;
  562.       margin: 10px;
  563.       padding: 5px;
  564.       border-top:1px solid rgba(0, 0, 0, .1);
  565. }
  566.  
  567. #Clear #notecontainer img.avatar {
  568.       margin-right: 10px;
  569.       width: 16px;
  570.       height: 16px;
  571.       display:inline-block;
  572. }
  573.  
  574. .Question {
  575.     height:auto;
  576.     margin:4px;
  577.     padding:20px;
  578.     border:1px solid rgba(0,0,0,0.3);
  579.     background-color:rgba(0,0,0,0.05);
  580. }
  581.  
  582. .Question img {
  583.     height:30px;
  584.     width:30px;
  585. }
  586.  
  587. .Answer {
  588.     border-left:3px solid {color:Blockquote Color};
  589.     height:auto;
  590.     width:auto;
  591.     margin:4px;
  592.     padding-left:4px;
  593. }
  594.  
  595. .Down {
  596.     text-align:center;
  597.     border-top:1px dashed grey;
  598.     opacity:0;
  599.     font-size:10px;
  600.     padding:2px;
  601.     -webkit-transition: all 0.2s ease;
  602.     -moz-transition: all 0.2s ease;
  603.     -o-transition: all 0.2s ease;
  604. }
  605.  
  606. .Posts:hover .Down{
  607.     opacity:1;
  608.     -webkit-transition: all 0.2s ease;
  609.     -moz-transition: all 0.2s ease;
  610.     -o-transition: all 0.2s ease;
  611. }
  612.  
  613. .Date {
  614.     background-color:rgba(0,0,0,0.8);
  615.     position:absolute;
  616.     color:white;
  617.     width:290px;
  618.     padding:5px;
  619.     text-align:center;
  620.     text-transform:uppercase;
  621.     font-size:9px;
  622.     opacity:0;
  623.     top:-1px;
  624.     letter-spacing:1px;
  625.     {block:ifSingleColumn}
  626.     {block:ifBiggerPosts}
  627.     width:390px;
  628.     {/block:ifBiggerPosts}
  629.     {block:ifBiggestPosts}
  630.     width:490px;
  631.     letter-spacing:5px;
  632.     {/block:ifBiggestPosts}
  633.     {/block:ifSingleColumn}
  634.     -webkit-transition: all 0.5s ease;
  635.     -moz-transition: all 0.5s ease;
  636.     -o-transition: all 0.5s ease;
  637. }
  638.  
  639. .Posts:hover .Date {
  640.     opacity:1;
  641.     top:0px;
  642.     {block:ifPadding}
  643.     top:3px;
  644.     {/block:ifPadding}
  645.    
  646.     -webkit-transition: all 0.5s ease;
  647.     -moz-transition: all 0.5s ease;
  648.     -o-transition: all 0.5s ease;
  649. }
  650.  
  651. .Text img {
  652.     width:230px;
  653.     margin-left:auto;
  654.     margin-right:auto;
  655.     {block:ifSingleColumn}
  656.         {block:ifBiggerPosts}
  657.             width:250px;
  658.         {/block:ifBiggerPosts}
  659.         {block:ifBiggestPosts}
  660.             width:300px;
  661.         {/block:ifBiggestPosts}
  662.     {/block:ifSingleColumn}
  663. }
  664.    
  665. ::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track { }::-webkit-scrollbar-thumb {background-color:  rgba(0,0,0,0.2);  border-radius:100px; }    
  666.  
  667. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  668. #infscr-loading {display:none;}
  669. .navigation {display:none!important;}
  670.  
  671. #He {
  672.     width:20px;
  673.     height:20px;
  674.     background-color:rgba(256,256,256,0.4);
  675.     border-radius:30%;
  676.     position:fixed;
  677.     left:50px;
  678.     bottom:5px;
  679.     text-align:center;
  680.     text-transform:uppercase;
  681.     font-weight:bold;
  682.     font-size:10px;
  683.     padding:auto;
  684.     border:1px solid rgba(0,0,0,0.1);
  685.     -webkit-transition: all 0.3s ease;
  686.     -moz-transition: all 0.3s ease;
  687.     -o-transition: all 0.3s ease;
  688.    
  689. }
  690.  
  691. #Ro {
  692.     width:100px;
  693.     height:10px;
  694.     background-color:rgba(256,256,256,0.4);
  695.     border-radius:20px;
  696.     position:fixed;
  697.     left:5px;
  698.     bottom:-25px;
  699.     padding:5px;
  700.     border:1px solid rgba(0,0,0,0.1);
  701.     -webkit-transition: all 0.3s ease;
  702.     -moz-transition: all 0.3s ease;
  703.     -o-transition: all 0.3s ease;
  704. }
  705.  
  706. #He a, #He a:hover {
  707.     color:black;
  708. }
  709.  
  710. #He:hover {
  711.     bottom:-25px;
  712.     -webkit-transition: all 0.3s ease;
  713.     -moz-transition: all 0.3s ease;
  714.     -o-transition: all 0.3s ease;
  715. }
  716.  
  717. #He:hover #Ro {
  718.     bottom:5px;
  719.     -webkit-transition: all 0.3s ease;
  720.     -moz-transition: all 0.3s ease;
  721.     -o-transition: all 0.3s ease;
  722. }
  723.  
  724. {CustomCSS}
  725. </style>
  726. </head>
  727. <body>
  728.  
  729. <div id="Holder">
  730.  
  731. <div id="Backside"></div>
  732.  
  733. <div id="TheSide">
  734.     <div id="Side">
  735.     {block:ifMusic}
  736.     <div class="Music">
  737.     {text:FlashMP3 CODE}
  738.     </div>
  739.     {/block:ifMusic}
  740.     <img src="{image:Sidebar Image}" />
  741.     {block:Description}
  742.     <div class="Description">{Description}</div>
  743.     {/block:Description}
  744.     </div>
  745. </div>
  746.  
  747. <div id="Backsidee">
  748.     <div class="Thelinkz">
  749.         <a href="/"><div class="Thelinks">home</div></a>
  750.         <a href="/ask"><div class="Thelinks">message</div></a>
  751.        {block:ifLinkOneTitle} <a href="{text:Link One}"><div class="Thelinks">{text:Link One Title}</div></a>{block:ifLinkOneTitle}
  752.        {block:ifLinkTwoTitle} <a href="{text:Link Two}"><div class="Thelinks">{text:Link Two Title}</div></a>{block:ifLinkTwoTitle}
  753.        {block:ifLinkThreeTitle} <a href="{text:Link Three}"><div class="Thelinks">{text:Link Three Title}</div></a>{block:ifLinkThreeTitle}
  754.        {block:ifLinkFourTitle} <a href="{text:Link Four}"><div class="Thelinks">{text:Link Four Title}</div></a>{block:ifLinkFourTitle}
  755.        </div>    
  756. </div>
  757.  
  758. <div id="Clear">
  759.  
  760. {block:Posts}
  761. <div class="Posts">
  762.  
  763. {block:Title}<div style="font-size:20px; font-weight:bold;">{Title}</div>{/block:Title}
  764.  
  765. {block:Text}
  766. <div class="Text">{Body}</div>
  767. {block:IndexPage}
  768. <div class="Down"><a href="{permalink}">{NoteCount} NOTES</a> : <a href="{permalink}">{DayOfWeek}, {DayOfMonth}-{ShortMonth}'{ShortYear}</a> : <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  769. {/block:IndexPage}
  770. {/block:Text}
  771.  
  772. {block:Photo}
  773. {block:IndexPage}
  774. <div class="Date">Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}</div>
  775. <div class="Permuh"><a href="{ReblogURL}" target="_blank"><div style="padding:5px;">{ReblogButton size="10"}</div></a></div>
  776. <div class="Note"><a href="{permalink}">{NoteCount}</a></div>
  777. {block:ifNotBiggerPosts}
  778. {block:ifNotBiggestPosts}
  779. <a href="{permalink}"><img src="{PhotoURL-500}" width="300"/></a>
  780. {/block:ifNotBiggestPosts}
  781. {/block:ifNotBiggerPosts}
  782. {block:ifBiggerPosts}
  783. <a href="{permalink}"><img src="{PhotoURL-500}" width="400"/></a>
  784. {/block:ifBiggerPosts}
  785. {block:ifBiggestPosts}
  786. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>
  787. {/block:ifBiggestPosts}
  788. {/block:IndexPage}
  789. {block:PermalinkPage}
  790. <a href="{permalink}"><img src="{PhotoURL-500}" width="600"/></a>
  791. {/block:PermalinkPage}
  792. {/block:Photo}
  793.  
  794. {block:Photoset}
  795. <center>
  796. {block:IndexPage}
  797. {block:ifNotBiggerPosts}
  798. {Photoset-250}
  799. {/block:ifNotBiggerPosts}
  800. {block:ifBiggerPosts}
  801.    {Photoset-400}
  802. {/block:ifBiggerPosts}
  803. <div class="Down"><a href="{permalink}">{NoteCount} NOTES</a> : <a href="{permalink}">{DayOfWeek}, {DayOfMonth}-{ShortMonth}'{ShortYear}</a> : <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  804. {/block:IndexPage}
  805. {block:PermalinkPage}
  806. {Photoset-500}
  807. {/block:PermalinkPage}
  808. </center>
  809. {/block:Photoset}
  810.  
  811.  
  812. {block:Quote}
  813. <div style="font-style:italic;font-size:15px;">"{Quote}"</div>
  814. <div align="right">
  815. {block:Source}-<b>{Source}</b>{/block:Source}
  816. </div>
  817. {block:IndexPage}
  818. <div class="Down"><a href="{permalink}">{NoteCount} NOTES</a> : <a href="{permalink}">{DayOfWeek}, {DayOfMonth}-{ShortMonth}'{ShortYear}</a> : <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  819. {/block:IndexPage}
  820. {/block:Quote}
  821.  
  822.  
  823. {block:Video}
  824. {block:IndexPage}
  825. {block:ifNotBiggerPosts}
  826. <center>{Video-250}</center>
  827. {/block:ifNotBiggerPosts}
  828. {block:ifBiggerPosts}
  829. {Video-400}
  830. {/block:ifBiggerPosts}
  831. <div class="Down"><a href="{permalink}">{NoteCount} NOTES</a> : <a href="{permalink}">{DayOfWeek}, {DayOfMonth}-{ShortMonth}'{ShortYear}</a> : <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  832. {/block:IndexPage}
  833. {block:PermalinkPage}
  834. <center>{Video-500}</center>
  835. {/block:PermalinkPage}
  836. {/block:Video}
  837.  
  838.  
  839. {block:Link}
  840. <a href="{URL}" class="link" {Target}><div style="font-size:15px;font-weight:bold;">{Name} »</div></a><BR>
  841. {block:Description}{Description}{/block:Description}
  842. {block:IndexPage}
  843. <div class="Down"><a href="{permalink}">{NoteCount} NOTES</a> : <a href="{permalink}">{DayOfWeek}, {DayOfMonth}-{ShortMonth}'{ShortYear}</a> : <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  844. {/block:IndexPage}
  845. {/block:Link}
  846.  
  847. {block:Chat}
  848. {block:Lines}
  849. {block:Label}
  850. <div style="width:auto;height:auto;background-color:rgba(0,0,0,0.1);padding:5px;margin:1px;"><b>{Label}</b>
  851. {/block:Label}
  852. &nbsp;{Line}</div>
  853. {/block:Lines}
  854. {block:IndexPage}
  855. <div class="Down"><a href="{permalink}">{NoteCount} NOTES</a> : <a href="{permalink}">{DayOfWeek}, {DayOfMonth}-{ShortMonth}'{ShortYear}</a> : <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  856. {/block:IndexPage}
  857. {/block:Chat}
  858.  
  859. {block:Audio}
  860. {AudioPlayerGrey}
  861. <br>
  862. <center>
  863. {block:TrackName}
  864. "{TrackName}"
  865. {/block:TrackName} —
  866. {block:Artist}
  867.  <b>{Artist}</b>
  868. {/block:Artist}
  869. </center><BR>
  870. {block:IndexPage}
  871. <div class="Down"><a href="{permalink}">{NoteCount} NOTES</a> : <a href="{permalink}">{DayOfWeek}, {DayOfMonth}-{ShortMonth}'{ShortYear}</a> : <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  872. {/block:IndexPage}
  873. {/block:Audio}
  874.  
  875.  
  876. {block:Answer}
  877. <div class="Question">
  878. <img src="{AskerPortraitURL-40}" /> <div style="margin-top:-30px;margin-left:50px;padding-bottom:10px;"><b>{Asker}</b> asked: {Question}</div>
  879. </div>
  880. <div class="Answer">
  881. {Answer}
  882. </div>
  883. {block:IndexPage}
  884. <div class="Down"><a href="{permalink}">{NoteCount} NOTES</a> : <a href="{permalink}">{DayOfWeek}, {DayOfMonth}-{ShortMonth}'{ShortYear}</a> : <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  885. {/block:IndexPage}
  886.  
  887. {/block:Answer}
  888.  
  889. {block:PermalinkPage}
  890. {block:Caption}
  891. {Caption}
  892. {/block:Caption}
  893. <br>
  894. {block:RebloggedFrom}
  895.  <center> — Reblogged from: <a href="{ReblogParentURL}" title="{ReblogParentTitle}"><b>{ReblogParentName}</b></a> on {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} , originally posted by: <a href="{ReblogRootURL}" title="{ReblogRootTitle}"><b>{ReblogRootName}</b></a> — <BR>
  896. {/block:RebloggedFrom}
  897. <br>
  898. {block:HasTags} Tagged: {block:Tags}<a href="{TagURL}"> <b>#{Tag}</b></a>{/block:Tags}{/block:HasTags} </center>
  899. <div align="right">{block:NoteCount}
  900. —<b>{NoteCount}</b>—
  901. {/block:NoteCount}</div>
  902. <Br>
  903. {block:PostNotes}
  904. <div id="notecontainer">{PostNotes}</div>
  905. {/block:PostNotes}
  906. {/block:PermalinkPage}
  907. </div>
  908.  
  909. {block:ContentSource}
  910.  
  911. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  912. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  913. {/block:SourceLogo}
  914. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  915.  
  916. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  917.  
  918. <div class="navigation">
  919. {block:Pagination}
  920. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  921. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  922. {/block:Pagination}
  923. </div>
  924. {/block:Posts}
  925. </div>
  926.  
  927. <div id="He"><img src="http://static.tumblr.com/lvdwday/iZcnvzw4b/tumblr_static_al9g89j1ls00wkw8oww44oggs.png" width='20'/><a href="http://lyricist.tumblr.com/"><div id="Ro">LYRICIST</div></a></div>
  928.  
  929. </body>
  930. </html>
Advertisement
Add Comment
Please, Sign In to add comment