API tools faq
paste
alithegreat

agleerph #002 ★ bad blood

alithegreat
Jun 13th, 2015
791
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.64 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!----
  13.  
  14. © agleerph / 002. bad blood.
  15.  
  16. --->
  17.  
  18. <meta name="image:Top Sidebar" content=""/>
  19. <meta name="image:Left Sidebar" content=""/>
  20. <meta name="image:Sidebar BG" content=""/>
  21. <meta name="image:Background" content=""/>
  22.  
  23. <meta name="color:Background" content=""/>
  24. <meta name="color:Blockquote" content=""/>
  25. <meta name="color:Border" content=""/>
  26. <meta name="color:Description" content=""/>
  27. <meta name="color:Entries" content=""/>
  28. <meta name="color:Link" content=""/>
  29. <meta name="color:Main Title" content=""/>
  30. <meta name="color:Main Title Shadow" content=""/>
  31. <meta name="color:Navbar" content=""/>
  32. <meta name="color:Navhover" content=""/>
  33. <meta name="color:Navigation" content=""/>
  34. <meta name="color:Navigation Links" content=""/>
  35. <meta name="color:Post BG" content=""/>
  36. <meta name="color:Pre BG" content=""/>
  37. <meta name="color:Pre Border" content=""/>
  38. <meta name="color:Pre Text" content=""/>
  39. <meta name="color:Scrollbar" content=""/>
  40. <meta name="color:Sidebar BG" content=""/>
  41. <meta name="color:Subtitle" content=""/>
  42. <meta name="color:Text" content=""/>
  43. <meta name="color:Title" content=""/>
  44.  
  45.  
  46. <meta name="text:Link1 URL" content=""/>
  47. <meta name="text:Link1 Text" content=""/>
  48. <meta name="text:Link2 URL" content=""/>
  49. <meta name="text:Link2 Text" content=""/>
  50. <meta name="text:Link3 URL" content=""/>
  51. <meta name="text:Link3 Text" content=""/>
  52. <meta name="text:Link4 URL" content=""/>
  53. <meta name="text:Link4 Text" content=""/>
  54.  
  55. <meta name="text:Home Text" content=""/>
  56. <meta name="text:Ask Text" content=""/>
  57.  
  58. <meta name="text:Main Title" content=""/>
  59. <meta name="text:Subtitle" content=""/>
  60.  
  61. <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  62.  
  63. <script src=”http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  64.  
  65. <script>
  66.  
  67. (function($){
  68.  
  69. $(document).ready(function(){
  70.  
  71. $(“a[title]”).style_my_tooltips({
  72.  
  73. tip_follows_cursor:true,
  74.  
  75. tip_delay_time:30,
  76.  
  77. tip_fade_speed:300,
  78.  
  79. attribute:”title”
  80.  
  81. });
  82.  
  83. });
  84.  
  85. })(jQuery);
  86.  
  87. </script>
  88.  
  89. <style type="text/css">
  90.  
  91. ::-webkit-scrollbar-thumb {
  92. height:auto;
  93. background-color:{color:Background};
  94. }
  95.  
  96. ::-webkit-scrollbar {
  97. height:10px;
  98. width:6px;
  99. background-color:{color:Scrollbar};
  100. }
  101.  
  102. #s-m-t-tooltip {
  103. font-family: georgia;
  104. font-size: 9px;
  105. text-transform:lowercase;
  106. padding:5px;
  107. background-color:{color:Entries};
  108. color:{color:Text};
  109. border:1px solid {color:Border};
  110. margin-top:-20px;
  111. margin-left:20px;
  112. }
  113.  
  114. body {
  115. background: {color:Background};
  116. background-image:url('{image:Background}');
  117. background-attachment:fixed;
  118. font-family: georgia;
  119. font-size: 10px;
  120. color: {color:Text};
  121. }
  122.  
  123. blockquote {
  124. padding-left:5px;
  125. margin:0px 2px 0px 11px;
  126. border-left:2px solid {color:Blockquote};
  127. }
  128.  
  129. a {
  130. text-decoration: none;
  131. color: {color:Link};
  132. }
  133.  
  134. pre {
  135. font-family:georgia;
  136. font-size:9px;
  137. text-transform:lowercase;
  138. padding-left:8px;
  139. padding-right:8px;
  140. border-bottom:2px solid {color:Pre Border};
  141. padding-top:5px;
  142. padding-bottom:5px;
  143. text-align:right;
  144. color:{color:Pre Text};
  145. background-color:{color:Pre BG};
  146. word-wrap:break-word;
  147. }
  148.  
  149. small, sub {
  150. font-size:9px;
  151. }
  152.  
  153. b, strong {
  154. color:{color:Title};
  155. }
  156.  
  157. big {
  158. font-size:11px;
  159. }
  160.  
  161.  
  162. #pag {
  163. position:fixed;
  164. margin-top:200px;
  165. margin-left:510px;
  166. width:70px;
  167. height:70px;
  168. padding-top:20px;
  169. border:0px solid {color:text};
  170. z-index:9999999999999999999999999999;
  171. background-color:transparent;
  172. text-shadow:2px 2px 0px {color:title};
  173. color:{color:border};
  174. font-family:arial;
  175. font-weight:bold;
  176. letter-spacing:0px;
  177. font-size:35px;
  178. line-height:35px;
  179. text-align:center;
  180. text-transform:lowercase;
  181. }
  182.  
  183. #titlebg {
  184. position:fixed;
  185. margin-top:-10px;
  186. margin-left:636px;
  187. padding:5px;
  188. border:1px solid {color:Border};
  189. height:60px;
  190. width:559px;
  191. background-image:url('{image:Sidebar BG}');
  192. background-color:{color:Sidebar BG};
  193. background-attachment:fixed;
  194. z-index:9999999999999999999999999;
  195. }
  196.  
  197. #fulltitle {
  198. position:fixed;
  199. margin-top:20px;
  200. margin-left:636px;
  201. padding:5px;
  202. border:1px solid {color:border};
  203. height:40px;
  204. width:559px;
  205. background-color:{color:Description};
  206. z-index:99999999999999999999999999;
  207. }
  208.  
  209. #maintitle {
  210. font-family:arial;
  211. font-size:24px;
  212. letter-spacing:-1px;
  213. font-weight:bold;
  214. font-style:italic;
  215. padding-right:10px;
  216. text-align:right;
  217. color:{color:Main Title};
  218. text-shadow:1px 1px 0px {color:Main Title Shadow};
  219. }
  220.  
  221. #subtitle {
  222. font-family:georgia;
  223. font-size:9px;
  224. font-style:italic;
  225. text-align:right;
  226. padding-right:10px;
  227. letter-spacing:0px;
  228. color:{color:Subtitle};
  229. }
  230.  
  231. #ph1photo {
  232. position:fixed;
  233. margin-top:190px;
  234. margin-left:55px;
  235. padding:0px;
  236. border:1px solid {color:Border};
  237. height:400px;
  238. width:200px;
  239. }
  240.  
  241. #ph1background {
  242. position:fixed;
  243. margin-top:185px;
  244. margin-left:50px;
  245. padding:5px;
  246. border:1px solid {color:border};
  247. height:400px;
  248. width:200px;
  249. background-image:url('{image:Sidebar BG}');
  250. background-attachment:fixed;
  251. }
  252.  
  253. #ph2background {
  254. position:fixed;
  255. margin-top:40px;
  256. margin-left:50px;
  257. padding:5px;
  258. border:1px solid {color:border};
  259. height:130px;
  260. width:425px;
  261. background-image:url('{image:Sidebar BG}');
  262. background-attachment:fixed;
  263. }
  264.  
  265. #ph2photo {
  266. position:fixed;
  267. margin-top:45px;
  268. margin-left:55px;
  269. padding:0px;
  270. border:1px solid {color:Border};
  271. height:130px;
  272. width:425px;
  273. }
  274.  
  275. #descbg {
  276. margin-left:265px;
  277. margin-top:345px;
  278. height:250px;
  279. width:220px;
  280. position:fixed;
  281. background-color:{color:sidebar BG};
  282. background-image:url('{image:Sidebar BG}');
  283. background-attachment:fixed;
  284. border:1px solid {color:Border};
  285. }
  286.  
  287. #descbar {
  288. position:fixed;
  289. height:240px;
  290. width:210px;
  291. margin-left:270px;
  292. margin-top:350px;
  293. position:fixed;
  294. background-color:{color:Description};
  295. border:1px solid {color:Border};
  296.  
  297. }
  298.  
  299. #description {
  300. font-size:10px;
  301. letter-spacing:0px;
  302. padding:10px;
  303. font-family:georgia;
  304. text-align:justify;
  305. color:{color:text};
  306. }
  307.  
  308. #navbar1 {
  309. position: fixed;
  310. margin-left:265px;
  311. margin-top: 185px;
  312. width: 220px;
  313. height: 155px;
  314. padding: 0px;
  315. background-color:{color:Navbar};
  316. z-index:9999999999999999999999;
  317. background-image:url('{image:Sidebar BG}');
  318. background-attachment:fixed;
  319. border: 1px solid {color:Border};}
  320.  
  321. #navigation {
  322. margin-top:4px;
  323. text-align:center;
  324. }
  325.  
  326. #navigation a {
  327. display:inline-block;
  328. text-align:right;
  329. border:1px solid {color:Border};
  330. width:200px;
  331. height:20px;
  332. line-height:20px;
  333. padding-left:5px;
  334. padding-right:5px;
  335. text-transform:lowercase;
  336. font-family:georgia;
  337. font-size:9px;
  338. margin-bottom:3px;
  339. margin-right:1px;
  340. background-color:{color:Navigation};
  341. color:{color:Navigation Links};
  342. -webkit-transition: all 0.2s ease-in-out;
  343. -moz-transition: all 0.2s ease-in-out;
  344. -o-transition: all 0.2s ease-in-out;
  345. }
  346.  
  347. #navigation a:hover {
  348. display:inline-block;
  349. text-align:center;
  350. font-style:italic;
  351. letter-spacing:1px;
  352. border:1px solid {color:border};
  353. background-color:{color:navigation};
  354. color:{color:Navhover};
  355. -webkit-transition: all 0.5s ease-in-out;
  356. -moz-transition: all 0.5s ease-in-out;
  357. -o-transition: all 0.5s ease-in-out;
  358. }
  359.  
  360. #backentries {
  361. position:fixed;
  362. width:529px;
  363. height:900px;
  364. margin-top:-10px;
  365. margin-left:636px;
  366. padding:20px;
  367. background-image:url('{image:Sidebar BG}');
  368. background-attachment:fixed;
  369. border: 1px solid {color:Border};
  370. }
  371.  
  372. #entries {
  373. position:absolute;
  374. width:542px;
  375. margin-left:641px;
  376. padding:10px;
  377. margin-top:75px;}
  378.  
  379.  
  380. #entry {
  381. background-color:{color:Entries};
  382. margin-bottom:0px;
  383. padding:15px;
  384. border:1px solid {color:Border}}
  385.  
  386. #entrybg {
  387. padding:5px;
  388. background-color:{color:Post BG};
  389. border:1px solid {color:Border};
  390. }
  391.  
  392. img {
  393. max-width: 100%;
  394. }
  395.  
  396. #posttitles {
  397. text-align: center;
  398. font-size: 26px;
  399. letter-spacing:-2px;
  400. line-height:120%;
  401. text-transform:lowercase;
  402. font-family:arial;
  403. font-weight:bold;
  404. padding:5px;
  405. margin-bottom:5px;
  406. color: {color:Title};
  407. font-style:italic;
  408. text-shadow:1px 1px 0px {color:text};
  409. }
  410.  
  411.  
  412. #ask {
  413. text-align:justify;
  414. line-height:120%;
  415. color:{color:text};
  416. }
  417.  
  418. #asker {
  419. font-size:25px;
  420. font-weight:bold;
  421. font-family:arial;
  422. text-align:center;
  423. text-transform:uppercase;
  424. padding:0px;
  425. display:block;
  426. font-style:italic;
  427. letter-spacing:-1px;
  428. }
  429.  
  430. #asker img {
  431. border:1px solid {color:Border};
  432. padding-right:2px;
  433. border-radius:50%;
  434. margin-left:-2px;
  435. margin-bottom:-5px;
  436. }
  437.  
  438. #question {
  439. font-size:9px;
  440. padding:5px;
  441. text-align:right;
  442. background-color:{color:post bg};
  443. border:1px solid {color:Border};
  444. }
  445.  
  446. #ans {
  447. text-align:left;
  448. padding-left:10px;
  449. color:{color:text};
  450. }
  451.  
  452. .playerbuttonbg {
  453. position: absolute;
  454. left: 20px;
  455. top: 20px;
  456. width: 19px;
  457. height: 19px;
  458. background-color: #ffffff;
  459. padding: 10px;
  460. -webkit-border-radius: 40px;
  461. -moz-border-radius: 40px;
  462. border-radius: 40px;
  463. opacity: .4;
  464. filter: alpha(opacity=40);
  465. opacity: 0.4;
  466. -khtml-opacity: 0.4;
  467. transition: opacity .7s ease-in-out;
  468. -moz-transition: opacity .7s ease-in-out;
  469. -webkit-transition: opacity .7s ease-in-out;
  470. }
  471.  
  472. .playerbuttonbg:hover {
  473. opacity: 1;
  474. filter: alpha(opacity=100);
  475. -moz-opacity: 1;
  476. -khtml-opacity: 1;
  477. }
  478.  
  479. .newplayerbutton {
  480. position: relative;
  481. width: 19px;
  482. height: 19px;
  483. overflow: hidden;
  484. }
  485.  
  486. .playerbuttonhug {
  487. position: absolute;
  488. top: -18px;
  489. left: -7px;
  490. }
  491.  
  492. .tumblr_audio_player {
  493. height: 90px;
  494. width: 270px;
  495. -moz-transform: scale(0.60, 0.60);
  496. -webkit-transform: scale(0.60, 0.60);
  497. -o-transform: scale(0.60, 0.60);
  498. -ms-transform: scale(0.60, 0.60);
  499. transform: scale(0.60, 0.60);
  500. -moz-transform-origin: top left;
  501. -webkit-transform-origin: top left;
  502. -o-transform-origin: top left;
  503. -ms-transform-origin: top left;
  504. transform-origin: top left;
  505. }
  506.  
  507. .audioimgwrapper {
  508. position: absolute;
  509. left: 0px;
  510. top: 0px;
  511. -webkit-border-radius: 40px;
  512. -moz-border-radius: 40px;
  513. border-radius: 40px;
  514. overflow: hidden;
  515. width: 79px;
  516. height: 79px;
  517. }
  518.  
  519. .audioimgwrapper img {
  520. width: 100%;
  521. height: auto;
  522. -webkit-border-radius: 40px;
  523. -moz-border-radius: 40px;
  524. border-radius: 40px;
  525. }
  526.  
  527. .trackdetails {
  528. width: auto;
  529. display:inline-block;
  530. margin-left: 90px;
  531. min-height: 85px;
  532. }
  533.  
  534. .audiowrapper {
  535. position: relative;
  536. display:inline-block;
  537. }
  538.  
  539. #permalink {
  540. text-align: right;
  541. border-top: 1px solid {color:Border};
  542. position: relative;
  543. font-size:9px;
  544. letter-spacing:0px;
  545. text-transform:lowercase;
  546. font-family:georgia;
  547. margin-top: 5px;
  548. padding-top: 5px;
  549. }
  550.  
  551. #credit{
  552. font-size: 20px;
  553. font-style:none;
  554. float: center;
  555. position: fixed;
  556. font-family:arial;
  557. bottom: 15px;
  558. background-color:{color:entries};
  559. right: 15px;
  560. color:{color:text};
  561. padding:5px;
  562. line-height:20px;
  563. text-transform:uppercase;
  564. border:1px solid {color:border};
  565. letter-spacing:0px;
  566. font-family:arial;
  567. }
  568.  
  569. #credit a{
  570. color: {color:text};
  571. }
  572.  
  573. </style>
  574.  
  575. </head>
  576.  
  577. <body>
  578.  
  579. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  580.  
  581. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  582.  
  583. <script>
  584.  
  585. (function($){
  586.  
  587. $(document).ready(function(){
  588.  
  589. $("a[title]").style_my_tooltips({
  590.  
  591. tip_follows_cursor:true,
  592.  
  593. tip_delay_time:10,
  594.  
  595. tip_fade_speed:60,
  596.  
  597. attribute:"title"
  598.  
  599. });
  600.  
  601. });
  602.  
  603. })(jQuery);
  604.  
  605. </script>
  606.  
  607. <div id="navbar1"><div id="navigation">
  608. <a href="/">{text:Home Text}</a><Br>
  609. <a href="/ask">{text:Ask Text}</a><br>
  610. <a href="{text:Link1 URL}">{text:Link1 Text}</a><br>
  611. <a href="{text:Link2 URL}">{text:Link2 Text}</a><br>
  612. <a href="{text:Link3 URL}">{text:Link3 Text}</a><br>
  613. <a href="{text:Link4 URL}">{text:Link4 Text}</a>
  614. </div></div>
  615.  
  616. <div id="ph1background"></div>
  617. <div id="ph1photo"><img src="{image:Left Sidebar}"></div>
  618.  
  619. <div id="titlebg"></div>
  620. <div id="fulltitle">
  621. <div id="maintitle">
  622. {text:Main Title}
  623. </div>
  624. <div id="subtitle">
  625. {text:Subtitle}
  626. </div>
  627. </div>
  628.  
  629.  
  630. <div id="descbg"></div>
  631.  
  632. <div id="descbar"><div id="description">{Description}</div></div>
  633.  
  634. <div id="ph2background"></div>
  635. <div id="ph2photo"><img src="{image:Top Sidebar}"></div>
  636.  
  637. <div id="pag">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}</div>
  638.  
  639. <div id="backentries"></div>
  640.  
  641. <div id="entries">
  642. {block:Posts}
  643. <div id="entrybg">
  644. <div id="entry">
  645.  
  646.  
  647. {block:Text}
  648. <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
  649. {Body}
  650. {/block:Text}
  651.  
  652. {block:Photo}
  653. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  654. {block:Caption}{Caption}{/block:Caption}
  655. {/block:Photo}
  656.  
  657. {block:Photoset}
  658. {Photoset-500}
  659. {block:Caption}{Caption}{/block:Caption}
  660. {/block:Photoset}
  661.  
  662. {block:Quote}
  663. <div id="posttitles">{Quote}</div>
  664. {block:Source}<br>—{Source}{/block:Source}
  665. {/block:Quote}
  666.  
  667. {block:Link}
  668. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  669. {block:Description}{Description}{/block:Description}
  670. {/block:Link}
  671.  
  672. {block:Chat}
  673. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  674. {block:Lines}
  675. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  676. {/block:Lines}
  677. {/block:Chat}
  678.  
  679. {block:Audio}{block:AudioPlayer}
  680. <div class="audiowrapper">
  681. {block:AlbumArt}
  682. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  683. {/block:AlbumArt}
  684.  
  685. <div class="playerbuttonbg">
  686. <div class="newplayerbutton">
  687. <div class="playerbuttonhug">
  688.  
  689. {AudioPlayerWhite}
  690.  
  691. </div>
  692. </div>
  693. </div>
  694.  
  695. <div class="trackdetails">
  696.  
  697. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  698. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  699. {block:Album}Album: {Album}{/block:Album}<br/>
  700. {PlayCountWithLabel}
  701.  
  702. </div>
  703. </div>
  704. {/block:AudioPlayer}
  705.  
  706. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  707.  
  708. {block:Video}
  709. {Video-500}
  710. {block:Caption}{Caption}{/block:Caption}
  711. {/block:Video}
  712.  
  713. {block:Answer}<div id="ask"><div id="asker"><img src="{AskerPortraitURL-64}" style="height:30px; width:30px; float:center;">&nbsp;&nbsp;{Asker} asked:</div><br><div id="question">{Question}</div></div><div id="ans">{Answer}</div>{/block:answer}
  714.  
  715.  
  716. <div id="permalink">
  717. {block:Date}<i>Posted on:</i> {TimeAgo}{/block:Date} ▾ <a href="{Permalink}">
  718. {NoteCountWithLabel}</a> <a href="{ReblogURL}" target="_blank">Reblog</a>
  719.  
  720. {block:RebloggedFrom} ▾ <i>post details:</i> <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> & <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}
  721.  
  722. <br>{block:HasTags} <i>tagged with:</i> {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  723. </div>
  724.  
  725.  
  726.  
  727. </div> <!-- /div entry ---> </div><br>
  728.  
  729. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  730.  
  731. <div id="credit"> <a href="http://agleerph.tumblr.com/">🌙</a></div>
  732.  
  733. </body>
  734.  
  735. </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!