Advertisement
gwentee

Theme 10: Dead Leaves

Sep 18th, 2016
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.07 KB | None | 0 0
  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