API tools faq
paste
Advertisement
feiinho

masonite by hellodirty tumblr.com/theme/34822

feiinho
Aug 18th, 2019
723
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.03 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.  
  7. <title>
  8. {Title} {block:PostSummary}| {PostSummary}{/block:PostSummary}{block:SearchPage}| Search Results for &lsquo;{SearchQuery}&rsquo;{/block:SearchPage}{block:TagPage}| Posts Tagged &lsquo;{Tag}&rsquo;{/block:TagPage}
  9. </title>
  10.  
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}">
  13. {/block:Description}
  14.  
  15. <meta name="viewport" content="width=device-width, initial-scale=1">
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <meta name="color:Background" content="#ffffff" />
  22. <meta name="color:Brights" content="#eeeeee" />
  23. <meta name="color:Lights" content="#cccccc">
  24. <meta name="color:Mids" content="#999999" />
  25. <meta name="color:Darks" content="#555555" />
  26. <meta name="color:Copy" content="#333333" />
  27. <meta name="color:Accents" content="#ff6600" />
  28.  
  29. <meta name="font:Body" content="sans-serif" />
  30. <meta name="font:Meta" content="sans-serif" />
  31. <meta name="font:Quote" content="sans-serif" />
  32. <meta name="font:Title" content="sans-serif" />
  33. <meta name="font:Pre" content="andale mono, monaco, consolas, lucida console, monospace" />
  34.  
  35. <meta name="if:500px Posts" content="0" />
  36. <meta name="if:Custom trigger Infinite Scrolling" content="0" />
  37. <meta name="if:Fading Sidebar" content="0" />
  38. <meta name="if:Header Left" content="1" />
  39. <meta name="if:Header Top" content="0" />
  40. <meta name="if:One Column Content" content="0" />
  41. <meta name="if:Centered Content" content="0" />
  42. <meta name="if:Two Column Navigation" content="0" />
  43. <meta name="if:Dog Ear Zoom Icon" content="0" />
  44. <meta name="if:Enable Infinite Scrolling" content="1" />
  45. <meta name="if:Enable Fixed Positioning of Sidebar" content="1" />
  46. <meta name="if:Enable Google Prettify" content="0" />
  47. <meta name="if:Enable Reblog Links on Index Pages" content="0" />
  48. <meta name="if:Enable Like Links on Index Pages" content="0" />
  49. <meta name="if:Enable Colorbox" content="0" />
  50.  
  51. <meta name="select:Youtube Player Theme" content="dark" title="Dark">
  52. <meta name="select:Youtube Player Theme" content="light" title="Light">
  53.  
  54. <meta name="select:Sidebar Text Alignment" content="left" title="Left">
  55. <meta name="select:Sidebar Text Alignment" content="center" title="Center">
  56. <meta name="select:Sidebar Text Alignment" content="right" title="Right">
  57.  
  58. <meta name="select:Avatar Style" content="avatar-square" title="Square">
  59. <meta name="select:Avatar Style" content="avatar-circle" title="Circle">
  60. <meta name="select:Avatar Style" content="avatar-rounded" title="Rounded">
  61.  
  62. <meta name="select:Tumblr Audio Player Theme" content="white" title="White">
  63. <meta name="select:Tumblr Audio Player Theme" content="grey" title="Grey">
  64. <meta name="select:Tumblr Audio Player Theme" content="black" title="Black">
  65.  
  66. <meta name="if:Show Album Art on Audio Posts" content="1" />
  67. <meta name="if:Show Avatar" content="1" />
  68. <meta name="if:Show Archive" content="1" />
  69. <meta name="if:Show RSS" content="1" />
  70. <meta name="if:Show Search" content="1" />
  71. <meta name="if:Show Random" content="1" />
  72. <meta name="if:Show Mobile" content="1" />
  73. <meta name="if:Show Copyright" content="0" />
  74. <meta name="if:Show Description" content="1" />
  75. <meta name="if:Show Likes" content="0" />
  76. <meta name="if:Show People I Follow" content="0" />
  77. <meta name="if:Show Post Footer Border" content="0" />
  78. <meta name="if:Show Tags" content="1" />
  79. <meta name="if:Show Tags on Index Page" content="1" />
  80. <meta name="if:Show Title" content="1" />
  81. <meta name="if:Show Twitter" content="0" />
  82.  
  83. <meta name="image:Avatar" content="" />
  84. <meta name="image:Avatar HiDPI" content="" />
  85.  
  86. <meta name="text:Disqus Shortname" content="" />
  87. <meta name="text:Google Analytics" content="" />
  88. <meta name="text:Clicky Tracking" content="" />
  89.  
  90. <meta name="text:Soundcloud" content="" />
  91. <meta name="text:Facebook" content="" />
  92. <meta name="text:Github" content="" />
  93. <meta name="text:Dribbble" content="" />
  94. <meta name="text:Vimeo" content="" />
  95. <meta name="text:Twitter" content="" />
  96. <meta name="text:Rdio" content="" />
  97. <meta name="text:Yahoo" content="" />
  98. <meta name="text:Skype" content="" />
  99. <meta name="text:Evernote" content="" />
  100. <meta name="text:Delicious" content="" />
  101. <meta name="text:Behance" content="" />
  102. <meta name="text:XING" content="" />
  103. <meta name="text:LinkedIn" content="" />
  104. <meta name="text:Picasa" content="" />
  105. <meta name="text:YouTube" content="" />
  106. <meta name="text:StumbleUpon" content="" />
  107. <meta name="text:LastFM" content="" />
  108. <meta name="text:GooglePlus" content="" />
  109. <meta name="text:Forrst" content="" />
  110. <meta name="text:Pinterest" content="" />
  111. <meta name="text:Flickr" content="" />
  112. <meta name="text:deviantART" content="" />
  113. <meta name="text:Instagram" content="" />
  114. <meta name="text:Blogger" content="" />
  115. <meta name="text:Flattr" content="" />
  116.  
  117. <meta name="text:Google Web Font" content="" />
  118. <meta name="text:Google Web Font Body" content="" />
  119. <meta name="text:Google Web Font Post Title" content="" />
  120. <meta name="text:Google Web Font Meta" content="" />
  121. <meta name="text:Google Web Font Quote" content="" />
  122. <meta name="text:Google Web Font Title" content="" />
  123. <meta name="text:Google Web Font Pre" content="" />
  124.  
  125. <link rel="stylesheet" href="http://static.tumblr.com/wccjej0/JCxoea5rg/masonite.min.css">
  126.  
  127. <style type="text/css">
  128. ::-webkit-scrollbar,
  129. ::-webkit-scrollbar-track {
  130. background-color: {color:Background};
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb {
  134. background-color: {color:Mids};
  135. }
  136.  
  137. ::-webkit-scrollbar-thumb:hover,
  138. ::-webkit-scrollbar-thumb:active {
  139. background-color: {color:Accents};
  140. }
  141.  
  142. ::-moz-selection {
  143. background: {color:Accents};
  144. color: {color:Background};
  145. }
  146.  
  147. ::selection {
  148. background: {color:Accents};
  149. color: {color:Background};
  150. }
  151.  
  152. ::-webkit-input-placeholder {
  153. color: {color:Mids};
  154. }
  155.  
  156. input:-moz-placeholder,
  157. textarea:-moz-placeholder {
  158. color: {color:Mids};
  159. }
  160.  
  161. label span.placeholder {
  162. color: {color:Mids};
  163. }
  164.  
  165. a:link {
  166. -webkit-tap-highlight-color: {color:Accents};
  167. }
  168.  
  169. /* Background Colors
  170. ========================================================================== */
  171.  
  172. .post.photo .media .fullsize,
  173. .no-touchevents .post.answer:hover .question,
  174. .no-touchevents .dog-ear-zoom-icon .post.photo .media .fullsize:hover {
  175. background-color: {color:Accents};
  176. }
  177.  
  178. body,
  179. .no-touchevents .post.photo .media .fullsize:hover {
  180. background-color: {color:Background};
  181. }
  182.  
  183. .post img,
  184. .browsehappy {
  185. background: {color:Brights};
  186. }
  187.  
  188. .title.question {
  189. background: {color:Copy};
  190. }
  191.  
  192. /* Border Colors
  193. ========================================================================== */
  194.  
  195. .no-touchevents .post a:hover,
  196. .no-touchevents .post:hover a:hover,
  197. .no-touchevents .post:hover a.title:hover strong {
  198. border-color: {color:Background};
  199. }
  200.  
  201. #header #search input {
  202. border-color: {color:Lights};
  203. }
  204.  
  205. #dsq-comments .dsq-comment-header {
  206. border-color: {color:Copy};
  207. }
  208.  
  209. .post a,
  210. .no-touchevents .post:hover a,
  211. .post a.title strong,
  212. .no-touchevents .post:hover a.title strong {
  213. border-color: {color:Accents};
  214. }
  215.  
  216. blockquote,
  217. hr,
  218. .no-touchevents .post a,
  219. .post .footer,
  220. .post.chat .line,
  221. a.title strong,
  222. .no-touchevents a.title strong {
  223. border-color: {color:Brights};
  224. }
  225.  
  226. .no-touchevents .post.answer:hover .question:after {
  227. border-top-color: {color:Accents};
  228. }
  229.  
  230. .dog-ear-zoom-icon .post.photo .media .fullsize:after {
  231. border-bottom-color: {color:Mids};
  232. border-right-color: {color:Background};
  233. }
  234.  
  235. .no-touchevents .dog-ear-zoom-icon .post.photo .media .fullsize:hover:after {
  236. border-bottom-color: {color:Accents};
  237. border-right-color: {color:Background};
  238. }
  239.  
  240. .title.question:after {
  241. border-right-color: {color:Background};
  242. border-top-color: {color:Copy};
  243. }
  244.  
  245. /* Font Colors
  246. ========================================================================== */
  247.  
  248. .title.question,
  249. .post.photo .media .fullsize {
  250. color: {color:Background};
  251. }
  252.  
  253. blockquote,
  254. .container,
  255. #cboxTitle,
  256. #copyright a,
  257. #external li a,
  258. #copyright,
  259. #description,
  260. .no-touchevents #likes li,
  261. .dog-ear-zoom-icon .post.photo .media .fullsize,
  262. #loading,
  263. .no-touchevents .post:hover .footer a,
  264. .no-touchevents .post:hover .footer .tags,
  265. .no-touchevents .post:hover .notes a,
  266. .custom-like-button:before,
  267. .like_button + .custom-like-button:before,
  268. .audio .meta {
  269. color: {color:Mids};
  270. }
  271.  
  272. .post a,
  273. .post a:visited,
  274. .post a:active,
  275. .no-touchevents #external li a:hover,
  276. .no-touchevents .post:hover a,
  277. .no-touchevents .post:hover .title em:before,
  278. .no-touchevents .post.photo .media .fullsize:hover,
  279. #disqus_thread a,
  280. #title a:hover,
  281. #description a:hover,
  282. #navigation a:hover,
  283. #copyright a:hover,
  284. .like_button.liked + .custom-like-button:before,
  285. .touch .like_button.liked + .custom-like-button:before,
  286. .no-touchevents .index.custom-trigger-infinite-scrolling #pagination li a:hover {
  287. color: {color:Accents};
  288. }
  289.  
  290. body,
  291. #header h1 a,
  292. #disqus_thread,
  293. .no-touchevents #likes li:hover,
  294. .browsehappy {
  295. color: {color:Copy};
  296. }
  297.  
  298. a,
  299. a:visited,
  300. a:active,
  301. .no-touchevents a,
  302. .no-touchevents a:visited,
  303. .no-touchevents .post a,
  304. .no-touchevents .post:hover blockquote,
  305. .post.chat .line.even,
  306. .index.custom-trigger-infinite-scrolling #pagination li a,
  307. .no-touchevents .post .footer a:hover {
  308. color: {color:Darks};
  309. }
  310.  
  311. .reblog_button svg {
  312. fill: {color:Mids};
  313. }
  314.  
  315. .touch .reblog_button svg {
  316. fill: {color:Lights};
  317. }
  318.  
  319. .post .footer,
  320. .post .footer a,
  321. .post .footer a:visited,
  322. .post .notes,
  323. .post .notes a,
  324. .post .notes a:visited,
  325. .touch .custom-like-button:before,
  326. .touch .like_button + .custom-like-button:before,
  327. #search:before {
  328. color: {color:Lights};
  329. }
  330.  
  331. /* Fonts
  332. ========================================================================== */
  333.  
  334. body,
  335. textarea {
  336. font-family:
  337. {block:IfGoogleWebFontBody}
  338. '{text:Google Web Font Body}',
  339. {/block:IfGoogleWebFontBody}
  340. {font:Body};
  341. }
  342.  
  343. #header h1 {
  344. font-family:
  345. {block:IfGoogleWebFontTitle}
  346. '{text:Google Web Font Title}',
  347. {/block:IfGoogleWebFontTitle}
  348. {font:Title};
  349. }
  350.  
  351. .post.quote .quote {
  352. font-family:
  353. {block:IfGoogleWebFontQuote}
  354. '{text:Google Web Font Quote}',
  355. {/block:IfGoogleWebFontQuote}
  356. {font:Quote};
  357. }
  358.  
  359. .post .footer,
  360. #navigation,
  361. #external {
  362. font-family:
  363. {block:IfGoogleWebFontMeta}
  364. '{text:Google Web Font Meta}',
  365. {/block:IfGoogleWebFontMeta}
  366. {font:Meta};
  367. }
  368.  
  369. .post .title {
  370. font-family:
  371. {block:IfGoogleWebFontPostTitle}
  372. '{text:Google Web Font Post Title}',
  373. {/block:IfGoogleWebFontPostTitle}
  374. {font:Title};
  375. }
  376.  
  377. pre,
  378. code,
  379. tt {
  380. font-family:
  381. {block:IfGoogleWebFontPre}
  382. '{text:Google Web Font Pre}',
  383. {/block:IfGoogleWebFontPre}
  384. {font:Pre};
  385. }
  386.  
  387. /* Pretty Print
  388. ========================================================================== */
  389.  
  390. pre, code, kbd {
  391. font-family: Monaco, Menlo, 'Courier New', monospace;
  392. font-size: 12px;
  393. }
  394.  
  395. pre {
  396. background: {color:Copy};
  397. padding: 1.0em;
  398. overflow: auto;
  399. color: {color:Background};
  400. }
  401.  
  402. .post pre code a {
  403. border-width: 0;
  404. color: {color:Background};
  405. }
  406.  
  407. pre a .pln,
  408. pre a .pun,
  409. pre a .com {
  410. color: #DE8E50;
  411. }
  412.  
  413. pre .str { color: #79BD56; } /* string */
  414. pre .kwd { color: #E39B79; } /* keyword */
  415. pre .com { color: #888; } /* comment - skyblue */
  416. pre .typ { color: #98fb98; } /* type - lightgreen */
  417. pre .lit { color: #DE8E50; } /* literal */
  418. pre .pun { color: #FEA; } /* punctuation */
  419. pre .pln { color: #fff; } /* plaintext */
  420. pre .tag { color: #A1C8FD; } /* html/xml tag - lightyellow */
  421. pre .atn { color: #bdb76b; } /* attribute name - khaki */
  422. pre .atv { color: #ffa0a0; } /* attribute value - pink */
  423. pre .dec { color: #98fb98; } /* decimal - lightgreen */
  424.  
  425.  
  426. /* Custom CSS
  427. ========================================================================== */
  428.  
  429. {CustomCSS}
  430. </style>
  431. <script src="http://static.tumblr.com/wccjej0/UIPoea5w2/modernizr-custom.min.js"></script>
  432. </head>
  433. <body class="{block:PermalinkPage}permalink{/block:PermalinkPage}{block:IndexPage}index{/block:IndexPage} {block:If500pxPosts}width-500{/block:If500pxPosts} {block:IfNot500pxPosts}width-400{/block:IfNot500pxPosts} {block:IfHeaderTop}header-top{/block:IfHeaderTop} {block:IfHeaderLeft}header-left{/block:IfHeaderLeft} {block:IfOneColumnContent}single-column{/block:IfOneColumnContent} {block:IfCenteredContent}centered-content{/block:IfCenteredContent} {block:IfNotShowTitle}hide-title{/block:IfNotShowTitle} {block:IfTwoColumnNavigation}two-column-navigation{/block:IfTwoColumnNavigation} {block:IfEnableInfiniteScrolling}infinite-scrolling{/block:IfEnableInfiniteScrolling} {block:IfCustomtriggerInfiniteScrolling}custom-trigger-infinite-scrolling{/block:IfCustomtriggerInfiniteScrolling} {block:IfNotShowCopyright}hide-copyright{/block:IfNotShowCopyright} {block:IfNotShowTwitter}hide-twitter{/block:IfNotShowTwitter} {block:IfNotShowPostFooterBorder}hide-post-footer-border{/block:IfNotShowPostFooterBorder} {block:IfDogEarZoomIcon}dog-ear-zoom-icon{/block:IfDogEarZoomIcon} {block:IfNotShowAvatar}hide-avatar{/block:IfNotShowAvatar} {block:IfEnableFixedPositioningofSidebar}header-position-fixed{/block:IfEnableFixedPositioningofSidebar} sidebar-align-{select:Sidebar Text Alignment} {select:Avatar Style}">
  434. <!--[if lt IE 8]>
  435. <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  436. <![endif]-->
  437.  
  438. <div id="container">
  439. <div id="header">
  440. <a href="/" title="{lang:Home}">
  441. {block:IfAvatarImage}
  442. <img id="avatar" src="{image:Avatar}" data-hidpi-src="{block:IfAvatarHiDPIImage}{image:Avatar HiDPI}{/block:IfAvatarHiDPIImage}" alt="Portrait">
  443. {block:IfAvatarImage}
  444. {block:IfNotAvatarImage}
  445. <img id="avatar" src="{PortraitURL-64}" data-hidpi-src="{PortraitURL-128}" alt="Portrait" width="64" height="64">
  446. {block:IfNotAvatarImage}
  447. </a>
  448.  
  449. <div id="title">
  450. <h1><a href="/" title="{lang:Home}">{Title}</a></h1>
  451. </div>
  452.  
  453. {block:IfShowDescription}
  454. {block:Description}
  455. <div id="description">{Description}</div>
  456. {/block:Description}
  457. {/block:IfShowDescription}
  458.  
  459. <ul id="navigation">
  460. {block:HasPages}
  461. {block:Pages}
  462. <li class="page"><a href='{URL}'>{Label}</a></li>
  463. {/block:Pages}
  464. {/block:HasPages}
  465. {block:SubmissionsEnabled}
  466. <li class="submit"><a href="/submit">{SubmitLabel}</a></li>
  467. {/block:SubmissionsEnabled}
  468. {block:AskEnabled}
  469. <li class="ask"><a href="/ask">{AskLabel}</a></li>
  470. {/block:AskEnabled}
  471. {block:IfShowArchive}
  472. <li class="archive"><a href="/archive">{lang:Archive}</a></li>
  473. {/block:IfShowArchive}
  474. {block:IfShowRandom}
  475. <li class="random"><a href="/random">{lang:Random}</a></li>
  476. {/block:IfShowRandom}
  477. {block:IfShowMobile}
  478. <li class="mobile"><a href="/mobile">{lang:Mobile}</a></li>
  479. {/block:IfShowMobile}
  480. {block:IfShowRSS}
  481. <li class="rss"><a href="{RSS}">{lang:RSS}</a></li>
  482. {/block:IfShowRSS}
  483. </ul>
  484.  
  485. <ul id="external">
  486. {block:IfDribbble}
  487. <li class="dribbble"><a href="{text:Dribbble}"><span class="visuallyhidden">Dribbble</span></a></li>
  488. {/block:IfDribbble}
  489. {block:IfFacebook}
  490. <li class="facebook"><a href="{text:Facebook}"><span class="visuallyhidden">Facebook</span></a></li>
  491. {/block:IfFacebook}
  492. {block:IfGithub}
  493. <li class="github"><a href="{text:Github}"><span class="visuallyhidden">Github</span></a></li>
  494. {/block:IfGithub}
  495. {block:IfSoundcloud}
  496. <li class="soundcloud"><a href="{text:Soundcloud}"><span class="visuallyhidden">Soundcloud</span></a></li>
  497. {/block:IfSoundcloud}
  498. {block:IfTwitter}
  499. <li class="twitter"><a href="{text:Twitter}"><span class="visuallyhidden">Twitter</span></a></li>
  500. {/block:IfTwitter}
  501. {block:IfVimeo}
  502. <li class="vimeo"><a href="{text:Vimeo}"><span class="visuallyhidden">Vimeo</span></a></li>
  503. {/block:IfVimeo}
  504. {block:IfRdio}
  505. <li class="rdio"><a href="{text:Rdio}"><span class="visuallyhidden">Rdio</span></a></li>
  506. {/block:IfRdio}
  507. {block:IfYahoo}
  508. <li class="yahoo"><a href="{text:Yahoo}"><span class="visuallyhidden">Yahoo</span></a></li>
  509. {/block:IfYahoo}
  510. {block:IfSkype}
  511. <li class="skype"><a href="{text:Skype}"><span class="visuallyhidden">Skype</span></a></li>
  512. {/block:IfSkype}
  513. {block:IfEvernote}
  514. <li class="evernote"><a href="{text:Evernote}"><span class="visuallyhidden">Evernote</span></a></li>
  515. {/block:IfEvernote}
  516. {block:IfDelicious}
  517. <li class="delicious"><a href="{text:Delicious}"><span class="visuallyhidden">Delicious</span></a></li>
  518. {/block:IfDelicious}
  519. {block:IfBehance}
  520. <li class="behance"><a href="{text:Behance}"><span class="visuallyhidden">Behance</span></a></li>
  521. {/block:IfBehance}
  522. {block:IfXING}
  523. <li class="xing"><a href="{text:XING}"><span class="visuallyhidden">XING</span></a></li>
  524. {/block:IfXING}
  525. {block:IfLinkedIn}
  526. <li class="linkedin"><a href="{text:LinkedIn}"><span class="visuallyhidden">LinkedIn</span></a></li>
  527. {/block:IfLinkedIn}
  528. {block:IfPicasa}
  529. <li class="picasa"><a href="{text:Picasa}"><span class="visuallyhidden">Picasa</span></a></li>
  530. {/block:IfPicasa}
  531. {block:IfYouTube}
  532. <li class="youtube"><a href="{text:YouTube}"><span class="visuallyhidden">YouTube</span></a></li>
  533. {/block:IfYouTube}
  534. {block:IfStumbleUpon}
  535. <li class="stubleupon"><a href="{text:StumbleUpon}"><span class="visuallyhidden">StumbleUpon</span></a></li>
  536. {/block:IfStumbleUpon}
  537. {block:IfLastFM}
  538. <li class="lastfm"><a href="{text:LastFM}"><span class="visuallyhidden">Last.fm</span></a></li>
  539. {/block:IfLastFM}
  540. {block:IfGooglePlus}
  541. <li class="googleplus"><a href="{text:GooglePlus}"><span class="visuallyhidden">Google+</span></a></li>
  542. {/block:IfGooglePlus}
  543. {block:IfForrst}
  544. <li class="forrst"><a href="{text:Forrst}"><span class="visuallyhidden">Forrst</span></a></li>
  545. {/block:IfForrst}
  546. {block:IfPinterest}
  547. <li class="pinterest"><a href="{text:Pinterest}"><span class="visuallyhidden">Pinterest</span></a></li>
  548. {/block:IfPinterest}
  549. {block:IfFlickr}
  550. <li class="flickr"><a href="{text:Flickr}"><span class="visuallyhidden">Flickr</span></a></li>
  551. {/block:IfFlickr}
  552. {block:IfdeviantART}
  553. <li class="deviantart"><a href="{text:deviantART}"><span class="visuallyhidden">deviantART</span></a></li>
  554. {/block:IfdeviantART}
  555. {block:IfInstagram}
  556. <li class="instagram"><a href="{text:Instagram}"><span class="visuallyhidden">Instagram</span></a></li>
  557. {/block:IfInstagram}
  558. {block:IfBlogger}
  559. <li class="blogger"><a href="{text:Blogger}"><span class="visuallyhidden">Blogger</span></a></li>
  560. {/block:IfBlogger}
  561. {block:IfFlattr}
  562. <li class="flattr"><a href="{text:Flattr}"><span class="visuallyhidden">Flattr</span></a></li>
  563. {/block:IfFlattr}
  564. </ul>
  565.  
  566. {block:IfShowSearch}
  567. <div id="search">
  568. <form action="/search" method="get">
  569. <label for="searchfield" class="visuallyhidden">{lang:Search}</label>
  570. <input id="searchfield" class="searchfield" name="q" value="{SearchQuery}" type="search" placeholder="{lang:Search}">
  571. </form>
  572. </div>
  573. {/block:IfShowSearch}
  574. </div>
  575.  
  576. <div id="content">
  577. {block:SearchPage}
  578. {block:NoSearchResults}
  579. <h2 class="searchresultcount">{lang:Sorry no results for SearchQuery 2}</h2>
  580. {/block:NoSearchResults}
  581.  
  582. <h2 class="searchresultcount">{lang:SearchResultCount results for SearchQuery 2}</h2>
  583. {/block:SearchPage}
  584.  
  585. {block:TagPage}
  586. <h2 class="searchresultcount">{lang:Posts tagged Tag}</h2>
  587. {/block:TagPage}
  588.  
  589. <section id="posts">
  590. {block:Posts}
  591. <article id="{PostID}" class="post {block:Photo}photo{/block:Photo}{block:Photoset}photoset{/block:Photoset}{block:Video}video{/block:Video}{block:Audio}audio{/block:Audio}{block:Quote}quote{/block:Quote}{block:Text}text{/block:Text}{block:Answer}answer{/block:Answer}{block:Chat}chat{/block:Chat}{block:Link}link{/block:Link} {block:RebloggedFrom}reblogged{/block:RebloggedFrom}">
  592.  
  593. {block:Photo}
  594. <div class="media">
  595. {LinkOpenTag}
  596. <img src="{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}{block:IndexPage}{block:IfNot500pxPosts}{PhotoURL-400}{/block:IfNot500pxPosts}{block:If500pxPosts}{PhotoURL-500}{/block:If500pxPosts}{/block:IndexPage}" width="{block:PermalinkPage}{PhotoWidth-500}{/block:PermalinkPage}{block:IndexPage}{block:IfNot500pxPosts}{PhotoWidth-400}{/block:IfNot500pxPosts}{block:If500pxPosts}{PhotoWidth-500}{/block:If500pxPosts}{/block:IndexPage}" height="{block:PermalinkPage}{PhotoHeight-500}{/block:PermalinkPage}{block:IndexPage}{block:IfNot500pxPosts}{PhotoHeight-400}{/block:IfNot500pxPosts}{block:If500pxPosts}{PhotoHeight-500}{/block:If500pxPosts}{/block:IndexPage}" alt="{PhotoAlt}" />
  597. {LinkCloseTag}
  598. {block:IfEnableColorbox}
  599. <a href='{PhotoURL-HighRes}' class='fullsize colorbox' rel="fullsize"><span>{lang:Click for high-res photo}</span></a>
  600. {/block:IfEnableColorbox}
  601. </div>
  602. {block:Caption}
  603. <div class="copy">{Caption}</div>
  604. {/block:Caption}
  605. {/block:Photo}
  606.  
  607. {block:Photoset}
  608. <div class="media">
  609. {block:PermalinkPage}
  610. {Photoset-500}
  611. {/block:PermalinkPage}
  612. {block:IndexPage}
  613. {block:IfNot500pxPosts}
  614. {Photoset-400}
  615. {/block:IfNot500pxPosts}
  616. {block:If500pxPosts}
  617. {Photoset-500}
  618. {/block:If500pxPosts}
  619. {/block:IndexPage}
  620. </div>
  621. {block:Caption}
  622. <div class="copy">{Caption}</div>
  623. {/block:Caption}
  624. {/block:Photoset}
  625.  
  626. {block:Video}
  627. <div class="media">
  628. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:IndexPage}{block:IfNot500pxPosts}{Video-400}{/block:IfNot500pxPosts} {block:If500pxPosts}{Video-500}{/block:If500pxPosts}{/block:IndexPage}
  629. </div>
  630. {block:Caption}
  631. <div class="copy">{Caption}</div>
  632. {/block:Caption}
  633. {/block:Video}
  634.  
  635. {block:Audio}
  636. {block:IfShowAlbumArtOnAudioPosts}
  637. {block:AlbumArt}
  638. <div class="album_art">
  639. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
  640. </div>
  641. {/block:AlbumArt}
  642. {/block:IfShowAlbumArtOnAudioPosts}
  643. <div class="audio-wrapper">
  644. <div class="player">
  645. {block:AudioEmbed}
  646. {block:IndexPage}
  647. {block:If500pxPosts}
  648. {AudioEmbed-500}
  649. {/block:If500pxPosts}
  650. {block:IfNot500pxPosts}
  651. {AudioEmbed-400}
  652. {/block:IfNot500pxPosts}
  653. {/block:IndexPage}
  654. {block:PermalinkPage}
  655. {AudioEmbed-500}
  656. {/block:PermalinkPage}
  657. {/block:AudioEmbed}
  658. {AudioPlayer}
  659. </div>
  660. <div class="meta">
  661. {PlayCountWithLabel}{block:ExternalAudio} &bull; <a href="{ExternalAudioURL}">{lang:Download this track}</a>{/block:ExternalAudio}
  662. </div>
  663. </div>
  664. {block:Caption}
  665. <div class="copy">{Caption}</div>
  666. {/block:Caption}
  667. {/block:Audio}
  668.  
  669. {block:Quote}
  670. <div class="quote {Length}">{Quote}</div>
  671. <div class="copy">
  672. {block:Source}
  673. &mdash; {Source}
  674. {/block:Source}
  675. </div>
  676. {/block:Quote}
  677.  
  678. {block:Text}
  679. {block:Title}
  680. <h3 class="title">{Title}</h3>
  681. {/block:Title}
  682. <div class="copy">{Body}</div>
  683. {/block:Text}
  684.  
  685. {block:Answer}
  686. <h3 class="title question">{Question}</h3>
  687. <div class="asker"><img src="{AskerPortraitURL-16}" width="16" height="16"> {Asker}</div>
  688. <div class="copy">{Answer}</div>
  689. {block:Answer}
  690.  
  691. {block:Chat}
  692. {block:Title}
  693. <h3 class="title">{Title}</h3>
  694. {/block:Title}
  695. <div class="chat">
  696. <div class="lines">
  697. {block:Lines}
  698. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  699. {/block:Lines}
  700. </div>
  701. </div>
  702. {/block:Chat}
  703.  
  704. {block:Link}
  705. <h3 class="link title">
  706. <a class="title" href="{URL}" {Target}>
  707. <strong>{Name}</strong> <em><span>&rarr;</span></em>
  708. </a>
  709. </h3>
  710. {block:Description}
  711. <div class="copy">{Description}</div>
  712. {/block:Description}
  713. {/block:Link}
  714.  
  715. <footer class="footer">
  716. {block:IndexPage}
  717. {block:IfShowTagsonIndexPage}
  718. {block:HasTags}
  719. <dl class="tags">
  720. <dt class="header visuallyhidden">
  721. <span>{lang:Tagged}</span>
  722. </dt>
  723. {block:Tags}
  724. <dd><a href="{TagURL}" title="{lang:Tagged with} {Tag}" rel="tag">#{Tag}</a></dd>
  725. {/block:Tags}
  726. </dl>
  727. {/block:HasTags}
  728. {/block:IfShowTagsonIndexPage}
  729. {/block:IndexPage}
  730.  
  731. {block:PermalinkPage}
  732. {block:IfShowTags}
  733. {block:HasTags}
  734. <dl class="tags">
  735. <dt class="header visuallyhidden">
  736. <span>{lang:Tagged}</span>
  737. </dt>
  738. {block:Tags}
  739. <dd><a href="{TagURL}" title="{lang:Tagged with} {Tag}" rel="tag">#{Tag}</a></dd>
  740. {/block:Tags}
  741. </dl>
  742. {/block:HasTags}
  743. {/block:IfShowTags}
  744. {/block:PermalinkPage}
  745.  
  746. <ul>
  747. {block:Date}
  748. <li class="date">
  749. <a href="{Permalink}" title="{lang:Permalink for this post}" rel="bookmark">
  750. {TimeAgo}
  751. </a>
  752. {block:PermalinkPage}
  753. {block:RebloggedFrom} <span class="reblogged-from">reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {block:RebloggedFromReblog}(originally from <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFromReblog}</span>{/block:RebloggedFrom}
  754. {/block:PermalinkPage}
  755. </li>
  756. {/block:Date}
  757.  
  758. {block:IfEnableLikeLinksonIndexPages}
  759. {block:IndexPage}
  760. <li class="like">
  761. {LikeButton size="11"}
  762. <div class="custom-like-button"></div>
  763. </li>
  764. {/block:IndexPage}
  765. {/block:IfEnableLikeLinksonIndexPages}
  766.  
  767. {block:IfEnableReblogLinksonIndexPages}
  768. {block:IndexPage}
  769. <li class="reblog">
  770. {ReblogButton size="11"}
  771. </li>
  772. {/block:IndexPage}
  773. {/block:IfEnableReblogLinksonIndexPages}
  774.  
  775. {block:NoteCount}
  776. <li class="notes">
  777. <a href="{Permalink}#notes" title="{lang:View notes for this post}">{NoteCount}</a>
  778. </li>
  779. {/block:NoteCount}
  780.  
  781. {block:IfDisqusShortname}
  782. {block:PermalinkPagination}
  783. <li class="comments">
  784. <a href="{Permalink}#disqus_thread" title="{lang:View comments for this post}">{lang:View comments}</a>
  785. </li>
  786. {/block:PermalinkPagination}
  787. {block:IndexPage}
  788. <li class="comments">
  789. <a href="{Permalink}#disqus_thread" title="{lang:View comments for this post}">{lang:View comments}</a>
  790. </li>
  791. {/block:IndexPage}
  792. {/block:IfDisqusShortname}
  793. </ul>
  794. </footer>
  795.  
  796. {block:PostNotes}
  797. <div id="notes" class="container">
  798. {PostNotes}
  799. </div>
  800. {/block:PostNotes}
  801.  
  802. {block:IfDisqusShortname}
  803. {block:PermalinkPagination}
  804. <div class="container">
  805. <div id="disqus_thread"></div>
  806. <noscript>
  807. Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a>
  808. </noscript>
  809. {lang:Blog comments powered by Disqus 2}
  810. </div>
  811. {/block:PermalinkPagination}
  812. {/block:IfDisqusShortname}
  813. </article>
  814. {/block:Posts}
  815. </section>
  816.  
  817. {block:Pagination}
  818. <ul id="pagination" class="pagination">
  819. {block:PreviousPage}
  820. <li class="previous">
  821. <a href="{PreviousPage}">{lang:Previous page}</a>
  822. </li>
  823. {/block:PreviousPage}
  824. {block:NextPage}
  825. <li class="next">
  826. <a href="{NextPage}">{lang:Next page}</a>
  827. </li>
  828. {/block:NextPage}
  829. </ul>
  830. {/block:Pagination}
  831.  
  832. {block:PermalinkPagination}
  833. <ul id="pagination" class="pagination">
  834. {block:PreviousPost}
  835. <li class="previous">
  836. <a href="{PreviousPost}">{lang:Previous post}</a>
  837. </li>
  838. {/block:PreviousPost}
  839. {block:NextPost}
  840. <li class="next">
  841. <a href="{NextPost}">{lang:Next post}</a>
  842. </li>
  843. {/block:NextPost}
  844. </ul>
  845. {/block:PermalinkPagination}
  846. </div>
  847.  
  848. <div id="footer">
  849. {block:IfShowLikes}
  850. {block:Likes}
  851. <div class="container clearfix">
  852. <h3><a href="http://www.tumblr.com/liked/by/{Name}">{lang:Likes}</a></h3>
  853. {Likes limit="10" summarize="70" width="120"}
  854. </div>
  855. {/block:Likes}
  856. {/block:IfShowLikes}
  857.  
  858. {block:IfShowPeopleIFollow}
  859. {block:Following}
  860. <div id="following" class="following container">
  861. <h3>{lang:Following}</h3>
  862. <ul>
  863. {block:Followed}
  864. <li>
  865. <a href="{FollowedURL}" title="{FollowedName}">
  866. <img src="{FollowedPortraitURL-30}" alt="{FollowedName}">
  867. </a>
  868. </li>
  869. {/block:Followed}
  870. </ul>
  871. </div>
  872. {/block:Following}
  873. {/block:IfShowPeopleIFollow}
  874.  
  875. {block:Twitter}
  876. <div id="twitter" class="container">
  877. <h3><a href="http://twitter.com/{TwitterUsername}">Latest Tweets</a></h3>
  878. <div id="tweetcontainer"></div>
  879. <script type="text/javascript">
  880. function recent_tweets( data ) {
  881. for( i = 0; i < data.length; i++ ) {
  882. document.getElementById( "tweetcontainer" ).innerHTML = document.getElementById( "tweetcontainer" ).innerHTML + '<a href="http://twitter.com/{TwitterUsername}/status/' + data[i].id + '"><div class="content">' + data[i].text + '</div></a>';
  883. }
  884. }
  885. </script>
  886. </div>
  887. {/block:Twitter}
  888. </div>
  889.  
  890. <div id="copyright">
  891. <a href="http://www.tumblr.com">Tumblr</a> x <a href="http://hellodirty.com">masonite</a>.
  892. <span>
  893. <br />
  894. &copy; {CopyrightYears} {Title}
  895. </span>
  896. </div>
  897. </div>
  898.  
  899. <script>
  900. masonite = {
  901. whites: "{color:Background}".slice( 1 ),
  902. accents: "{color:Accents}".slice( 1 ),
  903. centeredContent: {block:IfCenteredContent}true{/block:IfCenteredContent}{block:IfNotCenteredContent}false{/block:IfNotCenteredContent},
  904. singleColumn: {block:IfOneColumnContent}true{/block:IfOneColumnContent}{block:IfNotOneColumnContent}false{/block:IfNotOneColumnContent},
  905. headerLeft: {block:IfHeaderLeft}true{/block:IfHeaderLeft}{block:IfNotHeaderLeft}false{/block:IfNotHeaderLeft},
  906. tumblrAudioPlayerTheme: "{select:Tumblr Audio Player Theme}",
  907. headerAlignment: "{select:Sidebar Text Alignment}",
  908. youtubePlayerTheme: "{select:Youtube Player Theme}",
  909. colorbox: {block:IfEnableColorbox}true{/block:IfEnableColorbox}{block:IfNotEnableColorbox}false{/block:IfNotEnableColorbox},
  910. infiniteScroll: {block:IfEnableInfiniteScrolling}true{/block:IfEnableInfiniteScrolling}{block:IfNotEnableInfiniteScrolling}false{/block:IfNotEnableInfiniteScrolling},
  911. customTrigger: {block:IfCustomtriggerInfiniteScrolling}true{/block:IfCustomtriggerInfiniteScrolling}{block:IfNotCustomtriggerInfiniteScrolling}false{/block:IfNotCustomtriggerInfiniteScrolling},
  912. disqusShortname: {block:IfDisqusShortname}"{text:Disqus Shortname}"{/block:IfDisqusShortname}{block:IfNotDisqusShortname}false{/block:IfNotDisqusShortname},
  913. fadeSidebar: {block:IfFadingSidebar}true{/block:IfFadingSidebar}{block:IfNotFadingSidebar}false{/block:IfNotFadingSidebar},
  914. googleAnalytics: {block:IfGoogleAnalytics}[['_setAccount', '{text:Google Analytics}'],['_trackPageview'],['_trackPageLoadTime']]{/block:IfGoogleAnalytics}{block:IfNotGoogleAnalytics}false{/block:IfNotGoogleAnalytics},
  915. googlePrettify : {block:IfEnableGooglePrettify}true{/block:IfEnableGooglePrettify}{block:IfNotEnableGooglePrettify}false{/block:IfNotEnableGooglePrettify},
  916. totalPages: {totalPages},
  917. currentPage: {CurrentPage},
  918. clicky: {block:IfClickyTracking}{text:Clicky Tracking}{/block:IfClickyTracking}{block:IfNotClickyTracking}false{/block:IfNotClickyTracking},
  919. lang: {
  920. loadMorePosts: "{lang:Load more posts}",
  921. noMorePosts: "{lang:No more posts}",
  922. loading: "{lang:Loading}"
  923. },
  924. spinjs: {
  925. big: { lines: 29, length: 1, width: 2, radius: 6, top: 0, corners: 0 },
  926. small: { lines: 13, length: 0, width: 2, radius: 2, top: "50%", left: "-10px", corners: 0 }
  927. }
  928. }
  929.  
  930. var disqus_shortname = masonite.disqusShortname,
  931. clicky_site_id = masonite.clicky,
  932. masonryPosts,
  933. masonryLikes;
  934.  
  935. {block:IfGoogleWebFont}
  936. function triggerMasonry() {
  937. // don't proceed if masonry has not been initialized
  938. if ( !masonryPosts ) {
  939. return;
  940. } else {
  941. masonryPosts.layout();
  942. }
  943.  
  944. if ( !masonryLikes ) {
  945. return;
  946. } else {
  947. masonryLikes.layout();
  948. }
  949. }
  950.  
  951. WebFontConfig = {
  952. google: {
  953. families: [{text:Google Web Font}]
  954. },
  955. active: triggerMasonry,
  956. inactive: triggerMasonry
  957. };
  958. {/block:IfGoogleWebFont}
  959.  
  960. {block:IfDisqusShortname}
  961. {block:PermalinkPagination}
  962. var disqus_url = "{Permalink}",
  963. disqus_title = "{block:PostTitle}{PostTitle}{/block:PostTitle}",
  964. disqus_identifier = "{PostID}";
  965. {/block:PermalinkPagination}
  966. {/block:IfDisqusShortname}
  967.  
  968. window._gaq = masonite.googleAnalytics;
  969.  
  970. placeHolderConfig = {
  971. hideOnFocus: false
  972. };
  973.  
  974. yepnope([
  975. {
  976. load: "//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js",
  977. complete: function() {
  978. if ( !window.jQuery ) {
  979. Modernizr.load( "http://static.tumblr.com/wccjej0/3lyoea5up/jquery.min.js" );
  980. }
  981. }
  982. },
  983. {block:IfGoogleWebFont}
  984. {
  985. test: Modernizr.fontface,
  986. yep: "//ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"
  987. },
  988. {/block:IfGoogleWebFont}
  989. {
  990. test: Modernizr.input.placeholder,
  991. nope: [
  992. "http://static.tumblr.com/wccjej0/XUGoea5rw/placeholder_polyfill.min.css",
  993. "http://static.tumblr.com/wccjej0/Lmjoea5wu/placeholder.min.js"
  994. ]
  995. },
  996. {
  997. test: masonite.colorbox,
  998. yep: [
  999. "http://static.tumblr.com/wccjej0/92Goea5p1/colorbox.min.css",
  1000. "http://static.tumblr.com/wccjej0/fMUoea5u5/jquery.colorbox-min.js"
  1001. ]
  1002. },
  1003. {
  1004. test: masonite.infiniteScroll,
  1005. yep: "http://static.tumblr.com/wccjej0/Ohwoea5t7/infinitescroll.min.js"
  1006. },
  1007. {
  1008. test: masonite.googlePrettify,
  1009. yep: "//cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.js"
  1010. },
  1011. {
  1012. complete: function ( url, res, key ) {
  1013. yepnope([
  1014. {block:Twitter}
  1015. "/tweets.js",
  1016. {/block:Twitter}
  1017. {block:IfDisqusShortname}
  1018. {block:PermalinkPagination}
  1019. "//{text:Disqus Shortname}.disqus.com/embed.js",
  1020. {/block:PermalinkPagination}
  1021. {/block:IfDisqusShortname}
  1022. "http://static.tumblr.com/wccjej0/G0Coea5v8/masonite.min.js"
  1023. ]);
  1024. }
  1025. },
  1026. {
  1027. test: masonite.googleAnalytics,
  1028. yep: ( "https:" == location.protocol ? "//ssl" : "//www" ) + ".google-analytics.com/ga.js"
  1029. },
  1030. {
  1031. test: masonite.clicky,
  1032. yep: "//static.getclicky.com/js"
  1033. }
  1034. ]);
  1035. </script>
  1036.  
  1037. {block:IfClickyTracking}
  1038. <noscript>
  1039. <img alt="Clicky" width="1" height="1" src="//in.getclicky.com/{text:Clicky Tracking}ns.gif" />
  1040. </noscript>
  1041. {/block:IfClickyTracking}
  1042. </body>
  1043. </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!