Advertisement
alithegreat

agleerph #006 ★ midnight run v2

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