supersora

Verticulated Theme

Jun 30th, 2013
1,132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 25.29 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 : VERTICULATED
  9.       BY    : SORA KHAN
  10.       BLOG  : LYRICIST.TUMBLR.COM
  11.       ON    : 30TH JUNE, 2013 — SUNDAY
  12.  
  13.               MORE THEMES AT : VISIONARYTHEMES.TUMBLR.COM
  14. —————————————————————————————————————————————————————————————
  15. LAST UPDATE ON: 19/8/2013
  16. -->
  17.  
  18. <head>
  19. <!--Fonts-->
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Gafata' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Telex' rel='stylesheet' type='text/css'>
  25. <link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'>
  26.  
  27. <!--STT-->
  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://24.media.tumblr.com/2b3d0a0f875273ebbd206bee30ae8c54/tumblr_mp0debwR2U1rg0u03o1_250.png" style="filter:alpha(opacity=80); opacity:0.3; 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:'Up!'})
  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.  
  100.  
  101. <!-- -->
  102.  
  103. <title>{title}</title>
  104. <link rel="shortcut icon" href="{Favicon}" />
  105. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  106. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  107.  
  108. <meta name="color:Background Color" content="#ffffff" />
  109. <meta name="color:Scrollbar Color" content="#666666" />
  110. <meta name="color:SidebarBackground Color" content="#ffffff" />
  111. <meta name="color:SidebarTitle Color" content="#000000" />
  112. <meta name="color:DescriptionText Color" content="#000000" />
  113. <meta name="color:PostsText Color" content="#000000" />
  114. <meta name="color:PostsBackground Color" content="#ffffff" />
  115. <meta name="color:PostsBorder Color" content="#eeeeee" />
  116. <meta name="color:Link Color" content="#a8a8a8" />
  117. <meta name="color:LinkHover Color" content="#616161" />
  118. <meta name="color:SideLink Color" content="#ffffff" />
  119. <meta name="color:SideLinkHover Color" content="#eeeeee" />
  120. <meta name="color:SideLinkBorder Color" content="#b1b1b1" />
  121. <meta name="color:SideLinkBG Color" content="#666666" />
  122.  
  123. <meta name="image:Background Image" content="" />
  124. <meta name="image:Sidebar Image" content="" />
  125.  
  126. <meta name="if:Show Title" content="1" />
  127. <meta name="if:Sidebar Image" content="" />
  128. <meta name="if:Faded Sidebar" content="1" />
  129. <meta name="if:Sidebar Shadow" content="" />
  130. <meta name="if:Transparent Sidebar" content="" />
  131. <meta name="if:Transparent Posts" content="" />
  132. <meta name="if:Posts Shadow" content="" />
  133. <meta name="if:One Column" content="" />
  134. <meta name="if:Two Columns" content="1" />
  135. <meta name="if:Bigger Posts" content="" />
  136. <meta name="if:ImageFitToScreen" content="" />
  137. <meta name="if:Post Borders" content="1" />
  138.  
  139. <meta name="text:Link One Title" content="" />
  140. <meta name="text:Link One" content="" />
  141. <meta name="text:Link Two Title" content="" />
  142. <meta name="text:Link Two" content="" />
  143. <meta name="text:Link Three Title" content="" />
  144. <meta name="text:Link Three" content="" />
  145. <meta name="text:Link Four Title" content="" />
  146. <meta name="text:Link Four" content="" />
  147. <meta name="text:Link Five Title" content="" />
  148. <meta name="text:Link Five" content="" />
  149.  
  150. <!--lalalalla-->
  151.  
  152. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  153. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  154.  
  155. <!--infscr-->
  156. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  157. <!--end-->
  158.  
  159. <script type="text/javascript">
  160. $(window).load(function () {
  161. $('#Stringbean').masonry({
  162. itemSelector : ".Posts",
  163. },
  164. function() { $('#Stringbean').masonry({ appendedContent: $(this) }); }
  165. );
  166. });
  167. </script>
  168.  
  169. <script type="text/javascript">
  170.  $(window).load(function () {
  171.  $('#Stringbean').masonry(),
  172. $('.masonryWrap').infinitescroll({
  173. itemSelector : ".Posts",
  174.  navSelector : "div#ScrollAway",
  175.  nextSelector : "#ScrollAway a#next",
  176.  bufferPx : 10000,
  177.  extraScrollPx: 10000,
  178.  loadingImg : "",
  179.  loadingText : "",
  180.  },
  181.  function() { $('#Stringbean').masonry({ appendedContent: $(this) });
  182. });
  183.  });</script>
  184.  
  185. <style type="text/css">
  186.  
  187. body{
  188.     background-color:{color:Background Color};
  189.     background-image:url({image:Background Image});
  190.     background-attachment:fixed;
  191.  
  192.     {block:ifImageFitToScreen}
  193.         background-attachment:fixed;
  194.         background-position: center center;
  195.         -webkit-background-size: cover;
  196.         -moz-background-size: cover;
  197.         -o-background-size: cover;
  198.         background-size: cover;
  199.     {/block:ifImageFitToScreen}
  200. }
  201.  
  202. body a{
  203.     text-decoration:none;
  204.     color:{color:Link Color};
  205. }
  206.  
  207. body a:hover{
  208.     color:{color:LinkHover Color};
  209. }
  210. /*ScrollBar*/
  211. ::-webkit-scrollbar {
  212.     width: 4px;
  213.     height: 4px;
  214.     background:#eeeeee;
  215. }
  216. ::-webkit-scrollbar-track {}
  217. ::-webkit-scrollbar-thumb {
  218. border-radius:5px;
  219. background:{color:Scrollbar Color};
  220.  
  221. }
  222. /*ScrollBar*/
  223.  
  224. #Stringbean{
  225.     width:508px;  
  226.         {block:ifOneColumn}
  227.             margin-left:540px;
  228.             position:absolute;
  229.             padding:5px;
  230.         {/block:ifOneColumn}
  231.         {block:ifTwoColumns}
  232.             margin-left:500px;
  233.             position:absolute;
  234.             padding:5px;
  235.         {/block:ifTwoColumns}
  236.     {block:ifBiggerPosts}
  237.             position:absolute;
  238.             padding:5px;
  239.         {block:ifOneColumn}
  240.             width:600px;
  241.             margin-left:440px;
  242.         {/block:ifOneColumn}
  243.         {block:ifTwoColumns}
  244.             width:650px;
  245.             margin-left:390px;
  246.         {/block:ifTwoColumns}
  247.     {/block:ifBiggerPosts}
  248.         {block:PermalinkPage}
  249.             width:600px;
  250.             margin-left:440px;
  251.         {/block:PermalinkPage}
  252.  
  253.  
  254. }
  255.  
  256. .Posts{
  257.     background-color:{color:PostsBackground Color};
  258.     float:left;
  259.     margin:8px;
  260.     font-family: 'Gafata',sans-serif;
  261.     font-size:14px;
  262.     opacity:0.85;
  263.     color:{color:PostsText Color};
  264.     {block:ifPostBorders}
  265.         border: 1px solid {color:PostsBorder Color};
  266.         padding:4px;
  267.     {/block:ifPostBorders}
  268.  
  269.     {block:ifOneColumn}
  270.         width:400px;
  271.     {/block:ifOneColumn}
  272.     {block:ifTwoColumns}
  273.         width:210px;
  274.     {/block:ifTwoColumns}
  275.     {block:ifTransparentPosts}
  276.         background-color:transparent;
  277.     {/block:ifTransparentPosts}
  278.     {block:ifBiggerPosts}
  279.         {block:ifOneColumn}
  280.         width:500px;
  281.         {/block:ifOneColumn}
  282.         {block:ifTwoColumns}
  283.         width:270px;
  284.         {/block:ifTwoColumns}
  285.     {/block:ifBiggerPosts}
  286.    
  287. {block:PermalinkPage}
  288. width:500px;
  289. {/block:PermalinkPage}
  290.     -webkit-transition-duration: .50s;
  291. {block:ifPostsShadow}
  292. -webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,.6);
  293. -moz-box-shadow:    0px 1px 5px 1px rgba(0,0,0,.6);
  294. box-shadow:         0px 1px 5px 1px rgba(0,0,0,.6);    
  295. {/block:ifPostsShadow}      
  296. }
  297.  
  298. .Posts img{
  299. display:block;
  300.  
  301. {block:ifOneColumn}
  302.     width:400px;
  303. {/block:ifOneColumn}
  304.    {block:ifBiggerPosts}
  305.         {block:ifOneColumn}
  306.         width:500px;
  307.         {/block:ifOneColumn}
  308.         {block:ifTwoColumns}
  309.         width:270px;
  310.         {/block:ifTwoColumns}
  311.     {/block:ifBiggerPosts}
  312.    
  313.    {block:PermalinkPage}
  314.     width:500px;
  315.     {/block:PermalinkPage}
  316.  
  317. }
  318.  
  319. .Posts img:hover{
  320.     opacity:1;
  321. }
  322.  
  323. .Posts:hover{
  324.     opacity:1;
  325.     -webkit-transition-duration: .50s;
  326. }
  327.  
  328. #Sidebar {
  329.     width:230px;
  330.     height:auto;
  331.     background-color:{color:SidebarBackground Color};    
  332.     position:fixed;
  333.     margin-left:250px;
  334.     margin-top:290px;
  335.     -webkit-transition-duration: .50s;
  336.     {block:ifFadedSidebar}
  337.     opacity:0.8;
  338.     {/block:ifFadedSidebar}
  339.    
  340.     {block:ifOneColumn}
  341.         margin-left:300px;
  342.     {/block:ifOneColumn}
  343.     {block:ifBiggerPosts}
  344.     {block:ifOneColumn}
  345.         margin-left:180px;
  346.     {/block:ifOneColumn}
  347.     {block:ifTwoColumns}
  348.         margin-left:140px;
  349.     {/block:ifTwoColumns}
  350.     {/block:ifBiggerPosts}
  351.  
  352.     {block:ifSidebarImage}
  353.         margin-top:180px;
  354.     {/block:ifSidebarImage}    
  355.     {block:ifTransparentSidebar}
  356.         background-color:transparent;
  357.     {/block:ifTransparentSidebar}
  358.    
  359.     {block:PermalinkPage}
  360.         margin-left:180px;
  361.     {/block:PermalinkPage}
  362.  
  363.     {block:ifSidebarShadow}
  364.         -webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
  365.         -moz-box-shadow:    2px 2px 3px rgba(50, 50, 50, 0.75);
  366.         box-shadow:         2px 2px 3px rgba(50, 50, 50, 0.75);
  367.     {/block:ifSidebarShadow}    
  368. }
  369.  
  370. #Sidebar:hover{
  371.     opacity:1;
  372.     -webkit-transition-duration: .50s;
  373. }
  374.  
  375. #Sidebar img {
  376.     width:230px;
  377. }    
  378.    
  379. #Title {
  380.     text-align:center;
  381.     font-family:'Megrim',sans-serif;
  382.     font-size:30px;
  383.     -webkit-transition-duration: .40s;
  384.    
  385. }
  386.  
  387. #Title:hover {
  388.     letter-spacing:5px;
  389.     -webkit-transition-duration: .70s;
  390. }
  391.  
  392. #Title a{
  393.     color:{color:SidebarTitle Color}
  394. }
  395.  
  396. #Description {
  397.     border-top:1px solid {color:PostsBorder Color};    
  398.     text-align:center;
  399.     font-family: 'Advent Pro',sans-serif;
  400.     font-size:14px;
  401.     padding: 5px 0px;
  402.     line-height:15px;
  403.     color:{color:DescriptionText Color};
  404. }    
  405.  
  406. #Links {
  407.     height:auto;
  408.     width:150px;
  409.     background-color:transparent;
  410.     margin-top:200px;
  411.     margin-left:1000px;
  412.     padding-bottom:10px;
  413.     float:left;
  414.     position:fixed;
  415.     border-left:1px solid {color:SideLinkBorder Color};
  416.     border-top-left-radius:3px;
  417.     border-bottom-left-radius:20px;
  418.  
  419. }
  420.  
  421. .Links {
  422.     width:120px;
  423.     margin:2px 0px 0px 8px;
  424.     margin-left:8px;
  425.     background-color: {color:SideLinkBG color};
  426.     border-bottom-left-radius:10px;
  427.     border-top-right-radius:10px;
  428.     text-align:center;
  429.     font-family:'Megrim',sans-serif;
  430.     font-size:20px;
  431.     opacity:0.2;
  432.     -webkit-transition-duration: .90s;
  433. }
  434.  
  435. .Links:hover {
  436.     opacity:0.8;
  437.     -webkit-transition-duration: .90s;
  438.  
  439. }
  440.  
  441. .Links a{
  442.     color:{color:SideLink Color};
  443.     -webkit-transition-duration: .50s;
  444. }    
  445.  
  446. .Links a:hover{
  447.     color:{color:SideLinkHover Color};
  448.     -webkit-transition-duration: .50s;
  449. }
  450.    
  451. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  452. #infscr-loading {display:none;}
  453. #ScrollAway {display:none!important;}
  454.  
  455. .Link {
  456.     font-size:20px;
  457.     font-family:'Advent Pro',sans-serif;
  458.     font-weight:bold;
  459.     letter-spacing:1px;
  460.     text-align:center;
  461.     -webkit-transition-duration: .50s;
  462. }
  463.  
  464. .Link:hover{
  465.     -webkit-transition-duration: .50s;
  466. }
  467.  
  468. /*Sliders baby*/
  469. .Posts:hover #Skin {
  470.     opacity:0.9;
  471.     z-index:999999;
  472.     padding-top:0px;
  473. }
  474.  
  475. #Skin {
  476.     background-color:#eeeeee;
  477.     width: 10px;
  478.     margin-left:8px;
  479.     height:15px;
  480.     -webkit-transition-duration: .75s;
  481.     opacity:0;
  482.     margin-top:5px;
  483.     border: 1px solid #eeeeee;
  484.     border-top-left-radius:6px;
  485.     border-bottom-right-radius:6px;
  486.     position:absolute;
  487.     -webkit-box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.78);
  488.     -moz-box-shadow:    0px 3px 11px rgba(0, 0, 0, 0.78);
  489.     box-shadow:         0px 3px 11px rgba(0, 0, 0, 0.78);
  490. }
  491.  
  492. #Skin:hover {
  493.     background-color:#eeeeee;
  494.     margin-left:8px;
  495.     font-size:0px;
  496.     height:15px;
  497.     -webkit-transition-duration: .75s;
  498.     opacity:0.8;
  499.     margin-top:5px;
  500.     position:absolute;
  501.     border-top-left-radius:6px;
  502.     border-bottom-right-radius:6px;
  503.     -webkit-box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.78);
  504.     -moz-box-shadow:    0px 3px 11px rgba(0, 0, 0, 0.78);
  505.     box-shadow:         0px 3px 11px rgba(0, 0, 0, 0.78);
  506.         {block:ifOneColumn}
  507.     width:380px;
  508.         {/block:ifOneColumn}
  509.         {block:ifTwoColumns}
  510.     width:190px;
  511.         {/block:ifTwoColumns}
  512.         {block:ifBiggerPosts}
  513.         {block:ifOneColumn}
  514.     width:480px;
  515.         {/block:ifOneColumn}
  516.         {block:ifTwoColumns}
  517.     width:250px;
  518.         {/block:ifTwoColumns}
  519.         {/block:ifBiggerPosts}
  520. }    
  521.  
  522. .Skin {
  523.     font-size:9.5px;
  524.     color: black;
  525.     text-align:center;
  526.     height:20px;
  527.     margin-top:2px;
  528.     font-family: 'Julius Sans One',sans-serif;
  529. }    
  530.  
  531. .Skin a{
  532.     color:black;
  533. }
  534.  
  535. .Skin a:hover {
  536.     font-size:9.5px;
  537.     color: black;
  538.     text-align:center;
  539.     height:20px;
  540.     margin-top:2px;
  541. }  
  542.  
  543. .Skin span{
  544.     opacity:0;
  545.     letter-spacing:-15px;
  546. }
  547. .Skin:hover span{
  548.     opacity:1;
  549.     letter-spacing:3px;
  550. }
  551.  
  552. .Stem{
  553.     margin-left:20px;
  554.     -webkit-transition: all 0.4s linear;
  555.     moz-transition: all 0.4s linear;
  556.     transition: all 0.4s linear;
  557. }
  558.  
  559. #Stringbean #notecontainer {
  560.     margin-left: 7px ;
  561.     width: 509px;
  562.     background-color:{color:PostsBackground Color};
  563.     float:left;
  564.     border: 1px solid {color:PostsBorder Color};
  565.     font-family: 'Gafata',sans-serif;
  566.     font-size:12px;
  567.     color:{color:PostsText Color};
  568.     {block:ifTransparentPosts}
  569.         background-color:transparent;
  570.     {/block:ifTransparentPosts}
  571. }
  572.  
  573. #Stringbean #notecontainer ol.notes {
  574.       list-style-type: none;
  575.       margin: 0;
  576.       padding: 5px;
  577.      
  578. }
  579.  
  580. #Stringbean #notecontainer img.avatar {
  581.       margin-right: 10px;
  582.       width: 16px;
  583.       height: 16px;
  584. }
  585.  
  586.  
  587.  
  588. /*OtherNotes*/
  589. .Notez {
  590.     text-align:right;
  591.     border-top:1px solid #666666;
  592.     padding:2px 2px;
  593.     font-size:10px;
  594.     font-family:'Telex',sans-serif;
  595. }
  596.  
  597. .Notez a{
  598.     -webkit-transition-duration: .30s;
  599. }
  600.  
  601. .Notez a:hover{
  602.     color:{color:LinkHover color};
  603.     text-decoration:underline;
  604.     -webkit-transition-duration: .30s;
  605. }
  606.  
  607.  
  608.  
  609. /*Posts Titles, etc. */
  610. .LeTitles {
  611.     font-size:20px;
  612.     font-family:'Advent Pro',sans-serif;
  613.     font-weight:bold;
  614.     letter-spacing:1px;
  615.     text-transform:uppercase;
  616.     text-align:center;
  617. }
  618.  
  619. .Pbody {
  620.     padding-left:6px;
  621. }
  622.  
  623. .PBody a{
  624.     font-weight:bold;
  625.     -webkit-transition-duration: .90s;
  626. }
  627.  
  628. .PBody a:hover{
  629.     text-decoration:underline;
  630.     -webkit-transition-duration: .90s;
  631. }
  632.  
  633. .Pbody img {
  634.     width:100%;
  635. }
  636.  
  637.  
  638.  
  639. /*Questions*/
  640. .Question{
  641.     border:1px solid {color:PostsBorder Color};
  642.     padding:10px;
  643.     font-size:12px;
  644.     width:auto;
  645.     height:auto;
  646.     background-color:{color:PostsBorder Color};
  647.     {block:ifTransparentPosts}
  648.     opacity:0.8;
  649.     {/block:ifTransparentPosts}
  650. }
  651.  
  652. .Question a{
  653.     -webkit-transition-duration: .40s;
  654. }
  655.  
  656. .Question a:hover{
  657.     -webkit-transition-duration: .40s;
  658. }
  659.  
  660. .Answer {
  661.     padding:0px 4px 0px;
  662.     border-left:3px solid grey;
  663.     margin-left:5px;
  664.     font-size:12px;
  665.     height:auto;
  666.     line-height:15px;
  667. }
  668.  
  669. /*Food*/
  670. #Yum {
  671.     width:20px;
  672.     height:20px;
  673.     bottom:10px;
  674.     position:fixed;
  675. }
  676.  
  677. #Video {
  678.    text-align:center;
  679. }
  680.  
  681. #Video a:hover{
  682.     text-decoration:underline;
  683.     color:{color:LinkHover Color};
  684. }
  685.  
  686.  
  687. {CustomCSS}
  688. </style>
  689.  
  690. </head>
  691. <body>
  692.  
  693. <div id="Sidebar">
  694. {block:ifSidebarImage}<a href="/"><img src="{image:Sidebar Image}" /></a>{/block:ifSidebarImage}
  695. {block:ifShowTitle}<div id="Title"><a href="/">{Title}</a></div>{/block:ifShowTitle}
  696. <div id="Description">{block:Description}{Description}{/block:Description}</div>
  697.  
  698. </div>
  699.  
  700. <div id="Links">
  701.     <div class="Links"><a href="/">Home</a></div>
  702.     <div class="Links"><a href="/ask">Message</a></div>
  703.     {block:ifLinkOneTitle}<div class="Links"><a href="{text:Link One}">{text:Link One Title} </a></div>{/block:ifLinkOneTitle}
  704.     {block:ifLinkTwoTitle}<div class="Links"><a href="{text:Link Two}">{text:Link Two Title} </a></div>{/block:ifLinkTwoTitle}
  705.     {block:ifLinkThreeTitle}<div class="Links"><a href="{text:Link Three}">{text:Link Three Title} </a></div>{/block:ifLinkThreeTitle}
  706.     {block:ifLinkFourTitle}<div class="Links"><a href="{text:Link Four}">{text:Link Four Title} </a></div>{/block:ifLinkFourTitle}
  707.     {block:ifLinkFiveTitle}<div class="Links"><a href="{text:Link Five}">{text:Link Five Title} </a></div>{/block:ifLinkFiveTitle}
  708.    
  709. </div>
  710.  
  711. <div id="Stringbean">
  712.  
  713. {block:Posts}
  714.  
  715. <div class="Posts">
  716.  
  717. {block:Title}<div class="LeTitles">{Title}</div>{/block:Title}
  718.  
  719. {block:Text}
  720. <div class="Pbody">
  721. {Body}
  722. </div>
  723.  
  724. {block:IndexPage}<div class="Notez"><a href="{permalink}" target="_blank">{NoteCount}</a> - <a href="{ReblogURL}" target="_blank">↺</a> - <a href="{permalink}" target="_blank">{DayOfMonth} {ShortMonth} {ShortYear}</a></div> {/block:IndexPage}
  725.  
  726. {/block:Text}
  727.  
  728.  
  729. {block:Photo}
  730. {block:IndexPage}
  731. <div id="Skin">
  732. <div class="Skin" class="transition"><span style="text-transform:uppercase;"><span  class="Stem"><a href="{permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">↺</a></span></span></div>
  733. </div>
  734. <a href="{permalink}"><img src="{PhotoURL-500}" width="210"/></a>
  735. {block:IndexPage}
  736.  
  737. {block:PermalinkPage}
  738. {LinkOpenTag}
  739. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px" />
  740. {LinkCloseTag}
  741. {/block:PermalinkPage}
  742. {/block:Photo}
  743.  
  744. {block:Photoset}
  745.     {block:IndexPage}
  746. {block:ifNotBiggerPosts}
  747. {block:ifOneColumn}
  748. {Photoset-400}
  749. {/block:ifOneColumn}
  750. {block:ifTwoColumns}
  751. <a href="{permalink}" target="_blank" title="Click to view photoset"><img src="http://24.media.tumblr.com/30fe30924f0a41bdd65309d0e6e1914b/tumblr_mp0cs9m4FA1rg0u03o1_400.gif" width='210'/></a>
  752. {/block:ifTwoColumns}
  753. {/block:ifNotBiggerPosts}
  754. {block:ifBiggerPosts}
  755. {block:ifOneColumn}
  756. {Photoset-500}
  757. {/block:ifOneColumn}
  758. {block:ifTwoColumns}
  759. <center>{Photoset-250}</center>
  760. {/block:ifTwoColumns}
  761. {/block:ifBiggerPosts}
  762.  
  763. <div class="Notez"><a href="{permalink}" target="_blank">{NoteCount}</a> - <a href="{ReblogURL}" target="_blank">↺</a> - <a href="{permalink}" target="_blank">{DayOfMonth} {ShortMonth} {ShortYear}</a></div>
  764.     {/block:IndexPage}
  765.  
  766.     {block:permalinkpage}
  767. {Photoset-500}
  768.     {/block:permalinkpage}
  769. {/block:Photoset}
  770.  
  771.  
  772. {block:Quote}
  773. <div class="PBody">
  774. {Quote}
  775. <div align="right">
  776. {block:Source}-{Source}{/block:Source}
  777. </div>
  778. </div>
  779.  
  780. {block:IndexPage}<div class="Notez"><a href="{permalink}" target="_blank">{NoteCount}</a> - <a href="{ReblogURL}" target="_blank">↺</a> - <a href="{permalink}" target="_blank">{DayOfMonth} {ShortMonth} {ShortYear}</a></div> {/block:IndexPage}
  781. {/block:Quote}
  782.  
  783. {block:Video}
  784. {block:IndexPage}
  785. <div id="Video">
  786. {block:ifNotBiggerPosts}
  787. {block:ifOneColumn}
  788. {Video-400}
  789. {/block:ifOneColumn}
  790. {block:ifTwoColumns}
  791. <a href="{permalink}" target="_blank" title="{permalink}"><img src="http://24.media.tumblr.com/780787d0ad3eb8ec26c1b95837719d2b/tumblr_mp0946ggKS1rg0u03o1_400.jpg" width='210'/></a>
  792. {/block:ifTwoColumns}
  793. {/block:ifNotBiggerPosts}
  794. {block:ifBiggerPosts}
  795. {block:ifOneColumn}
  796. {Video-500}
  797. {/block:ifOneColumn}
  798. {block:ifTwoColumns}
  799. {Video-250}
  800.  
  801. {/block:ifTwoColumns}
  802. {/block:ifBiggerPosts}
  803. </div>
  804. <BR>
  805.  
  806. <div class="Notez"><a href="{permalink}" target="_blank">{NoteCount}</a> - <a href="{ReblogURL}" target="_blank">↺</a> - <a href="{permalink}" target="_blank">{DayOfMonth} {ShortMonth} {ShortYear}</a></div>
  807. {/block:IndexPage}
  808.  
  809. {block:PermalinkPage}
  810. {Video-500}
  811. {/block:PermalinkPage}
  812.  
  813.  
  814. {/block:Video}
  815.  
  816.  
  817. {block:Link}
  818. <a href="{URL}" class="Link" {Target}>{Name}→</a><BR>
  819. {block:Description}<div class="Pbody">{Description}</div>{/block:Description}
  820.  
  821.  
  822. {block:IndexPage}<div class="Notez"><a href="{permalink}">{NoteCount}</a> - <a href="{ReblogURL}" target="_blank">↺</a></div>{/block:IndexPage}
  823.  
  824. {/block:Link}
  825.  
  826. {block:Chat}
  827. <div class="Pbody">{block:Lines}
  828. {block:Label}
  829. <br><b>{Label}</b>
  830. {/block:Label}
  831. &nbsp;{Line}
  832. {/block:Lines}</div>
  833.  
  834. {block:IndexPage}<div class="Notez"><a href="{permalink}">{NoteCount}</a> - <a href="{ReblogURL}" target="_blank">{DayOfMonth} {ShortMonth} {ShortYear}</a> </div>{/block:IndexPage}
  835. {/block:Chat}
  836.  
  837. {block:Audio}
  838. {AudioPlayerGrey}
  839. <br><div align="right">{block:Artist}{Artist}</div>
  840. {/block:Artist}<br>
  841. {block:Caption}<div class="Pbody">{Caption}</div>{/block:Caption}
  842. <div class="Notez">
  843. {block:IndexPage}<a href="{permalink}">{NoteCount}</a> - <a href="{ReblogURL}" target="_blank">{DayOfMonth} {ShortMonth} {ShortYear}</a> {/block:IndexPage}
  844. </div>
  845. {/block:Audio}
  846.  
  847. {block:Answer}
  848. <div class="Question">
  849. <b>{Asker}</b> asked:  <i>{Question}</i><BR></div>
  850. <div class="Answer"><i>{Answer}</i></div>
  851. {block:IndexPage}<div class="Notez">{NoteCount} - <a href="{permalink}" target="_blank">{DayOfMonth} {ShortMonth} {ShortYear}</a></div> {/block:IndexPage}
  852. {/block:Answer}
  853.  
  854. {block:PermalinkPage}
  855. {block:Caption}
  856. {Caption}
  857. {/block:Caption}
  858. <br>
  859. {block:RebloggedFrom}
  860.  <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>«<BR>
  861. {/block:RebloggedFrom}
  862.  
  863. <Br>
  864. {block:HasTags} Tagged: {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags} </center><div align="right">{block:NoteCount}
  865. {NoteCount} notes
  866. {/block:NoteCount}</div>
  867. {/block:PermalinkPage}
  868. </div>
  869.  
  870.  
  871. {block:PermalinkPage}
  872. {block:PostNotes}
  873. <div id="notecontainer">{PostNotes}</div>
  874. {/block:PostNotes}
  875. {/block:PermalinkPage}
  876.  
  877. {/block:Posts}
  878.  
  879. </div>
  880.  
  881. <div id="ScrollAway">
  882. {block:Pagination}
  883. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  884. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  885. {/block:Pagination}
  886. </div>
  887.  
  888. <div id="yey"></div>
  889.  
  890.  
  891. <div id="Yum"><a href="http://lyricist.tumblr.com/"><img src="http://25.media.tumblr.com/e439779dccf0a49699004785ea462300/tumblr_mohy9gO4es1svqbryo1_500.png" width='30' height='30'/></a></div>
  892. </body>
  893. </html>
Advertisement
Add Comment
Please, Sign In to add comment