API tools faq
paste
Advertisement
odeysseus_thm

fansite / MELODY

odeysseus_thm
Dec 6th, 2015
17,747
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5. melody
  6.  
  7. @odeysseus
  8.  
  9. - search for START EDITING HERE to begin customising the sidebars
  10. - credits listed at odeysseus.tumblr.com/credit
  11. -->
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <title>{Title}</title>
  18.  
  19. <!--metas-->
  20.  
  21. <meta name="image:header" content=""/>
  22. <meta name="color:Text" content="#aaaaaa"/>
  23. <meta name="color:accent" content="#bebcbc"/>
  24.  
  25. <meta name="if:hide caption" content="0"/>
  26. <meta name="if:header" content="0"/>
  27. <meta name="if:header text" content="0"/>
  28. <meta name="if:infinite scroll" content="0"/>
  29. <meta name="if:load more" content="0"/>
  30. <meta name="if:scroll to top" content="0"/>
  31. <meta name="if:show tags" content="0"/>
  32.  
  33. <meta name="if:about box" content="0"/>
  34. <meta name="if:members box" content="0"/>
  35. <meta name="if:social media box" content="0"/>
  36. <meta name="if:schedule box" content="0"/>
  37. <meta name="if:affiliates box" content="0"/>
  38. <meta name="if:disclaimer box" content="0"/>
  39. <meta name="if:navigation box" content="0"/>
  40. <meta name="if:search bar" content="0"/>
  41. <meta name="if:projects box" content="0"/>
  42. <meta name="if:stats box" content="0"/>
  43.  
  44. <meta name="text:header link 1 url" content=""/>
  45. <meta name="text:header link 1" content=""/>
  46. <meta name="text:header link 2 url" content=""/>
  47. <meta name="text:header link 2" content=""/>
  48. <meta name="text:sidebar link 1 url" content=""/>
  49. <meta name="text:sidebar link 1" content=""/>
  50. <meta name="text:sidebar link 2 url" content=""/>
  51. <meta name="text:sidebar link 2" content=""/>
  52. <meta name="text:sidebar link 3 url" content=""/>
  53. <meta name="text:sidebar link 3" content=""/>
  54. <meta name="text:sidebar link 4 url" content=""/>
  55. <meta name="text:sidebar link 4" content=""/>
  56. <meta name="text:sidebar link 5 url" content=""/>
  57. <meta name="text:sidebar link 5" content=""/>
  58. <meta name="text:sidebar link 6 url" content=""/>
  59. <meta name="text:sidebar link 6" content=""/>
  60. <meta name="text:font size" content="11px"/>
  61.  
  62.  
  63. <meta name="select:post width" content="300px"/>
  64. <meta name="select:post width" content="330px"/>
  65. <meta name="select:post width" content="350px"/>
  66. <meta name="select:post width" content="380px"/>
  67. <meta name="select:post width" content="400px"/>
  68. <meta name="select:post width" content="450px"/>
  69. <meta name="select:post width" content="500px"/>
  70.  
  71. <meta name="text:online counter" content="online counter"/>
  72. <meta name="text:hit counter" content="hit counter"/>
  73. <meta name="text:disclaimer" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
  74. <meta name="text:welcome text" content="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."/>
  75.  
  76. <!--font-->
  77.  
  78. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,600italic|Open+Sans:300,400' rel='stylesheet' type='text/css'>
  79.  
  80. <!--font awesome-->
  81.  
  82. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
  83.  
  84. <!--videos-->
  85.  
  86. <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>
  87.  
  88. <style type="text/css">
  89.  
  90. @-webkit-keyframes fadein {
  91. 0% {opacity: 0;}
  92. 100% { opacity: 1; }
  93. }
  94.  
  95. @-moz-keyframes fadein {
  96. 0% { opacity: 0; }
  97. 100% { opacity: 1; }
  98. }
  99.  
  100. @keyframes fadein {
  101. 0% { opacity: 0; }
  102. 100% { opacity: 1; }
  103. }
  104.  
  105.  
  106. ::-webkit-scrollbar{
  107. height:3px;
  108. width:13px;
  109. background:#fff;
  110. }
  111.  
  112. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:accent},0.5);border:6px solid #fff;}
  113. ::-webkit-scrollbar-track {background:#eee;border:6px solid #fff};}
  114.  
  115. ::-moz-selection{ background: #eee; color:#777;}
  116. ::selection { background:#eee; color:#777; }
  117.  
  118.  
  119. .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; }
  120.  
  121. #s-m-t-tooltip{
  122. position:absolute;
  123. margin:25px;
  124. max-width:250px;
  125. z-index:9999;
  126. color:#666;
  127. background:#fafafa;padding:2px 5px 1px;
  128. border:1px solid #eee;
  129. }
  130.  
  131. blockquote {
  132. padding:0!important;margin:0!important;
  133. }
  134.  
  135. pre {
  136. white-space: pre-wrap; /* CSS 3 */
  137. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  138. white-space: -pre-wrap; /* Opera 4-6 */
  139. white-space: -o-pre-wrap; /* Opera 7 */
  140. word-wrap: break-word; /* Internet Explorer 5.5+ */
  141. color:#666;
  142. font-family:consolas;
  143. }
  144.  
  145.  
  146. body {
  147. background:#fff;
  148. color:{color:text};
  149. font-family:'Source Sans Pro',sans-serif;
  150. font-weight:400;
  151. font-size:{text:font size};
  152. text-align:left;
  153. line-height:180%;
  154. -webkit-animation-name: fadein;-webkit-animation-duration: 1s;
  155. -moz-osx-font-smoothing:grayscale;
  156. -webkit-font-smoothing:antialiased;
  157. font-smoothing:antialiased;
  158. }
  159.  
  160.  
  161. a {
  162. color:#aaa;
  163. text-decoration:none;
  164. transition:0.25s ease-in-out;
  165. -webkit-transition:0.25s ease-in-out;
  166. -moz-transition:0.25s ease-in-out;
  167. }
  168.  
  169. .txt a,.caption a { border-bottom:1px solid {color:accent}; }
  170. a.tumblr_blog,.asker a { border:none; }
  171. a.tumblr_blog:hover,.asker a { color:{color:accent}; }
  172.  
  173. a:hover {
  174. text-decoration:none;
  175. color:#333;
  176. }
  177.  
  178. b,strong {
  179. font-weight:600;
  180. color:#333;
  181. }
  182.  
  183. img{
  184. opacity:1;
  185. border:none;
  186. text-decoration:none;
  187.  
  188. }
  189.  
  190.  
  191. small {
  192. font-size:calc({text:font size} - 0.5px);
  193. }
  194.  
  195. big {
  196. font-size:calc({text:font size} + 0.5px);
  197. }
  198.  
  199.  
  200. h1,h2,h3,h4,h5,h6 {
  201. font-size:15px;display:block;color:#444;font-weight:400;text-transform:lowercase;padding:0;margin:0;margin-bottom:10px;color:{color:accent};font-family:"Open Sans";
  202. }
  203.  
  204.  
  205. .posts {
  206. border-bottom:1px solid #eee;position:relative;margin-bottom:20px;
  207. padding-bottom:20px;
  208. width:{select:post width};
  209. -webkit-animation-name: fadein;-webkit-animation-duration: .5s;
  210.  
  211. }
  212.  
  213.  
  214. .entries {
  215. margin:auto;width:{select:post width};
  216. float:left;margin-left:calc((({select:post width} + 160px + 400px) / 2) - 50%);margin-bottom:50px;
  217. }
  218.  
  219. #content {
  220. margin:0px auto;
  221. width:calc({select:post width} + 80px + 400px);
  222. }
  223. header {
  224. height:100vh;
  225. }
  226. header img { top:50%;left:50%;transform:translate(-50%,-50%);width:calc({select:post width} + 80px + 400px);height:auto;position:absolute; }
  227.  
  228. .stuff { margin-top:80px; }
  229. #left {
  230. float:left;
  231. width:200px;
  232. }
  233.  
  234. h8 {
  235. font-size:15px;display:block;color:#444;padding-bottom:10px;font-weight:300;font-family:'open sans','helvetica neue',sans-serif;
  236. }
  237.  
  238. .box {
  239. margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;
  240. }
  241. #right {
  242. float:right;
  243. width:200px;
  244. }
  245.  
  246. .nav a {
  247. font-size:9px;text-transform:uppercase;letter-spacing:1px;display:inline-block;width:49%;color:#777;
  248. }
  249.  
  250. .nav a i,.aff img {
  251. transition:0.25s ease-in-out;
  252. -webkit-transition:0.25s ease-in-out;
  253. -moz-transition:0.25s ease-in-out;
  254. }
  255. .nav a:hover {
  256. color:{color:accent};
  257. transition:0.25s ease-in-out;
  258. -webkit-transition:0.25s ease-in-out;
  259. -moz-transition:0.25s ease-in-out;
  260. }
  261. .aff img:hover { opacity:.5; }
  262. .nav i {
  263. font-style:normal;
  264. }
  265. .nav a:before {
  266. content:'';height:1px;background:#eee;display:block;margin:10px 0px;
  267. }
  268. .caption {
  269. {block:ifhidecaption}
  270. {block:indexpage}
  271. display:none;
  272. {/block:indexpage}
  273. {/block:ifhidecaption}
  274. }
  275. .caption,.cap {
  276. padding:1px 10px 5px;background:#fafafa;
  277. }
  278.  
  279. .posts img, .posts li, .posts blockquote {
  280. max-width: 100%;
  281. }
  282.  
  283. .ia a:hover:before {
  284. width:0;
  285. }
  286.  
  287. .posts ul li {
  288. list-style:square;color:#888;font-style:italic;
  289. }
  290.  
  291.  
  292. .tags { word-wrap:break-word; }
  293.  
  294. .tags a {
  295. text-transform:lowercase;letter-spacing:0px;
  296. border:none;
  297. margin:0px 2px;
  298. }
  299.  
  300.  
  301. .notes {
  302. overflow:auto;
  303. margin-top:15px;
  304. max-height:300px;
  305. background:#fafafa;
  306. }
  307.  
  308. ol.notes {
  309. padding:10px 20px;
  310. list-style-type:none;
  311. font-style:normal;
  312. }
  313.  
  314.  
  315. ol.notes li.note {
  316. padding:2px;
  317. font-style:normal;
  318. }
  319.  
  320.  
  321. .notes_loading, .more_notes_link {
  322. font-weight:bold;float:left;
  323. text-align:left!important;
  324. text-transform:lowercase;
  325. }
  326.  
  327. .notes img {
  328. display:none!important;
  329. }
  330. ol.notes li.note span.action {
  331. font-weight:none;
  332. }
  333.  
  334. ol.notes li.note .answer_content {
  335. font-weight:normal;
  336. }
  337.  
  338. ol.notes li.note blockquote {
  339. padding:4px 10px;
  340. margin:5px 0px 0px 15px;
  341. }
  342.  
  343. ol.notes li.note blockquote a {
  344. text-decoration:none;
  345. }
  346.  
  347. blockquote img {
  348. max-width:250px!important;
  349. height:auto;
  350. }
  351.  
  352. .quote {
  353. text-transform:lowercase;
  354. font-size:12px;
  355. color:#666;
  356. padding:10px;background:#fafafa;
  357. margin-bottom:10px;
  358. line-height:200%;
  359. }
  360.  
  361. .tp {
  362. padding:0px 15px 5px;background:#fafafa;
  363. }
  364.  
  365. .quotesource,.quotesource b { color:#888; }
  366.  
  367. .quotesource a.tumblr_blog {
  368. margin:0;
  369. }
  370.  
  371.  
  372. .chat {
  373. line-height:20px;
  374. list-style:none;
  375. }
  376.  
  377. .line.odd {
  378. margin-bottom:2px;
  379. background:#fafafa;
  380. padding:3px;
  381. list-style:none;
  382. }
  383.  
  384. .line.even {
  385. margin-bottom:2px;
  386. padding:3px;
  387. list-style:none;
  388. }
  389.  
  390. .label {
  391. padding-right:1px;
  392. color:#444;
  393. }
  394.  
  395. .asker { font-weight:600;color:#444;text-transform:lowercase;font-style:normal;margin-bottom:5px;}
  396. .asker a:hover { color:{color:accent}; }
  397. .question { color:#888;font-style:italic;padding:10px;background:#fafafa; }
  398. .answer { margin-top:-20px; }
  399. .player {
  400. display:inline-block;
  401. width:50px;
  402. background:#fafafa;
  403. height:50px;
  404. overflow:hidden;
  405. margin-bottom:5px;
  406. }
  407. .asker img { width:15px;height:15px;border-radius:3px;margin:0px 7px -5px 0px;}
  408.  
  409. .audio_d { float:right;padding:15px 10px;border:1px solid #eee; width:calc({select:post width} - 85px );}
  410. .tumblr_audio_player { background:#fafafa!important; }
  411. .tumblr_audio_player {
  412. width:40px;
  413. margin:10px 7px;
  414. height:40px;
  415. overflow:hidden;
  416. }
  417.  
  418. #cred {
  419. bottom:27px;
  420. position:fixed;
  421. right:27px;
  422. }
  423.  
  424. .sc {
  425. bottom:15px;
  426. right:27px;text-align:right;
  427. position:fixed;
  428. display:none;
  429. font-weight:bold;
  430. cursor:help;
  431. }
  432.  
  433. .sc a { cursor:help;}
  434.  
  435. #vignette,.vignette { opacity:0!important; }
  436. .lightbox-image,#tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important;}
  437. #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!Important; }
  438. #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; }
  439.  
  440. .lightbox-caption,#tumblr_lightbox_caption { opacity:0; }
  441.  
  442.  
  443. #pagination {
  444. word-spacing:7px;
  445. margin:0px auto 80px;width:150px;
  446. text-align:center;
  447. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  448. }
  449.  
  450. #pagination a { margin:0px 5px; }
  451. .current_page { margin:0px 5px;padding:3px 6px;border:1px solid #eee;border-radius:100%;font-weight:600;color:{color:accent}; }
  452.  
  453. #infscr-loading { display:none!Important; }
  454.  
  455. footer {
  456.  
  457. width:{select:post width};
  458. margin:auto;
  459. padding:7px;
  460. text-align:center;
  461. margin-bottom:80px;
  462. }
  463.  
  464. a#more {
  465. position:relative;
  466. text-align:center;
  467. }
  468.  
  469. .tumblr_parent { border:none;margin:0;margin-bottom:5px;display:block;border-bottom:1px solid #eee;}
  470. .tumblr_parent:last-of-type { margin-bottom:0;border:0; }
  471. .tumblr_blog { top:10px; }
  472. .tumblr_avatar { width:15px;height:15px;border-radius:3px;margin:10px 7px -4px 0px;}
  473. .tumblr_blog { font-weight:bold;}
  474. a.tumblr_blog,.asker a { color:#444; }
  475.  
  476. .quotesource a.tumblr_blog { top:0px; }
  477.  
  478. .inf {
  479. text-transform:lowercase;
  480. margin-top:10px;
  481. }
  482.  
  483. #topbar {
  484. top:0;position:fixed;width:calc({select:post width} + 60px + 400px);background:rgba(255,255,255,.95);
  485. padding:10px;z-index:25;text-align:center;border-bottom:1px solid #eee;padding-bottom:0;margin-bottom:0;padding-top:7px;
  486. }
  487. #topbar a {
  488. width:18%;display:inline-block;
  489. text-align:center;
  490. color:#666;
  491. font-size:9px;text-transform:uppercase;letter-spacing:1px;
  492. }
  493. #topbar i { margin-right:3px; }
  494.  
  495. #topbar a:hover { color:{color:accent}; }
  496. #topbar a:after {
  497. content:'';
  498. display:block;
  499. background:;
  500. height:1px;
  501. margin-bottom:-1px;
  502. width:0px;
  503. margin-top:5px;
  504. background:{color:accent};
  505. transition:0.4s ease-in-out;
  506. -webkit-transition:0.4s ease-in-out;
  507. -moz-transition:0.4s ease-in-out;
  508. }
  509.  
  510. #topbar a:hover:after {
  511. width:100%;
  512. transition:0.4s ease-in-out;
  513. -webkit-transition:0.4s ease-in-out;
  514. -moz-transition:0.4s ease-in-out;
  515.  
  516. }
  517.  
  518. .member img {
  519. float:left;
  520. border-radius:100%;
  521. margin-right:5px;
  522. border:5px solid #f8f8f8;
  523. }
  524.  
  525. .member { display:block;margin-bottom:10px;height:40px }
  526. .member:last-of-type { margin-bottom:0px; }
  527.  
  528. .social a {
  529. font-size:20px;
  530. border:1px solid #eee;
  531. border-radius:3px;
  532. padding:5px;display:inline-block;
  533. margin:2.5px;
  534. width:20px;height:20px;text-align:center;
  535. }
  536. .social a:hover { background:#fafafa; }
  537.  
  538. h7 {
  539. display:block;
  540. text-transform:uppercase;letter-spacing:1px;
  541. font-size:9px;
  542.  
  543. }
  544.  
  545. .search .query {
  546. border: 0;
  547. outline: 0;
  548. padding: 5px;
  549. font-family: inherit;
  550. width:calc(100% - 10px);
  551. font-size: inherit;
  552. color: inherit;
  553. background-color: #fafafa;
  554. }
  555.  
  556. ::-webkit-input-placeholder {color: inherit;}
  557. :-moz-placeholder {color: inherit; opacity:1;}
  558. ::-moz-placeholder {color: inherit; opacity:1;}
  559. :-ms-input-placeholder {color: inherit;}
  560.  
  561. input:focus::-webkit-input-placeholder {color: transparent;}
  562. input:focus:-moz-placeholder {color: transparent;}
  563. input:focus::-moz-placeholder {color: transparent;}
  564. input:focus:-ms-input-placeholder { color: transparent;}
  565.  
  566. .pro img {
  567. display:block;
  568. margin-bottom:10px;
  569. width:100%;
  570. }
  571. .half img {
  572. width:50%;float:left;margin-right:10px;
  573. }
  574. .pro {
  575. margin-top:10px;padding-bottom:10px;border-bottom:1px solid #eee;
  576. }
  577. .pro:first-of-type {
  578. margin-top:0;
  579. }
  580. .pro:last-of-type {
  581. border:none;
  582. }
  583. .box span {
  584. display:block;
  585. }
  586. .box span i {
  587. display:inline-block;font-style:normal;
  588. }
  589. .box span b { margin-right:5px;text-transform:uppercase;font-size:9px;letter-spacing:1px;line-height:11px;font-weight:normal; }
  590.  
  591. .aff img {
  592. width:34px;margin:2px;border-radius:100%;height:34px;
  593. }
  594.  
  595. .desc {
  596. top:50%;left:50%;position:absolute;z-index:3;transform:translate(-50%,-50%);width:250px;background:rgba(255,255,255,.95);
  597. }
  598. .desc a {
  599. border-bottom:1px solid #eee;display:block;padding:10px;text-align:center;font-weight:600;font-size:15px;color:#444;
  600. }
  601. .desc a:hover {
  602. color:{color:accent};
  603. }
  604. .d {
  605. padding:10px;text-align:center;
  606. }
  607.  
  608.  
  609. {block:TagPage} header { display:none; } {/block:TagPage}
  610. {block:SearchPage} header { display:none; } {/block:SearchPage}
  611.  
  612. .inf svg {
  613. width:10px;float:right;
  614. fill:{color:text};
  615. opacity:.8;
  616. transition:0.25s ease-in-out;
  617. -webkit-transition:0.25s ease-in-out;
  618. -moz-transition:0.25s ease-in-out;
  619. }
  620.  
  621. .button {
  622. float:right;
  623. }
  624.  
  625. .custom-like-button {
  626. position: relative;
  627. float:left;
  628. width: 20px;
  629. margin-right:5px;
  630. height: 20px;
  631. cursor: pointer;
  632. }
  633.  
  634. /* class for the Tumblr Like Button iframe */
  635. .like_button {
  636. position: absolute;
  637. top: 0;
  638. left: 0;
  639. right: 0;
  640. bottom: 0;
  641. width: 100%;
  642. height: 100%;
  643. opacity: 0;
  644. z-index: 10;
  645. }
  646. /* Force iframe to fill button */
  647. .like_button iframe {
  648. width: 100% !important;
  649. height: 100% !important;
  650. }
  651. /* class for Our Like Button */
  652. .likebttn {
  653. position: absolute;
  654. top: 0;
  655. left: 0;
  656. right: 0;
  657. bottom: 0;
  658. width: 100%;
  659. height: 100%;
  660. z-index: 1;
  661. }
  662.  
  663. .inf svg:hover {
  664. fill: #c0edcb;
  665. }
  666.  
  667. .like_button:hover + .likebttn svg,.like_button.liked + .likebttn svg {
  668. fill: #ffdbf6!IMPORTANT;
  669. }
  670.  
  671.  
  672.  
  673.  
  674. </style>
  675.  
  676. <!--scripts-->
  677.  
  678. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  679. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  680.  
  681. <script>
  682. (function($){
  683. $(document).ready(function(){
  684. $("a[title]").style_my_tooltips({
  685. tip_follows_cursor:true,
  686. tip_delay_time:30,
  687. tip_fade_speed:300,
  688. attribute:"title"
  689. });
  690. });
  691. })(jQuery);
  692. </script>
  693.  
  694. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  695. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  696. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  697. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  698.  
  699. <script>
  700. $(document).ready(function(){
  701. $('.photo-slideshow').pxuPhotoset({
  702. lightbox: true,
  703. rounded: false,
  704. gutter: '1px',
  705. borderRadius: '0px',
  706. photoset: '.photo-slideshow',
  707. photoWrap: '.photo-data',
  708. photo: '.pxu-photo'
  709. });
  710. $('iframe.tumblr_audio_player').load( function() {
  711. $('iframe.tumblr_audio_player').contents().find("head")
  712. .append($("<style type='text/css'> .audio-player{background:#fafafa !important} </style>"));
  713. });
  714. $(window).scroll(function(){
  715. if ($(this).scrollTop() > 100) {
  716. $('.sc').fadeIn();
  717. } else {
  718. $('.sc').fadeOut();
  719. }
  720. });
  721. //Click event to scroll to top
  722. $('.sc').click(function(){
  723. $('html, body').animate({scrollTop : 0},800);
  724. return false;
  725. });
  726. });
  727. </script>
  728.  
  729. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  730.  
  731. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  732. <script> $(function(){ $('.posts').unnest({
  733. yourCaption: ".caption,.cap",
  734. wrapName: ".tumblr_parent",
  735. newCaptionUsername: true,
  736. originalPostCaptionUsername: true,
  737. tumblrAvatars: true,
  738. tumblrAvatarClass: ".tumblr_avatar",
  739. usernameColon: false
  740. }); }); </script>
  741.  
  742. </head>
  743.  
  744. <body>
  745.  
  746. <div id="content">
  747.  
  748. <div id="topbar">
  749. <a href="/"><i class="fa fa-home" aria-hidden="true"></i> home</a> <a href="/ask"><i class="fa fa-envelope" aria-hidden="true"></i> message</a> <a href="/archive">
  750. <i class="fa fa-bars" aria-hidden="true"></i> history</a>
  751. {block:ifheaderlink1}<a href="{text:header link 1 url}"><i class="fa fa-cog" aria-hidden="true"></i> {text:header link 1}</a>{/block:ifheaderlink1}
  752. {block:ifheaderlink2}<a href="{text:header link 2 url}"><i class="fa fa-heart" aria-hidden="true"></i> {text:header link 2}</a>{/block:ifheaderlink2}
  753. </div>
  754.  
  755. {block:ifheader}
  756. {block:homepage}
  757. <header>
  758. <img src="{image:header}"/>
  759. {block:ifheadertext}
  760. <div class="desc">
  761. <a href="/">{Title}</a>
  762. <div class="d">{Description}</div>
  763. </div>
  764. {/block:ifheadertext}
  765. </header>
  766. {/block:homepage}
  767. {/block:ifheader}
  768.  
  769. <div class="stuff">
  770. <!--START EDITING HERE-->
  771. <!--left sidebar-->
  772. <div id="left">
  773. <!--about box: no need to edit-->
  774. {block:ifaboutbox}
  775. <div class="box">
  776. <h8>{Title}</h8>
  777. {text:welcome text}
  778. </div>
  779. {/block:ifaboutbox}
  780. <!--members box: no need to edit-->
  781. {block:ifmembersbox}
  782. <div class="box">
  783. <h8>members</h8>
  784. {block:GroupMembers}
  785. {block:GroupMember}
  786. <div class="member">
  787. <img src="{GroupMemberPortraitURL-30}"/>
  788. <a href="{GroupMemberURL}">
  789. <h7>{GroupMemberName}</h7>
  790. {GroupMemberTitle}</a>
  791. </div>
  792. {/block:GroupMember}
  793. {/block:GroupMembers}
  794. </div>
  795. {/block:ifmembersbox}
  796. <!--social media box-->
  797. {block:ifsocialmediabox}
  798. <div class="box social">
  799. <h8>social media</h8> <!--heading-->
  800. <!--
  801.  
  802. add social media like this:
  803.  
  804. <a href="LINK URL" title="HOVER TEXT"><i class="ICON HERE" aria-hidden="true"></i></a>
  805.  
  806. using http://fontawesome.io/icons/ to find icons.
  807. twitter, instagram, facebook and snapchat are already below.
  808.  
  809. -->
  810. <a href="link url" title="twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  811. <a href="link url" title="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  812. <a href="link url" title="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  813. <a href="link url" title="snapchat"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i></a>
  814.  
  815. <!--end social media-->
  816. </div>
  817. {/block:ifsocialmediabox}
  818.  
  819. <!--schedule-->
  820. {block:ifschedulebox}
  821. <div class="box">
  822. <h8>schedule</h8> <!--heading-->
  823.  
  824. <!--
  825.  
  826. add events like this:
  827.  
  828. <span><b> date </b> event name </span>
  829.  
  830. -->
  831. <span><b>01/23/45</b> event name</span>
  832. <span><b>01/23/45</b> event name</span>
  833.  
  834. <!--end schedule-->
  835. </div>
  836. {/block:ifschedulebox}
  837.  
  838. <!--affiliates-->
  839. {block:ifaffiliatesbox}
  840. <div class="box aff">
  841. <h8>affiliates</h8> <!--title-->
  842.  
  843. <!--
  844.  
  845. add affiliates like this:
  846.  
  847. <a href="LINK URL" title="NAME"><img src="IMG URL"/></a>
  848.  
  849. -->
  850.  
  851. <a href="url" title="affiliate!"><img src="img url"/></a>
  852. <a href="url" title="affiliate!"><img src="img url"/></a>
  853.  
  854.  
  855. <!--end affiliates-->
  856. </div>
  857. {/block:ifaffiliatesbox}
  858.  
  859. <!--statistics-->
  860. {block:ifstatsbox}
  861. <div class="box">
  862. <h8>stats and info</h8> <!--heading-->
  863.  
  864. <!--
  865.  
  866. add stats like this:
  867.  
  868. <span><b>heading</b> info</span>
  869.  
  870. -->
  871. <span><b>established</b> date</span>
  872. <span><b>about</b> something cool</span>
  873.  
  874. <!--end editing stats-->
  875. {block:ifonlinecounter}<span><b>online</b> <i>{text:online counter}</i></span>{/block:ifonlinecounter}
  876. {block:ifhitcounter}<span><b>hits</b> <i>{text:hit counter}</i></span>{/block:ifhitcounter}
  877. <span><b>theme</b> <a href="http://odeysseus.tumblr.com">odeysseus</a></span> <!--pls don't touch!-->
  878. </div>
  879. {/block:ifstatsbox}
  880.  
  881. <!--disclaimer: no need to edit-->
  882. {block:ifdisclaimerbox}
  883. <div class="box">
  884. <h8>disclaimer</h8>
  885. {text:disclaimer}
  886. </div>
  887. {/block:ifdisclaimerbox}
  888. </div>
  889. <!--end of left sidebar - halfway there!-->
  890.  
  891. <!--right sidebar-->
  892. <div id="right">
  893.  
  894. <!--navigation: no need to edit-->
  895. {block:ifnavigationbox}
  896. <div class="box nav">
  897. <h8>navigation</h8>
  898. {block:ifsidebarlink1}<a href="{text:sidebar link 1 url}"><i>{text:sidebar link 1}</i></a>{/block:ifsidebarlink1}
  899. {block:ifsidebarlink2}<a href="{text:sidebar link 2 url}"><i>{text:sidebar link 2}</i></a>{/block:ifsidebarlink2}
  900. {block:ifsidebarlink3}<a href="{text:sidebar link 3 url}"><i>{text:sidebar link 3}</i></a>{/block:ifsidebarlink3}
  901. {block:ifsidebarlink4}<a href="{text:sidebar link 4 url}"><i>{text:sidebar link 4}</i></a>{/block:ifsidebarlink4}
  902. {block:ifsidebarlink5}<a href="{text:sidebar link 5 url}"><i>{text:sidebar link 5}</i></a>{/block:ifsidebarlink5}
  903. {block:ifsidebarlink6}<a href="{text:sidebar link 6 url}"><i>{text:sidebar link 6}</i></a>{/block:ifsidebarlink6}
  904. </div>
  905. {/block:ifnavigationbox}
  906.  
  907. <!--search bar: no need to edit-->
  908. {block:ifsearchbar}
  909. <div class="box">
  910. <form action="/search" method="get" class="search">
  911. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search">
  912. </form>
  913. </div>
  914. {/block:ifsearchbar}
  915.  
  916. <!--projects-->
  917. {block:ifprojectsbox}
  918. <div class="box">
  919. <h8>projects</h8>
  920.  
  921. <!--
  922.  
  923. add a project with a big image like this:
  924.  
  925. <div class="pro">
  926. <img src="IMG URL"/>
  927. <span><b>name</b> NAME</span>
  928. <span><b>date</b> DATE</span>
  929. <span><b>about</b> ABOUT</span>
  930. </div>
  931.  
  932. add a project with a small image like this:
  933.  
  934. <div class="pro half">
  935. <img src="IMG URL"/>
  936. <span><b>name</b> NAME</span>
  937. <span><b>date</b> DATE</span>
  938. <span><b>about</b> ABOUT</span>
  939. </div>
  940.  
  941. -->
  942.  
  943. <div class="pro">
  944. <img src="IMG URL"/>
  945. <span><b>name</b> NAME</span>
  946. <span><b>date</b> DATE</span>
  947. <span><b>about</b> ABOUT</span>
  948. </div>
  949.  
  950. <!--end projects-->
  951. </div>
  952. {/block:ifprojectsbox}
  953. </div>
  954.  
  955. <!--end of sidebar-->
  956. <div class="entries">
  957. {block:Posts}
  958. <div class="posts" id="{PostID}">
  959.  
  960. {block:Text}
  961. <div class="q">
  962. {block:Title}<h1>{Title}</h1>{/block:Title}
  963. <div class="txt cap">{Body}</div></div>{/block:Text}
  964.  
  965. {block:Photo}
  966. <div class="q">
  967. {LinkOpenTag}<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"><img src="{PhotoURL-HighRes}" style="margin-bottom:-5px;padding:0"></a>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
  968. {/block:Photo}
  969.  
  970. {block:Photoset}<div class="q photoset"><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>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  971.  
  972.  
  973. {block:Quote}
  974. <div class="q txt">
  975. <div class="quote">{Quote}</div>
  976. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  977. </div>{/block:Quote}
  978.  
  979.  
  980. {block:Link}
  981. <div class="q txt">
  982. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  983. {block:Description}{Description}{/block:Description}
  984. </div>
  985. {/block:Link}
  986.  
  987.  
  988. {block:Chat}
  989. <div class="q txt">
  990. {block:Title}<h1>{Title}</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>
  991. </div>
  992. {/block:Chat}
  993.  
  994.  
  995. {block:Audio}
  996. <div class="q txt">
  997. {block:AudioPlayer}
  998. <div class="player"> {AudioPlayerWhite}</div>
  999. <div class="audio_d">
  1000. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  1001. {block:Artist} : {Artist} {/block:Artist}</div>
  1002. {/block:AudioPlayer}
  1003.  
  1004. {block:Caption}
  1005. <div class="caption">{Caption}</div>
  1006. {/block:Caption}
  1007. </div>
  1008. {/block:Audio}
  1009.  
  1010.  
  1011. {block:Video}
  1012. <div class="q">
  1013. <div class="video iframe">{Video-500}</div>
  1014. <div class="caption">
  1015. {block:Caption}{Caption}{/block:Caption}
  1016. </div>
  1017. </div>
  1018. {/block:Video}
  1019.  
  1020.  
  1021. {block:Answer}
  1022. <div class="q txt">
  1023. <div class="question"> <div class="asker"><img src="{AskerPortraitURL-30}"/> {asker}</div> {Question}</div><br>
  1024. <div class="answer">
  1025. {Answer}</div>
  1026. </div>
  1027. {/block:Answer}
  1028.  
  1029. {block:date}
  1030. <div class="inf">
  1031.  
  1032. <div class="button">
  1033. <div class="custom-like-button">
  1034. <div class="like_button">
  1035. {LikeButton}
  1036. </div>
  1037. <span class="likebttn">
  1038. <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>
  1039.  
  1040. </span>
  1041. </div>
  1042.  
  1043. <a href="{ReblogURL}" target="_blank">
  1044. <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>
  1045. </a>
  1046. </div>
  1047.  
  1048.  
  1049.  
  1050. {block:indexpage}
  1051.  
  1052. <a href="{Permalink}">{DayOfWeek} : {NoteCountWithLabel}</a>
  1053.  
  1054.  
  1055. {block:ifshowtags}
  1056. {block:HasTags}
  1057. <div class="tags">
  1058. {block:Tags}
  1059. <a href="{TagURL}">#{Tag}</a>
  1060. {/block:Tags}
  1061. </div>
  1062. {/block:HasTags}{/block:ifshowtags} {/block:indexpage}
  1063.  
  1064.  
  1065. {block:PermalinkPage}<a href="{Permalink}">{DayOfWeek} : {TimeAgo} : {NoteCountWithLabel}</a>
  1066. {block:RebloggedFrom} <br>
  1067. via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}; source <a href="{ReblogRootURL}" >{ReblogRootName}</a>
  1068. {/block:ContentSource}
  1069. {/block:RebloggedFrom}
  1070. {block:HasTags}<br>
  1071. <div class="tags">
  1072. {block:Tags}
  1073. <a href="{TagURL}">#{Tag}</a>
  1074. {/block:Tags}
  1075. </div>
  1076. {/block:HasTags}
  1077. {/block:PermalinkPage}
  1078. </div>
  1079. {/block:date}
  1080.  
  1081.  
  1082. {block:PostNotes}
  1083.  
  1084. {PostNotes}
  1085. {/block:PostNotes}
  1086.  
  1087.  
  1088.  
  1089. </div>
  1090.  
  1091.  
  1092.  
  1093.  
  1094. {/block:Posts}
  1095.  
  1096.  
  1097. </div>
  1098. {block:ifloadmore}{block:indexpage}
  1099. <footer>
  1100. <a id="more" style="cursor:help">load more posts</a>
  1101. </footer>
  1102. {/block:indexpage}{/block:ifloadmore}
  1103. {block:Pagination}
  1104. <div id="pagination">
  1105. {block:previouspage}
  1106. <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  1107. {block:JumpPagination length="4"}{block:CurrentPage}
  1108. <span class="current_page">{PageNumber}</span>
  1109. {/block:CurrentPage}{block:JumpPage}
  1110.  
  1111. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1112. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  1113. <a class="next" href="{NextPage}">next</a>
  1114. {/block:nextpage}
  1115. </div>
  1116. {/block:Pagination}
  1117. </div>
  1118. </div>
  1119.  
  1120. {block:ContentSource}
  1121.  
  1122. <!– {SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}”
  1123.  
  1124. width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” />
  1125.  
  1126. {/block:SourceLogo}
  1127.  
  1128. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  1129.  
  1130. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1131.  
  1132. <div id="cred"><a href="http://odeysseus.tumblr.com">O</a></div>
  1133. {block:ifscrolltotop}
  1134. <div class="sc"> <a href="#">scroll to top</a></div>
  1135. {/block:ifscrolltotop}
  1136.  
  1137. {block:indexpage}{block:ifinfinitescroll}
  1138. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1139. {/block:ifinfinitescroll}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>{/block:indexpage}
  1140.  
  1141. <script>
  1142. $(document).ready(function(){
  1143. var $container = $('.entries');
  1144. {block:ifinfinitescroll}
  1145. $container.infinitescroll({
  1146. itemSelector: '.posts',
  1147. navSelector: '#pagination',
  1148. nextSelector: '.next',
  1149. loadingImg: '',
  1150. loadingText: '',
  1151. doneText: 'no more posts',
  1152. bufferPx: 2000,
  1153. {block:ifloadmore}
  1154. errorCallback: function () {
  1155. jQuery ('a#more').delay(50).fadeOut();
  1156. $('.posts').last().after($('a#more'));
  1157. }
  1158. {/block:ifloadmore}
  1159. },
  1160. function( newElements ) {
  1161. var $newElems = $( newElements );
  1162. $newElems.find('.photo-slideshow').pxuPhotoset({
  1163. lightbox: true,
  1164. rounded: false,
  1165. gutter: '1px',
  1166. photoset: '.photo-slideshow',
  1167. photoWrap: '.photo-data',
  1168. photo: '.pxu-photo'
  1169. })
  1170. resizeVideos();
  1171. $newElems.unnest({
  1172. yourCaption: ".caption,.cap",
  1173. wrapName: ".tumblr_parent",
  1174. newCaptionUsername: true,
  1175. originalPostCaptionUsername: true,
  1176. tumblrAvatars: true,
  1177. tumblrAvatarClass: ".tumblr_avatar",
  1178. usernameColon: false
  1179. });
  1180. $newElems.find('iframe.tumblr_audio_player').load( function() {
  1181. $('iframe.tumblr_audio_player').contents().find("head")
  1182. .append($("<style type='text/css'> .audio-player{background:#fafafa !important} </style>"));
  1183. });
  1184. var $newElems = $(newElements);
  1185. var $newElemsIDs = $newElems.map(function(){
  1186. return this.id;
  1187. }).get();
  1188. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1189. });
  1190.  
  1191. {block:ifloadmore}
  1192. $(window).unbind('.infscr');
  1193. $('a#more').click(function(){
  1194. $container.infinitescroll('retrieve');return false;
  1195. $('.posts').last().after($('a#more'));
  1196. });
  1197. {/block:ifloadmore}
  1198. {/block:ifinfinitescroll}
  1199. });
  1200. </script>
  1201. </body>
  1202.  
  1203. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!