API tools faq
paste
Advertisement
rileysux

09. kian

rileysux
Feb 24th, 2015
1,046
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.60 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <script type="text/javascript">
  12. function unhide(divID) {
  13. var item = document.getElementById(divID);
  14. if (item) {
  15. item.className=(item.className=='hidden')?'unhidden':'hidden';
  16. }
  17. }
  18. </script>
  19.  
  20. <!--moonofrp/09/kian/don't move the credit-->
  21.  
  22. <meta name="image:background" content="" />
  23. <meta name="image:sidebar" content="" />
  24. <meta name="image:plot" content="" />
  25. <meta name="image:admin1" content="" />
  26. <meta name="image:admin2" content="" />
  27. <meta name="image:admin3" content="" />
  28.  
  29. <meta name="color:background" content="" />
  30. <meta name="color:text" content="" />
  31. <meta name="color:link" content="" />
  32. <meta name="color:hover" content="" />
  33. <meta name="color:scrollbar" content="" />
  34. <meta name="color:scrollbar background" content="" />
  35. <meta name="color:sidebar background" content="" />
  36. <meta name="color:title" content="" />
  37. <meta name="color:title background" content="" />
  38. <meta name="color:box background" content="" />
  39. <meta name="color:post background" content="" />
  40. <meta name="color:blockquote" content="" />
  41. <meta name="color:blockquote link" content="" />
  42. <meta name="color:blockquote hover" content="" />
  43. <meta name="color:blockquote background" content="" />
  44. <meta name="color:asker" content="" />
  45. <meta name="color:asker background" content="" />
  46. <meta name="color:ask" content="" />
  47. <meta name="color:ask background" content="" />
  48. <meta name="color:info" content="" />
  49. <meta name="color:info background" content="" />
  50. <meta name="color:tab 1 accent" content="" />
  51. <meta name="color:tab 1 text" content="" />
  52. <meta name="color:tab 1 links" content="" />
  53. <meta name="color:navigation" content="" />
  54. <meta name="color:navigation background" content="" />
  55.  
  56. <meta name="text:tab 1" content="" />
  57. <meta name="text:tab 2" content="" />
  58. <meta name="text:tab 3" content="" />
  59. <meta name="text:plot title" content="" />
  60. <meta name="text:plot" content="" />
  61. <meta name="text:navigation title" content="" />
  62. <meta name="text:link 1" content="" />
  63. <meta name="text:link 1 url" content="" />
  64. <meta name="text:link 2" content="" />
  65. <meta name="text:link 2 url" content="" />
  66. <meta name="text:link 3" content="" />
  67. <meta name="text:link 3 url" content="" />
  68. <meta name="text:link 4" content="" />
  69. <meta name="text:link 4 url" content="" />
  70. <meta name="text:link 5" content="" />
  71. <meta name="text:link 5 url" content="" />
  72. <meta name="text:link 6" content="" />
  73. <meta name="text:link 6 url" content="" />
  74. <meta name="text:link 7" content="" />
  75. <meta name="text:link 7 url" content="" />
  76. <meta name="text:link 8" content="" />
  77. <meta name="text:link 8 url" content="" />
  78. <meta name="text:updates" content="" />
  79.  
  80. <style type="text/css">
  81.  
  82. /*scrollbar*/
  83. ::-webkit-scrollbar {
  84. background:{color:scrollbar background};
  85. height:2px;
  86. width:2px;
  87. }
  88. ::-webkit-scrollbar-thumb {
  89. background:{color:scrollbar};
  90. height:auto;
  91. }
  92.  
  93. /*selection - to do*/
  94. ::selection {
  95. background:{color:post background};
  96. }
  97.  
  98. /*basics*/
  99. body {
  100. background:{color:background};
  101. background-image:url('{image:background}');
  102. background-attachment:fixed;
  103. background-repeat:repeat;
  104. color:{color:text};
  105. font-family:arial;
  106. font-size:9px;
  107. line-height:15px;
  108. text-align:left;
  109. }
  110. a {
  111. color:{color:link};
  112. font-weight:bold;
  113. text-decoration:none;
  114. }
  115. a:hover {
  116. color:{color:hover};
  117. transition:all 0.3s ease-in-out;
  118. }
  119. h1 {
  120. font-size:14px;
  121. font-weight:bold;
  122. text-transform:uppercase;
  123. }
  124. small, sub, big {
  125. font-size:9px;
  126. }
  127. u {
  128. text-decoration:none;
  129. border-bottom:1px solid {color:text};
  130. }
  131. ul {
  132. list-style-type:square;
  133. }
  134. blockquote {
  135. padding:10px;
  136. background:{color:blockquote background};
  137. color:{color:blockquote};
  138. text-align:justify;
  139. border-radius:10px;
  140. }
  141. blockquote a {
  142. color:{color:blockquote link};
  143. }
  144. blockquote a:hover {
  145. color:{color:blockquote hover};
  146. }
  147. pre {
  148. padding:5px;
  149. font-family:arial;
  150. border-radius:10px;
  151. font-size:14px;
  152. font-weight:bold;
  153. text-transform:uppercase;
  154. background:{color:text};
  155. color:{color:post background};
  156. }
  157. img {
  158. max-width:100%;
  159. }
  160.  
  161. /*top*/
  162. #top {
  163. position:fixed;
  164. border-bottom-left-radius:10px;
  165. border-bottom-right-radius:10px;
  166. width:842px;
  167. height:15px;
  168. padding:5px;
  169. background:{color:navigation background};
  170. margin-left:79px;
  171. margin-top:570px;
  172. }
  173. #top a {
  174. color:{color:navigation};
  175. text-transform:uppercase;
  176. font-size:14px;
  177. margin-left:5px;
  178. margin-right:5px;
  179. }
  180. #top a:hover {
  181. letter-spacing:2px;
  182. }
  183.  
  184. /*pagination*/
  185. #pagination {
  186. text-transform:uppercase;
  187. font-weight:bold;
  188. font-size:14px;
  189. }
  190. #pagination a {
  191. color:{color:navigation};
  192. }
  193. #pagination a:hover {
  194. letter-spacing:2px;
  195. }
  196.  
  197. /*sidebar*/
  198. #sidebar {
  199. position:fixed;
  200. border-top-right-radius:10px;
  201. height:500px;
  202. width:290px;
  203. padding:10px;
  204. background:{color:sidebar background};
  205. margin-left:621px;
  206. margin-top:50px;
  207. }
  208. #sidetitle {
  209. position:fixed;
  210. font-size:14px;
  211. font-weight:bold;
  212. text-transform:uppercase;
  213. border-top-left-radius:10px;
  214. border-top-right-radius:10px;
  215. padding:5px;
  216. width:280px;
  217. height:15px;
  218. background:{color:title background};
  219. color:{color:title};
  220. }
  221. #sideimage {
  222. position:fixed;
  223. margin-left:-5px;
  224. margin-top:5px;
  225. }
  226. #sideimage img {
  227. position:fixed;
  228. width:290px;
  229. height:435px;
  230. }
  231. #sidedesc {
  232. position:fixed;
  233. font-size:9px;
  234. border-bottom-left-radius:10px;
  235. border-bottom-right-radius:10px;
  236. overflow:auto;
  237. font-weight:normal;
  238. text-transform:none;
  239. text-align:center;
  240. margin-top:435px;
  241. padding:5px;
  242. width:280px;
  243. height:30px;
  244. background:{color:title background};
  245. color:{color:title};
  246. }
  247.  
  248. /*posts*/
  249. #box {
  250. position:fixed;
  251. border-top-left-radius:10px;
  252. height:510px;
  253. width:542px;
  254. overflow:auto;
  255. padding-bottom:10px;
  256. background:{color:box background};
  257. margin-left:79px;
  258. margin-top:50px;
  259. }
  260. #entries {
  261. position:absolute;
  262. width:500px;
  263. margin-left:10px;
  264. margin-top:0px;
  265. margin-bottom:10px;
  266. }
  267. #posts {
  268. width:500px;
  269. padding:10px;
  270. padding-bottom:0px;
  271. border-radius:10px;
  272. margin-top:10px;
  273. background:{color:post background};
  274. }
  275.  
  276. /*audio*/
  277. .audio {
  278. padding: 0;
  279. }
  280.  
  281. .audio_container {
  282. overflow: hidden;
  283. position: relative;
  284. width: 100px;
  285. }
  286.  
  287. .soundcloud_audio_player {
  288. width: 100%;
  289. }
  290.  
  291. .tumblr_audio_player {
  292. width: 100%;
  293. }
  294.  
  295. /*asks*/
  296. #ask {
  297. color:{color:ask};
  298. background:{color:ask background};
  299. padding:10px;
  300. margin-bottom:10px;
  301. border-bottom-left-radius:10px;
  302. border-bottom-right-radius:10px;
  303. text-align:left;
  304. }
  305. #asker {
  306. background:{color:asker background};
  307. color:{color:asker};
  308. font-size:14px;
  309. font-weight:bold;
  310. text-transform:uppercase;
  311. padding:5px;
  312. border-top-left-radius:10px;
  313. border-top-right-radius:10px;
  314. text-align:right;
  315. }
  316. #asker a {
  317. color:{color:asker};
  318. }
  319. #asker a:hover {
  320. color:{color:asker};
  321. }
  322.  
  323. /*info*/
  324. #info {
  325. background:{color:info background};
  326. color:{color:info};
  327. border-bottom-left-radius:10px;
  328. border-bottom-right-radius:10px;
  329. padding:5px;
  330. padding-left:10px;
  331. padding-right:10px;
  332. width:500px;
  333. font-size:9px;
  334. font-weight:bold;
  335. text-transform:lowercase;
  336. margin-left:-10px;
  337. }
  338. #info a {
  339. color:{color:info};
  340. }
  341.  
  342. /*notes*/
  343. #note {
  344. padding-top:10px;
  345. padding-bottom:10px;
  346. margin-left:-30px;
  347. }
  348. #note ol {
  349. list-style-type:none;
  350. }
  351. .note img {
  352. display:none;
  353. }
  354.  
  355. /*jquery stuff, don't touch*/
  356. .hidden {
  357. display: none;
  358. }
  359. .unhidden {
  360. display: block;
  361. }
  362.  
  363. /*tab 1*/
  364. #tab1 {
  365. position:fixed;
  366. border-top-left-radius:10px;
  367. height:500px;
  368. width:522px;
  369. overflow:auto;
  370. padding:10px;
  371. background:{color:box background};
  372. margin-left:79px;
  373. margin-top:50px;
  374. z-index:999;
  375. }
  376. #tab1image {
  377. position:fixed;
  378. }
  379. #tab1image img {
  380. width:320px;
  381. height:258px;
  382. position:fixed;
  383. margin-top:-25px;
  384. margin-left:200px;
  385. border-top-right-radius:10px;
  386. border-bottom-right-radius:10px;
  387. }
  388. #tab1plottitle {
  389. padding:5px;
  390. background:{color:tab 1 accent};
  391. text-align:right;
  392. color:{color:tab 1 text};
  393. border-top-left-radius:10px;
  394. font-size:14px;
  395. font-weight:bold;
  396. text-transform:uppercase;
  397. width:190px;
  398. height:15px;
  399. }
  400. #tab1plot {
  401. width:180px;
  402. height:213px;
  403. background:{color:post background};
  404. text-align:justify;
  405. position:fixed;
  406. padding:10px;
  407. border-bottom-left-radius:10px;
  408. overflow:auto;
  409. z-index:999;
  410. }
  411. #tab1linkstitle {
  412. padding:5px;
  413. background:{color:tab 1 accent};
  414. color:{color:tab 1 text};
  415. border-top-left-radius:10px;
  416. border-top-right-radius:10px;
  417. font-size:14px;
  418. font-weight:bold;
  419. text-transform:uppercase;
  420. width:190px;
  421. height:15px;
  422. margin-left:322px;
  423. margin-top:243px;
  424. }
  425. #tab1links {
  426. width:200px;
  427. height:207px;
  428. background:{color:post background};
  429. position:fixed;
  430. padding:0px;
  431. border-bottom-left-radius:10px;
  432. border-bottom-right-radius:10px;
  433. overflow:auto;
  434. z-index:999;
  435. margin-left:322px;
  436. }
  437. #tab1links a {
  438. display:inline-block;
  439. background:transparent;
  440. color:{color:tab 1 links};
  441. padding:5px;
  442. width:190px;
  443. height:15px;
  444. font-size:14px;
  445. font-weight:bold;
  446. text-transform:uppercase;
  447. text-align:center;
  448. border-bottom:1px solid {color:tab 1 links};
  449. }
  450. #tab1links a:hover {
  451. letter-spacing:2px;
  452. }
  453. #tab1links a:last-child {
  454. border-bottom:0px;
  455. }
  456. #tab1admin {
  457. width:292px;
  458. height:80px;
  459. background:{color:post background};
  460. position:fixed;
  461. padding:10px;
  462. border-radius:10px;
  463. z-index:999;
  464. margin-top:-25px;
  465. }
  466. #tab1admin img {
  467. width:80px;
  468. height:80px;
  469. border-radius:100%;
  470. margin-left:5px;
  471. margin-right:5px;
  472. }
  473. #tab1player {
  474. width:292px;
  475. height:20px;
  476. background:{color:post background};
  477. position:fixed;
  478. padding:10px;
  479. border-top-left-radius:10px;
  480. border-top-right-radius:10px;
  481. z-index:999;
  482. margin-top:85px;
  483. }
  484. #tab1updates {
  485. width:312px;
  486. height:80px;
  487. background:{color:tab 1 accent};
  488. overflow:auto;
  489. position:fixed;
  490. border-bottom-left-radius:10px;
  491. border-bottom-right-radius:10px;
  492. z-index:999;
  493. margin-top:125px;
  494. }
  495. #tab1updates::-webkit-scrollbar {
  496. width:0px;
  497. height:0px;
  498. }
  499. #tab1updates blockquote {
  500. background:transparent;
  501. margin-left:0px;
  502. color:{color:tab 1 text};
  503. padding:5px;
  504. width:302px;
  505. height:auto;
  506. font-size:9px;
  507. font-weight:normal;
  508. text-transform:none;
  509. text-align:center;
  510. border-bottom:1px solid {color:tab 1 text};
  511. border-radius:0px;
  512. }
  513. #tab1updates blockquote:last-child {
  514. border-bottom:0px;
  515. }
  516.  
  517. /*tab 2*/
  518. #tab2 {
  519. position:fixed;
  520. border-top-left-radius:10px;
  521. height:500px;
  522. width:522px;
  523. overflow:auto;
  524. padding:10px;
  525. background:{color:box background};
  526. margin-left:79px;
  527. margin-top:50px;
  528. z-index:999;
  529. }
  530.  
  531. /*credit*/
  532. #credit {
  533. position:fixed;
  534. bottom:5px;
  535. right:0px;
  536. border-top-left-radius:10px;
  537. font-size:14px;
  538. text-transform:uppercase;
  539. font-weight:bold;
  540. text-align:center;
  541. }
  542. #credit a {
  543. color:{color:text};
  544. padding:5px;
  545. background:{color:box background};
  546. }
  547.  
  548. </style>
  549.  
  550. <body>
  551.  
  552. <div id="top">
  553. <center>
  554. <div id="pagination">
  555. {block:Pagination}
  556. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  557. {/block:Pagination}
  558. <a href="/">refresh</a>
  559. <a href="/ask">message</a>
  560. <a href="/archive">archive</a>
  561. <a href="javascript:unhide('tab1')">{text:tab 1}</a>
  562. {block:Pagination}
  563. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  564. {/block:Pagination}
  565. </div>
  566. </center>
  567. </div>
  568.  
  569. <div id="tab1" class="hidden">
  570. <div id="tab1plottitle">{text:plot title}</div>
  571. <div id="tab1plot">{text:plot}</div>
  572. <div id="tab1image"><img src="{image:plot}"></div>
  573. <div id="tab1linkstitle">{text:navigation title}</div>
  574. <div id="tab1links">
  575. <a href="{text:link 1 url}">{text:link 1}</a>
  576. <a href="{text:link 2 url}">{text:link 2}</a>
  577. <a href="{text:link 3 url}">{text:link 3}</a>
  578. <a href="{text:link 4 url}">{text:link 4}</a>
  579. <a href="{text:link 5 url}">{text:link 5}</a>
  580. <a href="{text:link 6 url}">{text:link 6}</a>
  581. <a href="{text:link 7 url}">{text:link 7}</a>
  582. <a href="{text:link 8 url}">{text:link 8}</a>
  583. </div>
  584. <div id="tab1admin">
  585. <center>
  586. <img src="{image:admin1}">
  587. <img src="{image:admin2}">
  588. <img src="{image:admin3}">
  589. </center>
  590. </div>
  591. <div id="tab1player">
  592. <center>
  593. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  594. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  595. <param name="bgcolor" value="{color:post background}" />
  596. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/b9030y011b/Arctic_Monkeys_-_D_Is_For_Dangerous.mp3
  597. &amp;loadingcolor=000000&amp;buttoncolor=000000&amp;slidercolor=000000" />
  598. </object>
  599. </center>
  600. </div>
  601. <div id="tab1updates">{text:updates}</div>
  602. </div>
  603.  
  604. <div id="sidebar">
  605. <div id="sidetitle">{Title}
  606. <div id="sideimage"><img src="{image:sidebar}">
  607. <div id="sidedesc">{Description}</div>
  608. </div>
  609. </div>
  610. </div>
  611.  
  612. <div id="box">
  613. <div id="entries">
  614. {block:Posts}
  615. <div id="posts">
  616. {block:Quote}
  617. <h1>&ldquo;{Quote}&rdquo;</h1>
  618. {/block:Quote}
  619. {block:Source}
  620. <div align="right">&mdash; {Source}</div>
  621. {/block:Source}
  622.  
  623. {block:Text}
  624. {block:Title}<h1>{Title}</h1>{/block:Title}
  625. {Body}
  626. {/block:Text}
  627.  
  628. {block:Photo}
  629. {LinkOpenTag}<img src="{PhotoUrl-500}">{LinkCloseTag}
  630. {block:Caption}{Caption}{/block:Caption}
  631. {/block:Photo}
  632.  
  633. {block:Photoset}
  634. {Photoset-500}
  635. {block:Caption}{Caption}{/block:Caption}
  636. {/block:Photoset}
  637.  
  638. {block:Link}
  639. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  640. {block:Description}{Description}{/block:Description}
  641. {/block:Link}
  642.  
  643. {block:Chat}
  644. <div style="padding-bottom:10px;">
  645. {block:Title}<h1>{Title}</h1>{/block:Title}
  646. {block:Lines}
  647. {block:Label}<strong style="font-size:9px; font-weight:bold; color:{color:link};">{Label}</strong>{/block:Label}
  648. {Line}<br>
  649. {/block:Lines}
  650. </div>
  651. {/block:Chat}
  652.  
  653. {block:Audio}
  654. <div class="audioContainer">
  655. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  656. </div>
  657. {block:Caption}{Caption}{/block:Caption}
  658. {/block:Audio}
  659.  
  660. {block:Video}
  661. {Video-500}
  662. {block:Caption}{Caption}{/block:Caption}
  663. {/block:Video}
  664.  
  665. {block:Answer}
  666. <div id="asker">
  667. {Asker}
  668. </div>
  669. <div id="ask">
  670. {Question}
  671. </div>
  672. {Answer}
  673. {/block:Answer}
  674.  
  675. <div id="info">
  676. <div id="permalink">
  677. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
  678. <div style="float:right; font-style:normal; font-weight:normal;"><div style="color:{color:info};">{NoteCount}</div></div>
  679. </div>
  680. </div>
  681.  
  682. {block:PostNotes}
  683. <div id="note">
  684. {PostNotes}
  685. </div>
  686. {block:PostNotes}
  687. </div>
  688. {/block:Posts}
  689. </div>
  690. </div>
  691.  
  692. <div id="credit">
  693. <a href="http://astrumwrites.tumblr.com">@</a>
  694. </div>
  695.  
  696. </body>
  697.  
  698. </head>
  699. </html>
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!