odeysseus_thm

fansite / WINTER

Jun 16th, 2016
7,317
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.59 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. winter - fansite
  7.  
  8. @ odeysseus
  9.  
  10.  
  11.  
  12.  
  13. SOME NOTES ON CUSTOMISATION
  14.  
  15. . search for "start sidebar" to begin editing
  16. . if you are want header dimensions to design a header image, they are
  17. your post width + 330px wide, and you can have any height.
  18. . some html knowledge is advised because you will have to edit most of the sidebar manually. i've tried to make it as easy as possible though!
  19. -->
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <title>{Title}</title>
  26.  
  27. <!--metas-->
  28.  
  29.  
  30. <meta name="image:header" content=""/>
  31.  
  32. <meta name="color:Text" content="#999"/>
  33. <meta name="color:link" content="#666"/>
  34. <meta name="color:accent" content="#bad1e7"/>
  35. <meta name="color:header text" content="#777"/>
  36.  
  37. <meta name="if:hide caption" content="0"/>
  38. <meta name="if:infinite scroll" content="1"/>
  39. <meta name="if:load more" content="1"/>
  40. <meta name="if:scroll to top" content="1"/>
  41. <meta name="if:show header" content="1"/>
  42. <meta name="if:info buttons" content="1"/>
  43. <meta name="if:header links" content="1"/>
  44.  
  45. <meta name="text:link 1 url" content=""/>
  46. <meta name="text:link 1" content=""/>
  47. <meta name="text:link 2 url" content=""/>
  48. <meta name="text:link 2" content=""/>
  49. <meta name="text:link 3 url" content=""/>
  50. <meta name="text:link 3" content=""/>
  51. <meta name="text:intro text" content=" This is where your welcome text goes. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. "/>
  52.  
  53. <meta name="select:post width" content="330px"/>
  54. <meta name="select:post width" content="350px"/>
  55. <meta name="select:post width" content="380px"/>
  56. <meta name="select:post width" content="400px"/>
  57. <meta name="select:post width" content="450px"/>
  58. <meta name="select:post width" content="500px"/>
  59.  
  60. <meta name="select:font" content="Karla"/>
  61. <meta name="select:font" content="Lato"/>
  62. <meta name="select:font" content="Open Sans"/>
  63. <meta name="select:font" content="PT Sans"/>
  64. <meta name="select:font" content="Source Sans Pro"/>
  65.  
  66. <!--font-->
  67.  
  68. <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'>
  69.  
  70. <!--videos by @shythemes-->
  71. <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>
  72.  
  73. <style type="text/css">
  74.  
  75.  
  76. ::-webkit-scrollbar{
  77. height:3px;
  78. width:15px;
  79. background:#f8f8f8;
  80. }
  81.  
  82. @-webkit-keyframes fadein {
  83. 0% {opacity: 0;}
  84. 50% { opacity: 0; }
  85. 100% { opacity: 1; }
  86. }
  87.  
  88. @-moz-keyframes fadein {
  89. 0% { opacity: 0; }
  90. 50% { opacity: 0; }
  91. 100% { opacity: 1; }
  92. }
  93.  
  94. @keyframes fadein {
  95. 0% { opacity: 0; }
  96. 50% { opacity: 0; }
  97. 100% { opacity: 1; }
  98. }
  99.  
  100.  
  101.  
  102. ::-webkit-scrollbar-thumb {background:#ccc;border:7px solid #f8f8f8;}
  103.  
  104. ::-webkit-scrollbar-track {background:#fff;border:7px solid #f8f8f8;}
  105.  
  106. ::-moz-selection{ background: #eee; color:#777;}
  107. ::selection { background:#eee; color:#777; }
  108.  
  109.  
  110. .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;position:fixed!important;right:-20px!important;transform:scale(0.7,0.7); } .tmblr-iframe:hover { opacity:1; }
  111.  
  112. #s-m-t-tooltip{
  113. position:absolute;
  114. margin:17px;
  115. font-size:8.5px;
  116. max-width:250px;text-transform:uppercase;letter-spacing:1px;
  117. z-index:999999999999999;
  118.  
  119. padding:0px 4px 0px;
  120. border-radius:2px;
  121. background:#fff;
  122. box-shadow:2px 2px #eee;
  123. }
  124.  
  125. blockquote {
  126. padding-top:0px!important;
  127. border-left:1px solid #eee;
  128. padding-left:10px;
  129. margin:0px 10px;
  130. padding-bottom:0px!important;
  131. }
  132.  
  133. body {
  134. background:#f7f7f7;
  135. color:{color:text};
  136. font-family:'{select:font}',sans-serif;
  137. font-weight:400;
  138. font-size:10px;
  139. text-align:left;
  140. line-height:180%;
  141. -moz-osx-font-smoothing:grayscale;
  142. -webkit-font-smoothing:antialiased;
  143. font-smoothing:antialiased;
  144. }
  145.  
  146.  
  147. a {
  148. color:{color:link};
  149. text-decoration:none;
  150. transition:0.2s ease-in-out;
  151. -webkit-transition:0.2s ease-in-out;
  152. -moz-transition:0.2s ease-in-out;
  153. }
  154.  
  155. a:hover {
  156. text-decoration:none;
  157. color:{color:accent};
  158. }
  159.  
  160. b,strong {
  161. font-weight:700;
  162. color:#333;
  163. }
  164.  
  165. img{
  166. opacity:1;
  167. border:none;
  168. text-decoration:none;
  169.  
  170. }
  171.  
  172.  
  173. small {
  174. font-size:calc(10px - 0.5px);
  175. }
  176.  
  177. big {
  178. font-size:calc(10px + 0.5px);
  179. }
  180.  
  181.  
  182. h1,h2,h3,h4,h5,h6 {
  183. line-height:120%;
  184. text-transform:lowercase;
  185. padding:4px 0px;
  186. font-weight:300;font-style:italic;
  187. color:#222;text-align:center;
  188. font-family:'open sans';
  189. font-size:15px;
  190. }
  191.  
  192. h1 b {
  193. font-weight:300;
  194.  
  195. }
  196.  
  197.  
  198.  
  199. .posts {
  200. width:{select:post width};
  201. background:#fff;
  202. padding:15px;
  203. margin-bottom:65px;
  204. -webkit-animation-name: fadein;-webkit-animation-duration: 1s;
  205. }
  206.  
  207.  
  208. .entries {
  209. width:{select:post width};margin-bottom:65px;float:right;padding-top:65px;margin-right:15px;
  210. }
  211. .caption {
  212. margin-top:5px;
  213. {block:ifhidecaption}
  214. {block:indexpage}
  215. display:none;
  216. {/block:indexpage}
  217. {/block:ifhidecaption}
  218. }
  219.  
  220. .posts img, .posts li, .posts blockquote {
  221. max-width: 100%;
  222. }
  223.  
  224. .ia a:hover:before {
  225. width:0;
  226. }
  227.  
  228. .posts ul li {
  229. ;line-height:150%;list-style:none;text-align:left;
  230. }
  231.  
  232. .posts ul li:before { content:"";position:absolute;display:block;margin-top:6px;width:11px;background:#ccc;height:1px;margin-left:-18px;}
  233. }
  234.  
  235.  
  236. .inf a:hover, .tags a:hover, a.tumblr_blog:hover { color:{color:accent};}
  237. .inf {
  238. text-align:left;margin-top:10px;border-bottom:1px solid #eee;padding-bottom:3px;
  239. }
  240. .inf b { font-weight:normal;font-size:8.5px;text-transform:uppercase;letter-spacing:.5px;}
  241.  
  242. .inf svg,nav svg {
  243. 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;
  244. }
  245. .inf svg:hover, nav svg:hover { fill:{color:accent};}
  246. .tags a:hover,.a.tumblr_blog:hover { color:#444!IMPORTANT;}
  247.  
  248. .tags { display:inline;}
  249.  
  250. .tags a {
  251. text-transform:lowercase;letter-spacing:0px;
  252. border:none;font-size:9px;
  253. margin:0px 2px;
  254. }
  255.  
  256. .shownotes {
  257. cursor:help;
  258. color:#222;
  259. text-align:left;
  260. margin-top:5px;
  261. }
  262.  
  263. .notes {
  264. overflow:auto;
  265. max-height:300px;
  266. display:none;
  267. background:#f8f8f8;
  268. }
  269.  
  270. ol.notes {
  271. padding:10px 20px;
  272. list-style-type:none;
  273. font-style:normal;
  274. }
  275.  
  276.  
  277. ol.notes li.note {
  278. padding:2px;
  279. font-style:normal;
  280. }
  281.  
  282.  
  283. .notes_loading, .more_notes_link {
  284. font-weight:bold;float:left;
  285. text-align:left!important;
  286. text-transform:lowercase;
  287. }
  288.  
  289. .notes img {
  290. display:none!important;
  291. }
  292. ol.notes li.note span.action {
  293. font-weight:none;
  294. }
  295.  
  296. ol.notes li.note .answer_content {
  297. font-weight:normal;
  298. }
  299.  
  300. ol.notes li.note blockquote {
  301. padding:4px 10px;
  302. margin:5px 0px 0px 15px;
  303. }
  304.  
  305. ol.notes li.note blockquote a {
  306. text-decoration:none;
  307. }
  308.  
  309. blockquote img {
  310. max-width:250px!important;
  311. height:auto;
  312. }
  313.  
  314. .quote {
  315. text-transform:lowercase;
  316. font-size:11.5px;font-style:italic;
  317. color:#666;
  318. text-align:center;
  319. line-height:200%;
  320. }
  321.  
  322. .quotesource {
  323. text-align:center;
  324. margin:5px auto!important;
  325. font-size:8.5px;text-transform:uppercase;letter-spacing:1px;
  326. }
  327. .quotesource:before {
  328. content:'';display:block;width:60px;height:2px;background:{color:accent};margin:10px auto;
  329. }
  330.  
  331.  
  332. .quotesource a {
  333. border:none;
  334. }
  335.  
  336. .quotesource a:hover {
  337. border:none;
  338. }
  339.  
  340.  
  341. .chat {
  342. line-height:20px;
  343. list-style:none;
  344. }
  345.  
  346. .line.odd {
  347. margin-bottom:2px;
  348. list-style:none;
  349. }
  350.  
  351. .line.even {
  352. margin-bottom:2px;
  353. list-style:none;
  354. }
  355.  
  356. .label {
  357. padding-right:1px;
  358. color:#444;
  359. }
  360.  
  361. .question {
  362. padding:7px;
  363. margin-left:2px;
  364. background:#fafafa;
  365. text-align:left;
  366. }
  367.  
  368. .question img {
  369. width:32px;
  370. height:32px;
  371. margin-right:7px;
  372. display:block;
  373. border-radius:3px;
  374. float:left;
  375. }
  376.  
  377. .asker a:hover {
  378. border:none;
  379. color:#333;
  380. }
  381.  
  382. .answer {
  383. margin-top:-15px;
  384. }
  385. .asker {
  386. text-transform:uppercase;
  387. font-size:7.5px;
  388. letter-spacing:1px;
  389. }
  390.  
  391. .player {
  392. display:block;
  393. margin:auto;
  394. width:40px;
  395. background:#fafafa;
  396. height:40px;
  397. border-radius:5px;
  398. overflow:hidden;
  399. }
  400.  
  401. .audio_d { margin:10px 0px;text-align:center;color:#222;font-size:8.5px;text-transform:uppercase;letter-spacing:1px;}
  402.  
  403. .tumblr_audio_player {
  404. width:30px;
  405. margin:5px;
  406. height:30px;
  407. border-radius:5px;
  408. overflow:hidden;
  409. }
  410.  
  411. #cred {
  412. bottom:27px;
  413. position:fixed;
  414. padding:3px 6px;
  415. right:27px;
  416. text-align:right;
  417. }
  418.  
  419. .sc {
  420. bottom:27px;
  421. left:27px;
  422. position:fixed;
  423. display:none;
  424. font-weight:bold;
  425. cursor:help;
  426. }
  427.  
  428. .sc a { cursor:help;}
  429.  
  430. pre {
  431. white-space: pre-wrap; /* CSS 3 */
  432. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  433. white-space: -pre-wrap; /* Opera 4-6 */
  434. white-space: -o-pre-wrap; /* Opera 7 */
  435. word-wrap: break-word; /* Internet Explorer 5.5+ */
  436. background:#fafafa;color:#666;padding:10px;
  437. font-family:'inconsolata',consolas;
  438. }
  439.  
  440. #vignette,.vignette { opacity:0!important; }
  441. .lightbox-image,#tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important;border:10px solid #fff!important; }
  442. #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!Important; }
  443. #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; }
  444.  
  445. .lightbox-caption,#tumblr_lightbox_caption { opacity:0; }
  446.  
  447.  
  448. #pagination {
  449. word-spacing:7px;
  450. font-size:8.5px;float:right;
  451. margin-bottom:80px;width:{select:post width};
  452. text-transform:uppercase;letter-spacing:1px;
  453. text-align:center;
  454. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  455. }
  456.  
  457.  
  458. #infscr-loading { display:none!Important; }
  459.  
  460. footer { position:relative;float:right;width:{select:post width};margin:-65px auto 65px;text-align:center; }
  461.  
  462. a#more {
  463. position:relative;
  464. padding:5px;border:1px solid #eee;
  465. font-size:8px;text-transform:uppercase;letter-spacing:1px;
  466. text-align:center;margin-left:15px;
  467. background:#fff;
  468. color:#222;
  469. }
  470. a#more:hover { color:{color:accent};border:1px solid transparent;border-bottom:1px solid #eee; }
  471.  
  472. .custom-like-button {
  473. position: relative;
  474. display:inline;
  475. margin:0px 6px;
  476. width:10px;
  477. }
  478.  
  479.  
  480. .like_button {
  481. position: absolute;
  482. top: 0;
  483. left: 0;
  484. right: 0;
  485. bottom: 0;
  486. width: 100%;
  487. height: 100%;
  488. opacity: 0;
  489.  
  490. }
  491.  
  492. .like_button iframe {
  493. width: 100% !important;
  494. height: 100% !important;
  495. }
  496. .like_button svg {
  497. position: absolute;
  498. top: 0;
  499. left: 0;
  500. right: 0;
  501. bottom: 0;
  502. width: 100%;
  503. height: 100%;
  504. z-index: 1;
  505. }
  506.  
  507. .like_button:hover + svg {
  508. fill:{color:accent};
  509. }
  510.  
  511. .like_button.liked + svg {
  512. fill:#e66a6a!important;
  513. }
  514.  
  515. .hiddentags { display:none;font-size:9px; } .hiddentags a { margin-right:6px; }
  516.  
  517. header {
  518. top:0;left:0;position:relative;width:100%;height:100vh;z-index:15;background:#f8f8f8;{block:ifnotshowheader}display:none!important;{/block:ifnotshowheader}
  519. }
  520.  
  521. #image {
  522. top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;
  523. }
  524. #image img {
  525. width:calc({select:post width} + 50px + 30px + 250px);
  526. height:auto;
  527. border:15px solid #fff;
  528. }
  529.  
  530.  
  531. .blogt {
  532. position:absolute;margin:50px;font-size:24px;font-weight:300;font-family:'open sans';
  533. }
  534.  
  535. .des {
  536. position:absolute;margin:85px 50px;font-style:italic;font-size:11px;width:250px;
  537. }
  538. .blogt,.des { color:{color:header text}; }
  539. .navi {
  540. right:0px;position:absolute;height:calc(100% - 35px);width:100px;border-left:1px solid #fff;padding:15px;
  541. }
  542. .navi a {
  543. 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);
  544. }
  545. .navi a:hover { color:#444; }
  546. .navi i { font-style:normal;position:absolute;top:50%;transform:translate(-50%,-50%);left:50%; }
  547. .navi a:hover { background:rgba(255,255,255,.7); }
  548.  
  549. .infinity {
  550. position:absolute;
  551. margin-top:-55px;margin-left:30px;
  552. }
  553.  
  554. .infinity svg {
  555. width:15px;fill:#222;display:inline-block;background:rgba(255,255,255,.7);padding:5px;
  556. -ms-transform: rotate(180deg); /* IE 9 */
  557. -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  558. transform: rotate(180deg);
  559. transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;
  560. }
  561.  
  562. .infinity svg:hover { background:#fff;}
  563.  
  564. aside {
  565. margin-top:65px;
  566. float:left;margin-left:-15px;
  567. width:270px;
  568. }
  569.  
  570. .box { padding:15px;background:#fff;margin-bottom:65px; }
  571.  
  572. .t {
  573. font-weight:300;font-style:italic;font-size:13px;color:#222;margin-bottom:5px;font-family:'open sans';margin-bottom:10px;
  574. }
  575. .box hr { width: 100%;height: 1px;background: #eee;border: none;margin:0px; }
  576.  
  577. nav a {
  578. width:49%;display:inline-block;font-size:8.5px;text-transform:uppercase;
  579. letter-spacing:1px;padding:5px 0px;border-bottom:1px solid #eee;
  580. }
  581.  
  582. .squad { width:100%; display:block; padding:5px 0px;border-bottom:1px solid #eee; }
  583.  
  584. .squad a {
  585. font-size:8.5px;
  586. vertical-align:top;
  587. text-transform:uppercase;
  588. letter-spacing:1px;
  589. }
  590.  
  591. .squad img {
  592. width:30px;
  593. float:left;
  594. margin-top:3px;margin-right:7px;
  595. border-radius:100%;
  596. height:30px;
  597. }
  598.  
  599. .squad i {
  600. padding:6px;
  601. vertical-align:top;
  602. }
  603.  
  604. a.aff img { width: 35px;height: 35px;border-radius: 100%;margin: 5px;float}
  605. a.aff:hover { opacity:.7; }
  606.  
  607. .event,.stat { padding:5px 0px;border-bottom:1px solid #eee; }
  608. .event b,.stat b { color:#444;margin-right:7px;font-weight:normal;}
  609. .stat b { font-size:8.5px;text-transform:uppercase;letter-spacing:.5px; }
  610. .search .query {
  611. margin-top:8px;
  612. border:0;outline:0;
  613. padding: 5px 0px;
  614. font-family: inherit;
  615. border-bottom:1px solid #eee;width:100%;
  616. font-size: inherit;
  617. color: inherit;
  618. background-color: transparent;
  619. }
  620. input:focus::-webkit-input-placeholder {color: transparent;}
  621. input:focus:-moz-placeholder {color: transparent;}
  622. input:focus::-moz-placeholder {color: transparent;}
  623. input:focus:-ms-input-placeholder { color: transparent;}
  624.  
  625. header { display:none;} {block:TagPage} header { display:none!important;} {/block:TagPage}
  626. .page1 header {
  627. display:block;
  628. }
  629.  
  630. #everything {
  631. width:calc({select:post width} + 50px + 30px + 250px);margin:auto;
  632. }
  633.  
  634. .txt a, .caption a { border-bottom:1px solid #eee; }
  635. .txt a:hover, .caption a:hover { border-bottom:1px solid {color:accent}; }
  636. </style>
  637.  
  638. <!--scripts-->
  639. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  640. <script>
  641. $(document).ready(function(){
  642. $('.search').submit(function(event){
  643. var value = $('input:first').val();
  644. location.replace('http://{Name}.tumblr.com/search/' + value);
  645. });
  646. });
  647. </script>
  648.  
  649. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  650.  
  651. <script>
  652. (function($){
  653. $(document).ready(function(){
  654. $("a[title]").style_my_tooltips({
  655. tip_follows_cursor:true,
  656. tip_delay_time:30,
  657. tip_fade_speed:300,
  658. attribute:"title"
  659. });
  660. });
  661. })(jQuery);
  662. </script>
  663.  
  664. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  665. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  666.  
  667. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  668.  
  669. <script>
  670. $(document).ready(function(){
  671. $('.photo-slideshow').pxuPhotoset({
  672. lightbox: true,
  673. rounded: false,
  674. gutter: '1px',
  675. borderRadius: '0px',
  676. photoset: '.photo-slideshow',
  677. photoWrap: '.photo-data',
  678. photo: '.pxu-photo'
  679. });
  680. $('.shownotes').click(function() {
  681. $('.notes').slideToggle(300);
  682. });
  683. $('.clicktags').click(function() {
  684. $(this).closest('.posts').find('.hiddentags').slideToggle(300)
  685. });
  686. $(window).scroll(function(){
  687. if ($(this).scrollTop() > 100) {
  688. $('.sc').fadeIn();
  689. } else {
  690. $('.sc').fadeOut();
  691. }
  692. });
  693.  
  694. //Click event to scroll to top
  695. $('.sc').click(function(){
  696. $('html, body').animate({scrollTop : 0},800);
  697. return false;
  698. });
  699. $('.infinity').click(function(){
  700. $('html, body').animate({scrollTop : $(".entries").offset().top
  701. },800);
  702. return false;
  703. });
  704. });
  705. </script>
  706.  
  707.  
  708. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  709.  
  710. </head>
  711.  
  712. <body class="page{CurrentPage}">
  713. {block:indexpage}
  714. <header>
  715. <div id="image">
  716. <div class="blogt">{title}</div>
  717. <div class="des">{description}</div>
  718.  
  719. {block:ifheaderlinks}
  720. <div class="navi">
  721. <a href="/"> <i>index</i></a>
  722. <a href="/ask"> <i>message</i></a>
  723. {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}
  724. </div>
  725. {/block:ifheaderlinks}
  726. <img src="{image:header}"/>
  727.  
  728. <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>
  729. </div>
  730. </div>
  731.  
  732. </header>
  733. {/block:indexpage}
  734.  
  735.  
  736. <div id="everything">
  737. <aside> <!---------- START SIDEBAR -------->
  738. <!----- you can add/delete boxes as you wish. instructions for adding new boxes are at the end of the sidebar editing section. xxx ----->
  739.  
  740. <!--welcome text box: no need to edit-->
  741. <div class="box"> <div class="t">{title}</div>
  742. <div class="de">{text:intro text}</div>
  743. <div class="searchs"><form class="search" action="javascript:return false"><input type="text" class="query" placeholder="search blog"></form></div> </div>
  744.  
  745. <!--links box: no need to edit unless you want extra links-->
  746. <div class="box">
  747. <div class="t">navigation</div>
  748. <nav>
  749. <a href="/">index</a>
  750. <a href="/ask">message</a>
  751. <a href="/archive">history</a>
  752. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1} {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2} {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  753. </nav>
  754. </div>
  755.  
  756. <!--members box: no need to edit-->
  757. {block:groupmembers} <div class="box"> <div class="t">members</div> {block:groupmember} <div class="squad"> <a href="{groupmemberURL}"><img src="{groupmemberportraitURL-48}"></a> <a href="{groupmemberurl}" style="padding:6px">{groupmembername}</a> <br> <i>{groupmembertitle}</i> </div> {/block:groupmember} </div> {/block:groupmembers}
  758.  
  759. <!--schedule box-->
  760. <div class="box">
  761. <div class="t">schedule</div><!--box title-->
  762. <!-- example : <div class="event"><b>DATE HERE</b> EVENT </div> -->
  763. <div class="event"><b>01/02/03</b> event name</div>
  764. <div class="event"><b>04/05/06</b> event name</div>
  765. </div>
  766.  
  767. <!--affiliates box-->
  768. <div class="box"> <div class="t">affiliates</div><!--box title-->
  769. <!-- example: <a class="aff" href="AFFILIATE URL" title="NAME"><img src="IMAGE URL"/></a> -->
  770. <a class="aff" href="affiliate url" title="affiliate name"><img src="http://i.imgur.com/YlKw21x.jpg"/></a>
  771. <a class="aff" href="affiliate url" title="affiliate name"><img src="http://i.imgur.com/uy1gfY8.jpg"/></a>
  772. <a class="aff" href="affiliate url" title="affiliate name"><img src="http://i.imgur.com/qYUp0pI.jpg"/></a>
  773. <a class="aff" href="affiliate url" title="affiliate name"><img src="http://i.imgur.com/ZwdntNc.jpg"/></a>
  774. <a class="aff" href="affiliate" title="affiliate name"><img src="http://i.imgur.com/SVoP8G8.jpg url"/></a>
  775.  
  776. <hr>
  777. </div>
  778.  
  779. <!--stats box-->
  780. <div class="box"> <div class="t">stats and info</div><!--box title-->
  781.  
  782. <div class="stat"><b>about</b> pineapples on pizza</div>
  783. <div class="stat"><b>online</b> 7 of 12931</div>
  784. <div class="stat"><b>theme</b> <a href="http://odeysseus.tumblr.com">odeysseus</a></div>
  785.  
  786. </div>
  787.  
  788. <!-- TO ADD MORE BOXES :
  789.  
  790. <div class="box"> <div class="t">box title</div>
  791. your text goes here!!
  792. </div>
  793.  
  794. -->
  795.  
  796.  
  797. <!-------- END SIDEBAR -------->
  798. </aside>
  799.  
  800. <div class="entries">
  801. {block:Posts}
  802. <div class="posts" id="{PostID}">
  803.  
  804. {block:Text}
  805. <div class="q txt">
  806. {block:Title}<h1><b>{Title}</b></h1>{/block:Title}
  807. {Body}</div>{/block:Text}
  808.  
  809.  
  810. {block:Photo}
  811. <div class="q wtf">
  812. {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">
  813. <img src="{PhotoURL-HighRes}">
  814. </a></div>{LinkCloseTag}
  815. {block:Caption}<div class="caption" >{Caption}</div>{/block:Caption}
  816. </div>
  817. {/block:Photo}
  818.  
  819.  
  820. {block:Photoset}
  821. <div class="q">
  822. <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>
  823. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  824. </div>
  825. {/block:Photoset}
  826.  
  827.  
  828. {block:Quote}
  829. <div class="q txt">
  830. <div class="quote">{Quote}</div>
  831. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  832. </div>{/block:Quote}
  833.  
  834.  
  835. {block:Link}
  836. <div class="q txt">
  837. <h1><b><a href="{URL}" {Target}>{Name}</a></b></h1>
  838. {block:Description}{Description}{/block:Description}
  839. </div>
  840. {/block:Link}
  841.  
  842.  
  843. {block:Chat}
  844. <div class="q txt">
  845. {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>
  846. </div>
  847. {/block:Chat}
  848.  
  849.  
  850. {block:Audio}
  851. <div class="q txt">
  852. {block:AudioPlayer}
  853. <div class="player"> {AudioPlayerWhite}</div>
  854. <div class="audio_d">
  855. {block:TrackName}{TrackName}{/block:TrackName}
  856. {block:Artist} by {Artist} {/block:Artist}</div>
  857. {/block:AudioPlayer}
  858.  
  859. {block:Caption}
  860. <div class="caption">{Caption}</div>
  861. {/block:Caption}
  862. </div>
  863. {/block:Audio}
  864.  
  865.  
  866. {block:Video}
  867. <div class="q">
  868. <div class="video iframe">
  869. {Video-500}
  870. </div>
  871. <div class="caption">
  872. {block:Caption}{Caption}{/block:Caption}
  873. </div>
  874. </div>
  875. {/block:Video}
  876.  
  877.  
  878. {block:Answer}
  879. <div class="q txt">
  880. <div class="question"> <img src="{AskerPortraitURL-40}"/> <div class="asker">{asker} said:</div> {Question}</div><br>
  881. <div class="answer">
  882. {Answer}</div>
  883. </div>
  884. {/block:Answer}
  885.  
  886. {block:date}
  887. <div class="inf">
  888.  
  889. {block:ifinfobuttons}
  890. {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>
  891. </a>
  892.  
  893. <div class="custom-like-button">
  894. {LikeButton}
  895.  
  896. <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>
  897.  
  898. </div>
  899.  
  900. <a href="{Permalink}" title="{DayOfWeek}, {NoteCountWithLabel}">
  901. <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>
  902. </a>
  903.  
  904. {block:HasTags}
  905. <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>
  906. </div>
  907.  
  908. <div class="hiddentags">
  909. {block:tags}<a href="{TagURL}">#{Tag}</a>{/block:tags}
  910. </div>
  911. {/block:HasTags}
  912.  
  913. {/block:indexpage}
  914.  
  915. {/block:ifinfobuttons}
  916.  
  917. {block:ifnotinfobuttons} {block:indexpage}
  918. <a href="{Permalink}"><b>{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} / {NoteCountWithLabel}</b></a>
  919.  
  920. {block:HasTags}
  921. <div class="tags">
  922. {block:Tags}
  923. <a href="{TagURL}">#{Tag}</a>
  924. {/block:Tags}
  925. </div>
  926. {/block:HasTags} {/block:indexpage}
  927. {/block:ifnotinfobuttons}
  928.  
  929. {block:PermalinkPage}<a href="{Permalink}"><b>{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}, {TimeAgo}</b></a>
  930. {block:RebloggedFrom} <br>
  931. via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}; source <a href="{ReblogRootURL}" >{ReblogRootName}</a>
  932. {/block:ContentSource}
  933. {/block:RebloggedFrom}
  934. {block:HasTags}<br>
  935. <div class="tags">
  936. {block:Tags}
  937. <a href="{TagURL}">#{Tag}</a>
  938. {/block:Tags}
  939. </div>
  940. {/block:HasTags}
  941. {/block:PermalinkPage}
  942.  
  943. </div>
  944. {/block:date}
  945.  
  946.  
  947. {block:PostNotes}
  948. <div class="shownotes">view {NoteCountWithLabel}</div>
  949. {PostNotes}
  950. {/block:PostNotes}
  951.  
  952.  
  953.  
  954. </div>
  955.  
  956.  
  957.  
  958.  
  959. {/block:Posts}
  960.  
  961. {block:Pagination}
  962. <div id="pagination">
  963. {block:previouspage}
  964. <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  965. {block:JumpPagination length="5"}{block:CurrentPage}
  966. <span class="current_page">{PageNumber}</span>
  967. {/block:CurrentPage}{block:JumpPage}
  968.  
  969. <a class="jump_page" href="{URL}">{PageNumber}</a>
  970. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  971. <a class="next" href="{NextPage}">next</a>
  972. {/block:nextpage}
  973. </div>
  974. {/block:Pagination}
  975. </div>
  976. {block:ifloadmore}{block:indexpage}
  977. <footer>
  978. <a id="more" style="cursor:help">load more posts</a>
  979. </footer>
  980. {/block:indexpage}{/block:ifloadmore}
  981. </div></div>
  982.  
  983.  
  984. {block:ContentSource}
  985.  
  986. <!– {SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}”
  987.  
  988. width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” />
  989.  
  990. {/block:SourceLogo}
  991.  
  992. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  993.  
  994. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  995.  
  996. <div id="cred"><a href="http://odeysseus.tumblr.com">O</a></div>
  997.  
  998. {block:ifscrolltotop}
  999. <div class="sc"> <a href="#">scroll to top</a></div>
  1000. {/block:ifscrolltotop}
  1001.  
  1002.  
  1003.  
  1004. {block:indexpage}{block:ifinfinitescroll}
  1005. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1006. {/block:ifinfinitescroll}{/block:indexpage}
  1007.  
  1008. <script>
  1009. $(document).ready(function(){
  1010. var $container = $('.entries');
  1011. {block:ifinfinitescroll}
  1012. $container.infinitescroll({
  1013. itemSelector: '.posts',
  1014. navSelector: '#pagination',
  1015. nextSelector: '.next',
  1016. loadingImg: '',
  1017. loadingText: '',
  1018. doneText: 'no more posts',
  1019. bufferPx: 2000,
  1020. {block:ifloadmore}
  1021. errorCallback: function () {
  1022. jQuery ('a#more').delay(50).fadeOut();
  1023. $('.posts').last().after($('a#more'));
  1024. }
  1025. {/block:ifloadmore}
  1026. },
  1027. function( newElements ) {
  1028. var $newElems = $( newElements );
  1029. $newElems.find('.photo-slideshow').pxuPhotoset({
  1030. lightbox: true,
  1031. rounded: false,
  1032. gutter: '1px',
  1033. photoset: '.photo-slideshow',
  1034. photoWrap: '.photo-data',
  1035. photo: '.pxu-photo'
  1036. })
  1037. resizeVideos();
  1038. $newElems.find('iframe.tumblr_audio_player').load( function() {
  1039. $('iframe.tumblr_audio_player').contents().find("head")
  1040. .append($("<style type='text/css'> .audio-player{background:#fafafa !important} </style>"));
  1041. });
  1042. $newElems.find('.clicktags').click(function() {
  1043. $(this).closest('.posts').find('.hiddentags').slideToggle(300)
  1044. });
  1045. var $newElemsIDs = $newElems.map(function(){
  1046. return this.id;
  1047. }).get();
  1048. console.log($newElems, $newElemsIDs);
  1049. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1050. });
  1051.  
  1052. {block:ifloadmore}
  1053. $(window).unbind('.infscr');
  1054. $('a#more').click(function(){
  1055. $container.infinitescroll('retrieve');return false;
  1056. $('.posts').last().after($('a#more'));
  1057. });
  1058. {/block:ifloadmore}
  1059. {/block:ifinfinitescroll}
  1060. });
  1061. </script>
  1062.  
  1063. </body>
  1064.  
  1065. </html>
Advertisement
Add Comment
Please, Sign In to add comment