Advertisement
alithegreat

AGLEERPH | #48 | THANK ME NOW

May 24th, 2017
671
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.62 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. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!----
  16.  
  17. @AGLEERPH ( ALI ) | #48: THANK ME NOW.
  18.  
  19. --->
  20.  
  21. <meta name="image:Sidebar1" content=""/>
  22. <meta name="image:Sidebar2" content=""/>
  23. <meta name="image:Pattern" content=""/>
  24.  
  25. <meta name="color:Pattern Alt" content=""/>
  26. <meta name="color:Background" content=""/>
  27. <meta name="color:Blockquote" content=""/>
  28. <meta name="color:Border" content=""/>
  29. <meta name="color:Entries" content=""/>
  30. <meta name="color:Link" content=""/>
  31. <meta name="color:Navigation" content=""/>
  32. <meta name="color:Navigation Hover" content=""/>
  33. <meta name="color:Navigation Links" content=""/>
  34. <meta name="color:Navigation Numbers" content=""/>
  35. <meta name="color:Navigation Numbers 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:Question BG" content=""/>
  40. <meta name="color:Question Text" content=""/>
  41. <meta name="color:Scrollbar1" content=""/>
  42. <meta name="color:Scrollbar2" content=""/>
  43. <meta name="color:Sidebar" content=""/>
  44. <meta name="color:Text" content=""/>
  45. <meta name="color:Title" content=""/>
  46.  
  47. <meta name="text:home link text" content="home link text"/>
  48. <meta name="text:ask link text" content="ask link text"/>
  49.  
  50. <meta name="text:link one URL" content="link one URL"/>
  51. <meta name="text:link one text" content="link one text"/>
  52. <meta name="text:link two URL" content="link two URL"/>
  53. <meta name="text:link two text" content="link two text"/>
  54. <meta name="text:link three URL" content="link three URL"/>
  55. <meta name="text:link three text" content="link three text"/>
  56.  
  57. <style type="text/css">
  58.  
  59.  
  60. ::-webkit-scrollbar-thumb {
  61. height:auto;
  62. background-color:{color:Scrollbar2};
  63. }
  64.  
  65. ::-webkit-scrollbar {
  66. height:3px;
  67. width:3px;
  68. background-color:{color:Scrollbar1};
  69. }
  70.  
  71.  
  72. body {
  73. background: {color:Background};
  74. font-family: cambria;
  75. font-size: 10px;
  76. line-height:14px;
  77. color: {color:Text};
  78. background-image:url('{image:Background}');
  79. background-attachment:fixed;
  80.  
  81. }
  82.  
  83. blockquote {
  84. border-left:2px solid {color:blockquote};
  85. text-align:justify;
  86. padding: 2px 10px;
  87. margin: 10px;
  88. }
  89.  
  90.  
  91. li {
  92. padding-left: 1.2em;
  93. list-style: none;
  94. }
  95.  
  96. li:before {
  97. color: {color:title};
  98. content: "\f105";
  99. font-family: FontAwesome;
  100. font-size:10px;
  101. display: inline-block;
  102. margin-left: -1.2em;
  103. width: 1.2em;
  104. }
  105.  
  106.  
  107. a {
  108. text-decoration: none;
  109. color: {color:Link};
  110. }
  111.  
  112. pre {
  113. font-family:cambria;
  114. font-size:9px;
  115. padding:5px;
  116. text-transform:uppercase;
  117. border-bottom:1px solid {color:Pre Border};
  118. text-align:center;
  119. color:{color:Pre Text};
  120. background-color:{color:Pre BG};
  121. word-wrap:break-word;
  122. }
  123.  
  124. pre a {
  125. color:{color:pre text};
  126. }
  127.  
  128. pre b,strong {
  129. color:{color:pre text};
  130. }
  131.  
  132. pre i,em {
  133. color:{color:pre text};
  134. }
  135.  
  136.  
  137. small, sub {
  138. font-size:10px;
  139. }
  140.  
  141. b, strong {
  142. color:{color:Title};
  143. }
  144.  
  145. i,em {
  146. color:{color:title};
  147. }
  148.  
  149. hr {
  150. background-image:url('{image:pattern}');
  151. background-attachment:absolute;
  152. background-color:{color:pattern alt};
  153. border:1px solid #000000;
  154. display:block;
  155. padding:2px;
  156. }
  157.  
  158. #bord {
  159. background-image:url('{image:pattern}');
  160. background-attachment:absolute;
  161. background-color:{color:pattern alt};
  162. border:1px solid #000000;
  163. display:block;
  164. padding:2px;
  165. }
  166.  
  167. #sideph {
  168. position:fixed;
  169. margin-left:3px;
  170. margin-top:194px;
  171. border:1px solid {color:border};
  172. width:250px;
  173. height:200px;
  174. }
  175.  
  176. #sideph2 {
  177. position:fixed;
  178. margin-left:258px;
  179. margin-top:3px;
  180. border:1px solid {color:border};
  181. width:200px;
  182. height:570px;
  183. }
  184.  
  185.  
  186. #backbar {
  187. position:fixed;
  188. margin-left:30px;
  189. margin-top:30px;
  190. width:463px;
  191. height:578px;
  192. border:1px solid {color:border};
  193. background-image:url('{image:Pattern}');
  194. background-color:{color:pattern alt};
  195. background-attachment:fixed;
  196. }
  197.  
  198. #sidebar {
  199. position:fixed;
  200. margin-top:3px;
  201. margin-left:3px;
  202. border:1px solid {color:border};
  203. width:230px;
  204. height:166px;
  205. background-color:{color:Sidebar};
  206. padding:10px;
  207. line-height:12px;
  208. text-align:justify;
  209. }
  210.  
  211. #pagination {
  212. margin-top:8px;
  213. font-size:9px;
  214. font-family:cambria;
  215. letter-spacing:0px;
  216. line-height:12px;
  217. text-align:center;
  218. text-transform:uppercase;
  219. color:{color:text};
  220. }
  221.  
  222. #pagination a {
  223. color:{color:link};
  224. }
  225.  
  226. #navbar {
  227. margin-left:3px;
  228. width:250px;
  229. margin-top:399px;
  230. height:174px;
  231. position:fixed;
  232. border:1px solid {color:border};
  233. background-color:{color:sidebar};
  234. }
  235.  
  236. #navigation {
  237. margin-top:3px;
  238. text-align:center;
  239. }
  240.  
  241. #navigation a {
  242. display:inline-block;
  243. text-align:left;
  244. width:242px;
  245. height:30px;
  246. line-height:30px;
  247. text-transform:lowercase;
  248. font-family:cambria;
  249. font-size:9px;
  250. margin-bottom:2px;
  251. border:1px solid {color:border};
  252. background-color:{color:navigation};
  253. color:{color:navigation links};
  254. -webkit-transition: all 0.5s ease-in-out;
  255. -moz-transition: all 0.5s ease-in-out;
  256. -o-transition: all 0.5s ease-in-out;
  257. }
  258.  
  259. #navigation a:hover {
  260. color:{color:navigation hover};
  261. -webkit-transition: all 0.5s ease-in-out;
  262. -moz-transition: all 0.5s ease-in-out;
  263. -o-transition: all 0.5s ease-in-out;
  264. }
  265.  
  266. #navigation a um {
  267. background-color:{color:Navigation Numbers bg};
  268. color:{color:navigation numbers};
  269. font-size:14px;
  270. border-right:1px solid {color:border};
  271. border-bottom:1px solid {color:border};
  272. display:inline-block;
  273. height:30px;
  274. padding-left:8px;
  275. padding-right:8px;
  276. line-height:30px;
  277. width:40px;
  278. float:left;
  279. text-align:right;
  280. }
  281.  
  282. #entries {
  283. position:absolute;
  284. width:528px;
  285. margin-left:570px;
  286. padding:0px;
  287. margin-top:30px;
  288. }
  289.  
  290. #entrybg {
  291. padding:3px;
  292. margin-bottom:20px;
  293. background-color:{color:pattern alt};
  294. border:1px solid {color:Border};
  295. background-image:url('{image:Pattern}');
  296. background-attachment:absolute;
  297. }
  298.  
  299. #entry {
  300. background-color:{color:Entries};
  301. margin-bottom:0px;
  302. padding:8px;
  303. border:1px solid {color:Border};
  304. }
  305.  
  306.  
  307. #posttitles {
  308. text-align: center;
  309. font-size: 20px;
  310. line-height:130%;
  311. text-transform:lowercase;
  312. font-weight:300;
  313. font-style:italic;
  314. padding:5px;
  315. color: {color:title};
  316. }
  317.  
  318.  
  319. #posttitles a {
  320. color:{color:title};
  321. }
  322.  
  323. #ask {
  324. z-index:10;
  325. font-family:cambria;
  326. font-size:16px;
  327. text-align:center;
  328. text-transform:lowercase;
  329. color:{color:question text};
  330. background-color:{color:question bg};
  331. margin-right:0px;
  332. padding:10px;
  333. padding-left:10px;
  334. border-bottom:1px solid {color:border};
  335. }
  336.  
  337. #ask a {
  338. color:{color:question text};
  339. }
  340.  
  341.  
  342. #question {
  343. background-color:{color:Question bg};
  344. color:{color:Question text};
  345. font-size:10px;
  346. z-index:10;
  347. text-align:center;
  348. padding:10px;
  349. }
  350.  
  351. #audioplayer {
  352. width:30px;
  353. height:30px;
  354. background-color:{color:ffffff};
  355. overflow:hidden;
  356. -moz-border-radius: 30px;
  357. -webkit-border-radius: 30px;
  358. border-radius: 30px;
  359. position:absolute;
  360. margin-top:25px;
  361. margin-left:25px;
  362. opacity: 0.7;
  363. filter:alpha(opacity=70);
  364. -moz-opacity: 0.7;
  365. -khtml-opacity: 0.7;
  366. }
  367.  
  368. #albumart {
  369. float:left;
  370. margin:0px 0px;
  371. -moz-border-radius: 80px;
  372. -webkit-border-radius: 80px;
  373. border-radius: 80px;}
  374.  
  375. #albumart img {
  376. -moz-border-radius: 80px;
  377. -webkit-border-radius: 80px;
  378. border-radius: 80px;
  379. }
  380.  
  381. tehe {
  382. font-size:10px;
  383. text-transform:uppercase;
  384. padding-left:50px;
  385. padding-right:50px;
  386. padding-bottom:15px;
  387. display:block;
  388. margin-top:10px;
  389. margin-left:80px;
  390. text-align:center;
  391. }
  392.  
  393. #permalink {
  394. text-align: right;
  395. border-top: 1px solid {color:Border};
  396. border-bottom:1px solid {color:Border};
  397. background-color:{color:entries};
  398. position: relative;
  399. font-size:9px;
  400. letter-spacing:0px;
  401. text-transform:lowercase;
  402. margin-top: 3px;
  403. margin-left:-3px;
  404. margin-right:-3px;
  405. padding-right:10px;
  406. padding-bottom:5px;
  407. padding-top: 5px;
  408. }
  409.  
  410.  
  411. #credit {
  412. font-size:9px;
  413. float:center;
  414. position:fixed;
  415. text-align:center;
  416. font-family:cambria;
  417. bottom:15px;
  418. right:15px;
  419. padding:10px;
  420. text-transform:uppercase;
  421. border:1px solid {color:border};
  422. background-color:{color:entries};
  423. color:{color:title};
  424. }
  425.  
  426. #credit a {
  427. color:{color:title};
  428. }
  429.  
  430. cred {
  431. padding-left: 2.7em;
  432. list-style: none;
  433. }
  434.  
  435. cred:before {
  436. color: {color:title};
  437. content: "\f121";
  438. font-family: FontAwesome;
  439. font-size:12px;
  440. display: inline-block;
  441. margin-left: -2.7em;
  442. width: 2.7em;
  443. }
  444.  
  445. </style>
  446.  
  447. </head>
  448.  
  449. <body>
  450.  
  451. <div id="backbar">
  452.  
  453. <div id="sideph"><img src="{image:Sidebar1}"></div>
  454.  
  455. <div id="sideph2"><img src="{image:sidebar2}"></div>
  456.  
  457. <div id="navbar">
  458. <div id="navigation">
  459. <a href="/"><um>i.</um> &nbsp;&nbsp;&nbsp;&nbsp;{text:home link text}</a><br>
  460. <a href="/ask"><um>ii.</um> &nbsp;&nbsp;&nbsp;&nbsp;{text:ask link text}</a><br>
  461. <a href="{text:link one URL}"><um>iii.</um> &nbsp;&nbsp;&nbsp;&nbsp;{text:link one text}</a><br>
  462. <a href="{text:link two URL}"><um>iv.</um> &nbsp;&nbsp;&nbsp;&nbsp;{text:link two text}</a><br>
  463. <a href="{text:link three URL}"><um>v.</um> &nbsp;&nbsp;&nbsp;&nbsp;{text:link three text}</a>
  464. </div> </div>
  465.  
  466. <div id="sidebar">
  467. <div style="overflow:auto; width: 230px; padding-right:5px; height: 147px; text-align: justify;">{description}</div>
  468. <div id="pagination">
  469. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} {CurrentPage} out of {TotalPages} {block:NextPage}&nbsp;<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  470. </div></div>
  471. </div>
  472.  
  473. <div id="entries">
  474. {block:Posts}
  475. <div id="entrybg">
  476. <div id="entry">
  477.  
  478.  
  479. {block:Text}
  480. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  481. {Body}
  482. {/block:Text}
  483.  
  484. {block:Photo}
  485. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  486. {block:Caption}{Caption}{/block:Caption}
  487. {/block:Photo}
  488.  
  489. {block:Photoset}
  490. {Photoset-500}
  491. {block:Caption}{Caption}{/block:Caption}
  492. {/block:Photoset}
  493.  
  494. {block:Quote}
  495. <div id="posttitles">{Quote}</div>
  496. {block:Source}<br>—{Source}{/block:Source}
  497. {/block:Quote}
  498.  
  499. {block:Link}
  500. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  501. {block:Description}{Description}{/block:Description}
  502. {/block:Link}
  503.  
  504. {block:Chat}
  505. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  506. {block:Lines}
  507. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  508. {/block:Lines}
  509. {/block:Chat}
  510.  
  511. {block:Audio}
  512. <div id="audioplayer">{AudioPlayerWhite} </div>
  513. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80">{/block:AlbumArt}</div>
  514. <tehe>
  515. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}
  516. <br>
  517. <B>SONG:</B> {block:TrackName}{TrackName}{/block:TrackName}
  518. <br>
  519. <b>CURRENTLY:</b> {PlayCountWithLabel}
  520. <hr>
  521. </tehe>
  522. {block:caption}{caption}{/block:caption}
  523. {/block:Audio}
  524.  
  525. {block:Video}
  526. {Video-500}
  527. {block:Caption}{Caption}{/block:Caption}
  528. {/block:Video}
  529.  
  530. {block:Answer}
  531. <div id="ask">{Asker} sent:</div><div id="question">{Question}</div>
  532. <br>{Answer}
  533. {/block:Answer}
  534.  
  535.  
  536.  
  537.  
  538. </div> <!-- /div entry ---><div id="permalink">
  539. {block:Date}{TimeAgo}{/block:Date} & <a href="{Permalink}">
  540. {NoteCountWithLabel}</a> & <a href="{ReblogURL}" target="_blank">Reblog</a>
  541.  
  542. {block:RebloggedFrom} & <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> / <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}
  543.  
  544. <br>{block:HasTags} {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  545. </div> </div>
  546.  
  547. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  548.  
  549. <div id="credit"> <a href="http://agleerph.tumblr.com/" title="theme 48 by agleerph"><cred>AGRPH</cred></a></div>
  550.  
  551.  
  552. </body>
  553.  
  554.  
  555. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement