API tools faq
paste
Advertisement
lifting

PIXEL EATERY (BROWN) by http://zweilous.tumblr.com/

lifting
Jul 27th, 2013
2,128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 24.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}" />
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  9. {block:Description}
  10.     <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12.  
  13. <meta name="if:custom links" content="0" />
  14. <meta name="if:link 1" content="0" />
  15. <meta name="if:link 2" content="0" />
  16. <meta name="if:link 3" content="0" />
  17. <meta name="if:link 4" content="0" />
  18. <meta name="if:link 5" content="0" />
  19. <meta name="if:link 6" content="0" />
  20. <meta name="if:floaties" content="1" />
  21. <meta name="if:custom scrollbar" content="1" />
  22. <meta name="if:tiny cursor" content="1" />
  23. <meta name="if:infinite scroll" content="1" />
  24. <meta name="if:invert sidebar colors" content="0" />
  25. <meta name="if:invert tray colors" content="0" />
  26.  
  27. <meta name="text:link 1 url" content="" />
  28. <meta name="text:link 1 title" content="" />
  29. <meta name="text:link 2 url" content="" />
  30. <meta name="text:link 2 title" content="" />
  31. <meta name="text:link 3 url" content="" />
  32. <meta name="text:link 3 title" content="" />
  33. <meta name="text:link 4 url" content="" />
  34. <meta name="text:link 4 title" content="" />
  35. <meta name="text:link 5 url" content="" />
  36. <meta name="text:link 5 title" content="" />
  37. <meta name="text:link 6 url" content="" />
  38. <meta name="text:link 6 title" content="" />
  39.  
  40. <meta name="color:background color" content="#eceee1" />
  41. <meta name="color:post border" content="#c28036" />
  42. <meta name="color:footer sidebar bg" content="#c28036" />
  43. <meta name="color:footer sidebar text" content="#fff" />
  44. <meta name="color:footer link hover" content="#f5d0a6" />
  45. <meta name="color:text link" content="#daa05e" />
  46. <meta name="color:text link hover" content="#c28036" />
  47. <meta name="color:sidebar link shadow" content="#000" />
  48.  
  49. <meta name="image:background image" content="http://static.tumblr.com/cdqiodf/1j6mqmnkx/donut-liter.png" />
  50. <meta name="image:topper image" content="http://static.tumblr.com/cdqiodf/8Hpmqmnli/topper-ribbon-r.png" />
  51. <meta name="image:sidebar sprite" content="http://static.tumblr.com/cdqiodf/V0pmqmnlv/vulpix.gif" />
  52. <meta name="image:floaties 1" content="http://static.tumblr.com/cdqiodf/U3Tmqmnm7/vulpix-rsoverworld.gif" />
  53. <meta name="image:floaties 2" content="http://static.tumblr.com/cdqiodf/U3Tmqmnm7/vulpix-rsoverworld.gif" />
  54. <meta name="image:floaties 3" content="http://static.tumblr.com/cdqiodf/U3Tmqmnm7/vulpix-rsoverworld.gif" />
  55. <meta name="image:floaties 4" content="http://static.tumblr.com/cdqiodf/U3Tmqmnm7/vulpix-rsoverworld.gif" />
  56. <meta name="image:floaties 5" content="http://static.tumblr.com/cdqiodf/U3Tmqmnm7/vulpix-rsoverworld.gif" />
  57. <meta name="image:floaties 6" content="http://static.tumblr.com/cdqiodf/U3Tmqmnm7/vulpix-rsoverworld.gif" />
  58. <meta name="image:floaties 7" content="http://static.tumblr.com/cdqiodf/U3Tmqmnm7/vulpix-rsoverworld.gif" />
  59.  
  60. <style type="text/css">
  61. body {margin:0;padding:0;background-color:{color:background color};background-image:url('{image:background image}');background-attachment:fixed;font-family:'ronda','tinytots';font-size:8px;overflow-x:hidden;color:#000;}
  62.  
  63. a {text-decoration:none;color:{color:text link};}
  64. a:hover {color:{color:text link hover};cursor:pointer;}
  65.  
  66. {block:iftinycursor}
  67. html, a {cursor:url('http://static.tumblr.com/cdqiodf/ehXmqmepq/cursor.jpg'),progress;}
  68. {/block:iftinycursor}
  69.  
  70. pre {background-color:#e6e6e6;color:#000;padding:10px;word-wrap:break-word;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
  71.  
  72. blockquote {width:449px;margin-left:10px;padding-left:10px;border-left:1px solid {color:post border};}
  73. blockquote img {max-width:459px;}
  74.  
  75. @font-face {
  76.     font-family: 'ronda';
  77.     src: url('http://static.tumblr.com/cdqiodf/9Ipmpiyk2/pf_ronda_seven-webfont.eot');
  78.     src: url('http://static.tumblr.com/cdqiodf/9Ipmpiyk2/pf_ronda_seven-webfont.eot?#iefix') format('embedded-opentype'),
  79.          url('http://static.tumblr.com/cdqiodf/tJampiyla/pf_ronda_seven-webfont.woff') format('woff'),
  80.          url('http://static.tumblr.com/cdqiodf/bFMmpiylr/pf_ronda_seven-webfont.ttf') format('truetype');
  81.     font-weight: normal;
  82.     font-style: normal;
  83. }
  84.  
  85. @font-face {
  86.     font-family: 'tinytots';
  87.     src: url('http://static.tumblr.com/cdqiodf/0Etmpizjq/tinytots-webfont.eot');
  88.     src: url('http://static.tumblr.com/cdqiodf/0Etmpizjq/tinytots-webfont.eot?#iefix') format('embedded-opentype'),
  89.          url('http://static.tumblr.com/cdqiodf/Xy3mpizk6/tinytots-webfont.woff') format('woff'),
  90.          url('http://static.tumblr.com/cdqiodf/srAmpizkt/tinytots-webfont.ttf') format('truetype');
  91.     font-weight: normal;
  92.     font-style: normal;
  93. }
  94.  
  95. {block:ifcustomscrollbar}
  96. ::-webkit-scrollbar {height:10px;width:10px;}
  97. ::-webkit-scrollbar-track {background-color:{color:footer sidebar text};border:1px solid {color:footer sidebar text};}
  98. ::-webkit-scrollbar-thumb {background-color:{color:footer sidebar bg};border:1px solid {color:footer sidebar text};-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
  99. ::-webkit-scrollbar-thumb:active {background-color:{color:footer sidebar bg};border:1px solid {color:footer sidebar bg};}
  100. {/block:ifcustomscrollbar}
  101.  
  102. ::selection {color:{color:footer sidebar text};background-color:{color:footer sidebar bg};}
  103. ::-moz-selection {color:{color:footer sidebar text};background-color:{color:footer sidebar bg};}
  104.  
  105. #topper {width:100%;height:100%;background-image:url('{image:topper image}');background-position:top;background-attachment:fixed;background-repeat:repeat-x;position:fixed;z-index:-6;}
  106.  
  107. .floaties {position:absolute;left:-500px;z-index:-9;}
  108.  
  109. /* SIDEBAR */
  110. #interact {position:fixed;bottom:100px;width:200px;}
  111.  
  112. .bubble {position:relative;padding:5px 5px 6px 5px;margin-bottom:20px;font-family:calibri,sans-serif;font-size:11px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
  113. .bubble:after {content:"";display:block;position:absolute;bottom:-10px;left:93px;width:0;border-width:10px 7px 0;border-style:solid;}
  114.  
  115. #b-header {font-family:'ronda';font-size:16px;text-transform:uppercase;margin:5px;}
  116.  
  117. #sprite {text-align:center;}
  118. #sprite img {max-width:200px;}
  119.  
  120. .navs {font-family:'tinytots';font-size:8px;text-transform:uppercase;padding:5px;}
  121. #hoop {font-family:'tinytots';font-size:8px;text-transform:uppercase;padding:0 5px 5px;}
  122. #pagination a {padding:0 5px;}
  123. .navs>div a {display:inline-block;width:86px;}
  124. .navs>a,#pagination {display:block;}
  125. .navs>div a,.navs>a,#pagination {padding:3px 0 2px;margin-top:3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
  126.  
  127. {block:ifnotinvertsidebarcolors}
  128. .bubble {background-color:{color:footer sidebar bg};color:{color:footer sidebar text};}
  129. .bubble:after {border-color:{color:footer sidebar bg} transparent;}
  130. #b-header a,#descr a {color:{color:footer sidebar text};text-shadow:{color:sidebar link shadow} 1px 1px 0;}
  131. #b-header a:hover,#descr a:hover {color:{color:text link};}
  132. #pagination a {color:{color:footer sidebar text};}
  133. #pagination a:hover {color:{color:footer sidebar bg};background-color:{color:footer sidebar text};}
  134. .navs>div a,.navs>a,#pagination {color:{color:footer sidebar text};border:1px solid {color:footer sidebar text};}
  135. .navs a:hover {color:{color:footer sidebar bg};background-color:{color:footer sidebar text};}
  136. {/block:ifnotinvertsidebarcolors}
  137.  
  138. {block:ifinvertsidebarcolors}
  139. .bubble {background-color:{color:footer sidebar text};color:{color:footer sidebar bg};}
  140. .bubble:after {border-color:{color:footer sidebar text} transparent;}
  141. #b-header a,#descr a {color:{color:footer sidebar bg};text-shadow:{color:sidebar link shadow} 1px 1px 0;}
  142. #b-header a:hover,#descr a:hover {color:{color:text link};}
  143. #pagination a {color:{color:footer sidebar bg};}
  144. #pagination a:hover {color:{color:footer sidebar text};background-color:{color:footer sidebar bg};}
  145. .navs>div a,.navs>a,#pagination {color:{color:footer sidebar bg};border:1px solid {color:footer sidebar bg};}
  146. .navs a:hover {color:{color:footer sidebar text};background-color:{color:footer sidebar bg};}
  147. {/block:ifinvertsidebarcolors}
  148.  
  149. .pointer {cursor:pointer;}
  150. .b-links,.b-apple,.b-popta,.b-dorit {display:none;}
  151.  
  152. #food-tray {position:fixed;bottom:20px;left:20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-align:center;}
  153. #food-tab {width:100%;text-align:center;padding:0 0 3px;}
  154.  
  155. {block:ifnotinverttraycolors}
  156. #food-tray {background-color:{color:footer sidebar text};border:1px solid {color:footer sidebar bg};}
  157. #food-tab {color:{color:footer sidebar text};background-color:{color:footer sidebar bg};}
  158. {/block:ifnotinverttraycolors}
  159.  
  160. {block:ifinverttraycolors}
  161. #food-tray {background-color:{color:footer sidebar bg};border:1px solid {color:footer sidebar text};}
  162. #food-tab {color:{color:footer sidebar bg};background-color:{color:footer sidebar text};}
  163. {/block:ifinverttraycolors}
  164.  
  165. /* POSTS */
  166. .post {float:right;width:540px;margin:15px auto;}
  167. .post-content {width:500px;background-color:#fff;padding:5px;margin:0 auto;border:1px solid {color:post border};-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
  168. .quo {font-family:'ronda','tinytots';font-size:16px;}
  169.  
  170. .bloose {background-color:{color:footer sidebar bg};color:{color:footer sidebar text};padding:3px 10px;margin-top:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
  171. .bloose a {color:{color:footer sidebar text};}
  172. .bloose a:hover {color:{color:footer link hover};}
  173.  
  174. .bloose2 {background-color:{color:footer sidebar bg};color:{color:footer sidebar text};padding:3px 10px;-webkit-border-bottom-right-radius:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px;-moz-border-radius-bottomleft:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
  175. .bloose2 a {color:{color:footer sidebar text};}
  176. .bloose2 a:hover {color:{color:footer link hover};}
  177. .f-ribbon,.f-overlay,.f-ribbon2,.f-overlay2 {position:absolute;width:0;height:0;}
  178. .f-ribbon,.f-overlay {border-left:15px solid transparent;margin:-18px 0 0 -10px;}
  179. .f-ribbon {border-bottom:15px solid {color:footer sidebar bg};z-index:-5;}
  180. .f-overlay {border-bottom:15px solid rgba(0,0,0,0.7);z-index:-4;}
  181. .f-ribbon2,.f-overlay2 {border-right:15px solid transparent;margin:-18px 0 0 515px;}
  182. .f-ribbon2 {border-bottom:15px solid {color:footer sidebar bg};z-index:-5;}
  183. .f-overlay2 {border-bottom:15px solid rgba(0,0,0,0.7);z-index:-4;}
  184.  
  185. #odd {background-color:#eaeaea;}
  186. #even {background-color:#dedddd;}
  187. .lino {padding:2px 5px;margin-bottom:2px;color:#494949;}
  188. .labes {font-weight:bold;}
  189.  
  190. .ques {width:454px;background-color:#f1f1f1;color:#000;padding:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
  191. .quesa {display:table;padding-top:10px;}
  192. .queso {display:table-cell;vertical-align:middle;padding-left:15px;}
  193.  
  194. .sout,.tout {font-family:calibri,tahoma,sans-serif;font-size:11px;}
  195. .sout {padding:0 5px;overflow-x:auto;overflow-y:hidden;}
  196. .sout img,.caps img {max-width:474px;height:auto;}
  197. .tout {overflow-x:auto;overflow-y:hidden;}
  198. .aout {padding:10px 0 0;}
  199. .caps {margin-bottom:-3px;padding:0 10px;}
  200.  
  201. /* AUDIO */
  202. .audios {display:table;width:480px;height:160px;margin:0 auto;}
  203.  
  204. .a-around {background-color:#fff;position:absolute;margin-top:60px;margin-left:60px;width:40px;height:40px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;overflow:hidden;opacity:0.7;z-index:9;}
  205.  
  206. .audiobutton {width:27px;height:30px;margin:7px;overflow:hidden;}
  207.  
  208. .meek {float:left;height:120px;width:120px;background-image:url('http://static.tumblr.com/cdqiodf/SJOmnfrqo/default-album-art.png');border:20px solid {color:footer sidebar bg};}
  209.  
  210. #onis {position:fixed;bottom:5px;right:5px;width:20px;height:20px;font-family:tahoma,sans-serif;font-size:11px;line-height:20px;background-color:{color:footer sidebar bg};color:{color:footer sidebar text};text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;opacity:.8;}
  211.  
  212. .trackinfo {display:table-cell;vertical-align:middle;width:100%;font-size:9px;color:{color:footer sidebar text};font-family:consolas,monospace;letter-spacing:1px;text-transform:uppercase;background-color:{color:footer sidebar bg};text-align:center;margin:0 auto;padding:20px 60px 20px 40px;}
  213.  
  214. .trackname {color:{color:footer sidebar text};font-style:italic;letter-spacing:2px;font-size:15px;font-family:calibri,tahoma,sans-serif;border-bottom:1px solid {color:footer sidebar text};margin-bottom:5px;}
  215.  
  216. /* PERMALINK */
  217. li.note {list-style:none;margin-left:-20px;padding:2px 0;}
  218. .note img {margin-right:10px;}
  219.  
  220. .gavyn-is-a-butt {padding:5px;margin-top:5px;background-color:#eaeaea;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
  221.  
  222. {CustomCSS}
  223. </style>
  224. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  225. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
  226. <script type="text/javascript" src="http://static.tumblr.com/cdqiodf/grymqmiel/th-pixelcafe-sidebar.js"></script>
  227. {block:ifinfinitescroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  228. {block:iffloaties}
  229. <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"></script>
  230. <script type="text/javascript">
  231. /***********************************************
  232. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  233. * Modified by Dynamic Drive for various improvements
  234. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  235. * Using CSB or Trellix:  use an INSERT HTML box to hold your script and put your js and images into web components (webgem in Trellix).  Then you MUST change each gEMDIR to GEMDIR before using code!
  236. ***********************************************/
  237. // step 1: define unique variable names depending on number of flying images (ie:3):
  238. var flyimage1, flyimage2, flyimage3, flyimage4, flyimage5, flyimage6, flyimage7
  239.  
  240. function pagestart(){
  241. // step 2: using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  242. flyimage1=new Chip("flyimage1",40,62);
  243. flyimage2=new Chip("flyimage2",40,62);
  244. flyimage3=new Chip("flyimage3",40,62);
  245. flyimage4=new Chip("flyimage4",40,62);
  246. flyimage5=new Chip("flyimage5",40,62);
  247. flyimage6=new Chip("flyimage6",40,62);
  248. flyimage7=new Chip("flyimage7",40,62);
  249.  
  250. // step 3: using the same variable names as 1), add or delete more of the below lines:
  251. movechip("flyimage1");
  252. movechip("flyimage2");
  253. movechip("flyimage3");
  254. movechip("flyimage4");
  255. movechip("flyimage5");
  256. movechip("flyimage6");
  257. movechip("flyimage7");
  258. }
  259.  
  260. if (window.addEventListener)
  261. window.addEventListener("load", pagestart, false)
  262. else if (window.attachEvent)
  263. window.attachEvent("onload", pagestart)
  264. else if (document.getElementById)
  265. window.onload=pagestart
  266. </script>
  267. {/block:iffloaties}
  268. </head>
  269.  
  270. <body>
  271. {block:iffloaties}
  272. <!--BEGIN FLOATING IMAGES-->
  273.  
  274. <div id="flyimage1" class="floaties">
  275. <img src="{image:floaties 1}" alt="" />
  276. </div><!--flyimage1-->
  277.  
  278. <div id="flyimage2" class="floaties">
  279. <img src="{image:floaties 2}" alt="" />
  280. </div><!--flyimage2-->
  281.  
  282. <div id="flyimage3" class="floaties">
  283. <img src="{image:floaties 3}" alt="" />
  284. </div><!--flyimage3-->
  285.  
  286. <div id="flyimage4" class="floaties">
  287. <img src="{image:floaties 4}" alt="" />
  288. </div><!--flyimage4-->
  289.  
  290. <div id="flyimage5" class="floaties">
  291. <img src="{image:floaties 5}" alt="" />
  292. </div><!--flyimage5-->
  293.  
  294. <div id="flyimage6" class="floaties">
  295. <img src="{image:floaties 6}" alt="" />
  296. </div><!--flyimage6-->
  297.  
  298. <div id="flyimage7" class="floaties">
  299. <img src="{image:floaties 7}" alt="" />
  300. </div><!--flyimage7-->
  301.  
  302. <!--END FLOATING IMAGES-->
  303. {/block:iffloaties}
  304.  
  305. <div id="topper" style="margin-top:-30px;"></div><!--topper-->
  306.  
  307. <div id="container" style="width:790px;margin:30px auto;">
  308. <div id="interact">
  309.  
  310. <div class="bubble b-main">
  311. <div id="b-header"><a href="/">{Title}</a></div><!--b-header-->
  312. <div id="descr">
  313.     {Description}
  314. </div><!--descr-->
  315. <div class="navs">
  316. <div>
  317.     <a href="/"><span>index</span></a>
  318.     <a href="/ask"><span>ask</span></a>
  319.     <a href="/submit"><span>submit</span></a>
  320.     <a href="/archive"><span>archive</span></a>
  321. </div>
  322.     {block:ifcustomlinks}<a class="blinks pointer"><span>more links</span></a>{/block:ifcustomlinks}
  323. </div><!--navs-->
  324.     {block:ifnotinfinitescroll}
  325. {block:IndexPage}
  326.     <div id="hoop">
  327.     <div id="pagination">
  328. {block:Pagination}
  329. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  330. {block:JumpPagination length="3"}
  331. {block:CurrentPage}<span style="margin:0 4px;">&#10008;</span>{/block:CurrentPage}
  332. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  333. {/block:JumpPagination}
  334. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  335. {/block:Pagination}
  336.     </div><!--pagination-->
  337.     </div><!--hoop-->
  338. {/block:IndexPage}
  339.     {/block:ifnotinfinitescroll}
  340. </div><!--bubble b-main-->
  341.  
  342. <div class="bubble b-links">
  343. <div class="navs">
  344.     {block:iflink1}<a href="{text:link 1 url}"><span>{text:link 1 title}</span></a>{/block:iflink1}
  345.     {block:iflink2}<a href="{text:link 2 url}"><span>{text:link 2 title}</span></a>{/block:iflink2}
  346.     {block:iflink3}<a href="{text:link 3 url}"><span>{text:link 3 title}</span></a>{/block:iflink3}
  347.     {block:iflink4}<a href="{text:link 4 url}"><span>{text:link 4 title}</span></a>{/block:iflink4}
  348.     {block:iflink5}<a href="{text:link 5 url}"><span>{text:link 5 title}</span></a>{/block:iflink5}
  349.     {block:iflink6}<a href="{text:link 6 url}"><span>{text:link 6 title}</span></a>{/block:iflink6}
  350.     <a class="back-main pointer">&laquo; back to main</a>
  351. </div><!--navs-->
  352. </div><!--b-links-->
  353.  
  354. <div class="bubble b-apple">
  355. <p>thank you!!</p>
  356. <img src="http://static.tumblr.com/cdqiodf/1u1mqmfj2/happy.gif" alt="" />
  357. <div class="navs">
  358.     <a class="back-main pointer">&laquo; back to main</a>
  359. </div><!--navs-->
  360. </div><!--b-apple-->
  361.  
  362. <div class="bubble b-popta" style="padding-bottom:10px;">
  363. <p>poptart? don't you mean sodatart?</p>
  364. <img src="http://static.tumblr.com/cdqiodf/ZJcmqmftl/question.gif" alt="" />
  365. <div class="navs">
  366.     <a class="back-main pointer">&laquo; back to main</a>
  367. </div><!--navs-->
  368. </div><!--b-popta-->
  369.  
  370. <div class="bubble b-dorit">
  371. <p>thank u for the</p>
  372. <p><img src="http://static.tumblr.com/cdqiodf/VSXmqmfkg/dorite-2.png" alt="" /></p>
  373. <img src="http://static.tumblr.com/cdqiodf/86lmqmfjt/love.gif" alt="" />
  374. <div class="navs">
  375.     <a class="back-main pointer">&laquo; back to main</a>
  376. </div><!--navs-->
  377. </div><!--b-dorit-->
  378.  
  379. <div id="sprite"><img src="{image:sidebar sprite}" id="pooch" alt="" /></div><!--sprite-->
  380. </div><!--interact-->
  381.  
  382. <div id="food-tray">
  383. <div id="food-tab">drag & drop</div><!--food-tab-->
  384. <div style="padding:5px 5px 2px 3px;width:90px;height:30px;">
  385. <span class="sels" id="f-apple" title="apple"><img src="http://static.tumblr.com/cdqiodf/c4Wmqmfl0/apple-1.png" alt="" /></span>
  386. <span class="sels" id="f-popta" title="poptart"><img src="http://static.tumblr.com/cdqiodf/02dmqmfrj/poptart.png" alt="" /></span>
  387. <span class="sels" id="f-dorit" title="dorite"><img src="http://static.tumblr.com/cdqiodf/GnBmqmflc/dorite.png" alt="" /></span>
  388. </div>
  389. </div><!--food-tray-->
  390.  
  391. <!-- DO NOT REMOVE -->
  392. <a href="http://zweilous.tumblr.com/" title="theme by zweilous" id="onis"><span>&divide;</span></a>
  393. <!-- DO NOT REMOVE -->
  394.  
  395. {block:Posts}
  396. <div class="post">
  397. <div class="post-content">
  398. {block:Quote}
  399. <div class="sout">
  400. <div class="quo">"{Quote}"</div><!--quo-->
  401. <div style="text-align:right;">&mdash; {Source}</div>
  402. </div><!--sout-->
  403. {/block:Quote}
  404.  
  405. {block:Text}
  406. <div class="sout">
  407. {block:Title}<div class="quo">{Title}</div><!--quo-->{/block:Title}
  408. <div>{Body}</div>
  409. </div><!--sout-->
  410. {/block:Text}
  411.  
  412. {block:Link}
  413. <div class="sout">
  414. <div class="quo"><a href="{URL}" target="_blank">{Name}</a></div><!--quo-->
  415. {block:Description}<div>{Description}</div>
  416. {/block:Description}
  417. </div><!--sout-->
  418. {/block:Link}
  419.  
  420. {block:Chat}
  421. <div class="sout">
  422. {block:Title}<div class="quo" style="margin-bottom:5px;">{Title}</div><!--quo-->{/block:Title}
  423. <div style="padding:5px;">
  424. {block:Lines}<div id="{Alt}" class="lino">{block:Label}<span class="labes">{Label}</span>{/block:Label} <span>{Line}</span></div>{/block:Lines}
  425. </div>
  426. </div><!--sout-->
  427. {/block:Chat}
  428.  
  429. {block:Answer}
  430. <div class="sout">
  431. <table>
  432. <tr>
  433. <td><div class="ques">{Question}</div></td>
  434. </tr>
  435. <tr>
  436. <td align="center"><div class="quesa"><img src="{AskerPortraitURL-30}" alt="" /> <span class="quo queso">{Asker}</span></div></td>
  437. </tr>
  438. </table>
  439. <div>{Answer}</div>
  440. </div><!--sout-->
  441. {/block:Answer}
  442.  
  443. {block:Audio}
  444. <div class="aout">
  445. <div class="audios">
  446. <div class="meek">{block:AlbumArt}<img src="{AlbumArtURL}" style="height:120px;width:120px;" alt="" />{/block:AlbumArt}</div><!--meek-->
  447. <div class="a-around"><div class="audiobutton">
  448. {AudioPlayerWhite}
  449. </div><!--audiobutton--></div><!--a-around-->
  450. <div class="trackinfo">
  451. {block:TrackName}<div class="trackname">{TrackName}</div><!--trackname-->{/block:TrackName}
  452. {block:Artist}<div>{Artist}</div>{/block:Artist}
  453. {block:Album}<div>{Album}</div>{/block:Album}
  454. </div><!--trackinfo-->
  455. </div><!--audios-->
  456. </div><!--aout-->
  457. {block:Caption}<div class="sout">{Caption}</div><!--sout-->{/block:Caption}
  458. {/block:Audio}
  459.  
  460. {block:Photo}
  461. <div style="text-align:center;margin-bottom:-3px;">
  462. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  463. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  464. <img src="{PhotoURL-500}" alt="" />
  465. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  466. {/block:IndexPage}</a>{/block:IndexPage}
  467. </div>
  468. <div class="tout">
  469. {block:Caption}<div class="caps">{Caption}</div><!--caps-->{/block:Caption}
  470. </div><!--tout-->
  471. {/block:Photo}
  472.  
  473. {block:Photoset}
  474. <div style="margin-bottom:-3px;">  
  475. {Photoset-500}
  476. </div>
  477. <div class="tout">
  478. {block:Caption}<div class="caps">{Caption}</div><!--caps-->{/block:Caption}
  479. </div><!--tout-->
  480. {/block:Photoset}
  481.  
  482. {block:Video}
  483. <div>{Video-500}</div>
  484. <div class="tout">
  485. {block:Caption}<div class="caps">{Caption}</div><!--caps-->{/block:Caption}
  486. </div><!--tout-->
  487. {/block:Video}
  488.  
  489. {block:PermalinkPage}
  490. <div class="bloose">
  491. {block:NoteCount}
  492. <span style="float:right;"><a href="{Permalink}">{NoteCountWithLabel}</a>
  493. {block:RebloggedFrom}
  494. \ <a title="source: {ReblogRootName}" href="{ReblogRootURL}">source</a> \ <a title="via: {ReblogParentName}" href="{ReblogParentURL}">via</a>
  495. {/block:RebloggedFrom}
  496. </span>
  497. {/block:NoteCount}
  498.  
  499. {block:Date}<span><a href="{Permalink}">{TimeAgo}</a></span>{/block:Date}
  500.  
  501. {block:HasTags}
  502. <div>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  503. {/block:HasTags}
  504.  
  505. {block:ContentSource}
  506. <div style="display:none;"><a href="{SourceURL}" class="source_url">
  507. <span style="text-transform:lowercase;">{lang:Source}</span>:
  508. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  509. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  510. </a></div>
  511. {/block:ContentSource}
  512. </div><!--bloose-->
  513.  
  514. {block:PostNotes}<div class="gavyn-is-a-butt">{PostNotes}</div>{/block:PostNotes}
  515. {/block:PermalinkPage}
  516. </div><!--post-content-->
  517.  
  518. {block:IndexPage}
  519. <div class="bloose2">
  520. <div class="f-ribbon"></div><!--f-ribbon-->
  521. <div class="f-overlay"></div><!--f-overlay-->
  522. <div class="f-ribbon2"></div><!--f-ribbon2-->
  523. <div class="f-overlay2"></div><!--f-overlay2-->
  524. {block:NoteCount}
  525. <span style="float:right;"><a href="{Permalink}">{NoteCountWithLabel}</a>
  526. </span>
  527. {/block:NoteCount}
  528.  
  529. {block:Date}<span><a href="{Permalink}">{TimeAgo}</a></span>{/block:Date}
  530.  
  531. {block:HasTags}
  532. <div>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  533. {/block:HasTags}
  534.  
  535. {block:ContentSource}
  536. <div style="display:none;"><a href="{SourceURL}" class="source_url">
  537. <span style="text-transform:lowercase;">{lang:Source}</span>:
  538. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  539. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  540. </a></div>
  541. {/block:ContentSource}
  542. </div><!--bloose2-->
  543. {/block:IndexPage}
  544.  
  545. </div><!--post-->
  546. {/block:Posts}
  547.  
  548. </div><!--container-->
  549. </body>
  550. </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!