API tools faq
paste
Advertisement
elsaofarendelle

asoulofstars

elsaofarendelle
Oct 25th, 2017
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.91 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.  
  6. <link href="https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy" rel="stylesheet">
  7.  
  8. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  9.  
  10. <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
  11.  
  12. <link href="https://fonts.googleapis.com/css?family=Zeyada" rel="stylesheet">
  13.  
  14. <!--- tooltips --->
  15.  
  16. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  17. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  18. <script>
  19. (function($){
  20. $(document).ready(function(){
  21. $("[title]").style_my_tooltips();
  22. });
  23. })(jQuery);
  24. </script>
  25.  
  26.  
  27. </style>
  28.  
  29.  
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34.  
  35.  
  36. <!-------------------------------------------
  37. Code by elsaofarendelle.
  38. Don't copy or distribute.
  39. Don't claim as your own.
  40. -------------------------------------------->
  41.  
  42. <meta name="if:Enable endless scrolling" content="1">
  43.  
  44. <meta name="image:background" content=""/>
  45. <meta name="image:sidebar" content=""/>
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. iframe#tumblr_controls {
  51. white-space:nowrap;
  52. -webkit-filter: invert(100%);
  53. -moz-filter: invert(100%);
  54. -o-filter: invert(100%);
  55. -ms-filter: invert(100%);
  56. filter: invert(100%);
  57. opacity:.2;transition: .8s ease-in-out;
  58. -webkit-transition: .8s ease-in-out;
  59. -moz-transition: .8s ease-in-out;
  60. -o-transition: .8s ease-in-out;
  61. }
  62.  
  63. /* --- CURSOR START --- */
  64.  
  65. *, body, a, a:hover {cursor: url("http://68.media.tumblr.com/tumblr_lpyq18WTCg1qcn2vb.gif"), auto;}
  66.  
  67. /* --- CURSOR END --- */
  68.  
  69. /* --- FONTS START --- */
  70.  
  71. @font-face { font-family: "nightingale"; src: url('https://dl.dropboxusercontent.com/s/bz5y4iifjp0ghkm/Nightingale%20Sample.otf'); }
  72.  
  73. /* --- FONTS END --- */
  74.  
  75. /* --- SCROLLBAR START ---*/
  76.  
  77. ::-webkit-scrollbar-thumb{
  78. background-color: #a399a3;
  79. border: 2px solid #a399a3;
  80. height:auto;
  81. }
  82.  
  83. ::-webkit-scrollbar {
  84. height:auto;
  85. width:6px;
  86. background-color: #a399a3;
  87. border:5px solid #fff;
  88. }
  89.  
  90. /* --- SCROLLBAR END --- */
  91.  
  92. /* --- LINK ANIMATION START --- */
  93.  
  94. @-moz-keyframes allthings{
  95. 0% {opacity:1;
  96. -moz-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);}
  97. 25% {opacity:0.5;
  98. -moz-transform: rotate(90deg) scaleX(0.50) scaleY(0.50);}
  99. 50% {opacity:0.1;
  100. -moz-transform: rotate(180deg) scaleX(0.20) scaleY(0.20);}
  101. 75% {opacity:0.5;
  102. -moz-transform: rotate(270deg) scaleX(0.50) scaleY(0.50);}
  103. 100% {opacity:1;
  104. -moz-transform: rotate(360deg) scaleX(1.00) scaleY(1.00);}
  105. }
  106.  
  107. @-webkit-keyframes allthings {
  108. 0% {opacity:1;
  109. -webkit-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);}
  110. 25% {opacity:0.5;
  111. -webkit-transform: rotate(90deg) scaleX(0.50) scaleY(0.50);}
  112. 50% {opacity:0.1;
  113. -webkit-transform: rotate(180deg) scaleX(0.20) scaleY(0.20);}
  114. 75% {opacity:0.5;
  115. -webkit-transform: rotate(270deg) scaleX(0.50) scaleY(0.50);}
  116. 100% {opacity:1;
  117. -webkit-transform: rotate(360deg) scaleX(1.00) scaleY(1.00);}
  118. }
  119.  
  120. /* --- LINK ANIMATION END --- */
  121.  
  122.  
  123. /* --- TOOLTIPS START --- */
  124.  
  125. #s-m-t-tooltip{
  126. max-width:300px;
  127. margin:15px;
  128. padding:2px 8px;
  129. border:1px none #a4a4a4;
  130. border-radius:0px;
  131. background: #fff;
  132. color: #191919;
  133. z-index:9999999999999;
  134. font-size:12px;
  135. font-family: 'Sorts Mill Goudy', serif;
  136. text-shadow:0px 0px 3px #eee;
  137. font-weight:bold;
  138. text-transform:normal;
  139. box-shadow:0px 0px 0px #000;
  140. -webkit-transition:all 0.7s;
  141. -moz-transition:all 0.7s;
  142. -ms-transition:all 0.7s;
  143. -o-transition:all 0.7s;
  144. transition:all 0.7s;
  145. }
  146.  
  147. /* --- TOOLTIPS END --- */
  148.  
  149.  
  150. /* --- BODY START ---*/
  151.  
  152. body {
  153. background:#a399a3;
  154. background-image:url({image:background});
  155. background-attachment: fixed;
  156. background-repeat: no-repeat;
  157. background-position:0px 0px;
  158. margin:0px;
  159. color:#eee;
  160. font-family: 'Sorts Mill Goudy', serif;
  161. font-size:12px;
  162. line-height:120%;
  163. word-wrap: break-word;
  164. }
  165.  
  166. blockquote {
  167. padding-left:5px;
  168. border-left:2px solid;
  169. border-radius:6px;
  170. }
  171.  
  172. a {
  173. color:#eee;
  174. text-decoration:none;
  175. -webkit-transition:all 0.5s ease-in-out;
  176. -moz-transition:all 0.5s ease-in-out;
  177. -o-transition:all 0.5s ease-in-out;
  178. -ms-transition:all 0.5s ease-in-out;
  179. transition:all 0.5s ease-in-out;
  180. }
  181.  
  182.  
  183. img {none;}
  184.  
  185. h1 {
  186. font-family: "nightingale";
  187. text-transform:none;
  188. font-size:20px;
  189. line-height:30px;
  190. letter-spacing:0px;
  191. text-align:center;
  192. font-style:normal;
  193. color: #e5cfdb;
  194. }
  195.  
  196. h2 {
  197. text-transform: italic;
  198. color: #736473;
  199. text-shadow: none;
  200. letter-spacing:1px;
  201. font-family: 'Dancing Script', cursive;
  202. font-size:17px;
  203. }
  204.  
  205. #fixerupper {
  206. width:500px;
  207. margin:0 auto -12px auto;
  208. }
  209.  
  210. #container {
  211. padding:10px;
  212. width:470px;
  213. margin-left:450px;
  214. margin-top:5px;
  215. }
  216.  
  217. #post {
  218. width:470px;
  219. background-color:#101010;
  220. padding: 50px;
  221. text-align: justify;
  222. font-size: 12px;
  223. padding-top: 80px;
  224. margin-bottom: 50px;
  225. margin-top:50px;
  226. line-height: 100%;
  227. font-family: georgia;
  228. z-index:50;
  229. border-radius:0px 30px 0px 30px;
  230. box-shadow:0px 0px 15px #000;
  231. }
  232.  
  233. #post img {
  234. padding: 0;
  235. max-width:100%;
  236. width: auto;
  237. height: auto;
  238. }
  239.  
  240. pre {
  241. font-family: 'Zeyada', cursive;
  242. font-size:10px;
  243. color:#736473;
  244. text-shadow: none;
  245. letter-spacing:1px;
  246. text-align:center;
  247. text-transform:uppercase;
  248. padding:6px;
  249. background:url('');
  250. background-repeat:repeat;
  251. }
  252.  
  253.  
  254. b {
  255. text-transform: bold;
  256. color: #736473;
  257. text-shadow:0px 0px 3px #736473;
  258. letter-spacing:1px;
  259. font-family: "nightingale";
  260. font-size:10px;
  261. }
  262.  
  263. i {
  264. text-transform: italic;
  265. color: #d2cccf;
  266. text-shadow:2px 2px 5px #000;
  267. letter-spacing:1px;
  268. font-family: 'Zeyada', cursive;
  269. font-size:19px;
  270. }
  271.  
  272. em {
  273. text-transform: italic;
  274. color: #e5cfdb;
  275. text-shadow:1px 1px 5px #000;
  276. letter-spacing:1px;
  277. font-family: 'Dancing Script', cursive;
  278. font-size:17px;
  279. }
  280.  
  281. sub, small, sup {
  282. font-size: 12px;
  283. }
  284.  
  285.  
  286. /* --- BODY END --- */
  287.  
  288. /* --- SIDEBAR START ---*/
  289.  
  290.  
  291. #sidebar{
  292. position: fixed;
  293. top: 220px;
  294. width:220px;
  295. height:auto;
  296. left: -10px;
  297. padding:20px;
  298. }
  299.  
  300.  
  301.  
  302. #sidebarimage img{
  303. width: 360px;
  304. height:300px;
  305. padding:10px;
  306. margin-top:90px;
  307. margin-left:20px;
  308. background:transparent;
  309. background-image:{image:sidebarimage};
  310. }
  311.  
  312.  
  313. #nav {
  314. position:fixed;
  315. overflow:hidden;
  316. margin-top:150px;
  317. margin-left:315px;
  318. }
  319.  
  320. #link1 a , #link2 a, #link3 a
  321.  
  322. #title {
  323. font-family:times;
  324. text-align:center;
  325. width:300px;
  326. margin-top:5px;
  327. margin-left:200px;
  328. text-transform:uppercase;
  329. font-style:normal;
  330. font-size:20px;
  331. color:#fff;
  332. }
  333.  
  334. #description {
  335. background: none;
  336. width:170px;
  337. height:280px;
  338. margin-top: -435px;
  339. margin-left:125px;
  340. padding: 10px;
  341. text-align:justify;
  342. font-style: none;
  343. font-family: 'Sorts Mill Goudy', serif;
  344. font-size:10px;
  345. color: #eee;
  346. text-shadow: none;
  347. border:3px none;
  348. letter-spacing:1px;
  349. line-height:155%;
  350. }
  351.  
  352.  
  353. #pagination {
  354. font-family: 'Sorts Mill Goudy', serif;
  355. width:103px;
  356. font-size:70px;
  357. text-transform:uppercase;
  358. margin-top:-200px;
  359. margin-left:1060px;
  360. padding-top:25px;
  361. letter-spacing:1px;
  362. font-style:normal;
  363. text-align:center;
  364. }
  365.  
  366. #pagination a {
  367. color:#eee;
  368. text-shadow: 0px 0px 3px #eee;
  369. }
  370.  
  371. /* --- SIDEBAR END ---*/
  372.  
  373. /* --- NAVIGATION START --- */
  374.  
  375. .nav1 {
  376. position:fixed;
  377. font-size:30px;
  378. top: 220px;
  379. left: 170px;
  380. animation: allthings linear 2.5s;
  381. animation-iteration-count: infinite;
  382. transform-origin: 50% 50%;
  383. -webkit-animation: allthings linear 2.5s;
  384. -webkit-animation-iteration-count: infinite;
  385. -webkit-transform-origin: 50% 50%;
  386. -moz-animation: allthings linear 2.5s;
  387. -moz-animation-iteration-count: infinite;
  388. -moz-transform-origin: 50% 50%;
  389. -o-animation: allthings linear 2.5s;
  390. -o-animation-iteration-count: infinite;
  391. -o-transform-origin: 50% 50%;
  392. -ms-animation: allthings linear 2.5s;
  393. -ms-animation-iteration-count: infinite;
  394. -ms-transform-origin: 50% 50%;}
  395. }
  396.  
  397. .nav1 a {
  398. text-decoration:none;
  399. text-transform:uppercase;
  400. text-shadow:0px 0px 5px #e1e0de;
  401. color: #bbbbb3;
  402. -moz-transition-duration:.7s;
  403. -webkit-transition-duration:.7s;
  404. -o-transition-duration:.7s;
  405. }
  406.  
  407.  
  408. .nav1 a:hover {
  409. text-decoration:none;
  410. text-transform:uppercase;
  411. text-shadow:none;
  412. color: #fff;
  413. -moz-transition-duration:.4s;
  414. -webkit-transition-duration:.4s;
  415. -o-transition-duration:.4s;
  416. -webkit-transform: rotate(360deg);
  417. -moz-transform: rotate(360deg);
  418. }
  419.  
  420. .nav2 {
  421. position:fixed;
  422. font-size:40px;
  423. top: 300px;
  424. left: 100px;
  425. animation: allthings linear 2.0s;
  426. animation-iteration-count: infinite;
  427. transform-origin: 50% 50%;
  428. -webkit-animation: allthings linear 2.0s;
  429. -webkit-animation-iteration-count: infinite;
  430. -webkit-transform-origin: 50% 50%;
  431. -moz-animation: allthings linear 2.0s;
  432. -moz-animation-iteration-count: infinite;
  433. -moz-transform-origin: 50% 50%;
  434. -o-animation: allthings linear 2.0s;
  435. -o-animation-iteration-count: infinite;
  436. -o-transform-origin: 50% 50%;
  437. -ms-animation: allthings linear 2.0s;
  438. -ms-animation-iteration-count: infinite;
  439. -ms-transform-origin: 50% 50%;}
  440. }
  441.  
  442. .nav2 a {
  443. text-decoration:none;
  444. text-transform:uppercase;
  445. text-shadow:0px 0px 5px #e1e0de;
  446. color: #bbbbb3;
  447. -moz-transition-duration:.7s;
  448. -webkit-transition-duration:.7s;
  449. -o-transition-duration:.7s;
  450. }
  451.  
  452.  
  453. .nav2 a:hover {
  454. text-decoration:none;
  455. text-transform:uppercase;
  456. text-shadow:none;
  457. color: #fff;
  458. -moz-transition-duration:.4s;
  459. -webkit-transition-duration:.4s;
  460. -o-transition-duration:.4s;
  461. -webkit-transform: rotate(360deg);
  462. -moz-transform: rotate(360deg);
  463. }
  464.  
  465. .nav3 {
  466. position:fixed;
  467. font-size:25px;
  468. top: 220px;
  469. left: 300px;
  470. animation: allthings linear 4.0s;
  471. animation-iteration-count: infinite;
  472. transform-origin: 50% 50%;
  473. -webkit-animation: allthings linear 4.0s;
  474. -webkit-animation-iteration-count: infinite;
  475. -webkit-transform-origin: 50% 50%;
  476. -moz-animation: allthings linear 4.0s;
  477. -moz-animation-iteration-count: infinite;
  478. -moz-transform-origin: 50% 50%;
  479. -o-animation: allthings linear 4.0s;
  480. -o-animation-iteration-count: infinite;
  481. -o-transform-origin: 50% 50%;
  482. -ms-animation: allthings linear 4.0s;
  483. -ms-animation-iteration-count: infinite;
  484. -ms-transform-origin: 50% 50%;}
  485. }
  486.  
  487. .nav3 a {
  488. text-decoration:none;
  489. text-transform:uppercase;
  490. text-shadow:0px 0px 5px #e1e0de;
  491. color: #bbbbb3;
  492. -moz-transition-duration:.7s;
  493. -webkit-transition-duration:.7s;
  494. -o-transition-duration:.7s;
  495. }
  496.  
  497.  
  498. .nav3 a:hover {
  499. text-decoration:none;
  500. text-transform:uppercase;
  501. text-shadow:none;
  502. color: #fff;
  503. -moz-transition-duration:.4s;
  504. -webkit-transition-duration:.4s;
  505. -o-transition-duration:.4s;
  506. -webkit-transform: rotate(360deg);
  507. -moz-transform: rotate(360deg);
  508. }
  509.  
  510. .nav4 {
  511. position:fixed;
  512. font-size:20px;
  513. top: 350px;
  514. left: 330px;
  515. animation: allthings linear 2.7s;
  516. animation-iteration-count: infinite;
  517. transform-origin: 50% 50%;
  518. -webkit-animation: allthings linear 2.7s;
  519. -webkit-animation-iteration-count: infinite;
  520. -webkit-transform-origin: 50% 50%;
  521. -moz-animation: allthings linear 2.7s;
  522. -moz-animation-iteration-count: infinite;
  523. -moz-transform-origin: 50% 50%;
  524. -o-animation: allthings linear 2.7s;
  525. -o-animation-iteration-count: infinite;
  526. -o-transform-origin: 50% 50%;
  527. -ms-animation: allthings linear 2.7s;
  528. -ms-animation-iteration-count: infinite;
  529. -ms-transform-origin: 50% 50%;}
  530. }
  531.  
  532. .nav4 a {
  533. text-decoration:none;
  534. text-transform:uppercase;
  535. text-shadow:0px 0px 5px #e1e0de;
  536. color: #bbbbb3;
  537. -moz-transition-duration:.7s;
  538. -webkit-transition-duration:.7s;
  539. -o-transition-duration:.7s;
  540. }
  541.  
  542.  
  543. .nav4 a:hover {
  544. text-decoration:none;
  545. text-transform:uppercase;
  546. text-shadow:none;
  547. color: #fff;
  548. -moz-transition-duration:.4s;
  549. -webkit-transition-duration:.4s;
  550. -o-transition-duration:.4s;
  551. -webkit-transform: rotate(360deg);
  552. -moz-transform: rotate(360deg);
  553. }
  554.  
  555. .nav5 {
  556. position:fixed;
  557. font-size:15px;
  558. top: 400px;
  559. left: 130px;
  560. animation: allthings linear 4.5s;
  561. animation-iteration-count: infinite;
  562. transform-origin: 50% 50%;
  563. -webkit-animation: allthings linear 4.5s;
  564. -webkit-animation-iteration-count: infinite;
  565. -webkit-transform-origin: 50% 50%;
  566. -moz-animation: allthings linear 4.5s;
  567. -moz-animation-iteration-count: infinite;
  568. -moz-transform-origin: 50% 50%;
  569. -o-animation: allthings linear 4.5s;
  570. -o-animation-iteration-count: infinite;
  571. -o-transform-origin: 50% 50%;
  572. -ms-animation: allthings linear 4.5s;
  573. -ms-animation-iteration-count: infinite;
  574. -ms-transform-origin: 50% 50%;}
  575. }
  576.  
  577. .nav5 a {
  578. text-decoration:none;
  579. text-transform:uppercase;
  580. text-shadow:0px 0px 5px #e1e0de;
  581. color: #bbbbb3;
  582. -moz-transition-duration:.7s;
  583. -webkit-transition-duration:.7s;
  584. -o-transition-duration:.7s;
  585. }
  586.  
  587.  
  588. .nav5 a:hover {
  589. text-decoration:none;
  590. text-transform:uppercase;
  591. text-shadow:none;
  592. color: #fff;
  593. -moz-transition-duration:.4s;
  594. -webkit-transition-duration:.4s;
  595. -o-transition-duration:.4s;
  596. -webkit-transform: rotate(360deg);
  597. -moz-transform: rotate(360deg);
  598. }
  599.  
  600. .nav6 {
  601. position:fixed;
  602. font-size:18px;
  603. top: 455px;
  604. left: 300px;
  605. animation: allthings linear 5.0s;
  606. animation-iteration-count: infinite;
  607. transform-origin: 50% 50%;
  608. -webkit-animation: allthings linear 5.0s;
  609. -webkit-animation-iteration-count: infinite;
  610. -webkit-transform-origin: 50% 50%;
  611. -moz-animation: allthings linear 5.0s;
  612. -moz-animation-iteration-count: infinite;
  613. -moz-transform-origin: 50% 50%;
  614. -o-animation: allthings linear 5.0s;
  615. -o-animation-iteration-count: infinite;
  616. -o-transform-origin: 50% 50%;
  617. -ms-animation: allthings linear 5.0s;
  618. -ms-animation-iteration-count: infinite;
  619. -ms-transform-origin: 50% 50%;}
  620. }
  621.  
  622. .nav6 a {
  623. text-decoration:none;
  624. text-transform:uppercase;
  625. text-shadow:0px 0px 5px #e1e0de;
  626. color: #bbbbb3;
  627. -moz-transition-duration:.7s;
  628. -webkit-transition-duration:.7s;
  629. -o-transition-duration:.7s;
  630. }
  631.  
  632.  
  633. .nav6 a:hover {
  634. text-decoration:none;
  635. text-transform:uppercase;
  636. text-shadow:none;
  637. color: #fff;
  638. -moz-transition-duration:.4s;
  639. -webkit-transition-duration:.4s;
  640. -o-transition-duration:.4s;
  641. -webkit-transform: rotate(360deg);
  642. -moz-transform: rotate(360deg);
  643. }
  644.  
  645. /* --- NAVIGATION END --- */
  646.  
  647.  
  648. /* --- CREDIT START --- */
  649.  
  650. .credit{
  651. position:fixed;
  652. font-size:15px;
  653. right:10px;
  654. bottom:10px;
  655. z-index:51;
  656. }
  657.  
  658. .credit a {
  659. text-decoration:none;
  660. text-transform:uppercase;
  661. color: #eee;
  662. text-shadow:0px 0px 3px #eee;
  663. -moz-transition-duration:.7s;
  664. -webkit-transition-duration:.7s;
  665. -o-transition-duration:.7s;
  666. }
  667.  
  668.  
  669. .credit a:hover {
  670. text-decoration:none;
  671. text-transform:uppercase;
  672. color: #eee;
  673. text-shadow:0px 0px 3px #eee;
  674. }
  675.  
  676. /* --- CREDIT END --- */
  677.  
  678.  
  679. /* --- POST NOTES START --- */
  680.  
  681. .note {
  682. padding:0px 20px 0px 20px;
  683. background-color:transparent;
  684. text-transform:lowercase;
  685. letter-spacing:0px;
  686. font-size: 11px;
  687. font-style:normal;
  688. text-align:left;
  689. line-height:120%;
  690. }
  691.  
  692. .note li {
  693. list-style-type:none;
  694. padding:5px 25px 5px 25px;
  695. text-align:left;
  696. margin-right:30px;
  697. margin-top:-50px;
  698. }
  699.  
  700.  
  701. #info {
  702. color: #012735;
  703. font-size:11px;
  704. text-shadow:2px 2px 5px #000;
  705. letter-spacing:1px;
  706. font-family: 'Dancing Script', cursive;
  707. text-transform:lowercase;
  708. text-align:center;
  709. width:400px;
  710. height:55px;
  711. margin-top:-10px;
  712. margin-left:-7px;
  713. padding-top:1px;
  714. padding-left:40px;
  715. background:url("https://i.imgur.com/hJqPmLT.png");
  716. opacity:0;
  717. -moz-transition-duration:.7s;
  718. -webkit-transition-duration:.7s;
  719. -o-transition-duration:.7s;
  720. }
  721.  
  722. #info a {
  723. color: #eee;
  724. }
  725.  
  726. #info a:hover {
  727. color:#eee;
  728. }
  729.  
  730. #post:hover #info {
  731. margin-top:3px;
  732. opacity:1;
  733. -moz-transition-duration:1.5s;
  734. -webkit-transition-duration:1.5s;
  735. -o-transition-duration:1.5s;
  736. }
  737.  
  738. #tags {
  739. color: #eee;
  740. font-size:10px;
  741. font-family: 'Sorts Mill Goudy', serif;
  742. font-style:normal;
  743. text-transform:italic;
  744. width:398px;
  745. line-height:120%;
  746. opacity:0;
  747. text-align:left;
  748. padding-top:7px;
  749. -moz-transition-duration:0.4s;
  750. -webkit-transition-duration:0.4s;
  751. -o-transition-duration:0.4s;
  752. }
  753.  
  754. #post:hover #tags {
  755. opacity:1;
  756. -moz-transition-duration:0.4s;
  757. -webkit-transition-duration:0.4s;
  758. -o-transition-duration:0.4s;
  759. }
  760.  
  761. #posts:hover #tags {
  762. margin-top:3px;
  763. opacity:1;
  764. -moz-transition-duration:1.2s;
  765. -webkit-transition-duration:1.2s;
  766. -o-transition-duration:1.2s;
  767. }
  768.  
  769. /* --- POST NOTES END --- */
  770.  
  771.  
  772. /* --- ASK & AUDIO START --- */
  773.  
  774. .ask {
  775. color:#736473;
  776. padding:15px;
  777. margin-bottom:15px;
  778. border: none;
  779. margin-top:-50px;
  780. border-bottom:url("https://i.imgur.com/P47wLTX.png");
  781. }
  782.  
  783. .askheader {
  784. margin-left:-3px;
  785. }
  786.  
  787. .asker {
  788. background-repeat:no-repeat;
  789. font-family: "nightingale";
  790. font-size:10px;
  791. color: #736473;
  792. text-shadow:0px 0px 3px #736473;
  793. line-height:30px;
  794. text-align:center;
  795. padding-bottom:5px;
  796. }
  797.  
  798. .answer {
  799. color: #eee;
  800. }
  801.  
  802. .chat {
  803. list-style:none;
  804. margin-top:15px;
  805. margin-bottom:0px;
  806. font-size:10px;
  807. margin-left:0px;
  808. }
  809.  
  810. .chat ul {
  811. line-height:18px;
  812. margin-top:0px;
  813. list-style:none;
  814. padding:0px;
  815. letter-spacing:2px;
  816. font-size:10px;
  817. margin-bottom:0px;
  818. text-transform:normal;
  819. }
  820.  
  821. .person1, .person3, .person5, .person7, .person9, .person11, .person13 {
  822. background-color: #ebebeb;
  823. padding:3px 8px 3px 8px;
  824. color: #191919;
  825. border-bottom: none
  826. }
  827.  
  828. .person2, .person4, .person6, .person8, .person10, .person12, .person14 {
  829. background-color: #f2f2f2;
  830. padding:3px 8px 3px 8px;
  831. color: #191919;
  832. border-bottom: none;
  833. }
  834.  
  835. .audio{
  836. background-color: transparent;
  837. background-image:url("");
  838. border-bottom:1px none #fff;
  839. height:70px;
  840. font-size:8px;
  841. overflow:hidden;
  842. }
  843.  
  844. /* --- ASK & AUDIO END --- */
  845.  
  846. {CustomCSS}</style></head><body>
  847.  
  848. <div id="fixerupper">
  849.  
  850. <div id="sidebar">
  851.  
  852. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  853.  
  854. <div class="credit">
  855. <a href="http://elsaofarendelle.tumblr.com">𝒆</a>
  856. </div>
  857.  
  858. <div class="nav1">
  859. <a title=asks href="/ask">★</a>
  860. </div>
  861.  
  862. <div class="nav2">
  863. <a title=rules href="/">★</a>
  864. </div>
  865.  
  866. <div class="nav3">
  867. <a title=about href="/">★</a>
  868. </div>
  869.  
  870. <div class="nav4">
  871. <a title=verses href="/">★</a>
  872. </div>
  873.  
  874. <div class="nav5">
  875. <a title=threads href="/">★</a>
  876. </div>
  877.  
  878. <div class="nav6">
  879. <a title=refresh href="/">★</a>
  880. </div>
  881.  
  882. <div id="title"></div>
  883.  
  884. <div id="description">
  885. <center><p>"I deal in future not fate." Semi-Selective ~ MCU based OC. Mun/Muse 18+ Multi-Ship, Multi-Verse, and Multi-Fandom. Loves AUs and OCs. tracking asoulofstars AND faerieofthestars. Please read "Rules", "About", and "Faerie Mythos" for further understanding.</p></center>
  886.  
  887. </div>
  888.  
  889. <div id="scrollbar">{scrollbar}</div>
  890.  
  891.  
  892. <div id="pagination">
  893. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> « </a>{/block:PreviousPage}{/block:Pagination}
  894. {block:Pagination}{block:NextPage}<a href="{NextPage}"> » </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  895.  
  896. {block:IfEnableEndlessScrolling}
  897. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  898. {/block:IfEnableEndlessScrolling}
  899.  
  900.  
  901.  
  902. {block:HasPages}{block:Pages}
  903.  
  904. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  905.  
  906. </div></center>
  907.  
  908.  
  909. </div>
  910.  
  911. <div id="container">{block:Posts}<div id="post">
  912.  
  913. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  914. {block:More}<p class="read-more"><a href="{Permalink}#more"><center><i>Continue Reading</i></center></a></p><a name="more"></a>{/block:More}
  915.  
  916. {block:blockquote}{/block:blockquote}
  917.  
  918. {block:ContentSource}
  919. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  920. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  921. {/block:SourceLogo}
  922. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  923. {/block:ContentSource}
  924.  
  925. {block:Photo}
  926. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  927. {/block:Photo}
  928.  
  929. {block:Photoset}
  930. <center>{Photoset-400}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  931. {/block:Photoset}
  932.  
  933. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  934.  
  935. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  936.  
  937. {block:Chat}
  938. {block:Title}<a href="{Permalink}"><h3>{Title}</h3></a>{/block:Title}
  939. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label"><b>{Label}</b> </span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  940. {/block:Chat}
  941.  
  942. {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}
  943. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  944.  
  945. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  946.  
  947. {block:Answer}
  948. <div class="askheader"><img src="https://i.imgur.com/EzYjOlW.png" draggable="false"></div>
  949. <div class="ask"><div class="asker">{Asker} said:</div><p>{Question}</div><div class="answer">{Answer}</div>
  950. {/block:Answer}
  951.  
  952.  
  953. {Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}">posted</a> &nbsp;{block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">notes</a> {/block:NoteCount} &nbsp; {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">source</a> {/block:RebloggedFrom}&nbsp;<a href="{ReblogURL}" target="_blank" class="details" >reblog</a> {/block:Date}</div>
  954.  
  955. <div id="tags">
  956. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  957.  
  958. </div>
  959. {block:PostNotes}{PostNotes}{/block:PostNotes}
  960. {/block:Posts}</div>
  961.  
  962.  
  963. </body>
  964.  
  965. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!