API tools faq
paste
Advertisement
pelides

44 // M I S T R A L

pelides
May 20th, 2015
2,033
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.57 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. 44 // M I S T R A L
  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:110px;
  122. text-align:left;
  123. padding:10px;
  124. }
  125.  
  126. #sidebar img {
  127. width:40px;
  128. border-radius:0px;
  129. background:#fff;
  130. }
  131.  
  132. #links{
  133. margin-top:0px;
  134. padding-top:10px;
  135. line-height:200%;
  136. font-size:10px;
  137. font-family:Inconsolata;
  138. }
  139.  
  140. #links a{
  141. background:#fff;
  142. color:{color:Link};
  143. border:1px solid #e3e3e3;
  144. padding:3px;
  145. padding-top:0px;
  146. padding-bottom:0px;
  147. color:{color:Sidebar Links};
  148. }
  149.  
  150. #links a:hover{
  151. text-decoration:line-through;
  152. cursor:help;
  153. }
  154.  
  155. #dean img{
  156. margin-top:0px;
  157. position:fixed;
  158. }
  159.  
  160. #sammy {
  161. color:#333;
  162. text-transform:uppercase;
  163. text-align:center;
  164. font-size:10px;
  165. letter-spacing:2px;
  166. margin-left:38px;
  167. padding-top:9px;
  168. padding-bottom:9px;
  169. }
  170.  
  171. #desc{
  172. margin-top:10px;
  173. padding-left:5px;
  174. border-left:1px solid #e8e8e8;
  175. text-align:left;
  176. line-height:120%;
  177. font-size:10px;
  178. color:{color:Description};
  179. }
  180.  
  181. #pagination {
  182. font-family:Inconsolata;
  183. background:#fcfcfc;
  184. border:1px solid #f5f5f5;
  185. text-align:center;
  186. font-size:9px;
  187. padding:10px;
  188. margin-bottom:100px;
  189. }
  190.  
  191. #pagination a {
  192. padding:7px;
  193. -moz-transition-duration: 0.5s;
  194. -o-transition-duration: 0.5s;
  195. -webkit-transition-duration: 0.5s;
  196. transition-duration: 0.5s;
  197. }
  198.  
  199. #pagination a:hover {
  200. -moz-transition-duration: 0.5s;
  201. -o-transition-duration: 0.5s;
  202. -webkit-transition-duration: 0.5s;
  203. transition-duration: 0.5s;
  204. }
  205.  
  206. /*audio*/
  207.  
  208. #song {
  209. font-size:11px;
  210. padding:5px;
  211. text-align:right;
  212. margin-bottom:-10px;
  213. }
  214.  
  215. .audiop {
  216. padding:15px;
  217. background:#f9f9f9;
  218. border:5px double #fff;
  219. padding-top:10px;
  220. position:relative;
  221. }
  222.  
  223. .audioinfo {
  224. color:{color:text};
  225. font-size:7px;
  226. text-align:right;
  227. }
  228.  
  229. .player {
  230. width:15px;
  231. vertical-align:middle;
  232. margin-top:10px;
  233. margin-left:-10px;
  234. height:15px;
  235. border-radius:400px;
  236. padding:10px;
  237. overflow:hidden;
  238. }
  239.  
  240. .playerb {
  241. margin-top:-10px;
  242. width:40px;
  243. border-radius:400px;
  244. height:40px;
  245. z-index:3;
  246. vertical-align:middle;
  247. position:absolute;
  248. opacity:1;
  249. -webkit-transition:all 0.6s ease-out;
  250. -moz-transition:all 0.6s ease-out;
  251. transition:all 0.6s ease-out;
  252. }
  253.  
  254. .audiop:hover .playerb {
  255. opacity:0.5;
  256. -webkit-transition:all 0.6s ease-out;
  257. -moz-transition:all 0.6s ease-out;
  258. transition:all 0.6s ease-out;}
  259.  
  260.  
  261. .container {
  262. width:400px;
  263. margin-left: 550px;
  264. }
  265.  
  266. .postscontainer {
  267. max-width:400px;
  268. margin: auto;
  269. margin-top:-40px;
  270. margin-left:0px;
  271. }
  272.  
  273. .posts {
  274. width:400px;
  275. line-height:100%;
  276. font-size:11px;
  277. font-family:Inconsolata;
  278. margin-top:100px;
  279. text-align:justify;
  280. }
  281.  
  282. .posts a:hover {
  283. color:{color:Hover};
  284. }
  285.  
  286. .posts img {
  287. max-width:400px;
  288. }
  289.  
  290. #info {
  291. margin-top:10px;
  292. padding:10px;
  293. text-align:center;
  294. font-size:10px;
  295. text-transform:lowercase;
  296. border-top:1px solid #f9f9f9;
  297. }
  298.  
  299. #info a:hover {
  300. color:{color:text};
  301. }
  302.  
  303.  
  304. .tags {
  305. text-align:center;
  306. font-family:Inconsolata;
  307. font-size:10px;
  308. letter-spacing:0px;
  309. padding:0px 0px 0px 0px;
  310. text-transform:lowercase;
  311. display:inline;
  312. }
  313.  
  314. .tags a {
  315. background:#fcfcfc;
  316. margin:5px 5px 0px 0px;
  317. line-height:16px;
  318. }
  319.  
  320. .tags a:hover {
  321. text-decoration:none;
  322. background-color:{color:background};
  323. }
  324.  
  325. .postnote {
  326. width:400px;
  327. font-family:Inconsolata;
  328. text-transform:lowercase;
  329. font-size:11px;
  330. text-align:left;
  331. line-height:120%;
  332. margin-top:40px;
  333. }
  334.  
  335. .postnote li {
  336. list-style-type:none;
  337. padding:10px;
  338. text-align:justify;
  339. margin-left:-45px;
  340. -moz-transition-duration:0.5s;
  341. -webkit-transition-duration:0.5s;
  342. -o-transition-duration:0.5s;
  343. }
  344.  
  345. .postnote img {
  346. width:15px;
  347. padding: 3px;
  348. margin:2px 7px -3px 6px;
  349. text-align:left;
  350. }
  351.  
  352. .postnote img:hover {
  353. background:transparent;
  354. }
  355.  
  356. .quote {
  357. font-size:12px;
  358. font-family:Inconsolata;
  359. letter-spacing:0px;
  360. padding:15px;
  361. background:#f9f9f9;
  362. border:5px double #fff;
  363. line-height:120%;
  364. text-align:left;
  365. color:{color:Text};
  366. }
  367.  
  368. .source {
  369. font-family:Inconsolata;
  370. font-size:10px;
  371. margin-top:10px;
  372. margin-bottom:20px;
  373. text-align:center;
  374. }
  375.  
  376. .chat ol {
  377. font-size:11px;
  378. font-family:Inconsolata;
  379. line-height:150%;
  380. text-align:justify;
  381. padding:0px;
  382. list-style:none;
  383. }
  384.  
  385. .label {
  386. text-transform:uppercase;
  387. font-size:11px;
  388. font-family:Inconsolata;
  389. padding-right:5px;
  390. color:{color:Text};
  391. }
  392.  
  393. .line.odd {
  394. padding:5px;
  395. margin-bottom:2px;
  396. }
  397.  
  398. .line.even {
  399. padding:5px;
  400. margin-bottom:2px;
  401. background-color:#f9f9f9;
  402. }
  403.  
  404. #answer {
  405. width:400px;
  406. margin-top:15px;
  407. }
  408.  
  409. #questions {
  410. text-align:justify;
  411. background:#f9f9f9;
  412. font-family:Inconsolata;
  413. font-weight:normal;
  414. line-height:100%;
  415. font-size:12px;
  416. border:5px double #fff;
  417. padding:15px;
  418. color:{color:text};
  419. }
  420.  
  421. .credit {
  422. position:fixed;
  423. font-family:Inconsolata;
  424. font-size:11px;
  425. font-weight:normal;
  426. line-height:150%;
  427. bottom:10px;
  428. right:10px;
  429. text-align:center;
  430. -moz-transition-duration: 0.4s;
  431. -o-transition-duration: 0.4s;
  432. -webkit-transition-duration: 0.4s;
  433. transition-duration: 0.4s;
  434. }
  435.  
  436. .credit a {
  437. font-style:normal;
  438. padding:3px;
  439. color:{color:Link};
  440. padding:2px;
  441. }
  442.  
  443. .credit:hover {
  444. background:transparent;
  445. text-decoration:underline;
  446. }
  447.  
  448. </style>
  449. </head>
  450.  
  451. <body>
  452.  
  453. <div id="sidebar">
  454.  
  455. <img src="{Image:Sidebar}">
  456.  
  457. <div id="desc">
  458. ❝ {description}</div>
  459.  
  460. <div id="links">
  461. <a href="/">index</a>
  462. <a href="/ask">ask</a>
  463. <a href="{text:Link 1}">{text:Link 1 Title}</a><br>
  464. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  465. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  466. </div>
  467.  
  468. </div>
  469.  
  470. <div class="container">
  471.  
  472. <div class="postscontainer">
  473. {block:Posts}
  474.  
  475. {block:ContentSource}
  476.  
  477. <!— {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  478.  
  479. {/block:SourceLogo}
  480.  
  481. {block:NoSourceLogo}{/block:NoSourceLogo} —>
  482.  
  483. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  484. <div class="posts">
  485.  
  486. {block:Text}
  487. {block:Title}<h2>{Title}</h2>{/block:Title}
  488. {Body}
  489. {/block:Text}
  490.  
  491. {block:Quote}<div class="quote">&#8220;{Quote}&#8221; </div><div class="source">— {block:Source}{Source}{/block:Source}</div> {/block:Quote}
  492.  
  493. {/block:Quote}
  494.  
  495. {block:Link}
  496. <h2><a href="{URL}">{Name}</a></h2>
  497. {block:Description}{Description}{/block:Description}
  498. {/block:Link}
  499.  
  500. {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}
  501. </ol></div>{/block:Chat}
  502.  
  503. {block:Answer}<div id="questions"><u>{asker}</u><br>
  504. {Question}<br></div>
  505. <div id="answer">
  506. {Answer}</div>
  507. {/block:Answer}
  508.  
  509. {block:Photo}
  510. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  511. {/block:Photo}
  512.  
  513. {block:Photoset}
  514. {Photoset-400}
  515. {block:Caption}{Caption}{/block:Caption}
  516. {/block:Photoset}
  517.  
  518. {block:Audio}
  519. <div class="audiop">
  520. <div class="playerb" style="vertical-align:middle;"><div class="player" style="vertical-align:middle;">
  521. {AudioPlayerWhite}
  522. </div></div>
  523. <div class="audioinfo">
  524. {block:TrackName}<div id="song"><u>{TrackName}</u>{/block:TrackName}
  525. {block:Artist} / {Artist}{/block:Artist}<br> {block:Playcount} — {Playcount} plays<br>{/block:Playcount}</div></div><br></div>
  526. {/block:Audio}
  527.  
  528. {block:Video}
  529. {Video-400}
  530. {block:Caption}{Caption}{/block:Caption}
  531. {/block:Video}
  532.  
  533. {block:Date}
  534. <div id="info">
  535. {block:Date}<a href="{Permalink}">{MonthNumberWithZero} {DayOfMonthWithZero} {ShortYear}</a>{/block:Date}{block:NoteCount} · <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}
  536. {block:HasTags} · <div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  537. </div>
  538. {/block:Date}
  539.  
  540.  
  541. <div class="postnote">
  542. {block:PostNotes}
  543. <center>
  544. {block:ContentSource}
  545. source: <a href="{SourceURL}">{SourceTitle}</a>,
  546. {/block:ContentSource}
  547. {block:RebloggedFrom}
  548. via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br><br><br><br>
  549. {/block:RebloggedFrom}
  550. </center>
  551. {PostNotes}{/block:PostNotes}
  552. </div>
  553. {/block:Posts}
  554.  
  555. {block:Pagination}
  556. <div id="pagination">
  557. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  558. {block:JumpPagination length="5"}
  559. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  560. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  561. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  562. </div>
  563. {/block:Pagination}
  564.  
  565. <div class="credit"><a href="http://chircn.tumblr.com/">th.</a></div>
  566.  
  567. </div>
  568. </div>
  569. </div>
  570. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!