axiumthemes

theme 15 - lady love

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