API tools faq
paste
Advertisement
uchihaclan

BEBOP THEME

uchihaclan
Aug 13th, 2020 (edited)
1,314
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.32 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---
  3. Bebop by @tobirama
  4.  
  5. I think it's time we blow this scene
  6. Get everybody and the stuff together
  7. Ok, three, two, one, let's jam!
  8. --->
  9.  
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  19. rel="stylesheet">
  20. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  21.  
  22. <!--- Add Custom Fonts Here (like Google Fonts) --->
  23.  
  24. <!--- Then add Font name to the 'Font Family' in Theme Options Area --->
  25.  
  26. <meta name="image:favicon" content=""/>
  27. <meta name="image:header" content="https://i.imgur.com/A8nuZ88.gif"/>
  28. <meta name="image:background" content=""/>
  29. <meta name="image:cursor" content="https://i.imgur.com/nx9LK6f.png"/>
  30.  
  31. <meta name="color:background" content="#000">
  32. <meta name="color:posts" content="#17355D">
  33. <meta name="color:shadow" content="#8998B7">
  34. <meta name="color:post font color" content="#000">
  35. <meta name="color:post font glow" content="#000">
  36. <meta name="color:post font outline" content="#406FAD">
  37. <meta name="color:post links" content="#fff">
  38. <meta name="color:links hover" content="#4577BA">
  39. <meta name="color:link hover shadow" content="#56798D">
  40. <meta name="color:post links glow" content="#FFFFFF">
  41. <meta name="color:post links outline" content="#000000">
  42. <meta name="color:header footer links" content="#fff">
  43. <meta name="color:header footer" content="#000">
  44. <meta name="color:header footer glow" content="#fff">
  45. <meta name="color:header footer outline" content="#4577BA">
  46. <meta name="color:title" content="#fff">
  47. <meta name="color:title shadow" content="#4577BA">
  48. <meta name="color:description" content="#fff">
  49. <meta name="color:desc glow" content="#4577BA">
  50. <meta name="color:desc outline" content="#4577BA">
  51. <meta name="color:button links" content="#000">
  52. <meta name="color:button 1" content="#fff">
  53. <meta name="color:button 2" content="#4577BA">
  54. <meta name="color:button glow" content="#000">
  55. <meta name="color:button outline" content="#fff">
  56. <meta name="color:button hover" content="#ccc">
  57. <meta name="color:border" content="#fff">
  58.  
  59. <meta name="select:border" content="double"/>
  60. <meta name="select:border" content="solid"/>
  61. <meta name="select:border" content="dashed"/>
  62. <meta name="select:border" content="dotted"/>
  63. <meta name="select:border" content="inset"/>
  64. <meta name="select:border" content="outset"/>
  65. <meta name="select:border" content="ridge"/>
  66. <meta name="select:border" content="groove"/>
  67.  
  68. <meta name="select:text transform" content="uppercase"/>
  69. <meta name="select:text transform" content="lowercase"/>
  70. <meta name="select:text transform" content="none"/>
  71.  
  72. <meta name="select:links hover" content="none"/>
  73. <meta name="select:links hover" content="underline"/>
  74. <meta name="select:links hover" content="overline"/>
  75. <meta name="select:links hover" content="line-through"/>
  76.  
  77. <meta name="text:border size" content="15"/>
  78.  
  79. <meta name="text:font family" content="ms gothic">
  80. <meta name="text:description" content="WHATEVER HAPPENS, HAPPENS...">
  81. <meta name="text:text size" content="24">
  82. <meta name="text:title" content="SEE YOU SPACE COWBOY...">
  83. <meta name="text:title font family" content="bebop">
  84. <meta name="text:title size" content="40">
  85.  
  86.  
  87. <meta name="if:bold links" content="0"/>
  88. <meta name="if:links underline" content="0"/>
  89. <meta name="if:custom cursor" content="0" />
  90. <meta name="if:tile background" content="0" />
  91. <meta name="if:hide title" content="0"/>
  92. <meta name="if:hide description" content="0"/>
  93. <meta name="if:glow text" content="0" />
  94. <meta name="if:outline text" content="0" />
  95. <meta name="if:hide caption" content="0"/>
  96. <meta name="if:hide tags" content="0" />
  97. <meta name="if:redirect" content="0" />
  98.  
  99. <meta name="text:redirect link" content="/tagged/0">
  100. <meta name="text:link 1" content="THREE">
  101. <meta name="text:link 1 URL" content="/">
  102. <meta name="text:link 2" content="TWO">
  103. <meta name="text:link 2 URL" content="/">
  104. <meta name="text:link 3" content="ONE">
  105. <meta name="text:link 3 URL" content="/">
  106. <meta name="text:link 4" content="LET'S JAM!">
  107. <meta name="text:link 4 URL" content="/">
  108.  
  109. <style type="text/css">
  110. @font-face {font-family:"bebop"; src: url("https://dl.dropboxusercontent.com/s/j3pnzh7uoqsf6ht/Cheltenham%20Bold%20Italic.otf?dl=0")}
  111.  
  112. ::-moz-selection {
  113. background: {color:background};
  114. color: {color:links hover};
  115. {block:IfGlowText}
  116. text-shadow: 0 0 2px {color:Links Hover},
  117. 0 0 2px {color:Links Hover};
  118. {/block:IfGlowText}
  119. }
  120.  
  121. ::selection {
  122. background: {color:background};
  123. color: {color:links hover};
  124. {block:IfGlowText}
  125. text-shadow: 0 0 2px {color:Links Hover},
  126. 0 0 2px {color:Links Hover};
  127. {/block:IfGlowText}
  128. }
  129.  
  130. #s-m-t-tooltip {
  131. z-index: 999999999;
  132. background-color: {color:header footer};
  133. color: {color:header footer links};
  134. box-shadow: 5px 5px 2px {color:shadow};
  135. border: {text:border size}px {select:border} {color:border};
  136. font-size: {text:text size}px;
  137. text-align: center;
  138. {block:IfGlowText}
  139. text-shadow: 0 0 3px {color:header footer glow},
  140. 0 0 5px {color:header footer glow};
  141. {/block:IfGlowText}
  142. {block:IfOutlineText}
  143. text-shadow: -1px 0 {color:header footer outline},
  144. 0 1px {color:header footer outline},
  145. 1px 0 {color:header footer outline},
  146. 0 -1px {color:header footer outline};
  147. {/block:IfOutlineText}
  148. transition: all 0.3s ease-out;
  149. -o-transition: all 0.3s ease-out;
  150. -webkit-transition: all 0.3s ease-out;
  151. -moz-transition: all 0.3s ease-out;
  152. text-transform: normal;
  153. max-width: 300px;
  154. display: block;
  155. word-wrap: break-word;
  156. padding: 5px 7px 5px 7px;
  157. margin: -30px 0px 10px 20px;}
  158.  
  159. body {
  160. background: {color:background};
  161. background-image: url({image:Background});
  162. background-attachment: fixed;
  163. {block:IfNotTileBackground}
  164. -webkit-background-size: cover;
  165. -moz-background-size: cover;
  166. -o-background-size: cover;
  167. background-size: cover;
  168. {/block:IfNotTileBackground}
  169. font-family: '{text:font family}';
  170. font-size: {text:text size}px;
  171. color: {color:post font color};
  172. text-transform: {select:text transform};
  173. line-height: 120%;
  174. word-wrap: break-word;
  175. overflow-x:hidden;
  176. {block:IfGlowText}
  177. text-shadow: 0 0 3px {color:post font glow},
  178. 0 0 5px {color:post font glow};
  179. {/block:IfGlowText}
  180. {block:IfOutlineText}
  181. text-shadow: -1px 0 {color:post font outline},
  182. 0 1px {color:post font outline},
  183. 1px 0 {color:post font outline},
  184. 0 -1px {color:post font outline};
  185. {/block:IfOutlineText}
  186. }
  187.  
  188. {block:IfCustomCursor}
  189. body, *, a, a:hover { cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
  190. p {margin: 10px;}
  191. ul {list-style: square;}
  192. img {max-width: 100%;}
  193. h1 {line-height: 150%;}
  194. h3 {line-height: 120%;}
  195.  
  196. a:link, a:active, a:visited {
  197. {block:IfBoldLinks}font-weight: bold;{/block:IfBoldLinks}
  198. color: {color:post links};
  199. {block:IfGlowText}
  200. text-shadow: 0 0 3px {color:post links glow},
  201. 0 0 5px {color:post links glow};
  202. {/block:IfGlowText}
  203. {block:IfOutlineText}
  204. text-shadow: -1px 0 {color:post links outline},
  205. 0 1px {color:post links outline},
  206. 1px 0 {color:post links outline},
  207. 0 -1px {color:post links outline};
  208. {/block:IfOutlineText}
  209. {block:IfNotLinksUnderline}
  210. text-decoration: none;{/block:IfNotLinksUnderline}
  211. {block:IfLinksUnderline}
  212. text-decoration: underline;{/block:IfLinksUnderline}
  213. -webkit-transition: all 0.2s ease-in-out;
  214. -moz-transition: all 0.2s ease-in-out;
  215. -o-transition: all 0.2s ease-in-out;
  216. -ms-transition: all 0.2s ease-in-out;
  217. transition: all 0.2s ease-in-out;}
  218.  
  219. a:hover {
  220. color: {color:links hover};
  221. text-decoration: {select:links hover};
  222. -webkit-transition: all 0.3s ease-in-out;
  223. -moz-transition: all 0.3s ease-in-out;
  224. -o-transition: all 0.3s ease-in-out;
  225. -ms-transition: all 0.3s ease-in-out;
  226. transition: all 0.3s ease-in-out;
  227. text-shadow:
  228. 1px 0px 1px {color:link hover shadow}, 0px 1px 1px #eee,
  229. 2px 1px 1px {color:link hover shadow}, 1px 2px 1px #eee,
  230. 3px 2px 1px {color:link hover shadow}, 2px 3px 1px #eee,
  231. 4px 3px 1px {color:link hover shadow}, 3px 4px 1px #eee,
  232. 5px 4px 1px {color:link hover shadow}, 4px 5px 1px #eee,
  233. 6px 5px 1px {color:link hover shadow}, 5px 6px 1px #eee,
  234. 7px 6px 1px {color:link hover shadow};
  235. }
  236.  
  237. .links a:hover {color:{color:links hover};
  238. text-shadow:
  239. 1px 0px 1px {color:link hover shadow}, 0px 1px 1px #eee,
  240. 2px 1px 1px {color:link hover shadow}, 1px 2px 1px #eee,
  241. 3px 2px 1px {color:link hover shadow}, 2px 3px 1px #eee,
  242. 4px 3px 1px {color:link hover shadow}, 3px 4px 1px #eee,
  243. 5px 4px 1px {color:link hover shadow}, 4px 5px 1px #eee,
  244. 6px 5px 1px {color:link hover shadow}, 5px 6px 1px #eee,
  245. 7px 6px 1px {color:link hover shadow};
  246. }
  247.  
  248.  
  249. ::-webkit-scrollbar-track {
  250. border: {text:border size}px {select:border} {color:border};
  251. background-color: {color:background};}
  252. ::-webkit-scrollbar {
  253. width: 20px;}
  254. ::-webkit-scrollbar-thumb {
  255. background-color: {color:button 1};
  256. border: {text:border size}px {select:border} {color:border};
  257. }
  258.  
  259.  
  260. #content {
  261. margin: 50px auto;
  262. width: 600px;}
  263.  
  264.  
  265. .ava {
  266. max-width: 500px;}
  267.  
  268. .ava img {
  269. border: {text:border size}px {select:border} {color:border};
  270. display: block;
  271. transition: all 0.4s ease-in-out 0s;
  272. -moz-transition: all 0.4s ease-in-out 0s;
  273. -webkit-transition: all 0.4s ease-in-out 0s;
  274. -o-transition: all 0.4s ease-in-out 0s;
  275. overflow: hidden;
  276. transform: translatey(0px);
  277. animation: pewpew 5s ease-in-out infinite;
  278. }
  279.  
  280. .ava:hover img {
  281. filter: blur(2px);}
  282.  
  283. @keyframes pewpew {
  284. 0% {
  285. box-shadow: 15px 15px 7px 0px {color:shadow};
  286. transform: translatey(0px);
  287. }
  288. 50% {
  289. box-shadow: -15px -20px 7px 0px {color:shadow};
  290. transform: translatey(-20px);
  291. }
  292. 100% {
  293. box-shadow: 15px 15px 7px 0px {color:shadow};
  294. transform: translatey(0px);
  295. }
  296. }
  297.  
  298. #sidebar {
  299. color: {color:font color};
  300. background-color: transparent;
  301. text-align: center;
  302. margin-left: -25px;
  303. }
  304.  
  305. #title {
  306. text-align: center;
  307. margin-bottom: 30px; margin-top: 50px;
  308. }
  309.  
  310.  
  311. .desc {margin-top: 30px;
  312. color: {color:description};
  313. {block:IfGlowText}
  314. text-shadow: 0 0 3px {color:desc glow},
  315. 0 0 5px {color:desc glow};
  316. {/block:IfGlowText}
  317. {block:IfOutlineText}
  318. text-shadow: -1px 0 {color:desc outline},
  319. 0 1px {color:desc outline},
  320. 1px 0 {color:desc outline},
  321. 0 -1px {color:desc outline};
  322. {/block:IfOutlineText}
  323. }
  324. .desc a {color: {color:button 2};
  325. {block:IfGlowText}
  326. text-shadow: 0 0 3px {color:button 2},
  327. 0 0 5px {color:button 2};
  328. {/block:IfGlowText}
  329. {block:IfOutlineText}
  330. text-shadow: -1px 0 {color:button 1},
  331. 0 1px {color:button 1},
  332. 1px 0 {color:button 1},
  333. 0 -1px {color:button 1};
  334. {/block:IfOutlineText}
  335. }
  336.  
  337. .desc a:hover {text-shadow:
  338. 1px 0px 1px {color:link hover shadow}, 0px 1px 1px #eee,
  339. 2px 1px 1px {color:link hover shadow}, 1px 2px 1px #eee,
  340. 3px 2px 1px {color:link hover shadow}, 2px 3px 1px #eee,
  341. 4px 3px 1px {color:link hover shadow}, 3px 4px 1px #eee,
  342. 5px 4px 1px {color:link hover shadow}, 4px 5px 1px #eee,
  343. 6px 5px 1px {color:link hover shadow}, 5px 6px 1px #eee,
  344. 7px 6px 1px {color:link hover shadow};}
  345.  
  346. .posts {
  347. background-color: {color:posts};
  348. margin: auto;
  349. margin-bottom: 100px;
  350. padding: 0;
  351. width: 500px;
  352. position: relative;
  353. text-align: left;
  354. border: {text:border size}px {select:border} {color:border};
  355. {block:IfBoxShadow}
  356. box-shadow: 15px 15px 7px {color:shadow};
  357. {/block:IfBoxShadow}
  358. animation: pewpews 5s ease-in-out infinite;
  359. }
  360.  
  361. @keyframes pewpews {
  362. 0% {
  363. box-shadow: 15px 15px 7px 0px {color:shadow};
  364. transform: translatey(0px);
  365. }
  366. 50% {
  367. box-shadow: -15px -20px 7px 0px {color:shadow};
  368. transform: translatey(0px);
  369. }
  370. 100% {
  371. box-shadow: 15px 15px 7px 0px {color:shadow};
  372. transform: translatey(0px);
  373. }
  374. }
  375.  
  376. .pic img {display: block;
  377. transition: all 0.4s ease-in-out 0s;
  378. -moz-transition: all 0.4s ease-in-out 0s;
  379. -webkit-transition: all 0.4s ease-in-out 0s;
  380. -o-transition: all 0.4s ease-in-out 0s;}
  381.  
  382. .pic:hover img {
  383. filter: blur(2px);}
  384.  
  385. .posts blockquote {
  386. margin: 0 0 5px 20px;
  387. padding: 0 0 0 5px;
  388. border-left: 2px solid {color:border};}
  389.  
  390. .permalinky {
  391. text-align: left; padding: 5px;
  392. border-bottom: {text:border size}px {select:border} {color:border};
  393. background-color: {color:header footer};
  394. text-transform: {select:text transform};
  395. }
  396.  
  397. .permalinky a {
  398. color: {color:header footer links};
  399. {block:IfGlowText}
  400. text-shadow: 0 0 3px {color:header footer glow},
  401. 0 0 5px {color:header footer glow};
  402. {/block:IfGlowText}
  403. {block:IfOutlineText}
  404. text-shadow: -1px 0 {color:header footer outline},
  405. 0 1px {color:header footer outline},
  406. 1px 0 {color:header footer outline},
  407. 0 -1px {color:header footer outline};
  408. {/block:IfOutlineText}
  409. }
  410.  
  411. .permalinky a:hover {
  412. color:{color:links hover};
  413. text-shadow:
  414. 1px 0px 1px {color:link hover shadow}, 0px 1px 1px #eee,
  415. 2px 1px 1px {color:link hover shadow}, 1px 2px 1px #eee,
  416. 3px 2px 1px {color:link hover shadow}, 2px 3px 1px #eee,
  417. 4px 3px 1px {color:link hover shadow}, 3px 4px 1px #eee,
  418. 5px 4px 1px {color:link hover shadow}, 4px 5px 1px #eee,
  419. 6px 5px 1px {color:link hover shadow}, 5px 6px 1px #eee,
  420. 7px 6px 1px {color:link hover shadow};
  421. }
  422. .tags{
  423. text-align: justify; padding: 5px;
  424. border-top: {text:border size}px {select:border} {color:border};
  425. background-color: {color:header footer};
  426. }
  427.  
  428. .tags a {
  429. color: {color:header footer links};
  430. {block:IfGlowText}
  431. text-shadow: 0 0 3px {color:header footer glow},
  432. 0 0 5px {color:header footer glow};
  433. {/block:IfGlowText}
  434. {block:IfOutlineText}
  435. text-shadow: -1px 0 {color:header footer outline},
  436. 0 1px {color:header footer outline},
  437. 1px 0 {color:header footer outline},
  438. 0 -1px {color:header footer outline};
  439. {/block:IfOutlineText}
  440.  
  441. }
  442.  
  443. .tags a:hover {
  444. color:{color:links hover};
  445. text-shadow:
  446. 1px 0px 1px {color:link hover shadow}, 0px 1px 1px #eee,
  447. 2px 1px 1px {color:link hover shadow}, 1px 2px 1px #eee,
  448. 3px 2px 1px {color:link hover shadow}, 2px 3px 1px #eee,
  449. 4px 3px 1px {color:link hover shadow}, 3px 4px 1px #eee,
  450. 5px 4px 1px {color:link hover shadow}, 4px 5px 1px #eee,
  451. 6px 5px 1px {color:link hover shadow}, 5px 6px 1px #eee,
  452. 7px 6px 1px {color:link hover shadow};
  453. }
  454. .question {
  455. margin-bottom: 5px;
  456. border-bottom: {text:border size}px {select:border} {color:border};
  457.  
  458. }
  459.  
  460. .asker {text-align: left;
  461. border-bottom: {text:border size}px {select:border} {color:border};
  462. padding: 3px;
  463. background-color: {color:header};
  464. }
  465.  
  466. .asker a{ border: 0;}
  467.  
  468. .answer {background-color: {color:header};}
  469.  
  470. #permanotes {
  471. margin-top: 20px;
  472. margin-bottom: 10px;
  473.  
  474. }
  475.  
  476. #permanotes ol.notes {
  477. list-style-type: none;
  478. text-align: left;
  479. margin: 0;
  480. padding: 0;
  481. overflow: scroll;
  482. overflow-x: hidden;
  483. max-height: 400px;
  484. }
  485.  
  486. #permanotes img.avatar {
  487. margin-right: 10px;
  488. border: 1px solid {color:font color};
  489. display: inline;
  490. width: 16px;
  491. height: 16px;}
  492.  
  493. .pagination {
  494. text-align: center;
  495. font-size: 90px;
  496. margin-top: 50px;
  497. margin-bottom: 100px;
  498. padding: 0;
  499. width: 600px;
  500.  
  501. }
  502.  
  503. .pagination a {color: {color:title};
  504. {block:IfGlowText}
  505. text-shadow: 0 0 3px {color:button 2},
  506. 0 0 5px {color:button 2};
  507. {/block:IfGlowText}
  508. {block:IfOutlineText}
  509. text-shadow: -1px 0 {color:button 1},
  510. 0 1px {color:button 1},
  511. 1px 0 {color:button 1},
  512. 0 -1px {color:button 1};
  513. {/block:IfOutlineText}
  514. }
  515.  
  516. .pagination a:hover {text-shadow:
  517. 1px 0px 1px {color:link hover shadow}, 0px 1px 1px #eee,
  518. 2px 1px 1px {color:link hover shadow}, 1px 2px 1px #eee,
  519. 3px 2px 1px {color:link hover shadow}, 2px 3px 1px #eee,
  520. 4px 3px 1px {color:link hover shadow}, 3px 4px 1px #eee,
  521. 5px 4px 1px {color:link hover shadow}, 4px 5px 1px #eee,
  522. 6px 5px 1px {color:link hover shadow}, 5px 6px 1px #eee,
  523. 7px 6px 1px {color:link hover shadow};}
  524.  
  525. .quote {
  526. text-align: justify;
  527. font-style: italic;
  528. font-weight: bold;
  529. font-size: 140%;
  530. line-height: 130%;}
  531.  
  532. .source {
  533. text-align: right;}
  534.  
  535. .spotify_audio_player {
  536. height:80px!important;
  537. width:100%!important;}
  538.  
  539. .soundcloud_audio_player {
  540. height:150px!important;
  541. width:100%!important;}
  542.  
  543. .trackback {
  544. position: absolute;
  545. left: 20px;
  546. top: 20px;
  547. width: 19px;
  548. height: 19px;
  549. background-color: #fff;
  550. padding: 10px;
  551. opacity: 0.4;}
  552.  
  553. .pressplay{
  554. position: relative;
  555. width: 25px;
  556. height: 25px;
  557. overflow: hidden;
  558. left: -6px;
  559. top: -3px;}
  560.  
  561. .albumpic {
  562. position: absolute;
  563. left: 0px;
  564. top: 0px;
  565. width: 79px;
  566. height: 79px;
  567.  
  568. }
  569.  
  570. .albumpic img {
  571. width: 100%;
  572. height: auto;
  573. border: 1px solid {color:font color};}
  574.  
  575. .trackinfo {
  576. width: auto;
  577. display:inline-block;
  578. margin-left: 90px;
  579. min-height: 85px;}
  580.  
  581. .audiowrapper {
  582. position: relative; display:inline-block;}
  583.  
  584. #second { position: fixed; bottom: 10px; left: 10px; font-size: 30px;}
  585.  
  586. .material-icons {
  587. font-family: 'Material Icons';
  588. font-size: 36px;}
  589.  
  590.  
  591.  
  592. [photoset-layout] div {
  593. padding: 10px; /* padding in the each image's container */
  594. border: 0; /* border around each image's container */
  595. }
  596.  
  597. .links {
  598. margin-top: 10px;
  599. {block:ifHideDescription}
  600. margin-top: 30px;
  601. {/block:ifHideDescription}
  602. margin-bottom: 50px;}
  603.  
  604. .links a {
  605. color: {color:button links};
  606. {block:IfGlowText}
  607. text-shadow: 0 0 3px {color:button glow},
  608. 0 0 5px {color:button glow};
  609. {/block:IfGlowText}
  610. {block:IfOutlineText}
  611. text-shadow: -1px 0 {color:header footer outline},
  612. 0 1px {color:button outline},
  613. 1px 0 {color:button outline},
  614. 0 -1px {color:button outline};
  615. {/block:IfOutlineText}
  616. }
  617.  
  618.  
  619.  
  620. .button {
  621. width: auto;
  622. color: #fff;
  623. font-family: INHERIT;
  624. font-size: inherit;
  625. background: transparent;
  626. transition: all 0.3s ease;
  627. position: relative;
  628. display: inline-block;
  629. box-shadow:inset 5px 5px 5px 0px rgba(255,255,255,.5),
  630. 7px 7px 20px 0px rgba(0,0,0,.1),
  631. 4px 4px 5px 0px rgba(0,0,0,.1);
  632. border: 0;
  633. border-radius: 10px;
  634. }
  635.  
  636. .butt {
  637. background: rgb(247,150,192);
  638. background: radial-gradient(circle, {color:button 1} 0%,
  639. {color:button 2} 100%);
  640. padding: 10px;
  641. margin: 5px;
  642. }
  643.  
  644. .butt span {
  645. position: relative;
  646. display: block;
  647. width: 100%;
  648. height: 100%;
  649. }
  650.  
  651. .butt:before,
  652. .butt:after {
  653. position: absolute;
  654. content: "";
  655. height: 0%;
  656. width: 1px;
  657. }
  658.  
  659. .butt:before {
  660. right: 0;
  661. top: 0;
  662. transition: all 500ms ease;
  663. }
  664. .butt:after {
  665. left: 0;
  666. bottom: 0;
  667. transition: all 500ms ease;
  668. }
  669.  
  670. .butt:hover{
  671. background: {color:button hover};
  672. color: #76aef1;
  673. box-shadow: none;
  674. }
  675.  
  676. .butt:hover:before {
  677. transition: all 500ms ease;
  678. height: 100%;
  679. }
  680.  
  681. .butt:hover:after {
  682. transition: all 500ms ease;
  683. height: 100%;
  684. }
  685.  
  686. .butt span:before,
  687. .butt span:after {
  688. position: absolute;
  689. content: "";
  690.  
  691. }
  692.  
  693. .butt span:before {
  694. left: 0;
  695. top: 0;
  696. width: 0%;
  697. height: .5px;
  698. transition: all 500ms ease;
  699. }
  700.  
  701. .butt span:after {
  702. right: 0;
  703. bottom: 0;
  704. width: 0%;
  705. height: .5px;
  706. transition: all 500ms ease;
  707. }
  708.  
  709. .butt span:hover:before {
  710. width: 100%;
  711. }
  712.  
  713. .butt span:hover:after {
  714. width: 100%;
  715. }
  716.  
  717. h3 {
  718. font-size: {text:title size}px;
  719. font-family: {text:title font family};
  720. color: {color:title};
  721. letter-spacing: 1px;
  722. text-shadow: 0 0 3px {color:title},
  723. 0 0 5px {color:title shadow},
  724. 0 0 5px {color:title shadow},
  725. 0 0 10px {color:title shadow}, 0 0 20px {color:title shadow};
  726. text-align: center;
  727. animation: text-flicker 4s linear infinite;
  728. }
  729.  
  730. @keyframes text-flicker {
  731. 0% {opacity: 0.1;}
  732. 1% {opacity: 0.9;}
  733. 5% {opacity: 1;}
  734. 7% {opacity: 0.5;}
  735. 15% {opacity: 1;}
  736. 16% {opacity: 0.3;}
  737. 20% {opacity: 0.9;}
  738. 22% {opacity: 0.7;}
  739. 30% {opacity: 1;}
  740. 35% {opacity: 1;}
  741. 50% {opacity: 0.4;}
  742. 60% {opacity: 1;}
  743. 64% {opacity: 1;}
  744. 70% {opacity: 0.2;}
  745. 85% {opacity: 0.1;}
  746. 100% {opacity: 1;}
  747. }
  748.  
  749. </style>
  750.  
  751. {block:IfRedirect}
  752. <script>
  753. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  754. </script>
  755. {block:IfRedirect}
  756.  
  757. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  758.  
  759. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  760.  
  761. <script>
  762. (function($){
  763. $(document).ready(function(){
  764. $("[title]").style_my_tooltips();
  765. });
  766. })(jQuery);
  767. </script>
  768.  
  769. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  770.  
  771. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.js"></script>
  772.  
  773. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  774. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  775. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  776.  
  777. <script>
  778. $(document).ready(function(){
  779. $('.photo-slideshow').pxuPhotoset({
  780. lightbox: true,
  781. rounded: false,
  782. gutter: '0px',
  783. borderRadius: '0px',
  784. photoset: '.photo-slideshow',
  785. photoWrap: '.photo-data',
  786. photo: '.pxu-photo'
  787. });
  788. });
  789. </script>
  790. </head>
  791.  
  792. {block:ifNotHideTitle}
  793. <div id="title">
  794. <h3>{text:title}</h3>
  795. </div>
  796. {/block:ifNotHideTitle}
  797. <div id="content">
  798.  
  799. <div id="sidebar">
  800. <center><div class="ava"><a href="/"><img src="{image:header}" class="image"></a></div>
  801. </center>
  802.  
  803. {block:ifNotHideDescription}
  804. <div class="desc">
  805. {text:description}
  806. </div>
  807. {/block:ifNotHideDescription}
  808.  
  809. <div class="links">
  810. <button class="button butt" style="margin-left: 30px;"><span><a href="{text:link 1 URL}">{text:link 1}</a></span></button>
  811.  
  812. <button class="button butt"><span><a href="{text:link 2 URL}">{text:link 2}</a></span></button>
  813.  
  814. <button class="button butt"><span><a href="{text:link 3 URL}">{text:link 3}</a></span></button>
  815.  
  816. <button class="button butt"><span><a href="{text:link 4 URL}">{text:link 4}</a></span></button>
  817.  
  818. </div>
  819. </div>
  820.  
  821. {block:Posts}
  822.  
  823. <div class="posts">
  824. {block:IndexPage}<div class="permalinky">
  825. <a href="{Permalink}">{TimeAgo}</a>
  826.  
  827. <a href="{ReblogURL}" data-toggle="tooltip" title="Reblog?" style="float:right;">{NoteCount}N</a>
  828. </div>{/block:IndexPage}
  829.  
  830. {block:Text}
  831. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  832. {Body}
  833. {/block:Text}
  834.  
  835. {block:Quote}
  836. <div class="quote">"{Quote}"</div>
  837. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  838. {/block:Quote}
  839.  
  840. {block:Link}
  841. <big><a href="{URL}">{Name}</a></big>
  842. {block:Description}{Description}{/block:Description}
  843. {/block:Link}
  844.  
  845. {block:Chat}
  846. {block:Title}{Title}{/block:Title}
  847. {block:Lines}
  848. <div class="{Alt} user_{UserNumber}">
  849. {block:Label}{Label}{/block:Label} {Line}
  850. </div>
  851. {/block:Lines}
  852. {/block:Chat}
  853.  
  854. {block:Answer}
  855. <div class="asker">{Asker}</div>
  856. <div class="question">{Question}</div>
  857. {Answer}
  858. {/block:Answer}
  859.  
  860. {block:Photo}
  861. {block:IndexPage}<div class="pic"><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{Permalink}"/></a></div>{/block:IndexPage}
  862.  
  863. {block:PermalinkPage}
  864. {LinkOpenTag}<img src="{PhotoURL-500}">{/block:PermalinkPage}
  865. {/block:Photo}
  866.  
  867. {block:Photoset}
  868. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  869. {/block:Photoset}
  870.  
  871. {block:Video}
  872. {Video-500}
  873. {/block:Video}
  874.  
  875. {block:AudioPlayer}
  876. <div class="audiowrapper">
  877. {block:AlbumArt}
  878. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  879. {/block:AlbumArt}
  880. <div class="trackback">
  881. <div class="pressplay">
  882. {AudioPlayer}
  883. </div></div>
  884. <div class="trackinfo">
  885. {block:TrackName}{TrackName}{/block:TrackName}<br>
  886. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  887. {block:Album}<i>{Album}</i>{/block:Album}<br>
  888. </div></div>
  889. {/block:AudioPlayer}
  890.  
  891. {block:ifNotHideCaption}
  892. {block:Caption}{Caption}{/block:Caption}
  893. {/block:ifNotHideCaption}
  894.  
  895.  
  896. {block:IndexPage}{block:ifNotHideTags}
  897. {block:HasTags}<div class="tags">
  898. {block:Tags}
  899. <a href="{TagURL}">#{Tag}</a>
  900. {/block:Tags}</div>{/block:HasTags}
  901. {/block:ifNotHideTags}{/block:IndexPage}
  902.  
  903.  
  904. {block:PermalinkPage}
  905. {block:ifHideCaption}
  906. {block:Caption}{Caption}{/block:Caption}
  907. {/block:ifHideCaption}
  908.  
  909. <p>
  910. {block:NoteCount}Notes: <a href="{Permalink}">{NoteCount}</a><br>{/block:NoteCount}
  911. {block:HasTags}Tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}<br>{/block:HasTags}
  912. {block:RebloggedFrom}
  913. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  914. <br>{/block:RebloggedFrom}{block:ContentSource}
  915. Source: <a href="{SourceURL}">{SourceTitle}</a>
  916. {/block:ContentSource}</p>
  917.  
  918. {block:NoteCount}<div id="permanotes">
  919. {block:PostNotes}{PostNotes}{/block:PostNotes}
  920. </div>{/block:NoteCount}
  921. {/block:PermalinkPage}
  922. </div>
  923. {/block:Posts}
  924.  
  925. {block:IndexPage}<div class="pagination">
  926. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&minus;</a>&nbsp;&nbsp;{/block:PreviousPage}{block:NextPage}
  927. <a href="{NextPage}">&plus;</a></p>{/block:NextPage}{/block:Pagination}
  928.  
  929. </div>{/block:IndexPage}
  930.  
  931. </div>
  932.  
  933. </div>
  934. <div id="second"><a href="https://tobirama.tumblr.com/" data-toggle="tooltip" title="LET'S JAM">
  935. <span class="material-icons">
  936. loyalty
  937. </span>
  938.  
  939.  
  940. </a></div>
  941.  
  942. </body>
  943. </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!