API tools faq
paste
Advertisement
elsaofarendelle

sunregina

elsaofarendelle
Mar 29th, 2018
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.40 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.  
  4. <script type="text/javascript"
  5. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  6. <script>
  7. $(document).ready(function() {
  8. //
  9. $('a.poplight[href^=#]').click(function() {
  10. var popID = $(this).attr('rel'); //Get Popup Name
  11. var popURL = $(this).attr('href'); //Get Popup href to define size
  12. var query= popURL.split('?');
  13. var dim= query[1].split('&');
  14. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  15. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  16. var popMargTop = ($('#' + popID).height() + 80) / 2;
  17. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  18. //Apply Margin to Popup
  19. $('#' + popID).css({
  20. 'margin-top' : -popMargTop,
  21. 'margin-left' : -popMargLeft
  22. });
  23. $('body').append('<div id="fade"></div>');
  24. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  25. return false;
  26. });
  27. $('a.close, #fade').live('click', function() {
  28. $('#fade , .popup_block').fadeOut(function() {
  29. $('#fade, a.close').remove(); //fade them both out
  30. });
  31. return false;
  32. });
  33. });
  34. </script>
  35.  
  36. <script>
  37.  
  38. $(document).ready(function(){
  39. $("ul#tabs li").click(function(e){
  40. if (!$(this).hasClass("active")) {
  41. var tabNum = $(this).index();
  42. var nthChild = tabNum+1;
  43. $("ul#tabs li.active").removeClass("active");
  44. $(this).addClass("active");
  45. $("ul#tab li.active").removeClass("active");
  46. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  47. }
  48. });
  49. });
  50. </script>
  51.  
  52. <head>
  53.  
  54. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  55.  
  56.  
  57. <!--- tooltips --->
  58.  
  59. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  60. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  61. <script>
  62. (function($){
  63. $(document).ready(function(){
  64. $("[title]").style_my_tooltips();
  65. });
  66. })(jQuery);
  67. </script>
  68.  
  69.  
  70. </style>
  71.  
  72.  
  73. <title>{Title}</title>
  74. <link rel="shortcut icon" href="{Favicon}">
  75. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  76. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  77.  
  78.  
  79. <!-------------------------------------------
  80. Code by elsaofarendelle.
  81. Don't copy or distribute.
  82. Don't claim as your own.
  83. -------------------------------------------->
  84.  
  85. <meta name="image:background" content=""/>
  86. <meta name="image:sidebar" content=""/>
  87.  
  88.  
  89. <style type="text/css">
  90.  
  91. /* --- CURSOR START --- */
  92.  
  93. *, body, a, a:hover {cursor: url("http://68.media.tumblr.com/tumblr_lpyq18WTCg1qcn2vb.gif"), auto;}
  94.  
  95. /* --- CURSOR END --- */
  96.  
  97. iframe#tumblr_controls {
  98. right:3px !important;
  99. position: fixed !important;
  100. -webkit-transition: opacity 0.7s
  101. linear;opacity: 0.2;
  102. -webkit-transition: all 0.8s ease-out;
  103. -moz-transition: all 0.8s ease-out;
  104. transition: all 0.8s ease-out;}
  105.  
  106. iframe#tumblr_controls:hover{
  107. -webkit-transition: opacity 0.7s linear;
  108. opacity: 1;
  109. -webkit-transition: all 0.4s ease-out;
  110. -moz-transition: all 0.4s ease-out;
  111. transition: all 0.4s ease-out;}
  112.  
  113.  
  114. /* --- FONTS START --- */
  115.  
  116. @font-face { font-family: "starfish"; src: url('https://dl.dropboxusercontent.com/s/pmqlfb0lqbvflrn/Starfish.ttf'); format("truetype");}
  117.  
  118. @font-face { font-family: "watermelon"; src: url('https://dl.dropboxusercontent.com/s/uluxk369y2nfu59/Watermelon%20Script%20Demo.ttf'); format("truetype");}
  119.  
  120. @font-face { font-family: "mocking"; src: url('https://dl.dropboxusercontent.com/s/6dvctjevo33lcyb/Mocking-Regular.ttf'); format("truetype");}
  121.  
  122. @font-face { font-family: "tangled"; src: url('https://www.dropbox.com/s/52te21ubvsejllm/Tangled.ttf'); format("truetype");}
  123.  
  124. /* --- FONTS END --- */
  125.  
  126.  
  127. /* --- SCROLLBAR START ---*/
  128.  
  129. ::-webkit-scrollbar-thumb{
  130. background-color: #bd869d;
  131. border: none;
  132. height:auto;
  133. }
  134.  
  135. ::-webkit-scrollbar {
  136. height:auto;
  137. width:6px;
  138. background-color: transparent;
  139. border:2px solid transparent;
  140. }
  141.  
  142. /* --- SCROLLBAR END --- */
  143.  
  144.  
  145. /* --- TOOLTIPS START --- */
  146.  
  147. #s-m-t-tooltip{
  148. max-width:300px;
  149. margin:15px;
  150. padding:2px 8px;
  151. color: #643240;
  152. background: #ccafbb;
  153. border: 8px solid #643240;
  154. border-radius:0px;
  155. z-index:9999999999999;
  156. font-size:12px;
  157. font-family: 'Anton', sans-serif;
  158. font-weight:bold;
  159. text-transform:normal;
  160. box-shadow: 2px 2px 5px #000;
  161. -webkit-transition:all 0.7s;
  162. -moz-transition:all 0.7s;
  163. -ms-transition:all 0.7s;
  164. -o-transition:all 0.7s;
  165. transition:all 0.7s;
  166. }
  167.  
  168. /* --- TOOLTIPS END --- */
  169.  
  170. /* --- LANTERN ANIMATION START --- */
  171.  
  172. @-moz-keyframes bbounce{
  173. 0% {-moz-transform:translate(0px,0px);}
  174. 50% {-moz-transform:translate(0px,10px);}
  175. 100% {-moz-transform:translate(0px,0px);}
  176. }
  177.  
  178. @-webkit-keyframes bbounce {
  179. 0% {-webkit-transform:translate(0px,0px);}
  180. 50% {-webkit-transform:translate(0px,10px);}
  181. 100% {-webkit-transform:translate(0px,0px);}
  182. }
  183.  
  184. /* LANTERN ANIMATION END --- */
  185.  
  186.  
  187. /* --- BODY START ---*/
  188.  
  189. body {
  190. background:#643240;
  191. background-image:url({image:background});
  192. background-attachment: fixed;
  193. background-repeat: no-repeat;
  194. background-position:0px 0px;
  195. margin:0px;
  196. color:#643240;
  197. font-family: calibri;
  198. font-size:12px;
  199. line-height:120%;
  200. word-wrap: break-word;
  201. }
  202.  
  203. blockquote {
  204. padding-left:5px;
  205. border-left:2px solid;
  206. }
  207.  
  208. a {
  209. color: #bd869d;
  210. text-decoration:none;
  211. -webkit-transition:all 0.5s ease-in-out;
  212. -moz-transition:all 0.5s ease-in-out;
  213. -o-transition:all 0.5s ease-in-out;
  214. -ms-transition:all 0.5s ease-in-out;
  215. transition:all 0.5s ease-in-out;
  216. }
  217.  
  218.  
  219. img {none;}
  220.  
  221. h1 {
  222. font-family: 'Montserrat';
  223. text-transform:none;
  224. font-size:20px;
  225. line-height:30px;
  226. letter-spacing:0px;
  227. text-align:center;
  228. font-style:normal;
  229. color:#643240;
  230. text-shadow: -1px -1px -1px #e1d5ed;
  231. text-shadow: 1px 1px 1px #e1d5ed;
  232. }
  233.  
  234. h2 {
  235. color:#643240;
  236. text-shadow: -1px -1px -1px #e1d5ed;
  237. text-shadow: 2px 2px 5px #e1d5ed;
  238. text-transform: none;
  239. letter-spacing:1px;
  240. font-family: 'Montserrat';
  241. font-size:17px;
  242. }
  243.  
  244. #fixerupper {
  245. width:500px;
  246. margin:0 auto -12px auto;
  247. }
  248.  
  249.  
  250.  
  251. #container {
  252. background: transparent;
  253. width:300px;
  254. height:592px;
  255. margin-left:360px;
  256. margin-top:62px;
  257. position:fixed;
  258. overflow-y:scroll;
  259. overflow-x:hidden;
  260. padding-left:5px;
  261. padding-right:160px;
  262. padding-top:17px;
  263. padding-bottom:10px;
  264. z-index:50
  265. }
  266.  
  267. #post {
  268. background: none;
  269. width:400px;
  270. padding-bottom:30px;
  271. padding: 30px;
  272. text-align: justify;
  273. margin-top:0px;
  274. border: 3px none #f7f7f7;
  275. line-height: 100%;
  276. }
  277.  
  278.  
  279. #post img {
  280. padding: 0;
  281. max-width:100%;
  282. width: auto;
  283. height: auto;
  284. }
  285.  
  286. pre {
  287. font-family: 'Montserrat';
  288. font-size:10px;
  289. color:#575e62;
  290. letter-spacing:1px;
  291. text-align:center;
  292. text-transform:uppercase;
  293. padding:6px;
  294. background:url('');
  295. background-repeat:repeat;
  296. }
  297.  
  298.  
  299. b {
  300. text-transform: bold;
  301. color:#643240;
  302. text-shadow: -1px -1px -1px #eee;
  303. text-shadow: 1px 1px 1px #eee;
  304. letter-spacing:1px;
  305. font-family: 'Montserrat';
  306. font-size:15px;
  307. }
  308.  
  309. i {
  310. text-transform: italic;
  311. color:#643240;
  312. text-shadow: -1px -1px -1px #eee;
  313. text-shadow: 1px 1px 1px #eee;
  314. letter-spacing:1px;
  315. font-family: "mocking";
  316. font-size:17px;
  317. }
  318.  
  319. em {
  320. text-transform: italic;
  321. color:#643240;
  322. text-shadow: -1px -1px -1px #eee;
  323. text-shadow: 1px 1px 1px #eee;
  324. letter-spacing:1px;
  325. font-family: "mocking";
  326. font-size:17px;
  327. }
  328.  
  329. sub, small, sup {
  330. font-size: 12px;
  331. }
  332.  
  333. /* --- BODY END --- */
  334.  
  335.  
  336. /* --- SIDEBAR START ---*/
  337.  
  338. #sidebar{
  339. position: fixed;
  340. top: 100px;
  341. width:250px;
  342. height:115px;
  343. left: -10px;
  344. padding:20px;
  345. }
  346.  
  347. #sidebarimage img{
  348. width: 200px;
  349. height:200px;
  350. padding:10px;
  351. border:3px none #f5f5f5;
  352. margin-top:-30px;
  353. margin-left:127px;
  354. background:transparent;
  355. background-image:{image:sidebarimage};
  356. }
  357.  
  358. #nav {
  359. position:fixed;
  360. overflow:hidden;
  361. margin-top:150px;
  362. margin-left:315px;
  363. }
  364.  
  365. #link1 a , #link2 a, #link3 a
  366.  
  367. #title {
  368. font-family:times;
  369. text-align:center;
  370. width:300px;
  371. margin-top:5px;
  372. margin-left:200px;
  373. text-transform:uppercase;
  374. font-style:normal;
  375. font-size:20px;
  376. color:#fff;
  377. }
  378.  
  379. #header{
  380. width:350px;
  381. margin-left:-10px;
  382. margin-top:-450px;
  383. font-style: none;
  384. font-family: "tangled";
  385. font-size:50px;
  386. text-transform:normal;
  387. color:#d68658;
  388. text-shadow: -1px -1px -1px #fcf184;
  389. text-shadow: 1px 1px 1px #fcf184;
  390. letter-spacing:1px;
  391. line-height:100%;
  392. position:fixed;
  393. }
  394.  
  395. #updates {
  396. background:none;
  397. width:150px;
  398. height:190px;
  399. margin-top:330px;
  400. margin-left:75px;
  401. padding: 12px;
  402. padding-right:10px;
  403. text-align:justify;
  404. font-style: none;
  405. font-family: 'Cormorant Garamond', serif;
  406. font-size:11px;
  407. color: #d68658;
  408. text-shadow: none;
  409. letter-spacing:1px;
  410. line-height:155%;
  411. }
  412.  
  413. #description {
  414. background:none;
  415. width:150px;
  416. height:200px;
  417. margin-top:-830px;
  418. margin-left:875px;
  419. padding: 12px;
  420. padding-right:10px;
  421. text-align:justify;
  422. font-style: none;
  423. font-family: calibri;
  424. font-size:10px;
  425. color: #643240;
  426. text-shadow: none;
  427. letter-spacing:1px;
  428. line-height:260%;
  429. }
  430.  
  431. #pagination {
  432. font-family: 'Timmana', sans-serif;
  433. width:103px;
  434. font-size:60px;
  435. text-transform:uppercase;
  436. margin-top:240px;
  437. margin-left:920px;
  438. padding-top:25px;
  439. letter-spacing:1px;
  440. font-style:normal;
  441. text-align:center;
  442. }
  443.  
  444. #pagination a {
  445. color:#643240;
  446. text-shadow: -1px -1px -1px #643240;
  447. text-shadow: 1px 1px 1px #643240;
  448. }
  449.  
  450. /* --- SIDEBAR END ---*/
  451.  
  452.  
  453. /* --- LINKS START --- */
  454.  
  455. #links {
  456. width:100px;
  457. position:fixed;
  458. margin-left:902px;
  459. margin-top:200px;
  460. padding:8px;
  461. }
  462.  
  463. #links a{
  464. min-width:90px;
  465. color: #643240;
  466. background: #ccafbb;
  467. border: 8px solid #643240;
  468. display:inline-block;
  469. margin:4px;
  470. font-size:9px
  471. font-family: 'Anton', sans-serif;
  472. text-align:center;
  473. text-transform:uppercase;
  474. padding-top:2px;
  475. line-height:155%;
  476. }
  477.  
  478. /* --- LINKS END --- */
  479.  
  480. /* --- LANTERS START --- */
  481.  
  482. #float1 {
  483. overflow:auto;
  484. height:120px;
  485. position:absolute;
  486. top:50px;
  487. }
  488.  
  489. #lantern1 {
  490. width:140px;
  491. height:200px;
  492. position:fixed;
  493. margin-left:30px;
  494. margin-top:-200px;
  495. background-image:url('https://i.imgur.com/ytQhjPF.png');
  496. padding:8px;
  497. -webkit-animation: bbounce linear 2.5s;
  498. -webkit-animation-iteration-count: infinite;
  499. -webkit-transform-origin: 50% 50%;
  500. }
  501.  
  502. #float2 {
  503. overflow:auto;
  504. height:120px;
  505. position:absolute;
  506. top:50px;
  507. }
  508.  
  509. #lantern2 {
  510. width:25px;
  511. height:30px;
  512. position:fixed;
  513. margin-left:200px;
  514. margin-top:-200px;
  515. padding:8px;
  516. background-image:url('https://i.imgur.com/wGXuBvH.png');
  517. -webkit-animation: bbounce linear 3.5s;
  518. -webkit-animation-iteration-count: infinite;
  519. -webkit-transform-origin: 50% 50%;
  520. }
  521.  
  522. #float3 {
  523. overflow:auto;
  524. height:120px;
  525. position:absolute;
  526. top:50px;
  527. }
  528.  
  529. #lantern3 {
  530. width:70px;
  531. height:80px;
  532. position:fixed;
  533. margin-left:250px;
  534. margin-top:200px;
  535. padding:8px;
  536. background-image:url('https://i.imgur.com/9u5oIU0.png');
  537. -webkit-animation: bbounce linear 4.5s;
  538. -webkit-animation-iteration-count: infinite;
  539. -webkit-transform-origin: 50% 50%;
  540. }
  541.  
  542. #float4 {
  543. overflow:auto;
  544. height:120px;
  545. position:absolute;
  546. top:50px;
  547. }
  548.  
  549. #lantern4 {
  550. width:25px;
  551. height:30px;
  552. position:fixed;
  553. margin-left:50px;
  554. margin-top:240px;
  555. padding:8px;
  556. background-image:url('https://i.imgur.com/wGXuBvH.png');
  557. -webkit-animation: bbounce linear 3.0s;
  558. -webkit-animation-iteration-count: infinite;
  559. -webkit-transform-origin: 50% 50%;
  560. }
  561.  
  562. #float5 {
  563. overflow:auto;
  564. height:120px;
  565. position:absolute;
  566. top:50px;
  567. }
  568.  
  569. #lantern5 {
  570. width:64px;
  571. height:80px;
  572. position:fixed;
  573. margin-left:100px;
  574. margin-top:40px;
  575. padding:8px;
  576. background-image:url('https://i.imgur.com/9u5oIU0.png');
  577. -webkit-animation: bbounce linear 2.0s;
  578. -webkit-animation-iteration-count: infinite;
  579. -webkit-transform-origin: 50% 50%;
  580. }
  581.  
  582. #float6 {
  583. overflow:auto;
  584. height:120px;
  585. position:absolute;
  586. top:50px;
  587. }
  588.  
  589. #lantern6 {
  590. width:25px;
  591. height:30px;
  592. position:fixed;
  593. margin-left:150px;
  594. margin-top:-240px;
  595. padding:8px;
  596. background-image:url('https://i.imgur.com/wGXuBvH.png');
  597. -webkit-animation: bbounce linear 4.5s;
  598. -webkit-animation-iteration-count: infinite;
  599. -webkit-transform-origin: 50% 50%;
  600. }
  601.  
  602.  
  603.  
  604. /* --- LANTERS END --- */
  605.  
  606.  
  607. /* --- CREDIT START --- */
  608.  
  609. .credit{
  610. position:fixed;
  611. font-size:15px;
  612. right:20px;
  613. bottom:10px;
  614. z-index:51;
  615. }
  616.  
  617. .credit a {
  618. font-family: 'Anton', sans-serif;
  619. text-decoration:none;
  620. text-transform:uppercase;
  621. color:#d68658;
  622. text-shadow: -1px -1px -1px #fcf184;
  623. text-shadow: 1px 1px 1px #fcf184;
  624. -moz-transition-duration:.7s;
  625. -webkit-transition-duration:.7s;
  626. -o-transition-duration:.7s;
  627. }
  628.  
  629.  
  630. .credit a:hover {
  631. text-decoration:none;
  632. text-transform:uppercase;
  633. color:#d68658;
  634. text-shadow: -1px -1px -1px #fcf184;
  635. text-shadow: 1px 1px 1px #fcf184;
  636. }
  637.  
  638. /* --- CREDIT END --- */
  639.  
  640.  
  641. /* --- POST NOTES START --- */
  642.  
  643. .note {
  644. padding:0px 20px 0px 20px;
  645. background-color:transparent;
  646. text-transform:lowercase;
  647. letter-spacing:0px;
  648. font-size: 11px;
  649. font-style:normal;
  650. text-align:left;
  651. line-height:120%;
  652. }
  653.  
  654. .note li {
  655. list-style-type:none;
  656. padding:5px 25px 5px 25px;
  657. text-align:left;
  658. margin-right:30px;
  659. margin-top:-50px;
  660. }
  661.  
  662. #info {
  663. height:30px;
  664. text-align:center;
  665. margin-top:25px;
  666. padding-top:10px;
  667. padding:15px;
  668. padding-bottom:1px;
  669. text-transform:normal
  670. font-style:none;
  671. font-family: calibri;
  672. font-size:12px;
  673. background-image:url('');
  674. border: 8px solid #643240;
  675. background-repeat:repeat;
  676. background-attachment:fixed;
  677. line-height:150%;
  678. }
  679.  
  680. #info a{
  681. color: #643240;
  682. }
  683.  
  684. #tags {
  685. font-family: calibri;
  686. text-align:center;
  687. margin-top:5px;
  688. padding-bottom:0px;
  689. text-transform:none;
  690. font-style:none;
  691. font-size:12px;
  692. }
  693.  
  694. #tags a {
  695. color: #643240;
  696. }
  697.  
  698. /* --- POST NOTES END --- */
  699.  
  700.  
  701. /* --- ASK & AUDIO START --- */
  702.  
  703. .ask {
  704. color: #643240;
  705. background: #ccafbb;
  706. border: 8px solid #643240;
  707. padding:15px;
  708. margin-bottom:15px;
  709. margin-top:-50px;
  710. }
  711.  
  712. .askheader {
  713. margin-left:-3px;
  714. }
  715.  
  716. .asker {
  717. font-family: 'Starfish';
  718. font-size:22px;
  719. color:#643240;
  720. text-shadow: -1px -1px -1px #eee;
  721. text-shadow: 1px 1px 1px #eee;
  722. line-height:20px;
  723. text-align:center;
  724. padding-bottom:5px;
  725. }
  726.  
  727. .answer {
  728. color: #643240;
  729. }
  730.  
  731. .chat {
  732. list-style:none;
  733. margin-top:15px;
  734. margin-bottom:0px;
  735. font-size:10px;
  736. margin-left:0px;
  737. }
  738.  
  739. .chat ul {
  740. line-height:18px;
  741. margin-top:0px;
  742. list-style:none;
  743. padding:0px;
  744. letter-spacing:2px;
  745. font-size:10px;
  746. margin-bottom:0px;
  747. text-transform:normal;
  748. }
  749.  
  750. .person1, .person3, .person5, .person7, .person9, .person11, .person13 {
  751. background-color: #d1aee0;
  752. padding:3px 8px 3px 8px;
  753. color: #837269;
  754. border-bottom: none
  755. }
  756.  
  757. .person2, .person4, .person6, .person8, .person10, .person12, .person14 {
  758. background-color: #ead9f1;
  759. padding:3px 8px 3px 8px;
  760. color: #837269;
  761. border-bottom: none;
  762. }
  763.  
  764. .audio{
  765. color: #575e62;
  766. text-shadow: -1px -1px -1px #818d8f;
  767. text-shadow: 1px 1px 1px #eee;
  768. background: #e4e4d7;
  769. border: 8px solid #d6d9ce;
  770. padding:15px;
  771. height:70px;
  772. font-size:8px;
  773. overflow:hidden;
  774. }
  775.  
  776. /* --- ASK & AUDIO END --- */
  777.  
  778.  
  779. /* --- MENU START --- */
  780.  
  781. .popup_block{
  782. display:none;
  783. background: url("");
  784. background:#cf989d;
  785. padding:20px;
  786. border:10px solid #d4716a;
  787. float:left;
  788. height:340px;
  789. top:51%; left:52%;
  790. position:fixed;
  791. z-index: 99999;
  792. -webkit-box-shadow: none;
  793. -moz-box-shadow: none;
  794. box-shadow: none;
  795. }
  796.  
  797.  
  798. *html #fade {position: absolute;}
  799. *html .popup_block {position: absolute;}
  800. #fade {
  801. display:none;
  802. position:fixed;
  803. left:0px;
  804. top:0px;
  805. width:100%;
  806. height:100%;
  807. z-index:9999;
  808. background-image:url('https://i.imgur.com/sYkNKJo.png');
  809. opacity: none;
  810. }
  811.  
  812. #popuptext {
  813. margin-top:-12px;
  814. margin-left:5px;
  815. width:440px;
  816. height:310px;
  817. font-family: calibri;
  818. font-size:12px;
  819. color:#fff;
  820. overflow-y:scroll;
  821. overflow-x:hidden;
  822. text-align:justify;
  823. position:fixed;
  824. padding-right:20px;
  825. }
  826.  
  827. ul#tabs {
  828. list-style-type: none;
  829. padding: 0;
  830. text-align: center;
  831. font-size: 12px;
  832. letter-spacing:1px;
  833. }
  834.  
  835. ul#tabs li {
  836. display: inline-block;
  837. background-color: transparent;
  838. border: 3px solid #eee;
  839. padding: 4px 12px;
  840. margin-bottom: 4px;
  841. color: #eee;
  842. cursor: pointer;
  843. }
  844.  
  845. ul#tabs li:hover {
  846. background-color: #d4716a;
  847. }
  848.  
  849. ul#tabs li.active {
  850. background-color: #d4716a;
  851. color: #eee;
  852. background-image:url('');
  853. border: 3px solid #eee;
  854. }
  855.  
  856. ul#tab {
  857. list-style-type: none;
  858. margin: 0;
  859. padding: 0;
  860. }
  861.  
  862. ul#tab li {
  863. display: none;
  864. }
  865.  
  866. ul#tab li.active {
  867. display: block;
  868. }
  869.  
  870. a:link, a:active, a:visited {
  871. text-decoration: none;
  872. color: #643240;
  873. text-shadow: 0px 0px 3px #fff;
  874. -moz-transition-duration:.6s;
  875. -webkit-transition-duration:.6s;
  876. -o-transition-duration:.6s;
  877. }
  878.  
  879. a:hover {
  880. color: #c5396a;
  881. -moz-transition-duration:.6s;
  882. -webkit-transition-duration:.6s;
  883. -o-transition-duration:.6s;
  884. }
  885.  
  886. /* --- MENU END --- */
  887.  
  888. {CustomCSS}</style></head><body>
  889.  
  890.  
  891. <div id="fixerupper">
  892.  
  893. <div id="sidebar">
  894.  
  895. <div id="updates">
  896. <center>
  897.  
  898. <p>The kingdom was ruled by a beloved
  899. King and Queen.
  900. And the Queen, well she was about
  901. to have a baby,
  902. and she got sick,
  903. really, sick.
  904. She was running out of time.
  905. And that's when people usually start
  906. to look for a miracle.
  907. Or in this case, a magic golden flower.</p>
  908. </center>
  909. </div>
  910.  
  911. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  912.  
  913. <div class="credit">
  914. <a href="http://elsaofarendelle.tumblr.com">E</a>
  915. </div>
  916.  
  917. <div id="title"></div>
  918.  
  919. <div id="header">
  920. <center>Plus est en vous.</center>
  921. </div>
  922.  
  923. <div id="description">
  924. <center><p><h1>Watch The Queen Conquer</h1>
  925. <i>Independent & Selective</i> Queen Arianna from Disney’s <i>Tangled</i> Loved by Tara.</p></center>
  926. <center><img src="https://i.imgur.com/meuUSxj.png" draggable="false"></center>
  927. </div>
  928.  
  929.  
  930. <div id="links">
  931. <center>
  932. <a href="/">home</a>
  933. <a href="/">message</a>
  934. <a href="#?w=450" rel="box1" class="poplight">more</a>
  935. </center>
  936. </div>
  937.  
  938. <div id="float1"></div>
  939. <div id="float2"></div>
  940. <div id="float3"></div>
  941. <div id="float4"></div>
  942. <div id="float5"></div>
  943. <div id="float6"></div>
  944.  
  945. <div id="lantern1"></div>
  946. <div id="lantern2"></div>
  947. <div id="lantern3"></div>
  948. <div id="lantern4"></div>
  949. <div id="lantern5"></div>
  950. <div id="lantern6"></div>
  951.  
  952.  
  953.  
  954.  
  955.  
  956.  
  957. <div id="scrollbar">{scrollbar}</div>
  958.  
  959.  
  960. <div id="pagination">
  961. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> « </a>{/block:PreviousPage}{/block:Pagination}
  962. {block:Pagination}{block:NextPage}<a href="{NextPage}"> » </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  963.  
  964. {block:HasPages}{block:Pages}
  965.  
  966. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  967.  
  968. </div></center>
  969.  
  970.  
  971. </div>
  972.  
  973. <div id="svenhover">
  974. <div id="container">{block:Posts}<div id="post">
  975.  
  976. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  977. {block:More}<p class="read-more"><a href="{Permalink}#more"><center><b>Continue Reading</b></center></a></p><a name="more"></a>{/block:More}
  978.  
  979. {block:blockquote}{/block:blockquote}
  980.  
  981. {block:ContentSource}
  982. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  983. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  984. {/block:SourceLogo}
  985. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  986. {/block:ContentSource}
  987.  
  988. {block:Photo}
  989. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  990. {/block:Photo}
  991.  
  992. {block:Photoset}
  993. <center>{Photoset-400}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  994. {/block:Photoset}
  995.  
  996. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  997.  
  998. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  999.  
  1000. {block:Chat}
  1001. {block:Title}<a href="{Permalink}"><h3>{Title}</h3></a>{/block:Title}
  1002. <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>
  1003. {/block:Chat}
  1004.  
  1005. {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}
  1006. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1007.  
  1008. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1009.  
  1010. {block:Answer}
  1011. <div class="askheader"><img src="" draggable="false"></div>
  1012. <div class="ask"><div class="asker">{Asker} said:</div><p>{Question}</div><div class="answer">{Answer}</div>
  1013. {/block:Answer}
  1014.  
  1015.  
  1016. {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>
  1017.  
  1018. <div id="tags">
  1019. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  1020.  
  1021. </div>
  1022. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1023. {/block:Posts}</div>
  1024.  
  1025. </body>
  1026.  
  1027. <div id="box1" class="popup_block">
  1028.  
  1029. <ul id="tabs">
  1030. <li class="active">Rules</li>
  1031. <li>About</li>
  1032. <li>Verses</li>
  1033. <li>Opens</li>
  1034. <li>Headcanon</li>
  1035. <li>Canon</li>
  1036. </ul>
  1037.  
  1038. <div style="width:auto;height:335px;overflow:scroll;padding:5px;">
  1039.  
  1040. <ul id="tab">
  1041. <li class="active">
  1042. <div id="popuptext">
  1043. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque augue, rhoncus sed rhoncus non, dapibus ac sem. Duis sed rutrum turpis, in volutpat nulla. Aenean elementum vehicula magna, in feugiat ante volutpat ac. Nunc in purus volutpat, ultricies lacus nec, hendrerit tortor. Morbi nec volutpat nisl, vel iaculis arcu. Phasellus blandit lacinia accumsan. Duis posuere felis ullamcorper odio auctor elementum. Nam sit amet ligula erat. Integer accumsan nibh sit amet risus blandit, in gravida ligula fringilla. Suspendisse lacinia odio non laoreet molestie. In rhoncus condimentum justo, sit amet eleifend ex pharetra vitae. Curabitur posuere urna nec dui tempus, a rutrum ipsum feugiat.</p>
  1044.  
  1045. <p>Sed ultricies, ligula quis varius sollicitudin, lacus orci dignissim augue, eget facilisis massa mauris ac metus. Pellentesque mattis arcu risus, molestie vehicula lacus euismod sed. Nunc posuere, urna nec ornare convallis, lorem felis cursus ipsum, non interdum eros ipsum finibus nisi. Maecenas accumsan pulvinar velit quis convallis. Integer sollicitudin ac felis id iaculis. Ut vehicula vehicula scelerisque. Vivamus ac orci eu lectus ultrices gravida quis ut justo. Morbi nec laoreet mauris, vitae suscipit leo.</p>
  1046.  
  1047. <p>Vivamus viverra mollis luctus. Aenean libero erat, convallis sed eros a, eleifend dignissim felis. Cras eget nisl nec ligula pretium lacinia. Etiam quis mi venenatis, luctus turpis at, condimentum purus. Vestibulum elementum, tortor sit amet posuere feugiat, sapien urna porta diam, nec dictum magna elit eget nisi. Nulla vitae purus ut odio rhoncus varius eu semper nunc. Nunc et mi odio. Integer in scelerisque dolor.</p>
  1048.  
  1049. <p>Integer rutrum, est ut ornare eleifend, urna tellus venenatis elit, eget pretium magna nisl et urna. Quisque iaculis, velit a posuere condimentum, nunc metus porttitor mi, ut sodales purus dui non nunc. Aenean quis magna pharetra, consequat ligula fermentum, pulvinar lorem. Integer cursus est iaculis dolor finibus dapibus in sit amet ante. Phasellus laoreet lorem ex, sit amet gravida tellus tincidunt eget. Ut sit amet cursus purus. Proin vehicula elit id purus volutpat facilisis. Pellentesque varius sapien at purus sagittis, at feugiat sem sollicitudin.</p>
  1050.  
  1051. <p>Vivamus fermentum diam magna, id hendrerit neque fringilla sit amet. Mauris cursus, neque sed viverra ultricies, sapien magna tincidunt dolor, ut hendrerit ligula dui id dolor. Sed in cursus neque. Fusce a ultricies neque, ac efficitur est. Maecenas convallis pretium aliquet. Aliquam pellentesque arcu eu tortor laoreet, vitae porttitor magna pellentesque. Ut aliquet leo vel sagittis viverra. Cras nec tempor lorem. Aenean ullamcorper mi tortor, non porttitor urna suscipit commodo. Phasellus fringilla augue vitae massa tristique, a dapibus mauris pretium. Aliquam erat volutpat. Phasellus sed volutpat urna. Suspendisse ultricies at libero id volutpat. Etiam et purus venenatis, fermentum odio sit amet, aliquam orci. Duis sodales orci quis dolor vehicula, et iaculis nisl euismod.</p>
  1052.  
  1053. </li>
  1054. <li>
  1055.  
  1056. <div id="popuptext">
  1057. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque augue, rhoncus sed rhoncus non, dapibus ac sem. Duis sed rutrum turpis, in volutpat nulla. Aenean elementum vehicula magna, in feugiat ante volutpat ac. Nunc in purus volutpat, ultricies lacus nec, hendrerit tortor. Morbi nec volutpat nisl, vel iaculis arcu. Phasellus blandit lacinia accumsan. Duis posuere felis ullamcorper odio auctor elementum. Nam sit amet ligula erat. Integer accumsan nibh sit amet risus blandit, in gravida ligula fringilla. Suspendisse lacinia odio non laoreet molestie. In rhoncus condimentum justo, sit amet eleifend ex pharetra vitae. Curabitur posuere urna nec dui tempus, a rutrum ipsum feugiat.</p>
  1058.  
  1059. <p>Sed ultricies, ligula quis varius sollicitudin, lacus orci dignissim augue, eget facilisis massa mauris ac metus. Pellentesque mattis arcu risus, molestie vehicula lacus euismod sed. Nunc posuere, urna nec ornare convallis, lorem felis cursus ipsum, non interdum eros ipsum finibus nisi. Maecenas accumsan pulvinar velit quis convallis. Integer sollicitudin ac felis id iaculis. Ut vehicula vehicula scelerisque. Vivamus ac orci eu lectus ultrices gravida quis ut justo. Morbi nec laoreet mauris, vitae suscipit leo.</p>
  1060.  
  1061. <p>Vivamus viverra mollis luctus. Aenean libero erat, convallis sed eros a, eleifend dignissim felis. Cras eget nisl nec ligula pretium lacinia. Etiam quis mi venenatis, luctus turpis at, condimentum purus. Vestibulum elementum, tortor sit amet posuere feugiat, sapien urna porta diam, nec dictum magna elit eget nisi. Nulla vitae purus ut odio rhoncus varius eu semper nunc. Nunc et mi odio. Integer in scelerisque dolor.</p>
  1062.  
  1063. <p>Integer rutrum, est ut ornare eleifend, urna tellus venenatis elit, eget pretium magna nisl et urna. Quisque iaculis, velit a posuere condimentum, nunc metus porttitor mi, ut sodales purus dui non nunc. Aenean quis magna pharetra, consequat ligula fermentum, pulvinar lorem. Integer cursus est iaculis dolor finibus dapibus in sit amet ante. Phasellus laoreet lorem ex, sit amet gravida tellus tincidunt eget. Ut sit amet cursus purus. Proin vehicula elit id purus volutpat facilisis. Pellentesque varius sapien at purus sagittis, at feugiat sem sollicitudin.</p>
  1064.  
  1065. <p>Vivamus fermentum diam magna, id hendrerit neque fringilla sit amet. Mauris cursus, neque sed viverra ultricies, sapien magna tincidunt dolor, ut hendrerit ligula dui id dolor. Sed in cursus neque. Fusce a ultricies neque, ac efficitur est. Maecenas convallis pretium aliquet. Aliquam pellentesque arcu eu tortor laoreet, vitae porttitor magna pellentesque. Ut aliquet leo vel sagittis viverra. Cras nec tempor lorem. Aenean ullamcorper mi tortor, non porttitor urna suscipit commodo. Phasellus fringilla augue vitae massa tristique, a dapibus mauris pretium. Aliquam erat volutpat. Phasellus sed volutpat urna. Suspendisse ultricies at libero id volutpat. Etiam et purus venenatis, fermentum odio sit amet, aliquam orci. Duis sodales orci quis dolor vehicula, et iaculis nisl euismod.</p>
  1066.  
  1067. </li>
  1068. <li>
  1069.  
  1070. <div id="popuptext">
  1071. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque augue, rhoncus sed rhoncus non, dapibus ac sem. Duis sed rutrum turpis, in volutpat nulla. Aenean elementum vehicula magna, in feugiat ante volutpat ac. Nunc in purus volutpat, ultricies lacus nec, hendrerit tortor. Morbi nec volutpat nisl, vel iaculis arcu. Phasellus blandit lacinia accumsan. Duis posuere felis ullamcorper odio auctor elementum. Nam sit amet ligula erat. Integer accumsan nibh sit amet risus blandit, in gravida ligula fringilla. Suspendisse lacinia odio non laoreet molestie. In rhoncus condimentum justo, sit amet eleifend ex pharetra vitae. Curabitur posuere urna nec dui tempus, a rutrum ipsum feugiat.</p>
  1072.  
  1073. <p>Sed ultricies, ligula quis varius sollicitudin, lacus orci dignissim augue, eget facilisis massa mauris ac metus. Pellentesque mattis arcu risus, molestie vehicula lacus euismod sed. Nunc posuere, urna nec ornare convallis, lorem felis cursus ipsum, non interdum eros ipsum finibus nisi. Maecenas accumsan pulvinar velit quis convallis. Integer sollicitudin ac felis id iaculis. Ut vehicula vehicula scelerisque. Vivamus ac orci eu lectus ultrices gravida quis ut justo. Morbi nec laoreet mauris, vitae suscipit leo.</p>
  1074.  
  1075. <p>Vivamus viverra mollis luctus. Aenean libero erat, convallis sed eros a, eleifend dignissim felis. Cras eget nisl nec ligula pretium lacinia. Etiam quis mi venenatis, luctus turpis at, condimentum purus. Vestibulum elementum, tortor sit amet posuere feugiat, sapien urna porta diam, nec dictum magna elit eget nisi. Nulla vitae purus ut odio rhoncus varius eu semper nunc. Nunc et mi odio. Integer in scelerisque dolor.</p>
  1076.  
  1077. <p>Integer rutrum, est ut ornare eleifend, urna tellus venenatis elit, eget pretium magna nisl et urna. Quisque iaculis, velit a posuere condimentum, nunc metus porttitor mi, ut sodales purus dui non nunc. Aenean quis magna pharetra, consequat ligula fermentum, pulvinar lorem. Integer cursus est iaculis dolor finibus dapibus in sit amet ante. Phasellus laoreet lorem ex, sit amet gravida tellus tincidunt eget. Ut sit amet cursus purus. Proin vehicula elit id purus volutpat facilisis. Pellentesque varius sapien at purus sagittis, at feugiat sem sollicitudin.</p>
  1078.  
  1079. <p>Vivamus fermentum diam magna, id hendrerit neque fringilla sit amet. Mauris cursus, neque sed viverra ultricies, sapien magna tincidunt dolor, ut hendrerit ligula dui id dolor. Sed in cursus neque. Fusce a ultricies neque, ac efficitur est. Maecenas convallis pretium aliquet. Aliquam pellentesque arcu eu tortor laoreet, vitae porttitor magna pellentesque. Ut aliquet leo vel sagittis viverra. Cras nec tempor lorem. Aenean ullamcorper mi tortor, non porttitor urna suscipit commodo. Phasellus fringilla augue vitae massa tristique, a dapibus mauris pretium. Aliquam erat volutpat. Phasellus sed volutpat urna. Suspendisse ultricies at libero id volutpat. Etiam et purus venenatis, fermentum odio sit amet, aliquam orci. Duis sodales orci quis dolor vehicula, et iaculis nisl euismod.</p>
  1080.  
  1081. </li>
  1082. <li>
  1083.  
  1084. <div id="popuptext">
  1085. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque augue, rhoncus sed rhoncus non, dapibus ac sem. Duis sed rutrum turpis, in volutpat nulla. Aenean elementum vehicula magna, in feugiat ante volutpat ac. Nunc in purus volutpat, ultricies lacus nec, hendrerit tortor. Morbi nec volutpat nisl, vel iaculis arcu. Phasellus blandit lacinia accumsan. Duis posuere felis ullamcorper odio auctor elementum. Nam sit amet ligula erat. Integer accumsan nibh sit amet risus blandit, in gravida ligula fringilla. Suspendisse lacinia odio non laoreet molestie. In rhoncus condimentum justo, sit amet eleifend ex pharetra vitae. Curabitur posuere urna nec dui tempus, a rutrum ipsum feugiat.</p>
  1086.  
  1087. <p>Sed ultricies, ligula quis varius sollicitudin, lacus orci dignissim augue, eget facilisis massa mauris ac metus. Pellentesque mattis arcu risus, molestie vehicula lacus euismod sed. Nunc posuere, urna nec ornare convallis, lorem felis cursus ipsum, non interdum eros ipsum finibus nisi. Maecenas accumsan pulvinar velit quis convallis. Integer sollicitudin ac felis id iaculis. Ut vehicula vehicula scelerisque. Vivamus ac orci eu lectus ultrices gravida quis ut justo. Morbi nec laoreet mauris, vitae suscipit leo.</p>
  1088.  
  1089. <p>Vivamus viverra mollis luctus. Aenean libero erat, convallis sed eros a, eleifend dignissim felis. Cras eget nisl nec ligula pretium lacinia. Etiam quis mi venenatis, luctus turpis at, condimentum purus. Vestibulum elementum, tortor sit amet posuere feugiat, sapien urna porta diam, nec dictum magna elit eget nisi. Nulla vitae purus ut odio rhoncus varius eu semper nunc. Nunc et mi odio. Integer in scelerisque dolor.</p>
  1090.  
  1091. </li>
  1092. <li>
  1093.  
  1094. <div id="popuptext">
  1095. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque augue, rhoncus sed rhoncus non, dapibus ac sem. Duis sed rutrum turpis, in volutpat nulla. Aenean elementum vehicula magna, in feugiat ante volutpat ac. Nunc in purus volutpat, ultricies lacus nec, hendrerit tortor. Morbi nec volutpat nisl, vel iaculis arcu. Phasellus blandit lacinia accumsan. Duis posuere felis ullamcorper odio auctor elementum. Nam sit amet ligula erat. Integer accumsan nibh sit amet risus blandit, in gravida ligula fringilla. Suspendisse lacinia odio non laoreet molestie. In rhoncus condimentum justo, sit amet eleifend ex pharetra vitae. Curabitur posuere urna nec dui tempus, a rutrum ipsum feugiat.</p>
  1096.  
  1097. <p>Sed ultricies, ligula quis varius sollicitudin, lacus orci dignissim augue, eget facilisis massa mauris ac metus. Pellentesque mattis arcu risus, molestie vehicula lacus euismod sed. Nunc posuere, urna nec ornare convallis, lorem felis cursus ipsum, non interdum eros ipsum finibus nisi. Maecenas accumsan pulvinar velit quis convallis. Integer sollicitudin ac felis id iaculis. Ut vehicula vehicula scelerisque. Vivamus ac orci eu lectus ultrices gravida quis ut justo. Morbi nec laoreet mauris, vitae suscipit leo.</p>
  1098.  
  1099. <p>Vivamus viverra mollis luctus. Aenean libero erat, convallis sed eros a, eleifend dignissim felis. Cras eget nisl nec ligula pretium lacinia. Etiam quis mi venenatis, luctus turpis at, condimentum purus. Vestibulum elementum, tortor sit amet posuere feugiat, sapien urna porta diam, nec dictum magna elit eget nisi. Nulla vitae purus ut odio rhoncus varius eu semper nunc. Nunc et mi odio. Integer in scelerisque dolor.</p>
  1100.  
  1101. <p>Integer rutrum, est ut ornare eleifend, urna tellus venenatis elit, eget pretium magna nisl et urna. Quisque iaculis, velit a posuere condimentum, nunc metus porttitor mi, ut sodales purus dui non nunc. Aenean quis magna pharetra, consequat ligula fermentum, pulvinar lorem. Integer cursus est iaculis dolor finibus dapibus in sit amet ante. Phasellus laoreet lorem ex, sit amet gravida tellus tincidunt eget. Ut sit amet cursus purus. Proin vehicula elit id purus volutpat facilisis. Pellentesque varius sapien at purus sagittis, at feugiat sem sollicitudin.</p>
  1102.  
  1103. <p>Vivamus fermentum diam magna, id hendrerit neque fringilla sit amet. Mauris cursus, neque sed viverra ultricies, sapien magna tincidunt dolor, ut hendrerit ligula dui id dolor. Sed in cursus neque. Fusce a ultricies neque, ac efficitur est. Maecenas convallis pretium aliquet. Aliquam pellentesque arcu eu tortor laoreet, vitae porttitor magna pellentesque. Ut aliquet leo vel sagittis viverra. Cras nec tempor lorem. Aenean ullamcorper mi tortor, non porttitor urna suscipit commodo. Phasellus fringilla augue vitae massa tristique, a dapibus mauris pretium. Aliquam erat volutpat. Phasellus sed volutpat urna. Suspendisse ultricies at libero id volutpat. Etiam et purus venenatis, fermentum odio sit amet, aliquam orci. Duis sodales orci quis dolor vehicula, et iaculis nisl euismod.</p>
  1104.  
  1105. </li>
  1106. <li>
  1107.  
  1108. <div id="popuptext">
  1109. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque augue, rhoncus sed rhoncus non, dapibus ac sem. Duis sed rutrum turpis, in volutpat nulla. Aenean elementum vehicula magna, in feugiat ante volutpat ac. Nunc in purus volutpat, ultricies lacus nec, hendrerit tortor. Morbi nec volutpat nisl, vel iaculis arcu. Phasellus blandit lacinia accumsan. Duis posuere felis ullamcorper odio auctor elementum. Nam sit amet ligula erat. Integer accumsan nibh sit amet risus blandit, in gravida ligula fringilla. Suspendisse lacinia odio non laoreet molestie. In rhoncus condimentum justo, sit amet eleifend ex pharetra vitae. Curabitur posuere urna nec dui tempus, a rutrum ipsum feugiat.</p>
  1110.  
  1111. <p>Sed ultricies, ligula quis varius sollicitudin, lacus orci dignissim augue, eget facilisis massa mauris ac metus. Pellentesque mattis arcu risus, molestie vehicula lacus euismod sed. Nunc posuere, urna nec ornare convallis, lorem felis cursus ipsum, non interdum eros ipsum finibus nisi. Maecenas accumsan pulvinar velit quis convallis. Integer sollicitudin ac felis id iaculis. Ut vehicula vehicula scelerisque. Vivamus ac orci eu lectus ultrices gravida quis ut justo. Morbi nec laoreet mauris, vitae suscipit leo.</p>
  1112.  
  1113. <p>Vivamus viverra mollis luctus. Aenean libero erat, convallis sed eros a, eleifend dignissim felis. Cras eget nisl nec ligula pretium lacinia. Etiam quis mi venenatis, luctus turpis at, condimentum purus. Vestibulum elementum, tortor sit amet posuere feugiat, sapien urna porta diam, nec dictum magna elit eget nisi. Nulla vitae purus ut odio rhoncus varius eu semper nunc. Nunc et mi odio. Integer in scelerisque dolor.</p>
  1114.  
  1115. <p>Integer rutrum, est ut ornare eleifend, urna tellus venenatis elit, eget pretium magna nisl et urna. Quisque iaculis, velit a posuere condimentum, nunc metus porttitor mi, ut sodales purus dui non nunc. Aenean quis magna pharetra, consequat ligula fermentum, pulvinar lorem. Integer cursus est iaculis dolor finibus dapibus in sit amet ante. Phasellus laoreet lorem ex, sit amet gravida tellus tincidunt eget. Ut sit amet cursus purus. Proin vehicula elit id purus volutpat facilisis. Pellentesque varius sapien at purus sagittis, at feugiat sem sollicitudin.</p>
  1116.  
  1117. <p>Vivamus fermentum diam magna, id hendrerit neque fringilla sit amet. Mauris cursus, neque sed viverra ultricies, sapien magna tincidunt dolor, ut hendrerit ligula dui id dolor. Sed in cursus neque. Fusce a ultricies neque, ac efficitur est. Maecenas convallis pretium aliquet. Aliquam pellentesque arcu eu tortor laoreet, vitae porttitor magna pellentesque. Ut aliquet leo vel sagittis viverra. Cras nec tempor lorem. Aenean ullamcorper mi tortor, non porttitor urna suscipit commodo. Phasellus fringilla augue vitae massa tristique, a dapibus mauris pretium. Aliquam erat volutpat. Phasellus sed volutpat urna. Suspendisse ultricies at libero id volutpat. Etiam et purus venenatis, fermentum odio sit amet, aliquam orci. Duis sodales orci quis dolor vehicula, et iaculis nisl euismod.</p>
  1118.  
  1119. </li>
  1120.  
  1121.  
  1122. </div>
  1123. </div>
  1124.  
  1125. </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!