odeysseus_thm

theme / INTERLUDE

Aug 2nd, 2018
3,416
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.47 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11. interlude
  12.  
  13. @odeysseus
  14.  
  15.  
  16.  
  17.  
  18.  
  19. - made for the #nojschallenge !
  20. - credits listed at odeysseus.tumblr.com/credit
  21.  
  22. -->
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <title>{Title}</title>
  29.  
  30. <!--metas-->
  31.  
  32.  
  33. <meta name="color:background" content=""/>
  34. <meta name="color:text" content="#767676"/>
  35. <meta name="color:link" content="#aaa"/>
  36. <meta name="color:accent" content="#47acb7"/>
  37. <meta name="color:accent dark" content="#444"/>
  38. <meta name="color:post background" content="#f6f6f6"/>
  39. <meta name="if:hide caption" content="0"/>
  40. <meta name="if:show tags" content="1"/>
  41.  
  42. <meta name="text:link 1 url" content=""/>
  43. <meta name="text:link 1" content=""/>
  44. <meta name="text:link 2 url" content=""/>
  45. <meta name="text:link 2" content=""/>
  46. <meta name="text:link 3 url" content=""/>
  47. <meta name="text:link 3" content=""/>
  48. <meta name="text:link 4 url" content=""/>
  49. <meta name="text:link 4" content=""/>
  50. <meta name="text:link 5 url" content=""/>
  51. <meta name="text:link 5" content=""/>
  52. <meta name="text:link 6 url" content=""/>
  53. <meta name="text:link 6" content=""/>
  54. <meta name="text:link 7 url" content=""/>
  55. <meta name="text:link 7" content=""/>
  56. <meta name="text:link 8 url" content=""/>
  57. <meta name="text:link 8" content=""/>
  58. <meta name="text:link 9 url" content=""/>
  59. <meta name="text:link 9" content=""/>
  60.  
  61. <meta name="text:font size" content="11px"/>
  62. <meta name="text:about" content="extra popup abt here! if you don't need this just leave the box blank and only ur description will show"/>
  63.  
  64.  
  65. <meta name="select:post align" content="top" title="top"/>
  66. <meta name="select:post align" content="middle" title="middle"/>
  67. <meta name="select:post align" content="baseline" title="bottom"/>
  68. <meta name="select:post align" content="grid" title="grid"/>
  69.  
  70. <meta name="select:column number" content="1"/>
  71. <meta name="select:column number" content="2"/>
  72.  
  73. <meta name="select:font" content="ABeeZee"/>
  74. <meta name="select:font" content="PT Serif"/>
  75. <meta name="select:font" content="Work Sans"/>
  76. <meta name="select:font" content="Open Sans"/>
  77. <meta name="select:font" content="Overpass"/>
  78. <meta name="select:font" content="Karla"/>
  79. <meta name="select:font" content="Source Serif Pro"/>
  80. <meta name="select:font" content="Tajawal"/>
  81. <meta name="select:font" content="Georgia"/>
  82. <meta name="select:font" content="Lato"/>
  83. <meta name="select:font" content="Nanum Gothic"/>
  84. <meta name="select:font" content="Trebuchet MS"/>
  85.  
  86.  
  87. <link href='https://fonts.googleapis.com/css?family={select:font}:400,400italic,600,600italic|Inconsolata' rel='stylesheet' type='text/css'>
  88. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  89. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  90.  
  91. <style type="text/css">
  92.  
  93. /* general */
  94.  
  95. * { margin:0;padding:0;box-sizing:border-box; }
  96.  
  97. @-webkit-keyframes fadein {
  98. 0% {opacity: 0;}
  99. 100% { opacity: 1; }
  100. }
  101.  
  102. @-moz-keyframes fadein {
  103. 0% { opacity: 0; }
  104. 100% { opacity: 1; }
  105. }
  106.  
  107. @keyframes fadein {
  108. 0% { opacity: 0; }
  109. 100% { opacity: 1; }
  110. }
  111.  
  112.  
  113. ::-webkit-scrollbar{
  114. height:3px;
  115. width:7px;
  116. background:#fff;
  117. }
  118.  
  119. ::-webkit-scrollbar-thumb {
  120. background:rgba({RGBcolor:accent},0.5);
  121. border:3px solid #fff;
  122. }
  123.  
  124. ::-webkit-scrollbar-track {
  125. background:#eee;
  126. border:3px solid #fff;
  127. }
  128.  
  129. ::-moz-selection{
  130. background: rgba({RGBcolor:accent},.2);
  131. color:{color:accent dark};
  132. }
  133.  
  134. ::selection {
  135. background: rgba({RGBcolor:accent},.2);
  136. color:{color:accent dark};
  137. }
  138.  
  139.  
  140. .tmblr-iframe{
  141. white-space:nowrap;
  142. -webkit-filter: invert(100%);
  143. -moz-filter: invert(100%);
  144. -o-filter: invert(100%);
  145. -ms-filter: invert(100%);
  146. filter: invert(100%);
  147. opacity:.2;
  148. transition: .4s ease-in-out;
  149. transform:scale(0.7,0.7);
  150. transform-origin:right top;
  151. }
  152.  
  153. .tmblr-iframe:hover { opacity:1; }
  154.  
  155. blockquote {
  156. padding:0px 0px 0px 10px;
  157. margin:0px 0px 0px 10px;
  158. border-left:1px solid #eee;
  159. }
  160.  
  161. pre,code {
  162. white-space: pre-wrap;
  163. white-space: -moz-pre-wrap;
  164. white-space: -pre-wrap;
  165. white-space: -o-pre-wrap;
  166. word-wrap: break-word;
  167. font-family:'Inconsolata',monospace;
  168. }
  169.  
  170. body {
  171. background:{color:background};
  172. color:{color:text};
  173. font-family:'{select:font}',sans-serif;
  174. font-weight:400;
  175. font-size:{text:font size};
  176. text-align:left;
  177. line-height:180%;
  178. -moz-osx-font-smoothing:grayscale;
  179. -webkit-font-smoothing:antialiased;
  180. font-smoothing:antialiased;
  181. }
  182.  
  183.  
  184. a { color:{color:link};text-decoration:none;}
  185. a,a b,.tags { transition:0.25s ease-in-out; }
  186. .tags a { margin-right:5px; } .tags { word-wrap:break-word;font-style:italic; }
  187. a:hover,a.user:hover,a.t:hover,.up a:hover { color:{color:accent}!important; }
  188. b,strong { font-weight:600;color:{color:accent dark}; }
  189. p { margin:10px 0px 0px; }
  190. img{ opacity:1;border:none;text-decoration:none;}
  191. small { font-size:calc({text:font size} - 0.5px); }
  192. hr { width:100%;background:#eee;height:1px;border:none;display:block;margin:10px 0px; }
  193. .posts ul { margin-top:10px;list-style:square;margin-left:20px; }
  194. big { font-size:calc({text:font size} + 0.5px); }
  195. h1,h2,h3,h4,h5,h6 { padding:0 10px 10px;margin:0 -10px 10px;border-bottom:1px solid #eee;font-size:calc({text:font size} + 2px);color:{color:accent dark};font-weight:400;} h1 i { font-style:normal;} h1 a,h1 i a { color:{color:accent dark};} .posts img, .posts li, .posts blockquote { max-width:100%;height:auto;}
  196.  
  197. /* posts */
  198.  
  199. .entries { margin:80px auto;{block:permalinkpage}width:520px;padding:10px 0;{/block:permalinkpage}{block:indexpage}width:calc(525px * {select:column number});{/block:indexpage}background:{color:post background}; }
  200. .stuff { {block:permalinkpage}width:520px;{/block:permalinkpage}{block:indexpage}width:calc(525px * {select:column number});{/block:indexpage}margin:80px auto 0;}
  201. .posts { {block:indexpage}vertical-align:{select:post align};margin:60px;display:inline-block;{/block:indexpage} position:relative;width:400px;{block:permalinkpage}margin:60px auto;{/block:permalinkpage}-webkit-animation: fadein 1s;-moz-animation:fadein 1s;animation:fadein 1s; }
  202.  
  203. .grid .entries { column-count:{select:column number};}
  204. .grid .posts { break-inside:avoid;display:inline-block;}
  205.  
  206. /* captions */
  207.  
  208. .caption {
  209. background:#fff;
  210. padding:10px;
  211. margin-top:-5px;
  212. margin-bottom:5px;
  213. border-bottom:1px solid #eee;
  214. {block:ifhidecaption}
  215. {block:indexpage}
  216. display:none;
  217. {/block:indexpage}
  218. {/block:ifhidecaption}
  219.  
  220. }
  221.  
  222. .user,a.user,.asker,.asker a,a.answerer { color:{color:accent dark};}
  223. .user,.answerer { display:block;margin-top:10px;margin-bottom:-10px;}
  224. .user:first-of-type { margin-top:0;}
  225.  
  226. /* notes */
  227.  
  228. ol.notes { margin-top:20px;list-style-type:none;font-style:normal;}
  229. li.note { padding:0;margin:2px 0px;font-style:normal; }
  230. .notes_loading, .more_notes_link { font-weight:bold;float:left;text-align:left!important;text-transform:lowercase;}
  231. .notes img { display:none!important; }
  232. ol.notes li.note blockquote { padding:4px 10px;margin:5px 0px 0px 15px;}
  233.  
  234. /* quotes */
  235.  
  236. .quote { font-size:calc({text:font size} + 2px);color:{color:accent dark};border-bottom:1px solid #eee;padding:10px;background:#fff; } .quotesource { font-style:italic;padding:10px;background:#fff;border-bottom:1px solid #eee;z-index:2;margin-bottom:5px;}
  237. .quotesource .tumblr_blog { top:0px;position:relative;}
  238. .tp { padding:10px;background:#fff;border-bottom:1px solid #eee;margin-bottom:5px; }
  239.  
  240. /* chat */
  241.  
  242. .chat { list-style:none;}
  243. .line { list-style:none;padding:10px;}
  244. .line.odd { background:#fff; }
  245. .line:last-of-type { border-bottom:1px solid #eee;margin-bottom:5px; }
  246. .label { color:{color:accent dark};text-transform:uppercase;letter-spacing:.5px;}
  247.  
  248. /* asks */
  249.  
  250. .question { padding:10px;background:#fff; }
  251. .asker a:hover,.answer b a:hover { color:{color:accent}} .answer b a { color:{color:accent dark};} .asker { text-transform:lowercase; } .answer { margin-bottom:5px;border-bottom:1px solid #eee;padding:2px 10px 10px;margin-top:-5px;border-top:1px solid #eee;background:#fff; }
  252.  
  253. /* audio */
  254.  
  255. .audio { padding:10px;background:#fff;border-bottom:1px solid #eee;margin-bottom:5px; }
  256. .player { display:inline-block;width:50px;background:#f2f2f2;height:50px;overflow:hidden;margin-bottom:-5px;}
  257. .audio_d { display:inline-block;margin:-10px 0 -10px 10px;padding:10px 0 10px 15px;border-left:1px solid #eee;}
  258.  
  259. .tumblr_audio_player { width:40px;margin:10px 7px;height:40px;overflow:hidden;}
  260. iframe.spotify_audio_player { height:80px;overflow-y:hidden!important; }
  261.  
  262. /* lightboxes */
  263.  
  264. #vignette,.vignette { opacity:0!important; } .lightbox-image,#tumblr_lightbox img { box-shadow:none!important; border-radius:0!important;} #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!important; } #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility:hidden; } .lightbox-caption,#tumblr_lightbox_caption { opacity:0; }
  265.  
  266. /* etc */
  267.  
  268. #fuckchad {
  269. bottom:27px;
  270. position:fixed;
  271. right:27px;
  272. }
  273.  
  274. /* footer stuff */
  275.  
  276. #pagination a { margin:0px 5px; }
  277. .current_page { margin:0px 5px;font-weight:700;color:{color:accent}; }
  278. footer { width:400px;margin:auto;text-align:center;margin-bottom:80px;}
  279.  
  280. /* info */
  281.  
  282. .inf { background:#fff;padding:10px;z-index:1;margin-top:-5px; }
  283. a.nc { {block:indexpage}text-transform:uppercase;letter-spacing:.5px;{/block:indexpage}color:{color:accent dark}; }
  284.  
  285. /* header */
  286.  
  287. header { margin:40px 0;padding:27px 0 20px;background:#fff;z-index:1000;position:-webkit-sticky;position:sticky;top:-1px;width:100%;{block:permalinkpage}width:520px;{/block:permalinkpage}}
  288. a.t { color:{color:accent dark};display:block;font-size:calc({text:font size} + 4px);} a.t img { float:left;width:25px;border-radius:100%;margin-right:10px;margin-top:-6px; } nav { float:right;margin-top:-20px; } nav a { margin-left:10px; }
  289.  
  290. /* pop */
  291.  
  292. .modaldialog {
  293. position:fixed;
  294. top:0;
  295. left:0;
  296. width:100%;
  297. height:100%;
  298. background:rgba({RGBcolor:post background},.8);
  299. z-index:10000000;
  300. opacity:0;
  301. -webkit-transition: opacity 400ms ease-in;
  302. -moz-transition: opacity 400ms ease-in;
  303. transition: opacity 400ms ease-in;
  304. pointer-events: none;
  305. }
  306.  
  307. .modaldialog:target {
  308. opacity:1;
  309. pointer-events: auto;
  310. }
  311.  
  312. .modaldialog > div {
  313. position:fixed;
  314. top:50%;
  315. left:50%;
  316. box-sizing:border-box;
  317. background:#fff;
  318. padding:15px;
  319. margin-left:-3px;
  320. width:400px;
  321. transform:translate(-50%,-50%);
  322. }
  323.  
  324. .close {
  325. width:100%;
  326. height:100%;
  327. position:fixed;
  328. top:0;left:0;
  329. }
  330.  
  331. section {
  332. display:none;
  333. margin-top:15px;
  334. -webkit-animation: fadein 1s;
  335. -moz-animation:fadein 1s;
  336. animation:fadein 1s;
  337. }
  338.  
  339. input { display:none; }
  340.  
  341. label {
  342. display:inline-block;
  343. margin:0 -2px -1px;
  344. background:#fff;
  345. width:50.5%;
  346. padding:10px;
  347. font-weight:400;
  348. color:{color:accent dark};
  349. border:1px solid #eee;
  350. transition:.25s ease-in-out;
  351. }
  352.  
  353. label:before {
  354. font-family:'honeybee';
  355. font-weight:normal;
  356. margin-right:5px;
  357. float:left;
  358. }
  359.  
  360. label[for*='abt']:before { content: '\e243'; }
  361. label[for*='nav']:before { content: '\e093'; }
  362.  
  363. label:hover {
  364. cursor:pointer;
  365. }
  366.  
  367. input:checked + label {
  368. background:{color:post background};
  369. }
  370.  
  371. #abt:checked ~ #cabt,
  372. #nav:checked ~ #cnav {
  373. display:block;
  374. }
  375.  
  376. #cnav { margin:15px -8px -5px -6px; }
  377.  
  378. #cnav a {
  379. padding:10px;
  380. background:{color:post background};
  381. display:inline-block;
  382. margin:1.5%;
  383. width:30%;
  384. border:1px solid transparent;
  385. }
  386.  
  387. #cnav a:hover {
  388. background:#fff;
  389. border:1px solid #eee;
  390. }
  391. </style>
  392. </head>
  393.  
  394. <body class="{select:post align}">
  395.  
  396. <modal id="click" class="modaldialog">
  397. <a href="#close" class="close"> </a>
  398. <div class="content">
  399. <input id="abt" type="radio" name="tabs" checked>
  400. <label for="abt">about</label>
  401.  
  402. <input id="nav" type="radio" name="tabs">
  403. <label for="nav">navigate</label>
  404.  
  405. <section id="cabt">
  406. {Description} {block:ifabout} <hr> {text:about} {/block:ifabout}
  407. </section>
  408. <section id="cnav">
  409. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}{block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}{block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}{block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}{block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}{block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}{block:iflink9}<a href="{text:link 9 url}">{text:link 9}</a>{/block:iflink9}
  410. </section>
  411. </div>
  412. </modal>
  413.  
  414. <div class="stuff">
  415. <header>
  416. <a href="/" class="t"><img src="{PortraitURL-64}"/> {Title}</a>
  417. <nav>
  418. <a href="/">home</a>
  419. <a href="/ask">message</a>
  420. <a href="/archive">history</a>
  421. <a href="#click">explore</a>
  422. </nav>
  423. </header>
  424.  
  425. <div class="entries">
  426. {block:Posts}
  427. <div class="posts">
  428.  
  429. {block:Text}
  430. <div class="q tp">{block:Title}<h1>{Title}</h1>{/block:Title} {block:NotReblog}<div class="txt">{Body}</div>{/block:NotReblog} {block:RebloggedFrom}<div class="txt">{block:Reblogs} <a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body} {/block:Reblogs}</div>{/block:RebloggedFrom}</div>{/block:Text}
  431.  
  432. {block:Photo} <div class="q"> <img src="{PhotoURL-400}" alt="{PhotoAlt}"/> {block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Photo}
  433.  
  434. {block:Photoset}<div class="q">{Photoset-400}{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Photoset}
  435.  
  436. {block:Quote}<div class="q txt"><div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}</div>{/block:Quote}
  437.  
  438. {block:Link}<div class="q txt"><h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{block:NotReblog}<div class="caption">{Descriptionn}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Description}</div>{/block:Link}
  439.  
  440. {block:Chat}<div class="q txt">{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div></div>{/block:Chat}
  441.  
  442. {block:Audio}<div class="q txt">{block:AudioPlayer}<div class="audio"><div class="player"> {AudioPlayerWhite}</div><div class="audio_d">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} <br> {Artist} {/block:Artist} {block:PlayCount} <br> {PlayCountWithLabel} {/block:PlayCount}</div></div>{/block:AudioPlayer} {block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Audio}
  443.  
  444. {block:Video}<div class="q"><div class="video iframe">{Video-400}</div>{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Video}
  445.  
  446. {block:Answer}<div class="q txt"><div class="question"> <div class="asker">{Asker}</div> {Question}</div>{block:Answerer}<div class="answer">{Answerer}{Answer}</div>{/block:Answerer} {block:NotReblog}<div class="answer">{Answer}</div>{/block:NotReblog} {block:RebloggedFrom}<div class="txt">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a>{Body}{/block:Reblogs}</div>{/block:RebloggedFrom}</div>{/block:Answer}
  447.  
  448. {block:date}
  449. <div class="inf">
  450. {block:indexpage}
  451. <a href="{Permalink}" class="nc">{NoteCountWithLabel}</a>
  452. {block:ifshowtags}
  453. {block:HasTags}
  454. <div class="tags">
  455. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  456. </div>
  457. {/block:HasTags}
  458. {/block:ifshowtags}
  459. {/block:indexpage}
  460. {block:permalinkpage}
  461. <a class="nc" href="{Permalink}">posted on {DayOfWeek}, {TimeAgo}, with {NoteCountWithLabel}</a>
  462. {block:RebloggedFrom}
  463. <br> <a href="{ReblogParentURL}">via {ReblogParentName}</a>
  464. {block:ContentSource} . <a href="{ReblogRootURL}" >source {ReblogRootName}</a>{/block:ContentSource}
  465. {/block:RebloggedFrom}
  466. {block:HasTags}
  467. <br><div class="tags">
  468. {block:Tags}
  469. <a href="{TagURL}">#{Tag}</a>
  470. {/block:Tags}
  471. </div>
  472. {/block:HasTags}
  473. {/block:permalinkpage}
  474. </div>
  475. {/block:date}
  476. {block:PostNotes}{PostNotes}{/block:PostNotes}
  477. </div>
  478. {/block:Posts}
  479. </div>
  480.  
  481. {block:indexpage}
  482. <footer>
  483. {block:Pagination}<div id="pagination">{block:previouspage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:nextpage}</div>{/block:Pagination}
  484. </footer>
  485. {/block:indexpage}
  486. </div>
  487.  
  488. {block:ContentSource}<!– {SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}” width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  489.  
  490. <div id="fuckchad"><a href="http://odeysseus.tumblr.com">O</a></div>
  491.  
  492. </body>
  493. </html>
Add Comment
Please, Sign In to add comment