API tools faq
paste
jamidanielle_

EDEN

jamidanielle_
Feb 21st, 2017
321
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!--------------------------------->
  6. <!--------------[EDEN]------------->
  7. <!----THEME BY FOLKLORE THEMES----->
  8. <!------------FEB 2017------------->
  9. <!--DO NOT STEAL OR REMOVE CREDIT-->
  10. <!--------------------------------->
  11. <!--------------------------------->
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20. <meta name="color:background" content="#ddf2e8"/>
  21. <meta name="color:post background" content="#ffffff"/>
  22. <meta name="color:info border" content="#f6f6f6"/>
  23. <meta name="color:text" content="#000000"/>
  24. <meta name="color:link" content="#78c9a1"/>
  25. <meta name="color:link hover" content="#ddf2e8"/>
  26. <meta name="color:blockquote" content="#ddf2e8"/>
  27. <meta name="color:scrollbar" content="#8c9a1"/>
  28.  
  29. <meta name="if:show tags" content="1"/>
  30.  
  31. <meta name="image:icon" content=""/>
  32.  
  33. <meta name="text:Tab 1" content="info" />
  34. <meta name="text:Tab 2" content="links" />
  35.  
  36.  
  37.  
  38.  
  39. <link href="https://fonts.googleapis.com/css?family=Ek+Mukta" rel="stylesheet">
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. ::-webkit-scrollbar-thumb:vertical {
  45. background-color:{color:Scrollbar}; /*scrollbar's slider color*/
  46. height:100px;
  47. -moz-border-radius: 0px; /*these make bar rounded*/
  48. border-radius: 0px;
  49. }
  50.  
  51. ::-webkit-scrollbar-thumb:horizontal {
  52. background-color:#fff; /*scrollbar's slider color*/
  53. height:100px !important;
  54. }
  55.  
  56. ::-webkit-scrollbar {
  57. height:10px;
  58. width:5px; /*width of slider*/
  59. background-color:#fff; /*scrollbar's main color*/
  60. }
  61.  
  62.  
  63. blockquote {
  64. padding-left:10px;
  65. border-left:3px solid {color:blockquote};
  66. margin-left:7px;
  67. }
  68.  
  69. ul {
  70. list-style:none;
  71. text-align:left;
  72. padding-left:0;
  73. }
  74.  
  75. li {
  76. position:relative;
  77. padding-left:30px;
  78. }
  79.  
  80.  
  81.  
  82. body {
  83. background:{color:background};
  84. color:{color:text};
  85. font-family:'Ek Mukta';
  86. font-size:13px;
  87. margin:0;
  88. text-align:justify;
  89. line-height:16px;
  90. }
  91.  
  92. a {
  93. color:{color:link};
  94. -moz-transition-duration:0.5s;
  95. -webkit-transition-duration:0.5s;
  96. -o-transition-duration:0.5s;
  97. text-decoration:none;
  98. }
  99.  
  100. a:hover {
  101. color:{color:link hover};
  102. -moz-transition-duration:0.5s;
  103. -webkit-transition-duration:0.5s;
  104. -o-transition-duration:0.5s;
  105. }
  106.  
  107. img {
  108. opacity:1;
  109. border:none;
  110. text-decoration:none;
  111. }
  112.  
  113. small {
  114. font-size:12px;
  115. }
  116.  
  117. big {
  118. font-size:14px;
  119. }
  120.  
  121. #title {font-size:14px;
  122. line-height:18px;
  123. margin-bottom:10px;
  124. font-weight:bold;
  125. text-transform:none;
  126. text-align:left;
  127. }
  128.  
  129.  
  130. /**sidebar or header stuff here**/
  131.  
  132. #bj{
  133. width:500px;
  134. height:180px;
  135. background-color:{color:post background};
  136. margin:50px auto -20px auto;
  137. padding:18px;
  138.  
  139.  
  140.  
  141.  
  142. }
  143.  
  144.  
  145.  
  146. .tabs {
  147.  
  148. width:100%;
  149.  
  150. display:inline-block;
  151.  
  152.  
  153.  
  154.  
  155. }
  156.  
  157. /*----- Tab Links -----*/
  158.  
  159. /* Clearfix */
  160. .tab-links:after {
  161. display:block;
  162. clear:both;
  163. content:'';
  164. }
  165.  
  166. .tab-links li {
  167. margin-top:18px;
  168. float:left;
  169. display:inline-block;
  170. list-style:none;
  171. margin-left:-48px;
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178. }
  179.  
  180. .tab-links a {
  181. width:45px;
  182. height:40px;
  183. padding:5px;
  184. margin-right:55px;
  185. text-align:center;
  186. display:inline-block;
  187. color:;
  188. transition:all linear 0.15s;
  189. border-bottom:1px solid transparent;
  190. border-top:1px solid transparent;
  191. background-color:{color:post background};
  192. text-transform:uppercase;
  193. color:{color:link};
  194. line-height:40px;
  195.  
  196.  
  197. }
  198.  
  199. .tab-links a:hover {
  200.  
  201. text-decoration:none;
  202. color:{color:Link};
  203. background-color:{color:post Background};
  204. }
  205.  
  206. li.active a, li.active a:hover {
  207.  
  208. color:{color:Link};
  209. border-bottom:1px solid {color:link};
  210. -webkit-transition: all .3s;
  211. -moz-transition: all .3s;
  212. -o-transition: all .3s;
  213. -ms-transition: all .3s;
  214. transition: all .3s;
  215.  
  216. }
  217.  
  218. /*----- Content of Tabs -----*/
  219. .tab-content {
  220.  
  221.  
  222. }
  223.  
  224.  
  225. .tab {
  226. display:none;
  227. }
  228.  
  229. .tab.active {
  230. display:block;
  231. }
  232.  
  233.  
  234. /**tab content**/
  235.  
  236. /**index tab**/
  237.  
  238. #icon {
  239. width:130px;
  240. height:130px;
  241. border:2px solid {color:info border};
  242. padding:15px;
  243. margin-top:10px;
  244. float:left;
  245. }
  246.  
  247.  
  248. #bjind{
  249. float: right;
  250. border:2px solid {color:info border};
  251. width:295px;
  252. height:130px;
  253. margin-top:10px;
  254. padding:15px;
  255.  
  256. }
  257.  
  258. #tit{
  259. font-size:22px;
  260. font-style:italic;
  261. padding:10px;
  262. line-height:24px;
  263. text-align:center;
  264. width:280px;
  265. margin-top:10px;
  266.  
  267. }
  268.  
  269. #desc{
  270. padding:10px;
  271. text-align:center;
  272. width:280px;
  273. font-size:14px;
  274. }
  275.  
  276.  
  277. /**info tab**/
  278.  
  279. .tbcontent{
  280. width:470px;
  281. height:130px;
  282. padding:15px;
  283. border:2px solid {color:info border};
  284. margin:10px auto 4px auto;
  285.  
  286.  
  287. }
  288.  
  289.  
  290. .tbtitles{
  291. font-size:18px;
  292. font-style:italic;
  293. margin-top:-5px;
  294. text-align:center;
  295. color:{color:link};
  296. }
  297.  
  298. #wrapper {
  299.  
  300. width:550px;
  301. margin:150px auto 0 auto;
  302. position:relative;
  303.  
  304.  
  305. }
  306.  
  307. #posts {
  308. width:500px;
  309. margin:0px auto 100px auto;
  310. background-color:{color:post background};
  311. padding:18px;
  312. position:relative;
  313.  
  314.  
  315. }
  316.  
  317. #posts img {
  318. max-width:500px;
  319. }
  320.  
  321. #posts img, #posts li, #posts blockquote {
  322. max-width: 100%;
  323. }
  324.  
  325. .caption {
  326. font-size:13px;
  327. }
  328.  
  329.  
  330. /*quote*/
  331.  
  332. .qut {
  333. font-size:14px;
  334. font-style:italic;
  335. text-align:center;
  336.  
  337. }
  338.  
  339. .src {
  340. text-align:right;
  341. margin-top:-7px;
  342. font-size:12px;
  343.  
  344.  
  345. }
  346.  
  347. .qtmrk1 {
  348. font-size:30px;
  349. text-align:center;
  350. font-family:serif;
  351. margin-bottom:4px;
  352. }
  353.  
  354. .qtmrk2 {
  355. font-size:30px;
  356. text-align:center;
  357. font-family:serif;
  358. margin-top:8px;
  359. }
  360. /*asks*/
  361.  
  362. .asker{
  363. text-transform:lowercase;
  364. font-size:14px;
  365. font-style:italic;
  366. margin-bottom:3px;
  367. }
  368.  
  369. .qst{
  370. background-color:{color:info border};
  371. margin:10px;
  372. margin-bottom:0px;
  373. text-align:justify;
  374. padding:20px;
  375. font-size:14px;
  376.  
  377.  
  378.  
  379.  
  380. }
  381.  
  382. .answr{
  383. text-align:justify;
  384. padding:28px 20px 20px 20px;
  385. background-color:{color:info border};
  386. margin:-28px 10px 10px 10px;
  387. font-size:14px;
  388. }
  389.  
  390. #triangle-down {
  391. width: 0;
  392. height: 0;
  393. border-left: 20px solid transparent;
  394. border-right:20px solid transparent;
  395. border-top: 18px solid {color:info border};
  396. margin:0 auto;
  397. }
  398.  
  399. #triangle-down2 {
  400. width: 0;
  401. height: 0;
  402. border-left: 20px solid transparent;
  403. border-right:20px solid transparent;
  404. border-top: 18px solid {color:post background};
  405. margin:10px auto;
  406. z-index:999;
  407. position:relative
  408. }
  409. /*chat*/
  410.  
  411. .chat ol {
  412. padding:0;
  413. list-style:none;
  414. }
  415.  
  416. .line {
  417. padding:0px 0;
  418. }
  419.  
  420. .label {
  421. font-weight:bold;
  422. }
  423.  
  424. #info {
  425. font-size:12px;
  426. text-align:center;
  427. margin-top:12px;
  428. text-transform:uppercase;
  429. border:2px solid {color:info border};
  430. padding:10px;
  431. }
  432.  
  433. #info a {
  434. margin-right:0px;
  435. }
  436.  
  437.  
  438. {block:IfShowTags}
  439.  
  440. .tags {
  441. font-size:12px;
  442. text-transform:none;
  443. margin-top:5px;
  444. }
  445.  
  446. {/block:IfShowTags}
  447.  
  448.  
  449. {block:IfNotShowTags}
  450. .tags{
  451. display:none;
  452. }
  453.  
  454. {/block:IfNotShowTags}
  455.  
  456. .pagenotes {
  457. {block:IndexPage}
  458. display: none!important;
  459. {/block:IndexPage}
  460. width:500px;
  461. text-align:left;
  462. }
  463.  
  464. .pagenotes img {
  465. display:none!important;
  466. }
  467.  
  468. .pagenotes li {
  469. list-style-type:none;
  470. padding:2px 0px;
  471. text-align:left;
  472. margin:0 0 0 -40px;
  473. }
  474.  
  475. .pagination{
  476.  
  477. text-align:center;
  478. margin:30px auto;
  479.  
  480. }
  481.  
  482.  
  483. .pagination a{
  484. background-color:{color:Post background};
  485. width:100px;
  486. text-align:center;
  487. font-size:13px;
  488. margin:0px 10px;
  489.  
  490.  
  491.  
  492. padding:8px 12px;
  493. }
  494.  
  495.  
  496. #cred{
  497. position:fixed;
  498. bottom:5px;
  499. right:3px;
  500.  
  501. }
  502.  
  503.  
  504. #cred a{
  505. color:{color:Link};
  506.  
  507. text-align:center;
  508. padding:3px 7px;
  509. }
  510.  
  511. #cred a:hover{
  512. color:{color:Link Hover};
  513.  
  514. }
  515.  
  516. </style>
  517.  
  518.  
  519.  
  520. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  521.  
  522.  
  523.  
  524. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  525.  
  526.  
  527. <script>
  528. $(document).ready(function() {
  529. $('.tabs .tab-links a').on('click', function(e) {
  530. var currentAttrValue = $(this).attr('href');
  531.  
  532. // Show/Hide Tabs
  533. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  534.  
  535. // Change/remove current tab to active
  536. $(this).parent('li').addClass('active').siblings().removeClass('active');
  537.  
  538. e.preventDefault();
  539. });
  540. });
  541. </script>
  542.  
  543. <script>
  544. $(document).ready(function() {
  545. $('#filterOptions li a').click(function() {
  546. // fetch the class of the clicked item
  547. var ourClass = $(this).attr('class');
  548.  
  549. // reset the active class on all the buttons
  550. $('#filterOptions li').removeClass('active');
  551. // update the active state on our clicked button
  552. $(this).parent().addClass('active');
  553.  
  554. if(ourClass == 'all') {
  555. // show all our items
  556. $('#ourHolder').children('div.item').show();
  557. }
  558. else {
  559. // hide all elements that don't share ourClass
  560. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  561. // show all elements that do share ourClass
  562. $('#ourHolder').children('div.' + ourClass).show();
  563. }
  564. return false;
  565. });
  566. });
  567. </script>
  568.  
  569.  
  570.  
  571. </head>
  572.  
  573. <body>
  574.  
  575. <div id="bj">
  576.  
  577.  
  578.  
  579. <div class="tabs">
  580.  
  581. <div id="tab1" class="tab active">
  582. <div class="tab-content">
  583.  
  584. <img id="icon" src="{image:icon}"/>
  585.  
  586. <div id="bjind">
  587.  
  588. <div id="tit"><a href="/">{Title}</a></div>
  589.  
  590. <div id="desc">{Description}</div>
  591. </div>
  592.  
  593.  
  594. </div>
  595.  
  596.  
  597. </div>
  598.  
  599. <div id="tab2" class="tab">
  600. <div class="tab-content">
  601.  
  602.  
  603.  
  604. <div class="tbcontent">
  605.  
  606.  
  607. <p class="tbtitles">{text:Tab 1}</p>
  608. <p class="tbcntt" style="margin-top:-5px;padding:0 5px;height:110px;overflow:auto;">
  609.  
  610. <!--here s where you input your info section for the tabs. normal formatting with bolding and italic works, as well as <br> for starting a new paragraph. the box will automatically use a scrollbar if there's too much to fit, so don't worry about length!-->
  611.  
  612. <b>here is where you can put some info about yourself.</b> lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  613.  
  614. </p>
  615.  
  616.  
  617.  
  618. </div>
  619.  
  620.  
  621. </div>
  622. </div>
  623.  
  624. <div id="tab3" class="tab">
  625. <div class="tab-content">
  626.  
  627. <div class="tbcontent">
  628.  
  629. <p class="tbtitles">{text:Tab 2}</p>
  630. <p class="tbcntt" style="text-align:center;font-size:14px;height:100px;overflow:auto;">
  631.  
  632.  
  633. <!--here is where you put your links. just replace the / in the first bracket with the url you want, and replace "link" with what you want the link to say. use <br> if you want to start new lines. again this box will automatically create a scrollbar if necessary.
  634.  
  635. note: if the page you're linking to IS a part of your blog, such as a tags page, you can simply put "/tagged/whatever" in the url section. if the page you're linking to is NOT a part of your blog, you must put the entire url.
  636.  
  637. -->
  638.  
  639. <a href="/">link</a>&nbsp;
  640. <a href="/">link</a>&nbsp;
  641. <a href="/">link</a>&nbsp;
  642. <a href="/">link</a>&nbsp;
  643. <a href="/">link</a>&nbsp;
  644. <a href="/">link</a>&nbsp;
  645. <a href="/">link</a>&nbsp;
  646. <a href="/">link</a>
  647.  
  648.  
  649.  
  650. </p>
  651.  
  652. </div>
  653.  
  654. </div>
  655. </div>
  656.  
  657.  
  658.  
  659. <div id="tab4" class="tab">
  660. <div class="tab-content">
  661.  
  662. <div class="tbcontent" style="border:none;">
  663.  
  664. <p><iframe frameborder="0" scrolling="yes" width="490" height="62" style="margin:-40px 15px -14px -10px;" src="http://www.tumblr.com/ask_form/folklorethemes-19.tumblr.com" style="background-color:transparent; overflow:auto;" id="ask_form"></iframe></p>
  665.  
  666. </div>
  667.  
  668.  
  669. </div>
  670. </div>
  671.  
  672.  
  673. </div>
  674.  
  675.  
  676.  
  677. <div class="tabs">
  678.  
  679. <ul class="tab-links">
  680. <li class="active" >
  681. <a href="#tab1">index</a></li>
  682. <li><a href="#tab2">{text:Tab 1}</a></li>
  683. <li><a href="#tab3">{text:Tab 2}</a></li>
  684. <li><a href="#tab4">inbox</a></li>
  685.  
  686.  
  687. </ul>
  688.  
  689. </div>
  690.  
  691.  
  692.  
  693.  
  694.  
  695. </div>
  696.  
  697. <div id="wrapper">
  698.  
  699. {block:Posts}
  700.  
  701. <div id="posts">
  702.  
  703. {block:Quote}
  704. <div class="qut"><div class="qtmrk1">“</div>{Quote}<div class="qtmrk2">”</div></div>
  705. {block:Source}<div class="src"><br>&mdash; {Source}</div>{/block:Source}
  706. {/block:Quote}
  707.  
  708. {block:Text}
  709. {block:Title}
  710. <div id="title">{Title}</div>{/block:Title}
  711. {Body}
  712. {/block:Text}
  713.  
  714. {block:link}
  715. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  716. {block:Description}{Description}{/block:Description}
  717. {/block:link}
  718.  
  719. {block:Chat}
  720. {block:Title}
  721. <div id="title">{Title}</div>{/block:Title}
  722. {/block:Text}
  723. {block:lines}
  724. {block:label}
  725. <br><b>{label}</b>
  726. {/block:label}
  727. {line}
  728. {/block:lines}
  729. {/block:Chat}
  730.  
  731. {block:Photo}
  732. {linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}
  733. {/block:Photo}
  734.  
  735. {block:Photoset}
  736. {Photoset-500}
  737. {/block:Photoset}
  738.  
  739. <div class="video">{Video-500}</div>
  740.  
  741. {block:Audio}
  742. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  743. {/block:Audio}
  744.  
  745. {block:Answer}
  746. <div class="qst">
  747. <div class="asker">{Asker} asked: </div>{Question}</div>
  748. <div id="triangle-down"></div>
  749. <div id="triangle-down2"></div>
  750. <div class="answr">{Answer}</div>
  751. {/block:Answer}
  752.  
  753. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  754.  
  755. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  756.  
  757. {block:Date}
  758. <div id="info">
  759. <a href="{Permalink}" >{ShortMonth} {DayOfMonthWithZero}, {Year}</a>
  760. {block:NoteCount} <span style="font-weight:bold;color:{color:link}">·</span> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  761.  
  762. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  763.  
  764. </div>
  765.  
  766. {/block:Date}
  767.  
  768. </div>
  769.  
  770. {block:PostNotes}
  771. <div class="pagenotes">
  772. {PostNotes}
  773. </div>
  774. {/block:PostNotes}
  775.  
  776. {/block:Posts}
  777.  
  778.  
  779. <div class="pagination" >
  780. {block:PreviousPage}<a href="{PreviousPage}"> BACK</a>{/block:PreviousPage}
  781.  
  782. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  783. </div>
  784.  
  785.  
  786.  
  787. </div>
  788.  
  789.  
  790. <div id="cred"><a href="http://folklorethemes.tumblr.com">flt.</a></div>
  791.  
  792. </body>
  793.  
  794.  
  795. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!