API tools faq
paste
jamidanielle_

prototype

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