elsaofarendelle

Anna 006

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