API tools faq
paste
Advertisement
hunterthemes

- Theme #17 (PANTONE Colour of the Year 2019 Challenge)

hunterthemes
Mar 3rd, 2016
799
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!----
  4.  
  5. ©hunterthemes.tumblr.com | Theme #17 (PANTONE Colour of the Year 2019 Challenge)
  6.  
  7. * Do not redistribute this theme and claim it as your own.
  8. * Do not remove the credit or move it to another page.
  9. * Minor changes to this theme are allowed.
  10.  
  11. ---->
  12.  
  13. <html>
  14. <head>
  15.  
  16. <meta charset="utf-8">
  17. <meta name="viewport" content="width=device-width, initial-scale=1">
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <title>{Title}
  22. {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}
  23. {block:TagPage} - {Tag} {/block:TagPage}
  24. {block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  25. {block:Description}<meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27.  
  28. <!-- GOOGLE FONTS -->
  29.  
  30. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Lato|Oswald|Quando|Teko" rel="stylesheet">
  31.  
  32. <!-- DEFAULT VARIABLES -->
  33.  
  34. <meta name="image:Background" content=""/>
  35. <meta name="image:Header background" content=""/>
  36. <meta name="image:Avatar" content="" />
  37.  
  38. <meta name="color:Background" content="#ffffff" />
  39. <meta name="color:Menu icon" content="#ffffff" />
  40. <meta name="color:Header background" content="#ffffff" />
  41. <meta name="color:Description" content="#111111" />
  42. <meta name="color:Description background" content="#ffffff" />
  43. <meta name="color:Blog title" content="#ffffff" />
  44. <meta name="color:Blog title background" content="#FF6F61" />
  45. <meta name="color:Navigation link" content="#729F51" />
  46. <meta name="color:Navigation background" content="#ffffff" />
  47. <meta name="color:Post background" content="#ffffff" />
  48. <meta name="color:Borders" content="#DDDDDD" />
  49. <meta name="color:Accent" content="#FF6F61" />
  50. <meta name="color:Title" content="#111111" />
  51. <meta name="color:Text" content="#111111" />
  52. <meta name="color:Link" content="#729F51" />
  53. <meta name="color:Icon" content="#729F51" />
  54. <meta name="color:Hover" content="#445533" />
  55. <meta name="color:Chat 1" content="#333333" />
  56. <meta name="color:Chat 2" content="#111111" />
  57. <meta name="color:Bold" content="#FF6F61"/>
  58. <meta name="color:Italic" content="#729F51"/>
  59. <meta name="color:Post buttons" content="#333333" />
  60. <meta name="color:Pagination" content="#ffffff" />
  61. <meta name="color:Scrollbar" content="#FF6F61" />
  62. <meta name="color:Scrollbar background" content="#ffffff" />
  63.  
  64. <meta name="select:Title font" content="Abril Fatface" title="Abril Fatface">
  65. <meta name="select:Title font" content="Lato" title="Lato">
  66. <meta name="select:Title font" content="Oswald" title="Oswald">
  67. <meta name="select:Title font" content="Quando" title="Quando">
  68. <meta name="select:Title font" content="Teko" title="Teko">
  69.  
  70. <meta name="select:Title font size" content="25px" title="25px">
  71. <meta name="select:Title font size" content="30px" title="30px">
  72. <meta name="select:Title font size" content="35px" title="35px">
  73. <meta name="select:Title font size" content="40px" title="40px">
  74. <meta name="select:Title font size" content="45px" title="45px">
  75.  
  76. <meta name="select:Blog title font size" content="22px" title="22px">
  77. <meta name="select:Blog title font size" content="24px" title="24px">
  78. <meta name="select:Blog title font size" content="26px" title="26px">
  79. <meta name="select:Blog title font size" content="28px" title="28px">
  80. <meta name="select:Blog title font size" content="30px" title="30px">
  81.  
  82. <meta name="font:Body font" content="Helvetica"/>
  83. <meta name="select:Body font size" content="12px" title="12px">
  84. <meta name="select:Body font size" content="13px" title="13px">
  85. <meta name="select:Body font size" content="14px" title="14px">
  86. <meta name="select:Body font size" content="15px" title="15px">
  87. <meta name="select:Body font size" content="16px" title="11px">
  88.  
  89. <meta name="select:Post width" content="600" title="600px">
  90. <meta name="select:Post width" content="540" title="540px">
  91. <meta name="select:Post width" content="500" title="500px">
  92. <meta name="select:Post width" content="400" title="400px">
  93. <meta name="select:Post width" content="300" title="300px">
  94.  
  95. <meta name="if:Inverted Controls" content="0" />
  96. <meta name="if:Infinite Scroll" content="0" />
  97. <meta name="if:Load More" content="0" />
  98. <meta name="if:Display Extra Tab" content="1" />
  99. <meta name="if:Display Search Box" content="1" />
  100. <meta name="if:Display Avatar" content="1" />
  101. <meta name="if:Circular Avatar" content="1" />
  102. <meta name="if:Display Navigation" content="1" />
  103. <meta name="if:Ask Enabled" content="1" />
  104. <meta name="if:Submissions Enabled" content="1" />
  105. <meta name="if:Hover For Info" content="0" />
  106. <meta name="if:Display Captions" content="1" />
  107. <meta name="if:Display Tags" content="1" />
  108.  
  109. <meta name="if:Display Link One" content="1" />
  110. <meta name="if:Display Link Two" content="1" />
  111. <meta name="if:Display Link Three" content="1" />
  112. <meta name="if:Display Link Four" content="1" />
  113. <meta name="if:Display Link Five" content="1" />
  114.  
  115. <meta name="text:Link One Title" content="link" />
  116. <meta name="text:Link One Url" content="http://"/>
  117. <meta name="text:Link Two Title" content="link"/>
  118. <meta name="text:Link Two Url" content="http://"/>
  119. <meta name="text:Link Three Title" content="link" />
  120. <meta name="text:Link Three Url" content="http://" />
  121. <meta name="text:Link Four Title" content="link" />
  122. <meta name="text:Link Four Url" content="http://" />
  123. <meta name="text:Link Five Title" content="link" />
  124. <meta name="text:Link Five Url" content="http://" />
  125.  
  126. <meta name="text:Header width" content="610px" title="610px">
  127. <meta name="text:Margin between header elements" content="15px" title="15px">
  128. <meta name="text:Border radius" content="10px"/>
  129. <meta name="text:Extra tab text" content="Add content here" />
  130.  
  131. <!-- END DEFAULT VARIABLES -->
  132.  
  133. <style type="text/css">
  134.  
  135. /* CSS */
  136.  
  137. /*-- GENERAL --*/
  138.  
  139. body {
  140. margin:0;
  141. padding:0;
  142. width:100%;
  143. height:100%;
  144. word-wrap:break-word;
  145. color:{color:Text};
  146. font-family:{font:Body font};
  147. font-size:{select:Body font size};
  148. line-height: calc({select:Body font size} + 5px);
  149. background-color: {color:Background};
  150. background-image:url({image:Background});
  151. background-attachment: fixed;
  152. background-repeat: repeat;
  153. }
  154.  
  155. /* Headings */
  156.  
  157. h1{
  158. margin:0;
  159. padding:0;
  160. padding-bottom:5px;
  161. color:{color:Title};
  162. font-family:{select:Title font};
  163. font-size:{select:Title font size};
  164. line-height:calc({select:Title font size} + 5px);
  165. }
  166.  
  167. h2{
  168. font-family:{font:Body font};
  169. font-size:150%;
  170. font-weight:normal;
  171. }
  172.  
  173. /* Paragraph */
  174.  
  175. p {
  176. padding:0 10px;
  177. }
  178.  
  179. p ul, p ol, p li {
  180. margin:5px 10px;
  181. padding:0;
  182. }
  183.  
  184. /* Links */
  185.  
  186. a {
  187. color:{color:Link};
  188. text-decoration:none;
  189. transition:all .3s linear;
  190. -webkit-transition:all .5s linear;
  191. -o-transition:all .5s linear;
  192. -moz-transition:all .5s linear;
  193. }
  194.  
  195. a:hover {
  196. color:{color:Link Hover};
  197. }
  198.  
  199. /* Bold and italic */
  200.  
  201. b, strong {color:{color:Bold};}
  202.  
  203. i, em {color:{color:Italic};}
  204.  
  205. /* Blockquote */
  206.  
  207. blockquote {
  208. padding:0 0 2px 5px;
  209. margin:0 0 2px 10px;
  210. border-left: 1px dotted #555555;
  211. }
  212.  
  213. /* Tumblr controls */
  214.  
  215. iframe.tmblr-iframe {
  216. top:4px!important;
  217. right:40px!important;
  218. opacity:0.8;
  219. transform:scale(0.6);
  220. transform-origin:100% 0;
  221. -webkit-transform:scale(0.8);
  222. -webkit-transform-origin:100% 0;
  223. -o-transform:scale(0.8);
  224. -o-transform-origin:100% 0;
  225. -moz-transform:scale(0.8);
  226. -moz-transform-origin:100% 0;
  227. -ms-transform:scale(0.8);
  228. -ms-transform-origin:100% 0;
  229. z-index:100000!important;
  230. {block:ifInvertedControls}
  231. filter:invert(100%) hue-rotate(180deg);
  232. -webkit-filter:invert(100%) hue-rotate(180deg);
  233. -moz-filter:invert(100%) hue-rotate(180deg);
  234. -o-filter:invert(100%) hue-rotate(180deg);
  235. -ms-filter:invert(100%) hue-rotate(180deg);
  236. {/block:ifInvertedControls}
  237. }
  238.  
  239. iframe.tmblr-iframe:hover {
  240. opacity:1!important;
  241. }
  242.  
  243. .tmblr-iframe--app-cta-button {
  244. display: none!important;
  245. }
  246.  
  247. /* Webkit scrollbar */
  248.  
  249. ::-webkit-scrollbar {
  250. width: 9px;
  251. height:0;
  252. }
  253.  
  254. ::-webkit-scrollbar-button:start:decrement,
  255. ::-webkit-scrollbar-button:end:increment {
  256. height:0;
  257. display: block;
  258. background-color: {color:Scrollbar background};
  259. }
  260.  
  261. ::-webkit-scrollbar-track-piece {
  262. background-color: {color:Scrollbar background};
  263. }
  264.  
  265. ::-webkit-scrollbar-thumb:vertical {
  266. height:0;
  267. background-color: {color:Scrollbar};
  268. border:4px solid {color:Scrollbar background};
  269. }
  270.  
  271. /* Tooltips */
  272.  
  273. #s-m-t-tooltip {
  274. max-width:300px;
  275. margin-left:10px;
  276. margin-top:10px;
  277. padding:2px 4px;
  278. font-size:11px;
  279. line-height:15px;
  280. color:{color:Sidebar icon};
  281. background:{color:Sidebar background};
  282. border:1px solid {color:Borders};
  283. border-radius:{text:Border radius};
  284. z-index:10000;
  285. }
  286.  
  287. /* Fix */
  288.  
  289. iframe, img, embed, object, video {
  290. max-width:100%;
  291. border:none;
  292. }
  293.  
  294. .video * {
  295. display:block;
  296. min-width:100%;
  297. }
  298.  
  299. input, textarea, select, a { outline:none; }
  300.  
  301. /*--- MENU ---*/
  302.  
  303. #menu {
  304. position:fixed;
  305. top:0;
  306. left:0;
  307. width:100%;
  308. height:50px;
  309. background:{color:Accent};
  310. border-bottom:1px solid {color:Borders};
  311. z-index:1000;
  312. }
  313.  
  314. .open-pop-up {
  315. position:fixed;
  316. top:10px;
  317. left:20px;
  318. cursor:pointer;
  319. display:none;
  320. }
  321.  
  322. .open-pop-up span {
  323. width:30px;
  324. height:30px;
  325. line-height:30px;
  326. font-size:15px;
  327. color:{color:Menu icon};
  328. text-align:center;
  329. }
  330.  
  331. .open-extra {
  332. position:fixed;
  333. top:10px;
  334. left:20px;
  335. cursor:pointer;
  336. }
  337.  
  338. .open-extra span {
  339. width:30px;
  340. height:30px;
  341. line-height:30px;
  342. font-size:15px;
  343. color:{color:Menu icon};
  344. text-align:center;
  345. }
  346.  
  347. .open-search {
  348. position:fixed;
  349. top:10px;
  350. left:60px;
  351. cursor:pointer;
  352. }
  353.  
  354. .open-search span {
  355. width:30px;
  356. height:30px;
  357. line-height:30px;
  358. font-size:15px;
  359. color:{color:Menu icon};
  360. text-align:center;
  361. }
  362.  
  363. .open-pop-up span:hover, .open-search span:hover, .open-extra span:hover {
  364. color:{color:Hover};
  365. }
  366.  
  367. .clicked, .clicked span {
  368. color:{color:Hover};
  369. }
  370.  
  371. /*--- Extra tab ---*/
  372.  
  373. #extra-tab {
  374. position:fixed;
  375. top:51px;
  376. left:0;
  377. width:180px;
  378. padding:10px;
  379. height:auto;
  380. font-size:11px;
  381. line-height:14px;
  382. color:{color:Description};
  383. background:{color:Description background};
  384. border-right:1px solid {color:Borders};
  385. border-bottom:1px solid {color:Borders};
  386. border-bottom-right-radius:{text:Border radius};
  387. display:none;
  388. z-index:100000;
  389. }
  390.  
  391. #extra-tab h1 {
  392. margin:0;
  393. font-size:16px;
  394. font-family:{select:Title font};
  395. font-weight:normal;
  396. }
  397.  
  398. /* Search box */
  399.  
  400. #search {
  401. position:fixed;
  402. left:85px;
  403. top:9px;
  404. width:170px;
  405. height:30px;
  406. background:{color:Description background};
  407. border:1px solid {color:Borders};
  408. border-radius:2px;
  409. overflow:hidden;
  410. display:none;
  411. }
  412.  
  413. input::-webkit-input-placeholder {
  414. color:{color:Description};
  415. }
  416. input::-moz-placeholder {
  417. color:{color:Description};
  418. }
  419. input:-moz-placeholder {
  420. color:{color:Description};
  421. }
  422. input:-ms-input-placeholder {
  423. color:{color:Description};
  424. }
  425.  
  426. /*------ HEADER -----*/
  427.  
  428. #header {
  429. margin-top:90px;
  430. margin-bottom:0;
  431. margin-left:auto;
  432. margin-right:auto;
  433. min-width:550px;
  434. width:calc({text:Header width} + {text:Margin between header elements});
  435. height:calc(322px + ({text:Margin between header elements} * 2));
  436. }
  437.  
  438. /*-- Header image --*/
  439.  
  440. #header-image {
  441. position:absolute;
  442. margin-top:0;
  443. margin-left:calc(230px + {text:Margin between header elements});
  444. width:calc({text:Header width} - 216px - {text:Margin between header elements});
  445. height:calc( 280px + {text:Margin between header elements});
  446. background:{color:Header background};
  447. background-image:url({image:Header background});
  448. background-repeat:repeat;
  449. background-size:cover;
  450. border:1px solid {color:Borders};
  451. border-top-right-radius:{text:Border radius};
  452. }
  453.  
  454. /*-- Pop up box --*/
  455.  
  456. #pop-up {
  457. position:fixed;
  458. display:none;
  459. visibility:hidden;
  460. z-index:10000;
  461. }
  462.  
  463. /* Avatar */
  464.  
  465. .avatar-box {
  466. position:absolute;
  467. margin-top:0;
  468. margin-left:0;
  469. width:230px;
  470. height:140px;
  471. background:{color:Description background};
  472. border:1px solid {color:Borders};
  473. border-top-left-radius:{text:Border radius};
  474. overflow:hidden;
  475. }
  476.  
  477. .avatar {
  478. margin:20px auto;
  479. width:80px;
  480. height:80px;
  481. padding:10px;
  482. border-radius:0;
  483. border:1px solid {color:Accent};
  484. {block:ifCircularAvatar}
  485. border-radius:100px;
  486. {/block:ifCircularAvatar}
  487. -webkit-transition:all .5s linear;
  488. -o-transition:all .5s linear;
  489. -moz-transition:all .5s linear;
  490. }
  491.  
  492. .avatar:hover {
  493. border:1px solid {color:Hover};
  494. }
  495.  
  496. .avatar img {
  497. margin:-1px;
  498. width:100%;
  499. height:100%;
  500. border-radius:100px;
  501. border:1px solid {color:Borders};
  502. border-radius:{text:Border radius};
  503. {block:ifCircularAvatar}
  504. border-radius:100px;
  505. {/block:ifCircularAvatar}
  506. }
  507.  
  508. /* Description */
  509.  
  510. .description-box {
  511. position:absolute;
  512. margin-top:calc(140px + {text:Margin between header elements});
  513. margin-left:0;
  514. width:200px;
  515. height:110px;
  516. padding:15px;
  517. background:{color:Description background};
  518. border:1px solid {color:Borders};
  519. overflow:hidden;
  520. }
  521.  
  522. .description {
  523. margin:0;
  524. width:200px;
  525. height:110px;
  526. padding-right:5px;
  527. color:{color:Description};
  528. text-align:justify;
  529. overflow-y:auto;
  530. }
  531.  
  532. /* Blog title */
  533.  
  534. .blog-title {
  535. position:absolute;
  536. margin-left:0;
  537. margin-top:calc(280px + ({text:Margin between header elements} * 2));
  538. padding:0 10px;
  539. width:210px;
  540. height:40px;
  541. line-height:40px;
  542. letter-spacing:2px;
  543. text-align:center;
  544. font-family:{select:Title font};
  545. font-size:{select:Blog title font size};
  546. color:{color:Blog title};
  547. background:{color:Accent};
  548. border:1px solid {color:Borders};
  549. border-right:1px solid {color:Borders};
  550. border-bottom-left-radius:{text:Border radius};
  551. }
  552.  
  553. .blog-title:hover {
  554. color:{color:Hover};
  555. }
  556.  
  557. /* Navigation */
  558.  
  559. .navigation {
  560. position:absolute;
  561. margin-top:calc(280px + ({text:Margin between header elements} * 2));
  562. margin-left:calc(230px + {text:Margin between header elements});
  563. width:calc({text:Header width} - 216px - {text:Margin between header elements});
  564. height:40px;
  565. line-height:40px;
  566. text-align:center;
  567. background:{color:Navigation background};
  568. border:1px solid {color:Borders};
  569. border-bottom-right-radius:{text:Border radius};
  570. z-index:10000;
  571. }
  572.  
  573. .navi {
  574. margin-left:auto;
  575. margin-right:auto;
  576. width:320px;
  577. line-height:40px;
  578. }
  579.  
  580. .navi a {
  581. font-size:12px;
  582. margin:0 8px;
  583. cursor:pointer;
  584. border-bottom:1px solid transparent;
  585. }
  586.  
  587. .navi a:hover {
  588. color:{color:Hover};
  589. border-bottom:1px solid {color:Accent};
  590. }
  591.  
  592. .navi span {
  593. color:{color:Accent};
  594. font-size:9px;
  595. margin-left:2px;
  596. }
  597.  
  598. .open-hlinks {
  599. display:inline;
  600. }
  601.  
  602. .ol-clicked .hlinks span {
  603. color:{color:Hover};
  604. transform: rotate(180deg);
  605. }
  606.  
  607. /* Links */
  608.  
  609. .links {
  610. position:relative;
  611. margin-top:0;
  612. margin-left:0;
  613. width:180px;
  614. height:auto;
  615. padding:5px 10px;
  616. line-height:12px;
  617. text-align:center;
  618. background:{color:Navigation background};
  619. border:none;
  620. border-right:1px solid {color:Borders};
  621. border-radius:0;
  622. }
  623.  
  624. .hlinks {
  625. position:absolute;
  626. margin-left:calc({text:Margin between header elements} + 239px);
  627. margin-top:10px;
  628. width:100px;
  629. height:auto;
  630. padding:5px 10px;
  631. line-height:12px;
  632. background:{color:Navigation background};
  633. border:1px solid {color:Borders};
  634. display:none;
  635. visibility:visible;
  636. }
  637.  
  638. .links a, .hlinks a {
  639. display:inline-block;
  640. margin-top:1px;
  641. margin-left:auto;
  642. margin-right:auto;
  643. width:100px;
  644. font-size:12px;
  645. line-height:12px;
  646. padding:5px 0;
  647. overflow:hidden;
  648. color:{color:Mavigation link};
  649. text-align:left;
  650. }
  651.  
  652. .links a:hover, .hlinks a:hover {
  653. color:{color:Hover};
  654. }
  655.  
  656. .links span, .hlinks span {
  657. color:{color:Accent};
  658. font-size:12px;
  659. margin-right:5px;
  660. }
  661.  
  662. /*---------------------------- MAIN CONTAINER ----------------------------*/
  663.  
  664. #container {
  665. margin:auto;
  666. margin-top:20px;
  667. width:calc({select:Post width}px + 72px);
  668. min-height:600px;
  669. {block:PermalinkPage}
  670. width:882px;
  671. {/block:PermalinkPage}
  672. z-index:10;
  673. }
  674.  
  675. /*------ POSTS AND ENTRIES -----*/
  676.  
  677. #posts {
  678. display:block;
  679. position:relative;
  680. margin-left:auto;
  681. margin-right:auto;
  682. width:calc({select:Post width}px + 72px);
  683. {block:PermalinkPage}
  684. width:562px!important;
  685. {/block:PermalinkPage}
  686. }
  687.  
  688. .entry {
  689. float:left;
  690. display:block;
  691. margin:20px;
  692. width:{select:Post width}px;
  693. padding:15px;
  694. padding-bottom:10px;
  695. background:{color:Post background};
  696. border:1px solid {color:Borders};
  697. border-radius:{text:Border radius};
  698. overflow:hidden;
  699. }
  700.  
  701. .entry img { max-width:100%; }
  702.  
  703. /* -------- RESPONSIVE DESIGN VALUES, editing is not recommended -------- */
  704.  
  705. @media only screen and (max-width:640px) {
  706.  
  707. #container {
  708. width:100vw;
  709. }
  710.  
  711. #posts {
  712. margin-left:0;
  713. width:100vw!important;
  714. {block:PermalinkPage}
  715. width:100vw!important;
  716. {/block:PermalinkPage}
  717. }
  718.  
  719. .entry {
  720. float:left;
  721. display:block;
  722. margin:25px!important;
  723. width:calc(100vw - 92px)!important;
  724. {block:PermalinkPage}
  725. width:calc(100vw - 92px)!important;
  726. margin:25px 20px!important;
  727. {/block:PermalinkPage}
  728. min-width:300px;
  729. z-index:100;
  730. }
  731.  
  732. #pager {
  733. margin-left:0;
  734. width:100vw!important;
  735. {block:PermalinkPage}
  736. width:100vw!important;
  737. {/block:PermalinkPage}
  738. min-width:300px;
  739. }
  740.  
  741. .open-extra {
  742. left:60px;
  743. }
  744.  
  745. .open-search {
  746. left:100px;
  747. }
  748.  
  749. #search {
  750. left:125px;
  751. }
  752.  
  753. .open-pop-up {
  754. display:block;
  755. }
  756.  
  757. #pop-up {
  758. visibility:visible;
  759. }
  760.  
  761. #header {
  762. margin-top:50px;
  763. margin-left:0;
  764. min-width:100vw;
  765. width:100vw;
  766. height:200px;
  767. z-index:100;
  768. }
  769.  
  770. #header-in {
  771. display:none;
  772. }
  773.  
  774. #header-image {
  775. margin-left:0;
  776. margin-top:0;
  777. width:100vw;
  778. height:200px;
  779. border:none;
  780. border-bottom:1px solid {color:Borders};
  781. border-radius:0;
  782. }
  783.  
  784. .avatar-box {
  785. position:relative;
  786. margin-top:0;
  787. margin-left:0;
  788. width:200px;
  789. height:140px;
  790. background:{color:Description background};
  791. border:none;
  792. border-right:1px solid {color:Borders};
  793. border-radius:0;
  794. }
  795.  
  796. .description-box {
  797. position:relative;
  798. margin-top:-10px;
  799. margin-left:0;
  800. width:170px;
  801. height:110px;
  802. padding:15px;
  803. background:{color:Description background};
  804. border:none;
  805. border-right:1px solid {color:Borders};
  806. border-radius:0;
  807. overflow:hidden;
  808. }
  809.  
  810. .description {
  811. width:170px;
  812. }
  813.  
  814. .navigation {
  815. position:relative;
  816. margin-top:0;
  817. margin-left:0;
  818. width:200px;
  819. height:auto;
  820. padding-bottom:10px;
  821. border:none;
  822. border-right:1px solid {color:Borders};
  823. border-radius:0;
  824. }
  825.  
  826. .navi {
  827. margin-left:auto;
  828. margin-right:auto;
  829. width:200px;
  830. line-height:25px;
  831. }
  832.  
  833. .hlinks {
  834. display:none;
  835. visibility:hidden;
  836. }
  837.  
  838. .blog-title {
  839. position:relative;
  840. margin-top:0;
  841. padding:0 10px;
  842. width:180px;
  843. font-size:calc({select:Blog title font size} - 5px);
  844. border-radius:0;
  845. border-bottom-right-radius:{text:Border radius};
  846. border:none;
  847. border-right:1px solid {color:Borders};
  848. border-bottom:1px solid {color:Borders};
  849. }
  850.  
  851. }
  852. /* End responsive values */
  853.  
  854.  
  855. /* -- POST STYLES -- */
  856.  
  857. /* Quote posts */
  858.  
  859. .quote {
  860. margin:5px;
  861. padding:10px;
  862. font-family:{select:Title font};
  863. font-size:200%;
  864. line-height:130%;
  865. color:{color:Italic};
  866. height:auto;
  867. text-align:center;
  868. letter-spacing:1px;
  869. }
  870.  
  871. .source {
  872. margin-top:5px;
  873. margin-bottom:10px;
  874. font-family:{font:Body font};
  875. font-size:15px;
  876. height:25px;
  877. line-height:25px;
  878. text-align:left;
  879. overflow:hidden;
  880. }
  881.  
  882. .source span {
  883. float:left;
  884. margin-right:10px;
  885. color:{color:Link};
  886. padding:5px;
  887. padding-right:10px;
  888. font-size:15px;
  889. border-right:1px solid {color:Borders};
  890. }
  891.  
  892. /* Link posts */
  893.  
  894. .linktitle {
  895. width:calc(100% - 10px);
  896. color:{color:Title};
  897. font-family:{select:Title font};
  898. font-size:200%;
  899. line-height:150%;
  900. background:{color:Borders};
  901. border-radius:{text:Border radius};
  902. padding:5px;
  903. {block:ifEntryBorderTransparent}
  904. background:transparent;
  905. border:1px solid transparent;
  906. {/block:ifEntryBorderTransparent}
  907. }
  908.  
  909. .linktitle a {
  910. color:{color:Link};
  911. }
  912.  
  913. .linktitle span {
  914. color:{color:Icon};
  915. }
  916.  
  917. .linktitle:hover {
  918. color:{color:Hover};
  919. }
  920.  
  921. /* Audio posts */
  922.  
  923. .album img {
  924. float:left;
  925. margin-top:0;
  926. width:70px;
  927. height:70px;
  928. margin-left:5px;
  929. margin-right:10px;
  930. float:left;
  931. z-index:10;
  932. border:1px solid {color:Borders};
  933. border-radius:100%;
  934. }
  935.  
  936. .play {
  937. position:absolute;
  938. margin:22px 25px;
  939. width:31px;
  940. height:29px;
  941. padding-top:2px;
  942. line-height:31px;
  943. overflow:hidden;
  944. background:#fff;
  945. border-radius:100%;
  946. }
  947.  
  948. .audio {
  949. width:160px;
  950. min-height:80px;
  951. margin-top:10px;
  952. z-index:10;
  953. font-size:12px;
  954. line-height:25px;
  955. overflow:hidden;
  956. }
  957.  
  958. .audio h1{
  959. font-size:20px;
  960. border-bottom:1px solid transparent;
  961. }
  962.  
  963. /* Ask posts */
  964.  
  965. .question {
  966. width:100%;
  967. height:auto;
  968. line-height:20px;
  969. color:{color:Answer};
  970. }
  971.  
  972. .questionin {
  973. margin-left:45px;
  974. width:calc(100% - 65px);
  975. min-height:24px;
  976. line-height:24px;
  977. padding:5px;
  978. padding-left:10px;
  979. padding-right:10px;
  980. border:1px solid {color:Borders};
  981. border-top-right-radius:{text:Border radius};
  982. border-bottom-right-radius:{text:Border radius};
  983. }
  984.  
  985. .question img {
  986. width:28px;
  987. padding:3px;
  988. border:1px solid {color:Borders};
  989. margin-right:4px;
  990. border-top-left-radius:{text:Border radius};
  991. border-bottom-left-radius:{text:Border radius};
  992. }
  993.  
  994. .answer {
  995. margin-top:5px;
  996. width:calc(100% - 10px);
  997. padding:5px;
  998. }
  999.  
  1000. /* Chat posts */
  1001.  
  1002. .chat ul {
  1003. display:block;
  1004. list-style:none;
  1005. margin-left:-40px;
  1006. }
  1007.  
  1008. /* Chat lines style */
  1009. .chat li {
  1010. padding:3px;
  1011. display:block;
  1012. }
  1013.  
  1014. /* Odd lines style */
  1015. .chat .odd {
  1016. color:{color:Chat 1};
  1017. }
  1018.  
  1019. /* Even lines style */
  1020. .chat .even {
  1021. color:{color:Chat 2};
  1022. }
  1023.  
  1024. /* -- POST INFO -- */
  1025.  
  1026. .info {
  1027. height:auto;
  1028. margin-top:15px;
  1029. margin-left:0;
  1030. margin-bottom:-5px;
  1031. width:100%;
  1032. line-height:20px;
  1033. font-size:12px;
  1034. color:{color:Text};
  1035. border-bottom-left-radius:{text:Border radius};
  1036. border-bottom-right-radius:{text:Border radius};
  1037. {block:IndexPage}
  1038. {block:ifHoverForInfo}
  1039. opacity:0;
  1040. position:absolute;
  1041. bottom:0;
  1042. background:{color:Post background};
  1043. {/block:ifHoverForInfo}
  1044. {/block:IndexPage}
  1045. {block:PermalinkPage}
  1046. border-radius:0;
  1047. {/block:PermalinkPage}
  1048. }
  1049.  
  1050. .entry:hover .info {
  1051. {block:ifHoverForInfo}
  1052. opacity:1;
  1053. {/block:ifHoverForInfo}
  1054. }
  1055.  
  1056. .info a {
  1057. font-size:12px;
  1058. }
  1059.  
  1060. .info a:hover {
  1061. color:{color:Hover};
  1062. }
  1063.  
  1064. .info big a {
  1065. color:{color:Bold};
  1066. font-size:14px;
  1067. }
  1068.  
  1069. /* Tags */
  1070.  
  1071. .tags {
  1072. margin-top:5px;
  1073. margin-left:0;
  1074. line-height:20px;
  1075. }
  1076.  
  1077. .tags a {
  1078. margin-right:5px;
  1079. margin-bottom:5px;
  1080. background:{color:Post background};
  1081. }
  1082.  
  1083. .tags span {
  1084. margin-top:5px;
  1085. margin-right:10px;
  1086. font-size:14px;
  1087. color:{color:Text};
  1088. vertical-align:middle;
  1089. }
  1090.  
  1091. /*-- PERMALINK, LIKE AND REBLOG BUTTONS --*/
  1092.  
  1093. .post_buttons {
  1094. width:45px;
  1095. height:19px;
  1096. margin-left:calc(100% - 70px);
  1097. margin-top:-20px;
  1098. padding-top:2px;
  1099. text-align:center;
  1100. z-index:100;
  1101. list-style:none;
  1102. {block:PermalinkPage}
  1103. padding-right:15px;
  1104. {/block:PermalinkPage}
  1105. }
  1106.  
  1107. .post_buttons span {
  1108. font-size:12px;
  1109. color:{color:Post buttons};
  1110. }
  1111.  
  1112. .perma {
  1113. position:absolute;
  1114. width:20px;
  1115. margin-left:-30px;
  1116. margin-top:-20px;
  1117. }
  1118.  
  1119. .rblg {
  1120. position:absolute;
  1121. margin-top:0;
  1122. margin-left:-5px;
  1123. }
  1124.  
  1125. .like {
  1126. position:relative;
  1127. }
  1128.  
  1129. .like .like_button {
  1130. position:absolute;
  1131. margin-top:-21px;
  1132. margin-left:15px;
  1133. opacity:0;
  1134. }
  1135.  
  1136. .like .like_button.liked {
  1137. opacity:1;
  1138. }
  1139.  
  1140. /*-- PERMALINK PAGE --*/
  1141.  
  1142. .postnotes {
  1143. margin:10px 0;
  1144. width:100%;
  1145. font-size:12px;
  1146. color:{color:Text};
  1147. line-height:20px;
  1148. text-align:left;
  1149. overflow:hidden;
  1150. }
  1151.  
  1152. ol.notes {
  1153. display:block;
  1154. padding:0;
  1155. margin:10px 0;
  1156. width:100%;
  1157. list-style-type:none;
  1158. }
  1159.  
  1160. ol.notes li.note {
  1161. padding:10px;
  1162. border-bottom:1px solid {color:Borders};
  1163. }
  1164.  
  1165. ol.notes li.note img.avatar {
  1166. vertical-align:-5px;
  1167. margin-right:10px;
  1168. width:15px;
  1169. height:15px;
  1170. }
  1171.  
  1172. li.more_notes_link_container {
  1173. text-transform:uppercase;
  1174. font-size:12px;
  1175. }
  1176.  
  1177. /*-- PAGINATION --*/
  1178.  
  1179. #pager {
  1180. margin-top:20px;
  1181. margin-left:auto;
  1182. margin-right:auto;
  1183. width:calc({select:Post width}px + 72px);
  1184. height:70px;
  1185. {block:PermalinkPage}
  1186. width:562px!important;
  1187. {/block:PermalinkPage}
  1188. }
  1189.  
  1190. #pagination {
  1191. margin:auto;
  1192. width:500px;
  1193. height:30px;
  1194. text-align:center;
  1195. {block:ifInfiniteScroll}
  1196. display:none;
  1197. {/block:ifInfiniteScroll}
  1198. }
  1199.  
  1200. .pagicon, .next, .load-more {
  1201. display:inline;
  1202. vertical-align:middle;
  1203. }
  1204.  
  1205. .pagicon a, .next, .load-more {
  1206. font-size:12px;
  1207. padding:8px 10px;
  1208. margin:10px;
  1209. color:{color:Pagination};
  1210. background:{color:Accent};
  1211. border:1px solid {color:Borders};
  1212. border-radius:{text:Border radius};
  1213. }
  1214.  
  1215. .pagicon a:hover, .next:hover, .load-more:hover {
  1216. color:{color:Hover};
  1217. }
  1218.  
  1219. .pagicon span, .next span, .load-more span {
  1220. color:{color:Pagination};
  1221. font-size:11px;
  1222. margin:5px;
  1223. text-decoration:none;
  1224. vertical-align:middle;
  1225. }
  1226.  
  1227. .pagicon:hover span, .next:hover span, .load-more:hover span {
  1228. color:{color:Hover};
  1229. }
  1230.  
  1231. /* -- INFINITE SCROLL -- */
  1232.  
  1233. #infscr-loading {
  1234. display:none!important;
  1235. }
  1236.  
  1237. #iscroll {
  1238. margin:auto;
  1239. width:500px;
  1240. height:30px;
  1241. text-align:center;
  1242. }
  1243.  
  1244. {block:ifLoadMore}
  1245. .load-more {
  1246. height:40px;
  1247. }
  1248. {/block:ifLoadMore}
  1249.  
  1250. /*-- THEME CREDIT --*/
  1251.  
  1252. #credit {
  1253. position:fixed;
  1254. right:10px;
  1255. top:10px;
  1256. width:30px;
  1257. z-index:10000;
  1258. }
  1259.  
  1260. /* END CSS */
  1261.  
  1262. {CustomCSS}
  1263.  
  1264. </style>
  1265.  
  1266. </head>
  1267.  
  1268. <!-- HTML -->
  1269.  
  1270. <body>
  1271.  
  1272. <div id="menu">
  1273.  
  1274. <div class="open-pop-up"><span class="sf sf-list-o"></span></div>
  1275.  
  1276. {block:ifDisplayExtraTab}
  1277. <div class="open-extra"><span class="sf sf-menu-o"></span></div>
  1278.  
  1279. <div id="extra-tab">
  1280.  
  1281. {text:Extra Tab text}
  1282.  
  1283. </div>
  1284. <!--End extra-tab-->
  1285. {/block:ifDisplayExtraTab}
  1286.  
  1287. {block:IfDisplaySearchBox}
  1288. <div class="open-search"><span class="sf sf-search-o"></span></div>
  1289.  
  1290. <div id="search">
  1291. <div class="search-icon">
  1292. </div>
  1293. <form action="/search" method="get">
  1294. <input type="text" name="q" placeholder="Search" value="" style="width:160px; height:19px; border:1px solid transparent; background:transparent; color:{color:Hover}; font-size:11px; letter-spacing:1px; margin-top:3px; margin-left:5px;"/>
  1295. </form>
  1296. </div>
  1297. {/block:IfDisplaySearchBox}
  1298. <!--Search box ends-->
  1299.  
  1300. </div>
  1301. <!-- End menu -->
  1302.  
  1303. <div id="pop-up">
  1304.  
  1305. <div class="avatar-box">
  1306. <div class="avatar"><img src="{image:Avatar}"></div>
  1307. </div>
  1308. <!--End avatar-box-->
  1309.  
  1310. <div class="description-box">
  1311. <div class="description">
  1312. {Description}
  1313. </div>
  1314. <!--End description-->
  1315. </div>
  1316. <!--End description-box-->
  1317.  
  1318. <div class="navigation">
  1319.  
  1320. <div class="navi">
  1321. <a href="/">INDEX</a>
  1322. {block:AskEnabled}
  1323. <a href="/ask">ASK</a>
  1324. {/block:AskEnabled}
  1325. {block:SubmissionsEnabled}
  1326. <a href="/submit">SUBMIT</a>
  1327. {/block:SubmissionsEnabled}
  1328. <a href="/archive">ARCHIVE</a>
  1329.  
  1330. <div class="links">
  1331. {block:IfDisplayLinkOne}
  1332. <a href="{text:Link One Url}"><span>01</span> {text:Link One Title} </a>
  1333. {/block:IfDisplayLinkOne}
  1334. {block:IfDisplayLinkTwo}
  1335. <a href="{text:Link Two Url}"><span>02</span> {text:Link Two Title} </a>
  1336. {/block:IfDisplayLinkTwo}
  1337. {block:IfDisplayLinkThree}
  1338. <a href="{text:Link Three Url}"><span>03</span> {text:Link Three Title} </a>
  1339. {/block:IfDisplayLinkThree}
  1340. {block:IfDisplayLinkFour}
  1341. <a href="{text:Link Four Url}"><span>04</span> {text:Link Four Title} </a>
  1342. {/block:IfDisplayLinkFour}
  1343. {block:IfDisplayLinkFive}
  1344. <a href="{text:Link Five Url}"><span>05</span> {text:Link Five Title} </a>
  1345. {/block:IfDisplayLinkFive}
  1346. </div>
  1347. <!--End links-->
  1348.  
  1349. </div>
  1350. <!--End navi-->
  1351.  
  1352. </div>
  1353. <!--End navigation-->
  1354.  
  1355. <div class="blog-title">{Title}</div>
  1356.  
  1357. </div>
  1358. <!--End pop-up -->
  1359.  
  1360. <div id="header">
  1361.  
  1362. <div id="header-image"></div>
  1363.  
  1364. <div id="header-in">
  1365.  
  1366. <div class="avatar-box">
  1367. <div class="avatar"><img src="{image:Avatar}"></div>
  1368. </div>
  1369. <!--End avatar-box-->
  1370.  
  1371. <div class="description-box">
  1372. <div class="description">
  1373. {Description}
  1374. </div>
  1375. <!--End description-->
  1376. </div>
  1377. <!--End description-box-->
  1378.  
  1379. <div class="navigation">
  1380.  
  1381. <div class="navi">
  1382. <a href="/">INDEX</a>
  1383. {block:AskEnabled}
  1384. <a href="/ask">ASK</a>
  1385. {/block:AskEnabled}
  1386. {block:SubmissionsEnabled}
  1387. <a href="/submit">SUBMIT</a>
  1388. {/block:SubmissionsEnabled}
  1389. <a href="/archive">ARCHIVE</a>
  1390. <a><div class="open-hlinks"> MORE <span class="sf sf-chevron-down"></span></div></a>
  1391.  
  1392. <div class="hlinks">
  1393. {block:IfDisplayLinkOne}
  1394. <a href="{text:Link One Url}"><span>01</span> {text:Link One Title} </a>
  1395. {/block:IfDisplayLinkOne}
  1396. {block:IfDisplayLinkTwo}
  1397. <a href="{text:Link Two Url}"><span>02</span> {text:Link Two Title} </a>
  1398. {/block:IfDisplayLinkTwo}
  1399. {block:IfDisplayLinkThree}
  1400. <a href="{text:Link Three Url}"><span>03</span> {text:Link Three Title} </a>
  1401. {/block:IfDisplayLinkThree}
  1402. {block:IfDisplayLinkFour}
  1403. <a href="{text:Link Four Url}"><span>04</span> {text:Link Four Title} </a>
  1404. {/block:IfDisplayLinkFour}
  1405. {block:IfDisplayLinkFive}
  1406. <a href="{text:Link Five Url}"><span>05</span> {text:Link Five Title} </a>
  1407. {/block:IfDisplayLinkFive}
  1408. </div>
  1409. <!--End hlinks-->
  1410.  
  1411. </div>
  1412. <!--End navi-->
  1413.  
  1414. </div>
  1415. <!--End navigation-->
  1416.  
  1417. <div class="blog-title">{Title}</div>
  1418.  
  1419. </div>
  1420. <!--End header-in-->
  1421. </div>
  1422. <!--End header-->
  1423.  
  1424.  
  1425. <div id="container">
  1426.  
  1427. <!-- POSTS -->
  1428.  
  1429. <div id="posts">
  1430.  
  1431. {block:Posts}
  1432.  
  1433. <div class="entry">
  1434.  
  1435. <div class="content">
  1436.  
  1437. <!-- Text -->
  1438. {block:Text}
  1439. {block:Title}
  1440. <a href="{Permalink}">
  1441. <h1>{Title}</h1></a>
  1442. {/block:Title}
  1443. {Body}
  1444. {/block:Text}
  1445.  
  1446. <!-- Photo -->
  1447. {block:Photo}
  1448. {block:IndexPage}
  1449. {LinkOpenTag}
  1450. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="680px"/>
  1451. {LinkCloseTag}
  1452. {/block:IndexPage}
  1453. {block:PermalinkPage}
  1454. {LinkOpenTag}
  1455. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="680px"/>
  1456. {LinkCloseTag}
  1457. {/block:PermalinkPage}
  1458. {/block:Photo}
  1459.  
  1460. <!-- Photoset -->
  1461. {block:Photoset}
  1462. <div class="photo-slideDisplay" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1463. {/block:Photoset}
  1464.  
  1465. <!-- Quote -->
  1466. {block:Quote}
  1467. <div class="source">
  1468. <span class="sf sf-quotation-mark"></span>
  1469. {block:Source}
  1470. {Source}
  1471. {/block:Source}
  1472. </div>
  1473. <!--End source-->
  1474. <div class="quote">
  1475. {Quote}
  1476. </div>
  1477. <!--End quote-->
  1478. {/block:Quote}
  1479.  
  1480. <!-- Link -->
  1481. {block:Link}
  1482. <div id="linktitle">
  1483. <a href="{URL}"
  1484. class="linkpost"
  1485. target="_blank">
  1486. {Name} &raquo; </a>
  1487. </div>
  1488. {block:Description}
  1489. {Description}
  1490. {/block:Description}
  1491. {/block:Link}
  1492.  
  1493. <!-- Chat -->
  1494. {block:Chat}
  1495. <div class="chat">
  1496. <ul>
  1497. {block:Lines}
  1498. <li class="{Alt}">
  1499. {block:Label}<b>{Label}</b>{/block:Label}
  1500. {Line}
  1501. </li>
  1502. {/block:Lines}
  1503. </ul>
  1504. </div>
  1505. {/block:Chat}
  1506.  
  1507. <!-- Audio -->
  1508. {block:Audio}
  1509. <div class="album">
  1510. {block:AlbumArt}
  1511. <img src="{AlbumArtURL}">
  1512. {block:AlbumArt}
  1513. </div>
  1514. <!--End album-->
  1515. <div class="play">
  1516. {block:AudioPlayer}
  1517. {AudioPlayer}
  1518. {/block:AudioPlayer}
  1519. </div>
  1520. <div class="audio">
  1521. {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  1522. {block:Artist}{Artist}{/block:Artist}<br>
  1523. <!--End play-->
  1524. {block:PlayCount}
  1525. {FormattedPlayCount}
  1526. {/block:PlayCount}
  1527. </div>
  1528. <!--End audio-->
  1529. {/block:Audio}
  1530.  
  1531. <!-- Video -->
  1532. {block:Video}
  1533. <div class="video">{Video-500}</div>
  1534. {/block:Video}
  1535.  
  1536. <!-- Ask -->
  1537. {block:Answer}
  1538. <div class="question">
  1539. <img src="{AskerPortraitURL-48}"
  1540. align="left"></div>
  1541. <div class="questionin">
  1542. {Asker}: {Question}</div>
  1543. <div class="answer">
  1544. {Answer}</div>
  1545. {/block:Answer}
  1546.  
  1547. <!-- Caption -->
  1548. {block:IndexPage}
  1549. {block:IfDisplayCaptions}
  1550. {block:Caption}
  1551. {Caption}
  1552. {/block:Caption}
  1553. {/block:IfDisplayCaptions}
  1554. {/block:IndexPage}
  1555. {block:PermalinkPage}
  1556. {block:Caption}
  1557. {Caption}
  1558. {/block:Caption}
  1559. {/block:PermalinkPage}
  1560.  
  1561. </div>
  1562. <!--End content-->
  1563.  
  1564. <!-- Date -->
  1565. {block:Date}
  1566.  
  1567. <div class="info">
  1568.  
  1569. <big><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {shortmonth} {dayofmonth} {year}</a>
  1570.  
  1571. {block:NoteCount}
  1572. &bull;
  1573. <a href="{Permalink}">
  1574. {NoteCountWithLabel}</a>
  1575. {/block:NoteCount}
  1576.  
  1577. </big><br>
  1578.  
  1579. <!-- Reblogged from -->
  1580. {block:RebloggedFrom}
  1581. via <a href="{ReblogParentURL}">
  1582. {ReblogParentName}</a>
  1583. {/block:RebloggedFrom}
  1584.  
  1585. {block:ContentSource}
  1586. &bull; source
  1587. <a href="{SourceURL}"
  1588. target=blank> {SourceTitle} </a>
  1589. {/block:ContentSource}
  1590.  
  1591. <!-- Tags -->
  1592. {block:IndexPage}
  1593. {block:IfDisplayTags}
  1594. {block:HasTags}
  1595. <div class="tags">
  1596. <span class="sf sf-tags-o"></span>
  1597. {block:Tags}
  1598. <a href="{TagURL}">{Tag}</a>
  1599. {/block:Tags}
  1600. </div>
  1601. <!-- End tags -->
  1602. {/block:HasTags}
  1603. {/block:IfDisplayTags}
  1604. {/block:IndexPage}
  1605. {block:PermalinkPage}
  1606. {block:HasTags}
  1607. <div class="tags">
  1608. <span class="sf sf-tags-o"></span>
  1609. {block:Tags}
  1610. <a href="{TagURL}">{Tag}</a>
  1611. {/block:Tags}
  1612. </div>
  1613. <!-- End tags -->
  1614. {/block:HasTags}
  1615. {/block:PermalinkPage}
  1616.  
  1617. <!-- Permalink, reblog and like buttons -->
  1618. <ul class="post_buttons">
  1619.  
  1620. <li class="rblg"><a href="{ReblogUrl}"><span class="sf sf-refresh-o"></span></a></li>
  1621.  
  1622. <li class="like">
  1623. <span class="sf sf-heart-o"></span>
  1624. {LikeButton size="15"}
  1625. </li>
  1626.  
  1627. {block:IndexPage}
  1628. <div class="perma"><a href="{Permalink}"><span class="sf sf-aero-cursor-o"></span></a></div>
  1629. {/block:IndexPage}
  1630.  
  1631. </ul>
  1632. <!-- End post_buttons -->
  1633.  
  1634. </div>
  1635. <!--End info-->
  1636. {/block:Date}
  1637.  
  1638. <!-- Permalink page -->
  1639. {block:PermalinkPage}
  1640. <!-- Post notes-->
  1641. {block:PostNotes}
  1642. <div class="postnotes">
  1643. <h2>Post notes:</h2>
  1644. {PostNotes}
  1645. </div>
  1646. {/block:PostNotes}
  1647. {/block:PermalinkPage}
  1648.  
  1649. <!-- Other -->
  1650. {block:ContentSource}
  1651. <!-- {SourceURL}
  1652. {block:SourceLogo}
  1653. <img src="{#000LogoURL}"
  1654. width="{LogoWidth}"
  1655. height="{LogoHeight}"
  1656. alt="{SourceTitle}" />
  1657. {/block:SourceLogo}
  1658. {block:NoSourceLogo}
  1659. {SourceLink}
  1660. {/block:NoSourceLogo} -->
  1661. {/block:ContentSource}
  1662.  
  1663. </div>
  1664. <!--End entry-->
  1665.  
  1666. {/block:Posts}
  1667.  
  1668. </div>
  1669. <!-- End posts -->
  1670.  
  1671. {block:Pagination}
  1672.  
  1673. <div id="pager">
  1674.  
  1675. <div id="pagination">
  1676. {block:PreviousPage}
  1677. <div class="pagicon">
  1678. <a href="{PreviousPage}"><span class="sf sf-arrow-left"></span> NEWER </a>
  1679. </div>
  1680. {/block:PreviousPage}
  1681.  
  1682. <div class="pagicon">
  1683. <a href="#"><span class="sf sf-arrow-up"></span> TOP </a>
  1684. </div>
  1685.  
  1686. {block:NextPage}
  1687. <a class="next" href="{NextPage}"> OLDER <span class="sf sf-arrow-right"></span></a>
  1688. {/block:NextPage}
  1689. </div>
  1690. <!--End pagination-->
  1691.  
  1692. <div id="iscroll">
  1693. {block:ifLoadMore}
  1694. <span class="pagicon">
  1695. <a href="#"><span class="sf sf-arrow-up"></span> TOP </a>
  1696. </span>
  1697.  
  1698. <a href="#" class="load-more"> MORE <span class="sf sf-plus-o"></span></a>
  1699. {/block:ifLoadMore}
  1700. </div>
  1701.  
  1702. </div>
  1703. <!--End pager-->
  1704.  
  1705. {/block:Pagination}
  1706.  
  1707. </div>
  1708. <!--End container-->
  1709.  
  1710. <!-- CREDIT (DO NOT REMOVE) -->
  1711. <div id="credit"><a href="https://www.hunterthemes.tumblr.com">
  1712. <img src="https://66.media.tumblr.com/b29d8873c09628252057b9408a7c4a88/tumblr_plbuq65td51uo5urho1_100.png" title="theme by hunter themes"></a></div>
  1713.  
  1714. </body>
  1715.  
  1716. <!------------------------------ SCRIPTS ------------------------------>
  1717.  
  1718. <!-- Saturn icons font -->
  1719.  
  1720. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  1721.  
  1722. <!--Jquery-->
  1723.  
  1724. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1725.  
  1726. <!-- Style my tooltips -->
  1727.  
  1728. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1729.  
  1730. <script>
  1731. (function($){
  1732. $(document).ready(function(){
  1733. $("a[title]").style_my_tooltips({
  1734. tip_follows_cursor:true,
  1735. tip_delay_time: 90,
  1736. tip_fade_speed: 600,
  1737. attribute:"title"
  1738. });
  1739. });
  1740. })(jQuery);
  1741. </script>
  1742.  
  1743. <script>
  1744. $(document).ready(function(){
  1745.  
  1746. $(".open-pop-up").click(function(){
  1747. $(".open-pop-up").toggleClass( "clicked" )
  1748. $("#pop-up").slideToggle(100);
  1749. });
  1750.  
  1751. $(".open-extra").click(function(){
  1752. $(".open-extra").toggleClass( "clicked" )
  1753. $("#extra-tab").slideToggle(100);
  1754. });
  1755.  
  1756. $(".open-search").click(function(){
  1757. $(".open-search").toggleClass( "clicked" )
  1758. $("#search").toggle(100);
  1759. });
  1760.  
  1761. $(".open-hlinks").click(function(){
  1762. $(".open-hlinks").toggleClass( "ol-clicked" )
  1763. $(".hlinks").slideToggle(100);
  1764. });
  1765.  
  1766. });
  1767. </script>
  1768.  
  1769. <!-- Minimal soundcloud player by @shythemes -->
  1770.  
  1771. <script>
  1772. $(document).ready(function(){
  1773. var color = '#acd7bb'; // color of play button (hex)
  1774. $('.soundcloud_audio_player').each(function(){
  1775. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  1776. });
  1777. });
  1778. </script>
  1779.  
  1780. <!-- Resize videos by @shythemes -->
  1781.  
  1782. </script><script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1783.  
  1784. <!-- PXU photoset & responsive photosets -->
  1785.  
  1786. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1787. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1788. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1789.  
  1790. {block:IndexPage}
  1791. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1792.  
  1793. {block:ifInfiniteScroll}
  1794. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1795. {/block:ifInfiniteScroll}
  1796.  
  1797. {/block:IndexPage}
  1798.  
  1799. <script>
  1800. $(document).ready(function(){
  1801. $('.photo-slideshow').pxuPhotoset({
  1802. lightbox: true,
  1803. rounded: false,
  1804. gutter: '1px',
  1805. photoset: '.photo-slideshow',
  1806. photoWrap: '.photo-data',
  1807. photo: '.pxu-photo'
  1808. });
  1809. {block:IndexPage}
  1810. var $container = $('#posts');
  1811. $container.masonry({ itemSelector: '.entry' });
  1812. $container.imagesLoaded(function(){
  1813. $container.masonry();
  1814. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  1815. });
  1816. {block:ifInfiniteScroll}
  1817. $container.infinitescroll({
  1818. itemSelector: '.entry',
  1819. navSelector: '.pagicon',
  1820. nextSelector: '.next',
  1821. loadingImg: '',
  1822. loadingText: '<em></em>',
  1823. bufferPx: 2000,
  1824. extraScrollPx: 12000,
  1825. errorCallback: function() {
  1826. $('.load-more').fadeOut();
  1827. }
  1828. },
  1829. function( newElements ) {
  1830. var $newElems = $( newElements );
  1831. $newElems.find('.photo-slideshow').pxuPhotoset({
  1832. lightbox: true,
  1833. rounded: false,
  1834. gutter: '1px',
  1835. photoset: '.photo-slideshow',
  1836. photoWrap: '.photo-data',
  1837. photo: '.pxu-photo'
  1838. },
  1839. function(){
  1840. $container.masonry();
  1841. });
  1842. $newElems.imagesLoaded(function(){
  1843. $container.masonry( 'appended', $newElems );
  1844. $newElems.animate({ opacity: 1, zIndex: 1 });
  1845. });
  1846. });
  1847.  
  1848. {block:ifLoadMore}
  1849. $(window).unbind('.infscr');
  1850. $('.load-more').click(function() {
  1851. $container.infinitescroll('retrieve');
  1852. return false
  1853. });
  1854. {/block:ifLoadMore}
  1855.  
  1856. {/block:ifInfiniteScroll}
  1857. {/block:IndexPage}
  1858. });
  1859. </script>
  1860.  
  1861. </html>
  1862.  
  1863. <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!