Advertisement
alithegreat

agleerph #007 ★ plastic smile

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