API tools faq
paste
zhongren

Bubblegum

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