API tools faq
paste
Advertisement
feiinho

Carbon Pixel Union

feiinho
Sep 2nd, 2014
450
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.63 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5.  
  6. <title>{Title}</title>
  7.  
  8. <meta name="tumblr-theme" content="16510" />
  9.  
  10. <meta name="description" content="{MetaDescription}" />
  11.  
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  13. <link rel="shortcut icon" href="{Favicon}" />
  14.  
  15. <meta name="text:Facebook Url" content="" />
  16. <meta name="text:Flickr Url" content="" />
  17. <meta name="text:Vimeo Url" content="" />
  18. <meta name="text:Contact Email" content="" />
  19. <meta name="if:Show Archive" content="1" />
  20.  
  21. <meta name="text:Tagline" content="A Tumblog by" />
  22. <meta name="if:Show Tagline" content="1" />
  23.  
  24. <meta name="text:Disqus Shortname" content="" />
  25.  
  26. <meta name="text:GA Property ID" content="" />
  27.  
  28. <style>
  29.  
  30. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
  31. table { border-collapse:collapse; border-spacing:0; }
  32. fieldset,img { border:0; }
  33. address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
  34. ol,ul { list-style:none; }
  35. caption,th { text-align:left; }
  36. h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
  37. q:before,q:after { content:''; }
  38. abbr,acronym { border:0; }
  39. a { outline:none; }
  40.  
  41.  
  42. @font-face {
  43. font-family: 'TitilliumText22LXBold';
  44. src: url('http://static.tumblr.com/lakznp6/e0flbfi7z/titilliumtext22l006-webfont.eot');
  45. src: local('?'), url('http://static.tumblr.com/lakznp6/Gizlbfiah/titilliumtext22l006-webfont.woff') format('woff'), url('http://static.tumblr.com/lakznp6/pvjlbfi9p/titilliumtext22l006-webfont.ttf') format('truetype'), url('http://static.tumblr.com/lakznp6/QE6lbfi8y/titilliumtext22l006-webfont.svg#webfontI2J8pdTu') format('svg');
  46. font-weight: bold;
  47. font-style: normal;
  48. }
  49.  
  50.  
  51.  
  52. .hide { display:none !important; }
  53. .icon { display: inline-block; width: 29px; height: 29px; background-image: url(http://static.tumblr.com/lakznp6/lDilbl3li/sidebar_icon_sprite.png); background-repeat: no-repeat; }
  54. .icon.twitter { background-position: 0 0; }
  55. .icon.facebook { background-position: 0 -29px; }
  56. .icon.flickr { background-position: 0 -58px; }
  57. .icon.email { background-position: 0 -87px; }
  58. .icon.vimeo { background-position: 0 -116px; }
  59. .icon.page { background-position: 0 -145px; }
  60. .icon.ask { background-position: 0 -174px; }
  61. .icon.submit { background-position: 0 -203px; }
  62.  
  63.  
  64.  
  65. html { background:#7f878f url(http://static.tumblr.com/lakznp6/Xeklbl334/bg_texture.png); height:100%; font-size:13px; min-width:960px; }
  66. body { height:100%; font-family:helvetica,arial,sans-serif; min-width:960px; }
  67.  
  68. #container { width:1060px; min-width:1060px; height:100%; }
  69.  
  70. #sidebar { position: relative; float:left; width:354px; height:100%; position:fixed; top: 0; left: 0; background:url(http://static.tumblr.com/lakznp6/gxolbl327/bg_sidebar.png) repeat-y; }
  71. #sidebar-content { z-index: 2; position: relative; width:288px; height:100%; background:url(http://static.tumblr.com/lakznp6/gxolbl327/bg_sidebar.png) repeat-y; }
  72. #sidebar-glow { position: absolute; z-index: 1; width: 279px; height: 274px; background: url(http://static.tumblr.com/lakznp6/Eomlbl3me/sidebar_top.png) no-repeat 0 0;}
  73.  
  74. #header { position: relative; z-index: 2; width: 279px; padding: 12px 0 15px; }
  75.  
  76. #portrait { position: relative; display: block; padding: 5px; width: 72px; height: 73px; margin: 0 auto;}
  77. #portrait img, #portrait a { display: block; width: 72px; height: 72px;}
  78. #portrait .frame { position: absolute; display: block; top: 0; left: 0; width: 82px; height: 83px; background: url(http://static.tumblr.com/lakznp6/mMelbl3g2/portrait_frame.png) no-repeat 0 0; }
  79.  
  80. #title { padding: 0 20px 5px; }
  81. #title .top { width: 239px; height: 14px; background: url(http://static.tumblr.com/lakznp6/neJlbl3nw/title_top.png) no-repeat 0 0; }
  82. #title .bottom { width: 239px; height: 13px; background: url(http://static.tumblr.com/lakznp6/FmHlbl3mu/title_bottom.png) no-repeat 0 0; }
  83. #title .content { background:url(http://static.tumblr.com/lakznp6/Tx2lbl3nb/title_slice.png) repeat-y 0 0; padding: 10px 0 7px; }
  84. #title .tagline { display: block; text-align: center; color: #12253c; text-shadow: 0 1px 0 #7390b2; }
  85. #title h1 { padding: 0.1em 0 0; font: normal 28px/32px TitilliumText22LXBold, Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; text-shadow: 0 -1px 0 #000; }
  86. #title h1 a { display:block; text-decoration:none; color: #fff; }
  87.  
  88.  
  89. #header p.info { font-size:12px; line-height:1.5em; width:220px; text-align:center; padding:0 30px; margin: 0; color:#a9c3e4; text-shadow:#112a49 0 -1px 0; -webkit-text-stroke:.5px transparent; }
  90. #header p.info a { color:#fff; text-decoration: none;}
  91. #header p.info a:hover { color:#a9c3e4; text-decoration: underline; }
  92.  
  93. #mylinks { position: relative; z-index: 2; width:227px; margin:0 25px; margin-bottom:1.7em; }
  94. #mylinks ul { background:#111e2c; border:3px solid #445f82; border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; -webkit-box-shadow: 0 0 0 #28476F; }
  95. #mylinks ul li { display: block; border-top: 1px solid #1C2E43; border-bottom: 1px solid #000; }
  96. #mylinks ul li:hover { background-color: #0b1621; }
  97.  
  98. #mylinks ul li a { display:block; height: 29px; padding:10px; text-decoration:none; font-size:11px; line-height:1.2em; color:#7697c1; font-style:italic; -webkit-text-stroke:0.5px transparent; }
  99. #mylinks ul li a .icon { float: left; margin: 0 10px 0 0; }
  100. #mylinks ul li a strong { font-size:13px; line-height: 15px; color:#fff; text-shadow:#000 0 -1px 0; font-weight:bold; }
  101. #mylinks ul li.nolabel a strong { line-height: 29px; }
  102. #mylinks ul li:first-child a { border-top-left-radius:8px; border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; }
  103. #mylinks ul li:first-child { border-top: none; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; }
  104. #mylinks ul li:last-child a { border-bottom-left-radius:8px; border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; background:none; }
  105. #mylinks ul li:last-child { border-bottom: none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; }
  106.  
  107. #content { margin-left:354px; padding:50px 0 50px 0; float:left; }
  108.  
  109. /* Search and RSS */
  110. #helper { margin:0 0 15px 25px; float:left; width:685px; padding-bottom:25px; background:url(http://static.tumblr.com/lakznp6/2wLlbl367/divider.png) repeat-x 0 bottom; }
  111. #helper form { float:left; border:0; width:284px; height:33px; display:block; font-weight:bold; background:url(http://static.tumblr.com/lakznp6/GpOlbl30k/bg_search_focus.png) no-repeat 0 0; }
  112. #helper form input { background:url(http://static.tumblr.com/lakznp6/oaVlbl31s/bg_search.png) no-repeat 0 0; border:0; margin:0; padding:0 10px 0 30px; line-height:33px; width:244px; height:33px; display:block; font-weight:bold; color:#aaa; font-size:13px; font-family:helvetica,arial,sans-serif; }
  113. #helper form input:focus { outline:0; color:#555; background:none; }
  114. #helper span.rss { margin-top:5px; float:right; display:block; width:150px; text-align:left; }
  115. #helper span.rss a { background:url(http://static.tumblr.com/lakznp6/CNolbl3e8/icon_rss.png) no-repeat 3px 50%; display:block; padding:4px 0 4px 35px; font-size:10px; font-weight:bold; text-decoration:none; color:#2b3034; white-space:nowrap; text-shadow:#939aa2 0 1px 0; }
  116. #helper span.rss a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
  117.  
  118. /* Tag Page */
  119. #tag_header { margin-left:25px; }
  120. #tag_header h2 { font-size:15px; color:#434a50; text-shadow:#9aa2ab 0 1px 0; background:url(http://static.tumblr.com/lakznp6/2wLlbl367/divider.png) repeat-x 0 bottom; padding-bottom:18px; }
  121. #tag_header h2 strong { font-weight:bold; color:#32383e; }
  122.  
  123. /* Sections */
  124. .section { width:685px; margin-left:25px; float:left; margin-bottom:20px; padding-bottom:20px; background:url(http://static.tumblr.com/lakznp6/2wLlbl367/divider.png) repeat-x 0 bottom; }
  125. .section .meta { width:150px; float:right; color:#2b3034; padding-top:20px; }
  126. .section .meta a { text-decoration:none; color:#2b3034; white-space:nowrap; }
  127. .section .meta a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
  128. .section .meta li { font-size:10px; margin-bottom:.7em; line-height:1.5em; background:url(http://static.tumblr.com/lakznp6/Nsqlbl3dl/icon_link.png) no-repeat 0 0; padding-left:35px; text-shadow:#939aa2 0 1px 0; }
  129. .section .meta .date { font-weight:bold; }
  130. .section .meta li.fav { background-image:url(http://static.tumblr.com/lakznp6/Deulbl3d9/icon_fav.png); }
  131. .section .meta li.tags { background-image:url(http://static.tumblr.com/lakznp6/9tPlbl3f4/icon_tag.png); }
  132. .section .meta li.comments { background-image:url(http://static.tumblr.com/lakznp6/1T4lbl3cq/icon_comment.png); background-position: 4px 1px; }
  133. .section .meta li.source { background-image:url(http://static.tumblr.com/lakznp6/XAglbl3eo/icon_source.png); background-position: 4px 1px;}
  134. .section .post { z-index: 1; float:left; padding-top:20px; width:510px; min-height:50px; position:relative; margin-left:-89px; padding-left:89px; }
  135. .section .post .post_type { position:absolute; top:0; left:0; }
  136. .section .post .post_type a { text-indent:-5000px; margin-top:10px; width:63px; height:50px; display:block; background:url(http://static.tumblr.com/lakznp6/VQAlbl3kx/postmarker.png) no-repeat 0 0; }
  137. .section .post.audio .post_type a { background-image:url(http://static.tumblr.com/lakznp6/UwElbl3gi/postmarker_audio.png); }
  138. .section .post.video .post_type a { background-image:url(http://static.tumblr.com/lakznp6/wcnlbl3k9/postmarker_video.png); }
  139. .section .post.link .post_type a { background-image:url(http://static.tumblr.com/lakznp6/qdWlbl3jv/postmarker_url.png); }
  140. .section .post.quote .post_type a { background-image:url(http://static.tumblr.com/lakznp6/xIrlbl3j2/postmarker_quote.png); }
  141. .section .post.text .post_type a { background-image:url(http://static.tumblr.com/lakznp6/EJjlbl3jg/postmarker_text.png); }
  142. .section .post.image .post_type a { background-image:url(http://static.tumblr.com/lakznp6/LEBlbl3in/postmarker_img.png); }
  143. .section .post.chat .post_type a { background-image:url(http://static.tumblr.com/lakznp6/rEolbl3i8/postmarker_chat.png); }
  144. .section .post .caption { background:url(http://static.tumblr.com/lakznp6/uTZlbl2zq/bg_caption.png); border:1px solid #676f78; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#202327; padding:7px 10px; float:left; min-width:35px; font-size:11px; text-shadow:#888e96 0 1px 0; position:relative; margin-bottom:20px; clear:both; }
  145. .section .post .caption:before { content:url(http://static.tumblr.com/lakznp6/mLMlbl358/caption_top.png); position:absolute; top:-13px; left:15px; }
  146. .section .post .caption p { margin-bottom:.7em; }
  147. .section .post .caption p:last-child { margin-bottom: 0; }
  148. .section .post a { color:#ddd; text-shadow:#5b656e 0 -1px 0; text-decoration:none; }
  149. .section .post a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
  150. .section .post .repost { font-size:12px; text-align:right; font-style:italic; color:#121415; clear:both; text-shadow:#a6adb4 0 1px 0; }
  151.  
  152. .post h1 { color:#ddd; font-weight:bold; font-size:21px; line-height:1em; margin-bottom:1em; }
  153. .post h1 a { color:#ddd; text-shadow:#5b656e 0 -1px 0; text-decoration:none; }
  154. .post h1 a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
  155.  
  156. /* Text */
  157. .section .post.text { color:#121415; text-shadow:#a6adb4 0 1px 0; font-size:14px; line-height:1.5em; }
  158. .section .meta.text { margin-top:45px; }
  159. .section .post.text p { line-height:1.5em; margin-bottom:1.5em; }
  160. .section .post.text h2 { font-size:15px; font-weight:bold; color:#000; line-height:1.5em; margin-bottom:1.5em; }
  161. .section .post.text strong { font-weight:bold; }
  162. .section .post.text em { font-style:italic; }
  163. .section .post.text hr { border:none; background:none; height:2px; background:url(http://static.tumblr.com/lakznp6/2wLlbl367/divider.png); line-height:.1em; margin:0 0 1.5em 0; padding:0; }
  164. .section .post.text ul,ol { margin:0 0 1.5em 1.5em; }
  165. .section .post.text li { list-style-position:inside; font-size:13px; line-height:1.5em; }
  166. .section .post.text ul li { list-style-type:disc; }
  167. .section .post.text ol li { list-style-type:decimal; }
  168. .section .post.text blockquote { border-left:2px solid #121415; padding:0 0 0 1em; margin-left:1.5em; margin-bottom:1.5em; }
  169. .section .post.text blockquote p { font-size:13px; line-height:1.5em; color:#222; font-style:italic; }
  170. /* Quote */
  171. .section .post.quote blockquote { font-size:18px; line-height:1.3em; background:url(http://static.tumblr.com/lakznp6/uTZlbl2zq/bg_caption.png); border:1px solid #676f78; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#202327; padding:10px; float:left; text-shadow:#888e96 0 1px 0; position:relative; margin-bottom:20px; }
  172. .section .post.quote blockquote:after { content:url(http://static.tumblr.com/lakznp6/oSSlbl34l/caption_bot.png); position:absolute; bottom:-13px; left:15px; line-height:0em; }
  173. .section .post.quote blockquote p { margin-bottom:1em; }
  174. .section .post.quote em.source { font-size:12px; font-weight:bold; clear:both; color:#2b3034; text-shadow:#888e96 0 1px 0; display:block; margin-bottom:1.5em; }
  175. /* Image */
  176. .section .post.image .photo { border-bottom:1px solid #5a5f65; margin-bottom:1.5em; padding:5px; background:#fff; position:relative; }
  177. .section .post.image .photo a { display:block; text-decoration:none; }
  178. .section .post.image .photo a:hover { border:none; }
  179. .section .post.image .photo img { display:block; background:#000; }
  180. .section .post.image .photo:after { content:url(http://static.tumblr.com/lakznp6/4RHlbl3fg/photo_corner.png); position:absolute; display:block; z-index:1; top:-5px; right:-5px; }
  181. /* Video */
  182. .post.video .clip { padding: 4px; background:#000; border:1px solid #979ea5; margin-bottom:1.5em; }
  183. .post.video .clip object, .post.video .clip embed, .post.video .clip iframe { display:block; }
  184. /* Audio */
  185. .post.audio .clip { padding:8px; overflow: hidden; background:#000; margin-bottom:1.5em; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
  186. .post.audio .albumart { float:left; margin: 0 24px 0 0; }
  187. .post.audio .albumart img { display: block; }
  188. .post.audio .player { position: relative; left: -10px; }
  189. .post.audio .clip embed, .post.audio .clip object { display:block; }
  190. .post.audio .info { color: #fff; margin: 40px 0 0; }
  191. .post.audio .info p { margin: 0.8em 0; font-size: 16px; }
  192. .post.audio .info .track { font-weight: bold; }
  193. /* Chat */
  194. .section .post.chat ul { }
  195. .section .post.chat ul li { color:#121415; text-shadow:#a6adb4 0 1px 0; font-size:14px; line-height:1.5em; margin-bottom:.5em; padding:4px 10px; }
  196. .section .post.chat ul li.odd { background:url(http://static.tumblr.com/lakznp6/uTZlbl2zq/bg_caption.png); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#222527; text-shadow:#939ba4 0 1px 0; }
  197. .section .post.chat ul li span.label { font-weight:bold; color:#000; }
  198. /* Link */
  199. .section .post.link .source { margin-bottom:1.5em; display:block; font-size:15px; float:left; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:6px 10px; background:#374049; }
  200. .section .post.link .source a { color:#ddd; text-shadow:#29323a 0 -1px 0; text-decoration:none; border-bottom:1px solid #525c66; display:block; float:left; }
  201. .section .post.link .source a:hover { color:#fff; text-shadow:#29323a 0 1px 0; border-bottom-color:#69737c; }
  202. /* Pagination */
  203. #pagination { clear:both; text-align:center; margin-left:25px; color:#363d44; float:left; width:685px; text-shadow:#a6adb4 0 1px 0; margin-bottom:25px; }
  204. #pagination.top { background:url(http://static.tumblr.com/lakznp6/2wLlbl367/divider.png) repeat-x 0 bottom; padding-bottom:20px; }
  205. #pagination .new { float:left; }
  206. #pagination .old { float:right; }
  207. #pagination .current { padding-top:10px; margin:0 150px; }
  208. #pagination li a { text-decoration:none; color:#ddd; font-weight:bold; text-shadow:#333 0 -1px 0; height:36px; line-height: 36px; width:85px; padding: 0 8px 0 0; display:block; background:url(http://static.tumblr.com/lakznp6/G6Wlbl347/button_nav_right.png) no-repeat 0 0; }
  209. #pagination li.new a { background-image:url(http://static.tumblr.com/lakznp6/y7Dlbl33m/button_nav_left.png); padding: 0 0 0 8px;}
  210. #pagination li a:hover { color:#fff; }
  211. #pagination li a:active { background-position:0 -36px; }
  212. /* Notes */
  213. #notes { clear:both; margin-left:25px; padding:20px 25px 10px 25px; background:#8f979f; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin-top:-40px; position:relative; }
  214. #notes h4 { font-size:13px; font-weight:bold; color:#2c3336; text-shadow:#a6adb4 0 1px 0; margin-bottom:15px; }
  215. ol.notes li { padding:9px 0; clear:both; border-top:1px solid #808992; }
  216. ol.notes li blockquote { font-size:10px; margin-left:40px; border-left:2px solid #b0b6bc; padding-left:5px; margin-top:5px; }
  217. ol.notes li blockquote a { text-shadow:none; color:#5c646c; font-weight:normal; }
  218. ol.notes li blockquote a:hover { color:#fff; }
  219. ol.notes li a { color:#222; text-decoration:none; text-shadow:none; font-weight:bold; text-shadow:#a6adb4 0 1px 0; }
  220. ol.notes li a:hover { color:#fff; text-shadow:#707a83 0 1px 0; }
  221. ol.notes li a img { display:block; float:left; padding:1px; margin-top:-4px; background:#000; border:1px solid #aaa; }
  222. ol.notes li span.action { margin-left:30px; display:block; font-size:12px; color:#3c4448; text-shadow:#a6adb4 0 1px 0; }
  223. #footer { clear:both; position:fixed; bottom:10px; left:0; width:280px; text-align:center; }
  224. #footer p { font-size:11px; color:#08192b; text-shadow:#2e5a8a 0 1px 0; }
  225. #footer a { color:#08192b; text-decoration: none; }
  226. #footer a:hover { color:#fff; text-shadow:#29323a 0 1px 0; }
  227. /* Comments */
  228. #comments { color:#2b3034; text-shadow:#939aa2 0 1px 0; }
  229. #comments a { text-decoration:none; color:#2b3034; }
  230. #comments a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
  231.  
  232. </style>
  233.  
  234. <style>
  235. {CustomCSS}
  236. </style>
  237.  
  238. {block:ifGAPropertyID}
  239. <script>
  240. var _gaq = _gaq || [];
  241. _gaq.push(['_setAccount', ' {text:GA Property ID}']);
  242. _gaq.push(['_trackPageview']);
  243.  
  244. (function() {
  245. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  246. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  247. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  248. })();
  249. </script>
  250. {block:ifGAPropertyID}
  251. </head>
  252. <body>
  253. <!-- Tumblr Theme #16510 -->
  254. <div id="container">
  255. <div id="sidebar">
  256. <div id="sidebar-content">
  257. <div id="sidebar-glow"></div>
  258. <div id="header">
  259. <a id="portrait" href="/">
  260. <img src="{PortraitURL-96}" alt="" />
  261. <span class="frame"></span>
  262. </a>
  263.  
  264. <div id="title">
  265. <div class="top"></div>
  266. <div class="content">
  267. {block:ifShowTagline}
  268. <span class="tagline">{text:Tagline}</span>
  269. {/block:ifShowTagline}
  270. <h1><a href="/">{Title}</a></h1>
  271. </div>
  272. <div class="bottom"></div>
  273. </div>
  274.  
  275. {block:Description}
  276. <p class="info">{Description}</p>
  277. {/block:Description}
  278. </div>
  279.  
  280. <div id="mylinks">
  281. <ul>
  282. {block:Twitter}<li><a href="http://twitter.com/{TwitterUsername}"><span class="icon twitter"></span><strong>Twitter</strong><br />Follow Me</a></li>{/block:Twitter}
  283. {block:ifFacebookUrl}<li><a href="{text:Facebook Url}"><span class="icon facebook"></span><strong>Facebook</strong><br />Friend Me (if you know me)</a></li>{/block:ifFacebookUrl}
  284. {block:ifFlickrUrl}<li><a href="{text:Flickr Url}"><span class="icon flickr"></span><strong>Flickr</strong><br />View my Photos</a></li>{/block:ifFlickrUrl}
  285. {block:ifVimeoUrl}<li><a href="{text:Vimeo Url}"><span class="icon vimeo"></span><strong>Vimeo</strong><br />Watch my Videos</a></li>{/block:ifVimeoUrl}
  286. {block:HasPages}
  287. {block:Pages}
  288. <li class="nolabel"><a href="{URL}"><span class="icon page"></span><strong>{Label}</strong></a></li>
  289. {/block:Pages}
  290. {/block:HasPages}
  291. {block:ifContactEmail}<li><a href="mailto:{text:Contact Email}"><span class="icon email"></span><strong>Email</strong><br />Send a message</a></li>{/block:ifContactEmail}
  292. {block:AskEnabled}<li class="nolabel"><a href="/ask"><span class="icon ask"></span><strong>{AskLabel}</strong></a></li>{/block:AskEnabled}
  293. {block:SubmissionsEnabled}<li class="nolabel"><a href="/submit"><span class="icon submit"></span><strong>{SubmitLabel}</strong></a></li>{/block:SubmissionsEnabled}
  294. {block:ifShowArchive}<li class="nolabel"><a href="/archive"><span class="icon page"></span><strong>Archive</strong></a></li>{/block:ifShowArchive}
  295. </ul>
  296. </div>
  297. </div>
  298. </div><!--#sidebar-->
  299.  
  300.  
  301. <div id="content">
  302. <div id="helper">
  303. <form action="/search" method="get">
  304. <input type="text" name="q" class="searchbox" value=""/>
  305. <!-- <input type="submit" value="Search"/> -->
  306. </form>
  307. <span class="rss"><a href="{RSS}">Subscribe via RSS</a></span>
  308. </div>
  309. <hr class="hide" />
  310. {block:TagPage}
  311. <div id="tag_header">
  312. <h2>Posts tagged as <strong>{Tag}</strong></h2>
  313. </div>
  314. {/block:TagPage}
  315. {block:PermalinkPagination}
  316. <ul id="pagination" class="top">
  317. {block:NextPost}<li class="new"><a href="{NextPost}">Newer</a></li>{/block:NextPost}
  318. {block:PreviousPost}<li class="old"><a href="{PreviousPost}">Older</a></li>{/block:PreviousPost}
  319. </ul>
  320. {/block:PermalinkPagination}
  321.  
  322. {block:Posts}
  323. <div class="section">
  324.  
  325. {block:Text}
  326. <div class="post text {TagsAsClasses}">
  327. <span class="post_type"><a href="{Permalink}">Text</a></span>
  328. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  329. {Body}
  330. </div>
  331. {/block:Text}
  332. {block:Quote}
  333. <div class="post quote {TagsAsClasses}">
  334. <span class="post_type"><a href="{Permalink}">Quote</a></span>
  335. <blockquote>{Quote}</blockquote>
  336. {block:Source}<em class="source">&mdash;{Source}</em>{/block:Source}
  337. </div>
  338. {/block:Quote}
  339. {block:Photo}
  340. <div class="post image {TagsAsClasses}">
  341. <span class="post_type"><a href="{Permalink}">Image</a></span>
  342. <div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  343. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  344. </div>
  345. {/block:Photo}
  346. {block:Photoset}
  347. <div class="post image {TagsAsClasses}">
  348. <span class="post_type"><a href="{Permalink}">Photo Set</a></span>
  349. <div class="photo">{Photoset-500}</div>
  350. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  351. </div>
  352. {/block:Photoset}
  353. {block:Video}
  354. <div class="post video {TagsAsClasses}">
  355. <span class="post_type"><a href="{Permalink}">Video</a></span>
  356. <div class="clip">{Video-500}</div>
  357. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  358. </div>
  359. {/block:Video}
  360. {block:Audio}
  361. <div class="post audio {TagsAsClasses}">
  362. <span class="post_type"><a href="{Permalink}">Audio</a></span>
  363. <div class="clip">
  364. {block:AlbumArt}
  365. <div class="albumart">
  366. <img src="{AlbumArtURL}" alt="" width="200" height="200" />
  367. </div>
  368. {/block:AlbumArt}
  369.  
  370. <div class="player">{AudioPlayerBlack}</div>
  371.  
  372. <div class="info">
  373. {block:TrackName}<p class="track">{TrackName}</p>{/block:TrackName}
  374.  
  375. {block:Artist}<p class="artist">{Artist}</p>{/block:Artist}
  376.  
  377. {block:Album}<p class="album">{Album}</p>{/block:Album}
  378. </div>
  379. </div>
  380. <span class="clipurl">{block:ExternalAudio}{ExternalAudioURL}{/block:ExternalAudio}</span>
  381. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  382. </div>
  383. {/block:Audio}
  384. {block:Chat}
  385. <div class="post chat {TagsAsClasses}">
  386. <span class="post_type"><a href="{Permalink}">Chat Transcript</a></span>
  387. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  388. <ul class="chat">
  389. {block:Lines}
  390. <li class="{Alt} user_{UserNumber}">
  391. {block:Label}
  392. <span class="label">{Label}</span>
  393. {/block:Label}
  394. {Line}
  395. </li>
  396. {/block:Lines}
  397. </ul>
  398. </div>
  399. {/block:Chat}
  400. {block:Link}
  401. <div class="post link {TagsAsClasses}">
  402. <span class="post_type"><a href="{Permalink}">Link</a></span>
  403. <span class="source"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  404. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  405. </div>
  406. {/block:Link}
  407.  
  408. <div class="meta">
  409. <ul>
  410. <li class="date"><a href="{Permalink}">{TimeAgo}</a></li>
  411. <li class="fav"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></li>
  412. {block:IfDisqusShortname}<li class="comments"><a href="{Permalink}#disqus_thread">0</a></li>{/block:IfDisqusShortname}
  413. {block:HasTags}<li class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</li>{/block:HasTags}
  414. {block:ContentSource}
  415. <li class="source"><a href="{SourceURL}">
  416. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  417. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  418. </a></li>
  419. {/block:ContentSource}
  420. </ul>
  421. </div>
  422. </div>
  423.  
  424.  
  425. {block:PermalinkPage}
  426.  
  427. {block:IfDisqusShortname}
  428. <div id="comments" class="section">
  429. <div id="disqus_thread"></div>
  430. </div>
  431. {/block:IfDisqusShortname}
  432.  
  433. {/block:PermalinkPage}
  434.  
  435.  
  436. {/block:Posts}
  437.  
  438.  
  439. {block:NoSearchResults}
  440. <div class="section">
  441. <div class="post text {TagsAsClasses}">
  442. <span class="post_type"><a href="{Permalink}">Text</a></span>
  443. <h1><a href="/">No results found.</a></h1>
  444. </div>
  445. </div>
  446. {/block:NoSearchResults}
  447.  
  448. {block:PostNotes}
  449. <div id="notes">
  450. <h4>Notes:</h4>
  451. {PostNotes}
  452. </div>
  453. {/block:PostNotes}
  454.  
  455. {block:Pagination}
  456. <ul id="pagination">
  457. {block:PreviousPage}<li class="new"><a href="{PreviousPage}">Newer</a></li>{/block:PreviousPage}
  458. {block:NextPage}<li class="old"><a href="{NextPage}">Older</a></li>{/block:NextPage}
  459. <li class="current">Page {CurrentPage} of {TotalPages}</li>
  460. </ul>
  461. {/block:Pagination}
  462. </div><!--#content-->
  463. <hr class="hide" />
  464. <div id="footer">
  465. <p>&copy; <a rel="external" href="http://www.pixelunion.net">Pixel Union</a></p>
  466. </div>
  467. </div><!--#container-->
  468.  
  469. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  470. <script>
  471. var iOS = !!(navigator.userAgent.match(/iP(?:hone|od|ad)/i))
  472. $(function(){
  473. if(!iOS) {
  474. $('embed[src^="http://www.youtube.com"]', this).each(function(){
  475. var parent = $(this).closest('.clip');
  476. parent.html( parent.html().replace(/rel=0/gmi, 'rel=0&amp;color1=0xFFFFFF&amp;color2=0xFFFFFF&amp;hd=1') );
  477. });
  478. }
  479. });
  480. </script>
  481.  
  482. {block:IfDisqusShortname}
  483. {block:PermalinkPage}
  484. <script>
  485. var disqus_url = "{Permalink}"; var disqus_title = "{block:PostTitle}{PostTitle}{/block:PostTitle}";
  486. var disqus_identifier = "{Permalink}";
  487. (function() {
  488. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  489. dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  490. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  491. })();
  492. </script>
  493. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  494. {/block:PermalinkPage}
  495.  
  496. <script>
  497. var disqus_shortname = '{text:Disqus Shortname}';
  498. (function () {
  499. var s = document.createElement('script'); s.async = true;
  500. s.src = 'http://disqus.com/forums/{text:Disqus Shortname}/count.js';
  501. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  502. }());
  503. </script>
  504. {/block:IfDisqusShortname}
  505.  
  506. <!--
  507. This Tumblr Theme and all of its CSS, Javascript,
  508. and media assets are subject to Tumblr's Terms of Service:
  509.  
  510. http://www.tumblr.com/terms_of_service
  511. -->
  512. </body>
  513. </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!