API tools faq
paste
orgasmly

peaches theme

orgasmly
Mar 28th, 2015
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.01 KB | None | 0 0
raw download clone embed print report
  1. <!-- *:･ﾟ✧
  2.  
  3. peaches theme by orgasmly! please respect my work + keep credit (◕‿◕)
  4.  
  5. *:･ﾟ✧-->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <meta name="color:background" content="#000000"/>
  18. <meta name="color:text" content="#ffffff"/>
  19. <meta name="color:link" content="#ffffff"/>
  20. <meta name="color:hover" content="#ffffff"/>
  21. <meta name="color:border" content="#ffffff"/>
  22. <meta name="color:title" content="#ffffff"/>
  23. <meta name="color:permalink" content="#000"/>
  24. <meta name="image:favicon" content=""/>
  25. <meta name="image:background" content=""/>
  26. <meta name="if:sidebar background" content=""/>
  27. <meta name="if:post background" content=""/>
  28. <meta name="if:2 columns" content="1"/>
  29. <meta name="if:italic text" content=""/>
  30. <meta name="if:italic links" content=""/>
  31. <meta name="if:italic links on hover" content=""/>
  32. <meta name="if:underlined links on hover" content=""/>
  33. <meta name="text:link 1 name" content="">
  34. <meta name="text:link 1 url" content="">
  35. <meta name="text:link 2 name" content="">
  36. <meta name="text:link 2 url" content="">
  37. <meta name="text:link 3 name" content="">
  38. <meta name="text:link 3 url" content="">
  39. <meta name="text:link 4 name" content="">
  40. <meta name="text:link 4 url" content="">
  41. <meta name="text:link 5 name" content="">
  42. <meta name="text:link 5 url" content="">
  43.  
  44. <style type="text/css">
  45.  
  46. ::-webkit-scrollbar-thumb{
  47. background-color: {color:text};
  48. border: 3px solid {color:background};
  49. height:auto;
  50. -moz-border-radius: 10px;
  51. border-radius: 10px;
  52. }
  53.  
  54. ::-webkit-scrollbar {
  55. height:auto;
  56. width:20px;
  57. background-color: {color:background};
  58. border: 4px solid {color:background};
  59. }
  60.  
  61. body {
  62. background:{color:background};
  63. color:{color:text};
  64. font-family:'courier';
  65. font-size:11px;
  66. line-height:100%;
  67. letter-spacing:0px;
  68. {block:ifitalictext}
  69. font-style:italic;
  70. {/block:ifitalictext}
  71. background-image:url('{image:Background}');
  72. }
  73.  
  74. a:link, a:active, a:visited {
  75. color: {color:link};
  76. text-decoration:none;
  77. {block:ifitaliclinks}
  78. font-style:italic;
  79. {/block:ifitaliclinks}
  80. -webkit-transition: all 0.6s ease-out;
  81. moz-transition: all 0.6s ease-out;
  82. o-transition: all 0.6s ease-out;
  83. ransition: all 0.6s ease-out;
  84. }
  85.  
  86. a:hover {
  87. color:{color:hover};
  88. {block:ifitaliclinksonhover}
  89. font-style:italic;
  90. {/block:ifitaliclinksonhover}
  91. -webkit-transition: all 0.55s ease-out;
  92. moz-transition: all 0.3s ease-out;
  93. o-transition: all 0.3s ease-out;
  94. ransition: all 0.6s ease-out;
  95. {block:ifunderlinedlinksonhover}
  96. text-decoration:underline;
  97. {/block:ifunderlinedlinksonhover}
  98. }
  99.  
  100. blockquote {
  101. padding-left:5px;
  102. border-left:2px solid;
  103. }
  104.  
  105. .title {
  106. font-family:arial;
  107. font-size: 12px;
  108. line-height: 12px;
  109. color: {color:title};
  110. letter-spacing: 0px;
  111. text-transform:uppercase;
  112. letter-spacing:2px;
  113. }
  114.  
  115. .entry {
  116. {block:indexpage}
  117. {block:if2columns}
  118. width:220px;
  119. {/block:if2columns}
  120. {block:ifnot2columns}
  121. width:350px;
  122. {/block:ifnot2columns}
  123. {/block:indexpage}
  124. text-align:left;
  125. {block:PermalinkPage}
  126. width: 400px;
  127. height: auto;
  128. {/block:PermalinkPage}
  129. {block:ifpostbackground}
  130. background:{color:border};
  131. {/block:ifpostbackground}
  132. padding:20px;
  133. z-index:9999;
  134. float: left;
  135. line-height:8px;
  136. margin-right:70px;
  137. overflow:hidden;
  138. margin-top:31px;
  139. }
  140.  
  141. #posts {
  142. {block:indexpage}
  143. {block:if2columns}
  144. width:700px;
  145. {/block:if2columns}
  146. {block:ifnot2columns}
  147. width:500px;
  148. {/block:ifnot2columns}
  149. {/block:indexpage}
  150. {block:permalinkpage}
  151. width:400px;
  152. {/block:permalinkpage}
  153. float:left;
  154. margin-left:425px;
  155. }
  156.  
  157. #sidebar {
  158. margin-left:90px;
  159. top:170px;
  160. position:fixed;
  161. width:200px;
  162. padding:15px;
  163. height:auto;
  164. background:{color:background};
  165. {block:ifsidebarbackground}
  166. background:{color:border};
  167. {/block:ifsidebarbackground}
  168. z-index:999;
  169. }
  170.  
  171. #title {
  172. color:{color:text};
  173. text-align:center;
  174. text-transform:uppercase;
  175. padding:5px;
  176. font-family:courier;
  177. text-align:left;
  178. width:auto;
  179. letter-spacing:6px;
  180. margin-bottom:5px;
  181. background:{color:border};
  182. {block:ifsidebarbackground}
  183. background:{color:background};
  184. {/block:ifsidebarbackground}
  185. font-size:15px;
  186. -webkit-transition: all 0.5s ease-out;
  187. -moz-transition: all 0.5s ease-out;
  188. transition: all 0.5s ease-out;}
  189.  
  190. .title:hover{
  191. background:{color:title};
  192. color:{color:hover};
  193. }
  194.  
  195. .navi {
  196. {block:ifsidebarbackground}
  197. background:{color:border};
  198. {/block:ifsidebarbackground}
  199. padding:5px;
  200. line-height:20px;
  201. -webkit-transition: all 0.4s ease-out;
  202. -moz-transition: all 0.4s ease-out;
  203. transition: all 0.4s ease-out;}
  204.  
  205. .navi a{
  206. {block:ifsidebarbackground}
  207. background:{color:border};
  208. {/block:ifsidebarbackground}
  209. color:{color:text};
  210. padding:4px;
  211. -webkit-transition: all 0.4s ease-out;
  212. -moz-transition: all 0.4s ease-out;
  213. transition: all 0.4s ease-out;}
  214.  
  215.  
  216. .navi a:hover{
  217. {block:ifsidebarbackground}
  218. background:{color:border};
  219. {/block:ifsidebarbackground}
  220. background:{color:hover};
  221. color:black;
  222. -webkit-transition: all 0.4s ease-out;
  223. -moz-transition: all 0.4s ease-out;
  224. transition: all 0.4s ease-out;}
  225.  
  226. #description {
  227. {block:ifsidebarbackground}
  228. background:{color:border};
  229. {/block:ifsidebarbackground}
  230. color:{color:text};
  231. text-align:left;
  232. margin-top:7px;
  233. padding:5px;
  234. height:auto;
  235. -webkit-transition: all 0.5s ease-out;
  236. -moz-transition: all 0.5s ease-out;
  237. transition: all 0.5s ease-out;}
  238.  
  239. #audio {
  240. width:300px;
  241. height:80px;
  242. padding-bottom:15px;
  243. margin-bottom:-25px;
  244. margin-top:10px;
  245. }
  246.  
  247. .cover {
  248. position:absolute;
  249. z-index:1;
  250. width:60px;
  251. height:60px;
  252. margin-left:8px;
  253. }
  254.  
  255. .cover img {
  256. float:left;
  257. width:60px;
  258. height:65px;
  259. }
  260.  
  261. .playbox {
  262. opacity:0.6;
  263. width:27px;
  264. height:30px;
  265. overflow:hidden;
  266. position:absolute;
  267. z-index:1000;
  268. margin-left:25px;
  269. margin-top:20px;
  270. text-align:center;
  271. }
  272.  
  273. .info {
  274. margin-left:73px;
  275. margin-top:2px;
  276. line-height:12px;
  277. font-size:9px;
  278. letter-spacing:1px;
  279. }
  280.  
  281. #s-m-t-tooltip {
  282. max-width:600px;
  283. background: {color:background};
  284. padding:2px 5px 2px 5px;
  285. box-shadow:3px 3px rgba(0,0,0,.03);
  286. border:1px solid {color:border};
  287. margin:20px;
  288. font-size:9px;
  289. color:{color:link};
  290. z-index:99999999999999;
  291. }
  292.  
  293. .permalink {
  294. text-align:right;
  295. background:transparent;
  296. padding:5px;
  297. }
  298.  
  299. .swag {
  300. width:400px;
  301. padding-left:20px;
  302. margin-top:15px;
  303. font-size:1em;
  304. }
  305.  
  306. #penis {
  307. position:fixed;
  308. bottom:0px;
  309. }
  310.  
  311. .pagination {
  312. display: none;
  313. }
  314.  
  315. .entry .kitkat{
  316. margin-top:2px;
  317. background:transparent;
  318. color:{color:text};
  319. -webkit-transition: all 0.4s ease-out;
  320. -moz-transition: all 0.4s ease-out;
  321. transition: all 0.4s ease-out;
  322. }
  323.  
  324. .entry .kitkat a{color:{color:Text};}
  325.  
  326. .entry:hover .kitkat{
  327. opacity:1;
  328. height:10px;
  329. }
  330.  
  331. gloop{
  332. margin-top:7px;
  333. text-align:left;
  334. float:left;
  335. opacity:0;
  336. margin-left:100px;
  337. -webkit-transition: all 0.4s ease-out;
  338. -moz-transition: all 0.4s ease-out;
  339. transition: all 0.4s ease-out;}
  340.  
  341. .entry:hover gloop{
  342. margin-top:7px;
  343. opacity:1;
  344. margin-left:5px;
  345. -webkit-transition: all 0.4s ease-out;
  346. -moz-transition: all 0.4s ease-out;
  347. transition: all 0.4s ease-out;
  348. }
  349.  
  350. {CustomCSS}
  351.  
  352. </style>
  353.  
  354. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  355. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  356. <script>
  357. (function($){
  358. $(document).ready(function(){
  359. $("a[title]").style_my_tooltips({
  360. tip_follows_cursor:true,
  361. tip_delay_time:90,
  362. tip_fade_speed:600,
  363. attribute:"title"
  364. });
  365. });
  366. })(jQuery);
  367. </script>
  368.  
  369. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  370.  
  371.  
  372. <title>{Title}</title>
  373.  
  374. <link rel="shortcut icon" href="{Favicon}" />
  375. <meta name="viewport" content="width=820" />
  376.  
  377. </head>
  378. <body>
  379.  
  380. <div id="penis"><a href="http://orgasmly.tumblr.com"><img src="http://i85.photobucket.com/albums/k59/mytsis/SEASONAL%20pixels/cloudd17.gif" style="width:20px;"></a></div>
  381.  
  382. <div id="sidebar">
  383.  
  384. <div id="title">{title}</div>
  385.  
  386. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  387.  
  388. <div id="description">{description}</div>
  389.  
  390. <div class="navi">
  391. <a href="{text:link 1 url}">{text:link 1 name}</a>
  392. <a href="{text:link 2 url}">{text:link 2 name}</a>
  393. <a href="{text:link 3 url}">{text:link 3 name}</a>
  394. <a href="{text:link 4 url}">{text:link 4 name}</a>
  395. <a href="{text:link 5 url}">{text:link 5 name}</a>
  396. <a href="http://orgasmly.tumblr.com">theme</a>
  397. </div>
  398.  
  399. <div id="title"></div>
  400.  
  401. </div>
  402.  
  403. <div id="posts">
  404.  
  405. {block:Posts}
  406. <div class="entry">
  407.  
  408. {block:Text}
  409. {block:Title}
  410. <span class="title">{Title}</span>
  411. {/block:Title}
  412. <span class="body">{Body}</span>
  413. {block:IndexPage}
  414. <div class="kitkat">
  415. <gloop>
  416. <a href="{Permalink}"> {notecount} NOTES</a> + <a href="{ReblogURL}"> REBLOG</a></a>
  417. </gloop>
  418. <div class="permalink">
  419. <a href="{Permalink}"><i class="fa fa-info"></i></a>
  420. </div></div>
  421. {/block:IndexPage}
  422. {/block:Text}
  423.  
  424. {block:Photo}
  425. {block:IndexPage}
  426. <center>
  427. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  428. {/block:IndexPage}
  429. {block:PermalinkPage}
  430. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  431. {LinkCloseTag}
  432. {/block:PermalinkPage}
  433. {block:IndexPage}
  434. <div class="kitkat">
  435. <gloop>
  436. <a href="{Permalink}"> {notecount} NOTES</a> + <a href="{ReblogURL}"> REBLOG</a></a>
  437. </gloop>
  438. <div class="permalink">
  439. <a href="{Permalink}"><i class="fa fa-info-circle"></i></a>
  440. </div></div>
  441. {/block:IndexPage}
  442. {/block:Photo}
  443.  
  444. {block:Photoset}
  445. {block:IndexPage}
  446. {Photoset}
  447. <div class="kitkat">
  448. <gloop>
  449. <a href="{Permalink}"> {notecount} NOTES</a> + <a href="{ReblogURL}"> REBLOG</a></a>
  450. </gloop>
  451. <div class="permalink">
  452. <a href="{Permalink}"><i class="fa fa-info-circle"></i></a>
  453. </div></div>
  454. {/block:IndexPage}
  455. {block:PermalinkPage}
  456. {photoset-400}
  457. {/block:PermalinkPage}
  458. {/block:Photoset}
  459.  
  460. {block:Quote}
  461. <span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}
  462. {block:IndexPage}
  463. <div class="kitkat">
  464. <gloop>
  465. <a href="{Permalink}"> {notecount} NOTES</a> + <a href="{ReblogURL}"> REBLOG</a></a>
  466. </gloop>
  467. <div class="permalink">
  468. <a href="{Permalink}"><i class="fa fa-info-circle"></i></a>
  469. </div></div>
  470. {/block:IndexPage}
  471. {/block:Quote}
  472.  
  473. {block:Link}
  474. <a href="{URL}" class="title">{Name}</a>{block:Description}
  475. <div class="body">{Description}</div>{/block:Description}
  476. {block:IndexPage}
  477. <div class="kitkat">
  478. <gloop>
  479. <a href="{Permalink}"> {notecount} NOTES</a> + <a href="{ReblogURL}"> REBLOG</a></a>
  480. </gloop>
  481. <div class="permalink">
  482. <a href="{Permalink}"><i class="fa fa-info-circle"></i></a>
  483. </div></div>
  484. {/block:IndexPage}
  485. {block:Link}
  486.  
  487. {block:Chat}
  488. <div class="chat">
  489. {block:Title}{Title}{/block:Title}<br>
  490. {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
  491. {/block:Label}{/block:Lines}
  492. </div>
  493. {block:IndexPage}
  494. <div class="kitkat">
  495. <gloop>
  496. <a href="{Permalink}"> {notecount} NOTES</a> + <a href="{ReblogURL}"> REBLOG</a></a>
  497. </gloop>
  498. <div class="permalink">
  499. <a href="{Permalink}"><i class="fa fa-info-circle"></i></a>
  500. </div></div>
  501. {/block:IndexPage}
  502. {/block:Chat}
  503.  
  504. {block:Video}
  505. {block:IndexPage}
  506. <center>
  507. {Video-250}
  508. </center>
  509. <div class="kitkat">
  510. <gloop>
  511. <a href="{Permalink}"> {notecount} NOTES</a> + <a href="{ReblogURL}"> REBLOG</a></a>
  512. </gloop>
  513. <div class="permalink">
  514. <a href="{Permalink}"><i class="fa fa-info-circle"></i></a>
  515. </div></div>
  516. {/block:IndexPage}
  517. {block:PermalinkPage}
  518. <center>
  519. {Video-250}
  520. </center>
  521. {/block:PermalinkPage}
  522. {block:Video}
  523.  
  524. {block:Audio}
  525. <div id="audio">
  526. <div class="cover">
  527. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  528. {block:AlbumArt}
  529. <div class="cover"><img src="{AlbumArtURL}"></div>
  530. {/block:AlbumArt}
  531. <div class="playbox">
  532. {block:AudioPlayer}
  533. {AudioPlayerWhite}
  534. {/block:AudioPlayer}
  535. </div>
  536. <div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>{block:IndexPage}
  537. <div class="kitkat">
  538. <gloop>
  539. <a href="{Permalink}"> {notecount} NOTES</a> + <a href="{ReblogURL}"> REBLOG</a></a>
  540. </gloop>
  541. <div class="permalink">
  542. <a href="{Permalink}"><i class="fa fa-info-circle"></i></a>
  543. </div></div>
  544. {/block:IndexPage}
  545. {/block:Audio}
  546.  
  547. {block:PermalinkPage}
  548. <div class="swag">
  549. {block:Date}{Caption}<i class="fa fa-clock-o"></i> posted {TimeAgo}</br>{/block:Date}
  550.  
  551. {block:NoteCount}<i class="fa fa-comments-o"></i> {NoteCount} notes</br>{/block:NoteCount}
  552.  
  553. {block:RebloggedFrom}<i class="fa fa-repeat"></i> reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a></br>{/block:RebloggedFrom}
  554.  
  555. {block:ContentSource}<i class="fa fa-angle-left"></i> source: <a href="{SourceURL}">{SourceTitle}</a></br>{/block:ContentSource}
  556.  
  557. {block:hastags}<i class="fa fa-tags"></i> {block:tags}#<a href="/tagged/{Tag}">{Tag}</a> &nbsp;&nbsp; {/block:tags}</br>{/block:hastags}
  558. {PostNotes}<div>
  559. {/block:PermalinkPage}
  560.  
  561. <div class="pagination">
  562. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  563. </div>
  564.  
  565. </div>
  566. {/block:Posts}
  567. </div>
  568. </div>
  569.  
  570. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  571.  
  572. <script>
  573. $(function(){
  574. var $container = $('#posts');
  575. $container.imagesLoaded(function(){
  576. $container.masonry({
  577. itemSelector: '.entry',
  578. });
  579. });
  580. $container.infinitescroll({
  581. itemSelector : ".entry",
  582. navSelector : "div.pagination",
  583. nextSelector : ".pagination a#next",
  584. loadingImg : "",
  585. loadingText : "<em></em>",
  586. bufferPx : 10000,
  587. extraScrollPx: 12000,
  588. },
  589. // trigger Masonry as a callback
  590. function( newElements ) {
  591. var $newElems = $( newElements ).css({ opacity: 0 });
  592. // ensure that images load before adding to masonry layout
  593. $newElems.imagesLoaded(function(){
  594. $newElems.animate({ opacity: 1 });
  595. $container.masonry( 'appended', $newElems, true );
  596. });
  597. }
  598. );
  599. });
  600. </script>
  601.  
  602. </body>
  603. </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!