kimtys

INCIPIENT

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