pelides

unreleased (c) chircn

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