API tools faq
paste
elsaofarendelle

alan-a-dale

elsaofarendelle
Nov 1st, 2016 (edited)
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.10 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- fonts --->
  6.  
  7. <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Goudy+Bookletter+1911|Scheherazade" rel="stylesheet">
  8.  
  9. <!--- tooltips --->
  10.  
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  12. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  13. <script>
  14. (function($){
  15. $(document).ready(function(){
  16. $("[title]").style_my_tooltips();
  17. });
  18. })(jQuery);
  19. </script>
  20.  
  21.  
  22. </style>
  23.  
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29.  
  30. <!-------------------------------------------
  31. Code by elsaofarendelle.
  32. Don't copy or distribute.
  33. Don't claim as your own.
  34. -------------------------------------------->
  35.  
  36. <meta name="image:background" content=""/>
  37. <meta name="image:sidebar" content=""/>
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42.  
  43.  
  44. /* --- SCROLLBAR START ---*/
  45.  
  46. ::-webkit-scrollbar {
  47. height: 0px;
  48. width: 6px;
  49. background: none;
  50. }
  51.  
  52. ::-webkit-scrollbar-thumb {
  53. border: 5px solid transparent;
  54. -webkit-border-radius: 5px;
  55. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  56. }
  57.  
  58. ::-webkit-scrollbar-corner{
  59. background: transparent;
  60. }
  61.  
  62. /* --- SCROLLBAR END --- */
  63.  
  64. /* --- TOOLTIPS START --- */
  65.  
  66. #s-m-t-tooltip{
  67. max-width:300px;
  68. margin:15px;
  69. padding:2px 8px;
  70. border:3px double #fff;
  71. border-radius:0px;
  72. background-image:url('');
  73. background: #8e8faa;
  74. color:#eee;
  75. z-index:9999999999999;
  76. font-size:10px;
  77. font-family: 'Goudy Bookletter 1911', serif;
  78. font-weight:bold;
  79. text-transform:uppercase;
  80. box-shadow:0px 0px 10px #000;
  81. -webkit-transition:all 0.7s;
  82. -moz-transition:all 0.7s;
  83. -ms-transition:all 0.7s;
  84. -o-transition:all 0.7s;
  85. transition:all 0.7s;
  86. }
  87.  
  88. /* --- TOOLTIPS END --- */
  89.  
  90.  
  91. /* --- BODY START ---*/
  92.  
  93. body {
  94. background:#fff;
  95. background-image:url({image:background});
  96. background-attachment: fixed;
  97. background-repeat: no-repeat;
  98. background-position:0px 0px;
  99. margin:0px;
  100. color:#a4a4a4;
  101. font-family: 'Scheherazade', serif;
  102. font-size:13px;
  103. line-height:120%;
  104.  
  105. }
  106.  
  107. blockquote {
  108. padding-left:5px;
  109. border-left:2px solid;
  110. border-radius:6px;
  111. }
  112.  
  113. a {
  114. color:#a4a4a4;
  115. }
  116.  
  117. a {
  118. text-decoration:none;
  119. -webkit-transition:all 0.5s ease-in-out;
  120. -moz-transition:all 0.5s ease-in-out;
  121. -o-transition:all 0.5s ease-in-out;
  122. -ms-transition:all 0.5s ease-in-out;
  123. transition:all 0.5s ease-in-out;
  124. }
  125.  
  126. a:hover {
  127. color:{color:linkhover}
  128. }
  129.  
  130. h1 , h2 {
  131. font-family: 'Goudy Bookletter 1911', serif;
  132. text-transform:none;
  133. font-size:30px;
  134. line-height:30px;
  135. letter-spacing:0px;
  136. text-align:center;
  137. font-style:normal;
  138. color:#bbbbd8;
  139. text-shadow:0px 0px 3px #fff;
  140. }
  141.  
  142.  
  143. #container {
  144. background: transparent;
  145. border:3px none #fff;
  146. width:405px;
  147. height:475px;
  148. margin-left:586px;
  149. margin-top:117px;
  150. position:fixed;
  151. overflow:auto;
  152. padding-left:50px;
  153. padding-right:46px;
  154. padding-top:10px;
  155. padding-bottom:10px;
  156. }
  157.  
  158. #posts {
  159. width:400px;
  160. background-color: transparent;
  161. padding:-50px;
  162. text-align: justify;
  163. font-size: 12px;
  164. padding-top: -10px;
  165. margin-bottom: 50px;
  166. line-height: 100%px;
  167. font-family: georgia;
  168. z-index:50;
  169. }
  170.  
  171. #posts img {
  172. padding: 0;
  173. max-width: 100%;
  174. height: auto;
  175. }
  176.  
  177.  
  178. b {
  179. text-transform: bold;
  180. color: #8e8faa;
  181. text-shadow: 0px 0px 3px #fff;
  182. letter-spacing:1px;
  183. font-family: 'Dancing Script', cursive;
  184. font-size:15px;
  185. }
  186.  
  187. i {
  188. text-transform: italic;
  189. color: #8e8faa;
  190. text-shadow: 2px 2px 5px #aaa;
  191. letter-spacing:1px;
  192. font-family: 'Dancing Script', cursive;
  193. font-size:15px;
  194. }
  195.  
  196. em {
  197. text-transform: normal;
  198. color: #8e8faa;
  199. text-shadow: 2px 2px 5px #aaa;
  200. letter-spacing:1px;
  201. font-family: 'Dancing Script', cursive;
  202. font-size:15px;
  203. }
  204.  
  205. /* --- BODY END --- */
  206.  
  207. /* --- SIDEBAR START ---*/
  208.  
  209.  
  210. #sidebar{
  211. position: fixed;
  212. top: 250px;
  213. width:250px;
  214. height:115px;
  215. left: 300px;
  216. padding:20px;
  217. }
  218.  
  219.  
  220.  
  221. #sidebarimage img{
  222. width: 150px;
  223. height:150px;
  224. padding:10px;
  225. border:3px none #f5f5f5;
  226. margin-top:5px;
  227. background:transparent;
  228. background-image:{image:sidebarimage};
  229. }
  230.  
  231.  
  232. #nav {
  233. position:fixed;
  234. overflow:hidden;
  235. margin-top:150px;
  236. margin-left:315px;
  237. }
  238.  
  239. #link1 a , #link2 a, #link3 a
  240.  
  241. #title {
  242. font-family: 'Goudy Bookletter 1911', serif;
  243. text-align:center;
  244. width:300px;
  245. margin-top:5px;
  246. margin-left:100px;
  247. text-transform:uppercase;
  248. font-style:normal;
  249. font-size:20px;
  250. color: transparent;
  251. }
  252.  
  253. #description {
  254. width:180px;
  255. height:377px;
  256. font-style:oblique;
  257. font-family:'Scheherazade', serif;
  258. margin-top:-284px;
  259. margin-left: 43px;
  260. padding: 10px;
  261. overflow:scroll;
  262. text-align:justify;
  263. font-size:12px;
  264. color: #a4a4a4;
  265. text-shadow: none;
  266. background-color: transparent;
  267. letter-spacing:1px;
  268. line-height:110%;
  269. }
  270.  
  271. #descriptionheaders{
  272. width:170px;
  273. height:auto;
  274. padding:10px;
  275. font-size:12px;
  276. text-transform:normal;
  277. letter-spacing:1px;
  278. color:#fff;
  279. text-shadow:0px 0px 5px #000;
  280. border: 3px double #8e8faa;
  281. background: url('https://i.imgur.com/muE4Nrn.png');
  282. background-color: #8e8faa;
  283. line-height:30%;
  284. font-family: 'Goudy Bookletter 1911', serif;
  285. }
  286.  
  287.  
  288. #pagination {
  289. font-family: 'Scheherazade', serif;
  290. width:103px;
  291. font-size:30px;
  292. text-transform:normal;
  293. margin-top: -10px;
  294. margin-left:100px;
  295. padding-top:25px;
  296. letter-spacing:1px;
  297. font-style:normal;
  298. text-align:center;
  299. }
  300.  
  301. #pagination a {
  302. color:#a4a4a4;
  303. text-shadow:0px 0px 3px #fff;
  304. }
  305.  
  306. /* --- SIDEBAR END ---*/
  307.  
  308.  
  309. /* --- links moved to sidebar --- /*
  310.  
  311.  
  312.  
  313. /* --- CREDIT START --- */
  314.  
  315. .credit{
  316. position:fixed;
  317. font-size:15px;
  318. right:12px;
  319. bottom:10px;
  320. }
  321.  
  322. .credit a {
  323. text-decoration:none;
  324. text-transform:uppercase;
  325. text-shadow: 0px 0px 5px #f5f5f5;
  326. color: #aaa;
  327. -moz-transition-duration:.7s;
  328. -webkit-transition-duration:.7s;
  329. -o-transition-duration:.7s;
  330. }
  331.  
  332.  
  333. .credit a:hover {
  334. text-decoration:none;
  335. text-transform:uppercase;
  336. text-shadow: 0px 0px 5px #f5f5f5;
  337. color: #aaa;
  338. }
  339.  
  340. /* --- CREDIT END --- */
  341.  
  342. /* --- POST NOTES START --- */
  343.  
  344. .note {
  345. padding:0px 20px 0px 20px;
  346. background-color:transparent;
  347. text-transform:lowercase;
  348. letter-spacing:0px;
  349. font-size: 11px;
  350. font-style:normal;
  351. text-align:left;
  352. line-height:120%;
  353. }
  354.  
  355. .note li {
  356. list-style-type:none;
  357. padding:5px 25px 5px 25px;
  358. text-align:left;
  359. margin-right:30px;
  360. margin-top:-50px;
  361. }
  362.  
  363.  
  364. #info {
  365. height:15px;
  366. text-align:center;
  367. margin-top:10px;
  368. padding-top:10px;
  369. padding:0px;
  370. padding-bottom:1px;
  371. text-transform:none;
  372. font-style:none;
  373. font-size:15px;
  374. background-image:url("https://i.imgur.com/JGz4MUm.png");
  375. border: 3px double #8e8faa;
  376. line-height:100%;
  377. }
  378.  
  379. #info a{
  380. color: #fff;
  381. text-shadow:0px 0px 5px #000;
  382. }
  383.  
  384. #tags {
  385. font-family: 'Scheherazade', serif;
  386. text-align:center;
  387. margin-top:0px;
  388. padding-bottom:0px;
  389. text-transform:none;
  390. font-style:none;
  391. font-size:15px;
  392. }
  393.  
  394. #tags a{
  395. color:#a4a4a4;
  396. }
  397.  
  398. /* --- POST NOTES END --- */
  399.  
  400. /* --- ASK & AUDIO START --- */
  401.  
  402. .ask {
  403. color:#eee;
  404. padding:15px;
  405. margin-bottom:15px;
  406. background-image:url('');
  407. background-color: #8e8faa;
  408. repeat:no-repeat;
  409. border:3px double #fff;
  410. }
  411.  
  412. .asker {
  413. font-family: 'Goudy Bookletter 1911', serif;
  414. font-size:40px;
  415. color:#eee;
  416. text-shadow:0px 0px 3px #fff;
  417. line-height:10px;
  418. text-align:center;
  419. }
  420.  
  421. .answer {
  422. color: #a4a4a4;
  423. }
  424.  
  425. .audio{
  426. background-color: #8e8faa;
  427. background-image:url('');
  428. border:3px double #fff;
  429. height:70px;
  430. font-size:8px;
  431. color:#fff;
  432. overflow:scroll;
  433. }
  434.  
  435. #bubble-music {
  436. position:fixed;
  437. left:20px;
  438. top:650px;
  439. width:30px;
  440. height:30px;
  441. background-color: #8e8faa;
  442. border-radius: 20%;
  443. -moz-border-radius:100%;
  444. overflow:hidden;
  445. -webkit-transition: all 0.5s ease-out;
  446. -moz-transition: all 0.5s ease-out;
  447. transition: all 0.5s ease-out
  448.  
  449. }
  450.  
  451. #bubble-music:hover {
  452. border-radius:9px;
  453. -moz-border-radius:9px;
  454. width:140px;
  455. height:30px;
  456. }
  457.  
  458. .music_embed {
  459. margin:-23px 0 0 70px;
  460. z-index:1;
  461. font-family:consolas;
  462. font-size:8px;
  463. -webkit-transition: all 0.5s ease-out;
  464. -moz-transition: all 0.5s ease-out;
  465. transition: all 0.5s ease-out
  466. }
  467.  
  468. #bubble-music:hover .music_embed {
  469. margin:-23px 0 0 34px;
  470. opacity:1;
  471. }
  472.  
  473. /* --- ASK & AUDIO END --- */
  474.  
  475.  
  476.  
  477. {CustomCSS}</style></head><body>
  478.  
  479.  
  480. <div id="sidebar">
  481. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  482.  
  483.  
  484. <div class="credit">
  485. <a href="/">𝔼</a>
  486. </div>
  487.  
  488. <div id="description">
  489. <center><div id="descriptionheaders">Title</div></center>
  490. <center><p>Oo de lally Oo de lally</p></center>
  491. <center><div id="descriptionheaders">Title</div></center>
  492. <center><p>Alan-a-Dale</p><br>
  493. The Minstrel of Nottinghamshire<br>
  494. of the novel by howard pyle<br>
  495. </center>
  496. <center><img src="https://i.imgur.com/a5OSEop.png"></center>
  497. <center><p>
  498. <a title="home" href="/">01.</a>
  499. <a title="ask" href="/ask">02.</a>
  500. <a title="about" href="http://minstrelmerryman.tumblr.com/tagged/Story">03.</a>
  501. <a title="rules" href="http://minstrelmerryman.tumblr.com/tagged/rules">04.</a>
  502. <a title="verses" href="http://minstrelmerryman.tumblr.com/tagged/Verses">05.</a>
  503. <a title="wishlist" href="http://minstrelmerryman.tumblr.com/tagged/wishlist">06.</a>
  504. <a title="likes" href="http://minstrelmerryman.tumblr.com/tagged/Likes">07.</a>
  505. <a title="mundane" href="http://minstrelmerryman.tumblr.com/tagged/Out-of-Songs">08.</a>
  506. </p></center>
  507. <center><div id="descriptionheaders">Title</div></center>
  508. <center><p>independent - mature - selective</p></center>
  509. <center><div id="descriptionheaders">Title</div></center>
  510. <center><p>sideblog to <a href="http://kissfromadarling">kissfromadarling</a><br> mun & muse 21+<br>fc & voiceclaim is chris young<br>tracking: minstrelmerryman</p></center>
  511. <center><div id="descriptionheaders">Title</div></center>
  512. <center><p>text here</p></center>
  513. <center><div id="descriptionheaders">Title</div></center>
  514. <center><p>text here</p></center>
  515. </div>
  516.  
  517.  
  518. <div id="scrollbar">{scrollbar}</div>
  519.  
  520. <div id="pagination">
  521. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> « </a>{/block:PreviousPage}{/block:Pagination}
  522. {block:Pagination}{block:NextPage}<a href="{NextPage}"> » </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  523.  
  524. {block:HasPages}{block:Pages}
  525.  
  526. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  527.  
  528. </div></center>
  529.  
  530.  
  531.  
  532.  
  533.  
  534. <div id="container">{block:Posts}<div id="posts">
  535. <img src="">
  536.  
  537. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  538.  
  539. {block:blockquote}{/block:blockquote}
  540.  
  541.  
  542.  
  543. {block:Photo}
  544. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  545. {/block:Photo}
  546.  
  547. {block:Photoset}
  548. <center>{Photoset-400}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  549. {/block:Photoset}
  550.  
  551. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  552.  
  553. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  554.  
  555. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  556.  
  557. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="75px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp; {TrackName}{/block:TrackName}
  558. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  559.  
  560. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  561.  
  562. {block:Answer}
  563. <div class="ask"><div class="asker">{Asker} said</div><p>{Question}</div><div class="answer">{Answer}</div>
  564. {/block:Answer}
  565.  
  566.  
  567. {Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}">➴</a> {block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">➶</a> {/block:NoteCount} <a href="{ReblogURL}" target="_blank" class="details" title=reblog>➵</a> {/block:Date}</div>
  568.  
  569. <div id="tags">
  570. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  571.  
  572. </div>
  573. {block:PostNotes}{PostNotes}{/block:PostNotes}
  574. {/block:Posts}</div>
  575.  
  576. <div id="bubble-music">
  577. <img style="margin:7px;" src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif">
  578. <div class="music_embed">
  579. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k003.kiwi6.com/hotlink/n79wbfwh9p/Mumford_and_Sons_-_Not_In_Nottingham.mp3&t0=Not In Notingham&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  580. </div>
  581. </div>
  582.  
  583. </body>
  584.  
  585. </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!