API tools faq
paste
Advertisement
lfpt

Untitled

lfpt
Mar 30th, 2015
247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 81.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- - - - - - - - - - - - - - - - - - - - - - - -
  3.  
  4. Theme name: Candice Tumblr Theme v1.1
  5. Theme Author: Artistic Influence
  6. Author URL: [http://artistic-influence.tumblr.com/]
  7.  
  8. - - - - - - - - - - - - - - - - - - - - - - - -->
  9. <html
  10. lang="{block:English}en{/block:English}{block:Spanish}es{/block:Spanish}{block:French}fr{/block:French}{block:Italian}it{/block:Italian}{block:German}de{/block:German}{block:Polish}pl{/block:Polish}{block:Japanese}ja{/block:Japanese}">
  11.  
  12.  
  13. <head>
  14. <meta charset="utf-8">
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  16. <meta name="viewport" content="width=device-width,user-scalable=false">
  17.  
  18. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  19. <meta name="author" content="{Title}">
  20.  
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}">
  23. {/block:Description}
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28.  
  29.  
  30. <!--If Options-->
  31. <meta name="if:Infinite Scroll" content="1">
  32. <meta name="if:Tile Grid Boxed" content="1">
  33. <meta name="if:Gutter Between Tiles" content="1">
  34. <meta name="if:Tile Grid Disable Background Color" content="1">
  35. <meta name="if:Tile Heading Letter Spaces" content="1">
  36. <meta name="if:Tile Heading Uppercase" content="1">
  37. <meta name="if:Show Menu Pages" content="1">
  38. <meta name="if:Show Menu Search" content="1">
  39. <meta name="if:Show Video And Photo Tile Caption" content="1">
  40. <meta name="if:Show Video And Photo Tile Post Type" content="1">
  41. <meta name="if:Show Text And Audio Tile Post Type" content="1">
  42. <meta name="if:Header Background Image Repeat" content="0">
  43. <meta name="if:Post And Page Background Image Repeat" content="0">
  44. <meta name="if:Circle Menu Avatar" content="0">
  45. <meta name="if:Circle Header Logo" content="0">
  46. <meta name="if:Larger Header Logo" content="0">
  47. <meta name="if:Border Header Logo" content="0">
  48. <meta name="if:Header Title Letter Spaces" content="1">
  49. <meta name="if:Hide Header Text Divider" content="0">
  50. <meta name="if:Stack Header Logo And Text" content="0">
  51. <meta name="if:Post Page Show Author" content="1">
  52. <meta name="if:Post Page Show Tags" content="1">
  53. <meta name="if:Post Page Show Notes" content="1">
  54. <meta name="if:Post Page Show Disqus" content="1">
  55. <meta name="if:Post Page Show Date" content="1">
  56. <meta name="if:Post Page Show Social Sharing" content="1">
  57. <meta name="if:Show Social Links" content="1">
  58. <meta name="if:Colored Social Links" content="0">
  59. <meta name="if:Show RSS" content="0">
  60. <meta name="if:Enable Twitter Feed" content="0">
  61. <meta name="if:Menu Text Widget" content="0">
  62.  
  63. <!--Images-->
  64. <meta name="image:Header Background Image 1920x1080px" content="">
  65. <meta name="image:Post And Page Background Image 1920x1080px" content="">
  66. <meta name="image:Header Logo 500x500px" content="">
  67.  
  68. <!--colors-->
  69. <meta name="color:Body Text Color" content="#000000">
  70. <meta name="color:Text Color Text And Audio Tiles" content="#000000">
  71. <meta name="color:Text Color Photo And Video Tiles" content="#ffffff">
  72. <meta name="color:Tile Grid Background Color" content="#000000">
  73. <meta name="color:Tile Background Color Text And Audio Tiles" content="#ffffff">
  74. <meta name="color:Menu Button Color" content="#ffffff">
  75. <meta name="color:Menu Text Color" content="#000000">
  76. <meta name="color:Menu Divider Color" content="#000000">
  77. <meta name="color:Menu Background Color" content="#ffffff">
  78. <meta name="color:Header Profile Text Color" content="#ffffff">
  79. <meta name="color:Header Background Color" content="#000000">
  80. <meta name="color:Header Logo Border Color" content="#ffffff">
  81. <meta name="color:Front Page Background Color Displayed on Devices" content="#000000">
  82. <meta name="color:Post And Page Background Color" content="#eeeeee">
  83. <meta name="color:Post And Page Content Background Color" content="#ffffff">
  84. <meta name="color:Post And Page Link Text Color" content="#aaaaaa">
  85. <meta name="color:Pagination Bar Text Color" content="#000000">
  86. <meta name="color:Pagination Bar Background Color" content="#ffffff">
  87. <meta name="color:Pagination Bar Hover Text Color" content="#ffffff">
  88. <meta name="color:Post Page Pagination Text Color" content="#000000">
  89. <meta name="color:Footer Text Color" content="#ffffff">
  90. <meta name="color:Footer Background Color" content="#000000">
  91.  
  92. <!--Tumblr Fonts-->
  93. <meta name="font:Tile Font" content="">
  94. <meta name="font:Body Font" content="">
  95.  
  96. <!--Customizable Elements-->
  97. <meta name="text:Menu Home Label" content="Home">
  98. <meta name="text:Menu Ask Label" content="Ask me anything">
  99. <meta name="text:Menu Submit Post Label" content="Submit a post">
  100. <meta name="text:Menu Archive Label" content="Archive">
  101. <meta name="text:Menu Send Email Label" content="Send me an email">
  102. <meta name="text:Menu Contact Email" content="example@example.com">
  103. <meta name="text:Header Website URL" content="www.website.com">
  104. <meta name="text:Twitter Feed Title" content="Latest Tweets">
  105. <meta name="text:Instagram ID" content="">
  106. <meta name="text:Instagram Token" content="">
  107. <meta name="text:Copyright Text" content="Copyright 2015">
  108. <meta name="text:Menu Text Widget Title" content="">
  109. <meta name="text:Menu Text Widget Text" content="">
  110. <meta name="text:Footer Message" content="Your Footer Message">
  111. <meta name="text:Google Analytics ID" content="">
  112. <meta name="text:Google Font Body" content="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700">
  113. <meta name="text:Body Font Name" content="''PT Sans Narrow'', sans-serif">
  114. <meta name="text:Google Font Tile" content="">
  115. <meta name="text:Tile Font Name" content="">
  116. <meta name="text:Google Font Header Title" content="">
  117. <meta name="text:Header Title Font Name" content="">
  118. <meta name="text:Heading Font Weight" content="200">
  119. <meta name="text:Body Font Weight" content="200">
  120. <meta name="text:Header Title Font Weight" content="300">
  121. <meta name="text:Tile Post Heading Font Weight" content="200">
  122. <meta name="text:Header Description Font Weight" content="200">
  123. <meta name="text:Header Font Size" content="3.2rem">
  124. <meta name="text:Header Description Font Size" content="1.6rem">
  125.  
  126. <!--Disqus, RSS & Social Network Usernames-->
  127. <meta name="text:Disqus Shortname" content="">
  128. <meta name="text:Facebook Username" content="">
  129. <meta name="text:Twitter Username" content="">
  130. <meta name="text:Google Plus Username" content="">
  131. <meta name="text:Instagram Username" content="">
  132. <meta name="text:VK Username" content="">
  133. <meta name="text:Youtube Username" content="">
  134. <meta name="text:Vimeo Username" content="">
  135. <meta name="text:Flickr Username" content="">
  136. <meta name="text:Dribbble Username" content="">
  137. <meta name="text:DeviantArt Username" content="">
  138. <meta name="text:SoundCloud Username" content="">
  139. <meta name="text:LinkedIn Username" content="">
  140. <meta name="text:Pinterest Username" content="">
  141. <meta name="text:Spotify Username" content="">
  142. <meta name="text:StumbleUpon Username" content="">
  143. <meta name="text:Behance Username" content="">
  144. <meta name="text:Vine Username" content="">
  145.  
  146. <!--Links-->
  147. <link rel="stylesheet" href='{text:Google Font Body}' type='text/css'>
  148. {block:IfGoogleFontTile}
  149. <link rel="stylesheet" href='{text:Google Font Tile}' type='text/css'>
  150. {/block:IfGoogleFontTile}
  151. {block:IfGoogleFontHeaderTitle}
  152. <link rel="stylesheet" href='{text:Google Font Header Title}' type='text/css'>
  153. {/block:IfGoogleFontHeaderTitle}
  154.  
  155. <!--External Stylesheets-->
  156. <link rel="stylesheet" href="http://static.tumblr.com/cmghtlm/wXHnkcwbt/styles.min.css">
  157. <link rel="stylesheet" href="http://static.tumblr.com/cmghtlm/n6enj2o9x/font-awesome.min.css">
  158.  
  159. <style type="text/css">
  160.  
  161.  
  162. /*-----------------------------
  163. Start CSS
  164. -----------------------------*/
  165. html {
  166. font-size: 10px;
  167. }
  168. body {
  169. font-family: {block:IfBodyFontName}{text:Body Font Name}, {/block:IfBodyFontName}{font:Body Font};
  170. background-color: {color:Front Page Background Color Displayed on Devices};
  171. }
  172. .single-page {
  173. background-color: {color:Post And Page Background Color};
  174. }
  175. .header-underlay {
  176. background-color: {color:Header Background Color};
  177. }
  178. html, body {
  179. height: 100%;
  180. }
  181.  
  182.  
  183. /*-----------------------------
  184. Fonts
  185. -----------------------------*/
  186. h1, h2, h3, h4, h5, h6 {
  187. font-weight: {text:Heading Font Weight};
  188. }
  189. .tile-text-wrapper h1, .tile-text-wrapper h2, .tile-text-wrapper h3, .tile-text-wrapper h4 {
  190. font-weight: {text:Tile Post Heading Font Weight}
  191. }
  192. p, a, i, em, blockquote, small, .single-content ul>li, .tile-title.photo p, .single-caption p, .single-caption a {
  193. font-weight: {text:Body Font Weight};
  194. }
  195. body {
  196. color: {color:Body Text Color};
  197. }
  198. body a {
  199. color: {color:Post And Page Link Text Color};
  200. }
  201. .tile-text-wrapper.text, .tile-text-wrapper.text a, .tile-text-wrapper.audio, .tile-text-wrapper.audio a {
  202. color: {color:Text Color Text And Audio Tiles};
  203. }
  204. .tile-text-wrapper.photo, .tile-text-wrapper.photo a {
  205. color: {color:Text Color Photo And Video Tiles};
  206. }
  207. .profile-text-wrapper, .profile-text-wrapper a, .profile-text-wrapper i, #infscr-loading {
  208. color: {color:Header Profile Text Color};
  209. }
  210. .profile-text-wrapper {
  211. border-left: 2px solid {color:Header Profile Text Color};
  212. }
  213. .pagi-bar a {
  214. color: {color:Pagination Bar Text Color};
  215. }
  216. .pagi-bar a:hover {
  217. color: {color:Pagination Bar Hover Text Color};
  218. opacity: 1;
  219. }
  220. .perma-pagi-bar, .perma-pagi-bar a {
  221. color: {color:Post Page Pagination Text Color};
  222. }
  223. {block:IfTileHeadingLetterSpaces}
  224. .tile-text-wrapper h1, .tile-text-wrapper h2, .tile-text-wrapper h3, .tile-text-wrapper h4 {
  225. letter-spacing: 1rem;
  226. }
  227. {/block:IfTileHeadingLetterSpaces}
  228. {block:IfTileHeadingUppercase}
  229. .tile-text-wrapper h1, .tile-text-wrapper h2, .tile-text-wrapper h3, .tile-text-wrapper h4 {
  230. text-transform: uppercase;
  231. }
  232. {/block:IfTileHeadingUppercase}
  233. {block:IfHeaderTitleLetterSpaces}
  234. .prof-title {
  235. letter-spacing: 1rem;
  236. }
  237. {/block:IfHeaderTitleLetterSpaces}
  238.  
  239. /*-----------------------------
  240. Off-Canvas Menu
  241. -----------------------------*/
  242. .left-off-canvas-toggle i {
  243. color: {color:Menu Button Color};
  244. border: 1px solid {color:Menu Button Color};
  245. }
  246. .left-off-canvas-menu {
  247. background-color: {color:Menu Background Color};
  248. }
  249. #menu-items li a, .menu-message {
  250. color: {color:Menu Text Color};
  251. }
  252. #search-input {
  253. font-family: {text:Body Font Name};
  254. }
  255. .menu-divider {
  256. border-bottom: 1px solid {color:Menu Divider Color};
  257. }
  258. .prof-avatar img {
  259. {block:IfCircleMenuAvatar}
  260. -webkit-border-radius: 50%;
  261. -moz-border-radius: 50%;
  262. border-radius: 50%;
  263. {/block:IfCircleMenuAvatar}
  264. {block:IfNotCircleMenuAvatar}
  265. -webkit-border-radius: 5%;
  266. -moz-border-radius: 5%;
  267. border-radius: 5%;
  268. {/block:IfNotCircleMenuAvatar}
  269. overflow: hidden;
  270. }
  271.  
  272.  
  273. /*-----------------------------
  274. Index Page
  275. -----------------------------*/
  276. {block:IfHeaderBackgroundImage1920x1080pxImage}
  277. .header-pos {
  278. background-image: url('{image:Header Background Image 1920x1080px}');
  279. }
  280. .header-underlay {
  281. background-color: #000!important;
  282. }
  283. {/block:IfHeaderBackgroundImage1920x1080pxImage}
  284. {block:IfHeaderBackgroundImageRepeat}
  285. .header-pos {
  286. background-repeat:repeat;
  287. -webkit-background-size: auto;
  288. -moz-background-size: auto;
  289. background-size: auto;
  290. }
  291. {/block:IfHeaderBackgroundImageRepeat}
  292. {block:IfLargerHeaderLogo}
  293. .portrait {
  294. height: 250px;
  295. width: 250px;
  296. }
  297. {/block:IfLargerHeaderLogo}
  298. {block:IfStackHeaderLogoAndText}
  299. .portrait {
  300. position: relative;
  301. display: block;
  302. margin-left: auto;
  303. margin-right: auto;
  304. left: 0;
  305. right: 0;
  306. top: 0;
  307. vertical-align: initial;
  308. }
  309. .profile-text-wrapper {
  310. position: relative;
  311. display: block;
  312. height: auto;
  313. padding-left: 0;
  314. text-align: center;
  315. left: initial;
  316. border: 0;
  317. border-top: 2px solid #fff;
  318. top: 20px;
  319. }
  320. {/block:IfStackHeaderLogoAndText}
  321. {block:IfCircleHeaderLogo}
  322. .logo {
  323. -webkit-border-radius: 50%;
  324. -moz-border-radius: 50%;
  325. border-radius: 50%;
  326. }
  327. {/block:IfCircleHeaderLogo}
  328. {block:IfBorderHeaderLogo}
  329. .logo {
  330. border: 3px solid {color:Header Logo Border Color};
  331. }
  332. {/block:IfBorderHeaderLogo}
  333. .prof-title {
  334. font-family: {block:IfHeaderTitleFontName}{text:Header Title Font Name}, {/block:IfHeaderTitleFontName}{TitleFont};
  335. font-weight: {text:Header Title Font Weight};
  336. font-size: {text:Header Font Size};
  337. }
  338. .prof-description {
  339. font-weight: {text:Header Description Font Weight};
  340. font-size: {text:Header Description Font Size};
  341. }
  342. .tile-grid {
  343. background-color: {color:Tile Grid Background Color};
  344. {block:IfTileGridDisableBackgroundColor}
  345. background-color: transparent;
  346. {/block:IfTileGridDisableBackgroundColor}
  347. }
  348. .tile-wrapper, .social-feed {
  349. font-family: {block:IfTileFontName}{text:Tile Font Name}, {/block:IfTileFontName}{font:Tile Font};
  350. }
  351. .tile-background.text, .tile-background.audio, .social-feed.twtr, .tile-text-wrapper.text {
  352. background-color: {color:Tile Background Color Text And Audio Tiles};
  353. }
  354. {block:IfHideHeaderTextDivider}
  355. .profile-text-wrapper {
  356. border: 0;
  357. }
  358. {/block:IfHideHeaderTextDivider}
  359.  
  360. /*-----------------------------
  361. Social Links
  362. -----------------------------*/
  363. .social-networks i {
  364. background-image: {block:IfNotColoredSocialLinks}url('http://static.tumblr.com/cmghtlm/WUMnhqrvy/white-bordered-n.png');{/block:IfNotColoredSocialLinks}{block:IfColoredSocialLinks}url('http://static.tumblr.com/cmghtlm/pzunhqrvf/color-bordered-n.png'){/block:IfColoredSocialLinks};
  365. }
  366.  
  367.  
  368. /*-----------------------------
  369. Permalink Pages
  370. -----------------------------*/
  371. {block:IfPostAndPageBackgroundImage1920x1080pxImage}
  372. .single-page-bg {
  373. background-image: url('{image:Post And Page Background Image 1920x1080px}');
  374. background-repeat: no-repeat;
  375. -webkit-background-size: cover;
  376. -moz-background-size: cover;
  377. background-size: cover;
  378. background-position: center;
  379. position: fixed;
  380. top: 0;
  381. right: 0;
  382. bottom: 0;
  383. left: 0;
  384. }
  385. {/block:IfPostAndPageBackgroundImage1920x1080pxImage}
  386. {block:IfPostAndPageBackgroundImageRepeat}
  387. .single-page-bg {
  388. background-repeat:repeat;
  389. -webkit-background-size: auto;
  390. -moz-background-size: auto;
  391. background-size: auto;
  392. }
  393. {/block:IfPostAndPageBackgroundImageRepeat}
  394. .single-wrapper {
  395. background-color: {color:Post And Page Content Background Color};
  396. }
  397.  
  398.  
  399. /*-----------------------------
  400. Search and Tag page
  401. -----------------------------*/
  402. {block:SearchPage}
  403. .profile {
  404. display: none;
  405. }
  406. .header-container {
  407. min-height: 100vh;
  408. margin-bottom: -80px;
  409. }
  410. .single-wrapper {
  411. top: 30%;
  412. }
  413. .search-result {
  414. text-align: center;
  415. }
  416. .social-feed.twtr {
  417. display: none;
  418. }
  419. .social-feed.instagram{
  420. display: none;
  421. }
  422. .search-result h3 {
  423. padding-top: 20px;
  424. }
  425. .single-wrapper h2 {
  426. text-align: center;
  427. }
  428. {/block:SearchPage}
  429. {block:TagPage}
  430. .profile {
  431. display: none;
  432. }
  433. .header-container {
  434. padding-bottom: 20%;
  435. height: 0;
  436. }
  437. .search-result {
  438. text-align: center;
  439. }
  440. .social-feed.twtr {
  441. display: none;
  442. }
  443. .social-feed.instagram{
  444. display: none;
  445. }
  446. .search-result h3 {
  447. padding-top: 20px;
  448. }
  449. {/block:TagPage}
  450.  
  451.  
  452. /*-----------------------------
  453. footer
  454. -----------------------------*/
  455. .bottom-footer {
  456. background-color: {color:Footer Background Color};
  457. }
  458. .bottom-footer, .bottom-footer a, .back-to-top a {
  459. color: {color:Footer Text Color};
  460. }
  461.  
  462.  
  463. /*-----------------------------
  464. Pagination
  465. -----------------------------*/
  466. .pagi-bar {
  467. border: 2px solid {color:Pagination Bar Background Color};
  468. background-color: {color:Pagination Bar Background Color};
  469. }
  470. .pagi-bar:hover {
  471. background-color: transparent;
  472. }
  473.  
  474. /*-----------------------------
  475. Gutter and Boxed styles
  476. -----------------------------*/
  477. {block:IfGutterBetweenTiles}
  478. #instagram li {
  479. margin: -0.02%;
  480. }
  481. .tile-post, .social-feed, .social-feed.instagram {
  482. width: 99.5%;
  483. margin: .25%;
  484. }
  485. .social-feed.instagram {
  486. padding-bottom: 38%;
  487. }
  488. .tile-grid {
  489. width: 100%;
  490. padding: .2%;
  491. }
  492. {/block:IfGutterBetweenTiles}
  493. {block:IfTileGridBoxed}
  494. .tile-grid {
  495. width: 80%;
  496. margin-right: auto;
  497. margin-left: auto;
  498. }
  499. .tile-text-wrapper.text {
  500. padding: 125px 15% 125px 15%;
  501. }
  502. .tile-background .full-width-photoset {
  503. width: 62%;
  504. }
  505. .tile-video-wrapper iframe {
  506. height: 44vw;
  507. }
  508. .bandcamp_audio_player {
  509. height: 52vw;
  510. }
  511. .spotify_audio_player, .soundcloud_audio_player {
  512. height: 40vw;
  513. }
  514. .pagi-bar-wrapper {
  515. width: 80%;
  516. }
  517. #instagram li {
  518. width: 20.02999999%;
  519. height: 50.6%;
  520. }
  521. {/block:IfTileGridBoxed}
  522.  
  523.  
  524. /*-----------------------------
  525. Media Queries
  526. -----------------------------*/
  527. /*
  528. 2 column grid 1220px max viewport width
  529. */
  530. @media only screen and (max-width: 1220px) {
  531. #instagram li {
  532. width: 20%;
  533. height: 50.5%;
  534. margin: 0;
  535. }
  536. {block:IfTileGridBoxed}
  537. .bandcamp_audio_player {
  538. height: 50vw;
  539. }
  540. .tile-grid {
  541. width: 80%;
  542. }
  543. {/block:IfTileGridBoxed}
  544. {block:TagPage}
  545. .header-container {
  546. height: 250px;
  547. padding: 0;
  548. }
  549. {/block:TagPage}
  550. }
  551. /*
  552. 1 column grid 768px max viewport width
  553. */
  554. @media only screen and (max-width: 768px) {
  555. {block:IfGutterBetweenTiles}
  556. .tile-grid {
  557. width: 100%;
  558. }
  559. {/block:IfGutterBetweenTiles}
  560. {block:IfTileGridBoxed}
  561. .bandcamp_audio_player {
  562. height: 40vw;
  563. }
  564. .tile-grid {
  565. width: 80%;
  566. margin-top: 10%;
  567. }
  568. {/block:IfTileGridBoxed}
  569. {block:TagPage}
  570. .header-container {
  571. height: 280px;
  572. padding: 0;
  573. }
  574. {/block:TagPage}
  575. .profile-text-wrapper {
  576. height: auto;
  577. border: 0;
  578. }
  579. .pagi-bar:hover {
  580. border: 2px solid {color:Pagination Bar Background Color};
  581. background-color: {color:Pagination Bar Background Color};
  582. }
  583. .pagi-bar a:hover {
  584. color: {color:Pagination Bar Text Color};
  585. }
  586. }
  587. /*
  588. Mobile/Cell devices 320px - 736px
  589. */
  590. @media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
  591. {block:SearchPage}
  592. .header-container {
  593. margin-bottom: -150px;
  594. }
  595. .single-wrapper {
  596. top: 0;
  597. }
  598. {/block:SearchPage}
  599. .tile-text-wrapper.text {
  600. padding: 125px 5%;
  601. }
  602. {block:IfTileHeadingLetterSpaces}
  603. .tile-text-wrapper h1, .tile-text-wrapper h2, .tile-text-wrapper h3, .tile-text-wrapper h4 {
  604. letter-spacing: .2rem;
  605. }
  606. {/block:IfTileHeadingLetterSpaces}
  607. }
  608.  
  609. {CustomCSS}
  610. </style>
  611. {block:IfGoogleAnalyticsID}
  612. {text:Google Analytics ID}
  613. {/block:IfGoogleAnalyticsID}
  614. </head>
  615.  
  616. <body>
  617. <div class="off-canvas-wrap" data-offcanvas>
  618. <div class="inner-wrap">
  619.  
  620. <a class="left-off-canvas-toggle"><i class="fa fa-bars"></i></a>
  621.  
  622. <!-- Off Canvas Menu -->
  623. <aside class="left-off-canvas-menu">
  624. <div class="menu-content">
  625. {block:ShowAvatar}
  626. <div class="prof-avatar">
  627. <img src="{PortraitURL-128}" alt="blog avatar"/>
  628. </div>
  629. {/block:ShowAvatar}
  630. {block:IfMenuTextWidget}
  631. <div class="menu-message">
  632. <h3>{text:Menu Text Widget Title}</h3>
  633. <p>{text:Menu Text Widget Text}</p>
  634. </div>
  635. {/block:IfMenuTextWidget}
  636. <nav class="menu-navi">
  637.  
  638. <div class="menu-divider"></div>
  639.  
  640. <ul id="menu-items">
  641. <li><a href="{BlogURL}">{text:Menu Home Label}</a></li>
  642. {block:IfShowMenuPages}
  643. {block:HasPages}
  644. {block:Pages}
  645. <li><a href="{URL}">{Label}</a></li>
  646. {/block:Pages}
  647. {/block:HasPages}
  648. {/block:IfShowMenuPages}
  649. {block:IfMenuAskLabel}
  650. {block:AskEnabled}
  651. <li><a href="/ask">{text:Menu Ask Label}</a></li>
  652. {/block:AskEnabled}
  653. {/block:IfMenuAskLabel}
  654. {block:IfMenuSubmitPostLabel}
  655. <li><a href="/submit">{text:Menu Submit Post Label}</a></li>
  656. {/block:IfMenuSubmitPostLabel}
  657. {block:IfMenuArchiveLabel}
  658. <li><a href="/archive">{text:Menu Archive Label}</a></li>
  659. {/block:IfMenuArchiveLabel}
  660. {block:IfMenuSendEmailLabel}
  661. <li><a href="mailto:{text:Menu Contact Email}">{text:Menu Send Email Label}</a></li>
  662. {/block:IfMenuSendEmailLabel}
  663. </ul>
  664.  
  665. <div class="menu-divider"></div>
  666.  
  667. {block:IfShowMenuSearch}
  668. <div id="search-box">
  669. <form action="/search" method="get" class="nav-search" name="searchform">
  670. <input type="text" name="q" value="{SearchQuery}" id="search-input" placeholder="Search..."/>
  671. <i class="fa fa-search"></i>
  672. </form>
  673. </div>
  674. {/block:IfShowMenuSearch}
  675.  
  676. </nav>
  677. </div>
  678. </aside>
  679.  
  680. <div class="social-wrapper">
  681. {block:IfShowSocialLinks}
  682. <ul class="social-networks">
  683. {block:IfShowRSS}
  684. <li><a href="{RSS}"><i class="rss-ico"></i></a></li>
  685. {/block:IfShowRSS}
  686. {block:IfFacebookUsername}
  687. <li><a href="http://facebook.com/{text:Facebook Username}"><i class="facebook-ico"></i></a></li>
  688. {/block:IfFacebookUsername}
  689. {block:IfTwitterUsername}
  690. <li><a href="http://twitter.com/{text:Twitter Username}"><i class="twitter-ico"></i></a></li>
  691. {/block:IfTwitterUsername}
  692. {block:IfGooglePlusUsername}
  693. <li><a href="http://plus.google.com/{text:Google Plus Username}"><i class="googleplus-ico"></i></a></li>
  694. {/block:IfGooglePlusUsername}
  695. {block:IfInstagramUsername}
  696. <li><a href="http://instagram.com/{text:Instagram Username}"><i class="instagram-ico"></i></a></li>
  697. {/block:IfInstagramUsername}
  698. {block:IfVKUsername}
  699. <li><a href="http://vk.com/{text:VK Username}"><i class="vk-ico"></i></a></li>
  700. {/block:IfVKUsername}
  701. {block:IfYoutubeUsername}
  702. <li><a href="https://www.youtube.com/user/{text:Youtube Username}"><i class="youtube-ico"></i></a></li>
  703. {/block:IfYoutubeUsername}
  704. {block:IfVimeoUsername}
  705. <li><a href="http://vimeo.com/{text:Vimeo Username}"><i class="vimeo-ico"></i></a></li>
  706. {/block:IfVimeoUsername}
  707. {block:IfFlickrUsername}
  708. <li><a href="https://www.flickr.com/photos/{text:Flickr Username}"><i class="flickr-ico"></i></a></li>
  709. {/block:IfFlickrUsername}
  710. {block:IfSoundCloudUsername}
  711. <li><a href="http://soundcloud.com/{text:SoundCloud Username}"><i class="soundcloud-ico"></i></a></li>
  712. {/block:IfSoundCloudUsername}
  713. {block:IfLinkedInUsername}
  714. <li><a href="http://linkedin.com/in/{text:LinkedIn Username}"><i class="linkedin-ico"></i></a></li>
  715. {/block:IfLinkedInUsername}
  716. {block:IfPinterestUsername}
  717. <li><a href="http://pinterest.com/{text:Pinterest Username}"><i class="pinterest-ico"></i></a></li>
  718. {/block:IfPinterestUsername}
  719. {block:IfSpotifyUsername}
  720. <li><a href="http://open.spotify.com/user/{text:Spotify Username}"><i class="spotify-ico"></i></a></li>
  721. {/block:IfSpotifyUsername}
  722. {block:IfDribbbleUsername}
  723. <li><a href="https://dribbble.com/{text:Dribbble Username}"><i class="dribble-ico"></i></a></li>
  724. {/block:IfDribbbleUsername}
  725. {block:IfDeviantArtUsername}
  726. <li><a href="http://{text:DeviantArt Username}.deviantart.com"><i class="deviantart-ico"></i></a></li>
  727. {/block:IfDeviantArtUsername}
  728. {block:IfStumbleUponUsername}
  729. <li><a href="http://stumbleupon.com/stumbler/{text:StumbleUpon Username}"><i class="stumbleupon-ico"></i></a></li>
  730. {/block:IfStumbleUponUsername}
  731. {block:IfBehanceUsername}
  732. <li><a href="http://behance.net/{text:Behance Username}"><i class="behance-ico"></i></a></li>
  733. {/block:IfBehanceUsername}
  734. {block:IfVineUsername}
  735. <li><a href="http://vine.co/{text:Vine Username}"><i class="vine-ico"></i></a></li>
  736. {/block:IfVineUsername}
  737. </ul>
  738. {/block:IfShowSocialLinks}
  739. </div>
  740.  
  741. <main>
  742. {block:IndexPage}
  743. <!-----Header----->
  744. <section class="header">
  745. <div class="header-container">
  746. <div class="header-underlay">
  747. <div class="header-pos">
  748. </div>
  749. </div>
  750. {block:TagPage}
  751. <div class="single-wrapper">
  752. <div class="search-result">
  753. <h3>{lang:Posts tagged Tag}</h3>
  754. </div>
  755. </div>
  756. {/block:TagPage}
  757. {block:SearchPage}
  758. <div class="single-wrapper">
  759. <div class="search-result">
  760. <h3>{lang:Your search for SearchQuery returned SearchResultCount results 2}</h3>
  761. </div>
  762. {block:NoSearchResults}
  763. <h2>{lang:No posts containing SearchQuery 2}</h2>
  764. {/block:NoSearchResults}
  765. </div>
  766. {/block:SearchPage}
  767. <div class="{select:Header Layout} profile">
  768. {block:IfHeaderLogo500x500pxImage}
  769. <div class="{select:Header Layout} portrait">
  770. <img class="logo" src="{image:Header Logo 500x500px}" alt="Logo" />
  771. </div>
  772. {/block:IfHeaderLogo500x500pxImage}
  773. <div class="profile-text-wrapper">
  774. {block:ShowTitle}
  775. <h1 class="prof-title">{Title}</h1>
  776. {/block:ShowTitle}
  777. {block:ShowDescription}
  778. <p class="prof-description">{Description}</p>
  779. {/block:ShowDescription}
  780. {block:IfHeaderWebsiteURL}
  781. <p class="prof-website"><small><a href="{text:Header Website URL}" target="_blank"><i class="fa fa-globe"></i>{text:Header Website URL}</a></small></p>
  782. {/block:IfHeaderWebsiteURL}
  783. </div>
  784. </div>
  785. </div>
  786. </section>
  787. <!--tile Grid-->
  788. <section>
  789. <div class="tile-grid">
  790. {block:IfInstagramID}
  791. <div class="social-feed instagram">
  792. <div class="tile-instagram-wrapper">
  793. <ul id="instagram"></ul>
  794. </div>
  795. </div>
  796. {/block:IfInstagramID}
  797. {block:IfEnableTwitterFeed}
  798. {block:Twitter}
  799. <div class="social-feed twtr">
  800. <div class="tile-text-wrapper text twtr">
  801. <div id="twitter">
  802. <h1>{text:Twitter Feed Title}</h1>
  803. <div id="tweets">
  804. </div>
  805. </div>
  806. <a class="twitter-follow" href="https://twitter.com/{TwitterUsername}" target="_blank"><i class="fa fa-twitter"></i>{lang:Follow on Twitter}</a>
  807. </div>
  808. </div>
  809. {/block:Twitter}
  810. {/block:IfEnableTwitterFeed}
  811. {block:Posts}
  812. <article class="tile-post {PostType} {TagsAsClasses}">
  813. {block:Text}
  814. <div class="tile-wrapper text">
  815. <a href="{Permalink}" title="{lang:Permalink for this post}" class="tile-link text">
  816. <div class="tile-background text">
  817. </div>
  818. </a>
  819. <div class="tile-text-wrapper text">
  820. <a class="tile-title text" href="{Permalink}">{block:Title}<h1>{Title}</h1>{/block:Title}</a>
  821. <div class="tile-content">
  822. {Body}
  823. </div>
  824. {block:IfShowTextAndAudioTilePostType}
  825. <a class="tile-read-more text" href="{Permalink}" title="{lang:Post permalink}">{lang:Text}</a>
  826. {/block:IfShowTextAndAudioTilePostType}
  827. <ul class="t-share-buttons">
  828. <li>{ReblogButton}</li>
  829. <li>{LikeButton}</li>
  830. </ul>
  831. {block:More}{/block:More}
  832. </div>
  833. </div>
  834. {/block:Text}
  835. {block:Photo}
  836. <div class="tile-wrapper photo">
  837. <a href="{Permalink}" title="{lang:Permalink for this post}" class="tile-link">
  838. <div class="tile-background" style="background-image: url('{PhotoURL-HighRes}');">
  839. <img src="{PhotoURL-HighRes}" />
  840. </div>
  841. </a>
  842. <div class="tile-text-wrapper photo">
  843. {block:IfShowVideoAndPhotoTileCaption}
  844. <a class="tile-title photo" href="{Permalink}">{block:Caption}{Caption}{/block:Caption}</a>
  845. {/block:IfShowVideoAndPhotoTileCaption}
  846. {block:IfShowVideoAndPhotoTilePostType}
  847. <a class="tile-read-more photo" href="{Permalink}" title="{lang:Post permalink}"><small>{lang:Photo}</small></a>
  848. {/block:IfShowVideoAndPhotoTilePostType}
  849. <ul class="t-share-buttons">
  850. <li>{ReblogButton}</li>
  851. <li>{LikeButton}</li>
  852. </ul>
  853. {block:More}{/block:More}
  854. </div>
  855. </div>
  856. {/block:Photo}
  857. {block:Photoset}
  858. <div class="tile-wrapper photo">
  859. <a href="{Permalink}" title="{lang:Permalink for this post}" class="tile-link">
  860. <div class="tile-background photoset" {block:Photos}style="background-image: url('{PhotoURL-HighRes}');"{/block:Photos}>
  861. <div class="full-width-photoset">
  862. {Photoset}
  863. </div>
  864. </div>
  865. </a>
  866. <div class="tile-text-wrapper photo photoset">
  867. {block:IfShowVideoAndPhotoTileCaption}
  868. <a class="tile-title photo" href="{Permalink}">{block:Caption}{Caption}{/block:Caption}</a>
  869. {/block:IfShowVideoAndPhotoTileCaption}
  870. {block:IfShowVideoAndPhotoTilePostType}
  871. <a class="tile-read-more photo" href="{Permalink}" title="{lang:Post permalink}"><small>{lang:Photoset}</small></a>
  872. {/block:IfShowVideoAndPhotoTilePostType}
  873. <ul class="t-share-buttons">
  874. <li>{ReblogButton}</li>
  875. <li>{LikeButton}</li>
  876. </ul>
  877. {block:More}{/block:More}
  878. </div>
  879. </div>
  880. {/block:Photoset}
  881. {block:Panorama}
  882. <div class="tile-wrapper photo">
  883. <a href="{Permalink}" title="{lang:Permalink for this post}" class="tile-link">
  884. <div class="tile-background pano" style="background-image: url('{PhotoURL-Panorama}');">
  885. <img src="{PhotoURL-Panorama}" />
  886. </div>
  887. </a>
  888. <div class="tile-text-wrapper photo">
  889. {block:IfShowVideoAndPhotoTileCaption}
  890. <a class="tile-title photo" href="{Permalink}">{block:Caption}{Caption}{/block:Caption}</a>
  891. {/block:IfShowVideoAndPhotoTileCaption}
  892. {block:IfShowVideoAndPhotoTilePostType}
  893. <a class="tile-read-more photo" href="{Permalink}" title="{lang:Post permalink}"><small>{lang:Photo}</small></a>
  894. {/block:IfShowVideoAndPhotoTilePostType}
  895. <ul class="t-share-buttons">
  896. <li>{ReblogButton}</li>
  897. <li>{LikeButton}</li>
  898. </ul>
  899. {block:More}{/block:More}
  900. </div>
  901. </div>
  902. {/block:Panorama}
  903. {block:Video}
  904. <div class="tile-wrapper photo">
  905. <a href="{Permalink}" class="tile-link">
  906. <div class="tile-video-wrapper">
  907. {Video-700}
  908. </div>
  909.  
  910. </a>
  911. <div class="tile-text-wrapper photo video">
  912. {block:IfShowVideoAndPhotoTileCaption}
  913. <a class="tile-title photo" href="{Permalink}">{block:Caption}{Caption}{/block:Caption}</a>
  914. {/block:IfShowVideoAndPhotoTileCaption}
  915. {block:IfShowVideoAndPhotoTilePostType}
  916. <a class="tile-read-more photo" href="{Permalink}" title="{lang:Post permalink}"><small>{lang:Video}</small></a>
  917. {/block:IfShowVideoAndPhotoTilePostType}
  918. <ul class="t-share-buttons">
  919. <li>{ReblogButton}</li>
  920. <li>{LikeButton}</li>
  921. </ul>
  922. {block:More}{/block:More}
  923. </div>
  924. </div>
  925. {/block:Video}
  926. {block:Audio}
  927. <div class="tile-wrapper">
  928. <div class="tile-background audio">
  929. <div class="tile-text-wrapper audio">
  930. <div class="audio-embed">
  931. {block:AudioEmbed}
  932. {AudioEmbed-250}
  933. {/block:AudioEmbed}
  934. </div>
  935. <a class="tile-title audio" href="{Permalink}">{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}<br /></a>
  936. {block:Caption}
  937. <div class="tile-audio-cap">
  938. {Caption}
  939. </div>
  940. {/block:Caption}
  941. {block:IfShowTextAndAudioTilePostType}
  942. <a class="tile-read-more text" href="{Permalink}" title="{lang:Link}" target="_blank">{lang:Audio}</a>
  943. {/block:IfShowTextAndAudioTilePostType}
  944. <ul class="t-share-buttons">
  945. <li>{ReblogButton}</li>
  946. <li>{LikeButton}</li>
  947. </ul>
  948. </div>
  949. </div>
  950. </div>
  951. {/block:Audio}
  952. {block:Link}
  953. <div class="tile-wrapper text">
  954. <a href="{Permalink}" title="{lang:Permalink for this post}" class="tile-link text">
  955. <div class="tile-background text">
  956. </div>
  957. </a>
  958. <div class="tile-text-wrapper text">
  959. <a class="tile-title text" href="{Permalink}"><h1>{Name}</h1></a>
  960. {block:Description}
  961. <p class="tile-body">{Description}</p>
  962. {/block:Description}
  963. <a href="{URL}" target="_blank"><b>Visit Link &rarr;</b></a>
  964. <br />
  965. {block:IfShowTextAndAudioTilePostType}
  966. <a class="tile-read-more text" href="{Permalink}" title="{lang:Link}" target="_blank">{lang:Link}</a>
  967. {/block:IfShowTextAndAudioTilePostType}
  968. <ul class="t-share-buttons">
  969. <li>{ReblogButton}</li>
  970. <li>{LikeButton}</li>
  971. </ul>
  972. {block:More}{/block:More}
  973. </div>
  974. </div>
  975. {/block:Link}
  976. {block:Quote}
  977. <div class="tile-wrapper text">
  978. <a href="{Permalink}" title="{lang:Permalink for this post}" class="tile-link text">
  979. <div class="tile-background text">
  980. </div>
  981. </a>
  982. <div class="tile-text-wrapper text quote">
  983. <a class="tile-title text" href="{Permalink}"><blockquote><h2>&ldquo;{Quote}&rdquo;</h2></blockquote></a>
  984. {block:Source}
  985. <cite><em>-{Source}</em></cite>
  986. {/block:Source}
  987. <ul class="t-share-buttons">
  988. <li>{ReblogButton}</li>
  989. <li>{LikeButton}</li>
  990. </ul>
  991. </div>
  992. </div>
  993. {/block:Quote}
  994. {block:Chat}
  995. <div class="tile-wrapper text">
  996. <a href="{Permalink}" title="{lang:Permalink for this post}" class="tile-link text">
  997. <div class="tile-background text">
  998. </div>
  999. </a>
  1000. <div class="tile-text-wrapper text">
  1001. <a class="tile-title text" href="{Permalink}">{block:Title}<h1>{Title}</h1>{/block:Title}</a>
  1002. <ul class="tile-chat">
  1003. {block:Lines}
  1004. {block:Label}
  1005. <li class="{Alt}"><p><b>{Label}</b> {Line}</p></li>
  1006. {/block:Label}
  1007. {/block:Lines}
  1008. </ul>
  1009. {block:IfShowTextAndAudioTilePostType}
  1010. <a class="tile-read-more text" href="{Permalink}" title="{lang:Post permalink}">{lang:Chat}</a>
  1011. {/block:IfShowTextAndAudioTilePostType}
  1012. <ul class="t-share-buttons">
  1013. <li>{ReblogButton}</li>
  1014. <li>{LikeButton}</li>
  1015. </ul>
  1016. </div>
  1017. </div>
  1018. {/block:Chat}
  1019. {block:Answer}
  1020. <div class="tile-wrapper text">
  1021. <a href="{Permalink}" title="{lang:Permalink for this post}" class="tile-link text">
  1022. <div class="tile-background text">
  1023. </div>
  1024. </a>
  1025. <div class="tile-text-wrapper text">
  1026. <div class="asker-wrapper">
  1027. <a class="tile-title text asker" href="{Permalink}"><img class="asker-avatar" src="{AskerPortraitURL-96}" alt="Asker Avatar" /></a>
  1028. <div class="asker">
  1029. {lang:Asker asked 2}: <p>{Question}</p>
  1030. </div>
  1031. </div>
  1032. <div class="ask-divide"></div>
  1033. {block:Answerer}
  1034. <div class="answerer-wrapper">
  1035. <a class="tile-title text answerer" href="{Permalink}"><img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="Answerer Avatar"></a>
  1036. <div class="answerer">
  1037. {Answerer} {lang:Replies}: {Answer}
  1038. </div>
  1039. </div>
  1040. {/block:Answerer}
  1041. <div class="replies-wrapper">
  1042. <div class="replies">
  1043. {Replies}
  1044. </div>
  1045. </div>
  1046. {block:IfShowTextAndAudioTilePostType}
  1047. <a class="tile-read-more text" href="{Permalink}" title="{lang:Post permalink}">{lang:Answer}</a>
  1048. {/block:IfShowTextAndAudioTilePostType}
  1049. <ul class="t-share-buttons">
  1050. <li>{ReblogButton}</li>
  1051. <li>{LikeButton}</li>
  1052. </ul>
  1053. </div>
  1054. </div>
  1055. {/block:Answer}
  1056. </article>
  1057. {/block:Posts}
  1058. </div>
  1059. {block:Pagination}
  1060. <div class="pagi-bar">
  1061. <div class="btn-pagi next">
  1062. {block:NextPage}
  1063. <a href="{NextPage}">Load More</a>
  1064. {/block:NextPage}
  1065. </div>
  1066. </div>
  1067. {/block:Pagination}
  1068. </section>
  1069. {/block:IndexPage}
  1070.  
  1071. {block:PermalinkPage}
  1072. <div class="single-page">
  1073. <div class="single-page-bg">
  1074. </div>
  1075. {block:Posts}
  1076. <div class="single-wrapper">
  1077. <article>
  1078. {block:Text}
  1079. <div class="single-intro">
  1080. <div class="single-title">
  1081. {block:Title}
  1082. <h1>{Title}</h1>
  1083. {/block:Title}
  1084. </div>
  1085. {block:IfPostPageShowDate}
  1086. <p class="single-date"><small>{block:Date}{lang:Posted on Month DayOfMonth Year}{/block:Date}</small></p>
  1087. {/block:IfPostPageShowDate}
  1088. </div>
  1089. <div class="single-content">
  1090. {Body}
  1091. </div>
  1092. {/block:Text}
  1093. {block:Photo}
  1094. <div class="single-caption">
  1095. {block:Caption}
  1096. {Caption}
  1097. {/block:Caption}
  1098. </div>
  1099. <div class="single-intro">
  1100. {block:IfPostPageShowDate}
  1101. <p class="single-date"><small>{block:Date}{lang:Posted on Month DayOfMonth Year}{/block:Date}</small></p>
  1102. {/block:IfPostPageShowDate}
  1103. </div>
  1104. <div class="single-content">
  1105. <img id="photo_{PostID}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1106. <script class="inline_embed" type="text/javascript">
  1107. var domain = document.domain,
  1108. photo_{PostID} = [{
  1109. "width": "{PhotoWidth-HighRes}",
  1110. "height": "{PhotoHeight-HighRes}",
  1111. "low_res": "{PhotoURL-250}",
  1112. "high_res": "{PhotoURL-HighRes}"
  1113. }];
  1114.  
  1115. function event_is_alt_key(e) {
  1116. return ((!e && window.event && (window.event.metaKey || window.event.altKey)) || (e && (e.metaKey || e.altKey)));
  1117. };
  1118.  
  1119. document.getElementById('photo_{PostID}').onclick = function (e) {
  1120. if (event_is_alt_key(e)) return true;
  1121. window.parent.Tumblr.Lightbox.init(photo_{PostID});
  1122. return false;
  1123. }
  1124. </script>
  1125.  
  1126. </div>
  1127. {/block:Photo}
  1128. {block:Photoset}
  1129. <div class="single-caption">
  1130. {block:Caption}
  1131. {Caption}
  1132. {/block:Caption}
  1133. </div>
  1134. <div class="single-intro">
  1135. {block:IfPostPageShowDate}
  1136. <p class="single-date"><small>{block:Date}{lang:Posted on Month DayOfMonth Year}{/block:Date}</small></p>
  1137. {/block:IfPostPageShowDate}
  1138. </div>
  1139. <div class="single-content">
  1140. {Photoset}
  1141. </div>
  1142. {/block:Photoset}
  1143. {block:Panorama}
  1144. <div class="single-caption">
  1145. {block:Caption}
  1146. {Caption}
  1147. {/block:Caption}
  1148. </div>
  1149. <div class="single-intro">
  1150. {block:IfPostPageShowDate}
  1151. <p class="single-date"><small>{block:Date}{lang:Posted on Month DayOfMonth Year}{/block:Date}</small></p>
  1152. {/block:IfPostPageShowDate}
  1153. </div>
  1154. <div class="single-content">
  1155. {LinkOpenTag}
  1156. <img id="photo_{PostID}" src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  1157. {LinkCloseTag}
  1158. </div>
  1159. {/block:Panorama}
  1160. {block:Video}
  1161. <div class="single-caption">
  1162. {block:Caption}
  1163. {Caption}
  1164. {/block:Caption}
  1165. </div>
  1166. <div class="single-intro">
  1167. {block:IfPostPageShowDate}
  1168. <p class="single-date"><small>{block:Date}{lang:Posted on Month DayOfMonth Year}{/block:Date}</small></p>
  1169. {/block:IfPostPageShowDate}
  1170. </div>
  1171. <div class="single-content">
  1172. <div class="single-video-wrapper">
  1173. {Video-700}
  1174. </div>
  1175. </div>
  1176. {/block:Video}
  1177. {block:Audio}
  1178. <div class="single-caption">
  1179. {block:Caption}
  1180. {Caption}
  1181. {/block:Caption}
  1182. </div>
  1183. <div class="single-intro">
  1184. {block:IfPostPageShowDate}
  1185. <p class="single-date"><small>{block:Date}{lang:Posted on Month DayOfMonth Year}{/block:Date}</small></p>
  1186. {/block:IfPostPageShowDate}
  1187. </div>
  1188. <div class="single-content">
  1189. <div class="single-audio-wrapper">
  1190. {block:AudioEmbed}
  1191. {AudioEmbed-640}
  1192. {/block:AudioEmbed}
  1193. </div>
  1194. </div>
  1195. {/block:Audio}
  1196. {block:Link}
  1197. <div class="single-intro">
  1198. <div class="single-title">
  1199. <h1>{Name}</h1>
  1200. </div>
  1201. {block:IfPostPageShowDate}
  1202. <p class="single-date"><small>{block:Date}{lang:Posted on Month DayOfMonth Year}{/block:Date}</small></p>
  1203. {/block:IfPostPageShowDate}
  1204. </div>
  1205. <div class="single-content">
  1206. {block:Description}
  1207. {Description}
  1208. {/block:Description}
  1209. <a href="{URL}" target="_blank">{lang:Link} &rarr; {URL}</a>
  1210. </div>
  1211. {/block:Link}
  1212. {block:Quote}
  1213. <div class="single-intro">
  1214. {block:IfPostPageShowDate}
  1215. <p class="single-date"><small>{block:Date}{lang:Posted on Month DayOfMonth Year}{/block:Date}</small></p>
  1216. {/block:IfPostPageShowDate}
  1217. <div class="single-quote">
  1218. <blockquote><h2>&ldquo;{Quote}&rdquo;</h2></blockquote>
  1219. {block:Source}
  1220. <cite><em>-{Source}</em></cite>
  1221. {/block:Source}
  1222. </div>
  1223. </div>
  1224. {/block:Quote}
  1225. {block:Chat}
  1226. <div class="single-intro">
  1227. <div class="single-title">
  1228. {block:Title}
  1229. <h1>{Title}</h1>
  1230. {/block:Title}
  1231. </div>
  1232. {block:IfPostPageShowDate}
  1233. <p class="single-date"><small>{block:Date}{lang:Posted on Month DayOfMonth Year}{/block:Date}</small></p>
  1234. {/block:IfPostPageShowDate}
  1235. </div>
  1236. <ul class="single-chat">
  1237. {block:Lines}
  1238. {block:Label}
  1239. <li class="{Alt}"><p><b>{Label}</b> {Line}</p></li>
  1240. {/block:Label}
  1241. {/block:Lines}
  1242. </ul>
  1243. {/block:Chat}
  1244. {block:Answer}
  1245. <div class="single-intro">
  1246. {block:IfPostPageShowDate}
  1247. <p class="single-date"><small>{block:Date}{lang:Posted on Month DayOfMonth Year}{/block:Date}</small></p>
  1248. {/block:IfPostPageShowDate}
  1249. </div>
  1250. <div class="single-content ask">
  1251. <a class="single tile-title text" href="{Permalink}"><img class="single asker-avatar" src="{AskerPortraitURL-96}" alt="Asker Avatar" /></a>
  1252. <div class="single asker">
  1253. {Asker} asked:
  1254. </div>
  1255. <p>{Question}</p>
  1256. <div class="ask-divide"></div>
  1257. {block:Answerer}
  1258. <a class="single tile-title text" href="{Permalink}"><img class="single answerer-avatar" src="{AnswererPortraitURL-96}" alt="Answerer Avatar"></a>
  1259. <div class="single answerer">
  1260. {Answerer} replies:
  1261. </div>
  1262. {Answer}
  1263. {/block:Answerer}
  1264. <div class="single replies">
  1265. {Replies}
  1266. </div>
  1267. </div>
  1268. {/block:Answer}
  1269. </article>
  1270. {block:Date}
  1271. {block:IfPostPageShowAuthor}
  1272. <div class="author">
  1273. <img src="{PortraitURL-128}" alt="Author" />
  1274. <p class="post-by"><small>{lang:Posted by PostAuthorName 2}</small></p>
  1275. </div>
  1276. {/block:IfPostPageShowAuthor}
  1277. {/block:Date}
  1278. {block:Date}
  1279. {block:IfPostPageShowSocialSharing}
  1280. <div class="sharing-wrapper">
  1281. <ul class="social-sharing">
  1282. <li class="t-share">{LikeButton color="grey"}</li>
  1283. <li class="t-share">{ReblogButton color="grey"}</li>
  1284. <li><a href="http://www.facebook.com/share.php?u={ShortURL}" title="{lang:Share this}" target="_blank"><i class="facebook-share"></i></a></li>
  1285. <li><a href="https://twitter.com/intent/tweet?url={ShortURL}" title="{lang:Tweet this}" target="_blank"><i class="twitter-share"></i></a></li>
  1286. <li><a href="https://plus.google.com/share?url={ShortURL}" title="Share on Google Plus" target="_blank"><i class="googleplus-share"></i></a></li>
  1287. <li><a href="//www.pinterest.com/pin/create/button/?url={ShortURL}" title="Pin It" target="_blank"><i class="pinterest-share"></i></a></li>
  1288. </ul>
  1289. </div>
  1290. {/block:IfPostPageShowSocialSharing}
  1291. {/block:Date}
  1292. {block:IfPostPageShowTags}
  1293. {block:HasTags}
  1294. <ul class="post-tags">
  1295. <p>Tagged: </p>
  1296. {block:Tags}
  1297. <li><a href="{TagURLChrono}">#{Tag} </a></li>
  1298. {/block:Tags}
  1299. </ul>
  1300. {/block:HasTags}
  1301. {/block:IfPostPageShowTags}
  1302. {block:IfPostPageShowNotes}
  1303. {block:PostNotes}
  1304. <div class="post-notes">
  1305. {PostNotes-16}
  1306. </div>
  1307. {/block:PostNotes}
  1308. {/block:IfPostPageShowNotes}
  1309. {block:IfPostPageShowDisqus}
  1310. {block:Date}
  1311. {block:IfDisqusShortname}
  1312. <div id="disqus_thread"></div>
  1313. <noscript>
  1314. Javascript must be enabled in your browser to view <a href="http://disqus.com/?ref_noscript">{lang:Blog comments powered by Disqus}</a>
  1315. </noscript>
  1316. {/block:IfDisqusShortname}
  1317. {/block:Date}
  1318. {/block:IfPostPageShowDisqus}
  1319. {block:PermalinkPagination}
  1320. <div class="perma-pagi-bar">
  1321. <div class="btn-perma-pagi prev">
  1322. {block:PreviousPost}
  1323. <a href="{PreviousPost}"><i class="fa fa-angle-left"></i><h2>{lang:Previous post}</h2></a>
  1324. {/block:PreviousPost}
  1325. </div>
  1326. <div class="btn-perma-pagi next">
  1327. {block:NextPost}
  1328. <a href="{NextPost}"><h2>{lang:Next post}</h2><i class="fa fa-angle-right"></i></a>
  1329. {/block:NextPost}
  1330. </div>
  1331. </div>
  1332. {/block:PermalinkPagination}
  1333. </div>
  1334. {/block:Posts}
  1335. </div>
  1336. {/block:PermalinkPage}
  1337. </main>
  1338.  
  1339. <footer class="bottom-footer">
  1340. <p class="footer-message">{text:Footer Message}</p>
  1341. <p class="copyright">{text:Copyright Text}</p>
  1342. <a class="back-to-top" href='#'><i class="fa fa-angle-up"></i></a>
  1343. <a href="http://artistic-influence.tumblr.com/" target="_blank" class="creation">Creation by Artistic Influence</a>
  1344. </footer>
  1345.  
  1346. <!-- close the off-canvas menu -->
  1347. <a class="exit-off-canvas"></a>
  1348.  
  1349. </div>
  1350. </div>
  1351. <script src="http://static.tumblr.com/vppzax2/9rknjy0ic/jquery.js"></script>
  1352. <script src="http://static.tumblr.com/vppzax2/Sftnjyn7k/jquery.infinitescroll.min.js"></script>
  1353. <script src="http://static.tumblr.com/cmghtlm/HQbniayh6/jqinstapics.min.js"></script>
  1354. <script src="http://static.tumblr.com/vppzax2/MhHnjy0gi/foundation.min.js"></script>
  1355.  
  1356. <script>
  1357. $(document).foundation();
  1358.  
  1359. //Instagram Feed
  1360. {block:IfInstagramID}
  1361. $("#instagram").jqinstapics({
  1362. "user_id": "{text:Instagram ID}",
  1363. "access_token": "{text:Instagram Token}",
  1364. "count": 10
  1365. });
  1366. {/block:IfInstagramID}
  1367.  
  1368. //infinite scroll
  1369. {block:IfInfiniteScroll}
  1370. (function () {
  1371. var $tilegrid = $('.tile-grid');
  1372. $tilegrid.infinitescroll({
  1373. navSelector: ".pagi-bar",
  1374. nextSelector: ".btn-pagi.next a",
  1375. itemSelector: ".tile-post",
  1376. loading: {
  1377. finishedMsg: '{lang:No more posts}',
  1378. img: 'http://static.tumblr.com/cmghtlm/zWPnh0xhe/ajax-loader.gif',
  1379. msgText: ''
  1380. }
  1381. },
  1382. function (newElements) {
  1383. var $newElems = $(newElements).css({
  1384. opacity: 1
  1385. });
  1386. resizePhotosets();
  1387. });
  1388. })();
  1389. {/block:IfInfiniteScroll}
  1390.  
  1391. {block:IfNotInfiniteScroll}
  1392. //Load More Twitter Style
  1393. (function () {
  1394. var $tilegrid = $('.tile-grid');
  1395. $tilegrid.infinitescroll({
  1396. navSelector: ".pagi-bar",
  1397. nextSelector: ".btn-pagi.next a",
  1398. itemSelector: ".tile-post",
  1399. behavior: 'twitter',
  1400. loading: {
  1401. finishedMsg: '{lang:No more posts}',
  1402. img: 'http://static.tumblr.com/cmghtlm/zWPnh0xhe/ajax-loader.gif',
  1403. msgText: ''
  1404. }
  1405. },
  1406. function (newElements) {
  1407. var $newElems = $(newElements).css({
  1408. opacity: 1
  1409. });
  1410. resizePhotosets();
  1411. });
  1412. })();
  1413. {/block:IfNotInfiniteScroll}
  1414.  
  1415. //Responsive Photoset
  1416. function resizePhotosets(){
  1417. var parentWidth = document.body.querySelector('.html_photoset').offsetWidth;
  1418. var photosets = document.body.querySelectorAll('iframe.photoset');
  1419. for(var i = 0; i < photosets.length; ++i){
  1420. var photoset = photosets[i];
  1421. photoset.width = parentWidth;
  1422. }
  1423. }
  1424. window.onload = resizePhotosets;
  1425. window.onresize = resizePhotosets;
  1426.  
  1427. //Search Form enter to submit
  1428. function send() {
  1429. document.searchform.submit()
  1430. }
  1431.  
  1432. //Disqus Comments
  1433. var disqus_shortname = '{text:Disqus Shortname}';
  1434. var disqus_url = '{Permalink}';
  1435.  
  1436. (function() {
  1437. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1438. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1439. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1440. })();
  1441. {/block:PermalinkPage}
  1442.  
  1443. //Back to top button
  1444. $(document).ready(function(){
  1445. //Click event to scroll to top
  1446. $('.back-to-top').click(function(){
  1447. $('html, body').animate({scrollTop : 0},800);
  1448. return false;
  1449. });
  1450.  
  1451. });
  1452.  
  1453. </script>
  1454.  
  1455. {block:Twitter}
  1456. <script type="text/javascript">
  1457. function recent_tweets(data) {
  1458. for (i=0; i < 2; i++) {
  1459. document.getElementById("tweets").innerHTML =
  1460. document.getElementById("tweets").innerHTML +
  1461. '<a href="http://twitter.com/{TwitterUsername}/status/' +
  1462. (data[i].id_str ? data[i].id_str : data[i].id) +
  1463. '" " target="_blank"><p>' + data[i].text +
  1464. '</p></a>';
  1465. }
  1466. document.getElementById("twitter").style.display = 'block';
  1467. }
  1468. </script>
  1469. <script type="text/javascript" src="/tweets.js"></script>
  1470. {/block:Twitter}
  1471.  
  1472. </body>
  1473. </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!