API tools faq
paste
pelides

43 // A L P E N G L O W

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