API tools faq
paste
pelides

46 // N E P T U N E

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