pelides

45 // P L U T O

Jul 17th, 2015
1,452
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.07 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4.  
  5. <script type="text/javascript">
  6. <!--
  7. function handleThis(formElm)
  8. {
  9. window.location="http://{Name}.tumblr.com/tagged/"+formElm.number.value+"";
  10. return false;
  11.  
  12. }
  13. // -->
  14. </script>
  15.  
  16.  
  17. <title>{Title}</title>
  18.  
  19.  
  20. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22.  
  23. <!--------------------------------------------
  24.  
  25. 45 // P L U T O
  26. ,,,,, by chircn
  27.  
  28. --------------------------------------------->
  29.  
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}"/>
  34. {/block:Description}
  35.  
  36.  
  37. <meta name="color:Background" content="#FFFFFF">
  38. <meta name="color:Hover" content="#000">
  39. <meta name="color:Link" content="#393939">
  40. <meta name="image:Sidebar" content="">
  41. <meta name="image:Sidebar" content="">
  42. <meta name="color:Text" content="#4c4c4c">
  43. <meta name="text:Link 1" content="">
  44. <meta name="text:Link 1 Title" content="/">
  45. <meta name="text:Link 2" content="">
  46. <meta name="text:Link 2 Title" content="/">
  47.  
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Cousine' rel='stylesheet' type='text/css'>
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54.  
  55. h1 {
  56. font-weight:normal;
  57. font-size:10px;
  58. text-align:center;
  59. font-style:italic;
  60. line-height:50%;
  61. letter-spacing:0px;
  62. font-family:cousine;
  63. text-transform:none;
  64. color:{color:Text};
  65. }
  66.  
  67. h2 {
  68. font-size:10px;
  69. font-family:cousine;
  70. letter-spacing:0px;
  71. margin-bottom:12px;
  72. text-transform:lowercase;
  73. padding:15px;
  74. border-bottom:1px solid #f5f5f5;
  75. font-weight:normal;
  76. line-height:90%;
  77. color:{color:Text};
  78. }
  79.  
  80. pre {
  81. max-width:400px;
  82. text-align: left;
  83. word-wrap: break-word;
  84. color:{color:Text};
  85. padding:10px;
  86. background:#fcfcfc;
  87. }
  88.  
  89. blockquote {
  90. border-left:1px solid #e8e8e8;
  91. padding-left:6px;
  92. margin-left:15px;
  93. }
  94.  
  95. body {
  96. font-family:cousine;
  97. margin-left:0px;
  98. color: {color:Text};
  99. background-color:{color:Background};
  100. }
  101.  
  102. a {
  103. color: {color:Link};
  104. text-decoration: none;
  105. }
  106.  
  107. a:hover {
  108. color:{color:Hover};
  109. }
  110.  
  111. #sidebar{
  112. position:fixed;
  113. margin-top:70px;
  114. margin-left:250px;
  115. width:200px;
  116. border-right:1px solid #f5f5f5;
  117. padding-right:0px;
  118. }
  119.  
  120. #box {
  121. margin:0 auto;
  122. width:245px;
  123. }
  124.  
  125. #halsey img {
  126. width:64px;
  127. margin-left:60px;
  128. border-radius:500px;
  129. }
  130.  
  131. #sam {
  132. text-align:right;
  133. text-transform:lowercase;
  134. font-size:12px;
  135. font-family:courier;
  136. font-weight:0;
  137. width:115px;
  138. letter-spacing:0px;
  139. margin:10px auto;
  140. margin-bottom:10px;
  141. }
  142.  
  143. #border{
  144. border-top:1px solid #f5f5f5;
  145. width:100px;
  146. margin:0 auto;
  147. }
  148.  
  149. #links {
  150. font-size:9px;
  151. font-family:cousine;
  152. text-align:right;
  153. margin-bottom:5px;
  154. border:0px solid #f5f5f5;
  155. padding:10px;
  156. width:115px;
  157. margin-top:0px;
  158. }
  159.  
  160. #links a{
  161. text-align:left;
  162. display:inline-block;
  163. margin-bottom:3px;
  164. padding:1px;
  165. margin-right:2px;
  166. margin-top:10px;
  167. border:1px solid #fff;
  168. color:{color:Sidebar Links};
  169. -moz-transition-duration:0.3s;
  170. -webkit-transition-duration:0.3s;
  171. -o-transition-duration:0.3s;
  172. }
  173.  
  174. #links a:hover{
  175. color:{color:Hover};
  176. border-bottom:1px solid #eee;
  177. cursor:help;
  178. -moz-transition-duration:0.3s;
  179. -webkit-transition-duration:0.3s;
  180. -o-transition-duration:0.3s;
  181. }
  182.  
  183. #desc{
  184. margin-bottom:5px;
  185. line-height:200%;
  186. text-align:right;
  187. width:115px;
  188. border:1px solid #f5f5f5;
  189. margin:10px auto;
  190. font-family:cousine;
  191. padding:10px;
  192. padding-bottom:7px;
  193. font-size:9px;
  194. color:{color:Description};
  195. }
  196.  
  197. #pagination {
  198. width:115px;
  199. text-align:right;
  200. font-size:12px;
  201. margin-top:15px;
  202. }
  203.  
  204. #pagination a {
  205. color:{color:Link};
  206. padding:7px;
  207. -moz-transition-duration: 0.5s;
  208. -o-transition-duration: 0.5s;
  209. -webkit-transition-duration: 0.5s;
  210. transition-duration: 0.5s;
  211. }
  212.  
  213. #pagination a:hover {
  214. color:{color:Hover};
  215. -moz-transition-duration: 0.5s;
  216. -o-transition-duration: 0.5s;
  217. -webkit-transition-duration: 0.5s;
  218. transition-duration: 0.5s;
  219. }
  220.  
  221. /*audio*/
  222.  
  223. #song {
  224. font-size:9px;
  225. padding:5px;
  226. text-align:right;
  227. margin-bottom:0px;
  228. }
  229.  
  230. .audiop {
  231. font-size:9px;
  232. font-weight:0;
  233. letter-spacing:0px;
  234. padding:15px;
  235. background:#fcfcfc;
  236. border:1px solid #f5f5f5;
  237. line-height:160%;
  238. text-align:right;
  239. }
  240.  
  241. .audioinfo {
  242. font-size:9px;
  243. font-weight:0;
  244. letter-spacing:0px;
  245. background:#fcfcfc;
  246. }
  247.  
  248. .player {
  249. width:20px;
  250. vertical-align:middle;
  251. margin-top:5px;
  252. position:relative;
  253. margin-left:-5px;
  254. background-color:#fff;
  255. height:20px;
  256. padding:10px;
  257. padding-top:5px;
  258. padding-left:5px;
  259. overflow:hidden;
  260. }
  261.  
  262. .playerb {
  263. margin-top:-10px;
  264. width:40px;
  265. border-radius:400px;
  266. height:40px;
  267. z-index:3;
  268. vertical-align:middle;
  269. position:absolute;
  270. opacity:1;
  271. -webkit-transition:all 0.6s ease-out;
  272. -moz-transition:all 0.6s ease-out;
  273. transition:all 0.6s ease-out;
  274. }
  275.  
  276. .audiop:hover .playerb {
  277. opacity:0.5;
  278. -webkit-transition:all 0.6s ease-out;
  279. -moz-transition:all 0.6s ease-out;
  280. transition:all 0.6s ease-out;}
  281.  
  282.  
  283. .container {
  284. width:400px;
  285. margin-left: 520px;
  286. }
  287.  
  288. .postscontainer {
  289. max-width:400px;
  290. margin: auto;
  291. margin-top:-40px;
  292. margin-left:0px;
  293. }
  294.  
  295. #posts {
  296. width:400px;
  297. line-height:100%;
  298. font-size:9px;
  299. margin-top:100px;
  300. text-align:justify;
  301. }
  302.  
  303. #posts a:hover {
  304. color:{color:Hover};
  305. }
  306.  
  307. #posts img {
  308. max-width:400px;
  309. }
  310.  
  311. #gen{
  312. opacity:1;
  313. border-left:1px solid #f5f5f5;
  314. padding-left:10px;
  315. margin-left:420px;
  316. margin-top:3px;
  317. position:absolute;
  318. }
  319.  
  320. .postscontainer:hover #gen {
  321. opacity:1;
  322. }
  323.  
  324. #info {
  325. margin-top:10px;
  326. padding:30px;
  327. font-family:courier;
  328. text-align:center;
  329. font-size:8px;
  330. letter-spacing:1px;
  331. text-transform:uppercase;
  332. border:1px solid #f5f5f5;
  333. }
  334.  
  335. #info a{
  336. padding:2px;
  337. }
  338.  
  339. #info a:hover {
  340. color:{color:text};
  341. }
  342.  
  343. .tags {
  344. max-width:100px;
  345. text-align:left;
  346. font-family:cousine;
  347. font-size:9px;
  348. padding:0px 0px 0px 0px;
  349. }
  350.  
  351. .tags a {
  352. line-height:16px;
  353. }
  354.  
  355. .tags a:hover {
  356. text-decoration:none;
  357. background-color:{color:background};
  358. }
  359.  
  360. .postnote {
  361. width:400px;
  362. text-transform:lowercase;
  363. font-size:9px;
  364. text-align:left;
  365. line-height:120%;
  366. margin-top:40px;
  367. }
  368.  
  369. .postnote li {
  370. list-style-type:none;
  371. padding:10px;
  372. text-align:justify;
  373. margin-left:-45px;
  374. -moz-transition-duration:0.5s;
  375. -webkit-transition-duration:0.5s;
  376. -o-transition-duration:0.5s;
  377. }
  378.  
  379. .postnote img {
  380. width:15px;
  381. padding: 3px;
  382. margin:2px 7px -3px 6px;
  383. text-align:left;
  384. }
  385.  
  386. .postnote img:hover {
  387. background:transparent;
  388. }
  389.  
  390. .quote {
  391. font-size:9px;
  392. font-weight:0;
  393. letter-spacing:0px;
  394. padding:15px;
  395. background:#fff;
  396. border:1px solid #f5f5f5;
  397. line-height:160%;
  398. text-align:justify;
  399. }
  400.  
  401. .source {
  402. font-size:8px;
  403. margin-top:5px;
  404. margin-bottom:20px;
  405. text-transform:uppercase;
  406. font-family:courier;
  407. padding:5px;
  408. line-height:140%;
  409. letter-spacing:1px;
  410. text-align:center;
  411. }
  412.  
  413. .chat ol {
  414. font-size:9px;
  415. line-height:150%;
  416. text-align:justify;
  417. padding:0px;
  418. list-style:none;
  419. }
  420.  
  421. .label {
  422. text-transform:uppercase;
  423. font-size:9px;
  424. text-decoration:underline;
  425. padding-right:5px;
  426. color:{color:Text};
  427. }
  428.  
  429. .line.odd {
  430. padding:5px;
  431. margin-bottom:2px;
  432. }
  433.  
  434. .line.even {
  435. padding:5px;
  436. margin-bottom:2px;
  437. background-color:#fcfcfc;
  438. }
  439.  
  440. #answer {
  441. width:400px;
  442. margin-top:15px;
  443. margin-bottom:15px;
  444. }
  445.  
  446. #asker{
  447. padding:5px;
  448. text-align:right;
  449. font-family:arial;
  450. font-stretch:condensed;
  451. font-size:7px;
  452. margin-bottom:5px;
  453. letter-spacing:2px;
  454. font-style:italic;
  455. text-transform:uppercase;
  456. background:#fcfcfc;
  457. }
  458.  
  459. #questions {
  460. font-size:9px;
  461. font-weight:0;
  462. padding:15px;
  463. letter-spacing:1px;
  464. background:#fff;
  465. border:1px solid #f5f5f5;
  466. line-height:160%;
  467. text-align:center;
  468. }
  469.  
  470. .credit {
  471. position:fixed;
  472. font-family:cousine;
  473. font-size:10px;
  474. font-weight:normal;
  475. line-height:150%;
  476. bottom:10px;
  477. right:10px;
  478. text-align:center;
  479. -moz-transition-duration: 0.4s;
  480. -o-transition-duration: 0.4s;
  481. -webkit-transition-duration: 0.4s;
  482. transition-duration: 0.4s;
  483. }
  484.  
  485. .credit a {
  486. font-style:normal;
  487. padding:3px;
  488. color:{color:Link};
  489. padding:2px;
  490. }
  491.  
  492. .credit:hover {
  493. background:transparent;
  494. text-decoration:underline;
  495. }
  496.  
  497. </style>
  498. </head>
  499.  
  500. <body>
  501.  
  502. <div id="sidebar">
  503.  
  504. <center>
  505. <div id="box">
  506. <div id="sam">{Title}</div>
  507. <div id="border"></div>
  508. <div id="desc">
  509. {description}</div>
  510. <div id="border"></div>
  511. <div id="links">
  512. <a href="/">index</a><br>
  513. <a href="/ask">ask</a><br>
  514. <a href="{text:Link 1}">{text:Link 1 Title}</a><br>
  515. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  516. </div>
  517. {block:Pagination}
  518. <div id="pagination">
  519. {block:NextPage}<a href="{NextPage}" class="jump_page">+</a>{/block:NextPage}
  520. </div>
  521. {/block:Pagination}
  522. </div>
  523.  
  524. </div>
  525.  
  526. <div class="container">
  527.  
  528. <div class="postscontainer">
  529. {block:Posts}
  530.  
  531. {block:ContentSource}
  532.  
  533. <!— {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  534.  
  535. {/block:SourceLogo}
  536.  
  537. {block:NoSourceLogo}{/block:NoSourceLogo} —>
  538.  
  539. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  540.  
  541. <div id="posts">
  542.  
  543. {block:HasTags}<div id="gen">
  544. <div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}<br></a>{/block:Tags}</div></div>{/block:HasTags}
  545.  
  546. {block:Text}
  547. {block:Title}<h2>{Title}</h2>{/block:Title}
  548. {Body}
  549. {/block:Text}
  550.  
  551. {block:Quote}<div class="quote">&#8220;{Quote}&#8221; </div><div class="source">{block:Source}{Source}{/block:Source}</div> {/block:Quote}
  552.  
  553. {/block:Quote}
  554.  
  555. {block:Link}
  556. <h2><a href="{URL}">{Name}</a></h2>
  557. {block:Description}{Description}{/block:Description}
  558. {/block:Link}
  559.  
  560. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  561. </ol></div>{/block:Chat}
  562.  
  563. {block:Answer}
  564. <div id="asker">— {asker}</div>
  565. <div id="questions">{Question}</div>
  566. <div id="answer">
  567. {Answer}</div>
  568. {/block:Answer}
  569.  
  570. {block:Photo}
  571. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  572. {/block:Photo}
  573.  
  574. {block:Photoset}
  575. {Photoset-400}
  576. {block:Caption}{Caption}{/block:Caption}
  577. {/block:Photoset}
  578.  
  579. {block:Audio}
  580. <div class="audiop">
  581. <div class="playerb" style="vertical-align:middle;"><div class="player" style="vertical-align:middle;">
  582. {AudioPlayerWhite}
  583. </div></div>
  584. <div class="audioinfo">
  585. {block:TrackName}<div id="song"><span style="text-transform:uppercase; font-family:courier; font-size:9px; letter-spacing:1px;">{TrackName}</span>{/block:TrackName}<br>
  586. {block:Artist}{Artist}{/block:Artist}<br> {block:Playcount} — {Playcount} plays<br>{/block:Playcount}</div></div></div><br>
  587. {block:Caption}{Caption}{/block:Caption}
  588. {/block:Audio}
  589.  
  590. {block:Video}
  591. {Video-400}
  592. {block:Caption}{Caption}{/block:Caption}
  593. {/block:Video}
  594.  
  595. {block:Date}
  596. <div id="info">
  597. {block:Date}<a href="{Permalink}" title="{TimeAgo}">{12Hour}:{Minutes}{CapitalAmPm}</a>{/block:Date}{block:NoteCount} <a href="{Permalink}" style="float:right;"> {block:ContentSource}
  598. <a href="{SourceURL}" title="{SourceTitle}">src</a>
  599. {/block:ContentSource}
  600. {block:RebloggedFrom}
  601. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  602. {/block:RebloggedFrom}
  603. {/block:ContentSource} <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}</div>
  604. </div>
  605. {/block:Date}
  606.  
  607.  
  608. <div class="postnote">
  609. {block:PostNotes}
  610. {PostNotes}{/block:PostNotes}
  611. </div>
  612. {/block:Posts}
  613.  
  614. <div class="credit"><a href="http://chircn.tumblr.com/">th.</a></div>
  615.  
  616. </div>
  617. </div>
  618. </div>
  619. </body>
Advertisement
Add Comment
Please, Sign In to add comment