API tools faq
paste
jamidanielle_

min start aug16

jamidanielle_
Aug 15th, 2016
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <head>
  5.  
  6. <!--------------------------------->
  7. <!-------------[xxxxx]------------->
  8. <!----THEME BY FOLKLORE THEMES----->
  9. <!------------AUG 2016------------->
  10. <!--DO NOT STEAL OR REMOVE CREDIT-->
  11. <!--------------------------------->
  12. <!--------------------------------->
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16.  
  17. <meta name="image:Icon" content=""/>
  18. <meta name="color:Background" content=""/>
  19.  
  20. <meta name="color:Text" content=""/>
  21. <meta name="color:Posts bg" content="#fff"/>
  22.  
  23. <meta name="color:Links" content=""/>
  24. <meta name="color:Link Hover" content=""/>
  25.  
  26. <meta name="color:Border" content=""/>
  27. <meta name="color:Scrollbar" content=""/>
  28.  
  29. <meta name="text:Link 1 URL" content=""/>
  30. <meta name="text:Link 1 Title" content=""/>
  31. <meta name="text:Link 2 URL" content=""/>
  32. <meta name="text:Link 2 Title" content=""/>
  33. <meta name="text:Link 3 URL" content=""/>
  34. <meta name="text:Link 3 Title" content=""/>
  35.  
  36.  
  37.  
  38. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  39.  
  40. <style type="text/css">
  41.  
  42. * {
  43. margin: 0;
  44. padding: 0;
  45. }
  46.  
  47. ::-webkit-scrollbar-thumb:vertical {
  48.  
  49. background-color:{color:Scrollbar};
  50. /*scrollbar's slider color*/
  51. height:100px;
  52. padding:2px;
  53. -moz-border-radius: 0px; /*these make bar rounded*/
  54. border-radius: 0px;
  55. }
  56.  
  57. ::-webkit-scrollbar-thumb:horizontal {
  58. /*scrollbar's slider color*/
  59. height:100px !important;
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. height:10px;
  64. padding:2px;
  65. width:2px; /*width of slider*/
  66.  
  67. /*scrollbar's main color*/
  68. }
  69.  
  70. img{
  71. width:100%;
  72. }
  73.  
  74.  
  75. body {
  76.  
  77. background-color:{color:Background};
  78. font-size:13px;
  79.  
  80. font-family:'Roboto',arial,sans-serif;
  81.  
  82.  
  83. }
  84.  
  85. a{
  86. text-decoration:none;
  87. color:{color:Links};
  88. -moz-transition-duration: 0.5s;
  89. -o-transition-duration: 0.5s;
  90. -webkit-transition-duration: 0.5s;
  91. transition-duration: 0.5s;
  92. }
  93.  
  94. a:hover{
  95. color:{color:Link Hover};
  96. -moz-transition-duration: 0.5s;
  97. -o-transition-duration: 0.5s;
  98. -webkit-transition-duration: 0.5s;
  99. transition-duration: 0.5s;
  100. }
  101.  
  102. #sb{
  103.  
  104. margin:50px auto -20px auto;
  105. width:450px;
  106. background-color:{color:Posts bg};
  107. padding:15px;
  108.  
  109.  
  110.  
  111. }
  112.  
  113.  
  114. #tit{
  115. padding:10px;
  116. text-align:center;
  117. font-style:italic;
  118. font-size:19px;
  119. }
  120.  
  121. #desc{
  122. font-size:12px;
  123. text-align:center;
  124. padding:3px;
  125. }
  126.  
  127.  
  128.  
  129. .navlinks{
  130. text-align:center;
  131. font-style:italic;
  132. font-size:13px;
  133. padding:10px;
  134. }
  135.  
  136.  
  137.  
  138. #wrapper{
  139. width:600px;
  140. margin:0px auto;
  141.  
  142. overflow-x:hidden;
  143.  
  144.  
  145.  
  146.  
  147. }
  148.  
  149. .posts {
  150.  
  151.  
  152. width:450px;
  153. margin:100px auto 100px auto;
  154. position:relative;
  155. padding:15px;
  156. border:1px solid {color:Border};
  157. background-color:{color:Posts bg};
  158.  
  159.  
  160.  
  161.  
  162.  
  163.  
  164. }
  165.  
  166.  
  167.  
  168. .posts img {
  169.  
  170. margin:0 auto;
  171. width:100%;
  172. }
  173.  
  174.  
  175. .posts .title {
  176. color:{color:Links};
  177. font-size:15px;
  178. padding:3px 2px 2px 2px;
  179.  
  180.  
  181. }
  182.  
  183.  
  184.  
  185. .posts h2 {
  186. font-size:14px;
  187. font-weight:normal;
  188. margin:0px;
  189.  
  190. }
  191.  
  192. .posts h2 a {
  193. font-size:12px;
  194. }
  195.  
  196. blockquote {
  197. border-left: solid 1px {color:Text};
  198. margin: 0;
  199. padding-left: 10px;
  200. }
  201.  
  202.  
  203. .posts .photocap {
  204.  
  205. font-size:11px;
  206. padding:6px;
  207.  
  208.  
  209. }
  210.  
  211.  
  212. .posts .text{
  213. padding:10px;
  214. line-height:15px;
  215. }
  216.  
  217.  
  218. .posts .qut {
  219. font-size:14px;
  220. font-style:italic;
  221. text-align:center;
  222.  
  223. }
  224.  
  225. .posts .src {
  226. text-align:right;
  227. margin-top:-7px;
  228. font-size:11px;
  229.  
  230.  
  231. }
  232.  
  233. .posts .qtmrk1 {
  234. font-size:30px;
  235. text-align:center;
  236. font-family:serif;
  237. margin-bottom:4px;
  238. }
  239.  
  240. .posts .qtmrk2 {
  241. font-size:30px;
  242. text-align:center;
  243. font-family:serif;
  244. margin-top:8px;
  245. }
  246.  
  247.  
  248. .posts .photoset {
  249. width:100%;
  250. padding-right:10px;
  251.  
  252. margin:0 auto;
  253.  
  254.  
  255. }
  256.  
  257. .posts .label{
  258.  
  259. display:inline;
  260. font-size:11px;
  261. padding-right:2px;
  262.  
  263. }
  264.  
  265. .posts .lines{
  266.  
  267. display:inline;
  268. font-size:11px;
  269.  
  270. }
  271.  
  272. .asker{
  273. text-transform:lowercase;
  274. }
  275.  
  276. .qst{
  277. background-color:#f6f6f6;
  278. margin:10px;
  279. margin-bottom:0px;
  280. text-align:justify;
  281. padding:20px;
  282.  
  283.  
  284.  
  285.  
  286. }
  287.  
  288. .answr{
  289. text-align:justify;
  290. padding:28px 20px 20px 20px;
  291. background-color:#f6f6f6;
  292. margin:-28px 10px 10px 10px;
  293. }
  294.  
  295. #triangle-down {
  296. width: 0;
  297. height: 0;
  298. border-left: 20px solid transparent;
  299. border-right:20px solid transparent;
  300. border-top: 18px solid #f6f6f6;
  301. margin:0 auto;
  302. }
  303.  
  304. #triangle-down2 {
  305. width: 0;
  306. height: 0;
  307. border-left: 20px solid transparent;
  308. border-right:20px solid transparent;
  309. border-top: 18px solid #fff;
  310. margin:10px auto;
  311. z-index:999;
  312. position:relative
  313. }
  314.  
  315.  
  316.  
  317. img {
  318. max-width:100%;
  319. }
  320.  
  321.  
  322.  
  323.  
  324. .playerbuttonbg {
  325. position: absolute;
  326. left: 20px;
  327. top: 20px;
  328. width: 19px;
  329. height: 19px;
  330. background-color: #ffffff;
  331. padding: 10px;
  332. -webkit-border-radius: 40px;
  333. -moz-border-radius: 40px;
  334. border-radius: 40px;
  335. opacity: .4;
  336. filter: alpha(opacity=40);
  337. -moz-opacity: 0.4;
  338. -khtml-opacity: 0.4;
  339. transition: opacity .7s ease-in-out;
  340. -moz-transition: opacity .7s ease-in-out;
  341. -webkit-transition: opacity .7s ease-in-out;
  342. }
  343.  
  344. .playerbuttonbg:hover {
  345. opacity: 1;
  346. filter: alpha(opacity=100);
  347. -moz-opacity: 1;
  348. -khtml-opacity: 1;
  349. }
  350.  
  351. .newplayerbutton {
  352. position: relative;
  353. width: 19px;
  354. height: 19px;
  355. overflow: hidden;
  356. }
  357.  
  358. .playerbuttonhug {
  359. position: absolute;
  360. top: -18px;
  361. left: -7px;
  362. }
  363.  
  364. .tumblr_audio_player {
  365. height: 90px;
  366. width: 270px;
  367. -moz-transform: scale(0.60, 0.60);
  368. -webkit-transform: scale(0.60, 0.60);
  369. -o-transform: scale(0.60, 0.60);
  370. -ms-transform: scale(0.60, 0.60);
  371. transform: scale(0.60, 0.60);
  372. -moz-transform-origin: top left;
  373. -webkit-transform-origin: top left;
  374. -o-transform-origin: top left;
  375. -ms-transform-origin: top left;
  376. transform-origin: top left;
  377. }
  378.  
  379. .audioimgwrapper {
  380. position: absolute;
  381. left: 0px;
  382. top: 0px;
  383. -webkit-border-radius: 40px;
  384. -moz-border-radius: 40px;
  385. border-radius: 40px;
  386. overflow: hidden;
  387. width: 79px;
  388. height: 79px;
  389. }
  390.  
  391. .audioimgwrapper img {
  392. width: 100%;
  393. height: auto;
  394. -webkit-border-radius: 40px;
  395. -moz-border-radius: 40px;
  396. border-radius: 40px;
  397. }
  398.  
  399. .trackdetails {
  400. width: auto;
  401.  
  402. display:inline-block;
  403. margin-left: 90px;
  404. min-height: 85px;
  405. font-size:12px;
  406. font-family:sans-serif;
  407. color:{color:Text};
  408. }
  409.  
  410. .audiowrapper {
  411. position: relative;
  412. display:inline-block;
  413. }
  414.  
  415.  
  416. .info{
  417. background-color:{color:Posts bg};
  418. padding-top:25px;
  419. text-transform:uppercase;
  420. text-align:right;
  421. font-size:11px;
  422.  
  423.  
  424.  
  425. }
  426.  
  427.  
  428.  
  429.  
  430.  
  431. .tags{
  432.  
  433.  
  434. font-size:11px;
  435. text-align:right;
  436. padding-top:4px;
  437. text-transform:none;
  438.  
  439.  
  440.  
  441. }
  442.  
  443.  
  444.  
  445. #notecontainer {
  446. margin: 20px auto;
  447. width: 450px;
  448. font-size: 11px;
  449. }
  450.  
  451. #notecontainer ol.notes {
  452. list-style-type: none;
  453. margin: 0;
  454. padding: 0;
  455. }
  456.  
  457. #notecontainer img.avatar {
  458. margin-right: 10px;
  459. width: 16px;
  460. height: 16px;
  461. }
  462.  
  463.  
  464.  
  465. .pagination{
  466.  
  467. text-align:center;
  468. margin:30px auto;
  469.  
  470. }
  471.  
  472.  
  473. .pagination a{
  474. background-color:{color:Posts bg};
  475. width:100px;
  476. text-align:center;
  477. font-size:12px;
  478. margin:0px 10px;
  479.  
  480.  
  481.  
  482. padding:8px 12px;
  483. }
  484.  
  485. #cred,#cred a{
  486. position:fixed;
  487. color:{color:text};
  488. font-size:12px;
  489.  
  490.  
  491. -moz-transition-duration: 0.5s;
  492. -o-transition-duration: 0.5s;
  493. -webkit-transition-duration: 0.5s;
  494. transition-duration: 0.5s;
  495. bottom:5px;
  496. right:5px;
  497. }
  498.  
  499. #cred a:hover{
  500. color:{color:Posts bg};
  501. -moz-transition-duration: 0.5s;
  502. -o-transition-duration: 0.5s;
  503. -webkit-transition-duration: 0.5s;
  504. transition-duration: 0.5s;
  505. }
  506.  
  507. </style>
  508.  
  509. </head>
  510.  
  511. <body>
  512.  
  513.  
  514. <div id="sb">
  515. <div id="tit"><a href="/">{Title}</a></div>
  516. <div id="desc">{Description}</div>
  517. <div class="navlinks">
  518. <a href="/">home</a> -
  519. <a href="/ask">inbox</a> -
  520. <a href="/abt">info</a> -
  521. <a href="/links">links</a>
  522.  
  523. </div>
  524.  
  525. </div>
  526.  
  527.  
  528. <div id="wrapper">
  529.  
  530.  
  531.  
  532.  
  533. <div class = "autopagerize_page_element" >
  534.  
  535.  
  536. {block:Posts}
  537.  
  538.  
  539.  
  540.  
  541. <div class="posts" id="{select:Box Shadow}">
  542.  
  543. {block:Photo}
  544. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  545. {block:Caption}<div class="photocap">{Caption}</div>{/block:Caption}
  546. {/block:Photo}
  547.  
  548. {block:Photoset}<div class="photoset">
  549. {Photoset}<!-- edited~ -->
  550. {block:Caption}<div class="photocap">{Caption}</div>{/block:Caption}</div>
  551. {/block:Photoset}
  552.  
  553. {block:Video}
  554. <div class="video">{Video-500}</div>
  555. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  556. {/block:Video}
  557.  
  558. {block:Audio}
  559. {block:AudioPlayer}
  560. <div class="audiowrapper">
  561. {block:AlbumArt}
  562. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  563. {/block:AlbumArt}
  564.  
  565. <div class="playerbuttonbg">
  566. <div class="newplayerbutton">
  567. <div class="playerbuttonhug">
  568.  
  569. {AudioPlayerWhite}
  570.  
  571. </div>
  572. </div>
  573. </div>
  574.  
  575. <div class="trackdetails">
  576.  
  577. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  578. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  579. {block:Album}Album: {Album}{/block:Album}<br/>
  580. {PlayCountWithLabel}
  581.  
  582. </div>
  583. </div>
  584. {/block:AudioPlayer}
  585.  
  586. {block:Caption}{Caption}{/block:Caption}
  587. {/block:Audio}
  588.  
  589. {block:Quote}
  590. <div class="qut"><div class="qtmrk1">“</div>{Quote}<div class="qtmrk2">”</div></div>
  591. {block:Source}<div class="src"><br>&mdash; {Source}</div>{/block:Source}
  592. {/block:Quote}
  593.  
  594. {block:Text}
  595. {block:Title}<div class="title">{Title}</div>{/block:Title}
  596. <div class="text">{Body}</div>
  597. {/block:Text}
  598.  
  599. {block:Answer}
  600. <div class="qst">
  601. <div class="asker">{Asker} asked: </div>{Question}</div>
  602. <div id="triangle-down"></div>
  603. <div id="triangle-down2"></div>
  604. <div class="answr">{Answer}</div>
  605. {/block:Answer}
  606.  
  607.  
  608.  
  609. {block:Chat}
  610. {block:Title}<h1>{Title}</h1>{/block:Title}
  611. {block:Lines}{block:Label}<div class="label"><b>{Label}</b></div>{/block:Label}<div class="lines">{Line}</div><br>{/block:Lines}
  612. {/block:Chat}
  613.  
  614. {block:Link}
  615. <div class="title"><a href="{URL}">{Name}</a></div>
  616. {block:Description}
  617. <div class="text">{Description}</div>
  618. {/block:Description}
  619. {/block:Link}
  620.  
  621.  
  622.  
  623.  
  624.  
  625. {block:PostNotes}
  626. <div id="notecontainer">{PostNotes}</div>
  627. {/block:PostNotes}
  628.  
  629. {block:IndexPage}
  630. <div class="info">
  631. <a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonthWithZero}, {Year}{/block:Date}</a><a href="{Permalink}" >&nbsp; / &nbsp;{block:NoteCount}{NoteCount} {/block:NoteCount}</a> &nbsp;
  632.  
  633. {block:HasTags}<div class="tags">
  634. {block:Tags}
  635. <a href="{TagURL}"> #{Tag}&nbsp;</a>
  636. {/block:Tags}
  637. </div>
  638. {/block:HasTags}
  639.  
  640. </div>
  641. {/block:IndexPage}
  642.  
  643. </div>
  644.  
  645.  
  646.  
  647.  
  648.  
  649.  
  650. {/block:Posts}
  651.  
  652. </div>
  653.  
  654. {block:PermalinkPage}
  655. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  656. &nbsp; {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  657. {block:RebloggedFrom} <a href="{ReblogParentURL}" ></a>{/block:RebloggedFrom}{/block:PermalinkPage}
  658.  
  659. </div>
  660.  
  661.  
  662.  
  663. <div class="pagination" >
  664. {block:PreviousPage}<a href="{PreviousPage}"> <<</a>{/block:PreviousPage}
  665.  
  666. {block:NextPage}<a href="{NextPage}">>></a>{/block:NextPage}
  667. </div>
  668.  
  669.  
  670. <div id="cred"><a href="http://folklorethemes.tumblr.com">flt.</a>
  671. </div>
  672.  
  673. </body>
  674.  
  675. </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!