API tools faq
paste
Advertisement
feiinho

Glossy Mag by Pascal Lessard

feiinho
Jan 30th, 2018
344
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><!--Endless scroll *does* work. Look at my demo page !-->
  2. <!--[if IE 8]><html class="lt-ie10 lt-ie9"><![endif]-->
  3. <!--[if IE 9]><html class="lt-ie10"><![endif]-->
  4. <!--[if IE 10]><html><![endif]-->
  5. <head>
  6. <!-- Theme Name: Glossy Mag v1.3.9 2016-04-02
  7. By: Pascal Lessard -->
  8. <meta charset="UTF-8"/>
  9. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <title>{Title}{block:PostSummary} &bull; {PostSummary}{/block:PostSummary}{block:SearchPage} &bull; {lang:Search results for SearchQuery}{/block:SearchPage}{block:TagPage} &bull; Posts tagged with &lsquo;{Tag}&rsquo;{/block:TagPage}</title>
  12. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  13. <link rel="preload" href="{image:Background Image}" as="image">
  14. <link rel="stylesheet" href="//static.tumblr.com/6mlorgm/pT0o50k9x/glossymag139.css"/>
  15. <link rel="stylesheet" href="//cdn.jsdelivr.net/fontawesome/latest/css/font-awesome.min.css"/>
  16. <link rel="stylesheet" href="//fonts.googleapis.com/css?family={select:Post font}:400,700,700italic,900,900italic,400italic,300"/>
  17. <link rel="stylesheet" href="//fonts.googleapis.com/css?family={select:Sidebar font}:400,700,700italic,900,900italic,400italic,300"/>
  18. <link rel="stylesheet" href="//fonts.googleapis.com/css?family={select:Title font}:400,700,700italic,900,900italic,400italic,300"/>
  19. <!--[if lt IE 9]><script src="//static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script><![endif]-->
  20. <script src="//static.tumblr.com/6mlorgm/FXJo4aur3/js.js"></script>
  21. {block:IfEndlessScrolling}<script src="//cdn.jsdelivr.net/g/jquery.infinitescroll"></script>
  22. {block:IfEndlessScrollingTrigger}<script src="//static.tumblr.com/zdvilra/btsniu93y/manual-trigger.js"></script>{/block:IfEndlessScrollingTrigger}{/block:IfEndlessScrolling}{block:Hidden}<meta name="color:Blog background color" content="#eeeeee"/><meta name="if:Repeat Background" content="1"/><meta name="image:Background image" content=""/><meta name="color:Sidebar background color" content="#213f52"/><meta name="select:Sidebar background opacity" content="1" title="100%"/><meta name="select:Sidebar background opacity" content="0.9" title="90%"/><meta name="select:Sidebar background opacity" content="0.8" title="80%"/><meta name="select:Sidebar background opacity" content="0.7" title="70%"/><meta name="select:Sidebar background opacity" content="0.6" title="60%"/><meta name="select:Sidebar background opacity" content="0.5" title="50%"/><meta name="select:Sidebar background opacity" content="0.4" title="40%"/><meta name="select:Sidebar background opacity" content="0.3" title="30%"/><meta name="select:Sidebar background opacity" content="0.2" title="20%"/><meta name="select:Sidebar background opacity" content="0.1" title="10%"/><meta name="color:Sidebar font color" content="#dcecf5"/><meta name="select:Sidebar font" content="Arial" title="Arial"/><meta name="select:Sidebar font" content="Cabin" title="Cabin"/><meta name="select:Sidebar font" content="Droid Serif" title="Droid Serif"/><meta name="select:Sidebar font" content="Georgia" title="Georgia"/><meta name="select:Sidebar font" content="Lato" title="Lato"/><meta name="select:Sidebar font" content="Merriweather" title="Merriweather"/><meta name="select:Sidebar font" content="Open Sans" title="Open Sans"/><meta name="select:Sidebar font" content="PT Sans" title="PT Sans"/><meta name="select:Sidebar font" content="Raleway" title="Raleway"/><meta name="select:Sidebar font" content="Roboto Slab" title="Roboto Slab"/><meta name="select:Sidebar font" content="Roboto" title="Roboto"/><meta name="select:Sidebar font" content="Source Sans Pro" title="Source Sans Pro"/><meta name="select:Sidebar font" content="Varela Round" title="Varela Round"/><meta name="select:Sidebar font" content="Varela" title="Varela"/><meta name="select:Sidebar font" content="Vollkorn" title="Volkorn"/><meta name="select:Sidebar font" content="Yanone Kaffeesatz" title="Yanone Kaffeesatz"/><meta name="color:Sidebar toolbar infotext color" content="#ffffff"/><meta name="color:Sidebar search border on focus" content="#102029"/><meta name="image:Sidebar portrait" content=""/><meta name="if:Show archive page" content="1"/><meta name="if:Show feed page" content="1"/><meta name="if:Show random post" content="1"/><meta name="if:Show posts I like" content="0"/><meta name="if:Do not show page link icon" content="0"/><meta name="if:Show people I follow" content="1"/><meta name="color:Post background color" content="#FFF"/><meta name="select:Post background opacity" content="1" title="100%"/><meta name="select:Post background opacity" content="0.9" title="90%"/><meta name="select:Post background opacity" content="0.8" title="80%"/><meta name="select:Post background opacity" content="0.7" title="70%"/><meta name="select:Post background opacity" content="0.6" title="60%"/><meta name="select:Post background opacity" content="0.5" title="50%"/><meta name="select:Post background opacity" content="0.4" title="40%"/><meta name="select:Post background opacity" content="0.3" title="30%"/><meta name="select:Post background opacity" content="0.2" title="20%"/><meta name="select:Post background opacity" content="0.1" title="10%"/><meta name="color:Post font color" content="#000"/><meta name="text:Text size" content="14px"/><meta name="color:Tags color" content="#666"/><meta name="select:Post font" content="Alegreya" title="Alegreya"/><meta name="select:Post font" content="Amiri" title="Amiri"/><meta name="select:Post font" content="Arvo" title="Arvo"/><meta name="select:Post font" content="Cabin" title="Cabin"/><meta name="select:Post font" content="Fira Sans" title="Fira Sans"/><meta name="select:Post font" content="Fjord One" title="Fjord One"/><meta name="select:Post font" content="Lancelot" title="Lancelot"/><meta name="select:Post font" content="Lato:700" title="Lato"/><meta name="select:Post font" content="Lora" title="Lora"/><meta name="select:Post font" content="Mandali" title="Mandali"/><meta name="select:Post font" content="Merriweather Sans" title="Merriweather Sans"/><meta name="select:Post font" content="Merriweather" title="Merriweather"/><meta name="select:Post font" content="Montserrat" title="Montserrat"/><meta name="select:Post font" content="Noto Sans" title="Noto Sans"/><meta name="select:Post font" content="Open Sans" title="Open Sans"/><meta name="select:Post font" content="Palanquin" title="Palanquin"/><meta name="select:Post font" content="Raleway" title="Raleway"/><meta name="select:Post font" content="Rosario" title="Rosario"/><meta name="select:Post font" content="Sorts Mill Goudy" title="Sorts Mill Goudy"/><meta name="select:Post font" content="Source Sans Pro" title="Source Sans Pro"/><meta name="select:Post font" content="Source Serif Pro" title="Source Serif Pro"/><meta name="select:Post font" content="Ubuntu" title="Ubuntu"/><meta name="select:Post font" content="Varela Round" title="Varela Round"/><meta name="text:Title size" content="160%"/><meta name="select:Title font" content="Alegreya Sans" title="Alegreya Sans"/><meta name="select:Title font" content="Amatic SC" title="Amatic SC"/><meta name="select:Title font" content="Architects Daughter" title="Architects Daughter"/><meta name="select:Title font" content="Bangers" title="Bangers"/><meta name="select:Title font" content="Bubblegum Sans" title="Bubblegum Sans"/><meta name="select:Title font" content="Ceviche One" title="Ceviche One"/><meta name="select:Title font" content="Courgette" title="Courgette"/><meta name="select:Title font" content="Domine" title="Domine"/><meta name="select:Title font" content="Fredericka the Great" title="Fredericka the Great"/><meta name="select:Title font" content="Gochi Hand" title="Gochi Hand"/><meta name="select:Title font" content="Indie Flower" title="Indie Flower"/><meta name="select:Title font" content="Itim" title="Itim"/><meta name="select:Title font" content="Knewave" title="Knewave"/><meta name="select:Title font" content="Lato:900" title="Lato"/><meta name="select:Title font" content="Lobster" title="Lobster"/><meta name="select:Title font" content="Montserrat" title="Montserrat"/><meta name="select:Title font" content="Oregano" title="Oregano"/><meta name="select:Title font" content="Patua One" title="Patua One "/><meta name="select:Title font" content="Permanent Marker" title="Permanent Marker"/><meta name="select:Title font" content="Roboto" title="Roboto"/><meta name="select:Title font" content="Rock Salt" title="Rock Salt"/><meta name="select:Title font" content="Shadows Into Light" title="Shadows Into Light"/><meta name="color:Zoom icon color" content="#427ea3"/><meta name="select:Layout type" content="one-column" title="One column"/><meta name="select:Layout type" content="two-column" title="Two column"/><meta name="select:Layout type" content="three-column" title="Three column"/><meta name="if:Endless scrolling" content="0"/><meta name="if:Endless scrolling trigger" content="1"/><meta name="if:Hide captions" content="0"/><meta name="if:Date format Time Ago" content="0"/><meta name="if:Navigation arrows are sidebar font or toolbar infotext color" content="0"/><meta name="text:Tag 1" content=""/><meta name="text:Tag 2" content=""/><meta name="text:Tag 3" content=""/><meta name="text:Tag 4" content=""/><meta name="text:Tag 5" content=""/><meta name="text:Tag 6" content=""/><meta name="text:Tag 7" content=""/><meta name="text:Tag 8" content=""/><meta name="text:Tag 9" content=""/><meta name="text:Tag 10" content=""/><meta name="text:Tag 11" content=""/><meta name="text:Tag 12" content=""/><meta name="text:Tag 13" content=""/><meta name="text:Tag 14" content=""/><meta name="text:Tag 15" content=""/><meta name="text:Behance URL" content=""/><meta name="text:DeviantArt URL" content=""/><meta name="text:Disqus shortname" content=""/><meta name="text:Dribbble URL" content=""/><meta name="text:Facebook URL" content=""/><meta name="text:Flickr URL" content=""/><meta name="text:Flickr ID" content=""/><meta name="text:Flickr limit" content="6"/><meta name="text:GitHub URL" content=""/><meta name="text:Google Plus URL" content=""/><meta name="text:Google analytics ID" content=""/><meta name="text:H site URL" content=""/><meta name="text:H site name" content=""/><meta name="text:Instagram URL" content=""/><meta name="text:Instagram user content to display" content=""/><meta name="text:Instagram access permission" content=""/><meta name="text:Instagram photo count" content="6"/><meta name="text:LinkedIn URL" content=""/><meta name="text:Pinterest URL" content=""/><meta name="text:SoundCloud URL" content=""/><meta name="text:Spotify URL" content=""/><meta name="text:Tumblr URL" content=""/><meta name="text:Tumblr blog name" content=""/><meta name="text:Twitter ID" content=""/><meta name="text:Vimeo URL" content=""/><meta name="text:WebSite URL" content=""/><meta name="text:Website name" content=""/><meta name="text:X site URL" content=""/><meta name="text:X site name" content=""/><meta name="text:Youtube URL" content=""/><meta name="text:Wordpress URL" content=""/><meta name="text:Extra scripts" content=""/>{/block:Hidden}
  23. <link rel="shortcut icon" href="{Favicon}"/>
  24. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}"/>
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  26. <style>
  27. /* Fonts */
  28. a h1.title,h2,.link-text,.question-container,.signature,.odd .label,.even .label,.quotedtext,.sezwho:first-line,.sezwho p:first-of-type:first-line{font-family:"{select:Title font}",sans-serif}
  29. h2,.link-text,.quotedtext,.sezwho:first-line,.sezwho p:first-of-type:first-line{font-size:{text:Title size}}
  30. body{font-family:"{select:Post font}",sans-serif;font-size:{text:Text size}}
  31. .sideBar{font-family:"{select:Sidebar font}",sans-serif}
  32. /* Color */
  33. a,.quotedtext::before,.quotedtext::after,.signature{color:{AccentColor}}
  34. .link-container{background-color:rgba({RGBAccentColor},0.8)}
  35. .question-container,.odd{background-color:rgba({RGBAccentColor},0.1)}
  36. blockquote,.post-notes ol.notes blockquote{border-color:rgba({RGBAccentColor},0.5)}
  37. body{color:{color:Post font color}}
  38. article{background-color:rgba({RGBcolor:Post background color},{select:Post background opacity})}
  39. .sideBar,a#prev,a#next,a#scrollup{background-color:rgba({RGBcolor:Sidebar background color},{select:Sidebar background opacity})}
  40. .sideBar,.input-label::before,.input-label::after{color:{color:Sidebar font color}}
  41. .sideBar hr,#instafeed img,.thumbs li{background-color:{color:Sidebar font color}}
  42. .sideBar hr,ul.followed li{border-color:{color:Sidebar font color}}
  43. .input-label::after{border-color:{color:Sidebar search border on focus}}
  44. #sidebar-toolbar li:hover span{color:{color:Sidebar toolbar infotext color}}
  45. .post-bar,.tags-container,.post-notes ol.notes li.like::after,.post-notes ol.notes li.reblog::after,.post-notes ol.notes li.reply::after,.post-notes ol.notes li.answer::after,.post-notes ol.notes li.original_post::after,.info{color:{color:Tags color}}
  46. .zoom-one,.zoom-icon{background-color:{color:Zoom icon color}}
  47. /* Conditions */
  48. .bg{{block:IfNotBackgroundImageImage}background-color:{color:Blog background color};{/block:IfNotBackgroundImageImage}{block:IfBackgroundImageImage}background:url("{image:Background Image}") {block:IfRepeatBackground}repeat top left;background-size:auto !important{/block:IfRepeatBackground}{/block:IfBackgroundImageImage}}
  49. #container{ {block:IndexPage}opacity:0;transition:opacity 0.5s ease;{/block:IndexPage}{block:PermalinkPage}padding:20px 0 100px 0{/block:PermalinkPage} }
  50. article,.two-column article,.one-column article{ {block:PermalinkPage}right:0;left:0;overflow:visible;width:60%;max-width:none;margin:50px auto{/block:PermalinkPage} }
  51. .avatar-img{background:url({Favicon})}
  52. .pageicon{ {block:IfDoNotShowPageLinkIcon}opacity:0;font-size:0%{/block:IfDoNotShowPageLinkIcon} }
  53. .pagination{ {block:IndexPage}{block:IfEndlessScrolling}{block:IfEndlessScrollingTrigger}width:50px !important;{/block:IfEndlessScrollingTrigger}{/block:IfEndlessScrolling}{/block:IndexPage} }
  54. a#prev,a#next,a#scrollup{color:{color:Sidebar toolbar infotext color};{block:ifNavigationarrowsaresidebarfontortoolbarinfotextcolor}color:{color:Sidebar font color};{/block:ifNavigationarrowsaresidebarfontortoolbarinfotextcolor} }
  55. a#next{ {block:IndexPage}{block:IfEndlessScrolling} opacity:0;{block:IfEndlessScrollingTrigger}opacity:1;-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);{/block:IfEndlessScrollingTrigger}{/block:IfEndlessScrolling}{/block:IndexPage} }
  56. {block:IndexPage}{block:IfHidecaptions}.hideCaption{display:none !important}{/block:IfHidecaptions}{/block:IndexPage}
  57. /* Media conditions */
  58. @media (max-width:1000px){article,.two-column article,.one-column article{ {block:PermalinkPage}right:0;left:0;overflow:visible;width:90%;max-width:none;margin:50px auto{/block:PermalinkPage} } }
  59. @media (max-width:50rem){article,.two-column article,.one-column article{ {block:PermalinkPage}margin:30px auto{/block:PermalinkPage} } }
  60. {CustomCSS}
  61. </style>
  62. </head>
  63. <body><div class="bg"></div>
  64. <div class="sideBar">
  65. {block:ifSidebarPortraitimage}<a class="bump" href="{BlogURL}"><div class="portraitimage"><img src="{image:Sidebar portrait}" alt="{title}"/></div></a>{/block:ifSidebarPortraitimage}{block:ifnotSidebarPortraitimage}{block:ShowAvatar}<a class="bump" href="{BlogURL}"><div class="avatar-img {AvatarShape}"></div></a>{/block:ShowAvatar}{/block:ifnotSidebarPortraitimage}{block:ShowTitle}<a class="bump" href="{BlogURL}"><h1 class="title description">{Title}</h1></a>{/block:ShowTitle}{block:ShowDescription}<p class="description">{Description}</p>{/block:ShowDescription}<hr><div id="sidebar-toolbar"><ul><div class="submenu"><li><div id="submenuactivator"><i class="fa fa-bars fa-lg"></i></div></li></div>{block:AskEnabled}<li><a href="/ask"><i class="fa fa-envelope fa-lg"></i><span>{AskLabel}</span></a></li>{/block:AskEnabled}{block:SubmissionsEnabled}<li><a href="/submit"><i class="fa fa-cloud-upload fa-lg"></i><span>{SubmitLabel}</span></a></li>{/block:SubmissionsEnabled}{block:IfShowArchivePage}<li><a href="/archive"><i class="fa fa-archive fa-lg"></i><span>{lang:Archive}</span></a></li>{/block:IfShowArchivePage}{block:IfShowFeedPage}<li><a href="{RSS}"><i class="fa fa-rss fa-lg"></i><span>{lang:Feed}</span></a></li>{/block:IfShowFeedPage}{block:IfShowRandomPost}<li><a href="/random"><i class="fa fa-random fa-lg"></i><span>{lang:Random}</span></a></li>{/block:IfShowRandomPost}</ul></div><hr>
  66. <div id="submenucontent" role="navigation"><div class="menu"><ul>{block:HasPages}{block:Pages}<li><a href="{URL}" {Target}><span class="pageicon"><i class="fa fa-link"></i></span><span>{Label}</span></a></li>{/block:Pages}</ul><ul>{/block:HasPages}{block:IfTag1}<li><a href="{BlogURL}tagged/{text:Tag 1}"><i class="fa fa-slack"></i><span>{text:Tag 1}</span></a></li>{/block:IfTag1}{block:IfTag2}<li><a href="{BlogURL}tagged/{text:Tag 2}"><i class="fa fa-slack"></i><span>{text:Tag 2}</span></a></li>{/block:IfTag2}{block:IfTag3}<li><a href="{BlogURL}tagged/{text:Tag 3}"><i class="fa fa-slack"></i><span>{text:Tag 3}</span></a></li>{/block:IfTag3}{block:IfTag4}<li><a href="{BlogURL}tagged/{text:Tag 4}"><i class="fa fa-slack"></i><span>{text:Tag 4}</span></a></li>{/block:IfTag4}{block:IfTag5}<li><a href="{BlogURL}tagged/{text:Tag 5}"><i class="fa fa-slack"></i><span>{text:Tag 5}</span></a></li>{/block:IfTag5}{block:IfTag6}<li><a href="{BlogURL}tagged/{text:Tag 6}"><i class="fa fa-slack"></i><span>{text:Tag 6}</span></a></li>{/block:IfTag6}{block:IfTag7}<li><a href="{BlogURL}tagged/{text:Tag 7}"><i class="fa fa-slack"></i><span>{text:Tag 7}</span></a></li>{/block:IfTag7}{block:IfTag8}<li><a href="{BlogURL}tagged/{text:Tag 8}"><i class="fa fa-slack"></i><span>{text:Tag 8}</span></a></li>{/block:IfTag8}{block:IfTag9}<li><a href="{BlogURL}tagged/{text:Tag 9}"><i class="fa fa-slack"></i><span>{text:Tag 9}</span></a></li>{/block:IfTag9}{block:IfTag10}<li><a href="{BlogURL}tagged/{text:Tag 10}"><i class="fa fa-slack"></i><span>{text:Tag 10}</span></a></li>{/block:IfTag10}{block:IfTag11}<li><a href="{BlogURL}tagged/{text:Tag 11}"><i class="fa fa-slack"></i><span>{text:Tag 11}</span></a></li>{/block:IfTag11}{block:IfTag12}<li><a href="{BlogURL}tagged/{text:Tag 12}"><i class="fa fa-slack"></i><span>{text:Tag 12}</span></a></li>{/block:IfTag12}{block:IfTag13}<li><a href="{BlogURL}tagged/{text:Tag 13}"><i class="fa fa-slack"></i><span>{text:Tag 13}</span></a></li>{/block:IfTag13}{block:IfTag14}<li><a href="{BlogURL}tagged/{text:Tag 14}"><i class="fa fa-slack"></i><span>{text:Tag 14}</span></a></li>{/block:IfTag14}{block:IfTag15}<li><a href="{BlogURL}tagged/{text:Tag 15}"><i class="fa fa-slack"></i><span>{text:Tag 15}</span></a></li>{/block:IfTag15}</ul><ul>{block:IfShowpostsIlike}<li><a href="//www.tumblr.com/liked/by/{Name}" target="_blank" title="{lang:Stuff I like}"><i class="fa fa-heart"></i><span>{lang:Likes}</span></a></li>{/block:IfShowpostsIlike}{block:IfTumblrURL}<li><a href="{text:Tumblr URL}" target="_blank"><i class="fa fa-tumblr"></i><span>{text:Tumblr blog name}</span></a></li>{/block:IfTumblrURL}{block:IfWebSiteURL}<li><a href="{text:WebSite URL}" target="_blank"><i class="fa fa-external-link"></i><span>{text:Website name}</span></a></li>{/block:IfWebSiteURL}{block:IfWordpressURL}<li><a href="{text:Wordpress URL}" target="_blank"><i class="fa fa-wordpress"></i><span>Wordpress</span></a></li>{/block:IfWordpressURL}{block:IfFacebookURL}<li><a href="{text:Facebook URL}" target="_blank"><i class="fa fa-facebook"></i><span>{lang:Facebook}</span></a></li>{/block:IfFacebookURL}{block:IfGooglePlusURL}<li><a href="{text:Google Plus URL}" target="_blank"><i class="fa fa-google-plus"></i><span>Google Plus</span></a></li>{/block:IfGooglePlusURL}{block:IfLinkedInURL}<li><a href="{text:LinkedIn URL}" target="_blank"><i class="fa fa-linkedin-square"></i><span>LinkedIn</span></a></li>{/block:IfLinkedInURL}{block:IfTwitterID}<li><a href="//twitter.com/{text:Twitter ID}" target="_blank"><i class="fa fa-twitter"></i><span>Twitter</span></a></li>{/block:IfTwitterID}{block:IfGitHubURL}<li><a href="{text:GitHub URL}" target="_blank"><i class="fa fa-github-alt"></i><span>GitHub</span></a></li>{/block:IfGitHubURL}{block:IfBehanceURL}<li><a href="{text:Behance URL}" target="_blank"><i class="fa fa-behance"></i><span>Behance</span></a></li>{/block:IfBehanceURL}{block:IfDeviantArtURL}<li><a href="{text:DeviantArt URL}" target="_blank"><i class="fa fa-deviantart"></i><span>DeviantArt</span></a></li>{/block:IfDeviantArtURL}{block:IfDribbbleURL}<li><a href="{text:Dribbble URL}" target="_blank"><i class="fa fa-dribbble"></i><span>Dribbble</span></a></li>{/block:IfDribbbleURL}{block:IfFlickrURL}<li><a href="{text:Flickr URL}" target="_blank"><i class="fa fa-flickr"></i><span>Flickr</span></a></li>{/block:IfFlickrURL}{block:IfInstagramURL}<li><a href="{text:Instagram URL}" target="_blank"><i class="fa fa-instagram"></i><span>Instagram</span></a></li>{/block:IfInstagramURL}{block:IfPinterestURL}<li><a href="{text:Pinterest URL}" target="_blank"><i class="fa fa-pinterest"></i><span>{lang:Pinterest}</span></a></li>{/block:IfPinterestURL}{block:IfSoundCloudURL}<li><a href="{text:SoundCloud URL}" target="_blank"><i class="fa fa-soundcloud"></i><span>SoundCloud</span></a></li>{/block:IfSoundCloudURL}{block:IfSpotifyURL}<li><a href="{text:Spotify URL}" target="_blank"><i class="fa fa-spotify"></i><span>Spotify</span></a></li>{/block:IfSpotifyURL}{block:IfVimeoURL}<li><a href="{text:Vimeo URL}" target="_blank"><i class="fa fa-vimeo-square"></i><span>Vimeo</span></a></li>{/block:IfVimeoURL}{block:IfYoutubeURL}<li><a href="{text:Youtube URL}" target="_blank"><i class="fa fa-youtube-play"></i><span>Youtube</span></a></li>{/block:IfYoutubeURL}{block:IfHSiteURL}<li><a href="{text:H site URL}" target="_blank"><i class="fa fa-h-square"></i><span>{text:H site name}</span></a></li>{/block:IfHSiteURL}{block:IfXSiteURL}<li><a href="{text:X site URL}" target="_blank"><i class="fa fa-times"></i><span>{text:X site name}</span></a></li>{/block:IfXSiteURL}</ul>
  67. <form action="/search" method="get"><span class="input"><input class="input-field" name="q" id="searched-item"/><label class="input-label" for="searched-item"><span class="input-label-content">{lang:Search}</span></label></span></form>
  68. </div>{block:IfTwitterID}<p class="description pb0">{lang:Latest Tweets}&nbsp;:</p><ul id="twitter"><div id="tweets"></div></ul>{/block:IfTwitterID}{block:IfFlickrID}<p class="description pt20">Flickr&nbsp;:</p><div><ul id="flickrfeed" class="thumbs"></ul></div>{/block:IfFlickrID}{block:IfInstagramaccesspermission}<p class="description pt20">Instagram&nbsp;:</p><div id="instafeed"></div>{/block:IfInstagramaccesspermission}{block:IfShowPeopleIfollow}{block:Following}<p class="description pt20">{lang:People I follow}&nbsp;:</p><ul class="followed">{block:Followed}<li><a href="{FollowedURL}" target="_blank"><img src="{FollowedPortraitURL-48}" alt=""/></a></li>{/block:Followed}</ul>{/block:Following}{/block:IfShowPeopleIfollow}{block:IfExtraScripts}<p class="menu menubottom">{text:Extra scripts}</p>{/block:IfExtraScripts}</div><p class="menu menubottom">©&nbsp;{CopyrightYears}</p>
  69. <p class="menu menubottom" id="glossy"><i><a href="//www.tumblr.com/theme/40285" target="_blank">Glossy Mag</a></i> <small>v. 1.3.9</small> / {lang:Powered by Tumblr 2}</p>
  70. </div> <!-- Sidebar end -->
  71. <div id="container" class="{select:Layout type}">
  72. {block:SearchPage}<article id=""><div class="post-title"><h2>{lang:Search results for SearchQuery 2}</h2></div><div class="caption halign">{lang:SearchResultCount results}{block:NoSearchResults}{lang:Sorry no search results found}{/block:NoSearchResults}.<br/>&nbsp;</div></article>{block:SearchPage}
  73. <!--*-->{block:Posts}<article class="{block:Photo}photo{/block:Photo}" id="{PostID}">
  74. {block:Answer}<div class="textcontent"><div class="answer-post"><div class="question-container"><div class="question-item">{Question}</div><p class="signature">—&nbsp;{Asker}</p></div>{block:Answerer}<div class="answer-container"><div class="answer-item">{Answer}</div><p class="signature">—&nbsp;{Answerer}</p></div>{/block:Answerer}<div class="caption">{Replies}</div></div></div>{/block:Answer}
  75. {block:Audio}<div class="avcontent">{block:AudioEmbed}<div class="audio">{AudioEmbed}</div>{/block:AudioEmbed}{block:PlayCount}<div class="caption info">{PlayCountWithLabel}</div>{/block:PlayCount}</div>{/block:Audio}
  76. {block:Chat}<div class="textcontent">{block:Title}<div class="post-title"><a href="{Permalink}" {Target}><h2>{Title}</h2></a></div>{/block:Title}<div class="chat-container">{block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} <span class="line">{Line}</span></div>{/block:Lines}</div></div>{/block:Chat}
  77. {block:Link}<div class="othercontent"><a href="{URL}" target="_blank"><div class="link-container"><div class="link-img">{block:Thumbnail}<img class="thumbnail" src="{Thumbnail}" alt=""/>{/block:Thumbnail}</div><div class="link-host"><span class="link-text">{Name}</span><br><small>(links to {Host})</small></div><div class="link-icon"><i class="fa fa-external-link"></i></div></div></a>{block:Description}<div class="caption">{Description}</div>{/block:Description}</div>{/block:Link}
  78. {block:Photo}<div class="avcontent"><figure class="zoom-con"><img class="post-img" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"><a class="zoom-lens" href="{PhotoURL-HighRes}" title="{PhotoAlt}"><div class="zoom-one" ></div><div class="zoom-icon"><i class="fa fa-search fa-flip-horizontal"></i></div></a></figure><!-- <div class="caption info"><a href="{LinkURL}" target="_blank"></a></div> --></div>{/block:Photo}
  79. {block:Photoset}<div class="avcontent"><figure class="photo-set photoset-grid photoset{PostID} zoom-con" data-layout="{PhotosetLayout}" data-id="photoset{PostID}" data-popup="{PostID}">{block:Photos}<img width="{PhotoWidth-400}" height="{PhotoHeight-400}" src="{PhotoURL-400}" {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes} title="{Caption}" alt="{Caption}"/>{/block:Photos}</figure></div>{/block:Photoset}
  80. {block:Quote}<div class="textcontent"><div class="quote-container"><div class="quotedtext">{Quote}</div>{block:Source}<div class="sezwho">{Source}</div>{/block:Source}</div></div>{/block:Quote}
  81. {block:Text}<div class="textcontent">{block:Title}<div class="post-title"><a href="{Permalink}" {Target}><h2>{Title}</h2></a></div>{/block:Title}<div class="caption">{Body}</div></div>{/block:Text}
  82. {block:Video}<div class="avcontent"><figure class="video">{Videoembed-700}</figure><div class="caption info">{PlayCountWithLabel}</div></div>{/block:Video}
  83. <!-- -->{block:Caption}<div class="caption hideCaption">{Caption}</div>{/block:Caption}
  84. {block:RebloggedFrom}<div class="tags-container">{lang:Via}&nbsp;:&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle} ({ReblogRootName})">{lang:Source}</a>{block:HasTags}&nbsp;&nbsp;<b>/</b>&nbsp;&nbsp;{lang:Tags}&nbsp;:&nbsp;&nbsp;&nbsp;{block:Tags}<a href="{TagURL}" {Target} class="tags">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:RebloggedFrom}
  85. {block:NotReblog}{block:HasTags}<div class="tags-container">{lang:Tags}&nbsp;:&nbsp;&nbsp;&nbsp;{block:Tags}<a href="{TagURL}" {Target} class="tags">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:NotReblog}
  86. {block:ContentSource}<!-- Leave this section as is! {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  87. {block:Date}<div class="post-bar"><div class="post-reblog"><a class="icon-reblog" href="{ReblogURL}" target="_blank" title="Reblog"></a></div><div class="post-like" title="Like">{LikeButton size="20"}<i class="icon-heart"></i></div><div class="post-share"><input type="checkbox" id="btn-{PostID}" title="{lang:Share this}"><label for="btn-{PostID}" class="label" title="{lang:Share this}"><i class="fa fa-share-alt"></i></label><div class="social"><ul><a href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" title="Facebook" onclick="javascript:void window.open('https://www.facebook.com/sharer/sharer.php?u={Permalink}','1407949634885','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><li><i class="fa fa-facebook"></i></li></a><a href="https://plus.google.com/share?url={Permalink}" title="Google+" onclick="javascript:void window.open('https://plus.google.com/share?url={Permalink}','1407949574551','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><li><i class="fa fa-google-plus"></i></li></a><a href="https://twitter.com/intent/tweet?url={Permalink}" title="Twitter" onclick="javascript:void window.open('https://twitter.com/intent/tweet?url={Permalink}','1407949672085','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><li><i class="fa fa-twitter"></i></li></a><a class="pinterest" href="https://pinterest.com/pin/create/button/?url={ShortURL}&media={PhotoURL-HighRes}&description={PostTitle}" title="Pinterest" onclick="javascript:void window.open('https://pinterest.com/pin/create/button/?url={ShortURL}&media={PhotoURL-HighRes}&description={PostTitle}','1422084482054','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><li><i class="fa fa-pinterest"></i></li></a></ul></div></div><div class="post-date">{block:ifDateFormatTimeAgo}<a href="{Permalink}" {Target} title="Permalink">{NoteCountWithLabel} / {TimeAgo}</a>{/block:ifDateFormatTimeAgo}{block:ifNotDateFormatTimeAgo}<a href="{Permalink}" {Target} title="Permalink">{NoteCountWithLabel} / {Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}</a>{/block:ifNotDateFormatTimeAgo}</div></div>{/block:Date}
  88. {block:PermalinkPage}{block:PostNotes}<div class="post-notes">{PostNotes}</div>{/block:PostNotes}
  89. {block:Date}{block:IfDisqusShortname}<div class="post-notes"><div id="disqus_thread"></div><script src="//disqus.com/forums/{text:Disqus shortname}/embed.js"></script><noscript><a href="//{text:Disqus shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript></div>{/block:IfDisqusShortname}{/block:Date}{/block:PermalinkPage}
  90. <!--*--></article>{/block:Posts}
  91. {block:IndexPage}{block:Pagination}<div class="pagination">{block:PreviousPage}<a id="prev" href="{PreviousPage}" title="{lang:Previous page}"><i class="fa fa-chevron-left"></i></a>{/block:PreviousPage}{block:NextPage}<a id="next" href="{NextPage}" title="{lang:Next page}"><i class="fa fa-chevron-right"></i></a>{/block:NextPage}</div>{/block:Pagination}{/block:IndexPage}
  92. {block:PermalinkPage}{block:PermalinkPagination}<div class="pagination">{block:NextPost}<a id="prev" href="{NextPost}" title="{lang:Next post}"><i class="fa fa-chevron-left"></i></a>{/block:NextPost}{block:PreviousPost}<a id="next" href="{PreviousPost}" title="{lang:Previous post}"><i class="fa fa-chevron-right"></i></a>{/block:PreviousPost}</div>{/block:PermalinkPagination}{/block:PermalinkPage}
  93. </div> <!-- Container end -->
  94. {block:IndexPage}<a id="scrollup" href="/" title="Top"><i class="fa fa-chevron-up"></i></a>{/block:IndexPage}
  95. <script>
  96. var container=$('#container');
  97. $(function(){{block:IndexPage}$("#container").velocity("transition.slideUpIn",1),$(".avcontent").velocity("transition.flipXIn",{delay:80,stagger:250,drag:!0});{/block:IndexPage}});
  98. $(function(){container.masonry({itemSelector:'article'});photoset();container.imagesLoaded(function(){container.masonry({itemSelector:'article'});});{block:IndexPage}{block:IfEndlessScrolling}$(function(){container.infinitescroll({navSelector:'div.pagination',nextSelector:'div.pagination a#next',itemSelector:'#container article',{block:IfEndlessScrollingTrigger}behavior:'twitter'{/block:IfEndlessScrollingTrigger}},function(newElements){var $newElems=$(newElements).css({opacity:0});photoset();container.masonry('appended',$newElems,!0);setTimeout(function(){container.masonry({itemSelector:'article'})},100);setTimeout(function(){container.masonry({itemSelector:'article'})},200);setTimeout(function(){container.masonry({itemSelector:'article'})},300);setTimeout(function(){container.masonry({itemSelector:'article'})},500);setTimeout(function(){container.masonry({itemSelector:'article'})},1000);setTimeout(function(){container.masonry({itemSelector:'article'})},2000);setTimeout(function(){container.masonry({itemSelector:'article'})},4000);setTimeout(function(){container.masonry({itemSelector:'article'})},6000);container.imagesLoaded().progress(function(instance,image){var result=image.isLoaded?'loaded':'broken';if (result=='loaded'){container.masonry()};});var $newElemsIDs=$newElems.map(function(){return this.id;}).get();Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);});});{/block:IfEndlessScrolling}{/block:IndexPage}});
  99. !function(l){l(".sideBar").mCustomScrollbar({theme:"minimal-dark",scrollButtons:{enable:!0},scrollInertia:200,scrollEasing:"easeOut",autoExpandScrollbar:!0})}(jQuery);
  100. $(function(){$("body").click(function(){$(".photoset_photo").addClass("zoom-lens")})});
  101. $("#container").magnificPopup({delegate:".zoom-lens",gallery:{enabled:!0},closeBtnInside:!1,tLoading:'<i class="fa fa-circle-o-notch fa-spin fa-3x"></i>',type:"image",image:{titleSrc:"title",verticalFit:!1}});
  102. var photoset=function(){var t=$(".photoset-grid");t.photosetGrid({highresLinks:!0,gutter:"5px",onComplete:function(){t.each(function(){var t=".photoset"+$(this).data("popup");$(t).magnificPopup({delegate:"a.highres-link",gallery:{enabled:!0},closeBtnInside:!1,tLoading:'<i class="fa fa-circle-o-notch fa-spin fa-3x"></i>',type:"image",image:{titleSrc:"title",verticalFit:!1}})})}})};
  103. $(function(){$(window).scroll(function(){$(this).scrollTop()>400?$("a#scrollup").fadeIn():$("a#scrollup").fadeOut()}),$("a#scrollup").click(function(){return $("body").velocity("scroll",{duration:750}),!1})});
  104. $(window).on("resize",function(){"12px"==$("body").css("font-size")?$("#submenucontent").is(":visible")&&$("#submenucontent").velocity("slideUp",{duration:300},"ease"):$("#submenucontent").is(":hidden")&&$("#submenucontent").velocity("slideDown",{duration:300},"ease")}),$("#submenuactivator").on("click",function(){$("#submenucontent").is(":hidden")&&$("#submenucontent").velocity("slideDown",{duration:300},"ease"),$("#submenucontent").is(":visible")&&$("#submenucontent").velocity("slideUp",{duration:300},"ease")});
  105. </script>
  106. {block:IfInstagramaccesspermission}<script src="//cdn.jsdelivr.net/instafeed.js/latest/instafeed.min.js"></script><script>var userFeed=new Instafeed({get:'user',userId:{text:Instagram user content to display},accessToken:'{text:Instagram access permission}',limit:{text:Instagram photo count}});userFeed.run();</script>{/block:IfInstagramaccesspermission}
  107. {block:IfFlickrID}<script src="//static.tumblr.com/zdvilra/HUanii72l/jflickrfeed.js"></script><script>$(function(){$('#flickrfeed').jflickrfeed({limit:{text:Flickr limit},qstrings:{id:'{text:Flickr ID}'},itemTemplate:'<li><a href="https://www.flickr.com/photos/{text:Flickr ID}" target="_blank"><img src="{{image_q}}" alt="{}"/></a></li>'});});</script>{/block:IfFlickrID}
  108. {block:IfTwitterID}<script>function recent_tweets(t){for(i=0;i<t.length;i++)document.getElementById("tweets").innerHTML=document.getElementById("tweets").innerHTML+'<li><a href="https://twitter.com/{text:Twitter ID}/status/'+(t[i].id_str?t[i].id_str:t[i].id)+'">'+t[i].text+"</a></li>";document.getElementById("twitter").style.display="block"}</script><script src="/tweets.js"></script>{/block:IfTwitterID}
  109. {block:IfGoogleAnalyticsID}<script>!function(e,t,a,n,c,s,o){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,s=t.createElement(a),o=t.getElementsByTagName(a)[0],s.async=1,s.src=n,o.parentNode.insertBefore(s,o)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-XXXXX-Y","auto"),ga("send","pageview");</script>{/block:IfGoogleAnalyticsID}
  110. </body>
  111. </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!