API tools faq
paste
Advertisement
uchihaclan

not creative theme

uchihaclan
Jun 21st, 2021 (edited)
1,990
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <meta charset="utf-8">
  3. <HTML>
  4.  
  5.  
  6. <!--
  7.  
  8. not creative theme by @sadthemes - updated jan '22
  9. stupid and anyone can make this
  10.  
  11. ____________________________________________
  12.  
  13. specs
  14. -sb can be any size image will auto center
  15. -border radius doesnt work with rainbow border
  16.  
  17. icons:
  18. https://fonts.google.com/icons?selected=Material+Icons:attachment
  19.  
  20. how to use icons:
  21. -select icon you want
  22. -copy icon name on right side after <span> selection
  23. -copy name and paste in link options
  24.  
  25. google fonts:
  26. https://fonts.google.com/
  27. select fonts you want and paste them in the correct field.
  28.  
  29. ____________________________________________
  30.  
  31. annasthms photosets
  32. https://annasthms.github.io/photosets/
  33.  
  34. NPF image fix @glenthemes
  35. git.io/JRBt7
  36.  
  37. unnest captions @neothm
  38. https://codepen.io/neothm/pen/PzVjRy
  39.  
  40. change color of audio player
  41. https://shudesigns.tumblr.com/post/158812662057/tutorial-change-the-color-of-tumblrs-new-audio
  42.  
  43. -->
  44.  
  45. <HEAD>
  46.  
  47. <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  48. rel="stylesheet">
  49.  
  50. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  51. <!--
  52. NPF images fix v3.0 by @glenthemes [2021]
  53. 💌 git.io/JRBt7
  54. --->
  55. <script src="//npf-images-v3.github.io/script.js"></script>
  56. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  57. <style tmblr-npf>
  58. :root {
  59. --NPF-Caption-Spacing:1em;
  60. --NPF-Image-Spacing:4px;
  61. }
  62. </style>
  63.  
  64.  
  65.  
  66.  
  67.  
  68. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  69. <script>
  70. function gatherData(images, arr) {
  71. for (let i = 0; i < images.length; i++) {
  72. let currentData = {
  73. "width": images[i].getAttribute('data-width'),
  74. "height": images[i].getAttribute('data-height'),
  75. "low_res": images[i].getAttribute('data-lowres'),
  76. "high_res": images[i].getAttribute('data-highres')
  77. };
  78. arr.push(currentData);
  79. }
  80. }
  81. function getIndex(elem) {
  82. let i = 0;
  83. while( (elem = elem.previousElementSibling) != null ) i++;
  84. return i;
  85. }
  86. function lightbox(elem) {
  87. let currentPhotoset = elem.parentNode;
  88. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  89. let data = [];
  90. gatherData(photosetPhotos, data);
  91. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  92. }
  93. </script>
  94.  
  95. {block:IfRedirect}
  96. <script>
  97. if(window.location.pathname == '/') location.replace('{text:redirect}');
  98. </script>
  99. {block:IfRedirect}
  100.  
  101.  
  102. <link rel="icon" href="{image:favicon}" type="image/gif" >
  103.  
  104. <TITLE>{Title}</TITLE>
  105. {block:Description}
  106. <meta name="description" content="{MetaDescription}" />
  107. {/block:Description}
  108.  
  109. <meta name="image:favicon" content="" />
  110. <meta name="image:sb" content="https://i.imgur.com/RZbDgRd.png" />
  111. <meta name="image:bg" content="" />
  112. <meta name="image:cursor" content="https://i.imgur.com/K5tn4gk.png" />
  113.  
  114. <meta name="color:bg" content="#555" />
  115. <meta name="color:title" content="#000" />
  116. <meta name="color:title glow outline" content="#ccc" />
  117. <meta name="color:sb txt" content="#000" />
  118. <meta name="color:sb txt glow outline" content="#ccc" />
  119. <meta name="color:sb link" content="#6b0000" />
  120. <meta name="color:sb link glow outline" content="#000" />
  121. <meta name="color:sb icon" content="#6b0000" />
  122. <meta name="color:sb icon glow outline" content="#000" />
  123. <meta name="color:sb shadow" content="#ccc" />
  124. <meta name="color:post shadow" content="#ccc" />
  125. <meta name="color:text" content="#ccc" />
  126. <meta name="color:text glow outline" content="#000" />
  127. <meta name="color:link" content="#6b0000" />
  128. <meta name="color:link glow outline" content="#000" />
  129. <meta name="color:link hover" content="#ccc" />
  130. <meta name="color:link hover glow outline" content="#000" />
  131. <meta name="color:footer" content="#000" />
  132. <meta name="color:footer glow outline" content="#6b0000" />
  133. <meta name="color:liked post" content="#6b0000" />
  134. <meta name="color:tooltip bg" content="#6b0000" />
  135. <meta name="color:tooltip txt" content="#000" />
  136. <meta name="color:tooltip glow outline" content="#ccc" />
  137. <meta name="color:tooltip border" content="#000" />
  138. <meta name="color:select txt" content="#000" />
  139. <meta name="color:select bg" content="#6b0000" />
  140. <meta name="color:border" content="#6b0000" />
  141.  
  142. <meta name="select:border" content="solid" />
  143. <meta name="select:border" content="dashed" />
  144. <meta name="select:border" content="dotted" />
  145. <meta name="select:border" content="double" />
  146. <meta name="select:border" content="inset" />
  147. <meta name="select:border" content="outset" />
  148. <meta name="select:border" content="groove" />
  149. <meta name="select:border" content="ridge" />
  150.  
  151. <meta name="select:border size" content="0" />
  152. <meta name="select:border size" content="1" />
  153. <meta name="select:border size" content="2" />
  154. <meta name="select:border size" content="3" />
  155. <meta name="select:border size" content="4" />
  156. <meta name="select:border size" content="5" />
  157.  
  158.  
  159. <meta name="select:sb icon size" content="24" />
  160. <meta name="select:sb icon size" content="36" />
  161. <meta name="select:sb icon size" content="48" />
  162.  
  163.  
  164. <meta name="select:icon size" content="24" />
  165. <meta name="select:icon size" content="36" />
  166. <meta name="select:icon size" content="48" />
  167.  
  168. <meta name="select:photoset gap" content="0" />
  169. <meta name="select:photoset gap" content="1" />
  170. <meta name="select:photoset gap" content="2" />
  171. <meta name="select:photoset gap" content="3" />
  172. <meta name="select:photoset gap" content="4" />
  173. <meta name="select:photoset gap" content="5" />
  174. <meta name="select:photoset gap" content="10" />
  175.  
  176. <meta name="select:post margin" content="20" />
  177. <meta name="select:post margin" content="30" />
  178. <meta name="select:post margin" content="40" />
  179. <meta name="select:post margin" content="50" />
  180. <meta name="select:post margin" content="75" />
  181. <meta name="select:post margin" content="100" />
  182.  
  183.  
  184. <meta name="text:round border" content="0" />
  185. <meta name="text:sb width" content="250" />
  186. <meta name="text:font family" content="arial" />
  187. <meta name="text:font size" content="20" />
  188. <meta name="text:title" content="THIS IS A TITLE!" />
  189. <meta name="text:title font" content="arial" />
  190. <meta name="text:title size" content="50" />
  191. <meta name="text:sb size" content="20" />
  192. <meta name="text:description" content="description for you!" />
  193. <meta name="text:link 1" content="01">
  194. <meta name="text:link 1 URL" content="/">
  195. <meta name="text:icon 1" content="account_circle">
  196. <meta name="text:link 2" content="02">
  197. <meta name="text:link 2 URL" content="/">
  198. <meta name="text:icon 2" content="mail">
  199. <meta name="text:link 3" content="03">
  200. <meta name="text:link 3 URL" content="/">
  201. <meta name="text:icon 3" content="star">
  202. <meta name="text:link 4" content="04">
  203. <meta name="text:link 4 URL" content="/">
  204. <meta name="text:icon 4" content="nights_stay">
  205. <meta name="text:redirect" content="/tagged/0">
  206.  
  207.  
  208. <meta name="if:250px" content="0"/>
  209. <meta name="if:400px" content="0"/>
  210. <meta name="if:cover bg" content="0" />
  211. <meta name="if:no sb border" content="0" />
  212. <meta name="if:sb icon" content="0"/>
  213. <meta name="if:shadow" content="0" />
  214. <meta name="if:rainbow border" content="0" />
  215. <meta name="if:custom cursor" content="0"/>
  216. <meta name="if:xp scrollbar" content="0" />
  217. <meta name="if:dark scrollbar" content="0" />
  218. <meta name="if:hide title" content="0" />
  219. <meta name="if:hide description" content="0" />
  220. <meta name="if:hide links" content="0" />
  221. <meta name="if:hide caption" content="0" />
  222. <meta name="if:hide tags" content="0" />
  223. <meta name="if:glow txt" content="0" />
  224. <meta name="if:outline txt" content="0" />
  225. <meta name="if:bold link" content="0" />
  226. <meta name="if:italic link" content="0" />
  227. <meta name="if:underline link" content="0" />
  228. <meta name="if:redirect" content="0" />
  229.  
  230. <style type="text/css">
  231.  
  232. {block:IfCustomCursor}
  233. body, *, a, a:hover {cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
  234. {block:IfNotCustomCursor}
  235. a, a:hover {cursor: help;}
  236. {/block:IfNotCustomCursor}
  237.  
  238. pre {
  239. white-space: pre-line;
  240. overflow-wrap: break-word;
  241. word-wrap: break-word;
  242. -ms-hyphens: auto;
  243. -moz-hyphens: auto;
  244. -webkit-hyphens: auto;
  245. hyphens: auto;
  246. }
  247.  
  248. ::-moz-selection {
  249. background: {color:select bg};
  250. color: {color:select txt};
  251. }
  252.  
  253. ::selection {
  254. background: {color:select bg};
  255. color: {color:select txt};
  256. }
  257.  
  258. {block:IfNotXPScrollbar}{block:IfNotDarkScrollbar}
  259. ::-webkit-scrollbar {
  260. width:15px; height:15px;} /* made by @ps1 */
  261. ::-webkit-scrollbar-track {
  262. background-image: url(https://i.imgur.com/n1kAWKU.png);}
  263. ::-webkit-scrollbar-thumb {
  264. background-image: url(https://i.imgur.com/KePIOiE.png);
  265. border-top: 1px solid #D4D0C8; border-bottom: 1px solid #808080;}
  266. ::-webkit-scrollbar-button:vertical:decrement {
  267. background-image: url(https://i.imgur.com/ZF6PC55.png);
  268. width: 15px; height: 15px;}
  269. ::-webkit-scrollbar-button:vertical:increment {
  270. background-image: url(https://i.imgur.com/sMOMkQ7.png);
  271. width: 15px; height: 15px;}
  272. {/block:IfNotDarkScrollbar}{/block:IfNotXPScrollbar}
  273.  
  274. {block:IfDarkScrollbar}
  275. ::-webkit-scrollbar {
  276. width:15px; height:15px;} /* made by @ps1 */
  277. ::-webkit-scrollbar-track {
  278. background-image: url(https://i.imgur.com/1wwyNgR.png);}
  279. ::-webkit-scrollbar-thumb {
  280. background-image: url(https://i.imgur.com/3twDfJb.png);
  281. border-top: 1px solid #111; border-bottom: 1px solid #000;}
  282. ::-webkit-scrollbar-button:vertical:decrement {
  283. background-image: url(https://i.imgur.com/pSpgQbq.png);
  284. width: 15px; height: 15px;}
  285. ::-webkit-scrollbar-button:vertical:increment {
  286. background-image: url(https://i.imgur.com/IzbYg9x.png);
  287. width: 15px; height: 15px;}
  288. {/block:IfDarkScrollbar}
  289.  
  290. {block:IfXPScrollbar}
  291. ::-webkit-scrollbar {
  292. width:16px; height:16px;} /* made by @ps1 */
  293. ::-webkit-scrollbar-track {
  294. background-color: #F7F5EE;}
  295. ::-webkit-scrollbar-thumb {
  296. background-image: url(https://i.imgur.com/CKou08s.png);
  297. border-top: 1px solid #BBCDF5; border-bottom: 1px solid #7C9FD3;
  298. border-radius: 3px;
  299. }
  300. ::-webkit-scrollbar-button:vertical:decrement {
  301. background-image: url(https://i.imgur.com/ObVjKL6.png);
  302. width: 16px; height: 17px;}
  303. ::-webkit-scrollbar-button:vertical:increment {
  304. background-image: url(https://i.imgur.com/1879VtO.png);
  305. width: 16px; height: 17px;}
  306. {/block:IfXPScrollbar}
  307.  
  308.  
  309. body {
  310. margin: 0;
  311. color: {color:text};
  312. font-family: {text:font family};
  313. font-size: {text:font size}px;
  314. {block:ifGlowTxt}
  315. text-shadow: 0 0 3px {color:text glow outline};
  316. {/block:ifGlowTxt}
  317. {block:ifOutlineTxt}
  318. text-shadow:
  319. -1px -1px 0 {color:text glow outline},
  320. 1px -1px 0 {color:text glow outline},
  321. -1px 1px 0 {color:text glow outline},
  322. 1px 1px 0 {color:text glow outline};
  323. {/block:ifOutlineTxt}
  324. background: {color:bg} url("{image:bg}") fixed;
  325. {block:IfCoverBg}
  326. background-image: url("{image:bg}") no-repeat center center fixed;
  327. -webkit-background-size: cover;
  328. -moz-background-size: cover;
  329. -o-background-size: cover;
  330. background-size: cover;
  331. {/block:IfCoverBg}
  332. -webkit-font-smoothing: antialiased;
  333. text-rendering: optimizeLegibility;
  334. -moz-osx-font-smoothing: grayscale;
  335. }
  336.  
  337. img {max-width: 100%;}
  338. p { margin: 0;}
  339. h1,h2,h3 {margin: 5px 0 5px 0; padding: 5px 0; line-height: 100%;}
  340. blockquote {
  341. margin: 0 0 0 10px;
  342. border-left: 1px solid {color:border};
  343. padding-left: 10px;
  344. }
  345. ul {
  346. margin: 10px;
  347. padding-left: 15px;
  348. list-style: none; /* Remove default bullets */
  349. }
  350.  
  351. ul li::before {
  352. content: "\25A0";
  353. color: {color:border};
  354. {block:ifGlowTxt}
  355. text-shadow: 0 0 3px {color:border};
  356. {/block:ifGlowTxt}
  357. {block:ifOutlineTxt}
  358. text-shadow:
  359. -1px -1px 0 {color:text glow outline},
  360. 1px -1px 0 {color:text glow outline},
  361. -1px 1px 0 {color:text glow outline},
  362. 1px 1px 0 {color:text glow outline};
  363. {/block:ifOutlineTxt}
  364. display: inline-block;
  365. padding-right: 1em;
  366. width: 10px;
  367. margin-left: -15px;
  368. }
  369.  
  370. .material-icons {
  371. font-family: 'Material Icons';
  372. font-weight: normal;
  373. font-style: normal;
  374. font-size: {select:icon size}px;
  375. display: inline-block;
  376. vertical-align: middle;
  377. line-height: 100%;
  378. text-transform: none;
  379. letter-spacing: normal;
  380. word-wrap: normal;
  381. white-space: nowrap;
  382. direction: ltr;
  383.  
  384. /* Support for all WebKit browsers. */
  385. -webkit-font-smoothing: antialiased;
  386. /* Support for Safari and Chrome. */
  387. text-rendering: optimizeLegibility;
  388.  
  389. /* Support for Firefox. */
  390. -moz-osx-font-smoothing: grayscale;
  391.  
  392. /* Support for IE. */
  393. font-feature-settings: 'liga';
  394. }
  395.  
  396. a:link, a:active, a:visited {
  397. color: {color:link};
  398. {block:ifGlowTxt}
  399. text-shadow: 0 0 3px {color:link glow outline};
  400. {/block:ifGlowTxt}
  401. {block:ifOutlineTxt}
  402. text-shadow:
  403. -1px -1px 0 {color:link glow outline},
  404. 1px -1px 0 {color:link glow outline},
  405. -1px 1px 0 {color:link glow outline},
  406. 1px 1px 0 {color:link glow outline};
  407. {/block:ifOutlineTxt}
  408. {block:IfBoldLink}
  409. font-weight: bold;{/block:IfBoldLink}
  410. {block:IfItalicLink}
  411. font-style: italic;{/block:IfItalicLink}
  412. {block:IfNotUnderlineLink}
  413. text-decoration: none;{/block:IfNotUnderlineLink}
  414. {block:IfUnderlineLink}
  415. text-decoration: underline;
  416. {/block:IfUnderlineLink}
  417. -webkit-transition: all 0.4s ease-in-out;
  418. -moz-transition: all 0.4s ease-in-out;
  419. -o-transition: all 0.4s ease-in-out;
  420. -ms-transition: all 0.4s ease-in-out;
  421. transition: all 0.4s ease-in-out;
  422. }
  423.  
  424. .desc a:hover, .link a:hover, .footer a:hover, .tags a:hover, .c a:hover, a:hover {
  425. {block:IfBoldLink}
  426. font-weight: bold;{/block:IfBoldLink}
  427. color: {color:link hover};
  428. {block:ifGlowTxt}
  429. text-shadow: 0 0 3px {color:link hover glow outline};
  430. {/block:ifGlowTxt}
  431. {block:ifOutlineTxt}
  432. text-shadow:
  433. -1px -1px 0 {color:link hover glow outline},
  434. 1px -1px 0 {color:link hover glow outline},
  435. -1px 1px 0 {color:link hover glow outline},
  436. 1px 1px 0 {color:link hover glow outline};
  437. {/block:ifOutlineTxt}
  438. -webkit-transition: all 0.4s ease-in-out;
  439. -moz-transition: all 0.4s ease-in-out;
  440. -o-transition: all 0.4s ease-in-out;
  441. -ms-transition: all 0.4s ease-in-out;
  442. transition: all 0.4s ease-in-out;
  443. }
  444.  
  445. .content {
  446. width: 800px;
  447. margin: 0 auto;
  448. }
  449.  
  450. .title {
  451. text-align: center;
  452. margin-bottom: 30px;
  453. color: {color:title};
  454. font-size: {text:title size}px;
  455. font-family: {text:title font};
  456. {block:ifGlowTxt}
  457. text-shadow: 0 0 2px {color:title glow outline}, 0 0 4px {color:title glow outline};
  458. {/block:ifGlowTxt}
  459. {block:ifOutlineTxt}
  460. text-shadow:
  461. -1px -1px 0 {color:title glow outline},
  462. 1px -1px 0 {color:title glow outline},
  463. -1px 1px 0 {color:title glow outline},
  464. 1px 1px 0 {color:title glow outline};
  465. {/block:ifOutlineTxt}
  466. }
  467.  
  468. .sidebar {
  469. margin-left: -150px;
  470. margin-top: 100px;
  471. position: fixed;
  472. width: {text:sb width}px;
  473. font-size: {text:sb size}px;
  474. color: {color:sb txt};
  475. {block:ifGlowTxt}
  476. text-shadow: 0 0 3px {color:sb txt glow outline};
  477. {/block:ifGlowTxt}
  478. {block:ifOutlineTxt}
  479. text-shadow:
  480. -1px -1px 0 {color:sb txt glow outline},
  481. 1px -1px 0 {color:sb txt glow outline},
  482. -1px 1px 0 {color:sb txt glow outline},
  483. 1px 1px 0 {color:sb txt glow outline};
  484. {/block:ifOutlineTxt}
  485. }
  486.  
  487. .sidebar img {
  488. max-width: 100%;
  489. display: block;
  490. {block:IfShadow}
  491. filter: drop-shadow(10px 10px {color:sb shadow});
  492. {/block:IfShadow}
  493. {block:ifNotNoSbBorder}
  494. border: {select:border size}px {select:border} {color:border};
  495. border-radius: {text:round border}px;
  496. {block:IfRainbowBorder}
  497. --angle: 0deg;
  498. border: {select:border size}px {select:border};
  499. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  500. animation: 7s rotate linear infinite;
  501. {block:IfRainbowBorder}
  502. {/block:ifNotNoSbBorder}
  503. }
  504.  
  505. {block:ifNotNoSbBorder}
  506. {block:IfRainbowBorder}
  507. @keyframes rotate {
  508. to {
  509. --angle: 360deg;}
  510. }
  511.  
  512. @property --angle {
  513. syntax: '<angle>';
  514. initial-value: 0deg;
  515. inherits: false;
  516. }
  517. {/block:IfRainbowBorder}
  518. {/block:ifNotNoSbBorder}
  519.  
  520. .desc {
  521. text-align: center;
  522. margin-top: 10px;
  523. {block:IfShadow}
  524. {block:ifNoSbBorder}
  525. margin-top: 10px;
  526. {/block:ifNoSbBorder}
  527. {block:ifNotNoSbBorder}
  528. margin-top: 20px;
  529. {/block:ifNotNoSbBorder}
  530. {/block:IfShadow}
  531. color: {color:sb txt};
  532. {block:ifGlowTxt}
  533. text-shadow: 0 0 3px {color:sb txt glow outline};
  534. {/block:ifGlowTxt}
  535. {block:ifOutlineTxt}
  536. text-shadow:
  537. -1px -1px 0 {color:sb txt glow outline},
  538. 1px -1px 0 {color:sb txt glow outline},
  539. -1px 1px 0 {color:sb txt glow outline},
  540. 1px 1px 0 {color:sb txt glow outline};
  541. {/block:ifOutlineTxt}
  542. }
  543.  
  544. .desc a {
  545. color: {color:sb link};
  546. {block:ifGlowTxt}
  547. text-shadow: 0 0 3px {color:sb link glow outline};
  548. {/block:ifGlowTxt}
  549. {block:ifOutlineTxt}
  550. text-shadow:
  551. -1px -1px 0 {color:sb link glow outline},
  552. 1px -1px 0 {color:sb link glow outline},
  553. -1px 1px 0 {color:sb link glow outline},
  554. 1px 1px 0 {color:sb link glow outline};
  555. {/block:ifOutlineTxt}
  556. }
  557.  
  558. .link a {
  559. color: {color:sb link};
  560. margin: 0 3px 0 3px;
  561. {block:ifGlowTxt}
  562. text-shadow: 0 0 3px {color:sb link glow outline};
  563. {/block:ifGlowTxt}
  564. {block:ifOutlineTxt}
  565. text-shadow:
  566. -1px -1px 0 {color:sb link glow outline},
  567. 1px -1px 0 {color:sb link glow outline},
  568. -1px 1px 0 {color:sb link glow outline},
  569. 1px 1px 0 {color:sb link glow outline};
  570. {/block:ifOutlineTxt}
  571. }
  572.  
  573. .link {
  574. margin-top: 5px;
  575. {block:ifHideDescription}
  576. margin-top: 10px;
  577. {block:IfShadow}
  578. margin-top: 20px;
  579. {/block:IfShadow}
  580. {/block:ifHideDescription}
  581. text-align: center;
  582. }
  583.  
  584. .link .material-icons {
  585. {block:ifGlowTxt}
  586. text-shadow: 0 0 3px {color:sb icon glow outline};
  587. {/block:ifGlowTxt}
  588. {block:ifOutlineTxt}
  589. text-shadow:
  590. -1px -1px 0 {color:sb icon glow outline},
  591. 1px -1px 0 {color:sb icon glow outline},
  592. -1px 1px 0 {color:sb icon glow outline},
  593. 1px 1px 0 {color:sb icon glow outline};
  594. {/block:ifOutlineTxt}
  595. font-size: {select:sb icon size}px;
  596. color: {color:sb icon};
  597. -webkit-transition: all 0.4s ease-in-out;
  598. -moz-transition: all 0.4s ease-in-out;
  599. -o-transition: all 0.4s ease-in-out;
  600. -ms-transition: all 0.4s ease-in-out;
  601. transition: all 0.4s ease-in-out;
  602. }
  603.  
  604. .link .material-icons:hover {
  605. color: {color:link hover};
  606. {block:ifGlowTxt}
  607. text-shadow: 0 0 3px {color:link hover glow};
  608. {/block:ifGlowTxt}
  609. {block:ifOutlineTxt}
  610. text-shadow:
  611. -1px -1px 0 {color:link hover glow},
  612. 1px -1px 0 {color:link hover glow},
  613. -1px 1px 0 {color:link hover glow},
  614. 1px 1px 0 {color:link hover glow};
  615. {/block:ifOutlineTxt}
  616. -webkit-transition: all 0.4s ease-in-out;
  617. -moz-transition: all 0.4s ease-in-out;
  618. -o-transition: all 0.4s ease-in-out;
  619. -ms-transition: all 0.4s ease-in-out;
  620. transition: all 0.4s ease-in-out;
  621. }
  622.  
  623. .contain {
  624. margin-left: 300px;
  625. margin-top: 30px;
  626. {block:If250px}width: 250px;{/block:If250px}
  627. {block:If400px}width: 400px;{/block:If400px}
  628. {block:IfNot400px}{block:IfNot250px}width: 500px;
  629. {/block:IfNot250px}{/block:IfNot400px}
  630. }
  631.  
  632. .posts {
  633. {block:If250px}width: 250px;{/block:If250px}
  634. {block:If400px}width: 400px;{/block:If400px}
  635. {block:IfNot400px}{block:IfNot250px}width: 500px;
  636. {/block:IfNot250px}{/block:IfNot400px}
  637. margin-bottom: {select:post margin}px;
  638. }
  639.  
  640. .pic img {
  641. max-width: 100%;
  642. display: block;
  643. border: {select:border size}px {select:border} {color:border};
  644. {block:IfShadow}
  645. box-shadow: 10px 10px {color:post shadow};
  646. {/block:IfShadow}
  647. border-radius: {text:round border}px;
  648. {block:IfRainbowBorder}
  649. --angle: 0deg;
  650. border: {select:border size}px {select:border};
  651. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  652. animation: 7s rotate linear infinite;
  653. {block:IfRainbowBorder}
  654. }
  655.  
  656. {block:IfRainbowBorder}
  657. @keyframes rotate {
  658. to {
  659. --angle: 360deg;}
  660. }
  661.  
  662. @property --angle {
  663. syntax: '<angle>';
  664. initial-value: 0deg;
  665. inherits: false;
  666. }
  667. {/block:IfRainbowBorder}
  668.  
  669. [photoset-layout]:hover, .pic img:hover, .sidebar img:hover, .vid:hover {
  670. animation: float 2s ease-in-out infinite;}
  671.  
  672. @keyframes float {
  673. 0% {
  674. transform: translatey(0px);}
  675. 50% {
  676. transform: translatey(-20px);}
  677. 100% {
  678. transform: translatey(0px);}
  679. }
  680.  
  681.  
  682. [photoset-layout] {
  683. grid-gap: {select:photoset gap}px;
  684. {block:IfShadow}
  685. box-shadow: 10px 10px {color:post shadow};
  686. {/block:IfShadow}
  687. border-radius: {text:round border}px;
  688. }
  689.  
  690. [photoset-layout] img {
  691. {block:IfShadow}
  692. filter: drop-shadow(10px 10px {color:post shadow});
  693. {/block:IfShadow}
  694. border-radius: {text:round border}px;
  695. border: {select:border size}px {select:border} {color:border};
  696. {block:IfRainbowBorder}
  697. --angle: 0deg;
  698. border: {select:border size}px {select:border};
  699. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  700. animation: 7s rotate linear infinite;
  701. {block:IfRainbowBorder}
  702. }
  703.  
  704. {block:IfRainbowBorder}
  705. @keyframes rotate {
  706. to {
  707. --angle: 360deg;}
  708. }
  709.  
  710. @property --angle {
  711. syntax: '<angle>';
  712. initial-value: 0deg;
  713. inherits: false;
  714. }
  715. {/block:IfRainbowBorder}
  716.  
  717. .cap {
  718. margin-top: 10px;
  719. }
  720.  
  721. .tumblr_parent {
  722. margin: 20px 0 0 10px;
  723. {block:IfShadow}
  724. margin: 30px 0 0 10px;
  725. {/block:IfShadow}
  726. padding: 0px 10px;
  727. border-left: 1px solid {color:border};
  728. {block:IfRainbowBorder}
  729. --angle: 0deg;
  730. border-left: {select:border size}px {select:border};
  731. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  732. animation: 7s rotate linear infinite;
  733. {block:IfRainbowBorder}
  734. }
  735.  
  736. {block:IfRainbowBorder}
  737. @keyframes rotate {
  738. to {
  739. --angle: 360deg;}
  740. }
  741.  
  742. @property --angle {
  743. syntax: '<angle>';
  744. initial-value: 0deg;
  745. inherits: false;
  746. }
  747. {/block:IfRainbowBorder}
  748.  
  749.  
  750. .footer {
  751. color: {color:footer};
  752. {block:ifGlowTxt}
  753. text-shadow: 0 0 3px {color:footer glow outline};
  754. {/block:ifGlowTxt}
  755. {block:ifOutlineTxt}
  756. text-shadow:
  757. -1px -1px 0 {color:footer glow outline},
  758. 1px -1px 0 {color:footer glow outline},
  759. -1px 1px 0 {color:footer glow outline},
  760. 1px 1px 0 {color:footer glow outline};
  761. {/block:ifOutlineTxt}
  762. margin-top: 10px;
  763. {block:IfShadow}
  764. margin-top: 20px;
  765. {/block:IfShadow}
  766. }
  767.  
  768. .footer a {
  769. color: {color:footer};
  770. {block:ifGlowTxt}
  771. text-shadow: 0 0 3px {color:footer glow outline};
  772. {/block:ifGlowTxt}
  773. {block:ifOutlineTxt}
  774. text-shadow:
  775. -1px -1px 0 {color:footer glow outline},
  776. 1px -1px 0 {color:footer glow outline},
  777. -1px 1px 0 {color:footer glow outline},
  778. 1px 1px 0 {color:footer glow outline};
  779. {/block:ifOutlineTxt}
  780. }
  781.  
  782.  
  783. .controls .material-icons, .info .material-icons {
  784. color: {color:footer};
  785. {block:ifGlowTxt}
  786. text-shadow: 0 0 3px {color:footer glow outline};
  787. {/block:ifGlowTxt}
  788. {block:ifOutlineTxt}
  789. text-shadow:
  790. -1px -1px 0 {color:footer glow outline},
  791. 1px -1px 0 {color:footer glow outline},
  792. -1px 1px 0 {color:footer glow outline},
  793. 1px 1px 0 {color:footer glow outline};
  794. {/block:ifOutlineTxt}
  795. line-height: 100%;
  796. vertical-align: bottom;
  797. }
  798. .controls {
  799. float:right;
  800. display: inline-block;
  801. }
  802.  
  803. .controls a {
  804. position:relative;
  805. display:inline-block;
  806. overflow:hidden;
  807. color: {color:footer};
  808. {block:ifGlowTxt}
  809. text-shadow: 0 0 3px {color:footer glow outline};
  810. {/block:ifGlowTxt}
  811. {block:ifOutlineTxt}
  812. text-shadow:
  813. -1px -1px 0 {color:footer glow outline},
  814. 1px -1px 0 {color:footer glow outline},
  815. -1px 1px 0 {color:footer glow outline},
  816. 1px 1px 0 {color:footer glow outline};
  817. {/block:ifOutlineTxt}
  818. }
  819.  
  820. .controls .like .liked + .material-icons {
  821. opacity:1;
  822. }
  823.  
  824. .controls .like .liked + .material-icons {
  825. color: {color:liked post};
  826. {block:ifGlowTxt}
  827. text-shadow: 0 0 3px {color:liked post};
  828. {/block:ifGlowTxt}
  829. {block:ifOutlineTxt}
  830. text-shadow:
  831. -1px -1px 0 {color:text glow outline},
  832. 1px -1px 0 {color:text glow outline},
  833. -1px 1px 0 {color:text glow outline},
  834. 1px 1px 0 {color:text glow outline};
  835. {/block:ifOutlineTxt}
  836. }
  837.  
  838. .controls .like .like_button {
  839. position:relative;
  840. }
  841.  
  842. .controls .like .like_button iframe {
  843. position:absolute;
  844. top:0;
  845. left:0;
  846. bottom:0;
  847. right:0;
  848. z-index:2;
  849. opacity:0;
  850. }
  851.  
  852. .tags a {
  853. margin-right: 10px;
  854. color: {color:footer};
  855. {block:ifGlowTxt}
  856. text-shadow: 0 0 3px {color:footer glow outline};
  857. {/block:ifGlowTxt}
  858. {block:ifOutlineTxt}
  859. text-shadow:
  860. -1px -1px 0 {color:footer glow outline},
  861. 1px -1px 0 {color:footer glow outline},
  862. -1px 1px 0 {color:footer glow outline},
  863. 1px 1px 0 {color:footer glow outline};
  864. {/block:ifOutlineTxt}
  865. }
  866.  
  867. .tags {
  868. color: {color:footer};
  869. {block:ifGlowTxt}
  870. text-shadow: 0 0 3px {color:footer glow outline};
  871. {/block:ifGlowTxt}
  872. {block:ifOutlineTxt}
  873. text-shadow:
  874. -1px -1px 0 {color:footer glow outline},
  875. 1px -1px 0 {color:footer glow outline},
  876. -1px 1px 0 {color:footer glow outline},
  877. 1px 1px 0 {color:footer glow outline};
  878. {/block:ifOutlineTxt}
  879. margin-top: 10px;
  880. max-height:0px;
  881. line-height:130%;
  882. opacity:0;
  883. -webkit-transition: all 0.7s ease;
  884. transition: all 0.7s ease;
  885. -moz-transition: all 0.7s ease;
  886. -o-transition: all 0.7s ease;
  887. }
  888.  
  889. .posts:hover .tags{
  890. max-height: 250px;
  891. opacity:1;
  892. -webkit-transition: all 0.7s ease;
  893. transition: all 0.7s ease;
  894. -moz-transition: all 0.7s ease;
  895. -o-transition: all 0.7s ease;}
  896.  
  897. ol.notes {
  898. padding: 0px;
  899. margin: 25px 0px;
  900. list-style-type: none;
  901. border: 0;
  902. }
  903.  
  904. ol.notes li.note {
  905. padding: 10px;
  906. }
  907.  
  908. ol.notes li.note img.avatar {
  909. vertical-align: middle;
  910. display: inline-block;
  911. margin-right: 10px;
  912. width: 25px;
  913. height: 25px;
  914. image-rendering: pixelated;
  915. }
  916.  
  917. .pagination {
  918. font-size: {select:icon size}px;
  919. {block:If250px}width: 250px;{/block:If250px}
  920. {block:If400px}width: 400px;{/block:If400px}
  921. {block:IfNot400px}{block:IfNot250px}width: 500px;
  922. {/block:IfNot250px}{/block:IfNot400px}
  923. text-align: center;
  924. margin-bottom: 50px;
  925. }
  926.  
  927. .c {
  928. bottom: 0;
  929. left: 0;
  930. padding: 10px;
  931. font-size: {select:icon size}px;
  932. position: fixed;
  933. transition: all 0.3s ease-out;
  934. -o-transition: all 0.3s ease-out;
  935. -webkit-transition: all 0.3s ease-out;
  936. -moz-transition: all 0.3s ease-out;}
  937.  
  938. .c:hover {
  939. transform: rotate(-20deg);
  940. transition: all 0.3s ease-out;
  941. -o-transition: all 0.3s ease-out;
  942. -webkit-transition: all 0.3s ease-out;
  943. -moz-transition: all 0.3s ease-out;
  944. }
  945.  
  946. .c a {
  947. text-decoration: none;
  948. {block:ifGlowTxt}
  949. text-shadow: 0 0 3px {color:link glow outline};
  950. {/block:ifGlowTxt}
  951. {block:ifOutlineTxt}
  952. text-shadow:
  953. -1px -1px 0 {color:link glow outline},
  954. 1px -1px 0 {color:link glow outline},
  955. -1px 1px 0 {color:link glow outline},
  956. 1px 1px 0 {color:link glow outline};
  957. {/block:ifOutlineTxt}
  958. }
  959.  
  960.  
  961. .spotify_audio_player {
  962. height:80px!important;
  963. width:100%!important;
  964. }
  965.  
  966. .soundcloud_audio_player {
  967. height:150px!important;
  968. width:100%!important;
  969. }
  970.  
  971. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  972. -webkit-filter: opacity(0);
  973. filter: opacity(0);
  974. transition: all 0.3s ease-out;
  975. -o-transition: all 0.3s ease-out;
  976. -webkit-transition: all 0.3s ease-out;
  977. -moz-transition: all 0.3s ease-out;
  978. }
  979.  
  980. .tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
  981. -webkit-filter: opacity(1);
  982. filter: opacity(1);
  983. transition: all 0.3s ease-out;
  984. -o-transition: all 0.3s ease-out;
  985. -webkit-transition: all 0.3s ease-out;
  986. -moz-transition: all 0.3s ease-out;
  987. }
  988.  
  989. #s-m-t-tooltip {
  990. border: 1px solid #888888;
  991. padding: 5px 7px;
  992. background: {color:tooltip bg};
  993. {block:ifGlowTxt}
  994. text-shadow: 0 0 3px {color:tooltip glow outline};
  995. {/block:ifGlowTxt}
  996. {block:ifOutlineTxt}
  997. text-shadow:
  998. -1px -1px 0 {color:tooltip glow outline},
  999. 1px -1px 0 {color:tooltip glow outline},
  1000. -1px 1px 0 {color:tooltip glow outline},
  1001. 1px 1px 0 {color:tooltip glow outline};
  1002. {/block:ifOutlineTxt}
  1003. border: 1px solid {color:tooltip border};
  1004. text-transform: none;
  1005. text-align: center;
  1006. transition: all 0.3s ease-out;
  1007. -o-transition: all 0.3s ease-out;
  1008. -webkit-transition: all 0.3s ease-out;
  1009. -moz-transition: all 0.3s ease-out;
  1010. color: {color:tooltip txt};
  1011. font-family: {text:font family};
  1012. font-size: {select:font size}px;
  1013. max-width: 200px;
  1014. word-wrap: break-word;
  1015. display: block;
  1016. margin: -40px 0px -10px 10px;
  1017. z-index: 999999999999;
  1018. {block:IfRainbowBorder}
  1019. --angle: 0deg;
  1020. border: 1px {select:border};
  1021. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  1022. animation: 7s rotate linear infinite;
  1023. {block:IfRainbowBorder}
  1024. }
  1025.  
  1026. {block:IfRainbowBorder}
  1027. @keyframes rotate {
  1028. to {
  1029. --angle: 360deg;}
  1030. }
  1031.  
  1032. @property --angle {
  1033. syntax: '<angle>';
  1034. initial-value: 0deg;
  1035. inherits: false;
  1036. }
  1037. {/block:IfRainbowBorder}
  1038.  
  1039.  
  1040. .q {
  1041. margin: 0;
  1042. padding: 10px;
  1043. border: {select:border size}px {select:border} {color:border};
  1044. min-height: 45px;
  1045. overflow: auto;
  1046. overflow-x: hidden;
  1047. {block:IfShadow}
  1048. box-shadow: 10px 10px {color:post shadow};
  1049. {/block:IfShadow}
  1050. border-radius: {text:round border}px;
  1051. {block:IfRainbowBorder}
  1052. --angle: 0deg;
  1053. border: {select:border size}px {select:border};
  1054. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  1055. animation: 7s rotate linear infinite;
  1056. {block:IfRainbowBorder}
  1057. }
  1058.  
  1059. {block:IfRainbowBorder}
  1060. @keyframes rotate {
  1061. to {
  1062. --angle: 360deg;}
  1063. }
  1064.  
  1065. @property --angle {
  1066. syntax: '<angle>';
  1067. initial-value: 0deg;
  1068. inherits: false;
  1069. }
  1070. {/block:IfRainbowBorder}
  1071.  
  1072.  
  1073.  
  1074. .a {
  1075. margin: 20px 0px 10px 0px;
  1076. padding: 10px;
  1077. border: {select:border size}px {select:border} {color:border};
  1078. max-height: 150px;
  1079. overflow: auto;
  1080. overflow-x: hidden;
  1081. {block:IfShadow}
  1082. box-shadow: 10px 10px {color:post shadow};
  1083. {/block:IfShadow}
  1084. border-radius: {text:round border}px;
  1085. {block:IfRainbowBorder}
  1086. --angle: 0deg;
  1087. border: {select:border size}px {select:border};
  1088. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  1089. animation: 7s rotate linear infinite;
  1090. {block:IfRainbowBorder}
  1091. }
  1092.  
  1093. {block:IfRainbowBorder}
  1094. @keyframes rotate {
  1095. to {
  1096. --angle: 360deg;}
  1097. }
  1098.  
  1099. @property --angle {
  1100. syntax: '<angle>';
  1101. initial-value: 0deg;
  1102. inherits: false;
  1103. }
  1104. {/block:IfRainbowBorder}
  1105.  
  1106. .omg img {
  1107. border: {select:border size}px {select:border} {color:border};
  1108. {block:IfShadow}
  1109. box-shadow: 10px 10px {color:post shadow};
  1110. {/block:IfShadow}
  1111. border-radius: {text:round border}px;
  1112. {block:IfRainbowBorder}
  1113. --angle: 0deg;
  1114. border: {select:border size}px {select:border};
  1115. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  1116. animation: 7s rotate linear infinite;
  1117. {block:IfRainbowBorder}
  1118. }
  1119.  
  1120. {block:IfRainbowBorder}
  1121. @keyframes rotate {
  1122. to {
  1123. --angle: 360deg;}
  1124. }
  1125.  
  1126. @property --angle {
  1127. syntax: '<angle>';
  1128. initial-value: 0deg;
  1129. inherits: false;
  1130. }
  1131. {/block:IfRainbowBorder}
  1132.  
  1133. .vid {
  1134.  
  1135. {block:IfShadow}
  1136. box-shadow: 10px 10px {color:post shadow};
  1137. {/block:IfShadow}
  1138. border: {select:border size}px {select:border} {color:border};
  1139. {block:IfRainbowBorder}
  1140. --angle: 0deg;
  1141. border: {select:border size}px {select:border};
  1142. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  1143. animation: 7s rotate linear infinite;
  1144. {block:IfRainbowBorder}
  1145. }
  1146.  
  1147. {block:IfRainbowBorder}
  1148. @keyframes rotate {
  1149. to {
  1150. --angle: 360deg;}
  1151. }
  1152.  
  1153. @property --angle {
  1154. syntax: '<angle>';
  1155. initial-value: 0deg;
  1156. inherits: false;
  1157. }
  1158. {/block:IfRainbowBorder}
  1159.  
  1160. iframe {
  1161. max-width: 100%;
  1162. border-radius: {text:round border}px;
  1163. }
  1164.  
  1165. </style>
  1166.  
  1167. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1168.  
  1169. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  1170. <script>
  1171. (function($){
  1172. $(document).ready(function(){
  1173. $("[title]").style_my_tooltips();
  1174. });
  1175. })(jQuery);
  1176. </script>
  1177.  
  1178. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  1179. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1180. <script> $(function(){ $('.posts').unnest({
  1181. yourCaption: ".cap",
  1182. wrapName: ".tumblr_parent",
  1183. newCaptionUsername: false,
  1184. originalPostCaptionUsername: false,
  1185. tumblrAvatars: false,
  1186. tumblrAvatarClass: ".tumblr_avatar",
  1187. usernameColon: false
  1188. }); }); </script>
  1189.  
  1190. </HEAD>
  1191.  
  1192. <body>
  1193.  
  1194. <div class="c">
  1195. <a href="https://sadthemes.tumblr.com/" style="font-style: normal;" data-toggle="tooltip" title="sadthm"><span class="material-icons">
  1196. games
  1197. </span></a>
  1198. </div>
  1199.  
  1200. <div class="content">
  1201. <div class="sidebar">
  1202. <center><a href="/"><img src="{image:sb}"></a></center>
  1203. {block:ifNotHideDescription}
  1204. <div class="desc">
  1205. {text:description}
  1206. </div>
  1207. {/block:ifNotHideDescription}
  1208.  
  1209. {block:ifNotHideLinks}
  1210. <div class="link">
  1211. {block:ifNotSbIcon}
  1212. <a href="{text:link 1 URL}">{text:link 1}</a>
  1213. <a href="{text:link 2 URL}">{text:link 2}</a>
  1214. <a href="{text:link 3 URL}">{text:link 3}</a>
  1215. <a href="{text:link 4 URL}">{text:link 4}</a>
  1216. {/block:ifNotSbIcon}
  1217.  
  1218. {block:ifSbIcon}
  1219. <a href="{text:link 1 URL}"><span class="material-icons">
  1220. {text:icon 1}
  1221. </span></a>
  1222. <a href="{text:link 2 URL}"><span class="material-icons">
  1223. {text:icon 2}
  1224. </span></a>
  1225. <a href="{text:link 3 URL}"><span class="material-icons">
  1226. {text:icon 3}
  1227. </span></a>
  1228. <a href="{text:link 4 URL}"><span class="material-icons">
  1229. {text:icon 4}
  1230. </span></a>
  1231. {/block:ifSbIcon}
  1232. </div>
  1233. {/block:ifNotHideLinks}
  1234. </div>
  1235.  
  1236. <div class="contain">
  1237. {block:ifNotHideTitle}
  1238. <div class="title">{text:title}</div>
  1239. {/block:ifNotHideTitle}
  1240.  
  1241. {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  1242. <div class="posts">
  1243.  
  1244. {block:Text}
  1245. {block:Title}<h1>{Title}</h1>{/block:Title}
  1246. {Body}
  1247. {/block:Text}
  1248.  
  1249. {block:Photo}
  1250. {block:IndexPage}
  1251. <div class="pic">
  1252. <a href="{Permalink}">
  1253. {block:If250px}<img src="{PhotoURL-250}"/>{/block:If250px}
  1254. {block:If400px}<img src="{PhotoURL-400}"/>{/block:If400px}
  1255. {block:IfNot400px}{block:IfNot250px}<img src="{PhotoURL-500}"/>
  1256. {/block:IfNot250px}{/block:IfNot400px}
  1257. </a></div>
  1258. {/block:IndexPage}
  1259. {block:PermalinkPage}
  1260. <div class="pic">
  1261. {LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}
  1262. </div>
  1263. {/block:PermalinkPage}
  1264. {/block:Photo}
  1265.  
  1266. {block:Photoset}
  1267. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  1268. {/block:Photoset}
  1269.  
  1270. {block:Audio}
  1271. {block:AudioEmbed}
  1272. <div class="vid" style="border-radius: {text:round border}px;">
  1273. <div style="height: 85px">
  1274. {block:If250px}{AudioEmbed-250}{/block:If250px}
  1275. {block:If400px}{AudioEmbed-400}{/block:If400px}
  1276. {block:IfNot400px}{block:IfNot250px}{AudioEmbed-500}
  1277. {/block:IfNot250px}{/block:IfNot400px}
  1278. </div></div>
  1279. {/block:AudioEmbed}
  1280. {/block:Audio}
  1281.  
  1282. {block:Video}
  1283. <div class="vid" style="border-radius: {text:round border}px;">
  1284. {block:If250px}{VideoEmbed-250}{/block:If250px}
  1285. {block:If400px}{VideoEmbed-400}{/block:If400px}
  1286. {block:IfNot400px}{block:IfNot250px}{VideoEmbed-500}
  1287. {/block:IfNot250px}{/block:IfNot400px}
  1288. </div>
  1289. {/block:Video}
  1290.  
  1291. {block:Answer}
  1292. <div class="omg">
  1293. <img src="{AskerPortraitURL-64}" style=" margin-right: 20px; float: left; display: block;"></div>
  1294. <div class="q">{Asker} said: {Question}</div>
  1295. {block:Answerer}
  1296. <div class="omg">
  1297. <img src="{AnswererPortraitURL-64}" style="float: right; margin-top: 20px; margin-left: 20px; vertical-align: top; display: block; "></div>
  1298. {/block:Answerer}
  1299. <div class="a">{Answer}</div>
  1300. {/block:Answer}
  1301.  
  1302. {block:Quote}
  1303. <p>&#8220;{Quote}&#8221;</p>
  1304. {block:Source}<p>&mdash; {Source}</p>{/block:Source}
  1305. {/block:Quote}
  1306.  
  1307. {block:Link}
  1308. <a href="{URL}" target="blank"><h1>{Name}</h1></a>
  1309. {block:Description}{Description}{/block:Description}
  1310. {/block:Link}
  1311.  
  1312. {block:Chat}
  1313. {block:Title}<h1>{Title}</h1>{/block:Title}
  1314. {block:Lines}
  1315. <div class="{Alt} user_{UserNumber}">
  1316. {block:Label}{Label}{/block:Label} {Line}
  1317. </div>
  1318. {/block:Lines}
  1319. {/block:Chat}
  1320.  
  1321. {block:ifNotHideCaption}
  1322. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div>
  1323. {/block:ifNotHideCaption}
  1324.  
  1325. {block:IndexPage}
  1326. <div class="footer">
  1327. <a href="{Permalink}" title="{TimeAgo}">
  1328. <span class="material-icons">
  1329. schedule
  1330. </span></a>
  1331.  
  1332. <div class="controls">
  1333. <a href="#" title="like"class="like">{LikeButton}<span class="material-icons">
  1334. favorite_border
  1335. </span>
  1336. </a>
  1337.  
  1338. <a href="{ReblogURL}" title="reblog"><span class="material-icons">
  1339. autorenew
  1340. </span></a>
  1341. </div></div>
  1342.  
  1343. {block:ifNotHideTags}
  1344. {block:HasTags}
  1345. <div class="tags">
  1346. <span class="material-icons">
  1347. sell
  1348. </span>
  1349. {block:Tags}
  1350. <a href="{TagURL}">{Tag}</a>
  1351. {/block:Tags}
  1352. </div>
  1353. {/block:HasTags}
  1354. {/block:ifNotHideTags}
  1355. {/block:IndexPage}
  1356.  
  1357. {block:PermalinkPage}
  1358.  
  1359. {block:ifHideCaption}
  1360. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1361. {/block:ifHideCaption}
  1362.  
  1363. <p style="margin-top: 20px">{block:NoteCount}<span class="material-icons">
  1364. favorite</span> <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  1365. {block:RebloggedFrom}
  1366. <span class="material-icons">
  1367. launch</span> <a href="{ReblogParentURL}" data-toggle="tooltip" title="via">{ReblogParentName}</a> {/block:RebloggedFrom}
  1368. {block:ContentSource}
  1369. <span class="material-icons">copyright</span> <a href="{SourceURL}">{SourceTitle}</a>
  1370. {/block:ContentSource}</p>
  1371.  
  1372. {block:HasTags}
  1373. <p style="margin-top: 10px"><span class="material-icons" style="font-size: 24px;">local_offer</span> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  1374. </p>
  1375.  
  1376. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  1377. {/block:PermalinkPage}
  1378. {block:ContentSource}
  1379. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1380. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1381. {/block:SourceLogo}
  1382. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1383. {/block:ContentSource}
  1384.  
  1385. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1386.  
  1387. </div> <!-- posts -->
  1388. {/block:Posts}
  1389.  
  1390. {block:IndexPage}
  1391. <div class="pagination">
  1392. {block:PreviousPage}<a href="{PreviousPage}"><span class="material-icons">
  1393. arrow_back
  1394. </span></a> {/block:PreviousPage}
  1395.  
  1396. {CurrentPage} of {TotalPages}
  1397. {block:NextPage}<a href="{NextPage}"><span class="material-icons">
  1398. arrow_forward
  1399. </span></a></p>{/block:NextPage}
  1400. </div>{/block:IndexPage}
  1401. </div> <!-- container 4 post -->
  1402. </div> <!-- content -->
  1403.  
  1404. <script type="text/javascript">
  1405. $('.sidebar').hide().fadeIn(1000);
  1406. $('.posts').hide().fadeIn(3000);
  1407. </script>
  1408.  
  1409.  
  1410. <script>
  1411. $(document).ready(function() {
  1412. // audio player
  1413. var $audio = $('iframe.tumblr_audio_player');
  1414. $audio.load(function() {
  1415. $(this).contents().find('head').append('<style type="text/css">' +
  1416. '.audio-player { border-radius: {text:round border}px 0px 0px {text:round border}px !important; background: transparent; color: {color:text} !important; }' +
  1417. '.audio-player .audio-info .track-artist { color: {color:link} !important; }' +
  1418. '</style>');
  1419. });
  1420. });
  1421. </script>
  1422.  
  1423. </BODY>
  1424.  
  1425. </HTML>
  1426.  
  1427.  
  1428.  
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!