API tools faq
paste
Advertisement
pelides

40 // C A T A C L Y S M

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