Advertisement
lubbilubb

cold donuts

Mar 20th, 2015
466
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.31 KB | None | 0 0
  1. <!--
  2.  
  3. i hate myself
  4.  
  5. -->
  6.  
  7. <!DOCTYPE html>
  8. <html>
  9. <head>
  10.  
  11. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  12. {block:Description}<meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14. <link rel="shortcut icon" href="{image:favicon}" />
  15.  
  16.  
  17. <meta name="color:background" content="#ffdada" />
  18. <meta name="color:links bg" content="#D4C4DE" />
  19. <meta name="color:text" content="#000000" />
  20. <meta name="color:links" content="#5B4470" />
  21. <meta name="color:links hover" content="#ffffff" />
  22. <meta name="color:highlight" content="#000000" />
  23. <meta name="color:highlight text" content="#ffffff" />
  24. <meta name="color:scrollbar background" content="#000000" />
  25. <meta name="color:scrollbar" content="#ffffff" />
  26. <meta name="color:scrollbar border" content="#000000" />
  27.  
  28. <meta name="image:background" content="http://static.tumblr.com/bba957aaef8250caeea4228dd6a6fb3e/apnhngn/yTynbp77x/tumblr_static_1guzqf68cmck0w4cs88484g0o.jpg" />
  29. <meta name="image:favicon" content="http://static.tumblr.com/414502a306b33c79ad8b014d463182f1/apnhngn/Xcenbplej/tumblr_static_18nbz006k7s0cco44sww40ww0.gif" />
  30. <meta name="image:sidebar" content="http://static.tumblr.com/fe25335453df57d7e5a136a4b8f84fc2/apnhngn/YODnbp77x/tumblr_static_8hefq18vqqkg08oggc4cgssgs.gif" />
  31. <meta name="image:transparent" content="" />
  32.  
  33. <meta name="select:font" content="arial" title="arial">
  34. <meta name="select:font" content="courier new" title="courier new">
  35. <meta name="select:font" content="consolas" title="consolas">
  36. <meta name="select:font" content="dotum" title="dotum">
  37. <meta name="select:font" content="lucida console" title="lucida console">
  38. <meta name="select:font" content="ms gothic" title="ms gothic">
  39. <meta name="select:font" content="verdana" title="verdana">
  40.  
  41. <meta name="if:250px posts" content="0" />
  42. <meta name="if:400px posts" content="1" />
  43. <meta name="if:max bg" content="0" />
  44. <meta name="if:infinite scroll" content="0">
  45. <meta name="if:tiny cursor" content="1">
  46. <meta name="if:hide description" content="0" />
  47. <meta name="if:hide captions" content="0">
  48. <meta name="if:hide tags" content="0">
  49.  
  50. <meta name="text:sidebar height" content="250" />
  51. <meta name="text:font size" content="11" />
  52. <meta name="text:note symbol" content="❤" />
  53. <meta name="text:separator" content="/" />
  54. <meta name="text:button open" content="。。。" />
  55. <meta name="text:button close" content="。。。" />
  56. <meta name="text:link 1 title" content="" />
  57. <meta name="text:link 2 title" content="" />
  58. <meta name="text:link 3 title" content="" />
  59. <meta name="text:url 1" content="" />
  60. <meta name="text:url 2" content="" />
  61. <meta name="text:url 3" content="" />
  62. <meta name="text:transparent horizontal" content=""/>
  63. <meta name="text:transparent vertical" content=""/>
  64.  
  65. <style type="text/css">
  66.  
  67. @font-face {
  68. font-family: 'Inconsolata';
  69. font-style: normal;
  70. font-weight: 250;
  71. src: local('Inconsolata'), url(http://themes.googleusercontent.com/static/fonts/inconsolata/v7/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
  72. }
  73.  
  74. ::-webkit-scrollbar {width: 6px; height: 3px; background: {color:scrollbar background};}
  75. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar} ; border: 1px solid {color:scrollbar border}; }
  76.  
  77. ::selection {
  78. background: {color:highlight};
  79. color: {color:highlight text};
  80. }
  81. ::-moz-selection {
  82. background: {color:highlight};
  83. color: {color:highlight text};
  84. }
  85.  
  86. {block:iftinycursor}body, a {
  87. cursor:url('http://i.imgur.com/2qleX.jpg'), auto
  88. }
  89.  
  90. a:hover {
  91. cursor: url('http://i.imgur.com/IepP2.jpg'), auto;
  92.  
  93. } {/block:iftinycursor}
  94.  
  95. body {
  96. background: {color:Background} url('{image:Background}') top left fixed repeat; {block:ifmaxbg}background-size:cover;{/block:ifmaxbg};
  97. color: {color:text};
  98. font-family: {select:font};
  99. font-size: {text:font size}px;
  100. }
  101.  
  102. #sidebar {
  103. background-color: opacity 0;
  104. width: 120px;
  105. position: fixed;
  106. top: {text:sidebar height}px;
  107. left: 330px;
  108. }
  109.  
  110. #sidebar .image {
  111. width:auto;
  112. }
  113.  
  114. #sidebar .description {
  115. color: {color:text};
  116. font-family: {select:font};
  117. font-size: {text:font size}px;
  118. text-align: center;
  119. margin-top:3px;
  120. {block:ifhidedescription}display: none;{/block:ifhidedescription}
  121. }
  122.  
  123. #content {
  124. width: {block:if250pxposts}250px;{/block:if250pxposts} {block:if400pxposts}400px;{/block:if400pxposts}
  125. margin: 10px 0 60px 530px;
  126. padding: 25px 0 40px;
  127. color: black;
  128. }
  129.  
  130. #content #posts {
  131. width: {block:if250pxposts}250px;{/block:if250pxposts} {block:if400pxposts}400px;{/block:if400pxposts}
  132. background:transparent;
  133. margin-bottom: 40px;
  134. padding: 5px;
  135. color: {color:text};
  136. word-wrap: break-word;
  137. }
  138.  
  139. #content a {
  140. background-color:{color:links bg};
  141. color: {color:links};
  142. text-decoration: none;
  143. font-size: {text:font size}px;
  144. }
  145.  
  146. #content a:hover {
  147. background:transparent;
  148. color: {color:links hover};
  149. text-decoration: none
  150. }
  151.  
  152. #content blockquote {
  153. border-left: solid 2px black;
  154. margin: 0;
  155. padding-left: 10px;
  156. }
  157.  
  158. #posts #img {
  159. border: 0;
  160. text-align:center;
  161. max-width:100%;
  162. }
  163.  
  164. #posts #img a {
  165. background:transparent;
  166. }
  167.  
  168. #content #posts .title {
  169. font-size: 18px;
  170. font-weight:bold;
  171. }
  172.  
  173. #content #posts .neji {
  174. font-size:{text:font size}px;
  175. overflow: hidden;
  176. }
  177.  
  178. #content #posts #permalink {
  179. background-color: transparent;
  180. text-align: center;
  181. padding: 2px 7px 3px 0;
  182. }
  183.  
  184. #content #posts #permalink a{
  185. background-color:{color:links bg};
  186. color: {color:links};
  187. text-decoration:none;
  188. }
  189.  
  190. #content #posts #permalink a:hover{
  191. background:transparent;
  192. color: {color:links hover};
  193. padding-left:4px;
  194. padding-right:4px;
  195. text-decoration:none;
  196. }
  197.  
  198. #content #posts #tags .comma:last-child {
  199. display: none;
  200. }
  201.  
  202.  
  203. #posts #caption {
  204. {block:ifhidecaptions}{block:IndexPage}
  205. display: none;{/block:IndexPage}{block:ifhidecaptions}
  206. }
  207.  
  208.  
  209. #tags {
  210. {block:ifhidetags}{block:IndexPage}
  211. display: none;{/block:IndexPage}{block:ifhidetags}
  212. margin-top: 3px;
  213. }
  214.  
  215.  
  216. .aa {
  217. {block:if250pxposts}width:250px;{/block:if250pxposts}
  218. {block:if400pxposts}width:400px;{/block:if400pxposts}
  219. }
  220.  
  221. .ap {
  222. background:black;
  223. {block:if250pxposts}width:250px;{/block:if250pxposts}
  224. {block:if400pxposts}width:400px;{/block:if400pxposts}
  225. margin-bottom:3px;
  226. }
  227.  
  228.  
  229. .gwisoon {
  230. width: 20px;
  231. height: 30px;
  232. overflow: hidden;
  233. position: relative;
  234. z-index: 1000;
  235. margin: 15px 24px 13px 16px;
  236. }
  237.  
  238. .daesung {
  239. background-color: #000;
  240. position: absolute;
  241. z-index: 1000;
  242. margin-top: {block:if250pxposts}100px{/block:if250pxposts} {block:if400pxposts}171px{/block:if400pxposts};
  243. margin-left: {block:if250pxposts}95px{/block:if250pxposts} {block:if400pxposts}167px{/block:if400pxposts};
  244. opacity:.69;
  245. }
  246.  
  247. img {
  248. border: 0;
  249. max-width: 100%;
  250. }
  251.  
  252. .chat ul {
  253. list-style: none;
  254. margin: 0;
  255. padding: 0;
  256. color:black;
  257. }
  258.  
  259. .aj {
  260. font-size:{text:font size}px;
  261. margin-top:4px;
  262. line-height:145%;
  263. text-decoration: none;
  264. font-size: {text:font size}px;
  265. }
  266.  
  267. .aj a {
  268. background-color:{color:links bg};
  269. color:{color:links};
  270. }
  271.  
  272. .aj a:hover {
  273. background:transparent;
  274. color:{color:linkshover};
  275. }
  276.  
  277. .ni {
  278. text-align:right;
  279. clear:both;
  280. }
  281.  
  282. .date {
  283. text-align:right;
  284. clear:both;
  285. }
  286.  
  287. .tagsp {
  288. text-align:right;
  289. clear:both;
  290. }
  291.  
  292. #posts #caption {
  293. {block:ifhidecaptions}{block:IndexPage}
  294. display: none;{/block:IndexPage}{block:ifhidecaptions}
  295. clear: both;
  296. }
  297.  
  298. .zen {
  299. text-align:right;
  300. }
  301.  
  302. .lt {
  303. font-size:18px;
  304. font-style:bold;
  305. background-color:{color:links bg};
  306. text-align:center;
  307. padding:14px;
  308. }
  309.  
  310. .lt:hover{
  311. background-color:transparent;
  312. }
  313.  
  314. .ld {
  315. padding:14px;
  316. }
  317.  
  318. <style type="text/css">{CustomCSS}</style>
  319.  
  320. {block:ifinfinitescroll}
  321. <script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>
  322. {/block:ifinfinitescroll}
  323.  
  324. </head>
  325.  
  326. <body>
  327.  
  328. <div id="sidebar">
  329. <center><a href="/"><img class="image" src="{image:sidebar}" style="max-width:100%;"/></a>
  330. <div class="description">
  331. {description}</div>
  332.  
  333. <center>
  334. <div style="margin-top: 10px; margin-left: 0px; margin-bottom:-10px;
  335.  
  336. font-size: 10px;
  337. font-family: {block:ifcustomfont}bitxmap{/block:ifcustomfont}{block:ifnotcustomfont}{font:accent} {/block:ifnotcustomfont};
  338.  
  339.  
  340. color:{color:links};
  341.  
  342.  
  343. text-decoration:none;
  344.  
  345. "><div style=""><button type="button" class="button" onmouseover="this.sv=this.style.backgroundColor; this.style.backgroundColor='#f4f4f4';" onmouseout="if(this.sv)this.style.backgroundColor=this.sv; else this.style.backgroundColor='';" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none'; return false;" style="">{text:button open}</button></div><div class="spoiler" style="display: none;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.parentNode.childNodes[0].style.display = ''; this.parentNode.parentNode.style.display = 'none'; return false;">{text:button close}</button></div>
  346. <div class="aj"><a href="/">home</a></br>
  347. <a href="/ask">ask</a></br>
  348. {block:iflink1title}<a href="{text:url 1}">{text:link 1 title}</a></br>{block:iflink1title}
  349. {block:iflink2title}<a href="{text:url 2}">{text:link 2 title}</a></br>{block:iflink2title}
  350. {block:iflink3title}<a href="{text:url 3}">{text:link 3 title}</a></br>{block:iflink3title}
  351. <a href="http://330px.tumblr.com/">credit</a></br>
  352. </div>
  353. </td>
  354. </tr>
  355. </div></div>
  356. </center>
  357. </div></div>
  358.  
  359. <div id="content">
  360.  
  361. <div class="autopagerize_page_element">
  362. {block:Posts}
  363.  
  364. {block:NoRebloggedFrom}
  365. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  366. {/block:NoRebloggedFrom}
  367.  
  368. {block:ContentSource}
  369. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  370. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  371. {/block:SourceLogo}
  372. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  373. {/block:ContentSource}
  374.  
  375. <div id="posts">
  376.  
  377. {block:Photo}<div id="img">
  378. {LinkOpenTag}{block:if250pxposts}<img src="{PhotoURL-250}" />{/block:if250pxposts}{LinkCloseTag}{block:if400pxposts}<img src="{PhotoURL-400}" />{/block:if400pxposts}</div>{/block:Photo}
  379.  
  380. {block:Photoset}
  381. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}{block:if400pxposts}{Photoset-400}{/block:if400pxposts}{/block:Photoset}
  382.  
  383. {block:Video}
  384. {block:if250pxposts}{Video-250}{/block:if250pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}
  385. {/block:Video}
  386.  
  387. {block:audio}
  388.  
  389. {block:AlbumArt}
  390. <div class="aa"><img src="{AlbumArtURL}"></div>
  391. {/block:AlbumArt}
  392.  
  393. {block:audioplayer}<div class="ap">{AudioplayerBlack}
  394. </div>{/block:audioplayer}
  395.  
  396. {/block:Audio}
  397.  
  398. {block:Text}
  399. {block:Title}<div class="title">{Title}</div>{/block:Title}
  400. <div class="neji">{Body}</div>
  401. {/block:Text}
  402.  
  403. {block:Answer}<b>{Asker} asked:</b> {Question}
  404. {Answer}{/block:Answer}
  405.  
  406. {block:Chat}
  407. {block:Title}<div class="title">{Title}<br /></div>{/block:Title}
  408. <div class="chat">
  409. <ul>
  410. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  411. </ul>
  412. </div>
  413. {/block:Chat}
  414.  
  415. {block:Quote}
  416. <div class="title">“{Quote}”</div>
  417. {block:Source}<div class="zen"><br>- {Source}</div>{/block:Source}
  418. {/block:Quote}
  419.  
  420. {block:Link}
  421. <a href="{URL}" ><div class="lt">{Name} »</div></a>
  422. {block:description}<div class="ld">{Description}</div>{/block:description}
  423. {/block:Link}
  424.  
  425. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  426.  
  427. <div id="permalink">
  428. {block:indexpage}<a href="{Permalink}">{NoteCount}{text:note symbol}</a> {text:separator} <a href="{ReblogURL}"> Reblog </a>
  429. {block:HasTags}<div id="tags">
  430. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  431. </div>
  432. {/block:HasTags}</div>{/block:indexpage}</div>
  433.  
  434. {block:permalinkpage}<div class="ni">{block:NoteCount}Notes: {NoteCount}{/block:NoteCount}</div>
  435.  
  436. <div class="date">{block:date}Posted: {Month} {DayofMonth} {Year}, {24Hour}:{Minutes}{/block:date}</div>
  437.  
  438. <div class="tagsp">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  439. {/block:HasTags}</div>
  440.  
  441. {block:PostNotes}{PostNotes}{/block:PostNotes}
  442. {/block:permalinkpage}
  443.  
  444.  
  445.  
  446. {/block:Posts}
  447.  
  448. {block:ifnotinfinitescroll}
  449. <center>
  450. {block:Pagination}
  451. <div class="pagination">
  452. {block:PreviousPage}
  453. <a href="{PreviousPage}">Previous</a>
  454. {/block:PreviousPage}
  455.  
  456. {block:JumpPagination length="5"}
  457. {block:CurrentPage}
  458. <span class="current_page">{PageNumber}</span>
  459. {/block:CurrentPage}
  460.  
  461. {block:JumpPage}
  462. <a class="jump_page" href="{URL}">{PageNumber}</a>
  463. {/block:JumpPage}
  464. {/block:JumpPagination}
  465.  
  466. {block:NextPage}
  467. <a href="{NextPage}">Next</a>
  468. {/block:NextPage}
  469. </div>
  470. {/block:Pagination}
  471. </div></center>{/block:ifnotinfinitescroll}
  472. </div>
  473.  
  474. <div style="position:fixed; z-index:-1; left:{text:transparent horizontal}px; bottom:{text:transparent vertical}px; opacity:1;"><img style="width:100%;" src="{image:transparent}"></div>
  475.  
  476. </body>
  477. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement