API tools faq
paste
Advertisement
leerious

i hate kindred

leerious
Oct 14th, 2015
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.45 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. <!--- fuck off. --->
  5.  
  6. <head>
  7. <title>{Title}</title>
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11. <link rel="shortcut icon" href="http://i.imgur.com/VnZmPMf.png">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  13.  
  14. <meta name="color:Background" content="#ffffff" />
  15. <meta name="color:Text" content="#888888" />
  16. <meta name="color:Links" content="#a2839f" />
  17. <meta name="color:Links Hover" content="#d6d5d5" />
  18. <meta name="color:Scroll" content="#ffffff" />
  19. <meta name="color:Scrollbar" content="#eeeeee" />
  20. <meta name="color:Bold" content="#777777" />
  21. <meta name="color:Italic" content="#bbbbbb"/>
  22. <meta name="color:Blockquote" content="#bbbbbb" />
  23.  
  24. <meta name="color:Title" content="#000000" />
  25. <meta name="color:Title Hover" content="#a2839f"/>
  26. <meta name="color:Desc Text" content="#aaaaaa" />
  27. <meta name="color:Desc Background" content="#ffffff" />
  28. <meta name="color:Nav Link" content="#000000"/>
  29. <meta name="color:Nav Link Hover" content="#ffffff" />
  30. <meta name="color:Nav Background Hover" content="#000000" />
  31.  
  32. <meta name="color:Posts" content="#ffffff" />
  33. <meta name="color:Posts Title" content="#535353" />
  34.  
  35. <meta name="color:Perma Link" content="#a2839f" />
  36. <meta name="color:Perma Link Hover" content="#d6d5d5" />
  37. <meta name="color:Perma Border" content="#dddddd" />
  38. <meta name="color:Perma Text" content="#aaaaaa" />
  39. <meta name="color:Perma Background" content="#ffffff" />
  40.  
  41.  
  42. <meta name="color:Chat" content="#f7f7f7" />
  43. <meta name="color:Quote" content="#535353" />
  44. <meta name="color:Ask" content="#000000" />
  45.  
  46. <meta name="if:ShowCaptions" content="0" />
  47. <meta name="if:ShowTags" content="1" />
  48. <meta name="if:InfiniteScroll" content="1" />
  49. <meta name="if:ImageFade" content="1" />
  50. <meta name="if:250px" content="0" />
  51. <meta name="if:400px" content="0" />
  52. <meta name="if:500px" content="1" />
  53.  
  54. <meta name="image:Background" content="" />
  55. <meta name="image:Sidebar" content="" />
  56.  
  57. <meta name="text:link1" content="url" />
  58. <meta name="text:title1" content="hover title" />
  59. <meta name="text:name1" content="shown title" />
  60. <meta name="text:link2" content="url" />
  61. <meta name="text:title2" content="hover title" />
  62. <meta name="text:name2" content="shown title" />
  63. <meta name="text:link3" content="url" />
  64. <meta name="text:title3" content="hover title" />
  65. <meta name="text:name3" content="shown title" />
  66. <meta name="text:link4" content="url" />
  67. <meta name="text:title4" content="hover title" />
  68. <meta name="text:name4" content="shown title" />
  69.  
  70. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
  71.  
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76. /*Body*/
  77.  
  78.  
  79. iframe#tumblr_controls {
  80. top:0%!important;
  81. right:0%!important;
  82. position:fixed!important;
  83. z-index:99999999!important;
  84. opacity:0.3;
  85. -webkit-filter:invert(100%);
  86. -moz-filter:invert(100%);
  87. -o-filter:invert(100%);
  88. -ms-filter:invert(100%);
  89. filter:invert(100%);
  90. }
  91.  
  92.  
  93.  
  94. ::-webkit-scrollbar {
  95. width:8px;
  96. height:8px;
  97. }
  98.  
  99. ::-webkit-scrollbar-track-piece {
  100. background-color:{color:Scroll};
  101. }
  102. ::-webkit-scrollbar-thumb {
  103. background-color:{color:Scrollbar};
  104. }
  105.  
  106. body {
  107. margin:0;
  108. padding:0;
  109. border:0;
  110. background:url('{image:Background}');
  111. background-attachment:fixed;
  112. background-repeat:repeat;
  113. background-color:{color:Background};
  114. color:{color:Text};
  115. font-family:trebuchet ms, sans-serif;
  116. font-size:10px;
  117. line-height:12px;
  118. word-wrap:break-word;
  119. }
  120.  
  121. a {
  122. color:{color:Links};
  123. text-decoration:none;
  124. }
  125.  
  126. a:hover{
  127. color:{color:Links Hover};
  128. }
  129.  
  130.  
  131. pre {
  132. width:95%;
  133. white-space:pre-wrap;
  134. word-wrap:break-word;
  135. padding:4px;
  136. font-size:9px;
  137. font-style:italic;
  138. color:#000;
  139. font-family:'playfair display';
  140. border:solid 1px #eee;
  141. border-radius:3px;
  142. }
  143.  
  144. sub {
  145. font-size:8px;
  146. }
  147. small { font-size:8px; }
  148.  
  149. blockquote {
  150. width:85%;
  151. margin-left:15px;
  152. padding-left:7px;
  153. padding-right:5px;
  154. padding-top:1px;
  155. padding-bottom:0px;
  156. border-left:1px solid {color:Blockquote};
  157. border-radius:6px 0px 0px 0px;
  158. }
  159.  
  160. b, strong {
  161. color:{color:Bold};
  162. font-weight:bold;
  163. }
  164.  
  165. i, em {
  166. color:{color:Italic};
  167. font-style:italic;
  168. }
  169.  
  170.  
  171. ul,ol {
  172. padding:2px;
  173. margin-left:25px;
  174. }
  175.  
  176. ul {
  177. list-style-type:square;
  178. }
  179.  
  180. h2 {
  181. font-family:calibri;
  182. font-size:12px;
  183. padding:2px;
  184. }
  185.  
  186. h3 {
  187. font-family:trebuchet ms;
  188. font-size:7px;
  189. text-transform:uppercase;
  190. letter-spacing:1px;
  191. line-height:9px;
  192. font-weight:400;
  193. }
  194.  
  195. /* Sidebar */
  196.  
  197. .I {
  198. margin-left:-220px;
  199. margin-top:70px;
  200. position:fixed;
  201. width:150px;
  202. height:auto;
  203. padding:2px;
  204. float:left;
  205. background-color:transparent;
  206. color:{color:Text};
  207. }
  208.  
  209. /* Title */
  210.  
  211. .II {
  212. padding:0px;
  213. color:{color:Title};
  214. font-family:helvetica;
  215. font-size:44px;
  216. font-weight:bold;
  217. line-height:40px;
  218. letter-spacing:-3px;
  219. }
  220. .II a {
  221. color:{color:Title};
  222. -moz-transition:none;
  223. -webkit-transition:none;
  224. -o-transition:none;
  225. transition:none;
  226. }
  227. .II a:hover {
  228. color:{color:Title Hover};
  229. }
  230.  
  231. /* Description */
  232.  
  233. .III {
  234. padding:4px;
  235. background-color:{color:Desc Background};
  236. color:{color:Desc Text};
  237. font-family:cambria;
  238. font-size:8px;
  239. letter-spacing:1px;
  240. text-align:justify;
  241. font-style:italic;
  242. line-height:9px;
  243. word-wrap:break-word;
  244. }
  245.  
  246. /* Navigation */
  247.  
  248. .IV {
  249. width:150px;
  250. padding:4px;
  251. background-color:transparent;
  252. font-family:trebuchet ms;
  253. font-size:7px;
  254. text-transform:uppercase;
  255. letter-spacing:1px;
  256. line-height:9px;
  257. text-align:left;
  258. }
  259. .IV a {
  260. padding-top:1px;
  261. padding-bottom:1px;
  262. padding-left:1px;
  263. padding-right:1px;
  264. display:inline-block;
  265. background-color:transparent;
  266. color:{color:Nav Link};
  267. -moz-transition:all ease 0.6s;
  268. -webkit-transition:all ease 0.6s;
  269. -o-transition:all ease 0.6s;
  270. transition:all ease 0.6s;
  271. }
  272. .IV a:hover{
  273. background-color:{color:Nav Background Hover};
  274. color:{color:Nav Link Hover};
  275. }
  276.  
  277.  
  278.  
  279. /* Center Wrapper*/
  280.  
  281. #wrapper{
  282. {block:IndexPage}
  283. {block:if250px}
  284. width:270px;
  285. {/block:if250px}
  286. {block:if400px}
  287. width:420px;
  288. {/block:if400px}
  289. {block:if500px}
  290. width:520px;
  291. {/block:if500px}
  292. {/block:IndexPage}
  293. {block:PermalinkPage}
  294. width:510px;
  295. {/block:PermalinkPage}
  296. height:auto;
  297. margin-left:450px;
  298. margin-right:auto;
  299. margin-top:40px;
  300. margin-bottom:40px;
  301. padding:0;
  302. border:0;
  303. }
  304.  
  305. /* Post Wrapper & Perma */
  306.  
  307. .posts img {
  308. -webkit-filter: grayscale(100%);
  309. -webkit-transition: all .25s;
  310. -webkit-transition: all 0.6s ease-in-out;
  311. -moz-transition: all 0.6s ease-in-out;
  312. transition: all 0.6s ease-in-out;
  313. ... }
  314.  
  315. .posts img:hover {
  316. -webkit-transition: all 0.6s ease-in-out;
  317. -moz-transition: all 0.6s ease-in-out;
  318. transition: all 0.6s ease-in-out;
  319. -webkit-filter: grayscale(0); }
  320.  
  321.  
  322. .html_photoset {
  323. -webkit-transition: all 0.6s ease-in-out;
  324. -moz-transition: all 0.6s ease-in-out;
  325. transition: all 0.6s ease-in-out;
  326. -webkit-filter: grayscale(100%);
  327. -webkit-transition: all .25s;
  328. ... }
  329.  
  330. .html_photoset:hover {
  331. -webkit-transition: all 0.6s ease-in-out;
  332. -moz-transition: all 0.6s ease-in-out;
  333. transition: all 0.6s ease-in-out;
  334. -webkit-filter: grayscale(0); }
  335.  
  336. .post {
  337. {block:IndexPage}
  338. {block:if250px}
  339. width:270px;
  340. {/block:if250px}
  341. {block:if400px}
  342. width:420px;
  343. {/block:if400px}
  344. {block:if500px}
  345. width:520px;
  346. {/block:if500px}
  347. {/block:IndexPage}
  348. {block:PermalinkPage}
  349. width:520px;
  350. {/block:PermalinkPage}
  351. margin-bottom:30px;
  352. background-color:transparent;
  353. }
  354.  
  355. #perma {
  356. margin-top:8px;
  357. padding-top:3px;
  358. padding-left:10px;
  359. background-color:{color:Perma Background};
  360. border-top:1px solid {color:Perma Border};
  361. color:{color:Perma Text};
  362. font-family:arial;
  363. width:400px;
  364. font-size:8px;
  365. text-transform:lowercase;
  366. font-style:normal;
  367. letter-spacing:1px;
  368. text-align:left;
  369. {block:PermalinkPage}
  370. width:500px;
  371. {/block:PermalinkPage}
  372. }
  373. #perma a {
  374. color:{color:Perma Link};
  375. }
  376. #perma a:hover {
  377. color:{color:Perma Link Hover};
  378. text-decoration:underline;
  379. }
  380.  
  381. #notes {
  382. width:500px;
  383. font-family:trebuchet ms;
  384. font-size:7px;
  385. letter-spacing:1px;
  386. text-transform:uppercase;
  387. }
  388. #notes ol {
  389. padding:0;
  390. }
  391. #notes ol li {
  392. list-style-type:none;
  393. padding:3px;
  394. }
  395.  
  396. #notes img {
  397. display:none;
  398. }
  399.  
  400. /* Post */
  401.  
  402. .posts {
  403. {block:IndexPage}
  404. {block:if250px}
  405. width:250px;
  406. {/block:if250px}
  407. {block:if400px}
  408. width:400px;
  409. {/block:if400px}
  410. {block:if500px}
  411. width:500px;
  412. {/block:if500px}
  413. {/block:IndexPage}
  414. {block:PermalinkPage}
  415. width:500px;
  416. {/block:PermalinkPage}
  417. padding:5px;
  418. background-color:{color:Posts};
  419. color:{color:Text};
  420. font-family:arial;
  421. font-size:8px;
  422. letter-spacing:1px;
  423. line-height:14px;
  424. text-align:justify;
  425. word-wrap:break-word;
  426. }
  427. .posts a:hover {
  428. text-decoration:underline; }
  429.  
  430. /* Post img, video & photoset settings */
  431.  
  432. .posts img {
  433. max-width:100%;
  434. }
  435.  
  436. #photo img {
  437. max-width:100%;
  438. display:block;
  439. {block:ifImageFade}
  440. {block:IndexPage}
  441. opacity:.7;
  442. -moz-transition:all ease-in-out 0.7s;
  443. -webkit-transition:all ease-in-out 0.7s;
  444. -o-transition:all ease-in-out 0.7s;
  445. transition:all ease-in-out 0.7s;
  446. {/block:IndexPage}
  447. {/block:ifImageFade}
  448. }
  449.  
  450. #pset, #vid {
  451. margin-bottom:-2px;
  452. {block:ifImageFade}
  453. {block:IndexPage}
  454. opacity:.7;
  455. -moz-transition:all ease-in-out 0.7s;
  456. -webkit-transition:all ease-in-out 0.7s;
  457. -o-transition:all ease-in-out 0.7s;
  458. transition:all ease-in-out 0.7s;
  459. {/block:IndexPage}
  460. {/block:ifImageFade}
  461. }
  462.  
  463. {block:ifImageFade}
  464. .posts:hover #pset, .posts:hover #vid, .posts:hover #photo img {
  465. opacity:1;
  466. }
  467. {/block:ifImageFade}
  468.  
  469. /* Post Title */
  470.  
  471. #h2 {
  472. color:{color:Posts Title};
  473. font-family:times;
  474. font-size:9px;
  475. text-transform:uppercase;
  476. font-style:italic;
  477. letter-spacing:1px;
  478. padding-left:20px;
  479. line-height:14px;
  480. text-align:left;
  481. }
  482.  
  483. /* Quote */
  484.  
  485. #quote {
  486. color:{color:Quote};
  487. font-family:times;
  488. text-transform:uppercase;
  489. font-size:9px;
  490. letter-spacing:1px;
  491. font-style:italic;
  492. }
  493.  
  494. #source {
  495. font-family:arial;
  496. font-size:8px;
  497. letter-spacing:1px;
  498. text-align:center;
  499. font-style:italic;
  500. text-transform:lowercase;
  501. font-weight:bold;
  502. margin-top:9px;
  503. }
  504.  
  505. /* Chat */
  506.  
  507. #chat {
  508. padding-top:2px;
  509. padding-bottom:3px;
  510. padding-left:5px;
  511. padding-right:5px;
  512. line-height:11px;
  513. color:{color:Text};
  514. }
  515.  
  516. #chat.even {
  517. border:solid 1px {color:chat};
  518. }
  519.  
  520. /* Question */
  521.  
  522. #asker {
  523. color:{color:Ask};
  524. font-family:times;
  525. font-size:12px;
  526. line-height:12px;
  527. font-weight:normal;
  528. letter-spacing:1px;
  529. font-style:italic;
  530. text-align:left;
  531. text-transform:uppercase;
  532. }
  533. #asker a {
  534. color:{color:Ask};
  535. }
  536.  
  537. #question {
  538. padding:10px;
  539. font-style:italic;
  540. text-align:left;
  541. border-bottom:dotted 1px #eee;
  542. }
  543.  
  544. /* Audio */
  545.  
  546. #audio {
  547. padding-top:3px;
  548. padding-left:5px;
  549. padding-right:5px;
  550. padding-bottom:5px;
  551. }
  552.  
  553. #info {
  554. line-height:14px;
  555. letter-spacing:1px;
  556. text-align:left;
  557. }
  558.  
  559. span#a {
  560. font-family:arial;
  561. font-size:8px;
  562. font-style:italic;
  563. }
  564.  
  565. #player {
  566. width:26px;
  567. height:28px;
  568. border-left:31px solid #fff;
  569. border-right:31px solid #fff;
  570. border-top:30px solid #fff;
  571. border-bottom:30px solid #fff;
  572. background-color:#fff;
  573. display:block;
  574. overflow:hidden;
  575. position:absolute;
  576. opacity:0.3;
  577. -moz-transition:all linear 0.8s;
  578. -webkit-transition:all linear 0.8s;
  579. -o-transition:all linear 0.8s;
  580. transition:all linear 0.8s;
  581. }
  582.  
  583. #art {
  584. width:84px;
  585. height:84px;
  586. background-image:url('http://static.tumblr.com/3yblkz0/l5ymk3xx1/no-artwork.png');
  587. background-position:center;
  588. background-color:{color:Posts};
  589. }
  590.  
  591. .posts:hover #player {
  592. opacity:.8;
  593. }
  594.  
  595.  
  596. /* Pagination */
  597.  
  598. #page {
  599. width:150px;
  600. margin-top:5px;
  601. background-color:{color:Desc Background};
  602. color:{color:Desc Text};
  603. font-family:cambria;
  604. font-size:8px;
  605. letter-spacing:1px;
  606. font-style:italic;
  607. line-height:9px;
  608. text-align:center;
  609. }
  610.  
  611.  
  612. #page a {
  613. color:{color:Desc Text};
  614. }
  615.  
  616. /* Hover Title Style */
  617.  
  618. #s-m-t-tooltip{
  619. max-width:200px;
  620. margin-top:25px;
  621. margin-left:15px;
  622. padding-left:5px;
  623. padding-right:5px;
  624. z-index:1000;
  625. background-color:#000;
  626. color:#fff;
  627. font-family:arial;
  628. border-radius:4px;
  629. font-size:9px;
  630. letter-spacing:1px;
  631. font-style:italic;
  632. text-align:justify;
  633. text-transform:lowercase;
  634. line-height:14px;
  635. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  636. }
  637.  
  638. /* kill me cuz */
  639.  
  640. #topbar {
  641. position:fixed;
  642. top:0px;
  643. left:0px;
  644. width:100%;
  645. background-color:#000;
  646. border-bottom:solid 1px #fff;
  647. height:30px; }
  648.  
  649. #musica {
  650. position:fixed;
  651. top:30px;
  652. left:0px; }
  653.  
  654. #separation {
  655. position:fixed;
  656. top:0px;
  657. left:380px;
  658. height:100%;
  659. width:30px;
  660. border-left:dotted 1px #eee;
  661. border-right:dotted 1px #eee; }
  662.  
  663.  
  664. /* technicolor beat */
  665.  
  666. #ghost {
  667. position:fixed;
  668. top:360px;
  669. left:199px; }
  670.  
  671. #protector {
  672. position:fixed;
  673. top:130px;
  674. left:262px; }
  675.  
  676.  
  677. /* I'll wait forever */
  678.  
  679. #vivi {
  680. position:fixed;
  681. left:160px;
  682. top:150px;
  683. padding:8px;
  684. height:108px;
  685. border:solid 1px #eee;
  686. background-color:{color:posts};
  687. }
  688. #vivi img {
  689. width:105px;
  690. padding:1px;
  691. border:solid 1px #eee;
  692. }
  693.  
  694. #thing {
  695. position:fixed;
  696. top:105px;
  697. left:145px;
  698. }
  699. #thing img {
  700. width:160px;
  701. }
  702. #thing2 {
  703. position:fixed;
  704. top:319px;
  705. left:146px;
  706. }
  707. #thing2 img {
  708. width:160px;
  709. }
  710.  
  711. #hedseu {
  712. position:fixed;
  713. left:190px;
  714. top:285px;
  715. padding-left:4px;
  716. padding-right:4px;
  717. padding-top:1px;
  718. padding-bottom:1px;
  719. font-style:italic;
  720. font-family:'Playfair Display';
  721. text-transform:lowercase;
  722. font-size:14px;
  723. color:#000;
  724. text-shadow:color: white;
  725. text-shadow: #111 0.1em 0.1em 0.2em;
  726. text-align:center;
  727. }
  728. #hedseu:before {
  729. position:Absolute;
  730. content:'';
  731. width:30px;
  732. left:-35px;
  733. top:7px;
  734. height:1px;
  735. background:#000; }
  736. #hedseu:after {
  737. position:Absolute;
  738. content:'';
  739. width:30px;
  740. right:-35px;
  741. top:7px;
  742. height:1px;
  743. background:#000; }
  744.  
  745.  
  746. #midline {
  747. position:fixed;
  748. left:160px;
  749. top:278px;
  750. width:128px;
  751. height:1px;
  752. border-radius:3px;
  753. border-top:solid 1px #ddd;
  754. border-bottom:solid 1px #ddd;
  755. }
  756.  
  757. #hoveu {
  758. position:Fixed;
  759. left:85px;
  760. top:356px;
  761. padding-left:4px;
  762. padding-right:4px;
  763. padding-top:1px;
  764. padding-bottom:1px;
  765. font-family:'Playfair Display';
  766. font-style:italic;
  767. font-size:16px;
  768. text-align:center;
  769. width:170px;
  770. letter-spacing:3px;
  771. text-shadow:color: white; text-shadow: #eee 0.1em 0.1em 0.2em;
  772. }
  773. #hoveu a {
  774. color:#fff; }
  775.  
  776. #coolio {
  777. position:fixed;
  778. top:0px;
  779. left:425px;
  780. height:100%;
  781. border-left:dotted 1px #eee;
  782. width:1px;
  783. border-right:solid 1px #eee;
  784. }
  785.  
  786. #deco {
  787. position:fixed;
  788. left:241px;
  789. top:305px;
  790. padding-left:4px;
  791. padding-right:4px;
  792. padding-bottom:1px;
  793. padding-top:1px;
  794. width:90px;
  795. height:12px;
  796. background-color:{color:posts};
  797. color:#000;
  798. }
  799. #des {
  800. position:fixed;
  801. padding:4px;
  802. border-left:8px solid #fff;
  803. width:223px;
  804. top:322px;
  805. left:100px;
  806. background-color:{color:posts};
  807. height:50px;
  808. font-family:wendy;
  809. text-transform:uppercase;
  810. border-top:solid 2px #fff;
  811. border-bottom:solid 2px #fff;
  812. border-bottom:;
  813. font-size:10px;
  814. text-align:left;
  815. color:#000;
  816. overflow:auto;
  817. border-bottom:solid 3px #fff;
  818. }
  819. ::-webkit-scrollbar {
  820. width:2px;
  821. height:8px;
  822. }
  823.  
  824. ::-webkit-scrollbar-track-piece {
  825. background-color:#fff;
  826. }
  827. ::-webkit-scrollbar-thumb {
  828. background-color:#000;
  829. }
  830.  
  831. #linceu {
  832. position:Fixed;
  833. left:245px;
  834. background-color:#edf4f8;
  835. top:170px;
  836. padding:1px;
  837. font-family:arial;
  838. font-size:15px;
  839. text-transform:uppercase;
  840. width:14px;
  841. line-height:26px;
  842. -webkit-transition: all .5s ease-in-out;
  843. -moz-transition: all .5s ease-in-out;
  844. -o-transition: all .5s ease-in-out;
  845. }
  846. #linceu a {
  847. color:#434659;
  848. -webkit-transition: all .5s ease-in-out;
  849. -moz-transition: all .5s ease-in-out;
  850. -o-transition: all .5s ease-in-out;
  851. }
  852. #linceu a:hover {
  853. -webkit-transition: all .5s ease-in-out;
  854. -moz-transition: all .5s ease-in-out;
  855. -o-transition: all .5s ease-in-out;
  856. color:#fff; }
  857.  
  858.  
  859.  
  860. /* fonts */
  861.  
  862. @font-face {font-family:"wendy"; src: url('http://static.tumblr.com/v5nzhxn/rV3mzu1e2/wendy.ttf');}
  863.  
  864. /* updates tab */
  865.  
  866. #what {
  867. text-align: center;
  868. font-size: 9px;
  869. font-family:ms gothic;
  870. position:fixed;
  871. right:15px;
  872. top:-220px;
  873. -webkit-transition: all .5s ease-in-out;
  874. -moz-transition: all .5s ease-in-out;
  875. -o-transition: all .5s ease-in-out;
  876. z-index:999;
  877. }
  878.  
  879. #what:hover {top:0px;}
  880.  
  881. #hey {
  882. border-right-style:solid;
  883. border-bottom-style:solid;
  884. border-left-style:solid;
  885. border-width:1px;
  886. border-color:#FFFFFF;
  887. padding:10px 5px 5px 5px;
  888. background: #fff;
  889. width:130px;
  890. height:200px;
  891. z-index: 9999;
  892. }
  893.  
  894. #heytab img {
  895. text-align: center;
  896. color:#454545;
  897. height:25px;
  898. padding: 2px 0 8px 0;
  899. width: 90px;
  900. height:auto;
  901. background-color:transparent;
  902. }
  903.  
  904. /* i don't care to remove everything else */
  905.  
  906. #backthing {
  907. position:fixed;
  908. top:0px;
  909. left:0px;
  910. width:350px;
  911. height:100%;
  912. background-color:#000; }
  913.  
  914. #newtitle {
  915. position:fixed;
  916. top:150px;
  917. left:108px;
  918. color:#fff;
  919. font-family:'playfair display';
  920. font-size:25px;
  921. font-style:italic; }
  922.  
  923. #sidebarim {
  924. position:fixed;
  925. top:200px;
  926. left:100px;
  927. height:130px;
  928. padding:9px;
  929. border-radius:139px;
  930. background-color:#fff;}
  931. #sidebarim img {
  932. width:130px;
  933. border-radius:130px; }
  934.  
  935. #littleline {
  936. position:fixed;
  937. top:180px;
  938. left:107px; }
  939. #littleline img {
  940. width:130px; }
  941.  
  942. #newdesc {
  943. position:fixed;
  944. top:374px;
  945. left:107px;
  946. color:#fff;
  947. font-family:times;
  948. font-style:italic;
  949. font-size:7px;
  950. text-transform:uppercase; }
  951.  
  952. </style>
  953. <style type="text/css">{CustomCSS}</style>
  954.  
  955. {block:IndexPage}
  956. {block:ifInfiniteScroll}
  957. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  958. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  959. {/block:ifInfiniteScroll}
  960. {/block:IndexPage}
  961.  
  962.  
  963. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  964. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  965. <script>
  966. (function($){
  967. $(document).ready(function(){
  968. $("[title],a[title],img[title]").style_my_tooltips({
  969. tip_follows_cursor:true,
  970. tip_delay_time:100,
  971. tip_fade_speed:300,
  972. attribute:"title"
  973. });
  974. });
  975. })(jQuery);
  976. </script>
  977. </head>
  978.  
  979. <body>
  980.  
  981. <div id="wrapper">
  982. <div class="I">
  983.  
  984. <div id="backthing"></div>
  985. <div id="newtitle">⋅misfortune⋅</div>
  986. <div id="sidebarim"><img src="{image:sidebar}"></div>
  987. <div id="hoveu">
  988. <a href="/" title="rebirth">i.</a>
  989. <a href="/ask" title="tell-tale">ii.</a>
  990. <a href="/begin" title="legend">iii.</a>
  991. <a href="/" title="content">iv</a>
  992. </div>
  993.  
  994. <div id="littleline"><img src="https://41.media.tumblr.com/d90448d42476a032887cb1851beb1ab2/tumblr_inline_nm9zgoPkob1smztbt_500.png"></div>
  995. <div id="newdesc">we feel so much pain just by living</div>
  996.  
  997.  
  998. {block:ifnotInfiniteScroll}
  999. {block:Pagination}<div id="page">
  1000. {block:PreviousPage}
  1001. <a href="{PreviousPage}">←</a>
  1002. {/block:PreviousPage}
  1003. {block:JumpPagination length="5"}
  1004. {block:CurrentPage}
  1005. <span class="current_page">{PageNumber}</span>
  1006. {/block:CurrentPage}
  1007.  
  1008. {block:JumpPage}
  1009. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1010. {/block:JumpPage}
  1011. {/block:JumpPagination}
  1012. {block:NextPage}
  1013. <a id="next" href="{NextPage}">→</a>
  1014. {/block:NextPage}
  1015. </div>{/block:Pagination}
  1016. {/block:ifnotInfiniteScroll}
  1017. </div>
  1018.  
  1019. <div class="autopagerize_page_element" >
  1020.  
  1021. {block:Posts}
  1022. <div class="post">
  1023. <div class="posts">
  1024.  
  1025. {block:ContentSource}
  1026. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1027. {/block:SourceLogo}
  1028. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1029. {/block:ContentSource}
  1030.  
  1031.  
  1032.  
  1033. {block:Photo}
  1034. {block:IndexPage}
  1035. <div id="photo">
  1036. {LinkOpenTag}
  1037. <img src="{PhotoURL-500}" alt='{PhotoAlt}'/>
  1038. {LinkCloseTag}
  1039. </div>
  1040. {/block:IndexPage}
  1041. {block:PermalinkPage}
  1042. <div id="photo">
  1043. {LinkOpenTag}
  1044. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1045. {LinkCloseTag}
  1046. </div>
  1047. {/block:PermalinkPage}
  1048. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1049. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1050. {/block:Photo}
  1051.  
  1052.  
  1053. {block:Photoset}
  1054. <div id="pset">
  1055. {block:IndexPage}
  1056. {block:if250px}
  1057. {Photoset-250}
  1058. {/block:if250px}
  1059. {block:if400px}
  1060. {Photoset-400}
  1061. {/block:if400px}
  1062. {block:if500px}
  1063. {Photoset-500}
  1064. {/block:if500px}
  1065. {/block:IndexPage}
  1066. {block:PermalinkPage}
  1067. {Photoset-500}
  1068. {/block:PermalinkPage}
  1069. </div>
  1070. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1071. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1072. {/block:Photoset}
  1073.  
  1074.  
  1075. {block:Video}
  1076. <div id="vid">
  1077. {block:IndexPage}
  1078. {block:if250px}
  1079. <center>{Video-250}</center>
  1080. {/block:if250px}
  1081. {block:if400px}
  1082. <center>{Video-400}</center>
  1083. {/block:if400px}
  1084. {block:if500px}
  1085. <center>{Video-500}</center>
  1086. {/block:if500px}
  1087. {/block:IndexPage}
  1088. {block:PermalinkPage}
  1089. <center>{Video-500}</center>
  1090. {/block:PermalinkPage}
  1091. </div>
  1092. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1093. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1094. {/block:Video}
  1095.  
  1096.  
  1097. {block:Audio}
  1098. <table border="0" cellpadding="0" cellspacing="5" ><tr>
  1099. <td id="art" valign="top">
  1100. <div id="player">{AudioPlayerWhite}</div>
  1101. {block:AlbumArt}
  1102. <img src="{AlbumArtURL}"/>
  1103. {/block:AlbumArt}
  1104. </td>
  1105. <td valign="top" id="audio">
  1106. {block:TrackName}
  1107. <div id="info">
  1108. <span id="a">Track:</span> {TrackName}
  1109. </div>
  1110. {/block:TrackName}
  1111. {block:Artist}
  1112. <div id="info">
  1113. <span id="a">Artist:</span> {Artist}
  1114. </div>
  1115. {/block:Artist}
  1116. {block:Album}
  1117. <div id="info">
  1118. <span id="a">Album:</span> {Album}
  1119. </div>
  1120. {/block:Album}
  1121. <div id="info">
  1122. <span id="a">Plays:</span> {PlayCount}
  1123. </div>
  1124. </td>
  1125. </tr>
  1126. </table>
  1127. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1128. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1129. {/block:Audio}
  1130.  
  1131. {block:Text}
  1132. {block:Title}<div id="h2">{Title}</div>{/block:Title}
  1133. {Body}
  1134. {/block:Text}
  1135.  
  1136. {block:Link}
  1137. <div id="h2"><a href="{URL}" {Target}>{Name}</a></div>
  1138. {block:Description}{Description}{/block:Description}
  1139. {/block:Link}
  1140.  
  1141.  
  1142. {block:Answer}
  1143. <div id="question"><div id="asker">{Asker} inquired:</div> {Question}</div>
  1144. {Answer}
  1145. {/block:Answer}
  1146.  
  1147.  
  1148. {block:Quote}
  1149. <div id="quote">{Quote}</div>
  1150. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  1151. {/block:Quote}
  1152.  
  1153.  
  1154. {block:Chat}
  1155. {block:Title}<div id="h2">{Title}</div>{/block:Title}
  1156. {block:Lines}<div id="chat" class="{Alt} user_{UserNumber}">
  1157. {block:Label}
  1158. <b>{Label}</b>
  1159. {/block:Label}
  1160. {Line}</div>
  1161. {/block:Lines}
  1162. {/block:Chat}
  1163.  
  1164.  
  1165.  
  1166. </div>
  1167.  
  1168. <div id="perma">
  1169. {block:IndexPage}
  1170. {block:Date}+ <a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, '{ShortYear} </a>{/block:Date}
  1171. {block:NoteCount} • {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> • <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} • <a href="{ReblogURL}" >reblog</a>{block:ifShowTags}
  1172. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifShowTags}
  1173. {/block:IndexPage}
  1174. {block:PermalinkPage}
  1175. {block:Date}Posted <a href="{Permalink}">{TimeAgo}</a> • {DayOfWeek}, {DayOfMonth}. {ShortMonth}, {Year}{/block:Date}
  1176. {block:NoteCount} • {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> • <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  1177. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  1178. {/block:PermalinkPage}
  1179.  
  1180. </div>
  1181. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  1182. </div>
  1183.  
  1184. {/block:Posts}
  1185.  
  1186. </div>
  1187. </div>
  1188.  
  1189. <div id="separation"></div>
  1190. <div id="topbar"></div>
  1191.  
  1192.  
  1193.  
  1194. <a href="http://ladmilk.tumblr.com" title="Theme by Heidi" style="bottom:5px; left:5px; pading:2px; position:fixed; font-size:8px;">©</a>
  1195.  
  1196.  
  1197.  
  1198.  
  1199. <!-- Start of StatCounter Code for Tumblr -->
  1200. <script type="text/javascript">
  1201. var sc_project=10101504;
  1202. var sc_invisible=1;
  1203. var sc_security="fe3422da";
  1204. var scJsHost = (("https:" == document.location.protocol) ?
  1205. "https://secure." : "http://www.");
  1206. document.write("<sc"+"ript type='text/javascript' src='" +
  1207. scJsHost+
  1208. "statcounter.com/counter/counter.js'></"+"script>");
  1209. </script>
  1210. <noscript><div class="statcounter"><a title="tumblr hit
  1211. counter" href="http://statcounter.com/tumblr/"
  1212. target="_blank"><img class="statcounter"
  1213. src="http://c.statcounter.com/10101504/0/fe3422da/1/"
  1214. alt="tumblr hit counter"></a></div></noscript>
  1215. <!-- End of StatCounter Code for Tumblr -->
  1216.  
  1217. </body>
  1218.  
  1219.  
  1220. <img src='http://24.media.tumblr.com/tumblr_mdq76hhR2F1rgpyeqo1_500.gif' style='position:fixed;bottom:0px;right:0px;z-index:-999'/>
  1221.  
  1222.  
  1223. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!