Advertisement
healysrph

001. "poor lenore"

Aug 1st, 2015
347
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.99 KB | None | 0 0
  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. <link href='http://fonts.googleapis.com/css?family=Inconsolata:700' rel='stylesheet' type='text/css'>
  7. </style>
  8.  
  9. <script src="http://tympanus.net/Tutorials/CaptionHoverEffects/js/modernizr.custom.js"></script>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!----
  16. theme by healysrph !!!
  17. basecode by: azureofrp !!!
  18. ☰ please don't remove any of the credits
  19. ☰ if you do happen to edit the theme, that's cool, just don't share the code with anyone else, keep it for yourself
  20. ☰ a lot of effort was put into this theme and it's rude af if we're not credited for our work
  21. ---->
  22.  
  23. <meta name="color:background" content="#ffe6e5"/>
  24. <meta name="color:text" content="#000000"/>
  25. <meta name="color:links" content="#848484"/>
  26. <meta name="color:hover" content="#ffeae9">
  27. <meta name="color:hover bg" content="#ebbab8">
  28. <meta name="color:blockquote" content="#ffe6e5">
  29. <meta name="color:blockquote border" content="#e9c7c5">
  30. <meta name="color:post bg" content="#ffdbda">
  31. <meta name="color:container bg" content="#dcbcba">
  32. <meta name="color:sblinks" content="#000000">
  33. <meta name="color:desc bg" content="#dcbcba">
  34. <meta name="color:info text" content="#9a9a9a">
  35. <meta name="color:info bg" content="#e9c7c5">
  36. <meta name="color:links bg" content="#e9c7c5">
  37. <meta name="color:sidebar bg" content="#dfb1af">
  38. <meta name="color:border" content="#dcbcba">
  39. <meta name="color:text shadow" content="#4c4c4c">
  40. <meta name="color:scrollbar" content="#aaaaaa">
  41. <meta name="color:scrollbar bg" content="#dcbcba">
  42.  
  43. <meta name="image:background" content=""/>
  44. <meta name="image:sidebar" content=""/>
  45. <meta name="image:sidebar 2" content=""/>
  46.  
  47. <meta name="text:about text" content="write whatever you want here, i'd recommend keeping it short though!!">
  48. <meta name="text:LINK 1" content="LINK 1">
  49. <meta name="text:LINK 2" content="LINK 2">
  50. <meta name="text:LINK 3" content="LINK 3">
  51. <meta name="text:LINK 4" content="LINK 4">
  52. <meta name="text:LINK 5" content="LINK 5">
  53. <meta name="text:LINK 6" content="LINK 6">
  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. <meta name="text:LINK 4 URL" content="/">
  59. <meta name="text:LINK 5 URL" content="/">
  60. <meta name="text:LINK 6 URL" content="/">
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65. ::-webkit-scrollbar-thumb {
  66. height:auto;
  67. background-color:{color:scrollbar};
  68.  
  69. }
  70.  
  71. ::-webkit-scrollbar {
  72. height:5px;
  73. width:7px;
  74. background-color:{color:scrollbar bg};
  75.  
  76. }
  77.  
  78. body {
  79. background-color:{color:background};
  80. background-image:url('{image:background}');
  81. background-attachment: fixed;
  82. background-repeat: repeat;
  83. font-family: 'arial', sans-serif;
  84. font-size:10px;
  85. text-align:justify;
  86. color:{color:text};
  87. margin:0;
  88.  
  89.  
  90. }
  91.  
  92. a {
  93. text-decoration:none;
  94. color:{color:Links};
  95. -webkit-transition: all 0.5s ease-out;
  96. -moz-transition: all 0.5s ease-out;
  97. transition: all 0.5s ease-out;
  98. }
  99.  
  100. a:hover {
  101. text-decoration:none;
  102. color:{color:Hover};
  103. -webkit-transition: all 0.5s ease-out;
  104. -moz-transition: all 0.5s ease-out;
  105. transition: all 0.5s ease-out;
  106.  
  107. }
  108.  
  109. img {
  110. border:none;
  111.  
  112.  
  113.  
  114. }
  115.  
  116. blockquote {
  117. background:{color:blockquote};
  118. border-left:4px solid {color:blockquote border};
  119. padding:5px;
  120.  
  121. }
  122.  
  123. pre{
  124. margin-top:0px;
  125. margin-bottom:5px;
  126. font-size:14px;
  127. background-color:{color:blockquote};
  128. padding:5px;
  129. text-transform:uppercase;
  130. font-weight:bold;
  131. text-align:left;
  132. }
  133.  
  134.  
  135.  
  136.  
  137. #desc {
  138. width:231px;
  139. height:170px;
  140. position:fixed;
  141. padding-top:10px;
  142. padding-bottom:10px;
  143. padding-left:10px;
  144. padding-right:10px;
  145. line-height:100%;
  146. top:335px;
  147. margin-left:145px;
  148. font-size:11px;
  149. text-align:center;
  150. font-style: italic;
  151. overflow:auto;
  152. background:{color:desc bg};
  153. z-index:99999;
  154. opacity:1;
  155.  
  156. }
  157.  
  158.  
  159. #pagi {
  160. font-size:10px;
  161. text-transform:uppercase;
  162. font-weight:bold;
  163. font-style:normal;
  164. position:fixed;
  165. text-align:center;
  166. margin-left:580px;
  167. margin-top:530px;
  168. background:transparent;
  169. padding:5px;
  170. line-height:100%;
  171. width:80px;
  172. height:10px;
  173. display:inline-block;
  174. color:{color:links};
  175. z-index:99999999;
  176. opacity:1;
  177. font-family:calibri;
  178. transition-duration: 0.9s;
  179. -moz-transition-duration:0.9s;
  180. -webkit-transition-duration:0.9s;
  181. -o-transition-duration:0.9s;
  182.  
  183.  
  184.  
  185.  
  186.  
  187. }
  188.  
  189. #pagi:hover{
  190. color:{color:hover};
  191. transition-duration: 0.9s;
  192. -moz-transition-duration:0.9s;
  193. -webkit-transition-duration:0.9s;
  194. -o-transition-duration:0.9s;
  195.  
  196. }
  197.  
  198.  
  199. #sidebar1 {
  200. position:fixed;
  201. opacity:1;
  202. background-image: url('{image:sidebar}');
  203. width:250px;
  204. height:450px;
  205. top:56px;
  206. margin-left:400px;
  207. background:{color:title bg};
  208. text-shadow: 1px 1px 3px {color:text shadow};
  209. border:solid 10px {color:border};
  210. z-index:9999999;
  211. }
  212.  
  213. #sidebar2 {
  214. position:fixed;
  215. opacity:1;
  216. background-image: url('{image:sidebar 2}');
  217. width:231px;
  218. height:170px;
  219. top:56px;
  220. margin-left:145px;
  221. background:{color:title bg};
  222. border:solid 10px {color:border};
  223. z-index:9999999;
  224.  
  225. }
  226.  
  227.  
  228. .ho1{
  229.  
  230. width:208px;
  231. height:162px;
  232. padding-left:44px;
  233. padding-bottom:15px;
  234. padding-top:13px;
  235. margin-top:-13px;
  236. margin-left:-300px;
  237. line-height:20%;
  238. position:fixed;
  239. display:block;
  240. background-color:#fff;
  241. z-index:99999999;
  242. opacity:1;
  243. transition-delay:0.1s;
  244. -webkit-transition-delay:0.1s;
  245. transition-duration: 0.4s;
  246. -moz-transition-duration:0.2s;
  247. -webkit-transition-duration:0.8s;
  248. -o-transition-duration:0.2s;
  249.  
  250.  
  251. }
  252.  
  253. #ho1bg {
  254. width:52px;
  255. height:151px;
  256. position:fixed;
  257. padding-top:10px;
  258. padding-bottom:10px;
  259. padding-left:100px;
  260. padding-right:80px;
  261. line-height:100%;
  262. top:56px;
  263. margin-left:-44px;
  264. font-size:10px;
  265. text-align: center;
  266. letter-spacing:1px;
  267. overflow:auto;
  268. background:{color:sidebar bg};
  269. border:solid 10px {color:border};
  270. z-index:-9;
  271. opacity:0.5;
  272.  
  273.  
  274. }
  275.  
  276. .navi{
  277.  
  278. width:226px;
  279. height:440px;
  280. padding-left:44px;
  281. padding-bottom:15px;
  282. padding-top:13px;
  283. margin-top:56px;
  284. margin-left:400px;
  285. line-height:20%;
  286. position:fixed;
  287. display:block;
  288. background-color:#fff;
  289. z-index:99999999;
  290. opacity:0;
  291. transition-delay:0.1s;
  292. -webkit-transition-delay:0.1s;
  293. transition-duration: 0.4s;
  294. -moz-transition-duration:0.2s;
  295. -webkit-transition-duration:0.8s;
  296. -o-transition-duration:0.2s;
  297.  
  298.  
  299. }
  300.  
  301.  
  302. .navi:hover{
  303. opacity:0.8;
  304. transition-delay:0.1s;
  305. -webkit-transition-delay:0.1s;
  306. transition-duration: 0.4s;
  307. -moz-transition-duration:0.2s;
  308. -webkit-transition-duration:0.8s;
  309. -o-transition-duration:0.2s;
  310.  
  311. }
  312.  
  313.  
  314.  
  315.  
  316.  
  317. #title {
  318. position: fixed;
  319. padding: 1px;
  320. margin-left: -26px;
  321. margin-top: 190px;
  322. font-family:Arial;
  323. font-size: 15px;
  324. font-style: normal;
  325. float: center;
  326. text-align: center;
  327. text-transform: none;
  328. text-shadow: 3px 1px 0px
  329. font-weight: bold;
  330. line-height: 170%;
  331. letter-spacing: 0.2px;
  332. opacity: 1;
  333. z-index:99999;
  334.  
  335. }
  336.  
  337.  
  338. #about-text {
  339. position:fixed;
  340. text-align:left;
  341. margin-top:115px;
  342. margin-left:-40px;
  343. text-transform:none;
  344. font-style:normal;
  345. font-family:arial;
  346. font-size:10px;
  347. width:210px;
  348. height:53px;
  349. opacity:1;
  350. line-height:10px;
  351. color:{color:text};
  352. padding:10px;
  353. letter-spacing:0.2px;
  354. padding-top:8px;
  355. font-size:10px;
  356.  
  357. }
  358. #navbg {
  359. width:230px;
  360. height:428px;
  361. position:fixed;
  362. padding-top:10px;
  363. padding-bottom:10px;
  364. padding-left:10px;
  365. padding-right:10px;
  366. line-height:100%;
  367. top:56px;
  368. margin-left:-44px;
  369. font-size:10px;
  370. text-align: center;
  371. letter-spacing:1px;
  372. overflow:auto;
  373. background:{color:sidebar bg};
  374. border:solid 10px {color:border};
  375. z-index:-9;
  376. opacity:0.5;
  377.  
  378.  
  379. }
  380.  
  381. #links{
  382. font-size:10px;
  383. text-align:center;
  384. position:fixed;
  385. line-height:35%;
  386. letter-spacing:5%;
  387. font-family:calibri;
  388. margin-left:145px;
  389. margin-top:250px;
  390. width:251px;
  391. z-index:99999;
  392.  
  393. -webkit-column-count: 2;
  394. -moz-column-count: 2;
  395. column-count: 2;
  396. -webkit-column-gap: 0.5;
  397. -moz-column-gap: 0.5;
  398. column-gap: 0.5;
  399.  
  400. }
  401.  
  402. #links a{
  403. opacity:1;
  404. display:inline-block;
  405. text-transform:uppercase;
  406. text-shadow: 1px 1px 3px {color:text shadow};
  407. color:{color:sblinks};
  408. background-color:{color:links bg};
  409. width:125px;
  410. font-weight:bold;
  411. height:17px;
  412. padding-right:5px;
  413. padding-top:5px;
  414. display:block;
  415. line-height:130%;
  416. padding-bottom:3px;
  417. transition-duration: 1s;
  418. -moz-transition-duration: 1s;
  419. -webkit-transition-duration: 1s;
  420. -o-transition-duration: 1s;
  421.  
  422.  
  423.  
  424. }
  425.  
  426. #links a:hover{
  427. color:{color:hover};
  428. background:{color:hover bg};
  429. opacity:1;
  430. transition-duration: 1s;
  431. -moz-transition-duration: 1s;
  432. -webkit-transition-duration: 1s;
  433. -o-transition-duration: 1s;
  434.  
  435. }
  436.  
  437. #box {
  438. position: fixed;
  439. background-color:{color:container bg};
  440. z-index:99999;
  441. height:470px;
  442. width:550px;
  443. overflow:auto;
  444. margin-left:665px;
  445. margin-top:56px;
  446.  
  447. }
  448.  
  449. #post{
  450. padding:15px;
  451. width:500px;
  452. background-color:{color:post bg};
  453. overflow:hidden;
  454. margin-bottom:20px;
  455. margin-left:5px;
  456. float:left;
  457. z-index:9999;
  458.  
  459. }
  460.  
  461.  
  462. #info {
  463. width:520px;
  464. text-align:left;
  465. text-shadow: 1px 1px 3px {color:text shadow};
  466. font-family:arial;
  467. font-size:9px;
  468. padding:7px;
  469. color:{color:txt};
  470. line-height:10px;
  471. background-color:{color:info bg};
  472. margin-top:5px;
  473. margin-left:-15px;
  474. font-size:9px;
  475. margin-bottom:-15px;
  476. font-style:none;
  477. padding:5px;
  478. line-height:10px;
  479. transition-duration: 1.0s;
  480. -moz-transition-duration: 1.0s;
  481. -webkit-transition-duration: 1.0s;
  482. -o-transition-duration: 1.0s;
  483.  
  484. }
  485.  
  486. #info hover{
  487. color:{color:hover};
  488. transition-duration: 1.0s;
  489. -moz-transition-duration: 1.0s;
  490. -webkit-transition-duration: 1.0s;
  491. -o-transition-duration: 1.0s;
  492.  
  493.  
  494. }
  495.  
  496. #info a {
  497. text-align:center;
  498. font-family:arial;
  499. color:{color:txt};
  500.  
  501. }
  502.  
  503. .right{
  504. float:right
  505.  
  506. }
  507.  
  508.  
  509. #asks {
  510. font-size:11px;
  511. text-align:center;
  512. width:537px;
  513. padding:5px;
  514. margin-left:-30px;
  515. margin-top:-15px;
  516. background-color:{color:info bg}
  517.  
  518. }
  519.  
  520.  
  521. /*DON'T EVEN CONSIDER DELETING ANYTHING BEYOND THIS POINT*/
  522.  
  523. #c{
  524. position:fixed;
  525. font-size:8px;
  526. font-weight:bold;
  527. padding-bottom:5px;
  528. padding-top:5px;
  529. height:10px;
  530. width:60px;
  531. padding-left:5px;
  532. padding-right:5px;
  533. margin-left:1290px;
  534. margin-top:618px;
  535. line-height:150%;
  536. text-align:center;
  537. float:left;
  538. color:{color:txt};
  539. text-transform:uppercase;
  540. border-bottom:solid 2px {color:border};
  541. background-color:{color:links bg};
  542. transition-duration: 0.8s;
  543.  
  544.  
  545. }
  546.  
  547.  
  548.  
  549. {CustomCSS}</style>
  550.  
  551. </head>
  552.  
  553.  
  554. <body>
  555.  
  556.  
  557. <div id="sidebar">
  558. <div id="sidebar1"><img src="{image:sidebar}"></div>
  559. <div id="sidebar2"><img src="{image:sidebar 2}"></div>
  560.  
  561.  
  562. </div>
  563. </div>
  564. </div>
  565. </div>
  566. <div id="links">
  567. <a href="/" href="">refresh</a><br>
  568. <a href="ask" href="/ask">askbox</a><br>
  569. <a href="{text:link 1 url}">{text:Link 1}</a><br>
  570. <a href="{text:link 2 url}">{text:Link 2}</a><br>
  571. <a href="{text:link 3 url}">{text:Link 3}</a><br>
  572. <a href="{text:link 4 url}">{text:Link 4}</a><br>
  573. </div>
  574.  
  575. </div>
  576.  
  577. <div class="navi">
  578. <div id="title"><h1>{Title}</h1></div>
  579. <div id="navbg"></div>
  580.  
  581. <div class="ho1">
  582. <div id="about-text">{text:about text}</div>
  583. <div id="ho1bg"></div>
  584. </div>
  585. </div>
  586. </div>
  587. <div id="desc">{Description}</div>
  588.  
  589.  
  590.  
  591.  
  592. </div>
  593.  
  594.  
  595.  
  596.  
  597.  
  598. </div>
  599. <div id="pagi">{block:Pagination}
  600. {block:PreviousPage}
  601. <a href="{PreviousPage}">FALL</a>
  602. {/block:PreviousPage}
  603.  
  604. {block:NextPage}
  605. <a href="{NextPage}">FLY</a>
  606. {/block:NextPage}
  607. {/block:Pagination}</div>
  608. </div></div>
  609. </div>
  610.  
  611. <div id="box">
  612. {block:Posts}
  613. <div id="post">
  614.  
  615.  
  616.  
  617. {block:Text}
  618. {block:Title}<h2><center>{Title}</center></h2>{/block:Title}
  619. {Body}
  620. {/block:Text}
  621.  
  622.  
  623.  
  624. {block:Answer}
  625. <div id="asks">
  626. <div style="margin-left:-280px; padding-bottom:8px; font-size:15px;"><b><i>{Asker} asked:</b></i></span></div><br /> <div style="padding-left:15px; margin-top:-18px; font-size:13px;">{Question}</div>
  627. </div>
  628. {Answer}
  629. {/block:Answer}
  630.  
  631.  
  632. {block:Quote}
  633.  
  634. {block:Quote}
  635. <h2>{Quote}</h2>
  636. <div align="right">
  637. {block:Source}<h1>-{Source}</h1>{/block:Source}
  638. </div>
  639. {/block:Quote}
  640.  
  641.  
  642. {block:Link}
  643. <h2><center><a href="{URL}">{Name}</center></a></h2>
  644. {block:Description}{Description}{/block:Description}
  645. {/block:Link}
  646.  
  647.  
  648.  
  649. {block:Chat}
  650. {block:Title}<h2>{Title}</h2>{/block:Title}
  651. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  652. {Line}</li>{/block:Lines}</ul>
  653. {/block:Chat}
  654.  
  655.  
  656.  
  657. {block:Photo}
  658. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  659.  
  660. {block:Caption}{Caption}{/block:Caption}
  661. {/block:Photo}
  662.  
  663.  
  664.  
  665. {block:Photoset}
  666. {Photoset-500}
  667. {block:Caption}{Caption}{/block:Caption}
  668. {/block:Photoset}
  669.  
  670.  
  671. {block:Video}
  672. {Video-500}
  673. {block:Caption}{Caption}{/block:Caption}
  674. {/block:Video}
  675.  
  676.  
  677. {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>
  678. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  679. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  680. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  681. {/block:Audio}
  682.  
  683.  
  684.  
  685. <div id="info">
  686. <div id="permalink">
  687. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <div class=right>{NoteCount}</div></a></div>
  688.  
  689. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</div>
  690.  
  691.  
  692.  
  693. </div>{/block:Posts}{/block:Posts}</div></div></div></div>
  694. </div>
  695. </div>
  696.  
  697. </div>
  698. <div id="c">
  699. <a href="http://healysrph.tumblr.com/">HEALYSRPH </a>
  700.  
  701. </div>
  702. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement