odeysseus_thm

theme / WINTER

Jun 16th, 2016
7,036
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.93 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. winter
  7.  
  8. @ odeysseus
  9.  
  10. NOTE: the header image is 700px wide!
  11.  
  12. -->
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <title>{Title}</title>
  19.  
  20. <!--metas-->
  21.  
  22.  
  23. <meta name="image:header" content=""/>
  24.  
  25. <meta name="color:Text" content="#aaaaaa"/>
  26. <meta name="color:accent" content="#bebcbc"/>
  27. <meta name="color:link" content="#666"/>
  28. <meta name="color:header text" content=""/>
  29.  
  30. <meta name="if:hide caption" content="0"/>
  31. <meta name="if:infinite scroll" content="1"/>
  32. <meta name="if:load more" content="1"/>
  33. <meta name="if:scroll to top" content="1"/>
  34. <meta name="if:show header" content="1"/>
  35. <meta name="if:info buttons" content="1"/>
  36. <meta name="if:header links" content="1"/>
  37.  
  38. <meta name="text:link 1 url" content=""/>
  39. <meta name="text:link 1" content=""/>
  40. <meta name="text:link 2 url" content=""/>
  41. <meta name="text:link 2" content=""/>
  42. <meta name="text:link 3 url" content=""/>
  43. <meta name="text:link 3" content=""/>
  44.  
  45. <meta name="text:post width" content="350px"/>
  46. <meta name="text:margin" content="100px"/>
  47.  
  48. <meta name="select:font" content="Karla"/>
  49. <meta name="select:font" content="Lato"/>
  50. <meta name="select:font" content="Open Sans"/>
  51. <meta name="select:font" content="PT Sans"/>
  52. <meta name="select:font" content="Source Sans Pro"/>
  53. <!--font-->
  54.  
  55. <link href='https://fonts.googleapis.com/css?family={select:font}:300,300italic,400,400italic,700,700italic|Open+Sans:300,300italic|Inconsolata:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  56.  
  57. <!--videos by @shythemes-->
  58. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63. ::-webkit-scrollbar{
  64. height:3px;
  65. width:15px;
  66. background:#f8f8f8;
  67. }
  68.  
  69.  
  70.  
  71. ::-webkit-scrollbar-thumb {background:#ccc;border:7px solid #f8f8f8;}
  72.  
  73. ::-webkit-scrollbar-track {background:#fff;border:7px solid #f8f8f8;}
  74.  
  75. ::-moz-selection{ background: #eee; color:#777;}
  76. ::selection { background:#eee; color:#777; }
  77.  
  78.  
  79.  
  80. .tmblr-iframe{ white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:.2;transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;transform:scale(0.7,0.7);transform-origin:right top; } .tmblr-iframe:hover { opacity:1; }
  81. #s-m-t-tooltip{
  82. position:absolute;
  83. margin:17px;
  84. font-size:8px;
  85. max-width:250px;text-transform:uppercase;letter-spacing:1px;
  86. z-index:999999999999999;
  87.  
  88. padding:0px 4px 0px;
  89. border-radius:2px;
  90. background:#fff;
  91. box-shadow:2px 2px #eee;
  92. }
  93.  
  94. blockquote {
  95. padding-top:0px!important;
  96. border-left:1px solid #eee;
  97. padding-left:10px;
  98. margin:0px 10px;
  99. padding-bottom:0px!important;
  100. }
  101.  
  102. body {
  103. background:#f7f7f7;
  104. color:{color:text};
  105. font-family:'{select:font}',sans-serif;
  106. font-weight:400;
  107. font-size:10px;
  108. text-align:left;
  109. line-height:180%;
  110. -moz-osx-font-smoothing:grayscale;
  111. -webkit-font-smoothing:antialiased;
  112. font-smoothing:antialiased;
  113. }
  114.  
  115.  
  116.  
  117. a {
  118. color:{color:link};
  119. text-decoration:none;
  120. transition:0.2s ease-in-out;
  121. -webkit-transition:0.2s ease-in-out;
  122. -moz-transition:0.2s ease-in-out;
  123. }
  124.  
  125. a:hover {
  126. text-decoration:none;
  127. color:{color:accent};
  128. }
  129.  
  130. b,strong {
  131. font-weight:700;
  132. color:#333;
  133. }
  134.  
  135. img{
  136. opacity:1;
  137. border:none;
  138. text-decoration:none;
  139.  
  140. }
  141.  
  142.  
  143. small {
  144. font-size:calc(10px - 0.5px);
  145. }
  146.  
  147. big {
  148. font-size:calc(10px + 0.5px);
  149. }
  150.  
  151.  
  152. h1,h2,h3,h4,h5,h6 {
  153. line-height:120%;
  154. text-transform:lowercase;
  155. padding:4px 0px;
  156. font-weight:300;font-style:italic;
  157. color:#222;text-align:center;
  158. font-family:'open sans';
  159. font-size:15px;
  160. }
  161.  
  162. h1 b {
  163. font-weight:300;
  164.  
  165. }
  166.  
  167. .video iframe { width:{text:post width}; }
  168.  
  169.  
  170. .posts {
  171. width:{text:post width};
  172. background:#fff;
  173. padding:15px;
  174. margin-bottom:{text:margin};
  175. }
  176.  
  177.  
  178. .entries {
  179. width:{text:post width};margin:0px auto {text:margin};padding-top:{text:margin};
  180. }
  181. .caption {
  182. margin-top:5px;
  183. {block:ifhidecaption}
  184. {block:indexpage}
  185. display:none;
  186. {/block:indexpage}
  187. {/block:ifhidecaption}
  188. }
  189.  
  190. .posts img, .posts li, .posts blockquote {
  191. max-width: 100%;
  192. }
  193.  
  194. .ia a:hover:before {
  195. width:0;
  196. }
  197.  
  198. .posts ul li {
  199. ;line-height:150%;list-style:none;text-align:left;
  200. }
  201.  
  202. .posts ul li:before { content:"";position:absolute;display:block;margin-top:6px;width:11px;background:#ccc;height:1px;margin-left:-18px;}
  203. }
  204.  
  205.  
  206. .inf a:hover, .tags a:hover, a.tumblr_blog:hover { color:{color:accent};}
  207. .inf {
  208. text-align:left;margin-top:10px;border-bottom:1px solid #eee;padding-bottom:3px;
  209. }
  210. .inf b { font-weight:normal;font-size:9px;text-transform:uppercase;letter-spacing:.5px;}
  211.  
  212. .inf svg,nav svg {
  213. width:10px;fill:#ccc;transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;
  214. }
  215. .inf svg:hover, nav svg:hover { fill:{color:accent};}
  216. .tags a:hover,.a.tumblr_blog:hover { color:#444!IMPORTANT;}
  217.  
  218. .tags { display:inline;}
  219.  
  220. .tags a {
  221. text-transform:lowercase;letter-spacing:0px;
  222. border:none;
  223. margin:0px 2px;
  224. }
  225.  
  226. .shownotes {
  227. cursor:help;
  228. color:#222;
  229. text-align:left;
  230. margin-top:5px;
  231. }
  232.  
  233. .notes {
  234. overflow:auto;
  235. max-height:300px;
  236. display:none;
  237. background:#f8f8f8;
  238. }
  239.  
  240. ol.notes {
  241. padding:10px 20px;
  242. list-style-type:none;
  243. font-style:normal;
  244. }
  245.  
  246.  
  247. ol.notes li.note {
  248. padding:2px;
  249. font-style:normal;
  250. }
  251.  
  252.  
  253. .notes_loading, .more_notes_link {
  254. font-weight:bold;float:left;
  255. text-align:left!important;
  256. text-transform:lowercase;
  257. }
  258.  
  259. .notes img {
  260. display:none!important;
  261. }
  262. ol.notes li.note span.action {
  263. font-weight:none;
  264. }
  265.  
  266. ol.notes li.note .answer_content {
  267. font-weight:normal;
  268. }
  269.  
  270. ol.notes li.note blockquote {
  271. padding:4px 10px;
  272. margin:5px 0px 0px 15px;
  273. }
  274.  
  275. ol.notes li.note blockquote a {
  276. text-decoration:none;
  277. }
  278.  
  279. blockquote img {
  280. max-width:250px!important;
  281. height:auto;
  282. }
  283.  
  284. .quote {
  285. text-transform:lowercase;
  286. font-size:12px;
  287. color:#666;
  288. text-align:center;
  289. line-height:200%;
  290. }
  291.  
  292. .quotesource {
  293. text-align:center;
  294. margin:5px auto!important;
  295. font-size:9px;text-transform:uppercase;letter-spacing:1px;
  296. }
  297. .quotesource:before {
  298. content:'';display:block;width:60px;height:2px;background:{color:accent};margin:10px auto;
  299. }
  300.  
  301.  
  302. .quotesource a {
  303. border:none;
  304. }
  305.  
  306. .quotesource a:hover {
  307. border:none;
  308. }
  309.  
  310.  
  311. .chat {
  312. line-height:20px;
  313. list-style:none;
  314. }
  315.  
  316. .line.odd {
  317. margin-bottom:2px;
  318. list-style:none;
  319. }
  320.  
  321. .line.even {
  322. margin-bottom:2px;
  323. list-style:none;
  324. }
  325.  
  326. .label {
  327. padding-right:1px;
  328. color:#444;
  329. }
  330.  
  331. .question {
  332. padding:7px;
  333. margin-left:2px;
  334. background:#fafafa;
  335. text-align:left;
  336. }
  337.  
  338. .question img {
  339. width:32px;
  340. height:32px;
  341. margin-right:7px;
  342. display:block;
  343. border-radius:3px;
  344. float:left;
  345. }
  346.  
  347. .asker a:hover {
  348. border:none;
  349. color:#333;
  350. }
  351.  
  352. .answer {
  353. margin-top:-15px;
  354. }
  355. .asker {
  356. text-transform:uppercase;
  357. font-size:7.5px;
  358. letter-spacing:1px;
  359. }
  360.  
  361. .player {
  362. display:block;
  363. margin:auto;
  364. width:40px;
  365. background:#fafafa;
  366. height:40px;
  367. border-radius:5px;
  368. overflow:hidden;
  369. }
  370.  
  371. .audio_d { margin:10px 0px;text-align:center;color:#222;font-size:9px;text-transform:uppercase;letter-spacing:1px;}
  372.  
  373. .tumblr_audio_player {
  374. width:30px;
  375. margin:5px;
  376. height:30px;
  377. border-radius:5px;
  378. overflow:hidden;
  379. }
  380.  
  381. #cred {
  382. bottom:27px;
  383. position:fixed;
  384. padding:3px 6px;
  385. right:27px;
  386. text-align:right;
  387. }
  388.  
  389. .sc {
  390. bottom:27px;
  391. left:27px;
  392. position:fixed;
  393. display:none;
  394. font-weight:bold;
  395. cursor:help;
  396. }
  397.  
  398. .sc a { cursor:help;}
  399.  
  400. pre {
  401. white-space: pre-wrap; /* CSS 3 */
  402. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  403. white-space: -pre-wrap; /* Opera 4-6 */
  404. white-space: -o-pre-wrap; /* Opera 7 */
  405. word-wrap: break-word; /* Internet Explorer 5.5+ */
  406. background:#fafafa;color:#666;padding:10px;
  407. font-family:'inconsolata',consolas;
  408. }
  409.  
  410. #vignette,.vignette { opacity:0!important; }
  411. .lightbox-image,#tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important;border:10px solid #fff!important; }
  412. #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!Important; }
  413. #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; }
  414.  
  415. .lightbox-caption,#tumblr_lightbox_caption { opacity:0; }
  416.  
  417.  
  418. #pagination {
  419. word-spacing:7px;
  420. font-size:8.5px;margin:auto;
  421. margin-bottom:80px;width:370px;
  422. text-transform:uppercase;letter-spacing:1px;
  423. text-align:center;
  424. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  425. }
  426.  
  427.  
  428. #infscr-loading { display:none!Important; }
  429.  
  430. footer {
  431.  
  432. width:{text:post width};
  433. margin:auto;
  434. padding:7px;
  435. text-align:center;
  436. margin-bottom:80px;
  437. }
  438.  
  439. a#more {
  440. position:relative;
  441. padding:5px;border:1px solid #eee;
  442. font-size:8px;text-transform:uppercase;letter-spacing:1px;
  443. text-align:center;
  444. background:#fff;
  445. color:#222;
  446. }
  447. a#more:hover { color:{color:accent};border:1px solid transparent;border-bottom:1px solid #eee; }
  448.  
  449. .custom-like-button {
  450. position: relative;
  451. display:inline;
  452. margin:0px 6px;
  453. width:10px;
  454. }
  455.  
  456.  
  457. .like_button {
  458. position: absolute;
  459. top: 0;
  460. left: 0;
  461. right: 0;
  462. bottom: 0;
  463. width: 100%;
  464. height: 100%;
  465. opacity: 0;
  466.  
  467. }
  468.  
  469. .like_button iframe {
  470. width: 100% !important;
  471. height: 100% !important;
  472. }
  473. .like_button svg {
  474. position: absolute;
  475. top: 0;
  476. left: 0;
  477. right: 0;
  478. bottom: 0;
  479. width: 100%;
  480. height: 100%;
  481. z-index: 1;
  482. }
  483.  
  484. .like_button:hover + svg {
  485. fill:{color:accent};
  486. }
  487.  
  488. .like_button.liked + svg {
  489. fill:#e66a6a!important;
  490. }
  491.  
  492. .hiddentags { display:none;font-size:9px; } .hiddentags a { margin-right:6px; }
  493.  
  494. header {
  495. top:0;left:0;position:relative;width:100%;height:100vh;z-index:15;background:#f8f8f8;{block:ifnotshowheader}display:none!important;{/block:ifnotshowheader}
  496. }
  497.  
  498. #image {
  499. top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;
  500. }
  501. #image img {
  502. width:700px;
  503. height:auto;
  504. border:15px solid #fff;
  505. }
  506.  
  507.  
  508. .blogt {
  509. position:absolute;margin:50px;font-size:24px;font-weight:300;font-family:'open sans';
  510. }
  511.  
  512. .des {
  513. position:absolute;margin:85px 50px;font-style:italic;font-size:11px;width:250px;
  514. }
  515. .blogt,.des { color:{color:header text}; }
  516.  
  517. .navi {
  518. right:0px;position:absolute;height:calc(100% - 35px);width:100px;border-left:1px solid #fff;padding:15px;
  519. }
  520. .navi a {
  521. display:block;height:20%;border-bottom:1px solid #fff;margin-left:-15px;text-align:center;font-size:8.5px;text-transform:uppercase;letter-spacing:1px;position:relative;color:{color:header text};background:rgba(255,255,255,.35);
  522. }
  523. .navi a:hover { color:#444; }
  524. .navi i { font-style:normal;position:absolute;top:50%;transform:translate(-50%,-50%);left:50%; }
  525. .navi a:hover { background:rgba(255,255,255,.7); }
  526.  
  527.  
  528. .infinity {
  529. position:absolute;
  530. margin-top:-55px;margin-left:30px;
  531. }
  532.  
  533. .infinity svg {
  534. width:15px;fill:#222;display:inline-block;background:rgba(255,255,255,.7);padding:5px;
  535. -ms-transform: rotate(180deg); /* IE 9 */
  536. -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  537. transform: rotate(180deg);
  538. transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;
  539. }
  540.  
  541. .infinity svg:hover { background:#fff;}
  542.  
  543. aside {
  544. top:200px;
  545. left:calc(50% - ({text:post width} / 2) - 130px - 50px);
  546. width:130px;
  547. position:fixed;
  548. padding:15px;background:#fff;
  549. }
  550.  
  551. .t {
  552. font-weight:300;font-style:italic;font-size:13px;color:#222;margin-bottom:5px;font-family:'open sans';
  553. }
  554. nav { margin-top:10px;padding-bottom:3px;border-bottom:1px solid #eee;}
  555. nav svg {
  556. width:11px!important;margin-right:7px;
  557. }
  558. a.toggles,a.rues { cursor:help;}
  559. .searchs,.thrules { display:none;}
  560. .search .query {
  561. border: 0;
  562. outline: 0;
  563. padding: 5px;
  564. font-family: inherit;
  565. font-size: inherit;
  566. color: inherit;
  567. background-color: transparent;
  568. }
  569. input:focus::-webkit-input-placeholder {color: transparent;}
  570. input:focus:-moz-placeholder {color: transparent;}
  571. input:focus::-moz-placeholder {color: transparent;}
  572. input:focus:-ms-input-placeholder { color: transparent;}
  573.  
  574. header { display:none;} {block:TagPage} header { display:none!important;} {/block:TagPage}
  575. .page1 header {
  576. display:block;
  577. }
  578.  
  579. .txt a, .caption a { border-bottom:1px solid #eee; }
  580. .txt a:hover, .caption a:hover { border-bottom:1px solid {color:accent}; }
  581.  
  582. </style>
  583.  
  584. <!--scripts-->
  585. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  586. <script>
  587. $(document).ready(function(){
  588. $('.search').submit(function(event){
  589. var value = $('input:first').val();
  590. location.replace('http://{Name}.tumblr.com/search/' + value);
  591. });
  592. });
  593. </script>
  594.  
  595. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  596.  
  597. <script>
  598. (function($){
  599. $(document).ready(function(){
  600. $("a[title]").style_my_tooltips({
  601. tip_follows_cursor:true,
  602. tip_delay_time:30,
  603. tip_fade_speed:300,
  604. attribute:"title"
  605. });
  606. });
  607. })(jQuery);
  608. </script>
  609.  
  610. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  611. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  612.  
  613. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  614.  
  615. <script>
  616. $(document).ready(function(){
  617. $('.photo-slideshow').pxuPhotoset({
  618. lightbox: true,
  619. rounded: false,
  620. gutter: '1px',
  621. borderRadius: '0px',
  622. photoset: '.photo-slideshow',
  623. photoWrap: '.photo-data',
  624. photo: '.pxu-photo'
  625. });
  626. $('.shownotes').click(function() {
  627. $('.notes').slideToggle(300);
  628. });
  629. $('a.toggles').click(function() {
  630. $('.searchs').slideToggle(300);
  631. });
  632. $('.clicktags').click(function() {
  633. $(this).closest('.posts').find('.hiddentags').slideToggle(300)
  634. });
  635. $(window).scroll(function(){
  636. if ($(this).scrollTop() > 100) {
  637. $('.sc').fadeIn();
  638. } else {
  639. $('.sc').fadeOut();
  640. }
  641. });
  642.  
  643. //Click event to scroll to top
  644. $('.sc').click(function(){
  645. $('html, body').animate({scrollTop : 0},800);
  646. return false;
  647. });
  648. $('.infinity').click(function(){
  649. $('html, body').animate({scrollTop : $(".entries").offset().top
  650. },800);
  651. return false;
  652. });
  653. });
  654. </script>
  655.  
  656.  
  657. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  658.  
  659. </head>
  660.  
  661. <body class="page{CurrentPage}">
  662. {block:indexpage}
  663. <header>
  664. <div id="image">
  665. <div class="blogt">{title}</div>
  666. <div class="des">{description}</div>
  667.  
  668. {block:ifheaderlinks}
  669. <div class="navi">
  670. <a href="/"> <i>index</i></a>
  671. <a href="/ask"> <i>message</i></a>
  672. {block:iflink1}<a href="{text:link 1 url}"> <i>{text:link 1}</i></a>{/block:iflink1} {block:iflink2}<a href="{text:link 2 url}"> <i>{text:link 2}</i></a>{/block:iflink2} {block:iflink3}<a href="{text:link 3 url}"> <i>{text:link 3}</i></a>{/block:iflink3}
  673. </div>
  674. {/block:ifheaderlinks}
  675.  
  676. <img src="{image:header}"/>
  677.  
  678. <div class="infinity"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M43.2,137.3c2.1,2.5,5.9,2.9,8.5,0.7L108,90.4l56.4,47.5c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1 c2.1-2.5,1.8-6.3-0.7-8.5L111.9,78c-2.2-1.9-5.5-1.9-7.7,0l-60.3,50.8C41.3,130.9,41,134.7,43.2,137.3z"/></svg>
  679. </div>
  680. </div>
  681.  
  682. </header>
  683. {/block:indexpage}
  684.  
  685. <aside>
  686. <div class="t">{title}</div>
  687. <div class="de">{description}</div>
  688. <nav>
  689. <a href="/" 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>
  690. </a>
  691.  
  692. <a href="/ask" title="message">
  693. <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>
  694. </a>
  695.  
  696. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}"><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>{/block:iflink1}
  697.  
  698. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}"><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 491.115 491.115" style="enable-background:new 0 0 491.115 491.115;" xml:space="preserve"><g><g><path d="M475.624,177.416l-154.417-13.033l-60.067-142.8c-2.55-6.233-8.783-10.483-15.583-10.483s-13.033,3.967-15.583,10.483 l-60.067,142.8L15.491,177.416c-6.8,0.567-12.75,5.1-14.733,11.617s0,13.6,5.1,18.133l117.017,101.15L87.741,459.049 c-1.417,6.8,1.133,13.6,6.517,17.567c5.667,3.967,13.033,4.25,18.7,0.85l132.6-80.183l132.6,80.183 c2.833,1.7,5.667,2.55,8.783,2.55c3.4,0,7.083-1.133,9.917-3.117c5.667-3.967,8.217-11.05,6.517-17.567l-35.133-150.733 l117.017-101.15c5.1-4.533,7.083-11.617,5.1-18.133C488.374,182.516,482.424,177.983,475.624,177.416z M338.208,289.616 c-4.817,4.25-6.8,10.483-5.383,16.717l28.333,121.55l-106.817-64.6c-2.833-1.7-5.667-2.55-8.783-2.55 c-3.117,0-6.233,0.85-8.783,2.55l-106.817,64.6l28.333-121.55c1.417-6.233-0.567-12.467-5.383-16.717l-94.35-81.6l124.383-10.483 c6.233-0.567,11.9-4.533,14.167-10.2l48.45-115.317l48.45,115.033c2.55,5.95,7.933,9.917,14.167,10.2l124.383,10.483 L338.208,289.616z"/></g></g></svg></a>{/block:iflink2}
  699.  
  700. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}"><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 419.617 419.617" style="enable-background:new 0 0 419.617 419.617;" xml:space="preserve"><g><g><path d="M48.592,402.617c0,9.35,7.65,17,17,17h288.433c9.35,0,17-7.65,17-17c0-94.067-42.5-174.817-102.283-207.117 c28.9-18.983,47.883-51.85,47.883-88.967C316.625,47.883,268.742,0,210.092,0S103.275,47.6,103.275,106.533 c0,37.117,18.983,69.7,47.883,88.967C91.092,227.8,48.592,308.55,48.592,402.617z M209.808,34 c39.95,0,72.533,32.583,72.533,72.533s-32.583,72.533-72.533,72.533s-72.533-32.583-72.533-72.533S169.858,34,209.808,34z M209.808,213.917c66.3,0,120.7,75.65,126.65,171.7h-253.3C89.108,289.567,143.508,213.917,209.808,213.917z"/></g></g></svg></a>{/block:iflink3}
  701.  
  702. <a class="toggles"><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 483.083 483.083" style="enable-background:new 0 0 483.083 483.083;" xml:space="preserve"><g><g><path d="M332.74,315.35c30.883-33.433,50.15-78.2,50.15-127.5C382.89,84.433,298.74,0,195.04,0S7.19,84.433,7.19,187.85 S91.34,375.7,195.04,375.7c42.217,0,81.033-13.883,112.483-37.4l139.683,139.683c3.4,3.4,7.65,5.1,11.9,5.1s8.783-1.7,11.9-5.1 c6.517-6.517,6.517-17.283,0-24.083L332.74,315.35z M41.19,187.85C41.19,103.133,110.04,34,195.04,34 c84.717,0,153.85,68.85,153.85,153.85S280.04,341.7,195.04,341.7S41.19,272.567,41.19,187.85z"/></g></g></svg>
  703. </a>
  704.  
  705. <div class="searchs">
  706. <form class="search" action="javascript:return false">
  707. <input type="text" class="query" placeholder="search blog">
  708. </form>
  709. </div>
  710. </nav>
  711. </aside>
  712. <div class="entries">
  713. {block:Posts}
  714. <div class="posts" id="{PostID}">
  715.  
  716. {block:Text}
  717. <div class="q txt">
  718. {block:Title}<h1><b>{Title}</b></h1>{/block:Title}
  719. {Body}</div>{/block:Text}
  720.  
  721.  
  722. {block:Photo}
  723. <div class="q wtf">
  724. {LinkOpenTag}<div class="imagee" style="margin-bottom:-5px"><a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  725. <img src="{PhotoURL-HighRes}">
  726. </a></div>{LinkCloseTag}
  727. {block:Caption}<div class="caption" >{Caption}</div>{/block:Caption}
  728. </div>
  729. {/block:Photo}
  730.  
  731.  
  732. {block:Photoset}
  733. <div class="q">
  734. <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>
  735. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  736. </div>
  737. {/block:Photoset}
  738.  
  739.  
  740. {block:Quote}
  741. <div class="q txt">
  742. <div class="quote">"{Quote}"</div>
  743. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  744. </div>{/block:Quote}
  745.  
  746.  
  747. {block:Link}
  748. <div class="q txt">
  749. <h1><b><a href="{URL}" {Target}>{Name}</a></b></h1>
  750. {block:Description}{Description}{/block:Description}
  751. </div>
  752. {/block:Link}
  753.  
  754.  
  755. {block:Chat}
  756. <div class="q txt">
  757. {block:Title}<h1><b>{Title}</b></h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  758. </div>
  759. {/block:Chat}
  760.  
  761.  
  762. {block:Audio}
  763. <div class="q txt">
  764. {block:AudioPlayer}
  765. <div class="player"> {AudioPlayerWhite}</div>
  766. <div class="audio_d">
  767. {block:TrackName}{TrackName}{/block:TrackName}
  768. {block:Artist} by {Artist} {/block:Artist}</div>
  769. {/block:AudioPlayer}
  770.  
  771. {block:Caption}
  772. <div class="caption">{Caption}</div>
  773. {/block:Caption}
  774. </div>
  775. {/block:Audio}
  776.  
  777.  
  778. {block:Video}
  779. <div class="q">
  780. <div class="video iframe">
  781. {Video-500}
  782. </div>
  783. <div class="caption">
  784. {block:Caption}{Caption}{/block:Caption}
  785. </div>
  786. </div>
  787. {/block:Video}
  788.  
  789.  
  790. {block:Answer}
  791. <div class="q txt">
  792. <div class="question"> <img src="{AskerPortraitURL-40}"/> <div class="asker">{asker} said:</div> {Question}</div><br>
  793. <div class="answer">
  794. {Answer}</div>
  795. </div>
  796. {/block:Answer}
  797.  
  798. {block:date}
  799. <div class="inf">
  800.  
  801. {block:ifinfobuttons}
  802. {block:indexpage}<a href="{ReblogURL}"><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>
  803. </a>
  804.  
  805. <div class="custom-like-button">
  806. {LikeButton}
  807.  
  808. <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>
  809.  
  810. </div>
  811.  
  812. <a href="{Permalink}" title="{DayOfWeek}, {NoteCountWithLabel}">
  813. <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 469.513 469.513" style="enable-background:new 0 0 469.513 469.513;" xml:space="preserve"><g><g><path d="M370.757,0h-272c-9.35,0-17,7.65-17,17v435.483c0,7.083,4.25,13.317,10.767,15.867c6.517,2.55,13.883,0.85,18.7-4.533 L238.157,324.7l119.85,138.833c3.4,3.683,7.933,5.95,12.75,5.95c1.983,0,3.967-0.283,5.95-1.133 c6.517-2.55,11.05-8.783,11.05-15.867V17C387.757,7.65,380.107,0,370.757,0z M353.757,406.867L251.473,288.15 c-3.117-3.683-7.65-5.95-12.75-5.95c-4.817,0-9.633,1.983-12.75,5.667L115.757,408.85V34h238V406.867z"/></g></g></svg>
  814. </a>
  815.  
  816. {block:HasTags}
  817. <div style="margin-left:3px;display:inline" class="clicktags"><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>
  818. </div>
  819.  
  820. <div class="hiddentags">
  821. {block:tags}<a href="{TagURL}">#{Tag}</a>{/block:tags}
  822. </div>
  823. {/block:HasTags}
  824.  
  825. {/block:indexpage}
  826.  
  827. {/block:ifinfobuttons}
  828.  
  829. {block:ifnotinfobuttons} {block:indexpage}
  830. <a href="{Permalink}"><b>{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} / {NoteCountWithLabel}</b></a>
  831.  
  832. {block:HasTags}
  833. <div class="tags">
  834. {block:Tags}
  835. <a href="{TagURL}">#{Tag}</a>
  836. {/block:Tags}
  837. </div>
  838. {/block:HasTags} {/block:indexpage}
  839. {/block:ifnotinfobuttons}
  840.  
  841. {block:PermalinkPage}<a href="{Permalink}"><b>{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}, {TimeAgo}</b></a>
  842. {block:RebloggedFrom} <br>
  843. via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}; source <a href="{ReblogRootURL}" >{ReblogRootName}</a>
  844. {/block:ContentSource}
  845. {/block:RebloggedFrom}
  846. {block:HasTags}<br>
  847. <div class="tags">
  848. {block:Tags}
  849. <a href="{TagURL}">#{Tag}</a>
  850. {/block:Tags}
  851. </div>
  852. {/block:HasTags}
  853. {/block:PermalinkPage}
  854.  
  855. </div>
  856. {/block:date}
  857.  
  858.  
  859. {block:PostNotes}
  860. <div class="shownotes">view {NoteCountWithLabel}</div>
  861. {PostNotes}
  862. {/block:PostNotes}
  863.  
  864.  
  865.  
  866. </div>
  867.  
  868.  
  869.  
  870.  
  871. {/block:Posts}
  872.  
  873.  
  874. </div>
  875. {block:ifloadmore}{block:indexpage}
  876. <footer>
  877. <a id="more" style="cursor:help">load more posts</a>
  878. </footer>
  879. {/block:indexpage}{/block:ifloadmore}
  880. {block:Pagination}
  881. <div id="pagination">
  882. {block:previouspage}
  883. <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  884. {block:JumpPagination length="5"}{block:CurrentPage}
  885. <span class="current_page">{PageNumber}</span>
  886. {/block:CurrentPage}{block:JumpPage}
  887.  
  888. <a class="jump_page" href="{URL}">{PageNumber}</a>
  889. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  890. <a class="next" href="{NextPage}">next</a>
  891. {/block:nextpage}
  892. </div>
  893. {/block:Pagination}
  894. </div>
  895.  
  896.  
  897. {block:ContentSource}
  898.  
  899. <!– {SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}”
  900.  
  901. width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” />
  902.  
  903. {/block:SourceLogo}
  904.  
  905. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  906.  
  907. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  908.  
  909. <div id="cred"><a href="http://odeysseus.tumblr.com">O</a></div>
  910.  
  911. {block:ifscrolltotop}
  912. <div class="sc"> <a href="#">scroll to top</a></div>
  913. {/block:ifscrolltotop}
  914.  
  915.  
  916.  
  917. {block:indexpage}{block:ifinfinitescroll}
  918. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  919. {/block:ifinfinitescroll}{/block:indexpage}
  920.  
  921. <script>
  922. $(document).ready(function(){
  923. var $container = $('.entries');
  924. {block:ifinfinitescroll}
  925. $container.infinitescroll({
  926. itemSelector: '.posts',
  927. navSelector: '#pagination',
  928. nextSelector: '.next',
  929. loadingImg: '',
  930. loadingText: '',
  931. doneText: 'no more posts',
  932. bufferPx: 2000,
  933. {block:ifloadmore}
  934. errorCallback: function () {
  935. jQuery ('a#more').delay(50).fadeOut();
  936. $('.posts').last().after($('a#more'));
  937. }
  938. {/block:ifloadmore}
  939. },
  940. function( newElements ) {
  941. var $newElems = $( newElements );
  942. $newElems.find('.photo-slideshow').pxuPhotoset({
  943. lightbox: true,
  944. rounded: false,
  945. gutter: '1px',
  946. photoset: '.photo-slideshow',
  947. photoWrap: '.photo-data',
  948. photo: '.pxu-photo'
  949. })
  950. resizeVideos();
  951. $newElems.find('iframe.tumblr_audio_player').load( function() {
  952. $('iframe.tumblr_audio_player').contents().find("head")
  953. .append($("<style type='text/css'> .audio-player{background:#fafafa !important} </style>"));
  954. });
  955. $newElems.find('.clicktags').click(function() {
  956. $(this).closest('.posts').find('.hiddentags').slideToggle(300)
  957. });
  958. var $newElemsIDs = $newElems.map(function(){
  959. return this.id;
  960. }).get();
  961. console.log($newElems, $newElemsIDs);
  962. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  963. });
  964.  
  965. {block:ifloadmore}
  966. $(window).unbind('.infscr');
  967. $('a#more').click(function(){
  968. $container.infinitescroll('retrieve');return false;
  969. $('.posts').last().after($('a#more'));
  970. });
  971. {/block:ifloadmore}
  972. {/block:ifinfinitescroll}
  973. });
  974. </script>
  975.  
  976. </body>
  977.  
  978. </html>
Advertisement
Add Comment
Please, Sign In to add comment