Advertisement
Guest User

Theme For Nessa

a guest
Mar 26th, 2017
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.35 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!-- THEME MADE BY BREQ --
  4.  
  5. @justiceofbreq-t.tumblr.com
  6. --------------------------
  7. THEME 12.02: archangel --
  8. --------------------------
  9. TERMS OF USAGE:
  10. - DO NOT REMOVE THE CREDIT
  11. - DO NOT REDISTRIBUTE
  12. - DO NOT CLAIM AS YOUR OWN
  13. - DO NOT USE AS A BASE
  14. -------------------------->
  15.  
  16. <html>
  17. <head>
  18. <title>{text:browser title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <!-- default appearance options -->
  26.  
  27. <meta name="viewport" content="width=device-width, initial-scale=1">
  28. <meta name="color:background" content="#111111">
  29. <meta name="color:containerbg" content="#121212">
  30. <meta name="color:description" content="#4f4f4f">
  31. <meta name="color:h1" content="#ceedff">
  32. <meta name="color:h1border" content="#111111">
  33. <meta name="color:body" content="#686868">
  34. <meta name="color:italic" content="#8ba1ad" />
  35. <meta name="color:bold" content="#506b7b" />
  36. <meta name="color:bold shadow"content="#5c6a6d"/>
  37. <meta name="color:blockquote" content="#3c3c3c">
  38. <meta name="color:link" content="#ceedff">
  39. <meta name="color:link hover" content="#102029">
  40. <meta name="color:navlink" content="#3c484f">
  41. <meta name="color:navlink shadow" content="#5ea1c6">
  42. <meta name="color:navlink hover" content="#000">
  43. <meta name="color:permaleft" content="#ceedff">
  44. <meta name="color:permalink" content="#ceedff"/>
  45. <meta name="color:permalink hover" content="#0037ff"/>
  46. <meta name="color:tags" content="#656565" />
  47. <meta name="color:tags hover" content="#fff" />
  48. <meta name="color:scrollbar" content="#111111" />
  49. <meta name="color:scrollbar1" content="#505f68" />
  50. <meta name="color:pagination" content="#686868" />
  51. <meta name="color:pagination hover" content="#abb7e2" />
  52. <meta name="color:tooltiptext" content="#7e7e7e" />
  53. <meta name="color:tooltipbg" content="#111111"/>
  54.  
  55. <meta name="if:hover tags" content="1">
  56.  
  57. <meta name="image:background" content="" />
  58. <meta name="image:title image" content="" />
  59. <meta name="image:h1 image" content="" />
  60.  
  61.  
  62. <meta name="text:browser title" content="this can be anything you want or just copy paste your blog title here" />
  63. <meta name="text:copacity" content=".5"/>
  64. <meta name="text:font size" content="9px" />
  65. <meta name="text:askform" content="blogname" />
  66. <meta name="text:askbox header" content='questions?' />
  67. <meta name="text:askbox text" content="this can be anything, like about the mun" />
  68. <meta name="text:submit header" content="submit" />
  69. <meta name="text:submit text" content="this can be anything, or you can leave it blank" />
  70. <meta name="text:tbox width" content="460px">
  71. <meta name="text:tbox height" content="60px">
  72. <meta name="text:tbox margin left" content="600px">
  73. <meta name="text:tbox margin top" content="455px">
  74.  
  75. <meta name="text:link1" content="link 1"/>
  76. <meta name="text:link2" content="link 2"/>
  77. <meta name="text:link3" content="verses"/>
  78.  
  79. <!-- scripts -->
  80.  
  81. <script type="text/javascript"
  82. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  83. <script>
  84. $(document).ready(function() {
  85. //
  86. $('a.poplight[href^=#]').click(function() {
  87. var popID = $(this).attr('rel'); //Get Popup Name
  88. var popURL = $(this).attr('href'); //Get Popup href to define size
  89. var query= popURL.split('?');
  90. var dim= query[1].split('&');
  91. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  92. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  93. var popMargTop = ($('#' + popID).height() + 80) / 2;
  94. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  95. //Apply Margin to Popup
  96. $('#' + popID).css({
  97. 'margin-top' : -popMargTop,
  98. 'margin-left' : -popMargLeft
  99. });
  100. $('body').append('<div id="fade"></div>');
  101. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  102. return false;
  103. });
  104. $('a.close, #fade').live('click', function() {
  105. $('#fade , .popup_block').fadeOut(function() {
  106. $('#fade, a.close').remove(); //fade them both out
  107. });
  108. return false;
  109. });
  110. });
  111. </script>
  112.  
  113. <script>
  114.  
  115. $(document).ready(function(){
  116. $("ul#tabs li").click(function(e){
  117. if (!$(this).hasClass("active")) {
  118. var tabNum = $(this).index();
  119. var nthChild = tabNum+1;
  120. $("ul#tabs li.active").removeClass("active");
  121. $(this).addClass("active");
  122. $("ul#tab li.active").removeClass("active");
  123. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  124. }
  125. });
  126. });
  127. </script>
  128.  
  129. <script src="https://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  130.  
  131. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  132.  
  133. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  134.  
  135. <script>
  136. (function($){
  137. $(document).ready(function(){
  138. $("a[title]").style_my_tooltips({
  139. tip_follows_cursor:true,
  140. tip_delay_time:90,
  141. tip_fade_speed:600,
  142. attribute:"title"
  143. });
  144. });
  145. })(jQuery);
  146. </script>
  147.  
  148. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  149.  
  150. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  151.  
  152. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  153.  
  154. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  155.  
  156. <script src ="http://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  157.  
  158. <script>
  159. $(document).ready(function(){
  160. $('.photo-slideshow').pxuPhotoset({
  161. lightbox: true,
  162. rounded: false,
  163. gutter: '3px',
  164. photoset: '.photo-slideshow',
  165. photoWrap: '.photo-data',
  166. photo: '.pxu-photo'
  167. });
  168. var $container = $('.content');
  169. });
  170. </script>
  171.  
  172. <script>
  173. $( ".entries" ).wrap( "<div class='scroll'></div>" );
  174. </script>
  175.  
  176. <link href="https://fonts.googleapis.com/css?family=Eczar|Homemade+Apple|Oswald" rel="stylesheet">
  177.  
  178. </head>
  179.  
  180. <style type="text/css">
  181.  
  182. ::-webkit-scrollbar {
  183. width: 4px;
  184. height: 1px;
  185. }
  186. ::-webkit-scrollbar-button {
  187. width: 0px;
  188. height: 0px;
  189. }
  190. ::-webkit-scrollbar-thumb {
  191. background:{color:scrollbar};
  192. background: -moz-linear-gradient(top, {color:scrollbar} 0%, {color:scrollbar1}; 100%); /* FF3.6-15 */
  193. background: -webkit-linear-gradient(top, {color:scrollbar} 0%, {color:scrollbar1} 100%); /* Chrome10-25,Safari5.1-6 */
  194. background: linear-gradient(to bottom, {color:scrollbar} 0%, {color:scrollbar1} 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  195. }
  196.  
  197. ::-webkit-scrollbar-track {
  198. background: transparent;
  199. border: 0px none #ffffff;
  200. }
  201.  
  202. ::-webkit-scrollbar-corner {
  203. background: transparent;
  204. }
  205.  
  206. body {
  207. background:#85AAE2;
  208. background-image: url('https://68.media.tumblr.com/f6eb702c910bf6227b8d1c62273a1b3f/tumblr_onenvwuEQx1w3khz3o2_1280.png');
  209. background-position: top left;
  210. background-repeat: no-repeat;
  211. background-attachment: fixed;
  212. margin:0;
  213. font-size: {text:font size};
  214. font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif
  215. letter-spacing:1px;
  216. line-height:150%;
  217. color:{color:body};
  218. -moz-osx-font-smoothing:grayscale;
  219. -webkit-font-smoothing:antialiased;
  220. font-smoothing:antialiased;
  221. }
  222.  
  223. a {
  224. color:{color:link};
  225. text-decoration:none;
  226. letter-spacing:1px;
  227. -webkit-transition: all 0.7s ease;
  228. transition: all 0.7s ease;
  229. -moz-transition: all 0.7s ease;
  230. -o-transition: all 0.7s ease;
  231. }
  232.  
  233. a:hover {
  234. letter-spacing:1px;
  235. text-decoration:none;
  236. color:{color:link hover};
  237. cursor:help;
  238. }
  239.  
  240. b, strong {
  241. color:{color:bold};
  242. text-transform:none;
  243. letter-spacing:1px;
  244. font-size:14px;
  245. font-family: 'Oswald', sans-serif;
  246. text-shadow:2px 1px 2px {color:bold shadow};, 0 0 20px black;
  247. }
  248.  
  249. i, em {
  250. font-family: 'Homemade Apple', cursive;
  251. text-transform:none;
  252. font-size: 10px;
  253. color:{color:italic};
  254. letter-spacing:1.5px;
  255. }
  256.  
  257. blockquote {
  258. text-align:justify;
  259. padding-left:10px;
  260. border-left:3px solid {color:blockquote};
  261. margin:15px 0px 10px 0px;
  262. }
  263.  
  264. .caption blockquote {
  265. margin:15px 0px 10px 0px;
  266. }
  267.  
  268. blockquote img {
  269. max-width:100%;
  270. height:auto;
  271. }
  272.  
  273. img {
  274. max-width:100%;
  275. height:auto;
  276. }
  277.  
  278. p {
  279. margin:10px 0 10px 0;
  280. }
  281.  
  282. p:first-of-type {
  283. margin-top:0;
  284. padding-top:0;
  285. }
  286.  
  287. p:last-of-type {
  288. margin-bottom:10px;
  289. padding-bottom:0;
  290. }
  291.  
  292. pre {
  293. white-space: pre-wrap;
  294. white-space: -moz-pre-wrap;
  295. white-space: -pre-wrap;
  296. white-space: -o-pre-wrap;
  297. word-wrap: break-word;
  298. }
  299.  
  300. h1 {
  301. color:{color:h1};
  302. padding:2px;
  303. border:4px double {color:h1border};
  304. font-size:12px;
  305. text-transform:uppercase;
  306. letter-spacing:1px;
  307. text-align:center;
  308. background-image: url('http://bestanimations.com/Nature/Water/snowflake/snowflake-animated-gif-7.gif');
  309. background-position:center center;
  310. }
  311.  
  312. h2 {
  313. text-align:center;
  314. font-size:15px;
  315. }
  316.  
  317. /*customization for list style type*/
  318. ul {
  319. list-style: disc;
  320. padding-left: 20px;
  321. }
  322.  
  323. li {
  324. padding-left: 5px;
  325. }
  326.  
  327. li:before {
  328. display: inline-block;
  329. margin-left: 5px; /* same as padding-left set on li */
  330. width: 1.3em; /* same as padding-left set on li */
  331. }
  332.  
  333. /*customization for post and page titles*/
  334. .title {
  335. font-size:20px;
  336. letter-spacing:0px;
  337. font-weight:100;
  338. text-transform:lowercase;
  339. padding:5px 0px 5px 0px;
  340. text-align:right;
  341. font-family: 'Eczar', serif;
  342. }
  343.  
  344. /*customization for container*/
  345. #container {
  346. position:fixed;
  347. width:403px;
  348. height:375px;
  349. top:234px;
  350. left:385px;
  351. overflow-y:scroll;
  352. background:transparent;
  353. opacity:{text:copacity};
  354. -webkit-transition: all 0.7s ease;
  355. transition: all 0.7s ease;
  356. -moz-transition: all 0.7s ease;
  357. -o-transition: all 0.7s ease;
  358. }
  359.  
  360. #container:hover {
  361. opacity:1;
  362. }
  363.  
  364. /*customization for posts*/
  365. .posts {
  366. width:90%;
  367. padding:10px;
  368. position:relative;
  369. text-align:justify;
  370. margin-top:10px;
  371. margin-left:auto;
  372. margin-right:auto;
  373. margin-bottom:30px;
  374. }
  375.  
  376. .posts:last-child {
  377. margin-bottom:30px;
  378. }
  379.  
  380. {block:permalinkpage}
  381. .posts {
  382. margin-bottom:10px;
  383. }
  384. {/block:permalinkpage}
  385.  
  386. /*customization for permalinks "post info" */
  387. .permaleft {
  388. width:10%;
  389. float:left;
  390. padding-top:9px;
  391. padding-bottom:5px;
  392. padding-right:5px;
  393. padding-left:5px;
  394. background-image:url('http://bestanimations.com/Nature/Water/snowflake/snowflake-animated-gif-7.gif');
  395. background-position:center top;
  396. border:4px double {color:h1border};
  397. border-right:hidden;
  398. }
  399.  
  400. .permaleft a{
  401. font-size:15px;
  402. padding-left:6px;
  403. text-shadow:0 0 5px #fff;
  404. color:{color:permaleft};
  405. }
  406.  
  407. .permaright {
  408. width:5%;
  409. height:30px;
  410. float:right;
  411. margin-top:-38px;
  412. background-image:url('http://bestanimations.com/Nature/Water/snowflake/snowflake-animated-gif-7.gif');
  413. background-position:center top;
  414. border:4px double {color:h1border};
  415. border-left:hidden;
  416. }
  417. .permalinks {
  418. text-align: center;
  419. letter-spacing: 15px;
  420. text-transform: uppercase;
  421. line-height: 200%;
  422. padding: 10px;
  423. width:85%;
  424. margin-right:10px;
  425. margin-left:auto;
  426. }
  427.  
  428. .permalinks a{
  429. color: {color:permalink};
  430. font-weight: 100;
  431. margin-right:10px;
  432. text-decoration: none;
  433. -webkit-transition: all 0.7s ease;
  434. transition: all 0.7s ease;
  435. -moz-transition: all 0.7s ease;
  436. -o-transition: all 0.7s ease;
  437. }
  438.  
  439. .permalinks a:hover{
  440. color: rgba(0,0,0,.0);
  441. text-shadow: 0px 0px 2px {color:permalink hover};
  442. }
  443.  
  444. /*customization for tags*/
  445. .tags {
  446. {block:ifhovertags}
  447. opacity:0;
  448. max-height:0px;
  449. {/block:ifhovertags}
  450. width:80%;
  451. margin-left:auto;
  452. margin-right:auto;
  453. text-align:center;
  454. font-size:8px;
  455. margin-top:5px;
  456. -webkit-transition: all 0.7s ease;
  457. transition: all 0.7s ease;
  458. -moz-transition: all 0.7s ease;
  459. -o-transition: all 0.7s ease;
  460. }
  461.  
  462. .tags a {
  463. color:{color:tags};
  464. -webkit-transition: all 0.7s ease;
  465. transition: all 0.7s ease;
  466. -moz-transition: all 0.7s ease;
  467. -o-transition: all 0.7s ease;
  468. }
  469.  
  470. .tags a:hover {
  471. color:{color:tags hover};
  472. -webkit-transition: all 0.7s ease;
  473. transition: all 0.7s ease;
  474. -moz-transition: all 0.7s ease;
  475. -o-transition: all 0.7s ease;
  476. text-shadow:none;
  477. }
  478.  
  479. {block:ifhovertags}
  480. .posts:hover .tags {
  481. opacity:1;
  482. max-height:300px;
  483. -webkit-transition: all 0.7s ease;
  484. transition: all 0.7s ease;
  485. -moz-transition: all 0.7s ease;
  486. -o-transition: all 0.7s ease;
  487. }
  488. {/block:ifhovertags}
  489.  
  490.  
  491.  
  492. #title:hover {
  493. -webkit-filter:blur(2px);
  494. }
  495.  
  496. #title img {
  497. opacity:0;
  498. }
  499.  
  500. /*customization for sidebar and description*/
  501. #description {
  502. position:fixed;
  503. padding:10px;
  504. color:{color:description};
  505. text-align:center;
  506. width:160px;
  507. height:325px;
  508. top:250px;
  509. left:810px;
  510. overflow-x:hidden;
  511. overflow-y:auto;
  512. background:transparent;
  513. opacity:{text:copacity};
  514. -webkit-transition: all 0.7s ease;
  515. transition: all 0.7s ease;
  516. -moz-transition: all 0.7s ease;
  517. -o-transition: all 0.7s ease;
  518. }
  519.  
  520. #description:hover {
  521. opacity:1;
  522. }
  523.  
  524. #description i, em {
  525. font-size:8px;
  526. }
  527.  
  528. #description::-webkit-scrollbar {
  529. width: 0px;
  530. height: 0px;
  531. }
  532. #description::-webkit-scrollbar-button {
  533. width: 0px;
  534. height: 0px;
  535. }
  536. #description::-webkit-scrollbar-thumb {
  537. background:transparent;
  538. }
  539.  
  540. #description::-webkit-scrollbar-track {
  541. background: transparent;
  542. border: 0px none #ffffff;
  543. }
  544.  
  545. #description::-webkit-scrollbar-corner {
  546. background: transparent;
  547. }
  548.  
  549. /*customization for scattered nav links*/
  550.  
  551. #navcont {
  552. position:fixed;
  553. top:200px;
  554. left:520px;
  555. width:300px;
  556. height:auto;
  557. }
  558.  
  559. #navlinks a {
  560. color:#FFE8FC;
  561. font-size:15px;
  562. margin-right:20px;
  563. font-family: 'Oswald', sans-serif;
  564. text-shadow: 0px 0px 1px black, 1px 1px 3px black, 0px 0px 10px {color:navlink shadow};
  565. -webkit-filter: blur(0px);
  566. -webkit-transition: all 0.7s ease;
  567. transition: all 0.7s ease;
  568. -moz-transition: all 0.7s ease;
  569. -o-transition: all 0.7s ease;
  570. }
  571.  
  572. #navlinks a:hover {
  573. color:{color:navlink hover};
  574. -webkit-filter: blur(3px);
  575. cursor:help;
  576. }
  577.  
  578. /*customization for popup blocks */
  579. .popup_block{
  580. display:none;
  581. background-color:transparent;
  582. padding:20px;
  583. position:fixed;
  584. width:350px;
  585. height:480px;
  586. top:300px;left:190px;
  587. z-index: 99999;
  588. overflow:auto;
  589. }
  590.  
  591. *html #fade {position: absolute;}
  592. *html .popup_block {position: absolute;}
  593. #fade {
  594. display:none;
  595. position:fixed;
  596. left:0px;
  597. top:0px;
  598. width:100%;
  599. height:100%;
  600. z-index:9999;
  601. background:transparent; /* change to #fff for solid white */
  602. opacity:0.5; /* change to opacity:1; */
  603. }
  604.  
  605. #tabbar{
  606. left:50%;
  607. top:50%;
  608. margin-left:0px; /*– for placing –*/
  609. margin-top:150px; /*– for placing –*/
  610. width:250px; /*– sets width of your text –*/
  611. height:auto; /*– sets height of your text –*/
  612. overflow: scroll;
  613. text-align:justify;
  614. color:{color:navlink};
  615. font-size:12px;
  616. }
  617.  
  618. ul#tabs {
  619. text-align: center;
  620. }
  621.  
  622. ul#tabs li { /*– your inactive / not viewed tabs –*/
  623. display:inline-block;
  624. margin-bottom:10px;
  625. padding:2px;
  626. padding-right:5px;
  627. padding-left:5px;
  628. text-decoration:none;
  629. opacity:1;
  630. color:{color:navlink};
  631. background-color:#000;
  632. border: 3px double {color:h1border};
  633. }
  634.  
  635. ul#tabs li.active { /*– your active tab –*/
  636. background-color:{color:navlink hover};
  637. color:{color:navlink shadow};
  638. -webkit-transition:
  639. all 0.5s ease-out;
  640. -moz-transition: all 0.5s ease-out;
  641. transition: all 0.5s ease-out;
  642. }
  643.  
  644. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  645. ul#tab li.active {display: block;}
  646. ul#tab li {display: none;}
  647. }
  648.  
  649. /*customization for navigation tables*/
  650. table, th, td {
  651. border: 1px solid {color:body};
  652. }
  653. th, td {
  654. border-bottom: 1px solid {color:body};
  655. }
  656.  
  657.  
  658. table {
  659. width: 90%;
  660. text-align: center;
  661. table-layout: auto;
  662. }
  663.  
  664. th {
  665. width: auto;
  666. margin-right:auto;
  667. margin-left:auto;
  668. text-align: center;
  669. }
  670.  
  671. th, td {
  672. padding:3px;
  673. }
  674.  
  675. .tablenav {
  676. border-collapse: collapse;
  677. width:200px;
  678. margin-left:auto;
  679. margin-right:auto;
  680. margin-bottom:25px;
  681. margin-top:10px;
  682. }
  683.  
  684. .tablenav a
  685. {
  686. display:block;
  687. text-decoration:none;
  688. font-size:7px;
  689. text-transform:uppercase;
  690. font-weight:700;
  691. text-align: center;
  692. letter-spacing:1.5px;
  693. }
  694.  
  695. /*more post stuff*/
  696. .caption {
  697. margin-top:15px;
  698. }
  699.  
  700. .chat {
  701. padding:0;
  702. list-style-type:none;
  703. }
  704.  
  705. .chat .label {
  706. font-weight:bold;
  707. }
  708.  
  709. .quote {
  710. text-align:center;
  711. font-weight:bold;
  712. font-size:20px;
  713. line-height:20px;
  714. margin-bottom:5px;
  715. }
  716.  
  717. .source {
  718. text-align:center;
  719. margin-bottom:10px;
  720. }
  721.  
  722. .media {
  723. position:relative;
  724. display:inline-block;
  725. width:100%;
  726. }
  727.  
  728. .musicwrapper {
  729. position: relative;
  730. display:inline-block;
  731. }
  732.  
  733. .albumimgwrapper {
  734. position: absolute;
  735. opacity:.7;
  736. overflow: hidden;
  737. margin-left:20px;
  738. width: 57px;
  739. height: 55px;
  740. }
  741.  
  742. .pbbg {
  743. position: absolute;
  744. left: 8px;
  745. top: 5px;
  746. width: 30px;
  747. height: 30px;
  748. margin-left:16px;
  749. background-color: transparent;
  750. padding: 10px;
  751. opacity:.4;
  752. filter: alpha(opacity=40);
  753. -moz-opacity: 0.4;
  754. -khtml-opacity: 0.4;
  755. transition: opacity .7s ease-in-out;
  756. -moz-transition: opacity .7s ease-in-out;
  757. -webkit-transition: opacity .7s ease-in-out;
  758. }
  759.  
  760. .pbbg:hover {
  761. opacity: 1;
  762. filter: alpha(opacity=100);
  763. -moz-opacity: 1;
  764. -khtml-opacity: 1;
  765. }
  766.  
  767. .playerbutton {
  768. position: relative;
  769. width: 30px;
  770. height: 30px;
  771. overflow:hidden;
  772. }
  773.  
  774. .pbhug {
  775. position: absolute;
  776. top: -30px;
  777. left: -10px;
  778. }
  779.  
  780. .tumblr_audio_player {
  781. height: 90px;
  782. width: 270px;
  783. }
  784.  
  785. .albuminfo {
  786. padding:10px;
  787. display:inline-block;
  788. margin-left: 90px;
  789. min-height: 75px;
  790. }
  791.  
  792. .asker {
  793. text-align:center;
  794. font-size:25px;
  795. margin-bottom:5px;
  796. text-transform:lowercase;
  797. font-family: 'Homemade Apple', cursive;
  798. -webkit-filter:blur(.4px);
  799. }
  800.  
  801. .question {
  802. text-align:center;
  803. padding:3px;
  804. margin-top:-6px;
  805. max-height:200px;
  806. background-image:url('http://bestanimations.com/Nature/Water/snowflake/snowflake-animated-gif-7.gif');
  807. border:4px double {color:h1border};
  808. }
  809.  
  810. .answer {
  811. padding-top:3px;
  812. }
  813.  
  814. /*customization for pagination */
  815. .pagination {
  816. width:250px;
  817. position:fixed;
  818. font-size:13px;
  819. font-weight:500;
  820. top:620px;
  821. left:300px;
  822. text-align:center;
  823. }
  824.  
  825. .pagination a {
  826. color:{color:pagination};
  827. -webkit-filter:blur(1px);
  828. -webkit-transition: 0.8s ease-in;
  829. -moz-transition: .8s ease-in;
  830. transition: .8s ease-in;
  831. }
  832.  
  833. .pagination a:hover {
  834. -webkit-filter:blur(0px);
  835. color:{color:pagination hover};
  836. text-shadow:none;
  837. }
  838.  
  839. /*customization for tooltips */
  840. #s-m-t-tooltip {
  841. max-width:300px;
  842. border-radius: 0px; /*if you want rounded corners*/
  843. padding:4px;
  844. margin:15px 15px 5px 0px;/*how far it appears from link*/
  845. color:{color:tooltiptext};
  846. font-family: 'Eczar', serif;
  847. font-size:12px;
  848. letter-spacing:0px;
  849. font-weight:100;
  850. background:{color:tooltipbg};
  851. z-index:99999;/*don't change this*/
  852. }
  853.  
  854. /* DO NOT REMOVE THIS. It's my credit and I worked very hard on it. */
  855. #mycredit {
  856. z-index:999999999;
  857. bottom:5px;
  858. right:5px;
  859. height:30px;
  860. width:30px;
  861. opacity:.4;
  862. position:fixed;
  863. padding:5px;
  864. -webkit-transition: 0.8s ease-in;
  865. -moz-transition: .8s ease-in;
  866. transition: .8s ease-in;
  867. }
  868.  
  869. #mycredit:hover {
  870. opacity:1;
  871. }
  872.  
  873. </style>
  874.  
  875. </head>
  876. <body>
  877.  
  878. <!--hover stuff-->
  879. <div id="description"><p><h1>Nobody learns</h1><p><p> Indie FE:14 Felicia
  880. <p> Written by: Nessa <h1>without getting it wrong</h1> Semi-Active/Semi-Hiatus until April 1st
  881. <p>
  882. <b>PLEASE</b> read the <p><a href="/rules">RULES</a> before interacting! <p><h1>I Wanna Try</h1><p><a href="https://www.rpthreadtracker.com/public/allthreads?userId=25795&currentBlog=daggers-of-ice&sortDescending=false&currentOrderBy=WatchedShortname&filteredTag="> Thread tracker</a> </P> <h1> Even Though I Could Fail</h1></p>Tracking the tag #daggersofice</p>
  883.  
  884.  
  885. </div>
  886. <div id="navcont">
  887. <div id="navlinks">
  888. <a href="/ask" rel="box1" class="poplight" title="Ask">❅</a>
  889. <a href="/rules" rel="box2" class="poplight" title="Rules">❅</a>
  890. <a href="/muse" rel="box3" class="poplight" title="The Maid">❅</a>
  891. <a href="/verses" rel="box4" class="poplight" title="Verses">❅</a>
  892. <a href="/mun" rel="box5" class="poplight" title="Mun">❅</a>
  893. </div></div>
  894.  
  895. <!-- pagination -->
  896. <div class="pagination">{block:Pagination}
  897. {block:PreviousPage}<a href="{PreviousPage}">BACK</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}">NEXT</a></a>
  898. {/block:NextPage}
  899. {/block:Pagination}</div>
  900.  
  901. <!-- all the post stuff -->
  902. <div id="container">
  903. {block:Posts}
  904.  
  905. <div class="posts">
  906.  
  907. {block:Text}{block:Title}<h2 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  908.  
  909. {block:Photo}<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{/block:Photo}
  910.  
  911. {block:Photoset}
  912. <div class="media photoset"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  913. </div>{/block:Photoset}
  914.  
  915. {block:Video}<div class="media video">{Video-500}</div>{/block:Video}
  916.  
  917. {block:Quote}<div class="quote"><i class="fa fa-quote-left" aria-hidden="true"></i>
  918. {Quote}<small><small><i class="fa fa-quote-right" aria-hidden="true"></i></small></small>
  919. </div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  920.  
  921. {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  922.  
  923. {block:Answer}<div class="asker">{Asker} wondered:</div><div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  924.  
  925. {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ul class="chat text">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}&nbsp; </span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  926.  
  927. {block:AudioPlayer}
  928. <div class="musicwrapper">
  929. {block:AlbumArt}<div class="albumimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  930. <div class="pbbg"><div class="playerbutton"><div class="pbhug">{AudioPlayerBlack}
  931. </div></div></div><div class="albuminfo">
  932. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  933. </div></div>{/block:AudioPlayer}
  934.  
  935. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  936.  
  937. <div id="{ShortURL}-hide"><div class="permaleft">{block:Date}<a href="{Permalink}" title="Posted {Timeago} on {DayofMonth} {Month} with n{NoteCount}">●</div>{/block:Date}<div class="permalinks">
  938. {block:RebloggedFrom}
  939. <a href="{ReblogParentURL}" title="via:{ReblogParentName}">i</a>
  940. <a href="{ReblogRootURL}" title="source:{ReblogRootName}">ii</a>
  941. {/block:RebloggedFrom}
  942. <a href="{ReblogURL}" title="reblog">iii</a></div><div class="permaright"></div>
  943.  
  944. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  945. {/block:HasTags}</div>
  946.  
  947. </div>
  948. {block:PostNotes}<div class="permalinks">{PostNotes}</div>
  949. {/block:PostNotes}
  950. {/block:Posts}
  951.  
  952.  
  953. </div></div>
  954.  
  955.  
  956. {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom}
  957. </div></div>
  958.  
  959. <!-- DO NOT REMOVE MY CREDIT -->
  960. <div id="mycredit"><a href="http://rpjustxce.tumblr.com/" title="theme by Justxce Themes"><img src="http://static.tumblr.com/ewpefvd/Uteohiglh/rpj-icon.png"></a></div>
  961.  
  962. </div>
  963.  
  964. </body>
  965.  
  966. <!----------------- BEGIN POPUPS ------------------------------->
  967.  
  968. <!--this is your askbox and submitbox popup -->
  969. <div id="box1" class="popup_block">
  970.  
  971. <h1>{text:askbox header}</h1>
  972. <p>{text:askbox text}</p>
  973.  
  974. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/www.{text:askform}.tumblr.com" width="100%"></iframe>
  975.  
  976. <p><p>
  977.  
  978. <h1>{text:submit header}</h1>
  979. <p>{text:submit text}</p>
  980.  
  981. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/submit_form/www.{text:askform}.tumblr.com" width="100%"></iframe>
  982. </div>
  983.  
  984. </div></div></div></div></div></div></div></div></div></div>
  985.  
  986. <!--this is your navigation box popup -->
  987. <div id="box2" class="popup_block">
  988.  
  989. <h1 style="margin-bottom:10px;">navigation</h1>
  990. <!-- start copy here for table -->
  991. <table class="tablenav">
  992. <th colspan="3"><!--change this number for how many columns you end up using, you can also delete this if you don't want a title -->TITLE</th>
  993. <!--start copy here for row -->
  994. <tr>
  995. <!--start copy here for column <td> -->
  996. <td><a href="#">wizz</a></td>
  997. <!--end copy here for column -->
  998. <td><a href="#">gee</a></td>
  999. <td><a href="#">oh</a></td>
  1000. </th>
  1001. </tr>
  1002. <!--end copy here for row <tr> -->
  1003. <tr>
  1004. <td><a href="#">super</a></td>
  1005. <td><a href="#">fan</a></td>
  1006. <td><a href="#">woosh</a></td>
  1007. </tr>
  1008. <tr>
  1009. <td><a href="#">unf</a></td>
  1010. <td><a href="#">gurgle</a></td>
  1011. <td><a href="#">whistle</a></td>
  1012. </tr>
  1013. </table>
  1014.  
  1015. <p>
  1016.  
  1017. <!-- end copy here for table -->
  1018.  
  1019. <!-- start copy here for table -->
  1020. <table class="tablenav">
  1021. <th colspan="3"><!--change this number for how many columns you end up using, you can also delete this if you don't want a title -->TITLE</th>
  1022. <!--start copy here for row -->
  1023. <tr>
  1024. <!--start copy here for column <td> -->
  1025. <td><a href="#">wizz</a></td>
  1026. <!--end copy here for column -->
  1027. <td><a href="#">gee</a></td>
  1028. <td><a href="#">oh</a></td>
  1029. </th>
  1030. </tr>
  1031. <!--end copy here for row <tr> -->
  1032. <tr>
  1033. <td><a href="#">super</a></td>
  1034. <td><a href="#">fan</a></td>
  1035. <td><a href="#">woosh</a></td>
  1036. </tr>
  1037. <tr>
  1038. <td><a href="#">unf</a></td>
  1039. <td><a href="#">gurgle</a></td>
  1040. <td><a href="#">whistle</a></td>
  1041. </tr>
  1042. </table>
  1043.  
  1044. <p>
  1045.  
  1046. <!-- end copy here for table -->
  1047. </div>
  1048.  
  1049. </div></div></div></div></div></div></div></div></div></div>
  1050.  
  1051. <!--this is your link 1 popup-->
  1052. <div id="box3" class="popup_block">
  1053.  
  1054. <h1>link 1 header title</h1><!--you can change this title if you want-->
  1055.  
  1056. <p><!--here starts the content-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1057.  
  1058. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1059.  
  1060. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1061.  
  1062. <p><!--here starts the content-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1063.  
  1064. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1065.  
  1066. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1067.  
  1068. <p><!--here starts the content-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1069.  
  1070. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1071.  
  1072. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1073.  
  1074. </div></div></div></div></div></div></div></div></div></div>
  1075.  
  1076. <!--this is your link 2 popup-->
  1077. <div id="box4" class="popup_block">
  1078.  
  1079. <h1>link 2 header title</h1><!--you can change this title if you want-->
  1080.  
  1081. <p><!--here starts the content-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1082.  
  1083. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1084.  
  1085. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1086.  
  1087. <p><!--here starts the content-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1088.  
  1089. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1090.  
  1091. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1092.  
  1093. <p><!--here starts the content-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1094.  
  1095. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1096.  
  1097. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1098.  
  1099. </div></div></div></div></div></div></div></div></div></div>
  1100.  
  1101. <!--this is your link 3 popup, with the verses tabs-->
  1102. <div id="box5" class="popup_block">
  1103.  
  1104. <h1>Vessels of Micha'el</h1><!--title of popup-->
  1105. <ul id="tabs">
  1106. <li class="active">John</li><!--this is your first, default tab-->
  1107. &nbsp;
  1108. <li>Dean</li><!--this is your second tab/verse -->
  1109. &nbsp;
  1110. <li>Adam</li><!--this is your third tab/verse-->
  1111. <!--for more verses, just insert more <li>Verse #</li>-->
  1112. </ul>
  1113.  
  1114. <div style="width:220px;overflow:scroll;padding:15px;color:{color:body};">
  1115.  
  1116. <ul id="tab">
  1117. <!--to add more tabs, just copy/paste using instructions in code-->
  1118. <!--this is where your first, default tab starts-->
  1119. <li class="active">
  1120.  
  1121. <center><h2>Verse 1.0</h2></center><!--title of verse 1-->
  1122.  
  1123. <p><!--here starts the content-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1124.  
  1125. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1126.  
  1127. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1128.  
  1129. <br><br><br>
  1130.  
  1131.  
  1132. </li><!--this is where your first tab ends-->
  1133.  
  1134. <!--copy from here-->
  1135. <li><!--this is where your second tab/verse starts-->
  1136.  
  1137. <center><h2>Verse 2.0</h2></center>
  1138.  
  1139. <p><!--here starts the content-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1140.  
  1141. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1142.  
  1143. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1144.  
  1145. <br><br><br>
  1146.  
  1147.  
  1148. </li><!--end copy here--><!--this is where your second tab/verse ends-->
  1149.  
  1150. <!--copy from here-->
  1151. <!--this is where your third tab/verse starts-->
  1152. <li>
  1153.  
  1154.  
  1155. <center><h2>Verse 3.0</h2></center>
  1156.  
  1157. <p><!--here starts the content-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1158.  
  1159. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1160.  
  1161. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1162.  
  1163. <br><br><br>
  1164.  
  1165.  
  1166. </li><!--end copy here--><!--this is where your third tab/verse ends-->
  1167.  
  1168. </ul>
  1169.  
  1170. </div>
  1171.  
  1172. </div></div></div></div></div></div></div></div></div></div>
  1173.  
  1174. <!--------------- END POPUPS -------------------->
  1175. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement