API tools faq
paste
Advertisement
feiinho

Built by Draft Themes.

feiinho
Nov 2nd, 2017
267
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 61.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. Sixty
  6. Release Date: 10 Mar, 2017
  7. Last update: 10 Mar, 2017
  8.  
  9. Built by Draft Themes.
  10.  
  11. -->
  12.  
  13. <html lang="en">
  14. <head>
  15. <meta charset="utf-8">
  16.  
  17. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  18.  
  19. <link rel="shortcut icon" href="{PortraitURL-128}">
  20. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <script src="https://use.fontawesome.com/3c7c78df25.js"></script>
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}">
  25. {/block:Description}
  26.  
  27. <meta name="color:Background" content="#434343" />
  28. <meta name="color:Gradient Background" content="#e9e9e9" />
  29. <meta name="color:Blog Accent" content="#000000"/>
  30. <meta name="color:Blog Background Transparency" content="#000000"/>
  31. <meta name="color:Text" content="#000000"/>
  32. <meta name="color:Post Hover Background" content="#000000"/>
  33. <meta name="color:Post Hover Button" content="#000000"/>
  34. <meta name="color:Post Hover Button Background" content="#000000"/>
  35. <meta name="color:Post Hover Gradient Top" content="#00f8cb"/>
  36. <meta name="color:Post Hover Gradient Bottom" content="#00aef8"/>
  37.  
  38. <meta name="if:Infinite Scroll" content="1" />
  39. <meta name="if:Back To Top Button" content="0" />
  40. <meta name="if:Show Post Hover Gradient" content="0" />
  41. <meta name="if:Show Post Border" content="0" />
  42. <meta name="if:Show Description" content="1" />
  43. <meta name="if:Show Social Links" content="0" />
  44. <meta name="if:Show Archive Link" content="1" />
  45. <meta name="if:Show Random Link" content="1" />
  46. <meta name="if:Show Credit Link" content="1" />
  47. <meta name="if:Show RSS" content="1" />
  48.  
  49. <meta name="image:Background" content="">
  50.  
  51. <meta name="select:Background" content="static" title="Background Color">
  52. <meta name="select:Background" content="gradient-fixed" title="Gradient">
  53.  
  54. <meta name="select:Gradient Style" content="linear" title="Linear">
  55. <meta name="select:Gradient Style" content="gradient-1" title="Gradient 1">
  56. <meta name="select:Gradient Style" content="gradient-2" title="Gradient 2">
  57. <meta name="select:Gradient Style" content="gradient-3" title="Gradient 3">
  58. <meta name="select:Gradient Style" content="gradient-4" title="Gradient 4">
  59.  
  60. <meta name="select:Font" content="Helvetica Neue" title="Helvetica Neue"/>
  61. <meta name="select:Font" content="Arial" title="Arial"/>
  62. <meta name="select:Font" content="Arimo" title="Arimo"/>
  63. <meta name="select:Font" content="Arvo" title="Arvo"/>
  64. <meta name="select:Font" content="Abel" title="Abel"/>
  65. <meta name="select:Font" content="Bitter" title="Bitter"/>
  66. <meta name="select:Font" content="courier new" title="Courier"/>
  67. <meta name="select:Font" content="Domine" title="Domine"/>
  68. <meta name="select:Font" content="Droid Sans" title="Droid Sans"/>
  69. <meta name="select:Font" content="Droid Serif" title="Droid Serif"/>
  70. <meta name="select:Font" content="Georgia" title="Georgia"/>
  71. <meta name="select:Font" content="Helvetica" title="Helvetica"/>
  72. <meta name="select:Font" content="Karla" Title="Karla"/>
  73. <meta name="select:Font" content="Lato" title="Lato"/>
  74. <meta name="select:Font" content="Libre Baskerville" title="Libre Baskerville"/>
  75. <meta name="select:Font" content="Lora" title="Lora"/>
  76. <meta name="select:Font" content="Mako" title="Mako"/>
  77. <meta name="select:Font" content="Merriweather" title="Merriweather"/>
  78. <meta name="select:Font" content="Muli" title="Muli"/>
  79. <meta name="select:Font" content="Montserrat" title="Montserrat"/>
  80. <meta name="select:Font" content="Noto Sans" title="Noto Sans"/>
  81. <meta name="select:Font" content="Oswald" title="Oswald"/>
  82. <meta name="select:Font" content="Playfair Display" title="Playfair Display"/>
  83. <meta name="select:Font" content="PT Mono" title="PT Mono"/>
  84. <meta name="select:Font" content="PT Sans" title="PT Sans"/>
  85. <meta name="select:Font" content="PT Serif" title="PT Serif"/>
  86. <meta name="select:Font" content="Raleway" title="Raleway"/>
  87. <meta name="select:Font" content="Roboto" title="Roboto"/>
  88. <meta name="select:Font" content="Roboto Condensed" title="Roboto Condensed"/>
  89. <meta name="select:Font" content="Roboto Slab" title="Roboto Slab"/>
  90. <meta name="select:Font" content="Ropa Sans" title="Ropa Sans"/>
  91. <meta name="select:Font" content="Rokkitt" title="Rokkitt"/>
  92. <meta name="select:Font" content="Signika" title="Signika"/>
  93. <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro"/>
  94. <meta name="select:Font" content="Times New Roman" title="Times New Roman"/>
  95. <meta name="select:Font" content="Questrial" title="Questrial"/>
  96.  
  97. <meta name="select:Social Links" content="off" title="Official Color">
  98. <meta name="select:Social Links" content="cho" title="Blog Accent">
  99.  
  100. <meta name="select:Post Width" content="250" title="250px">
  101. <meta name="select:Post Width" content="350" title="350px">
  102. <meta name="select:Post Width" content="400" title="400px">
  103.  
  104. <meta name="select:Post Spacing" content="1" title="1px">
  105. <meta name="select:Post Spacing" content="5" title="5px">
  106. <meta name="select:Post Spacing" content="30" title="30px">
  107. <meta name="select:Post Spacing" content="50" title="50px">
  108.  
  109. <meta name="select:Post Hover Transparency" content="10" title="10%">
  110. <meta name="select:Post Hover Transparency" content="20" title="20%">
  111. <meta name="select:Post Hover Transparency" content="30" title="30%">
  112. <meta name="select:Post Hover Transparency" content="40" title="40%">
  113. <meta name="select:Post Hover Transparency" content="50" title="50%">
  114. <meta name="select:Post Hover Transparency" content="60" title="60%">
  115. <meta name="select:Post Hover Transparency" content="70" title="70%">
  116. <meta name="select:Post Hover Transparency" content="80" title="80%">
  117. <meta name="select:Post Hover Transparency" content="90" title="90%">
  118. <meta name="select:Post Hover Transparency" content="0" title="none">
  119.  
  120. <meta name="select:Blog Accent Transparency" content="10" title="10%">
  121. <meta name="select:Blog Accent Transparency" content="20" title="20%">
  122. <meta name="select:Blog Accent Transparency" content="30" title="30%">
  123. <meta name="select:Blog Accent Transparency" content="40" title="40%">
  124. <meta name="select:Blog Accent Transparency" content="50" title="50%">
  125. <meta name="select:Blog Accent Transparency" content="60" title="60%">
  126. <meta name="select:Blog Accent Transparency" content="70" title="70%">
  127. <meta name="select:Blog Accent Transparency" content="80" title="80%">
  128. <meta name="select:Blog Accent Transparency" content="90" title="90%">
  129.  
  130. <meta name="select:Blog Background Transparency" content="10" title="10%">
  131. <meta name="select:Blog Background Transparency" content="20" title="20%">
  132. <meta name="select:Blog Background Transparency" content="30" title="30%">
  133. <meta name="select:Blog Background Transparency" content="40" title="40%">
  134. <meta name="select:Blog Background Transparency" content="50" title="50%">
  135. <meta name="select:Blog Background Transparency" content="60" title="60%">
  136. <meta name="select:Blog Background Transparency" content="70" title="70%">
  137. <meta name="select:Blog Background Transparency" content="80" title="80%">
  138. <meta name="select:Blog Background Transparency" content="90" title="90%">
  139. <meta name="select:Blog Background Transparency" content="0" title="none">
  140.  
  141. <meta name="text:Facebook URL" content="" />
  142. <meta name="text:Behance URL" content="" />
  143. <meta name="text:Wordpress URL" content="" />
  144. <meta name="text:Twitter URL" content="" />
  145. <meta name="text:Youtube URL" content="" />
  146. <meta name="text:Soundcloud URL" content="" />
  147. <meta name="text:Google Plus URL" content="" />
  148. <meta name="text:Dribbble URL" content="" />
  149. <meta name="text:Pinterest URL" content="" />
  150. <meta name="text:Linkedin URL" content="" />
  151. <meta name="text:Tumblr URL" content="" />
  152. <meta name="text:Instagram URL" content="" />
  153. <meta name="text:Vimeo URL" content="" />
  154.  
  155. <meta name="text:Link 1 Url" content="" />
  156. <meta name="text:Link 1 Title" content="" />
  157. <meta name="text:Link 2 Url" content="" />
  158. <meta name="text:Link 2 Title" content="" />
  159. <meta name="text:Link 3 Url" content="" />
  160. <meta name="text:Link 3 Title" content="" />
  161. <meta name="text:Link 4 Url" content="" />
  162. <meta name="text:Link 4 Title" content="" />
  163. <meta name="text:Link 5 Url" content="" />
  164. <meta name="text:Link 5 Title" content="" />
  165.  
  166. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family={select:Font}:400,400italic,700,700italic"><style>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; }body {font-size: 12px;font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;font-weight: normal;background: url("{image:Background}") repeat fixed center 5% / cover;background-color: {color:background};color: {color:Text};}a { text-decoration: none; color: {color:Text};}a:active { outline: none; }a:focus { -moz-outline-style: none;} :-moz-any-link:focus {outline: none;}img {border: none;display: block;}.clear { clear: both; }:-webkit-input-placeholder {opacity: 1 !important;color: {color:Text};}::-webkit-input-placeholder {opacity: 1 !important;color: {color:Text};}:-moz-placeholder {opacity: 1 !important;color: {color:Text};}::-moz-placeholder {opacity: 1 !important;color: {color:Text};}:-ms-input-placeholder {opacity: 1 !important;color: {color:Text};}::-ms-input-placeholder {opacity: 1 !important;color: {color:Text};}body #background-transparency { z-index: 0; position:fixed; top: 0; bottom: 0; left: 0; right: 0;}{block:ifBackgroundImage} body #background-transparency { background-color:rgba({RGBcolor:Blog Background Transparency}, 0.{select:Blog Background Transparency});} {/block:ifBackgroundImage}{block:ifNOTBackgroundImage}body.gradient-fixed { background: rgb({RGBcolor:Background}); background: -moz-linear-gradient(top, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:Gradient Background},1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba({RGBcolor:background},1)), color-stop(100%,rgba({RGBcolor:Gradient Background},1))); background: -webkit-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -o-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -ms-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: linear-gradient(to bottom, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );} body.gradient-1-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:Gradient Background},1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba({RGBcolor:Background},1)), color-stop(100%,rgba({RGBcolor:Gradient Background},1))); background: -webkit-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -o-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -ms-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); } body.gradient-2-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:Gradient Background},1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba({RGBcolor:Background},1)), color-stop(100%,rgba({RGBcolor:Gradient Background},1))); background: -webkit-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -o-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -ms-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );} body.gradient-3-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(45deg, rgba({RGBcolor:Gradient Background},1) 0%, rgba({RGBcolor:Background},1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba({RGBcolor:Gradient Background},1)), color-stop(100%,rgba({RGBcolor:Background},1))); background: -webkit-linear-gradient(45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -o-linear-gradient(45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -ms-linear-gradient(45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: linear-gradient(45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );} body.gradient-4-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(-45deg, rgba({RGBcolor:Gradient Background},1) 0%, rgba({RGBcolor:Background},1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba({RGBcolor:Gradient Background},1)), color-stop(100%,rgba({RGBcolor:Background},1))); background: -webkit-linear-gradient(-45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -o-linear-gradient(-45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -ms-linear-gradient(-45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: linear-gradient(-45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );} body.gradient-fixed { background-attachment: fixed; }body.static { background:{color:Background} !important;} body.body { background:transparent;}{/block:ifNOTBackgroundImage}#masthead { margin: 0 auto;position: relative;} #masthead.center-250-1 {width: calc(90% + 2px);} #masthead.center-250-5 {width: calc(90% + 2px);} #masthead.center-250-30 {width: calc(95% + 2px);}#masthead.center-250-50 {width: calc(95% + 2px);} #masthead.center-350-1 {width: calc(90% + 2px);} #masthead.center-350-5 {width: calc(90% + 2px);}#masthead.center-350-30 {width: calc(95% + 2px);}#masthead.center-350-50 {width: calc(95% + 2px);} #masthead.center-400-1 {width: calc(97% + 2px);} #masthead.center-400-5 {width: calc(97% + 2px);} #masthead.center-400-30 {width: calc(85% + 2px);} #masthead.center-400-50 {width: calc(85% + 2px);}#title { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-left: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-right: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-top: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});height: auto;margin: 0 auto;padding: 35px 0;position: relative;text-align: center;text-transform: uppercase;opacity:0;-webkit-transition: opacity .5s ease 0s, height .5s ease 0s !important;-moz-transition: opacity .5s ease 0s, height .5s ease 0s !important;-o-transition: opacity .5s ease 0s, height .5s ease 0s !important;transition: opacity .5s ease 0s, height .5s ease 0s !important;}#title a { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency}); color:{color:Text};border-radius: 1px;letter-spacing: 2px;display: inline-block;font-size: 35px;font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;padding: 20px 25px;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}#title a:hover { opacity: 0.7;}#description-container { {block:IfNotShowDescription} display:none; {/block:IfNotShowDescription}background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-left: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-right: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-top: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});height: auto;margin: 0 auto;padding: 25px 0;position: relative;text-align: center;opacity:0;-webkit-transition: opacity .7s ease 0s, height .7s ease 0s !important;-moz-transition: opacity .7s ease 0s, height .7s ease 0s !important;-o-transition: opacity .7s ease 0s, height .7s ease 0s !important;transition: opacity .7s ease 0s, height .7s ease 0s !important;}#description-container .inner { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency}); color:{color:Text};font-weight: 400;border-radius: 1px;display: inline-block;max-width: 600px;font-size: 15px;font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;cursor: default;padding: 20px;}#social { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-left: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-right: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-top: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});height: auto;margin: 0 auto;padding: 25px 0;position: relative;text-align: center;opacity:0;-webkit-transition: opacity 1.1s ease 0s, height 1.1s ease 0s !important;-moz-transition: opacity 1.1s ease 0s, height 1.1s ease 0s !important;-o-transition: opacity 1.1s ease 0s, height 1.1s ease 0s !important;transition: opacity 1.1s ease 0s, height 1.1s ease 0s !important;}#social.off a { border-radius: 1px;color: #ffffff;display: inline-block;font-size: 14px;height: 45px;margin: 0 2.5px 0 2.5px;line-height: 46px;text-align: center;text-transform: uppercase;width: 45px;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}#social.off a:hover { opacity: 0.7;}#social.off a.fa-facebook { background: rgba(59, 89, 152, 1) none repeat scroll 0 0;}#social.off a.fa-behance { background: rgba(0, 92, 253, 1) none repeat scroll 0 0;}#social.off a.fa-wordpress { background: rgb(29, 139, 190) none repeat scroll 0 0;}#social.off a.fa-twitter { background: rgba(68, 204, 246, 1) none repeat scroll 0 0;}#social.off a.fa-youtube { background: rgba(206, 51, 45, 1) none repeat scroll 0 0;}#social.off a.fa-soundcloud { background: rgba(252, 124, 14, 1) none repeat scroll 0 0;}#social.off a.fa-google-plus { background: rgba(207, 63, 45, 1) none repeat scroll 0 0;}#social.off a.fa-dribbble { background: rgba(234, 76, 137, 1) none repeat scroll 0 0;}#social.off a.fa-pinterest-square { background: rgba(203, 32, 39, 1) none repeat scroll 0 0;}#social.off a.fa-linkedin { background: rgb(0, 119, 181) none repeat scroll 0 0;}#social.off a.fa-tumblr {background: rgba(39, 65, 82, 1) none repeat scroll 0 0;}#social.off a.fa-instagram { background: rgba(81, 127, 163, 1) none repeat scroll 0 0;}#social.off a.fa-vimeo-square { background: rgba(133, 200, 238, 1) none repeat scroll 0 0;}#social.off a.fa-facebook:hover {color: #ffffff;}#social.off a.fa-behance:hover { color: #ffffff;}#social.off a.fa-wordpress:hover { color: #ffffff;}#social.off a.fa-twitter:hover { color: #ffffff;}#social.off a.fa-youtube:hover { color: #ffffff;}#social.off a.fa-soundcloud:hover { color: #ffffff;}#social.off a.fa-google-plus:hover { color: #ffffff;}#social.off a.fa-dribbble:hover { color: #ffffff;}#social.off a.fa-pinterest-square:hover { color: #ffffff;}#social.off a.fa-linkedin:hover { color: #ffffff;}#social.off a.fa-tumblr:hover { color: #ffffff;}#social.off a.fa-instagram:hover { color: #ffffff; }#social.off a.fa-vimeo-square:hover { color: #ffffff;}#social.cho a { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-radius: 1px;display: inline-block;font-size: 16px;height: 45px;line-height: 45.5px;margin: 0 2.5px 0 2.5px;text-align: center;text-transform: uppercase;width: 45px;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}#social.cho a.fa-facebook { color: rgba(59, 89, 152, 1);}#social.cho a.fa-behance { color: rgba(0, 92, 253, 1);}#social.cho a.fa-wordpress { color: rgb(29, 139, 190);}#social.cho a.fa-twitter { color: rgba(68, 204, 246, 1);}#social.cho a.fa-youtube { color: rgba(206, 51, 45, 1);}#social.cho a.fa-soundcloud { color: rgba(252, 124, 14, 1);}#social.cho a.fa-google-plus { color: rgba(207, 63, 45, 1);}#social.cho a.fa-dribbble { color: rgba(234, 76, 137, 1);}#social.cho a.fa-pinterest-square { color: rgba(203, 32, 39, 1);}#social.cho a.fa-linkedin { color: rgb(0, 119, 181);}#social.cho a.fa-tumblr {color: rgba(39, 65, 82, 1);}#social.cho a.fa-instagram { color: rgba(81, 127, 163, 1);}#social.cho a.fa-vimeo-square { color: rgba(133, 200, 238, 1);}#social.cho a:hover {opacity: 0.7;}#menu { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-left: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-right: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-top: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-bottom: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});height: auto;margin: 0 auto;padding: 25px 0;position: relative;text-align: center;opacity:0;-webkit-transition: opacity 1.5s ease 0s, height 1.5s ease 0s !important;-moz-transition: opacity 1.5s ease 0s, height 1.5s ease 0s !important;-o-transition: opacity 1.5s ease 0s, height 1.5s ease 0s !important;transition: opacity 1.5s ease 0s, height 1.5s ease 0s !important;}#menu span, #menu a { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency}); color:{color:Text};cursor: pointer;border-radius: 1px;display: inline-block;font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 14px;font-weight: 500;padding: 15px;margin: 0 2.5px 0 2.5px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}#menu span:hover, #menu a:hover { opacity: 0.7;}#content { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-bottom: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-left: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-right: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});margin:auto; padding: 25px 0 0; position: relative;opacity:0;-webkit-transition: opacity 2s ease 0s, height 2s ease 0s !important;-moz-transition: opacity 2s ease 0s, height 2s ease 0s !important;-o-transition: opacity 2s ease 0s, height 2s ease 0s !important;transition: opacity 2s ease 0s, height 2s ease 0s !important;}#infscr-loading {background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});bottom: -55px;color: {color:Text};display: none;font-size: 13px;height: auto;left: 50%;opacity: 1;padding: 20px;position: absolute;transform: translate(-50%, 0);text-align: center;text-transform: uppercase;width: 150px;} #content.center-250-1 {width: 90%;} #content.center-250-5 {width: 90%;} #content.center-250-30 {width: 95%;}#content.center-250-50 {width: 95%;} #content.center-350-1 {width:90%;} #content.center-350-5 {width:90%;} #content.center-350-30 {width:95%;} #content.center-350-50 {width:95%;} #content.center-400-1 {width:97%;} #content.center-400-5 {width:97%;} #content.center-400-30 {width:85%;} #content.center-400-50 {width:85%;}#content #back-to-top { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});bottom: 20px;display: none;font-weight: bold;line-height: 100%;padding: 13px;position: fixed;left: 0;text-align: center;z-index: 999;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} #content #back-to-top:hover { padding: 13px 20px;}#content #post-content { margin: 0 auto 90px;{block:PermalinkPage} width: 540px; display: block; margin: 0 auto 50px; {/block:PermalinkPage}}#content #post-content #other-pages{background-attachment: fixed;z-index:10;overflow: hidden;background-position: center center;background-size: cover;margin: 0 0 {select:Post Spacing}px;padding: 0;width:{select:Post Width}px;position: relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float: left;}#content #post-content #other-pages #inner{position: relative;padding: 20px;background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});}#content #post-content #other-pages{}#content #post-content #other-pages h3{font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 12px;letter-spacing: 0;line-height: 100%;height:12px;margin: 0 0 10px;text-transform: uppercase;}/* #post design */#content #post-content #post{background-attachment: fixed;z-index:10;background-position: center center;background-size: cover;margin: 0 0 {select:Post Spacing}px;padding: 0;width:{select:Post Width}px;position: relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;{block:IndexPage}float: left;{block:IndexPage}{block:PermalinkPage}width: 540px;display: block;margin: 0 auto 1px;{block:PermalinkPage}}#content #post-content #post.video, #content #post-content #post.photoset{}/* Photoset posts */#content.post-width-250-1 #post.photoset{width: 501px !important;}#content.post-width-250-5 #post.photoset{width: 505px !important;}#content.post-width-250-30 #post.photoset{width: 530px !important;}#content.post-width-250-50 #post.photoset{width: 550px !important;}/* Video posts */#content.post-width-250-1 #post.video{width: 501px !important;}#content.post-width-250-5 #post.video{width: 505px !important;}#content.post-width-250-30 #post.video{width: 530px !important;}#content.post-width-250-50 #post.video{width: 550px !important;}#content #post-content #post #inner-post{position: relative;{block:ifShowPostBorder}padding: 20px;{/block:ifShowPostBorder}{block:ifNOTShowPostBorder}padding: 0;{/block:ifNOTShowPostBorder}background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});}#content #post-content #post img{width:100%;}#content #post-content #post #inner-post #post-container{padding:20px;font-size: 10px;line-height: 125%;overflow:hidden;text-align: justify;background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease-out 0s;}#content #post-content #post #inner-post #post-container a{text-decoration: none;color:{color:Text};}#content #post-content #post #inner-post #post-container p{font-size: 11px;-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;transition: all 0.35s ease 0s;}#post-content #post #inner-post #post-container.link h3{margin:0;}#content #post-content #post #inner-post #post-container.photo, #content #post-content #post #inner-post #post-container.video, #content #post-content #post #inner-post #post-container.audio{padding:0px;background: transparent;}#content #post-content #post:hover #inner-post #post-container.photo, #content #post-content #post:hover #inner-post #post-container.video, #content #post-content #post:hover #inner-post #post-container.audio{background: transparent;}/* Basic post : H3, Caption, p, blockquote */#content #post-content #post h3{font-size: 15px;font-weight: bold;margin: 0 0 10px;line-height: 125%;text-decoration: none;text-transform: uppercase;}#content #post-content #post ul{list-style: disc inside none;margin: 5px;}#content #post-content #post blockquote{margin: 5px;padding: 0 0 1px 5px;}/* Photo post */#content #post-content #post #photo{position: relative;}#content #post-content #post #photo img{display:block;box-sizing: border-box;margin: 0;}#content #post-content #post #photo a{text-decoration: none;}#content #post-content #post #photo #hover{height: 100%;overflow:hidden;position: absolute;width: 100%;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}#content #post-content #post #photo #hover:hover{{block:ifNOTShowPostHoverGradient}background: rgba({RGBcolor:Post Hover Background}, 0.{select:Post Hover Transparency});{/block:ifNOTShowPostHoverGradient}{block:ifShowPostHoverGradient}background: -webkit-linear-gradient(rgba({RGBcolor:Post Hover Gradient Top},0.{select:Post Hover Transparency}), rgba({RGBcolor:Post Hover Gradient Bottom}, 0.{select:Post Hover Transparency})); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(rgba({RGBcolor:Post Hover Gradient Top},0.{select:Post Hover Transparency}), rgba({RGBcolor:Post Hover Gradient Bottom},0.{select:Post Hover Transparency})); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(rgba({RGBcolor:Post Hover Gradient Top},0.{select:Post Hover Transparency}), rgba({RGBcolor:Post Hover Gradient Bottom},0.8)); /* For Firefox 3.6 to 15 */background: linear-gradient(rgba({RGBcolor:Post Hover Gradient Top},0.{select:Post Hover Transparency}), rgba({RGBcolor:Post Hover Gradient Bottom},0.{select:Post Hover Transparency})); /* Standard syntax */{/block:ifShowPostHoverGradient}}#content #post-content #post #photo:hover #hover{}#content #post-content #post #photo #hover span, #content #post-content #post #photo #hover a {background: none repeat scroll 0 0 rgba({RGBcolor:Post Hover Button Background}, 0.{select:Blog Accent Transparency}); color: {color:Post Hover Button};display: inline-block;font-size: 12px; margin: 0 2.5px 0 2.5px;line-height: 100%; position: relative;text-transform: uppercase; opacity:0; visibility: hidden; z-index: 5; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}#content #post-content #post #photo:hover #hover span, #content #post-content #post #photo:hover #hover a { opacity:1; visibility: visible;}#content #post-content #post #photo #hover center { left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 100%;}#content #post-content #post #photo #hover #box { display: block;height: auto;width: auto;}#content #post-content #post #photo #hover #box #box-a { margin: 0 0 5px 0;}#content #post-content #post #photo #hover #box #box-a .notes { font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 11px;font-weight: bold;padding: 15px;-webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ie-transition-delay: .2s; transition-delay: .2s;}#content #post-content #post #photo #hover #box #box-a .reblog {font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 11px;font-weight: bold;padding: 15px;-webkit-transition-delay: .25s; -moz-transition-delay: .25s; -ie-transition-delay: .25s; transition-delay: .25s;} #content #post-content #post #photo #hover #box #box-b .time-ago { font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 11px;padding: 15px;font-weight: bold;-webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ie-transition-delay: .3s; transition-delay: .3s;}#content #post-content #post #photo #hover #box #box-b .highres {font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 11px;font-weight: bold;padding: 15px;-webkit-transition-delay: .35s; -moz-transition-delay: .35s; -ie-transition-delay: .35s; transition-delay: .35s;} /* Chat Post */#content #post-content #post #chat{list-style:none;margin:0;}#content #post-content #post #chat li{padding:5px 0;font-size: 11px;}#content #post-content #post #chat li:first-child{padding-top:0;}#content #post-content #post #chat li:last-child{padding-bottom:0;}#content #post-content #post #chat li span{font-weight:bold;}/* Ask Post */#content #post-content #post #ask{}#content #post-content #post #ask #question{}#content #post-content #post #ask #question span{display: inline-block;font-weight: bold;margin: 0 5px 0 0;opacity: 0.5;text-transform: uppercase;}#content #post-content #post #ask #question p{display: inline;}#content #post-content #post #ask #answer{margin: 20px 0 0;}#content #post-content #post #ask #answer span, .answerer{display: inline-block;font-weight: bold;margin: 0 5px 0 0;opacity:0.5;text-transform: uppercase;}#content #post-content #post #ask #answer p{display: inline;}/* Video Post */#content #post-content #post #video{margin: 0 0 -3px;}#content #post-content #post #video iframe{}#content #post-content #post #video.width-250{}#content #post-content #post #video.width-350{}#content #post-content #post #video.width-400{}#content #post-content #post #video.width-250 iframe{height: 265px;margin: 0 !important;width: 100%;}#content #post-content #post #video.width-350 iframe{height: 210px;margin: 0 !important;width: 100%;}#content #post-content #post #video.width-400 iframe{height: 230px;margin: 0 !important;width: 100%;}{block:PermalinkPage}#content #post-content #post #video iframe{height: 282px !important;width: 500px !important;}{/block:PermalinkPage}/* Quote Post */#content #post-content #post #quote{position:relative;}#content #post-content #post #quote #quote_symbol{font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 150px;line-height: 100%;opacity: 0.1;position: absolute;right:0;top: -20px; font-weight: bold;}#content #post-content #post #quote a{text-decoration: none;}#content #post-content #post #quote #source{font-size: 11px;-webkit-transition: all 0.35s ease-out 0s;-moz-transition: all 0.35s ease-out 0s;-o-transition: all 0.35s ease-out 0s;transition: all 0.35s ease-out 0s;}/* Audio Post */#content #post-content #post #audio {} #content #post-content #post #audio #info-side {} #content #post-content #post #audio #info-side #info{list-style: outside none none;margin: 0 0 -1px;}#content #post-content #post #audio #info-side #info li{background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});font-weight: bold;margin: 0 0 1px;padding: 10px;position: relative;text-transform: uppercase;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}#content #post-content #post #audio #info-side #info li span{}#content #post-content #post #audio #info-side #player{overflow:hidden;}#content #post-content #post #audio #info-side #player div{opacity:0.4;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}#content #post-content #post:hover #audio #info-side #player div{opacity:0.75;}#content #post-content #post #audio #info-side #player div iframe{display: block;margin: 0 -1px -1px;height: 155px !important;}#content #post-content #post #audio #info-side #player.width-250 div iframe{width: 100% !important;}#content #post-content #post #audio #info-side #player.width-350 div iframe {width: 100% !important;}#content #post-content #post #audio #info-side #player.width-400 div iframe{width: 100% !important;}/* Photoset posts */#content #post-content #post #photoset{}#content #post-content #post #photoset img{display: block;height: auto;width: 100%;margin: 0 0 1px;}#content #post-content #post #photoset img:last-child{margin: 0;}/* Permalink below non-photo-posts */#content #post-content #post #side-permalink{padding: 10px;margin: 10px 0 0;background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});}#content #post-content #post #side-permalink.photo{display:none;}#content #post-content #post #side-permalink a, #content #post-content #post #side-permalink span{display: inline-block;font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;line-height: 100%;padding: 10px;color:{color:Text};-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;transition: all 0.35s ease 0s;}#content #post-content #post #side-permalink .notes{float:left;font-size: 12px;font-weight: bold;}#content #post-content #post #side-permalink .right{font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;float:right;}#content #post-content #post #side-permalink .right a, #content #post-content #post #side-permalink .right span{display: block;float: left;font-size: 12px;padding: 10px;color:{color:Text};}#content #post-content #post #side-permalink .right .permalink {font-size: 13px;}#content #post-content #post #side-permalink .right .reblog {font-size: 13px;}/* Page Navigation : If not infinite scroll */#content #post-content #post.pagination{}#content #post-content #post.pagination a.prev, #content #post-content #post.pagination a.next{float: right;font-size: 16px;opacity: 0.7;position: relative;z-index: 1;margin: 2px 0 0;-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;transition: all 0.35s ease 0s;}#content #post-content #post.pagination a.prev{float:left;}#content #post-content #post.pagination a.prev:hover, #content #post-content #post.pagination a.next:hover{opacity: 1.0;}#content #post-content #post.pagination #jump{margin: 0 auto;text-align: center;width: auto;}#content #post-content #post.pagination #jump a, #content #post-content #post.pagination #jump span{display: inline-block;color:{color:Text};font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;text-transform: uppercase;font-size: 13px;margin: 0 5px;padding: 10px 0; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s;}#content #post-content #post.pagination #jump .current-page{opacity: 0.45;}#content #post-content #post.pagination #jump .jump-page{}#content #post-content #permalink-info{}#content #post-content #permalink-info #time{background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;font-size: 11px;margin: 10px 0 0;}#content #post-content #permalink-info #caption, #content #post-content #permalink-info #info-list, #content #post-content #permalink-info #tag-list{background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;font-size: 11px;margin: 10px 0 0;}#content #post-content #permalink-info #caption:empty{display: none;}#content #post-content #permalink-info #caption p{display: inline-block;font-size: 12px;margin: 0 5px 0 0;}#content #post-content #permalink-info #caption blockquote{display: inline-block;}#content #post-content #permalink-info #caption p img, #content #post-content #permalink-info #caption blockquote img{}#content #post-content #permalink-info #caption .tumblr_blog{font-weight: bold;text-transform: capitalize;}#content #post-content #permalink-info #notes-label{background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;font-size: 11px;margin: 10px 0 0;}#content #post-content #permalink-info #source{background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;font-size: 11px;margin: 10px 0 0;}#content #post-content #permalink-info #source span{font-weight: bold;font-size: 12px;margin: 0 5px 0 0;}#content #post-content #permalink-info #external-audio{background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;font-size: 11px;margin: 10px 0 0;}#content #post-content #permalink-info #tag-list{text-align:center;}#content #post-content #permalink-info #tag-list li{display: inline-block;margin: 0 5px 0;text-transform: uppercase;}#content #post-content #permalink-info #tag-list li a{opacity: 0.5;}#content #post-content #permalink-info #tag-list li a:hover{opacity: 1;}#content #post-content #permalink-info #notes{background: transparent;padding: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size: 11px;margin: 0 0 1px;}#content #post-content #permalink-info #notes ol.notes{list-style-type: none;margin: 0;padding: 10px 0;text-align: center;}#content #post-content #permalink-info #notes ol.notes li.note{display: block;font-weight: normal;margin: 0 0 5px;overflow: hidden;padding: 10px 20px;text-align: left;width: auto;background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});}#content #post-content #permalink-info #notes ol.notes li.note:hover{opacity: 1;}#content #post-content #permalink-info #notes ol.notes li.note.more_notes_link_container{border: medium none;clear: both;display: block;font-size: 10px; height: auto;margin: 10px 0 0;padding: 20px;opacity: 1; overflow: visible;text-transform: uppercase;width: auto;text-align: center;}#content #post-content #permalink-info #notes ol.notes li.note.more_notes_link_container a {}#content #post-content #permalink-info #notes ol.notes li.note img.avatar{display: inline-block;height: 16px;margin-right: 10px;vertical-align: -5px;width: 16px;}#content #post-content #permalink-info #notes ol.notes li.note span.action{font-size: 9px;text-transform: uppercase;}#content #post-content #permalink-info #notes ol.notes li.note .answer_content {}#content #post-content #permalink-info #notes ol.notes li.note blockquote{font-size: 9px;margin: 8px 0 2px 26px;}#content #post-content #permalink-info #notes ol.notes li.note blockquote a {}{CustomCSS}</style>
  167. </head>
  168. <body onload="{select:Background}()" class="{select:gradient style}-gradient {select:Background}">
  169.  
  170. <div id="background-transparency"></div>
  171.  
  172. <div id="center">
  173. <div id="masthead" class="center-{select:Post Width}-{select:Post Spacing}">
  174. <div id="title">
  175. <a href="http://{name}.tumblr.com">{Title}</a>
  176. </div>
  177. <div id="description-container">
  178. <div class="inner">{Description}</div>
  179. </div>
  180. {block:ifShowSocialLinks}
  181. <div id="social" class="{select:Social Links}">
  182. {block:IfFacebookURL}
  183. <a href="{Text:Facebook URL}" class="icon fa fa-facebook" title="Facebook"></a>
  184. {/block:IfFacebookURL}
  185. {block:IfBehanceURL}
  186. <a href="{Text:Behance URL}" class="icon fa fa-behance" title="Behance"></a>
  187. {/block:IfBehanceURL}
  188. {block:IfWordpressURL}
  189. <a href="{Text:Wordpress URL}" class="icon fa fa-wordpress" title="Wordpress"></a>
  190. {/block:IfWordpressURL}
  191. {block:IfTwitterURL}
  192. <a href="{Text:Twitter URL}" class="icon fa fa-twitter" title="Twitter"></a>
  193. {/block:IfTwitterURL}
  194. {block:IfYoutubeURL}
  195. <a href="{Text:Youtube URL}" class="icon fa fa-youtube" title="Youtube"></a>
  196. {/block:IfYoutubeURL}
  197. {block:IfSoundcloudURL}
  198. <a href="{Text:Soundcloud URL}" class="icon fa fa-soundcloud" title="Soundcloud"></a>
  199. {/block:IfSoundcloudURL}
  200. {block:IfGooglePlusURL}
  201. <a href="{Text:Google Plus URL}" class="icon fa fa-google-plus" title="Google Plus"></a>
  202. {/block:IfGooglePlusURL}
  203. {block:IfDribbbleURL}
  204. <a href="{Text:Dribbble URL}" class="icon fa fa fa-dribbble" title="Dribbble"></a>
  205. {/block:IfDribbbleURL}
  206. {block:IfPinterestURL}
  207. <a href="{Text:Pinterest URL}" class="icon fa fa-pinterest-square" title="Pinterest"></a>
  208. {/block:IfPinterestURL}
  209. {block:IfLinkedinURL}
  210. <a href="{Text:Linkedin URL}" class="icon fa fa-linkedin" title="Linkedin"></a>
  211. {/block:IfLinkedinURL}
  212. {block:IfTumblrURL}
  213. <a href="{Text:Tumblr URL}" class="icon fa fa-tumblr" title="Tumblr"></a>
  214. {/block:IfTumblrURL}
  215. {block:IfInstagramURL}
  216. <a href="{Text:Instagram URL}" class="icon fa fa-instagram" title="Instagram"></a>
  217. {/block:IfInstagramURL}
  218. {block:IfVimeoURL}
  219. <a href="{Text:Vimeo URL}" class="icon fa fa-vimeo-square" title="Vimeo"></a>
  220. {/block:IfVimeoURL}
  221. <div class="clear"></div>
  222. </div>
  223. {/block:ifShowSocialLinks}
  224. <div id="menu">
  225. <a href="/">Home</a>
  226. {block:HasPages}
  227. {block:Pages}
  228. <a href="{URL}" title="{Label}">{Label}</a>
  229. {/block:Pages}
  230. {/block:HasPages}
  231. {block:AskEnabled}
  232. <a href="/ask">{AskLabel}</a>
  233. {/block:AskEnabled}
  234. {block:SubmissionsEnabled}
  235. <a href="/submit">{SubmitLabel}</a>
  236. {/block:SubmissionsEnabled}
  237. {block:ifLink1Title}
  238. <a href="{text:Link 1 Url}">{text:Link 1 Title}</a>
  239. {/block:ifLink1Title}
  240. {block:ifLink2Title}
  241. <a href="{text:Link 2 Url}">{text:Link 2 Title}</a>
  242. {/block:ifLink2Title}
  243. {block:ifLink3Title}
  244. <a href="{text:Link 3 Url}">{text:Link 3 Title}</a>
  245. {/block:ifLink3Title}
  246. {block:ifLink4Title}
  247. <a href="{text:Link 4 Url}">{text:Link 4 Title}</a>
  248. {/block:ifLink4Title}
  249. {block:ifLink5Title}
  250. <a href="{text:Link 5 Url}">{text:Link 5 Title}</a>
  251. {/block:ifLink5Title}
  252. {block:IfShowArchiveLink}
  253. <a href="/archive">Archive</a>
  254. {/block:IfShowArchiveLink}
  255. {block:IfShowRandomLink}
  256. <a href="/random">Random</a>
  257. {/block:IfShowRandomLink}
  258. {block:IfShowCreditLink}
  259. <a href="http://goo.gl/r1KLTR" target="_blank">Theme</a>
  260. {/block:IfShowCreditLink}
  261. {block:IfShowRSS}
  262. <a href="{RSS}">RSS</a>
  263. {/block:IfShowRSS}
  264. <div class="clear"></div>
  265. </div>
  266. </div>
  267.  
  268. <div id="content" class="center-{select:Post Width}-{select:Post Spacing} post-width-{select:Post Width}-{select:Post Spacing}">
  269.  
  270. {block:ifBackToTopButton}{block:ifInfiniteScroll}{block:IndexPage}<div id="back-to-top"><a href="#"><span class="fa fa-chevron-up"></span></a></div>{/block:IndexPage} {/block:ifInfiniteScroll} {/block:ifBackToTopButton}
  271.  
  272. <div id="post-content">
  273.  
  274. {block:TagPage}
  275. <div id="other-pages">
  276. <div id="inner">
  277. <h3>Posts tagged with <strong>#{Tag}</strong></h3>
  278. </div>
  279. </div>
  280. {/block:TagPage}
  281.  
  282. {block:SearchPage}
  283. <div id="other-pages">
  284. <div id="inner">
  285. {block:SearchResults}<div id="searchresults"><h3>{SearchResultCount} result(s) for <strong>{SearchQuery}</strong></h3></div> {/block:SearchResults}
  286. {block:NoSearchResults} <div id="searchresults"><h3>Sorry no results for <strong>{SearchQuery}</strong></h3></div>{/block:NoSearchResults}
  287. </div>
  288. </div>
  289. {/block:SearchPage}
  290.  
  291. {block:Posts}
  292. <div id="post" class="{block:Video}video{block:Video}{block:Photoset}photoset{block:Photoset}">
  293. <div id="inner-post">
  294.  
  295. <div id="post-container" class="{PostType}">
  296. {block:Text}
  297. {block:Title}
  298. {block:IndexPage}
  299. <a href="{Permalink}"><h3>{Title}</h3></a>
  300. {/block:IndexPage}
  301. {block:PermalinkPage}
  302. <h3>{Title}</h3>
  303. {/block:PermalinkPage}
  304. {/block:Title}
  305. {Body}
  306. {/block:Text}
  307.  
  308. {block:Photo}
  309. <div id="photo">
  310. {block:IndexPage}
  311. <div id="hover">
  312. <center>
  313. <div id="box">
  314. <div id="box-a">
  315. {block:NoteCount}
  316. <a href="{Permalink}" class="notes" title="Notes">{NoteCount}</a>
  317. {/block:NoteCount}
  318. <a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog">Reblog</a>
  319. </div>
  320. <div id="box-b">
  321. <a href="{Permalink}" class="time-ago" title="Posted {TimeAgo}">{TimeAgo}</a>
  322. <a href="{PhotoURL-HighRes}" class="highres" title="HighRes" >High</a>
  323. </div>
  324. </div>
  325. </center>
  326. </div>
  327. <img src="{PhotoURL-500}"/>
  328. {/block:IndexPage}
  329.  
  330. {block:PermalinkPage}
  331. <center><img src="{PhotoURL-HighRes}"/></center>
  332. {/block:PermalinkPage}
  333. </div>
  334. {/block:Photo}
  335.  
  336. {block:Photoset}
  337. {block:IndexPage}
  338. <div id="photoset" class="photocount-{PhotoCount} id{PostID}">
  339. {block:Photos}
  340. <img src="{PhotoURL-500}" width="{PhotoWidth-500}"height="{PhotoHeight-500}" class="photo-{PhotoCount}" />
  341.  
  342. {/block:Photos}
  343. </div>
  344. {/block:IndexPage}
  345.  
  346. {block:PermalinkPage}
  347. {Photoset-500}
  348. {/block:PermalinkPage}
  349. {/block:Photoset}
  350.  
  351. {block:Quote}
  352. <div id="quote">
  353. <div id="quote_symbol">”</div>
  354. {block:IndexPage}
  355. <a href="{Permalink}"><h3>{Quote}</h3></a>
  356. {block:IndexPage}
  357. {block:PermalinkPage}
  358. <h3>{Quote}</h3>
  359. {block:PermalinkPage}
  360. {block:Source}
  361. <div id="source">{Source}</div>
  362. {/block:Source}
  363. </div>
  364. {/block:Quote}
  365.  
  366. {block:Link}
  367. <a href="{URL}" class="link" {Target}>
  368. <h3>{Name}</h3>
  369. </a>
  370.  
  371. {block:Description}
  372. <div class="description">{Description}</div>
  373. {/block:Description}
  374. {/block:Link}
  375.  
  376. {block:Audio}
  377. <div id="audio">
  378. <div id="info-side">
  379. <ul id="info">
  380. {block:TrackName}
  381. <li><span>Track</span> {TrackName}</li>
  382. {/block:TrackName}
  383. {block:Artist}
  384. <li><span>Artist</span> {Artist}</li>
  385. {/block:Artist}
  386. {block:PlayCount}
  387. <li><span>Play count</span> {PlayCount}</li>
  388. {/block:PlayCount}
  389. </ul>
  390.  
  391. <div id="player" class="width-{select:Post Width}">
  392. {block:AudioEmbed}
  393. <div id="audio">{AudioEmbed}</div>
  394. {/block:AudioEmbed}
  395. </div>
  396. </div>
  397.  
  398. <div class="clear"></div>
  399. </div>
  400. {/block:Audio}
  401.  
  402. {block:Chat}
  403. {block:Title}
  404. {block:IndexPage}
  405. <a href="{Permalink}"><h3>{Title}</h3></a>
  406. {block:IndexPage}
  407. {block:PermalinkPage}
  408. <h3>{Title}</h3>
  409. {block:PermalinkPage}
  410. {/block:Title}
  411.  
  412. <ul id="chat">
  413. {block:Lines}
  414. <li class="{Alt} user_{UserNumber}">
  415. {block:Label}
  416. <span class="label">{Label}</span>
  417. {/block:Label}
  418.  
  419. {Line}
  420. </li>
  421. {/block:Lines}
  422. </ul>
  423. {/block:Chat}
  424.  
  425. {block:Video}
  426. <div id="video" class="width-{select:Post Width}">
  427. {block:IndexPage}
  428. {Video-250}
  429. {/block:IndexPage}
  430.  
  431. {block:PermalinkPage}
  432. <center>{Video-500}</center>
  433. {/block:PermalinkPage}
  434. </div>
  435. {/block:Video}
  436.  
  437. {block:Answer}
  438. <div id="ask">
  439. <div id="question">
  440. <span>{Asker}</span>
  441. <p>{Question}</p>
  442. </div>
  443. <div id="answer">
  444. <span {block:Answerer}style="display:none"{block:Answerer}>{Name}</span>{block:Answerer}{Answerer}{/block:Answerer}
  445. <p>{Answer}</p>
  446. </div>
  447. </div>
  448. {/block:Answer}
  449.  
  450. </div> <!-- #post-container -->
  451.  
  452. {block:Date}{block:IndexPage}
  453.  
  454. <div id="side-permalink" class="{block:Photo}photo{/block:Photo}">
  455. {block:NoteCount}
  456. <a href="{Permalink}" class="notes" title="Notes">{NoteCount}</a>
  457. {/block:NoteCount}
  458. <div class="right">
  459. <a href="{Permalink}" class="time-ago" title="Posted {TimeAgo}">{TimeAgo}</a>
  460. <a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></a>
  461. <div class="clear"></div>
  462. </div>
  463.  
  464. <div class="clear"></div>
  465. </div>
  466. {/block:IndexPage}
  467. {/block:Date}
  468.  
  469. </div> <!-- #inner-post -->
  470. </div><!-- end #post -->
  471.  
  472. {block:PermalinkPage}
  473. {block:Date}
  474. <div id="permalink-info" class="{select:Photo Hover Background}">
  475.  
  476. <div id="time"><span>Posted </span>{DayOfMonthWithZero} {Month} {Year}</div>
  477. {block:Caption}
  478. <div id="caption">{Caption}</div>
  479. {/block:Caption}
  480.  
  481. {block:HasTags}
  482. <ul id="tag-list">
  483. {block:Tags}
  484. <li>
  485. <a href="{TagURL}" target="_blank">#{Tag}</a>
  486. </li>
  487. {/block:Tags}
  488. <div class="clear"></div>
  489. </ul>
  490. {/block:HasTags}
  491.  
  492. {block:NoteCount}
  493. <div id="notes-label">{NoteCountWithLabel}</div>
  494. {/block:NoteCount}
  495.  
  496. {block:RebloggedFrom}
  497. <div id="source"><span>Source</span><a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a></div>
  498. {/block:RebloggedFrom}
  499.  
  500. {block:ExternalAudio}
  501. <div id="external-audio"><a href="{ExternalAudioURL}" target="_blank">Download</a><span>audio file</span></div>
  502. {/block:ExternalAudio}
  503.  
  504. {block:PostNotes}
  505. <div id="notes">
  506. {PostNotes-64}
  507. </div>
  508. {/block:PostNotes}
  509.  
  510. {/block:Date}
  511. {/block:PermalinkPage}
  512. <!--<div class="clear"></div>-->
  513. {/block:Posts}
  514.  
  515. {block:Indexpage}
  516. {block:ifNotInfiniteScroll}
  517. {block:Pagination}
  518. <div id="post" class="pagination">
  519. <div id="inner-post">
  520. {block:PreviousPage}
  521. <a href="{PreviousPage}" class="prev icon-left-open"></a>
  522. {/block:PreviousPage}
  523.  
  524. {block:NextPage}
  525. <a href="{NextPage}" class="next icon-right-open-1"></a>
  526. {/block:NextPage}
  527.  
  528. <div id="jump">
  529. {block:JumpPagination length="5"}{block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump-page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  530. </div>
  531.  
  532. <div class="clear"></div>
  533. </div>
  534. </div>
  535. {/block:Pagination}
  536. {/block:ifNotInfiniteScroll}
  537. {/block:Indexpage}
  538.  
  539. </div>
  540. </div><!-- End content -->
  541. </div><!-- End center -->
  542.  
  543.  
  544. {block:ifInfiniteScroll}{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}{/block:ifInfiniteScroll}
  545.  
  546. <script type="text/javascript" src="http://static.tumblr.com/8rdzlhn/JDuomq9wu/dtc.js"></script>
  547. <script type="text/javascript">
  548.  
  549. jQuery(function() {
  550. var $wallcenter = $('{block:Indexpage}#post-content{/block:Indexpage}');
  551.  
  552. $("#caption p").remove(":contains('Source:')");
  553. $("#caption p").remove(":contains('(via')");
  554.  
  555. $(function () {
  556. $(window).scroll(function () {
  557. if ($(this).scrollTop() > 100) {
  558. $('#back-to-top').fadeIn();
  559. } else {
  560. $('#back-to-top').fadeOut();
  561. }
  562. });
  563.  
  564. // scroll body to 0px on click
  565. $('#back-to-top a').click(function () {
  566. $('body,html').animate({
  567. scrollTop: 0
  568. }, 800);
  569. return false;
  570. });
  571. });
  572.  
  573. $("#post-content.center").imagesLoaded( function(){
  574. $('#title, #description-container, #social, #menu, #content').css({ opacity: 1 });
  575. $wallcenter.masonry({
  576. itemSelector : '#post, #other-pages',
  577. columnWidth : {select:Post Width},
  578. gutter : {select:Post Spacing},
  579. isFitWidth: true
  580. });
  581. });
  582.  
  583. $wallcenter.infinitescroll({
  584. navSelector : ".nav",
  585. nextSelector : ".nav a",
  586. itemSelector : "#post",
  587. behavior : 'twitter',
  588. extraScrollPx: 50,
  589. bufferPx : 500,
  590. loading: {
  591. finishedMsg: '',
  592. msgText: '',
  593. img: '',
  594. }
  595. },
  596.  
  597. function( newElements ) {
  598.  
  599. $("#caption p").remove(":contains('Source:')");
  600. $("#caption p").remove(":contains('(via')");
  601.  
  602. var $newElems = $( newElements ).css({
  603. opacity: 0
  604. });
  605. $newElems.imagesLoaded(function(){
  606. $newElems.animate({ opacity: 1 });
  607. $wallcenter.masonry( "appended", $newElems, true );
  608. });
  609. $('.audio').each(function(){
  610. var audioID = $(this).attr("id");
  611. var $audioPost = $(this);
  612. $.ajax({
  613. url: 'http://{BlogURL}.tumblr.com/api/read/json?id=' + audioID,
  614. dataType: 'jsonp',
  615. timeout: 50000,
  616. success: function(data){
  617. $audioPost.find('#audio_player_'+audioID).replaceWith('<div style=\"background-color:#000000;\">' + data.posts[0]['audio-player'].replace("audio_player.swf", "audio_player_black.swf") +'</div>');}
  618. });
  619. });
  620. });
  621.  
  622. $(document).load(function(){
  623. e.preventDefault();
  624. $wallcenter.infinitescroll('retrieve');
  625. });
  626. });
  627. </script>
  628. </body>
  629. </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!