axiumthemes

theme 16 - cruel blue

Mar 31st, 2018
752
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.42 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!----------------------------------------------------------------------
  3.  
  4. THEME #16 /// CRUEL BLUE
  5. by WOLFTHEMES
  6.  
  7. rules:
  8. 1. do not claim as your own
  9. 2. if you want to use any part
  10. of the code in your own theme
  11. please ask
  12. 3. don't remove the credit
  13. 4. enjoy :)
  14.  
  15.  
  16. Credit:
  17. dashboard captions - neothm.com & magnusthemes.tumblr.com
  18. resize - shythemes.tumblr.com
  19. preset icon image - canaries.tumblr.com
  20. icons - saturnthms.com
  21.  
  22. -----------------------------------------------------------------------
  23.  
  24.  
  25. ----------------------------------------------------------------------->
  26. <html>
  27.  
  28. <head>
  29. <title>{Title}</title>
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}" />
  34. {/block:Description}
  35.  
  36.  
  37. <meta name="image:icon" content="https://i.imgur.com/8Rld0Vc.png"/>
  38. <meta name="color:background" content="#fff"/>
  39. <meta name="color:etc background" content="#f9f9f9"/>
  40. <meta name="color:borders" content="#eee"/>
  41. <meta name="color:text" content="#676767"/>
  42. <meta name="color:links" content="#aaa"/>
  43. <meta name="color:accent" content="#aecbcc"/>
  44.  
  45. <meta name="if:mini cursor" content="">
  46. <meta name="if:captions" content="">
  47. <meta name="if:tags" content="">
  48.  
  49. <meta name="text:title" content="the sea is cruel"/>
  50. <meta name="text:description" content="“Just like the wolves, the more I am wounded, the more dangerous I become.” - Channing M"/>
  51. <meta name="text:link 1 url" content="/"/>
  52. <meta name="text:link 1" content="link 1"/>
  53. <meta name="text:link 2 url" content="/"/>
  54. <meta name="text:link 2" content="link 2"/>
  55. <meta name="text:link 3 url" content="/"/>
  56. <meta name="text:link 3" content="link 3"/>
  57. <meta name="text:link 4 url" content="/"/>
  58. <meta name="text:link 4" content="link 4"/>
  59. <meta name="text:link 5 url" content="/"/>
  60. <meta name="text:link 5" content="link 5"/>
  61. <meta name="text:post size" content="400px"/>
  62. <meta name="text:font size" content="11px"/>
  63.  
  64.  
  65. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
  66. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  67. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  68.  
  69. </head>
  70.  
  71. <style type="text/css">
  72.  
  73.  
  74. /*-------------- SCROLLBAR ----------------*/
  75. ::-webkit-scrollbar {
  76. width:17px;
  77. height:17px;
  78. }
  79. ::-webkit-scrollbar {
  80. background-color:{color:background};
  81. }
  82. ::-webkit-scrollbar-track {
  83. border: 8px solid {color:background};
  84. background-color:{color:borders};
  85. }
  86. ::-webkit-scrollbar-thumb {
  87. border:8px solid {color:background};
  88. background-color:{color:accent};
  89. min-height:24px;
  90. min-width:24px;
  91. }
  92. /*-------------- TOOLTIP ----------------*/
  93.  
  94. #s-m-t-tooltip {
  95. max-width:300px;
  96. padding:3px 6px 3px 6px;
  97. margin:20px 20px 10px 6px;
  98. font-family: 'Karla', sans-serif;
  99. font-size:calc({text:font size} - 1px);
  100. background: {color:accent};
  101. font-weight: 400;
  102. text-transform: uppercase;
  103. color:#fff;
  104. border-radius: 3px;
  105. z-index:9999999;}
  106.  
  107. ::selection {
  108. background: {color:accent}; /* WebKit/Blink Browsers */
  109. color: #000;
  110. }
  111. ::-moz-selection {
  112. background: {color:accent}; /* Gecko Browsers */
  113. color: #000;
  114. }
  115.  
  116.  
  117. /*-------------- BASIC HTML ----------------*/
  118.  
  119.  
  120. html {
  121. overflow-x:hidden;
  122. background: {color:background};
  123. }
  124.  
  125. {block:ifminicursor}
  126. html {
  127. cursor: url(http://www.rw-designer.com/cursor-extern.php?id=27887), progress !important;
  128. }
  129.  
  130.  
  131. a:hover, img:hover {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=77322), progress !important;
  132. }{/block:ifminicursor}
  133.  
  134. body {
  135. font-size:{text:font size};
  136. color:{color:text};
  137. font-family: 'Roboto', sans-serif;
  138. }
  139.  
  140. hr {
  141. border: none;
  142. height: 1px;
  143. background: {color:borders};
  144. }
  145.  
  146. a {
  147. text-decoration: none;
  148. color: {color:links};
  149. -webkit-transition: all ease 0.8s;
  150. -moz-transition: all ease 0.8s;
  151. transition: all ease 0.8s;
  152. }
  153.  
  154. a:hover, a:active, {
  155. color:{color:accent};
  156. -webkit-transition: all ease 0.8s;
  157. -moz-transition: all ease 0.8s;
  158. transition: all ease 0.8s;
  159. }
  160.  
  161. b {
  162. color: {color:accent};
  163. }
  164.  
  165.  
  166. /*------------------------------------------*/
  167.  
  168. iframe.tmblr-iframe {
  169. z-index:9!important;
  170. top: 7px;
  171. right: 30px;
  172. opacity:0.2;
  173. /* delete invert(1) from here */
  174. filter:invert(1) contrast(150%);
  175. -webkit-filter:invert(1) contrast(150%);
  176. -o-filter:invert(1) contrast(150%);
  177. -moz-filter:invert(1) contrast(150%);
  178. -ms-filter:invert(1) contrast(150%);
  179. /* to here if your blog has a dark background */
  180. transform:scale(0.65);
  181. transform-origin:100% 0;
  182. -webkit-transform:scale(0.65);
  183. -webkit-transform-origin:100% 0;
  184. -o-transform:scale(0.65);
  185. -o-transform-origin:100% 0;
  186. -moz-transform:scale(0.65);
  187. -moz-transform-origin:100% 0;
  188. -ms-transform:scale(0.65);
  189. -ms-transform-origin:100% 0;}
  190.  
  191. iframe.tmblr-iframe:hover {
  192. opacity:0.8!important;
  193. -webkit-transition: all ease 0.8s;
  194. -moz-transition: all ease 0.8s;
  195. transition: all ease 0.8s;}
  196.  
  197. /*------------------------------------------*/
  198.  
  199. #sidebar {
  200. height:100vh;
  201. position: fixed;
  202. top: 0;
  203. left: 0;
  204. width: 30vw;
  205. background: {color:accent};
  206. color: #fff;
  207. }
  208.  
  209. img.icon {
  210. width: 75px;
  211. height: 75px;
  212. position: absolute;
  213. top: 70px;
  214. left: 20px;
  215. border-radius: 100%;
  216. }
  217.  
  218. .name {
  219. text-transform: uppercase;
  220. font-style: italic;
  221. width: calc(30vw - (75px + 20px + 20px));
  222. position: absolute;
  223. left: calc(75px + 20px + 10px);
  224. top: calc(70px + (75px/2) - (15px/2));
  225. font-size: 15px;
  226. font-family: 'Raleway', sans-serif;
  227. }
  228.  
  229. .desc {
  230. width: calc(30vw - (75px + 20px + 20px));
  231. position: absolute;
  232. left: calc(75px + 20px + 10px);
  233. top: calc(130px);
  234. font-family: 'Raleway', sans-serif;
  235. }
  236.  
  237. .links {
  238. text-align: right;
  239. font-size: 15px;
  240. font-style: italic;
  241. text-transform: uppercase;
  242. position: absolute;
  243. bottom: 50px;
  244. right: 10px;
  245. letter-spacing: 4px;
  246. }
  247.  
  248. .links a {
  249. display: block;
  250. padding: 5px;
  251. color: #fff;
  252. }
  253.  
  254. .links a:hover {
  255. color:{color:text};
  256. }
  257.  
  258. /*------------------------------------------*/
  259.  
  260. #pagination {
  261. word-spacing: 10px;
  262. width: 30vw;
  263. text-align: center;
  264. font-size: 9px;
  265. position: absolute;
  266. bottom: 10px;
  267. text-transform: uppercase;
  268. }
  269.  
  270. #pagination a {
  271. font-size: 11px;
  272. color:#fff;
  273. }
  274.  
  275. #pagination a.current {
  276. font-weight: 900;
  277. }
  278.  
  279. #pagination a:hover {
  280. color: {color:text};
  281. }
  282.  
  283.  
  284. /*------------------------------------------*/
  285.  
  286. #thecontainer {
  287. width:{text:post size};
  288. position:absolute;
  289. top: 10%;
  290. left: calc(30vw + 35vw - ({text:post size}/2));
  291. }
  292.  
  293. .posts {
  294. width: {text:post size}!important;
  295. font-size:{text:font size};
  296. margin-top: 90px;
  297. background: {color:etc background};
  298. border: 1px solid {color:borders};
  299. }
  300.  
  301. .posts:first-child {
  302. margin-top: 0;
  303. }
  304.  
  305. .posts a {
  306. color: {color:links};
  307. }
  308.  
  309. .posts a:hover {
  310. color: {color:accent};
  311. }
  312.  
  313. .posts:last-of-type {
  314. margin-bottom: 100px;
  315. }
  316.  
  317. /*------------------------------------------*/
  318.  
  319. #captions {
  320. width: 100%;font-size:{text:font size};
  321. {block:ifnotcaptions}display:none;{/block:ifnotcaptions}
  322. {block:ifcaptions}display:initial;{/block:ifcaptions}
  323. }
  324.  
  325. .caption {
  326. background: {color:etc background};
  327. }
  328.  
  329. .caption img, .cap img, #askcaption img {
  330. margin: 0;
  331. padding: 0;
  332. }
  333.  
  334. .rebloguser:first-child {
  335. border-top: 0px;
  336. padding-top: 10px;
  337. }
  338.  
  339. .rebloguser a {
  340. margin-left: 10px;
  341. font-family: 'Raleway', sans-serif;
  342. font-weight: 400;
  343. color: {color:accent};
  344. font-style: italic;
  345. margin-bottom: 3px;
  346. margin-top: 5px;
  347. }
  348.  
  349. .rebloguser a:hover {
  350. color: {color:links};
  351. }
  352.  
  353. img.avatar {
  354. display:none;}
  355.  
  356. .cap {padding:2px 10px;}
  357.  
  358. .cap a {
  359. text-decoration: underline;
  360. }
  361.  
  362. .cap blockquote {
  363. margin-left: 0;
  364. padding-left: 10px;
  365. border-left: 1px solid {color:accent};
  366. }
  367.  
  368. /*------------------------------------------*/
  369.  
  370. .postinfo {
  371. width: 70px;
  372. position: absolute;
  373. right: -90px;
  374. border-top: 1px solid {color:borders};
  375. padding-top: 5px;
  376. opacity:0;
  377. -webkit-transition: all ease 1s;
  378. -moz-transition: all ease 1s;
  379. transition: all ease 1s;
  380. }
  381.  
  382. .postinfo a.date b {
  383. text-transform: uppercase;font-size:calc({text:font size} + 6px);
  384. font-weight: 900;
  385. font-family:'Roboto', sans-serif;
  386. }
  387.  
  388. .postinfo a.reblog, .postinfo a.notes, .postinfo a.date {
  389. font-size:calc({text:font size} + 2px);
  390. display: block;
  391. color:{color:links};
  392. }
  393.  
  394. .postinfo a.reblog {
  395. letter-spacing: 2px;
  396. text-transform: uppercase;
  397. }
  398.  
  399. .postinfo a.notes {
  400. }
  401.  
  402. .postinfo a.date {
  403. }
  404.  
  405. .postinfo a.date:hover, .postinfo a.reblog:hover, .postinfo a.notes:hover {
  406. color: {color:accent};
  407. }
  408.  
  409. .posts:hover .postinfo {
  410. opacity:1;
  411. -webkit-transition: all ease 1s;
  412. -moz-transition: all ease 1s;
  413. transition: all ease 1s;
  414. }
  415.  
  416. .tags {
  417. {block:ifnottags}display:none;{/block:ifnottags}
  418. {block:iftags}opacity:0;{/block:iftags}
  419. margin-top: 10px;
  420. width: {text:post width};
  421. font-size:10px;
  422. line-height: 2;
  423. position: absolute;
  424. text-align: center;
  425. -webkit-transition: all ease 0.8s;
  426. -moz-transition: all ease 0.8s;
  427. transition: all ease 0.8s;
  428. }
  429.  
  430. .tags a {
  431. word-wrap:break-word;
  432. margin-right: 10px;
  433. }
  434.  
  435. .tags a:hover {
  436. color: {color:accent};
  437. }
  438. {block:ifnottags}.posts:hover .tags {
  439. display:none;
  440. }{/block:ifnottags}
  441.  
  442. {block:iftags}.posts:hover .tags {
  443. opacity:1;
  444. -webkit-transition: all ease 1s;
  445. -moz-transition: all ease 1s;
  446. transition: all ease 1s;
  447. }
  448. {/block:iftags}
  449.  
  450. .permainfo {
  451. border-top: 1px solid {color:borders};
  452. padding-top: 5px;
  453. width: {text:post width};
  454. background: transparent;
  455. margin-top: 50px;
  456. font-size:{text:font size};
  457. text-transform: uppercase;
  458. }
  459.  
  460. .permainfo .data, .permainfo .notess, .permainfo .src, .permainfo .reblgfrm {
  461. padding: 5px;
  462. }
  463.  
  464. .permainfo .src, .permainfo .reblgfrm {
  465. display: inline;
  466. }
  467.  
  468. .permainfo .data {
  469. color:{color:accent};
  470. font-weight: 900;
  471. text-transform: uppercase;
  472. }
  473.  
  474. .permainfo .tags {
  475. opacity: 1;
  476. }
  477.  
  478. .permainfo .notess .sf {
  479. margin-right: 10px
  480. color: {color:accent};
  481. }
  482.  
  483. .permainfo .tags {
  484. font-size:{text:font size};
  485. margin-top: 0px;
  486. padding: 5px;
  487. line-height: 1.5;
  488. }
  489.  
  490. .permainfo .tags a {
  491. background: transparent;
  492. border: none;
  493. margin-right: 3px;
  494. color: {color:links};
  495. }
  496.  
  497. .permainfo .tags a::after {
  498. content:',';
  499. }
  500.  
  501. .permainfo .tags a:hover {
  502. background: transparent;
  503. border: none;
  504. color: {color:accent};
  505. }
  506.  
  507. .permainfo a:hover {
  508. color: {color:accent};
  509. }
  510.  
  511. /*------------------------------------------*/
  512.  
  513. .tmblr-lightbox, #tumblr_lightbox {
  514. background-color:rgba(245,245,245,.80) !important;
  515. }
  516. .vignette, #vignette {
  517. opacity:0;
  518. }
  519. .lightbox-image, #tumblr_lightbox img {
  520. box-shadow:none !important;
  521. border-radius:0 !important;
  522. max-width:none;
  523. }
  524.  
  525. /*------------------------------------------*/
  526.  
  527. .posttitle {
  528. border-bottom: 1px solid {color:borders};
  529. color: {color:text};
  530. padding: 10px;
  531. font-weight: 800;
  532. background: {color:background};
  533. text-align: center;
  534. font-size: 13px;
  535. text-transform: capitalize;
  536. font-family: 'Raleway', sans-serif;
  537. }
  538. /*------------------------------------------*/
  539.  
  540. .question {
  541. color: {color:text};
  542. }
  543.  
  544.  
  545. .askbox {
  546. z-index:7;
  547. background:{color:etc background};
  548. padding: 15px;
  549. border-bottom: 1px solid {color:borders};
  550. width: calc({text: post width} - 30px);
  551. }
  552.  
  553. .ask {
  554. text-transform: uppercase;
  555. font-size: 10px;
  556. font-weight: 300;
  557. font-family: 'Raleway', sans-serif;
  558. }
  559.  
  560.  
  561. .ask a {
  562. font-weight: 700px;
  563. color: {color:accent}!important;
  564. }
  565.  
  566. .ask a:hover {
  567. color:{color:links};
  568. }
  569.  
  570. #askcaption {
  571. padding: 10px;
  572. margin: 5px;
  573. }
  574.  
  575. .answerer {
  576. font-family: 'Karla', sans-serif;
  577. }
  578.  
  579. /*------------------------------------------*/
  580.  
  581. .quote {
  582. width: calc({text:post size} - 40px);
  583. font-family: 'Roboto', sans-serif;
  584. font-weight: 300;
  585. font-style: italic;
  586. text-align: justify;
  587. font-size:13px;
  588. padding: 10px 20px 10px 20px;
  589. background: {color:etc background};
  590. border-bottom: 1px solid {color:borders};
  591. }
  592.  
  593. .sourceq {
  594. font-size: 11px;
  595. text-align:right;
  596. padding: 10px;
  597. background: #fff;
  598. text-transform: capitalize;
  599. }
  600.  
  601. /*------------------------------------------*/
  602.  
  603. .chats ul li, .chats ol li {
  604. list-style-type: none;
  605. padding: 0px;
  606. margin: 0; line-height: 2em;
  607. background:{color:background};
  608. font-family: 'Karla', sans-serif;
  609. }
  610.  
  611. li .line:nth-of-type(odd) {
  612. background: {color:etc background};
  613. }
  614.  
  615. li .line b {
  616. padding-right: 5px;
  617. }
  618.  
  619.  
  620. /*------------------------------------------*/
  621.  
  622. .audio {
  623. width: {text:post width};
  624. }
  625.  
  626. .tumblr_audio_player {
  627. border-radius: 0 !important;
  628. width: {text:post width}!important;
  629. }
  630.  
  631. .spotify_audio_player {
  632. width: {text:post width};
  633. height: 80px !important;
  634.  
  635. }
  636.  
  637. /*------------------------------------------*/
  638.  
  639. .permalinks {
  640. color: {color:text};
  641. width: {text:post width};
  642. max-height: 400px;
  643. overflow-y:scroll;
  644. overflow-x:hidden;
  645. margin-top: 50px;
  646. margin-bottom: 100px;
  647. text-align: left;
  648. }
  649.  
  650. .permalinks ol li {
  651. list-style-type:none;
  652. margin:0;
  653. padding: 0;
  654. line-height: 2;
  655. }
  656.  
  657. .permalinks li {
  658. margin-bottom: 15px;
  659. }
  660.  
  661. .permalinks a {
  662. color:{color:links};
  663. }
  664.  
  665. .permalinks a:hover {
  666. color: {color:accent}!important;
  667. }
  668.  
  669. .permalinks img {
  670. display:none;
  671. height: 12px;
  672. width:12px;
  673. float:left;
  674. margin-top: 10px;
  675. margin-right: 10px;
  676. border-radius: 100%;
  677. }
  678.  
  679.  
  680. /*------------------------------------------*/
  681.  
  682. .goldbar input{outline:none;border:0;padding:0;}
  683. .goldbar{
  684. width:calc(100% - 60px);
  685. background:transparent;
  686. position: absolute;
  687. right: 15px;
  688. font-size: 10px;
  689. margin: 5px 10px 5px 10px;
  690. padding: 8px;
  691. border-bottom: 1px solid #fff;
  692.  
  693. }
  694. .goldbar .sf{
  695. margin-right: 18px;
  696. color: #fff;
  697. }
  698. .goldbar input[type=text]{
  699. letter-spacing: 8px;
  700. background:transparent;
  701. text-transform: uppercase;
  702. font-family: 'Karla', sans-serif;
  703. color:#fff;}
  704. input::-webkit-input-placeholder{
  705. color:#fff;}
  706. input::-moz-placeholder{
  707. color:#fff;}
  708. input:-moz-placeholder{
  709. color:#fff;}
  710. input:-ms-input-placeholder{
  711. color:#fff;}
  712.  
  713. /*------------------------------------------*/
  714.  
  715. .topclick .sf {
  716. display:none;
  717. color: {color:links};
  718. padding: 6px 6px 4px 6px;
  719. background: {color:etc background};
  720. border: 1px solid {color:borders};
  721. position: fixed;
  722. bottom: 40px;
  723. right: 10px;
  724. font-size: 10px;
  725. border-radius: 4px;
  726. }
  727.  
  728. .topclick .sf:hover {
  729. background: {color:accent};
  730. color: {color:etc background};
  731. -webkit-transition: all ease 0.8s;
  732. -moz-transition: all ease 0.8s;
  733. transition: all ease 0.8s;
  734. }
  735.  
  736. .credit .sf {
  737. color: {color:links};
  738. padding: 6px 6px 3px 6px;
  739. background: {color:etc background};
  740. border: 1px solid {color:borders};
  741. position: fixed;
  742. bottom: 10px;
  743. right: 10px;
  744. font-size: 10px;
  745. border-radius: 4px;
  746. }
  747.  
  748. .credit .sf:hover {
  749. background: {color:accent};
  750. color: {color:etc background};
  751. -webkit-transition: all ease 0.8s;
  752. -moz-transition: all ease 0.8s;
  753. transition: all ease 0.8s;
  754. }
  755.  
  756. </style>
  757.  
  758.  
  759. <body>
  760.  
  761.  
  762. <div id="sidebar">
  763. <form class="goldbar" action="/search" method="get"><span class="sf sf-search-o"></span><input type="text" name="q" placeholder="Search..." value=""/></form>
  764. <img src="{image:icon}" class="icon"/>
  765. <div class="name">{text:title}</div>
  766. <div class="desc">{text:description}</div>
  767. <div class="links">
  768. <a href="/">home</a>
  769. <a href="/ask">ask</a>
  770. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  771. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  772. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  773. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  774. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  775. </div>
  776. {block:IndexPage}
  777. {block:Pagination}
  778. <div id="pagination">
  779. {block:previouspage}
  780. <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  781. {block:JumpPagination length="5"}{block:CurrentPage}
  782. <span class="current_page">{PageNumber}</span>
  783. {/block:CurrentPage}{block:JumpPage}
  784.  
  785. <a class="jump_page" href="{URL}">{PageNumber}</a>
  786. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  787. <a class="next" href="{NextPage}">next</a>
  788. {/block:nextpage}
  789. </div>
  790. {/block:Pagination}
  791. {/block:IndexPage}
  792. </div>
  793.  
  794.  
  795. <div id="thecontainer">
  796.  
  797.  
  798. {block:Posts}
  799.  
  800.  
  801. <div class="posts" id="{PostID}">
  802.  
  803. {block:IndexPage}<div class="postinfo">
  804. {block:Date}<a class="date"><b>{ShortDayOfWeek}</b></a>{/block:Date}
  805. {block:NoteCount}<a class="notes" href="{Permalink}" title="notes">{NoteCount}N</a>{/block:NoteCount}
  806. <a class="reblog" href="{ReblogURL}" title="reblog">reblog</a>
  807. </div>{/block:IndexPage}
  808.  
  809.  
  810.  
  811. {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{/block:Text}
  812.  
  813. {block:Photo}<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">
  814. <img style="width:{text:post size};" src="{PhotoURL-HighRes}">
  815. </a>{/block:Photo}
  816.  
  817. {block: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:Photoset}
  818.  
  819. {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{/block:Chat}
  820.  
  821. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  822.  
  823. {block:Audio}<div class="audio spotify_audio_player">{AudioEmbed}</div>{/block:Audio}
  824.  
  825. {block:Link}<div class="posttitle"><a href="{URL}">{Name}</a></div>{/block:Link}
  826.  
  827. {block:Quote}
  828. <div class="quote">{Quote}</div>
  829. {/block:Quote}
  830.  
  831.  
  832. <!----{block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}"></a>{/block:ContentSource}
  833. {block:RebloggedFrom}<div class="reblgfrm"><a href="{ReblogParentURL}" title="{ReblogParentName}">{ReblogParentName}</a></div>{/block:RebloggedFrom}---->
  834.  
  835.  
  836.  
  837. <div id="captions">
  838.  
  839. {block:Answer}
  840. <div class="question"><div class="askbox"><div class="ask"> {Asker} asked:</div><div class="quest">{Question}</div></div>
  841. <div id="askcaption">
  842. <div class="answer">{block:Answerer}<div class="answerer">{Answerer} said:</div> {/block:Answerer}<div class="answ">{Answer}</div></div></div></div>
  843. {/block:Answer}
  844.  
  845. {block:Text}<div class="caption">
  846. {block:Reblogs}
  847. <div class="rebloguser">
  848. {block:IsNotOriginalEntry}
  849. <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
  850. {/block:IsNotOriginalEntry}
  851. {block:IsOriginalEntry}
  852. <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
  853. {/block:IsOriginalEntry}
  854. </div>
  855. <div class="cap">
  856. {Body}
  857. </div>
  858. {/block:Reblogs}
  859. {block:NotReblog}
  860. <div class="cap">
  861. {Body}
  862. </div>
  863. {/block:NotReblog}</div>
  864. {/block:Text}
  865.  
  866. {block:Photo}
  867. <div class="caption">
  868. {block:Reblogs}
  869. <div class="rebloguser">
  870. {block:IsNotOriginalEntry}
  871. <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
  872. {/block:IsNotOriginalEntry}
  873. {block:IsOriginalEntry}
  874. <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
  875. {/block:IsOriginalEntry}
  876. </div>
  877. <div class="cap">
  878. {Body}
  879. </div>
  880. {/block:Reblogs}
  881. {block:NotReblog}
  882. {block:Caption}
  883. <div class="cap">
  884. {Caption}
  885. </div>
  886. {/block:Caption}
  887. {/block:NotReblog}</div>
  888. {/block:Photo}
  889.  
  890. {block:Photoset}
  891. <div class="caption">
  892. {block:Reblogs}
  893. <div class="rebloguser">
  894. {block:IsNotOriginalEntry}
  895. <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
  896. {/block:IsNotOriginalEntry}
  897. {block:IsOriginalEntry}
  898. <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
  899. {/block:IsOriginalEntry}
  900. </div>
  901. <div class="cap">
  902. {Body}
  903. </div>
  904. {/block:Reblogs}
  905. {block:NotReblog}
  906. {block:Caption}
  907. <div class="cap">
  908. {Caption}
  909. </div>
  910. {/block:Caption}
  911. {/block:NotReblog}</div>
  912. {/block:Photoset}
  913.  
  914. {block:Video}
  915. <div class="caption">
  916. {block:Reblogs}
  917. <div class="rebloguser">
  918. {block:IsNotOriginalEntry}
  919. <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
  920. {/block:IsNotOriginalEntry}
  921. {block:IsOriginalEntry}
  922. <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
  923. {/block:IsOriginalEntry}
  924. </div>
  925. <div class="cap">
  926. {Body}
  927. </div>
  928. {/block:Reblogs}
  929. {block:NotReblog}
  930. {block:Caption}
  931. <div class="cap">
  932. {Caption}
  933. </div>
  934. {/block:Caption}
  935. {/block:NotReblog}</div>
  936. {/block:Video}
  937.  
  938. {block:Audio}
  939. <div class="caption">
  940. {block:Reblogs}
  941. <div class="rebloguser">
  942. {block:IsNotOriginalEntry}
  943. <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
  944. {/block:IsNotOriginalEntry}
  945. {block:IsOriginalEntry}
  946. <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" /> {Username}</a>
  947. {/block:IsOriginalEntry}
  948. </div>
  949. <div class="cap">
  950. {Body}
  951. </div>
  952. {/block:Reblogs}
  953. {block:NotReblog}
  954. {block:Caption}
  955. <div class="cap">
  956. {Caption}
  957. </div>
  958. {/block:Caption}
  959. {/block:NotReblog}</div>
  960. {/block:Audio}
  961.  
  962. {block:Quote}
  963. <div class="caption">
  964. {block:Reblogs}
  965. <div class="sourceq">{Source}</div>
  966. {/block:Reblogs}
  967. {block:NotReblog}
  968. <div class="sourceq">{Source}</div>
  969. {/block:NotReblog}</div>
  970. {/block:Quote}
  971.  
  972. {block:Link}<div class="caption">{block:Description}<div class="cap">{Description}</div>{/block:Description}</div>{/block:Link}
  973.  
  974. {block:Chat}<div class="chats">
  975. <ol>{block:Lines}<li class="lines">{block:Label}<b>{Label}</b>{/block:Label}{Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  976.  
  977.  
  978. </div>
  979.  
  980. {block:IndexPage}
  981. {block:HasTags}
  982. <div class="tags">
  983. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  984. </div>{/block:HasTags}
  985. {/block:IndexPage}
  986.  
  987. </div>
  988.  
  989.  
  990.  
  991. {block:PermalinkPage}
  992. <div class="permainfo">
  993. {block:Date}<div class="data">{Month} {DayOfMonthWithZero} {Year}.</div>{/block:Date}
  994. {block:NoteCount}<div class="notess">{NoteCountWithLabel} </div>{/block:NoteCount}
  995. {block:ContentSource}<div class="src">via <a href="{SourceURL}" title="">{SourceTitle}</a></div>{/block:ContentSource}
  996. {block:RebloggedFrom}<div class="reblgfrm">from <a href="{ReblogParentURL}">{ReblogParentName}</a></div>{/block:RebloggedFrom}
  997.  
  998. {block:HasTags}
  999. <div class="tags">
  1000. tagged: {block:Tags}<a href="{TagURL}" title="{Tag}">#{Tag}</a>{/block:Tags}
  1001. </div>
  1002. {/block:HasTags}
  1003.  
  1004. {block:PostNotes}<div class="permalinks">
  1005. {PostNotes-16}<br>
  1006. </div>{/block:PostNotes}</div>
  1007.  
  1008. {/block:PermalinkPage}
  1009.  
  1010.  
  1011.  
  1012. {/block:Posts}
  1013.  
  1014.  
  1015.  
  1016.  
  1017. </div>
  1018.  
  1019.  
  1020.  
  1021. <div class="topclick"><a href="#top"><span class="sf sf-chevron-up"></span></a></div>
  1022.  
  1023.  
  1024. <!----------------------if you remove this ill find you and hunt you like a wolf------------------------------>
  1025. <div class="credit"><a href="http://wolfthemes.tumblr.com" title="wolfthemes"><span class="sf sf-fox-o"></span></a></div>
  1026. <!----------------------if you remove this ill find you and hunt you like a wolf------------------------------>
  1027.  
  1028. </body>
  1029.  
  1030.  
  1031. <script type="text/javascript"> $(window).scroll(function(){
  1032. if ($(this).scrollTop() > 600) {
  1033. $('.topclick .sf').fadeIn();
  1034. } else {
  1035. $('.topclick .sf').fadeOut();
  1036. }
  1037. });
  1038. </script>
  1039.  
  1040. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1041. <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  1042. <script>
  1043. (function($){
  1044. $(document).ready(function(){
  1045. $('[title]').style_my_tooltips({
  1046. tip_follows_cursor:true,
  1047. tip_delay_time:90,
  1048. tip_fade_speed:700,
  1049. attribute:'title'
  1050. });
  1051. });
  1052. })(jQuery);
  1053. </script>
  1054.  
  1055. <script>$(document).ready(function(){ $("a[href='#top']").click(function() { $('html, body').animate({ scrollTop: 0 }, 'slow'); return false; }); });</script>
  1056.  
  1057. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1058. <script>
  1059. !function(a){a.fn.unnest=function(b){var d,e,f,g,h,c=a.extend({yourCaption:".cap",wrapName:".rebloguser",newCaptionUsername:!1,originalPostCaptionUsername:!1,tumblrAvatarClass:".avtar",tumblrAvatars:!0,usernameColon:!0},b),i=c.wrapName.slice(1,c.wrapName.length),j=c.tumblrAvatarClass.slice(1,c.tumblrAvatarClass.length);a(c.yourCaption,this).each(function(){var b=!1,k=!1;a("a.tumblr_blog",this).length<=0&&(b=!0),a(this).find("blockquote").each(function(){a(this).prev().children(".tumblr_blog").length>0&&(a(this).addClass(i),d=a(this).parent().find("a.tumblr_blog").parent("p").html(),c.usernameColon||(d=d.slice(0,-1))),a(this).hasClass(i)&&(a(this).prepend(d),c.tumblrAvatars&&(g=a(this).prev().children("a.tumblr_blog").text(),a(this).prepend('<img src="http://api.tumblr.com/v2/blog/'+g+'.tumblr.com/avatar/30" class="'+j+'" />')))}),a(this).find("a.tumblr_blog:first-of-type").parent("p").remove(),a(c.wrapName,this).each(function(){a(this).parents(c.yourCaption).prepend(a(this))}),h=window.location.hostname;var l=a(this);a.getScript("http://"+h+"/api/read/json").complete(function(){e=l.contents(":not("+c.wrapName+")"),e.text().replace(/\s/g,"").length>0&&(k=l.clone().find(c.wrapName).remove().end().html(),e.remove(),c.newCaptionUsername||b?(f='<blockquote class="'+i+'">',c.tumblrAvatars&&(!b||b&&c.originalPostCaptionUsername)&&(f+='<img src="http://api.tumblr.com/v2/blog/'+h+'/avatar/30" class="'+j+'" />'),(!b||b&&c.originalPostCaptionUsername)&&(f+='<a class="tumblr_blog" href="/">'),(!b||b&&c.originalPostCaptionUsername)&&("undefined"!=typeof tumblr_api_read&&(h=tumblr_api_read.tumblelog.name),console.info(h),f+=h+"</a><p>"),f+=k+"</blockquote>",l.append(f)):l.append('<blockquote class="'+i+'">'+k+"</blockquote>"))})})}}(jQuery);
  1060. $('.caption').unnest({
  1061. yourCaption: ".cap", //your caption selector, the div wrapping
  1062. wrapName: ".rebloguser", //the name of the captions’ new wrapper
  1063. newCaptionUsername: true, //if the user adds a new caption, following a series of captions, show their username above the caption
  1064. originalPostCaptionUsername: true, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  1065. tumblrAvatars: false, //”dashboard style” caption, have the avatar of the blog next to the username
  1066. tumblrAvatarClass: ".avatar", //class of the avatar next to the username
  1067. usernameColon: false //if turned to false, removes the colon at the end of usernames bc :) seriously :) hwy :)
  1068. });
  1069. $('.caption').unnest({
  1070. newCaptionUsername: true,
  1071. tumblrAvatars: false,
  1072. usernameColon: false
  1073. });
  1074. </script>
  1075.  
  1076.  
  1077. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1078. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1079. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1080. <script>
  1081. $(document).ready(function(){
  1082. $('.photo-slideshow').pxuPhotoset({
  1083. lightbox: true,
  1084. rounded: false,
  1085. gutter: '2px',
  1086. borderRadius: '0px',
  1087. photoset: '.photo-slideshow',
  1088. photoWrap: '.photo-data',
  1089. photo: '.pxu-photo'
  1090. });
  1091. });
  1092. </script>
  1093.  
  1094. </html>
Advertisement
Add Comment
Please, Sign In to add comment