kimtys

FLOWER

Apr 25th, 2015
9,988
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.83 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6.  
  7. FLOWER THEME BY KIMTYS.TUMBLR.COM
  8.  
  9. edit as much as you want but please don't hide or remove credits!
  10.  
  11. --
  12.  
  13. updated! (160426)
  14.  
  15. photoset: pixelunion (github.com)
  16. video: shythemes.tumblr.com
  17. tumblr controls: ladmilk.tumblr.com
  18. infinitescroll: paulirish (github.com)
  19. smoothscroll: deadpoolkilledzac.tumblr.com
  20.  
  21. -->
  22.  
  23. <head>
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}" />
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  30.  
  31.  
  32. <meta name="if:borders" content="0" />
  33. <meta name="if:rounded posts" content="1" />
  34. <meta name="if:show icon" content="1" />
  35. <meta name="if:description" content="1" />
  36. <meta name="if:show captions" content="1" />
  37. <meta name="if:show tags" content="1" />
  38. <meta name="if:infinite scroll" content="0" />
  39. <meta name="if:show subtitle" content="1" />
  40. <meta name="if:extra link" content="0" />
  41.  
  42. <meta name="select:post size" content="350" title="350px" />
  43. <meta name="select:post size" content="250" title="250px" />
  44. <meta name="select:post size" content="300" title="300px" />
  45. <meta name="select:post size" content="400" title="400px" />
  46. <meta name="select:post size" content="500" title="500px" />
  47.  
  48. <meta name="image:background" content="/"/>
  49. <meta name="image:icon" content=""/>
  50. <meta name="image:posts bg" content="/"/>
  51. <meta name="image:sidebar bg" content="/"/>
  52.  
  53. <meta name="text:subtitle" content="@name"/>
  54. <meta name="text:permalink symbol" content="♡"/>
  55. <meta name="text:sidebar left" content="200"/>
  56. <meta name="text:sidebar top" content="80"/>
  57. <meta name="text:posts left" content="580"/>
  58. <meta name="text:link 1 url" content="url"/>
  59. <meta name="text:link 1 title" content="link 1"/>
  60. <meta name="text:link 2 url" content="url"/>
  61. <meta name="text:link 2 title" content="link 2"/>
  62. <meta name="text:link 3 url" content="url"/>
  63. <meta name="text:link 3 title" content="link 3"/>
  64. <meta name="text:link 4 url" content="url"/>
  65. <meta name="text:link 4 title" content="link 4"/>
  66. <meta name="text:link 5 url" content="url"/>
  67. <meta name="text:link 5 title" content="extra link"/>
  68.  
  69. <meta name="color:background" content="#f5f5f5"/>
  70. <meta name="color:text" content="#979696"/>
  71. <meta name="color:link" content="#f8a2b5"/>
  72. <meta name="color:hover" content="#7b7b7b"/>
  73. <meta name="color:title" content="#979696"/>
  74. <meta name="color:subtitle" content="#b1b1b1"/>
  75. <meta name="color:sidebar" content="#ffffff;"/>
  76. <meta name="color:borders" content="#ededed;"/>
  77. <meta name="color:posts" content="#ffffff;"/>
  78. <meta name="color:tags" content="#bbbbbb"/>
  79. <meta name="color:audio ask quote chat" content="#f5f5f5"/>
  80. <meta name="color:captions" content="#f5f5f5"/>
  81. <meta name="color:blockquote" content="#dddddd" />
  82. <meta name="color:permalink" content="#aaaaaa"/>
  83.  
  84.  
  85. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  86. <link href='https://fonts.googleapis.com/css?family=Cousine:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  87.  
  88.  
  89. <style type="text/css">
  90.  
  91.  
  92.  
  93. /* Tumblr Controls */
  94.  
  95.  
  96. .tmblr-iframe--desktop-logged-in-controls, #tumblr_controls {
  97. top:0%;
  98. right:0%;
  99. position:fixed;
  100. z-index:999999999;
  101. opacity:0.3;
  102. -webkit-filter:invert(100%);
  103. -moz-filter:invert(100%);
  104. -o-filter:invert(100%);
  105. -ms-filter:invert(100%);
  106. filter:invert(100%);
  107. }
  108.  
  109.  
  110.  
  111. /* Scrollbar & Selection */
  112.  
  113.  
  114. ::-webkit-scrollbar {
  115. height: 0px;
  116. width: 9px;
  117. background: {color:link};
  118. border: 4px solid {color:background};
  119. }
  120.  
  121. ::-webkit-scrollbar-thumb {
  122. background: {color:link};
  123. border: {color:background} solid 2px;
  124. height:8px;
  125. width: 11px;
  126. border-radius: 8px;
  127. -moz-border-radius: 8px;
  128. -webkit-border-radius: 8px;
  129. o-border-radius: 8px;
  130. -ms-border-radius: 8px;
  131. }
  132.  
  133. ::-moz-selection {background:{color:link};color:#fff;}
  134.  
  135. ::selection {background:{color:link};color:#fff;}
  136.  
  137.  
  138.  
  139. /* Body */
  140.  
  141.  
  142. body {
  143. font-family:arial;
  144. line-height: 140%;
  145. word-wrap: break-word;
  146. text-align: justify;
  147. font-weight:normal;
  148. font-size:12px;
  149. letter-spacing:.02em;
  150. color:{color:text};
  151. background:{color:background};
  152. margin:0;
  153. padding:0;
  154. background-color: {color:Background};
  155. background-image:url({image:background});
  156. background-attachment:fixed;
  157. background-repeat:100%;
  158. background-position:top-left;
  159. }
  160.  
  161. hr {
  162. border: 0;
  163. height: 2px;
  164. background:{color:borders};
  165. }
  166.  
  167.  
  168. small, sub, sup, code { font-size: 11px !important; }
  169.  
  170.  
  171. big { font-size:13px; }
  172.  
  173.  
  174. pre {
  175. width:100%;
  176. font: 11px cousine, lucida sans, tahoma;
  177. white-space:pre-wrap;
  178. word-wrap:break-word;
  179. }
  180.  
  181.  
  182. a {
  183. color:{color:link};
  184. text-decoration:none;
  185. }
  186.  
  187.  
  188. a:hover {
  189. text-decoration:none;
  190. color:{color:hover};
  191. }
  192.  
  193.  
  194. b, strong { font-weight:bold; }
  195.  
  196.  
  197. i, em { font-weight:italic; }
  198.  
  199.  
  200. ul, ol { margin:5px 0px 5px 15px; padding:0; }
  201.  
  202.  
  203. ul { margin-left:0; list-style-type:none; }
  204.  
  205.  
  206. ul li { padding:1px 0px 1px 25px; position:relative; text-align:left; }
  207.  
  208.  
  209. ul li:before {
  210. content:'•';
  211. top:2px;
  212. font-size:13px;
  213. left:10px;
  214. color:{color:link};
  215. position:absolute;
  216. display:block;
  217. font-family:sans-serif;
  218. }
  219.  
  220.  
  221.  
  222. /* Tooltip */
  223.  
  224.  
  225.  
  226. #s-m-t-tooltip {
  227. padding: 10px;
  228. height:auto;
  229. font-family: cousine, lucida sans, tahoma;
  230. font-size: 11px;
  231. text-align: center;
  232. letter-spacing:0px;
  233. margin-top:15px;
  234. margin-left:20px;
  235. margin-bottom:15px;
  236. margin-right:15px;
  237. line-height:8px;
  238. z-index: 999999999999;
  239. border-radius:5px;
  240. background:transparent;
  241. color: {color:Text};
  242. background-color:{color:posts};
  243. {block:ifnotroundedposts}
  244. border-radius:0px;
  245. {/block:ifnotroundedposts}
  246. }
  247.  
  248.  
  249.  
  250. /* Posts */
  251.  
  252.  
  253.  
  254. #content {
  255. {block:IndexPage}
  256. width:calc({select:post size}px + 30px);
  257. {/block:IndexPage}
  258. {block:PermalinkPage}
  259. width:500px;
  260. {/block:PermalinkPage}
  261. margin:auto auto auto {text:posts left}px;
  262. padding:0;
  263. }
  264.  
  265.  
  266. .posts {
  267. {block:IndexPage}
  268. width:{select:post size}px;
  269. {/block:IndexPage}
  270. {block:PermalinkPage}
  271. width:500px;
  272. {/block:PermalinkPage}
  273. background-color:{color:posts};
  274. padding:15px;
  275. margin:80px auto 15px auto;
  276. border-radius:10px;
  277. background-image:url({image:posts bg});
  278. background-attachment:;
  279. background-repeat:100%;
  280. background-size:cover;
  281. background-position:;
  282. {block:ifnotroundedposts}
  283. border-radius:0px;
  284. {/block:ifnotroundedposts}
  285. }
  286.  
  287.  
  288. .posts img { max-width:100%;height:auto; }
  289.  
  290.  
  291. #photo img { width:100%; display:block; }
  292.  
  293.  
  294. #title {
  295. font-family:cousine, lucida sans, tahoma;
  296. color:{color:text};
  297. margin-bottom:10px;
  298. padding:15px;
  299. text-align:center;
  300. font-weight:bold;
  301. font-size:17px;
  302. }
  303.  
  304.  
  305.  
  306. /* Captions */
  307.  
  308.  
  309.  
  310. blockquote {
  311. border-left:2px solid {color:blockquote};
  312. margin:10px 5px 5px 0px;
  313. padding:0px 5px 0px 8px;
  314. }
  315.  
  316. {block:ifshowcaptions}
  317. #captions {
  318. margin-top:7px;
  319. background:{color:captions};
  320. padding:1px 0px 3px 10px;
  321. }
  322. {/block:ifshowcaptions}
  323.  
  324. {block:ifnotshowcaptions}
  325. {block:indexpage}
  326. #captions { display:none; }
  327. {/block:indexpage}
  328. {/block:ifnotshowcaptions}
  329.  
  330.  
  331.  
  332. /* Permalink */
  333.  
  334.  
  335.  
  336.  
  337. #perma {
  338. width:calc({select:post size}px + 20px);
  339. color:{color:text};
  340. margin:10px 0px 0px 0px;
  341. padding:0px 20px 10px 0px;
  342. line-height:13px;
  343. margin-left:-17px;
  344. text-align:right;
  345. font-size:14px;
  346. font-weight:bold;
  347. {block:permalinkpage}
  348. width:520px;
  349. {/block:permalinkpage}
  350. }
  351.  
  352. #perma a {
  353. margin-left:0px;
  354. color:{color:permalink};
  355. padding:0px 5px 10px 5px;
  356. }
  357.  
  358.  
  359. #perma a:hover {
  360. color:{color:link};
  361. border-bottom: 3px solid {color:link};
  362. }
  363.  
  364.  
  365. #tags {
  366. margin:1px -15px 0px -15px;
  367. padding:8px 30px 0px 30px;
  368. line-height:130%;
  369. margin-bottom:-5px;
  370. text-align:justify;
  371. font-size:10px;
  372. border-top: 3px solid {color:background};
  373. color:#bbb;
  374. word-wrap:break-word;
  375. }
  376.  
  377.  
  378. #tags a {
  379. color:{color:tags};
  380. margin-right:7px;
  381. font-size:11px;
  382. }
  383.  
  384. #tags a:hover {
  385. color:{color:link};
  386. }
  387.  
  388.  
  389. {block:ifnotshowtags}
  390. {block:indexpage}
  391. #tags { display:none; }
  392. #perma { padding-bottom:2px; }
  393. #perma a:hover { border-bottom:none; }
  394. #posts { margin-bottom:-10px; }
  395. {/block:indexpage}
  396. {/block:ifnotshowtags}
  397.  
  398.  
  399. #notes {
  400. border-top: 3px solid {color:background};
  401. margin:15px 0px 0px -15px;
  402. padding-top:5px;
  403. width:530px;
  404. font-size:12px;
  405. list-style-type:none;
  406. {block:indexpage}
  407. display:none;
  408. {/block:indexpage}
  409. }
  410.  
  411. #notes li { list-style-type:none;line-height:150%;}
  412.  
  413. #notes img { display:none!important; }
  414.  
  415. #notes a { color:{color:tags}; }
  416.  
  417. #notes a:hover { color:{color:link}; }
  418.  
  419.  
  420.  
  421. /* Sidebar */
  422.  
  423.  
  424. #sidebar {
  425. background-color:{color:sidebar};
  426. border-radius: 10px 10px 10px 10px;
  427. top:{text:sidebar top}px;
  428. width:220px;
  429. text-align:left;
  430. position:fixed;
  431. margin-left:{text:sidebar left}px;
  432. padding:15px;
  433. padding-bottom:3px;
  434. background-image:url({image:sidebar bg});
  435. background-attachment:;
  436. background-repeat:100%;
  437. background-size:cover;
  438. background-position:;
  439. }
  440.  
  441.  
  442. #desc {
  443. color:{color:text};
  444. margin-left: -15px;
  445. margin-top:12px;
  446. width:100%;
  447. text-align:justify;
  448. background:transparent;
  449. padding:15px;
  450. border-top: 3px solid {color:background};
  451. line-height:15px;
  452. font-size:11px;
  453. }
  454.  
  455.  
  456. #desc a {
  457. line-height:16px;
  458. text-decoration:none;
  459. background-color:transparent;
  460. }
  461.  
  462.  
  463. #desc a:hover { text-decoration:none; }
  464.  
  465.  
  466. #icon {
  467. float:left;
  468. top:{text:description top}px;
  469. margin-top:-35px;
  470. margin-left:2px;
  471. margin-right:7px;
  472. background:{color:sidebar};
  473. padding:5px;
  474. width:64px;
  475. height:64px;
  476. border-radius:10px;
  477. background-image:url({image:sidebar bg});
  478. background-attachment:;
  479. background-repeat:100%;
  480. background-position:top-left;
  481. }
  482.  
  483.  
  484. #btitle {
  485. font-family:arial;
  486. color:{color:title};
  487. text-align:left;
  488. margin-left:0px;
  489. margin-top:-4px;
  490. font-weight:bold;
  491. font-size:17px;
  492. }
  493.  
  494.  
  495. #btitle a { color:{color:title}; }
  496.  
  497.  
  498. #btitle a:hover { color:{color:hover}; }
  499.  
  500.  
  501. #subtitle {
  502. font-size:10px;
  503. color:{color:subtitle};
  504. margin-left:0px;
  505. line-height:14px;
  506. margin-top:3px;
  507. margin-bottom:-15px;
  508. text-align:justify;
  509. }
  510.  
  511.  
  512. #linkus {
  513. margin-left:-3px;
  514. margin-top:37px;
  515. font-weight:bold;
  516. font-size:16px;
  517. color:{color:link};
  518. }
  519.  
  520.  
  521. #linkus a {
  522. padding:10px;
  523. padding-bottom:11px;
  524. color:{color:link};
  525. }
  526.  
  527. #linkus a:hover {
  528. color:{color:hover};
  529. border-bottom: 3px solid {color:link};
  530. }
  531.  
  532. {block:ifextralink}
  533. #linkus {
  534. margin-left:-3px;
  535. margin-top:37px;
  536. font-weight:bold;
  537. font-size:15px;
  538. color:{color:link};
  539. }
  540.  
  541. #linkus a {
  542. padding:6px;
  543. padding-bottom:11px;
  544. color:{color:link};
  545. }
  546. {/block:ifextralink}
  547.  
  548. {block:ifnotdescription}
  549. #desc { display:none; }
  550. #sidebar { padding-bottom:13px; }
  551. #linkus a:hover { border-bottom:none; }
  552. {/block:ifnotdescription}
  553.  
  554.  
  555.  
  556. /* Pagination */
  557.  
  558.  
  559.  
  560. #pag { text-align:center; }
  561.  
  562. .pagination {
  563. margin-bottom:100px;
  564. margin-top:80px;
  565. padding-left:15px;
  566. }
  567.  
  568. .pagination a {
  569. margin:0 10px;
  570. padding: 8px 12px;
  571. color:{color:text};
  572. background:{color:posts};
  573. font-family:cousine, lucida sans, tahoma;
  574. font-size:12px;
  575. border-radius:5px;
  576. bottom:200px;
  577. {block:ifnotroundedposts}
  578. border-radius:0px;
  579. {/block:ifnotroundedposts}
  580. }
  581.  
  582. .pagination a:hover {
  583. padding: 8px 12px;
  584. color: {color:link};
  585. font-family:cousine, lucida sans, tahoma;
  586. font-size:12px;
  587. }
  588.  
  589. {block:IfInfiniteScroll}
  590. .pagination { display:none; }
  591. {/block:IfInfiniteScroll}
  592.  
  593.  
  594. /* Question */
  595.  
  596.  
  597. .q img {
  598. width:40px;
  599. margin-top:-10px;
  600. margin-left:0px;
  601. padding:5px;
  602. background:{color:audio ask quote chat};
  603. display:block;
  604. float:left;
  605. }
  606.  
  607. .q span {
  608. margin-top:10px;
  609. padding:14px 0px 30px 0px;
  610. padding-left:55px;
  611. background:{color:audio ask quote chat};
  612. display:block;
  613. text-align:left;
  614. text-transform:uppercase;
  615. color:#999;
  616. font-weight:bold;
  617. letter-spacing:1px;
  618. font-size:10px;
  619. line-height:100%;
  620. }
  621.  
  622. .question {
  623. padding:10px;
  624. background:{color:audio ask quote chat};
  625. position:relative;
  626. margin-top:-14px;
  627. border-top:2px solid {color:posts};
  628. }
  629.  
  630. .a { margin-top:10px; }
  631.  
  632.  
  633.  
  634. /* Chat */
  635.  
  636.  
  637. .lines .line {
  638. background: {color:audio ask quote chat};
  639. padding: 5px;
  640. margin-bottom: 2px;
  641. }
  642.  
  643. .lines .line.even {
  644. background-color: transparent
  645. }
  646.  
  647.  
  648.  
  649. /* Quote */
  650.  
  651.  
  652.  
  653. #quote {
  654. background:{color:audio ask quote chat};
  655. padding:10px;
  656. font-size:13px;
  657. font-weight:bold;
  658. font-style:italic;
  659. }
  660.  
  661. #source {
  662. text-align:center;
  663. padding-top:5px;
  664. font-size:11px;
  665. }
  666.  
  667.  
  668. /* Video */
  669.  
  670.  
  671.  
  672. .video, .video iframe { display:block; overflow:hidden; }
  673.  
  674.  
  675.  
  676. /* Audio */
  677.  
  678.  
  679. #info {
  680. width:calc({select:post size}px - 88px);
  681. {block:PermalinkPage}
  682. width:calc(500px - 88px);
  683. {/block:PermalinkPage}
  684. margin-left:88px;
  685. }
  686.  
  687. #infoline {
  688. padding-top:2.5px;
  689. padding-bottom:2px;
  690. padding-left:5px;
  691. padding-right:5px;
  692. background: {color:audio ask quote chat};
  693. border-right:1px solid {color:audio ask quote chat};
  694. border-bottom:1px solid {color:posts};
  695. font-family:arial;
  696. font-size:7px;
  697. line-height:14px;
  698. letter-spacing:1px;
  699. text-align:left;
  700. text-transform:uppercase;
  701. }
  702.  
  703. #player {
  704. width:calc({select:post size}px - 90px);
  705. {block:PermalinkPage}
  706. width:calc(500px - 90px);
  707. {/block:PermalinkPage}
  708. height:27px;
  709. margin-left:88px;
  710. overflow:hidden;
  711. background-color:#fff;
  712. border:1px solid {color:audio ask quote chat};
  713. border-bottom:1px solid {color:posts};
  714. border-left:1px solid {color:posts};
  715. }
  716.  
  717.  
  718. #art {
  719. width:70px;
  720. height:70px;
  721. position:absolute;
  722. padding:8px;
  723. border: 1px solid {color:posts};
  724. border-top:1px solid {color:audio ask quote chat};
  725. background: {color:audio ask quote chat};
  726. }
  727.  
  728. #art img {
  729. width:70px;
  730. height:70px;
  731. }
  732.  
  733.  
  734.  
  735.  
  736. /* Photoset */
  737.  
  738.  
  739.  
  740.  
  741. .tmblr-lightbox { background:rgba({RGBcolor:background}, .7)!important; }
  742.  
  743.  
  744. .vignette, .lightbox-caption { opacity:0!important; }
  745.  
  746.  
  747. .lightbox-image {
  748. border-radius:0px!important;
  749. -webkit-border-radius:0px!important;
  750. -moz-border-radius:0px!important;
  751. box-shadow:none!important;
  752. -webkit-box-shadow:none!important;
  753. -moz-box-shadow:none!important;
  754. }
  755.  
  756.  
  757. {block:ifborders}
  758. .posts, .pagination a, #sidebar, #icon, #cr, #s-m-t-tooltip { border:1px solid {color:borders}; }
  759. {/block:ifborders}
  760.  
  761. {block:ifnotshowicon}
  762. #btitle { margin-left:0px; text-align:center; }
  763. #subtitle { margin-top:5px; }
  764. #icon { display:none; }
  765. {/block:ifnotshowicon}
  766.  
  767.  
  768. /* Credit */
  769.  
  770.  
  771. #cr {
  772. bottom:10px;
  773. right:10px;
  774. color:#000000;
  775. font-weight:bold;
  776. font-family:cousine, lucida sans, tahoma;
  777. font-size:12px;
  778. position:fixed;
  779. background:{color:posts};
  780. padding:5px 7px;
  781. border-radius:5px;
  782. {block:ifnotroundedposts}
  783. border-radius:0px;
  784. {/block:ifnotroundedposts}
  785. }
  786.  
  787. {CustomCSS}
  788.  
  789.  
  790.  
  791. </style>
  792.  
  793.  
  794. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  795. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  796. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  797. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  798. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  799. {block:IndexPage}{block:ifInfinitescroll}
  800. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  801. {/block:ifInfinitescroll}{/block:IndexPage}
  802.  
  803. <script>
  804. $(document).ready(function(){
  805. $("[title],a[title],img[title]").style_my_tooltips({
  806. tip_follows_cursor:true,
  807. tip_delay_time:10,
  808. tip_fade_speed:100,
  809. attribute:"title"
  810. });
  811. $('.photo-slideshow').pxuPhotoset({
  812. lightbox: true,
  813. rounded: false,
  814. gutter: '5px',
  815. borderRadius: '0px',
  816. photoset: '.photo-slideshow',
  817. photoWrap: '.photo-data',
  818. photo: '.pxu-photo'
  819. });
  820. {block:IndexPage}
  821. {block:ifInfinitescroll}
  822. var $container = $('#content');
  823. $container.infinitescroll({
  824. itemSelector :".posts",
  825. navSelector : ".pagination",
  826. nextSelector : ".pagination a#next",
  827. loadingImg : "",
  828. loadingText : "<em></em>",
  829. bufferPx : 2000,
  830. },
  831. function(newElements){
  832. resizeVideos();
  833. $(newElements).find('.photo-slideshow').pxuPhotoset({
  834. lightbox: true,
  835. rounded: false,
  836. gutter: '5px',
  837. borderRadius: '0px',
  838. photoset: '.photo-slideshow',
  839. photoWrap: '.photo-data',
  840. photo: '.pxu-photo'
  841. });
  842. });
  843. {/block:ifInfinitescroll}
  844. {/block:IndexPage}
  845. });
  846. </script>
  847.  
  848.  
  849.  
  850. </head>
  851. <body>
  852.  
  853. <div id="sidebar">
  854. <a href="/" title="{title}"> <div id="icon"><img src="{PortraitURL-64}" style="position:fixed; width:64px; height:64px; border-radius:5px;"> <img src="{image:icon}" style="position:fixed; top:{text:description top}px; margin-top:-5px; margin-left:-5px; background-color:transparent; padding:5px;width:64px; border-radius:10px;height:64px;{block:ifborders}margin-top:-5px;{/block:ifborders}"></a></div>
  855. <div id="btitle">
  856. <a href="/">{Title}</a>
  857. {block:ifshowsubtitle}
  858. <div id="subtitle">{text:subtitle}</div>
  859. {/block:ifshowsubtitle}
  860. </div>
  861. <div id="linkus">
  862. {block:ifnotextralink}
  863. <a href="{text:link 1 url}" title="{text:link 1 title}">001.</a>
  864. <a href="{text:link 2 url}" title="{text:link 2 title}">002.</a>
  865. <a href="{text:link 3 url}" title="{text:link 3 title}">003.</a>
  866. <a href="{text:link 4 url}" title="{text:link 4 title}">004.</a>
  867. {block:ifnotextralink}
  868. {block:ifextralink}
  869. <a href="{text:link 1 url}" title="{text:link 1 title}">001.</a>
  870. <a href="{text:link 2 url}" title="{text:link 2 title}">002.</a>
  871. <a href="{text:link 3 url}" title="{text:link 3 title}">003.</a>
  872. <a href="{text:link 4 url}" title="{text:link 4 title}">004.</a>
  873. <a href="{text:link 5 url}" title="{text:link 5 title}">005.</a>
  874. {/block:ifextralink}
  875. </div>
  876. <div id="desc">{description} </div>
  877. </div>
  878.  
  879.  
  880. <div id="cr">
  881. <a href="https://kimtys.tumblr.com" title="theme by kimtys">k.</a>
  882. </div>
  883.  
  884.  
  885. <div id="content">
  886.  
  887.  
  888. {block:Posts}
  889. <div class="posts">
  890.  
  891.  
  892.  
  893. {block:ContentSource}
  894. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  895. {/block:SourceLogo}
  896. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  897. {/block:ContentSource}
  898.  
  899.  
  900. {block:Photo}
  901. <div id="photo">
  902. {block:IndexPage}
  903. {LinkOpenTag}<img src="{PhotoURL-500}" alt='{PhotoAlt}' />{LinkCloseTag}
  904. {/block:IndexPage}
  905. {block:PermalinkPage}
  906. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  907. {/block:PermalinkPage}
  908. </div>
  909. {/block:Photo}
  910.  
  911.  
  912. {block:Photoset}
  913. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  914. {block:Photos}
  915. <div class="photo-data">
  916. <div class="pxu-photo">
  917. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  918. </div>
  919. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  920. </div>
  921. {/block:Photos}
  922. </div>
  923. {/block:Photoset}
  924.  
  925. {block:Text}
  926. {block:Title} <div id="title">{Title}</div> {/block:Title}
  927. {Body}
  928. {block:More}
  929. <a href="{Permalink}">Read More</a>
  930. {/block:More}
  931. {/block:Text}
  932.  
  933. {block:Answer}
  934. <div class="q"><img src="{AskerPortraitURL-40}"/><span>{Asker} asked:</span></div><div class="question">{Question}</div>
  935. <div class="a">{Answer}</div>
  936. {block:More}
  937. <a href="{Permalink}">Read More</a>
  938. {/block:More}
  939. {/block:Answer}
  940.  
  941. {block:Chat}
  942. {block:Title}<div id="title">{Title}</div>{/block:Title}
  943. <div class="lines">
  944. {block:Lines}
  945. <div class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>
  946. {/block:Lines}
  947. </div>
  948. {/block:Chat}
  949.  
  950. {block:Quote}<div id="quote">{Quote}</div>{block:source}<div id="source">— {source} —</div>{/block:source}
  951. {/block:Quote}
  952.  
  953. {block:Audio}
  954. <table border="0" cellpadding="0" cellspacing="0"><tr><td id="art" valign="top">
  955. {block:AlbumArt}
  956. <img src="{AlbumArtURL}"/>
  957. {/block:AlbumArt}
  958. </td><td valign="top"><div id="player">{AudioPlayerWhite}</div>
  959. <div id="info"><div id="infoline"><b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  960. <div id="infoline"><b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</div>
  961. <div id="infoline">{block:PlayCount}{PlayCountwithlabel}{/block:PlayCount}</div>
  962. </div></td></tr></table>
  963. {/block:Audio}
  964.  
  965. {block:Link}
  966. <div id="title"><a href="{URL}" {Target}>{Name}</a></div>
  967. {description}
  968. {/block:Link}
  969.  
  970. {block:Video}
  971. <div class="video">{Video-500}</div>
  972. {/block:Video}
  973.  
  974. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  975.  
  976. {block:indexpage}
  977. {block:date} <div id="perma"><a href="{permalink}" title="permalink">{NoteCount}</a> {text:permalink symbol} <a href="{permalink}" title="{DayOfMonthWithZero} {ShortMonth} {Year}">{24HourWithZero}:{Minutes}</a></div>
  978. {block:HasTags} <div id="tags">{block:Tags}• <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  979. {block:PostNotes} <div id="notes">{PostNotes}</div> {/block:PostNotes}
  980. {/block:indexpage}
  981.  
  982. {block:permalinkpage}
  983. {block:date} <div id="perma"><a href="{permalink}" title="permalink">{NoteCount}</a> {text:permalink symbol} <a href="{permalink}" title="{DayOfMonthWithZero} {ShortMonth} {Year}">{24HourWithZero}:{Minutes}</a> / {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a> {text:permalink symbol} <a href="{ReblogRootURL}" title="{ReblogRootName}">SRC</a>{/block:RebloggedFrom}
  984. </div>
  985. {block:HasTags} <div id="tags">{block:Tags}• <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  986. {block:PostNotes} <div id="notes">{PostNotes}</div> {/block:PostNotes}
  987. {/block:permalinkpage}
  988.  
  989.  
  990. </div>
  991. {/block:Posts}
  992.  
  993. {block:IndexPage}
  994. <div id="pag">
  995. {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}
  996. </div>
  997. {/block:IndexPage}
  998.  
  999. </div>
  1000.  
  1001.  
  1002. </body>
  1003. </html>
Advertisement
Add Comment
Please, Sign In to add comment