Advertisement
ErisNotEros

Theme: Kuro

May 14th, 2012
9,691
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.15 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6.  
  7. ┌┬┐ ┐┌ ┌┐ ┌┬┐ ┌┐ ┌┐ ┌┐ ┐┌ ┌┐ ┌┐ ┐ ┌┐
  8. │ ├┤ ├ │││ ├ └┐ ├┴┐ └┤ ├ ├┴┐ │ └┐
  9. ┴ ┘└ └┘ ┘ └ └┘ └┘ └─┘ ┘ └┘ ┘ └ └ └┘
  10. visit themesbyeris.tumblr.com for more themes
  11.  
  12. -->
  13.  
  14. <head>
  15.  
  16. <meta name="color:Main Title" content="#FFFFFF" />
  17. <meta name="color:Titles" content="#b38e15" />
  18. <meta name="color:Text" content="#afa780" />
  19. <meta name="color:Hover" content="#f1e6b0" />
  20. <meta name="color:Audio Box" content="#9a1c49" />
  21. <meta name="color:Audio Border" content="#70590d" />
  22. <meta name="color:Link Bar" content="#5a0724" />
  23.  
  24. <meta name="image:Background" content="http://static.tumblr.com/bf2313077e1b8d7d4fcaef52677019d1/ar04e8q/LsOome8bp/tumblr_static_866rli538vkskks8ck88kc048.png" />
  25. <meta name="image:Square Image" content="http://static.tumblr.com/948c508654d5d9134abde938c52d9c1a/ar04e8q/odeome86h/tumblr_static_30wsuzr7klq80ks000wsg4ws4.png" />
  26. <meta name="image:Seal" content="http://static.tumblr.com/0bde7e79a8a27fc048265ba51406a0e1/ar04e8q/ZEfome86i/tumblr_static_43q6lxtmc8qoc4kkw880oscwc.png" />
  27.  
  28. <meta name="if:Show RSS Link" content="0" />
  29. <meta name="if:Show Archive Link" content="0" />
  30.  
  31. <meta name="text:Title" content="D-6th" />
  32. <meta name="text:Subtitle" content="" />
  33. <meta name="text:End Note" content="" />
  34.  
  35.  
  36. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38. <link rel="shortcut icon" href="{Favicon}" />
  39. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  41. <link href="https://fonts.googleapis.com/css?family=Lovers+Quarrel" rel="stylesheet">
  42.  
  43. <style type="text/css">
  44.  
  45. body {background-color:#072629; margin:0; padding:0; width:100%; height:100%; word-wrap:break-word; font-family:Arial, sans-serif; font-size:11px; background-image:url({image:Background}); color:{color:Text};}
  46. img {border:0; max-width:100%;}
  47. a {text-decoration:none; color:{color:Text};}
  48. a:hover {color:{color:Hover};}
  49. p {margin:0; margin-bottom:5px;}
  50. ol {margin:3px 0 3px -25px; list-style-type:lower-roman;}
  51. ul {list-style-type:none; margin:3px 0 3px -36px;}
  52. ul li:before {content:"♦"; padding-right:5px;}
  53. blockquote {margin:0 0 0 5px; padding:0 0 0 10px; border-left:dotted 1px {color:Text};}
  54. .clear {clear:both;}
  55.  
  56. #maintitle {font-family:'Lovers Quarrel', cursive; font-size:100px; width:950px; margin:0 auto; padding-top:10px; height:145px; position:relative; z-index:2; text-shadow: 1px 2px #000000; color:{color:Main Title};}
  57. #maintitle a {font-weight:normal; color:{color:Main Title};}
  58. #maintitle .subtitle {font-family:Garamond, Times, serif; font-size:12px; padding-left:15px; opacity:0.7;}
  59.  
  60. #divider {width:100%; height:1px; margin:15px 0; border-top:solid 1px {color:Titles}; border-bottom:dotted 1px {color:Text};}
  61.  
  62. h1, h1 a {font-family:'Lovers Quarrel', cursive; font-size:40px; font-weight:normal; margin:0; line-height:30px; color:{color:Titles};}
  63. h1 a:hover {text-decoration:underline;}
  64.  
  65. #greybox {margin:0 auto; padding:20px; border:solid 1px #333333; position:relative; text-align:center;}
  66. #greybox .corner1, #greybox .corner2, #greybox .corner3, #greybox .corner4 {position:absolute; z-index:2;}
  67. #greybox .corner1 {top:-2px; left:-2px;}
  68. #greybox .corner2 {top:-2px; right:-2px;}
  69. #greybox .corner3 {bottom:-2px; right:-2px;}
  70. #greybox .corner4 {bottom:-2px; left:-2px;}
  71.  
  72.  
  73. /*********INFO*********/
  74. #info {background-image:url(http://25.media.tumblr.com/05114302b1e75257df994606a3e7d9d6/tumblr_mq1272Buk71rw6t7no2_1280.png); width:977px; margin:0 auto 50px; position:relative;}
  75. #info #bordertop {position:absolute; top:-119px; width:977px; height:119px;}
  76. #info #borderbottom {position:absolute; bottom:-112px; width:977px; height:112px;}
  77. #info #description {float:right; width:497px; padding:30px 40px 30px 0; position:relative; z-index:4;}
  78. #info #description a {font-family:'Arial Black', sans-serif;}
  79. #splash {float:right; width:440px; height:440px; margin-right:-19px; margin-bottom:-40px;}
  80. #splash img {width:440px; height:440px; position:absolute;}
  81. #splash .background {z-index:2;}
  82. #splash .foreground {z-index:3;}
  83. #linkbar {width:939px; height:47px; margin:0 auto; padding-top:9px; background-image:url(http://media.tumblr.com/3f88c90e288036b3f196fa2ec3e2e47e/tumblr_inline_mq153wGKB01r8ftsb.png); position:relative; z-index:5; background-color:{color:Link Bar};}
  84. #linkbar #links {border-collapse:collapse; height:100%; width:100%; font-family:Times, serif; font-size:20px; text-align:center; color:#f1e6b0;}
  85. #linkbar #links a {color:#f1e6b0;}
  86. #linkbar #links a:hover {color:#ffffff; text-shadow: 0 0 10px #f1e6b0;}
  87. #linkbar #links td.icon {width:14px;}
  88. #linkbar #links td.originalsite {width:120px; font-size:14px; line-height:14px;}
  89. #linkbar #seal {position:absolute; top:-25px; left:14px; z-index:6;}
  90. #bottom {width:925px; min-height:13px; text-align:right; margin:0 auto; padding:5px 0;}
  91.  
  92.  
  93. /*********POSTS*********/
  94. #wrapper {width:1036px; margin:0 auto; padding:20px 0 30px; position:relative;}
  95. #wrapper #post {float:left; background-image:url(http://25.media.tumblr.com/27dffb0d26ff31bf691ca1c674f10763/tumblr_mq1272Buk71rw6t7no3_500.png); width:460px; min-height:100px; margin:28px; position:relative;}
  96. #wrapper #post #bordertop {position:absolute; top:-15px; width:460px; height:15px;}
  97. #wrapper #post #borderbottom {position:absolute; bottom:-15px; width:460px; height:15px;}
  98.  
  99. #content {width:400px; margin:0 auto; padding:15px 0;}
  100. #content a {font-family:'Arial Black', sans-serif;}
  101. #content h1 a {font-family:'Lovers Quarrel', cursive; color:{color:Titles};}
  102. h1 a:hover {text-decoration:underline;}
  103.  
  104. #date, #date a, #date a:hover {text-align:right; margin-bottom:-10px; font-family:Times, serif; font-size:14px; color:{color:Titles};}
  105. #date a:hover {text-decoration:underline;}
  106.  
  107. #content #media {padding-bottom:10px; width:100%; text-align:center;}
  108. #content .audiobox {width:360px; margin-bottom:10px;}
  109. #content #audio {width:207px; padding:4px 4px 1px; margin:0 auto; background-color:{color:Audio Box}; border:solid 1px {color:Audio Border};}
  110. #content .question, #wrapper #post #content .link {width:360px; margin-bottom:10px; text-align:left;}
  111.  
  112. #content #tags {margin-top:-10px;}
  113. #content #tags a {font-family:'Arial', serif;}
  114.  
  115.  
  116. /*********FOOTER*********/
  117. #footer {background-image:url(http://25.media.tumblr.com/05114302b1e75257df994606a3e7d9d6/tumblr_mq1272Buk71rw6t7no2_1280.png); width:977px; margin:0 auto 50px; padding:15px 0; position:relative;}
  118. #footer #bordertop {position:absolute; top:-15px; width:977px; height:15px;}
  119. #footer #borderbottom {position:absolute; bottom:-15px; width:977px; height:15px;}
  120.  
  121. #footer .navigation {width:686px; font-family:Times, serif; font-size:20px; color:#f1e6b0;}
  122. #footer .navigation a {color:#f1e6b0;}
  123. #footer .navigation a:hover {color:#ffffff; text-shadow: 0 0 10px #f1e6b0;}
  124. #footer .navigation .divider {padding:0 10px;}
  125.  
  126.  
  127. /*********PERMALINK PAGES*********/
  128. #perma {background-image:url(http://25.media.tumblr.com/05114302b1e75257df994606a3e7d9d6/tumblr_mq1272Buk71rw6t7no2_1280.png); width:977px; margin:0 auto 50px; position:relative;}
  129. #perma #bordertop {position:absolute; top:-119px; width:977px; height:119px;}
  130. #perma #borderbottom {position:absolute; bottom:-112px; width:977px; height:112px;}
  131. #perma #content {width:897px;}
  132. #perma #content .audiobox, #perma #content .question, #perma #content .link {width:857px;}
  133. #perma #content .link {margin-bottom:10px;}
  134. #perma #content #media img {max-width:100%; height:auto;}
  135.  
  136.  
  137. /*********OTHER*********/
  138. #notecontainer ol {list-style-type:none; margin:0; padding:0;}
  139. #notecontainer il {margin-bottom:4px;}
  140. #notecontainer img.avatar {width:16px; height:16px; margin-right:10px; position:relative; top:3px;}
  141. #notecontainer blockquote {margin-left:30px;}
  142.  
  143. a.credit {position:fixed; top:50px; right:5px; z-index:99; height:12px; padding:2px 5px 4px 4px; background-color:rgba(0,0,0,0.38); border:1px solid rgba(0,0,0,0.18); border-radius:3px; color:#ffffff; font:bold 12px arial;}
  144.  
  145.  
  146. {CustomCSS}
  147.  
  148. </style>
  149.  
  150. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  151. <script src="http://dl.dropbox.com/u/33213779/jquery.masonry.min.js"></script>
  152. <script>
  153. $(function(){
  154. var $grid = $('#wrapper');
  155. $grid.imagesLoaded( function(){
  156. $grid.masonry({itemSelector : '#post'});
  157. });
  158. });
  159. </script>
  160.  
  161. <!--[if IE]>
  162. <style type="text/css">
  163. #linkbar {height:56px; padding-top:0px;}
  164. </style>
  165. <![endif]-->
  166.  
  167. </head>
  168. <body>
  169. <a href="http://themesbyeris.tumblr.com/" class="credit">Themes by Eris</a>
  170. <!-- Do not remove the credit -->
  171.  
  172. <div id="maintitle"><a href="/">{text:Title}<span class="subtitle">{text:Subtitle}</span></a></div>
  173.  
  174. {block:IndexPage}
  175. <div id="info">
  176.  
  177. <img id="bordertop" src="http://24.media.tumblr.com/4e4dac2b7d4b85a97bed5a7970716287/tumblr_mq1272Buk71rw6t7no4_1280.png" />
  178. <img id="borderbottom" src="http://24.media.tumblr.com/0737e5b5e935168e1e10c9f8887d7bf3/tumblr_mq1272Buk71rw6t7no5_1280.png" />
  179.  
  180. <div id="description">
  181. <div id="divider"></div>
  182. {Description}
  183. <div id="divider"></div>
  184. </div>
  185.  
  186. <div id="splash">
  187. <img class="background" src="{image:Square Image}" />
  188. <img class="foreground" src="http://25.media.tumblr.com/df2a9b44493252a8bd3a73c97349a4bf/tumblr_mq1272Buk71rw6t7no6_500.png" />
  189. </div>
  190.  
  191. <br class="clear">
  192.  
  193. <div id="linkbar">
  194. <img id="seal" src="{image:Seal}" />
  195. <table id="links"><tr>
  196. <td width="135px"></td>
  197. <td width="20px">
  198. <img src="http://media.tumblr.com/90a82c555e965a27b045144be0e4e9f7/tumblr_inline_mq121biE5a1r8ftsb.png" />
  199. </td>
  200. {block:AskEnabled}
  201. <td><a href="/ask">{AskLabel}</a></td>
  202. <td width="14px">
  203. <img src="http://media.tumblr.com/f9e65ca37f65da786abf6abe299a03a4/tumblr_inline_mq121n1nBA1r8ftsb.png" />
  204. </td>
  205. {/block:AskEnabled}
  206. {block:SubmissionsEnabled}
  207. <td><a href="/submit">{SubmitLabel}</a></td>
  208. <td class="icon">
  209. <img src="http://media.tumblr.com/f9e65ca37f65da786abf6abe299a03a4/tumblr_inline_mq121n1nBA1r8ftsb.png" />
  210. </td>
  211. {/block:SubmissionsEnabled}
  212. {block:HasPages}{block:Pages}
  213. <td><a href="{URL}">{Label}</a></td>
  214. <td class="icon">
  215. <img src="http://media.tumblr.com/f9e65ca37f65da786abf6abe299a03a4/tumblr_inline_mq121n1nBA1r8ftsb.png" />
  216. </td>
  217. {/block:Pages}{/block:HasPages}
  218. {block:IfShowRSSLink}
  219. <td><a href="/rss">RSS</a></td>
  220. <td class="icon">
  221. <img src="http://media.tumblr.com/f9e65ca37f65da786abf6abe299a03a4/tumblr_inline_mq121n1nBA1r8ftsb.png" />
  222. </td>
  223. {/block:IfShowRSSLink}
  224. {block:IfShowArchiveLink}
  225. <td><a href="/archive">Archive</a></td>
  226. <td class="icon">
  227. <img src="http://media.tumblr.com/f9e65ca37f65da786abf6abe299a03a4/tumblr_inline_mq121n1nBA1r8ftsb.png" />
  228. </td>
  229. {/block:IfShowArchiveLink}
  230. <td class="originalsite">
  231. <a href="http://d-6th.com/index.html">Original<br>Site</a>
  232. </td>
  233. <td width="30px">
  234. <img src="http://media.tumblr.com/a962a8c5a0275263cb398fc0c436b96e/tumblr_inline_mq121h7hhd1r8ftsb.png" />
  235. </td>
  236. <tr></table>
  237. </div>
  238. <div id="bottom">{text:End Note}</div>
  239.  
  240. </div>
  241. {/block:IndexPage}
  242.  
  243.  
  244. {block:IndexPage}<div id="wrapper">{/block:IndexPage}
  245.  
  246.  
  247. {block:Posts}
  248.  
  249. {block:IndexPage}<div id="post">
  250. <img id="bordertop" src="http://media.tumblr.com/58d8dfe427461f90f792450891927a2d/tumblr_inline_mq126aUsgR1r8ftsb.png" />
  251. <img id="borderbottom" src="http://media.tumblr.com/e63f5cea8f3258fce68df11569a32bf9/tumblr_inline_mq126jlV4z1r8ftsb.png" />
  252. {/block:IndexPage}
  253.  
  254. {block:PermalinkPage}<div id="perma">
  255. <img id="bordertop" src="http://24.media.tumblr.com/4e4dac2b7d4b85a97bed5a7970716287/tumblr_mq1272Buk71rw6t7no4_1280.png" />
  256. <img id="borderbottom" src="http://24.media.tumblr.com/0737e5b5e935168e1e10c9f8887d7bf3/tumblr_mq1272Buk71rw6t7no5_1280.png" />
  257. {/block:PermalinkPage}
  258.  
  259. <div id="content">
  260. {block:Date}<div id="date">
  261. <a href="{Permalink}">
  262. {12Hour}:{Minutes}{AmPm}, {Month} {DayOfMonth}, {Year}
  263. </a>
  264. </div>{/block:Date}
  265. <div id="divider"></div>
  266.  
  267.  
  268.  
  269. {block:Photo}
  270. <div id="media">{LinkOpenTag}
  271. {block:IndexPage}
  272. <img src="{PhotoURL-400}" alt="{PhotoAlt}" />
  273. {/block:IndexPage}
  274. {block:PermalinkPage}
  275. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  276. {/block:PermalinkPage}
  277. {LinkCloseTag}</div>
  278. {block:Caption}{Caption}{/block:Caption}
  279. {/block:Photo}
  280.  
  281. {block:Photoset}
  282. <div class="media">
  283. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  284. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  285. </div>
  286. {block:Caption}{Caption}{/block:Caption}
  287. {/block:Photoset}
  288.  
  289. {block:Video}
  290. <div class="media">{Video-400}</div>
  291. {block:Caption}{Caption}{/block:Caption}
  292. {/block:Video}
  293.  
  294. {block:Audio}
  295. <div id="greybox" class="audiobox">
  296. <img class="corner1" src="http://media.tumblr.com/c8499bdac7fe68cc73f13fc0f1d6292b/tumblr_inline_mq125eLI3K1r8ftsb.png" />
  297. <img class="corner2" src="http://media.tumblr.com/3e5cbe8b120dd4aa61700f02e2b671f3/tumblr_inline_mq125lk4gX1r8ftsb.png" />
  298. <img class="corner3" src="http://media.tumblr.com/8889815e5f439e17fd4b49d4191e0470/tumblr_inline_mq125rrCD41r8ftsb.png" />
  299. <img class="corner4" src="http://media.tumblr.com/b2a32e3ef83e6044a06f1ee4a48946cb/tumblr_inline_mq125xyQ811r8ftsb.png" />
  300. <div id="audio">{AudioPlayerblack}</div>
  301. {PlayCountWithLabel}
  302. </div>
  303. {block:Caption}{Caption}{/block:Caption}
  304. {/block:Audio}
  305.  
  306. {block:Quote}
  307. <h1>“{Quote}”</h1>
  308. {block:Source}<br>~ {Source}{/block:Source}
  309. {/block:Quote}
  310.  
  311. {block:Text}
  312. {block:Title}<h1>{Title}</h1>{/block:Title}
  313. {Body}
  314. {/block:Text}
  315.  
  316. {block:Answer}
  317. <div id="greybox" class="question">
  318. <img class="corner1" src="http://media.tumblr.com/c8499bdac7fe68cc73f13fc0f1d6292b/tumblr_inline_mq125eLI3K1r8ftsb.png" />
  319. <img class="corner2" src="http://media.tumblr.com/3e5cbe8b120dd4aa61700f02e2b671f3/tumblr_inline_mq125lk4gX1r8ftsb.png" />
  320. <img class="corner3" src="http://media.tumblr.com/8889815e5f439e17fd4b49d4191e0470/tumblr_inline_mq125rrCD41r8ftsb.png" />
  321. <img class="corner4" src="http://media.tumblr.com/b2a32e3ef83e6044a06f1ee4a48946cb/tumblr_inline_mq125xyQ811r8ftsb.png" />
  322. <h1>{Asker} asked:</h1>
  323. {Question}
  324. </div>
  325. {Answer}
  326. {block:Answer}
  327.  
  328. {block:Chat}
  329. {block:Title}<h1>{Title}</h1>{/block:Title}
  330. {block:Lines}
  331. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br>
  332. {/block:Lines}
  333. {/block:Chat}
  334.  
  335. {block:Link}
  336. <div id="greybox" class="link">
  337. <img class="corner1" src="http://media.tumblr.com/c8499bdac7fe68cc73f13fc0f1d6292b/tumblr_inline_mq125eLI3K1r8ftsb.png" />
  338. <img class="corner2" src="http://media.tumblr.com/3e5cbe8b120dd4aa61700f02e2b671f3/tumblr_inline_mq125lk4gX1r8ftsb.png" />
  339. <img class="corner3" src="http://media.tumblr.com/8889815e5f439e17fd4b49d4191e0470/tumblr_inline_mq125rrCD41r8ftsb.png" />
  340. <img class="corner4" src="http://media.tumblr.com/b2a32e3ef83e6044a06f1ee4a48946cb/tumblr_inline_mq125xyQ811r8ftsb.png" />
  341. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  342. </div>
  343. {block:Description}{Description}{/block:Description}
  344. {/block:Link}
  345.  
  346. <div id="divider"></div>
  347.  
  348. {block:HasTags}<div id="tags">
  349. {block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}
  350. </div>{/block:HasTags}
  351.  
  352. {block:PostNotes}
  353. <div id="divider"></div>
  354. <div id="notecontainer">{PostNotes}</div>
  355. {/block:PostNotes}
  356.  
  357. </div>
  358. </div>
  359. {/block:Posts}
  360.  
  361. <br class="clear" />
  362. {block:IndexPage}</div>{/block:IndexPage}
  363.  
  364.  
  365.  
  366. {block:Pagination}
  367. <div id="footer">
  368. <img id="bordertop" src="http://24.media.tumblr.com/365b84808524c7cd6f5a41678db91773/tumblr_mq1272Buk71rw6t7no10_1280.png" />
  369. <img id="borderbottom" src="http://24.media.tumblr.com/892e1b215d05563760af51bec45c60b4/tumblr_mq1272Buk71rw6t7no11_1280.png" />
  370. <div id="greybox" class="navigation">
  371. <img class="corner1" src="http://media.tumblr.com/c8499bdac7fe68cc73f13fc0f1d6292b/tumblr_inline_mq125eLI3K1r8ftsb.png" />
  372. <img class="corner2" src="http://media.tumblr.com/3e5cbe8b120dd4aa61700f02e2b671f3/tumblr_inline_mq125lk4gX1r8ftsb.png" />
  373. <img class="corner3" src="http://media.tumblr.com/8889815e5f439e17fd4b49d4191e0470/tumblr_inline_mq125rrCD41r8ftsb.png" />
  374. <img class="corner4" src="http://media.tumblr.com/b2a32e3ef83e6044a06f1ee4a48946cb/tumblr_inline_mq125xyQ811r8ftsb.png" />
  375. {block:PreviousPage}<
  376. a href="{PreviousPage}">{lang:Previous}</a>
  377. {block:NextPage}
  378. <img class="divider" src="http://media.tumblr.com/05b63dfca3bcdc2d213b89be5ec4a851/tumblr_inline_mq121s3m6b1r8ftsb.png" />
  379. {/block:NextPage}
  380. {/block:PreviousPage}
  381. {block:NextPage}
  382. <a href="{NextPage}">{lang:Next}</a>
  383. {/block:NextPage}
  384. </div>
  385. </div>
  386. {/block:Pagination}
  387.  
  388. </body>
  389. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement