API tools faq
paste
Advertisement
Guest User

web

a guest
Dec 21st, 2014
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.52 KB | None | 0 0
raw download clone embed print report diff
  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. div#qTip {
  75.     font-size: 7px;
  76.     color: #ffffff;
  77.     text-align: left;
  78.     text-transform: uppercase;
  79.     letter-spacing: 1px;
  80.     background: {color:Navigation Link};
  81.     display: none;
  82.     position: absolute;
  83.     border-radius: 3px;
  84.     z-index: 99999999;
  85.     padding: 4px;
  86.     margin: -20px 0 0 20px;
  87. }
  88.  
  89. body {
  90.     margin: 0;
  91.     padding: 0;
  92.     height: 100%;
  93.     font-family: Orienta;
  94.     color: {color:Body Font};
  95.     font-size: 9px;
  96.     letter-spacing: 1px;
  97.     background: {color:Bottom Background};
  98. }
  99.  
  100. a {
  101.     color: {color:Link};
  102.     text-decoration: none;
  103.     -webkit-transition: all 0.5s ease;
  104.     -moz-transition: all 0.5s ease;
  105.     transition: all 0.5s ease;
  106. }
  107.  
  108. a:hover {
  109.     color: {color:Hover Link};
  110.     background: {color:Hover Link Background};
  111.     -webkit-transition: all 0.5s ease;
  112.     -moz-transition: all 0.5s ease;
  113.     transition: all 0.5s ease;
  114. }
  115.  
  116. h1 {
  117.     color: {color:Link};
  118.     font-weight: none;
  119.     text-transform: lowercase;
  120.     letter-spacing: -1px;
  121. }
  122.  
  123. blockquote, blockquote blockquote {
  124.     border-left: 1px dotted {color:Border};
  125.     padding-left: 15px;
  126.     margin-left: 10px;
  127. }
  128.  
  129. #top {
  130.     background: {color:Top Background};
  131.     width: 100%;
  132.     height: 410px;
  133.     position: fixed;
  134.     top: 0;
  135.     left: 0;
  136.     z-index: -9999;
  137. }
  138.  
  139. #container {
  140.     width: 520px;
  141.     height: auto;
  142.     margin: 0 auto;
  143.     left: 0%;
  144.     right: 0%;
  145.     position: absolute;
  146. }
  147.  
  148. #pagination {
  149.     font-size: 14px;
  150.     width: 120px;
  151.     text-align: right;
  152.     margin-left: -145px;
  153.     margin-top: 380px;
  154.     position: fixed;
  155.     letter-spacing: -1px;
  156.     font-weight: bold;
  157.     text-transform: uppercase;
  158. }
  159.    
  160. #pagination a {
  161.     color: {color:Body Font};
  162.     margin: 0px 7px;
  163. }
  164.  
  165. #navigation {
  166.     position: fixed;
  167.     margin-top: 430px;
  168.     margin-left: -158px;
  169.     width: 150px;
  170. }
  171.  
  172. #navigation a {
  173.     width: 13px;
  174.     height: 13px;
  175.     display: inline-block;
  176.     border-radius: 100%;
  177.     margin-left: 10px;
  178.     background: {color:Navigation Link};
  179. }
  180.  
  181. #navigation a:hover {
  182.     background: {color:Hover Navigation Link};
  183. }
  184.  
  185. #image img {
  186.     height: 410px;
  187.     position: fixed;
  188.     margin-left: 515px;
  189.     margin-top: 0px;
  190. }
  191.  
  192. #sidebar {
  193.     margin-top: 435px;
  194.     margin-left: 530px;
  195.     position: fixed;
  196.     width: 250px;
  197. }
  198.  
  199. #title {
  200.     font-size: 50px;
  201.     line-height: 46px;
  202.     text-align: left;
  203.     font-weight: bold;
  204.     font-family: Microsoft Yahei, Arial Bold;
  205.     letter-spacing: -4px;
  206.     text-transform: uppercase;
  207.     color: {color:Title};
  208. }
  209.  
  210. #description {
  211.     border-left: 1px dotted {color:Border};
  212.     padding-left: 12px;
  213.     margin-top: 12px;
  214.     font-size: 7px;
  215.     text-transform: uppercase;
  216.     letter-spacing: 2px;
  217.     color: {color:Description};
  218. }
  219.  
  220.  
  221. #entries img {
  222.     {block:IfMonochrome}
  223.     filter: gray;
  224.     filter: grayscale(100%);
  225.     -webkit-filter: grayscale(100%);
  226.     -moz-filter: grayscale(100%);
  227.     -ms-filter: grayscale(100%);
  228.     -o-filter: grayscale(100%);
  229.     {/block:IfMonochrome}
  230. }
  231.  
  232.  
  233. #entries {
  234.     width: 400px;
  235.     margin-top: 30px;
  236.     position: absolute;
  237. }
  238.  
  239. .post {
  240.     width: 400px;
  241.     margin-bottom: 50px;
  242.     background: {color:Post Background};
  243.     border: 1px dotted {color:Border};
  244.     padding: 50px;
  245.     overflow: hidden;
  246.     line-height: 16px;
  247. }
  248.  
  249. .post img, iframe.photoset {
  250.     {block:IfMonochrome}
  251.     filter: gray;
  252.     max-width: 100%;
  253.     filter: grayscale(100%);
  254.     -webkit-filter: grayscale(100%);
  255.     -moz-filter: grayscale(100%);
  256.     -ms-filter: grayscale(100%);
  257.     -o-filter: grayscale(100%);
  258.     {/block:IfMonochrome}
  259. }
  260.  
  261. .quote {
  262.     font-size: 22px;
  263.     text-transform: lowercase;
  264.     font-style: italic;
  265.     letter-spacing: -2px;
  266. }
  267.  
  268. .audio {
  269.     padding: 0;
  270. }
  271.  
  272. .audio_container {
  273.     overflow: hidden;
  274.     position: relative;
  275.     width: 100px;
  276. }
  277.  
  278. .soundcloud_audio_player {
  279.     width: 100%;
  280. }
  281.  
  282. .tumblr_audio_player {
  283.     width: 100%;
  284. }
  285.  
  286. #ask {
  287.     background: {color:Border};
  288.     width: 350px;
  289.     text-align: justify;
  290.     padding: 15px 30px 15px 20px;
  291. }
  292.  
  293. .post:hover #permalink {
  294.     opacity: 0.9;
  295.     -webkit-transition: all 0.5s ease-in-out;
  296.     -moz-transition: all 0.5s ease-in-out;
  297.     -o-transition: all 0.5s ease-in-out;
  298.     -ms-transition: all 0.5s ease-in-out;    
  299.     transition: all 0.5s ease-in-out;
  300. }
  301.  
  302. #permalink {
  303.     width: 400px;
  304.     background: {color:Post Background};
  305.     opacity: 0;
  306.     letter-spacing: -1px;
  307.     font-size: 14px;
  308.     line-height: 14px;
  309.     position: absolute;
  310.     text-align: center;
  311.     text-transform: uppercase;
  312.     padding: 15px 0px;
  313.     z-index: 1;
  314.     margin-top: 0px;
  315.     -webkit-transition: all 0.5s ease-in-out;
  316.     -moz-transition: all 0.5s ease-in-out;
  317.     -o-transition: all 0.5s ease-in-out;
  318.     -ms-transition: all 0.5s ease-in-out;    
  319.     transition: all 0.5s ease-in-out;
  320. }
  321.  
  322. #permalink a {
  323.     color: {color:Link};
  324. }
  325.  
  326. ol.notes {
  327.     padding: 0px;
  328.     padding-left: 30px;
  329.     margin: 20px 0px;
  330.     list-style-type: none;
  331. }
  332.  
  333. ol.notes li.note {
  334.     padding: 10px;
  335. }
  336.  
  337. ol.notes li.note img.avatar {
  338.     vertical-align: -4px;
  339.     margin-right: 10px;
  340.     width: 16px;
  341.     height: 16px;
  342. }
  343.  
  344. ol.notes li.note .answer_content {
  345.     font-weight: normal;
  346. }
  347.  
  348. ol.notes li.note blockquote {
  349.     border-color: #eee;
  350.     padding: 4px 10px;
  351.     margin: 10px 0px 0px 25px;
  352. }
  353.  
  354. ol.notes li.note blockquote a {
  355.     text-decoration: none;
  356. }
  357.  
  358. ::-webkit-scrollbar {
  359.     height: 10px;
  360.     width: 2px;
  361.     background: white;
  362. }
  363.            
  364. ::-webkit-scrollbar-thumb:vertical {
  365.     background: {color:Scrollbar};
  366. }
  367.  
  368. ::selection {
  369.     background: {color:Link};
  370.     color: white;
  371. }
  372.            
  373. ::-moz-selection {
  374.     background: {color:Link};
  375.     color: white;
  376. }
  377.  
  378. p::selection {
  379.     background: {color:Link};
  380.     color: white;
  381. }
  382.            
  383. p::-moz-selection {
  384.     background: {color:Link};
  385.     color: white;
  386. }
  387.  
  388. /* Credits to http://pohroro.tumblr.com */
  389.  
  390. #c {
  391.     width: 55px;
  392.     height: 18px;
  393.     font-family: Arial;
  394.     font-size: 7px;
  395.     text-transform: uppercase;
  396.     text-align: center;
  397.     bottom: 10px;
  398.     right: 10px;
  399.     letter-spacing: 1px;
  400.     line-height: 4px;
  401.     padding: 10px 3px;
  402.     display: block;
  403.     color: {color:Body Font};
  404.     border: 1px dotted {color:Border};
  405.     position: fixed;
  406. }
  407.  
  408. #c a {
  409.     font-weight: bold;
  410.     line-height: 17px;
  411.     font-size: 15px;
  412.     font-family: Times New Roman;
  413.     text-transform: lowercase;
  414.     font-style: italic;
  415.     letter-spacing: -1px;
  416. }
  417.  
  418. </style>
  419. </head>
  420. <body>
  421.  
  422. <div id="top"></div>
  423.  
  424. <div id="container">
  425.  
  426. {block:IfNotInfiniteScrolling}
  427. {block:Pagination}<div id="pagination">
  428. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">back</a>{/block:PreviousPage} —
  429. {block:NextPage}<a href="{NextPage}" class="jump_page">forth</a>{/block:NextPage}</div>{/block:Pagination}
  430. {/block:IfNotInfiniteScrolling}
  431.  
  432. <div id="navigation">
  433. <a href="{text:Link One URL}" title="{text:Link One}" style="opacity: 0.2;"></a>
  434. <a href="{text:Link Two URL}" title="{text:Link Two}" style="opacity: 0.4;"></a>
  435. <a href="{text:Link Three URL}" title="{text:Link Three}" style="opacity: 0.6;"></a>
  436. <a href="{text:Link Four URL}" title="{text:Link Four}" style="opacity: 0.8;"></a>
  437. <a href="{text:Link Five URL}" title="{text:Link Five}" style="opacity: 1;"></a>
  438. </div>
  439.  
  440. <div id="image"><img src="{image:Sidebar Image}" /></div>
  441.  
  442. <div id="sidebar">
  443. <div id="title">{text:Title}</div>
  444. <div id="description">{Description}</div>
  445. </div>
  446. <div id="entries">
  447. <div class=""autopagerize_page_element">
  448. {block:Posts}
  449. <div class="post">
  450.  
  451. {block:IndexPage}
  452. <div id="permalink">
  453. {block:Date}
  454. <a href="{Permalink}"><b>{TimeAgo}</b></a>
  455. {/block:Date}
  456. {block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>
  457. {/block:NoteCount}
  458. <br />
  459. <span style="font-size: 7px; margin-top: 5px; letter-spacing: 1px; padding-bottom: 15px;"><a href="{ReblogURL}" target="_blank">REBLOG</a>
  460. {block:HasTags} | </span>
  461. <span style="font-size: 7px; letter-spacing: 1px; padding-bottom: 15px;">
  462. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</span>
  463. {/block:HasTags}
  464. </div>
  465. {/block:IndexPage}
  466.  
  467. {block:Text}
  468. <h1>{block:Title}{Title}{/block:Title}</h1>
  469. {Body}
  470. {/block:Text}
  471.            
  472. {block:Photo}
  473. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  474. {block:IfShowCaptions}
  475. {block:Caption}{Caption}{/block:Caption}
  476. {/block:IfShowCaptions}
  477. {/block:Photo}
  478.                
  479. {block:Photoset}
  480. {Photoset-400}
  481. {block:IfShowCaptions}
  482. {block:Caption}{Caption}{/block:Caption}
  483. {/block:IfShowCaptions}
  484. {/block:Photoset}
  485.                
  486. {block:Quote}
  487. <div class="quote">
  488. {Quote}
  489. {block:Source} &#8212;{Source}{/block:Source}
  490. </div>
  491. {/block:Quote}
  492.                
  493. {block:Link}
  494. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  495. {block:Description}{Description}{/block:Description}
  496. {/block:Link}
  497.                
  498. {block:Chat}
  499. {block:Title}<h1>{Title}</h1>{/block:Title}
  500. {block:Lines}
  501. {block:Label}<b>{Label}</b>{/block:Label}
  502. {Line}<br />
  503. {/block:Lines}
  504. {/block:Chat}
  505.  
  506. {block:Audio}
  507. <div class="audioContainer">
  508. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  509. </div>
  510. {block:IfShowCaptions}
  511. {block:Caption}{Caption}{/block:Caption}
  512. {/block:IfShowCaptions}
  513. {/block:Audio}
  514.  
  515. {block:Video}
  516. {Video-400}
  517. {block:IfShowCaptions}
  518. {block:Caption}{Caption}{/block:Caption}
  519. {/block:IfShowCaptions}
  520. {/block:Video}
  521.                
  522. {block:ReblogParent}
  523.  <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  524. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  525. {/block:SourceLogo}
  526. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  527. {/block:ReblogParent}
  528.  
  529. {block:Answer}
  530. <div id="ask">
  531. <div style="text-align: center; padding-bottom: 5px; font-size: 9px;">
  532. <span style="text-transform: uppercase;letter-spacing: 2px; font-weight: bold;">{Asker}:</span></div><br />
  533. <div style="text-align: center; margin-top: -10px;">{Question}</div>
  534. </div>
  535. {Answer}
  536. {/block:Answer}
  537.  
  538. {block:PermalinkPage}<center><br>
  539. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom}, source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br />{block:Date}
  540. <a href="{Permalink}">{TimeAgo}, {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a>
  541. {/block:Date}{block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  542. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  543. </center>
  544. {/block:PermalinkPage}
  545.  
  546. {block:PostNotes}{PostNotes}{/block:PostNotes}
  547. </div>
  548. {/block:Posts}
  549.  
  550. </div>
  551.  
  552. </div>
  553.  
  554. <div id="c">codes by<br /><a href="http://pohroro.tumblr.com">pohroro</a></div>
  555.  
  556. </body>
  557. </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!