ladyevansrps

Arkenstone by ladyevansrps

Nov 12th, 2014
397
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.26 KB | None | 0 0
  1. <!--
  2. "Arkenstone"
  3. @ladyevansrp
  4. DO NOT REMOVE CREDITS
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10.  
  11. <head>
  12. <meta name="image:sbarimg" content=""/>
  13.  
  14. <meta name="color:bg" content="#ffffff">
  15. <meta name="color:shadows" content="#555555">
  16. <meta name="color:border" content="#dddddd">
  17.  
  18. <meta name="color:text" content="#000000">
  19. <meta name="color:sbartext" content="#666666">
  20. <meta name="color:link" content="#666666">
  21. <meta name="color:linkhover" content="#f2f2f2">
  22.  
  23. <meta name="text:link 1" content="">
  24. <meta name="text:link 1 URL" content="/">
  25. <meta name="text:link 2" content="">
  26. <meta name="text:link 2 URL" content="/">
  27. <meta name="text:link 3" content="">
  28. <meta name="text:link 3 URL" content="/">
  29. <meta name="text:link 4" content="">
  30. <meta name="text:link 4 URL" content="/">
  31.  
  32. <meta name="text:sbartitle" content="title here">
  33.  
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  35. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36. <link rel="shortcut icon" href="{Favicon}" />
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38.  
  39. <style type="text/css">
  40. /* scrollbar */
  41. ::-webkit-scrollbar
  42. {
  43. background-color:{color:bg};
  44. height:3px;
  45. width:3px;
  46. }
  47.  
  48. ::-webkit-scrollbar-thumb:vertical
  49. {
  50. background-color:{color:link};
  51. height:0px;
  52. }
  53.  
  54. ::-webkit-scrollbar-thumb:horizontal
  55. {
  56. background-color:{color:link};
  57. height:50px!important;
  58. }
  59.  
  60. /* entries and posts */
  61. body
  62. {
  63. font-family:'verdana';
  64. font-size:8px;
  65. background-color:{color:bg};
  66. }
  67.  
  68. #entries
  69. {
  70. position:absolute;
  71. width:530px;
  72. margin-top:50px;
  73. margin-left:450px;
  74. }
  75.  
  76. #posts
  77. {
  78. padding:10px;
  79. border-bottom:1px solid {color:border};
  80. }
  81.  
  82. /* links */
  83. a
  84. {
  85. color:{color:link};
  86. text-decoration: none;
  87. }
  88.  
  89. a:hover
  90. {
  91. color:{color:linkhover};
  92. text-decoration: none;
  93. }
  94.  
  95. /* sidebar */
  96. #navlinks
  97. {
  98. position:fixed;
  99. width:125px;
  100. height:15px;
  101. margin-top:158px;
  102. margin-left:155px;
  103. font-size:9px;
  104. font-family:'helvetica';
  105. font-weight:bold;
  106. text-align:left;
  107. color:{color:sbartext};
  108. }
  109.  
  110. #navlinks a
  111. {
  112. line-height:15px;
  113. font-size:9px;
  114. font-family:'helvetica';
  115. font-weight:bold;
  116. color:{color:link};
  117. opacity:1;
  118. -webkit-transition: opacity 0.8s linear;
  119. -webkit-transition: all 0.5s ease-out;
  120. -moz-transition: all 0.5s ease-out;
  121. transition: all 0.5s ease-out;
  122. }
  123.  
  124. #navlinks a:hover
  125. {
  126. font-size:9px;
  127. font-family:'helvetica';
  128. font-weight:bold;
  129. color:{color:linkhover};
  130. letter-spacing:2px;
  131. opacity:1;
  132. -webkit-transition: opacity 0.8s linear;
  133. -webkit-transition: all 0.5s ease-out;
  134. -moz-transition: all 0.5s ease-out;
  135. transition: all 0.5s ease-out;
  136. }
  137.  
  138. #sbarimg
  139. {
  140. position:fixed;
  141. margin-top:150px;
  142. margin-left:70px;
  143. width:80px;
  144. height:220px;
  145. background-color:{color:bg};
  146. box-shadow:0px 1px 1px {color:shadows};
  147. z-index:400;
  148. }
  149. .sbarimg {max-width:80px; max-height:220px;}
  150.  
  151. #sbar
  152. {
  153. position:fixed;
  154. margin-top:170px;
  155. margin-left:155px;
  156. padding:2px;
  157. width:140px;
  158. height:180px;
  159. overflow:auto;
  160. font-family:'verdana';
  161. font-size:8px;
  162. color:{color:sbartext};
  163. border-top:1px solid {color:border};
  164. border-bottom:1px solid {color:border};
  165. }
  166.  
  167.  
  168. #paglinks
  169. {
  170. position:fixed;
  171. width:144px;
  172. height:15px;
  173. margin-top:355px;
  174. margin-left:155px;
  175. font-size:9px;
  176. font-family:'helvetica';
  177. font-weight:bold;
  178. text-align:right;
  179. color:{color:sbartext};
  180. }
  181.  
  182. #paglinks a
  183. {
  184. line-height:15px;
  185. font-size:9px;
  186. font-family:'helvetica';
  187. font-weight:bold;
  188. color:{color:link};
  189. opacity:1;
  190. -webkit-transition: opacity 0.8s linear;
  191. -webkit-transition: all 0.5s ease-out;
  192. -moz-transition: all 0.5s ease-out;
  193. transition: all 0.5s ease-out;
  194. }
  195.  
  196. #paglinks a:hover
  197. {
  198. font-size:9px;
  199. font-family:'helvetica';
  200. font-weight:bold;
  201. color:{color:linkhover};
  202. letter-spacing:2px;
  203. opacity:1;
  204. -webkit-transition: opacity 0.8s linear;
  205. -webkit-transition: all 0.5s ease-out;
  206. -moz-transition: all 0.5s ease-out;
  207. transition: all 0.5s ease-out;
  208. }
  209.  
  210. /* post titles */
  211. #title1
  212. {
  213. line-height:25px;
  214. text-align:left;
  215. font-family:'helvetica';
  216. font-size:26px;
  217. font-weight:bold;
  218. letter-spacing:-1px;
  219. text-transform:lowercase;
  220. text-shadow:1px 1px 1px {color:border};
  221. color:{color:text};
  222. }
  223.  
  224. #title2
  225. {
  226. line-height:15px;
  227. text-align:left;
  228. font-family:'helvetica';
  229. letter-spacing:-1px;
  230. font-size:16px;
  231. color:{color:text};
  232. }
  233.  
  234. /* tags, infos and notes */
  235. #info
  236. {
  237. width:528px;
  238. height:25px;
  239. color:{color:sbartext};
  240. font-size:8px;
  241. font-family:'tahoma';
  242. line-height:15px;
  243. text-align:center;
  244. }
  245.  
  246. #info a
  247. {
  248. color:{color:link};
  249. -webkit-transition:all 0.5s ease-out;
  250. -moz-transition:all 0.5s ease-out;
  251. transition:all 0.5s ease-out;
  252. }
  253.  
  254. #info a:hover
  255. {
  256. color:{color:linkhover};
  257. opacity:0.2;
  258. -webkit-transition: opacity 0.8s linear;
  259. -webkit-transition: all 0.5s ease-out;
  260. -moz-transition: all 0.5s ease-out;
  261. transition: all 0.5s ease-out;
  262. }
  263.  
  264. /* source */
  265. #source
  266. {
  267. margin-top:3px;
  268. text-align:right;
  269. font-size:10px;
  270. }
  271.  
  272. /* text effects */
  273. h1
  274. {
  275. font-size:20px;
  276. font-family:'helvetica';
  277. font-weight:bold;
  278. letter-spacing:-1px;
  279. text-shadow:1px 1px 1px {color:border};
  280. }
  281.  
  282. h2
  283. {
  284. font-size:14px;
  285. font-family:'helvetica';
  286. font-weight:bold;
  287. letter-spacing:-1px;
  288. text-shadow:1px 1px 1px {color:border};
  289. }
  290.  
  291. b, strong
  292. {
  293. color:{color:text};
  294. }
  295.  
  296. i, em
  297. {
  298. color:{color:text};
  299. }
  300.  
  301. blockquote
  302. {
  303. margin:5px;
  304. padding-left:6px;
  305. border-left:3px solid {color:link};
  306. }
  307.  
  308. hr
  309. {
  310. display:block;
  311. padding:0px;
  312. height:1px;
  313. border:0px;
  314. border-top:1px solid {color:border};
  315. }
  316.  
  317. pre
  318. {
  319. display:block;
  320. text-align:center;
  321. font-size:14px;
  322. font-family:'helvetica';
  323. letter-spacing:-1px;
  324. color:{color:text};
  325. text-shadow:1px 1px 1px {color:shadows};
  326. padding:5px;
  327. background-color:{color:border};
  328. }
  329.  
  330.  
  331. /* chat */
  332. .user_1 .label
  333. {
  334. color:{color:link};
  335. font-weight:bold;
  336. }
  337.  
  338. .user_2 .label
  339. {
  340. color:{color:text};
  341. font-weight:bold;
  342. }
  343.  
  344. .user_3 .label
  345. {
  346. color:{color:link};
  347. font-weight:bold;
  348. }
  349.  
  350. .user_4 .label
  351. {
  352. color:{color:text};
  353. font-weight:bold;
  354. }
  355.  
  356. .user_5 .label
  357. {
  358. color:{color:link};
  359. font-weight:bold;
  360. }
  361.  
  362. .user_6 .label
  363. {
  364. color:{color:text};
  365. font-weight:bold;
  366. }
  367.  
  368. .user_7 .label
  369. {
  370. color:{color:link};
  371. font-weight:bold;
  372. }
  373.  
  374. .user_8 .label
  375. {
  376. color:{color:text};
  377. font-weight:bold;
  378. }
  379.  
  380. .user_9 .label
  381. {
  382. color:{color:link};
  383. font-weight:bold;
  384. }
  385.  
  386. .user_10 .label
  387. {
  388. color:{color:text};
  389. font-weight:bold;
  390. }
  391.  
  392. ul.chat, .chat ol, .chat li
  393. {
  394. list-style:none;
  395. margin:0px;
  396. padding:0px;
  397. }
  398.  
  399. /* questions */
  400. #asks
  401. {
  402. padding:3px;
  403. width:500px;
  404. height:auto;
  405. word-wrap:break-word;
  406. }
  407.  
  408. #question
  409. {
  410. color:{color:text};
  411. text-align: justify;
  412. font-family: 'tahoma';
  413. font-size: 9px;
  414. margin-top:5px;
  415. margin-left:60px;
  416. padding:3px;
  417. }
  418.  
  419. #portrait
  420. {
  421. float:left;
  422. width:48px;
  423. height:48px;
  424. position: absolute;
  425. box-shadow:1px 1px 1px {color:shadows};
  426. }
  427. #answer
  428. {
  429. padding-top:10px;
  430. text-align: justify;
  431. margin-top: 15px;
  432. }
  433.  
  434. /* audio posts */
  435. #audio
  436. {
  437. width:100%;
  438. height:100px;
  439. margin-bottom:5px;
  440. }
  441.  
  442. .albumart
  443. {
  444. float:left;
  445. width:100px;
  446. height:100px;
  447. background-color:#fff;
  448. box-shadow:1px 1px 1px {color:shadows};
  449. }
  450.  
  451. .player
  452. {
  453. position:absolute;
  454. width:25px;
  455. height:25px;
  456. margin-top:34px;
  457. margin-left:33px;
  458. overflow:hidden;
  459. padding:3px;
  460. opacity:0.4;
  461. -webkit-transition:all 0.4s ease-in-out;
  462. -moz-transition:all 0.4s ease-in-out;
  463. -o-transition:all 0.4s ease-in-out;
  464. -ms-transition: all 0.4s ease-in-out;
  465. transition:all 0.5s ease-in-out;
  466. }
  467.  
  468. .player:hover
  469. {
  470. opacity:0.7;
  471. -webkit-transition:all 0.4s ease-in-out;
  472. -moz-transition:all 0.4s ease-in-out;
  473. -o-transition:all 0.4s ease-in-out;
  474. -ms-transition: all 0.4s ease-in-out;
  475. transition:all 0.5s ease-in-out;
  476. }
  477.  
  478. .audioinfo
  479. {
  480. margin-left:110px;
  481. font-family:'helvetica';
  482. text-transform:lowercase;
  483. font-size:10px;
  484. }
  485.  
  486. /* credit (don't remove) */
  487. #cred a
  488. {
  489. position:fixed;
  490. font-family:'helvetica';
  491. text-transform:uppercase;
  492. font-size:10px;
  493. font-weight:bold;
  494. text-shadow:1px 1px 1px {color:shadows};
  495. bottom:3px;
  496. right:3px;
  497. padding:8px;
  498. color:{color:link};
  499. }
  500.  
  501. </style>
  502. </head>
  503.  
  504. <body>
  505. <!-- sbar -->
  506. <div id="navlinks">
  507. <a href="{text:link 1 URL}">{text:link 1}</a>.
  508. <a href="{text:link 2 URL}">{text:link 2}</a>.
  509. <a href="{text:link 3 URL}">{text:link 3}</a>.
  510. <a href="{text:link 4 URL}">{text:link 4}</a>.
  511. </div>
  512.  
  513. <div id="sbarimg">
  514. <img src="{image:sbarimg}" />
  515. </div>
  516.  
  517. <div id="sbar">
  518. {Description}
  519. </div>
  520.  
  521. <div id="paglinks">
  522. {block:Pagination}
  523. {block:PreviousPage}
  524. <a href={PreviousPage}>prev</a>
  525. {/block:PreviousPage}
  526. /
  527. {block:NextPage}
  528. <a href={NextPage}>next</a></p>
  529. {/block:NextPage}
  530. </div>
  531. {/block:Pagination}
  532. </div>
  533.  
  534. <!-- entries -->
  535. <div id="entries">
  536. {block:Posts}
  537. <div id="posts">
  538.  
  539. <!-- quote -->
  540. {block:Quote}
  541. <div id="title2"><i>
  542. ❝ {Quote} ❞</i>
  543. </div>
  544. {block:Source}
  545. <div id="source">
  546. — {Source}
  547. </div>
  548. {/block:Source}
  549. {/block:Quote}
  550.  
  551. <!-- text -->
  552. {block:Title}
  553. <div id="title1">
  554. {Title}
  555. </div>
  556. <hr>
  557. {/block:Title}
  558. {block:Text}
  559. {Body}
  560. {/block:Text}
  561.  
  562. <!-- link -->
  563. {block:Link}
  564. <div id="title1">
  565. <a href="{URL}" class="link" {Target}>{Name}</a>
  566. </div>
  567. {block:Description}
  568. <div class="description">
  569. {Description}
  570. </div>
  571. {/block:Description}
  572. {/block:Link}
  573.  
  574. <!-- photo -->
  575. {block:Photo}
  576. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  577. {/block:Photo}
  578. {block:Photoset}
  579. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  580. {/block:Photoset}
  581.  
  582. <!-- chat -->
  583. {block:Chat}
  584. <br /><ul class="chat">{block:Lines}<li class="user_{UserNumber}">
  585. {block:Label}
  586. <span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>
  587. {/block:Lines}</ul>
  588. {/block:Chat}
  589.  
  590. <!-- video -->
  591. {block:Video}
  592. {Video-500}
  593. {block:Caption}
  594. {Caption}
  595. {/block:Caption}
  596. {/block:Video}
  597.  
  598. <!-- question -->
  599. {block:Answer}
  600. <div id="asks">
  601. <div id="portrait">
  602. <span style="width:48px;height:48px;"><img src="{AskerPortraitURL-48}"></span>
  603. </div>
  604.  
  605. <div id="question">
  606. <span style="font-size:11px;font-weight:bold;text-transform:uppercase;font-family:helvetica">{asker}: </span></br>&nbsp;&nbsp;&nbsp;{Question}</br>
  607. </div>
  608. </div>
  609.  
  610. <div id="answer">
  611. {Answer}
  612. </div>
  613. {/block:Answer}
  614.  
  615. <!-- audio -->
  616. {block:Audio}
  617. <div id="audio">
  618. <div class="player">
  619. {AudioPlayerWhite}
  620. </div>
  621.  
  622. <div class="albumart">
  623. {block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}
  624. </div>
  625.  
  626. <div class="audioinfo">
  627. <br>
  628. <b>song.</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  629. <b>artist.</b> {block:Artist}{Artist}{/block:Artist}<br>
  630. <b>plays.</b> {PlayCount} times</div></div>
  631. {block:Caption}
  632. {Caption}
  633. {/block:Caption}
  634. {/block:Audio}
  635.  
  636. </div>
  637.  
  638. <!-- info/tags/notes -->
  639. <div id="info">
  640. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}, &copy; <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource} &mdash; <b>&nbsp;&hearts;</b> {block:NoteCount} <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}<p style="margin-top:-5px">{block:HasTags}{block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</p>
  641. </div>
  642.  
  643. <BR><BR>
  644. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  645. </div>
  646. </div>
  647.  
  648. <!-- credit (don't remove) -->
  649. <div id="cred"><a href="http://ladyevansrps.tumblr.com">LER.</a></div>
  650.  
  651. </body>
  652. </html>
Advertisement
Add Comment
Please, Sign In to add comment