Html site 9 5/3/2017

SUBMITTED BY: canonical

DATE: May 3, 2017, 6:08 p.m.

FORMAT: HTML

SIZE: 50.6 kB

Raw Download

HITS: 311

Report
  1. If you want more of my pastes visit: https://randompaste.000webhostapp.com/index.html
  2. --------------------------------------------------------------------------------------
  3. view my last post at: https://bitbin.it/idv9xSNQ/
  4. --------------------------------------------------------------------------------------
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <!--
  12. WINTER'S LADY THEMES
  13. ♛ this code was made by AGIRLINGREY@TUMBLR.
  14. ♛ do not remove credit or claim as your own.
  16. -->
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  26. <!--
  27. POP UP SCRIPT
  28. -->
  31. <script type="text/javascript"
  32. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  33. <script>
  34. $(document).ready(function() {
  35. //
  36. $('a.poplight[href^=#]').click(function() {
  37. var popID = $(this).attr('rel'); //Get Popup Name
  38. var popURL = $(this).attr('href'); //Get Popup href to define size
  39. var query= popURL.split('?');
  40. var dim= query[1].split('&');
  41. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  42. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  43. var popMargTop = ($('#' + popID).height() + 80) / 2;
  44. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  45. //Apply Margin to Popup
  46. $('#' + popID).css({
  47. 'margin-top' : -popMargTop,
  48. 'margin-left' : -popMargLeft
  49. });
  50. $('body').append('<div id="fade"></div>');
  51. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  52. return false;
  53. });
  54. $('a.close, #fade').live('click', function() {
  55. $('#fade , .popup_block').fadeOut(function() {
  56. $('#fade, a.close').remove(); //fade them both out
  57. });
  58. return false;
  59. });
  60. });
  61. </script>
  65. <!--
  66. VERSE TABS SCRIPT
  67. -->
  70. <script>
  72. $(document).ready(function(){
  73. $("ul#tabs li").click(function(e){
  74. if (!$(this).hasClass("active")) {
  75. var tabNum = $(this).index();
  76. var nthChild = tabNum+1;
  77. $("ul#tabs li.active").removeClass("active");
  78. $(this).addClass("active");
  79. $("ul#tab li.active").removeClass("active");
  80. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  81. }
  82. });
  83. });
  84. </script>
  89. <!--
  90. TOOLTIP STYLING SCRIPT
  91. -->
  94. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  95. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  96. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  97. <script>
  98. (function($){
  99. $(document).ready(function(){
  100. $("[title]").style_my_tooltips({
  101. tip_follows_cursor:true,
  102. tip_delay_time:200,
  103. tip_fade_speed:500
  104. });
  105. });
  106. })(jQuery);
  107. </script>
  112. <!--
  113. BLOBS IN A JAR
  114. -->
  117. <script type="text/javascript">
  118. // <![CDATA[
  119. var colour="#5d5d61"; // what colour are the blobs
  120. var speed=66; // speed of animation, lower is faster
  121. var blobs=20; // how many blobs are in the jar
  122. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  124. /***************************\
  125. * Blobs in a Jar Effect *
  126. *(c)2012-13 mf2fm web-design*
  127. * http://www.mf2fm.com/rv *
  128. * DON'T EDIT BELOW THIS BOX *
  129. \***************************/
  131. var div;
  132. var xpos=new Array();
  133. var ypos=new Array();
  134. var zpos=new Array();
  135. var dx=new Array();
  136. var dy=new Array();
  137. var dz=new Array();
  138. var blob=new Array();
  139. var swide=800;
  140. var shigh=600;
  141. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  143. function addLoadEvent(funky) {
  144. var oldonload=window.onload;
  145. if (typeof(oldonload)!='function') window.onload=funky;
  146. else window.onload=function() {
  147. if (oldonload) oldonload();
  148. funky();
  149. }
  150. }
  152. addLoadEvent(fill_the_jar);
  154. function fill_the_jar() {
  155. var i, dvs;
  156. div=document.createElement('div');
  157. dvs=div.style;
  158. dvs.position='fixed';
  159. dvs.left='0px';
  160. dvs.top='0px';
  161. dvs.width='1px';
  162. dvs.height='1px';
  163. document.body.appendChild(div);
  164. set_width();
  165. for (i=0; i<blobs; i++) {
  166. add_blob(i);
  167. jamjar(i);
  168. }
  169. }
  171. function add_blob(ref) {
  172. var dv, sy;
  173. dv=document.createElement('div');
  174. sy=dv.style;
  175. sy.position='absolute';
  176. sy.textAlign='center';
  177. if (ie_version && ie_version<10) {
  178. sy.fontSize="10px";
  179. sy.width="100px";
  180. sy.height="100px";
  181. sy.paddingTop="40px";
  182. sy.color=colour;
  183. dv.appendChild(document.createTextNode(charc));
  184. }
  185. else if (ie_version) {
  186. sy.fontSize="1px";
  187. sy.width="0px";
  188. sy.height="0px";
  189. }
  190. else {
  191. dv.appendChild(document.createTextNode(charc));
  192. sy.color='rgba(0,0,0,0)';
  193. }
  194. ypos[ref]=Math.floor(shigh*Math.random());
  195. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  196. xpos[ref]=Math.floor(swide*Math.random());
  197. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  198. zpos[ref]=Math.random()*20;
  199. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  200. blob[ref]=dv;
  201. div.appendChild(blob[ref]);
  202. set_blob(ref);
  203. }
  205. function rejig(ref, xy) {
  206. if (xy=='y') {
  207. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  208. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  209. }
  210. else {
  211. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  212. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  213. }
  214. }
  216. function sign(a) {
  217. if (a<0) return (-2);
  218. else if (a>0) return (2);
  219. else return (0);
  220. }
  222. function set_blob(ref) {
  223. var sy;
  224. sy=blob[ref].style;
  225. sy.top=ypos[ref]+'px';
  226. sy.left=xpos[ref]+'px';
  227. if (ie_version && ie_version<10) {
  228. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  229. sy.fontSize=30-zpos[ref]+"px";
  230. }
  231. else if (ie_version) {
  232. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  233. }
  234. else {
  235. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  236. sy.fontSize=40+zpos[ref]+'px';
  237. }
  238. }
  240. function jamjar(ref) {
  241. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  242. ypos[ref]+=dy[ref];
  243. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  244. xpos[ref]+=dx[ref];
  245. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  246. zpos[ref]+=dz[ref];
  247. set_blob(ref);
  248. setTimeout("jamjar("+ref+")", speed);
  249. }
  251. window.onresize=set_width;
  252. function set_width() {
  253. var sw_min=999999;
  254. var sh_min=999999;
  255. if (document.documentElement && document.documentElement.clientWidth) {
  256. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  257. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  258. }
  259. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  260. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  261. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  262. }
  263. if (document.body.clientWidth) {
  264. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  265. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  266. }
  267. if (sw_min==999999 || sh_min==999999) {
  268. sw_min=800;
  269. sh_min=600;
  270. }
  271. swide=sw_min;
  272. shigh=sh_min;
  273. }
  274. // ]]>
  275. </script>
  281. <title>{Title}</title>
  282. <link rel="shortcut icon" href="{Favicon}">
  283. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  284. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  286. <meta name="color:background" content="#5d5d61"/>
  287. <meta name="color:text" content="#fff"/>
  288. <meta name="color:description" content=transparent/>
  289. <meta name="color:link" content="#a77dc2"/>
  290. <meta name="color:link hover" content="#fff" />
  291. <meta name="color:bold" content="#000" />
  292. <meta name="color:italic" content="#000" />
  293. <meta name="color:border" content="#000" />
  294. <meta name="color:scrollbar" content="#ffffff" />
  295. <meta name="color:postbg" content=transparent />
  296. <meta name="color:blockquote" content="#000" />
  297. <meta name="color:tags" content="#000"/>
  298. <meta name="color:tags link" content="#fff"/>
  299. <meta name="color:pre" content="#3d3d3e"/>
  301. <meta name="image:background" content=""/>
  303. <meta name="text:link 1" content="link 1"/>
  304. <meta name="text:link 1 url" content="/"/>
  305. <meta name="text:link 2" content="link 2"/>
  306. <meta name="text:link 2 url" content="/"/>
  307. <meta name="text:link 3" content="link 3"/>
  308. <meta name="text:link 3 url" content="/"/>
  309. <meta name="text:link 4" content="link 4"/>
  310. <meta name="text:link 4 url" content="/"/>
  311. <meta name="text:link 5" content="link 5"/>
  312. <meta name="text:link 5 url" content="/"/>
  313. <meta name="text:link 6" content="link 6"/>
  314. <meta name="text:link 6 url" content="/"/>
  315. <meta name="text:link 7" content="link 7"/>
  316. <meta name="text:link 7 url" content="/"/>
  317. <meta name="text:link 8" content="link 8"/>
  318. <meta name="text:link 8 url" content="/"/>
  320. <meta name="if:tinycursor" content="0"/>
  321. <meta name="if:greyscale" content="0"/>
  322. <meta name="text:text size" content="12px" />
  323. <meta name="if:showsubmit" content="0"/>
  325. <meta name="color:updates bar" content="#000"/>
  326. <meta name="image:Updates" content=""/>
  327. <meta name="image:thekey" content=""/>
  331. <!--
  332. CUSTOM FONTS
  333. -->
  336. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  338. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  340. <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
  342. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  345. <style type="text/css">
  349. /* the hover update thing */
  353. #bite
  354. #bite a{
  355. display:block
  356. }
  357. #bite .death {
  358. margin-top:0px;filter: alpha(opacity = 1.0);
  359. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  360. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  361. }
  363. #bite:hover .death {
  364. margin-top:0px;
  365. -webkit-transition: all 0.8s ease-out;
  366. -moz-transition: all 0.8s ease-out;
  367. transition: all 0.8s ease-out;
  368. filter: alpha(opacity = 100);
  369. filter: alpha(opacity = 100);
  370. opacity:100;
  371. }
  374. /* selection font and background */
  377. ::selection {
  378. background: {color:bold};
  379. color:#fff; }
  382. ::-moz-selection {
  383. background: {color:bold};
  384. color:#fff; }
  388. /* scrollbar details */
  392. ::-webkit-scrollbar {
  393. height: 0px;
  394. width: 2px;
  395. background:transparent;
  396. border-left:0px solid transparent;
  397. border-right:0px solid transparent;}
  400. ::-webkit-scrollbar-thumb {
  401. background:transparent;}
  407. /* the cursor */
  410. {block:iftinycursor}
  411. body, a, a:hover{
  412. cursor: url('http://media.tumblr.com/28e8e2c9c0a422c5fb73ea368b58b529/tumblr_inline_mv7k3cbC5e1qmxe8x.png'), progress;}
  413. {/block:iftinycursor}
  415. iframe#tumblr_controls {
  416. right:3px !important;
  417. position: fixed !important;
  418. -webkit-transition: opacity 0.7s
  419. linear;opacity: 0.2;
  420. -webkit-transition: all 0.8s ease-out;
  421. -moz-transition: all 0.8s ease-out;
  422. transition: all 0.8s ease-out;}
  424. iframe#tumblr_controls:hover{
  425. -webkit-transition: opacity 0.7s linear;
  426. opacity: 1;
  427. -webkit-transition: all 0.4s ease-out;
  428. -moz-transition: all 0.4s ease-out;
  429. transition: all 0.4s ease-out;}
  433. /* general look & background */
  436. body {
  437. background:{color:background};
  438. background-image:url('http://i.imgur.com/G4cuvqE.png');
  439. background-attachment: fixed;
  440. background-repeat: no-repeat;
  441. background-position: left top;
  442. color:{color:text};
  443. font-family: calibri;
  444. text-align:justify;
  445. font-size: 10px;
  446. letter-spacing:1px;
  447. line-height:135%;
  449. }
  453. /* the verses tabs */
  456. ul#tabs {
  457. list-style-type: none;
  458. padding: 0;
  459. text-align: center;
  460. font-size:8px;
  461. letter-spacing:1px;
  462. }
  464. ul#tabs li {
  465. display: inline-block;
  466. background-color: transparent;
  467. border: solid 0px #262626;
  468. padding: 4px 12px;
  469. margin-bottom: 4px;
  470. color: #1b1b1b;
  471. cursor: pointer;
  472. }
  474. ul#tabs li:hover {
  475. background-color: {color:bold};
  476. color:#fff;
  477. }
  479. ul#tabs li.active {
  480. background-color: #0f0f0f;
  481. background-image:url('http://i.imgur.com/VOfXkO7.png');
  482. border: 1px solid #9b9b9b;
  483. color:#fff;
  484. }
  486. ul#tab {
  487. list-style-type: none;
  488. margin: 0;
  489. padding: 0;
  490. }
  492. ul#tab li {
  493. display: none;
  494. }
  496. ul#tab li.active {
  497. display: block;
  498. }
  503. /* back to general look & details */
  507. a:link, a:active, a:visited {
  508. text-decoration: none;
  509. color: {color:link};
  510. -moz-transition-duration:.6s;
  511. -webkit-transition-duration:.6s;
  512. -o-transition-duration:.6s;
  513. -webkit-filter: blur(0px);}
  515. a:hover {
  516. color: {color:link hover};
  517. -moz-transition-duration:.6s;
  518. -webkit-transition-duration:.6s;
  519. -o-transition-duration:.6s;
  520. -webkit-filter: blur(1px);}
  524. h1 {
  525. background-color: transparent;
  526. font-family: 'Montserrat', sans-serif;
  527. font-size: 16px;
  528. line-height: 20px;
  529. letter-spacing: 2px;
  530. text-align: center;
  531. text-transform:uppercase;
  532. color: #d1d1d1;
  533. }
  536. h2 {
  537. background-color: transparent;
  538. font-family: 'Montserrat', sans-serif;
  539. font-size: 15px;
  540. line-height: 16px;
  541. letter-spacing: 2px;
  542. text-align: left;
  543. text-transform:uppercase;
  544. color: #d1d1d1;
  545. }
  549. h3 {
  550. background-color: transparent;
  551. background-image:url("http://i.imgur.com/VOfXkO7.png");
  552. border:1px dotted #9b9b9b;
  553. font-family: arial;
  554. font-weight:bold;
  555. color: #d1d1d1;
  556. text-shadow:0px 0px 2px #2c2f34;
  557. font-size: 10px;
  558. line-height: 12px;
  559. letter-spacing: 2px;
  560. text-align: center;
  561. text-transform:uppercase;
  562. padding:1px;
  563. line-height:120%;}
  567. quotetext {
  568. background-color: transparent;
  569. font-family: times;
  570. font-size: 14px;
  571. line-height: 20px;
  572. letter-spacing: 2px;
  573. text-align: center;
  574. text-transform:uppercase;
  575. color: #dadada;
  576. }
  580. blockquote {
  581. word-wrap: break-word;
  582. padding:2px 7px;
  583. margin:3px 0 3px 10px;
  584. border-left:1.5px solid {color:blockquote};
  585. border-radius:0px 0px 0px 5px;
  586. background-color:transparent;}
  589. blockquote img{
  590. max-width:100%;
  591. height:auto;
  592. }
  594. blockquote blockquote img{
  595. max-width:100%;
  596. height:auto;
  597. }
  605. b, bold, strong {
  606. font-size:10px;
  607. text-transform:uppercase;
  608. letter-spacing:1px;
  609. font-family: times;
  610. color:{color:bold};
  611. text-shadow:0px 0px 2px #fff;
  612. }
  615. i, italic, em {
  616. font-size:12px;
  617. color:{color:italic};
  618. font-family: 'Roboto Condensed', sans-serif;
  619. text-shadow: 0px 0px 2px #fff;
  620. letter-spacing:1px;
  621. text-transform:lowercase;
  622. }
  626. p {
  627. margin-top:5px;
  628. margin-bottom:5px;}
  631. ol {
  632. list-style:normal;}
  635. ul {
  636. list-style:square;}
  639. small {
  640. font-size:10px}
  643. sup,sub {
  644. font-size:11px}
  647. pre {
  648. font-size: 10px;
  649. letter-spacing:3px;
  650. background-color:{color:pre};
  651. font-family: "Times New Roman", Times, serif;
  652. font-style: none;
  653. text-align:center;
  654. }
  658. big {
  659. font-size:14px;
  660. text-transform:uppercase;
  661. letter-spacing:2px;
  662. font-family: "Times New Roman", Times, serif;
  663. color: #b8b8b8;
  664. text-shadow: 0px 0px 2px #383838;
  665. }
  669. {block:IfGreyscale}
  671. img {
  672. -webkit-filter:grayscale(100%);
  673. -webkit-transition: all 0.9s ease-in-out;
  674. -moz-transition: all 0.9s ease-in-out;
  675. -o-transition: all 0.9s ease-in-out;
  676. -ms-transition: all 0.9s ease-in-out;
  677. transition: all 0.9s ease-in-out;}
  679. img:hover {
  680. -webkit-filter:none;}
  682. .html_photoset {
  683. -webkit-filter: grayscale(100%);
  684. -webkit-transition: all 0.9s ease-in-out;
  685. -moz-transition: all 0.9s ease-in-out;
  686. -o-transition: all 0.9s ease-in-out;
  687. -ms-transition: all 0.9s ease-in-out;
  688. transition: all 0.9s ease-in-out;}
  690. .html_photoset:hover {
  691. -webkit-filter: none;}
  693. {/block:IfGreyscale}
  697. #pcontainer {
  698. background-color:transparent;
  699. width:500px;
  700. height:320px;
  701. padding: 20px;
  702. top:400px;
  703. margin-left: 200px;
  704. position:relative;
  705. overflow-y:scroll;
  706. overflow-x:hidden;
  707. -webkit-mask-image: -webkit-gradient(
  708. linear, center 75%, center bottom,
  709. from(rgba(0,0,0,20)),
  710. to(rgba(20,0,0,0)));
  711. border:1px solid transparent;
  712. }
  716. #pcontainer img {
  717. height:auto;
  718. max-width:100%;
  719. }
  723. #content {
  724. margin-left:63.3px;
  725. width:500px;
  726. margin-top: -100px;
  727. }
  730. #posts {
  731. width:450px;
  732. padding:10px;
  733. margin-top: 70px;
  734. margin-left:-70px;
  735. padding-bottom:0px;}
  739. #sidebar {
  740. margin-left: 1590px;
  741. line-height:15px;
  742. width: 180px;
  743. position: fixed;
  744. top: 200px;
  745. text-align: center; }
  748. #sidebar img {
  749. width:150px;
  750. padding-top:10px;
  751. padding-bottom:10px;}
  754. #description {
  755. margin-left: 0px;
  756. margin-top: -50px;
  757. width:180px;
  758. color:transparent;}
  762. #actualnews {
  763. font-family: calibri;
  764. font-size:10px;
  765. text-align:justify;
  766. background:transparent;
  767. color: {color:text};
  768. width:190px;
  769. height:220px;
  770. padding-top:10px;
  771. border:0px solid #131313;
  772. margin-left: 52px;
  773. margin-top: 115px;
  774. position:fixed;
  775. -webkit-filter: blur(0px);
  776. -webkit-transition: 0.8s ease-in;
  777. -moz-transition: 1s ease-in;
  778. transition: 1s ease-in;
  779. opacity:0.5;
  780. -webkit-transition: all 0.6s ease-in-out;
  781. -moz-transition: all 0.6s ease-in-out;
  782. -o-transition: all 0.6s ease-in-out;
  783. -ms-transition: all 0.6s ease-in-out;
  784. transition: all 0.6s ease-in-out;
  785. }
  789. #actualnews:hover {
  790. -webkit-filter:none;
  791. -webkit-transition: all 0.6s ease-in-out;
  792. opacity:1;
  793. -webkit-transition: all 0.6s ease-in-out;
  794. -moz-transition: all 0.6s ease-in-out;
  795. -o-transition: all 0.6s ease-in-out;
  796. -ms-transition: all 0.6s ease-in-out;
  797. transition: all 0.6s ease-in-out;
  798. }
  802. #thekey {
  803. position:fixed;
  804. color:#7c7470;
  805. text-shadow: 0px 0px 2px #fff;
  806. margin-top:175px;
  807. margin-left:55px;
  808. width:710px;
  809. padding:9px;
  810. letter-spacing:2px;
  811. word-spacing:5px; /*this defines the separation of each word of the links*/
  812. font-family: helvetica;
  813. font-size:12px;
  814. text-align:center;
  815. background:transparent;
  816. text-transform:uppercase;
  817. -webkit-transform: rotate(-90deg);
  818. -moz-transform: rotate(-90deg);
  819. -o-transform: rotate(-90deg);
  820. }
  825. /* JUMBLED LINKS */
  829. .alinks {
  830. position:fixed;
  831. text-shadow: 0px 0px 0px #000;
  832. left:257px;
  833. top:237px;
  834. transform: rotate(0deg);
  835. font-family: 'Montserrat', sans-serif;
  836. font-size: 20px;}
  839. .alinks a {
  840. opacity:1;
  841. padding:10px;
  842. color:{color:bold};
  843. margin-right:0px;
  844. -webkit-filter: blur(0px);
  845. -webkit-transition: 0.8s ease-in;
  846. -moz-transition: 1s ease-in;
  847. transition: 1s ease-in;
  848. }
  850. .alinks a:hover {
  851. opacity:1;
  852. -webkit-filter: blur(3px);
  853. -webkit-transition: all 0.6s ease-in-out;
  854. -moz-transition: all 0.6s ease-in-out;
  855. -o-transition: all 0.6s ease-in-out;
  856. -ms-transition: all 0.6s ease-in-out;
  857. transition: all 0.6s ease-in-out;
  858. color: #000;
  859. text-shadow: 3px 3px 3px #000;
  860. }
  865. .blinks {
  866. position:fixed;
  867. text-shadow: 0px 0px 0px #000;
  868. left:420px;
  869. top:100px;
  870. transform: rotate(0deg);
  871. font-family: 'Montserrat', sans-serif;
  872. font-size: 30px;}
  875. .blinks a {
  876. padding:10px;
  877. color:#fff;
  878. margin-right:0px;
  879. -webkit-filter: blur(2px);
  880. -webkit-transition: 0.8s ease-in;
  881. -moz-transition: 1s ease-in;
  882. transition: 1s ease-in;
  883. }
  885. .blinks a:hover {
  886. -webkit-filter: blur(0px);
  887. -webkit-transition: all 0.6s ease-in-out;
  888. -moz-transition: all 0.6s ease-in-out;
  889. -o-transition: all 0.6s ease-in-out;
  890. -ms-transition: all 0.6s ease-in-out;
  891. transition: all 0.6s ease-in-out;
  892. color:{color:bold};
  893. text-shadow: 2px 2px 2px #fff;
  894. }
  899. .clinks {
  900. position:fixed;
  901. text-shadow: 0px 0px 0px #000;
  902. left:300px;
  903. top:150px;
  904. transform: rotate(30deg);
  905. font-family: 'Montserrat', sans-serif;
  906. font-size: 30px;}
  909. .clinks a {
  910. padding:10px;
  911. color:#fff;
  912. margin-right:0px;
  913. -webkit-filter: blur(2px);
  914. -webkit-transition: 0.8s ease-in;
  915. -moz-transition: 1s ease-in;
  916. transition: 1s ease-in;
  917. }
  919. .clinks a:hover {
  920. -webkit-filter: blur(0px);
  921. -webkit-transition: all 0.6s ease-in-out;
  922. -moz-transition: all 0.6s ease-in-out;
  923. -o-transition: all 0.6s ease-in-out;
  924. -ms-transition: all 0.6s ease-in-out;
  925. transition: all 0.6s ease-in-out;
  926. color: {color:bold};
  927. text-shadow: 2px 2px 2px #fff;
  928. }
  933. .dlinks {
  934. position:fixed;
  935. text-shadow: 0px 0px 0px #000;
  936. left:500px;
  937. top:120px;
  938. transform: rotate(0deg);
  939. font-family: 'Montserrat', sans-serif;
  940. font-size: 30px;}
  943. .dlinks a {
  944. padding:10px;
  945. color:#fff;
  946. margin-right:0px;
  947. -webkit-filter: blur(2px);
  948. -webkit-transition: 0.8s ease-in;
  949. -moz-transition: 1s ease-in;
  950. transition: 1s ease-in;
  951. }
  953. .dlinks a:hover {
  954. -webkit-filter: blur(0px);
  955. -webkit-transition: all 0.6s ease-in-out;
  956. -moz-transition: all 0.6s ease-in-out;
  957. -o-transition: all 0.6s ease-in-out;
  958. -ms-transition: all 0.6s ease-in-out;
  959. transition: all 0.6s ease-in-out;
  960. color: {color:bold};
  961. text-shadow: 2px 2px 2px #fff;
  962. }
  967. .elinks {
  968. position:fixed;
  969. text-shadow: 0px 0px 0px #000;
  970. left:780px;
  971. top:130px;
  972. transform: rotate(-40deg);
  973. font-family: 'Montserrat', sans-serif;
  974. font-size: 30px;}
  977. .elinks a {
  978. padding:10px;
  979. color:#fff;
  980. margin-right:0px;
  981. -webkit-filter: blur(2px);
  982. -webkit-transition: 0.8s ease-in;
  983. -moz-transition: 1s ease-in;
  984. transition: 1s ease-in;
  985. }
  987. .elinks a:hover {
  988. -webkit-filter: blur(0px);
  989. -webkit-transition: all 0.6s ease-in-out;
  990. -moz-transition: all 0.6s ease-in-out;
  991. -o-transition: all 0.6s ease-in-out;
  992. -ms-transition: all 0.6s ease-in-out;
  993. transition: all 0.6s ease-in-out;
  994. color: {color:bold};
  995. text-shadow: 2px 2px 2px #fff;
  996. }
  1000. .flinks {
  1001. position:fixed;
  1002. text-shadow: 0px 0px 0px #000;
  1003. left:650px;
  1004. top:100px;
  1005. transform: rotate(0deg);
  1006. font-family: 'Montserrat', sans-serif;
  1007. font-size: 30px;}
  1010. .flinks a {
  1011. padding:10px;
  1012. color:#fff;
  1013. margin-right:0px;
  1014. -webkit-filter: blur(2px);
  1015. -webkit-transition: 0.8s ease-in;
  1016. -moz-transition: 1s ease-in;
  1017. transition: 1s ease-in;
  1018. }
  1020. .flinks a:hover {
  1021. -webkit-filter: blur(0px);
  1022. -webkit-transition: all 0.6s ease-in-out;
  1023. -moz-transition: all 0.6s ease-in-out;
  1024. -o-transition: all 0.6s ease-in-out;
  1025. -ms-transition: all 0.6s ease-in-out;
  1026. transition: all 0.6s ease-in-out;
  1027. color: {color:bold};
  1028. text-shadow: 2px 2px 2px #fff;
  1029. }
  1032. .glinks {
  1033. position:fixed;
  1034. text-shadow: 0px 0px 0px #000;
  1035. left:850px;
  1036. top:205px;
  1037. transform: rotate(20deg);
  1038. font-family: 'Montserrat', sans-serif;
  1039. font-size: 40px;}
  1042. .glinks a {
  1043. padding:10px;
  1044. color:#6b4580;
  1045. margin-right:0px;
  1046. -webkit-filter: blur(0px);
  1047. -webkit-transition: 0.8s ease-in;
  1048. -moz-transition: 1s ease-in;
  1049. transition: 1s ease-in;
  1050. text-shadow: 2px 2px 2px #000;
  1051. }
  1053. .glinks a:hover {
  1054. -webkit-filter: blur(0px);
  1055. -webkit-transition: all 0.6s ease-in-out;
  1056. -moz-transition: all 0.6s ease-in-out;
  1057. -o-transition: all 0.6s ease-in-out;
  1058. -ms-transition: all 0.6s ease-in-out;
  1059. transition: all 0.6s ease-in-out;
  1060. color: #000;
  1061. text-shadow: 2px 2px 2px #6b4580;
  1062. }
  1066. .credit {
  1067. position:fixed;
  1068. text-shadow: 0px 0px 11px #7C6868;
  1069. right:15px;
  1070. bottom:15px;
  1071. transform: rotate(0deg);
  1072. font-family: helvetica;
  1073. font-size: 14px; }
  1076. .credit a {
  1077. padding:10px;
  1078. color:#191919;
  1079. margin-right:0px;
  1080. -webkit-filter: blur(1px);
  1081. -webkit-transition: 0.8s ease-in;
  1082. -moz-transition: 1s ease-in;
  1083. transition: 1s ease-in;
  1084. }
  1086. .credit a:hover {
  1087. -webkit-transition: all 0.6s ease-in-out;
  1088. -moz-transition: all 0.6s ease-in-out;
  1089. -o-transition: all 0.6s ease-in-out;
  1090. -ms-transition: all 0.6s ease-in-out;
  1091. transition: all 0.6s ease-in-out;
  1092. color: #000000;
  1093. text-shadow: 2px 2px 2px #000000;
  1094. }
  1105. /* JUMBLED LINKS ENDS */
  1109. #pagination {
  1110. position:fixed;
  1111. font-family:times;
  1112. width:300px;
  1113. font-size:10px;
  1114. top:660px;
  1115. left:2px;
  1116. letter-spacing:3px;
  1117. text-align:center;
  1118. z-index:999999999999;
  1119. }
  1121. #pagination a {
  1122. text-transform:uppercase;
  1123. color:#181818;
  1124. -webkit-filter: blur(1px);
  1125. -webkit-transition: 0.8s ease-in;
  1126. -moz-transition: 1s ease-in;
  1127. transition: 1s ease-in;
  1128. z-index:999999999999;
  1129. }
  1131. #pagination a:hover {
  1132. color:#000;
  1133. -webkit-filter: blur(0px);
  1134. -webkit-transition: 0.2s ease-in;
  1135. -moz-transition: 1s ease-in;
  1136. transition: 1s ease-in;
  1137. }
  1140. .audio {
  1141. width:335px;
  1142. padding-bottom:10px;
  1143. background-color:{color:#000000};}
  1145. .albumart {
  1146. float:left;
  1147. padding:0px 10px 10px 0px;}
  1149. .albumart img {
  1150. width:65px;
  1151. height:65px;}
  1153. .playercontainer {
  1154. text-align:left;
  1155. padding:10px;
  1156. background-color:#090909;
  1157. width:335px;}
  1159. .audioinfo {
  1160. padding:10px;
  1161. color:{color:text};}
  1167. /* QUESTIONS & ANSWERS DETAILS */
  1170. #asker {
  1171. font-family: 'Arizonia', cursive;
  1172. font-style:none;
  1173. letter-spacing:2px;
  1174. text-align:center;
  1175. padding-top: 10px;
  1176. margin-left:0px;
  1177. text-transform:lowercase;
  1178. color: #c9c9c9;
  1179. font-size:30px;
  1180. padding:5px;
  1181. letter-spacing:0px
  1182. text-shadow:0 0 2px #aeaeae;
  1183. }
  1186. #asker a{
  1187. font-family: 'Arizonia', cursive;
  1188. font-style:none;
  1189. letter-spacing:2px;
  1190. text-transform:lowercase;
  1191. font-size:30px;
  1192. letter-spacing: 0px;
  1193. text-shadow: none;
  1194. color: #c9c9c9;
  1195. text-shadow:0 0 2px #1a1a1a;
  1196. -webkit-filter: blur(0.5px);
  1197. }
  1200. #asker a:hover {
  1201. color: #656565;
  1202. letter-spacing: 0px;
  1203. text-shadow:0 0 2px #000;
  1204. -webkit-filter: blur(2px);
  1205. -webkit-transition:all .5s ease-in-out;
  1206. -moz-transition:all .5s ease-in-out;
  1207. transition:all .5s ease-in-out;
  1208. }
  1212. #ask {
  1213. font-family: times;
  1214. width:312px;
  1215. font-size:10px;
  1216. text-align:center;
  1217. padding-top: 5px;
  1218. margin-left:0px;
  1219. text-transform:auto;
  1220. letter-spacing:3px
  1221. margin-top:-10px;
  1222. padding:5px;
  1223. background: #000;
  1224. background: url("http://i.imgur.com/VOfXkO7.png");
  1225. color:#dcdcdc;
  1226. text-transform: uppercase;
  1227. border-bottom-left-radius: 10px;
  1228. border-bottom-right-radius: 10px;
  1229. border-top-left-radius: 10px;
  1230. border-top-right-radius: 10px;
  1231. padding:10px;
  1232. letter-spacing:2px;
  1233. border-bottom:solid 1px #717171;
  1234. border-top:solid 1px #717171;
  1235. }
  1238. .ans {
  1239. text-align:center;
  1240. padding:10px;
  1241. }
  1244. /* POST INFO DETAILS */
  1248. #info {
  1249. background: url("http://i.imgur.com/VOfXkO7.png");
  1250. border: 1px solid #717171;
  1251. border-bottom-right-radius: 15px;
  1252. border-bottom-left-radius: 15px;
  1253. border-top-right-radius: 15px;
  1254. border-top-left-radius: 15px;
  1255. width:460px;
  1256. height:25px;
  1257. text-align:center;
  1258. letter-spacing:10px;
  1259. margin-top:8px;
  1260. margin-left:-5px;
  1261. margin-bottom:50px;
  1262. text-transform:uppercase;
  1263. font-size:15px;
  1264. font-style:none;
  1265. }
  1270. #info a {
  1271. color:#dcdcdc;}
  1273. #info a:hover {
  1274. color:#000;}
  1279. #tags {
  1280. font-family: helvetica;
  1281. color:{color:tags};
  1282. padding-bottom:35px;
  1283. letter-spacing:2px;
  1284. text-transform:uppercase;
  1285. font-size:6px;
  1286. font-style:normal;
  1287. margin-top:10px;
  1288. text-align:right;
  1289. float:right;
  1291. }
  1294. #tags a {
  1295. display:inline-block;
  1296. padding:-3px;
  1297. opacity:0.8;
  1298. text-align:center;
  1299. color:{color:tags link};
  1301. }
  1304. #tags a:hover {
  1305. color:{color:text};
  1306. }
  1313. .note {
  1314. text-transform:uppercase;
  1315. font-style:normal;
  1316. letter-spacing:0px;
  1317. font-size: 10px;
  1318. text-align:left;
  1319. line-height:90%;
  1320. margin-left:-40px;}
  1322. .note li {
  1323. list-style-type:none;
  1324. border-bottom:0px solid {color:border};
  1325. padding:10px 25px 10px 25px;
  1326. text-align:left;
  1327. margin:0px;
  1328. -moz-transition-duration:0.5s;
  1329. -webkit-transition-duration:0.5s;
  1330. -o-transition-duration:0.5s;}
  1332. .note img.avatar {
  1333. margin-right: 10px;
  1334. width: 16px;
  1335. height: 16px;}
  1340. /*--BASIC POP-UP DETAILS--*/
  1344. .popup_block{
  1345. display:none;
  1346. background: url("");
  1347. background:#5d5d61;
  1348. padding:20px;
  1349. border:0px solid #fff; /* if you want a solid white pop-up, delete this */
  1350. float:left;
  1351. height: 400px;
  1352. top:535px; left:544px;
  1353. position:fixed;
  1354. z-index: 99999;
  1355. -webkit-box-shadow: 0px 0px 0px #323232;
  1356. -moz-box-shadow: 0px 0px 0px #323232;
  1357. box-shadow: 0px 0px 0px #323232;
  1358. }
  1361. *html #fade {position: absolute;}
  1362. *html .popup_block {position: absolute;}
  1363. #fade {
  1364. display:none;
  1365. position:fixed;
  1366. left:0px;
  1367. top:0px;
  1368. width:100%;
  1369. height:100%;
  1370. z-index:9999;
  1371. /* background:#000;
  1372. opacity:0.5; */
  1373. }
  1378. .popupnavlinks {
  1379. padding-top:5px;
  1380. text-align:center; }
  1383. .popupnavlinks a {
  1384. display:inline-block;
  1385. width:120px; height:8px;
  1386. margin:2px; padding:6px 6px 10px;
  1387. text-align:center;
  1388. font-family:'helvetica';
  1389. font-size:8px;
  1390. text-transform:uppercase;
  1391. letter-spacing:1px;
  1392. color:#dcdcdc; background:transparent;
  1393. background-image:url('http://i.imgur.com/VOfXkO7.png');
  1394. border:1px dotted;
  1395. border-color: #9b9b9b;
  1396. }
  1399. .popupnavlinks a:hover {
  1400. display:inline-block;
  1401. width:120px; margin:2px;
  1402. padding:6px 6px 10px;
  1403. text-align:center;
  1404. font-family:'helvetica';
  1405. font-size:8px;
  1406. text-transform:uppercase;
  1407. letter-spacing:1px;
  1408. color:#fff;
  1409. background:{color:bold} }
  1413. .popupclose {
  1414. float:right; top:0px; right:0px;
  1415. margin-top:-10px; margin-right:-10px;
  1416. font-family:'Scada', sans serif;
  1417. font-size:10px;
  1418. font-weight:bold }
  1420. .popupclose a {
  1421. color:#aaa }
  1425. /*--TOOLTIP DETAILS--*/
  1429. #s-m-t-tooltip{
  1430. max-width:400px;
  1431. margin:15px;
  1432. padding:2px 8px;
  1433. background: #dcdcdc;
  1434. background-image:url('http://i.imgur.com/VOfXkO7.png');
  1435. border:1px dotted;
  1436. border-color: #727272;
  1437. color:#fff;
  1438. z-index:99999999999999999999;
  1439. font-size:9px;
  1440. letter-spacing:2px;
  1441. font-style:bold;
  1442. letter-spacing:2px;
  1443. font-family:'helvetica';
  1444. text-transform:uppercase;
  1445. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1451. </style>
  1454. </head>
  1456. <body>
  1458. <div id="content">
  1460. <div id="sidebar">
  1462. <!-- <img src="{image:Sidebar}" />
  1464. <div id="description">{description}</div> -->
  1466. </div>
  1468. <div id="pagination">
  1469. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">WITHDRAW</a> • {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">ADVANCE</a>{/block:NextPage}{/block:Pagination}
  1470. </div>
  1473. <div id="links">
  1476. <div id="linkbar">
  1479. <div class="alinks">
  1480. <a href="/" title="RETREAT."> <img src="http://i.imgur.com/JqdfKxD.png" /> </a>
  1481. </div>
  1484. <div class="elinks">
  1485. <a href="#?w=440" rel="box1" class="poplight" title="LETTERS."> <img src="http://i.imgur.com/7LmX9bd.png" /> </a>
  1486. </div>
  1489. <div class="clinks">
  1490. <a href="#?w=440" rel="box2" class="poplight" title="LAWS."> <img src="http://i.imgur.com/kD0BERP.png" /> </a>
  1491. </div>
  1494. <div class="dlinks">
  1495. <a href="#?w=440" rel="box3" class="poplight" title="VERSES."> <img src="http://i.imgur.com/Pt99oyM.png" /> </a>
  1496. </div>
  1500. <div class="blinks">
  1501. <a href="#?w=440" rel="box4" class="poplight" title="DOSSIER."> <img src="http://i.imgur.com/uCFO9Rj.png" /> </a>
  1502. </div>
  1506. <div class="flinks">
  1507. <a href="#?w=440" rel="box5" class="poplight" title="MAP."> <img src="http://i.imgur.com/H6lfvLB.png" /> </a>
  1508. </div>
  1511. <div class="glinks">
  1512. <a href="http://rotforged.tumblr.com" title="YOU ARE ALSO ME."> ❁ </a>
  1513. </div>
  1515. <div class="credit">
  1516. <a href="http://agirlingrey.tumblr.com/" title="agirlingrey.">A.</a>
  1517. </div>
  1520. </div></div>
  1523. <div id="pcontainer">
  1525. <div id="content"><div id="posts">
  1526. {block:Posts}
  1529. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1530. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1531. {block:Text}{Body}{/block:Text}
  1533. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1535. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1537. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="400px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1538. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1540. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1542. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1545. {block:Answer}<div id="asker" style="width:180px; text-shadow:0 0 2px #000; ">{Asker}:<div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:; marging-left:0px;">{Answer}</span>{/block:Answer}
  1548. {block:Audio}<div class="audio">
  1550. {block:AlbumArt}
  1551. {/block:AlbumArt}
  1554. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1555. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1556. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1557. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1560. <div id="info">
  1561. <br>
  1563. &nbsp; &nbsp;
  1566. {block:Date}
  1567. <a href="{Permalink}" style="position:absolute; margin-left:-100px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ● </a>
  1568. {/block:Date}
  1571. {block:RebloggedFrom}
  1572. <a href="{ReblogParentURL}" style="position:absolute; margin-left:-65px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" via. {ReblogParentName} "> ● </a>
  1573. {/block:RebloggedFrom}
  1576. {block:ContentSource}
  1577. <a href="{SourceURL}" style="position:absolute; margin-left:-30px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" source. {SourceTitle} "> ● </a>
  1578. {/block:ContentSource}
  1581. <a href="{Permalink}" style="position:absolute; margin-left:5px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {NoteCount} notes "> ● </a>
  1584. <a href="{ReblogURL}" style="position:absolute; margin-left:40px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title="reblog"> ● </a>
  1587. <br>
  1589. {block:HasTags}<div id="tags">{block:Tags} & <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1590. {/block:Posts}
  1591. <div class="note">
  1592. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1593. </div>
  1595. {/block:Posts}</div></div>
  1599. </div> </div> </div> </div> </div> </div>
  1603. </body>
  1606. <!-- ASK & SUBMIT -->
  1607. <div id="box1" class="popup_block">
  1609. <div style="width:auto;height:320px;overflow:scroll;padding:5px;">
  1611. <h3>INQUIRIES.</h3>
  1612. <p><iframe frameborder="0" height="350" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/dualforged.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  1614. <h3>OFFERINGS.</h3>
  1615. <p><iframe frameborder="0" height="450px" scrolling="no" src="http://www.tumblr.com/submit_form/dualforged.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe></p>
  1617. </div>
  1618. </div>
  1620. </center>
  1623. <!-- RULES -->
  1624. <div id="box2" class="popup_block">
  1626. <div style="width:auto;height:320px;overflow:scroll;padding:5px;">
  1629. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Quisque tincidunt scelerisque libero. Aenean id metus id velit ullamcorper pulvinar. Aenean fermentum risus id tortor. Maecenas libero. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. In rutrum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Phasellus rhoncus. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Aliquam in lorem sit amet leo accumsan lacinia. Nam sed tellus id magna elementum tincidunt. Vivamus porttitor turpis ac leo. Curabitur sagittis hendrerit ante. Duis risus. Pellentesque pretium lectus id turpis.
  1631. Nullam dapibus fermentum ipsum. Nam quis nulla. Mauris dictum facilisis augue. Fusce nibh. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Mauris elementum mauris vitae tortor. Sed convallis magna eu sem. Nullam rhoncus aliquam metus. Fusce tellus. Donec vitae arcu. Aenean vel massa quis mauris vehicula lacinia. Integer imperdiet lectus quis justo. Nam quis nulla. Quisque tincidunt scelerisque libero. Aliquam ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam egestas wisi a erat. Nunc auctor. Sed ac dolor sit amet purus malesuada congue. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus.
  1633. Maecenas sollicitudin. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Fusce consectetuer risus a nunc. Curabitur bibendum justo non orci. Maecenas aliquet accumsan leo. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Etiam commodo dui eget wisi. Mauris metus. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Fusce aliquam vestibulum ipsum. Donec quis nibh at felis congue commodo. Maecenas lorem. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Duis pulvinar.
  1635. Duis viverra diam non justo. In dapibus augue non sapien. Nullam rhoncus aliquam metus. Etiam posuere lacus quis dolor. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Suspendisse nisl. Praesent dapibus. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Mauris dictum facilisis augue. Etiam egestas wisi a erat. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Pellentesque ipsum. Integer pellentesque quam vel velit. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam.
  1637. Phasellus et lorem id felis nonummy placerat. Etiam posuere lacus quis dolor. Nam quis nulla. Praesent vitae arcu tempor neque lacinia pretium. Etiam commodo dui eget wisi. Pellentesque pretium lectus id turpis. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Praesent dapibus. Etiam bibendum elit eget erat. Aliquam erat volutpat. Sed convallis magna eu sem.
  1640. </div>
  1641. </div>
  1645. <!-- VERSES -->
  1646. <div id="box3" class="popup_block">
  1648. <h3>verses.</h3>
  1650. <ul id="tabs">
  1651. <li class="active">PRIMARY.</li>
  1652. &nbsp;
  1653. <li>SECONDARY.</li>
  1654. &nbsp;
  1655. <li>GROUP.</li>
  1656. </ul>
  1658. <div style="width:auto;height:320px;overflow:scroll;padding:5px;">
  1661. <ul id="tab">
  1662. <li class="active">
  1665. <img src="https://68.media.tumblr.com/4e4ac5b171de509925e96f451875505f/tumblr_inline_op1fq6a6Ue1ujei6e_500.png" align="left" style="height:100px;width:100px;padding-right:5px;padding-bottom:0px;">
  1666. <big><a href="/tagged/">VERSE NAME.</a></big>
  1668. <p>
  1670. Phasellus et lorem id felis nonummy placerat. Etiam posuere lacus quis dolor. Nam quis nulla. Praesent vitae arcu tempor neque lacinia pretium. Etiam commodo dui eget wisi. Pellentesque pretium lectus id turpis. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Praesent dapibus. Etiam bibendum elit eget erat. Aliquam erat volutpat. Sed convallis magna eu sem.
  1672. <br><br>
  1674. <img src="https://68.media.tumblr.com/d8acce44ad4b8d104442c6ad41bab412/tumblr_inline_op1fqkhZpA1ujei6e_500.png" align="left" style="height:100px;width:100px;padding-right:5px;padding-bottom:0px;">
  1675. <big><a href="/tagged/">VERSE NAME.</a></big>
  1677. <p>
  1679. Phasellus et lorem id felis nonummy placerat. Etiam posuere lacus quis dolor. Nam quis nulla. Praesent vitae arcu tempor neque lacinia pretium. Etiam commodo dui eget wisi. Pellentesque pretium lectus id turpis. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Praesent dapibus. Etiam bibendum elit eget erat. Aliquam erat volutpat. Sed convallis magna eu sem.
  1681. </li>
  1682. <li>
  1686. <img src="https://68.media.tumblr.com/8d68350edc0153d4ae66b37f0690b45c/tumblr_inline_op1fuuAgKD1ujei6e_500.png" align="left" style="height:100px;width:100px;padding-right:5px;padding-bottom:0px;">
  1687. <big><a href="/tagged/">VERSE NAME.</a></big>
  1689. <p>
  1691. Phasellus et lorem id felis nonummy placerat. Etiam posuere lacus quis dolor. Nam quis nulla. Praesent vitae arcu tempor neque lacinia pretium. Etiam commodo dui eget wisi. Pellentesque pretium lectus id turpis. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Praesent dapibus. Etiam bibendum elit eget erat. Aliquam erat volutpat. Sed convallis magna eu sem.
  1693. <br><br>
  1695. <img src="https://68.media.tumblr.com/d94a6249f44065037fc03abd0abb266f/tumblr_inline_op1frpqnGN1ujei6e_500.png" align="left" style="height:100px;width:100px;padding-right:5px;padding-bottom:0px;">
  1696. <big><a href="/tagged/">VERSE NAME.</a></big>
  1698. <p>
  1700. Phasellus et lorem id felis nonummy placerat. Etiam posuere lacus quis dolor. Nam quis nulla. Praesent vitae arcu tempor neque lacinia pretium. Etiam commodo dui eget wisi. Pellentesque pretium lectus id turpis. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Praesent dapibus. Etiam bibendum elit eget erat. Aliquam erat volutpat. Sed convallis magna eu sem.
  1702. </li>
  1705. <li>
  1707. <img src="https://68.media.tumblr.com/500ea43c940b4fa97bf52884e43a4084/tumblr_inline_op1ftiMEEn1ujei6e_500.png" align="left" style="height:100px;width:100px;padding-right:5px;padding-bottom:0px;">
  1708. <big><a href="/tagged/">VERSE NAME.</a></big>
  1710. <p>
  1712. Phasellus et lorem id felis nonummy placerat. Etiam posuere lacus quis dolor. Nam quis nulla. Praesent vitae arcu tempor neque lacinia pretium. Etiam commodo dui eget wisi. Pellentesque pretium lectus id turpis. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Praesent dapibus. Etiam bibendum elit eget erat. Aliquam erat volutpat. Sed convallis magna eu sem.
  1714. <br><br>
  1716. <img src="https://68.media.tumblr.com/03bfc813fd3c67d5ba3c405f9d243bf9/tumblr_inline_op2e8mRGcP1ujei6e_500.png" align="left" style="height:100px;width:100px;padding-right:5px;padding-bottom:0px;">
  1717. <big><a href="/tagged/">VERSE NAME.</a></big>
  1719. <p>
  1721. Phasellus et lorem id felis nonummy placerat. Etiam posuere lacus quis dolor. Nam quis nulla. Praesent vitae arcu tempor neque lacinia pretium. Etiam commodo dui eget wisi. Pellentesque pretium lectus id turpis. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Praesent dapibus. Etiam bibendum elit eget erat. Aliquam erat volutpat. Sed convallis magna eu sem.
  1723. </li>
  1725. </ul>
  1728. <br><br>
  1730. </div>
  1731. </div>
  1734. <!-- ABOUT -->
  1735. <div id="box4" class="popup_block">
  1737. <div style="width:auto;height:320px;overflow:scroll;padding:5px;">
  1739. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Quisque tincidunt scelerisque libero. Aenean id metus id velit ullamcorper pulvinar. Aenean fermentum risus id tortor. Maecenas libero. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. In rutrum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Phasellus rhoncus. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Aliquam in lorem sit amet leo accumsan lacinia. Nam sed tellus id magna elementum tincidunt. Vivamus porttitor turpis ac leo. Curabitur sagittis hendrerit ante. Duis risus. Pellentesque pretium lectus id turpis.
  1741. Nullam dapibus fermentum ipsum. Nam quis nulla. Mauris dictum facilisis augue. Fusce nibh. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Mauris elementum mauris vitae tortor. Sed convallis magna eu sem. Nullam rhoncus aliquam metus. Fusce tellus. Donec vitae arcu. Aenean vel massa quis mauris vehicula lacinia. Integer imperdiet lectus quis justo. Nam quis nulla. Quisque tincidunt scelerisque libero. Aliquam ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam egestas wisi a erat. Nunc auctor. Sed ac dolor sit amet purus malesuada congue. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus.
  1743. Maecenas sollicitudin. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Fusce consectetuer risus a nunc. Curabitur bibendum justo non orci. Maecenas aliquet accumsan leo. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Etiam commodo dui eget wisi. Mauris metus. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Fusce aliquam vestibulum ipsum. Donec quis nibh at felis congue commodo. Maecenas lorem. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Duis pulvinar.
  1745. Duis viverra diam non justo. In dapibus augue non sapien. Nullam rhoncus aliquam metus. Etiam posuere lacus quis dolor. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Suspendisse nisl. Praesent dapibus. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Mauris dictum facilisis augue. Etiam egestas wisi a erat. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Pellentesque ipsum. Integer pellentesque quam vel velit. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam.
  1747. Phasellus et lorem id felis nonummy placerat. Etiam posuere lacus quis dolor. Nam quis nulla. Praesent vitae arcu tempor neque lacinia pretium. Etiam commodo dui eget wisi. Pellentesque pretium lectus id turpis. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Praesent dapibus. Etiam bibendum elit eget erat. Aliquam erat volutpat. Sed convallis magna eu sem.
  1749. <br><br><br>
  1751. </div>
  1752. </div>
  1755. <!-- NAVIGATION -->
  1756. <div id="box5" class="popup_block">
  1758. <div style="width:auto;height:320px;overflow:scroll;padding:5px;">
  1760. <h3>navigation.</h3>
  1762. <center>
  1764. <div class="popupnavlinks">
  1767. <a href="/tagged/">TITLE</a>
  1768. <a href="/tagged/">TITLE</a>
  1769. <br>
  1770. <a href="/tagged/">TITLE</a>
  1771. <a href="/tagged/">TITLE</a>
  1772. <br>
  1773. <a href="/tagged/">TITLE</a>
  1774. <a href="/tagged/">TITLE</a>
  1775. <br>
  1776. <a href="/tagged/">TITLE</a>
  1777. <a href="/tagged/">TITLE</a>
  1778. <br>
  1779. <a href="/tagged/">TITLE</a>
  1780. <a href="/tagged/">TITLE</a>
  1781. <br>
  1782. <a href="/tagged/">TITLE</a>
  1783. <a href="/tagged/">TITLE</a>
  1784. <br>
  1785. <a href="/tagged/">TITLE</a>
  1786. <a href="/tagged/">TITLE</a>
  1787. <br>
  1788. <a href="/tagged/">TITLE</a>
  1789. <a href="/tagged/">TITLE</a>
  1790. <br>
  1793. </div>
  1794. </div>
  1795. </div>
  1798. <!-- SIDEBAR -->
  1799. <div id="bite">
  1800. <div id="thekey"></div>
  1801. <div class="death">
  1802. <div id="actualnews">
  1804. <center>
  1806. <div style="width:auto;height:240px;overflow:scroll;padding:5px;">
  1808. <h3>
  1809. title.
  1810. </h3>
  1812. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Integer tempor.
  1814. <h3>
  1815. title.
  1816. </h3>
  1818. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Maecenas lorem. Duis viverra diam non justo. Aliquam ante. Mauris tincidunt sem sed arcu.
  1820. <h3>
  1821. title.
  1822. </h3>
  1824. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Integer tempor.
  1826. <h3>
  1827. title.
  1828. </h3>
  1830. </center>
  1833. </div>
  1834. </div></div>
comments powered by Disqus