valkyriethemes

[T#04 - Mercy] by Galesta

Aug 18th, 2016
682
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.16 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8. theme by galesta
  9.  
  10.  
  11. base code by shythemes
  12.  
  13.  
  14.  
  15. -->
  16.  
  17.  
  18.  
  19. <title>{Title}</title>
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. <link rel="shortcut icon" href="{Favicon}">
  22. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  23.  
  24. <meta name="viewport" content="width=device-width, initial-scale=1">
  25.  
  26. <meta name="color:Accent" content="#89d0d2">
  27. <meta name="color:Accent Hover" content="#C3EED8">
  28. <meta name="color:Background" content="#f7f7f7">
  29. <meta name="color:Borders" content="#eee">
  30. <meta name="color:Posts" content="#fff">
  31. <meta name="color:Text" content="#3f3f3f">
  32.  
  33. <meta name="if:show captions" content="1">
  34. <meta name="if:infinite scroll" content="0">
  35.  
  36. <meta name="image:Background" content="">
  37. <meta name="image:Sidebar" content="" >
  38.  
  39. <meta name="text:title" content="">
  40. <meta name="text:subtitle" content="">
  41.  
  42. <meta name="select:Post Size" content="250" title="250px">
  43. <meta name="select:Post Size" content="300" title="300px">
  44. <meta name="select:Post Size" content="350" title="350px">
  45. <meta name="select:Post Size" content="400" title="400px">
  46. <meta name="select:Post Size" content="450" title="450px">
  47. <meta name="select:Post Size" content="500" title="500px">
  48. <meta name="select:Post Size" content="540" title="540px">
  49.  
  50. <meta name="text:Link 1" content="" >
  51. <meta name="text:Link 1 URL" content="" >
  52. <meta name="text:Link 2" content="" >
  53. <meta name="text:Link 2 URL" content="" >
  54. <meta name="text:Link 3" content="" >
  55. <meta name="text:Link 3 URL" content="" >
  56. <meta name="text:Link 4" content="" >
  57. <meta name="text:Link 4 URL" content="" >
  58.  
  59.  
  60. <!-- Fonts -->
  61. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  62.  
  63. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,300,700' rel='stylesheet' type='text/css'>
  64.  
  65. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  66.  
  67. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  68.  
  69. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  70.  
  71. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80. <style type="text/css">
  81.  
  82.  
  83. html, body {
  84. padding: 0;
  85. margin: 0;}
  86.  
  87. body {
  88. margin:0;
  89. font-size:10px;
  90. font-family:helvetica, sans-serif;
  91. line-height:1.6em;
  92. overflow-x: hidden;
  93. -moz-osx-font-smoothing:grayscale;
  94. -webkit-font-smoothing:antialiased;
  95. font-smoothing:antialiased;
  96. color:{color:text};
  97. background-color: {color:background};}
  98.  
  99. a {
  100. color:inherit;
  101. text-decoration:none;
  102. -webkit-transition:all .2s linear;
  103. transition:all .2s linear;}
  104.  
  105. a:hover {
  106. color: {color:accent hover};}
  107.  
  108. small, sub {
  109. font-size:1em;
  110. vertical-align:baseline;}
  111.  
  112. blockquote {
  113. padding:.6em .6em .6em 2em;
  114. border-left:1px solid {color:borders};}
  115.  
  116. blockquote, ol, ul, p, pre {
  117. margin:0 0 .6em;}
  118.  
  119. h1, h2, h3, h4, h5, h6 {
  120. margin:0 0 .6em;
  121. font-size:1em;
  122. font-weight:inherit;}
  123.  
  124. img {
  125. border:0;
  126. max-width:100%;
  127. height:auto;
  128. display:block;}
  129.  
  130. hr {
  131. margin:1em 0;
  132. border:0;
  133. height:1px;
  134. -moz-box-sizing:border-box;
  135. box-sizing:border-box;
  136. background-color:{color:borders};}
  137.  
  138. .title {
  139. font-size:15px;
  140. font-weight:bold;}
  141.  
  142. .accent,
  143. .tumblr_blog {
  144. color:{color:accent};}
  145.  
  146. /* ----- Scrollbar + Lightbox ----*/
  147.  
  148. ::-webkit-scrollbar {
  149. width: 1px;
  150. height: 1px;
  151. background-color: transparent!important;}
  152.  
  153. ::-webkit-scrollbar-track {
  154. border: 3px solid rgb(255,255,255);
  155. background-color: transparent!;}
  156.  
  157. ::-webkit-scrollbar-thumb {
  158. border: 3px solid rgb(255,255,255);
  159. opacity: 0.5;
  160. background-color: {color:accent}}
  161.  
  162. .vignette, #vignette {
  163. opacity:0;}
  164.  
  165. .tmblr-lightbox, #tumblr_lightbox {
  166. background-color:rgba(245,245,245,.98)!important;}
  167.  
  168. .lightbox-image, #tumblr_lightbox img {
  169. box-shadow:none !important;
  170. border-radius:0 !important;
  171. max-width:none;}
  172.  
  173. .lightbox-image, #tumblr_lightbox img {
  174. padding: 10px;
  175. background-color: {color:posts};!important;
  176. border:1px solid {color:borders}; !important;}
  177.  
  178.  
  179. /* --------- Tumblr Controls ----------*/
  180.  
  181.  
  182.  
  183. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  184. top: 85px!important;
  185. right: 10px!important;
  186. position: fixed;
  187. opacity: 0.3;
  188. z-index: 99999999999999999999999999999999999;
  189. background-color: transparent!important;
  190. -moz-transition-duration: 0.5s;
  191. -o-transition-duration: 0.5s;
  192. -webkit-transition-duration: 0.5s;
  193. transition-duration: 0.5s;
  194. -webkit-filter: invert(100%);
  195. -moz-filter: invert(100%);
  196. -o-filter: invert(100%);
  197. -ms-filter: invert(100%);
  198. filter: invert(100%);}
  199.  
  200. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  201. opacity: 0.8;
  202. -moz-transition-duration: 0.5s;
  203. -o-transition-duration: 0.5s;
  204. -webkit-transition-duration: 0.5s;
  205. transition-duration: 0.5s;
  206. -webkit-filter:invert(100%);
  207. -moz-filter:invert(100%);
  208. -o-filter:invert(100%);
  209. -ms-filter:invert(100%);
  210. filter:invert(100%);
  211. }
  212.  
  213.  
  214. /* ---------- Container -----------*/
  215.  
  216. .main {
  217. margin: 200px auto;
  218. position: relative;
  219. margin-top: 50px;
  220. width: {select:Post Size}px;}
  221.  
  222. .content {
  223. margin:150px 0;}
  224.  
  225. .entry {
  226. width: {select:Post Size}px;
  227. position:relative;
  228. margin:0 0 20px;}
  229.  
  230. .entry:last-child {
  231. margin-bottom:0;}
  232.  
  233. /* ----------- Text Posts ----------*/
  234.  
  235. .text {
  236. padding: 15px;
  237. border: 1px solid {color:borders};
  238. background-color: {color:posts};
  239. margin:1em 0 0;}
  240.  
  241. .text:last-child,
  242. .text *:last-child {
  243. margin-bottom:0;}
  244.  
  245. /* ------ Questions + Answers ----------*/
  246.  
  247. .question {
  248. padding: 15px;
  249. border: 1px solid {color:borders};
  250. background-color: {color:posts};}
  251.  
  252. .sender {
  253. padding-right: 3px;
  254. float: left;}
  255.  
  256. .answer {
  257. margin-top: -1px;}
  258.  
  259.  
  260. /* ----- Chat -----------*/
  261.  
  262. .chat {
  263. list-style-type:none;}
  264.  
  265. .chat li {
  266. border-bottom: 1px solid {color:borders};
  267. padding: 15px;}
  268.  
  269. .chat li:last-child {
  270. border-bottom: 0px solid;}
  271.  
  272. .chat .label {text-transform: uppercase;}
  273.  
  274. .line_odd .label {
  275. font-family: karla;
  276. letter-spacing: 1px;
  277. color: {color:Accent};}
  278.  
  279. .line_even .label {
  280. font-family: karla;
  281. letter-spacing: 1px;
  282. color: #cef8ec;}
  283.  
  284. .chat .label {
  285. font-weight:bold;}
  286.  
  287. /* -------- Quotes -----------*/
  288.  
  289. .quote {
  290. font-weight:bold;}
  291.  
  292. .source {
  293. margin-top: -1px;}
  294.  
  295. .media {
  296. position:relative;
  297. display:inline-block;
  298. width:100%;}
  299.  
  300. /* --------- Audio -------------*/
  301.  
  302. .audioplayer {
  303. border: 1px solid {color:borders};
  304. background-color: {color:posts};}
  305.  
  306. .ac {
  307. padding: 10px;}
  308.  
  309. .ainfo {
  310. position: relative;}
  311.  
  312. .tumblr_audio_player {
  313. width: 24px;
  314. height: 24px;
  315. top: 0px;
  316. left: 0px;
  317. background-color: #fff;}
  318.  
  319. .artist {
  320. top: 45px;
  321. left: 80px;
  322. font-family: open sans;
  323. position: absolute}
  324.  
  325. #player {
  326. width: 24px;
  327. height: 24px;
  328. overflow: hidden;
  329. margin: 30px 20px;
  330. padding: 10px;
  331. color: #fff;
  332. background-color: #fff;
  333. -moz-border-radius: 30px;
  334. -webkit-border-radius: 30px;
  335. border-radius: 30px;}
  336.  
  337.  
  338. /* ------- Post Info -------*/
  339.  
  340. .tdate {
  341. width: {select:Post Size}px;
  342. padding: 15px;}
  343.  
  344. .date {
  345. padding: 10px;
  346. margin-top: 0px;
  347. background-color: {color:posts};
  348. border-bottom: 1px solid {color:borders};
  349. border-right: 1px solid {color:borders};
  350. border-left: 1px solid {color:borders};}
  351.  
  352. /* ---- Captions ---------*/
  353.  
  354. .caption {
  355. {block:IndexPage}
  356. {block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}
  357. {/block:IndexPage}
  358. padding: 15px;
  359. margin-top: -5px;
  360. border: 1px solid {color:borders};}
  361.  
  362. /* ---- SVG Icons -------*/
  363.  
  364. svg {
  365. width: 10px;
  366. fill: #4e4e4e!important;
  367. opacity: 0.5;
  368. -moz-transition-duration: 0.5s;
  369. -o-transition-duration: 0.5s;
  370. -webkit-transition-duration: 0.5s;
  371. transition-duration: 0.5s}
  372.  
  373. svg:hover {
  374. /* fill: #b7fbec; */
  375. -moz-transition-duration: 0.5s;
  376. -o-transition-duration: 0.5s;
  377. -webkit-transition-duration: 0.5s;
  378. transition-duration: 0.5s;}
  379.  
  380. /* --------- Like + Reblog ----------*/
  381.  
  382.  
  383. .lr {
  384. position: relative;
  385. margin-top: 40px;
  386. margin-left: 0px;}
  387.  
  388. .pp {
  389. font-size: 9px;
  390. line-height: 15px;
  391. font-family: karla;
  392. letter-spacing: 1px;
  393. text-transform: uppercase;
  394. -moz-transition-duration: 0.5s;
  395. -o-transition-duration: 0.5s;
  396. -webkit-transition-duration: 0.5s;
  397. transition-duration: 0.5s;}
  398.  
  399. .pp a:hover {
  400. color: {color:accent};
  401. -moz-transition-duration: 0.5s;
  402. -o-transition-duration: 0.5s;
  403. -webkit-transition-duration: 0.5s;
  404. transition-duration: 0.5s;}
  405.  
  406. .svgicons svg:hover {
  407. fill: {color:accent};
  408. -moz-transition-duration: 0.5s;
  409. -o-transition-duration: 0.5s;
  410. -webkit-transition-duration: 0.5s;
  411. transition-duration: 0.5s;}
  412.  
  413. .svgicons a {
  414. margin: 5px;
  415. padding: 3.5px;
  416. position: relative;
  417. display: inline-block;}
  418.  
  419. .reblog svg { /* Reblog SVG button */
  420. width: 8px;
  421. height: 8px;}
  422.  
  423. .like svg { /* Like SVG button */
  424. width: 9px;
  425. height: 9px;}
  426.  
  427. .svgicons .liked + svg path { /* active SVG like */
  428. fill: {color:accent};}
  429.  
  430. .svgicons .like_button iframe { /* class for the Tumblr Like Button iframe */
  431. top: 0px;
  432. bottom: 0px;
  433. left: 0px;
  434. right: 0px;
  435. opacity: 0;
  436. z-index: 0;
  437. position: absolute;}
  438.  
  439. .like_button {
  440. position: absolute;
  441. top: 0;
  442. left: 0;
  443. right: 0;
  444. bottom: 0;
  445. opacity: 0;
  446. z-index: 10;}
  447.  
  448. .like_button:hover + svg path { /* Hover State */
  449. fill: {color:accent};!important;
  450. -moz-transition-duration: 0.5s;
  451. -o-transition-duration: 0.5s;
  452. -webkit-transition-duration: 0.5s;
  453. transition-duration: 0.5s;}
  454.  
  455. .reblog svg:hover + svg path {
  456. fill: {color:accent};!important;
  457. -moz-transition-duration: 0.5s;
  458. -o-transition-duration: 0.5s;
  459. -webkit-transition-duration: 0.5s;
  460. transition-duration: 0.5s;}
  461.  
  462.  
  463. .like { /* Make a parent element */
  464. top: 0px;
  465. position: relative;
  466. list-style: none;}
  467.  
  468. .like .like_button { /* Position like button above your custom one */
  469. position: absolute;
  470. top: 0;
  471. opacity: 1;}
  472.  
  473. .svgicons .like .liked + svg path { /* active liked */
  474. fill: #b7fbec!important;}
  475.  
  476. /* -------- Tags ------*/
  477.  
  478. .tags {
  479. {block:IndexPage}
  480. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  481. {/block:IndexPage}}
  482.  
  483. .tags a {
  484. position: relative;
  485. left: 5px;
  486. top: -2px;}
  487.  
  488. .tags .comma:last-of-type {
  489. display:none;}
  490.  
  491. .tags svg {
  492. width: 11px;
  493. height: 11px;
  494. padding-top: 7px;}
  495.  
  496.  
  497.  
  498. /* ---------- Draggable Tags ----------*/
  499.  
  500. .post_tags,
  501. .post_tags a { color: #A7A7A7; }
  502.  
  503. .post_tags {
  504. position: relative;
  505. margin-top: -18px;
  506. margin-left: 15px;
  507. line-height: 20px;
  508. white-space: nowrap;
  509. overflow: hidden;}
  510.  
  511. .post_tags.draggable .post_tags_inner {
  512. cursor: col-resize;
  513. -webkit-touch-callout: none;
  514. -webkit-user-select: none;
  515. -khtml-user-select: none;
  516. -moz-user-select: none;
  517. -ms-user-select: none;
  518. user-select: none;}
  519.  
  520. .post_tags_inner {
  521. float: left;
  522. position: relative;
  523. padding: 0px 20px 0px 0;}
  524.  
  525. .post_tags a,
  526. .post_tags .post_tag {
  527. color: #A7A7A7;
  528. text-decoration: none;
  529. margin-right: 6px;
  530. font-size: 9px;
  531. font-family: karla;
  532. letter-spacing: 1px;
  533. text-transform: uppercase!important;}
  534.  
  535. .post_tags a:before { content: '#'; }
  536.  
  537. .post_tags:after {
  538. content: '';
  539. position: absolute;
  540. top: 0;
  541. right: 0;
  542. bottom: 0;
  543. width: 20px;
  544. background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  545. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #FFF));
  546. background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #FFF 100%);
  547. background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  548. background: -ms-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  549. background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #FFF 100%);
  550. }
  551.  
  552. .post_tags a:hover,
  553. .post_tags .post_tag:hover,
  554. .post_tags a:focus,
  555. .post_tags .post_tag:focus,
  556. .post_tags a:active,
  557. .post_tags .post_tag:active { color: {color:accent}; }
  558.  
  559. /* ---------- Manual Load -----------*/
  560.  
  561.  
  562. {block:ifInfiniteScroll}
  563.  
  564. .load {
  565. margin: 0 auto;
  566. display:inline;
  567. padding: 10px 14px;
  568. background-color: {color:posts};
  569. border: 1px solid {color:borders};}
  570.  
  571. {/block:ifInfiniteScroll}
  572.  
  573.  
  574. /* --------- Header + Navigation Bar ----------*/
  575.  
  576. .topbar {
  577. width: 100%;
  578. height: 60px;
  579. padding: 10px;
  580. top: 0px;
  581. left: 0px;
  582. position: fixed;
  583. z-index: 100;
  584. border-bottom: 1px solid {color:borders};
  585. background-color: {color:posts};}
  586.  
  587. .hc {
  588. margin-top: 12px;
  589. text-align: center;}
  590.  
  591. .tt {
  592. font-family: "karla";
  593. font-size: 13px;
  594. letter-spacing: 1px;
  595. text-transform: uppercase;
  596. line-height: 16px;}
  597.  
  598. .bt {
  599. font-family: "karla";
  600. font-size: 9px;
  601. letter-spacing: 1px;
  602. text-transform: uppercase;
  603. line-height: 16px;}
  604.  
  605.  
  606.  
  607. /* ---- Sidebar -----*/
  608.  
  609.  
  610.  
  611. #rsidebar {
  612. margin-top: -15px;
  613. margin-left: -200px;
  614. position: fixed;
  615. z-index: 5;
  616. padding: 10px;}
  617.  
  618. .sb img {
  619. max-width: 140px;
  620. max-height: 140px;
  621. border: 1px solid {color:borders};
  622. margin: 5px;}
  623.  
  624. #description {
  625. width: 120px;
  626. padding: 10px;
  627. margin: 5px;
  628. margin-top: -5px;
  629. text-align: justify;
  630. font-family: "karla";
  631. font-size: 10px;
  632. line-height: 180%;
  633. border-right: 1px solid {color:borders};
  634. border-left: 1px solid {color:borders};
  635. border-bottom: 1px solid {color:borders};
  636. background-color: {color:posts};}
  637.  
  638. .desc {
  639. margin: 5px;}
  640.  
  641. /* -------------- Sidebar Links -------------*/
  642.  
  643.  
  644. #slinks {
  645. margin-top: 9px;}
  646.  
  647. #slinks i {
  648. font-size: 8px;}
  649.  
  650. #slinks a {
  651. width: 129px;
  652. padding: 5px;
  653. margin: 5px 0px 0px 5px;
  654. display: block;
  655. text-align: center;
  656. color: {color:Accent};
  657. font-size: 8px;
  658. letter-spacing: 1px;
  659. text-transform: uppercase;
  660. font-family: calibri;
  661. border: 1px solid #eee;
  662. white-space: nowrap;
  663. border-bottom: 1px solid {color:borders};
  664. background-color:{color:posts};}
  665.  
  666. #slinks a:hover {
  667. border-bottom: 1px solid {color:accent hover};}
  668.  
  669. .ll {
  670. margin-left: 5px;
  671. margin-top: -2px;}
  672.  
  673. .ll a {
  674. width: 10px;
  675. height: 10px;
  676. padding: 10px;
  677. border: 1px solid {color:borders};
  678. background-color: {color:posts};
  679. display: inline-block;
  680. margin: .5px;}
  681.  
  682. .flip {
  683. margin-left: 108px;
  684. margin-top: -33px;}
  685.  
  686. #flip a {color: {color:text};}
  687.  
  688. #panel {
  689. position: relative;
  690. margin-top: -5px;
  691. display: none;}
  692.  
  693.  
  694. /* ------ Pagination ------*/
  695.  
  696. .pagination {
  697. border: 1px solid {color:borders};
  698. letter-spacing: 1px;
  699. text-transform: uppercase;
  700. font-family: "karla";
  701. line-height: 16px;
  702. background-color: {color:posts};}
  703.  
  704.  
  705. {block:ifInfiniteScroll}
  706. .pagination,
  707. #infscr-loading {
  708. display:none!important;
  709. }
  710. {/block:ifInfiniteScroll}
  711.  
  712.  
  713. /* ---- Post Notes ------*/
  714.  
  715. #notes *{
  716. margin:0;
  717. padding:0;}
  718.  
  719. #notes{
  720. border: 1px solid {color:borders};#eee;
  721. background-color:{color:postss};
  722. text-align: center;}
  723.  
  724. #notes li{
  725. list-style-type:none;
  726. display:inline-block;
  727. width:25px;
  728. height:25px;
  729. margin:5px;
  730. overflow:hidden;}
  731.  
  732. #notes img{
  733. width:25px;
  734. height:25px;}
  735.  
  736. li.more_notes_link_container{
  737. background:url('http://cdn.flaticon.com/png/256/59565.png') no-repeat;
  738. background-size:25px;
  739. background-position:center;
  740. opacity:.5;}
  741.  
  742. a.more_notes_link, a.notes_loading{
  743. visibility:hidden!important;}
  744.  
  745. /*-------- Credit --------- DON'T REMOVE ----------*/
  746.  
  747. #credit {
  748. right: 10px;
  749. position: fixed;
  750. bottom: 10px;
  751. background-color: {color:Posts};
  752. border: 1px solid {color:Borders};
  753. padding: 10px 14px;
  754. text-align: center;
  755. color: {color:Accent};
  756. text-transform: uppercase;
  757. text-decoration: none!important;
  758. -moz-transition-duration: 0.5s;
  759. -o-transition-duration: 0.5s;
  760. -webkit-transition-duration: 0.5s;
  761. transition-duration: 0.5s}
  762.  
  763.  
  764.  
  765.  
  766.  
  767. </style>
  768. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  769. </head>
  770. <body>
  771.  
  772.  
  773.  
  774. <div class="topbar">
  775. <div class="hc">
  776.  
  777. <div class="tt">{text:Title}</div> <!-- Title -->
  778. <div class="bt"> {text:Subtitle}</div> <!-- Subtitle -->
  779.  
  780.  
  781. </div> <!-- End of Header's Container -->
  782. </div> <!--- End of Top Bar -->
  783.  
  784.  
  785.  
  786. <div class="main">
  787.  
  788.  
  789.  
  790. <div id="rsidebar">
  791. <div class="sb"><img src="{image:sidebar}"></div> <!-- End of pic -->
  792.  
  793.  
  794. {block:Description}
  795. <div id="description">
  796. <div class="desc">
  797. {Description}
  798. </div> <!-- End of Desc -->
  799. </div> <!-- End of description -->
  800. {/block:Description}
  801.  
  802. <div class="ll">
  803.  
  804. <a href="/" a title="home"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 486.988 486.988" style="enable-background:new 0 0 486.988 486.988;" xml:space="preserve"><g><g><path d="M16.822,284.968h39.667v158.667c0,9.35,7.65,17,17,17h116.167c9.35,0,17-7.65,17-17V327.468h70.833v116.167 c0,9.35,7.65,17,17,17h110.5c9.35,0,17-7.65,17-17V284.968h48.167c6.8,0,13.033-4.25,15.583-10.483 c2.55-6.233,1.133-13.6-3.683-18.417L260.489,31.385c-6.517-6.517-17.283-6.8-23.8-0.283L5.206,255.785 c-5.1,4.817-6.517,12.183-3.967,18.7C3.789,281.001,10.022,284.968,16.822,284.968z M248.022,67.368l181.333,183.6h-24.367 c-9.35,0-17,7.65-17,17v158.667h-76.5V310.468c0-9.35-7.65-17-17-17H189.656c-9.35,0-17,7.65-17,17v116.167H90.489V267.968 c0-9.35-7.65-17-17-17H58.756L248.022,67.368z"/></g></g></svg></a>
  805.  
  806. <a href="/ask" a title="message"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 436.333 436.333" style="enable-background:new 0 0 436.333 436.333;" xml:space="preserve"><g><g><path d="M436.333,56.667c0-9.35-7.65-17-17-17H17c-9.35,0-17,7.65-17,17v323c0,9.35,7.65,17,17,17h402.333c9.35,0,17-7.65,17-17 V56.667z M34,362.667v-201.45l170.85,147.05c3.117,2.833,6.8,3.967,10.767,3.967c3.967,0,8.217-1.417,11.617-3.967l175.1-146.483 v200.883H34z M402.333,73.667v43.917c-2.833,0.283-1.417,0.567-1.7,0.567L215.9,273.133L34.567,117.3 c-0.283-0.283-0.567-0.567-0.567-0.85V73.667H402.333z"/></g></g></svg>
  807. </a>
  808.  
  809. <a href="/archive" a title="archive"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 493 493" style="enable-background:new 0 0 493 493;" xml:space="preserve"><g><g><path d="M473.167,45.333h-51c-9.35,0-17,7.65-17,17s7.65,17,17,17h34V459H36.833V79.333h45.333c9.35,0,17-7.65,17-17 s-7.65-17-17-17H19.833c-9.35,0-17,7.65-17,17V476c0,9.35,7.65,17,17,17h453.333c9.35,0,17-7.65,17-17V62.333 C490.167,52.983,482.517,45.333,473.167,45.333z"/><path d="M269.167,45.333H221c-9.35,0-17,7.65-17,17s7.65,17,17,17h48.167c9.35,0,17-7.65,17-17S278.517,45.333,269.167,45.333z"/><path d="M144.5,351.333h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17H144.5c9.35,0,17-7.65,17-17v-28.333 C161.5,358.983,153.85,351.333,144.5,351.333z"/><path d="M266.333,351.333h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5c9.35,0,17-7.65,17-17v-28.333 C283.333,358.983,275.683,351.333,266.333,351.333z"/><path d="M161.5,274.833c0-9.35-7.65-17-17-17h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17H144.5 c9.35,0,17-7.65,17-17V274.833z"/><path d="M283.333,274.833c0-9.35-7.65-17-17-17h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5 c9.35,0,17-7.65,17-17V274.833z"/><path d="M385.333,257.833h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h39.667c9.35,0,17-7.65,17-17v-28.333 C402.333,265.483,394.683,257.833,385.333,257.833z"/><path d="M87.833,178.5v28.333c0,9.35,7.65,17,17,17H144.5c9.35,0,17-7.65,17-17V178.5c0-9.35-7.65-17-17-17h-39.667 C95.483,161.5,87.833,169.15,87.833,178.5z"/><path d="M283.333,178.5c0-9.35-7.65-17-17-17h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5c9.35,0,17-7.65,17-17 V178.5z"/><path d="M402.333,178.5c0-9.35-7.65-17-17-17h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h39.667 c9.35,0,17-7.65,17-17V178.5z"/><path d="M155.833,113.333c9.35,0,17-7.65,17-17V17c0-9.35-7.65-17-17-17h-17c-9.35,0-17,7.65-17,17v79.333c0,9.35,7.65,17,17,17 H155.833z"/><path d="M351.333,0h-17c-9.35,0-17,7.65-17,17v79.333c0,9.35,7.65,17,17,17h17c9.35,0,17-7.65,17-17V17 C368.333,7.65,360.683,0,351.333,0z"/></g></g></svg>
  810. </a>
  811.  
  812. <div class="flip"><a href="" a title="navigation"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 396.667 396.667" style="enable-background:new 0 0 396.667 396.667;" xml:space="preserve"><g><g><path d="M17,87.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17C0,80.183,7.65,87.833,17,87.833z"/><path d="M17,215.333h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,215.333,17,215.333z"/><path d="M17,342.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,342.833,17,342.833z"/></g></g></svg></a></div>
  813.  
  814. </div>
  815.  
  816.  
  817. <div id="panel">
  818.  
  819. <div id="slinks">
  820.  
  821. {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  822. {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  823. {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  824. {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
  825.  
  826.  
  827. </div> <!-- End of sidebar links -->
  828. </div> <!-- End of Panel -->
  829. </div> <!-- End of right sidebar -->
  830.  
  831. <div class="content">
  832.  
  833.  
  834.  
  835. {block:Posts}
  836.  
  837.  
  838.  
  839. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}">
  840. <section class="post">
  841.  
  842.  
  843.  
  844.  
  845.  
  846. <!---------------------------------------------------
  847. AUDIO POSTS
  848. ---------------------------------------------------->
  849.  
  850. {block:Audio}
  851. <div class="audioplayer">
  852. <div id="player">{AudioPlayerWhite}</div>
  853. {block:TrackName}
  854. <div class="artist">{TrackName}</div>
  855. {/block:TrackName}
  856. </div>
  857. {/block:Audio}
  858.  
  859.  
  860.  
  861.  
  862.  
  863. {block:Photo}
  864. <div class="media">
  865. {LinkOpenTag}
  866. <img src="{PhotoURL-500}">
  867. {LinkCloseTag}
  868. </div>
  869. {/block:Photo}
  870.  
  871.  
  872.  
  873.  
  874. {block:Photoset}
  875. <div class="media photoset">
  876. <div class="photo-slideshow" 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>
  877. </div>
  878. {/block:Photoset}
  879.  
  880.  
  881.  
  882.  
  883. {block:Video}
  884. <div class="media video">{Video-500}</div>
  885. {/block:Video}
  886.  
  887.  
  888.  
  889.  
  890.  
  891. {block:Answer}
  892. <div class="question">
  893. <div class="sender">{Asker} asked:</div>
  894. <span class="inquiry">{Question}</span>
  895. </div>
  896. <div class="answer text">{Answer}</div>
  897. {/block:Answer}
  898.  
  899.  
  900.  
  901.  
  902.  
  903.  
  904. {block:Chat}
  905. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  906. <ul class="chat text">
  907. {block:Lines}
  908. <li class="line">
  909. {block:Label}
  910. <span class="label">{Label}&nbsp; </span>
  911. {/block:Label}
  912. {Line}
  913. </li>
  914. {/block:Lines}
  915. </ul>
  916. {/block:Chat}
  917.  
  918.  
  919.  
  920. {block:Link}
  921. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  922. {block:Description}<div class="text">{Description}</div>{/block:Description}
  923. {/block:Link}
  924.  
  925.  
  926.  
  927. {block:Quote}
  928. <div class="quote text">{Quote}</div>
  929. {block:Source}
  930. <div class="source text">{Source}</div>
  931. {/block:Source}
  932. {/block:Quote}
  933.  
  934.  
  935.  
  936. {block:Text}
  937. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  938. <div class="text">{Body}</div>
  939. {/block:Text}
  940.  
  941.  
  942.  
  943. {block:Caption}
  944. <div class="caption text">{Caption}</div>
  945. {/block:Caption}
  946.  
  947.  
  948.  
  949. {block:Date}
  950. <div class="date">
  951.  
  952. {block:HasTags}
  953. <div class="tags">
  954. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><g><g><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></g></g></svg>
  955.  
  956. <div class="post_tags draggable">
  957. <div class="post_tags_inner">
  958.  
  959. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  960.  
  961. </div>
  962. </div>
  963.  
  964.  
  965. </div>
  966. {/block:HasTags}
  967. </div>
  968.  
  969. <!--------------------------------------------------------------------------->
  970. <!-- Top Date -->
  971. <!--------------------------------------------------------------------------->
  972.  
  973. <div class="tdate">
  974.  
  975. <div class="lr"><center>
  976.  
  977. <div class="pp">
  978. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}
  979. {block:NoteCount} ; {NoteCount}N{/block:NoteCount} </a>
  980. </div>
  981.  
  982. <div class="svgicons">
  983. <!-- Like Button -->
  984. <a href="" class="like">{LikeButton}
  985. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://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></a>
  986.  
  987. <!-- Reblog Button -->
  988. <a href="{ReblogURL}" class="reblog">
  989. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://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>
  990. </a>
  991. </div></center></div>
  992.  
  993. </div>
  994.  
  995. <!--------------------------------------------------------------------------->
  996. <!-- Top Date -->
  997. <!--------------------------------------------------------------------------->
  998.  
  999. {block:PermalinkPage}
  1000. {block:PostNotes} <div id="notes">{PostNotes-16}} </div> {/block:PostNotes}
  1001. {/block:PermalinkPage}
  1002.  
  1003.  
  1004. {/block:Date}
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012. </section>
  1013. </article>
  1014. {/block:Posts}
  1015. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1016. </div>
  1017. <center>
  1018. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}">previous /</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>
  1019. </center>
  1020.  
  1021.  
  1022.  
  1023. {/block:Pagination}
  1024.  
  1025. </div>
  1026.  
  1027. <a href="" class="back-to-top" title="back to the top"><i class="fa fa-angle-up"></i></a>
  1028.  
  1029. <div id="credit">
  1030. <a href="http://galesta.tumblr.com" title="galesta">G</a></div>
  1031.  
  1032.  
  1033. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1034.  
  1035. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1036. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1037. {block:IndexPage}
  1038. {block:ifInfiniteScroll}
  1039. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1040. {/block:ifInfiniteScroll}
  1041. {/block:IndexPage}
  1042. <script>
  1043. $(document).ready(function(){
  1044. $('.photo-slideshow').pxuPhotoset({
  1045. lightbox: true,
  1046. rounded: false,
  1047. gutter: '1px',
  1048. photoset: '.photo-slideshow',
  1049. photoWrap: '.photo-data',
  1050. photo: '.pxu-photo'
  1051. });
  1052. var $container = $('.content');
  1053. {block:ifInfiniteScroll}
  1054. $container.infinitescroll({
  1055. itemSelector: '.entry',
  1056. navSelector: '.pagination',
  1057. nextSelector: '.next',
  1058. loadingImg: '',
  1059. loadingText: '<em></em>',
  1060. bufferPx: 2000
  1061. },
  1062. function(newElements){
  1063. var $newElems = $(newElements);
  1064. var $newElemsIDs = $newElems.map(function(){
  1065. return this.id;
  1066. }).get();
  1067. console.log($newElems, $newElemsIDs);
  1068. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1069. },
  1070. function( newElements ) {
  1071. var $newElems = $( newElements );
  1072. $newElems.find('.photo-slideshow').pxuPhotoset({
  1073. lightbox: true,
  1074. rounded: false,
  1075. gutter: '1px',
  1076. photoset: '.photo-slideshow',
  1077. photoWrap: '.photo-data',
  1078. photo: '.pxu-photo'
  1079. });
  1080. resizeVideos();
  1081. });
  1082.  
  1083.  
  1084. {/block:ifInfiniteScroll}
  1085. });
  1086. </script>
  1087.  
  1088. <script>
  1089. $(document).ready(function(){
  1090. $(".flip").click(function(){
  1091. $("#panel").slideToggle("slow");
  1092. return false;
  1093. });
  1094. });
  1095. </script>
  1096.  
  1097. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  1098. <script>
  1099.  
  1100. $(document).ready(function(){
  1101. $(".post_tags_inner").draggable({
  1102. axis : "x",
  1103. scroll: false,
  1104. stop: function() {
  1105. var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  1106. if(__left > 0){
  1107. $(this).animate({left: 0}, 400, 'easeOutExpo');
  1108. }
  1109. var __width = $(this).outerWidth();
  1110. var __parentWidth = $(".post_tags.draggable").outerWidth();
  1111. if(__width > __parentWidth) {
  1112. if(__left < __parentWidth-__width){
  1113. $(this).animate({left: __parentWidth-__width}, 400, 'easeOutExpo');
  1114. }
  1115. } else {
  1116. $(this).animate({left: 0}, 400, 'easeOutExpo');
  1117. }
  1118. }
  1119. });
  1120. });
  1121.  
  1122. </script>
  1123.  
  1124.  
  1125.  
  1126. <!--- LIke button w/ Infinite Scroll -->
  1127. <script type="text/javascript">
  1128. $(document).ready(function(){
  1129. var $posts = $(".entry"); // change .posts to your post div
  1130. var $postIDs = $posts.map(function(){
  1131. return this.id;
  1132. }).get();
  1133. console.log($posts, $postIDs);
  1134. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  1135. });
  1136. </script>
  1137.  
  1138.  
  1139. <div id="credit">
  1140. <a href="http://galesta.tumblr.com" title="galesta">G</a></div>
  1141.  
  1142.  
  1143.  
  1144.  
  1145. </body>
  1146. </html>
Advertisement
Add Comment
Please, Sign In to add comment