API tools faq
paste
feiinho

ISSUE BY PIXEL LAB - PIXELLAB.CO/THEME/ISSUE

feiinho
Dec 11th, 2017
173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. ---------------------
  7. ISSUE BY PIXEL LAB
  8. VERSION 2
  9. ---------------------
  10.  
  11. HTTP://WWW.PIXELLAB.CO/THEME/ISSUE
  12.  
  13. -->
  14.  
  15. <title>{block:SearchPage}{SearchQuery} / {/block:SearchPage}{block:TagPage}{SearchQuery} / {/block:TagPage}{block:PostSummary}{PostSummary} / {/block:PostSummary}{Title}</title>{block:Description}
  16.  
  17. <meta name="description" content="{MetaDescription}">{/block:Description}
  18. <meta name="viewport" content="width=device-width, initial-scale=1.0">{block:Hidden}
  19.  
  20. <!-- [COLOR VARIABLES] -->
  21. <meta name="color:Text" content="#333333">
  22.  
  23. <!-- [IMAGE VARIABLES] -->
  24. <meta name="image:Background" content="">
  25. <meta name="image:Sidebar" content="">
  26.  
  27. <!-- [FONT VARIABLES] -->
  28. <meta name="font:Text" content="Georgia">
  29.  
  30. <!-- [SELECT VARIABLES] -->
  31. <meta name="select:Font size" title="13px" content="13px">
  32. <meta name="select:Font size" title="14px" content="14px">
  33. <meta name="select:Font size" title="15px" content="15px">
  34. <meta name="select:Font size" title="16px" content="16px">
  35. <meta name="select:Sidebar position" title="Top" content="top">
  36. <meta name="select:Sidebar position" title="Bottom" content="bottom">
  37. <meta name="select:Sidebar alignment" title="Center" content="center">
  38. <meta name="select:Sidebar alignment" title="Left" content="left">
  39. <meta name="select:Sidebar alignment" title="Right" content="right">
  40. <meta name="select:Sidebar title size" title="Small" content="h4">
  41. <meta name="select:Sidebar title size" title="Medium" content="h3">
  42. <meta name="select:Sidebar title size" title="Large" content="h2">
  43. <meta name="select:Sidebar title size" title="Extra Large" content="h1">
  44. <meta name="select:Sidebar link style" title="None" content="none">
  45. <meta name="select:Sidebar link style" title="Highlight" content="highlight">
  46. <meta name="select:Sidebar link style" title="Strike" content="strike">
  47. <meta name="select:Sidebar link style" title="Solid Underline" content="underline_solid">
  48. <meta name="select:Sidebar link style" title="Underline Dotted" content="underline_dotted">
  49. <meta name="select:Sidebar link style" title="Underline Dashed" content="underline_dashed">
  50.  
  51. <!-- [IF VARIABLES] -->
  52. <meta name="if:Horizontally align background to center" content="1">
  53. <meta name="if:Vertically align background to center" content="1">
  54. <meta name="if:Fix background" content="0">
  55. <meta name="if:Repeat background" content="1">
  56. <meta name="if:Stretch background" content="1">
  57. <meta name="if:Uppercase titles" content="1">
  58. <meta name="if:Italicize links" content="1">
  59. <meta name="if:Show link to rated posts" content="0">
  60. <meta name="if:Group additional pages together" content="1">
  61. <meta name="if:Enable Infinite Scroll" content="1">
  62. <meta name="if:Enable post rating" content="1">
  63. <meta name="if:Show post dates on index page" content="1">
  64. <meta name="if:Show post tags on index page" content="1">
  65. <meta name="if:Use Tumblr photoset layout" content="1">
  66. <meta name="if:Use high resolution photos" content="0">
  67.  
  68. <!-- [TEXT VARIABLES] -->
  69. <meta name="text:Additional pages title" content="">
  70. <meta name="text:Sidebar tags" content="Landscape, Black and White">
  71. <!-- TO GET AN EVALUATR ID GO TO HTTPS://WWW.EVALUATR.CO/ADD -->
  72. <meta name="text:Evaluatr ID" content="">
  73. <meta name="text:Google Analytics ID" content="">
  74. <meta name="text:Post margin" content="10">{/block:Hidden}
  75.  
  76. <link rel="shortcut icon" href="{Favicon}">
  77. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  78.  
  79. <link rel="stylesheet" href="https://media.pixellab.co/theme/issue.css">
  80.  
  81. <style type="text/css">
  82. ::selection { background-color: rgba({RGBAccentColor},.66); }
  83. ::-moz-selection { background-color: rgba({RGBAccentColor},.66); }
  84. body {
  85. background: {BackgroundColor}{block:IfBackgroundImage} url("{image:Background}"){block:IfHorizontallyAlignBackgroundToCenter} center{/block:IfHorizontallyAlignBackgroundToCenter}{block:IfNotHorizontallyAlignBackgroundToCenter} top{/block:IfNotHorizontallyAlignBackgroundToCenter}{block:IfVerticallyAlignBackgroundToCenter} center{/block:IfVerticallyAlignBackgroundToCenter}{block:IfNotVerticallyAlignBackgroundToCenter} top{/block:IfNotVerticallyAlignBackgroundToCenter}{block:IfFixBackground} fixed{/block:IfFixBackground}{block:IfNotRepeatBackground} no-repeat{/block:IfNotRepeatBackground}{/block:IfBackgroundImage};{block:IfStretchBackground}
  86. background-size: contain;{/block:IfStretchBackground}
  87. color: {color:Text}; font-family: {font:Text}; font-size: {select:Font size};
  88. }
  89. h1, h2, h3, h4, h5, h6,
  90. .h1, .h2, .h3, .h4, .h5, .h6 {
  91. font-family: {TitleFont};
  92. font-weight: {TitleFontWeight};
  93. color: {TitleColor};{block:IfUppercaseTitles}
  94. letter-spacing: 2px;
  95. text-transform: uppercase;{/block:IfUppercaseTitles}
  96. }
  97. a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
  98. color: {AccentColor};
  99. }
  100. {block:IfItalicizeLinks}p a, li a, #search {
  101. font-style: italic;
  102. }{/block:IfItalicizeLinks}
  103. p a:hover, li a:hover {
  104. background-color: rgba({RGBAccentColor},.66);
  105. }
  106. #sidebar {
  107. top: auto; {select:Sidebar position}: 48px;
  108. text-align: {select:Sidebar alignment};
  109. }
  110. #sidebar_portrait {
  111. background-image: url("{PortraitURL-128}");
  112. }
  113. #sidebar .h6 {
  114. color: {color:Text};
  115. }
  116. #sidebar li a {
  117. border-bottom-color: rgba({RGBcolor:Text},.33);
  118. color: {color:Text};
  119. }
  120. #sidebar.link_style-highlight li a {
  121. background-color: rgba({RGBcolor:Text},.66);
  122. }
  123. #search::-webkit-input-placeholder {
  124. color: {color:Text};
  125. }
  126. #search::-moz-input-placeholder {
  127. color: {TitleColor};
  128. }
  129. #search:-moz-input-placeholder {
  130. color: {TitleColor};
  131. }
  132. #search:-ms-input-placeholder {
  133. color: {TitleColor};
  134. }{block:IfEnableInfiniteScroll}
  135. .index_page #pagination {
  136. display: none;
  137. }{/block:IfEnableInfiniteScroll}{block:IfPostMargin}
  138. .index_page #posts {
  139. margin-top: -webkit-calc(40px - {text:Post margin}px); margin-top: calc(40px - {text:Post margin}px);
  140. }
  141. .index_page .post {
  142. margin: {text:Post margin}px;
  143. }{/block:IfPostMargin}
  144. .post .link_container {
  145. background-color: {color:Text};
  146. color: {BackgroundColor};
  147. }
  148. .post .link_container:after {
  149. border-color: rgba({RGBBackgroundColor},.33);
  150. }
  151. .post .link_container:hover:after {
  152. border-color: rgba({RGBBackgroundColor},.66);
  153. }
  154. .post .read_more {
  155. border-top-color: rgba({RGBcolor:Text},.33);
  156. }
  157. .post .inner + .post_information {
  158. background-color: rgba({RGBBackgroundColor},.66);
  159. }
  160. #post_information h6 {
  161. color: {color:Text};
  162. }
  163. #post_controls .note_count {
  164. border-color: {color:Text};
  165. color: {color:Text};
  166. }
  167.  
  168. {CustomCSS}
  169. </style>
  170.  
  171. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  172.  
  173. <meta name="pl:name" content="issue">
  174. <meta name="pl:version" content="2">
  175.  
  176. <script src="https://media.pixellab.co/theme.js"></script>
  177.  
  178. </head>
  179. <body class="{block:IndexPage}index_page{block:SearchPage} search_page{/block:SearchPage}{block:TagPage} tag_page{/block:TagPage}{/block:IndexPage}{block:PermalinkPage}permalink_page{/block:PermalinkPage}">
  180. <div id="sidebar" class="link_style-{select:Sidebar link style}{block:ShowDescription} has_description{/block:ShowDescription}">
  181. <a href="/" id="sidebar_identity" title="{lang:Home}">{block:IfSidebarImage}
  182. <img src="{image:Sidebar}" alt="{Title}">
  183.  
  184. {/block:IfSidebarImage}{block:IfNotSidebarImage}{block:ShowAvatar}
  185. <div id="sidebar_portrait" class="{AvatarShape}"></div>{/block:ShowAvatar}
  186.  
  187. <div id="sidebar_title" class="{select:Sidebar title size}">{Title}</div>{/block:IfNotSidebarImage}
  188. </a>{block:ShowDescription}
  189.  
  190. <div id="sidebar_description">
  191. {Description}
  192. </div>{/block:ShowDescription}
  193.  
  194. <ul>{block:AskEnabled}
  195. <li><a href="/ask" title="{AskLabel}">{AskLabel}</a></li>{/block:AskEnabled}{block:SubmissionsEnabled}
  196. <li><a href="/submit" title="{SubmitLabel}">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  197. <li><a href="/archive" title="{lang:Archive}">{lang:Archive}</a></li>
  198. <li><a href="/random" title="{lang:Random post}">{lang:Random}</a></li>{block:IfShowLinkToRatedPosts}
  199. <li><a href="https://www.evaluatr.co/{Name}" title="View rated posts" target="_blank">Rated Posts</a></li>{/block:IfShowLinkToRatedPosts}{block:IfNotGroupAdditionalPagesTogether}{block:HasPages}{block:Pages}
  200. <li><a href="{URL}" title="{Label}">{Label}</a></li>{/block:Pages}{/block:HasPages}{/block:IfNotGroupAdditionalPagesTogether}
  201. <li>
  202. <form method="get" action="/search">
  203. <input name="q" placeholder="{lang:Search}" value="{SearchQuery}" id="search" />
  204. </form>
  205. </li>
  206. </ul>{block:IfGroupAdditionalPagesTogether}{block:HasPages}
  207.  
  208. <div class="h6">{block:IfNotAdditionalPagesTitle}{lang:Pages}{/block:IfNotAdditionalPagesTitle}{text:Additional pages title}</div>
  209.  
  210. <ul>{block:Pages}
  211. <li><a href="{URL}">{Label}</a></li>{block:Pages}
  212. </ul>{/block:HasPages}{/block:IfGroupAdditionalPagesTogether}{block:IfSidebarTags}
  213.  
  214. <div class="h6">{lang:Tags}</div>
  215.  
  216. <ul id="sidebar_tags"></ul>{/block:IfSidebarTags}{block:Pagination}
  217.  
  218. <ul id="pagination">{block:PreviousPage}
  219. <li><a href="{PreviousPage}" id="back">{lang:Previous Page}</a></li>{/block:PreviousPage}{block:NextPage}
  220. <li><a href="{NextPage}" id="next">{lang:Next Page}</a></li>{/block:NextPage}
  221. </ul>{/block:Pagination}{block:PermalinkPagination}
  222.  
  223. <ul id="pagination">{block:PreviousPost}
  224. <li><a href="{PreviousPost}" id="back">{lang:Previous Post}</a></li>{/block:PreviousPost}{block:NextPost}
  225. <li><a href="{NextPost}" id="next">{lang:Next Post}</a></li>{/block:NextPost}
  226. </ul>{/block:PermalinkPagination}
  227. </div>
  228.  
  229. <div id="posts">{block:Posts}
  230. <div class="post {PostType}{block:Photoset}set{block:IfUseTumblrPhotosetLayout} tumblr_layout{/block:IfUseTumblrPhotosetLayout}{/block:Photoset}{block:AudioEmbed} audio_embed{/block:AudioEmbed}{block:More} has-read_more{/block:More}" id="P{PostID}">{block:Text}
  231. <div class="inner">{block:Title}
  232. <{block:IndexPage}h2{/block:IndexPage}{block:PermalinkPage}h1{/block:PermalinkPage}>{Title}</{block:IndexPage}h2{/block:IndexPage}{block:PermalinkPage}h1{/block:PermalinkPage}>{/block:Title}
  233. {Body}{block:More}
  234. <div class="read_more"><a href="{Permalink}">{lang:Read more}</a></div>{/block:More}
  235. </div>{/block:Text}{block:Answer}
  236. <div class="inner">
  237. <p><strong>{lang:Asker asked}: "{Question}"</strong></p>
  238. {Answer}{block:More}
  239. <div class="read_more"><a href="{Permalink}">{lang:Read more}</a></div>{/block:More}
  240. </div>{/block:Answer}{block:Chat}
  241. <div class="inner">{block:Title}
  242. <{block:IndexPage}h2{/block:IndexPage}{block:PermalinkPage}h1{/block:PermalinkPage}>{Title}</{block:IndexPage}h2{/block:IndexPage}{block:PermalinkPage}h1{/block:PermalinkPage}>{/block:Title}
  243. <div class="lines">{block:Lines}
  244. <div class="line {Alt}">
  245. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}
  246. </div>{/block:Lines}
  247. </div>
  248. </div>{/block:Chat}{block:Quote}
  249. <div class="inner">
  250. <{block:IndexPage}h2{/block:IndexPage}{block:PermalinkPage}h1{/block:PermalinkPage}> &ldquo;{Quote} &rdquo;</{block:IndexPage}h2{/block:IndexPage}{block:PermalinkPage}h1{/block:PermalinkPage}>{block:Source}
  251. <p>&mdash; {Source}</p>{/block:Source}
  252. </div>{/block:Quote}{block:Link}
  253. <div class="inner">
  254. <div class="link_container">
  255. <{block:IndexPage}h2{/block:IndexPage}{block:PermalinkPage}h1{/block:PermalinkPage}><a href="{URL}" {Target}>{Name}</a></{block:IndexPage}h2{/block:IndexPage}{block:PermalinkPage}h1{/block:PermalinkPage}>{block:Host}
  256. <p>{Host}</p>{/block:Host}
  257. </div>{block:Description}
  258. {Description}{block:More}
  259. <div class="read_more"><a href="{Permalink}">{lang:Read more}</a></div>{/block:More}{/block:Description}
  260. </div>{/block:Link}{block:Photo}
  261. <div class="post_media">
  262. {LinkOpenTag}<img {block:IndexPage}src="{block:IfUseHighResolutionPhotos}{PhotoURL-HighRes}{/block:IfUseHighResolutionPhotos}{block:IfNotUseHighResolutionPhotos}{PhotoURL-400}{block:IfNotUseHighResolutionPhotos}" width="{PhotoWidth-400}" height="{PhotoHeight-400}"{/block:IndexPage}{block:PermalinkPage}src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"{/block:PermalinkPage} alt="{PhotoAlt}" class="main_image">{LinkCloseTag}
  263. </div>{/block:Photo}{block:Photoset}
  264. <div class="post_media">
  265. {block:IndexPage}{block:IfUseTumblrPhotosetLayout}{Photoset-400}{/block:IfUseTumblrPhotosetLayout}{block:IfNotUseTumblrPhotosetLayout}{block:Photos}<img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" alt="{PhotoAlt}" class="main_image">{/block:Photos}{/block:IfNotUseTumblrPhotosetLayout}{/block:IndexPage}{block:PermalinkPage}{Photoset}{/block:PermalinkPage}
  266. </div>{/block:Photoset}{block:Video}
  267. {block:IndexPage}<div class="post_media"{block:VideoThumbnail} style="background-image:url('{VideoThumbnailURL}')"{/block:VideoThumbnail}>
  268. <div class="retro_fuzz"></div>
  269. </div>{/block:IndexPage}{block:PermalinkPage}
  270. <div class="post_media">
  271. {Video-700}
  272. </div>{/block:PermalinkPage}{/block:Video}{block:Audio}
  273. <div class="post_media">
  274. {block:AudioPlayer}<img {block:AlbumArt}src="{AlbumArtURL}" data-default-art-{/block:AlbumArt}src="http://static.tumblr.com/uqie0nv/1vIn5g72i/default_album_art.png" {block:IndexPage}width="400" height="400"{/block:IndexPage}{block:PermalinkPage}width="700" height="700"{/block:PermalinkPage}{block:Album} alt="{Album}"{/block:Album} class="main_image" />{/block:AlbumArt}{/block:AudioPlayer}{block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
  275. </div>{/block:Audio}{block:IndexPage}
  276.  
  277. <div class="post_information">
  278. <div class="central_container">
  279. <div class="inner_container">
  280. <div class="post_controls">
  281. {LikeButton color="white" size="24"}
  282. {ReblogButton color="white" size="24"}{block:NoteCount}
  283. <a href="{Permalink}" class="note_count h6">{FormattedNoteCount}</a>{/block:NoteCount}
  284. </div>{block:IfEnablePostRating}
  285. <div class="evaluatr">
  286. <a href="https://www.evaluatr.com/{Name}/{PostID}" data-id="{text:EvaluatrID}" data-color="white" data-size="24" class="evaluatr-rate-box">Rate</a>
  287. </div>{/block:IfEnablePostRating}
  288. <div class="post_meta date_and_source">
  289. <div class="date h6">{block:IfShowPostDatesOnIndexPage}<a href="{Permalink}">{TimeAgo}</a>{/block:IfShowPostDatesOnIndexPage}{block:ContentSource}{block:IfShowPostDatesOnIndexPage} {/block:IfShowPostDatesOnIndexPage}<a href="{SourceURL}">Via {SourceTitle}</a>{/block:ContentSource}</div>
  290. </div>{block:IfShowPostTagsOnIndexPage}{block:HasTags}
  291. <div class="post_meta tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfShowPostTagsOnIndexPage}
  292. </div>
  293. </div>
  294. </div>{/block:IndexPage}
  295. </div>{block:PermalinkPage}{block:Date}
  296.  
  297. <div id="post_information" class="post">
  298. {AudioPlayerWhite}{block:Caption}
  299.  
  300. <div id="post_caption" class="post_information_sec">
  301. {Caption}
  302. </div>{/block:Caption}{block:IfEvaluatrID}
  303.  
  304. <div id="evaluatr" class="post_information_sec">
  305. <iframe src="http://evaluatr.pixellab.co/frame/?id={text:Evaluatr ID}&tumblr={Name}&pid={PostID}&size=24&custom_color=rgba({RGBColor:Text},1)" width="128" height="24" allowtransparency style="overflow:hidden; border:0"></iframe>
  306. </div>{/block:IfEvaluatrID}
  307.  
  308. <div id="post_controls" class="post_information_sec">
  309. {LikeButton color="black" size="24"}
  310. {ReblogButton color="black" size="24"}{block:NoteCount}
  311. <a href="{Permalink}" class="note_count h6">{FormattedNoteCount}</a>{/block:NoteCount}{block:IfEnablePostRating}
  312. <a href="https://www.evaluatr.com/{Name}/{PostID}" data-id="{text:EvaluatrID}" data-color="black" data-size="24" class="evaluatr-rate-box">Rate</a>{/block:IfEnablePostRating}
  313. </div>
  314.  
  315. <div id="post_notes" class="post_information_sec">
  316. <h2 class="h6">{lang:Posted TimeAgo}</h2>{block:PostNotes}
  317. {PostNotes-64}{/block:PostNotes}
  318. </div>
  319. </div>{/block:Date}{/block:PermalinkPage}{/block:Posts}
  320. </div>
  321.  
  322. <script type="text/javascript">
  323. var Issue = {
  324. index_page : {block:IndexPage}true{/block:IndexPage}{block:PermalinkPage}false{/block:PermalinkPage},
  325. tags : {block:IfSidebarTags}"{text:Sidebar tags}"{/block:IfSidebarTags}{block:IfNotSidebarTags}false{/block:IfNotSidebarTags},
  326. infinite_scroll : {block:IfEnableInfiniteScroll}true{block:IfEnableInfiniteScroll}{block:IfNotEnableInfiniteScroll}false{block:IfNotEnableInfiniteScroll},
  327. background_color : '{BackgroundColor}',
  328. text_color : '{color:Text}',
  329. accent_color : '{AccentColor}'
  330. }
  331. </script>
  332. <script src="https://www.evaluatr.co/load.js"></script>
  333. <script type="text/javascript" src="https://media.pixellab.co/theme/issue.js"></script>
  334. </body>
  335. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!