API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 18th, 2014
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.98 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. <!--
  4.  
  5.  
  6. ▪ ▪ ▪ ▪ ▪ ▪ { Pʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛs!
  7.  
  8. ___ ___ ___ ___ ___ ___ __ __
  9. / __|/ _ \ | \ | __|/ __| | _ )\ \ / /
  10. | (__| (_) || |) || _| \__ \ | _ \ \ V /
  11. \___|\___/ |___/ |___||___/ |___/ |_|
  12. ___ ___ _ _ ___ ___ ___ ___
  13. | _ \ / _ \ | || || _ \ / _ \ | _ \ / _ \
  14. | _/| (_) || __ || /| (_) || /| (_) |
  15. |_| \___/ |_||_||_|_\ \___/ |_|_\ \___/
  16.  
  17.  
  18. ★ http://pohroro.tumblr.com } ▪ ▪ ▪ ▪ ▪ ▪
  19.  
  20.  
  21. -->
  22.  
  23. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24.  
  25. <head>
  26.  
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30.  
  31. <!--{block:ifInfiniteScrolling}-->
  32. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  33. <!-- {/block:ifInfiniteScrolling} -->
  34.  
  35. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Orienta' rel='stylesheet' type='text/css'>
  38.  
  39. <meta name="color:Body Font" content="#000000" />
  40. <meta name="color:Top Background" content="#F0F0F0" />
  41. <meta name="color:Bottom Background" content="#FFFFFF" />
  42. <meta name="color:Link" content="#606060" />
  43. <meta name="color:Hover Link" content="#000000" />
  44. <meta name="color:Hover Link Background" content="#FFFF00" />
  45. <meta name="color:Description" content="#000000" />
  46. <meta name="color:Navigation Link" content="#000000" />
  47. <meta name="color:Hover Navigation Link" content="#FFFF00" />
  48. <meta name="color:Post Background" content="#FFFFFF" />
  49. <meta name="color:Border" content="#C5C5C5" />
  50. <meta name="color:Title" content="#000000" />
  51. <meta name="color:Scrollbar" content="#000000" />
  52.  
  53. <meta name="if:Infinite Scrolling" content="0" />
  54. <meta name="if:Show Captions" content="0" />
  55. <meta name="if:Monochrome" content="1" />
  56.  
  57. <meta name="image:Sidebar Image" content="http://i.imgur.com/oWhe6xY.png" />
  58.  
  59. <meta name="text:Title" content="世界が点灯している。" />
  60.  
  61. <meta name="text:Link One" content="Index" />
  62. <meta name="text:Link One URL" content="/" />
  63. <meta name="text:Link Two" content="Message" />
  64. <meta name="text:Link Two URL" content="/ask" />
  65. <meta name="text:Link Three" content="Link Three" />
  66. <meta name="text:Link Three URL" content="Link Three URL" />
  67. <meta name="text:Link Four" content="Link Four" />
  68. <meta name="text:Link Four URL" content="Link Four URL" />
  69. <meta name="text:Link Five" content="Link Five" />
  70. <meta name="text:Link Five URL" content="Link Five URL" />
  71.  
  72. <style type="text/css">
  73.  
  74. p img
  75. { max-width: 350px;
  76. height:auto;}
  77.  
  78. blockquote img {
  79. max-width:300px;
  80. height:auto;
  81. }
  82.  
  83. div#qTip {
  84. font-size: 7px;
  85. color: #ffffff;
  86. text-align: left;
  87. text-transform: uppercase;
  88. letter-spacing: 1px;
  89. background: {color:Navigation Link};
  90. display: none;
  91. position: absolute;
  92. border-radius: 3px;
  93. z-index: 99999999;
  94. padding: 4px;
  95. margin: -20px 0 0 20px;
  96. }
  97.  
  98. body {
  99. margin: 0;
  100. padding: 0;
  101. height: 100%;
  102. font-family: Orienta;
  103. color: {color:Body Font};
  104. font-size: 9px;
  105. letter-spacing: 1px;
  106. background: {color:Bottom Background};
  107. }
  108.  
  109. a {
  110. color: {color:Link};
  111. text-decoration: none;
  112. -webkit-transition: all 0.5s ease;
  113. -moz-transition: all 0.5s ease;
  114. transition: all 0.5s ease;
  115. }
  116.  
  117. a:hover {
  118. color: {color:Hover Link};
  119. background: {color:Hover Link Background};
  120. -webkit-transition: all 0.5s ease;
  121. -moz-transition: all 0.5s ease;
  122. transition: all 0.5s ease;
  123. }
  124.  
  125. h1 {
  126. color: {color:Link};
  127. font-weight: none;
  128. text-transform: lowercase;
  129. letter-spacing: -1px;
  130. }
  131.  
  132. blockquote, blockquote blockquote {
  133. border-left: 1px dotted {color:Border};
  134. padding-left: 15px;
  135. margin-left: 10px;
  136. }
  137.  
  138. #top {
  139. background: {color:Top Background};
  140. width: 100%;
  141. height: 410px;
  142. position: fixed;
  143. top: 0;
  144. left: 0;
  145. z-index: -9999;
  146. }
  147.  
  148. #container {
  149. width: 520px;
  150. height: auto;
  151. margin: 0 auto;
  152. left: 0%;
  153. right: 0%;
  154. position: absolute;
  155. }
  156.  
  157. #pagination {
  158. font-size: 14px;
  159. width: 120px;
  160. text-align: right;
  161. margin-left: -145px;
  162. margin-top: 380px;
  163. position: fixed;
  164. letter-spacing: -1px;
  165. font-weight: bold;
  166. text-transform: uppercase;
  167. }
  168.  
  169. #pagination a {
  170. color: {color:Body Font};
  171. margin: 0px 7px;
  172. }
  173.  
  174. #navigation {
  175. position: fixed;
  176. margin-top: 430px;
  177. margin-left: -158px;
  178. width: 150px;
  179. }
  180.  
  181. #navigation a {
  182. width: 13px;
  183. height: 13px;
  184. display: inline-block;
  185. border-radius: 100%;
  186. margin-left: 10px;
  187. background: {color:Navigation Link};
  188. }
  189.  
  190. #navigation a:hover {
  191. background: {color:Hover Navigation Link};
  192. }
  193.  
  194. #image img {
  195. height: 410px;
  196. position: fixed;
  197. margin-left: 515px;
  198. margin-top: 0px;
  199. }
  200.  
  201. #sidebar {
  202. margin-top: 435px;
  203. margin-left: 530px;
  204. position: fixed;
  205. width: 250px;
  206. }
  207.  
  208. #title {
  209. font-size: 50px;
  210. line-height: 46px;
  211. text-align: left;
  212. font-weight: bold;
  213. font-family: Microsoft Yahei, Arial Bold;
  214. letter-spacing: -4px;
  215. text-transform: uppercase;
  216. color: {color:Title};
  217. }
  218.  
  219. #description {
  220. border-left: 1px dotted {color:Border};
  221. padding-left: 12px;
  222. margin-top: 12px;
  223. font-size: 7px;
  224. text-transform: uppercase;
  225. letter-spacing: 2px;
  226. color: {color:Description};
  227. }
  228.  
  229.  
  230. #entries img {
  231. {block:IfMonochrome}
  232. filter: gray;
  233. filter: grayscale(100%);
  234. -webkit-filter: grayscale(100%);
  235. -moz-filter: grayscale(100%);
  236. -ms-filter: grayscale(100%);
  237. -o-filter: grayscale(100%);
  238. {/block:IfMonochrome}
  239. }
  240.  
  241.  
  242. #entries {
  243. width: 400px;
  244. margin-top: 30px;
  245. position: absolute;
  246. }
  247.  
  248. .post {
  249. width: 400px;
  250. margin-bottom: 50px;
  251. background: {color:Post Background};
  252. border: 1px dotted {color:Border};
  253. padding: 50px;
  254. overflow: hidden;
  255. line-height: 16px;
  256. }
  257.  
  258. .post img, iframe.photoset {
  259. {block:IfMonochrome}
  260. filter: gray;
  261. max-width: 100%;
  262. filter: grayscale(100%);
  263. -webkit-filter: grayscale(100%);
  264. -moz-filter: grayscale(100%);
  265. -ms-filter: grayscale(100%);
  266. -o-filter: grayscale(100%);
  267. {/block:IfMonochrome}
  268. }
  269.  
  270. .quote {
  271. font-size: 22px;
  272. text-transform: lowercase;
  273. font-style: italic;
  274. letter-spacing: -2px;
  275. }
  276.  
  277. .audio {
  278. padding: 0;
  279. }
  280.  
  281. .audio_container {
  282. overflow: hidden;
  283. position: relative;
  284. width: 100px;
  285. }
  286.  
  287. .soundcloud_audio_player {
  288. width: 100%;
  289. }
  290.  
  291. .tumblr_audio_player {
  292. width: 100%;
  293. }
  294.  
  295. #ask {
  296. background: {color:Border};
  297. width: 350px;
  298. text-align: justify;
  299. padding: 15px 30px 15px 20px;
  300. }
  301.  
  302. .post:hover #permalink {
  303. opacity: 0.9;
  304. -webkit-transition: all 0.5s ease-in-out;
  305. -moz-transition: all 0.5s ease-in-out;
  306. -o-transition: all 0.5s ease-in-out;
  307. -ms-transition: all 0.5s ease-in-out;
  308. transition: all 0.5s ease-in-out;
  309. }
  310.  
  311. #permalink {
  312. width: 400px;
  313. background: {color:Post Background};
  314. opacity: 0;
  315. letter-spacing: -1px;
  316. font-size: 14px;
  317. line-height: 14px;
  318. position: absolute;
  319. text-align: center;
  320. text-transform: uppercase;
  321. padding: 15px 0px;
  322. z-index: 1;
  323. margin-top: 0px;
  324. -webkit-transition: all 0.5s ease-in-out;
  325. -moz-transition: all 0.5s ease-in-out;
  326. -o-transition: all 0.5s ease-in-out;
  327. -ms-transition: all 0.5s ease-in-out;
  328. transition: all 0.5s ease-in-out;
  329. }
  330.  
  331. #permalink a {
  332. color: {color:Link};
  333. }
  334.  
  335. ol.notes {
  336. padding: 0px;
  337. padding-left: 30px;
  338. margin: 20px 0px;
  339. list-style-type: none;
  340. }
  341.  
  342. ol.notes li.note {
  343. padding: 10px;
  344. }
  345.  
  346. ol.notes li.note img.avatar {
  347. vertical-align: -4px;
  348. margin-right: 10px;
  349. width: 16px;
  350. height: 16px;
  351. }
  352.  
  353. ol.notes li.note .answer_content {
  354. font-weight: normal;
  355. }
  356.  
  357. ol.notes li.note blockquote {
  358. border-color: #eee;
  359. padding: 4px 10px;
  360. margin: 10px 0px 0px 25px;
  361. }
  362.  
  363. ol.notes li.note blockquote a {
  364. text-decoration: none;
  365. }
  366.  
  367. ::-webkit-scrollbar {
  368. height: 10px;
  369. width: 2px;
  370. background: white;
  371. }
  372.  
  373. ::-webkit-scrollbar-thumb:vertical {
  374. background: {color:Scrollbar};
  375. }
  376.  
  377. ::selection {
  378. background: {color:Link};
  379. color: white;
  380. }
  381.  
  382. ::-moz-selection {
  383. background: {color:Link};
  384. color: white;
  385. }
  386.  
  387. p::selection {
  388. background: {color:Link};
  389. color: white;
  390. }
  391.  
  392. p::-moz-selection {
  393. background: {color:Link};
  394. color: white;
  395. }
  396.  
  397. /* Credits to http://pohroro.tumblr.com */
  398.  
  399. #c {
  400. width: 55px;
  401. height: 18px;
  402. font-family: Arial;
  403. font-size: 7px;
  404. text-transform: uppercase;
  405. text-align: center;
  406. bottom: 10px;
  407. right: 10px;
  408. letter-spacing: 1px;
  409. line-height: 4px;
  410. padding: 10px 3px;
  411. display: block;
  412. color: {color:Body Font};
  413. border: 1px dotted {color:Border};
  414. position: fixed;
  415. }
  416.  
  417. #c a {
  418. font-weight: bold;
  419. line-height: 17px;
  420. font-size: 15px;
  421. font-family: Times New Roman;
  422. text-transform: lowercase;
  423. font-style: italic;
  424. letter-spacing: -1px;
  425. }
  426.  
  427. </style>
  428. </head>
  429. <body>
  430.  
  431. <div id="top"></div>
  432.  
  433. <div id="container">
  434.  
  435. {block:IfNotInfiniteScrolling}
  436. {block:Pagination}<div id="pagination">
  437. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">back</a>{/block:PreviousPage} —
  438. {block:NextPage}<a href="{NextPage}" class="jump_page">forth</a>{/block:NextPage}</div>{/block:Pagination}
  439. {/block:IfNotInfiniteScrolling}
  440.  
  441. <div id="navigation">
  442. <a href="{text:Link One URL}" title="{text:Link One}" style="opacity: 0.2;" title="refresh"></a>
  443. <a href="/ask" rel="03" class="poplight" style="opacity: 0.4;" title="message"></a>
  444. <a href="/archive" rel="02" class="poplight" title="archive" style="opacity: 0.6;"></a>
  445. <a href="http://shironeki.tumblr.com" title="sideblog" style="opacity: 0.8;"></a>
  446. <a href="http://ruruiel.tumblr.com/" rel="01" class="poplight" title="mmo blog" style="opacity: 1;"></a>
  447. </div>
  448.  
  449. <div id="image"><img src="http://i.imgur.com/D0nr3wo.png" /></div>
  450.  
  451.  
  452. <div id="sidebar">
  453. <div id="title">阿良々木暦</div>
  454. <div id="description">the blog of an mmo enthusiast. i'm usually nice to everyone here when i'm actually around instead of playing games. the better you know me the more you'll judge me because there is no end to my perversion.
  455. </div>
  456. </div>
  457. <div id="entries">
  458. <div class=""autopagerize_page_element">
  459. {block:Posts}
  460. <div class="post">
  461.  
  462. {block:IndexPage}
  463. <div id="permalink">
  464. {block:Date}
  465. <a href="{Permalink}"><b>{TimeAgo}</b></a>
  466. {/block:Date}
  467. {block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>
  468. {/block:NoteCount}
  469. <br />
  470. <span style="font-size: 7px; margin-top: 5px; letter-spacing: 1px; padding-bottom: 15px;"><a href="{ReblogURL}" target="_blank">REBLOG</a>
  471. {block:HasTags} | </span>
  472. <span style="font-size: 7px; letter-spacing: 1px; padding-bottom: 15px;">
  473. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</span>
  474. {/block:HasTags}
  475. </div>
  476. {/block:IndexPage}
  477.  
  478. {block:Text}
  479. <h1>{block:Title}{Title}{/block:Title}</h1>
  480. {Body}
  481. {/block:Text}
  482.  
  483. {block:Photo}
  484. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  485. {block:IfShowCaptions}
  486. {block:Caption}{Caption}{/block:Caption}
  487. {/block:IfShowCaptions}
  488. {/block:Photo}
  489.  
  490. {block:Photoset}
  491. {Photoset-400}
  492. {block:IfShowCaptions}
  493. {block:Caption}{Caption}{/block:Caption}
  494. {/block:IfShowCaptions}
  495. {/block:Photoset}
  496.  
  497. {block:Quote}
  498. <div class="quote">
  499. {Quote}
  500. {block:Source} &#8212;<small>{Source}</small>{/block:Source}
  501. </div>
  502. {/block:Quote}
  503.  
  504. {block:Link}
  505. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  506. {block:Description}{Description}{/block:Description}
  507. {/block:Link}
  508.  
  509. {block:Chat}
  510. {block:Title}<h1>{Title}</h1>{/block:Title}
  511. {block:Lines}
  512. {block:Label}<b>{Label}</b>{/block:Label}
  513. {Line}<br />
  514. {/block:Lines}
  515. {/block:Chat}
  516.  
  517. {block:Audio}
  518. <div class="audioContainer">
  519. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  520. </div>
  521. {block:IfShowCaptions}
  522. {block:Caption}{Caption}{/block:Caption}
  523. {/block:IfShowCaptions}
  524. {/block:Audio}
  525.  
  526. {block:Video}
  527. {Video-400}
  528. {block:IfShowCaptions}
  529. {block:Caption}{Caption}{/block:Caption}
  530. {/block:IfShowCaptions}
  531. {/block:Video}
  532.  
  533. {block:ReblogParent}
  534. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  535. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  536. {/block:SourceLogo}
  537. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  538. {/block:ReblogParent}
  539.  
  540. {block:Answer}
  541. <div id="ask">
  542. <div style="text-align: center; padding-bottom: 5px; font-size: 9px;">
  543. <span style="text-transform: uppercase;letter-spacing: 2px; font-weight: bold;">{Asker}:</span></div><br />
  544. <div style="text-align: center; margin-top: -10px;">{Question}</div>
  545. </div>
  546. {Answer}
  547. {/block:Answer}
  548.  
  549. {block:PermalinkPage}<center><br>
  550. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom}, source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br />{block:Date}
  551. <a href="{Permalink}">{TimeAgo}, {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a>
  552. {/block:Date}{block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  553. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  554. </center>
  555. {/block:PermalinkPage}
  556.  
  557. {block:PostNotes}{PostNotes}{/block:PostNotes}
  558. </div>
  559. {/block:Posts}
  560.  
  561. </div>
  562.  
  563. </div>
  564.  
  565. <div id="c">codes by<br /><a href="http://pohroro.tumblr.com">pohroro</a></div>
  566.  
  567. </body>
  568. </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!