API tools faq
paste
Advertisement
uchihaclan

RAINY DAY

uchihaclan
Feb 2nd, 2021 (edited)
2,010
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.00 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---
  3.  
  4. RAINY DAY THEME BY @PS1 / TOBIRAMA / UCHIHAITACHI / VAGABONDMANGA
  5.  
  6.  
  7. NOTES:
  8.  
  9. when you have 250px posts and have larger text, the icons will not fit in the box.
  10.  
  11. HEADER IMG
  12. - for default 400px posts, the img will have a size of 600px.
  13. - for 250px posts, the img will have a size of 400px.
  14. -any image smaller will automatically be centered and not stretched out. so put transparent images if you want c:
  15. -made an option for those who want space at the top and bottom of smaller images.
  16.  
  17. CAPTION background color is the same color as the content background.
  18.  
  19. PERMALINK pixel/img max-height is its original size. i added this feature just in case the img you wanna use is too tall! if you resize some big images, they will look blurry!
  20.  
  21. icons used might not look good with certain font sizes. please stick to size 16px or bigger! if you want smaller, the icons will resize to your font without it looking super obscure.
  22.  
  23. if you need help with this just message me.
  24. --->
  25.  
  26. <head>
  27. <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  28. rel="stylesheet">
  29.  
  30. <title>{Title}</title>
  31. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}" />
  35. {/block:Description}
  36.  
  37. <!--- Add Custom Fonts Here (like Google Fonts) --->
  38. <link rel="preconnect" href="https://fonts.gstatic.com">
  39. <link href="https://fonts.googleapis.com/css2?family=Karla&family=Sen&display=swap" rel="stylesheet">
  40. <!--- Then add Font name to the 'Font Family' in Theme Options Area --->
  41.  
  42. <meta name="image:favicon" content=""/>
  43. <meta name="image:header" content="https://i.imgur.com/vXmCwN0.png"/>
  44. <meta name="image:perma pxl" content="https://i.imgur.com/VSRXcdK.png"/>
  45. <meta name="image:bg" content=""/>
  46. <meta name="image:content" content=""/>
  47. <meta name="image:cursor" content="https://i.imgur.com/v95C3s0.png"/>
  48.  
  49. <meta name="color:background" content="#f8f8f8">
  50. <meta name="color:content" content="#fff">
  51. <meta name="color:header bg" content="#ededed">
  52. <meta name="color:posts" content="#f0f0f0">
  53. <meta name="color:perma bg" content="#fff">
  54. <meta name="color:desc bg" content="#ededed">
  55. <meta name="color:description font" content="#000">
  56. <meta name="color:description glow outline" content="#0000ff">
  57. <meta name="color:font color" content="#000">
  58. <meta name="color:font glow outline" content="#000">
  59. <meta name="color:links" content="#ff0000">
  60. <meta name="color:links hover" content="#bbb">
  61. <meta name="color:links glow outline" content="#0000ff">
  62. <meta name="color:title" content="#000">
  63. <meta name="color:title glow outline" content="#fff">
  64. <meta name="color:permalink color" content="#000">
  65. <meta name="color:permalink glow outline" content="#000">
  66. <meta name="color:tooltip color" content="#000">
  67. <meta name="color:tooltip background" content="#ccc">
  68. <meta name="color:gradient 1" content="#ddd">
  69. <meta name="color:gradient 2" content="#fff">
  70. <meta name="color:border" content="#000">
  71. <meta name="color:shadow" content="#e2e2e2">
  72.  
  73.  
  74. <meta name="select:border" content="solid"/>
  75. <meta name="select:border" content="dashed"/>
  76. <meta name="select:border" content="dotted"/>
  77. <meta name="select:border" content="double"/>
  78. <meta name="select:border" content="inset"/>
  79. <meta name="select:border" content="outset"/>
  80. <meta name="select:border" content="ridge"/>
  81. <meta name="select:border" content="groove"/>
  82.  
  83. <meta name="select:desc align" content="left"/>
  84. <meta name="select:desc align" content="center"/>
  85. <meta name="select:desc align" content="right"/>
  86. <meta name="select:desc align" content="justify"/>
  87.  
  88.  
  89. <meta name="text:border" content="1"/>
  90. <meta name="text:perma img height" content="20"/>
  91. <meta name="text:font family" content="arial">
  92. <meta name="text:post text size" content="20">
  93. <meta name="text:description size" content="20">
  94. <meta name="text:title font" content="arial">
  95. <meta name="text:title size" content="20">
  96. <meta name="text:title" content="With every death, comes honor.">
  97. <meta name="text:description" content="With honor, redemption.">
  98. <meta name="text:header tooltip" content="Does the puppet see its strings?">
  99.  
  100.  
  101. <meta name="if:250 posts" content="0" />
  102. <meta name="if:tile background" content="0" />
  103. <meta name="if:gradient header" content="0"/>
  104. <meta name="if:shadow" content="0"/>
  105. <meta name="if:space header img" content="0" />
  106. <meta name="if:dark scrollbar" content="0" />
  107. <meta name="if:bold links" content="0"/>
  108. <meta name="if:italic links" content="0"/>
  109. <meta name="if:links underline" content="0"/>
  110. <meta name="if:custom cursor" content="0" />
  111. <meta name="if:glow text" content="0" />
  112. <meta name="if:outline text" content="0" />
  113. <meta name="if:hide caption" content="0"/>
  114. <meta name="if:hide tags" content="0" />
  115. <meta name="if:redirect" content="0" />
  116.  
  117.  
  118. <meta name="text:redirect link" content="/tagged/0">
  119. <meta name="text:link 1 URL" content="/">
  120. <meta name="text:link 2 URL" content="/">
  121. <meta name="text:link 3 URL" content="/">
  122.  
  123.  
  124. <style type="text/css">
  125.  
  126. ::-moz-selection {
  127. background: {color:permalink color};
  128. color: {color:links};
  129. {block:IfGlowText}
  130. text-shadow: 0 0 2px {color:Links Hover},
  131. 0 0 2px {color:Links Hover};
  132. {/block:IfGlowText}}
  133.  
  134. ::selection {
  135. background: {color:permalink color};
  136. color: {color:links};
  137. {block:IfGlowText}
  138. text-shadow: 0 0 2px {color:Links Hover},
  139. 0 0 2px {color:Links Hover};
  140. {/block:IfGlowText}}
  141.  
  142. #s-m-t-tooltip {
  143. z-index: 999999999;
  144. background-color: {color:tooltip background};
  145. {block:IfGradientHeader}
  146. background-image: linear-gradient(to right, {color:gradient 1}, {color:gradient 2});{/block:IfGradientHeader}
  147. {block:IfShadow}box-shadow: 3px 3px {color:shadow};{/block:IfShadow}
  148. border: {text:border}px {select:border} {color:border};
  149. color: {color:tooltip color};
  150. font-size: {text:post text size}px;
  151. text-align: center;
  152. {block:IfGlowText}
  153. text-shadow: 0 0 2px {color:tooltip color},
  154. 0 0 3px {color:tooltip color};
  155. {/block:IfGlowText}
  156. {block:IfOutlineText}
  157. text-shadow: -1px 0 {color:font glow outline}, 0 1px {color:font glow outline}, 1px 0 {color:font glow outline}, 0 -1px {color:font glow outline};
  158. {/block:IfOutlineText}
  159. transition: all 0.3s ease-out;
  160. -o-transition: all 0.3s ease-out;
  161. -webkit-transition: all 0.3s ease-out;
  162. -moz-transition: all 0.3s ease-out;
  163. text-transform: normal;
  164. max-width: 300px;
  165. display: block;
  166. word-wrap: break-word;
  167. padding: 5px 7px 5px 7px;
  168. margin: -30px 0px 10px 20px;}
  169.  
  170. body {
  171. background-image: url({image:bg});
  172. background-attachment: fixed;
  173. {block:IfNotTileBackground}
  174. -webkit-background-size: cover;
  175. -moz-background-size: cover;
  176. -o-background-size: cover;
  177. background-size: cover;
  178. {/block:IfNotTileBackground}
  179. background-color: {color:background};
  180. font-family: '{text:font family}';
  181. font-size: {text:post text size}px;
  182. color: {color:font color};
  183. line-height: 120%;
  184. word-wrap: break-word;
  185. overflow-x:hidden;
  186. {block:IfGlowText}
  187. text-shadow: 0 0 2px {color:font glow outline}, 0 0 1px {color:font glow outline};
  188. {/block:IfGlowText}
  189. {block:IfOutlineText}
  190. text-shadow: -1px 0 {color:font glow outline}, 0 1px {color:font glow outline}, 1px 0 {color:font glow outline}, 0 -1px {color:font glow outline};
  191. {/block:IfOutlineText}}
  192.  
  193. {block:IfCustomCursor}
  194. body, *, a, a:hover { cursor:url({image:cursor}), auto;}
  195. {/block:IfCustomCursor}
  196.  
  197. p {margin: 0px;}
  198. ul {list-style: square;}
  199. img {max-width: 100%;}
  200. h1 {line-height: 130%;}
  201. h2 {line-height: 150%;}
  202.  
  203.  
  204. a:link, a:active, a:visited {
  205. {block:IfBoldLinks}font-weight: bold;{/block:IfBoldLinks}
  206. {block:IfItalicLinks}
  207. font-style: italic;{/block:IfItalicLinks}
  208. color: {color:links};
  209. {block:IfGlowText}
  210. text-shadow: 0 0 3px {color:links glow outline}, 0 0 2px {color:links glow outline};
  211. {/block:IfGlowText}
  212. {block:IfOutlineText}
  213. text-shadow: -1px 0 {color:links glow outline}, 0 1px {color:links glow outline}, 1px 0 {color:links glow outline}, 0 -1px {color:links glow outline};
  214. {/block:IfOutlineText}
  215. {block:IfNotLinksUnderline}
  216. text-decoration: none;{/block:IfNotLinksUnderline}
  217. {block:IfLinksUnderline}
  218. text-decoration: underline;
  219. {/block:IfLinksUnderline}
  220. -webkit-transition: all 0.2s ease-in-out;
  221. -moz-transition: all 0.2s ease-in-out;
  222. -o-transition: all 0.2s ease-in-out;
  223. -ms-transition: all 0.2s ease-in-out;
  224. transition: all 0.2s ease-in-out;}
  225.  
  226. a:hover {
  227. color:{color:Links Hover};
  228. text-decoration: none;
  229. -webkit-transition: all 0.2s ease-in-out;
  230. -moz-transition: all 0.2s ease-in-out;
  231. -o-transition: all 0.2s ease-in-out;
  232. -ms-transition: all 0.2s ease-in-out;
  233. transition: all 0.2s ease-in-out;
  234. {block:IfGlowText}
  235. text-shadow: 0 0 5px {color:Links Hover},
  236. 0 0 5px {color:Links Hover};
  237. {/block:IfGlowText}}
  238.  
  239. {block:IfNotDarkScrollbar}
  240. ::-webkit-scrollbar {
  241. width:15px; height:15px;} /* made by @ps1 */
  242. ::-webkit-scrollbar-track {
  243. background-image: url(https://i.imgur.com/n1kAWKU.png);}
  244. ::-webkit-scrollbar-thumb {
  245. background-image: url(https://i.imgur.com/KePIOiE.png);
  246. border-top: 1px solid #D4D0C8; border-bottom: 1px solid #808080;}
  247. ::-webkit-scrollbar-button:vertical:decrement {
  248. background-image: url(https://i.imgur.com/ZF6PC55.png);
  249. width: 15px; height: 15px;}
  250. ::-webkit-scrollbar-button:vertical:increment {
  251. background-image: url(https://i.imgur.com/sMOMkQ7.png);
  252. width: 15px; height: 15px;}
  253. {/block:IfNotDarkScrollbar}
  254.  
  255. {block:IfDarkScrollbar}
  256. ::-webkit-scrollbar {
  257. width:15px; height:15px;} /* made by @ps1 */
  258. ::-webkit-scrollbar-track {
  259. background-image: url(https://i.imgur.com/1wwyNgR.png);}
  260. ::-webkit-scrollbar-thumb {
  261. background-image: url(https://i.imgur.com/3twDfJb.png);
  262. border-top: 1px solid #111; border-bottom: 1px solid #000;}
  263. ::-webkit-scrollbar-button:vertical:decrement {
  264. background-image: url(https://i.imgur.com/pSpgQbq.png);
  265. width: 15px; height: 15px;}
  266. ::-webkit-scrollbar-button:vertical:increment {
  267. background-image: url(https://i.imgur.com/IzbYg9x.png);
  268. width: 15px; height: 15px;}
  269. {/block:IfDarkScrollbar}
  270.  
  271. #content {
  272. background-color: {color:content};
  273. background-image: url({image:content});
  274. background-attachment: fixed;
  275. margin: 30px auto;
  276. width: 600px;
  277. {block:If250Posts}
  278. width: 400px;
  279. {/block:If250Posts}
  280. border: {text:border}px {select:border} {color:border};
  281. }
  282.  
  283. .sb img {
  284. display: block;
  285. {block:IfSpaceHeaderImg}
  286. padding-top: 15px;
  287. padding-bottom: 15px;
  288. {/block:IfSpaceHeaderImg}
  289.  
  290. }
  291.  
  292. .lonk {
  293. font-size: {text:description size}px;
  294. color: {color:description font};
  295. {block:IfGlowText}
  296. text-shadow: 0 0 2px {color:description glow outline},
  297. 0 0 1px {color:description glow outline};
  298. {/block:IfGlowText}
  299. {block:IfOutlineText}
  300. text-shadow: -1px 0 {color:description glow outline}, 0 1px {color:description glow outline}, 1px 0 {color:description glow outline}, 0 -1px {color:description glow outline};
  301. {/block:IfOutlineText}
  302. margin: 0px 0 -20px 0;
  303. background-color: {color:desc bg};
  304. {block:IfGradientHeader}
  305. background-image: linear-gradient(to right, {color:gradient 1} , {color:gradient 2});{/block:IfGradientHeader}
  306. padding: 10px;
  307. {block:If250Posts}
  308. padding: 5px;
  309. {/block:If250Posts}
  310. text-align: {select:desc align};
  311. border-bottom: {text:border}px {select:border} {color:border};
  312. border-top: {text:border}px {select:border} {color:border};
  313. }
  314.  
  315. .title {
  316. background-color: {color:header bg};
  317. {block:IfGradientHeader}
  318. background-image: linear-gradient(to right, {color:gradient 1} , {color:gradient 2});{/block:IfGradientHeader}
  319. font-family: {text:title font};
  320. font-size:{text:title size}px;
  321. padding: 10px;
  322. {block:If250Posts}
  323. padding: 5px;
  324. {/block:If250Posts}
  325. text-align: right;
  326. border-bottom: {text:border}px {select:border} {color:border};}
  327.  
  328. .title a {
  329. color: {color:title};
  330. {block:IfGlowText}
  331. text-shadow: 0 0 3px {color:title glow outline},
  332. 0 0 2px {color:title glow outline};
  333. {/block:IfGlowText}
  334. {block:IfOutlineText}
  335. 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};
  336. {/block:IfOutlineText}
  337. 3}
  338.  
  339. .title a:hover {
  340. color:{color:Links Hover};}
  341.  
  342. .posts {
  343. {block:PermalinkPage}margin: 70px 0 70px 0;{/block:PermalinkPage}
  344. background-color: {color:posts};
  345. border: {text:border}px {select:border} {color:border};
  346. padding: 25px;
  347. width: 400px;
  348. {block:IfShadow}box-shadow: 5px 5px {color:shadow};{/block:IfShadow}
  349. text-align: left;
  350. {block:If250Posts}
  351. width: 250px;
  352. padding: 15px;
  353. {/block:If250Posts}
  354. -webkit-transition: all 0.5s ease-in-out;
  355. -moz-transition: all 0.5s ease-in-out;
  356. -o-transition: all 0.5s ease-in-out;
  357. -ms-transition: all 0.5s ease-in-out;
  358. transition: all 0.5s ease-in-out;
  359. }
  360.  
  361. .posts:hover {
  362. -webkit-transition: all 0.5s ease-in-out;
  363. -moz-transition: all 0.5s ease-in-out;
  364. -o-transition: all 0.5s ease-in-out;
  365. -ms-transition: all 0.5s ease-in-out;
  366. transition: all 0.5s ease-in-out;
  367. }
  368.  
  369. .posts blockquote {
  370. margin: 0 0 5px 20px;
  371. {block:If250Posts}
  372. margin: 0 0 5px 5px;
  373. {/block:If250Posts}
  374. padding: 5px 0 0 5px;
  375. border-left: 1px {select:border} {color:border};
  376. word-wrap: break-word;
  377. word-break: break-word;
  378. }
  379.  
  380. .pic img {
  381. border: {text:border}px {select:border} {color:border};
  382. display: block;
  383. -webkit-transition: all 1s ease-in-out;
  384. -moz-transition: all 1s ease-in-out;
  385. -o-transition: all 1s ease-in-out;
  386. -ms-transition: all 1s ease-in-out;
  387. transition: all 1s ease-in-out;}
  388.  
  389. .pic img:hover {
  390. filter: hue-rotate(180deg);
  391. -webkit-transition: all 1s ease-in-out;
  392. -moz-transition: all 1s ease-in-out;
  393. -o-transition: all 1s ease-in-out;
  394. -ms-transition: all 1s ease-in-out;
  395. transition: all 1s ease-in-out;
  396. }
  397.  
  398. .permalinky a {
  399. color: {color:permalink color};
  400. {block:IfGlowText}
  401. text-shadow: 0 0 3px {color:permalink glow outline},
  402. 0 0 2px {color:permalink glow outline};
  403. {/block:IfGlowText}
  404. {block:IfOutlineText}
  405. text-shadow: -1px 0 {color:permalink glow outline},
  406. 0 1px {color:permalink glow outline},
  407. 1px 0 {color:permalink glow outline},
  408. 0 -1px {color:permalink glow outline};
  409. {/block:IfOutlineText}
  410. }
  411.  
  412. .permalinky a:hover {
  413. color: {color:Links Hover};
  414. {block:IfGlowText}
  415. text-shadow: 0 0 5px {color:Links Hover},
  416. 0 0 5px {color:Links Hover};{/block:IfGlowText}
  417. }
  418.  
  419. .permalinky {
  420. {block:IfShadow}box-shadow: 5px 5px {color:shadow};{/block:IfShadow}
  421. {block:IfGradientHeader}
  422. background-image: linear-gradient(to right, {color:gradient 1}, {color:gradient 2});{/block:IfGradientHeader}
  423. background-color: {color:perma bg};
  424. color: {color:permalink color};
  425. text-align: left;
  426. width: 400px;
  427. padding: 10px 25px 10px 25px;
  428. {block:If250Posts}
  429. width: 250px;
  430. padding: 5px 15px 5px 15px;
  431. margin-top: 60px;
  432. {/block:If250Posts}
  433. border: {text:border}px {select:border} {color:border};
  434. border-bottom: 0;
  435. {block:IfNot250Posts}margin-top: 80px;{/block:IfNot250Posts}
  436. }
  437.  
  438. .permalinky img {
  439. max-height: {text:perma img height}px;
  440. vertical-align: text-bottom;
  441. }
  442.  
  443. .tags {
  444. color: {color:permalink color};
  445. {block:IfShadow}box-shadow: 5px 5px {color:shadow};{/block:IfShadow}
  446. {block:IfGradientHeader}
  447. background-image: linear-gradient(to right, {color:gradient 1}, {color:gradient 2});{/block:IfGradientHeader}
  448. background-color: {color:perma bg};
  449. border: {text:border}px {select:border} {color:border};
  450. border-top: 0;
  451. width: 400px;
  452. padding: 10px 25px 10px 25px;
  453. {block:If250Posts}
  454. width: 250px;
  455. padding: 5px 15px 5px 15px;
  456. {/block:If250Posts}
  457. text-align: left;
  458. }
  459.  
  460. .tags a {color: {color:permalink color};
  461. {block:IfGlowText}
  462. text-shadow: 0 0 3px {color:permalink glow outline},
  463. 0 0 2px {color:permalink glow outline};
  464. {/block:IfGlowText}
  465. {block:IfOutlineText}
  466. text-shadow: -1px 0 {color:permalink glow outline},
  467. 0 1px {color:permalink glow outline},
  468. 1px 0 {color:permalink glow outline},
  469. 0 -1px {color:permalink glow outline};
  470. {/block:IfOutlineText}
  471. }
  472.  
  473. .tags a:hover {
  474. color: {color:Links Hover};
  475. {block:IfGlowText}
  476. text-shadow: 0 0 5px {color:Links Hover},
  477. 0 0 5px {color:Links Hover};{/block:IfGlowText}
  478. }
  479.  
  480. .pagi {
  481. text-align: right;
  482. border-top: {text:border}px {select:border} {color:border};
  483. background-color: {color:header bg};
  484. {block:IfGradientHeader}
  485. background-image: linear-gradient(to right, {color:gradient 1} , {color:gradient 2});{/block:IfGradientHeader}
  486. margin-top:80px;
  487. padding: 10px;
  488. font-size: 24px;
  489. }
  490.  
  491.  
  492. .wrapper{
  493. display:table;}
  494.  
  495. .box {
  496. display:table-cell;
  497. padding:0px;
  498. background-color: transparent;
  499. padding: 10px;
  500. border: {text:border}px {select:border} {color:border};
  501. }
  502.  
  503. .permaa {
  504. text-align: left;
  505. margin: 20px 0 20px 0;
  506. background-color: {color:content};
  507. padding: 10px;
  508. border: {text:border}px {select:border} {color:border};}
  509. }
  510.  
  511. #permanotes {
  512. margin-top: 20px;
  513. margin-bottom: 10px;}
  514.  
  515. #permanotes ol.notes {
  516. list-style-type: none;
  517. text-align: left;
  518. margin: 0;
  519. padding: 0;
  520. overflow: scroll;
  521. overflow-x: hidden;
  522. max-height: 400px;
  523. background-color: {color:content};
  524. padding: 10px;
  525. border: {text:border}px {select:border} {color:border};}
  526.  
  527. #permanotes img.avatar {
  528. margin-right: 10px;
  529. display: inline;
  530. width: 16px;
  531. height: 16px;}
  532.  
  533. .quote {
  534. text-align: justify;
  535. font-style: italic;
  536. font-weight: bold;
  537. font-size: 140%;
  538. line-height: 130%;}
  539.  
  540. .source {
  541. text-align: right;}
  542.  
  543. .spotify_audio_player {
  544. height:80px!important;
  545. width:100%!important;}
  546.  
  547. .soundcloud_audio_player {
  548. height:150px!important;
  549. width:100%!important;}
  550.  
  551. .trackback {
  552. position: absolute;
  553. left: 36px;
  554. top: 36px;
  555. {block:If250Posts}
  556. left: 20px;
  557. top: 20px;
  558. padding: 3px;
  559. {/block:If250Posts}
  560. width: 19px;
  561. height: 19px;
  562. background-color: #fff;
  563. padding: 10px;
  564. opacity: .4;}
  565.  
  566. .pressplay{
  567. position: relative;
  568. width: 25px;
  569. height: 25px;
  570. overflow: hidden;
  571. left: -6px;
  572. top: -3px;}
  573.  
  574. .albumpic {
  575. position: absolute;
  576. left: 0px;
  577. top: 0px;
  578. width: 110px;
  579. height: 110px;
  580. {block:If250Posts}
  581. width: 80px;
  582. height: 80px;
  583. {/block:If250Posts}
  584. }
  585.  
  586. .albumpic img {
  587. width: 100%;
  588. height: auto;
  589. border-right: {text:border}px {select:border} {color:border};
  590. }
  591.  
  592. .trackinfo {
  593. width: auto;
  594. display:inline-block;
  595. margin-left: 110px;
  596. padding-left: 20px;
  597. padding-top: 10px;
  598. min-height: 110px;
  599. {block:If250Posts}
  600. margin-left: 80px;
  601. padding-left: 10px;
  602. padding-top: 5px;
  603. min-height: 80px;
  604. {/block:If250Posts}
  605. }
  606.  
  607. .audiowrapper {
  608. position: relative;
  609. display:inline-block;
  610. margin-bottom: 0px;
  611. width: 400px;
  612. height: 110px;
  613. {block:If250Posts}
  614. height: 80px;
  615. width: 250px;
  616. {/block:If250Posts}
  617. border: {text:border}px {select:border} {color:border};
  618. }
  619.  
  620. #second {
  621. position: fixed;
  622. bottom: 10px;
  623. left: 10px;
  624. }
  625.  
  626. #second a {text-decoration: none; font-weight: normal; font-style: normal;
  627. font-size: 24px;
  628. }
  629.  
  630. .video {
  631. position: relative;
  632. padding-bottom: 75%;
  633. height: 0;
  634. overflow: hidden;
  635. }
  636.  
  637. .video iframe, .video object, .video embed {
  638. position: absolute;
  639. top: 0;
  640. left: 0;
  641. width: 100%;
  642. height: 100%;
  643. }
  644.  
  645. .cap img {margin: 10px; display: block;}
  646.  
  647. .image-container {
  648.  
  649. display: flex;
  650. justify-content: center;
  651. margin: 10px;
  652. padding: 10px;
  653.  
  654. }
  655.  
  656. .photo-slideshow {border: {text:border}px {select:border} {color:border}; width: 100%; }
  657.  
  658.  
  659. .material-icons {
  660. font-family: 'Material Icons';
  661. font-weight: normal;
  662. font-style: normal;
  663. font-size: max(1em, 12px);
  664. display: inline-block;
  665. line-height: auto;
  666. text-transform: none;
  667. letter-spacing: normal;
  668. word-wrap: normal;
  669. white-space: nowrap;
  670. direction: ltr;
  671.  
  672. /* Support for all WebKit browsers. */
  673. -webkit-font-smoothing: antialiased;
  674. /* Support for Safari and Chrome. */
  675. text-rendering: optimizeLegibility;
  676.  
  677. /* Support for Firefox. */
  678. -moz-osx-font-smoothing: grayscale;
  679.  
  680. /* Support for IE. */
  681. font-feature-settings: 'liga';
  682. }
  683. </style>
  684.  
  685.  
  686.  
  687.  
  688.  
  689. {block:IfRedirect}
  690. <script>
  691. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  692. </script>
  693. {block:IfRedirect}
  694.  
  695. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  696.  
  697. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  698.  
  699. <script>
  700. (function($){
  701. $(document).ready(function(){
  702. $("[title]").style_my_tooltips();
  703. });
  704. })(jQuery);
  705. </script>
  706.  
  707.  
  708.  
  709.  
  710.  
  711. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.js"></script>
  712.  
  713.  
  714. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  715. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  716.  
  717.  
  718.  
  719. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  720.  
  721. <script>
  722. $(document).ready(function(){
  723. $('.photo-slideshow').pxuPhotoset({
  724. lightbox: true,
  725. rounded: false,
  726. gutter: '0px',
  727. borderRadius: '0px',
  728. photoset: '.photo-slideshow',
  729. photoWrap: '.photo-data',
  730. photo: '.pxu-photo'
  731. });
  732. });
  733. </script>
  734.  
  735. </head>
  736. <div align="center">
  737. <div id="content">
  738.  
  739. <div class="title"><a href="/" style="float: left; text-decoration: none;">{text:Title}</a>
  740.  
  741. <a href="{text:link 1 URL}" style="text-decoration: none;">
  742. <span class="material-icons">
  743. remove
  744. </span>
  745. </a>
  746.  
  747. <a href="{text:link 2 URL}" style="text-decoration: none;">
  748. <span class="material-icons">
  749. web_asset
  750. </span>
  751. </a>
  752.  
  753. <a href="{text:link 3 URL}" style="text-decoration: none;">
  754. <span class="material-icons">
  755. clear
  756. </span>
  757. </a>
  758. </div>
  759.  
  760. <div class="sb">
  761. <a href="/" data-toggle="tooltip" title="{text:header tooltip}"><img src="{image:header}"></a>
  762.  
  763.  
  764. </div>
  765.  
  766.  
  767. <div class="lonk">{text:description}</div>
  768.  
  769.  
  770.  
  771. {block:Posts}
  772. {block:IndexPage}<div class="permalinky">
  773. <img src="{image:perma pxl}" style="text-decoration: none; margin-right: 5px"><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear}</a> ▸ <a href="{Permalink}">{NoteCount}N</a>
  774.  
  775. <a href="{ReblogURL}" style="float: right; text-decoration: none;" data-toggle="tooltip" title="Reblog">
  776.  
  777. <span class="material-icons">
  778. remove
  779. </span>
  780.  
  781. <span class="material-icons">
  782. web_asset
  783. </span>
  784.  
  785. <span class="material-icons">
  786. clear
  787. </span>
  788. </a>
  789.  
  790.  
  791. </div>
  792.  
  793.  
  794.  
  795.  
  796. {/block:IndexPage}
  797.  
  798.  
  799. <div class="posts">
  800.  
  801. {block:Text}<div class="text">
  802. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  803. {Body}</div>
  804. {/block:Text}
  805.  
  806. {block:Quote}
  807. <div class="text"><div class="quote">"{Quote}"</div>
  808. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}</DIV>
  809. {/block:Quote}
  810.  
  811. {block:Link}
  812. <div class="text"><big><a href="{URL}">{Name}</a></big>
  813. {block:Description}{Description}{/block:Description}</div>
  814. {/block:Link}
  815.  
  816. {block:Chat}
  817. <div class="text">{block:Title}{Title}{/block:Title}
  818. {block:Lines}
  819. <div class="{Alt} user_{UserNumber}">
  820. {block:Label}{Label}{/block:Label} {Line}
  821. </div>
  822. {/block:Lines}</div>
  823. {/block:Chat}
  824.  
  825.  
  826.  
  827.  
  828. {block:Answer}
  829. <div class="wrapper" style="width: 100%">
  830. <div class="box" style="width: 30%; text-align: center; background: {color:content};">
  831. {Asker}<br><img src="{AskerPortraitURL-96}" style="margin: 0px;">
  832. </div>
  833. <div class="box" style="padding: 0px; border-left: 0; text-align: center;">
  834. <div class="q">{Question}</div>
  835. <p style="border-top: {text:border}px {select:border} {color:border}">{Answer}</p></div>
  836. </div>
  837. {/block:Answer}
  838.  
  839.  
  840. {block:Photo}
  841. <div class="pic">
  842. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}"></a>{/block:IndexPage}
  843.  
  844. {block:PermalinkPage}<a href="{LinkURL}"><img src="{PhotoURL-HighRes}"></a>{/block:PermalinkPage}
  845. </div>
  846. {/block:Photo}
  847.  
  848. {block:Photoset}
  849. <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>
  850. {/block:Photoset}
  851.  
  852. {block:Video}
  853. <div class="video">{Video-500}</div>
  854.  
  855. {/block:Video}
  856.  
  857. {block:AudioPlayer}
  858. <div class="audiowrapper">
  859. {block:AlbumArt}
  860. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  861. {/block:AlbumArt}
  862. <div class="trackback">
  863. <div class="pressplay">
  864. {AudioPlayer}
  865. </div></div>
  866. <div class="trackinfo">
  867. {block:TrackName}{TrackName}{/block:TrackName}<br>
  868. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  869. {block:Album}<i>{Album}</i>{/block:Album}<br>
  870. </div></div>
  871. {/block:AudioPlayer}
  872.  
  873. {block:ifNotHideCaption}
  874. {block:Caption}
  875.  
  876.  
  877. <div style="width: 100%; height: auto; display: table; border: {text:border}px {select:border} {color:border}; border-top: 0; background-color: {color:content};">
  878. <div style="display: table-row;">
  879. <div style="
  880. {block:IfNot250Posts}
  881. width: 110px;
  882. {/block:IfNot250Posts}
  883. {block:If250Posts}
  884. width: 80px;
  885. {/block:If250Posts} display: table-cell;
  886. border-right: {text:border}px {select:border} {color:border};">
  887.  
  888. <div class="image-container">
  889. {block:NotReblog}<a href="{Permalink}" data-toggle="tooltip" title="{Title}">
  890. {block:IfNot250Posts}
  891. <img src="{PortraitURL-64}">
  892. {/block:IfNot250Posts}
  893. {block:If250Posts}
  894. <img src="{PortraitURL-40}">
  895. {/block:If250Posts}</a>
  896. {/block:NotReblog}
  897. {block:RebloggedFrom}<a href="{ReblogRootURL}" data-toggle="tooltip" title="{ReblogRootTitle}">
  898. {block:IfNot250Posts}
  899. <img src="{ReblogRootPortraitURL-64}">
  900. {/block:IfNot250Posts}
  901. {block:If250Posts}
  902. <img src="{ReblogRootPortraitURL-40}">
  903. {/block:If250Posts}
  904. </a>
  905. {/block:RebloggedFrom}
  906. </div>
  907.  
  908. </div>
  909. <div style="display: table-cell; background: {color:content}; vertical-align: middle; padding-left: 10px">
  910. <div class="cap">{Caption}</div>
  911. </div>
  912. </div>
  913. </div>
  914.  
  915.  
  916. {/block:Caption}
  917. {/block:ifNotHideCaption}
  918.  
  919.  
  920. {block:PermalinkPage}
  921. {block:ifHideCaption}
  922. {block:Caption}{Caption}{/block:Caption}
  923. {/block:ifHideCaption}
  924.  
  925. {block:NoteCount}
  926. <div class="permaa">
  927.  
  928. <a href="{Permalink}">{NoteCount}N</a>
  929. {block:RebloggedFrom}
  930. &mdash; <a href="{ReblogParentURL}" data-toggle="tooltip" title="via">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}/<a href="{SourceURL}" data-toggle="tooltip" title="source">{SourceTitle}</a><br>
  931. {/block:ContentSource}
  932. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br>{/block:HasTags}
  933.  
  934. </div>
  935. {/block:NoteCount}
  936.  
  937.  
  938. {block:NoteCount}<div id="permanotes">
  939. {block:PostNotes}{PostNotes}{/block:PostNotes}
  940. </div>{/block:NoteCount}
  941. {/block:PermalinkPage}
  942.  
  943.  
  944.  
  945. </div>
  946.  
  947.  
  948.  
  949. {block:IndexPage}{block:ifNotHideTags}
  950. {block:HasTags}<div class="tags">
  951. <span class="material-icons">
  952. loyalty
  953. </span> {block:Tags}
  954. <a href="{TagURL}">#{Tag}</a>
  955. {/block:Tags}</div>{/block:HasTags}
  956. {/block:ifNotHideTags}{/block:IndexPage}
  957.  
  958.  
  959. {/block:Posts}
  960.  
  961.  
  962.  
  963.  
  964. <div class="pagi">
  965. <a href="/" style="float:left; font-size: {text:post text size}px">{BlogURL}</a>
  966.  
  967. {block:PermalinkPage}<p style="font-size: {text:post text size}px; line-height: {text:post text size}px;">&copy;{CopyrightYears}</p>{/block:PermalinkPage}
  968.  
  969.  
  970. {block:IndexPage}{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">
  971. <span class="material-icons">
  972. keyboard_arrow_left
  973. </span></a>{/block:PreviousPage}
  974. {block:NextPage}
  975. <a href="{NextPage}">
  976. <span class="material-icons">
  977. keyboard_arrow_right
  978. </span></a>{/block:NextPage}{/block:Pagination}
  979. {/block:IndexPage}
  980. </div>
  981.  
  982.  
  983. </div></div>
  984.  
  985.  
  986.  
  987. </div>
  988.  
  989. <div id="second"><a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="RAINY DAY THEME BY PS1">
  990. <span class="material-icons">
  991. gamepad
  992. </span>
  993.  
  994.  
  995. </a></div>
  996.  
  997. </body>
  998. </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!