Advertisement
bngtan

08 - Tomorrow

Jul 2nd, 2016
3,473
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.47 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. tomorrow theme @ yoongity
  6.  
  7. --->
  8.  
  9. <head>
  10. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  11.  
  12. <title>{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:text" content="#aaaaaa"/>
  20. <meta name="color:hover" content="#aaaaaa"/>
  21. <meta name="color:link" content="#000000"/>
  22. <meta name="color:post border" content="#000000"/>
  23. <meta name="color:title" content="#000000"/>
  24. <meta name="color:title border" content="#000000"/>
  25. <meta name="color:navigation" content="#000000"/>
  26. <meta name="color:permalink" content="#9cdfed"/>
  27. <meta name="color:permalink background" content="#f6f6f6"/>
  28. <meta name="color:scrollbar" content="#f6f6f6"/>
  29. <meta name="color:scrollbar track" content="#f6f6f6"/>
  30.  
  31. <meta name="image:Sidebar Image" content=""/>
  32.  
  33. <meta name="select:post width" content="200" title="200px" />
  34. <meta name="select:post width" content="250" title="250px" />
  35. <meta name="select:post width" content="300" title="300px" />
  36. <meta name="select:post width" content="350" title="350px" />
  37. <meta name="select:post width" content="400" title="400px" />
  38. <meta name="select:post width" content="500" title="500px" />
  39.  
  40. <meta name="if:infinite scroll" content="1"/>
  41. <meta name="if:show captions" content="1"/>
  42. <meta name="if:mini cursor" content="1"/>
  43. <meta name="if:hover permalink" content="1"/>
  44. <meta name="if:fade posts" content="1"/>
  45. <meta name="if:monochrome posts" content="0"/>
  46. <meta name="if:rounded" content="0"/>
  47.  
  48. <meta name="text:link 1 title" content="home" />
  49. <meta name="text:link 1 url" content="/" />
  50. <meta name="text:link 2 title" content="ask" />
  51. <meta name="text:link 2 url" content="/ask" />
  52. <meta name="text:link 3 title" content="" />
  53. <meta name="text:link 3 url" content="" />
  54. <meta name="text:more" content="more" />
  55. <meta name="text:add link 4" content="" />
  56. <meta name="text:add link 4 url" content="" />
  57. <meta name="text:add link 5" content="" />
  58. <meta name="text:add link 5 url" content="" />
  59. <meta name="text:add link 6" content="" />
  60. <meta name="text:add link 6 url" content="" />
  61. <meta name="text:add link 7" content="" />
  62. <meta name="text:add link 7 url" content="" />
  63.  
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65.  
  66. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  67.  
  68. <script>
  69.  
  70. (function($){
  71.  
  72. $(document).ready(function(){
  73.  
  74. $("a[title]").style_my_tooltips({
  75.  
  76. tip_follows_cursor:true,
  77.  
  78. tip_delay_time:30,
  79.  
  80. tip_fade_speed:300,
  81.  
  82. attribute:"title"
  83.  
  84. });
  85.  
  86. });
  87.  
  88. })(jQuery);
  89.  
  90. </script>
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95. #s-m-t-tooltip{
  96. position:absolute;
  97. margin-top: 15px;font-family:'trebuchet ms';
  98. z-index:9999;padding:5px;
  99. background:{color:background};
  100. border:1px solid {color:text};
  101. -webkit-box-shadow: 1px 1px 8px 1px rgba(247,247,247,1);
  102. -moz-box-shadow: 1px 1px 8px 1px rgba(247,247,247,1);
  103. box-shadow: 1px 1px 8px 1px rgba(247,247,247,1);
  104. }
  105.  
  106. blockquote {
  107. padding-left:15px;
  108. padding-right:3px;
  109. margin:0px;
  110. border-left:1px solid {color:post border};
  111. margin-left:15px;
  112. }
  113.  
  114. body {
  115. background:{color:background};
  116. color:{color:text};
  117. font-family:arial;
  118. font-size:11px;
  119. text-align:justify;
  120. margin:0;
  121. line-height:16px;}
  122.  
  123.  
  124. a {
  125. color:{color:link};border-bottom:1px solid {color:scrollbar};
  126. text-decoration:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  127. }
  128.  
  129. a:hover {
  130. text-decoration:none;
  131. color:{color:hover};-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  132. }
  133.  
  134.  
  135. {block:ifminiCursor}
  136. body, a {
  137. cursor: url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto;
  138. }
  139. a:hover {
  140. cursor: url(http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png), auto;
  141. }
  142. {/block:ifminiCursor}
  143.  
  144. img{
  145. opacity:1;
  146. border:none;
  147. -moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  148. text-decoration:none;
  149. {block:ifmonochromeposts}
  150. -webkit-filter:grayscale(80%);
  151. {/block:ifmonochromeposts}
  152. {block:iffadeposts}
  153. opacity:0.7;
  154. {/block:iffadeposts}
  155.  
  156. }
  157.  
  158. img:hover {
  159. opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  160. {block:ifmonochromeposts}
  161. -webkit-filter:grayscale(0%);
  162. {/block:ifmonochromeposts}
  163. }
  164.  
  165. iframe.photoset {
  166. opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;{block:ifmonochromeposts}
  167. -webkit-filter:grayscale(80%);
  168. {/block:ifmonochromeposts}{block:iffadeposts}opacity:0.7;{/block:iffadeposts}
  169. }
  170.  
  171. iframe.photoset:hover {
  172. opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s; {block:ifmonochromeposts}
  173. -webkit-filter:grayscale(0%);
  174. {/block:ifmonochromeposts}
  175. }
  176.  
  177.  
  178. small {
  179. font-size:9px;}
  180.  
  181. big {
  182. font-size:12px;}
  183.  
  184.  
  185. #title {font-size:12px;
  186. line-height:18px;
  187. font-weight:bold;
  188. margin-bottom:10px;
  189. text-transform:uppercase;
  190. text-align:left;}
  191.  
  192.  
  193. /*sidebar*/
  194. #sidebar {text-align:center;
  195. position:fixed;
  196. margin-left:-225px;
  197. margin-top:100px;
  198. width:115px;background:{color:background};
  199. }
  200.  
  201. #hsk {margin-bottom:10px;}
  202.  
  203. #hsk img {width:50px;;border-radius:100%;}
  204.  
  205. .blogt {
  206. font-size:18px;
  207. font-weight:bold;
  208. position: relative;
  209. overflow:inherit;
  210. z-index: 1;
  211. text-align: center;
  212.  
  213. }
  214.  
  215. .blogt:before, .blogt:after {
  216. position: absolute;
  217. top: 51%;
  218. overflow: hidden;
  219. width: 30%;
  220. height: 1px;
  221. content: '\a0';
  222. background-color: {color:title border};
  223. }
  224. .blogt:before {
  225. margin-left: -30%;
  226. text-align: right;
  227. }
  228.  
  229. .blogt a{
  230. padding:4px;color:{color:title};border:none;
  231. }
  232.  
  233. .blogt a:hover{
  234. text-decoration:none;cursor:help;color:{color:links};
  235. }
  236.  
  237. #links {
  238. line-height:16px;
  239. text-transform:lowercase;
  240. }
  241.  
  242.  
  243. #links a {
  244. margin-right:8px;padding-bottom:2px;
  245. display:inline-block;color:{color:navigation};border:none;
  246. margin-bottom:5px;border-radius: 2px 2px 2px 2px ;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  247. }
  248.  
  249. #links a:hover{
  250. cursor:help;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;color:{color:hover};
  251. }
  252. #description {
  253. margin:20px 0;
  254. }
  255.  
  256. #pagination {
  257. margin:50px 0 20px -15px;padding-bottom:55px;
  258. width: calc({select:post width}px + 50px);
  259. text-transform:lowercase;
  260. font-weight:bold;
  261. {block:ifinfinitescroll}
  262. opacity:0;{/block:ifinfinitescroll}
  263. }
  264.  
  265. #pagination a {
  266. padding:0 15px;border:none;
  267. }
  268.  
  269.  
  270. #con {
  271. left:55%;
  272. margin-left:-250px;
  273. position:absolute;
  274. }
  275.  
  276.  
  277. #entries {
  278. margin-top:75px;
  279. width:500px;
  280. }
  281.  
  282. #posts {
  283. width:{select:post width}px;background:#fff;padding:10px;padding-bottom:30px;border-bottom:1px solid {color:post border};
  284. {block:IndexPage}
  285. margin-bottom:60px;
  286. {/block:IndexPage}
  287. {block:PermalinkPage}
  288. margin-bottom:50px;
  289. {/block:PermalinkPage}
  290.  
  291. }
  292.  
  293. #posts:hover .permas{
  294. {block:ifhoverpermalink} opacity:1;{/block:ifhoverpermalink} -webkit-transition: all 0.4s ease-in-out;
  295. -moz-transition: all 0.4s ease-in-out;
  296.  
  297. }
  298.  
  299. #posts img {
  300. max-width:100%;
  301. }
  302.  
  303. #posts img,#posts li, #posts blockquote {max-width:auto;max-height:auto;}
  304. .caption {width:100%;margin-top:5px;
  305.  
  306. }
  307.  
  308. blockquote img {width:auto;height:auto;
  309.  
  310. }
  311.  
  312. #titlequote{text-align:left;
  313. font-size:14px;
  314. line-height:18px;
  315. font-weight:bold;
  316. }
  317.  
  318. #source {
  319. margin-top:15px;
  320. margin-left:15px;}
  321.  
  322.  
  323. .player {
  324. width:25px;
  325. height:25px;
  326. overflow:hidden; margin-bottom:10px;
  327. position:absolute;
  328. background:white;
  329. }
  330.  
  331. .audioinfo {
  332. margin-left:50px;padding-left:10px;border-left:2px solid {color:post border};
  333. }
  334.  
  335. .plays{
  336. padding:15px;
  337. }
  338.  
  339. .bubble {
  340. align:right;
  341. background: #f6f6f6;
  342. margin:7px 0px 10px 66px;
  343. padding:10px;
  344. position:relative;
  345. -moz-border-radius:5px;-webkit-border-radius:5px;
  346. border-radius:5px;
  347.  
  348. }
  349.  
  350. .bubble p {margin:1px 0px;}
  351.  
  352. .bubble span {
  353. display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #f6f6f6;
  354.  
  355. }
  356.  
  357. .askborder {
  358. float: left;margin: 1px 5px 0 0;padding: 2px;color:#ffffff;
  359. -moz-border-radius:45px 5px 55px 55px;
  360. -webkit-border-radius:45px 55px 0px 55px;
  361. border-radius:15px 15px 15px 15px;
  362.  
  363. }
  364.  
  365. .chat ol {
  366. padding:0;
  367. list-style:none;
  368. }
  369. .line {padding:5px 0;}
  370.  
  371. .label {font-weight:bold;
  372. }
  373.  
  374. .permas {
  375. opacity:1;margin-top:15px;{block:IndexPage}{block:ifhoverpermalink}opacity:0;{/block:ifhoverpermalink}{/block:IndexPage}
  376. text-align:center;border:none;padding-top:15px;color:{color:permalink};
  377. background:white; font:8px calibri;
  378. letter-spacing:0.5px;padding-top:10px;{block:PermalinkPage}font-size:9px;{/block:PermalinkPage}
  379. text-transform:uppercase;-webkit-transition: all 0.4s ease-in-out;
  380. -moz-transition: all 0.4s ease-in-out;
  381.  
  382. }
  383.  
  384. .permas a {
  385. border:none;
  386. }
  387.  
  388. .tags {
  389. word-break:break-all;margin-top:10px;
  390. font-size:9px;text-transform:lowercase;
  391. }
  392.  
  393. .pagenotes {
  394. {block:IndexPage}
  395. display: none!important;
  396. {/block:IndexPage}
  397. width:{select:post width}px;
  398. text-align:center;
  399.  
  400. margin-left:10px;
  401.  
  402. }
  403. .pagenotes img {
  404. display:none!important;}
  405. .pagenotes li {
  406. list-style-type:none;
  407. padding:5px 0px;
  408. text-align:left;
  409. margin:0 0 0 -40px;
  410. }
  411.  
  412.  
  413. ::-webkit-scrollbar {
  414. width:17px;
  415. height:17px;
  416. }
  417. ::-webkit-scrollbar {
  418. background-color:{color:background};
  419. }
  420. ::-webkit-scrollbar-track {
  421. border:8px solid {color:background};
  422. background-color:{color:scrollbar track};
  423. }
  424. ::-webkit-scrollbar-thumb {
  425. border:8px solid {color:background};
  426. background-color:{color:scrollbar};
  427. }
  428.  
  429. .bts {
  430. text-align:center;cursor:help;
  431. }
  432.  
  433. .myg {
  434. display:none;text-align:center;font-size:10px;margin-top:10px;width:115px;position:fixed;
  435. }
  436.  
  437. .tumblr_video_container {
  438. width:auto!important;
  439. height:auto!important;
  440. }
  441.  
  442. a[tooltip]:hover:after {
  443. content: attr(tooltip);
  444. padding: 5px;
  445. font-size: 10px;
  446. color: #bbbbbb;
  447. font-style: italic;
  448. position: absolute;
  449. left: 50%;
  450. top: 220%;
  451. white-space: nowrap;
  452. z-index: 20;
  453. -moz-border-radius: 3px;
  454. -webkit-border-radius: 3px;
  455. border-radius: 3px;
  456. -moz-box-shadow: 0px 0px 2px #c0c1c2;
  457. -webkit-box-shadow: 0px 0px 2px #c0c1c2;
  458. box-shadow: 0px 0px 2px #c0c1c2;
  459. background-color: #ffffff;
  460. }
  461.  
  462.  
  463. #scrollToTop:link, #scrollToTop:visited {
  464. color: transparent;
  465. background-color: transparent;
  466. display: none;
  467. border:none;
  468. position: fixed;
  469. bottom: 5px;
  470. right: 5px;
  471. }
  472.  
  473.  
  474.  
  475. </style>
  476.  
  477. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  478. </script>
  479. <script type="text/javascript">
  480. $(document).ready(function(){
  481. $(".myg").hide();
  482. $(".bts").click(function(){
  483. $(this).next(".myg").slideToggle('fast');
  484. }); }); </script>
  485.  
  486. {block:ifinfinitescroll}
  487. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  488. {/block:ifinfinitescroll}
  489.  
  490. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  491. <script>
  492. $(document).ready(function(){
  493. $('.video iframe').each(function(){
  494. var scale = $(this).parents('.video').width() / 500;
  495. $(this).attr({
  496. width: Math.floor($(this).attr('width') * scale),
  497. height: Math.floor($(this).attr('height') * scale)
  498. });
  499. });
  500. });
  501. </script>
  502.  
  503. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  504. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  505. <a href="javascript:;" style="position:fiixed;bottom:10px;right:10px;color:{color:text};z-index:9999;"id="scrollToTop">back to top</a>
  506.  
  507. </head>
  508.  
  509. <body>
  510.  
  511. <div id="con">
  512.  
  513. <div id="sidebar">
  514. <div id="hsk"><img src="{image:Sidebar Image}"></div>
  515. <div class="blogt"><a href="/">{Title}</a></div>
  516. <div id="description">{Description}</div>
  517. <div id="links">
  518.  
  519. <a href="{text:link 1 url}" title="{text:link 1 title}"><i class="fa fa-home fa-lg"></i></a>
  520.  
  521. <a href="{text:link 2 url}" title="{text:link 2 title}"><i class="fa fa-comments fa-lg "></i></a>
  522.  
  523. <a href="{text:link 3 url}" title="{text:link 3 title}"><i class="fa fa-folder-open fa-lg "></i></a>
  524.  
  525. <a class="bts" title="{text:more}"><i class="fa fa-bars fa-lg"></i></a>
  526.  
  527. <div class="myg">
  528.  
  529. <a href="{text:add link 4 url}">{text:add link 4}</a><a href="{text:add link 5 url}">{text:add link 5}</a><br><a href="{text:add link 6 url}">{text:add link 6}</a><a href="{text:add link 7 url}">{text:add link 7}</a>
  530.  
  531. </div>
  532. </div>
  533. </div>
  534. <div id="entries">
  535.  
  536. <!-- {block:NoRebloggedFrom}
  537. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  538. {/block:NoRebloggedFrom} -->
  539.  
  540. <div class="autopagerize_page_element">
  541.  
  542.  
  543. {block:Posts}
  544. <div id="posts">
  545. {block:Quote}
  546. <div id="titlequote">“{Quote}”</div>
  547. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  548. {/block:Quote}
  549. {block:Text}
  550. {block:Title}
  551. <div id="title">{Title}</div>{/block:Title}
  552. {Body}
  553. {/block:Text}
  554.  
  555. {block:Link}
  556. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  557. {/block:Link}
  558.  
  559. {block:Chat}
  560. {block:Title}
  561. <h1>{Title}</h1>
  562. {/block:Title}
  563. <div class="chat">
  564. <ol>{block:Lines}
  565. <li class="line {Alt}">
  566. {block:Label}
  567. <span class="label">
  568. {Label}</span>
  569. {/block:Label}{Line}</li>
  570. {/block:Lines}
  571. </ol></div>
  572. {/block:Chat}
  573.  
  574. {block:Photo}
  575. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  576. {/block:Photo}
  577.  
  578.  
  579. {block:Photoset}
  580. <div style="max-width:100%;overflow:hidden;">{Photoset}</div>
  581. {block:Photoset}
  582.  
  583. <div class="video">{Video-500}</div>
  584.  
  585. {block:Audio}<div class="plays">
  586. <div class="player">{AudioPlayerWhite}</div>
  587. <div class="audioinfo">
  588. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  589. </div></div>
  590. {/block:Audio}
  591.  
  592. {block:Answer}<img src="{AskerPortraitURL-40}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} whispered: {Question}&nbsp;</div>{Answer}{/block:Answer}
  593.  
  594. {block:IndexPage}
  595.  
  596. {block:ifshowcaptions}
  597. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  598. {/block:ifshowcaptions}
  599.  
  600. {/block:IndexPage}
  601.  
  602. {block:PermalinkPage}
  603.  
  604. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  605.  
  606. {/block:PermalinkPage}
  607.  
  608. {block:Date}
  609. {block:IndexPage}
  610.  
  611. <div class="permas">
  612.  
  613. <a style="color:{color:permalink}" href="{Permalink}" >{ShortMonth} {DayOfMonthWithZero}</a> + <a style="border:none;color:{color:permalink}" href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a> with
  614. <a style="border:none;color:{color:permalink}" href="{Permalink}" >{NoteCountWithLabel}</a>&nbsp;
  615. <a style="padding:2px;border:none;background:{color:permalink background};border:none;color:{color:permalink}" href="{ReblogURL}">reblog?</a>
  616. </div>
  617. {/block:IndexPage}
  618.  
  619. {block:PermalinkPage}
  620. <div class="permas">
  621.  
  622.  
  623. <a href="{Permalink}">{24HourWithZero}:{Minutes}&nbsp;{CapitalAmPm} with {NoteCountWithLabel}</a>
  624. <div class="tags">{block:Tags}<a href="{TagUrl}"> #{Tag}&nbsp;</a>{/block:Tags}</div></div>
  625.  
  626.  
  627. {/block:PermalinkPage}
  628. {/block:Date}
  629.  
  630. </div>
  631.  
  632. {block:PostNotes}
  633. <div class="pagenotes">
  634. {PostNotes}
  635. </div>
  636. {/block:PostNotes}
  637.  
  638.  
  639. {/block:Posts}
  640.  
  641. </div>
  642.  
  643. {block:ifnotinfinitescroll}
  644. <div id="pagination">
  645. {block:Pagination}
  646. {block:PreviousPage}
  647. <a href="{PreviousPage}"style="float:left;">━ back</a>
  648. {/block:PreviousPage}
  649.  
  650. {block:NextPage}
  651. <a href="{NextPage}" style="float:right;">forth ━</a>
  652. {/block:NextPage}
  653. {/block:Pagination}
  654. </div>
  655. {/block:ifnotinfinitescroll}
  656.  
  657. </div>
  658.  
  659. </div>
  660. <!-- pls do not remove the credits,, thanks -->
  661. <a href="http:/taehyung.sne.jp" style="position:fixed;padding:5px;color:#aaa;left:3px;bottom:0px;background:transparent;border:none" title="coded by yoongity"><i class="fa fa-code"></i></a>
  662.  
  663. {block:ContentSource}
  664. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  665. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  666. {/block:SourceLogo}
  667. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  668. {/block:ContentSource}
  669.  
  670. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement