API tools faq
paste
Belgrravia

Forget Me

Belgrravia
Nov 4th, 2015
643
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.97 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. forget me
  3. theme by kalopsiathemes
  4. Please do not
  5. -remove the credit
  6. -steal parts of code
  7. -use as a base
  8.  
  9. Feel free to
  10. -edit parts of the theme
  11. -ask me any questions
  12. -->
  13. <!DOCTYPE html>
  14. <head>
  15. <link href='https://fonts.googleapis.com/css?family=Raleway:400,700|Noto+Sans:400,700' rel='stylesheet' type='text/css'>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21.  
  22.  
  23. <meta name="color:Background" content="#bbbaba"/>
  24. <meta name="color:link" content="#090909"/>
  25. <meta name="color:link hover" content="#a8a8a8"/>
  26. <meta name="color:borders" content="#eaeaea"/>
  27. <meta name="color:title" content="#848383"/>
  28. <meta name="color:text" content="#bbbaba"/>
  29. <meta name="image:Background" content=""/>
  30. <meta name="image:sidebar" content=""/>
  31.  
  32. <meta name="if:InfiniteScroll" content="1"/>
  33.  
  34. <meta name="if:500px posts" content="0"/>
  35. <meta name="if:400px posts" content="1"/>
  36. <meta name="if:250px posts" content="0"/>
  37.  
  38.  
  39. <meta name="text:link1" content="">
  40. <meta name="text:link1url" content="" />
  41. <meta name="text:link2" content="">
  42. <meta name="text:link2url" content="" />
  43. <meta name="text:link3" content="">
  44. <meta name="text:link3url" content="" />
  45. <meta name="text:link4" content="">
  46. <meta name="text:link4url" content="" />
  47. <meta name="text:link5" content="">
  48. <meta name="text:link5url" content="" />
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52.  
  53. <script>
  54.  
  55. (function($){
  56.  
  57. $(document).ready(function(){
  58.  
  59. $("a[title]").style_my_tooltips({
  60.  
  61. tip_follows_cursor:true,
  62.  
  63. tip_delay_time:30,
  64.  
  65. tip_fade_speed:300,
  66.  
  67. attribute:"title"
  68.  
  69. });
  70.  
  71. });
  72.  
  73. })(jQuery);
  74.  
  75. </script>
  76.  
  77.  
  78.  
  79. <style type="text/css">
  80.  
  81. #s-m-t-tooltip {max-width:400px;
  82. padding:2px;
  83. margin:10px 0px 0px 10px;
  84. padding:2px 4px;
  85. background-color:{color:text};
  86. text-transform:uppercase;
  87. font-size:7px;
  88. letter-spacing:3px;
  89. color:{color:background};
  90. font-weight:700;
  91. z-index:999999999;
  92. }
  93.  
  94. ::-webkit-scrollbar {height: 0px;
  95. width: 3px;
  96. -webkit-border-radius: 0px;
  97. background-color:{color:background}}
  98. ::-webkit-scrollbar-thumb{background-color:{color:text};
  99. }
  100.  
  101. html, body {margin:0;padding:0;height:100%;}
  102.  
  103. body {
  104. background-color:{color:background};
  105. color:{color:text};
  106. font-size:9px;
  107. margin:0;
  108. font-family: 'Raleway', sans-serif;
  109. background-image: url("{image:background}");
  110. background-repeat:repeat;
  111. background-position: bottom;
  112. background-attachment: fixed;
  113. }
  114.  
  115. #posts {
  116. {block:IndexPage}
  117. width:250px;
  118. {/block:IndexPage}
  119. {block:PermalinkPage}
  120. width:400px;
  121. {/block:PermalinkPage}
  122. margin-top:100px;
  123. padding:40px;
  124. margin-bottom:40px;
  125. }
  126.  
  127. #posts img {
  128. {block:PermalinkPage}
  129. max-width:400px;
  130. {/block:PermalinkPage}
  131. {block:IndexPage}
  132. max-width:250px;
  133. {/block:IndexPage}
  134. }
  135.  
  136.  
  137. #posts, #posts img, #posts blockquote {
  138. font-size:11px;
  139. color:{color:text};
  140. }
  141.  
  142.  
  143. img {
  144. border: 0;
  145. max-width: 100%;
  146. }
  147.  
  148.  
  149. .entries {
  150. {block:IndexPage}
  151. width:250px;
  152. {/block:IndexPage}
  153. float:left;
  154. {block:PermalinkPage}
  155. width:400px;
  156. {/block:PermalinkPage}
  157. padding-left:50px;
  158. margin:10px;
  159.  
  160. }
  161.  
  162. small {
  163. font-size:10px;
  164. }
  165.  
  166. big {
  167. font-size:12px;
  168. }
  169.  
  170.  
  171. h2 {
  172. font-size:14px;
  173. color:{color:title};
  174. text-align:center;
  175. text-transform:lowercase;
  176. }
  177.  
  178. h1 {
  179. font-size:10px;
  180. Text-align:center;
  181. letter-spacing:1px;
  182. color:{color:text};
  183. }
  184.  
  185. h3 {
  186. font-size:11px;
  187. color:{color:text};
  188. letter-spacing:1px;
  189.  
  190. }
  191.  
  192.  
  193. #top {
  194. width:100px;
  195. position:fixed;
  196. margin-left:80%;
  197. margin-top:100px;
  198. }
  199.  
  200.  
  201. #container {
  202. width:700px;
  203. {block:IndexPage}
  204. margin-left:8%;
  205. {/block:IndexPage}
  206. {block:PermalinkPage}
  207. margin-left:18%;
  208. {block:PermalinkPage}
  209. padding-top:40px;
  210. }
  211.  
  212.  
  213.  
  214. #nav {
  215. text-transform:lowercase;
  216. word-wrap:break-word;
  217. font-size:9px;
  218. margin-bottom:10px;
  219. text-align:left;
  220. letter-spacing:.2px;
  221. word-spacing:.5px;
  222. line-height:125%;
  223. border-bottom:{color:borders};
  224. }
  225.  
  226. .link {
  227. width:100px;
  228. padding-top:4px;
  229. }
  230.  
  231. #sidebarimage img {
  232. width:80px;
  233. height:80px;
  234. margin-bottom:10px;
  235. border-radius:50px;
  236. }
  237.  
  238. #title {
  239. word-wrap:break-word;
  240. text-align:left;
  241. font-size:13px;
  242. margin-bottom:10px;
  243. letter-spacing:.2px;
  244. text-transform:uppercase;
  245. color:{color:title};
  246. font-family: 'Noto Sans', sans-serif;
  247. font-weight:700;
  248. }
  249.  
  250.  
  251. #description {
  252. font-size:10px;
  253. line-height:140%;
  254. margin-top:5px;
  255. margin-bottom:10px;
  256. font-style:italic;
  257. }
  258.  
  259. .link {
  260. width:100px;
  261. padding-top:4px;
  262. border-bottom:1px solid {color:borders};
  263. }
  264.  
  265. #postinfo {
  266. {block:PermalinkPage}
  267. width:400px;
  268. {/block:PermalinkPage}
  269. {block:IndexPage}
  270. width:250px;
  271. {/block:IndexPage}
  272. font-size:9px;
  273. margin-top:15px;
  274. padding-top:5px;
  275. padding-bottom:5px;
  276. letter-spacing:.5px;
  277. margin-bottom:40px;
  278. text-align:left;
  279. border-top:1px solid {color:borders};
  280. text-transform:lowercase;
  281. }
  282.  
  283. a:visited, a:link {
  284. text-decoration:none;
  285. color:{color:link};
  286. }
  287.  
  288. a:hover {
  289. cursor: crosshair;
  290. font-style:italic;
  291. color:{color:link hover};
  292. }
  293.  
  294.  
  295. .date {
  296. color:{color:title};
  297. margin-bottom:5px;
  298. }
  299.  
  300. .date a {
  301. color:{color:title};
  302.  
  303. }
  304.  
  305. .source {
  306. text-align:left;
  307. }
  308.  
  309.  
  310. .pagenotes {
  311. {block:IndexPage}
  312. display: none;
  313. {/block:IndexPage}
  314. width:400px;
  315. padding:10px;
  316. margin-bottom:30px;
  317. padding-top:200px;
  318. letter-spacing:.5px;
  319. text-transform:lowercase;
  320. font-size:10px;
  321. margin-top:100px;
  322. }
  323.  
  324. .pagenotes img {
  325. display:none;
  326. }
  327. .pagenotes li {
  328. width:400px;
  329. list-style-type:none;
  330. padding:5px 0px;
  331. text-align:left;
  332. margin-left:-30px;
  333. }
  334. .tags {
  335. {block:If500pxposts}
  336. width:500px;
  337. {/block:If500pxposts}
  338. {block:If400pxposts}
  339. width:400px;
  340. {/block:If400pxposts}
  341. {block:If250pxposts}
  342. width:250px;
  343. {/block:If250pxposts}
  344. font-size:9px;
  345. padding-top:3px;
  346. color:{color:text};
  347. padding-bottom:3px;
  348. letter-spacing:.5px;
  349. word-wrap:break-word;
  350. text-align:left;
  351. text-transform:lowercase;
  352. }
  353.  
  354. .tags a {
  355. text-transform:lowercase;
  356. text-decoration:none;
  357. }
  358.  
  359. .pagination {
  360. display:none;
  361. }
  362.  
  363. .player {
  364. width:50px;
  365. height:25px;
  366. overflow:hidden;
  367. position:absolute;
  368. background:white;}
  369.  
  370. .audioinfo {
  371. margin-left:50px;
  372. font-size:12px;
  373. }
  374.  
  375. .q {
  376. text-align:center;
  377. font-weight:bold;
  378. }
  379.  
  380. .as {
  381. font-weight:bold;
  382. text-transform:uppercase;
  383. margin-bottom:10px;
  384. }
  385.  
  386.  
  387. .a {
  388. margin-top:10px;
  389.  
  390. }
  391.  
  392. .chat ol {
  393. padding:0;
  394. list-style:none;
  395. }
  396.  
  397. .label {font-weight:bold;
  398. }
  399.  
  400. .newplayerbutton {
  401. position: relative;
  402. width: 28px;
  403. height: 27px;
  404. overflow: hidden;
  405. }
  406.  
  407. .playerbuttonhug {
  408. position: absolute;
  409. top: -11px;
  410. left: -12px;
  411. }
  412.  
  413.  
  414. .tumblr_audio_player {
  415. border: none;
  416. padding: 0px;
  417. margin: 0px;
  418. height: 50px;
  419. width: 500px;
  420. }
  421.  
  422. .playerbuttonbg {
  423. position: absolute;
  424. z-index:999;
  425. left: 30px;
  426. top: 30px;
  427. width: 28px;
  428. height: 28px;
  429. background-color: #ffffff;
  430. padding: 10px;
  431. -webkit-border-radius: 40px;
  432. -moz-border-radius: 40px;
  433. border-radius: 0px;
  434. opacity: .4;
  435. filter: alpha(opacity=40);
  436. -moz-opacity: 0.4;
  437. -khtml-opacity: 0.4;
  438. transition: opacity .7s ease-in-out;
  439. -moz-transition: opacity .7s ease-in-out;
  440. -webkit-transition: opacity .7s ease-in-out;
  441. }
  442.  
  443. .playerbuttonbg:hover {
  444. opacity: 1;
  445. filter: alpha(opacity=100);
  446. -moz-opacity: 1;
  447. -khtml-opacity: 1;
  448. }
  449.  
  450. .audioimgwrapper {
  451. position: absolute;
  452. padding:10px;
  453. background-color:{color:sidebar background};
  454. left: 0px;
  455. top: 0px;
  456. -webkit-border-radius: 50px;
  457. -moz-border-radius: 50px;
  458. border-radius: 0px;
  459. overflow: hidden;
  460. width: 90px;
  461. height: 88px;
  462. }
  463.  
  464. .audioimgwrapper img {
  465. width: 100%;
  466. height: auto;
  467. -webkit-border-radius: 50px;
  468. -moz-border-radius: 50px;
  469. border-radius: 0px;
  470. }
  471.  
  472. .trackdetails {
  473. width: auto;
  474. display:inline-block;
  475. margin-left: 120px;
  476. line-height:200%;
  477. min-height: 85px;
  478. margin-top:0px;
  479. }
  480.  
  481. .audiowrapper {
  482. position: relative;
  483. display:inline-block;
  484. margin-bottom:20px;
  485. }
  486. #credit {
  487. position:fixed;
  488. color:{color:text};
  489. bottom:2px;
  490. right:1px;
  491. padding:4px;
  492. font-size:12px;
  493. }
  494.  
  495. #credit a {
  496. text-decoration:none;
  497. }
  498.  
  499.  
  500.  
  501. </style>
  502. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  503.  
  504. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  505.  
  506. <script>
  507. $(function(){
  508. var $container = $('#container');
  509. $container.imagesLoaded(function(){
  510. $container.masonry({
  511. itemSelector: '.entries',
  512. });
  513. });
  514. $container.infinitescroll({
  515. itemSelector : ".entries",
  516. navSelector : "div.pagination",
  517. nextSelector : ".pagination a#next",
  518. loadingImg : "",
  519. loadingText : "<em></em>",
  520. bufferPx : 10000,
  521. extraScrollPx: 12000,
  522. },
  523. // trigger Masonry as a callback
  524. function( newElements ) {
  525. var $newElems = $( newElements ).css({ opacity: 0 });
  526. // ensure that images load before adding to masonry layout
  527. $newElems.imagesLoaded(function(){
  528. $newElems.animate({ opacity: 1 });
  529. $container.masonry( 'appended', $newElems, true );
  530. });
  531. }
  532. );
  533. });
  534. </script>
  535. </head>
  536. <body>
  537.  
  538. <div id="side">
  539. </div>
  540. </div>
  541. <div id="sidebar">
  542. </div>
  543.  
  544. <div id="top">
  545. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  546. <div id="title">{title}</div>
  547. <div id="description">{Description}</div>
  548. <div id="nav">
  549. <div id="nav">
  550. <div class="link"><a href="{text:link1url}">{text:link1}</a></div>
  551. <div class="link"><a href="{text:link2url}">{text:link2}</a></div>
  552. <div class="link"><a href="{text:link3url}">{text:link3}</a></div>
  553. <div class="link"><a href="{text:link4url}">{text:link4}</a></div>
  554. </div>
  555. </div></div>
  556. <div class="pagination">
  557. {block:Pagination}
  558. {block:PreviousPage}
  559. <a href="{PreviousPage}"> back</a>
  560. {/block:PreviousPage}
  561.  
  562.  
  563. {block:NextPage}
  564. &mdash;
  565. <a href="{NextPage}" id="next">next </a>
  566. {/block:NextPage}
  567. {/block:Pagination}
  568. </div>
  569. <div id="container">
  570.  
  571. {block:Posts}<div id="posts">
  572.  
  573. <div class="entries">
  574. {block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body}{/block:Text}
  575.  
  576. {block:Quote}<h2>&#147;{Quote}&#148;</h2><h1>{Source}</h1>{/block:Quote}
  577.  
  578. {block:Link}<a href="{URL}"><h3>{Name}</h3></a>
  579.  
  580. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  581.  
  582. {block:Photo} {block:PermalinkPage}<img src="{PhotoURL-400}" />{block:Caption}{Caption}{/block:Caption} {/block:PermalinkPage}{block:IndexPage}<img src="{PhotoURL-250}" />{block:Caption}{Caption}{/block:Caption}{block:IndexPage}{/block:Photo}
  583.  
  584. {block:Photoset}
  585. {block:IndexPage}
  586. <center>{Photoset-250}</center>{block:Caption}{Caption}{/block:Caption}
  587. {/block:IndexPage}
  588.  
  589. {block:PermalinkPage}
  590. <center>{Photoset-400}</center> {/block:PermalinkPage} {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption} {/block:PermalinkPage}
  591. {/block:Photoset}
  592.  
  593. {block:Chat}<ul class="chat">{block:Title}<h3>{Title}</h3>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  594.  
  595. {block:Video}
  596. {block:PermalinkPage}
  597. {Video-400}{block:Caption}{Caption}{/block:Caption}
  598. {/block:PermalinkPage}
  599. {block:IndexPage}
  600. {Video-250}{block:Caption}{Caption}{/block:Caption}
  601. {/block:IndexPage}{/block:Video}
  602.  
  603. {block:Audio}{block:AudioPlayer}
  604. <div class="audiowrapper">
  605. {block:AlbumArt}
  606. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  607. {/block:AlbumArt}
  608.  
  609. <div class="playerbuttonbg">
  610. <div class="newplayerbutton">
  611. <div class="playerbuttonhug">
  612.  
  613. {AudioPlayerWhite}
  614.  
  615. </div>
  616. </div>
  617. </div>
  618.  
  619. <div class="trackdetails">
  620.  
  621. {block:TrackName}<strong>{TrackName}</strong>{/block:TrackName}<br/>
  622. {block:Artist}<em>{Artist}</em> {/block:Artist}<br/>
  623. {block:Album}{Album}{/block:Album}<br/>
  624. {PlayCountWithLabel}
  625.  
  626. </div>
  627. </div>
  628. {/block:AudioPlayer}{/block:Audio}
  629.  
  630.  
  631. {block:Answer}
  632. <div class="q">
  633. <div class="as">{Asker} inquired: </div>
  634. {Question}</div>
  635. <div class="a">{Answer}</div>
  636. {/block:Answer}
  637.  
  638. {block:Date}<div id="postinfo"><div class="date"><a href="{permalink}">{Month}&nbsp;{DayofMonth}{DayofMonthSuffix}</a> &#9744;&nbsp;<a href="{permalink}">{NoteCount} notes</a> &#9744;&nbsp;<a href="{ReblogURL}">reblog</a></div>{block:HasTags} {block:Tags}<a href="{TagUrl}">#{Tag},&nbsp;</a>{/block:Tags}{/block:HasTags}{block:PermalinkPage}<div class="source">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}"> &#9744;&nbsp;src</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:PermalinkPage}</div>{/block:Date}
  639. </div>
  640. {block:PostNotes}
  641. <div class="pagenotes">
  642. {PostNotes}
  643. </div>
  644. {/block:PostNotes}
  645. </div>
  646. {/block:Posts}
  647. </div>
  648.  
  649. </div>
  650.  
  651. {block:ContentSource}
  652. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  653. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  654. {/block:SourceLogo}
  655. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  656. {/block:ContentSource}
  657. <div id="credit">
  658. <a href="http://kalopsiathemes.tumblr.com" title="kalopsiathemes"</div>&#916;</a></div></div></div>
  659.  
  660. </body></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!