API tools faq
paste
kaitofrph

Retro Hearts (kaitrps theme 9)

kaitofrph
Sep 12th, 2016
232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.35 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <head>
  6.  
  7. </style>
  8. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  9.  
  10. <script src="http://tympanus.net/Tutorials/CaptionHoverEffects/js/modernizr.custom.js"></script>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <!---- ☰ theme made with basecode with hover #1 by azureofrp ☰ --->
  17.  
  18. <!---- ««««««««« theme #9 retro hearts by kaitrps
  19. please don't steal anything and don't remove the credit. if you do, a kitten will cry. we don't want that. »»»»»»»»»»
  20. --->
  21.  
  22.  
  23. <!--META NAMES-->
  24.  
  25. <meta name="color:background" content="#cccccc"/>
  26. <meta name="color:text" content="#000000"/>
  27. <meta name="color:links" content="#decba4"/>
  28. <meta name="color:hover" content="#494233">
  29. <meta name="color:blockquote" content="#eeeeee">
  30. <meta name="color:blockquote border" content="#666666">
  31. <meta name="color:accent" content="#b9bd56">
  32. <meta name="color:accent1" content="#b9bd56">
  33. <meta name="color:bold" content="#211927">
  34. <meta name="color:italic" content="#211927">
  35. <meta name="color:post bg" content="#888888">
  36. <meta name="color:sb bg" content="#444444">
  37. <meta name="color:title" content="#ffffff">
  38. <meta name="color:ask bg" content="#444444">
  39. <meta name="color:container" content="#cccccc">
  40. <meta name="color:border" content="#888888">
  41. <meta name="color:scrollbar" content="#ffffff">
  42. <meta name="color:scrollbar bg" content="#eeeeee">
  43.  
  44. <meta name="image:sidebar" content=""/>
  45. <meta name="image:sidebar2" content=""/>
  46. <meta name="image:icon" content=""/>
  47. <meta name="image:png" content=""/>
  48. <meta name="image:background" content=""/>
  49.  
  50. <meta name="text:title 2" content="shown title">
  51. <meta name="text:link 1 hover" content="link 1">
  52. <meta name="text:link 2 hover" content="link 2">
  53. <meta name="text:link 3 hover" content="link 3">
  54.  
  55. <meta name="text:link 1 URL" content="/">
  56. <meta name="text:link 2 URL" content="/">
  57. <meta name="text:link 3 URL" content="/">
  58.  
  59.  
  60.  
  61.  
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  63. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("a[title]").style_my_tooltips({
  68. tip_delay_time:100,
  69. tip_fade_speed:700,
  70. attribute:"title"
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79.  
  80. ::-webkit-scrollbar-thumb {
  81. height:auto;
  82. background-color:{color:scrollbar};
  83.  
  84. }
  85.  
  86. ::-webkit-scrollbar {
  87. height:5px;
  88. width:3px;
  89. background-color:{color:scrollbar bg};
  90.  
  91. }
  92.  
  93. body {
  94. background-color:{color:background};
  95. background-image:url('{image:background}');
  96. background-attachment: fixed;
  97. background-repeat: repeat;
  98. font-family:arial;
  99. font-size:10px;
  100. text-align:justify;
  101. color:{color:text};
  102. margin:0;
  103.  
  104.  
  105. }
  106.  
  107.  
  108.  
  109.  
  110.  
  111. a {
  112. text-decoration:none;
  113. color:{color:Links};
  114. -webkit-transition: all 0.5s ease-out;
  115. -moz-transition: all 0.5s ease-out;
  116. transition: all 0.5s ease-out;
  117. }
  118.  
  119. a:hover {
  120. text-decoration:none;
  121. color:{color:Hover};
  122. -webkit-transition: all 0.5s ease-out;
  123. -moz-transition: all 0.5s ease-out;
  124. transition: all 0.5s ease-out;
  125.  
  126. }
  127.  
  128. img {
  129. border:none;
  130.  
  131.  
  132.  
  133. }
  134.  
  135. blockquote {
  136. background:{color:blockquote};
  137. border-left:2px solid {color:blockquote border};
  138. padding:5px;
  139.  
  140. }
  141.  
  142. #s-m-t-tooltip {
  143. max-width:150px;
  144. padding-top:5px;
  145. padding-bottom:5px;
  146. padding-left:5px;
  147. padding-right:5px;
  148. font-size:8px;
  149. text-align:center;
  150. font-style:italic;
  151. font-weight:bold;
  152. color:{color:text};
  153. background:{color:accent};
  154. border:1px solid {color:border};
  155. box-shadow:1px 1px 2px {color:accent1};
  156. letter-spacing:1px;
  157. text-transform:uppercase;
  158. z-index:100;
  159.  
  160. }
  161.  
  162.  
  163. h1{
  164. margin-top:0px;
  165. margin-bottom:5px;
  166. font-size:11px;
  167. padding:5px;
  168. text-transform:lowercase;
  169. text-align:center;
  170. font-weight:bold;
  171. }
  172.  
  173. h2{
  174. margin-top:0px;
  175. margin-bottom:5px;
  176. font-size:12px;
  177. padding:5px;
  178. text-transform:uppercase;
  179. text-align:center;
  180. font-weight:bold;
  181. font-style:italic;
  182. }
  183.  
  184. b{
  185. color:{color:bold};
  186. }
  187.  
  188. i{
  189. color:{color:italic};
  190. }
  191.  
  192. small{
  193. font-size:9.5px;
  194. }
  195.  
  196. pre{
  197. margin-top:0px;
  198. margin-bottom:5px;
  199. font-family:arial;
  200. font-size:10px;
  201. background-color:{color:blockquote};
  202. padding:5px;
  203. text-transform:uppercase;
  204. font-weight:bold;
  205. text-align:center;
  206. }
  207.  
  208. /*TITLE*/
  209.  
  210.  
  211. #titlez {
  212. height:15px;
  213. width:1000px;
  214. font-size:10px;
  215. font-style:italic;
  216. font-family:sans-serif;
  217. font-weight:bold;
  218. text-align:center;
  219. text-transform:lowercase;
  220. padding-top:4px;
  221. padding-bottom:2px;
  222. margin-top:85px;
  223. margin-left:205px;
  224. border-radius:25px;
  225. background:{color:accent1};
  226. color:{color:title};
  227. position:fixed;
  228. }
  229.  
  230.  
  231.  
  232. /*DESC*/
  233.  
  234.  
  235. #desc {
  236. width:175px;
  237. height:175px;
  238. position:fixed;
  239. padding-left:10px;
  240. padding-right:10px;
  241. padding-top:10px;
  242. line-height:130%;
  243. top:270px;
  244. margin-left:235px;
  245. font-size:10px;
  246. text-align:center;
  247. overflow:auto;
  248. z-index:100;
  249. opacity:1;
  250.  
  251. }
  252.  
  253.  
  254.  
  255.  
  256. /*PAGINAITON*/
  257.  
  258. #pagi {
  259. font-size:8px;
  260. text-transform:lowercase;
  261. font-weight:bold;
  262. font-style:normal;
  263. position:fixed;
  264. text-align:center;
  265. margin-left:205px;
  266. margin-top:542px;
  267. padding-top:4px;
  268. padding-bottom:1px;
  269. line-height:100%;
  270. width:1000px;
  271. height:15px;
  272. display:inline-block;
  273. background:{color:accent1};
  274. color:{color:links};
  275. border-radius:25px;
  276. z-index:100;
  277. opacity:1;
  278. font-family:calibri;
  279. transition-duration: 0.9s;
  280. -moz-transition-duration:0.9s;
  281. -webkit-transition-duration:0.9s;
  282. -o-transition-duration:0.9s;
  283.  
  284.  
  285.  
  286.  
  287.  
  288. }
  289.  
  290. #pagi:hover{
  291. color:{color:hover};
  292. transition-duration: 0.9s;
  293. -moz-transition-duration:0.9s;
  294. -webkit-transition-duration:0.9s;
  295. -o-transition-duration:0.9s;
  296.  
  297. }
  298.  
  299.  
  300.  
  301. /*IMAGES*/
  302.  
  303.  
  304.  
  305. #sidebar1 {
  306. position:fixed;
  307. opacity:1;
  308. background-image:url('{image:sidebar}');
  309. width:275px;
  310. height:395px;
  311. overflow:hidden;
  312. top:125px;
  313. margin-left:940px;
  314. border-radius: 25px;
  315. border:solid 2px {color:border};
  316. z-index:100;
  317. }
  318.  
  319. #icon {
  320. position:fixed;
  321. opacity:1;
  322. background-image:url('{image:icon2}');
  323. width:75px;
  324. height:75px;
  325. overflow:hidden;
  326. top:145px;
  327. margin-left:295px;
  328. border-radius: 100px;
  329. border:solid 2px {color:border};
  330. box-shadow:1px 1px 2px {color:accent1};
  331. z-index:100;
  332.  
  333. }
  334.  
  335. #sidebar2 {
  336. position:fixed;
  337. opacity:1;
  338. background-image:url('{image:sidebar2}');
  339. width:205px;
  340. height:95px;
  341. overflow:hidden;
  342. top:395px;
  343. margin-left:230px;
  344. border-radius: 25px;
  345. border:solid 2px {color:border};
  346. box-shadow:1px 1px 2px {color:accent1};
  347. z-index:100;
  348. }
  349.  
  350. #png {
  351. position:fixed;
  352. opacity:1;
  353. background-image:url('{image:png}');
  354. width:225px;
  355. height:495px;
  356. overflow:hidden;
  357. top:175px;
  358. margin-left:-5px;
  359. z-index:100;
  360. }
  361.  
  362.  
  363. /*LINKS*/
  364.  
  365.  
  366.  
  367.  
  368. #links{
  369. font-size:16px;
  370. text-align:center;
  371. position:fixed;
  372. line-height:20%;
  373. letter-spacing:0%;
  374. font-family:sans-serif;
  375. font-style:italic;
  376. color:{color:links};
  377. margin-top:245px;
  378. margin-left:250px;
  379. padding-top:2px;
  380. padding-bottom:2px;
  381. text-align:center;
  382. width:165px;
  383. z-index:100;
  384.  
  385. -webkit-column-count: 5;
  386. -moz-column-count: 5;
  387. column-count: 5;
  388. -webkit-column-gap: 0.5;
  389. -moz-column-gap: 0.5;
  390. column-gap: 0.5;
  391.  
  392. }
  393.  
  394. #links a{
  395. opacity:1;
  396. display:inline-block;
  397. text-transform:uppercase;
  398. color:{color:sblinks};
  399. width:20px;
  400. font-weight:bold;
  401. height:15px;
  402. padding-right:5px;
  403. display:block;
  404. line-height:130%;
  405. padding-bottom:3px;
  406. transition-duration: 1s;
  407. -moz-transition-duration: 1s;
  408. -webkit-transition-duration: 1s;
  409. -o-transition-duration: 1s;
  410.  
  411.  
  412.  
  413. }
  414.  
  415. #links a:hover{
  416. color:{color:hover};
  417. opacity:1;
  418. transition-duration: 1s;
  419. -moz-transition-duration: 1s;
  420. -webkit-transition-duration: 1s;
  421. -o-transition-duration: 1s;
  422.  
  423. }
  424.  
  425. #container {
  426. position: fixed;
  427. height: 488px;
  428. overflow-y: auto;
  429. overflow-x: hidden;
  430. width: 1065px;
  431. background-color:{color:container};
  432. margin-top: 80px;
  433. border-radius: 25px;
  434. box-shadow:2px 2px 3px {color:accent1};
  435. margin-left: 175px;
  436. }
  437.  
  438.  
  439. #sb {
  440. position: fixed;
  441. height: 395px;
  442. overflow-y: auto;
  443. overflow-x: hidden;
  444. width: 275px;
  445. background-color:{color:sb bg};
  446. margin-top: 125px;
  447. margin-left: 195px;
  448. border-radius: 25px;
  449. border:solid 2px {color:border};
  450. }
  451.  
  452. /*ENTRIES*/
  453.  
  454.  
  455.  
  456. #box {
  457. position: absolute;
  458. z-index:100;
  459. height:400px;
  460. width:455px;
  461. overflow:auto;
  462. margin-left:475px;
  463. margin-top:125px;
  464.  
  465.  
  466. }
  467.  
  468. #post{
  469. padding:20px;
  470. padding-left:20px;
  471. padding-right:20px;
  472. width:400px;
  473. background-color:{color:post bg};
  474. overflow:hidden;
  475. margin-bottom:5px;
  476. margin-top:5px;
  477. margin-left:10px;
  478. float:left;
  479. z-index:100;
  480.  
  481. }
  482.  
  483.  
  484. /*POST INFO*/
  485.  
  486. #info {
  487. width:420px;
  488. text-align:left;
  489. font-family:arial;
  490. font-size:8px;
  491. padding:7px;
  492. color:{color:links};
  493. line-height:10px;
  494. background-color:{color:accent};
  495. border:solid 1px {color:border};
  496. margin-top:5px;
  497. margin-left:-15px;
  498. font-size:9px;
  499. margin-bottom:-15px;
  500. font-style:none;
  501. padding:5px;
  502. line-height:10px;
  503. transition-duration: 1.0s;
  504. -moz-transition-duration: 1.0s;
  505. -webkit-transition-duration: 1.0s;
  506. -o-transition-duration: 1.0s;
  507.  
  508. }
  509.  
  510. #info hover{
  511. color:{color:hover};
  512. transition-duration: 1.0s;
  513. -moz-transition-duration: 1.0s;
  514. -webkit-transition-duration: 1.0s;
  515. -o-transition-duration: 1.0s;
  516.  
  517.  
  518. }
  519.  
  520. #info a {
  521. text-align:center;
  522. font-family:arial;
  523. color:{color:links};
  524.  
  525. }
  526.  
  527.  
  528. #tags {
  529. background-color:{color:info background};
  530. width:420px;
  531. font-family:arial;
  532. opacity:1;
  533. transition-duration: 0.5s;
  534. -moz-transition-duration: 0.5s;
  535. -webkit-transition-duration: 0.5s;
  536. -o-transition-duration: 0.5s
  537. color:{color:links};
  538. }
  539.  
  540. #tags a {
  541. letter-spacing:0px;
  542. font-size:9px;
  543. margin-right:10px;
  544. font-family:arial;
  545. text-transform:lowercase;
  546. text-decoration:none;
  547. color:{color:hover};
  548. }
  549.  
  550. #tags hover {
  551. -moz-transition-duration:0.5s;
  552. -webkit-transition-duration:0.5s;
  553. -o-transition-duration:0.5s;
  554. color:{color:hover};
  555. }
  556.  
  557. .right{
  558. float:right
  559.  
  560. }
  561.  
  562.  
  563. /*ASKS*/
  564.  
  565. #asks {
  566. font-size:11px;
  567. text-align:center;
  568. width:450px;
  569. padding:5px;
  570. margin-left:-30px;
  571. margin-top:-10px;
  572. background-color:{color:ask bg}
  573.  
  574. }
  575.  
  576.  
  577. /*-- Just leave this please*/
  578.  
  579. #c{
  580. font-size:15px;
  581. position:fixed;
  582. bottom:6px;
  583. right:18px;
  584. z-index:10;
  585. text-align:right;
  586. letter-spacing:1px;
  587. padding:2px;
  588. color:{color:accent};
  589. transition-duration: 0.8s;
  590.  
  591.  
  592. }
  593.  
  594.  
  595.  
  596. </style>
  597.  
  598.  
  599. </head>
  600.  
  601.  
  602. <body>
  603.  
  604.  
  605. <div id="sidebar">
  606. <div id="sidebar1"><img src="{image:sidebar}"></div>
  607. <div id="icon"><img src="{image:icon}"></div>
  608. <div id="sidebar2"><img src="{image:sidebar2}"></div>
  609. <div id="png"><img src="{image:png}"></div>
  610. <div id="container"></div>
  611. <div id="sb"></div>
  612.  
  613.  
  614. </div>
  615. </div>
  616. </div>
  617. <div id="linksbg"></div>
  618. <div id="links">
  619.  
  620. <a href="/" title="refresh"><i class="fa fa-home" aria-hidden="true"></i></a><br>
  621. <a href="/ask" title="message"><i class="fa fa-comments" aria-hidden="true"></i></a><br>
  622. <a href="{text:link 1 url}" title="{text:link 1 hover}"><i class="fa fa-globe" aria-hidden="true"></i></a><br>
  623. <a href="{text:link 2 url}" title="{text:link 2 hover}"><i class="fa fa-bars" aria-hidden="true"></i></a><br>
  624. <a href="{text:link 3 url}" title="{text:link 3 hover}"><i class="fa fa-asterisk" aria-hidden="true"></i></a><br>
  625. </div>
  626.  
  627. </div>
  628.  
  629.  
  630.  
  631. </div>
  632.  
  633. <div id="desc">{Description}</div>
  634.  
  635. <div id="titlez">{text:title 2}</div>
  636.  
  637.  
  638. </div>
  639.  
  640.  
  641.  
  642.  
  643.  
  644. </div>
  645. <div id="pagi">{block:Pagination}
  646. {block:PreviousPage}
  647. <a href="{PreviousPage}"><big><big>back&nbsp;&nbsp;&nbsp;&nbsp;</big></big></a>
  648. {/block:PreviousPage}
  649.  
  650. {block:NextPage}
  651. <a href="{NextPage}"><big><big>next</big></big></a>
  652. {/block:NextPage}
  653. {/block:Pagination}</div>
  654. </div></div>
  655. </div>
  656.  
  657.  
  658.  
  659.  
  660. <div id="box">
  661.  
  662. {block:Posts}
  663. <div id="post">
  664.  
  665. <!--TEXT POSTS-->
  666.  
  667. {block:Text}
  668. {block:Title}<h2><center>{Title}</center></h2>{/block:Title}
  669. {Body}
  670. {/block:Text}
  671.  
  672. <!--ASKS-->
  673.  
  674. {block:Answer}
  675. {QUESTION-300px}
  676. <div id="asks">
  677. <div style="margin-left:-320px; padding-bottom:10px; font-size:11px;"><b><i>{Asker} asked:</b></i></span></div><br /> <div style="text-align:center; padding-left:0px; padding-bottom:10px; margin-top:-18px; margin-right:10px; font-size:9px;">{Question}</div>
  678. </div>
  679. {Answer}
  680. {/block:Answer}
  681.  
  682. <!--QUOTE POSTS-->
  683. {block:Quote}
  684.  
  685. {block:Quote}
  686. <h2>{Quote}</h2>
  687. <div align="right">
  688. {block:Source}<h1>-{Source}</h1>{/block:Source}
  689. </div>
  690. {/block:Quote}
  691. <!--LINK POSTS-->
  692.  
  693. {block:Link}
  694. <h2><center><a href="{URL}">{Name}</center></a></h2>
  695. {block:Description}{Description}{/block:Description}
  696. {/block:Link}
  697.  
  698. <!--CHAT POSTS-->
  699.  
  700. {block:Chat}
  701. {block:Title}<h2>{Title}</h2>{/block:Title}
  702. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  703. {Line}</li>{/block:Lines}</ul>
  704. {/block:Chat}
  705.  
  706. <!--PHOTO POSTS-->
  707.  
  708. {block:Photo}
  709. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  710.  
  711. {block:Caption}{Caption}{/block:Caption}
  712. {/block:Photo}
  713.  
  714. <!--PHOTOSET POSTS-->
  715.  
  716. {block:Photoset}
  717. {Photoset-400}
  718. {block:Caption}{Caption}{/block:Caption}
  719. {/block:Photoset}
  720.  
  721. <!--VIDEO POSTS-->
  722.  
  723. {block:Video}
  724. {Video-300}
  725. {block:Caption}{Caption}{/block:Caption}
  726. {/block:Video}
  727.  
  728.  
  729. <!--AUDIO-->
  730.  
  731. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  732. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  733. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  734. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  735. {/block:Audio}
  736.  
  737.  
  738. <!--POST INFO-->
  739.  
  740.  
  741. <div id="info">
  742. <div id="permalink">
  743. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <div class=right>{NoteCount}</div></a></div>
  744.  
  745.  
  746. {block:HasTags}{block:Tags} <a href="{TagURL}" >#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  747.  
  748.  
  749. </div>{/block:Posts}{/block:Posts}</div></div></div></div>
  750. </div>
  751.  
  752. <!--Simply don't remove it pls.-->
  753.  
  754. </div>
  755. </div>
  756.  
  757. </div>
  758. <div id="c">
  759. <a href="http://kaitrps.tumblr.com/"> ♚ </a><br>
  760. </div>
  761. </div>
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!