elsaofarendelle

Elsa --Break Of Dawn

Dec 29th, 2024
12
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.35 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <script type="text/javascript"
  6. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7. <script>
  8. $(document).ready(function() {
  9. //
  10. $('a.poplight[href^=#]').click(function() {
  11. var popID = $(this).attr('rel'); //Get Popup Name
  12. var popURL = $(this).attr('href'); //Get Popup href to define size
  13. var query= popURL.split('?');
  14. var dim= query[1].split('&');
  15. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  16. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  17. var popMargTop = ($('#' + popID).height() + 80) / 2;
  18. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  19. //Apply Margin to Popup
  20. $('#' + popID).css({
  21. 'margin-top' : -popMargTop,
  22. 'margin-left' : -popMargLeft
  23. });
  24. $('body').append('<div id="fade"></div>');
  25. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  26. return false;
  27. });
  28. $('a.close, #fade').live('click', function() {
  29. $('#fade , .popup_block').fadeOut(function() {
  30. $('#fade, a.close').remove(); //fade them both out
  31. });
  32. return false;
  33. });
  34. });
  35. </script>
  36.  
  37. <script>
  38.  
  39. $(document).ready(function(){
  40. $("ul#tabs li").click(function(e){
  41. if (!$(this).hasClass("active")) {
  42. var tabNum = $(this).index();
  43. var nthChild = tabNum+1;
  44. $("ul#tabs li.active").removeClass("active");
  45. $(this).addClass("active");
  46. $("ul#tab li.active").removeClass("active");
  47. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  48. }
  49. });
  50. });
  51. </script>
  52.  
  53. <!--- fonts --->
  54.  
  55. <link href='https://fonts.googleapis.com/css?family=Scheherazade' rel='stylesheet' type='text/css'>
  56.  
  57. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  58.  
  59. <!--- tooltips --->
  60.  
  61. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("[title]").style_my_tooltips();
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71.  
  72. </style>
  73.  
  74. <title>{Title}</title>
  75. <link rel="shortcut icon" href="{Favicon}">
  76. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  77. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  78.  
  79.  
  80. <!-------------------------------------------
  81. Code by elsaofarendelle.
  82. Don't copy or distribute.
  83. Don't claim as your own.
  84. -------------------------------------------->
  85.  
  86. <meta name="image:background" content=""/>
  87. <meta name="image:sidebar" content=""/>
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92. /* --- SCROLLBAR START ---*/
  93.  
  94. ::-webkit-scrollbar {
  95. height: 0px;
  96. width: 6px;
  97. background: none;
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb {
  101. border: 5px solid transparent;
  102. -webkit-border-radius: 5px;
  103. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  104. }
  105.  
  106. ::-webkit-scrollbar-corner{
  107. background: transparent;
  108. }
  109.  
  110. /* --- SCROLLBAR END --- */
  111.  
  112. /* --- LINK ANIMATION START --- */
  113.  
  114. @-moz-keyframes bbounce{
  115. 0% {-moz-transform:translate(0px,0px);}
  116. 50% {-moz-transform:translate(0px,10px);}
  117. 100% {-moz-transform:translate(0px,0px);}
  118. }
  119.  
  120. @-webkit-keyframes bbounce {
  121. 0% {-webkit-transform:translate(0px,0px);}
  122. 50% {-webkit-transform:translate(0px,10px);}
  123. 100% {-webkit-transform:translate(0px,0px);}
  124. }
  125.  
  126. /* --- LINK ANIMATION END --- */
  127.  
  128. /* --- TOOLTIPS START --- */
  129.  
  130. #s-m-t-tooltip{
  131. max-width:300px;
  132. margin:15px;
  133. padding:2px 8px;
  134. border:3px double #fff;
  135. border-radius:0px;
  136. background-image:url("https://i.imgur.com/I01CJcG.png");
  137. color:#fff;
  138. z-index:9999999999999;
  139. font-size:10px;
  140. font-family: 'Scheherazade', serif;
  141. font-weight:bold;
  142. text-transform:uppercase;
  143. box-shadow:0px 0px 10px #000;
  144. -webkit-transition:all 0.7s;
  145. -moz-transition:all 0.7s;
  146. -ms-transition:all 0.7s;
  147. -o-transition:all 0.7s;
  148. transition:all 0.7s;
  149. }
  150.  
  151. /* --- TOOLTIPS END --- */
  152.  
  153.  
  154. /* --- BODY START ---*/
  155.  
  156. body {
  157. background:#fff;
  158. background-image:url({image:background});
  159. background-attachment: fixed;
  160. background-repeat: no-repeat;
  161. background-position:0px 0px;
  162. margin:0px;
  163. color:#919191;
  164. font-family: 'Scheherazade', serif;
  165. font-size:11px;
  166. line-height:120%;
  167.  
  168. }
  169.  
  170. blockquote {
  171. padding-left:5px;
  172. border-left:2px solid;
  173. border-radius:6px;
  174. }
  175.  
  176. a {
  177. color:#919191;
  178. font-family: 'Scheherazade', serif;
  179. }
  180.  
  181. a {
  182. text-decoration:none;
  183. -webkit-transition:all 0.5s ease-in-out;
  184. -moz-transition:all 0.5s ease-in-out;
  185. -o-transition:all 0.5s ease-in-out;
  186. -ms-transition:all 0.5s ease-in-out;
  187. transition:all 0.5s ease-in-out;
  188. }
  189.  
  190. a:hover {
  191. color: none;
  192. }
  193.  
  194. img {none;}
  195.  
  196. h1 , h2 {
  197. font-family: 'Dancing Script', cursive;
  198. text-transform:none;
  199. font-size:30px;
  200. line-height:30px;
  201. letter-spacing:0px;
  202. text-align:center;
  203. font-style:normal;
  204. color:#919191;
  205. text-shadow:0px 0px 3px #fff;
  206. }
  207.  
  208.  
  209. #container {
  210. background: none;
  211. border:3px none #fff;
  212. width:410px;
  213. height:325px;
  214. margin-left:511px;
  215. margin-top:330px;
  216. position:fixed;
  217. overflow:auto;
  218. padding-left:50px;
  219. padding-right:50px;
  220. padding-top:17px;
  221. padding-bottom:10px;
  222. }
  223.  
  224. #posts {
  225. width:400px;
  226. background-color: transparent;
  227. padding:-50px;
  228. text-align: justify;
  229. font-size: 12px;
  230. padding-top: -10px;
  231. margin-bottom: 50px;
  232. line-height: 100%px;
  233. font-family: georgia;
  234. z-index:50;
  235. }
  236.  
  237. #posts img {
  238. padding: 0;
  239. max-width: 100%;
  240. height: auto;
  241. }
  242.  
  243.  
  244. b {
  245. text-transform: bold;
  246. color: #a5a5a5;
  247. text-shadow: 0px 0px 3px #fff;
  248. letter-spacing:1px;
  249. font-family: 'Dancing Script', cursive;
  250. font-size:15px;
  251. }
  252.  
  253. i {
  254. text-transform: italic;
  255. color: #a5a5a5;
  256. text-shadow: 2px 2px 5px #a5a5a5;
  257. letter-spacing:1px;
  258. font-family: 'Dancing Script', cursive;
  259. font-size:15px;
  260. }
  261.  
  262. em {
  263. text-transform: italic;
  264. color: #a5a5a5;
  265. text-shadow: 2px 2px 5px #a5a5a5;
  266. letter-spacing:1px;
  267. font-family: 'Dancing Script', cursive;
  268. font-size:15px;
  269. }
  270.  
  271. sub, small, sup {
  272. font-size: 11px;
  273. }
  274.  
  275. /* --- BODY END --- */
  276.  
  277. /* --- SIDEBAR START ---*/
  278.  
  279.  
  280. #sidebar{
  281. position: fixed;
  282. top: 250px;
  283. width:250px;
  284. height:115px;
  285. left: 300px;
  286. padding:20px;
  287. }
  288.  
  289.  
  290.  
  291. #sidebarimage img{
  292. width: 100px;
  293. height:115px;
  294. padding:10px;
  295. border:3px none #f5f5f5;
  296. margin-top:5px;
  297. background:transparent;
  298. background-image:{image:sidebarimage};
  299. }
  300.  
  301.  
  302. #nav {
  303. position:fixed;
  304. overflow:hidden;
  305. margin-top:150px;
  306. margin-left:315px;
  307. }
  308.  
  309. #title {
  310. font-family: 'Dancing Script', cursive;
  311. text-align:center;
  312. width:300px;
  313. margin-top:5px;
  314. margin-left:100px;
  315. text-transform:uppercase;
  316. font-style:normal;
  317. font-size:20px;
  318. color: transparent;
  319. }
  320.  
  321. #description {
  322. width:200px;
  323. height:275px;
  324. margin-top:-38px;
  325. margin-left:17px;
  326. padding: 10px;
  327. overflow:scroll;
  328. text-align:justify;
  329. font-style:oblique;
  330. font-family:'Scheherazade', serif;
  331. font-size:12px;
  332. color: #919191;
  333. text-shadow: none;
  334. background-color: transparent;
  335. border:1px none #eeeff2;
  336. letter-spacing:1px;
  337. line-height:110%;
  338. }
  339.  
  340. #descriptionheaders{
  341. width:170px;
  342. height:auto;
  343. padding:10px;
  344. font-size:20px;
  345. text-transform:normal;
  346. letter-spacing:1px;
  347. color:#fff;
  348. font-family: 'Dancing Script', cursive;
  349. text-shadow:0px 0px 5px #000;
  350. border: 3px double #fff;
  351. background: url('https://i.imgur.com/5L1kSTE.png');
  352. line-height:30%;
  353. }
  354.  
  355. #pagination {
  356. font-family: 'Scheherazade', serif;
  357. width:103px;
  358. font-size:50px;
  359. text-transform:normal;
  360. margin-top:-400px;
  361. margin-left:730px;
  362. padding-top:25px;
  363. letter-spacing:1px;
  364. font-style:normal;
  365. text-align:center;
  366. }
  367.  
  368. #pagination a {
  369. color:#eeeff2;
  370. text-shadow:0px 0px 3px #fff;
  371. }
  372.  
  373. /* --- SIDEBAR END ---*/
  374.  
  375.  
  376. /* --- LINKS START --- */
  377.  
  378. .links1 {
  379. position:fixed;
  380. font-size:40px;
  381. top: 70px;
  382. left: 450px;
  383. -webkit-animation: bbounce linear 3.5s;
  384. -webkit-animation-iteration-count: infinite;
  385. -webkit-transform-origin: 50% 50%;
  386. -webkit-filter: blur(1px)
  387. }
  388.  
  389. .links1 a {
  390. text-decoration:none;
  391. text-transform:normal;
  392. color: #a5a5a5;
  393. font-family: 'Dancing Script', cursive;
  394. text-shadow: 0px 0px 3px #eee;
  395. -moz-transition-duration:.7s;
  396. -webkit-transition-duration:.7s;
  397. -o-transition-duration:.7s;
  398. }
  399.  
  400.  
  401. .links1 a:hover {
  402. text-decoration:none;
  403. text-transform:normal;
  404. color: #a5a5a5;
  405. text-shadow:0px 0px 3px #eee;
  406. }
  407.  
  408. .links2 {
  409. position:fixed;
  410. font-size:40px;
  411. top: 130px;
  412. left: 470px;
  413. transform: rotate(20deg);
  414. -ms-transform: rotate(20deg);
  415. -webkit-transform: rotate(20deg);
  416. -o-transform: rotate(20deg);
  417. -moz-transform: rotate(20deg);
  418. -webkit-animation: bbounce linear 1.7s;
  419. -webkit-animation-iteration-count: infinite;
  420. -webkit-transform-origin: 50% 50%;
  421. -webkit-filter: blur(1px)
  422. }
  423.  
  424. .links2 a {
  425. text-decoration:none;
  426. text-transform:normal;
  427. color: #a5a5a5;
  428. font-family: 'Dancing Script', cursive;
  429. text-shadow: 0px 0px 3px #eee;
  430. -moz-transition-duration:.7s;
  431. -webkit-transition-duration:.7s;
  432. -o-transition-duration:.7s;
  433. }
  434.  
  435.  
  436. .links2 a:hover {
  437. text-decoration:none;
  438. text-transform:normal;
  439. color: #a5a5a5;
  440. text-shadow:0px 0px 3px #eee;
  441. }
  442.  
  443. .links3 {
  444. position:fixed;
  445. font-size:40px;
  446. top: 30px;
  447. left: 500px;
  448. transform: rotate(-180deg);
  449. -ms-transform: rotate(-180deg);
  450. -webkit-transform: rotate(-180deg);
  451. -o-transform: rotate(-180deg);
  452. -moz-transform: rotate(-180deg);
  453. -webkit-animation: bbounce linear 1.5s;
  454. -webkit-animation-iteration-count: infinite;
  455. -webkit-transform-origin: 50% 50%;
  456. -webkit-filter: blur(1px)
  457. }
  458.  
  459. .links3 a {
  460. text-decoration:none;
  461. text-transform:normal;
  462. color: #a5a5a5;
  463. font-family: 'Dancing Script', cursive;
  464. text-shadow: 0px 0px 3px #eee;
  465. -moz-transition-duration:.7s;
  466. -webkit-transition-duration:.7s;
  467. -o-transition-duration:.7s;
  468. }
  469.  
  470.  
  471. .links3 a:hover {
  472. text-decoration:none;
  473. text-transform:normal;
  474. color: #a5a5a5;
  475. text-shadow:0px 0px 3px #eee;
  476. }
  477.  
  478.  
  479. .links4 {
  480. position:fixed;
  481. font-size:40px;
  482. top: 220px;
  483. left: 400px;
  484. transform: rotate(-60deg);
  485. -ms-transform: rotate(-60deg);
  486. -webkit-transform: rotate(-60deg);
  487. -o-transform: rotate(-60deg);
  488. -moz-transform: rotate(-60deg);
  489. -webkit-animation: bbounce linear 4.5s;
  490. -webkit-animation-iteration-count: infinite;
  491. -webkit-transform-origin: 50% 50%;
  492. -webkit-filter: blur(1px)
  493. }
  494.  
  495. .links4 a {
  496. text-decoration:none;
  497. text-transform:normal;
  498. color: #a5a5a5;
  499. font-family: 'Dancing Script', cursive;
  500. text-shadow: 0px 0px 3px #eee;
  501. -moz-transition-duration:.7s;
  502. -webkit-transition-duration:.7s;
  503. -o-transition-duration:.7s;
  504. }
  505.  
  506.  
  507. .links4 a:hover {
  508. text-decoration:none;
  509. text-transform:normal;
  510. color: #a5a5a5;
  511. text-shadow:0px 0px 3px #eee;
  512. }
  513.  
  514.  
  515. /* ---LINKS END --- */
  516.  
  517.  
  518. /* --- CREDIT START --- */
  519.  
  520. .credit{
  521. position:fixed;
  522. font-size:15px;
  523. right:12px;
  524. bottom:10px;
  525. }
  526.  
  527. .credit a {
  528. text-decoration:none;
  529. text-transform:uppercase;
  530. text-shadow: 0px 0px 5px #f5f5f5;
  531. color: #919191;
  532. -moz-transition-duration:.7s;
  533. -webkit-transition-duration:.7s;
  534. -o-transition-duration:.7s;
  535. }
  536.  
  537.  
  538. .credit a:hover {
  539. text-decoration:none;
  540. text-transform:uppercase;
  541. text-shadow: 0px 0px 5px #f5f5f5;
  542. color: #919191;
  543. }
  544.  
  545. /* --- CREDIT END --- */
  546.  
  547. /* --- POST NOTES START --- */
  548.  
  549. .note {
  550. padding:0px 20px 0px 20px;
  551. background-color:transparent;
  552. text-transform:lowercase;
  553. letter-spacing:0px;
  554. font-size: 11px;
  555. font-style:normal;
  556. text-align:left;
  557. line-height:120%;
  558. }
  559.  
  560. .note li {
  561. list-style-type:none;
  562. padding:5px 25px 5px 25px;
  563. text-align:left;
  564. margin-right:30px;
  565. margin-top:-50px;
  566. }
  567.  
  568.  
  569. #info {
  570. height:15px;
  571. text-align:center;
  572. margin-top:10px;
  573. padding-top:10px;
  574. padding:0px;
  575. padding-bottom:1px;
  576. text-transform:none;
  577. font-style:none;
  578. font-size:15px;
  579. background-image:url("https://i.imgur.com/I01CJcG.png");
  580. border: 3px double #fff;
  581. line-height:100%;
  582. }
  583.  
  584. #info a{
  585. color:#fff;
  586. }
  587.  
  588. #tags {
  589. font-family: 'Scheherazade', serif;
  590. text-align:center;
  591. margin-top:0px;
  592. padding-bottom:0px;
  593. text-transform:none;
  594. font-style:none;
  595. font-size:15px;
  596. }
  597.  
  598. #tags a{
  599. color:#919191;
  600. }
  601.  
  602. /* --- POST NOTES END --- */
  603.  
  604. /* --- ASK & AUDIO START --- */
  605.  
  606. .ask {
  607. color:#919191;
  608. background: #eeeff2;
  609. padding:9px;
  610. padding-top:86px;
  611. width:200px;
  612. margin-left:100px;
  613. margin-bottom:10px;
  614. font-size:11px;
  615. background-image:url("");
  616. border: 1px none #eee;
  617. border-radius: 0px 30px 0px 30px;
  618. box-shadow: 2px 2px 3px #a4a4a4;
  619. line-height:125%;
  620. }
  621.  
  622. .asker {
  623. font-family: 'Dancing Script', cursive;
  624. font-size:17px;
  625. color: #919191;
  626. text-shadow:0px 0px 3px #eee;
  627. margin-top:-100px;
  628. margin-left:-30px;
  629. width:300px;
  630. line-height:10px;
  631. text-align:center;
  632. }
  633.  
  634. .answer {
  635. color: #919191;
  636. width:350px;
  637. padding-left:10px;
  638. }
  639.  
  640. .audio {
  641. background-color: #transparent;
  642. background-image:url("https://i.imgur.com/vxTCPie.png");
  643. border:3px double #fff;
  644. height:70px;
  645. font-size:8px;
  646. color:#fff;
  647. overflow:scroll;
  648. }
  649.  
  650. /* --- ASK & AUDIO END --- */
  651.  
  652. /* --- MENU START --- */
  653.  
  654. .popup_block{
  655. display:none;
  656. background: url("");
  657. background:#fff;
  658. padding:20px;
  659. border:1px solid #eeeff2;
  660. float:left;
  661. height:317px;
  662. top:75%; left:57%;
  663. position:fixed;
  664. z-index: 99999;
  665. -webkit-box-shadow: none;
  666. -moz-box-shadow: none;
  667. box-shadow: none;
  668. }
  669.  
  670.  
  671. *html #fade {position: absolute;}
  672. *html .popup_block {position: absolute;}
  673. #fade {
  674. display:none;
  675. position:fixed;
  676. left:0px;
  677. top:0px;
  678. width:100%;
  679. height:100%;
  680. z-index:9999;
  681. background: none;
  682. opacity: none;
  683. }
  684.  
  685. #popheaders{
  686. width:300px;
  687. height:auto;
  688. padding:10px;
  689. font-size:15px;
  690. text-transform:normal;
  691. letter-spacing:1px;
  692. color:#fff;
  693. font-family: 'Dancing Script', cursive;
  694. text-shadow:0px 0px 5px #000;
  695. border: 3px double #fff;
  696. background: url('https://i.imgur.com/5L1kSTE.png');
  697. line-height:30%;
  698. }
  699.  
  700. #popuptext {
  701. margin-top:-12px;
  702. margin-left:-15px;
  703. width:400px;
  704. height:293px;
  705. font-family: 'Scheherazade', serif;
  706. font-size:12px;
  707. color:#919191;
  708. overflow:scroll;
  709. text-align:justify;
  710. position:fixed;
  711. overflow-y padding:20px;
  712. }
  713.  
  714. .poplinks {
  715. padding-top:5px;
  716. text-align:center;
  717. }
  718.  
  719.  
  720. .poplinks a {
  721. display:inline-block;
  722. width:120px; height:8px;
  723. margin:2px; padding:6px 6px 10px;
  724. text-align:center;
  725. font-family:'helvetica';
  726. font-size:11px;
  727. text-transform:uppercase;
  728. letter-spacing:1px;
  729. color:#eee; background:transparent;
  730. background-image:url('');
  731. border:1px dotted #eee;
  732. }
  733.  
  734. .poplinks a:hover {
  735. display:inline-block;
  736. width:120px; margin:2px;
  737. padding:6px 6px 10px;
  738. text-align:center;
  739. font-family:times;
  740. font-size:11px;
  741. text-transform:normal;
  742. letter-spacing:1px;
  743. color:#eee;
  744. background:transparent
  745. }
  746.  
  747. .buttons a {
  748. text-decoration:none;
  749. background: #fafafa;
  750. border:1px solid #919191;
  751. padding:10px;
  752. width:50px;
  753. margin-top:3px;
  754. margin-left:5px;
  755. display:inline-block;
  756. color:#fff;
  757. text-align:center;
  758. }
  759.  
  760. .butons a:hover {
  761. background:#053355;
  762. background: #fafafa;
  763. border:1px solid #919191;
  764. color:#fff;
  765. -webkit-transition: all 0.3s ease-in-out;
  766. -moz-transition: all 0.3s ease-in-out;
  767. -o-transition: all 0.3s ease-in-out;
  768. -ms-transition: all 0.3s ease-in-out;
  769. transition: all 0.3s ease-in-out;
  770. }
  771.  
  772. ul#tabs {
  773. list-style-type: none;
  774. padding: 0;
  775. text-align: center;
  776. font-size: 11px;
  777. letter-spacing:1px;
  778. }
  779.  
  780. ul#tabs li {
  781. display: inline-block;
  782. background-color: transparent;
  783. border: 1px solid #eee;
  784. padding: 4px 12px;
  785. margin-bottom: 4px;
  786. color: #a4a4a4;
  787. cursor: pointer;
  788. }
  789.  
  790. ul#tabs li:hover {
  791. background-color: #eee;
  792. }
  793.  
  794. ul#tabs li.active {
  795. background-color: #eee;
  796. color: #eee;
  797. background-image:url('https://i.imgur.com/5L1kSTE.png');
  798. border: 1px solid #a4a4a4;
  799. }
  800.  
  801. ul#tab {
  802. list-style-type: none;
  803. margin: 0;
  804. padding: 0;
  805. }
  806.  
  807. ul#tab li {
  808. display: none;
  809. }
  810.  
  811. ul#tab li.active {
  812. display: block;
  813. }
  814.  
  815. a:link, a:active, a:visited {
  816. text-decoration: none;
  817. color: #919191;
  818. -moz-transition-duration:.6s;
  819. -webkit-transition-duration:.6s;
  820. -o-transition-duration:.6s;
  821. }
  822.  
  823. a:hover {
  824. color: #919191;
  825. -moz-transition-duration:.6s;
  826. -webkit-transition-duration:.6s;
  827. -o-transition-duration:.6s;
  828. }
  829.  
  830. /* --- MENU END --- */
  831.  
  832.  
  833.  
  834. {CustomCSS}</style></head><body>
  835.  
  836.  
  837. <div id="sidebar">
  838. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  839.  
  840. <div class="links1">
  841. <a title="home" href="/"><img src="https://i.imgur.com/da8SDgm.png"></a>
  842. </div>
  843.  
  844. <div class="links2">
  845. <a title="ask" href="/asks"><img src="https://i.imgur.com/MyP2F7B.png"></a>
  846. </div>
  847.  
  848. <div class="links3">
  849. <a title="?" href="/"><img src="https://i.imgur.com/ismsShw.png"></a>
  850. </div>
  851.  
  852. <div class="links4">
  853. <a title="menu" href="#?w=370" rel="box1" class="poplight"><img src="https://i.imgur.com/lMEGVDy.png"></a>
  854. </div>
  855.  
  856. <div class="credit">
  857. <a href="/">𝔼</a>
  858. </div>
  859.  
  860. <div id="description">
  861. <center><div id="descriptionheaders">Queen Elsa</div></center>
  862. <center><p>of Frozen & Once Upon A Time.<br>
  863. private & highly selective</p></center>
  864. <center><div id="descriptionheaders">Once Upon A Time</div></center>
  865. <center><p>In Arendelle’s fair kingdom a ruler did appear, Born with the secret power so great, alone she stayed in fear.<br>
  866. Although the force was hidden, one day she let it go, and all the land was covered in eternal ice and snow.</p></center>
  867. <center><div id="descriptionheaders">Updates</div></center>
  868. <center><p>Theme Commissions:Open<br>
  869. Drafts:13<br>
  870. Starters:2<br>
  871. Asks:0</p></center>
  872. <center><div id="descriptionheaders">Mundane</div></center>
  873. <center><p>Jess - 33 - United States (pst)</p>
  874.  
  875. </center>
  876. </div>
  877.  
  878.  
  879. <div id="scrollbar">{scrollbar}</div>
  880.  
  881.  
  882.  
  883. <div id="pagination">
  884. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> « </a>{/block:PreviousPage}{/block:Pagination}
  885. {block:Pagination}{block:NextPage}<a href="{NextPage}"> » </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  886.  
  887.  
  888.  
  889. {block:HasPages}{block:Pages}
  890.  
  891. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  892.  
  893. </div></center>
  894.  
  895.  
  896. </div>
  897.  
  898.  
  899. <div id="container">{block:Posts}<div id="posts">
  900. <img src="">
  901.  
  902. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  903.  
  904. {block:blockquote}{/block:blockquote}
  905.  
  906.  
  907.  
  908. {block:Photo}
  909. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  910. {/block:Photo}
  911.  
  912. {block:Photoset}
  913. <center>{Photoset-400}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  914. {/block:Photoset}
  915.  
  916. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  917.  
  918. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  919.  
  920. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  921.  
  922. {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}
  923. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  924.  
  925. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  926.  
  927. {block:Answer}
  928. <div class="ask"><div class="asker">{Asker} said</div><p>{Question}</div><div class="answer">{Answer}</div>
  929. {/block:Answer}
  930.  
  931.  
  932. {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>
  933.  
  934. <div id="tags">
  935. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  936.  
  937. </div>
  938. {block:PostNotes}{PostNotes}{/block:PostNotes}
  939. {/block:Posts}</div>
  940.  
  941.  
  942. </body>
  943.  
  944.  
  945. <div id="box1" class="popup_block">
  946.  
  947. <ul id="tabs">
  948. <li class="active">Rules</li>
  949. <li>About</li>
  950. <li>Thread Tracker</li>
  951. <li>Commissions</li>
  952. <li>More</li>
  953. </ul>
  954.  
  955. <div style="width:auto;height:335px;overflow:scroll;padding:5px;">
  956.  
  957.  
  958.  
  959. <ul id="tab">
  960. <li class="active">
  961. <div id="popuptext">
  962. <center><div id="popheaders">Disclaimerr</div></center>
  963. <p>TEXT HERE</p>
  964.  
  965.  
  966. <center><div id="popheaders">Header</div></center>
  967. <p>TEXT HERE</p>
  968.  
  969.  
  970. <p>Skype is available upon request for mutuals.<p>
  971.  
  972. <center><div id="popheaders">Duplicates</div></center>
  973. <p>TEXT HERE</p>
  974.  
  975.  
  976. <center><div id="popheaders">Shipping</div></center>
  977. <p>TEXT HERE</p>
  978.  
  979.  
  980. <center><div id="popheaders">Theme Information</div></center>
  981. <p>TEXT HERE</p>
  982.  
  983.  
  984. </li>
  985. <li>
  986.  
  987.  
  988. <div id="popuptext">
  989. <center><div id="popheaders">About Elsa</div></center>
  990. <p>TEXT HERE</p>
  991.  
  992.  
  993. </li>
  994. <li>
  995.  
  996. <div id="popuptext">
  997. <center><div id="popheaders">Active Threads</div></center>
  998. <p>Text Here.</p>
  999. <center><div id="popheaders">Helsa Threads</div></center>
  1000. <p>Text Here.</p>
  1001.  
  1002. </li>
  1003. <li>
  1004.  
  1005. <div id="popuptext">
  1006. <center><div id="popheaders">Examples & Pricing</div></center>
  1007. <p>TEXT HERE</p>
  1008.  
  1009.  
  1010. <center><div id="popheaders">Timeline</div></center>
  1011. <p>TEXT HERE</p>
  1012.  
  1013.  
  1014. <center><div id="popheaders">Payments & Refunds</div></center>
  1015. <p>TEXT HERE</p>
  1016.  
  1017.  
  1018. </li>
  1019. <li>
  1020.  
  1021. <table>
  1022. <tr>
  1023. <td>
  1024. <div class="buttons">
  1025. <a href="/">LINK</a>
  1026. <a href="/">LINK</a>
  1027. <a href="/">LINK</a>
  1028. <a href="/">LINK</a>
  1029. <a href="/">LINK</a>
  1030. <a href="/">LINK</a>
  1031. <a href="/">LINK</a>
  1032.  
  1033. </div>
  1034. </td>
  1035. <td>
  1036.  
  1037. <div class="buttons">
  1038.  
  1039. <a href="/">LINK</a>
  1040. <a href="/">LINK</a>
  1041. <a href="/">LINK</a>
  1042. <a href="/">LINK</a>
  1043. <a href="/">LINK</a>
  1044. <a href="/">LINK</a>
  1045. <a href="/">LINK</a>
  1046.  
  1047. </div>
  1048.  
  1049. </td>
  1050. <td>
  1051.  
  1052. <div class="buttons">
  1053.  
  1054. <a href="/">LINK</a>
  1055. <a href="/">LINK</a>
  1056. <a href="/">LINK</a>
  1057. <a href="/">LINK</a>
  1058. <a href="/">LINK</a>
  1059. <a href="/">LINK</a>
  1060. <a href="/">LINK</a>
  1061.  
  1062. </div>
  1063.  
  1064. </td>
  1065. <td>
  1066.  
  1067. <div class="buttons">
  1068.  
  1069. <a href="/">LINK</a>
  1070. <a href="/">LINK</a>
  1071. <a href="/">LINK</a>
  1072. <a href="/">LINK</a>
  1073. <a href="/">LINK</a>
  1074. <a href="/">LINK</a>
  1075. <a href="/">LINK</a>
  1076.  
  1077. </div>
  1078.  
  1079. </td>
  1080. </tr>
  1081. </table>
  1082. </div>
  1083. </li>
  1084. <li>
  1085.  
  1086. </div>
  1087. </div>
  1088.  
  1089.  
  1090. </html>
Advertisement
Add Comment
Please, Sign In to add comment