API tools faq
paste
Advertisement
gwentee

Theme 10: Dead Leaves

gwentee
Sep 18th, 2016
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.07 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. Theme #10: Dead Leaves
  4. Theme by Gwendolyn @ luhands-themes
  5. Please do NOT remove the credit
  6. You can customize theme
  7. Any questions can be directed here:
  8. sugahung.tumblr.com/ask
  9. or
  10. luhandsthemes.tumblr.com/faq
  11. PLEASE Like or Reblog
  12. I'd Love to see what you've done
  13. Original Images can be found here http://imgur.com/a/GAJEY
  14. image credit goes to: https://twitter.com/mischiefbts_com now http://www.meant-to-v.com
  15. --->
  16. <html>
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23.  
  24. <script type="text/javascript"
  25. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  26.  
  27. <meta name="color:background" content="#d4e7c0"/>
  28. <meta name="color:text" content="#2a211c"/>
  29. <meta name="color:bold" content="#f39e2d"/>
  30. <meta name="color:italic" content="#2a211c"/>
  31. <meta name="color:title" content="#94c65b"/>
  32. <meta name="color:first letter" content="#f39e2d"/>
  33. <meta name="color:menu bg" content="#2a211c"/>
  34. <meta name="color:menu links" content="#f39e2d"/>
  35. <meta name="color:menu links hover" content="#2a211c"/>
  36. <meta name="color:link" content="#f39e2d">
  37. <meta name="color:link hover" context="#f3e4dc">
  38. <meta name="color:description" context="#2a211c">
  39. <meta name="color:description bg" content="#ffffff"/>
  40. <meta name="color:post bg" content="#ffffff"/>
  41. <meta name="color:borders" content="#f39e2d"/>
  42. <meta name="color:scrollbar" content="#2a211c">
  43. <meta name="color:scrollbar bg" content="#ecf2c1">
  44. <meta name="color:chat 1" content="#94c65b"/>
  45. <meta name="color:chat 2" content="#f3e4dc"/>
  46.  
  47. <meta name="image:sidebar img" content="http://i.imgur.com/wqL6q7o.jpg"/>
  48. <meta name="image:bg" content=""/>
  49.  
  50. <meta name="text:link 1" content="link 1"/>
  51. <meta name="text:link 1 url" content="/"/>
  52. <meta name="text:link 2" content="link 2"/>
  53. <meta name="text:link 2 url" content="/"/>
  54. <meta name="text:link 3" content="link 3"/>
  55. <meta name="text:link 3 url" content="/"/>
  56. <meta name="text:link 4" content="link 4"/>
  57. <meta name="text:link 4 url" content="/"/>
  58. <meta name="text:link 5" content="link 5"/>
  59. <meta name="text:link 5 url" content="/"/>
  60.  
  61. <head>
  62.  
  63. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  64.  
  65. <script src="toggle.js" type="text/javascript"><!—mce:1—></script>
  66.  
  67. <script type="text/javascript">
  68.  
  69. $(window).load(function(){
  70.  
  71. $("#description").hide();
  72.  
  73. $("#sidebar").mouseover(function() {
  74.  
  75. $("#description").slideDown("slow");
  76.  
  77. });
  78.  
  79. $("#sidebar").mouseleave(function() {
  80.  
  81. $("#description").slideUp("slow");
  82.  
  83. });
  84.  
  85. });
  86.  
  87. </script>
  88.  
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  90. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  91. <script>
  92. (function($){
  93. $(document).ready(function(){
  94. $("[title]").style_my_tooltips();
  95. });
  96. })(jQuery);
  97. </script>
  98.  
  99. <style type="text/css">
  100.  
  101. ::-webkit-scrollbar {
  102. width: 2px;
  103. height: 2px;
  104. }
  105. ::-webkit-scrollbar-button {
  106. width: 0px;
  107. height: 0px;
  108. }
  109. ::-webkit-scrollbar-thumb {
  110. background: {color:scrollbar bg};
  111. border: 0px none {color:borders};
  112. border-radius: 14px;
  113. }
  114. ::-webkit-scrollbar-thumb:hover {
  115. background: {color:scrollbar bg};
  116. }
  117. ::-webkit-scrollbar-thumb:active {
  118. background: {color:scrollbar bg};
  119. }
  120. ::-webkit-scrollbar-track {
  121. background: #666666;
  122. border: 0px none {color:scrollbar};
  123. border-radius: 85px;
  124. }
  125. ::-webkit-scrollbar-track:hover {
  126. background: {color:scrollbar};
  127. }
  128. ::-webkit-scrollbar-track:active {
  129. background: {color:scrollbar};
  130. }
  131. ::-webkit-scrollbar-corner {
  132. background: transparent;
  133. }
  134.  
  135. body {
  136. background:{color:Background};
  137. background-image:url({image:Background});
  138. font-family:Garamond;
  139. color:{color:Text};
  140. font-size:13px;
  141. line-height:15px;
  142. margin-left:0px;
  143. }
  144.  
  145. h1{
  146. font-size:20px;
  147. line-height: 25px;
  148. color:{color:Title};
  149. font-family:Garamond;
  150. font-weight:normal;
  151. }
  152.  
  153. h2{
  154. font-size:15px;
  155. line-height: 20px;
  156. color:{color:Text};
  157. font-family:Garamond;
  158. font-weight:normal;
  159. }
  160.  
  161. a:link, a:active, a:visited{
  162. -webkit-transition: color 0.3s ease-out;
  163. -moz-transition: color 0.3s ease-out;
  164. transition: color 0.3s ease-out;
  165. color:{color:link};
  166. text-decoration:none;
  167. }
  168.  
  169. a:hover {
  170. text-decoration:none;
  171. color:{color:Link Hover};
  172. -webkit-transition: all 0.5s ease-in-out;
  173. -moz-transition: all 0.6s ease-in-out;
  174. -o-transition: all 0.5s ease-in-out;
  175. transition: all 0.6s ease-in-out;}
  176.  
  177.  
  178. blockquote{
  179. padding:0px 0px 2px 5px;
  180. margin:0px 0px 2px 10px;
  181. border-left: 1px dotted #555555;
  182. }
  183.  
  184.  
  185. a {
  186. color:{color:Link};
  187. }
  188.  
  189. b, strong {color:{color:bold};}
  190.  
  191. i, em {color:{color:italic};}
  192.  
  193. ol.notes {
  194. list-style-type: none;
  195. padding:0px;
  196. }
  197.  
  198. ol.notes li.note {
  199. padding:3px;
  200. }
  201.  
  202. #titlebar {
  203. position: fixed;
  204. top: 0px;
  205. width:200px;
  206. height:59px;
  207. border-top:1px solid {color:border};
  208. background:{color:menu bg};
  209. margin-left:-15px;
  210. z-index: 1;
  211. text-align:center;
  212. }
  213.  
  214. .title {
  215. position:fixed;
  216. margin-left:20px;
  217. margin-top:10px;
  218. padding:10px;
  219. font-family:Garamond;
  220. color:{color:title};
  221. letter-spacing:-1px;
  222. font-size:35px;
  223. font-weight:900;
  224. text-transform:uppercase;
  225. z-index: 2;
  226. }
  227.  
  228. .title:first-letter {
  229. color:{color:first letter};
  230. }
  231.  
  232. menu {
  233. background:{color:menu};
  234. padding:10px;
  235. text-align:center;
  236. color:{color:links};
  237. margin:0px;
  238. margin-left:-60px;
  239. font-family:Garamond;
  240. font-size:10px;
  241. font-weight:700;
  242. line-height:5px;
  243. text-transform:uppercase;
  244. width: 100%;
  245. height:50px;
  246. }
  247.  
  248. menu a {
  249. color:{color:menu links};
  250. margin:5px;
  251. -webkit-transition: all 0.5s ease-in-out;
  252. -moz-transition: all 0.5s ease-in-out;
  253. -o-transition: all 0.5s ease-in-out;
  254. transition: all 0.5s ease-in-out;
  255. }
  256.  
  257. menu a:hover {
  258. color:{color:menu links hover};
  259. margin:0px;
  260. padding:5px;
  261. padding-left:20px;
  262. padding-right:20px;
  263. }
  264.  
  265. #topbar {
  266. min-width:1500px;
  267. background:{color:menu bg};
  268. border:1px solid {color:border};
  269. height:60px;
  270. position: fixed;
  271. z-index: 1;
  272. top: 0px;
  273. left: -5px;
  274. }
  275.  
  276. #sidebar {
  277. padding:6px;
  278. text-align:right;
  279. position:fixed;
  280. margin-left:15px;
  281. margin-top:8px;
  282. width:185px;
  283. background:transparent;
  284. }
  285.  
  286. #sideimg img {
  287. width:160px;
  288. max-height:160px;
  289. padding:5px;
  290. border:5px solid {color:borders};
  291. border-radius:10px;
  292. }
  293.  
  294.  
  295. #description {
  296. position: relative;
  297. margin-top:10px;
  298. width:160px;
  299. height:100px;
  300. padding:10px;
  301. overflow:auto;
  302. overflow-x:hidden;
  303. font-family:Garamond;
  304. font-size:13px;
  305. color:{color:description};
  306. text-align:center;
  307. line-height:13px;
  308. background:{color:description bg};
  309. border:5px solid {color:borders};
  310. border-radius:10px;
  311. }
  312.  
  313. #container{
  314. position:relative;
  315. width:900px;
  316. min-height:600px;
  317. margin:auto;
  318. margin-top:80px;
  319. }
  320.  
  321. .entry {
  322. float:left;
  323. display:block;
  324. margin:10px;
  325. overflow:hidden;
  326. width:250px;
  327. padding-right:10px;
  328. padding-left:10px;
  329. padding-bottom:10px;
  330. z-index:0;
  331. text-align:left;
  332. {block:PermalinkPage}
  333. width:500px;
  334. margin-left:180px;
  335. {/block:PermalinkPage}
  336. background-color:{color:post bg};
  337. -webkit-transition: all .7s ease;
  338. -moz-transition: all .7s ease;
  339. -o-transition: all .7s ease;
  340. transition: all .7s ease;
  341. border: 5px solid {color:borders};
  342. border-radius:10px;
  343. }
  344.  
  345. .entry:hover{
  346. -webkit-transition: all .7s ease;
  347. -moz-transition: all .7s ease;
  348. -o-transition: all .7s ease;
  349. transition: all .7s ease;
  350. }
  351.  
  352. #posts {
  353. width:900px;
  354. margin-top:10px;
  355. z-index:99;
  356. margin-left:5px;
  357. background-color:{color:post bg};
  358. margin-right:auto;
  359. position:relative;
  360. overflow-y: hidden;
  361. -webkit-animation: fadeInDown 2s;
  362. -moz-animation: fadeInDown 2s;
  363. -ms-animation: fadeInDown 2s;
  364.  
  365. }
  366.  
  367. #lrb {
  368. opacity:.8;
  369. display:inline-block;
  370. padding:6px 2px;
  371. padding-bottom:10px;
  372. margin-bottom:-8px;
  373. z-index:5;
  374. }
  375.  
  376. .postnotes{
  377. padding-top:15px;
  378. }
  379.  
  380. .question{
  381. width:100%;
  382. height:24px;
  383. line-height:24px;
  384. margin-bottom:4px;
  385. border-bottom:1px solid {color:borders};
  386. }
  387.  
  388. .question img{
  389. border:3px solid {color:borders};
  390. margin-right:4px;
  391. }
  392.  
  393. .answer{
  394. margin-top:10px;
  395. width:240px;
  396. {block:PermalinkPage}
  397. width:490px;
  398. {/block:PermalinkPage}
  399. padding:5px;
  400. background:{color:borders};
  401. line-height:20px;
  402. }
  403.  
  404. .quote {
  405. font-size:25px;
  406. line-height:28px;
  407. font-family:Garamond;
  408. color:{color:italic};
  409. height:auto;
  410. margin-top:15px;
  411. margin-bottom:5px;
  412. padding:5px;
  413. text-align:center;
  414. letter-spacing:1px;
  415. }
  416.  
  417. .source{
  418. font-size:12px;
  419. line-height:15px;
  420. font-family:Garamond;
  421. color:{color:italic};
  422. height:auto;
  423. margin-top:15px;
  424. margin-bottom:5px;
  425. padding:5px;
  426. text-align:right;
  427. letter-spacing:1px;
  428. }
  429.  
  430. .chat ul {
  431. display:block;
  432. list-style:none;
  433. margin-left:-100px;
  434. }
  435.  
  436. .chat li {
  437. margin-left:-40px;
  438. padding:3px;
  439. display:block;
  440. }
  441.  
  442.  
  443. .chat .odd {
  444. background:{color:chat 1};
  445. }
  446.  
  447. .chat .even {
  448. background:{color:chat 2};
  449. }
  450.  
  451.  
  452. .info {
  453. height:auto;
  454. line-height:15px;
  455. float:center;
  456. margin-top:0px;
  457. text-align:right;
  458. font-size:11px;
  459. letter-spacing:1px;
  460. background-color: transparent;
  461. color:{color:link};
  462. border-bottom:2px solid {color:borders};
  463. margin-bottom:10px;
  464. width:250px;
  465. {block:PermalinkPage}
  466. width:500px;
  467. {block:PermalinkPage}
  468. text-transform:lowercase;
  469. }
  470.  
  471. .info a {
  472. font-size:11px;
  473. }
  474.  
  475. #tags {
  476. float:left;
  477. width:250px;
  478. margin-top:-7px;
  479. margin-left:-5px;
  480. line-height:10px;
  481. text-align:center;
  482. font-size:10px;
  483. padding:8px;
  484. font-size:8px;
  485. opacity:1;
  486. transition-duration: 0.5s;
  487. -moz-transition-duration: 0.5s;
  488. -webkit-transition-duration: 0.5s;
  489. -o-transition-duration: 0.5s
  490. color:{color:link};
  491. }
  492.  
  493. #tags a {
  494. letter-spacing:0px;
  495. font-size:10px;
  496. text-align:center;
  497. font-family: Garamond;
  498. text-decoration:none;
  499. display:inline-block;
  500. }
  501.  
  502. #tags a:hover {
  503. background:{color:link hover};
  504. -moz-transition-duration:0.3s;
  505. -webkit-transition-duration:0.3s;
  506. -o-transition-duration:0.3s;
  507. color:{color:link};
  508. }
  509.  
  510. .jump_page {
  511. padding: 4px 8px;
  512. border: 2px solid {color:borders};
  513. background-color:{color:post bg};
  514. color:{color:link};
  515. font-size:11px;
  516. text-decoration:none;
  517. }
  518.  
  519. .current_page, .jump_page:hover {
  520. padding: 4px 8px;
  521. border: 2px solid {color:borders};
  522. background-color:{color:link hover};
  523. color: {color:link};
  524. font-size:11px;
  525. text-decoration:none;
  526. }
  527.  
  528. .credit {
  529. position:fixed;
  530. bottom:4px;
  531. right:8px;
  532. font: 9px consolas;
  533. border:1px solid {color:borders};
  534. background:{color:link};
  535. text-transform:uppercase;
  536. letter-spacing: 0px;
  537. padding: 2px;
  538. }
  539.  
  540. .credit a{
  541. color: {color:italic};
  542. }
  543.  
  544. .credit a:hover {
  545. background:{color:link hover};
  546. }
  547.  
  548. {CustomCSS}
  549. </style>
  550.  
  551. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  552. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  553.  
  554.  
  555. </head>
  556.  
  557. <body>
  558.  
  559. <div id="sidebar">
  560.  
  561. <div id="sideimg"><center><a href="/"><img src="{image:Sidebar img}"></a></center></div>
  562.  
  563. <div id="description">
  564. {block:Description}{Description}{/block:Description}
  565. </div>
  566. </div>
  567.  
  568. <div id="topbar">
  569. <div id="titlebar"><div class="title">{title}</div></div>
  570. <menu><br><br><br>
  571. <a href="/">home</a>
  572. <a href="/ask">message</a>
  573. <a href="/archive">archive</a>
  574. <a href="{text:link 1 url}">{text:link 1}</a>
  575. <a href="{text:link 2 url}">{text:link 2}</a>
  576. <a href="{text:link 3 url}">{text:link 3}</a>
  577. <a href="{text:link 4 url}">{text:link 4}</a>
  578. <a href="{text:link 5 url}">{text:link 5}</a>
  579. </menu>
  580. </div>
  581.  
  582. <div id="container">
  583.  
  584. <div class="posts">
  585.  
  586. {block:Posts}
  587.  
  588. <div class="entry">
  589.  
  590. <div class="content">
  591.  
  592.  
  593. <div class="info">{block:Date}<p><a href="{Permalink}">{month}</a>{block:NoteCount}/ {NoteCount}{/block:NoteCount}
  594.  
  595.  
  596. <!-- Reblogged from -->
  597. {block:RebloggedFrom}
  598. <a href="{ReblogParentURL}">
  599. / via</a>{/block:RebloggedFrom}
  600. {block:ContentSource}
  601. <a href="{SourceURL}"
  602. target=blank>/ source</a>
  603. {/block:ContentSource}
  604. </div>
  605. {/block:Date}
  606.  
  607.  
  608. <!-- Text -->
  609. {block:Text}
  610. {block:Title}
  611. <a href="{Permalink}">
  612. <h1>{Title}</h1></a>
  613. {/block:Title}
  614. <h2>{Body}</h2>
  615. {/block:Text}
  616.  
  617.  
  618. <!-- Photo -->
  619. {block:Photo}
  620. {block:IndexPage}
  621. <img src="{PhotoURL-250}"
  622. </a>{/block:IndexPage}
  623. {block:PermalinkPage}
  624. <a href="{permalink}">
  625. <img src="{PhotoURL-500}"
  626. width="500"/></a>{caption}{/block:PermalinkPage}
  627. {/block:Photo}
  628.  
  629.  
  630. <!-- Photoset -->
  631. {block:Photoset}
  632. {block:IndexPage}
  633. {Photoset-250}
  634. {/block:IndexPage}
  635. {block:PermalinkPage}
  636. {Photoset-500}
  637. {caption}
  638. {/block:PermalinkPage}
  639. {/block:Photoset}
  640.  
  641.  
  642. <!-- Quote -->
  643. {block:Quote}
  644. <div class="quote">
  645. " {Quote} "
  646. {block:Source}
  647. <div class="source">-{Source}
  648. </div>{/block:Source}</div>
  649. {/block:Quote}
  650.  
  651. <!-- Link -->
  652. {block:Link}
  653. <center>
  654. <a href="{URL}"
  655. class="linkpost"
  656. target="_blank">
  657. <h1>{Name} &raquo; <h1></a>
  658. </center>
  659. {block:Description}
  660. <h2>{Description}</h2>
  661. {/block:Description}
  662. {/block:Link}
  663.  
  664. <!-- Chat -->
  665. {block:Chat}
  666. <div class="chat">
  667. <ul>
  668. {block:Lines}
  669. <li class="{Alt}">
  670. {block:Label}<b>{Label}</b>{/block:Label}
  671. {Line}
  672. </li>
  673. {/block:Lines}
  674. </ul>
  675. </div>
  676. {/block:Chat}
  677.  
  678. <!-- Audio -->
  679. {block:Audio}
  680. {AudioPlayerWhite}
  681. <br>{block:Artist}
  682. Artist: {Artist}
  683. {/block:Artist}
  684. <br>{block:Title}
  685. Artist: {Title}
  686. {/block:Title}
  687. <br>{block:Album}
  688. Artist: {Album}
  689. {/block:Album}<br>
  690. {/block:Audio}
  691.  
  692.  
  693. <!-- Video -->
  694. {block:Video}
  695. {block:IndexPage}
  696. {Video-250}
  697. {/block:IndexPage}
  698. {block:PermalinkPage}
  699. {Video-500}
  700. {/block:PermalinkPage}
  701. {/block:Video}
  702.  
  703.  
  704. <!-- Ask -->
  705. {block:Answer}
  706. <div class="question">
  707. <img src="{AskerPortraitURL-48}"
  708. align="left">
  709. {Asker}</div>
  710. {Question}&nbsp;
  711. <div class="answer">
  712. {Answer}</div>
  713. {/block:Answer}
  714.  
  715. <span style="float:right;">
  716. <div id="lrb">{ReblogButton color="black" size="14"}</div><div id ="lrb">{LikeButton color="black" size="14"}</div>
  717. </span>
  718.  
  719. {block:PermalinkPage}
  720. <span style="float:left;">
  721. {block:HasTags}
  722.  
  723. {block:Tags}
  724.  
  725. #<a href="{TagURL}">{Tag}</a>
  726.  
  727. {/block:Tags}
  728.  
  729. {/block:HasTags}
  730. {/block:PermalinkPage}
  731. </span>
  732.  
  733. {block:PermalinkPage}
  734. {block:PostNotes}
  735. <div class="postnotes">{PostNotes}</div>
  736. {/block:PostNotes}
  737. {/block:PermalinkPage}
  738.  
  739. {block:ContentSource}
  740. <!-- {SourceURL}
  741. {block:SourceLogo}
  742. <img src="{BlackLogoURL}"
  743. width="{LogoWidth}"
  744. height="{LogoHeight}"
  745. alt="{SourceTitle}" />
  746. {/block:SourceLogo}
  747. {block:NoSourceLogo}
  748. {SourceLink}
  749. {/block:NoSourceLogo} -->
  750. {/block:ContentSource}
  751.  
  752.  
  753. </div></div>
  754.  
  755. {/block:Posts}
  756.  
  757. </div></div>
  758.  
  759. {block:Pagination}
  760. <center>
  761. {block:PreviousPage}<a href="{PreviousPage}">«</a>
  762. {/block:PreviousPage}
  763. {block:JumpPagination length="5"}
  764. {block:CurrentPage}<span class="current_page">
  765. {PageNumber}</span>{/block:CurrentPage}
  766. {block:JumpPage}<a href="{URL}">{PageNumber}</a>
  767. {/block:JumpPage}
  768. {/block:JumpPagination}
  769. {block:NextPage}<a href="{NextPage}">»</a>
  770. {/block:NextPage}
  771. </center>
  772. {/block:Pagination}
  773.  
  774. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>LUHAИDS</center></a></div>
  775.  
  776. </body>
  777. </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!