API tools faq
paste
kimtys

RAIN

kimtys
Mar 2nd, 2016
4,143
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.  
  5. <!--
  6.  
  7.  
  8. RAIN THEME BY KIMTYS.TUMBLR.COM
  9.  
  10. edit as much as you want but please don't hide or remove credits!
  11.  
  12. --
  13.  
  14. masonry: desandro
  15. photoset: pixelunion
  16. like button: mikedidthis
  17. tumblr controls: ladmilk
  18. icons: fontawesome
  19. smoothscroll: deadpoolkilledzac
  20.  
  21.  
  22. -->
  23.  
  24.  
  25. <head>
  26. <title>{Title}</title>
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30. <link rel="shortcut icon" href="{Favicon}" />
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  32.  
  33.  
  34. <meta name="color:background" content="#f6f6f6" />
  35. <meta name="color:posts" content="#ffffff" />
  36. <meta name="color:text" content="#999999" />
  37. <meta name="color:links" content="#b3c6ff" />
  38. <meta name="color:links hover" content="#999999" />
  39. <meta name="color:bold" content="#888888" />
  40. <meta name="color:italic" content="#bbbbbb"/>
  41. <meta name="color:borders" content="#eeeeee" />
  42. <meta name="color:caption" content="#ffffff" />
  43. <meta name="color:permalink background" content="#ffffff" />
  44. <meta name="color:post icons" content="#bbbbbb" />
  45. <meta name="color:bar icons" content="#bbbbbb" />
  46. <meta name="color:tags" content="#cccccc" />
  47. <meta name="color:text accents" content="#cccccc"/>
  48. <meta name="color:audio ask etc" content="#eeeeee"/>
  49. <meta name="color:scrollbar" content="#dddddd" />
  50.  
  51. <meta name="image:background" content="" />
  52. <meta name="image:popup icon" content="" />
  53.  
  54. <meta name="if:fixed topbar" content="1" />
  55. <meta name="if:shadows" content="1" />
  56. <meta name="if:borders" content="0" />
  57. <meta name="if:bars" content="1" />
  58. <meta name="if:reblog button" content="1" />
  59. <meta name="if:like button" content="1" />
  60. <meta name="if:image fade" content="0" />
  61. <meta name="if:show title" content="1" />
  62. <meta name="if:show description" content="1" />
  63. <meta name="if:show captions" content="1" />
  64. <meta name="if:show tags" content="1" />
  65. <meta name="if:clickable tags" content="1" />
  66. <meta name="if:permalink icons" content="1" />
  67. <meta name="if:search" content="1" />
  68. <meta name="if:refresh button" content="1" />
  69.  
  70. <meta name="select:background image" content="cover" title="cover">
  71. <meta name="select:background image" content="repeat" title="repeat">
  72.  
  73. <meta name="select:post size" content="370" title="370px">
  74. <meta name="select:post size" content="200" title="200px">
  75. <meta name="select:post size" content="230" title="230px">
  76. <meta name="select:post size" content="250" title="250px">
  77. <meta name="select:post size" content="270" title="270px">
  78. <meta name="select:post size" content="300" title="300px">
  79. <meta name="select:post size" content="330" title="330px">
  80. <meta name="select:post size" content="350" title="350px">
  81. <meta name="select:post size" content="400" title="400px">
  82. <meta name="select:post size" content="430" title="430px">
  83. <meta name="select:post size" content="450" title="450px">
  84. <meta name="select:post size" content="470" title="470px">
  85. <meta name="select:post size" content="500" title="500px">
  86.  
  87. <meta name="select:columns" content="2" title="2">
  88. <meta name="select:columns" content="1" title="1">
  89. <meta name="select:columns" content="3" title="3">
  90. <meta name="select:columns" content="4" title="4">
  91.  
  92. <meta name="select:font" content="roboto" title="roboto">
  93. <meta name="select:font" content="abeezee" title="abeezee">
  94. <meta name="select:font" content="arial" title="arial">
  95. <meta name="select:font" content="calibri" title="calibri">
  96. <meta name="select:font" content="cambria" title="cambria">
  97. <meta name="select:font" content="consolas" title="consolas">
  98. <meta name="select:font" content="courier" title="courier">
  99. <meta name="select:font" content="cousine" title="cousine">
  100. <meta name="select:font" content="karla" title="karla">
  101. <meta name="select:font" content="kartika" title="kartika">
  102. <meta name="select:font" content="lato" title="lato">
  103. <meta name="select:font" content="pt sans" title="pt sans">
  104. <meta name="select:font" content="questrial" title="questrial">
  105. <meta name="select:font" content="source sans pro" title="source sans pro">
  106. <meta name="select:font" content="tahoma" title="tahoma">
  107.  
  108. <meta name="select:font size" content="11" title="11px">
  109. <meta name="select:font size" content="7" title="7px">
  110. <meta name="select:font size" content="8" title="8px">
  111. <meta name="select:font size" content="9" title="9px">
  112. <meta name="select:font size" content="10" title="10px">
  113. <meta name="select:font size" content="12" title="12px">
  114. <meta name="select:font size" content="13" title="13px">
  115.  
  116. <meta name="select:bar icons size" content="20" title="20px">
  117. <meta name="select:bar icons size" content="15" title="15px">
  118. <meta name="select:bar icons size" content="16" title="16px">
  119. <meta name="select:bar icons size" content="17" title="17px">
  120. <meta name="select:bar icons size" content="18" title="18px">
  121. <meta name="select:bar icons size" content="19" title="19px">
  122.  
  123. <meta name="select:permalink size" content="10" title="10px">
  124. <meta name="select:permalink size" content="7" title="7px">
  125. <meta name="select:permalink size" content="8" title="8px">
  126. <meta name="select:permalink size" content="9" title="9px">
  127. <meta name="select:permalink size" content="11" title="11px">
  128. <meta name="select:permalink size" content="12" title="12px">
  129. <meta name="select:permalink size" content="13" title="13px">
  130.  
  131. <meta name="select:text transform" content="none" title="none">
  132. <meta name="select:text transform" content="lowercase" title="lowercase">
  133. <meta name="select:text transform" content="uppercase" title="uppercase">
  134.  
  135. <meta name="select:cursor hover" content="pointer" title="pointer">
  136. <meta name="select:cursor hover" content="help" title="help">
  137. <meta name="select:cursor hover" content="default" title="default">
  138. <meta name="select:cursor hover" content="crosshair" title="crosshair">
  139.  
  140. <meta name="text:post margin" content="50" />
  141. <meta name="text:post padding" content="10" />
  142. <meta name="text:popup width" content="200" />
  143. <meta name="text:list style type" content="•" />
  144. <meta name="text:link 1" content="index"/>
  145. <meta name="text:url 1" content="/"/>
  146. <meta name="text:link 2" content="message"/>
  147. <meta name="text:url 2" content="/ask"/>
  148. <meta name="text:link 3" content="archive"/>
  149. <meta name="text:url 3" content="/archive"/>
  150. <meta name="text:link 4" content=""/>
  151. <meta name="text:url 4" content="/"/>
  152. <meta name="text:link 5" content=""/>
  153. <meta name="text:url 5" content="/"/>
  154. <meta name="text:link 6" content=""/>
  155. <meta name="text:url 6" content="/"/>
  156. <meta name="text:link 7" content=""/>
  157. <meta name="text:url 7" content="/"/>
  158. <meta name="text:link 8" content=""/>
  159. <meta name="text:url 8" content="/"/>
  160. <meta name="text:link 9" content=""/>
  161. <meta name="text:url 9" content="/"/>
  162. <meta name="text:link 10" content=""/>
  163. <meta name="text:url 10" content="/"/>
  164.  
  165.  
  166. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  167. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  168. <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,300italic,400italic,500italic,700italic|PT+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Source+Sans+Pro:300,400,500,700,300italic,400italic,500italic,700italic|Karla:300,400,500,700,300italic,400italic,500italic,700italic|Questrial:300,400,500,700,300italic,400italic,500italic,700italic|Cousine:300,400,500,700,300italic,400italic,500italic,700italic|Lato:300,400,500,700,300italic,400italic,500italic,700italic|Courier:300,400,500,700,300italic,400italic,500italic,700italic|ABeeZee:300,400,500,700,300italic,400italic,500italic,700italic|Kartika:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  169.  
  170.  
  171. <style type="text/css">
  172.  
  173.  
  174. /* Tumblr Controls */
  175.  
  176.  
  177. .tmblr-iframe--desktop-logged-in-controls, #tumblr_controls {
  178. top:0%!important;
  179. right:0%!important;
  180. position:fixed!important;
  181. z-index:999999999!important;
  182. opacity:0.3;
  183. -webkit-filter:invert(100%);
  184. -moz-filter:invert(100%);
  185. -o-filter:invert(100%);
  186. -ms-filter:invert(100%);
  187. filter:invert(100%);
  188. }
  189.  
  190.  
  191. /* Scrollbar & Selection */
  192.  
  193.  
  194. ::-webkit-scrollbar-thumb:vertical {
  195. background:{color:scrollbar};
  196. }
  197.  
  198. ::-webkit-scrollbar-thumb:horizontal {
  199. background:{color:scrollbar};
  200. }
  201.  
  202. ::-webkit-scrollbar {
  203. height: 4px;
  204. width: 4px;
  205. background: transparent transparent transparent transparent;
  206. border-radius: 8px;
  207. -moz-border-radius: 8px;
  208. -webkit-border-radius: 8px;
  209. -o-border-radius: 8px;
  210. -ms-border-radius: 8px;
  211. }
  212.  
  213. ::-moz-selection {
  214. background:{color:links};
  215. color:{color:posts};
  216. }
  217.  
  218. ::selection {
  219. background:{color:links};
  220. color:{color:posts};
  221. }
  222.  
  223.  
  224. /* Tooltips */
  225.  
  226.  
  227. #s-m-t-tooltip {
  228. max-width:500px;
  229. margin:25px 15px;
  230. padding:1px 5px;
  231. font-size:9px;
  232. z-index:999999999!important;
  233. text-transform:uppercase;
  234. background:{color:posts};
  235. color:{color:text};
  236. letter-spacing:0px;
  237. {block:IfShadows}
  238. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  239. -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  240. box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  241. {/block:IfShadows}
  242. {block:IfBorders}
  243. border:1px solid {color:borders};
  244. {/block:IfBorders}
  245. }
  246.  
  247.  
  248. /* Body */
  249.  
  250.  
  251. body {
  252. margin:0;
  253. padding:0;
  254. border:0;
  255. background: {color:background} url('{image:background}') fixed;
  256. background-attachment:{select:background image};
  257. background-size:{select:background image};
  258. color:{color:text};
  259. font-family:{select:font};
  260. font-size:{select:font size}px;
  261. text-transform:{select:text transform};
  262. letter-spacing:0px;
  263. line-height:140%;
  264. word-wrap:break-word;
  265. }
  266.  
  267. a {
  268. color:{color:links};
  269. text-decoration:none;
  270. transition-duration: 0.3s;
  271. -moz-transition-duration: 0.3s;
  272. -webkit-transition-duration: 0.3s;
  273. -o-transition-duration: 0.3s;
  274. }
  275.  
  276. a:hover {
  277. color:{color:links hover};
  278. cursor:{select:cursor hover};
  279. }
  280.  
  281. b, bold, strong {
  282. color:{color:bold};
  283. }
  284.  
  285. i, italic, em, oblique {
  286. color:{color:italic};
  287. }
  288.  
  289. pre, xmp, plaintext, listing {
  290. width:100%;
  291. font: {select:font size}px {select:font};
  292. white-space:pre-wrap;
  293. word-wrap:break-word;
  294. }
  295.  
  296. blockquote {
  297. margin-left:10px;
  298. padding-left:10px;
  299. width:auto;
  300. margin-right:7px;
  301. border-left:solid 1px rgba({RGBcolor:text accents}, .75);
  302. }
  303.  
  304. blockquote blockquote {
  305. padding-left:10px;
  306. margin:5px;
  307. border-left:1px solid rgba({RGBcolor:text accents}, .75);
  308. }
  309.  
  310. a.tumblr_blog {
  311. display:inline-block;
  312. }
  313.  
  314. a.tumblr_blog:after {
  315. content:"";
  316. width:0px;
  317. height:1px;
  318. bottom:0;
  319. top:0;
  320. position:relative;
  321. display:block;
  322. background:{color:links};
  323. transition:all .8s ease-in-out;
  324. -webkit-transition:all .8s ease-in-out;
  325. -moz-transition:all .8s ease-in-out;
  326. -o-transition:all .8s ease-in-out;
  327. }
  328.  
  329. a.tumblr_blog:hover:after { width:100%; }
  330.  
  331. small, sub, sup, code {
  332. font-size:{select:font size}px;
  333. }
  334.  
  335. big {
  336. font-size:calc({select:font size}px + 1px);
  337. }
  338.  
  339.  
  340. /* Top */
  341.  
  342.  
  343. .top {
  344. width:100%;
  345. margin-top:0px;
  346. height:50px;
  347. position:relative;
  348. {block:IfFixedTopbar}
  349. position:fixed;
  350. z-index:999999;
  351. top:0px;
  352. {/block:IfFixedTopbar}
  353. background:transparent;
  354. {block:IfBars}
  355. background:{color:posts};
  356. {block:IfShadows}
  357. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  358. -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  359. box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  360. {/block:IfShadows}
  361. {block:IfBorders}
  362. border-bottom:1px solid {color:borders};
  363. {/block:IfBorders}
  364. {/block:IfBars}
  365. }
  366.  
  367. .top i {
  368. color:{color:bar icons};
  369. }
  370.  
  371. #menu {
  372. font-size:{select:bar icons size}px;
  373. text-align:center;
  374. padding-top:15px;
  375. }
  376.  
  377.  
  378. /* Popup */
  379.  
  380.  
  381. .popup_block {
  382. display: none;
  383. position: fixed;
  384. background:transparent;
  385. width:0px;
  386. float:left;
  387. text-align:center;
  388. top:35%;
  389. left:calc(52% - {text:popup width}px/2 + 5px);
  390. z-index: 99999;
  391. }
  392.  
  393. .pop_box {
  394. z-index: 999999999;
  395. background:{color:posts};
  396. width:{text:popup width}px;
  397. padding:10px;
  398. text-align:center;
  399. font-style:normal;
  400. line-height:15px;
  401. font-size:{select:font size}px;
  402. {block:IfBorders}
  403. border:1px solid {color:borders};
  404. {/block:IfBorders}
  405. {block:IfShadows}
  406. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  407. -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  408. box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  409. {/block:IfShadows}
  410. }
  411.  
  412. .pop_img img {
  413. width:30px;
  414. height:30px;
  415. float:left;
  416. margin-top:-2px;
  417. display:inline-block;
  418. -moz-border-radius:100%;
  419. -webkit-border-radius:100%;
  420. border-radius:100%;
  421. }
  422.  
  423. .pop_title {
  424. color: {color:links};
  425. border-bottom:1px solid {color:borders};
  426. text-align:center;
  427. word-wrap:break-word;
  428. font-weight:bold;
  429. font-style:normal;
  430. text-transform: none;
  431. font-size: 16px;
  432. line-height:25px;
  433. letter-spacing:0px;
  434. word-spacing:3px;
  435. padding-top:2px;
  436. padding-bottom:8px;
  437. margin-bottom:10px;
  438. }
  439.  
  440. .pop_desc {
  441. display:block;
  442. margin-bottom:10px;
  443. text-align:left;
  444. border-bottom:1px solid {color:borders};
  445. padding-bottom:8px;
  446. }
  447.  
  448. .pop_links {
  449. text-align:left;
  450. margin-top:0px;
  451. margin-bottom:-15px;
  452. font-weight:normal;
  453. margin-left:0px;
  454. margin-right:-{text:post padding}px;
  455. font-style:normal;
  456. display:block;
  457. color:{color:text};
  458. width:100%;
  459. font-size:8px;
  460. line-height:15px;
  461. text-transform:{select:text transform};
  462. letter-spacing:1px;
  463. }
  464.  
  465. .pop_links ul {
  466. margin-left:0;
  467. }
  468.  
  469. .pop_links li {
  470. width:calc(100%/2);
  471. display:inline-block;
  472. float:left;
  473. margin-bottom:10px;
  474. line-height:150%;
  475. }
  476.  
  477. .links:after {
  478. content:"";
  479. display:table;
  480. clear:both;
  481. }
  482.  
  483. .pop_links a {
  484. width:95%;
  485. font-style:normal;
  486. padding:1px 0 1px 0;
  487. display:block;
  488. margin:0 0 0 0;
  489. border-bottom:1px solid {color:borders};
  490. letter-spacing:0px;
  491. text-align:left;
  492. font-size:{select:font size}px;
  493. transition:all .5s ease-in-out;
  494. -webkit-transition:all .5s ease-in-out;
  495. -moz-transition:all .5s ease-in-out;
  496. -o-transition:all .5s ease-in-out;
  497. }
  498.  
  499. .pop_links a:after {
  500. content:"";
  501. width:0px;
  502. height:1px;
  503. bottom:0;
  504. top:2px;
  505. position:relative;
  506. display:block;
  507. background:{color:links};
  508. transition:all .8s ease-in-out;
  509. -webkit-transition:all .8s ease-in-out;
  510. -moz-transition:all .8s ease-in-out;
  511. -o-transition:all .8s ease-in-out;
  512. }
  513.  
  514. .pop_links a:hover:after { width:100%; }
  515.  
  516. .pop_links a:hover {
  517. transition:all .5s ease-in-out;
  518. -webkit-transition:all .5s ease-in-out;
  519. -moz-transition:all .5s ease-in-out;
  520. -o-transition:all .5s ease-in-out;
  521. }
  522.  
  523. *html #fade {
  524. position: absolute;
  525. }
  526.  
  527. *html .popup_block {
  528. position: absolute;
  529. }
  530.  
  531. #fade {
  532. display: none;
  533. background:rgba({RGBcolor:background}, .90)!important;
  534. position: fixed;
  535. left: 0;
  536. top: 0;
  537. width: 100%;
  538. height: 100%;
  539. opacity: 1;
  540. z-index: 9999;
  541. }
  542.  
  543.  
  544. /* Posts */
  545.  
  546.  
  547. #content {
  548. {block:IndexPage}
  549. width:calc(({select:post size}px + {text:post padding}px*2 + {text:post margin}px*2 {block:IfBorders}+ 2px{/block:IfBorders})*{select:columns});
  550. {/block:IndexPage}
  551. {block:PermalinkPage}
  552. width:500px;
  553. {/block:PermalinkPage}
  554. margin:50px auto;
  555. {block:IfFixedTopbar}
  556. margin-top:100px;
  557. {/block:IfFixedTopbar}
  558. padding:0;
  559. position:relative;
  560. border:0;
  561. }
  562.  
  563. .posts {
  564. {block:IndexPage}
  565. width:{select:post size}px;
  566. margin:{text:post margin}px;
  567. {/block:IndexPage}
  568. {block:PermalinkPage}
  569. margin:50px auto 10px -10px;
  570. width:500px;
  571. {/block:PermalinkPage}
  572. padding:{text:post padding}px {text:post padding}px 0 {text:post padding}px;
  573. position:relative;
  574. background:{color:posts};
  575. color:{color:text};
  576. {block:IfBorders}
  577. border:1px solid {color:borders};
  578. {/block:IfBorders}
  579. {block:IfShadows}
  580. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  581. -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  582. box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  583. {/block:IfShadows}
  584. }
  585.  
  586. ul, ol {
  587. margin:5px 0px 5px 15px;
  588. padding:0;
  589. }
  590.  
  591. .posts ul {
  592. margin-left:0;
  593. list-style-type:none;
  594. }
  595.  
  596. .posts ul li {
  597. padding:1px 0px 1px 30px;
  598. color:{color:text};
  599. position:relative;
  600. }
  601.  
  602. .posts ul li:before {
  603. content:'{text:list style type}';
  604. top:1px;
  605. color:{color:text accents};
  606. left:10px;
  607. font-size:10px;
  608. position:absolute;
  609. display:block;
  610. font-family:sans-serif;
  611. }
  612.  
  613. .posts img, iframe, img, embed, object, video { max-width:100%; }
  614.  
  615. #photo img {
  616. max-width:100%;
  617. display:block;
  618. }
  619.  
  620. .cap {
  621. margin:{text:post padding}px 0 0 0;
  622. background:{color:caption};
  623. padding:3px 6px 1px 6px;
  624. }
  625.  
  626. .cap a {
  627. display:inline-block;
  628. }
  629.  
  630. .cap p { margin:0; padding:0; }
  631.  
  632. .cap a:after {
  633. content:"";
  634. width:0px;
  635. height:1px;
  636. bottom:0;
  637. top:0;
  638. position:relative;
  639. display:block;
  640. background:{color:links};
  641. transition:all .8s ease-in-out;
  642. -webkit-transition:all .8s ease-in-out;
  643. -moz-transition:all .8s ease-in-out;
  644. -o-transition:all .8s ease-in-out;
  645. }
  646.  
  647. .cap a:hover:after { width:100%; }
  648.  
  649. {block:IfNotShowCaptions}
  650. {block:IndexPage}
  651. .cap { display:none; }
  652. {/block:IndexPage}
  653. {/block:IfNotShowCaptions}
  654.  
  655. .title {
  656. padding-bottom:{text:post padding}px;
  657. padding-top:0px;
  658. font-size:calc({select:font size}px + 4px);
  659. font-weight:bold;
  660. text-transform:{select:text transform};
  661. word-spacing:2px;
  662. margin-bottom:{text:post padding}px;
  663. margin-left:-{text:post padding}px;
  664. margin-right:-{text:post padding}px;
  665. line-height:100%;
  666. border-bottom:1px solid {color:borders};
  667. text-align:center;
  668. color:{color:links};
  669. }
  670.  
  671. .title a {
  672. display:inline-block;
  673. }
  674.  
  675. .title a:after {
  676. content:"";
  677. width:0px;
  678. height:1px;
  679. bottom:0;
  680. top:1px;
  681. position:relative;
  682. display:block;
  683. background:{color:links};
  684. transition:all .8s ease-in-out;
  685. -webkit-transition:all .8s ease-in-out;
  686. -moz-transition:all .8s ease-in-out;
  687. -o-transition:all .8s ease-in-out;
  688. }
  689.  
  690. .title a:hover:after { width:100%; }
  691.  
  692. {block:IfImageFade}
  693. {block:IndexPage}
  694. #vid, .photo-data, #photo img {
  695. opacity:0.75;
  696. -webkit-transition:all .7s ease;
  697. -moz-transition:all .7s ease;
  698. -o-transition:all .7s ease;
  699. transition:all .7s ease;
  700. }
  701.  
  702. .posts:hover #photo img, .posts:hover .photo-data, .posts:hover #vid {
  703. opacity:1;
  704. }
  705. {/block:IndexPage}
  706. {/block:IfImageFade}
  707.  
  708.  
  709. /* Permalink */
  710.  
  711.  
  712. .pp {
  713. background:{color:permalink background};
  714. border-top:1px solid {color:borders};
  715. margin-top:{text:post padding}px;
  716. color:{color:post icons};
  717. text-transform:uppercase;
  718. font-size:{select:permalink size}px;
  719. margin-left:-{text:post padding}px;
  720. margin-right:-{text:post padding}px;
  721. padding:7px 10px 21px 10px;
  722. {block:IfPermalinkIcons}
  723. text-align:center;
  724. {/block:IfPermalinkIcons}
  725. {block:IfNotPermalinkIcons}
  726. text-align:left;
  727. padding-bottom:6px;
  728. {/block:IfNotPermalinkIcons}
  729. }
  730.  
  731. .pp i {
  732. color:{color:post icons};
  733. }
  734.  
  735. .pp1 {
  736. text-align:right;
  737. float:right;
  738. }
  739.  
  740. .pp2 {
  741. text-align:left;
  742. {block:IfPermalinkIcons}
  743. float:left;
  744. {/block:IfPermalinkIcons}
  745. }
  746.  
  747. .pp2 i {
  748. font-size:calc({select:permalink size}px + 1px);
  749. }
  750.  
  751. .pp3 {
  752. text-align:center;
  753. margin-bottom:-14px;
  754. }
  755.  
  756. .tt {
  757. display:none;
  758. text-align:left;
  759. position:relative;
  760. font-size:{select:font size}px;
  761. text-transform:{select:text transform};
  762. margin-top:2px;
  763. left:-10px;
  764. margin-left:10px;
  765. }
  766.  
  767. .tt a {
  768. margin-right:5px;
  769. color:{color:tags};
  770. }
  771.  
  772. .tt a:hover {
  773. color:{color:links hover};
  774. }
  775.  
  776.  
  777. /* Like & Reblog */
  778.  
  779. {block:IndexPage}
  780. .like {
  781. top:calc({text:post padding}px/2);
  782. right:calc({text:post padding}px/2);
  783. padding:3px 10px 11px 6px;
  784. position:absolute;
  785. z-index:999999999!important;
  786. overflow:hidden;
  787. opacity:0;
  788. background:{color:posts};
  789. transition:all .8s ease;
  790. -webkit-transition:all .8s ease;
  791. -moz-transition:all .8s ease;
  792. -o-transition:all .8s ease;
  793. }
  794.  
  795. .posts:hover .like { top:calc({text:post padding}px/2); opacity:1; }
  796.  
  797. .l {
  798. position:relative;
  799. display: block;
  800. width:8px;
  801. height:8px;
  802. }
  803.  
  804. .like_button {
  805. position: absolute;
  806. top: 0;
  807. left: 0;
  808. right: 0;
  809. bottom: 0;
  810. width: 1em;
  811. height: 1em;
  812. opacity:0.000001;
  813. z-index: 10;
  814. }
  815.  
  816.  
  817. .like_button iframe {
  818. width: 100% !important;
  819. height: 100% !important;
  820. }
  821.  
  822.  
  823. .lk {
  824. position: absolute;
  825. display:block;
  826. top: 0;
  827. left: 0;
  828. font-size:12px;
  829. right: 0;
  830. bottom: 0;
  831. width: 100%;
  832. height: 100%;
  833. z-index: 1;
  834. cursor:{select:cursor hover};
  835. transition-duration: 0.3s;
  836. -moz-transition-duration: 0.3s;
  837. -webkit-transition-duration: 0.3s;
  838. -o-transition-duration: 0.3s;
  839. }
  840.  
  841. .lk i {
  842. color:{color:post icons};
  843. }
  844.  
  845.  
  846. .like_button:hover + .lk i {
  847. color:{color:links};
  848. }
  849.  
  850. .like_button.liked + .lk i {
  851. color:{color:links};
  852. }
  853.  
  854. .reblog {
  855. top:calc({text:post padding}px/2);
  856. left:calc({text:post padding}px/2);
  857. padding:3px 13px 11px 6px;
  858. position:absolute;
  859. z-index:999999999!important;
  860. overflow:hidden;
  861. opacity:0;
  862. background:{color:posts};
  863. transition:all .8s ease;
  864. -webkit-transition:all .8s ease;
  865. -moz-transition:all .8s ease;
  866. -o-transition:all .8s ease;
  867. }
  868.  
  869. .posts:hover .reblog { top:calc({text:post padding}px/2); opacity:1; }
  870.  
  871. .r {
  872. position:relative;
  873. display: block;
  874. width:8px;
  875. height:8px;
  876. }
  877.  
  878. .reblog_button {
  879. position: absolute;
  880. top: 0;
  881. left: 0;
  882. right: 0;
  883. bottom: 0;
  884. width: 100%;
  885. height: 100%;
  886. opacity: 0;
  887. z-index: 10;
  888. }
  889.  
  890.  
  891. .reblog_button iframe {
  892. width: 100% !important;
  893. height: 100% !important;
  894. }
  895.  
  896.  
  897. .rb {
  898. position: absolute;
  899. display:block;
  900. top: 0;
  901. left: 0;
  902. right: 0;
  903. font-size:14px;
  904. bottom: 0;
  905. width: 100%;
  906. height: 100%;
  907. z-index: 1;
  908. cursor:{select:cursor hover};
  909. transition-duration: 0.3s;
  910. -moz-transition-duration: 0.3s;
  911. -webkit-transition-duration: 0.3s;
  912. -o-transition-duration: 0.3s;
  913. }
  914.  
  915. .rb i {
  916. color:{color:post icons};
  917. }
  918.  
  919.  
  920. .reblog_button:hover + .rb i {
  921. color:{color:links};
  922. }
  923. {/block:IndexPage}
  924.  
  925. /* Photoset */
  926.  
  927.  
  928. .tmblr-lightbox { background:rgba({RGBcolor:background}, .7)!important; }
  929.  
  930. .vignette, .lightbox-caption{ opacity:0!important; }
  931.  
  932. .lightbox-image {
  933. border-radius:0px!important;
  934. -webkit-border-radius:0px!important;
  935. -moz-border-radius:0px!important;
  936. box-shadow:none!important;
  937. -webkit-box-shadow:none!important;
  938. -moz-box-shadow:none!important;
  939. }
  940.  
  941.  
  942. /* Video */
  943.  
  944.  
  945. #vid { display:block;overflow:hidden; }
  946.  
  947. .tumblr_video_container {
  948. width:auto!important;
  949. height:auto!important;
  950. {block:PermalinkPage}
  951. width:500px;
  952. height:auto;
  953. {/block:PermalinkPage}
  954. }
  955.  
  956. iframe.vine-embed {
  957. {block:IndexPage}
  958. width:{select:post size}px!important;
  959. height:{select:post size}px!important;
  960. {/block:IndexPage}
  961. display:block;
  962. {block:PermalinkPage}
  963. width:500px;
  964. height:500px;
  965. {/block:PermalinkPage}
  966. }
  967.  
  968.  
  969. /* Ask */
  970.  
  971.  
  972. #question {
  973. margin-bottom:10px;
  974. margin-left:50px;
  975. margin-right:0px;
  976. padding:10px;
  977. min-height:13px;
  978. background:{color:audio ask etc};
  979. color:{color:text};
  980. -moz-border-radius:3px;
  981. -webkit-border-radius:3px;
  982. border-radius:3px;
  983. }
  984.  
  985. #question:before {
  986. content:"";
  987. width:0;
  988. height:0;
  989. margin:-3px 0 0 -35px;
  990. position:absolute;
  991. display:block;
  992. border-style:solid;
  993. border-width:10px 15px 10px 15px;
  994. border-color:transparent {color:audio ask etc} transparent transparent;
  995. }
  996.  
  997. #qimg {
  998. width:33px;
  999. display:block;
  1000. position:absolute;
  1001. background:{color:audio ask etc};
  1002. -moz-border-radius:3px;
  1003. -webkit-border-radius:3px;
  1004. border-radius:3px;
  1005. }
  1006.  
  1007. #qimg img {
  1008. -moz-border-radius:3px;
  1009. -webkit-border-radius:3px;
  1010. border-radius:3px;
  1011. }
  1012.  
  1013.  
  1014. /* Quote */
  1015.  
  1016.  
  1017. #qu {
  1018. margin-bottom:20px;
  1019. padding:10px;
  1020. font-size:{select:font size}px;
  1021. background:{color:audio ask etc};
  1022. color:{color:text};
  1023. -moz-border-radius:3px;
  1024. -webkit-border-radius:3px;
  1025. border-radius:3px;
  1026. }
  1027.  
  1028. #qu:after {
  1029. content:"";
  1030. width:0;
  1031. height:0;
  1032. margin:7px 0 0 calc(100% - 55px);
  1033. position:absolute;
  1034. display:block;
  1035. border-style:solid;
  1036. border-width:0 15px 15px 0;
  1037. border-color:transparent {color:audio ask etc} transparent transparent;
  1038. }
  1039.  
  1040. #source {
  1041. margin-top:5px;
  1042. font-size:{select:font size}px;
  1043. font-style:normal;
  1044. text-align:right;
  1045. }
  1046.  
  1047. #source a {
  1048. display:inline-block;
  1049. }
  1050.  
  1051. #source a:after {
  1052. content:"";
  1053. width:0px;
  1054. height:1px;
  1055. bottom:0;
  1056. top:-1px;
  1057. position:relative;
  1058. display:block;
  1059. background:{color:links};
  1060. transition:all .8s ease-in-out;
  1061. -webkit-transition:all .8s ease-in-out;
  1062. -moz-transition:all .8s ease-in-out;
  1063. -o-transition:all .8s ease-in-out;
  1064. }
  1065.  
  1066. #source a:hover:after { width:100%; }
  1067.  
  1068.  
  1069. /* Audio */
  1070.  
  1071.  
  1072. #art {
  1073. position: absolute;
  1074. height: 43px;
  1075. width: 43px;
  1076. background:{color:posts};
  1077. -moz-border-radius:3px;
  1078. -webkit-border-radius:3px;
  1079. border-radius:3px;
  1080. }
  1081.  
  1082.  
  1083. #art img {
  1084. opacity: 1;
  1085. height: 43px;
  1086. width: 43px;
  1087. -webkit-transition: all 0.6s ease-in-out;
  1088. -moz-transition: all 0.6s ease-in-out;
  1089. -o-transition: all 0.6s ease-in-out;
  1090. -moz-border-radius:3px;
  1091. -webkit-border-radius:3px;
  1092. border-radius:3px;
  1093. }
  1094.  
  1095. #player {
  1096. opacity: 0;
  1097. -webkit-transition: all 0.6s ease-in-out;
  1098. -moz-transition: all 0.6s ease-in-out;
  1099. -o-transition: all 0.6s ease-in-out;
  1100. }
  1101.  
  1102. #info {
  1103. margin-left: 50px;
  1104. text-align:center;
  1105. padding:13px 5px 11px 5px;
  1106. min-height:18px;
  1107. border:1px solid {color:audio ask etc};
  1108. line-height:140%;
  1109. background:{color:audio ask etc};
  1110. text-transform:{select:text transform};
  1111. font-style:normal;
  1112. -moz-border-radius:3px;
  1113. -webkit-border-radius:3px;
  1114. border-radius:3px;
  1115. }
  1116.  
  1117. #info span.song {
  1118. display:inline-block;
  1119. margin-top:2px;
  1120. font-size:{select:font size}px;
  1121. color:{color:text};
  1122. }
  1123.  
  1124. #info span.artist {
  1125. display:inline-block;
  1126. font-size:{select:font size}px;
  1127. color:rgba({RGBcolor:text}, .70);
  1128. }
  1129.  
  1130. .posts:hover #player {
  1131. opacity: 0.8;
  1132. }
  1133.  
  1134. iframe.soundcloud_audio_player {
  1135. {block:IndexPage}
  1136. width:{select:post size}px;
  1137. {/block:IndexPage}
  1138. {block:PermalinkPage}
  1139. width:500px;
  1140. {/block:PermalinkPage}
  1141. height:auto!important;
  1142. display:block;
  1143. }
  1144.  
  1145.  
  1146. /* Chat */
  1147.  
  1148.  
  1149. .lines .line {
  1150. padding:7px;
  1151. background:{color:audio ask etc};
  1152. color:{color:text};
  1153. -moz-border-radius:3px;
  1154. -webkit-border-radius:3px;
  1155. border-radius:3px;
  1156. }
  1157.  
  1158. .lines .line.even {
  1159. padding:7px;
  1160. background:{color:posts};
  1161. color:{color:text};
  1162. -moz-border-radius:3px;
  1163. -webkit-border-radius:3px;
  1164. border-radius:3px;
  1165. }
  1166.  
  1167.  
  1168. /* Bottom */
  1169.  
  1170.  
  1171. #bottom {
  1172. bottom:0;
  1173. width:100%;
  1174. height:35px;
  1175. position:relative;
  1176. padding-top:20px;
  1177. background:transparent;
  1178. {block:IfBars}
  1179. background:{color:posts};
  1180. {block:IfShadows}
  1181. -webkit-box-shadow: 2px 1px 2px 1px rgba(0,0,0,0.07);
  1182. -moz-box-shadow: 2px 1px 2px 1px rgba(0,0,0,0.07);
  1183. box-shadow: 2px 1px 2px 1px rgba(0,0,0,0.07);
  1184. {/block:IfShadows}
  1185. {block:IfBorders}
  1186. border-top:1px solid {color:borders};
  1187. {/block:IfBorders}
  1188. {/block:IfBars}
  1189. text-align:center;
  1190. {block:PermalinkPage}
  1191. display:none;
  1192. {/block:PermalinkPage}
  1193. }
  1194.  
  1195. #bottom i {
  1196. color:{color:bar icons};
  1197. }
  1198.  
  1199. #pagination {
  1200. display:inline;
  1201. color:{color:text};
  1202. letter-spacing:1px;
  1203. }
  1204.  
  1205. #pagination a {
  1206. margin:0 15px;
  1207. font-size:{select:font size}px;
  1208. font-weight:bold;
  1209. letter-spacing:1px;
  1210. text-transform:uppercase;
  1211. cursor:{select:cursor hover};
  1212. }
  1213.  
  1214. #current {
  1215. color: {color:links hover};
  1216. display:inline-block;
  1217. font-size:{select:font size}px;
  1218. margin:0 15px;
  1219. letter-spacing:0px;
  1220. font-weight:bold;
  1221. }
  1222.  
  1223. #src {
  1224. font-size:{select:bar icons size}px;
  1225. text-align:right;
  1226. float:right;
  1227. margin-right:10px;
  1228. margin-top:0px;
  1229. }
  1230.  
  1231. #rfs {
  1232. font-size:{select:bar icons size}px;
  1233. text-align:left;
  1234. float:left;
  1235. margin-left:10px;
  1236. padding-top:0px;
  1237. }
  1238.  
  1239. #holder {
  1240. width: 120px;
  1241. background: transparent;
  1242. float:right;
  1243. margin-right:105px;
  1244. margin-top:0px;
  1245. }
  1246.  
  1247. #search {
  1248. border:none;
  1249. border-bottom: 1px solid {color:borders};
  1250. width: 129px;
  1251. height: 15px;
  1252. text-transform:{select:text transform};
  1253. letter-spacing:1px;
  1254. position: absolute;
  1255. font-size:{select:font size}px;
  1256. font-family:{select:font};
  1257. color:{color:text};
  1258. background:transparent;
  1259. padding-left: 0px;
  1260. padding-bottom:3px;
  1261. margin-left:0px;
  1262. transition:all .5s ease-in-out;
  1263. -webkit-transition:all .5s ease-in-out;
  1264. -moz-transition:all .5s ease-in-out;
  1265. -o-transition:all .5s ease-in-out;
  1266. }
  1267.  
  1268. #holder input:focus {
  1269. border-bottom:1px solid {color:links};
  1270. }
  1271.  
  1272. ::-webkit-input-placeholder, :-ms-input-placeholder { color:inherit; }
  1273. :-moz-placeholder, ::-moz-placeholder { color:inherit; opacity:1; }
  1274.  
  1275. input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder, input:focus::-moz-placeholder, input:focus:-ms-input-placeholder
  1276. { color:transparent; }
  1277.  
  1278.  
  1279. /* Permalink Page */
  1280.  
  1281.  
  1282. .perma {
  1283. letter-spacing:1px;
  1284. border-top:1px solid {color:borders};
  1285. margin-top:{text:post padding}px;
  1286. margin-left:-{text:post padding}px;
  1287. margin-right:-{text:post padding}px;
  1288. padding:{text:post padding}px;
  1289. }
  1290.  
  1291. .perma a {
  1292. color:{color:tags};
  1293. }
  1294.  
  1295. .perma a:hover {
  1296. color:{color:links hover};
  1297. }
  1298.  
  1299. .nt {
  1300. font-size:{select:font size}px;
  1301. font-weight:700;
  1302. text-transform:uppercase;
  1303. cursor:{select:cursor hover};
  1304. }
  1305.  
  1306. .via {
  1307. font-size:{select:font size}px;
  1308. text-transform:{select:text transform};
  1309. margin-top:1px;
  1310. font-weight:normal;
  1311. letter-spacing:0px;
  1312. }
  1313.  
  1314. .tag {
  1315. font-size:{select:font size}px;
  1316. text-transform:{select:text transform};
  1317. font-weight:normal;
  1318. letter-spacing:0px;
  1319. margin-top:2px;
  1320. }
  1321.  
  1322. .tag a {
  1323. margin-right:8px;
  1324. }
  1325.  
  1326. ol.notes {
  1327. width:500px;
  1328. margin:auto;
  1329. padding:0;
  1330. display:none;
  1331. list-style-type:none;
  1332. text-transform:uppercase;
  1333. font-size:8px;
  1334. }
  1335.  
  1336. ol.notes li.note { padding:4px 0px; }
  1337.  
  1338. ol.notes li.note img.avatar { display:none; }
  1339.  
  1340.  
  1341. /* Credit */
  1342.  
  1343. .cr {
  1344. top:0px;
  1345. left:0px;
  1346. font-size:10px;
  1347. position:fixed;
  1348. padding:6px 8px;
  1349. z-index:999999999;
  1350.  
  1351. }
  1352.  
  1353. .cr a {
  1354. color:rgba({RGBcolor:text}, .65);
  1355. }
  1356.  
  1357. .cr a:hover {
  1358. color:rgba({RGBcolor:text}, .35);
  1359. }
  1360.  
  1361.  
  1362. {CustomCSS}
  1363.  
  1364.  
  1365. </style>
  1366.  
  1367.  
  1368. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  1369. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1370. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  1371. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1372. {block:IndexPage}
  1373. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  1374. {/block:IndexPage}
  1375.  
  1376. <script>
  1377. $(document).ready(function(){
  1378. {block:IndexPage}
  1379. var $container = $('#content');
  1380. $container.masonry({
  1381. itemSelector: '.posts',
  1382. columnWidth: {select:post size} + {text:post padding}*2 + {text:post margin}*2 {block:IfBorders}+ 2{/block:IfBorders},
  1383. });
  1384. $container.imagesLoaded(function(){
  1385. $container.masonry();
  1386. });
  1387. {/block:IndexPage}
  1388. $("[title],a[title],img[title]").style_my_tooltips({
  1389. tip_follows_cursor:true,
  1390. tip_delay_time:50,
  1391. tip_fade_speed:500,
  1392. attribute:"title"
  1393. });
  1394. $('.photo-slideshow').pxuPhotoset({
  1395. lightbox: true,
  1396. gutter: '3px',
  1397. rounded: 'corners',
  1398. borderRadius: '0px',
  1399. photoset: '.photo-slideshow',
  1400. photoWrap: '.photo-data',
  1401. photo: '.pxu-photo'
  1402. });
  1403. $('#vid iframe').each(function(){
  1404. var scale = $(this).parents('#vid').width() / 500;
  1405. $(this).attr({
  1406. width: Math.floor($(this).attr('width') * scale),
  1407. height: Math.floor($(this).attr('height') * scale)
  1408. });
  1409. });
  1410. $('.sm').each(function() {
  1411. $(this).click(function() {
  1412. var $this = $(this);
  1413. $this.closest('.posts').find('.tt').slideToggle(600);
  1414. $this.toggleClass('tags');
  1415. if ($this.hasClass('tags')) {
  1416. }
  1417. });
  1418. });
  1419. $('.nt').click(function(){
  1420. $(".notes").slideToggle("slow", function() { });
  1421. });
  1422. $('a.poplight[href^=#]').click(function() {
  1423. var popID = $(this).attr('rel');
  1424. var popURL = $(this).attr('href');
  1425. var query= popURL.split('?');
  1426. var dim= query[1].split('&');
  1427. var popWidth = dim[0].split('=')[1];
  1428. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  1429. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1430. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1431. $('#' + popID).css({
  1432. 'margin-top' : -popMargTop,
  1433. 'margin-left' : -popMargLeft
  1434. });
  1435. $('body').append('<div id="fade"></div>');
  1436. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  1437. return false;
  1438. });
  1439. $('a.close, #fade').live('click', function() {
  1440. $('#fade , .popup_block').fadeOut(function() {
  1441. $('#fade, a.close').remove();
  1442. });
  1443. return false;
  1444. });
  1445. });
  1446. </script>
  1447.  
  1448.  
  1449. </head>
  1450. <body>
  1451.  
  1452. <div id="box1" class="popup_block">
  1453. <div class="pop_box">
  1454. {block:IfShowTitle}
  1455. {block:IfPopupIconImage}<div class="pop_img"><a href="/"><img src="{image:popup icon}"></a></div>{/block:IfPopupIconImage}
  1456. <div class="pop_title">{Title}</div>
  1457. {/block:IfShowTitle}
  1458. {block:IfShowDescription}
  1459. <div class="pop_desc">{Description}</div>
  1460. {/block:IfShowDescription}
  1461. <div class="pop_links">
  1462. <ul class="links">
  1463. {block:iflink1}<li>001. <a href="{text:url 1}">{text:link 1}</a></li>{/block:iflink1}
  1464. {block:iflink2}<li>002. <a href="{text:url 2}">{text:link 2}</a></li>{/block:iflink2}
  1465. {block:iflink3}<li>003. <a href="{text:url 3}">{text:link 3}</a></li>{/block:iflink3}
  1466. {block:iflink4}<li>004. <a href="{text:url 4}">{text:link 4}</a></li>{/block:iflink4}
  1467. {block:iflink5}<li>005. <a href="{text:url 5}">{text:link 5}</a></li>{/block:iflink5}
  1468. {block:iflink6}<li>006. <a href="{text:url 6}">{text:link 6}</a></li>{/block:iflink6}
  1469. {block:iflink7}<li>007. <a href="{text:url 7}">{text:link 7}</a></li>{/block:iflink7}
  1470. {block:iflink8}<li>008. <a href="{text:url 8}">{text:link 8}</a></li>{/block:iflink8}
  1471. {block:iflink9}<li>009. <a href="{text:url 9}">{text:link 9}</a></li>{/block:iflink9}
  1472. {block:iflink10}<li>010. <a href="{text:url 10}">{text:link 10}</a></li>{/block:iflink10}
  1473. </ul>
  1474. </div>
  1475. </div>
  1476. </div>
  1477.  
  1478. <div class="top">
  1479. <div id="menu"><a href="#?w=0" rel="box1" class="poplight" title="menu"><i class="fa fa-power-off"></i></a></div>
  1480. </div>
  1481.  
  1482. <div class="cr"><a href="https://kimtys.tumblr.com" title="by kimtys"><i class="fa fa-code"></i></a></div>
  1483.  
  1484. <div id="content">
  1485.  
  1486. {block:Posts}
  1487.  
  1488. <div class="posts">
  1489.  
  1490.  
  1491. {block:ContentSource}
  1492. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1493. {/block:SourceLogo}
  1494. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1495. {/block:ContentSource}
  1496.  
  1497. {block:Text}
  1498. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1499. {Body}
  1500. {/block:Text}
  1501.  
  1502.  
  1503. {block:Link}
  1504. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  1505. {block:Description}{Description}{/block:Description}
  1506. {/block:Link}
  1507.  
  1508. {block:Photo}
  1509. <div id="photo">
  1510. {block:IndexPage}
  1511. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  1512. {/block:IndexPage}
  1513. {block:PermalinkPage}
  1514. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}</center>
  1515. {/block:PermalinkPage}
  1516. </div>
  1517. {/block:Photo}
  1518.  
  1519.  
  1520. {block:Photoset}
  1521. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1522. {block:Photos}
  1523. <div class="photo-data">
  1524. <div class="pxu-photo">
  1525. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1526. </div>
  1527. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1528. </div>
  1529. {/block:Photos}
  1530. </div>
  1531. {/block:Photoset}
  1532.  
  1533.  
  1534. {block:Video}
  1535. <div id="vid">{Video-500}</div>
  1536. {/block:Video}
  1537.  
  1538.  
  1539. {block:Audio}
  1540. <div id="art">
  1541. {block:AlbumArt}<img src="{AlbumArtURL}">
  1542. {/block:AlbumArt}
  1543. </div>
  1544. <div id="player"><div style="position: absolute; margin: 0px 0px 0px 0px; padding: 8px 8px 8px 8px; background: #fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;">
  1545. <div style="width: 27px; height: 27px; overflow: hidden;">
  1546. {AudioPlayerWhite}
  1547. </div></div></div>
  1548. <div id="info">
  1549. <span class="song">{block:TrackName}{TrackName}{/block:TrackName}
  1550. </span>
  1551. <span class="artist">{block:Artist} by {Artist}{/block:Artist}</span>
  1552. </div><div style="margin-bottom:4px"></div>
  1553. {/block:Audio}
  1554.  
  1555.  
  1556. {block:Answer}
  1557. <a href="{AskerURL}" title="{AskerName}"><img id="qimg" src="{AskerPortraitURL-64}"></img></a> <div id="question">{Question}</div>
  1558. {Answer}
  1559. <div style="margin-bottom:4px"></div>
  1560. {/block:Answer}
  1561.  
  1562.  
  1563. {block:Quote}
  1564. <div id="qu">{Quote}</div>
  1565. {block:Source}<p id="source">{Source}</p>{/block:Source}
  1566. {/block:Quote}
  1567.  
  1568.  
  1569. {block:Chat}
  1570. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1571. <div class="lines">
  1572. {block:Lines}
  1573. <div class="line {Alt}"><span class="name">{block:Label}<b>{Label}</b>{/block:Label}</span> {Line}</div>
  1574. {/block:Lines}
  1575. </div>
  1576. {/block:Chat}
  1577.  
  1578.  
  1579. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1580.  
  1581.  
  1582. {block:IndexPage}
  1583. {block:IfReblogButton}
  1584. <div class="reblog"><div class="r"><div class="reblog_button"></div>{ReblogButton}<span class="rb"><i class="fa fa-retweet"></i></span></div></div>
  1585. {/block:IfReblogButton}
  1586. {block:IfLikeButton}
  1587. <div class="like"><div class="l"><div class="like_button"></div>{LikeButton}<span class="lk"><i class="fa fa-heart"></i></span></div></div>
  1588. {/block:IfLikeButton}
  1589. <div class="pp">{block:IfPermalinkIcons}<div class="pp1"><a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero}"><i class="fa fa-user"></i></a></div><div class="pp2"><a href="{Permalink}" title="{NoteCount} N"><i class="fa fa-globe"></i></a>{/block:RebloggedFrom}</div>{block:IfShowTags}<div class="pp3">{block:HasTags}{block:IfClickableTags}<a class="sm tags" style="cursor:{select:cursor hover}" title="show tags"><i class="fa fa-thumb-tack"></i></a><div class="tt">{block:Tags}<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:IfClickableTags}{block:IfNotClickableTags}<i class="fa fa-thumb-tack" style="cursor:{select:cursor hover}" title="{block:Tags}# {Tag} {/block:Tags}"></i>{/block:IfNotClickableTags}{/block:HasTags}</div>{/block:IfShowTags}{/block:IfPermalinkIcons}
  1590. {block:IfNotPermalinkIcons}
  1591. <div class="pp1"><b><a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a></b></div><div class="pp2">{NoteCount} N{block:IfShowTags}{block:HasTags}&emsp;:&emsp;{block:IfClickableTags}<a class="sm tags" style="cursor:{select:cursor hover}">tags</a><div class="tt">{block:Tags}<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:IfClickableTags}{block:IfNotClickableTags}<a style="cursor:{select:cursor hover}" title="{block:Tags}# {Tag} {/block:Tags}">tags</a>{/block:IfNotClickableTags}{/block:HasTags}{/block:IfShowTags}</div><p>
  1592. {/block:IfNotPermalinkIcons}
  1593. </div>
  1594. {/block:IndexPage}
  1595.  
  1596.  
  1597. {block:PermalinkPage}
  1598. <div class="perma">{block:Date}
  1599. <a class="nt" title="show notes">{NoteCountWithLabel}</a>
  1600. {block:RebloggedFrom}
  1601. <div class="via">via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> by <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></div>
  1602. {/block:RebloggedFrom}
  1603. {block:HasTags}
  1604. <div class="tag">tagged as {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
  1605. {/block:HasTags}
  1606. </div>{/block:Date}
  1607. </div>
  1608. {/block:PermalinkPage}
  1609.  
  1610.  
  1611.  
  1612. </div>
  1613.  
  1614.  
  1615. {block:PermalinkPage}
  1616. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1617. {/block:PermalinkPage}
  1618.  
  1619.  
  1620.  
  1621. {/block:Posts}
  1622. </div>
  1623.  
  1624.  
  1625. {block:IndexPage}
  1626. <div id="bottom">
  1627. {block:IfRefreshButton}
  1628. <div id="rfs"><a href="/" title="refresh"><i class="fa fa-spinner fa-spin"></i></a></div>
  1629. {/block:IfRefreshButton}
  1630. {block:Pagination}
  1631. <div id="pagination">
  1632. {block:JumpPagination length="3"}
  1633. {block:CurrentPage}
  1634. <div id="current">{PageNumber}</div>
  1635. {/block:CurrentPage}
  1636. {block:JumpPage}
  1637. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1638. {/block:JumpPage}
  1639. {/block:JumpPagination}
  1640. </div>
  1641. {/block:Pagination}
  1642. {block:IfSearch}
  1643. <form id="holder" action="/search" method="get">
  1644. <input type="text" id="search" name="q" value="" />
  1645. </form>
  1646. <div id="src"><i class="fa fa-search"></i></div>
  1647. {/block:IfSearch}
  1648. </div>
  1649. {/block:IndexPage}
  1650.  
  1651.  
  1652.  
  1653.  
  1654.  
  1655.  
  1656. </body>
  1657. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!