Advertisement
winchestheart

theme 29; eden.

Sep 27th, 2015
3,918
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.69 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. Theme 29; eden by winchestheart ©
  5. > http://winchestheart.tumblr.com
  6.  
  7.  
  8. - do not remove the credit
  9. - do not steal anything
  10. - do not claim as your own
  11.  
  12. thanks :)
  13.  
  14.  
  15. -->
  16.  
  17.  
  18. <html><head>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22.  
  23. <meta name="color:Links" content="#000000" />
  24. <meta name="color:Text" content="#4a4c4c" />
  25. <meta name="color:Background" content="#ffffff" />
  26. <meta name="color:Border" content="#f1f1f1" />
  27. <meta name="color:Scrollbar" content="#000000" />
  28. <meta name="color:Main Color" content="#333333" />
  29.  
  30. <meta name="text:Link 1" content="home" />
  31. <meta name="text:Link 2" content="ask" />
  32. <meta name="text:Link 3" content="link" />
  33. <meta name="text:Link 4" content="link" />
  34. <meta name="text:Link 5" content="link" />
  35. <meta name="text:Link 1 URL" content="/" />
  36. <meta name="text:Link 2 URL" content="/ask" />
  37. <meta name="text:Link 3 URL" content="/" />
  38. <meta name="text:Link 4 URL" content="/" />
  39. <meta name="text:Link 5 URL" content="/" />
  40.  
  41. <meta name="if:Lazy Load" content="0" />
  42. <meta name="if:Custom Scrollbar" content="1">
  43. <meta name="if:Tooltips" content="1" />
  44. <meta name="if:Tags Hover" content="1" />
  45. <meta name="if:Show Source" content="0" />
  46.  
  47. <meta name="select:Font Family" content="calibri" title="Calibri" />
  48. <meta name="select:Font Family" content="arial" title="Arial" />
  49. <meta name="select:Font Family" content="consolas" title="Consolas" />
  50. <meta name="select:Font Family" content="open sans" title="Open Sans" />
  51.  
  52. <meta name="select:Font Size" content="8" title="8px" />
  53. <meta name="select:Font Size" content="9" title="9px" />
  54. <meta name="select:Font Size" content="10" title="10px" />
  55. <meta name="select:Font Size" content="11" title="11px" />
  56. <meta name="select:Font Size" content="12" title="12px" />
  57.  
  58. <meta name="select:Posts Width" content="300" title="300px">
  59. <meta name="select:Posts Width" content="350" title="350px">
  60. <meta name="select:Posts Width" content="400" title="400px">
  61. <meta name="select:Posts Width" content="450" title="450px">
  62. <meta name="select:Posts Width" content="500" title="500px">
  63. <meta name="select:Posts Width" content="540" title="540px">
  64.  
  65. <meta name="select:Photosets Margin" content="2" title="2px">
  66. <meta name="select:Photosets Margin" content="3" title="3px">
  67. <meta name="select:Photosets Margin" content="4" title="4px">
  68. <meta name="select:Photosets Margin" content="5" title="5px">
  69. <meta name="select:Photosets Margin" content="6" title="6px">
  70. <meta name="select:Photosets Margin" content="7" title="7px">
  71. <meta name="select:Photosets Margin" content="8" title="8px">
  72. <meta name="select:Photosets Margin" content="9" title="9px">
  73. <meta name="select:Photosets Margin" content="10" title="10px">
  74.  
  75. <meta name="select:Sidebar Align" content="right" title="Right">
  76. <meta name="select:Sidebar Align" content="center" title="Center">
  77. <meta name="select:Sidebar Align" content="left" title="Left">
  78.  
  79.  
  80. <!--------------------------------------------------------------------------->
  81.  
  82. {block:IfLazyLoad}
  83. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  84. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  85. <script type="text/javascript" charset="utf-8">
  86. var $j = jQuery.noConflict();
  87. $j(function() {
  88. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  89. $j("img").lazyload({
  90. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  91. effect: "fadeIn",
  92. });
  93. });
  94. </script>
  95. {/block:IfLazyLoad}
  96.  
  97. <!--------------------------------------------------------------------------->
  98.  
  99. {block:IfTooltips}
  100. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  101. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  102.  
  103. <script>
  104. (function($){
  105. $(document).ready(function(){
  106. $("[title],a[title],img[title]").style_my_tooltips({
  107. tip_follows_cursor:"true",
  108. tip_delay_time:100,
  109. tip_fade_speed:100,
  110. attribute:"title"
  111. });
  112. });
  113. })(jQuery);
  114. </script>
  115. {/block:IfTooltips}
  116.  
  117. <!-- @shythemes ------------------------------------------------------------->
  118.  
  119. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  120. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  121. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  122.  
  123. <!--------------------------------------------------------------------------->
  124.  
  125. <style type="text/css">
  126.  
  127. /****************************************************************************/
  128.  
  129. {block:IfCustomScrollbar}
  130. ::-webkit-scrollbar {height:9px;width:9px;}
  131. ::-webkit-scrollbar-thumb {
  132. background-color:{color:scrollbar};
  133. border:4px solid {color:background};}
  134. {/block:IfCustomScrollbar}
  135.  
  136. {block:IfTooltips}
  137. #s-m-t-tooltip {
  138. color:{color:background};
  139. background-color:{color:main color};
  140. display:none;
  141. text-align:center;
  142. position:absolute;
  143. z-index:9999999999999999;
  144. font-family:calibri;
  145. font-size:7px;
  146. letter-spacing:1px;
  147. text-transform:uppercase;
  148. padding:3px 7px 3px 7px;
  149. margin-top:-25px;
  150. -webkit-transition:.1s ease-out;
  151. -moz-transition:.1s ease-out;
  152. transition:.1s ease-out;}
  153. {/block:IfTooltips}
  154.  
  155. iframe#tumblr_controls {
  156. white-space:nowrap;
  157. -webkit-filter:invert(100%);
  158. -moz-filter:invert(100%);
  159. -o-filter:invert(100%);
  160. -ms-filter: invert(100%);
  161. filter:invert(100%);
  162. opacity:.2;}
  163.  
  164. ::selection {
  165. color:{color:background};
  166. background-color:{color:main color};}
  167.  
  168. ::-moz-selection {
  169. color:{color:background};
  170. background-color:{color:main color};}
  171.  
  172. ::-webkit-selection {
  173. color:{color:background};
  174. background-color:{color:main color};}
  175.  
  176. #vignette {visibility:hidden;}
  177.  
  178. #tumblr_lightbox img {
  179. box-shadow:none!important;
  180. border-radius:0!important;}
  181.  
  182. #tumblr_lightbox {
  183. background-color:transparent!important;}
  184.  
  185. #tumblr_lightbox div:nth-child(2) {
  186. background-color:#fff;
  187. opacity:.9;}
  188.  
  189. #tumblr_lightbox a img {
  190. border:5px solid #fff!important;
  191. border:1px solid #eee;}
  192.  
  193. /****************************************************************************/
  194.  
  195. body {
  196. margin:0;
  197. font-family:{select:font family};
  198. font-size:{select:font size}px;
  199. line-height:14px;
  200. color:{color:text};
  201. background-color:{color:background};}
  202.  
  203. a {
  204. color:{color:links};
  205. text-decoration:none;
  206. -webkit-transition:.3s;
  207. -moz-transition:.3s;
  208. -ms-transition:.3s;
  209. -o-transition:.3s;
  210. transition:.3s;}
  211.  
  212. a:hover {text-decoration:underline;}
  213.  
  214. strong, bold, b {font-weight:bold;color:{color:links};}
  215. small, sub {font-size:{select:font size}px;}
  216.  
  217. code {
  218. font-size:{select:font size}px;
  219. font-family:{select:font family};}
  220.  
  221. pre {
  222. word-wrap:break-word;
  223. font-size:{select:font size}px;
  224. font-family:{select:font family};}
  225.  
  226. blockquote {
  227. padding-left:10px;
  228. margin:10px;
  229. border-left:1px solid {color:border};}
  230.  
  231. h1 {
  232. font-size:9px;
  233. font-weight:normal;
  234. letter-spacing:1.5px;
  235. text-transform:uppercase;
  236. text-align:center;
  237. line-height:16px;
  238. color:{color:links};}
  239.  
  240. h1 a {color:{color:links};}
  241. h1 a:hover {text-decoration:none;}
  242.  
  243. ul {list-style-type:square;}
  244.  
  245. /****************************************************************************/
  246.  
  247. #credit {
  248. position:fixed;
  249. bottom:10px;
  250. right:10px;
  251. font-weight:bold;}
  252.  
  253. /****************************************************************************/
  254.  
  255. #sidebar {
  256. position:fixed;
  257. width:100px;
  258. text-align:left;
  259. margin-top:100px;
  260. margin-left:350px;}
  261.  
  262. .title {
  263. text-align:{select:sidebar align};
  264. letter-spacing:1.5px;
  265. font-size:14px;
  266. font-weight:bold;
  267. margin-top:20px;}
  268.  
  269. .description {
  270. text-align:{select:sidebar align};
  271. line-height:16px;
  272. margin:10px 0px;}
  273.  
  274. .navigation {
  275. text-align:{select:sidebar align};
  276. font-weight:bold;}
  277.  
  278. .navigation a {margin-left:2px;}
  279.  
  280. /****************************************************************************/
  281.  
  282. #center {
  283. margin:100px 0px 100px 550px;}
  284.  
  285. #post {
  286. width:{select:posts width}px;
  287. {block:IndexPage}
  288. margin-bottom:120px;
  289. padding-bottom:10px;
  290. border-bottom:1px solid {color:border};
  291. {/block:Indexpage}
  292. {block:PermalinkPage}
  293. margin-bottom:50px;
  294. {/block:PermalinkPage};}
  295.  
  296. #post img, #post blockquote {max-width:100%;}
  297.  
  298. #permalink {
  299. position:absolute;
  300. width:{select:posts width}px;
  301. margin-top:20px;
  302. line-height:15px;}
  303.  
  304. .permalink {
  305. text-transform:lowercase;
  306. color:{color:links};
  307. margin-left:-5px;}
  308.  
  309. .permalink span {margin:0px 5px;}
  310.  
  311. .tags {
  312. margin:5px 0px;
  313. {block:IfTagsHover}
  314. opacity:0;
  315. {/block:IfTagsHover}
  316. -webkit-transition:.3s;
  317. -moz-transition:.3s;
  318. -ms-transition:.3s;
  319. -o-transition:.3s;
  320. transition:.3s;}
  321.  
  322. #post:hover .tags {
  323. {block:IfTagsHover}
  324. opacity:1;
  325. {/block:IfTagsHover}}
  326.  
  327. .tags a {margin-right:10px;}
  328. .reblog a {text-decoration:none;}
  329.  
  330. /****************************************************************************/
  331.  
  332. .pagination {
  333. width:{select:posts width}px;
  334. text-align:center;
  335. border-bottom:1px solid {color:border};
  336. padding-bottom:8px;}
  337.  
  338. .pagination a {
  339. cursor:help;
  340. padding-bottom:10px;}
  341.  
  342. .pagination a:hover, .pagination span {
  343. text-decoration:none;
  344. border-bottom:1px solid {color:links};}
  345.  
  346. .pagination span, .pagination a {padding:10px;}
  347.  
  348. /****************************************************************************/
  349.  
  350. #permalinkpage {
  351. width:{select:posts width}px;
  352. margin-top:15px;
  353. background-color:#f9f9f9;
  354. text-align:center;
  355. padding:5px 0px;
  356. text-transform:lowercase;
  357. border-top:1px solid {color:border};}
  358.  
  359. #tagspp {
  360. width:{select:posts width}px;
  361. line-height:15px;
  362. text-align:center;
  363. color:{color:links};
  364. padding:5px 0px;}
  365.  
  366. #tagspp a {margin:0px 5px;}
  367.  
  368. /****************************************************************************/
  369.  
  370. #audio img {
  371. width:100px;
  372. height:100px;
  373. overflow:hidden;}
  374.  
  375. .playbutton {
  376. width:20px;
  377. height:30px;
  378. overflow:hidden;
  379. position:relative;
  380. z-index:1000;
  381. margin:35px 44px 35px 36px;}
  382.  
  383. .playbox {
  384. background-color:#000;
  385. position:absolute;
  386. z-index:1000;
  387. margin:0;
  388. opacity:.3;}
  389.  
  390. .cover {
  391. position:relative;
  392. z-index:1;}
  393.  
  394. .audio {
  395. position:absolute;
  396. margin-top:-100px;
  397. margin-left:120px;}
  398.  
  399. .ainfo {
  400. height:100px;
  401. vertical-align:middle;
  402. min-height:10em;
  403. display:table-cell;}
  404.  
  405. .audio span {
  406. display:block;
  407. margin:5px 0px;}
  408.  
  409. .audio b {
  410. font-weight:bold;
  411. color:{color:links};
  412. text-transform:uppercase;
  413. letter-spacing:.5px;
  414. margin-right:3px;}
  415.  
  416. /****************************************************************************/
  417.  
  418. .quote {
  419. font-style:italic;
  420. line-height:18px;
  421. background-color:#f9f9f9;
  422. padding:5px 20px;
  423. text-align:justify;
  424. letter-spacing:0px;
  425. border:1px solid {color:border};}
  426.  
  427. .source {
  428. text-transform:uppercase;
  429. letter-spacing:.5px;
  430. font-family:calibri;
  431. text-align:right;
  432. margin:10px;
  433. font-size:8px;}
  434.  
  435. /****************************************************************************/
  436.  
  437. #question {
  438. margin:10px 0px;
  439. padding:10px 20px;
  440. line-height:15px;
  441. border:1px solid {color:border};
  442. text-align:center;
  443. background-color:#f9f9f9;}
  444.  
  445. /****************************************************************************/
  446.  
  447. .label {
  448. font-weight:bold;
  449. text-transform:uppercase;
  450. color:{color:links};
  451. letter-spacing:.5;}
  452.  
  453. .chat {line-height:16px;margin:10px;}
  454.  
  455. /****************************************************************************/
  456.  
  457. #notes {margin:20px 10px;}
  458.  
  459. .notes {
  460. margin:0;
  461. padding:0;
  462. max-height:300px;
  463. overflow-y:scroll;}
  464.  
  465. .notes li {
  466. list-style-type:none;
  467. padding:5px 0px;}
  468.  
  469. .notes img {display:none;}
  470.  
  471. /****************************************************************************/
  472.  
  473. </style>
  474. </head>
  475.  
  476. <body>
  477.  
  478. <!--------------------------------------------------------------------------->
  479.  
  480. <div id="credit"><a href="http://winchestheart.tumblr.com" target="_blank" title="theme by winchestheart">wh.</a></div>
  481.  
  482. <!--------------------------------------------------------------------------->
  483.  
  484. <div id="sidebar">
  485.  
  486. <div class="title">{Title}</div>
  487.  
  488. <div class="description">{Description}</div>
  489.  
  490. <div class="navigation">
  491. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  492. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  493. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  494. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  495. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  496. </div>
  497.  
  498. </div>
  499.  
  500. <!--------------------------------------------------------------------------->
  501.  
  502. <div id="center">
  503.  
  504. {block:Posts}
  505. <div id="post">
  506.  
  507. {block:Text}
  508. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  509. {Body}
  510. {/block:Text}
  511.  
  512. {block:Photo}
  513. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  514. {block:Caption}{Caption}{/block:Caption}
  515. {/block:Photo}
  516.  
  517. {block:Photoset} <!-- @shythemes -->
  518. <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>
  519. {block:Caption}{Caption}{/block:Caption}
  520. {/block:Photoset}
  521.  
  522. {block:Quote}
  523. <div class="quote">{Quote}</div>
  524. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  525. {/block:Quote}
  526.  
  527. {block:Link}
  528. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  529. {block:Description}{Description}{/block:Description}
  530. {/block:Link}
  531.  
  532. {block:Chat}
  533. <div id="chat">
  534. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  535. <div class="chat">
  536. {block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</div>{/block:Lines}
  537. </div></div>
  538. {/block:Chat}
  539.  
  540. {block:Video}
  541. <div class="video">{Video-500}</div>
  542. {block:Caption}{Caption}{/block:Caption}
  543. {/block:Video}
  544.  
  545. {block:Audio}
  546. <div id="audio">
  547. <div class="playbox"><div class="playbutton">
  548. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  549. </div></div>
  550.  
  551. {block:AlbumArt}
  552. <img src="{AlbumArtURL}" class="cover">
  553. {/block:AlbumArt}
  554.  
  555. <div class="audio">
  556. <div class="ainfo">
  557.  
  558. {block:TrackName}<span>
  559. <b>Track Name</b> {TrackName}
  560. </span>{/block:TrackName}
  561.  
  562. {block:Artist}<span>
  563. <b>Artist</b> {Artist}
  564. </span>{/block:Artist}
  565.  
  566. {block:Album}<span>
  567. <b>Album</b> {Album}
  568. </span>{/block:Album}
  569.  
  570. {block:PlayCount}<span>
  571. <b>Played</b> {PlayCount} times
  572. </span>{/block:PlayCount}
  573.  
  574. </div></div>
  575. {block:caption}{caption}{/block:caption}
  576. </div>{/block:Audio}
  577.  
  578. {block:Answer}
  579. <div id="question">« {Question} » — <i>{Asker}</i></div>{Answer}
  580. {/block:Answer}
  581.  
  582. <!--------------------------------------------------------------------------->
  583.  
  584. {block:ContentSource}
  585. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  586. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  587. {/block:ContentSource}
  588.  
  589. <!-- {block:NoRebloggedFrom}
  590. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  591. {/block:NoRebloggedFrom} -->
  592.  
  593. <!--------------------------------------------------------------------------->
  594.  
  595. {block:IndexPage}<div id="permalink">
  596.  
  597. <div class="permalink">
  598.  
  599. {block:Date}
  600. <span><a href="{Permalink}">{TimeAgo}</a></span>
  601. {/block:Date}
  602.  
  603. {block:NoteCount}
  604. <span>{NoteCount}</span>
  605. {/block:NoteCount}
  606.  
  607. <span class="reblog"><a href="{ReblogURL}" target="_blank" title="reblog this?" style="cursor:help;">reblog</a></span>
  608.  
  609. {block:IfShowSource}{block:RebloggedFrom}
  610. <span><a href="{ReblogRootURL}" title="{ReblogRootName}">origin</a> (<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>)</span>
  611. {/block:RebloggedFrom}{/block:IfShowSource}
  612.  
  613. </div>
  614.  
  615. <div class="tags">
  616.  
  617. {block:HasTags}
  618. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  619. {/block:HasTags}
  620.  
  621. </div>
  622.  
  623. </div>{/block:IndexPage}
  624.  
  625. <!--------------------------------------------------------------------------->
  626.  
  627. {block:PermalinkPage}
  628.  
  629. {block:Date}<div id="permalinkpage">
  630.  
  631. shared {TimeAgo} on {Month} {DayOfMonthWithZero}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  632.  
  633. {block:RebloggedFrom}
  634. <br>Originally made by <a href="{ReblogRootURL}">{ReblogRootName}</a>, reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  635. {/block:RebloggedFrom}
  636.  
  637. </div>{/block:Date}
  638.  
  639. {block:HasTags}<div id="tagspp">
  640.  
  641. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  642.  
  643. </div>{/block:HasTags}
  644.  
  645. {/block:PermalinkPage}
  646.  
  647. <!--------------------------------------------------------------------------->
  648.  
  649. {block:PostNotes}
  650.  
  651. <div id="notes">
  652. <div class="notes">{PostNotes}</div>
  653. </div>
  654.  
  655. {/block:PostNotes}
  656.  
  657. <!--------------------------------------------------------------------------->
  658.  
  659. </div>
  660. {/block:Posts}
  661.  
  662. <!--------------------------------------------------------------------------->
  663.  
  664. {block:Pagination}<div class="pagination">
  665.  
  666. {block:PreviousPage}
  667. <a href="{PreviousPage}" title="previous page">‹</a>
  668. {/block:PreviousPage}
  669.  
  670. {block:JumpPagination length="5"}
  671. {block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}
  672. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  673. {/block:JumpPagination}
  674.  
  675. {block:NextPage}
  676. <a href="{NextPage}" title="next page">›</a>
  677. {/block:NextPage}
  678.  
  679. </div>{/block:Pagination}
  680.  
  681. <!--------------------------------------------------------------------------->
  682.  
  683. </div>
  684.  
  685. <!-- Pixel union photosets tutorial by @shythemes --------------------------->
  686.  
  687. <script>
  688. $(document).ready(function(){
  689. $('.photo-slideshow').pxuPhotoset({
  690. lightbox: true,
  691. rounded: false,
  692. gutter: '{select:photosets margin}px',
  693. borderRadius: '0px',
  694. photoset: '.photo-slideshow',
  695. photoWrap: '.photo-data',
  696. photo: '.pxu-photo'
  697. });
  698. });
  699. </script>
  700.  
  701. <!-- Resizing videos tutorial by @shythemes --------------------------------->
  702.  
  703. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  704.  
  705. <!--------------------------------------------------------------------------->
  706.  
  707. </body>
  708. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement