API tools faq
paste
Advertisement
uchihaclan

basic grid ayy theme

uchihaclan
Aug 30th, 2021 (edited)
1,790
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.29 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---
  3.  
  4. basic grid ayy by @ps1
  5.  
  6. script credits
  7. new post format image fix
  8. https://glenthemes.tumblr.com/post/638038350689976320/npf-mobile-photoset-fix-by-glenthemes-new
  9.  
  10. cool photosets
  11. https://annasthms.github.io/photosets/
  12. --->
  13.  
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
  23.  
  24. <script src="//npf-images-v3.github.io/script.js"></script>
  25. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  26. <style tmblr-npf>
  27. :root {
  28. --NPF-Caption-Spacing:1em;
  29. --NPF-Image-Spacing:4px;
  30. }
  31. </style>
  32.  
  33. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  34.  
  35. <!--- Add Custom Fonts Here (like Google Fonts) --->
  36.  
  37. <!--- Then add Font name to the 'Font Family' in Theme Options Area --->
  38.  
  39. <meta name="image:favicon" content=""/>
  40. <meta name="image:header" content="https://i.imgur.com/djMB4lb.png"/>
  41. <meta name="image:background" content=""/>
  42. <meta name="image:dropdown pxl" content="https://i.imgur.com/SSWV90T.gif"/>
  43. <meta name="image:theme credit pxl" content="https://i.imgur.com/SSWV90T.gif"/>
  44. <meta name="image:cursor" content="https://i.imgur.com/7LbphiL.png"/>
  45.  
  46. <meta name="color:background" content="#ddd">
  47. <meta name="color:icon" content="#fff">
  48. <meta name="color:header" content="#fff">
  49. <meta name="color:posts" content="#fff">
  50. <meta name="color:shadow" content="#ccc">
  51. <meta name="color:title" content="#000">
  52. <meta name="color:title glow outline" content="#000">
  53. <meta name="color:header txt" content="#000">
  54. <meta name="color:header glow outline" content="#000">
  55. <meta name="color:header links" content="#000">
  56. <meta name="color:header links glow outline" content="#000">
  57. <meta name="color:post font" content="#000">
  58. <meta name="color:post glow outline" content="#000">
  59. <meta name="color:post links" content="#ff0000">
  60. <meta name="color:post links glow outline" content="#0000ff">
  61. <meta name="color:links hover" content="#0000ff">
  62. <meta name="color:footer bg" content="#ddd">
  63. <meta name="color:footer links" content="#000">
  64. <meta name="color:footer glow outline" content="#000">
  65. <meta name="color:tooltip bg" content="#fff">
  66. <meta name="color:tooltip color" content="#000">
  67. <meta name="color:tooltip glow outline" content="#000">
  68. <meta name="color:select bg" content="#000">
  69. <meta name="color:select txt" content="#fff">
  70. <meta name="color:border" content="#000">
  71.  
  72. <meta name="select:border" content="solid"/>
  73. <meta name="select:border" content="dashed"/>
  74. <meta name="select:border" content="dotted"/>
  75. <meta name="select:border" content="double"/>
  76. <meta name="select:border" content="inset"/>
  77. <meta name="select:border" content="outset"/>
  78. <meta name="select:border" content="ridge"/>
  79. <meta name="select:border" content="groove"/>
  80.  
  81. <meta name="select:border size" content="1"/>
  82. <meta name="select:border size" content="2"/>
  83. <meta name="select:border size" content="3"/>
  84. <meta name="select:border size" content="4"/>
  85. <meta name="select:border size" content="5"/>
  86. <meta name="select:border size" content="0"/>
  87.  
  88. <meta name="select:icon size" content="100px"/>
  89. <meta name="select:icon size" content="150px"/>
  90. <meta name="select:icon size" content="200px"/>
  91. <meta name="select:icon size" content="300px"/>
  92. <meta name="select:icon size" content="400px"/>
  93. <meta name="select:icon size" content="500px"/>
  94. <meta name="select:icon size" content="600px"/>
  95. <meta name="select:icon size" content="800px"/>
  96. <meta name="select:icon size" content="auto"/>
  97.  
  98. <meta name="select:desc size" content="100px"/>
  99. <meta name="select:desc size" content="150px"/>
  100. <meta name="select:desc size" content="200px"/>
  101. <meta name="select:desc size" content="300px"/>
  102. <meta name="select:desc size" content="400px"/>
  103. <meta name="select:desc size" content="500px"/>
  104. <meta name="select:desc size" content="600px"/>
  105. <meta name="select:desc size" content="800px"/>
  106.  
  107. <meta name="text:font family" content="consolas">
  108. <meta name="text:font size" content="14">
  109. <meta name="text:title" content="TITLE">
  110. <meta name="text:title size" content="22">
  111. <meta name="text:description" content="DESCRIPTION">
  112.  
  113. <meta name="if:wobbly txt" content="0" />
  114. <meta name="if:icon padding" content="0" />
  115. <meta name="if:dropdown pxl" content="0" />
  116. <meta name="if:transparent posts" content="0" />
  117. <meta name="if:shadow" content="0" />
  118. <meta name="if:round border" content="0" />
  119. <meta name="if:tile background" content="0" />
  120. <meta name="if:glow text" content="0" />
  121. <meta name="if:outline text" content="0" />
  122. <meta name="if:links underline" content="0"/>
  123. <meta name="if:bold links" content="0"/>
  124. <meta name="if:italic links" content="0"/>
  125. <meta name="if:custom cursor" content="0" />
  126. <meta name="if:xp scrollbar" content="0" />
  127. <meta name="if:dark scrollbar" content="0" />
  128. <meta name="if:hide title" content="0"/>
  129. <meta name="if:hide desc" content="0"/>
  130. <meta name="if:hide links" content="0"/>
  131. <meta name="if:redirect" content="0" />
  132. <meta name="if:hide caption" content="0"/>
  133. <meta name="if:hide tags" content="0" />
  134.  
  135. <meta name="text:redirect link" content="/tagged/0">
  136. <meta name="text:dropdown" content="+"/>
  137. <meta name="text:link 1" content="ONE">
  138. <meta name="text:link 1 URL" content="/">
  139. <meta name="text:link 2" content="TWO">
  140. <meta name="text:link 2 URL" content="/">
  141. <meta name="text:link 3" content="THREE">
  142. <meta name="text:link 3 URL" content="/">
  143. <meta name="text:link 4" content="FOUR">
  144. <meta name="text:link 4 URL" content="/">
  145.  
  146. <style type="text/css">
  147.  
  148. ::-moz-selection {
  149. background: {color:select bg};
  150. color: {color:select txt};}
  151.  
  152. ::selection {
  153. background: {color:select bg};
  154. color: {color:select txt};}
  155.  
  156. #s-m-t-tooltip {
  157. z-index: 999999999;
  158. background-color: {color:tooltip bg};
  159. border: 1px {select:border} {color:border};
  160. color: {color:tooltip color};
  161. font-size: {text:Font Size}px;
  162. text-align: center;
  163. {block:ifRoundBorder}
  164. border-radius: 3px;
  165. {/block:ifRoundBorder}
  166. {block:IfGlowText}
  167. text-shadow: 0 0 1px {color:tooltip glow outline}, 0 0 3px {color:tooltip glow outline};
  168. {/block:IfGlowText}
  169. {block:IfOutlineText}
  170. text-shadow: -1px 0 {color:tooltip glow outline}, 0 1px {color:tooltip glow outline}, 1px 0 {color:tooltip glow outline}, 0 -1px {color:tooltip glow outline};
  171. {/block:IfOutlineText}
  172. transition: all 0.3s ease-out;
  173. -o-transition: all 0.3s ease-out;
  174. -webkit-transition: all 0.3s ease-out;
  175. -moz-transition: all 0.3s ease-out;
  176. text-transform: normal;
  177. max-width: 300px;
  178. display: block;
  179. word-wrap: break-word;
  180. padding: 3px 5px 3px 5px;
  181. margin: -30px 0px 10px 20px;}
  182.  
  183. body {
  184. margin: 0;
  185. background: {color:background};
  186. background-image: url({image:background});
  187. background-attachment: fixed;
  188. {block:IfNotTileBackground}
  189. -webkit-background-size: cover;
  190. -moz-background-size: cover;
  191. -o-background-size: cover;
  192. background-size: cover;
  193. {/block:IfNotTileBackground}
  194. font-family: '{text:font family}';
  195. font-size: {text:font size}px;
  196. color: {color:post font};
  197. line-height: 130%;
  198. word-wrap: break-word;
  199. overflow-x:hidden;
  200. {block:IfGlowText}
  201. text-shadow: 0 0 1px {color:post glow outline}, 0 0 3px {color:post glow outline};
  202. {/block:IfGlowText}
  203. {block:IfOutlineText}
  204. text-shadow: -1px 0 {color:post glow outline}, 0 1px {color:post glow outline}, 1px 0 {color:post glow outline}, 0 -1px {color:post glow outline};
  205. {/block:IfOutlineText}}
  206.  
  207. {block:IfCustomCursor}
  208. body, *, a, a:hover { cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
  209. p {margin: 0px;}
  210. ul {list-style: square;}
  211. img {max-width: 100%;}
  212. h1, h2, h3, h4, h5, h6 {line-height: 100%;}
  213.  
  214. a:link, a:active, a:visited {
  215. color: {color:post links};
  216. {block:IfGlowText}
  217. text-shadow: 0 0 2px {color:post links glow outline}, 0 0 2px {color:post links glow outline};
  218. {/block:IfGlowText}
  219. {block:IfOutlineText}
  220. text-shadow: -1px 0 {color:post links glow outline}, 0 1px {color:post links glow outline}, 1px 0 {color:post links glow outline}, 0 -1px {color:post links glow outline};
  221. {/block:IfOutlineText}
  222. {block:IfNotLinksUnderline}
  223. text-decoration: none;{/block:IfNotLinksUnderline}
  224. {block:IfLinksUnderline}
  225. text-decoration: underline;{/block:IfLinksUnderline}
  226. {block:IfBoldLinks}font-weight: bold;{/block:IfBoldLinks}
  227. {block:IfItalicLinks}font-style: italic;{/block:IfItalicLinks}
  228. -webkit-transition: all 0.2s ease-in-out;
  229. -moz-transition: all 0.2s ease-in-out;
  230. -o-transition: all 0.2s ease-in-out;
  231. -ms-transition: all 0.2s ease-in-out;
  232. transition: all 0.2s ease-in-out;}
  233.  
  234. .tags a:hover, #notes a:hover, .title a:hover, #sidebar a:hover, a:hover {
  235. color: {color:Links Hover};
  236. {block:IfGlowText}
  237. text-shadow: 0 0 2px {color:post links}, 0 0 2px {color:post links};
  238. {/block:IfGlowText}
  239. {block:IfOutlineText}
  240. text-shadow: -1px 0 {color:post links}, 0 1px {color:post links}, 1px 0 {color:post links}, 0 -1px {color:post links};
  241. {/block:IfOutlineText}
  242. text-decoration: none;
  243. -webkit-transition: all 0.2s ease-in-out;
  244. -moz-transition: all 0.2s ease-in-out;
  245. -o-transition: all 0.2s ease-in-out;
  246. -ms-transition: all 0.2s ease-in-out;
  247. transition: all 0.2s ease-in-out;}
  248.  
  249. {block:IfNotXPScrollbar}{block:IfNotDarkScrollbar}
  250. ::-webkit-scrollbar {
  251. width:15px; height:15px;} /* made by @ps1 */
  252. ::-webkit-scrollbar-track {
  253. background-image: url(https://i.imgur.com/n1kAWKU.png);}
  254. ::-webkit-scrollbar-thumb {
  255. background-image: url(https://i.imgur.com/KePIOiE.png);
  256. border-top: 1px solid #D4D0C8; border-bottom: 1px solid #808080;}
  257. ::-webkit-scrollbar-button:vertical:decrement {
  258. background-image: url(https://i.imgur.com/ZF6PC55.png);
  259. width: 15px; height: 15px;}
  260. ::-webkit-scrollbar-button:vertical:increment {
  261. background-image: url(https://i.imgur.com/sMOMkQ7.png);
  262. width: 15px; height: 15px;}
  263. {/block:IfNotDarkScrollbar}{/block:IfNotXPScrollbar}
  264.  
  265. {block:IfDarkScrollbar}
  266. ::-webkit-scrollbar {
  267. width:15px; height:15px;} /* made by @ps1 */
  268. ::-webkit-scrollbar-track {
  269. background-image: url(https://i.imgur.com/1wwyNgR.png);}
  270. ::-webkit-scrollbar-thumb {
  271. background-image: url(https://i.imgur.com/3twDfJb.png);
  272. border-top: 1px solid #111; border-bottom: 1px solid #000;}
  273. ::-webkit-scrollbar-button:vertical:decrement {
  274. background-image: url(https://i.imgur.com/pSpgQbq.png);
  275. width: 15px; height: 15px;}
  276. ::-webkit-scrollbar-button:vertical:increment {
  277. background-image: url(https://i.imgur.com/IzbYg9x.png);
  278. width: 15px; height: 15px;}
  279. {/block:IfDarkScrollbar}
  280.  
  281. {block:IfXPScrollbar}
  282. ::-webkit-scrollbar {
  283. width:16px; height:16px;} /* made by @ps1 */
  284. ::-webkit-scrollbar-track {
  285. background-color: #F7F5EE;}
  286. ::-webkit-scrollbar-thumb {
  287. background-image: url(https://i.imgur.com/CKou08s.png);
  288. border-top: 1px solid #BBCDF5; border-bottom: 1px solid #7C9FD3;
  289. border-radius: 3px;
  290. }
  291. ::-webkit-scrollbar-button:vertical:decrement {
  292. background-image: url(https://i.imgur.com/ObVjKL6.png);
  293. width: 16px; height: 17px;}
  294. ::-webkit-scrollbar-button:vertical:increment {
  295. background-image: url(https://i.imgur.com/1879VtO.png);
  296. width: 16px; height: 17px;}
  297. {/block:IfXPScrollbar}
  298.  
  299. #content {
  300. margin: 50px auto;
  301.  
  302.  
  303. }
  304.  
  305. /* sidebar style obvi */
  306.  
  307. #sidebar {
  308. color: {color:header txt};
  309. text-align: center;
  310. }
  311.  
  312. #sidebar a {
  313. color: {color:header links};
  314. {block:IfGlowText}
  315. text-shadow: 0 0 1px {color:header links glow outline}, 0 0 3px {color:header links glow outline};
  316. {/block:IfGlowText}
  317. {block:IfOutlineText}
  318. text-shadow: -1px 0 {color:header links glow outline}, 0 1px {color:header links glow outline}, 1px 0 {color:header links glow outline}, 0 -1px {color:header links glow outline};
  319. {/block:IfOutlineText}
  320. }
  321.  
  322. #sidebar img {
  323. border: {select:border size}px {select:border} {color:border};
  324. {block:IfIconPadding}padding: 5px;{/block:IfIconPadding}
  325. background-color: {color:icon};
  326. {block:IfTransparentPosts}
  327. background-color: transparent;
  328. {/block:IfTransparentPosts}
  329.  
  330. }
  331.  
  332. .desc {
  333. background-color: {color:header};
  334. {block:IfTransparentPosts}
  335. background-color: transparent;
  336. {/block:IfTransparentPosts}
  337. margin-top: 20px;
  338. padding: 5px 0px 5px 0px;
  339. width: {select:desc size};
  340. border: {select:border size}px {select:border} {color:border};
  341. {block:ifShadow}
  342. {block:IfTransparentPosts}
  343. filter: drop-shadow(0);
  344. {/block:IfTransparentPosts}
  345. {block:IfNotTransparentPosts}
  346. filter: drop-shadow(7px 7px 0px {color:shadow});
  347. {/block:IfNotTransparentPosts}
  348. {/block:ifShadow}
  349. {block:ifRoundBorder}
  350. border-radius: 4px;
  351. {/block:ifRoundBorder}
  352. {block:IfGlowText}
  353. text-shadow: 0 0 1px {color:header glow outline}, 0 0 3px {color:header glow outline};
  354. {/block:IfGlowText}
  355. {block:IfOutlineText}
  356. text-shadow: -1px 0 {color:header glow outline}, 0 1px {color:header glow outline}, 1px 0 {color:header glow outline}, 0 -1px {color:header glow outline};
  357. {/block:IfOutlineText}
  358. }
  359. .linkz {
  360. {block:IfNotHideDesc}
  361. margin-top: 5px;
  362. {/block:IfNotHideDesc}
  363. }
  364.  
  365. .linkz ul {
  366. list-style-type: none;
  367. padding: 0;
  368. display: none;
  369. }
  370.  
  371.  
  372. .linkz ul li a {
  373. display: block;
  374. }
  375.  
  376.  
  377.  
  378. .title {
  379. margin-bottom: 20px;
  380. text-align: center;
  381. font-size: {text:title size}px;
  382. }
  383.  
  384. .title a {
  385. {block:IfWobblyTxt}
  386. text-decoration: none;{/block:IfWobblyTxt}
  387. color: {color:title};
  388. {block:IfGlowText}
  389. text-shadow: 0 0 1px {color:title glow outline}, 0 0 3px {color:title glow outline};
  390. {/block:IfGlowText}
  391. {block:IfOutlineText}
  392. text-shadow: -1px 0 {color:title glow outline}, 0 1px {color:title glow outline}, 1px 0 {color:title glow outline}, 0 -1px {color:title glow outline};
  393. {/block:IfOutlineText}
  394. }
  395.  
  396.  
  397. /* post style obvi */
  398.  
  399. #container {
  400. margin: auto;
  401. width: 900px;
  402. column-count: 2;
  403. column-gap: 50px;
  404. margin-top: 30px;
  405. }
  406.  
  407. .posts {
  408. border: {select:border size}px {select:border} {color:border};
  409. background-color: {color:posts};
  410. {block:IfTransparentPosts}
  411. background-color: transparent;
  412. {/block:IfTransparentPosts}
  413. {block:ifShadow}
  414. {block:IfTransparentPosts}
  415. filter: drop-shadow(0);
  416. {/block:IfTransparentPosts}
  417. {block:IfNotTransparentPosts}
  418. filter: drop-shadow(7px 7px 0px {color:shadow});
  419. {/block:IfNotTransparentPosts}
  420. {/block:ifShadow}
  421. {block:ifRoundBorder}
  422. border-radius: 4px;
  423. {/block:ifRoundBorder}
  424. margin-bottom: 50px;
  425. width: 400px;
  426. padding: 10px;
  427. position: relative;
  428. text-align: left;
  429. break-inside: avoid;
  430. display:inline-block;
  431.  
  432. {block:PermalinkPage}
  433. margin-left: 230px;
  434. {/block:PermalinkPage}
  435. }
  436.  
  437. .posts blockquote {
  438. margin: 0 0 5px 10px;
  439. padding: 5px 0 0 5px;
  440. border-left: 1px {select:border} {color:border};
  441. word-wrap: break-word;
  442. word-break: break-word;
  443. }
  444.  
  445. .pic img {
  446. -webkit-transition: all 0.5s ease-in-out;
  447. transition: all 0.5s ease-in-out;
  448. -moz-transition: all 0.5s ease-in-out;
  449. -o-transition: all 0.5s ease-in-out;
  450. display: block;
  451. }
  452.  
  453. .pic img:hover {
  454. border: 0px inset {color:border};
  455. filter: blur(2px);
  456. -webkit-transition: all 0.5s ease-in-out;
  457. transition: all 0.5s ease-in-out;
  458. -moz-transition: all 0.5s ease-in-out;
  459. -o-transition: all 0.5s ease-in-out;
  460. }
  461.  
  462. .cap {
  463. margin-top: 10px;
  464. }
  465.  
  466.  
  467.  
  468. [photoset-layout] {
  469. grid-gap: 0px;
  470. }
  471.  
  472.  
  473. [photoset-layout] img {
  474. -webkit-transition: all 0.5s ease-in-out;
  475. transition: all 0.5s ease-in-out;
  476. -moz-transition: all 0.5s ease-in-out;
  477. -o-transition: all 0.5s ease-in-out;
  478. }
  479.  
  480. [photoset-layout] img:hover {
  481. filter: blur(2px);
  482. -webkit-transition: all 0.5s ease-in-out;
  483. transition: all 0.5s ease-in-out;
  484. -moz-transition: all 0.5s ease-in-out;
  485. -o-transition: all 0.5s ease-in-out;
  486. }
  487.  
  488.  
  489.  
  490.  
  491. #notes {
  492. text-align: right;
  493. margin-top: 10px;
  494. background: {color:footer bg};
  495. {block:IfTransparentPosts}
  496. background-color: transparent;
  497. {/block:IfTransparentPosts}
  498. {block:ifRoundBorder}
  499. border-radius: 4px;
  500. {/block:ifRoundBorder}
  501. padding: 5px;
  502. color: {color:footer links}
  503. }
  504.  
  505. .tags a, #notes a {
  506. color: {color:footer links};
  507. {block:IfGlowText}
  508. text-shadow: 0 0 2px {color:footer glow outline}, 0 0 2px {color:footer glow outline};
  509. {/block:IfGlowText}
  510. {block:IfOutlineText}
  511. text-shadow: -1px 0 {color:footer glow outline}, 0 1px {color:footer glow outline}, 1px 0 {color:footer glow outline}, 0 -1px {color:footer glow outline};
  512. {/block:IfOutlineText}
  513. }
  514.  
  515.  
  516.  
  517. #notes img {display: inline;}
  518.  
  519.  
  520. .tags {
  521. {block:IfTransparentPosts}
  522. background-color: transparent;
  523. {/block:IfTransparentPosts}
  524. {block:IfNotTransparentPosts}
  525. background: {color:footer bg};
  526. {/block:IfNotTransparentPosts}
  527. color: {color:footer links};
  528. max-height:0px;
  529. line-height:130%;
  530. text-align:center;
  531. opacity:0;
  532. -webkit-transition: all 0.7s ease;
  533. transition: all 0.7s ease;
  534. -moz-transition: all 0.7s ease;
  535. -o-transition: all 0.7s ease;}
  536.  
  537.  
  538.  
  539. .posts:hover .tags{
  540. {block:IfTransparentPosts}
  541. background-color: transparent;
  542. {/block:IfTransparentPosts}
  543. padding: 0 5px;
  544. opacity:1;
  545. max-height:300px;
  546. -webkit-transition: all 0.7s ease;
  547. transition: all 0.7s ease;
  548. -moz-transition: all 0.7s ease;
  549. -o-transition: all 0.7s ease;}
  550.  
  551.  
  552. .q img {
  553. border: 1px solid {color:links};
  554. display: inline-block;
  555. margin-bottom: 10px;
  556. {block:ifRoundBorder}
  557. border-radius: 3px;
  558. {/block:ifRoundBorder}
  559. }
  560. .msg {
  561. {block:IfTransparentPosts}
  562. background-color: transparent;
  563. {/block:IfTransparentPosts}
  564. {block:ifRoundBorder}
  565. border-radius: 3px;
  566. {/block:ifRoundBorder}
  567. {block:IfNotTransparentPosts}
  568. background: {color:footer bg};
  569. color: {color:footer links};
  570. {/block:IfNotTransparentPosts}
  571. padding: 3px 5px;
  572. display: inline-block;
  573. }
  574. .a {
  575. margin-top: 5px;
  576. }
  577.  
  578.  
  579. #permanotes {
  580. margin-top: 20px;
  581. margin-bottom: 10px;
  582. max-height: 200px;
  583. overflow: scroll;
  584. overflow-x: hidden;
  585. }
  586.  
  587. #permanotes ol.notes {
  588. list-style-type: none;
  589. margin: 0;
  590. padding: 0;}
  591.  
  592. #permanotes img.avatar {
  593. margin-right: 10px;
  594. border: 1px solid {color:font};
  595. display: inline;
  596. width: 16px;
  597. height: 16px;}
  598.  
  599. #credit { position: fixed; bottom: 15px; left: 15px;}
  600.  
  601. .pagination {
  602. border: {select:border size}px {select:border} {color:border};
  603. background: {color:posts};
  604. {block:ifShadow}
  605. {block:IfTransparentPosts}
  606. filter: drop-shadow(0);
  607. {/block:IfTransparentPosts}
  608. {block:IfNotTransparentPosts}
  609. filter: drop-shadow(7px 7px 0px {color:shadow});
  610. {/block:IfNotTransparentPosts}
  611. {/block:ifShadow}
  612. padding: 10px;
  613. {block:IfTransparentPosts}
  614. background-color: transparent;
  615. {/block:IfTransparentPosts}
  616. text-align: right;
  617. font-size: 40px;
  618. margin-top: -30px;
  619. margin-bottom: 50px;
  620. margin: auto;
  621. width: 400px;}
  622.  
  623.  
  624. .quote {
  625. text-align: justify;
  626. font-style: italic;
  627. font-weight: bold;
  628. font-size: 140%;
  629. line-height: 130%;}
  630.  
  631. .source {
  632. text-align: right;}
  633.  
  634. .spotify_audio_player {
  635. height:80px!important;
  636. width:100%!important;}
  637.  
  638. .soundcloud_audio_player {
  639. height:150px!important;
  640. width:100%!important;}
  641.  
  642. .trackback {
  643. position: absolute;
  644. left: 20px;
  645. top: 20px;
  646. width: 19px;
  647. height: 19px;
  648. background-color: #fff;
  649. padding: 10px;
  650. opacity: .4;}
  651.  
  652. .pressplay{
  653. position: relative;
  654. width: 25px;
  655. height: 25px;
  656. overflow: hidden;
  657. left: -6px;
  658. top: -3px;}
  659.  
  660. .albumpic {
  661. position: absolute;
  662. left: 0px;
  663. top: 0px;
  664. width: 79px;
  665. height: 79px;}
  666.  
  667. .albumpic img {
  668. width: 100%;
  669. height: auto;
  670. border: 1px solid {color:font};}
  671.  
  672. .trackinfo {
  673. width: auto;
  674. display:inline-block;
  675. margin-left: 90px;
  676. min-height: 85px;}
  677.  
  678. .audiowrapper {
  679. position: relative; display:inline-block;}
  680. </style>
  681.  
  682. {block:IfRedirect}
  683. <script>
  684. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  685. </script>
  686. {block:IfRedirect}
  687.  
  688.  
  689.  
  690. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  691.  
  692. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  693.  
  694. <script>
  695. (function($){
  696. $(document).ready(function(){
  697. $("[title]").style_my_tooltips();
  698. });
  699. })(jQuery);
  700. </script>
  701.  
  702. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  703.  
  704. <script>
  705. $(document).ready(function(){
  706. $("a").click(function(){
  707. $(this).next().toggle();
  708. });
  709. });
  710. </script>
  711.  
  712.  
  713. <script type="text/javascript">
  714. // <![CDATA[
  715. var speed=90; // speed of wobbling, lower is faster
  716. var height=3; // height of wobbling in pixels
  717. var alink=""; // page to link text to (set to ="" for no link)
  718.  
  719. /****************************
  720. * Wobbly Text Effect *
  721. *(c) 2003-6 mf2fm web-design*
  722. * http://www.mf2fm.com/rv *
  723. * DON'T EDIT BELOW THIS BOX *
  724. ****************************/
  725. var wobtxt, wobble, wobcnt=0;
  726. window.onload=function() { if (document.getElementById) {
  727. var i, wobli;
  728. wobble=document.getElementById("wobble");
  729. wobtxt=wobble.firstChild.nodeValue;
  730. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  731. for (i=0; i<wobtxt.length; i++) {
  732. wobli=document.createElement("span");
  733. wobli.setAttribute("id", "wobb"+i);
  734. wobli.style.position="relative";
  735. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  736. if (alink) {
  737. wobli.style.cursor="pointer";
  738. wobli.onclick=function() { top.location.href=alink; }
  739. }
  740. wobble.appendChild(wobli);
  741. }
  742. setInterval("wobbler()", speed);
  743. }}
  744.  
  745. function wobbler() {
  746. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  747. wobcnt++;
  748. }
  749. // ]]>
  750. </script>
  751.  
  752. </head>
  753.  
  754.  
  755. <div id="content">
  756.  
  757. {block:ifNotHideTitle}
  758. <div class="title">{block:ifWobblyTxt}<a href="/"><div id="wobble">{text:title}</div></a>{/block:ifWobblyTxt}
  759.  
  760. {block:ifNotWobblyTxt}<a href="/">{text:title}</a>{/block:ifNotWobblyTxt}</div>
  761. {/block:ifNotHideTitle}
  762.  
  763. <div id="sidebar">
  764. <center>
  765. <a href="/"><img src="{image:header}" style="width: {select:icon size};
  766. {block:ifShadow}
  767. {block:IfTransparentPosts}
  768. filter: drop-shadow(0);
  769. {/block:IfTransparentPosts}
  770. {block:IfNotTransparentPosts}
  771. filter: drop-shadow(7px 7px 0px {color:shadow});
  772. {/block:IfNotTransparentPosts}
  773. {/block:ifShadow}{block:ifRoundBorder}border-radius: 4px;{/block:ifRoundBorder}
  774. "></a>
  775.  
  776. <div class="desc">
  777. {block:ifNotHideDesc}
  778. {text:description}
  779. {/block:ifNotHideDesc}
  780.  
  781. {block:ifNotHideLinks}
  782. <div class="linkz">
  783.  
  784. <a href="#" data-toggle="tooltip" title="LINKS">{block:ifNotDropdownPxl}{text:dropdown}{/block:ifNotDropdownPxl}{block:ifDropdownPxl}<img src="{image:dropdown pxl}" style="border: 0; background: transparent;">{/block:ifDropdownPxl}</a>
  785. <ul>
  786. <li><a href="{text:link 1 URL}">{text:link 1}</a></li>
  787. <li><a href="{text:link 2 URL}">{text:link 2}</a></li>
  788. <li><a href="{text:link 3 URL}">{text:link 3}</a></li>
  789. <li><a href="{text:link 4 URL}">{text:link 4}</a></li>
  790. </ul>
  791.  
  792. </div>{/block:ifNotHideLinks}
  793. </div>
  794.  
  795.  
  796. </center>
  797. </div>
  798.  
  799. <div id="container">
  800.  
  801. {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  802. <div class="posts" post-type="{PostType}">
  803.  
  804. {block:Text}
  805. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  806. {Body}
  807. {/block:Text}
  808.  
  809. {block:Quote}
  810. <div class="quote">"{Quote}"</div>
  811. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  812. {/block:Quote}
  813.  
  814. {block:Link}
  815. <big><a href="{URL}">{Name}</a></big>
  816. {block:Description}{Description}{/block:Description}
  817. {/block:Link}
  818.  
  819. {block:Chat}
  820. {block:Title}{Title}{/block:Title}
  821. {block:Lines}
  822. <div class="{Alt} user_{UserNumber}">
  823. {block:Label}{Label}{/block:Label} {Line}
  824. </div>
  825. {/block:Lines}
  826. {/block:Chat}
  827.  
  828.  
  829. {block:Answer}
  830. <div class="q"><img src="{AskerPortraitURL-30}" style="vertical-align: middle;"> {Asker} <div class="msg">{Question}</div></div>
  831. <div class="a">{Answer}</div>
  832. {/block:Answer}
  833.  
  834.  
  835. {block:Photo}
  836. {LinkOpenTag}<div class="pic"><img src="{PhotoURL-HighRes}"/></div>{LinkCloseTag}
  837. {/block:Photo}
  838.  
  839. {block:Photoset}
  840. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  841. {/block:Photoset}
  842.  
  843. {block:Video}
  844. {Video-400}
  845. {/block:Video}
  846.  
  847. {block:AudioPlayer}
  848. <div class="audiowrapper">
  849. {block:AlbumArt}
  850. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  851. {/block:AlbumArt}
  852. <div class="trackback">
  853. <div class="pressplay">
  854. {AudioPlayer}
  855. </div></div>
  856. <div class="trackinfo">
  857. {block:TrackName}{TrackName}{/block:TrackName}<br>
  858. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  859. {block:Album}<i>{Album}</i>{/block:Album}<br>
  860. </div></div>
  861. {/block:AudioPlayer}
  862.  
  863. {block:ifNotHideCaption}
  864. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  865. {/block:ifNotHideCaption}
  866.  
  867.  
  868. {block:IndexPage}<div id="notes">
  869. <a href="{Permalink}" data-toggle="tooltip" title="{Month} {DayofMonth}" style="float: left"><b>{TimeAgo}</b></a> {block:RebloggedFrom}
  870. <a href="{ReblogParentURL}" data-toggle="tooltip" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}{block:ContentSource}
  871. <a href="{SourceURL}" data-toggle="tooltip" title="{SourceTitle}">source</a>
  872. {/block:ContentSource} <a href="{ReblogURL}" data-toggle="tooltip" title="Reblog?">{NoteCount}%</a>
  873. </div>{/block:IndexPage}
  874.  
  875. {block:IndexPage}{block:ifNotHideTags}
  876. {block:HasTags}<div class="tags">
  877. {block:Tags}
  878. <a href="{TagURL}">#{Tag}</a>
  879. {/block:Tags}</div>{/block:HasTags}
  880. {/block:ifNotHideTags}{/block:IndexPage}
  881.  
  882.  
  883. {block:PermalinkPage}
  884. {block:ifHideCaption}
  885. {block:Caption}{Caption}{/block:Caption}
  886. {/block:ifHideCaption}
  887.  
  888. <p>{block:NoteCount}Notes: <a href="{Permalink}">{NoteCount}</a><br>{/block:NoteCount}
  889. {block:HasTags}Tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}<br>{/block:HasTags}
  890. {block:RebloggedFrom}
  891. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  892. <br>{/block:RebloggedFrom}{block:ContentSource}
  893. Source: <a href="{SourceURL}">{SourceTitle}</a>
  894. {/block:ContentSource}</p>
  895.  
  896. {block:NoteCount}<div id="permanotes">
  897. {block:PostNotes}{PostNotes}{/block:PostNotes}
  898. </div>{/block:NoteCount}
  899. {/block:PermalinkPage}
  900. </div>
  901. {/block:Posts}
  902.  
  903. </div>
  904.  
  905. {block:IndexPage}<div class="pagination">
  906. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" style="float:left;">&minus;</a>{/block:PreviousPage}{block:NextPage}
  907. <a href="{NextPage}">&plus;</a></p>{/block:NextPage}{/block:Pagination}
  908. </div>{/block:IndexPage}
  909.  
  910. </div>
  911. </div></div>
  912.  
  913. <div id="credit">
  914. <a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="@ps1">
  915. <img src="{image:theme credit pxl}"></a>
  916. </div>
  917. </body>
  918. </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!