API tools faq
paste
jamidanielle_

SUNDAY

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