Advertisement
Guest User

for emily <3

a guest
May 25th, 2018
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.26 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><title>{title}</title>
  4. <link rel="shortcut icon" href="{favicon}">
  5. <link rel="alternate" type="application/rss+html" href="{RSS}">
  6. <link rel="alternate" type="application/rss+html" href="{RSS}">
  7. <link href="https://fonts.googleapis.com/css?family=Cookie|Kavivanar|Raleway" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet">
  10. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  11.  
  12.  
  13. <script type="text/javascript">
  14. function unhide(divID) {
  15. var item = document.getElementById(divID);
  16. if (item) {
  17. item.className=(item.className=='hidden')?'unhidden':'hidden';
  18. }
  19. }
  20. </script>
  21.  
  22. <!----------theme by cris---------->
  23.  
  24. <meta name="color:background" content=""/>
  25. <meta name="color:text" content=""/>
  26. <meta name="color:link" content=""/>
  27. <meta name="color:hover" content=""/>
  28. <meta name="color:bold" content=""/>
  29. <meta name="color:italic" content=""/>
  30. <meta name="color:glow" content=""/>
  31. <meta name="color:box" content=""/>
  32. <meta name="image:background" content=""/>
  33. <meta name="text:link 1" content="Link 1"/>
  34. <meta name="text:link 1 url" content="/"/>
  35. <meta name="text:link 2" content="Link 2"/>
  36. <meta name="text:link 2 url" content="/"/>
  37. <meta name="text:link 3" content="Link 3"/>
  38. <meta name="text:link 3 url" content="/"/>
  39. <meta name="text:link 4" content="Link 4"/>
  40. <meta name="text:link 4 url" content="/"/>
  41. <meta name="text:link 5" content="Link 5"/>
  42. <meta name="text:link 5 url" content="/"/>
  43. <meta name="text:link 6" content="Link 6"/>
  44. <meta name="text:link 6 url" content="/"/>
  45.  
  46. <script>
  47. $(document).ready(function(){
  48. $(".click").click(function(){
  49. $(".closed").toggleClass("open");
  50. });
  51. });
  52. </script>
  53.  
  54.  
  55. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  56. <script type="text/javascript">
  57. $(document).ready(function () {
  58. $('li.drawer div:nth-child(2)').hide();
  59. $('li.drawer h4').click(function () {
  60. if ($(this).hasClass('open')) {
  61. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  62. else {
  63. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  64. $(this).next().slideDown();
  65. $(this).addClass('open');}
  66. });
  67. });
  68. </script>
  69. <!--end hover-->
  70. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  71. <script>
  72. (function($){
  73. $(document).ready(function(){
  74. $("[title]").style_my_tooltips({
  75. tip_follows_cursor:true,
  76. tip_delay_time:200,
  77. tip_fade_speed:300
  78. }
  79. );
  80. });
  81. })(jQuery);
  82. </script>
  83.  
  84. <script type="text/javascript"
  85. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  86.  
  87. <script>
  88.  
  89.  
  90.  
  91. $(document).ready(function() {
  92.  
  93. //
  94.  
  95.  
  96.  
  97. //When you click on a link with class of poplight and the href starts with a #
  98.  
  99. $('a.poplight[href^=#]').click(function() {
  100.  
  101. var popID = $(this).attr('rel'); //Get Popup Name
  102.  
  103. var popURL = $(this).attr('href'); //Get Popup href to define size
  104.  
  105.  
  106.  
  107. //Pull Query & Variables from href URL
  108.  
  109. var query= popURL.split('?');
  110.  
  111. var dim= query[1].split('&');
  112.  
  113. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  114.  
  115.  
  116.  
  117. //Fade in the Popup and add close button
  118.  
  119. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://i.imgur.com/3zOswDl.png" class="btn_close" title="close." alt="Close" /></a>');
  120.  
  121.  
  122. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  123.  
  124. var popMargTop = ($('#' + popID).height(410) + 80) / 2;
  125.  
  126. var popMargLeft = ($('#' + popID).width(400) + 80) / 2;
  127.  
  128.  
  129.  
  130. //Apply Margin to Popup
  131.  
  132. $('#' + popID).css({
  133.  
  134. 'margin-top' : -popMargTop,
  135.  
  136. 'margin-left' : -popMargLeft
  137.  
  138. });
  139.  
  140.  
  141.  
  142. //Fade in Background
  143.  
  144. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  145.  
  146. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  147.  
  148.  
  149.  
  150. return false;
  151.  
  152. });
  153.  
  154.  
  155.  
  156. //Close Popups and Fade Layer
  157.  
  158. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  159.  
  160. $('#fade , .popup_block').fadeOut(function() {
  161.  
  162. $('#fade, a.close').remove(); //fade them both out
  163.  
  164. });
  165.  
  166. return false;
  167.  
  168. });
  169.  
  170.  
  171.  
  172.  
  173.  
  174. });
  175.  
  176. </script>
  177.  
  178.  
  179.  
  180. <style type="text/css">
  181.  
  182. @font-face {
  183. font-family: 'Nightingale';
  184. src: url('https://static.tumblr.com/b2tj7wo/77Dp47rtw/nightingale_sample.ttf');
  185. }
  186.  
  187. ::-moz-selection {
  188. background: {color:text};
  189. color: {color:bold};
  190. }
  191.  
  192. ::selection {
  193. background: {color:background};
  194. color: {color:italic};
  195. }
  196.  
  197.  
  198. #fade {
  199. display: none;
  200. background: {color:background};
  201. position: fixed;
  202. left: 0;
  203. top: 0;
  204. width: 100%;
  205. height: 100%;
  206. opacity: .80;
  207. z-index: 999;
  208. }
  209.  
  210. .popup_block{
  211. display: none;
  212. background: url("");
  213. background-color:{color:box};
  214. background-repeat:no-repeat;
  215. height:380px;
  216. overflow-x:hidden;
  217. overflow-y:scroll;
  218. padding: 20px;
  219. padding-right:30px;
  220. position: fixed;
  221. outline:1px dotted {color:link};
  222. top: 325px;
  223. left: 20px;
  224. opacity:.8;
  225. -webkit-transition: all 0.6s ease-in-out;
  226. -moz-transition: all 0.6s ease-in-out;
  227. -o-transition: all 0.6s ease-in-out;
  228. -ms-transition: all 0.6s ease-in-out;
  229. transition: all 0.6s ease-in-out;
  230. -webkit-transition: all 0.6s ease-in-out;
  231. -webkit-mask-image: -webkit-gradient(
  232. linear, center 15%, center top,
  233. from(rgba(0,0,0,20)),
  234. to(rgba(20,0,0,0)));
  235. z-index: 9999999999999999999;
  236. }
  237.  
  238. img.btn_close {
  239. float: left;
  240. margin: 15px 15px 0 0;
  241. }
  242.  
  243. *html #fade {
  244. position: absolute;
  245. }
  246.  
  247. *html .popup_block {
  248. position: absolute;
  249. }
  250.  
  251.  
  252.  
  253. b, strong {
  254. font-size: 15px;
  255. text-transform:uppercase;
  256. color: {color:link};
  257. font-weight:bolder;
  258. font-family: 'Oswald', sans-serif;
  259. text-shadow:1px 1px 1px {color:link};
  260. }
  261.  
  262. em, i {
  263. font-size: 14px;
  264. text-transform:lowercase;
  265. font-family: 'Homemade Apple', cursive;
  266. color: {color:italic};
  267. text-shadow:1px 1px 1px {color:link};
  268. }
  269.  
  270.  
  271. #s-m-t-tooltip{
  272. max-width:500px;
  273. margin:10px;
  274. line-height:130%;
  275. padding:5px;
  276. border:1px dotted {color:link};
  277. font-family:'Nightingale';
  278. background:url('https://i.imgur.com/5T1jTZm.gif');
  279. color:{color:hover};
  280. z-index:9999;
  281. font-size:13px;
  282. font-style:bolder;
  283. letter-spacing:1px;
  284. box-shadow:0px 0px 0px rgba(0,0,0,.1);
  285. z-index:9999999999999999999999999999;
  286. }
  287.  
  288. ::-webkit-scrollbar-thumb{
  289. background-color: transparent;
  290. height:auto;
  291. z-index:9999999999999999999999999999;
  292. }
  293.  
  294. ::-webkit-scrollbar {
  295. height:auto;
  296. width:5px;
  297. background-color: transparent;
  298. }
  299.  
  300. iframe#tumblr_controls {
  301. white-space:nowrap;
  302. -webkit-filter: invert(100%);
  303. -moz-filter: invert(100%);
  304. -o-filter: invert(100%);
  305. -ms-filter: invert(100%);
  306. filter: invert(100%);
  307. opacity:.2;transition: .8s ease-in-out;
  308. -webkit-transition: .8s ease-in-out;
  309. -moz-transition: .8s ease-in-out;
  310. -o-transition: .8s ease-in-out;
  311. }
  312.  
  313.  
  314. #title {
  315. position:fixed;
  316. background:{color:background};
  317. color:{color:link};
  318. font-family:'Nightingale' !important;
  319. top:640px;
  320. left:248px;
  321. font-size:25px;
  322. -webkit-transition: all 0.6s ease-in-out;
  323. -moz-transition: all 0.6s ease-in-out;
  324. -o-transition: all 0.6s ease-in-out;
  325. -ms-transition: all 0.6s ease-in-out;
  326. -webkit-filter: blur(.5px);
  327. transition: all 0.6s ease-in-out;
  328. z-index:99999999999999; }
  329.  
  330. #title a {
  331. -webkit-transition: all 0.6s ease-in-out;
  332. -moz-transition: all 0.6s ease-in-out;
  333. -o-transition: all 0.6s ease-in-out;
  334. -ms-transition: all 0.6s ease-in-out;
  335. -webkit-filter: blur(.5px);
  336. font-family:'Nightingale' !important;
  337. text-shadow:2px 2px 2px {color:bold} !important;
  338. transition: all 0.6s ease-in-out;
  339. }
  340.  
  341. #title a:hover {
  342. -webkit-transition: all 0.6s ease-in-out;
  343. -moz-transition: all 0.6s ease-in-out;
  344. -o-transition: all 0.6s ease-in-out;
  345. -ms-transition: all 0.6s ease-in-out;
  346. -webkit-filter: blur(2px);
  347. transition: all 0.6s ease-in-out;
  348. }
  349.  
  350. h1 {
  351. font-size:18px;
  352. text-align:center;
  353. padding:8px;
  354. line-height:130%;
  355. font-family: 'Nightingale', serif;
  356. font-weight:bold;
  357. letter-spacing:2px;
  358. color:{color:text};
  359. text-shadow:1px 1px 1px {color:link};
  360. }
  361.  
  362. h2 {
  363. font-size:15px;
  364. text-align:justify;
  365. font-family: 'Oswald', sans-serif;
  366. color:{color:text};
  367. letter-spacing:1px;
  368. text-shadow:1px 1px 1px {color:hover};
  369. }
  370.  
  371. body {
  372. background-image:url('{image:background}');
  373. background-color:{color:background};
  374. background-repeat:no-repeat;
  375. background-attachment:fixed;
  376. background-position:top left;
  377. letter-spacing:1px;
  378. word-spacing:2px;
  379. color:{color:text};
  380. font-family: 'Raleway', sans-serif;
  381. font-weight:normal;
  382. text-align:justify;
  383. font-size:12px;
  384. line-height:110%;
  385. }
  386.  
  387. a {
  388. text-decoration:none;
  389. color:{color:link};
  390. font-weight:bolder;
  391. -webkit-transition: all 0.6s ease-in-out;
  392. -moz-transition: all 0.6s ease-in-out;
  393. -o-transition: all 0.6s ease-in-out;
  394. -ms-transition: all 0.6s ease-in-out;
  395. -webkit-filter: blur(.5px);
  396. transition:all 0.6s ease-in-out;
  397. text-shadow:1px 1px 1px {color:bold};
  398. }
  399.  
  400. a:hover {
  401. text-decoration:none;
  402. outline:none;
  403. -moz-outline-style:none;
  404. color:{color:hover};
  405. -webkit-transition: all 0.6s ease-in-out;
  406. -moz-transition: all 0.6s ease-in-out;
  407. -o-transition: all 0.6s ease-in-out;
  408. -ms-transition: all 0.6s ease-in-out;
  409. -webkit-filter: blur(1px);
  410. transition:all 0.6s ease-in-out;
  411. text-shadow: 2px 1px 1px {color:link};
  412. }
  413.  
  414. blockquote {
  415. padding-left:10px;
  416. border-left:1px dotted {color:hover};
  417. margin:5px 0 5px;
  418. }
  419.  
  420. blockquote blockquote {
  421. padding-left:5px;
  422. border-left:1px dotted {color:hover};
  423. }
  424.  
  425. #post {
  426. width:400px;
  427. margin-top:20px;
  428. margin-left:10px;
  429. }
  430.  
  431. #post img {
  432. max-width: 100%;
  433. }
  434.  
  435. #entries {
  436. position:fixed;
  437. height:400px;
  438. width:425px;
  439. overflow-x:hidden;
  440. overflow-y:auto;
  441. text-align:left;
  442. background:{color:box};
  443. border:1px dotted {color:link};
  444. top:315px;
  445. line-height:110%;
  446. z-index:99;
  447. left:20px;
  448. opacity:.8;
  449. -webkit-transition: all 0.6s ease-in-out;
  450. -moz-transition: all 0.6s ease-in-out;
  451. -o-transition: all 0.6s ease-in-out;
  452. -ms-transition: all 0.6s ease-in-out;
  453. transition: all 0.6s ease-in-out;
  454. -webkit-transition: all 0.6s ease-in-out;
  455. -webkit-mask-image: -webkit-gradient(
  456. linear, center 20%, center top,
  457. from(rgba(0,0,0,20)),
  458. to(rgba(20,0,0,0)));
  459. }
  460.  
  461.  
  462. #entries:hover {
  463. opacity:1;
  464. -webkit-transition: all 0.6s ease-in-out;
  465. -moz-transition: all 0.6s ease-in-out;
  466. -o-transition: all 0.6s ease-in-out;
  467. -ms-transition: all 0.6s ease-in-out;
  468. transition: all 0.6s ease-in-out;
  469. -webkit-filter:none;
  470. -webkit-transition: all 0.6s ease-in-out;
  471. }
  472.  
  473.  
  474.  
  475. #links {
  476. position:fixed;
  477. font-family: 'Oswald', sans-serif;
  478. width:10px;
  479. top:300px;
  480. left:458px;
  481. font-size:50px;
  482. letter-spacing:2px;
  483. text-align:left;
  484. line-height:150%;
  485. z-index:9999999999;
  486. -webkit-filter: blur(.5px);
  487. -webkit-transform: rotate(30deg);
  488. -moz-transform: rotate(30deg);
  489. -o-transform: rotate(30deg);
  490. }
  491.  
  492. #links a{
  493. line-height:80%;
  494. color:{color:background};
  495. text-decoration:none;
  496. -webkit-transition: all 0.6s ease-in-out;
  497. -moz-transition: all 0.6s ease-in-out;
  498. -o-transition: all 0.6s ease-in-out;
  499. -ms-transition: all 0.6s ease-in-out;
  500. -webkit-filter: blur(.5px);
  501. transition: all 0.6s ease-in-out;
  502. width:40px;
  503. text-shadow:0px 0px 15px {color:hover};
  504. }
  505.  
  506. #links a:hover {
  507. color: {color:hover};
  508. -webkit-transition: all 0.6s ease-in-out;
  509. -moz-transition: all 0.6s ease-in-out;
  510. -o-transition: all 0.6s ease-in-out;
  511. -ms-transition: all 0.6s ease-in-out;
  512. transition: all 0.6s ease-in-out;
  513. -webkit-filter: blur(2px);
  514. text-shadow:3px 2px 2px {color:link};
  515. }
  516.  
  517. #alinks {
  518. position:fixed;
  519. font-family: 'Oswald', sans-serif;
  520. width:10px;
  521. top:262px;
  522. left:482px;
  523. font-size:45px;
  524. letter-spacing:2px;
  525. text-align:left;
  526. line-height:150%;
  527. z-index:999999999;
  528. -webkit-transform: rotate(20deg);
  529. -moz-transform: rotate(20deg);
  530. -o-transform: rotate(20deg);
  531. }
  532.  
  533. #alinks a{
  534. line-height:80%;
  535. color:{color:background};
  536. text-decoration:none;
  537. -webkit-transition: all 0.6s ease-in-out;
  538. -moz-transition: all 0.6s ease-in-out;
  539. -o-transition: all 0.6s ease-in-out;
  540. -ms-transition: all 0.6s ease-in-out;
  541. transition: all 0.6s ease-in-out;
  542. -webkit-filter: blur(.5px);
  543. width:40px;
  544. text-shadow:0px 0px 15px {color:hover};
  545. }
  546.  
  547. #alinks a:hover {
  548. color: {color:hover};
  549. -webkit-transition: all 0.6s ease-in-out;
  550. -moz-transition: all 0.6s ease-in-out;
  551. -o-transition: all 0.6s ease-in-out;
  552. -ms-transition: all 0.6s ease-in-out;
  553. transition: all 0.6s ease-in-out;
  554. -webkit-filter: blur(2px);
  555. text-shadow:3px 2px 2px {color:link};
  556. }
  557.  
  558. #blinks {
  559. position:fixed;
  560. font-family: 'Oswald', sans-serif;
  561. width:10px;
  562. top:218px;
  563. left:478px;
  564. font-size:40px;
  565. letter-spacing:2px;
  566. text-align:left;
  567. line-height:150%;
  568. z-index:999999999;
  569. -webkit-transform: rotate(0deg);
  570. -moz-transform: rotate(0deg);
  571. -o-transform: rotate(0deg);
  572. }
  573.  
  574. #blinks a{
  575. line-height:80%;
  576. color:{color:background};
  577. text-decoration:none;
  578. -webkit-transition: all 0.6s ease-in-out;
  579. -moz-transition: all 0.6s ease-in-out;
  580. -o-transition: all 0.6s ease-in-out;
  581. -ms-transition: all 0.6s ease-in-out;
  582. transition: all 0.6s ease-in-out;
  583. -webkit-filter: blur(.5px);
  584. width:40px;
  585. text-shadow:0px 0px 15px {color:hover};
  586. }
  587.  
  588. #blinks a:hover {
  589. color: {color:hover};
  590. -webkit-transition: all 0.6s ease-in-out;
  591. -moz-transition: all 0.6s ease-in-out;
  592. -o-transition: all 0.6s ease-in-out;
  593. -ms-transition: all 0.6s ease-in-out;
  594. transition: all 0.6s ease-in-out;
  595. -webkit-filter: blur(2px);
  596. text-shadow:3px 2px 2px {color:link};
  597. }
  598.  
  599. #clinks {
  600. position:fixed;
  601. font-family: 'Oswald', sans-serif;
  602. width:10px;
  603. top:142px;
  604. left:508px;
  605. font-size:30px;
  606. letter-spacing:2px;
  607. text-align:left;
  608. line-height:150%;
  609. z-index:999999999;
  610. -webkit-transform: rotate(45deg);
  611. -moz-transform: rotate(45deg);
  612. -o-transform: rotate(45deg);
  613. }
  614.  
  615. #clinks a{
  616. line-height:80%;
  617. color:{color:background};
  618. text-decoration:none;
  619. -webkit-transition: all 0.6s ease-in-out;
  620. -moz-transition: all 0.6s ease-in-out;
  621. -o-transition: all 0.6s ease-in-out;
  622. -ms-transition: all 0.6s ease-in-out;
  623. transition: all 0.6s ease-in-out;
  624. -webkit-filter: blur(.5px);
  625. width:40px;
  626. text-shadow:0px 0px 15px {color:hover};
  627. }
  628.  
  629. #clinks a:hover {
  630. color: {color:hover};
  631. -webkit-transition: all 0.6s ease-in-out;
  632. -moz-transition: all 0.6s ease-in-out;
  633. -o-transition: all 0.6s ease-in-out;
  634. -ms-transition: all 0.6s ease-in-out;
  635. transition: all 0.6s ease-in-out;
  636. -webkit-filter: blur(2px);
  637. text-shadow:3px 2px 2px {color:link};
  638. }
  639.  
  640.  
  641. #dlinks {
  642. position:fixed;
  643. font-family: 'Oswald', sans-serif;
  644. width:10px;
  645. top:214px;
  646. left:536px;
  647. font-size:35px;
  648. letter-spacing:2px;
  649. text-align:left;
  650. line-height:150%;
  651. z-index:999999999;
  652. -webkit-transform: rotate(275deg);
  653. -moz-transform: rotate(275deg);
  654. -o-transform: rotate(275deg);
  655. }
  656.  
  657. #dlinks a{
  658. line-height:80%;
  659. color:{color:background};
  660. text-decoration:none;
  661. -webkit-transition: all 0.6s ease-in-out;
  662. -moz-transition: all 0.6s ease-in-out;
  663. -o-transition: all 0.6s ease-in-out;
  664. -ms-transition: all 0.6s ease-in-out;
  665. transition: all 0.6s ease-in-out;
  666. width:40px;
  667. text-shadow:0px 0px 15px {color:hover};
  668. }
  669.  
  670. #dlinks a:hover {
  671. color: {color:hover};
  672. -webkit-transition: all 0.6s ease-in-out;
  673. -moz-transition: all 0.6s ease-in-out;
  674. -o-transition: all 0.6s ease-in-out;
  675. -ms-transition: all 0.6s ease-in-out;
  676. transition: all 0.6s ease-in-out;
  677. text-shadow:3px 2px 2px {color:link};
  678. }
  679.  
  680.  
  681. #elinks {
  682. position:fixed;
  683. font-family: 'Oswald', sans-serif;
  684. width:10px;
  685. top:232px;
  686. left:544px;
  687. font-size:35px;
  688. letter-spacing:2px;
  689. text-align:left;
  690. line-height:150%;
  691. z-index:999999999;
  692. -webkit-transform: rotate(130deg);
  693. -moz-transform: rotate(130deg);
  694. -o-transform: rotate(130deg);
  695. }
  696.  
  697. #elinks a{
  698. line-height:80%;
  699. color:{color:background};
  700. text-decoration:none;
  701. -webkit-transition: all 0.6s ease-in-out;
  702. -moz-transition: all 0.6s ease-in-out;
  703. -o-transition: all 0.6s ease-in-out;
  704. -ms-transition: all 0.6s ease-in-out;
  705. transition: all 0.6s ease-in-out;
  706. width:40px;
  707. text-shadow:0px 0px 15px {color:hover};
  708. }
  709.  
  710. #elinks a:hover {
  711. color: {color:hover};
  712. -webkit-transition: all 0.6s ease-in-out;
  713. -moz-transition: all 0.6s ease-in-out;
  714. -o-transition: all 0.6s ease-in-out;
  715. -ms-transition: all 0.6s ease-in-out;
  716. transition: all 0.6s ease-in-out;
  717. text-shadow:3px 2px 2px {color:link};
  718. }
  719.  
  720.  
  721.  
  722. #description {
  723. position:fixed;
  724. width:185px;
  725. font-family: 'Oswald', sans-serif;
  726. margin-top:375px;
  727. margin-left:475px;
  728. text-align:center;
  729. font-size:11px;
  730. color: {color:text};
  731. letter-spacing:1px;
  732. line-height:120%;
  733. -moz-transition-duration:1s;
  734. -webkit-transition-duration:1s;
  735. -o-transition-duration:1s;
  736. }
  737.  
  738. #description a {
  739. color:{color:link};
  740. }
  741.  
  742. #description a:hover {
  743. color:{color:hover};
  744. }
  745.  
  746. #description h1 {
  747. display: block;
  748. margin: 5px;
  749. width: 168px;
  750. padding: 3px;
  751. height: 15px;
  752. line-height: 150%;
  753. font-size: 10px;
  754. font-family: 'Nightingale';
  755. color: {color:text};
  756. background-image:url("https://imgur.com/5T1jTZm.gif");
  757. border: 1px dotted {color:link};
  758. }
  759.  
  760.  
  761. .sidebartitle {
  762. width:210px;
  763. text-align:center;
  764. position:fixed;
  765. font-family: 'Homemade Apple', cursive;
  766. line-height:120%;
  767. margin-left:0px;
  768. font-size:0px;
  769. margin-top:50px;
  770. color:{color:hover};
  771. }
  772.  
  773. #pagination {
  774. position:absolute;
  775. font-family: 'Nightingale', cursive;
  776. width:150px;
  777. height:30px;
  778. font-size:13px;
  779. opacity:.6;
  780. top:345px;
  781. left:495px;
  782. line-height:110%;
  783. text-align:right;
  784. text-shadow: 1px 1px 1px {color:text};
  785. }
  786.  
  787.  
  788. #pagination a {
  789. color:{color:italic};
  790. text-shadow: 0px 0px 15px {color:bold};
  791. -webkit-filter:blur (.5px);
  792. -webkit-transition: all 0.6s ease-in-out;
  793. -moz-transition: all 0.6s ease-in-out;
  794. -o-transition: all 0.6s ease-in-out;
  795. -ms-transition: all 0.6s ease-in-out;
  796. transition: all 0.6s ease-in-out;
  797. }
  798.  
  799. #pagination a:hover {
  800. color:{color:hover};
  801. text-shadow: 1px 1px 1px {color:link};
  802. -webkit-filter:blur (2px);
  803. -webkit-transition: all 0.6s ease-in-out;
  804. -moz-transition: all 0.6s ease-in-out;
  805. -o-transition: all 0.6s ease-in-out;
  806. -ms-transition: all 0.6s ease-in-out;
  807. transition: all 0.6s ease-in-out;
  808. }
  809.  
  810. #player {
  811. width:350px;
  812. overflow:hidden;
  813. margin-bottom:35px;
  814. opacity: 0.7;
  815. filter:alpha(opacity=70);
  816. -moz-opacity: 0.7;
  817. -khtml-opacity: 0.7;
  818. }
  819.  
  820. #albumart { float:left; margin:0px 7px;}
  821.  
  822. .qquote {
  823. text-shadow:0px 0px 8px {color:link};
  824. font-family: 'Nightingale';
  825. text-align:left;
  826. font-style:italic;;
  827. font-size:100px;
  828. color:{color:hover};
  829. margin-top:50px;
  830. margin-left:-10px;
  831. opacity:.2;
  832. z-index:9999;
  833. }
  834.  
  835. .quote {
  836. text-shadow:1px 1px 7px {color:text} ;
  837. font-family: 'Cookie', cursive;
  838. font-style:italic;
  839. text-align:center;
  840. letter-spacing:2px;
  841. margin-top:-48px;
  842. padding:15px;
  843. font-size:24px;
  844. line-height:18px;
  845. z-index:9999999;
  846. }
  847.  
  848. ul.chat{
  849. list-style:none;
  850. margin-left:5px;
  851. font-family: 'Cookie', cursive;
  852. font-size:17px;
  853. color:{color:text};
  854. text-shadow:-1px -1px -1px {color:link};
  855. text-shadow:1px 1px 1px {color:bold};
  856. }
  857.  
  858. .chat span {
  859. float: left;
  860. }
  861.  
  862.  
  863. #info {
  864. background: url('https://i.imgur.com/5T1jTZm.gif');
  865. opacity:1;
  866. border: 1px dotted {color:link};
  867. width:400px;
  868. height:20px;
  869. padding-top:3px;
  870. font-family: 'Raleway', sans-serif;
  871. text-align:center;
  872. letter-spacing:2px;
  873. margin-top:20px;
  874. font-size:10px;
  875. font-style:none;
  876. }
  877.  
  878.  
  879.  
  880.  
  881. #info a {
  882. color:{color:link};}
  883.  
  884. #info a:hover {
  885. color:{color:hover};}
  886.  
  887.  
  888.  
  889.  
  890. .tags {
  891. font-family: 'Raleway', sans-serif;
  892. color:{color:link};
  893. padding-bottom:35px;
  894. letter-spacing:2px;
  895. font-size:9px;
  896. font-style:normal;
  897. line-height:120%;
  898. margin-top:-15px;
  899. text-align:center;
  900. opacity:0;
  901. -webkit-transition: all 1s;
  902. -moz-transition: all 1s;
  903. -o-transition: all 1s;
  904. transition: all 1s;
  905. }
  906.  
  907.  
  908. .tags a {
  909. text-align:center;
  910. color:{color:tags};
  911.  
  912. }
  913.  
  914.  
  915. #post:hover .tags {
  916. color:{color:text};
  917. opacity:1;
  918. margin-top:5px;
  919. }
  920.  
  921.  
  922. .navbox {
  923. display: inline-block;
  924. font-family: 'Kavivanar', cursive;
  925. color: {color:Text};
  926. background: url("https://imgur.com/5T1jTZm.gif");
  927. width: 150px;
  928. height: 15px;
  929. line-height: 120%;
  930. padding:5px;
  931. font-size: 11px;
  932. letter-spacing: 2px;
  933. text-align: center;
  934. margin-bottom: 2px;
  935. -webkit-transition: all 1s;
  936. -moz-transition: all 1s;
  937. -o-transition: all 1s;
  938. transition: all 1s;
  939. }
  940.  
  941.  
  942. .navbox a {
  943. display: block;
  944. font-family: 'Raleway', sans-serif;
  945. color: {color:Text};
  946. background: url("https://imgur.com/5T1jTZm.gif");
  947. width: 150px;
  948. height: 20px;
  949. line-height: 120%;
  950. font-size: 11px;
  951. letter-spacing: 2px;
  952. text-align: center;
  953. margin-bottom: 2px;
  954. text-transform: uppercase;
  955. -webkit-transition: all 1s;
  956. -moz-transition: all 1s;
  957. -o-transition: all 1s;
  958. transition: all 1s;
  959. }
  960.  
  961. .navbox a:hover {
  962. opacity: 0.6;
  963. }
  964.  
  965.  
  966. .versebox {
  967. display: inline-block;
  968. font-family: 'Kavivanar', cursive;
  969. color: {color:Text};
  970. background: url("https://imgur.com/5T1jTZm.gif");
  971. width: 400px;
  972. height: 15px;
  973. line-height: 120%;
  974. padding:5px;
  975. font-size: 11px;
  976. letter-spacing: 2px;
  977. text-align: center;
  978. margin-bottom: 2px;
  979. -webkit-transition: all 1s;
  980. -moz-transition: all 1s;
  981. -o-transition: all 1s;
  982. transition: all 1s;
  983. }
  984.  
  985.  
  986. .versebox a {
  987. display: block;
  988. font-family: 'Raleway', sans-serif;
  989. color: {color:Text};
  990. background: url("https://imgur.com/5T1jTZm.gif");
  991. width: 150px;
  992. height: 20px;
  993. line-height: 120%;
  994. font-size: 11px;
  995. letter-spacing: 2px;
  996. text-align: center;
  997. margin-bottom: 2px;
  998. text-transform: uppercase;
  999. -webkit-transition: all 1s;
  1000. -moz-transition: all 1s;
  1001. -o-transition: all 1s;
  1002. transition: all 1s;
  1003. }
  1004.  
  1005. .versebox a:hover {
  1006. opacity: 0.6;
  1007. }
  1008.  
  1009. .asker {
  1010. font-family: 'Cookie', cursive;
  1011. font-style:none;
  1012. letter-spacing: 2px;
  1013. float:right;
  1014. padding-top:-10px;
  1015. right:30px;
  1016. margin-top:-5px;
  1017. text-transform:lowercase;
  1018. color: {color:link};
  1019. font-size:25px;
  1020. padding:5px;
  1021. text-shadow: 2px 2px 2px {color:background};
  1022. }
  1023.  
  1024. .asker a {
  1025. font-family: 'Cookie', cursive;
  1026. font-style:none;
  1027. letter-spacing:2px;
  1028. text-transform:lowercase;
  1029. font-size: 30px;
  1030. letter-spacing:0px;
  1031. text-shadow:none;
  1032. color: {color:link};
  1033. text-shadow: 1px 1px 1px {color:background};
  1034. -webkit-filter: blur(0.5px);
  1035. }
  1036.  
  1037. .asker a:hover {
  1038. color: {color:hover};
  1039. letter-spacing: 0px;
  1040. text-shadow:0 0 2px #000;
  1041. -webkit-filter: blur(2px);
  1042. -webkit-transition:all .5s ease-in-out;
  1043. -moz-transition:all .5s ease-in-out;
  1044. transition:all .5s ease-in-out;
  1045. }
  1046.  
  1047.  
  1048.  
  1049. .question{
  1050. font-family: 'Raleway', sans-serif;
  1051. background:url('https://i.imgur.com/5T1jTZm.gif');
  1052. color:{color:text};
  1053. width:375px;
  1054. font-size:10px;
  1055. text-align:center;
  1056. padding-top: 5px;
  1057. margin-left:5px;
  1058. text-transform:auto;
  1059. letter-spacing:3px
  1060. margin-top:10px;
  1061. padding:5px;
  1062. text-shadow:1px 1px 1px {color:bold};
  1063. padding:10px;
  1064. opacity:.8;
  1065. letter-spacing:2px;
  1066. font-weight:bolder;
  1067. border-bottom:solid 1px {color:background};
  1068. border-top:solid 1px {color:bold};
  1069. }
  1070.  
  1071. .answer {
  1072. font-size:10px;
  1073. }
  1074.  
  1075.  
  1076. #credit {
  1077. font-size:8px;
  1078. font-family: 'Homemade Apple', cursive;
  1079. color:{color:link};
  1080. bottom:10px;
  1081. right:10px;
  1082. position:fixed;
  1083. z-index:99999;
  1084. }
  1085.  
  1086. #credit a {
  1087. font-family: 'Homemade Apple', cursive;
  1088. font-size:10px;
  1089. padding:5px;
  1090. background-color:{color:background};
  1091. text-align:center;
  1092. font-weight:bold;}
  1093.  
  1094.  
  1095. </style>
  1096. </head>
  1097. <body>
  1098.  
  1099.  
  1100.  
  1101.  
  1102. <div id="description">
  1103. <h1>put text here</h1>
  1104. <p>and you can put some more here<br>
  1105. and it can continue on more lines<br>
  1106. <b>AND MORE</b><br>
  1107.  
  1108.  
  1109. <h1>look more text</h1>
  1110. <p>text text text<br>
  1111. <em>italic text</em><br>
  1112. <strong>bold text</strong><br>
  1113. <a href="/">links too</a>
  1114.  
  1115. <h1>and more !</h1>
  1116. all the text<br>
  1117. texty texts<br>
  1118. the textiest of texts<br>
  1119. text text text<br>
  1120. this will scroll if it gets to be too much text so go nuts!
  1121.  
  1122. <h1>you guessed it!</h1>
  1123.  
  1124. </div>
  1125.  
  1126. {block:Pagination}
  1127. <div id="pagination">
  1128. {block:PreviousPage}<a href="{PreviousPage}" title="go back">back</a>{/block:PreviousPage} <b>★</b>
  1129. {block:NextPage}<a href="{NextPage}" title="go forward">forth</a>{/block:NextPage}
  1130. </div>
  1131. {/block:Pagination}
  1132.  
  1133.  
  1134. <div id="sidebar">
  1135. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div>
  1136. <div class="sidebartitle">{text:sidebartitle}</div>
  1137. <div id="links">
  1138. <a href="/" title="{text:Link 1}"><img src="https://i.imgur.com/CNiyzZ7.png"></a></div>
  1139. <div id="alinks"><a href="#?w=400" rel="02" class="poplight" title="{text:Link 2}"><img src="https://i.imgur.com/CNiyzZ7.png"></a></div>
  1140. <div id="blinks"><a href="#?w=400" rel="03" class="poplight" title="{text:Link 3}"><img src="https://i.imgur.com/CNiyzZ7.png"></a></div>
  1141. <div id="clinks"><a href="#?w=400" rel="01" class="poplight" title="{text:Link 4}"><img src="https://i.imgur.com/CNiyzZ7.png"></a></div>
  1142. <div id="dlinks"><a href="#?w=400" rel="04" class="poplight" title="{text:Link 5}"><img src="https://i.imgur.com/CNiyzZ7.png"></a></div>
  1143. <div id="elinks"><a href="#?w=400" rel="05" class="poplight" title="{text:Link 6}"><img src="https://i.imgur.com/CNiyzZ7.png"></a></div>
  1144. </div>
  1145.  
  1146.  
  1147. <div id="entries">
  1148.  
  1149. {block:Posts}
  1150. <div id="post">
  1151.  
  1152. {block:Photo}
  1153. {LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}
  1154. {block:Caption}{Caption}{/block:Caption}
  1155. {/block:Photo}
  1156.  
  1157. {block:Photoset}
  1158. <div class="photoset">{Photoset-400}</div>
  1159. {block:Caption}{Caption}{/block:Caption}
  1160. {/block:Photoset}
  1161.  
  1162. {block:Video}
  1163. <center>{Video-400}</center>
  1164. {block:Caption}{Caption}{/block:Caption}
  1165. {/block:Video}
  1166.  
  1167.  
  1168.  
  1169. {block:Answer}
  1170. <span style="color:{color:bold}"><big><b>★</b></big><small> fire message...:</span>
  1171. <div class="question"><p><p><p>{Question}</div></center> <div class="asker" style="float:right;"> from {Asker} </div>
  1172. <br>
  1173. <p><div class="answer">{Answer}</div>
  1174. {/block:Answer}
  1175.  
  1176.  
  1177. {block:Text}
  1178. {block:Title}<h1>{Title}</h1>{/block:Title}
  1179. {Body}
  1180. {/block:Text}
  1181.  
  1182. {block:Link}
  1183. <h1><a href="{url}" {Target}>{Name}</a></h1>
  1184. {block:Description}{Description}{/block:Description}
  1185. {/block:Link}
  1186.  
  1187. {block:Chat}
  1188. {block:Title}<h1>{Title}</h1>{/block:Title}
  1189. {block:Lines}
  1190. <p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>
  1191. {/block:Lines}
  1192. {/block:Chat}
  1193.  
  1194. {block:Quote}
  1195. <div class="qquote">❝</div>
  1196. <div class="quote">{quote}</div>
  1197. {block:Source}<div style="text-align:right;margin-top:20px;">{Source}</div>{/block:Source}
  1198. {/block:Quote}
  1199.  
  1200. {block:Audio}<div class="audio">
  1201.  
  1202. {block:AlbumArt}
  1203. {/block:AlbumArt}
  1204.  
  1205.  
  1206. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1207. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1208. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1209. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1210.  
  1211.  
  1212. <div id="info">
  1213. {block:Date}<a href="{Permalink}" title="{timeago}">{DayOfMonth} {Month} @ {24Hour}:{Minutes}</a>{/block:Date} {block:NoteCount} with <a href="{Permalink}" title="{notecount} angels">{NoteCount} &hearts;</a>{/block:NoteCount} {block:ContentSource}&mdash; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {block:RebloggedFrom}&mdash; <a href="{ReblogParentURL}" title="{reblogparentname}">via</a> {/block:RebloggedFrom}&mdash; <a href="{ReblogURL}"target="_blank" title="reblog this post?"><big>★</big> </a>
  1214. </div>
  1215.  
  1216. {block:HasTags}
  1217. <div class="tags">
  1218. {block:Tags}
  1219. <a href="{TagURL}" title="{tag}">#{tag}</a> &nbsp;
  1220. {/block:Tags}
  1221. </div>
  1222. {/block:HasTags}
  1223.  
  1224. {block:PostNotes}<div style="margin-top:50px;">{PostNotes}</div>{/block:PostNotes}
  1225.  
  1226. </div>
  1227. {/block:Posts}
  1228.  
  1229. </div>
  1230.  
  1231. <div id="credit"><a href="http://leuthros.tumblr.com" title="made by cris!">C</a></div>
  1232.  
  1233. <div id="01" class="popup_block">
  1234. <h1>about.</h1>
  1235.  
  1236. <p align="center"><h1>put your bio in here !</h1><br><br>
  1237.  
  1238. <p>Cras ut est at lorem suscipit consectetur ut vitae lacus. Aenean semper ut dui sit amet malesuada. Morbi lacinia urna in massa congue, nec venenatis tellus tincidunt. Quisque tincidunt bibendum diam. Curabitur enim purus, tristique elementum tortor ac, bibendum viverra elit.
  1239.  
  1240. <p>Donec mauris ante, dictum a euismod et, facilisis ac purus. Duis sapien ipsum, maximus in viverra sed, maximus sed sem. Suspendisse quis neque dolor. Aenean tempus mi lorem, in faucibus libero viverra suscipit. Sed ornare, dolor consectetur fermentum pretium, nulla nisi dictum nulla, eget commodo orci risus a sapien.
  1241.  
  1242. <p>Phasellus lacinia libero non posuere dapibus. Cras semper, lorem congue euismod convallis, odio elit euismod lacus, a molestie erat turpis vitae elit. Vivamus nec risus quam. Sed nec ligula et nisl bibendum fringilla et ac turpis. Nam ac fringilla odio, tempor molestie metus.
  1243.  
  1244. </div>
  1245.  
  1246.  
  1247. <div id="02" class="popup_block">
  1248. <h1>ask text here</h1>
  1249. <iframe id="ask_form" style="background-color: transparent; overflow: auto;" src="http://www.tumblr.com/ask_form/YOURURL.tumblr.com" frameborder="0" scrolling="no" width="100%" height="150"></iframe>
  1250. </div>
  1251.  
  1252.  
  1253. <div id="03" class="popup_block">
  1254. <h3>verses.</h3>
  1255. <h1>verse name</h1>
  1256. <div class="versebox" align="center"><a href="/">VERSE NAME/LINK</a></div>
  1257. <p align="center"><img src="https://i.imgur.com/2E9tgbQ.png" /></p>
  1258. <p align="center">In at fermentum mauris, non tristique diam. Praesent aliquam erat sit amet ante luctus, eu vestibulum leo sollicitudin. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse leo metus, pellentesque vitae sapien non, aliquam congue velit. Nulla sodales nibh turpis, vitae lobortis arcu pellentesque vel. Aenean id purus sit amet nisi viverra sollicitudin id non ipsum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc quis arcu ut ex consequat mollis.
  1259.  
  1260.  
  1261.  
  1262. <h1>verse name</h1>
  1263. <div class="versebox" align="center"><a href="/">VERSE NAME/LINK</a></div>
  1264. <p align="center"><img src="https://i.imgur.com/2E9tgbQ.png" /></p>
  1265. <p align="center">In at fermentum mauris, non tristique diam. Praesent aliquam erat sit amet ante luctus, eu vestibulum leo sollicitudin. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse leo metus, pellentesque vitae sapien non, aliquam congue velit. Nulla sodales nibh turpis, vitae lobortis arcu pellentesque vel. Aenean id purus sit amet nisi viverra sollicitudin id non ipsum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc quis arcu ut ex consequat mollis.
  1266.  
  1267.  
  1268. <h1>verse name</h1>
  1269. <div class="versebox" align="center"><a href="/">VERSE NAME/LINK</a></div>
  1270. <p align="center"><img src="https://i.imgur.com/2E9tgbQ.png" /></p>
  1271. <p align="center">In at fermentum mauris, non tristique diam. Praesent aliquam erat sit amet ante luctus, eu vestibulum leo sollicitudin. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse leo metus, pellentesque vitae sapien non, aliquam congue velit. Nulla sodales nibh turpis, vitae lobortis arcu pellentesque vel. Aenean id purus sit amet nisi viverra sollicitudin id non ipsum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc quis arcu ut ex consequat mollis.
  1272.  
  1273. </div>
  1274.  
  1275.  
  1276. <div id="04" class="popup_block">
  1277.  
  1278. <h3>rules.</h3>
  1279. <h1>part 1</h1>
  1280. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et placerat sem, mattis luctus eros. Duis a leo elementum, congue urna sed, dignissim elit. Vivamus ut porta sem. Curabitur posuere felis ac risus pretium, ut faucibus lacus pulvinar. Donec egestas mattis risus quis finibus. Etiam vehicula commodo nunc et mollis. Nam aliquam, odio non gravida sagittis, magna erat lacinia lectus, in tincidunt eros odio venenatis nisl. Aliquam et tempor eros. In cursus in diam et consectetur. Maecenas pellentesque, ipsum nec lacinia elementum, nisl turpis malesuada tortor, eget consequat risus libero volutpat enim.
  1281.  
  1282. <h1>part 2</h1>
  1283. Fusce consectetur magna in libero tincidunt rutrum. Nunc eu imperdiet justo, vel iaculis justo. Aliquam felis metus, aliquet quis accumsan vitae, porttitor eu tellus. Integer ac velit vitae nisi facilisis ultrices. Etiam eu porta mauris. In mattis in elit non porttitor. Pellentesque porttitor nisl ante, a fringilla mi accumsan sed. Nulla condimentum in mauris vel egestas. Donec luctus, est non aliquam elementum, risus leo interdum magna, sed ornare neque turpis eget mauris. Suspendisse varius arcu non consectetur convallis. Aliquam erat volutpat. In laoreet turpis eu turpis ornare molestie.
  1284.  
  1285. <h1>part 3</h1>
  1286. Cras ut est at lorem suscipit consectetur ut vitae lacus. Aenean semper ut dui sit amet malesuada. Morbi lacinia urna in massa congue, nec venenatis tellus tincidunt. Quisque tincidunt bibendum diam. Curabitur enim purus, tristique elementum tortor ac, bibendum viverra elit. Donec mauris ante, dictum a euismod et, facilisis ac purus. Duis sapien ipsum, maximus in viverra sed, maximus sed sem. Suspendisse quis neque dolor. Aenean tempus mi lorem, in faucibus libero viverra suscipit. Sed ornare, dolor consectetur fermentum pretium, nulla nisi dictum nulla, eget commodo orci risus a sapien. Phasellus lacinia libero non posuere dapibus. Cras semper, lorem congue euismod convallis, odio elit euismod lacus, a molestie erat turpis vitae elit. Vivamus nec risus quam. Sed nec ligula et nisl bibendum fringilla et ac turpis. Nam ac fringilla odio, tempor molestie metus.
  1287.  
  1288. <h1>part 4</h1>
  1289. Suspendisse efficitur eu augue at venenatis. Donec vitae nisl quam. Vivamus nec nunc a nisi placerat venenatis ac non urna. Vestibulum nulla est, finibus non lacus vel, facilisis semper purus. Ut pulvinar porttitor elit ac luctus. Mauris tincidunt massa eu libero pellentesque venenatis. Praesent a ipsum vel lorem commodo maximus eget at lorem. Integer dui mauris, placerat id augue in, dictum lacinia nulla. Ut id rhoncus orci, id sagittis nulla. Sed lacinia lacus turpis, eu mattis nisi malesuada vel.
  1290.  
  1291. <h1>part 5</h1>
  1292. In at fermentum mauris, non tristique diam. Praesent aliquam erat sit amet ante luctus, eu vestibulum leo sollicitudin. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse leo metus, pellentesque vitae sapien non, aliquam congue velit. Nulla sodales nibh turpis, vitae lobortis arcu pellentesque vel. Aenean id purus sit amet nisi viverra sollicitudin id non ipsum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc quis arcu ut ex consequat mollis.
  1293.  
  1294.  
  1295. </div>
  1296.  
  1297.  
  1298. <div id="05" class="popup_block">
  1299. <h1>navigation.</h1>
  1300.  
  1301.  
  1302. <p align="center">
  1303. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1304. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1305. <p align="center">
  1306. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1307. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1308. <p align="center">
  1309. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1310. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1311.  
  1312. <h1>navigation header.</h1>
  1313. <p align="center">
  1314. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1315. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1316. <p align="center">
  1317. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1318. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1319. <p align="center">
  1320. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1321. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1322.  
  1323. <h1>navigation header.</h1>
  1324. <p align="center">
  1325. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1326. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1327. <p align="center">
  1328. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1329. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1330. <p align="center">
  1331. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1332. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1333.  
  1334. <h1>navigation header.</h1>
  1335. <p align="center">
  1336. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1337. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1338. <p align="center">
  1339. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1340. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1341. <p align="center">
  1342. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1343. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1344.  
  1345. <h1>navigation header.</h1>
  1346. <p align="center">
  1347. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1348. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1349. <p align="center">
  1350. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1351. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1352. <p align="center">
  1353. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1354. <a href="/" title="link title" class="navbox">LINK TITLE</a>
  1355.  
  1356.  
  1357. </div>
  1358. </div>
  1359.  
  1360. </div>
  1361.  
  1362.  
  1363. </body>
  1364. <div id="title"><img src=""></div>
  1365. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement