API tools faq
paste
Advertisement
mxdvs

MXDVS - New Theme: Unkown BETA

mxdvs
Apr 16th, 2014
140
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 47.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <!-- -------------------------------------------------------------
  5.      
  6.  
  7.     Theme DISCO By Max Davis.
  8.    
  9.    
  10.     Free theme code: http://themes.themaxdavis.com/theme/theme_25
  11.     More Themes: http://themes.themaxdavis.com
  12.    
  13.    
  14.     PROMOTE YOUR TUMBLR: http://themes.themaxdavis.com/spotlight
  15.    
  16.    
  17.     ------------------------------------------------------------- -->
  18.      
  19.  
  20. <html lang="en">
  21. <head>
  22. <meta charset="utf-8" />
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26.  
  27. <meta name="color:Background" content="#FF9900" />
  28. <meta name="color:If Gradient Background" content="#00D0FF" />
  29.  
  30.  
  31. <!-- Select Options -->
  32. <meta name="select:Background" content="disco" title="Disco effect">
  33. <meta name="select:Background" content="body" title="Random Color">
  34. <meta name="select:Background" content="static" title="Static Color">
  35. <meta name="select:Background" content="gradient" title="Gradient Static">
  36. <meta name="select:Background" content="gradient-fixed" title="Gradient Fixed">
  37.  
  38. <meta name="select:Disco Background Speed" content="100" title="Slow">
  39. <meta name="select:Disco Background Speed" content="50" title="Medium">
  40. <meta name="select:Disco Background Speed" content="1" title="Fast">
  41.  
  42. <meta name="select:Gradient Style" content="linear" title="Linear">
  43. <meta name="select:Gradient Style" content="diagonal-1" title="Diagonal 1">
  44. <meta name="select:Gradient Style" content="diagonal-2" title="Diagonal 2">
  45. <meta name="select:Gradient Style" content="diagonal-3" title="Diagonal 3">
  46. <meta name="select:Gradient Style" content="diagonal-4" title="Diagonal 4">
  47.  
  48. <meta name="select:Blog Title Size" content="medium" title="Medium">
  49. <meta name="select:Blog Title Size" content="big" title="Big">
  50.  
  51. <meta name="select:Post Spacing" content="spacing_30" title="30px">
  52. <meta name="select:Post Spacing" content="spacing_60" title="60px">
  53. <meta name="select:Post Spacing" content="spacing_90" title="90px">
  54.  
  55. <meta name="select:Text Color" content="white" title="White">
  56. <meta name="select:Text Color" content="black" title="Black">
  57.  
  58. <meta name="select:Blog Information" content="header" title="Header">
  59. <meta name="select:Blog Information" content="header display" title="Header (fixed)">
  60. <meta name="select:Blog Information" content="sidebar left" title="Left Sidebar">
  61. <meta name="select:Blog Information" content="fixed sidebar left" title="Left Sidebar (fixed)">
  62. <meta name="select:Blog Information" content="sidebar right" title="Right Sidebar">
  63. <meta name="select:Blog Information" content="fixed sidebar right" title="Right Sidebar (fixed)">
  64.  
  65. <meta name="select:Font" content="font-source-sans-pro" title="Source Sans Pro">
  66. <meta name="select:Font" content="font-helvetica-neue" title="Helvetica Neue">
  67. <meta name="select:Font" content="font-open-sans" title="Open Sans">
  68. <meta name="select:Font" content="font-montserrat" title="Montserrat">
  69.  
  70. <!-- Blog Options -->
  71. <meta name="if:Fixed Tumblr Controls" content="1" />
  72. <meta name="if:Infinite Scroll" content="1" />
  73. <meta name="if:Hide Search Bar" content="0" />
  74. <meta name="if:Hide Archive Link" content="0" />
  75. <meta name="if:Hide Random Link" content="0" />
  76. <meta name="if:Hide Search Bar" content="0" />
  77. <meta name="if:Hide Description" content="0" />
  78.  
  79. <!-- Text inputs -->
  80. <meta name="text:Blog Title" content="" />
  81. <meta name="text:Blog Title 2" content="Personal blog" />
  82. <meta name="text:Edit Ask Title" content="" />
  83.  
  84. <meta name="text:Edit Ask Title" content="Askbox" />
  85. <meta name="text:Edit Links Title" content="Links" />
  86. <meta name="text:Edit Pages Title" content="Pages" />
  87.  
  88. <meta name="text:Link 1 Url" content="" />
  89. <meta name="text:Link 1 Title" content="" />
  90. <meta name="text:Link 2 Url" content="" />
  91. <meta name="text:Link 2 Title" content="" />
  92. <meta name="text:Link 3 Url" content="" />
  93. <meta name="text:Link 3 Title" content="" />
  94. <meta name="text:Link 4 Url" content="" />
  95. <meta name="text:Link 4 Title" content="" />
  96. <meta name="text:Link 5 Url" content="" />
  97. <meta name="text:Link 5 Title" content="" />
  98.  
  99. <style type="text/css">
  100. html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
  101.  
  102.  
  103. /*  Body, Tumblr Controls, Links, Fonts & varia  */
  104. html {
  105.    min-height:100%;
  106.     background:fixed;}
  107. body {
  108.     font-size:12px;
  109.     font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  110.     font-weight: normal;
  111.     color:{select:Text Color};}
  112. body.disco {
  113.     background:#FFFFFF;}
  114. body.static {
  115.     background-color:{color:Background} !important;}
  116.    
  117.    
  118. body.gradient, body.gradient-fixed {
  119.     background: rgb({RGBcolor:Background});
  120.     background: -moz-linear-gradient(top, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:If Gradient Background},1) 100%);
  121.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba({RGBcolor:background},1)), color-stop(100%,rgba({RGBcolor:If Gradient Background},1)));
  122.     background: -webkit-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  123.     background: -o-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  124.     background: -ms-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  125.     background: linear-gradient(to bottom, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  126.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Background}', endColorstr='{color:If Gradient Background}',GradientType=0 );}
  127. body.diagonal-1-gradient {
  128.     background: rgba({RGBcolor:Background});
  129.     background: -moz-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:If Gradient Background},1) 100%);
  130.     background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba({RGBcolor:Background},1)), color-stop(100%,rgba({RGBcolor:If Gradient Background},1)));
  131.     background: -webkit-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  132.     background: -o-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  133.     background: -ms-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  134.     background: linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  135.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Background}', endColorstr='{color:If Gradient Background}',GradientType=1 );}
  136. body.diagonal-2-gradient {
  137.     background: rgba({RGBcolor:Background});
  138.     background: -moz-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:If Gradient Background},1) 100%);
  139.     background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba({RGBcolor:Background},1)), color-stop(100%,rgba({RGBcolor:If Gradient Background},1)));
  140.     background: -webkit-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  141.     background: -o-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  142.     background: -ms-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  143.     background: linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  144.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Background}', endColorstr='{color:If Gradient Background}',GradientType=1 );}
  145. body.diagonal-3-gradient {
  146.     background: rgba({RGBcolor:Background});
  147.     background: -moz-linear-gradient(45deg, rgba({RGBcolor:If Gradient Background},1) 0%, rgba({RGBcolor:Background},1) 100%);
  148.     background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba({RGBcolor:If Gradient Background},1)), color-stop(100%,rgba({RGBcolor:Background},1)));
  149.     background: -webkit-linear-gradient(45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);
  150.     background: -o-linear-gradient(45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);
  151.     background: -ms-linear-gradient(45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);
  152.     background: linear-gradient(45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);
  153.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:If Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );}
  154. body.diagonal-4-gradient {
  155.     background: rgba({RGBcolor:Background});
  156.     background: -moz-linear-gradient(-45deg, rgba({RGBcolor:If Gradient Background},1) 0%, rgba({RGBcolor:Background},1) 100%);
  157.     background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba({RGBcolor:If Gradient Background},1)), color-stop(100%,rgba({RGBcolor:Background},1)));
  158.     background: -webkit-linear-gradient(-45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);
  159.     background: -o-linear-gradient(-45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);
  160.     background: -ms-linear-gradient(-45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);
  161.     background: linear-gradient(-45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);
  162.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:If Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );}
  163. body.gradient-fixed {
  164.     background-attachment:fixed;}
  165. body.body {
  166.     background:transparent;}{block:PermalinkPage}
  167. body {
  168.     background-attachment:fixed !important;}{/block:PermalinkPage}
  169.    
  170. a {
  171.     color:{select:Text Color};
  172.     text-decoration:none;}
  173. a:hover {color:{select:Text Color};}
  174. a:active {outline: none;}
  175. a:focus {-moz-outline-style: none;}
  176. :-moz-any-link:focus {outline: none;}
  177. img {border:none;display:block;}
  178. .clear {clear:both;}{block:IfFixedTumblrControls}
  179. #tumblr_controls, #credit-box #theme-c {position:fixed !important}
  180. {/block:IfFixedTumblrControls}
  181.  
  182. /*  Fade */
  183. #fade {
  184.     bottom: 0;
  185.     height: 100%;
  186.     position: fixed;
  187.     width: 100%;
  188.     z-index: 5000;
  189.     background: rgb({RGBcolor:Background});
  190.     background: -moz-linear-gradient(top, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:If Gradient Background},1) 100%);
  191.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba({RGBcolor:background},1)), color-stop(100%,rgba({RGBcolor:If Gradient Background},1)));
  192.     background: -webkit-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  193.     background: -o-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  194.     background: -ms-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  195.     background: linear-gradient(to bottom, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%);
  196.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );}
  197.  
  198.  
  199. /*  Fixed-header  */
  200. #fixed-header {
  201.     visibility:hidden;
  202.     display:none;
  203.     width:100%;
  204.     position:fixed;
  205.     z-index:5000;
  206.     top:0;
  207.     left:0;
  208.     padding:15px;
  209.     -webkit-box-sizing: border-box;
  210.     -moz-box-sizing: border-box;    
  211.     box-sizing: border-box;
  212.     -webkit-transition: background-color 0.4s ease;
  213.     -moz-transition: background-color 0.4s ease;
  214.     -o-transition: background-color 0.4s ease;
  215.     transition: background-color 0.4s ease;}
  216. #fixed-header {background-color:rgba({RGBcolor:Background},0.5);}
  217. #fixed-header:hover {background-color:rgba({RGBcolor:Background},0.75);}
  218. #fixed-header.display {
  219.     visibility:visible;}
  220. #fixed-header #inside {
  221.     width:500px;
  222.     margin:0 auto;}
  223. #fixed-header #bottom-part  {
  224.     height:0px;
  225.     margin:5px 0 0;
  226.     overflow:hidden;
  227.     -webkit-transition: all 0.4s ease;
  228.     -moz-transition: all 0.4s ease;
  229.     -o-transition: all 0.4s ease;
  230.     transition: all 0.4s ease;}
  231. #fixed-header:hover #bottom-part {
  232.     height:13px;}
  233.  
  234. #fixed-header h1 {
  235.     display: block;
  236.     float: left;
  237.     font-size: 20px;
  238.     font-weight: bold;
  239.     text-transform: uppercase;}
  240. #fixed-header #pagination {
  241.     display: block;
  242.     float: right;
  243.     font-weight: bold;
  244.     margin-top: 7px;
  245.     text-align: right;}
  246. #fixed-header #pagination span {}
  247. #fixed-header #pagination .current_page {
  248.     opacity:1;
  249.     cursor:default;}
  250. #fixed-header #pagination a,
  251. #fixed-header #pagination:hover .current_page {opacity:0.75;}
  252. #fixed-header #pagination .current_page:hover,
  253. #fixed-header #pagination a:hover {opacity:1;}
  254. #fixed-header #pagination #totalpages {
  255.     display: inline-block;
  256.     opacity:0.75;
  257.     cursor:default;}
  258.  
  259.  
  260. #fixed-header #links {
  261.     float: left;}
  262. #fixed-header #links a {
  263.     font-size: 13px;
  264.     font-weight: 300;
  265.     text-transform: uppercase;}
  266.  
  267. #fixed-header #search {
  268.     float: right;}
  269. #fixed-header #search.infinite {
  270.     margin:4px 0 0;}
  271. #fixed-header #search input.search_input {
  272.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  273.     border: medium none;
  274.     font-size: 13px;
  275.     font-weight: 300;
  276.     margin: 0 0 0 -1px;
  277.     opacity: 1;
  278.     padding: 0;
  279.     text-align: right;
  280.     text-transform: uppercase;
  281.     width: 100px;}
  282. #fixed-header ::-webkit-input-placeholder {
  283.     color: black;
  284.     opacity:1.0;}
  285. #fixed-header :-moz-placeholder{
  286.     color: {select:Text Color};
  287.     opacity:1.0;}
  288. #fixed-header ::-moz-placeholder {
  289.     color: {select:Text Color};
  290.     opacity:1.0;}
  291. #fixed-header :-ms-input-placeholder {
  292.     color: {select:Text Color};
  293.     opacity:1.0;}
  294. #fixed-header ::placeholder {
  295.     color: {select:Text Color};
  296.     opacity:1.0;}
  297. #fixed-header #search .search_input:hover {
  298.     color: {select:Text Color};}
  299. #fixed-header #search .submit {
  300.     display:none}
  301.    
  302.  
  303.    
  304.  
  305. /*  Container  */
  306. #container {
  307.     width:500px;
  308.     margin:auto;
  309.     position:relative;}
  310. #container.sidebar {
  311.     margin-top: 15px;
  312.     padding: 15px 15px 0;
  313.     width: 1030px;}
  314.  
  315.  
  316. /*  Blog Information: Header, Sidebar, Fixed  */
  317. #blog-information {}
  318. #blog-information.header {
  319.     margin: 45px 0 90px;
  320.     width: 500px;}
  321. #blog-information.sidebar {
  322.     width:500px;
  323.     position:absolute;}
  324. #blog-information.fixed {
  325.     position:fixed;}
  326. #blog-information.left,
  327. #blog-information.right {
  328.     padding: 0 15px 0 0;}
  329. #blog-information.right {
  330.     left: auto;
  331.     margin: 0 0 0 515px;
  332.     padding: 0 0 0 15px;}
  333.    
  334. /*  Blog Titles */
  335. #blog-information #titles {
  336.     color:{select:Text Color};
  337.     width:100%;
  338.     font-size: 12px;}    
  339. #blog-information #titles a {
  340.     color:{select:Text Color};}
  341. #blog-information #titles h1 {
  342.     display: inline-block;
  343.     line-height: 100%;
  344.     font-weight:bold;
  345.     margin: 0;
  346.     text-transform: uppercase;}
  347. #blog-information #titles h1.medium {font-size:60px;}
  348. #blog-information #titles h1.big {font-size:75px;}
  349. #blog-information #titles h2 {
  350.     line-height:100%;
  351.     font-weight:100;
  352.     text-align:right;
  353.     font-size:40px;
  354.     margin:0 0 10px;
  355.     text-transform: uppercase;}
  356. #blog-information.sidebar #titles h2{
  357.     white-space:none;
  358.     text-align:left;}
  359. #blog-information #titles h2.medium {font-size:30px;}
  360. #blog-information #titles h2.big {font-size:35px;}
  361.  
  362. #blog-information #pagination {
  363.     font-size: 13px;
  364.     font-weight: 400;
  365.     text-align: left;
  366.     word-spacing: -3px;}
  367. #blog-information.header #pagination {
  368.     font-size: 20px;
  369.     font-weight: bold;
  370.     text-align: right;
  371.     word-spacing: -5px;}
  372. #blog-information.sidebar #pagination {
  373.     font-size: 30px;
  374.     font-weight: bold;
  375.     word-spacing: -7px;}
  376. #blog-information #pagination span {}
  377. #blog-information #pagination .current_page {
  378.     opacity:1;
  379.     cursor:default;}
  380. #blog-information #pagination a,
  381. #blog-information #pagination:hover .current_page {opacity:0.75;}
  382. #blog-information #pagination .current_page:hover,
  383. #blog-information #pagination a:hover {opacity:1;}
  384. #blog-information #pagination #totalpages {
  385.     display: inline-block;
  386.     opacity:0.75;
  387.     cursor:default;}
  388.  
  389. /*  Other Blog Information */
  390. #blog-information #kist {
  391.     margin:30px 0;}
  392. #blog-information #kist #description,
  393. #blog-information #kist #links {
  394.     font-size: 16px;
  395.     margin: 0 0 10px;
  396.     text-transform: uppercase;}
  397. #blog-information #kist h3 {
  398.     font-weight:bold;
  399.     display:inline-block;
  400.     margin: 0;}
  401. #blog-information #kist #description p {
  402.     display: inline;
  403.     font-weight: 300;}
  404. #blog-information #kist #links ul {
  405.     display: inline-block;
  406.     font-weight: 300;
  407.     white-space: nowrap;
  408.     overflow: hidden;
  409.     text-overflow: ellipsis;
  410.     max-width: 442px;
  411.     vertical-align: top;}
  412. #blog-information #kist #links ul li {
  413.     display:block;}
  414. #blog-information #kist #links ul li a {}
  415.  
  416. #blog-information #kist #links ul li #search {}
  417. #blog-information #kist #links ul li #search input.search_input {
  418.     color: {select:Text Color};
  419.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  420.     border: medium none;
  421.     font-size: 16px;
  422.     font-weight: 300;
  423.     margin: 0 0 0 -1px;
  424.     opacity: 1;
  425.     padding: 0;
  426.     text-transform: uppercase;
  427.     width: 100%;}
  428. #blog-information #kist #links ul li #search input.search_input::-webkit-input-placeholder, #blog-information #kist #links ul li #search input.search_input:-ms-input-placeholder {
  429.     color: {select:Text Color};
  430.     opacity:1.0;}
  431. #blog-information #kist #links ul li #search input.search_input:-moz-placeholder, #blog-information #kist #links ul li #search input.search_input::-moz-placeholder {
  432.     color: {select:Text Color};
  433.     opacity:1.0;}
  434. #blog-information #kist #links ul li #search .search_input:hover {
  435.     color: {select:Text Color};}
  436. #blog-information #kist #links ul li #search .submit {
  437.     display:none}
  438.  
  439.  
  440.  
  441.  
  442.  
  443. /*  Content  */
  444. #container #content {
  445.     width:500px;}
  446. #container #content.sidebar {
  447.     width:500px;}
  448. #container #content.left,
  449. #container #content.right {
  450.     padding: 0 0 0 15px;
  451.     text-align:left;
  452.     {block:PermalinkPage}margin:10px 0 0;{/block:PermalinkPage}}
  453. #container #content.left {
  454.     margin: 0 0 0 515px;}
  455. #container #content.right {
  456.     padding: 0 15px 0 0;
  457.     text-align:right;}
  458.  
  459.  
  460. /*  Search & Tag pages   */
  461. #other-pages {}
  462. #other-pages h3 {
  463.    display: block;
  464.     font-size: 30px;
  465.     font-weight: 300;
  466.     line-height: 100%;
  467.     margin: 0;
  468.     text-align: center;
  469.     text-transform: uppercase;}
  470. #other-pages #searchresults {}
  471.  
  472.  
  473. /*  Posts  */
  474. #container #content #post {
  475.     display: block;
  476.     width:500px;
  477.     overflow:hidden;
  478.     position:relative;
  479.     {block:PermalinkPage}margin:0 0 60px !important;{/block:PermalinkPage}}
  480. #container #content #post.spacing_30 {
  481.     margin:0 0 30px;}
  482. #container #content #post.spacing_60 {
  483.     margin:0 0 60px;}
  484. #container #content #post.spacing_90 {
  485.     margin:0 0 90px;}
  486. #container #content.sidebar #post {display: inline-block;}
  487. #container #content #post:last-child {margin:0;}
  488. #container #content #post img {max-width:100%}
  489.  
  490. #container #content.sidebar #post {
  491.     max-width:100%;
  492.     display:inline-block;}
  493.  
  494. #container #content #post #inner-post {
  495.     overflow:hidden;
  496.     width:500px;
  497.     position:relative;
  498.     -webkit-transition: all 0.8s ease 0s;
  499.     -moz-transition: all 0.8s ease 0s;
  500.     -o-transition: all 0.8s ease 0s;
  501.     transition: all 0.8s ease 0s;}
  502.     {block:IndexPage}
  503. #container #content #post:hover #inner-post {
  504.     margin:0 0 0 -180px;
  505.     width:500px;
  506.     -webkit-transition: all 0.4s ease 0s;
  507.     -moz-transition: all 0.4s ease 0s;
  508.     -o-transition: all 0.4s ease 0s;
  509.     transition: all 0.4s ease 0s;}
  510.     {/block:IndexPage}
  511.  
  512. #container #content #post h3 {
  513.     font-size: 35px;
  514.     font-weight: 300;
  515.     text-transform: uppercase;
  516.     line-height: 100%;
  517.     margin:0 0 10px;}
  518.  
  519.  
  520. /*  Slide In Permalink */
  521. #container #content #post #side-permalink {
  522.     position:absolute;
  523.     overflow:hidden;
  524.     right:-150px;
  525.     top:0;
  526.     font-size:11px;
  527.     height:100%;
  528.     width:150px;
  529.     text-align:right;
  530.     padding:0;
  531.     -webkit-box-sizing: padding-box;
  532.     -moz-box-sizing: padding-box;
  533.     box-sizing: padding-box;
  534.     -webkit-transition: all 0.8s ease 0s;
  535.     -moz-transition: all 0.8s ease 0s;
  536.     -o-transition: all 0.8s ease 0s;
  537.     transition: all 0.8s ease 0s;}
  538. #container #content #post:hover #side-permalink {
  539.     right:0px;
  540.     -webkit-transition: all 0.4s ease 0s;
  541.     -moz-transition: all 0.4s ease 0s;
  542.     -o-transition: all 0.4s ease 0s;
  543.     transition: all 0.4s ease 0s;}
  544. #container #content #post #side-permalink a, #side-permalink span {
  545.     display:block;}
  546. #container #content #post #side-permalink .notes {
  547.     font-size: 40px;
  548.     font-weight: bold;}
  549. #container #content #post #side-permalink .time-ago {
  550.     font-size: 20px;
  551.     font-weight: 100;
  552.     text-transform: uppercase;}
  553. #container #content #post #side-permalink .permalink,
  554. #container #content #post #side-permalink .reblog,
  555. #container #content #post #side-permalink .source {
  556.     font-weight: bold;
  557.     margin: 20px 0 0;
  558.     text-transform: uppercase;}
  559. #container #content #post #side-permalink .reblog,
  560. #container #content #post #side-permalink .source {
  561.     margin: 0;}
  562. #container #content #post #side-permalink .day-month-year {
  563.     font-weight: bold;
  564.     margin: 3px 0 0;
  565.     text-transform: uppercase;}
  566.  
  567. /*  Quote posts  */
  568. #container #content #post #quote {
  569.     display:block;
  570.     position:relative;}    
  571. #container #content #post #quote #quote_symbol {
  572.     font-size: 200px;
  573.     font-weight: bold;
  574.     height: 21px;
  575.     left: 0;
  576.     letter-spacing: -17px;
  577.     line-height: 0;
  578.     opacity: 0.25;
  579.     position: absolute;
  580.     top: -45px;
  581.     width: 77px;}
  582. #container.black #content #post #quote #quote_symbol {opacity: 0.1;}
  583. #container #content #post #quote #source {
  584.     display: block;
  585.     font-size: 15px;
  586.     font-weight: bold;
  587.     margin: 10px 0 0;
  588.     text-transform: uppercase;}
  589.  
  590. /*  Chat posts  */    
  591. #container #content #post #chat {
  592.     display:block;
  593.     font-size:15px;
  594.     text-transform:uppercase;
  595.     font-weight:300;
  596.     line-height:100%;
  597.     text-align:left;}
  598. #container #content #post #chat li {
  599.     padding:15px;
  600.     overflow:hidden;
  601.     display:block;
  602.     position:relative;
  603.     white-space:no-wrap;}
  604. #container #content #post #chat li #background{
  605.     opacity:0.1;
  606.     position:absolute;
  607.     top:0;bottom:0;
  608.     left:0;right:0;}
  609. #container #content #post #chat li:nth-child(even) #background {
  610.     background-color:{select:Text Color};}
  611. #container #content #post #chat li span {
  612.     font-weight:bold;}
  613.    
  614. #container #content #post #audio {
  615.     width:500px;}
  616. #container #content #post #audio #art-side {
  617.     width:220px;
  618.     float:left;}
  619. #container #content #post #audio #info-side {
  620.     float: left;
  621.     height: 220px;
  622.     padding: 0 0 0 10px;
  623.     position: relative;
  624.     width: 270px;}
  625. #container #content #post #audio .album-art {
  626.     height: 220px;
  627.     width: 220px;}
  628. #container #content #post #audio #info {
  629.     padding:0;}
  630. #container #content #post #audio #info li {
  631.     font-size: 13px;
  632.     font-weight: 300;
  633.     overflow: hidden;
  634.     padding: 15px;
  635.     position:relative;
  636.     text-overflow: ellipsis;
  637.     text-transform: uppercase;
  638.     white-space: nowrap;}
  639. #container #content #post #audio #info li span {
  640.     font-weight:bold;}
  641. #container #content #post #audio #info li #background{
  642.     opacity:0.1;
  643.     position:absolute;
  644.     top:0;bottom:0;
  645.     left:0;right:0;}
  646. #container #content #post #audio #info li:nth-child(odd) #background {
  647.     background-color:{select:Text Color};}
  648. #container #content #post #audio #player-black,
  649. #container #content #post #audio #player-white {
  650.     bottom: 0;
  651.     margin: 0;
  652.     opacity: 0.1;
  653.     padding: 10px;
  654.     position: absolute;
  655.     width: 250px;}
  656. #container #content #post #audio #player-black:hover,
  657. #container #content #post #audio #player-white:hover {
  658.     opacity:0.7;}
  659. #container #content #post #audio #player-black.white,
  660. #container #content #post #audio #player-white.black {
  661.     display:none;}
  662. #container #content #post #audio #player-black {
  663.     background:black;}
  664. #container #content #post #audio #player-white {
  665.     background:white;}
  666.  
  667.  
  668. #container #content #permalink-info {
  669.     margin:0 0 60px;}
  670. #container #content #permalink-info #info-list {}
  671. #container #content #permalink-info #info-list li {
  672.     display: block;
  673.     float: left;
  674.     font-size: 11px;
  675.     margin: 0 10px 10px 0;
  676.     padding: 10px;
  677.     text-transform: uppercase;}
  678. #container #content #permalink-info #info-list li:last-child{
  679.     float: right;
  680.     margin: 0;}
  681. #container #content #permalink-info.black #info-list li {
  682.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);}
  683. #container #content #permalink-info.white #info-list li {
  684.     background: none repeat scroll 0 0 rgba(255,255,255, 0.05);}
  685. #container #content #permalink-info #info-list li span {
  686.     display: inline-block;
  687.     font-weight: bold;
  688.     margin: 0 10px 0 0;}
  689.  
  690. #container #content #permalink-info #tag-list {
  691.     clear: both;
  692.     display: block;
  693.     margin: 10px 0 0;}
  694. #container #content #permalink-info #tag-list li {
  695.     display: block;
  696.     float: left;
  697.     margin: 0 10px 0 0;
  698.     font-weight:bold;
  699.     padding: 5px;
  700.     opacity: 0.5;}
  701. #container #content #permalink-info #tag-list li:hover {
  702.     opacity:1;}
  703. #container #content #permalink-info.black #tag-list li {
  704.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);}
  705.     #container #content #permalink-info.black #tag-list li:hover {
  706.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);}
  707. #container #content #permalink-info.white #tag-list li {
  708.     background: none repeat scroll 0 0 rgba(255,255,255, 0.1);}
  709. #container #content #permalink-info.white #tag-list li:hover {
  710.     background: none repeat scroll 0 0 rgba(255,255,255, 0.05);}
  711.  
  712. #container #content #permalink-info #caption {
  713.     display: inline-block;
  714.     font-weight: 300;
  715.     margin: 0 0 10px;
  716.     padding: 15px;
  717.     text-align: left;
  718.     width: 500px;
  719.     -webkit-box-sizing: padding-box;
  720.     -moz-box-sizing: padding-box;  
  721.     box-sizing: padding-box; }
  722. #container #content #permalink-info.black #caption {
  723.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);}
  724. #container #content #permalink-info.white #caption {
  725.     background: none repeat scroll 0 0 rgba(255,255,255, 0.05);}
  726. #container #content #permalink-info #caption p {
  727.     margin:0 0 10px;}
  728. #container #content #permalink-info #caption p:last-child {
  729.     margin:0;}
  730. #container #content #permalink-info #caption ul {
  731.     margin:10px 0 10px 10px;
  732.     padding:0;
  733.     list-style:none;
  734.     font-size:9px}
  735. #container #content #permalink-info #caption ul li {
  736.     overflow: hidden;
  737.     white-space: nowrap;
  738.     text-overflow: ellipsis;}
  739. #container #content #permalink-info #caption blockquote {
  740.     margin:10px 0 10px 10px;
  741.     border-left: 5px solid rgba(255, 255, 255, 0.1);
  742.     padding: 0 0 0 10px;}
  743. #container #content #permalink-info #caption blockquote:last-child {
  744.     margin:10px 0 0 10px;}
  745. #container #content #permalink-info #caption:empty {
  746.     display:none}
  747.    
  748.  
  749. #container #content #permalink-info ol.notes {
  750.     clear: both;
  751.     display: inline-block;
  752.     list-style-type: none;
  753.     margin: 0;
  754.     max-width: 500px;
  755.     overflow: hidden;
  756.     padding: 0;}
  757. #container #content #permalink-info ol.notes li.note {
  758.     clear: none !important;
  759.     display: block;
  760.     margin: 0;
  761.     min-height: 20px;
  762.     padding: 5px;
  763.     width: auto;}
  764. #container #content #permalink-info.white #notes ol.notes li.note:nth-child(odd){
  765.     background: none repeat scroll 0 0 rgba(255,255,255, 0.05);}
  766. #container #content #permalink-info.black #notes ol.notes li.note:nth-child(odd){
  767.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);}
  768. #container #content #permalink-info ol.notes li.note img.avatar {
  769.     display: inline-block;
  770.     height: 20px;
  771.     margin: 0 15px 0 0;
  772.     vertical-align: middle;
  773.     width: 20px;}
  774. #container #content #permalink-info ol.notes li.note span{
  775.     display: inline-block;
  776.     font-size: 11px;
  777.     position: relative;
  778.     text-transform: uppercase;
  779.     vertical-align: middle;
  780.     width: 455px;}
  781. #container #content #permalink-info ol.notes li.note span.action a{
  782.     font-weight: bold;}
  783. #container #content #permalink-info ol.notes li.note .answer_content {
  784.     font-weight: normal;
  785.     display:none;}
  786. #container #content #permalink-info ol.notes li.note blockquote {
  787.     display: inline-block;
  788.     margin: 5px 0 5px 35px;
  789.     opacity: 0.5;
  790.     padding: 0;}
  791. #container #content #permalink-info ol.notes li.note blockquote a {
  792.     text-decoration: none;}
  793. #container #content #permalink-info ol.notes li.more_notes_link_container {
  794.     clear: both !important;
  795.     display: block;
  796.     font-size: 11px;
  797.     font-weight: bold;
  798.     height: auto;
  799.     line-height: 100%;
  800.     margin: 10px 10px 0 40px;
  801.     overflow: visible;
  802.     padding: 0;
  803.     text-align:left !important;
  804.     position: relative;
  805.     text-transform: uppercase;
  806.     width: 455px;
  807.     background-color:none !important;}
  808. #container #content #permalink-info.right ol.notes li.more_notes_link_container {
  809.     text-align: right !important;}
  810. </style>
  811. </head>
  812.  
  813. <body onload="{select:Background}()" class="{select:gradient style}-gradient {select:Background}">
  814.  
  815.  
  816. {block:IndexPage}
  817. <div id="fixed-header" class="{select:Blog Information} {select:Text Color}">
  818.     <div id="inside">
  819.         <h1><a href="/">{Block:IfNotBlogTitle}{Title}{/Block:IfNotBlogTitle}{Block:IfBlogTitle}{text:Blog Title}{/Block:IfBlogTitle}</a></h1>
  820.    
  821.     {Block:IfNotInfiniteScroll}{block:Pagination}
  822.     <div id="pagination">
  823.          {block:JumpPagination length="8"}{block:CurrentPage}
  824.             <span class="current_page">{PageNumber}</span>
  825.         {/block:CurrentPage}{block:JumpPage}
  826.             <a class="jump_page" href="{URL}">{PageNumber}</a>
  827.         {/block:JumpPage}{/block:JumpPagination}
  828.         <div id="totalpages" title="Total Pages">// {TotalPages}</div>
  829.         <div class="clear"></div>
  830.     </div>{/block:Pagination}{/Block:IfNotInfiniteScroll}
  831.     {Block:IfInfiniteScroll}{Block:IfNotHideSearchBar}
  832.     <form action="/search" method="get" id="search" class="infinite">
  833.         <input type="text" name="q" value="{URLSafeSearchQuery}" placeholder="Search" class="search_input"/>
  834.         <input type="submit" value="Search" class="submit"/>
  835.     </form>
  836.     {/Block:IfNotHideSearchBar}{/Block:IfInfiniteScroll}
  837.     <div class="clear"></div>
  838.    
  839.     <div id="bottom-part">
  840.     <div id="links">
  841.     {block:AskEnabled}
  842.     <a href="/ask">{Block:ifNotEditAskTitle}{AskLabel}{/Block:ifNotEditAskTitle}{Block:ifEditAskTitle}{text:Edit Ask Title}{/Block:ifEditAskTitle}</a>{/block:AskEnabled}
  843.     {block:SubmissionsEnabled}
  844.     <a href="/submit">Submit</a>{/block:SubmissionsEnabled}
  845.     {Block:IfNotHideArchiveLink}
  846.     <a href="/archive">Archive</a>{/Block:IfNotHideArchiveLink}
  847.     {Block:IfNotHideRandomLink}
  848.     <a href="/random">Random</a>{/Block:IfNotHideRandomLink}
  849.     </div>
  850.    
  851.     {Block:IfNotInfiniteScroll}{Block:IfNotHideSearchBar}
  852.     <form action="/search" method="get" id="search">
  853.         <input type="text" name="q" value="{URLSafeSearchQuery}" placeholder="Search" class="search_input"/>
  854.         <input type="submit" value="Search" class="submit"/>
  855.     </form>
  856.     {/Block:IfNotHideSearchBar}{/Block:IfNotInfiniteScroll}
  857.     <div class="clear"></div>
  858.     </div>
  859.     </div>
  860. </div>{/block:IndexPage}
  861.  
  862.  
  863.  
  864. <div id="container" class="{select:Blog Information} {select:Text Color}">
  865. <div id="blog-information" class="{select:Blog Information}">
  866.     <div id="titles">
  867.         <h1 class="{select:Blog Title Size}"><a href="/">{Block:IfNotBlogTitle}{Title}{/Block:IfNotBlogTitle}{Block:IfBlogTitle}{text:Blog Title}{/Block:IfBlogTitle}</a></h1>
  868.         {Block:IfBlogTitle2}<h2 class="{select:Blog Title Size}">{text:Blog Title 2}</h2>{/Block:IfBlogTitle2}
  869.     </div>
  870.  
  871.     <div id="kist">{Block:IfNotHideDescription}
  872.     <div id="description">
  873.         <h3>Description // </h3>
  874.         <p>{Description}</p>
  875.     </div>{/Block:IfNotHideDescription}
  876.     <div id="links">
  877.         <h3>Links // </h3>
  878.         <ul>
  879.             {block:AskEnabled}
  880.             <li><a href="/ask">{Block:ifNotEditAskTitle}{AskLabel}{/Block:ifNotEditAskTitle}
  881.             {Block:ifEditAskTitle}{text:Edit Ask Title}{/Block:ifEditAskTitle}</a></li>{/block:AskEnabled}
  882.             {block:SubmissionsEnabled}
  883.             <li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
  884.             {Block:IfNotHideArchiveLink}
  885.             <li><a href="/archive">Archive</a></li>{/Block:IfNotHideArchiveLink}
  886.             {Block:IfNotHideRandomLink}
  887.             <li><a href="/random">Random</a></li>{/Block:IfNotHideRandomLink}
  888.             {Block:IfNotHideSearchBar}
  889.             <li>
  890.                 <form action="/search" method="get" id="search">
  891.                     <input type="text" name="q" value="{URLSafeSearchQuery}" placeholder="Search" class="search_input"/>
  892.                     <input type="submit" value="Search" class="submit"/>
  893.                 </form>
  894.             </li>
  895.             {/Block:IfNotHideSearchBar}
  896.         </ul>
  897.     </div>
  898.     </div>
  899.     {Block:IfNotInfiniteScroll}{block:Pagination}
  900.     <div id="pagination">
  901.          {block:JumpPagination length="8"}{block:CurrentPage}
  902.             <span class="current_page">{PageNumber}</span>
  903.         {/block:CurrentPage}{block:JumpPage}
  904.             <a class="jump_page" href="{URL}">{PageNumber}</a>
  905.         {/block:JumpPage}{/block:JumpPagination}
  906.         <div id="totalpages" title="Total Pages">// {TotalPages}</div>
  907.         <div class="clear"></div>
  908.     </div>{/block:Pagination}{/Block:IfNotInfiniteScroll}
  909. </div>
  910.  
  911.     <div id="content" class="{select:Blog Information}">  
  912.         {block:TagPage}
  913.         <div id="other-pages" class="{Block:Indexpage}{select:Post Spacing}{/Block:Indexpage}">
  914.             <h3>Posts tagged with <strong>#{Tag}</strong></h3>
  915.         </div>
  916.         {/block:TagPage}
  917.        
  918.         {block:SearchPage}
  919.         <div id="other-pages" class="{Block:Indexpage}{select:Post Spacing}{/Block:Indexpage}">
  920.             {block:SearchResults}<div id="searchresults"><h3>{SearchResultCount} result(s) for <strong>{SearchQuery}</strong></h3></div> {/block:SearchResults}
  921.             {block:NoSearchResults} <div id="searchresults"><h3>Sorry no results for <strong>{SearchQuery}</strong></h3></div>{/block:NoSearchResults}
  922.         </div>
  923.         {/block:SearchPage}
  924.        
  925.         {block:Posts}
  926.             <div id="post" class="{select:Post Spacing}">
  927.             <div id="inner-post">
  928.             {block:Text}
  929.               {block:Title}
  930.                 <a href="{Permalink}"><h3>{Title}</h3></a>
  931.               {/block:Title}
  932.               {Body}
  933.             {/block:Text}
  934.  
  935.             {block:Photo}
  936.             <div id="photo">
  937.               {block:IndexPage}
  938.                 <center><img src="{PhotoURL-500}" id="gradient-map"/></center>
  939.               {/block:IndexPage}
  940.                    
  941.               {block:PermalinkPage}
  942.                 <center><img src="{PhotoURL-HighRes}"/></center>  
  943.               {/block:PermalinkPage}
  944.             </div>
  945.             {/block:Photo}
  946.            
  947.             {block:Photoset}
  948.                 {Photoset-500}
  949.             {/block:Photoset}
  950.  
  951.             {block:Quote}
  952.               <div id="quote">
  953.                 <div id="quote_symbol">,,</div>
  954.                   <a href="{Permalink}"><h3>{Quote}</h3></a>
  955.  
  956.                   {block:Source}
  957.                     <div id="source">{Source}</div>
  958.                   {/block:Source}
  959.               </div>
  960.             {/block:Quote}
  961.  
  962.             {block:Link}
  963.               <a href="{URL}" class="link" {Target}>
  964.                 <h3>{Name}</h3>
  965.               </a>
  966.                
  967.               {block:Description}
  968.                 <div class="description">{Description}</div>
  969.               {/block:Description}
  970.             {/block:Link}
  971.  
  972.             {block:Audio}
  973.               <div id="audio">
  974.                
  975.                 <div id="art-side">
  976.                 {block:AlbumArt}
  977.                 <img src="{AlbumArtURL}" class="album-art" />
  978.                 {/block:AlbumArt}
  979.                 </div>
  980.                
  981.                 <div id="info-side">
  982.                 <ul id="info">
  983.                     {block:TrackName}
  984.                     <li><div id="background"></div><span>Track:</span> {TrackName}</li>
  985.                     {/block:TrackName}
  986.                     {block:Artist}
  987.                     <li><div id="background"></div><span>Artist:</span> {Artist}</li>
  988.                     {/block:Artist}
  989.                     {block:PlayCount}
  990.                     <li><div id="background"></div><span>Play count:</span> {PlayCount}</li>
  991.                     {/block:PlayCount}
  992.                 </ul>
  993.                
  994.                 <div id="player-{select:Text Color}" class="black">
  995.                   {AudioPlayerBlack}
  996.                 </div>
  997.                 <div id="player-{select:Text Color}" class="white">
  998.                   {AudioPlayerWhite}
  999.                 </div>
  1000.                 </div>
  1001.                
  1002.                 <div class="clear"></div>
  1003.               </div>
  1004.             {/block:Audio}
  1005.  
  1006.             {block:Chat}
  1007.                 {block:Title}
  1008.                 <a href="{Permalink}"><h3>{Title}</h3></a>
  1009.                 {/block:Title}
  1010.                
  1011.                 <ul id="chat">
  1012.                   {block:Lines}
  1013.                     <li class="{Alt} user_{UserNumber}">
  1014.                       <div id="background"></div>
  1015.                       {block:Label}
  1016.                         <span class="label">{Label}</span>
  1017.                       {/block:Label}
  1018.  
  1019.                       {Line}
  1020.                     </li>
  1021.                   {/block:Lines}
  1022.                 </ul>
  1023.             {/block:Chat}
  1024.  
  1025.             {block:Video}
  1026.               <div id="video" class="{select:Post Size}">
  1027.                 {block:IndexPage}
  1028.                   <center>{Video-250}</center>
  1029.                 {/block:IndexPage}
  1030.              
  1031.                 {block:PermalinkPage}
  1032.                   <center>{Video-500}</center>
  1033.                 {/block:PermalinkPage}
  1034.                </div>
  1035.             {/block:Video}
  1036.  
  1037.             {block:Answer}
  1038.               <div id="ask">
  1039.                 <div id="question">
  1040.                     <span class="asker-blck">Message from {Asker}</span>
  1041.                     <span class="q">{Question}</span>
  1042.                 </div>
  1043.            
  1044.                 <div id="answer">
  1045.                   <span class="answer-blck">Answer:</span>
  1046.                   {Answer}
  1047.                 </div>
  1048.               </div>
  1049.             {/block:Answer}
  1050.            
  1051.             </div> <!-- #inner-post -->
  1052.  
  1053.             {block:IndexPage}  
  1054.             {block:Date}
  1055.                 <div id="side-permalink">
  1056.                     {block:NoteCount}
  1057.                     <a href="{Permalink}" class="notes" title="Notes">{NoteCount}</span></a>
  1058.                     {/block:NoteCount}
  1059.                     <a href="{Permalink}" class="time-ago" title="Posted {TimeAgo}">{TimeAgo}</a>
  1060.                     <a href="{Permalink}" class="day-month-year">{DayOfMonth} {Month} {Year}</a>
  1061.                     <a href="{Permalink}" class="permalink" title="Permalink Page">Permalink</a>
  1062.                     <a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog">Reblog</a>
  1063.                     {block:RebloggedFrom}
  1064.                     <a href="{ReblogRootURL}" class="source" target="_blank" title="Source">Source</a>{/block:RebloggedFrom}
  1065.                 </div>
  1066.             {/block:Date}
  1067.             {/block:IndexPage}
  1068.  
  1069.             {Block:IfShowPostInfo}
  1070.             {block:Date}
  1071.                 <div id="info">
  1072.                    
  1073.                     {Block:IfShowPhotoPostCaptions}
  1074.                     {block:Caption}
  1075.                       <div id="caption" class="{select:text color}">{Caption}</div>
  1076.                     {/block:Caption}
  1077.                     {/Block:IfShowPhotoPostCaptions}
  1078.                    
  1079.                     <ul id="post-info" {block:Photo}class="hidden"{/block:Photo} class="{select:Post Spacing}">
  1080.                         {block:NoteCount}
  1081.                             <li cass="notes"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}N</a></li>
  1082.                         {/block:NoteCount}
  1083.                             <li class="date"><a href="{Permalink}" title="Posted on {DayOfMonth} {ShortMonth}, {Year}">{DayOfMonth} {ShortMonth}, {Year}</a></li>
  1084.                             <div class="clear"></div>
  1085.                     </ul>
  1086.                
  1087.                 </div>
  1088.             {/block:Date}
  1089.             {/Block:IfShowPostInfo}
  1090.                
  1091.             </div><!-- end #post -->
  1092.  
  1093.             {block:PermalinkPage}
  1094.             {block:Date}
  1095.             <div id="permalink-info" class="{select:text color} {select:Blog Information}">
  1096.            
  1097.                 {block:Caption}
  1098.                   <div id="caption">{Caption}</div>
  1099.                 {/block:Caption}
  1100.                
  1101.             <ul id="info-list">
  1102.                   {block:NoteCount}
  1103.               <li><span>notes</span>{NoteCountWithLabel}</li>
  1104.                   {/block:NoteCount}
  1105.               <li><span>Posted</span>{DayOfMonthWithZero} {Month} {Year}</li>
  1106.                   {block:RebloggedFrom}
  1107.               <li><span>source</span><a href="{ReblogRootURL}" target="_blank">
  1108.                   {ReblogRootName}</a></li>
  1109.                   {/block:RebloggedFrom}
  1110.                   {block:HighRes}
  1111.               <li><span>size</span><a href="{PhotoURL-HighRes}" target="_blank">
  1112.                   High-Res</a></li>
  1113.                   {/block:HighRes}
  1114.                   {block:ExternalAudio}
  1115.               <li><span>audio file</span><a href="{ExternalAudioURL}" target="_blank">
  1116.                   Download</a></li>
  1117.                   {/block:ExternalAudio}
  1118.               <div class="clear"></div>
  1119.             </ul>
  1120.             {block:HasTags}
  1121.                 <ul id="tag-list">
  1122.                     {block:Tags}
  1123.                         <li>
  1124.                             <a href="{TagURL}" target="_blank">#{Tag}</a>
  1125.                         </li>
  1126.                     {/block:Tags}
  1127.                     <div class="clear"></div>
  1128.                 </ul>
  1129.             {/block:HasTags}
  1130.            
  1131.             {block:PostNotes}
  1132.                 <div id="notes">
  1133.                     {PostNotes-64}
  1134.                 </div>
  1135.             {/block:PostNotes}
  1136.                
  1137.             {/block:Date}
  1138.             {/block:PermalinkPage}  
  1139.             <div class="clear"></div>
  1140.             {/block:Posts}
  1141.         </div><!-- End content -->
  1142.     </div><!-- End container -->
  1143.        
  1144. {block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}
  1145. <script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
  1146. <script type="text/javascript">
  1147.    
  1148.     $(function() {
  1149.         var randomColor = Math.floor(Math.random()*16777215).toString(16);
  1150.         $("{select:Background}").css({backgroundColor: '#' + randomColor});
  1151.     });
  1152.    
  1153.     $(window).scroll(function() {
  1154.         if($(this).scrollTop() != 0) {
  1155.             $('#fixed-header').fadeIn(); }
  1156.         else { $('#fixed-header').fadeOut(); }
  1157.     });
  1158.  
  1159.  
  1160.     $(document).ready(function() {
  1161.         $('#feed').embedagram({
  1162.             instagram_id: 270012871
  1163.         });
  1164.     });
  1165.    
  1166.     {block:IndexPage}
  1167.     $(window).load(function(){
  1168.        
  1169.     $wall.infinitescroll({
  1170.         navSelector  : ".nav",
  1171.         nextSelector : ".nav a",
  1172.         itemSelector : "#post",
  1173.         behavior     : 'twitter',
  1174.         extraScrollPx: 50,
  1175.         bufferPx     : 5000,
  1176.         loadingImg   : "",
  1177.         loadingText  : "",
  1178.         donetext     : ""
  1179.     },
  1180.    
  1181.     function( newElements ) {
  1182.         var $newElems = $( newElements ).css({
  1183.             opacity: 0
  1184.         });
  1185.         $newElems.imagesLoaded(function(){
  1186.             $newElems.animate({ opacity: 1 });
  1187.             $wall.masonry( "appended", $newElems, true );
  1188.         });
  1189.         $('.audio').each(function(){
  1190.             var audioID = $(this).attr("id");
  1191.             var $audioPost = $(this);
  1192.                 $.ajax({
  1193.                 url: 'http://{Name}.tumblr.com/api/read/json?id=' + audioID,
  1194.                 dataType: 'jsonp',
  1195.                 timeout: 50000,
  1196.                 success: function(data){
  1197.                 $audioPost.find('#audio_player_'+audioID).replaceWith('<div style=\"background-color:{select:Text Color};\">' + data.posts[0]['audio-player'].replace("audio_player.swf", "audio_player_black.swf") +'</div>');}
  1198.         });
  1199.     });
  1200.     });
  1201.                  
  1202.     $(document).load(function(){
  1203.         e.preventDefault();
  1204.         $wall.infinitescroll('retrieve');
  1205.     });  
  1206.     $('#load').click(function(){
  1207.       $(document).trigger('retrieve.infscr');
  1208.       return false;
  1209.     });
  1210.     });
  1211.     {/block:IndexPage}
  1212.    
  1213.     $("#caption p").remove(":contains('Source:')");
  1214.     $("#caption p").remove(":contains('(via')");
  1215.    
  1216.     //$("#fixed-header").mouseover(function(){
  1217.     //    $("#bottom-part").stop().slideDown('fast');
  1218.     //});
  1219.     //$("#fixed-header").mouseout(function(){
  1220.     //    $("#bottom-part").slideUp('fast');
  1221.     //});
  1222. </script>
  1223. <script type="text/javascript">
  1224. <!--
  1225. r=255; g=255; b=255; flag=0; t=new Array; o=new Array; d=new Array; function hex(a,c) { t[a]=Math.floor(c/16); o[a]=c%16; switch (t[a]) {case 10:t[a]='A';break;case 11:t[a]='B';break;case 12:t[a]='C';break;case 13:t[a]='D';break;case 14:t[a]='E';break;case 15:t[a]='F';break;default:break;} switch (o[a]) {case 10:o[a]='A';break;case 11:o[a]='B';break;case 12:o[a]='C';break;case 13:o[a]='D';break;case 14:o[a]='E';break;case 15:o[a]='F';break;default:break;}} function ran(a,c) {if ((Math.random()>2/3||c==0)&&c<255) {c++; d[a]=2;} else {if ((Math.random()<=1/2||c==255)&&c>0) {c--;d[a]=1;} else d[a]=0;} return c} function do_it(a,c) { if ((d[a]==2&&c<255)||c==0) {c++;d[a]=2} else if ((d[a]==1&&c>0)||c==255) {c--; d[a]=1;} if (a==3) { if (d[1]==0&&d[2]==0&&d[3]==0) flag=1} return c} function disco() {if (flag==0) {r=ran(1, r);g=ran(2, g);b=ran(3, b);hex(1,r);hex(2,g);hex(3,b); document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]; flag=50} else{r=do_it(1, r);g=do_it(2,g);b=do_it(3,b);hex(1,r);hex(2,g);hex(3,b); document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3];flag--} setTimeout('disco()', {select:Disco Background Speed})}
  1226. //-->
  1227. </script>
  1228. </body>
  1229. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!