API tools faq
paste
kimtys

FELICITY

kimtys
Sep 11th, 2016
11,257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.64 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6. FELICITY 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. updated! (161106)
  13.  
  14. photoset: pixelunion (github.com)
  15. video: shythemes (tumblr.com)
  16. like & reblog button: mikedidthis (github.com) & shythemes (tumblr.com)
  17. smoothscroll: zacharyfury (tumblr.com)
  18. icons: antonps (github.com) & fontawesome.io
  19.  
  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="image:sidebar" content="" />
  33. <meta name="image:background" content="" />
  34.  
  35. <meta name="color:background" content="#ffffff" />
  36. <meta name="color:posts" content="#f8f8f8" />
  37. <meta name="color:posts background" content="#ffffff" />
  38. <meta name="color:borders" content="#f5f5f5" />
  39. <meta name="color:sidebar" content="#f5f5f5" />
  40. <meta name="color:text" content="#555555" />
  41. <meta name="color:links" content="#919191" />
  42. <meta name="color:side and perma links" content="#aaaaaa" />
  43. <meta name="color:links hover" content="#555555" />
  44. <meta name="color:permalink" content="#f5f5f5" />
  45. <meta name="color:tags" content="#aaaaaa" />
  46. <meta name="color:like and reblog" content="#444444" />
  47. <meta name="color:accents" content="#f8c1b4" />
  48. <meta name="color:blockquote" content="#eeeeee" />
  49. <meta name="color:scrollbar" content="#f8c1b4" />
  50.  
  51. <meta name="if:show title" content="1" />
  52. <meta name="if:show description" content="1" />
  53. <meta name="if:right sidebar" content="1" />
  54. <meta name="if:like and reblog" content="1" />
  55. <meta name="if:show captions" content="1" />
  56. <meta name="if:show tags" content="1" />
  57. <meta name="if:hover tags" content="0" />
  58. <meta name="if:show date" content="1" />
  59. <meta name="if:show notes" content="1" />
  60. <meta name="if:show tumblr blog" content="0" />
  61. <meta name="if:underline links" content="1" />
  62. <meta name="if:back to top" content="1" />
  63. <meta name="if:infinite scroll" content="0" />
  64.  
  65. <meta name="select:background image" content="cover" title="cover">
  66. <meta name="select:background image" content="repeat" title="repeat">
  67.  
  68. <meta name="select:post size" content="350" title="350px" />
  69. <meta name="select:post size" content="200" title="200px" />
  70. <meta name="select:post size" content="230" title="230px" />
  71. <meta name="select:post size" content="250" title="250px" />
  72. <meta name="select:post size" content="270" title="270px" />
  73. <meta name="select:post size" content="300" title="300px" />
  74. <meta name="select:post size" content="330" title="330px" />
  75. <meta name="select:post size" content="370" title="370px" />
  76. <meta name="select:post size" content="400" title="400px" />
  77. <meta name="select:post size" content="430" title="430px" />
  78. <meta name="select:post size" content="450" title="450px" />
  79. <meta name="select:post size" content="470" title="470px" />
  80. <meta name="select:post size" content="500" title="500px" />
  81.  
  82. <meta name="select:font" content="work sans" title="work sans">
  83. <meta name="select:font" content="arial" title="arial">
  84. <meta name="select:font" content="calibri" title="calibri">
  85. <meta name="select:font" content="cousine" title="cousine">
  86. <meta name="select:font" content="karla" title="karla">
  87. <meta name="select:font" content="kartika" title="kartika">
  88. <meta name="select:font" content="lato" title="lato">
  89. <meta name="select:font" content="play" title="play">
  90. <meta name="select:font" content="pt sans" title="pt sans">
  91. <meta name="select:font" content="questrial" title="questrial">
  92. <meta name="select:font" content="roboto" title="roboto">
  93. <meta name="select:font" content="source sans pro" title="source sans pro">
  94.  
  95. <meta name="select:font size" content="10" title="10px">
  96. <meta name="select:font size" content="9" title="9px">
  97. <meta name="select:font size" content="11" title="11px">
  98.  
  99. <meta name="select:cursor hover" content="pointer" title="pointer">
  100. <meta name="select:cursor hover" content="help" title="help">
  101. <meta name="select:cursor hover" content="default" title="default">
  102. <meta name="select:cursor hover" content="crosshair" title="crosshair">
  103.  
  104. <meta name="text:sidebar width" content="100" />
  105. <meta name="text:sidebar top" content="100" />
  106. <meta name="text:posts margin" content="100" />
  107. <meta name="text:posts left" content="450" />
  108. <meta name="text:padding" content="10" />
  109. <meta name="text:ask title" content="inbox"/>
  110. <meta name="text:ask link" content="/ask"/>
  111. <meta name="text:archive title" content="grid"/>
  112. <meta name="text:links title" content="menu"/>
  113. <meta name="text:link 1" content=""/>
  114. <meta name="text:url 1" content="/"/>
  115. <meta name="text:link 2" content=""/>
  116. <meta name="text:url 2" content="/"/>
  117. <meta name="text:link 3" content=""/>
  118. <meta name="text:url 3" content="/"/>
  119. <meta name="text:link 4" content=""/>
  120. <meta name="text:url 4" content="/"/>
  121. <meta name="text:link 5" content=""/>
  122. <meta name="text:url 5" content="/"/>
  123. <meta name="text:link 6" content=""/>
  124. <meta name="text:url 6" content="/"/>
  125. <meta name="text:link 7" content=""/>
  126. <meta name="text:url 7" content="/"/>
  127. <meta name="text:link 8" content=""/>
  128. <meta name="text:url 8" content="/"/>
  129. <meta name="text:link 9" content=""/>
  130. <meta name="text:url 9" content="/"/>
  131. <meta name="text:link 10" content=""/>
  132. <meta name="text:url 10" content="/"/>
  133.  
  134.  
  135. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  136. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  137. <link href='https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,300italic,400italic,500italic,700italic|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'>
  138.  
  139.  
  140. <style type="text/css">
  141.  
  142.  
  143.  
  144. /* Tumblr Controls */
  145.  
  146.  
  147. .tmblr-iframe--desktop-logged-in-controls, #tumblr_controls {
  148. top:0%;
  149. right:0%;
  150. position:fixed;
  151. z-index:999999999;
  152. opacity:0.3;
  153. -webkit-filter:invert(100%);
  154. -moz-filter:invert(100%);
  155. -o-filter:invert(100%);
  156. -ms-filter:invert(100%);
  157. filter:invert(100%);
  158. }
  159.  
  160.  
  161.  
  162. /* Tooltips */
  163.  
  164.  
  165. #s-m-t-tooltip {
  166. max-width:350px;
  167. margin:25px 15px;
  168. padding:4px 7px 4px 7px;
  169. z-index:999999999;
  170. font:{select:font size}px {select:font}, sans-serif;
  171. letter-spacing:0px;
  172. font-style:normal;
  173. text-transform:none;
  174. border-bottom:1px solid {color:accents};
  175. background:{color:posts background};
  176. color:{color:text};
  177. }
  178.  
  179.  
  180.  
  181. /* Scrollbar & Selection */
  182.  
  183.  
  184. ::-webkit-scrollbar-thumb:vertical { background: {color:scrollbar}; }
  185. ::-webkit-scrollbar-thumb:horizontal { background: {color:scrollbar}; }
  186.  
  187.  
  188. ::-webkit-scrollbar {
  189. height: 4px;
  190. width: 4px;
  191. background:{color:background};
  192. }
  193.  
  194.  
  195. ::-moz-selection { background:{color:accents}; }
  196. ::selection { background:{color:accents}; }
  197.  
  198.  
  199.  
  200. /* Body */
  201.  
  202.  
  203. body {
  204. background: {color:background} url('{image:background}') fixed;
  205. background-attachment:{select:background image};
  206. background-size:{select:background image};
  207. color:{color:text};
  208. font-family:{select:font}, sans-serif;
  209. font-size:{select:font size}px;
  210. line-height:140%;
  211. letter-spacing:0px;
  212. word-wrap:break-word;
  213. text-align:justify;
  214. margin:0;
  215. padding:0;
  216. }
  217.  
  218.  
  219. a {
  220. color:{color:links};
  221. text-decoration:none;
  222. transition-duration: 0.6s;
  223. -moz-transition-duration: 0.6s;
  224. -webkit-transition-duration: 0.6s;
  225. -o-transition-duration: 0.6s;
  226. }
  227.  
  228.  
  229. a:hover {
  230. color:{color:links hover};
  231. cursor:{select:cursor hover};
  232. transition-duration: 0.6s;
  233. -moz-transition-duration: 0.6s;
  234. -webkit-transition-duration: 0.6s;
  235. -o-transition-duration: 0.6s;
  236. }
  237.  
  238.  
  239. b, strong, bold { font-weight:bold; }
  240.  
  241.  
  242. i, italic, em, oblique { font-style:italic; }
  243.  
  244.  
  245. h1, h2, h3 {
  246. margin:-{text:padding}px -{text:padding}px {text:padding}px -{text:padding}px;
  247. padding:10px 5px 13px 5px;
  248. font: bold 110% {select:font}, sans-serif;
  249. text-align:center;
  250. letter-spacing:0.5px;
  251. text-transform:uppercase;
  252. line-height:120%;
  253. border-bottom:1px solid {color:borders};
  254. background:{color:posts background};
  255. }
  256.  
  257.  
  258. small, sub, sup, code, big { font-size:100%; }
  259.  
  260.  
  261.  
  262. pre, xmp, plaintext, listing {
  263. width:100%;
  264. font: {select:font size}px {select:font};
  265. white-space:pre-wrap;
  266. word-wrap:break-word;
  267. }
  268.  
  269.  
  270. blockquote {
  271. margin-left:0px;
  272. margin-bottom:5px;
  273. width:auto;
  274. margin-top:7px;
  275. margin-right:5px;
  276. color:{color:text};
  277. padding-left:7px;
  278. border-left:1px solid {color:blockquote};
  279. }
  280.  
  281.  
  282. blockquote blockquote {
  283. padding-left:7px;
  284. }
  285.  
  286.  
  287. ul, ol { margin:5px 0px 5px 15px; padding:0; }
  288.  
  289.  
  290. ul { margin-left:0; list-style-type:none; }
  291.  
  292.  
  293. ul li { padding:1px 0px 1px 20px; position:relative; text-align:left; }
  294.  
  295.  
  296. ul li:before {
  297. content:'•';
  298. top:2px;
  299. color:{color:accents};
  300. left:10px;
  301. font-size:{select:font size}px;
  302. position:absolute;
  303. display:block;
  304. font-family:sans-serif;
  305. }
  306.  
  307.  
  308. hr {
  309. border: 0;
  310. height: 1px;
  311. background:{color:borders};
  312. margin:20px 0 20px 0;
  313. }
  314.  
  315.  
  316.  
  317. /* Sidebar */
  318.  
  319.  
  320. .bar {
  321. margin-top:{text:sidebar top}px;
  322. width:calc({text:sidebar width}px + 14px);
  323. {block:ifRightSidebar}
  324. {block:IndexPage}
  325. margin-left:calc({text:posts left}px + {select:post size}px + 90px);
  326. {/block:IndexPage}
  327. {block:PermalinkPage}
  328. margin-left:calc({text:posts left}px + 590px);
  329. {/block:PermalinkPage}
  330. {/block:ifRightSidebar}
  331. {block:ifNotRightSidebar}
  332. {block:IndexPage}
  333. margin-left:calc({text:posts left}px - {text:sidebar width}px - 110px);
  334. {/block:IndexPage}
  335. {block:PermalinkPage}
  336. margin-left:calc({text:posts left}px - {text:sidebar width}px - 110px);
  337. {/block:PermalinkPage}
  338. {/block:ifNotRightSidebar}
  339. text-align:left;
  340. position:fixed;
  341. padding:5px 2px 5px 5px;
  342. }
  343.  
  344.  
  345. .simg {
  346. margin:-1px -7px 7px -1px;
  347. border:1px solid {color:borders};
  348. padding:5px;
  349. background:{color:posts background};
  350. }
  351.  
  352. .simg img {
  353. width:100%;
  354. height:100%;
  355. margin-bottom:-4px;
  356. }
  357.  
  358.  
  359. .tt {
  360. position:relative;
  361. display:block;
  362. font-weight:700;
  363. padding:5px 7px 5px 7px;
  364. margin:-5px -7px 0px -1px;
  365. background:{color:sidebar};
  366. border:1px solid {color:borders};
  367. font-size:9px;
  368. letter-spacing:1px;
  369. text-transform:uppercase;
  370. font-family:{select:font};, sans-serif;
  371. color:{color:accents};
  372. transition-duration: 0.6s;
  373. -moz-transition-duration: 0.6s;
  374. -webkit-transition-duration: 0.6s;
  375. -o-transition-duration: 0.6s;
  376. }
  377.  
  378.  
  379. .tt:hover {
  380. cursor:{select:cursor hover};
  381. color:{color:accents};
  382. transition-duration: 0.6s;
  383. -moz-transition-duration: 0.6s;
  384. -webkit-transition-duration: 0.6s;
  385. -o-transition-duration: 0.6s;
  386. }
  387.  
  388.  
  389. #desc {
  390. background:{color:posts};
  391. word-wrap:break-word;
  392. padding:5px;
  393. font-size:{select:font size}px;
  394. text-transform:none;
  395. font-family:{select:font}, sans-serif;
  396. letter-spacing:0px;
  397. width:{text:sidebar width}px;
  398. color:{color:text};
  399. border:5px solid {color:posts background};
  400. outline:1px solid {color:borders};
  401. }
  402.  
  403.  
  404. .links {
  405. background:{color:sidebar};
  406. line-height:140%;
  407. {block:ifnotsidebarimage}
  408. margin:7px -7px 0px -1px;
  409. {/block:ifnotsidebarimage}
  410. {block:ifsidebarimage}
  411. margin:0px -7px 0px -1px;
  412. {/block:ifsidebarimage}
  413. text-align: right;
  414. padding:1px 5px 5px 5px;
  415. font:8px {select:font};
  416. border:1px solid {color:borders};
  417. font-weight:bold;
  418. letter-spacing: 0.5px;
  419. text-transform:uppercase;
  420. }
  421.  
  422.  
  423. .links a {
  424. margin:0 0px 0 0px;
  425. padding-right:3px;
  426. padding-left:3px;
  427. padding-bottom:3px;
  428. padding-top:6px;
  429. color:{color:side and perma links};
  430. display:inline-block;
  431. }
  432.  
  433.  
  434. .menu {
  435. border:5px solid {color:posts background};
  436. outline:1px solid {color:borders};
  437. background:{color:posts};
  438. display:none;
  439. margin:0 -2px 0 0px;
  440. line-height:140%;
  441. text-align: right;
  442. font:8px {select:font}, sans-serif;
  443. font-weight:normal;
  444. letter-spacing: 0.5px;
  445. width:calc({text:sidebar width}px + 10px);
  446. text-transform:uppercase;
  447. }
  448.  
  449.  
  450. .menu a {
  451. margin:0px 0px 0 0px;
  452. padding:4px 7px 5px 7px;
  453. display:block;
  454. color:{color:side and perma links};
  455. border-bottom:1px solid {color:posts background};
  456.  
  457. }
  458.  
  459.  
  460. .links a:hover, .menu a:hover {
  461. color:{color:links hover};
  462. }
  463.  
  464. .menu a:hover {
  465. padding-right:30px;
  466. background:{color:posts background};
  467. border-bottom:1px solid {color:accents};
  468. }
  469.  
  470.  
  471.  
  472. /* Posts */
  473.  
  474.  
  475. #content {
  476. {block:IndexPage}
  477. width:{select:post size}px;
  478. {/block:IndexPage}
  479. {block:PermalinkPage}
  480. width:500px;
  481. {/block:PermalinkPage}
  482. margin:{text:posts margin}px {text:posts left}px;
  483. padding:0;
  484. }
  485.  
  486.  
  487. .posts {
  488. {block:IndexPage}
  489. width:{select:post size}px;
  490. {/block:IndexPage}
  491. {block:PermalinkPage}
  492. width:500px;
  493. {/block:PermalinkPage}
  494. margin:{text:posts margin}px auto;
  495. }
  496.  
  497. .posts a {
  498. {block:ifUnderlineLinks}
  499. border-bottom:1px solid {color:accents};
  500. {/block:ifUnderlineLinks}
  501. {block:ifNotUnderlineLinks}
  502. border-bottom:1px solid transparent;
  503. {/block:ifNotUnderlineLinks}
  504. }
  505.  
  506. .posts a:hover {
  507. {block:ifNotUnderlineLinks}
  508. border-bottom:1px solid {color:accents};
  509. {/block:ifNotUnderlineLinks}
  510. }
  511.  
  512.  
  513. .border {
  514. border:5px solid {color:posts background};
  515. outline:1px solid {color:borders};
  516. padding:{text:padding}px;
  517. background:{color:posts};
  518. }
  519.  
  520.  
  521. #bg { background:{color:posts}; padding:5px 5px 3px 9px; }
  522.  
  523.  
  524. .caption {
  525. z-index:999999;
  526. position:relative;
  527. margin:-2px -1px 0 -1px;
  528. padding:5px 10px 8px 10px;
  529. border-left:1px solid {color:borders};
  530. border-right:1px solid {color:borders};
  531. background:{color:posts background};
  532. {block:IndexPage}
  533. {block:ifNotShowCaptions}
  534. display:none;
  535. {block:ifNotShowCaptions}
  536. {/block:IndexPage}
  537. }
  538.  
  539. .caption p {
  540. margin:0; padding:0;
  541. }
  542.  
  543.  
  544.  
  545. /* Image */
  546.  
  547.  
  548.  
  549. .posts img { max-width:100%;height:auto; }
  550.  
  551.  
  552. #photo img { width:100%; display:block; }
  553.  
  554.  
  555.  
  556. /* Photoset */
  557.  
  558.  
  559.  
  560. .tmblr-lightbox { background:rgba({RGBcolor:background}, .7)!important; }
  561.  
  562.  
  563. .vignette, .lightbox-caption { opacity:0!important; }
  564.  
  565.  
  566. .lightbox-image {
  567. border-radius:0px!important;
  568. -webkit-border-radius:0px!important;
  569. -moz-border-radius:0px!important;
  570. box-shadow:none!important;
  571. -webkit-box-shadow:none!important;
  572. -moz-box-shadow:none!important;
  573. }
  574.  
  575.  
  576.  
  577. /* Video */
  578.  
  579.  
  580.  
  581. .video, .video iframe { display:block; overflow:hidden; }
  582.  
  583.  
  584.  
  585. /* Audio */
  586.  
  587.  
  588. #art {
  589. height: 50px;
  590. width: 50px;
  591. background:{color:posts};
  592. padding-right: 10px;
  593. position:absolute;
  594. border-right:1px solid {color:posts background};
  595. }
  596.  
  597.  
  598. #art img {
  599. opacity: 1;
  600. height: 50px;
  601. width: 50px;
  602. -webkit-transition: all 0.6s ease-in-out;
  603. -moz-transition: all 0.6s ease-in-out;
  604. -o-transition: all 0.6s ease-in-out;
  605. }
  606.  
  607.  
  608. #player {
  609. opacity: 0;
  610. -moz-border-radius:100%;
  611. -webkit-border-radius:100%;
  612. border-radius:100%;
  613. -webkit-transition: all 0.6s ease-in-out;
  614. -moz-transition: all 0.6s ease-in-out;
  615. -o-transition: all 0.6s ease-in-out;
  616. }
  617.  
  618.  
  619. #info {
  620. margin-left: 61px;
  621. text-align:left;
  622. padding:4px 5px 4px 10px;
  623. height:42px;
  624. line-height:140%;
  625. overflow:scroll;
  626. overflow:auto;
  627. display:block;
  628. background:{color:posts};
  629. text-transform:uppercase;
  630. font-size:90%;
  631. color:{color:text};
  632. letter-spacing:0.5px;
  633. }
  634.  
  635.  
  636. .infox {
  637. position: relative;
  638. top: 50%;
  639. max-height:50px;
  640. -webkit-transform: translateY(-50%);
  641. -ms-transform: translateY(-50%);
  642. transform: translateY(-50%);
  643. }
  644.  
  645.  
  646. #info span.song {
  647. display:block;
  648. font-weight:bold;
  649. margin-right:3px;
  650. }
  651.  
  652.  
  653.  
  654. .posts:hover #player {
  655. opacity: 1;
  656. }
  657.  
  658.  
  659. iframe.soundcloud_audio_player {
  660. {block:IndexPage}
  661. width:{select:post pize}px;
  662. {/block:IndexPage}
  663. {block:PermalinkPage}
  664. width:500px;
  665. {/block:PermalinkPage}
  666. height:auto;
  667. display:block;
  668. }
  669.  
  670.  
  671.  
  672. /* Ask */
  673.  
  674.  
  675. #ques {
  676. display:table;
  677. background:{color:posts};
  678. padding:2px;
  679. width:98%;
  680. }
  681.  
  682.  
  683. #quesi {
  684. width:30px;
  685. display:table-cell;
  686. vertical-align:middle;
  687. }
  688.  
  689.  
  690. #quesa {
  691. padding-left:0px;
  692. display:table-cell;
  693. vertical-align:middle;
  694. }
  695.  
  696.  
  697. #quesa b {
  698. font-weight:bold;
  699. display:block;
  700. margin-bottom:2px;
  701. }
  702.  
  703.  
  704. #ans {
  705. margin:{text:padding}px -{text:padding}px -{text:padding}px -{text:padding}px;
  706. padding:1px 10px 1px 10px;
  707. border-top:1px solid {color:Borders};
  708. background:{color:posts background};
  709. }
  710.  
  711.  
  712.  
  713. /* Quote */
  714.  
  715.  
  716. #quote {
  717. font-size:120%;
  718. padding:2px;
  719. background:{color:posts};
  720. font-style:normal;
  721. line-height:150%;
  722. }
  723.  
  724.  
  725. #source {
  726. margin:{text:padding}px -{text:padding}px -{text:padding}px -{text:padding}px;
  727. padding:10px 10px 5px 10px;
  728. background:{color:posts background};
  729. text-align:right;
  730. border-top:1px solid {color:Borders};
  731. }
  732.  
  733.  
  734.  
  735. /* Chat */
  736.  
  737. .lines {
  738. margin:0px;
  739. }
  740.  
  741.  
  742. .lines .line {
  743. background:{color:posts background};
  744. padding: 4px 5px 4px 5px;
  745. margin-bottom:0;
  746.  
  747. }
  748.  
  749. .line b {
  750. color:{color:accents};
  751. margin-right:5px;
  752. }
  753.  
  754.  
  755. .lines .line.even {
  756. background:{color:posts};
  757. }
  758.  
  759.  
  760.  
  761. /* Permalink */
  762.  
  763.  
  764. .perma {
  765. margin:0 -1px 0 -1px;
  766. background:{color:permalink};
  767. border:1px solid {color:borders};
  768. font:8px {select:font};
  769. letter-spacing:1px;
  770. text-transform:uppercase;
  771. padding:8px 5px 8px 5px;
  772. text-align:left;
  773. word-wrap:break-word;
  774. line-height:140%;
  775. color:{color:accents};
  776. transition:all .9s ease-in-out;
  777. -webkit-transition:all .9s ease-in-out;
  778. -o-transition:all .9s ease-in-out;
  779. -moz-transition:all .9s ease-in-out;
  780. }
  781.  
  782.  
  783. .perma a {
  784. padding:0 0 1px 0;
  785. margin:0 5px 0 5px;
  786. display:inline-block;
  787. font:8px {select:font};
  788. letter-spacing:0.5px;
  789. color:{color:side and perma links};
  790. border-bottom:1px solid transparent;
  791. }
  792.  
  793.  
  794. .perma a:hover {
  795. color:{color:links hover};
  796. border-bottom:1px solid {color:accents};
  797. }
  798.  
  799.  
  800. .posts:hover .perma {
  801. opacity:1;
  802. transition:all .9s ease-in-out;
  803. -webkit-transition:all .9s ease-in-out;
  804. -o-transition:all .9s ease-in-out;
  805. -moz-transition:all .9s ease-in-out;
  806. }
  807.  
  808.  
  809. svg {
  810. width:8px;
  811. height:auto;
  812. opacity:.5;
  813. padding:1px;
  814. display:block;
  815. overflow:visible;
  816. }
  817.  
  818.  
  819. .controls a {
  820. position:relative;
  821. display:inline-block;
  822. padding:1px;
  823. margin:0 1px 0 2px;
  824. width:12px;
  825. height:12px;
  826. fill:{color:like and reblog};
  827. border:none;
  828. }
  829.  
  830.  
  831. .controls a:hover {
  832. border:none;
  833. }
  834.  
  835. .controls .tag {
  836. opacity:.93;
  837. }
  838.  
  839. .controls .tag svg {
  840. width:11px;
  841. margin-top:-1px;
  842. margin-left:-3px;
  843. }
  844.  
  845.  
  846. .controls .reblog {
  847. opacity:.93;
  848. }
  849.  
  850. .controls .reblog svg {
  851. width:8px;
  852. margin-top:0px;
  853. }
  854.  
  855. .controls .like .liked + svg {
  856. opacity:1;
  857. }
  858.  
  859. .controls .like .liked + svg path {
  860. fill:#ec5a5a;
  861. }
  862.  
  863. .controls .like .like_button iframe {
  864. position:absolute;
  865. top:0;
  866. left:0;
  867. bottom:0;
  868. right:0;
  869. width:100%;
  870. height:100%;
  871. z-index:2;
  872. opacity:0.000001;
  873. }
  874.  
  875.  
  876. /* Notes */
  877.  
  878.  
  879. ol.notes {
  880. margin:5px 0 0 0;
  881. padding:5px 0 0 5px;
  882. display:none;
  883. font-size:{select:font size};
  884. letter-spacing: 0px;
  885. text-transform:none;
  886. font-family:{select:font}, sans-serif;
  887. list-style-type:none;
  888. }
  889.  
  890. ol.notes a {
  891. border-bottom:1px solid transparent;
  892. padding-bottom:1px;
  893. }
  894.  
  895. ol.notes a:hover {
  896. border-bottom:1px solid {color:accents};
  897. }
  898.  
  899.  
  900. ol.notes li.note { padding:5px 2px 5px 0; }
  901.  
  902.  
  903. ol.notes li.note img.avatar { display:none; }
  904.  
  905.  
  906. .n { cursor:{select:cursor hover}; color:{color:accents}; }
  907.  
  908.  
  909.  
  910. /* Pagination */
  911.  
  912.  
  913. footer {
  914. text-align:center;
  915. width:{select:post size}px;
  916. margin:100px {text:posts left}px;
  917. }
  918.  
  919.  
  920. .pagination {
  921. padding:20px 45px 10px 45px;
  922. display:inline;
  923. }
  924.  
  925.  
  926. .pagination a {
  927. margin:0 10px;
  928. font-size:90%;
  929. letter-spacing:1px;
  930. font-weight:700;
  931. color:{color:accents};
  932. font-family:{select:font};, sans-serif;
  933. text-transform:uppercase;
  934. }
  935.  
  936. .pagination a:hover {
  937. color:{color:links hover};
  938. }
  939.  
  940.  
  941. {block:ifInfiniteScroll}
  942. .pagination, #infscr-loading { display:none; }
  943. {/block:ifInfiniteScroll}
  944.  
  945.  
  946. #top {
  947. bottom:5px;
  948. right:5px;
  949. padding:10px;
  950. position:fixed;
  951. font-size:13px;
  952. color:{color:links};
  953. cursor:{select:cursor hover};
  954. }
  955.  
  956.  
  957. /* Credit - don't remove */
  958.  
  959.  
  960. .cr {
  961. bottom:3px;
  962. left:3px;
  963. font-size:10px;
  964. position:fixed;
  965. padding:3px 6px 4px 6px;
  966. z-index:999999999;
  967. background:{color:background};
  968. }
  969.  
  970. .cr a { color:{color:links}; }
  971.  
  972. .cr a:hover { color:{color:links hover}; }
  973.  
  974.  
  975. {CustomCSS}
  976.  
  977.  
  978.  
  979. </style>
  980.  
  981.  
  982. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  983. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  984. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  985. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  986. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  987. {block:IndexPage}{block:ifInfinitescroll}
  988. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  989. {/block:ifInfinitescroll}{/block:IndexPage}
  990.  
  991. <script>
  992. $(document).ready(function(){
  993. {block:ifNotShowTumblrBlog}
  994. $('p:first-child > a.tumblr_blog').parent().remove();
  995. {/block:ifNotShowTumblrBlog}
  996. $("[title],a[title],img[title]").style_my_tooltips({
  997. tip_follows_cursor:true,
  998. tip_delay_time:10,
  999. tip_fade_speed:500,
  1000. attribute:"title"
  1001. });
  1002. $(window).scroll(function () {
  1003. if ($(this).scrollTop() > 200)
  1004. { $('#top').fadeIn(); }
  1005. else
  1006. { $('#top').fadeOut(); }
  1007. });
  1008. $('#top').click(function () {
  1009. $("html, body").animate({scrollTop:0}, 1000);
  1010. return false;
  1011. });
  1012. $('.photo-slideshow').pxuPhotoset({
  1013. lightbox: true,
  1014. rounded: false,
  1015. gutter: '2px',
  1016. borderRadius: '0px',
  1017. photoset: '.photo-slideshow',
  1018. photoWrap: '.photo-data',
  1019. photo: '.pxu-photo'
  1020. });
  1021. $(".m").click(function(){
  1022. $(".menu").slideToggle("slow");
  1023. });
  1024. $(".n").click(function(){
  1025. $(".notes").slideToggle("slow");
  1026. });
  1027. {block:IndexPage}
  1028. {block:ifInfinitescroll}
  1029. var $container = $('#content');
  1030. $container.infinitescroll({
  1031. itemSelector :".posts",
  1032. navSelector : ".pagination",
  1033. nextSelector : ".pagination a#next",
  1034. loadingImg : "",
  1035. loadingText : "<em></em>",
  1036. bufferPx : 2000,
  1037. },
  1038. function(newElements){
  1039. var $newElems = $(newElements);
  1040. var $newElemsIDs = $newElems.map(function(){
  1041. return this.id;
  1042. }).get();
  1043. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1044. resizeVideos();
  1045. {block:ifNotShowTumblrBlog}
  1046. $(newElements).find('p:first-child > a.tumblr_blog').parent().remove();
  1047. {/block:ifNotShowTumblrBlog}
  1048. $(newElements).find('.photo-slideshow').pxuPhotoset({
  1049. lightbox: true,
  1050. rounded: false,
  1051. gutter: '2px',
  1052. borderRadius: '0px',
  1053. photoset: '.photo-slideshow',
  1054. photoWrap: '.photo-data',
  1055. photo: '.pxu-photo'
  1056. });
  1057. });
  1058. {/block:ifInfinitescroll}
  1059. {/block:IndexPage}
  1060. });
  1061. </script>
  1062.  
  1063.  
  1064.  
  1065. </head>
  1066. <body>
  1067.  
  1068. <div class="bar">
  1069. {block:ifShowTitle}<a class="tt" href="/">{Title}</a>{/block:ifShowTitle}
  1070. {block:ifSidebarImage}<div class="simg"><a href="/"><img src="{image:sidebar}"></img></a></div>{/block:ifSidebarImage}
  1071. {block:ifShowDescription}
  1072. <div id="desc">{Description}</div>{/block:ifShowDescription}
  1073. <div class="links">
  1074. <a href="{text:ask link}">{text:ask title}</a>
  1075. <a href="/archive">{text:archive title}</a>
  1076. <a class="m" style="color:{color:accents}">{text:links title}</a>
  1077. </div><div class="menu">
  1078. {block:iflink1}<a href="{text:url 1}">{text:link 1}</a>{/block:iflink1}
  1079. {block:iflink2}<a href="{text:url 2}">{text:link 2}</a>{/block:iflink2}
  1080. {block:iflink3}<a href="{text:url 3}">{text:link 3}</a>{/block:iflink3}
  1081. {block:iflink4}<a href="{text:url 4}">{text:link 4}</a>{/block:iflink4}
  1082. {block:iflink5}<a href="{text:url 5}">{text:link 5}</a>{/block:iflink5}
  1083. {block:iflink6}<a href="{text:url 6}">{text:link 6}</a>{/block:iflink6}
  1084. {block:iflink7}<a href="{text:url 7}">{text:link 7}</a>{/block:iflink7}
  1085. {block:iflink8}<a href="{text:url 8}">{text:link 8}</a>{/block:iflink8}
  1086. {block:iflink9}<a href="{text:url 9}">{text:link 9}</a>{/block:iflink9}
  1087. {block:iflink10}<a href="{text:url 10}">{text:link 10}</a>{/block:iflink10}
  1088. </div>
  1089. </div>
  1090.  
  1091.  
  1092. <div class="cr"><a href="https://kimtys.tumblr.com" title="by kimtys"><i class="fa fa-code"></i></a></div>
  1093.  
  1094.  
  1095. <div id="content">
  1096.  
  1097.  
  1098. {block:Posts}
  1099. <div class="posts" id="{PostID}">
  1100.  
  1101.  
  1102. <div class="border">
  1103.  
  1104.  
  1105. {block:ContentSource}
  1106. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1107. {/block:SourceLogo}
  1108. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1109. {/block:ContentSource}
  1110.  
  1111.  
  1112. {block:Text}
  1113. {block:Title}<h1>{Title}</h1>{/block:Title}
  1114. <div id="bg">{Body}</div>
  1115. {/block:Text}
  1116.  
  1117.  
  1118. {block:Link}
  1119. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1120. {block:Description}<div id="bg">{Description}</div>{/block:Description}
  1121. {/block:Link}
  1122.  
  1123.  
  1124. {block:Photo}
  1125. <div id="photo">
  1126. {block:IndexPage}
  1127. {LinkOpenTag}<img src="{PhotoURL-500}" alt='{PhotoAlt}' />{LinkCloseTag}
  1128. {/block:IndexPage}
  1129. {block:PermalinkPage}
  1130. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  1131. {/block:PermalinkPage}
  1132. </div>
  1133. {/block:Photo}
  1134.  
  1135.  
  1136. {block:Photoset}
  1137. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1138. {block:Photos}
  1139. <div class="photo-data">
  1140. <div class="pxu-photo">
  1141. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1142. </div>
  1143. <a class="tumblr-box" style="border:none;" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1144. </div>
  1145. {/block:Photos}
  1146. </div>
  1147. {/block:Photoset}
  1148.  
  1149.  
  1150. {block:Video}
  1151. <div class="video">{Video-500}</div>
  1152. {/block:Video}
  1153.  
  1154.  
  1155. {block:Audio}
  1156. <div id="art">
  1157. {block:AlbumArt}<img src="{AlbumArtURL}">
  1158. {/block:AlbumArt}
  1159. </div><div id="player"><div style="position: absolute; margin: 0px 0px 0px 0px; padding: 12px 13px 13px 12px; background: #FFF;"><div style="width: 25px; height: 25px; overflow: hidden;">{AudioPlayerWhite}</div></div></div>
  1160. <div id="info"><section class="infox">
  1161. <span class="song"><span{block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  1162. </span>
  1163. {block:Artist}{Artist}{/block:Artist}
  1164. </section></div>
  1165. {/block:Audio}
  1166.  
  1167.  
  1168. {block:Answer}
  1169. <div id="ques">
  1170. <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:posts background}" aria-hidden="true"></i> from {Asker}:</b> {Question}</div>
  1171. </div><div id="ans">{Answer}</div>
  1172. {/block:Answer}
  1173.  
  1174.  
  1175. {block:Quote}
  1176. <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:posts background}" aria-hidden="true"></i> {Quote}</div>
  1177. {block:Source}<div id="source">{Source}</div>{/block:Source}
  1178. {/block:Quote}
  1179.  
  1180.  
  1181. {block:Chat}
  1182. {block:Title}<h1>{Title}</h1>{/block:Title}
  1183. <div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}</div>
  1184. {/block:Chat}
  1185.  
  1186. </div>
  1187.  
  1188. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1189.  
  1190. {block:IndexPage}
  1191. {block:Date}<div class="perma"><a href="{permalink}" style="font-weight:bold;">{block:ifNotShowDate}PERMALINK.{/block:ifNotShowDate}{block:ifShowDate}{Month}, {DayOfMonthWithZero}.{/block:ifShowDate}</a> {block:ifShowNotes}{NoteCount}.{/block:ifShowNotes} <div class="controls" style="text-align:right;float:right;margin-left:10px;">
  1192. {block:ifHoverTags}{block:ifShowTags}{block:HasTags}<a class="tag" title="{block:Tags}# {Tag} {/block:Tags}"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><g><g><path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7
  1193. c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2
  1194. C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4
  1195. l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5
  1196. c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4
  1197. S67.1,73.1,67.1,77.7z"/></g></g></svg></a>{/block:HasTags}{/block:ifShowTags}{/block:ifHoverTags}
  1198. {block:ifLikeAndReblog}
  1199. <a href="{ReblogURL}" target="_blank" class="reblog">
  1200. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1201. </a>
  1202. <a href="#" class="like">{LikeButton}
  1203. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1204. </a>
  1205. {/block:ifLikeAndReblog}
  1206. </div>
  1207. {block:ifNotHoverTags}{block:ifShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}{/block:ifNotHoverTags}
  1208. </div>{/block:Date}
  1209. {/block:IndexPage}
  1210.  
  1211.  
  1212.  
  1213. {block:PermalinkPage}
  1214. {block:Date}<div class="perma">{block:NoteCount}<a class="n" style="font-weight:bold;" 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>
  1215. {/block:Date}
  1216. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1217. {/block:PermalinkPage}
  1218.  
  1219.  
  1220.  
  1221. </div>
  1222. {/block:Posts}
  1223. </div>
  1224.  
  1225.  
  1226.  
  1227. {block:IndexPage}
  1228. <footer>
  1229. {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}
  1230. </footer>
  1231. {/block:IndexPage}
  1232.  
  1233. {block:ifBackToTop}
  1234. <a id="top" title="back to top"><i class="fa fa-angle-up"></i></a>
  1235. {/block:ifBackToTop}
  1236.  
  1237. </body>
  1238. </html>
Advertisement
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!