API tools faq
paste
tomura

#02: antares.

tomura
Dec 7th, 2019 (edited)
559
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. theme by @youngjaes.tumblr.com
  6. please don't move or edit the credit.
  7. feel free to tweak everything else to your liking.
  8. ----->
  9.  
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. {block:Description}{/block:Description}
  13.  
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  23. <link href="https://fonts.googleapis.com/css?family={select:title}:400,700,800" rel="stylesheet">
  24. <link href="https://fonts.googleapis.com/css?family={select:font}:300,400,500,700,800" rel="stylesheet">
  25. <link href="https://fonts.googleapis.com/css?family={select:quote}:400,700,800" rel="stylesheet">
  26. <link href='https://fonts.googleapis.com/css?family=Karla:300,400,700' rel='stylesheet' type='text/css'>
  27. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  28. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  29. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  30. <script>
  31. $(document).ready(function(){
  32. $('.photo-slideshow').pxuPhotoset({
  33. lightbox: true,
  34. rounded: false,
  35. gutter: '0px',
  36. borderRadius: '0px',
  37. photoset: '.photo-slideshow',
  38. photoWrap: '.photo-data',
  39. photo: '.pxu-photo'
  40. });
  41. });
  42. </script>
  43. <meta name="text:title"content="Antares"/>
  44. <meta name="text:subtitle"content="ÆNˈTƐƏRIːZ"/>
  45. <meta name="if:border on caption" content="1"/>
  46. <meta name="color:background" content="#fff"/>
  47. <meta name="color:text color" content="#5a5a5a"/>
  48. <meta name="color:title color" content="#000"/>
  49. <meta name="color:link" content="#000"/>
  50. <meta name="color:link hover" content="#000"/>
  51. <meta name="color:quote color" content="#000"/>
  52. <meta name="select:font" content="Roboto"/>
  53. <meta name="select:font" content="Lora"/>
  54. <meta name="select:font" content="Raleway"/>
  55. <meta name="select:font" content="Dosis"/>
  56. <meta name="select:font" content="Questrial"/>
  57. <meta name="select:font" content="Libre Franklin"/>
  58.  
  59. <meta name="select:title" content="Roboto"/>
  60. <meta name="select:title" content="Lora"/>
  61. <meta name="select:title" content="Raleway"/>
  62. <meta name="select:title" content="Dosis"/>
  63. <meta name="select:title" content="Questrial"/>
  64. <meta name="select:title" content="Libre Franklin"/>
  65.  
  66. <meta name="select:quote" content="Roboto"/>
  67. <meta name="select:quote" content="Lora"/>
  68. <meta name="select:quote" content="Raleway"/>
  69. <meta name="select:quote" content="Dosis"/>
  70. <meta name="select:quote" content="Questrial"/>
  71. <meta name="select:quote" content="Libre Franklin"/>
  72.  
  73. <meta name="select:title font size"content="20px"/>
  74. <meta name="select:title font size"content="25px"/>
  75. <meta name="select:title font size"content="30px"/>
  76. <meta name="text:font size"content="12px"/>
  77. <meta name="text:letter spacing"content=".6px"/>
  78. <meta name="text:link1 URL" content="/"/>
  79. <meta name="text:link1" content="link one"/>
  80. <meta name="text:link2 URL" content="/"/>
  81. <meta name="text:link2" content="link two"/>
  82. <meta name="text:link3 URL" content="/"/>
  83. <meta name="text:link3" content="link three"/>
  84. <meta name="text:link4 URL" content="/"/>
  85. <meta name="text:link4" content="link four"/>
  86. <meta name="text:link5 URL" content="/"/>
  87. <meta name="text:link5" content="link five"/>
  88.  
  89. <style type="text/css">
  90.  
  91. #credit {
  92. position:fixed;right:25px;bottom:25px;
  93. letter-spacing:0px;z-index:999999;font-size:14px;}
  94. #credit a {
  95. text-decoration:none;color:{color:text color}}
  96.  
  97.  
  98. body {
  99. margin:0px;
  100. background:{color:background};
  101. color:{color:text color};
  102. font-family: '{select:font}', sans-serif;
  103. letter-spacing:{text:letter spacing};
  104. font-size:{text:font size};
  105. font-weight:300;
  106. line-height:1.75em;
  107. word-break:break-word;
  108. -moz-osx-font-smoothing:grayscale;
  109. -webkit-font-smoothing:antialiased;
  110. font-smoothing:antialiased;
  111. }
  112.  
  113. ::selection{
  114. background:{color:text color};
  115. color:#fff;
  116. }
  117.  
  118. b {font-weight:600;color:{color:text color}}
  119.  
  120. p{
  121. margin:0 0 10px 0;
  122. padding:0;
  123. }
  124.  
  125. pre {
  126. white-space: pre-wrap;
  127. white-space: -moz-pre-wrap;
  128. white-space: -pre-wrap;
  129. white-space: -o-pre-wrap;
  130. word-wrap: break-word;
  131. }
  132.  
  133. a{
  134. color:{color:link};
  135. text-decoration:none;}
  136.  
  137. a:hover{
  138. color:{color:link hover};
  139. text-decoration:underline}
  140.  
  141. blockquote {
  142. padding:0 0 0 0px;
  143. margin:0px 0;
  144. border-left:0px solid #b5b5b5;
  145. }
  146.  
  147. hr {
  148. border:none;
  149. box-shadow:0;
  150. width:140px;
  151. margin-top:140px;
  152. border-top:1px solid #ddd;
  153. }
  154.  
  155. #wrapper{
  156. width:600px;
  157. margin-left:100px;
  158. }
  159.  
  160. #sidebar{
  161. width:400px;
  162. top:105px;
  163. left:745px;
  164. position:fixed;
  165. }
  166.  
  167. #links {top:40px;}
  168. #links a {line-height:25px;display:block;}
  169. #borderb {background:#ddd;height:1.2px;width:45px;margin-bottom:40px;margin-top:30px;}
  170. #borderc {background:#ddd;height:1.2px;width:45px;margin-top:40px;}
  171. #antares {text-decoration:none;font-family:{select:title};font-size:{select:title font size};width:540px;font-weight:900;line-height:25px;}
  172. #antares a {color:{color:title color};text-decoration:none;letter-spacing:1px;}
  173.  
  174. #content{
  175. margin-top:105px;
  176. width:540px;
  177. overflow:hidden;
  178. }
  179.  
  180. .post{
  181. width:540px;
  182. margin:0 0 200px 0;
  183. overflow:hidden;
  184. }
  185.  
  186. .tags {opacity:0;
  187. -webkit-transition: all 0.8s ease;
  188. transition: all 0.8s ease;
  189. -moz-transition: all 0.8s ease;
  190. -o-transition: all 0.8s ease;}
  191.  
  192. .tags a {padding-right:3px;}
  193.  
  194.  
  195. .tagsp {opacity:1;}
  196.  
  197.  
  198. .post:hover .tags{opacity:1;
  199. -webkit-transition: all 0.8s ease;
  200. transition: all 0.8s ease;
  201. -moz-transition: all 0.8s ease;
  202. -o-transition: all 0.8s ease;};
  203.  
  204.  
  205. .post:hover .tags{opacity:1;
  206. -webkit-transition: all 0.8s ease;
  207. transition: all 0.8s ease;
  208. -moz-transition: all 0.8s ease;
  209. -o-transition: all 0.8s ease;};
  210.  
  211.  
  212. .post img{
  213. max-width:100%;
  214. }
  215.  
  216. #pagi{
  217. margin:50px 0 0 0;
  218. }
  219.  
  220. .media{
  221. margin:0 0 10px 0;
  222. }
  223.  
  224. .title{
  225. letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:500;
  226. margin:0 0 10px 0;color:{color:text color};font-family:{select:title};text-align:center;border:1px solid #eee;padding:20px;
  227. }
  228.  
  229. .title a {color:{color:text color}}
  230.  
  231.  
  232. .question{
  233. margin-bottom:10px;
  234. }
  235.  
  236. .question a{
  237. text-decoration:none;color:{color:text color};}
  238.  
  239. block{
  240. margin:0 0 0px 0px;
  241. padding:0 0 0 0px;
  242. border-left:solid 0px #aaa;
  243. }
  244.  
  245. ht:20px;
  246. }
  247.  
  248. .post .footer a{
  249. text-decoration:none;
  250. }
  251.  
  252. .post .footer a:{
  253. text-decoration:none;
  254. color:{color:link};
  255. }
  256.  
  257. .noname {margin-top:14px;font-size:9px;text-transform:uppercase;font-weight:300;font-family:"karla";color:{color:text color};letter-spacing:.9px;opacity:0;-webkit-transition: all 0.8s ease;
  258. transition: all 0.8s ease;
  259. -moz-transition: all 0.8s ease;
  260. -o-transition: all 0.8s ease;}
  261.  
  262. .post:hover .noname{
  263. opacity:1;
  264. -webkit-transition: all 0.8s ease;
  265. transition: all 0.8s ease;
  266. -moz-transition: all 0.8s ease;
  267. -o-transition: all 0.8s ease;
  268. }
  269.  
  270. #text {text-align:center;{block:ifborderoncaption}border:1px solid #eee;{/block:ifborderoncaption}padding:30px;}
  271.  
  272. .postnotes {width:540px;margin-left:-40px;}
  273. .caption {{block:ifborderoncaption}border:1px solid #eee;{/block:ifborderoncaption}padding:20px;text-align:center;padding-top:25px;}
  274.  
  275. .caption a {text-decoration:underline};
  276.  
  277. ol.notes {
  278. list-style-type:none;
  279. padding:0px;
  280. margin:0px;
  281. }
  282.  
  283. ol.notes li.note {
  284. display:block;
  285. padding:0;
  286. margin:5px 0;
  287. }
  288.  
  289. ol.notes li.note img.avatar {display:none!important;}
  290.  
  291. .player {
  292. width:29px;
  293. height:29px;
  294. position:absolute;
  295. left:15px;
  296. padding:5px;
  297. border-radius:100px;
  298. background:{color:background};
  299. display:block;
  300. overflow:hidden;
  301. top:calc(50% - 20px);
  302. opacity:.4;
  303. }
  304.  
  305. .hold {
  306. text-align:left;
  307. background:{color:background};
  308. border:1px solid #e5e5e5;
  309. position:relative;
  310. display:block;
  311. min-height:24px;
  312. padding:20px;
  313. }
  314.  
  315.  
  316. .audio_info {
  317. vertical-align:left;
  318. text-align:left;
  319. line-height:16px;
  320. margin-left:55px;
  321. max-width:calc(100% - 35px);
  322. }
  323.  
  324. .audio_info span {
  325. white-space:nowrap;
  326.  
  327. text-overflow:ellipsis;
  328. display:block;
  329. }
  330.  
  331.  
  332. ::-webkit-scrollbar{
  333. height:11px;
  334. width:11px;
  335. background:{color:background};;
  336. }
  337. ::-webkit-scrollbar-thumb {background:{color:text color};}
  338. ::-webkit-scrollbar-track {background:{color:background};}
  339. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  340.  
  341. .user,a.user { color:{color:link};text-decoration:none;letter-spacing:{text:letter spacing};}
  342.  
  343. .text a {}
  344. .text {text-align:justify;font-weight:normal;margin-top:5px;
  345. letter-spacing:{text:letter spacing};
  346. }
  347.  
  348.  
  349. #pagination {margin-top:-190px;text-align:center;margin-left:100px;text-transform:uppercase;letter-spacing:2px;font-size:9px;font-family:'libre franklin', sans-serif;font-weight:300;width:540px;}
  350. #pagination a {text-decoration:none;color:{color:text color};}
  351.  
  352. .hidden {display: none;}
  353. .unhidden {display: block;}
  354.  
  355. iframe, img, embed, object, video {
  356. max-width: 100%;
  357. }
  358. img {
  359. height: auto;
  360. width: auto;
  361. }
  362.  
  363. {CustomCSS}
  364. </style>
  365. </head>
  366.  
  367. <body>
  368.  
  369. <div id="wrapper">
  370. <div id="content">
  371.  
  372. <div id="sidebar">
  373. <div id="antares"><a href="/" title="index">{text:title}</a><br><div style="text-transform:uppercase;letter-spacing:2.3px;font-size:8px;font-family:'libre franklin', sans-serif;font-weight:400;color:{color:text color};">{text:subtitle}</div></div>
  374. <div id="links">
  375. <div id="borderb"></div>
  376. <a href="{text:Link1 URL}">{text:Link1}</a>
  377. <a href="{text:Link2 URL}">{text:Link2}</a>
  378. <a href="{text:Link3 URL}">{text:Link3}</a>
  379. <a href="{text:Link4 URL}">{text:Link4}</a>
  380. <a href="{text:Link5 URL}">{text:Link5}</a>
  381. <div id="borderc"></div>
  382. </div></div>
  383.  
  384. {block:Posts}
  385.  
  386. {block:NoRebloggedFrom}
  387. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  388. {/block:NoRebloggedFrom}
  389.  
  390.  
  391. {block:ContentSource}<!-- {SourceURL}
  392. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  393. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  394. {/block:ContentSource}
  395.  
  396. <div class="post">
  397.  
  398. {block:Text}
  399. {block:Title}
  400. <div class="title">{Title}</div>
  401. {/block:Title}
  402. <div id="text">{Body}</div>
  403. {/block:Text}
  404.  
  405. {block:Photo}
  406. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"style="width:540px"/>{LinkCloseTag}</div>
  407. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  408. {/block:Photo}
  409.  
  410. {block:Photoset}
  411. <div class="media"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>
  412. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  413. {/block:Photoset}
  414.  
  415. <link href='https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,700' rel='stylesheet' type='text/css'>
  416.  
  417. {block:Quote}
  418. <div class="quote" style="font-size:16px; color:{color:quote color};text-align:center;line-height:26px;font-family: '{select:quote}', sans-serif;font-weight:500">{quote}</div>
  419. {block:Source}
  420. <p><div class="quotesource" style="margin-top:15px;margin-bottom:4px;font-size:{text:font size};text-align:center;letter-spacing:1px;margin-bottom:-10px">{Source}</div>
  421. {/block:Source}
  422. {/block:Quote}
  423.  
  424. {block:Link}
  425. <div class="title"><a href="{URL}">{Name}</a></div>
  426. {block:Description}
  427. <div class="description">{Description}</div>
  428. {/block:Description}
  429. {/block:Link}
  430.  
  431. {block:Chat}
  432. {block:Title}
  433. <div class="title">{Title}</div>
  434. {/block:Title}
  435.  
  436. {block:Lines}
  437. <div class="{Alt} user_{UserNumber}">
  438. {block:Label}
  439. <b>{Label}</b>{/block:Label}
  440. &nbsp;{Line}
  441. </div>
  442. {/block:Lines}
  443. {/block:Chat}
  444.  
  445. {block:Video}
  446. <div class="media">{Video-500}</div>
  447. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  448. {/block:Video}
  449.  
  450. {block:Audio}
  451. {block:audioplayer}
  452. <div class="hold">
  453. <div class="player">{audioplayerblack}</div>
  454. <div class="audio_info">
  455. {block:trackname}<span class="track"><b>{trackname}</b></span>{/block:trackname}
  456. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  457. </div>
  458. </div>
  459. {/block:audioplayer}
  460. <p>
  461. {/block:Audio}
  462.  
  463.  
  464. {block:Answer}<center>
  465. <div class="question" style="text-align:center;border:1px solid #eee;padding:30px;padding-top:35px"><center style="text-transform:uppercase;letter-spacing:2.3px;font-size:8px;font-family:'libre franklin', sans-serif;font-weight:400;">{Asker} said</center><br> {Question}</p></div>
  466. <div class="quotesource" style="padding-bottom:20px;margin-top:30px;line-height:23px">{Answer}</div>
  467. {/block:Answer}</center>
  468.  
  469. {block:Date}
  470. {block:IndexPage}<div class="footer"><div class="noname"><a href="{Permalink}" title="{block:Tags}#{Tag}&nbsp; {/block:Tags}"></a>&nbsp;&nbsp;{NoteCount} Notes / <a href="{Permalink}">{Month}, {DayOfMonth}{DayOfMonthSuffix}</div></a>{/block:IndexPage}{block:PermalinkPage}
  471.  
  472.  
  473. <center><p style="margin-top:40px;font-weight:400;font-size:15px;color:{color:text color}">{DayOfMonthwithZero}.{MonthNumberWithZero}.{Year}</p>
  474. <div class="tagsp" style:"margin-top:px">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}{/block:HasTags}</div>
  475.  
  476. {block:RebloggedFrom}
  477. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> —
  478. {block:ContentSource}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
  479. {block:NoteCount}
  480. <br>{NoteCount} notes
  481. {block:PostNotes} <div class="postnotes">{PostNotes}</center>
  482. </div>{/block:PostNotes}</div>
  483. {/block:NoteCount}
  484. {/block:PermalinkPage}
  485. {/block:Date}
  486. </div>
  487. {block:IndexPage}<hr>{/block:IndexPage}
  488. </div>
  489. {/block:Posts}
  490. </div>
  491. </div>
  492. </div>
  493. </div>
  494. {block:Pagination}
  495. <div id="pagination">
  496. {block:PreviousPage}<a href="{PreviousPage}" style="font-size:15px" title="prev. page">⟵ </a>&nbsp;{block:PreviousPage}
  497. {block:NextPage}<a href="{NextPage}" style="font-size:15px" title="next page">⟶</a>{/block:NextPage}
  498. </div>
  499. {/block:Pagination}
  500.  
  501. <div id="credit">
  502. <a href="http://youngjaes.tumblr.com/" title="theme by @youngjaes">✚</a>
  503.  
  504. </body>
  505. </html>
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!