API tools faq
paste
Advertisement
Laighlin

#2: Decapitate

Laighlin
May 8th, 2016
3,035
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{image:favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <link href='https://fonts.googleapis.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  9. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!----------------- Decapitate by Laighlin -------------------
  13.  
  14. note (09/04/2017) - this theme is so old and demonstrates such glaring errors in my knowledge of coding at the time that I do not have the energy to correct every individual flaw. I will release a separate completely revamped version at some point, and I have revisited the code to ensure that the theme is at least usable, but I will provide only limited support and urge you to switch to a different theme if the problem is a serious one.
  15.  
  16. --------------------------------------------------------------->
  17.  
  18. <meta name="color:background color" content="#fff"/>
  19. <meta name="color:info line" content="#fa0"/>
  20. <meta name="image:background" content="http://static.tumblr.com/e7d9c4d62a98086890038a5325a65762/xwoxjom/U0Co6x4xd/tumblr_static_eti87rny9w080ckc48w0cc4wg.png"/>
  21. <meta name="image:sidebar img" content=""/>
  22. <meta name="image:favicon" content="http://static.tumblr.com/67b95ddac07957869843b86418c5380c/xwoxjom/SgRo6usdv/tumblr_static_80ncirhbvcgs0kcs0s44so0sk.gif"/>
  23. <meta name="image:circuit bg" content="/"/>
  24. <meta name="if:glow" content="1"/>
  25. <meta name="if:500 px" content="1"/>
  26. <meta name="if:contained" content="0"/>
  27.  
  28. <meta name="color:title" content="#fa0"/>
  29. <meta name="color:title bg" content="#202020"/>
  30. <meta name="color:circuits" content="#ff8400"/>
  31. <meta name="color:desc text" content="#ffbf7b"/>
  32. <meta name="color:desc bg" content="#202020"/>
  33. <meta name="color:sidebar bg" content="#ffe586"/>
  34. <meta name="color:entry bg" content="#202020"/>
  35. <meta name="color:post bg" content="#fff"/>
  36. <meta name="color:post text" content="#222"/>
  37. <meta name="color:bold" content="#ffe224"/>
  38. <meta name="color:italic" content="#ffa70e"/>
  39. <meta name="color:link" content="#ff810b"/>
  40. <meta name="color:link hover" content="#fffec5"/>
  41. <meta name="color:selection text" content="#fff"/>
  42. <meta name="color:selection bg" content="#ffa053"/>
  43. <meta name="color:scroll thumb" content="#f33"/>
  44. <meta name="color:scroll bg" content="#000"/>
  45. <meta name="color:extra links text" content="#000"/>
  46. <meta name="color:blockquotes" content="#fffc32"/>
  47. <meta name="color:tags" content="#ffc368"/>
  48. <meta name="color:tags hover" content="#ff7353"/>
  49.  
  50. <!-- text fields -->
  51. <meta name="text:body font" content="calibri"/>
  52. <meta name="text:desc font" content="consolas"/>
  53. <meta name="text:title font" content="'Exo 2'"/>
  54. <meta name="text:body font size" content="13px"/>
  55. <meta name="text:desc font size" content="11px"/>
  56. <meta name="text:link 1" content="link 1"/>
  57. <meta name="text:link 1 url" content="/"/>
  58. <meta name="text:link 2" content="link 2"/>
  59. <meta name="text:link 2 url" content="/"/>
  60. <meta name="text:link 3" content="link 3"/>
  61. <meta name="text:link 3 url" content="/"/>
  62. <meta name="text:link 4" content="link 4"/>
  63. <meta name="text:link 4 url" content="/"/>
  64. <meta name="text:link 5" content="link 5"/>
  65. <meta name="text:link 5 url" content="/"/>
  66. <meta name="text:link 6" content="link 6"/>
  67. <meta name="text:link 6 url" content="/"/>
  68.  
  69. <style type="text/css">
  70.  
  71. body {
  72. background:url({image:background}) {color:background color} fixed;
  73. background-position:right;
  74. background-repeat:none;
  75. margin:0px;
  76. color:{color:post text};
  77. font-family:{text:body font};
  78. font-size:{text:body font size};
  79. line-height:130%;
  80. }
  81.  
  82. b, strong {
  83. color:{color:bold};
  84. }
  85.  
  86. i, em {
  87. color:{color:italic};
  88. }
  89.  
  90. a {
  91. text-decoration:none;
  92. outline:none;
  93. -moz-outline-style:none;
  94. color:{color:link};
  95. transition:.3s color ease-in-out;
  96. }
  97.  
  98. a:hover {
  99. color:{color:link hover};
  100. }
  101.  
  102. img {
  103. border:none;
  104. max-height:100%;
  105. max-width:100%;
  106. }
  107.  
  108. blockquote {
  109. padding-left:7px;
  110. margin-left:7px;
  111. border-left:2px solid {color:blockquotes};
  112. margin-right:0px;
  113. }
  114.  
  115. blockquote blockquote {
  116. padding-left:7px;
  117. margin-left:7px;
  118. border-left:2px dashed {color:blockquotes};
  119. margin-right:0px;
  120. }
  121.  
  122. h1 {
  123. font-size:15px;
  124. }
  125.  
  126. ::selection {
  127. background: {color:selection bg};
  128. color: {color:selection text};
  129. }
  130. ::-moz-selection {
  131. background: {color:selection bg};
  132. color: {color:selection text};
  133. }
  134.  
  135. ::-webkit-scrollbar {
  136. width: 10px;
  137. }
  138.  
  139. ::-webkit-scrollbar:horizontal {
  140. height: 10px;
  141. }
  142.  
  143. /* Track */
  144. ::-webkit-scrollbar-track {
  145. background: {color:scroll thumb};
  146. border:4px solid {color:scroll bg};
  147. }
  148.  
  149. /* Handle */
  150. ::-webkit-scrollbar-thumb {
  151. background: {color:scroll thumb};
  152. }
  153.  
  154. ::-webkit-scrollbar-corner {
  155. background: {color:scroll bg};
  156. }
  157.  
  158. #s-m-t-tooltip {
  159. background:{color:selection bg};
  160. color:{color:selection text};
  161. line-height:1em;
  162. padding:5px;
  163. z-index:999999999999;
  164. margin:0 15px;
  165. pointer-events:none;
  166. }
  167.  
  168. #entries {
  169. padding:15px;
  170. {block:if500px}
  171. width:550px;
  172. right:30px;
  173. {/block:if500px}
  174. {block:ifNot500px}
  175. width:450px;
  176. right:80px;
  177. {/block:ifNot500px}
  178. {block:ifContained}
  179. max-height:80%;
  180. bottom:40px;
  181. overflow-y:auto;
  182. border-radius:5px;
  183. border:10px solid {color:circuits};
  184. {block:ifGlow}
  185. -webkit-animation:glow 1.3s ease infinite;
  186. {/block:ifGlow}
  187. top:40px;
  188. {/block:ifContained}
  189. background:{color:entry bg};
  190. overflow-x:hidden;
  191. position:absolute;
  192. }
  193.  
  194. #post {
  195. {block:if500px}
  196. width:500px;
  197. {/block:if500px}
  198. {block:ifNot500px}
  199. width:400px;
  200. {/block:ifNot500px}
  201. margin-bottom:0px;
  202. margin-top:20px;
  203. padding:25px;
  204. padding-top:15px;
  205. background:{color:post bg};
  206.  
  207. }
  208.  
  209. .tags {
  210. background:{color:post bg};
  211. display:inline;
  212. color:{color:tags};
  213. padding:3px;
  214. }
  215.  
  216. .tags a {
  217. color:{color:tags};
  218. }
  219.  
  220. .tags a:hover {
  221. color:{color:tags hover};
  222. }
  223.  
  224. #sidebar {
  225. position:fixed;
  226. width:550px;
  227. height:100%;
  228. left:0px;
  229. background:{color:sidebar bg} url('{image:sidebar img}') no-repeat;
  230. background-position:bottom right;
  231. }
  232.  
  233. #title {
  234. position:fixed;
  235. text-align:center;
  236. min-width:260px;
  237. top:40px;
  238. left:25px;
  239. padding:10px;
  240. font-size:18px;
  241. border-radius:5px;
  242. border:10px solid {color:circuits};
  243. color:{color:title};
  244. font-family:{text:title font};
  245. background:{color:title bg};
  246. z-index:999;
  247. {block:ifGlow}
  248. -webkit-animation: glow 1.3s ease infinite;
  249. {/block:ifGlow}
  250. }
  251.  
  252. #desc {
  253. position:fixed;
  254. text-align:center;
  255. left:25px;
  256. width:280px;
  257. height:140px;
  258. bottom:360px;
  259. line-height:14px;
  260. border-radius:5px;
  261. border:10px solid {color:circuits};
  262. font-family:{text:desc font};
  263. color:{color:desc text};
  264. background:{color:desc bg};
  265. font-size:{text:desc font size};
  266. {block:ifGlow}
  267. -webkit-animation: glow 1.3s ease infinite;
  268. {/block:ifGlow}
  269. z-index:999;
  270. overflow-y:auto;
  271. }
  272.  
  273. #description {
  274. width:270px;
  275. height:130px;
  276. text-align:center;
  277. display:table-cell;
  278. vertical-align:middle;
  279. position:relative;
  280. padding:5px;
  281. padding-bottom:4px;
  282.  
  283. }
  284.  
  285. #navcont {
  286. position:fixed;
  287. bottom:515px;
  288. left:40px;
  289. z-index:9999;
  290. }
  291.  
  292. .nav {
  293. display:inline-block;
  294. padding:5px;
  295. height:20px;
  296. width:15px;
  297. margin:0 3px;
  298. position:relative;
  299. border-radius:3px;
  300. background:{color:circuits};
  301. color:{color:extra links text};
  302. text-align:center;
  303. font-size:15px;
  304. line-height:1em;
  305. transition:.3s all ease;
  306. z-index:99999;
  307. {block:ifGlow}
  308. -webkit-animation: glow 1.3s ease infinite;
  309. {/block:ifGlow}
  310. }
  311.  
  312. .nav.fa-home {
  313. font-size:18px;
  314. top:2px;
  315. }
  316.  
  317. .nav:hover {
  318. width:30px;
  319. }
  320.  
  321. #pag {
  322. font-family:calibri;
  323. font-size:13px;
  324. text-align:center;
  325. position:absolute;
  326. height:15px;
  327. width:150px;
  328. padding:5px;
  329. padding-bottom:8px;
  330. left:150px;
  331. bottom:290px;
  332. border-radius:5px;
  333. border:10px solid {color:circuits};
  334. background:{color:title bg};
  335. color:{color:title};
  336. {block:ifGlow}
  337. -webkit-animation: glow 1.3s ease infinite;
  338. {/block:ifGlow}
  339. }
  340.  
  341. .pg {
  342. background:{color:circuits};
  343. padding-left:1px;
  344. padding-right:1px;
  345. color:{color:extra links text};
  346. border-radius:2px;
  347. transition:.2s opacity ease-in-out, .2s color ease-in-out;
  348. }
  349.  
  350. .pg:hover {
  351. background:rgba({RGBcolor:circuits},.5);
  352. }
  353.  
  354. #info {
  355. text-align:center;
  356. text-transform:uppercase;
  357. font-family:consolas;
  358. font-size:12px;
  359. margin-bottom:15px;
  360. {block:if500px}
  361. width:500px;
  362. {/block:if500px}
  363. {block:ifNot500px}
  364. width:400px;
  365. {/block:ifNot500px}
  366. padding:10px;
  367. padding-left:25px;
  368. padding-right:25px;
  369. background:{color:post bg};
  370. }
  371.  
  372. .line {
  373. margin-left:15%;
  374. width:70%;
  375. height:0px;
  376. border-top:1px solid {color:info line};
  377. padding-top:0px;
  378. padding-bottom:0px;
  379. transition:.3s width ease-in-out;
  380. }
  381.  
  382. #note {
  383. max-height:500px;
  384. overflow-y:auto;
  385. overflow-x:hidden;
  386. text-align:left;
  387. }
  388.  
  389. #asker {
  390. float:left;
  391. margin-right:5px;
  392. }
  393.  
  394. #aud {
  395. height:20px;
  396. width:20px;
  397. overflow:resize;
  398. }
  399.  
  400. .quote {
  401. font-size:110%;
  402. background:{color:desc bg};
  403. color:{color:desc text};
  404. padding:10px;
  405. border-top-left-radius:10px;
  406. border-bottom-right-radius:10px;
  407. font-family:'Exo 2';
  408. }
  409.  
  410. #linkcont1 {
  411. width:100px;
  412. height:400px;
  413. position:fixed;
  414. bottom:-80px;
  415. z-index:99999;
  416. }
  417.  
  418. .links {
  419. font-size:13px;
  420. font-family:'Exo 2';
  421. text-align:center;
  422. width:100px;
  423. margin-bottom:20px;
  424. padding:5px;
  425. padding-left:10px;
  426. background:{color:circuits};
  427. color:{color:extra links text};
  428. transition:.3s width ease-in-out;
  429. border-radius:3px;
  430. {block:ifGlow}
  431. -webkit-animation: glow 1.3s ease infinite;
  432. {/block:ifGlow}
  433. }
  434.  
  435. .links:hover {
  436. width:120px;
  437. }
  438.  
  439. /* circuitry is here. im legit dying */
  440.  
  441. #circuit {
  442. height:100%;
  443. width:50%;
  444. left:0px;
  445. position:fixed;
  446. z-index:9999;
  447. pointer-events:none;
  448. }
  449.  
  450. #circuit * { pointer-events:initial; }
  451.  
  452. .one {
  453. width:20px;
  454. background:{color:circuits};
  455. position:absolute;
  456. border-radius:6px;
  457. {block:ifGlow}
  458. -webkit-animation: glow 1.3s ease infinite;
  459. {/block:ifGlow}
  460. }
  461.  
  462. .two {
  463. width:35px;
  464. height:35px;
  465. border-radius:100%;
  466. position:absolute;
  467. background:{color:circuits};
  468. {block:ifGlow}
  469. -webkit-animation: glow 1.3s ease infinite;
  470. {/block:ifGlow}
  471. }
  472.  
  473. .three {
  474. height:20px;
  475. background:{color:circuits};
  476. position:absolute;
  477. border-radius:6px;
  478. {block:ifGlow}
  479. -webkit-animation: glow 1.3s ease infinite;
  480. {/block:ifGlow}
  481. }
  482.  
  483. @keyframes glow {
  484. 0% { box-shadow:0 0 12px {color:circuits}; }
  485. 70% { box-shadow:0 0 15px {color:circuits}; }
  486. 100% {box-shadow:0 0 18px {color:circuits}; }
  487.  
  488. }
  489.  
  490. @-webkit-keyframes glow {
  491. 0% { box-shadow:0 0 12px {color:circuits}; }
  492. 70% { box-shadow:0 0 15px {color:circuits}; }
  493. 100% {box-shadow:0 0 18px {color:circuits}; }
  494.  
  495. }
  496.  
  497. @-moz-keyframes glow {
  498. 0% { box-shadow:0 0 12px {color:circuits}; }
  499. 70% { box-shadow:0 0 15px {color:circuits}; }
  500. 100% {box-shadow:0 0 18px {color:circuits}; }
  501. }
  502.  
  503. {CustomCSS}</style>
  504.  
  505. <script>
  506. $(document).ready(function() {
  507. $("[title]").style_my_tooltips({
  508. tip_follows_cursor:true,
  509. tip_delay_time:200,
  510. tip_fade_speed:200
  511. });
  512. var style = ["solid","dashed"];
  513. $('body').find('blockquote').each( function (i) {
  514. $(this).css("border-left-style", style[i % style.length]);
  515. });
  516. });
  517. </script>
  518.  
  519. </head><body>
  520.  
  521. <div id="sidebar"></div>
  522.  
  523. <div id="navcont">
  524. <a href="/" title="home" class="nav fa fa-home"></a>
  525. <a href="/ask" title="message" class="nav fa fa-pencil"></a>
  526. <a href="/submit" title="submit" class="nav fa fa-envelope"></a>
  527. <a href="/archive" title="archive" class="nav fa fa-folder"></a>
  528. <a href="http://linthm.tumblr.com/thm" title="Decapitate, by Laighlin" class="nav fa fa-user"></a>
  529. </div>
  530.  
  531. <div id="circuit" style="left:-10px;">
  532. <div id="title">{Title}</div>
  533. <div id="desc"><div id="description">{Description}</div></div>
  534.  
  535. <div class="one" style="left:550px;top:-10px;height:200%;"></div>
  536. {block:Pagination}
  537. <div class="one" style="left:170px;bottom:320px;height:50px;"></div>
  538. {/block:Pagination}
  539. <div class="one" style="left:626px;top:141px;height:470px;"></div>
  540. <div class="one" style="height:200px;left:360px;bottom:320px;"></div>
  541. <div class="one" style="height:440px;left:455px;bottom:-10px;"></div>
  542. <div class="two" style="bottom:295px;left:353px;"></div>
  543. <div class="two" style="bottom:410px;left:447px;"></div>
  544. <div class="two" style="top:600px;left:619px;"></div>
  545. <div class="two" style="bottom:20px;left:64px;"></div>
  546. <div class="three" style="top:60px;left:0px;width:50px;"></div>
  547. {block:ifLink5Url}<div class="three" style="bottom:133px;left:180px;width:50px;height:10px;"></div>{/block:ifLink5Url}
  548. {block:ifLink6Url}<div class="three" style="bottom:85px;left:130px;width:100px;height:10px;"></div>{/block:ifLink6Url}
  549. <div class="three" style="bottom:170px;left:270px;width:200px;"></div>
  550. <div class="three" style="bottom:450px;left:-10px;width:385px;"></div>
  551. <div class="three" style="bottom:198px;left:263px;width:80px;transform:rotate(-45deg);"></div>
  552. <div class="three" style="bottom:500px;left:360px;width:200px;"></div>
  553. <div class="three" style="bottom:223px;width:60px;left:268px;"></div>
  554. <div class="three" style="bottom:128px;left:40px;width:280px;transform:rotate(-45deg);"></div>
  555. <div class="three" style="top:100px;left:543px;width:115px;transform:rotate(45deg);"></div>
  556.  
  557. {block:Pagination}
  558. <div id="pag">
  559. {block:PreviousPage}<a href="{PreviousPage}" class="pg">←</a>{/block:PreviousPage}
  560. {block:JumpPagination length="5"}
  561. {block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}
  562. {block:JumpPage}<a href="{URL}" class="pg">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  563. {block:NextPage}<a href="{NextPage}" class="pg">→</a>{/block:NextPage}
  564. </div>
  565. {/block:Pagination}
  566. </div>
  567. {block:ifContained}<div class="three" style="top:145px;right:0px;width:150px;border-radius:0px;"></div>{/block:ifContained}
  568. <div id="entries">
  569.  
  570. {block:Posts}
  571.  
  572. <div id="post">
  573.  
  574. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  575.  
  576. {block:Photo}
  577. {LinkOpenTag}
  578. {block:if500px}
  579. <img src="{PhotoURL-500}">
  580. {/block:if500px}
  581. {block:ifNot500px}
  582. <img src="{PhotoURL-400}">
  583. {/block:ifNot500px}
  584. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  585. {/block:Photo}
  586.  
  587. {block:Photoset}
  588. {block:if500px}
  589. {Photoset-500}
  590. {/block:if500px}
  591. {block:ifNot500px}
  592. {Photoset-400}
  593. {/block:ifNot500px}
  594. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  595.  
  596. {block:Quote}<div class="quote">"{Quote}"</div><p align="right">{block:Source} - {Source}{/block:Source}</p>{/block:Quote}
  597.  
  598. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  599.  
  600. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<p>{/block:Lines}{/block:Chat}
  601.  
  602. {block:Audio}<div id="aud">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  603.  
  604. {block:Video}
  605. {block:if500px}
  606. {Video-500}
  607. {/block:if500px}
  608. {block:ifNot500px}
  609. {Video-400}
  610. {/block:ifNot500px}
  611. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  612.  
  613. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker} whispered:<br><em>{Question}</em><br>{Answer}{/block:Answer}
  614.  
  615. </div>
  616. <div class="line"></div>
  617. {block:HasTags}<div id="info" style="text-transform:none;margin-bottom:-10px;">{block:Tags}<div class="tags">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}</div>{/block:HasTags}
  618.  
  619. {block:Date}
  620. <div id="info">
  621. posted {TimeAgo} on <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> with <a href="{Permalink}">
  622. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}"
  623. title="{ReblogParentTitle}">{ReblogParentName}</a> <strong>•</strong> ori: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom} <strong>•</strong> <a href="{ReblogUrl}">reblog</a>{/block:Date}
  624.  
  625. {block:PostNotes} <p><div id="note">{PostNotes}</div>{/block:PostNotes}
  626. </div>
  627.  
  628. {/block:Posts}</div>
  629.  
  630. <div id="linkcont1" style="left:-5px;">
  631. {block:ifLink1Url}<a href="{text:link 1 url}"><div class="links">{text:link 1}</div></a>{/block:ifLink1Url}
  632. {block:ifLink2Url}<a href="{text:link 2 url}"><div class="links">{text:link 2}</div></a>{/block:ifLink2Url}
  633. {block:ifLink3Url}<a href="{text:link 3 url}"><div class="links">{text:link 3}</div></a>{/block:ifLink3Url}
  634. {block:ifLink4Url}<a href="{text:link 4 url}"><div class="links">{text:link 4}</div></a>{/block:ifLink4Url}
  635. </div>
  636.  
  637. <div id="linkcont1" style="bottom:-250px;left:210px;">
  638. {block:ifLink5Url}<a href="{text:link 5 url}"><div class="links">{text:link 5}</div></a>{/block:ifLink5Url}
  639. {block:ifLink6Url}<a href="{text:link 6 url}"><div class="links" style="left:140px;">{text:link 6}</div></a>{/block:ifLink6Url}
  640. </div>
  641.  
  642.  
  643. </body></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!