API tools faq
paste
Advertisement
uchihaclan

ALT + F4

uchihaclan
Apr 16th, 2020 (edited)
2,839
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!---
  5.  
  6. ALT+F4 by @PS1
  7. i wasted 5 hours analyzing my laptop that's like about to blow up soon.
  8. tried to get this theme as close to window-ish as possible.
  9. lmk about any fixes! enjoy xoxo.
  10.  
  11. -->
  12.  
  13. <meta charset="UTF-8">
  14. <title>{Title}</title>
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <link href="https://fonts.googleapis.com/css?family=Comic+Neue|Karla|Short+Stack|Work+Sans|Nova+Square|Inconsolata&display=swap" rel="stylesheet">
  22.  
  23. <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  24. rel="stylesheet">
  25.  
  26. <meta name="color:background" content="#979797"/>
  27. <meta name="color:content" content="#efefef"/>
  28. <meta name="color:tab gradient 1" content="#1c305a"/>
  29. <meta name="color:tab gradient 2" content="#7593ad"/>
  30. <meta name="color:tab outline" content="#DFDCD6"/>
  31. <meta name="color:tab links" content="#000"/>
  32. <meta name="color:tab links glow" content="#000"/>
  33. <meta name="color:tab links background" content="#DFDCD6"/>
  34. <meta name="color:posts" content="#fff"/>
  35. <meta name="color:footer" content="#ccc"/>
  36. <meta name="color:sidebar" content="#fff"/>
  37. <meta name="color:title" content="#000"/>
  38. <meta name="color:title glow" content="#000"/>
  39. <meta name="color:title background" content="#DFDCD6"/>
  40. <meta name="color:sidebar text" content="#000"/>
  41. <meta name="color:sidebar text glow" content="#000"/>
  42. <meta name="color:sidebar links" content="#0000ff"/>
  43. <meta name="color:sidebar links glow" content="#0000ff"/>
  44. <meta name="color:text" content="#000"/>
  45. <meta name="color:text glow" content="#000"/>
  46. <meta name="color:links" content="#000"/>
  47. <meta name="color:links glow" content="#000"/>
  48. <meta name="color:links hover" content="#0000ff"/>
  49. <meta name="color:border" content="#b0b0b0"/>
  50. <meta name="color:tooltip font" content="#000"/>
  51. <meta name="color:tooltip background" content="#fff"/>
  52. <meta name="color:search bkg" content="#fff"/>
  53. <meta name="color:search text" content="#000"/>
  54. <meta name="color:search button bkg" content="#fff"/>
  55. <meta name="color:search button text" content="#000"/>
  56.  
  57. <meta name="if:marquee title" content="0" />
  58. <meta name="if:tile background" content="0"/>
  59. <meta name="if:custom cursor" content="0" />
  60. <meta name="if:sidebar img border" content="0" />
  61. <meta name="if:glow text" content="0"/>
  62. <meta name="if:outline text" content="0"/>
  63. <meta name="if:dark scrollbar" content="0" />
  64. <meta name="if:rainbow links" content="0"/>
  65. <meta name="if:rainbow link hover" content="0"/>
  66. <meta name="if:link underline" content="0"/>
  67. <meta name="if:hide captions" content="0"/>
  68. <meta name="if:hide tags" content="0"/>
  69. <meta name="if:redirect" content="0" />
  70.  
  71. <meta name="image:favicon" content=""/>
  72. <meta name="image:sidebar" content="https://i.imgur.com/uunCHqr.png"/>
  73. <meta name="image:background" content=""/>
  74. <meta name="image:title background" content=""/>
  75. <meta name="image:content background" content=""/>
  76. <meta name="image:sidebar background" content=""/>
  77. <meta name="image:post background" content=""/>
  78. <meta name="image:footer background" content=""/>
  79. <meta name="image:footer pixel" content="https://i.imgur.com/Hg4hqac.gif"/>
  80. <meta name="image:divider" content=""/>
  81. <meta name="image:cursor" content="https://i.imgur.com/zluoS3e.png"/>
  82. <meta name="image:tooltip" content=""/>
  83.  
  84. <meta name="select:border" content="outset"/>
  85. <meta name="select:border" content="inset"/>
  86. <meta name="select:border" content="solid"/>
  87. <meta name="select:border" content="dashed"/>
  88. <meta name="select:border" content="dotted"/>
  89. <meta name="select:border" content="double"/>
  90. <meta name="select:border" content="ridge"/>
  91. <meta name="select:border" content="groove"/>
  92.  
  93. <meta name="select:border size" content="1"/>
  94. <meta name="select:border size" content="2"/>
  95. <meta name="select:border size" content="3"/>
  96. <meta name="select:border size" content="4"/>
  97. <meta name="select:border size" content="5"/>
  98.  
  99. <meta name="select:typeface" content="microsoft sans serif"/>
  100. <meta name="select:typeface" content="arial"/>
  101. <meta name="select:typeface" content="anime"/>
  102. <meta name="select:typeface" content="calibri"/>
  103. <meta name="select:typeface" content="comic sans ms"/>
  104. <meta name="select:typeface" content="comic neue"/>
  105. <meta name="select:typeface" content="consolas"/>
  106. <meta name="select:typeface" content="courier new"/>
  107. <meta name="select:typeface" content="fixedsys"/>
  108. <meta name="select:typeface" content="franklin gothic"/>
  109. <meta name="select:typeface" content="graph"/>
  110. <meta name="select:typeface" content="inconsolata"/>
  111. <meta name="select:typeface" content="karla"/>
  112. <meta name="select:typeface" content="lucida console"/>
  113. <meta name="select:typeface" content="lucida sans unicode"/>
  114. <meta name="select:typeface" content="ms gothic"/>
  115. <meta name="select:typeface" content="ms pgothic"/>
  116. <meta name="select:typeface" content="nova square"/>
  117. <meta name="select:typeface" content="OCR"/>
  118. <meta name="select:typeface" content="pokemon"/>
  119. <meta name="select:typeface" content="short stack"/>
  120. <meta name="select:typeface" content="tahoma"/>
  121. <meta name="select:typeface" content="times"/>
  122. <meta name="select:typeface" content="trebuchet ms"/>
  123. <meta name="select:typeface" content="verdana"/>
  124. <meta name="select:typeface" content="work sans"/>
  125.  
  126. <meta name="text:title" content="This is a title!">
  127. <meta name="text:description" content="A description like you've never seen before!">
  128. <meta name="text:bottom bar" content="Bottom text stuff optional.">
  129. <meta name="text:search text" content="Search">
  130. <meta name="text:search button" content="‽">
  131. <meta name="text:title size" content="40">
  132. <meta name="text:font size" content="22">
  133. <meta name="text:redirect link" content="/tagged/taghere"/>
  134. <meta name="text:link 1 url" content="/">
  135. <meta name="text:link 2 url" content="/">
  136. <meta name="text:link 3 url" content="/">
  137.  
  138.  
  139. <style type="text/css">
  140. {block:IfCustomCursor}
  141. body, *, a, a:hover { cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
  142. img {max-width: 100%;}
  143. p {margin: 0px;}
  144. h1 {line-height: 130%;}
  145. big {font-size: 140%;}
  146. ul {list-style: square;}
  147.  
  148. ::-moz-selection {
  149. background: {color:background}; color: {color:links};
  150. {block:IfGlowText}
  151. text-shadow: 0 0 2px {color:links glow}, 0 0 2px {color:links glow};
  152. {/block:IfGlowText}}
  153. ::selection { background: {color:background}; color: {color:links};
  154. {block:IfGlowText}
  155. text-shadow: 0 0 2px {color:links glow}, 0 0 2px {color:links glow};
  156. {/block:IfGlowText}}
  157.  
  158. {block:IfNotDarkScrollbar}
  159. #content::-webkit-scrollbar {
  160. width:15px; height:15px;} /* made by @ps1 */
  161. #content::-webkit-scrollbar-track {
  162. background-image: url(https://i.imgur.com/n1kAWKU.png);}
  163. #content::-webkit-scrollbar-thumb {
  164. background-image: url(https://i.imgur.com/KePIOiE.png);
  165. border-top: 1px solid #D4D0C8; border-bottom: 1px solid #808080;}
  166. #content::-webkit-scrollbar-button:vertical:decrement {
  167. background-image: url(https://i.imgur.com/ZF6PC55.png);
  168. width: 15px; height: 15px;}
  169. #content::-webkit-scrollbar-button:vertical:increment {
  170. background-image: url(https://i.imgur.com/sMOMkQ7.png);
  171. width: 15px; height: 15px;}
  172. {/block:IfNotDarkScrollbar}
  173. {block:IfDarkScrollbar}
  174. #content::-webkit-scrollbar {
  175. width:15px; height:15px;} /* made by @ps1 */
  176. #content::-webkit-scrollbar-track {
  177. background-image: url(https://i.imgur.com/1wwyNgR.png);}
  178. #content::-webkit-scrollbar-thumb {
  179. background-image: url(https://i.imgur.com/3twDfJb.png);
  180. border-top: 1px solid #111; border-bottom: 1px solid #000;}
  181. #content::-webkit-scrollbar-button:vertical:decrement {
  182. background-image: url(https://i.imgur.com/pSpgQbq.png);
  183. width: 15px; height: 15px;}
  184. #content::-webkit-scrollbar-button:vertical:increment {
  185. background-image: url(https://i.imgur.com/IzbYg9x.png);
  186. width: 15px; height: 15px;}
  187. {/block:IfDarkScrollbar}
  188.  
  189. body {
  190. font-family: {select:typeface};
  191. font-size: {text:font size}px;
  192. line-height: 130%;
  193. text-transform: normal;
  194. color: {color:text};
  195. {block:IfGlowText}
  196. text-shadow: 0 0 2px {color:text glow}, 0 0 2px {color:text glow};
  197. {/block:IfGlowText}
  198. {block:IfOutlineText}
  199. text-shadow: -1px -1px 0 {color:text glow}, 1px -1px 0 {color:text glow},
  200. -1px 1px 0 {color:text glow}, 1px 1px 0 {color:text glow};
  201. {/block:IfOutlineText}
  202. background-image: url('{image:background}');
  203. {block:IfNotTileBackground}
  204. -webkit-background-size: cover;
  205. -moz-background-size: cover;
  206. -o-background-size: cover;
  207. background-size: cover;
  208. {/block:IfNotTileBackground}
  209. background-attachment: fixed;
  210. background-color: {color:background};}
  211.  
  212. a:link, a:active, a:visited {
  213. color: {color:links};
  214. {block:IfNotLinkUnderline}
  215. text-decoration: none;{/block:IfNotLinkUnderline}
  216. {block:IfGlowText}
  217. text-shadow: 0 0 2px {color:links glow}, 0 0 2px {color:links glow};
  218. {/block:IfGlowText}
  219. {block:IfOutlineText}
  220. text-shadow: -1px -1px 0 {color:links glow}, 1px -1px 0 {color:links glow},
  221. -1px 1px 0 {color:links glow}, 1px 1px 0 {color:links glow};
  222. {/block:IfOutlineText}
  223. {block:IfLinkUnderline}
  224. text-decoration: underline;
  225. {/block:IfLinkUnderline}
  226. {block:IfRainbowLinks}
  227. animation: glow 1s infinite ease;
  228. {/block:IfRainbowLinks}}
  229.  
  230. {block:IfRainbowLinks}
  231. @keyframes glow{
  232. 0% {color: #ff0000;}
  233. 10% {color: #ff8000;}
  234. 20% {color: #ffff00;}
  235. 30% {color: #80ff00;}
  236. 40% {color: #00ff00;}
  237. 50% {color: #00ff80;}
  238. 60% {color: #00ffff;}
  239. 70% {color: #0080ff;}
  240. 80% {color: #0000ff;}
  241. 90% {color: #8000ff;}
  242. 100% {color: #ff0080;}
  243. }
  244. {/block:IfRainbowLinks}
  245.  
  246. a:hover, a:active {
  247. color: {color:links hover};
  248. text-decoration: none; font-weight: none;
  249. {block:IfRainbowLinkHover}
  250. animation: glow 1s infinite ease;
  251. {/block:IfRainbowLinkHover}}
  252.  
  253. {block:IfRainbowLinkHover}
  254. @keyframes glow{
  255. 0% {color: #ff0000;}
  256. 10% {color: #ff8000;}
  257. 20% {color: #ffff00;}
  258. 30% {color: #80ff00;}
  259. 40% {color: #00ff00;}
  260. 50% {color: #00ff80;}
  261. 60% {color: #00ffff;}
  262. 70% {color: #0080ff;}
  263. 80% {color: #0000ff;}
  264. 90% {color: #8000ff;}
  265. 100% {color: #ff0080;}
  266. }
  267. {/block:IfRainbowLinkHover}
  268.  
  269. #content {
  270. width: 900px; height: 500px; overflow: scroll; overflow-x: hidden;
  271. margin: 50px auto;
  272. background-color: {color:content};
  273. background-image: url('{image:content background}');
  274. border:{select:border size}px {select:border} {color:border};
  275. border-top: 0;}
  276.  
  277. #sidebar {
  278. color: {color:sidebar text};
  279. text-align: center;
  280. position: fixed;
  281. margin-top: 20px;
  282. margin-left: 600px; z-index:1;
  283. padding: 0; width: 250px;
  284. {block:IfGlowText}
  285. text-shadow: 0 0 2px {color:sidebar text glow},
  286. 0 0 2px {color:sidebar text glow};
  287. {/block:IfGlowText}
  288. {block:IfOutlineText}
  289. text-shadow: -1px -1px 0 {color:sidebar text glow},
  290. 1px -1px 0 {color:sidebar text glow},
  291. -1px 1px 0 {color:sidebar text glow}, 1px 1px 0 {color:sidebar text glow};
  292. {/block:IfOutlineText}
  293. {block:IfBoxShadow}
  294. filter: drop-shadow(5px 5px 3px {color:box shadow});
  295. {/block:IfBoxShadow}}
  296.  
  297. #sidebar a{
  298. color: {color:sidebar links};
  299. {block:IfGlowText}
  300. text-shadow: 0 0 2px {color:sidebar links glow},
  301. 0 0 2px {color:sidebar links glow};
  302. {/block:IfGlowText}
  303. {block:IfOutlineText}
  304. text-shadow: -1px -1px 0 {color:sidebar links glow},
  305. 1px -1px 0 {color:sidebar links glow},
  306. -1px 1px 0 {color:sidebar links glow}, 1px 1px 0 {color:sidebar links glow};
  307. {/block:IfOutlineText}}
  308. #sidebar a:hover, a:active { color: {color:links hover};}
  309.  
  310. #sidebar img {
  311. {block:IfSidebarImgBorder}
  312. border:{select:border size}px {select:border} {color:border};
  313. {/block:IfSidebarImgBorder}
  314. max-width: 250px;}
  315.  
  316. #links { position: relative; z-index: 999; margin: 50px auto;
  317. background-color: {color:tab outline};
  318. font-size: 30px; width: 900px; height: 64px; text-align: right;
  319. border:{select:border size}px {select:border} {color:border};}
  320.  
  321. #links a {
  322. border: 2px {select:border} {color:border}; line-height: 45px;
  323. border-right: 0; background-color: {color:tab links background};
  324. padding: 0 5px 0 5px;}
  325.  
  326. .link {margin: 5px; padding: 5px;
  327. background: linear-gradient(to right, {color:tab gradient 1},
  328. {color:tab gradient 2});}
  329.  
  330. .link a {
  331. color: {color:tab links}; text-decoration: none;
  332. {block:IfGlowText}
  333. text-shadow: 0 0 2px {color:tab links glow}, 0 0 2px {color:tab links glow};
  334. {/block:IfGlowText}
  335. {block:IfOutlineText}
  336. text-shadow: -1px -1px 0 {color:tab links glow},
  337. 1px -1px 0 {color:tab links glow},
  338. -1px 1px 0 {color:tab links glow}, 1px 1px 0 {color:tab links glow};
  339. {/block:IfOutlineText}}
  340. .link a:hover {color: {color:links hover}; opacity: 0.8;}
  341.  
  342. .se {
  343. width: 300px; padding: 0; margin: -55px auto; margin-left: 10px;}
  344.  
  345. .query::placeholder {color: {color:search text};}
  346.  
  347. .query {
  348. vertical-align: middle;
  349. border: 2px outset {color:border};
  350. border-right:0;
  351. padding: 0 3px 0 3px;
  352. width: 232px; height:38px; margin-top: 0px;
  353. display: inline-block; float: left;
  354. font-family: inherit;
  355. font-size: {text:font size}px;
  356. color: {color:search text};
  357. {block:IfGlowText}
  358. text-shadow: 0 0 2px {color:search text}, 0 0 2px {color:search text};
  359. {/block:IfGlowText}
  360. background-color: {color:search bkg};
  361. }
  362.  
  363. #button { margin-top: 0; vertical-align: middle;
  364. border: 2px outset {color:border};
  365. width: 58px;
  366. font-family: inherit; display: inline-block; float: right;
  367. font-size: {text:font size}px; height:42px; padding: 0 3px 0 3px;
  368. background-color: {color:search button bkg};
  369. color: {color:search button text};
  370. {block:IfGlowText}
  371. text-shadow: 0 0 2px {color:search button text},
  372. 0 0 2px {color:search button text};
  373. {/block:IfGlowText}}
  374.  
  375. #button:hover {
  376. border-left: 0; border: 2px inset {color:border};}
  377.  
  378. #title {
  379. position: relative;
  380. font-size: {text:title size}px;
  381. width: 900px; height: 60px; line-height: 60px;
  382. padding: 0; margin: -50px auto;
  383. background-color:{color:title background};
  384. border:{select:border size}px {select:border} {color:border};
  385. border-top:0;
  386. {block:IfNotMarqueeTitle}text-align: center;{/block:IfNotMarqueeTitle}
  387. background-image: url('{image:title background}');}
  388.  
  389. #title a {
  390. text-decoration: none;
  391. {block:IfGlowText}
  392. text-shadow: 0 0 2px {color:title glow}, 0 0 2px {color:title glow};
  393. {/block:IfGlowText}
  394. {block:IfOutlineText}
  395. text-shadow: -1px -1px 0 {color:title glow},
  396. 1px -1px 0 {color:title glow},
  397. -1px 1px 0 {color:title glow}, 1px 1px 0 {color:title glow};
  398. {/block:IfOutlineText}
  399. color:{color:title};
  400. padding: 3px;}
  401.  
  402. #title a:hover { color: {color:links hover};
  403. font-weight: bold;}
  404.  
  405. .desc {
  406. background-image: url('{image:sidebar background}');
  407. background-color: {color:sidebar};
  408. margin-top: 20px; padding: 5px; width: 240px; max-height: 100px;
  409. overflow: scroll; overflow-x: hidden;
  410. border: {select:border size}px {select:border} {color:border};}
  411.  
  412. .desc::-webkit-scrollbar { width: 5px;}
  413. .desc::-webkit-scrollbar-track { background-color: transparent;}
  414. .desc::-webkit-scrollbar-thumb { background-color:{color:border};}
  415.  
  416. .nxt{
  417. background-image: url('{image:sidebar background}');
  418. background-color: {color:sidebar};
  419. font-size: 40px; padding: 20px; margin-left: 20px; margin-bottom: 25px; width: 500px; height: 30px;
  420. border: {select:border size}px {select:border} {color:border};}
  421. .nxt a {text-decoration: none;}
  422.  
  423. #clout{
  424. padding: 10px;
  425. position: fixed;
  426. bottom: 0;
  427. left: 0;
  428. font-size: 20px;}
  429.  
  430. #post {
  431. background-color: {color:posts};
  432. background-image: url('{image:post background}');
  433. position: relative;
  434. width: 500px;
  435. padding: 20px;
  436. border:{select:border size}px {select:border} {color:border};
  437. margin-top: 20px;
  438. margin-left: 20px;}
  439.  
  440. #post blockquote {
  441. margin: 10px;
  442. border-left: {select:border size}px {select:border} {color:border};}
  443.  
  444. #post img:hover {
  445. filter:hue-rotate(360deg);
  446. -webkit-transition: all 1s linear;
  447. -moz-transition: all 1s linear;
  448. transition: all 1s linear;}
  449.  
  450. #post:hover {border: {select:border size}px inset {color:border};}
  451.  
  452. .pic img {display: block;}
  453.  
  454. #notes {
  455. font-size: 18px;
  456. border:{select:border size}px {select:border} {color:border};
  457. margin-top: 20px; padding: 20px;
  458. background-image: url('{image:footer background}');
  459. background-color: {color:footer};}
  460.  
  461. #notes ol.notes {
  462. list-style-type: none;
  463. margin: 0;
  464. padding: 0;}
  465.  
  466. #notes img.avatar {
  467. border: 1px {select:border} {color:border};
  468. filter: drop-shadow(1px 1px 0px {color:border});
  469. margin-right: 10px;
  470. width: 16px;
  471. height: 16px;
  472. display: inline;
  473. }
  474.  
  475. .spotify_audio_player {height:80px!important; width:100%!important;}
  476. .soundcloud_audio_player {height:150px!important; width:100%!important;}
  477.  
  478. .q {
  479. border: {select:border size}px {select:border} {color:border};
  480. padding-left: 5px;
  481.  
  482. }
  483. .msg {display: inline-block; padding-left: 5px;}
  484. .a {text-align: justify;padding: 10px;
  485.  
  486. }
  487.  
  488. #perma {
  489. text-align: left; width: 520px;
  490. padding: 10px; margin-bottom: 30px; margin-left: 20px;
  491. background-image: url('{image:footer background}');
  492. background-color: {color:footer};
  493. border:{select:border size}px {select:border} {color:border};
  494. border-top:0;}
  495.  
  496. #perma:hover {border: {select:border size}px inset {color:border};
  497. border-top:0;}
  498.  
  499. .divider {margin-left: 20px; text-align: center; width: 540px; margin-bottom: 30px;}
  500. .div img {width: 100%;}
  501.  
  502. #s-m-t-tooltip {
  503. background-image: url('{image:tooltip}');
  504. background-color: {color:tooltip background};
  505. border:{select:border size}px {select:border} {color:border};
  506. color: {color:tooltip font};
  507. {block:IfGlowText}
  508. text-shadow: 0 0 2px {color:tooltip font},
  509. 0 0 2px {color:tooltip font};
  510. {/block:IfGlowText}
  511. {block:IfOutlineText}
  512. text-shadow: -1px -1px 0 {color:tooltip background},
  513. 1px -1px 0 {color:tooltip background},
  514. -1px 1px 0 {color:tooltip background}, 1px 1px 0 {color:tooltip background};
  515. {/block:IfOutlineText}
  516. z-index: 999999999;
  517. text-transform: normal;
  518. text-align: center;
  519. font-weight: normal;
  520. max-width: 300px;
  521. word-wrap: break-word;
  522. padding: 5px;
  523. display: block;
  524. margin:-40px 7px -2px 20px;}
  525.  
  526. @font-face {font-family:"fixedsys"; src: url("https://dl.dropboxusercontent.com/s/dn9ydcigbzbhol5/FSEX300-L.ttf?dl=0")}
  527. @font-face {font-family:"OCR"; src: url("https://dl.dropboxusercontent.com/s/cm8p5c7l2m53zys/OCR-A%20Regular.ttf?dl=0")}
  528. @font-face {font-family:"graph"; src: url("https://dl.dropboxusercontent.com/s/xfakv4vv2frviwt/Graph-35-pix.ttf?dl=0")}
  529. @font-face {font-family:"pokemon"; src: url("https://dl.dropboxusercontent.com/s/d9hz0y1y7o8xgbk/Pokemon%20GB.ttf?dl=0")}
  530. @font-face {font-family:"nintendo ds"; src: url("https://dl.dropboxusercontent.com/s/j571mthzfwzqkce/Nintendo-DS-BIOS.ttf?dl=00")}
  531. @font-face {font-family:"anime"; src: url("https://dl.dropboxusercontent.com/s/ivhzluvz37uwimd/animeace2_reg.otf?dl=0")}
  532.  
  533. .triangle {
  534. position:relative;
  535. margin-top:95px;
  536. margin-left:84px;
  537. z-index:9;
  538. width:33px;
  539. height:30px;
  540. overflow:hidden;}
  541.  
  542. .square img {
  543. border: {select:border size}px {select:border} {color:border};
  544. position:relative;
  545. margin-top:-125px;
  546. margin-left:0px
  547. width:200px; height: 200px;
  548. z-index: 1;}
  549.  
  550. .stuff {
  551. margin-bottom:10px;
  552. top:137px;
  553. position:absolute;
  554. left: 220px;
  555. height: 199px;
  556. width: 300px;
  557. margin-top:-116px;}
  558.  
  559. .what {
  560. padding-top: 30px;
  561. position:relative;
  562. text-align:center;
  563. font-size:18px;
  564. margin-bottom: 10px;}
  565.  
  566. .who {
  567. text-align:center;
  568. font-size:18px;
  569. text-transform:uppercase;
  570. letter-spacing:2px;
  571. margin-bottom: 10px;}
  572.  
  573. .when {
  574. font-size:18px;
  575. text-align:center;
  576. font-style: italic;
  577. }
  578.  
  579. {block:IfMarqueeTitle}
  580. .marquee {
  581. white-space: nowrap;
  582. overflow: hidden;}
  583.  
  584. .marquee span {
  585. display: inline-block;
  586. padding-left: 100%;
  587. animation: marquee 9s linear infinite;}
  588.  
  589. @keyframes marquee {
  590. 0% {transform: translate(0, 0);}
  591. 100% {transform: translate(-100%, 0);}}
  592. {/block:IfMarqueeTitle}
  593.  
  594. {block:ifBottomBar}
  595. #xtra {
  596. position: relative; text-align: center;
  597. width: 880px; height: 50px; line-height: 50px;
  598. padding-left: 10px; padding-right: 10px; margin: -50px auto;
  599. background-color:{color:title background};
  600. border:{select:border size}px {select:border} {color:border};
  601. border-top:0; color:{color:title};
  602. background-image: url('{image:title background}');}{/block:ifBottomBar}
  603. </style>
  604.  
  605.  
  606. </head>
  607.  
  608. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  609.  
  610.  
  611. <script>
  612. $(document).ready(function(){
  613. $('.search').submit(function(event){
  614. var value = $('input:first').val();
  615. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  616. });
  617. });
  618. </script>
  619.  
  620.  
  621. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  622. <script>(function($){
  623. $(document).ready(function(){
  624. $("a[title]").style_my_tooltips({
  625. tip_follows_cursor:true,
  626. tip_delay_time:0,
  627. tip_fade_speed:0,
  628. attribute:"title"
  629. });
  630. });
  631. })(jQuery);
  632. </script>
  633.  
  634. <script>
  635. $(document).ready(function(){
  636. //remove tumblr redirects script by magnusthemes@tumblr
  637. $('a[href*="t.umblr.com/redirect"]').each(function(){
  638. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  639. var replaceURL = decodeURIComponent(originalURL);
  640. $(this).attr("href", replaceURL);
  641. });
  642. });
  643. </script>
  644.  
  645. {block:IfRedirect}
  646. <script>
  647. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  648. </script>
  649. {block:IfRedirect}
  650.  
  651.  
  652.  
  653. <body>
  654.  
  655. <div id="links">
  656. <div class="link">
  657. <a href="{text:link 1 url}"><span class="material-icons">
  658. remove
  659. </span></a><a href="{text:link 2 url}"><span class="material-icons">
  660. web_asset
  661. </span></a><a href="{text:link 3 url}" style="border-right:{select:border size}px {select:border} {color:border};"><span class="material-icons">
  662. clear
  663. </span></a>
  664. </div>
  665.  
  666. <div class="se">
  667. <form class="search" action="javascript:return false">
  668. <input type="text" class="query" placeholder="{text:search text}">
  669. <input type="submit" value="{text:search button}" id="button"/>
  670. </div>
  671. </div>
  672.  
  673. <div id="title">
  674. <div class="marquee"><span><a href="/">{text:title}</a></span></div>
  675. </div>
  676.  
  677. <div id="content">
  678.  
  679. <div id="sidebar">
  680.  
  681. <div class="side"><a href="/"><img src="{image:sidebar}"></a></div>
  682.  
  683. <div class="desc">{text:description}
  684. </div>
  685.  
  686. </div>
  687.  
  688. {block:Posts}
  689.  
  690.  
  691. <div id="post">
  692.  
  693. {block:Text}
  694. {block:Title}<a href="{Permalink}"><big>{Title}</big></a>{/block:Title}
  695. {Body}
  696. {/block:Text}
  697.  
  698. {block:Quote}
  699. "{Quote}"
  700. {block:Source}&mdash; {Source}{/block:Source}
  701. {/block:Quote}
  702.  
  703. {block:Link}
  704. <big><a href="{URL}">{Name}</a></big>
  705. {block:Description}{Description}{/block:Description}
  706. {/block:Link}
  707.  
  708. {block:Chat}
  709. {block:Title}{Title}{/block:Title}
  710. {block:Lines}
  711. <div class="{Alt} user_{UserNumber}">
  712. {block:Label}{Label}{/block:Label} {Line} </div>
  713. {/block:Lines}
  714. {/block:Chat}
  715.  
  716. {block:Answer}
  717. <div class="q">{Asker} ><div class="msg">{Question}</div></div>
  718. <div class="a">{Answer}</div>
  719. {/block:Answer}
  720.  
  721. {block:Photo}
  722. <div class="pic">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{Permalink}"/>{LinkCloseTag}</div>
  723. {/block:Photo}
  724.  
  725. {block:Photoset}
  726. {Photoset-500}
  727. {/block:Photoset}
  728.  
  729. {block:Video}
  730. {Video-500}
  731. {/block:Video}
  732.  
  733. {block:Audio}
  734. {block:AudioPlayer}
  735. <div class="triangle">{AudioPlayerGrey}</div>
  736. {block:AlbumArt}<div class="square"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  737. <div class="stuff">
  738. <div class="what">
  739. {block:TrackName}"{TrackName}"{/block:TrackName}
  740. </div>
  741. <div class="who">
  742. {block:Artist}By {Artist}{/block:Artist}
  743. </div>
  744. <div class="when">
  745. {block:Album}From {Album}{/block:Album}
  746. </div>
  747. </div>
  748. {/block:AudioPlayer}
  749. {/block:Audio}
  750.  
  751. {block:ifNotHideCaptions}
  752. {block:Caption}{Caption}{/block:Caption}
  753. {/block:ifNotHideCaptions}
  754.  
  755. {block:PermalinkPage}
  756. {block:ifHideCaptions}<p>{block:Caption}{Caption}{/block:Caption}</p>{/block:ifHideCaptions}
  757.  
  758. <div id="more">
  759. {block:NoteCount}<b>Notes:</b> <a href="{Permalink}">{NoteCount}</a><br>{/block:NoteCount}
  760. {block:HasTags}<b>Tags:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}<br>{/block:HasTags}
  761. {block:RebloggedFrom}
  762. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  763. {block:ContentSource}<br>
  764. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  765. {/block:ContentSource}</div>
  766.  
  767. {block:NoteCount}<div id="notes">
  768. {block:PostNotes}{PostNotes}{/block:PostNotes}
  769. </div>{/block:NoteCount}
  770. {/block:PermalinkPage}
  771. </div>
  772.  
  773. {block:IndexPage}
  774. <div id="perma">
  775. <img src="{image:footer pixel}"> <a href="{Permalink}" title="{NoteCount}%" data-toggle="tooltip">
  776. {MonthNumber}/{DayOfMonth}/{Year}</a>
  777. <a href="{ReblogURL}" style="float:right;">&#8634;</a><br>
  778. {block:ifNotHideTags}
  779. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  780. {/block:HasTags}{/block:ifNotHideTags}
  781. </div>{/block:IndexPage}
  782.  
  783. {block:IndexPage}<div class="divider"><img src="{image:divider}"></div>
  784. {/block:IndexPage}
  785.  
  786. {/block:Posts}
  787.  
  788. {block:Pagination}
  789. <div class="nxt">
  790. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}{block:NextPage}
  791. <a href="{NextPage}" style="float:right;">→</a></p>{/block:NextPage}
  792. </div>{/block:Pagination}
  793.  
  794. </div>
  795.  
  796. <div id="xtra">{text:bottom bar}</div>
  797. </div>
  798.  
  799.  
  800.  
  801. <div id="clout">
  802. <a href="https://ps1.tumblr.com/" title="@PS1" data-toggle="tooltip"><span class="material-icons">
  803. alternate_email
  804. </span></a>
  805. </div>
  806.  
  807. </body>
  808. </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!