supersora

Panda Theme

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