Isandria

IronSpider

Mar 11th, 2017
159
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.55 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <!----
  7.  
  8. CREDIT GOES TO HMNALS.TUMBLR.COM / ALY.
  9.  
  10. PLEASE DO NOT REMOVE THE CREDIT, MOVE THE CREDIT INTO A POP UP, OR CLAIM ANY CODING AS YOUR OWN. YOU MAY USE THIS AS A BASE CODE OR CHANGE THE ELEMENTS AS YOU SEE FIT AS LONG AS THE CREDIT STAYS INTACT AND IS NOT MOVED OR MADE UNREADABLE. BASICALLY: DON'T STEAL!
  11.  
  12. BASE BACKGROUND IMAGE HERE: http://static.tumblr.com/q5gddpf/bdEoect74/backgroundbase.png
  13. --->
  14. <head>
  15.  
  16. <!----
  17.  
  18. BLOBS IN A JAR CODE
  19. --->
  20.  
  21. <script type="text/javascript">
  22. // <![CDATA[
  23. var colour="#3f3f3f"; // what colour are the blobs
  24. var speed=90; // speed of animation, lower is faster
  25. var blobs=10; // how many blobs are in the jar
  26. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  27.  
  28. /***************************\
  29. * Blobs in a Jar Effect *
  30. *(c)2012-13 mf2fm web-design*
  31. * http://www.mf2fm.com/rv *
  32. * DON'T EDIT BELOW THIS BOX *
  33. \***************************/
  34.  
  35. var div;
  36. var xpos=new Array();
  37. var ypos=new Array();
  38. var zpos=new Array();
  39. var dx=new Array();
  40. var dy=new Array();
  41. var dz=new Array();
  42. var blob=new Array();
  43. var swide=800;
  44. var shigh=600;
  45. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  46.  
  47. function addLoadEvent(funky) {
  48. var oldonload=window.onload;
  49. if (typeof(oldonload)!='function') window.onload=funky;
  50. else window.onload=function() {
  51. if (oldonload) oldonload();
  52. funky();
  53. }
  54. }
  55.  
  56. addLoadEvent(fill_the_jar);
  57.  
  58. function fill_the_jar() {
  59. var i, dvs;
  60. div=document.createElement('div');
  61. dvs=div.style;
  62. dvs.position='fixed';
  63. dvs.left='0px';
  64. dvs.top='0px';
  65. dvs.width='1px';
  66. dvs.height='1px';
  67. document.body.appendChild(div);
  68. set_width();
  69. for (i=0; i<blobs; i++) {
  70. add_blob(i);
  71. jamjar(i);
  72. }
  73. }
  74.  
  75. function add_blob(ref) {
  76. var dv, sy;
  77. dv=document.createElement('div');
  78. sy=dv.style;
  79. sy.position='absolute';
  80. sy.textAlign='center';
  81. if (ie_version && ie_version<10) {
  82. sy.fontSize="10px";
  83. sy.width="100px";
  84. sy.height="100px";
  85. sy.paddingTop="40px";
  86. sy.color=colour;
  87. dv.appendChild(document.createTextNode(charc));
  88. }
  89. else if (ie_version) {
  90. sy.fontSize="1px";
  91. sy.width="0px";
  92. sy.height="0px";
  93. }
  94. else {
  95. dv.appendChild(document.createTextNode(charc));
  96. sy.color='rgba(0,0,0,0)';
  97. }
  98. ypos[ref]=Math.floor(shigh*Math.random());
  99. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  100. xpos[ref]=Math.floor(swide*Math.random());
  101. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  102. zpos[ref]=Math.random()*20;
  103. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  104. blob[ref]=dv;
  105. div.appendChild(blob[ref]);
  106. set_blob(ref);
  107. }
  108.  
  109. function rejig(ref, xy) {
  110. if (xy=='y') {
  111. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  112. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  113. }
  114. else {
  115. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  116. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  117. }
  118. }
  119.  
  120. function sign(a) {
  121. if (a<0) return (-2);
  122. else if (a>0) return (2);
  123. else return (0);
  124. }
  125.  
  126. function set_blob(ref) {
  127. var sy;
  128. sy=blob[ref].style;
  129. sy.top=ypos[ref]+'px';
  130. sy.left=xpos[ref]+'px';
  131. if (ie_version && ie_version<10) {
  132. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  133. sy.fontSize=30-zpos[ref]+"px";
  134. }
  135. else if (ie_version) {
  136. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  137. }
  138. else {
  139. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  140. sy.fontSize=40+zpos[ref]+'px';
  141. }
  142. }
  143.  
  144. function jamjar(ref) {
  145. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  146. ypos[ref]+=dy[ref];
  147. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  148. xpos[ref]+=dx[ref];
  149. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  150. zpos[ref]+=dz[ref];
  151. set_blob(ref);
  152. setTimeout("jamjar("+ref+")", speed);
  153. }
  154.  
  155. window.onresize=set_width;
  156. function set_width() {
  157. var sw_min=999999;
  158. var sh_min=999999;
  159. if (document.documentElement && document.documentElement.clientWidth) {
  160. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  161. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  162. }
  163. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  164. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  165. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  166. }
  167. if (document.body.clientWidth) {
  168. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  169. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  170. }
  171. if (sw_min==999999 || sh_min==999999) {
  172. sw_min=800;
  173. sh_min=600;
  174. }
  175. swide=sw_min;
  176. shigh=sh_min;
  177. }
  178. // ]]>
  179. </script>
  180.  
  181. <!--- END OF BLOBS--->
  182.  
  183.  
  184. </head>
  185.  
  186.  
  187.  
  188. <!--
  189. CUSTOM FONTS
  190. -->
  191.  
  192.  
  193. <!--
  194. font-family: 'Lora', serif;
  195. font-family: 'Playfair Display', serif;
  196. font-family: 'Cinzel', serif;
  197. font-family: 'Cormorant Unicase', serif;
  198. font-family: 'Mrs Saint Delafield', cursive;
  199. font-family: 'Pacifico', cursive;
  200. font-family: 'Arizonia', cursive;
  201. --><link href="https://fonts.googleapis.com/css?family=Cinzel|Cormorant+Unicase|Lora|Mrs+Saint+Delafield|Playfair+Display" rel="stylesheet">
  202. <link href="https://fonts.googleapis.com/css?family=Arizonia|Pacifico" rel="stylesheet">
  203. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  204. <link href="https://fonts.googleapis.com/css?family=Aref+Ruqaa" rel="stylesheet">
  205. <link href="https://fonts.googleapis.com/css?family=Audiowide" rel="stylesheet">
  206. <link href="https://fonts.googleapis.com/css?family=Teko" rel="stylesheet">
  207. <link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet">
  208. <link href="https://fonts.googleapis.com/css?family=Barrio" rel="stylesheet">
  209.  
  210.  
  211.  
  212.  
  213.  
  214.  
  215. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  216. <head>
  217.  
  218. <script type="text/javascript"
  219. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  220.  
  221. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  222. <script>
  223. $(document).ready(function() {
  224. //
  225. $('a.poplight[href^=#]').click(function() {
  226. var popID = $(this).attr('rel');
  227. var popURL = $(this).attr('href');
  228. var query= popURL.split('?');
  229. var dim= query[1].split('&');
  230. var popWidth = dim[0].split('=')[1];
  231. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  232. var popMargTop = ($('#' + popID).height() + 80) / 2;
  233. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  234.  
  235. $('#' + popID).css({
  236. 'margin-top' : -popMargTop,
  237. 'margin-left' : -popMargLeft
  238. });
  239. $('body').append('<div id="fade"></div>');
  240. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  241. return false;
  242. });
  243. $('a.close, #fade').live('click', function() {
  244. $('#fade , .popup_block , .popup_block2').fadeOut(function() {
  245. $('#fade, a.close').remove();
  246. });
  247. return false;
  248. });
  249. });
  250. </script>
  251. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  252. <script>
  253. $(document).ready(function() {
  254. //
  255. $('a.poplight[href^=#]').click(function() {
  256. var popID = $(this).attr('rel');
  257. var popURL = $(this).attr('href');
  258. var query= popURL.split('?');
  259. var dim= query[1].split('&');
  260. var popWidth = dim[0].split('=')[1];
  261. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  262. var popMargTop = ($('#' + popID).height() + 80) / 2;
  263. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  264. $('#' + popID).css({
  265. 'margin-top' : -popMargTop,
  266. 'margin-left' : -popMargLeft
  267. });
  268. $('body').append('<div id="fade"></div>');
  269. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  270. return false;
  271. });
  272. $('a.close, #fade').live('click', function() {
  273. $('#fade , .askpopup_block').fadeOut(function() {
  274. $('#fade, a.close').remove();
  275. });
  276. return false;
  277. });
  278. });
  279. </script>
  280. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  281. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  282. <script>
  283. (function($){
  284. $(document).ready(function(){
  285. $("a[title]").style_my_tooltips({
  286. tip_follows_cursor:true,
  287. tip_delay_time:0,
  288. tip_fade_speed:0,
  289. attribute:"title"
  290. });
  291. });
  292. })(jQuery);
  293.  
  294. </script>
  295. <style>
  296.  
  297.  
  298.  
  299. .tooltip{
  300. display: inline;
  301. position: relative;
  302. }
  303.  
  304.  
  305. /* TOOLTIPS */
  306.  
  307. #s-m-t-tooltip {
  308. max-width:300px;
  309. padding:3px 7px 3px 8px;
  310. margin:-20px 0px 0px 20px;
  311. background-color:{color:background};
  312. color:{color:text};
  313. font-size:7px;
  314. text-transform:uppercase;
  315. z-index:999999999999;
  316. letter-spacing:2px;
  317. -webkit-border-radius:5px;
  318. -moz-border-radius:5px;
  319. border-radius:5px;
  320. }
  321.  
  322.  
  323. /*--
  324. AUDIO PLAYER BY HMNALS
  325. --*/
  326.  
  327. .playerbuttonbg {
  328. position: absolute;
  329. left: 20px;
  330. top: 20px;
  331. width: 19px;
  332. height: 19px;
  333. background-color: #ffffff;
  334. padding: 10px;
  335. -webkit-border-radius: 40px;
  336. -moz-border-radius: 40px;
  337. border-radius: 40px;
  338. opacity: .4;
  339. filter: alpha(opacity=40);
  340. -moz-opacity: 0.4;
  341. -khtml-opacity: 0.4;
  342. transition: opacity .7s ease-in-out;
  343. -moz-transition: opacity .7s ease-in-out;
  344. -webkit-transition: opacity .7s ease-in-out;
  345. }
  346.  
  347. .playerbuttonbg:hover {
  348. opacity: 1;
  349. filter: alpha(opacity=100);
  350. -moz-opacity: 1;
  351. -khtml-opacity: 1;
  352. }
  353.  
  354. .newplayerbutton {
  355. position: relative;
  356. width: 19px;
  357. height: 19px;
  358. overflow: hidden;
  359. }
  360.  
  361. .playerbuttonhug {
  362. position: absolute;
  363. top: -18px;
  364. left: -7px;
  365. }
  366.  
  367. .tumblr_audio_player {
  368. height: 90px;
  369. width: 270px;
  370. -moz-transform: scale(0.60, 0.60);
  371. -webkit-transform: scale(0.60, 0.60);
  372. -o-transform: scale(0.60, 0.60);
  373. -ms-transform: scale(0.60, 0.60);
  374. transform: scale(0.60, 0.60);
  375. -moz-transform-origin: top left;
  376. -webkit-transform-origin: top left;
  377. -o-transform-origin: top left;
  378. -ms-transform-origin: top left;
  379. transform-origin: top left;
  380. }
  381.  
  382. .audioimgwrapper {
  383. position: absolute;
  384. left: 0px;
  385. top: 0px;
  386. -webkit-border-radius: 40px;
  387. -moz-border-radius: 40px;
  388. border-radius: 40px;
  389. overflow: hidden;
  390. width: 79px;
  391. height: 79px;
  392. }
  393.  
  394. .audioimgwrapper img {
  395. width: 100%;
  396. height: auto;
  397. -webkit-border-radius: 40px;
  398. -moz-border-radius: 40px;
  399. border-radius: 40px;
  400. }
  401.  
  402. .trackdetails {
  403. width: auto;
  404. display:inline-block;
  405. margin-left: 90px;
  406. min-height: 85px;
  407. }
  408.  
  409. .audiowrapper {
  410. position: relative;
  411. display:inline-block;
  412. }
  413.  
  414.  
  415. /*--
  416. AUDIO END
  417. --*/
  418. </style>
  419.  
  420. <title>{Title}</title>
  421.  
  422.  
  423.  
  424. <link rel="shortcut icon" href="{Favicon}">
  425. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  426. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  427.  
  428. <meta name="color:Background" content="#ffffff"/>
  429. <meta name="color:Popup Background" content="#ffffff"/>
  430. <meta name="color:Text" content="#838282"/>
  431. <meta name="color:Popup Text" content="#838282"/>
  432. <meta name="color:Text shadow" content="#0000"/>
  433. <meta name="color:Headertitle" content="#b8b8b8"/>
  434. <meta name="color:Postnotes" content="#ffffff"/>
  435. <meta name="color:Bold" content="#ffffff"/>
  436. <meta name="color:Bold shadow" content="#ffffff"/>
  437. <meta name="color:Postlinks" content="#ffffff"/>
  438. <meta name="color:Posthover" content="#ffffff"/>
  439. <meta name="color:Taglink" content="#ffffff"/>
  440. <meta name="color:italic" content="#ffffff"/>
  441. <meta name="color:italic shadow" content="#ffffff"/>
  442. <meta name="color:Sidelink" content="#ffffff"/>
  443. <meta name="color:Hover" content="#ffffff"/>
  444.  
  445. <meta name=“color:textshadow” content=“#ffffff”/>
  446. <meta name=“color:postlinkshadow” content=“#ffffff”/>
  447. <meta name=“color:sidelinkshadow” content=“#ffffff”/>
  448.  
  449. <meta name="text:ASKURL" content="">
  450.  
  451.  
  452. <style type="text/css">
  453.  
  454.  
  455.  
  456.  
  457. /* --- POPUP CSS BY STR WRS HEAVILY EDITED BY HMNALS --- */
  458.  
  459.  
  460. #fade { /*--Transparent background layer--*/
  461. display: none; /*--hidden by default--*/
  462. background: #000;
  463. position: fixed; left: 0; top: 0;
  464. width: 100%; height: 100%;
  465. opacity: .80;
  466. z-index: 9999;
  467. }
  468.  
  469.  
  470.  
  471. .popup_block{
  472. overflow-y:scroll;
  473. overflow-x:hidden;
  474. display: none; /*--hidden by default--*/
  475. background-image:url('');
  476. background:{color:Popup Background};
  477. padding: 30px;
  478. border: 0px solid #ddd;
  479. height: 400px;
  480. float: auto;
  481. font-size: 10px;
  482. word-spacing:2px;
  483. position: fixed;
  484. top: 55%; left: 50%;
  485. z-index: 99999;
  486. margin-left:-50px;
  487. margin-top:-300px;
  488.  
  489.  
  490. /*--CSS3 Box Shadows--*/
  491. -webkit-box-shadow: 0px 0px 20px #000;
  492. -moz-box-shadow: 0px 0px 20px #000;
  493. box-shadow: 0px 0px 20px #000;
  494. /*--CSS3 Rounded Corners--*/
  495. -webkit-border-radius: 0px;
  496. -moz-border-radius: 0px;
  497. border-radius: 0px;
  498. }
  499.  
  500.  
  501. .askpopup_block {
  502. height:300px;
  503. display: none;
  504. float: left;
  505. position: fixed;
  506. top: 50%;
  507. left: 50%;
  508. z-index: 999999999999;
  509. -webkit-transition: all 0.2s ease-in-out;
  510. -moz-transition: all 0.2s ease-in-out;
  511. -o-transition: all 0.2s ease-in-out;
  512. -ms-transition: all 0.2s ease-in-out;
  513. transition: all 0.2s ease-in-out;
  514. }
  515.  
  516. *html #fade {
  517. position: absolute;
  518. }
  519.  
  520. *html .askpopup_block {
  521. position: absolute;
  522. }
  523.  
  524. #fade {
  525. display:none;
  526. position:fixed;
  527. left:0px;
  528. top:0px;
  529. width:100%;
  530. height:100%;
  531. z-index:9999;
  532. }
  533.  
  534.  
  535. /*--Making IE6 Understand Fixed Positioning--*/
  536. *html #fade {
  537. position: absolute;
  538. }
  539.  
  540.  
  541. *html .popup_block {
  542. position: absolute;
  543. }
  544.  
  545.  
  546. h2 {
  547. font-size: 20px;
  548. font-family: 'Aref Ruqaa', serif;
  549. font-weight:normal;
  550. line-height:15px;
  551. margin:0px;
  552. text-decoration: none;
  553. color: {color:Popup Text};
  554. }
  555.  
  556. h2 a {
  557. font-size: 20px;
  558. font-family: 'Aref Ruqaa', serif;
  559. font-weight:normal;
  560. text-decoration: none;
  561. color: {color:Popup Text};
  562. }
  563.  
  564.  
  565.  
  566. .popup_block b, strong {
  567. color: {color:bold} ;
  568. font-family: 'Aref Ruqaa', serif;
  569. text-shadow: 1px 1px 5px {color:bold shadow};
  570. font-size:13px;
  571. font-weight:bold;
  572. letter-spacing:2px;
  573. }
  574.  
  575.  
  576. .popup_block i, italic {
  577. color: {color:italic};
  578. font-family: 'Tangerine', cursive;
  579. text-shadow: 0px 0px 5px {color:italic shadow};
  580. font-size:11px;
  581. letter-spacing:3px;
  582. padding-left: 5px;
  583. padding-right: 5px;
  584. }
  585.  
  586. #popuptext {
  587. width:280px;
  588. color: {color:popup text};
  589. margin-left:0px;
  590. text-align:left;
  591. margin-top: 10px;
  592.  
  593. }
  594.  
  595. #popuptitle {
  596. width:400px;
  597. text-align:center;
  598. font-size:20px;
  599. margin-bottom:10px;
  600. color:#fff;
  601. font-style:bold;
  602. }
  603.  
  604.  
  605.  
  606. #table {
  607. display: block;
  608. background-image:url(' ');
  609. font-size: 12px;
  610. font-family: 'times';
  611. text-align: center;
  612. margin-left:25px;
  613. margin-top:50px;
  614. }
  615.  
  616. #links {
  617. display: block;
  618. font-decoration: none;
  619. width: 400px;
  620.  
  621. }
  622.  
  623. #links a {
  624. display: block;
  625. padding: 6px;
  626. color: white;
  627. background-color: transparent;
  628. border-radius: 0.5px dotted {color:italic};
  629. -moz-transition-duration:1s;
  630. -webkit-transition-duration:1s;
  631. -o-transition-duration:1s;
  632. text-decoration: none;
  633. }
  634.  
  635. #links a:hover {
  636. display: block;
  637. padding: 6px;
  638. color:{color:italic};
  639. -moz-transition-duration:2s;
  640. -webkit-transition-duration:2s;
  641. -o-transition-duration:1s;
  642. text-decoration: none;
  643.  
  644. }
  645.  
  646.  
  647.  
  648. /* --- POPUP CSS END --- */
  649.  
  650. #disp
  651. #disp a{
  652. display:block
  653. }
  654. #disp .side {
  655. margin-top:0px;filter: alpha(opacity = 1.0);
  656. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  657. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  658. }
  659.  
  660. #disp:hover .side {
  661. margin-top:0px;
  662. -webkit-transition: all 0.8s ease-out;
  663. -moz-transition: all 0.8s ease-out;
  664. transition: all 0.8s ease-out;
  665. filter: alpha(opacity = 100);
  666. filter: alpha(opacity = 100);
  667. opacity:100;
  668. }
  669.  
  670.  
  671.  
  672.  
  673. ::-webkit-scrollbar-thumb:vertical {
  674. height:4px;
  675. background-color:{color:text};
  676. }
  677. ::-webkit-scrollbar-thumb:horizontal {
  678. background-color: #0000;
  679. }
  680.  
  681. ::-webkit-scrollbar {
  682. width:2px;
  683. height:4px;
  684. background-color:transparent;
  685. }
  686. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  687. display:block;
  688. height:4px;
  689. background-color:transparent;
  690. }
  691.  
  692. /* MAIN BLOG */
  693.  
  694.  
  695.  
  696. body {
  697. background:{color:background};
  698. background-attachment:fixed;
  699. background-repeat:no-repeat;
  700. background-position: center ;
  701. color:{color:text};
  702. font-family:'Roboto', sans-serif;
  703. text-align:justify;
  704. font-size:11px;
  705. font-weight:300;
  706. line-height:15px;
  707. letter-spacing:1px;
  708.  
  709. background-image:url("http://i.imgur.com/8CM16LB.png");
  710.  
  711.  
  712.  
  713.  
  714. }
  715.  
  716. .links {
  717. position: fixed;
  718. top:0px;
  719. margin-left:0px;
  720. left:50%;
  721. font-size: auto;
  722. letter-spacing:1px;
  723. text-transform:uppercase;
  724. line-height: 170%;
  725. text-align: right;
  726. width: 200px;
  727. margin-right: auto;
  728.  
  729. }
  730.  
  731. .links a {
  732. padding-left: 5px;
  733. font-size: 40px;
  734. font-family: georgia, sans-serif;
  735. color: {color:sidebar links};
  736. text-shadow: 1px 1px 2px;
  737.  
  738. }
  739.  
  740. .links a:hover {
  741. padding-left: 5px;
  742. color: {color:sidebar hover};
  743. text-shadow: 0px 0px 2px {color:sidebar shadow};
  744.  
  745. }
  746.  
  747. #sidelinks {
  748. position:fixed;
  749. z-index:999;
  750. font-family: 'Roboto', sans-serif;
  751. font-weight:bold;
  752. width:10px;
  753. letter-spacing:4px;
  754. font-size:10px;
  755. margin-top:195px;
  756. margin-left:115px;
  757. }
  758.  
  759. /* these are all of my scatter links EXCEPT for the 'home' link */
  760.  
  761. #link1 {
  762. position:fixed;
  763. font-size:10px;
  764. margin-left:40px;
  765. margin-top:0px;
  766. -ms-transform: rotate(-15deg);
  767. -webkit-transform: rotate(-15deg);
  768. transform: rotate(-15deg);
  769.  
  770. }
  771.  
  772. #link2 {
  773. position:fixed;
  774. font-size:10px;
  775. margin-left:89px;
  776. margin-top:0px;
  777.  
  778.  
  779.  
  780. }
  781.  
  782. #link3 {
  783. position:fixed;
  784. font-size:10px;
  785. margin-left:200px;
  786. margin-top:0px;
  787. -ms-transform: rotate(-27deg); /* IE 9 */
  788. -webkit-transform: rotate(-26deg); /* Chrome, Safari, Opera */
  789. transform: rotate(-26deg);
  790.  
  791. }
  792.  
  793. #link4 {
  794. position:fixed;
  795. font-size:10px;
  796. margin-left:145px;
  797. margin-top:0px;
  798. -ms-transform: rotate( 27deg); /* IE 9 */
  799. -webkit-transform: rotate( 26deg); /* Chrome, Safari, Opera */
  800. transform: rotate( 26deg);
  801.  
  802. }
  803.  
  804. #link5 {
  805. position:fixed;
  806. font-size:10px;
  807. margin-left:250px;
  808. margin-top:0px;
  809. -ms-transform: rotate(-27deg); /* IE 9 */
  810. -webkit-transform: rotate(-26deg); /* Chrome, Safari, Opera */
  811. transform: rotate(-26deg);
  812.  
  813.  
  814. }
  815.  
  816.  
  817.  
  818. #sidelinks a {
  819. color:{color:Sidelink};
  820. -o-transition:.5s;
  821. -ms-transition:.5s;
  822. -moz-transition:.5s;
  823. -webkit-transition:.5s;
  824. transition:.5s;
  825. -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px);
  826. }
  827.  
  828. #sidelinks a:hover {
  829. color:{color:Hover};
  830. -o-transition:.5s;
  831. -ms-transition:.5s;
  832. -moz-transition:.5s;
  833. -webkit-transition:.5s;
  834. transition:.5s;
  835. text-shadow:none;
  836. opacity:0.6;
  837. -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px);
  838. }
  839.  
  840. #sidenext {
  841. /* this is your pagination. it's part of the sidelinks so if you move the sidelinks, this will move as well */
  842.  
  843. font-size:12px;
  844. font-family:'Roboto', sans-serif;
  845. position:absolute;
  846. margin-top:-10px;
  847. margin-left:465px;
  848. -ms-transform: rotate(0deg);
  849. -webkit-transform: rotate(0deg);
  850. transform: rotate(0deg);
  851.  
  852. }
  853.  
  854. #post {
  855. color: {color:text} ;
  856. width:380px;
  857. padding: 10px 10px 0px 0px;
  858. text-align: justify;
  859. margin-bottom:30px;
  860. margin-top:10px;
  861.  
  862.  
  863. /* this is the part that makes your posts look different upon hovering. right now it is turned off via the opacity. */
  864.  
  865. opacity:2;
  866. -webkit-transition: all 0.6s ease-in-out;
  867. -moz-transition: all 0.6s ease-in-out;
  868. -o-transition: all 0.6s ease-in-out;
  869. -ms-transition: all 0.6s ease-in-out;
  870. transition: all 0.6s ease-in-out;
  871.  
  872. }
  873.  
  874.  
  875.  
  876. #post:hover {
  877.  
  878. opacity:1;
  879. -webkit-transition: all 0.6s ease-in-out;
  880. -moz-transition: all 0.6s ease-in-out;
  881. -o-transition: all 0.6s ease-in-out;
  882. -ms-transition: all 0.6s ease-in-out;
  883. transition: all 0.6s ease-in-out;
  884.  
  885. }
  886.  
  887.  
  888. img, embed, object, video {
  889. max-width: 100%;
  890. width: auto;
  891. height: auto;
  892. border: none;
  893. }
  894.  
  895. #post:img {
  896. width:100%;
  897. }
  898.  
  899. #post a {
  900. color: {color:Postlinks};
  901. transition:.5s;
  902. font-family: 'Teko', sans-serif;
  903. text-transform: uppercase;
  904. text-shadow:{color:text shadow};
  905. font-size:12px;
  906. padding-right: 5px;
  907. padding-left: 5px;
  908. }
  909.  
  910.  
  911.  
  912.  
  913.  
  914. ul,ol,li {
  915. list-style-type:default';
  916. }
  917.  
  918. u, underline {
  919. color: {color:italic};
  920. font-size:11px;
  921. letter-spacing:1px;
  922. text-shadow: 0px 0px 3px {color:bold}
  923. }
  924.  
  925. a {
  926. color: {color:bold};
  927. text-decoration: none;
  928.  
  929.  
  930. }
  931.  
  932. small, sub, big {
  933. font-size:10px;
  934. line-height:16px;
  935. }
  936.  
  937.  
  938.  
  939.  
  940. blockquote {
  941. padding-left:5px;
  942. border-left:1px solid {color:bold};
  943. margin-left:5px;
  944. width:380px;
  945. }
  946.  
  947. blockquote blockquote {
  948. border-left:1px solid {color:bold};
  949. width:380px;
  950. }
  951.  
  952. b, bold {
  953. font-size:13px;
  954. letter-spacing:1px;
  955. font-family: 'Barrio', cursive;
  956. color: {color:bold};
  957. text-shadow:0px 0px 5px {color:bold shadow};
  958. margin-top: 2px;
  959. margin-bottom: 2px;
  960. margin-left: 2px;
  961. margin-right: 2px;
  962. }
  963.  
  964. h2 {
  965. background-color: transparent;
  966. font-family: 'Teko', sans-serif;
  967. color: {color: headertitle} ;
  968. font-size: 15px;
  969. line-height: 16px;
  970. letter-spacing: 2px;
  971. text-align: left;
  972. text-transform:uppercase;
  973.  
  974. }
  975.  
  976.  
  977.  
  978. h1 {
  979. background-color: transparent;
  980. font-family: 'Teko', sans-serif;
  981. font-size: 16px;
  982. color: {color: headertitle} ;
  983. line-height: 20px;
  984. letter-spacing: 2px;
  985. text-align: center;
  986. text-transform:uppercase;
  987.  
  988. }
  989.  
  990.  
  991.  
  992. h3 {
  993. background-color: transparent;
  994. background-image:url("");
  995. border:1px dotted transparent;
  996. font-family:'Teko', sans-serif;
  997. font-weight:bold;
  998. color: {color: headertitle} ;
  999. text-shadow:0px 0px 3px #000;
  1000. font-size: 12px;
  1001. line-height: 17px;
  1002. letter-spacing: 2px;
  1003. text-align: center;
  1004. text-transform:uppercase;
  1005. padding:1px;
  1006. line-height:120%;
  1007.  
  1008. }
  1009.  
  1010. s, strike {
  1011. font-family: times;
  1012. color: {color:bold};
  1013. font-size:12px;
  1014. letter-spacing:5px;
  1015. padding-left:5px;
  1016. padding-right:5px;
  1017. padding-top:5px;
  1018. padding-bottom:5px;
  1019. padding:5px;
  1020. text-shadow: 0px 0px 10px #fff;
  1021. }
  1022.  
  1023. italic, i {
  1024. font-size:13px;
  1025. color:{color:italic};
  1026. font-family: 'Pacifico', cursive;
  1027. text-shadow: 0px 0px 3px #111010 {color:italic shadow};
  1028. letter-spacing:2px;
  1029. text-transform:lowercase;
  1030. padding-right: 2px;
  1031. padding-left: 2px;
  1032. }
  1033.  
  1034.  
  1035.  
  1036.  
  1037. /* POST */
  1038.  
  1039. /* this is the gradient over your post. I left it empty but if you can find a use for it in your theme, go for it. TUTORIAL CREDIT FOR GRADIENT GOES TO WITHGALL. */
  1040.  
  1041. #gradient {
  1042. background-image:url(' ');
  1043. width:663px;
  1044. height:434px;
  1045. z-index:99;
  1046. position:absolute;
  1047. margin-left:400px;
  1048. margin-top:-100px;
  1049. pointer-events:none;
  1050. overflow-x:hidden;
  1051. overflow-y:hidden;
  1052.  
  1053.  
  1054. }
  1055.  
  1056.  
  1057.  
  1058. #container {
  1059. position: fixed;
  1060. bottom:0; left: 0; top: 0; right: 0;
  1061. margin-left: -500px;
  1062. left: 50%;
  1063. margin-top: -380px;
  1064. top: 50%;
  1065. overflow-x:hidden;
  1066. overflow-y:hidden;
  1067. width: 700px;
  1068. height: 1100px;
  1069. overflow-y: scroll;
  1070.  
  1071.  
  1072. }
  1073.  
  1074.  
  1075. #entries {
  1076. position:fixed;
  1077. width:400px;
  1078. /* leave the width alone unless you're going to change post size, but feel free to fiddle with the margins when you have your background image in place */
  1079. margin-left:100px;
  1080. margin-top:250px;
  1081. height:445px;
  1082. overflow-x: hidden;
  1083. overflow-y: auto;
  1084.  
  1085.  
  1086. }
  1087.  
  1088.  
  1089. /*
  1090. SIDEBAR
  1091. */
  1092.  
  1093. #sidebar {
  1094. margin-left: 0px;
  1095. line-height:15px;
  1096. width: 180px;
  1097. position: fixed;
  1098. top: 0px;
  1099. text-align: center;
  1100. color: {color:Text};
  1101.  
  1102. }
  1103.  
  1104.  
  1105. #sidebar img {
  1106. width:150px;
  1107. padding-top:10px;
  1108. padding-bottom:10px;
  1109.  
  1110. }
  1111.  
  1112.  
  1113. #description {
  1114. margin-left: 0px;
  1115. margin-top: -50px;
  1116. width:180px;
  1117. color: transparent;
  1118.  
  1119. }
  1120.  
  1121. #sidebar {
  1122. font-family: 'Roboto', sans-serif;
  1123. font-size:9px;
  1124. text-align:justify;
  1125. background:transparent;
  1126. color: {color:Text};
  1127. width:150px;
  1128. padding-top:3px;
  1129. border:0px solid #131313;
  1130. margin-left: 29px;
  1131. left: 50%;
  1132. margin-top: -135px;
  1133. top: 50%;
  1134. position:fixed;
  1135. -webkit-filter: blur(0px);
  1136. -webkit-transition: 0.8s ease-in;
  1137. -moz-transition: 1s ease-in;
  1138. transition: 1s ease-in;
  1139. opacity:1;
  1140. -webkit-transition: all 0.6s ease-in-out;
  1141. -moz-transition: all 0.6s ease-in-out;
  1142. -o-transition: all 0.6s ease-in-out;
  1143. -ms-transition: all 0.6s ease-in-out;
  1144. transition: all 0.6s ease-in-out;
  1145. }
  1146.  
  1147.  
  1148.  
  1149. #sidebar:hover {
  1150. -webkit-filter:none;
  1151. -webkit-transition: all 0.6s ease-in-out;
  1152. opacity:1;
  1153. -webkit-transition: all 0.6s ease-in-out;
  1154. -moz-transition: all 0.6s ease-in-out;
  1155. -o-transition: all 0.6s ease-in-out;
  1156. -ms-transition: all 0.6s ease-in-out;
  1157. transition: all 0.6s ease-in-out;
  1158. }
  1159.  
  1160. /*
  1161. END
  1162. */
  1163.  
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169. /* AUDIO POST */
  1170.  
  1171. #audio {
  1172. margin-bottom:10px;
  1173. padding:10px;
  1174. background-color:{color:text};
  1175. height:80px;}
  1176.  
  1177. .cover {
  1178. width:80px;
  1179. height:80px;
  1180. position:absolute;}
  1181.  
  1182. .cover img {
  1183. z-index:10;
  1184. width:70px;
  1185. height:70px;
  1186. border:5px solid {color:text};}
  1187.  
  1188. .player {
  1189. margin:15px 0px 0px 100px;}
  1190.  
  1191. .audioinfo {
  1192. margin:10px 0px 0px 110px;}
  1193.  
  1194.  
  1195.  
  1196.  
  1197.  
  1198. /* Quote & Source by HMNALS */
  1199.  
  1200. .quotemarkleft {
  1201. font-size: 80px;
  1202. font-family: 'Georgia';
  1203. font-weight: bold;
  1204. line-height: 100px;
  1205. position: relative;
  1206. margin: 0px 0 -70px 30px;
  1207. color: #7c373d;
  1208. opacity: 0.9;
  1209. }
  1210.  
  1211. .quotemarkright {
  1212. font-family: 'Georgia';
  1213. font-size: 80px;
  1214. font-weight: bold;
  1215. padding-right: 0px;
  1216. line-height: 30px;
  1217. text-align: right;
  1218. position: relative;
  1219. margin:0 30px 0 -10px;
  1220. color: #7c373d;
  1221. opacity: 0.97;
  1222. }
  1223.  
  1224.  
  1225. #quote {
  1226. background: transparent;
  1227. border-top:4px double {color:italic};
  1228. border-bottom:4px double {color:bold};
  1229. font-family:'Times';
  1230. color:{color:text};
  1231. font-size:18px;
  1232. text-align:center;
  1233. line-height:120%;
  1234. padding:5px;
  1235. padding-top:12px;
  1236. padding-bottom:8px;
  1237. text-shadow: 0px 0px 10px #fff;
  1238. letter-spacing: 1px;
  1239. }
  1240.  
  1241. #quote:first-letter {
  1242. color:{color:italic};
  1243. font-family:'Pacifico', cursive;
  1244. font-size:25px;
  1245. text-transform:lowercase;
  1246. }
  1247.  
  1248. .qsource{
  1249. padding-top:3px;
  1250. padding-bottom:1px;
  1251. font-family:'Damion', cursive;
  1252. font-size:15px;
  1253. text-align:right;
  1254. }
  1255.  
  1256.  
  1257. .credit {
  1258. position:fixed;
  1259. font-family: 'Alex Brush', cursive;
  1260. color:{color:bold};
  1261. font-size:16px;
  1262. font-weight:bold;
  1263. line-height:100%;
  1264. letter-spacing:0px;
  1265. right:7px;
  1266. bottom:5px;
  1267. text-align:center;
  1268. text-shadow:0 0 3px {color:bold};
  1269. -webkit-transition: all 0.5s ease-in-out;
  1270. -moz-transition: all 0.5s ease-in-out;
  1271. -o-transition: all 0.5s ease-in-out;
  1272. -ms-transition: all 0.5s ease-in-out;
  1273. transition: all 0.5s ease-in-out;
  1274. }
  1275.  
  1276. .credit:hover {
  1277. color:transparent;
  1278. text-shadow:0 0 7px {color:bold shadow};
  1279. -webkit-transition: all 0.5s ease-in-out;
  1280. -moz-transition: all 0.5s ease-in-out;
  1281. -o-transition: all 0.5s ease-in-out;
  1282. -ms-transition: all 0.5s ease-in-out;
  1283. transition: all 0.5s ease-in-out;
  1284. -webkit-filter: blur(2px);
  1285. }
  1286.  
  1287.  
  1288.  
  1289. /* ASK POST */
  1290.  
  1291. #ask {
  1292. background-repeat:no-repeat;
  1293. width:380px;
  1294. height:auto;
  1295. overflow-x: scroll;
  1296. border-bottom:4px double {color:italic};
  1297.  
  1298. }
  1299.  
  1300. #asker {
  1301. font-family:'times';
  1302. font-size:25px;
  1303. text-align:center;
  1304. text-transform:uppercase;
  1305. margin-top:10px;
  1306. letter-spacing:2px;
  1307. text-shadow: 0px 0px 5px {color:bold};
  1308. }
  1309.  
  1310. #asker a {
  1311. color:{color:taglinks};
  1312. -moz-transition-duration:1s;
  1313. -webkit-transition-duration:1s;
  1314. -o-transition-duration:1s;
  1315. }
  1316.  
  1317. #asker a:hover {
  1318. letter-spacing:3px;
  1319. -moz-transition-duration:1s;
  1320. -webkit-transition-duration:1s;
  1321. -o-transition-duration:1s;
  1322. -webkit-transition: all 0.5s ease-out;
  1323. -moz-transition: all 0.5s ease-out;
  1324. transition: all 0.5s ease-out;
  1325. }
  1326.  
  1327. #question {
  1328. width:380px;
  1329. margin-left:auto;
  1330. margin-right:auto;
  1331. margin-top:10px;
  1332. height:auto;
  1333. text-align:center;
  1334. overflow:scroll;
  1335. padding-top:10px;
  1336. padding-bottom:10px;
  1337. font-weight:bold;
  1338. font-size:10px;
  1339. }
  1340.  
  1341. /* TAGS */
  1342.  
  1343. #infotext {
  1344. letter-spacing:2px;
  1345. font-size:7px;
  1346. margin-top:10px;
  1347. font-weight:10;
  1348. color: {color:Taglink};
  1349. text-shadow: 0px 0px 0px {color:tag shadow};
  1350. text-align:center;
  1351. border:1px solid transparent;
  1352. padding: 4px 12px;
  1353.  
  1354. BACKGROUND-IMAGE:URL('');
  1355. BACKGROUND-REPEAT:NO-REPEAT;
  1356. BACKGROUND-POSITION: TOP CENTER;
  1357.  
  1358.  
  1359. }
  1360.  
  1361.  
  1362.  
  1363. #infotext a {
  1364. color:{color:Taglinks};
  1365. -o-transition:.5s;
  1366. -ms-transition:.5s;
  1367. -moz-transition:.5s;
  1368. -webkit-transition:.5s;
  1369. transition:.5s;
  1370. text-shadow: 0px 0px 0px {color:tag shadow};
  1371.  
  1372.  
  1373.  
  1374. }
  1375.  
  1376. #infotext a:hover {
  1377. color:{color:Taglinks};
  1378. -o-transition:.5s;
  1379. -ms-transition:.5s;
  1380. -moz-transition:.5s;
  1381. -webkit-transition:.5s;
  1382. transition:.5s;
  1383. -webkit-filter: blur(2px);
  1384. }
  1385.  
  1386. #info a {
  1387. color: {color:Taglinks};
  1388. -o-transition:.5s;
  1389. -ms-transition:.5s;
  1390. -moz-transition:.5s;
  1391. -webkit-transition:.5s;
  1392. transition:.5s;
  1393. }
  1394.  
  1395. #info a:hover {
  1396. opacity:2;
  1397. -o-transition:.5s;
  1398. -ms-transition:.5s;
  1399. -moz-transition:.5s;
  1400. -webkit-transition:.5s;
  1401. transition:.5s;
  1402.  
  1403. }
  1404.  
  1405. #iinfo {
  1406. font-size:9px;
  1407. text-align:justify;
  1408. letter-spacing:1px;
  1409. padding-left: 2px;
  1410. padding-right: 2px;
  1411. text-transform:bold;
  1412. text-shadow: 0px 0px 2px #fff;
  1413. margin-top:-24px;
  1414. color:{color:taglinks}
  1415. width:300px;
  1416. margin-bottom:40px;
  1417. -ms-transform: rotate(0deg); /* IE 9 */
  1418. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  1419. transform: rotate(0deg);
  1420.  
  1421. }
  1422.  
  1423. #iinfo a {
  1424. color:{color:taglink};
  1425. -o-transition:.5s;
  1426. -ms-transition:.5s;
  1427. -moz-transition:.5s;
  1428. -webkit-transition:.5s;
  1429. transition:.5s;
  1430. text-shadow: 0px 0px 3px #fff;
  1431.  
  1432. }
  1433.  
  1434. #iinfo a:hover {
  1435. opacity:0.5;
  1436. -o-transition:1s;
  1437. -ms-transition:1s;
  1438. -moz-transition:1s;
  1439. -webkit-transition:1s;
  1440. transition:1s;
  1441. -webkit-filter: blur(3px);
  1442. text-shadow: 0px 0px 3px #fff;
  1443. }
  1444.  
  1445. #reblog {
  1446. text-transform:uppercase;
  1447. font-size:9px;
  1448. letter-spacing:3px;
  1449. color:{color:Postnotes};
  1450.  
  1451. }
  1452.  
  1453. #reblog a{
  1454. color:{color:Postnotes};
  1455. }
  1456.  
  1457. #nnotes {
  1458. width:400;
  1459. overflow:hidden;
  1460. height:auto;
  1461. margin-left:15px;
  1462. padding-left:20px;
  1463. text-transform:uppercase;
  1464. font-size:5px;
  1465. color:{color:Text};
  1466. text-shadow: 0px 0px 2px #fff;
  1467. }
  1468.  
  1469. #nnotes a {
  1470. color:{color:Postnotes};
  1471. text-transform:lowercase;
  1472. letter-spacing:0px;
  1473. font-weight:bold;
  1474. font-style:italic;
  1475. -webkit-filter: blur(2px);
  1476. text-shadow: 0px 0px 2px #fff;
  1477. }
  1478.  
  1479.  
  1480.  
  1481.  
  1482.  
  1483.  
  1484. /* CREDITS */
  1485.  
  1486. .credit {
  1487. position:fixed;
  1488. text-shadow: 0px 0px 0px #000;
  1489. right:15px;
  1490. bottom:15px;
  1491. transform: rotate(0deg);
  1492. font-family: times;
  1493. font-size: 14px;
  1494. }
  1495.  
  1496.  
  1497. .credit a {
  1498. padding:10px;
  1499. color:#0000;
  1500. margin-right:2px;
  1501. -webkit-filter: blur(1px);
  1502. -webkit-transition: 0.8s ease-in;
  1503. -moz-transition: 1s ease-in;
  1504. transition: 1s ease-in;
  1505. }
  1506.  
  1507. .credit a:hover {
  1508. -webkit-transition: all 0.6s ease-in-out;
  1509. -moz-transition: all 0.6s ease-in-out;
  1510. -o-transition: all 0.6s ease-in-out;
  1511. -ms-transition: all 0.6s ease-in-out;
  1512. transition: all 0.6s ease-in-out;
  1513. color: #000000;
  1514. text-shadow: 2px 2px 2px #000000;
  1515. }
  1516.  
  1517. #bubble-music {
  1518. position:fixed;
  1519. left:870px;
  1520. top:607px;
  1521. width:30px;
  1522. height:30px;
  1523. background-color:#e66731;
  1524. border-radius:100%;
  1525. -moz-border-radius:100%;
  1526. overflow:hidden;
  1527. -webkit-transition: all 0.5s ease-out;
  1528. -moz-transition: all 0.5s ease-out;
  1529. transition: all 0.5s ease-out }
  1530.  
  1531. #bubble-music:hover { border-radius:9px; -moz-border-radius:9px; width:140px; height:30px; }
  1532.  
  1533. .music_embed { margin:-23px 0 0 70px; z-index:1; font-family:consolas; font-size:8px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out }
  1534.  
  1535. #bubble-music:hover .music_embed { margin:-23px 0 0 34px; opacity:1; }
  1536.  
  1537. </style>
  1538.  
  1539.  
  1540.  
  1541. {CustomCSS}</style></head><body>
  1542.  
  1543. <!-- Start of StatCounter Code for Tumblr -->
  1544. <script type="text/javascript">
  1545. var sc_project=11252751;
  1546. var sc_invisible=1;
  1547. var sc_security="578b4e8a";
  1548. var scJsHost = (("https:" == document.location.protocol) ?
  1549. "https://secure." : "http://www.");
  1550. document.write("<sc"+"ript type='text/javascript' src='" +
  1551. scJsHost+
  1552. "statcounter.com/counter/counter.js'></"+"script>");
  1553. </script>
  1554. <noscript><div class="statcounter"><a title="web analytics"
  1555. href="http://statcounter.com/" target="_blank"><img
  1556. class="statcounter"
  1557. src="//c.statcounter.com/11252751/0/578b4e8a/1/" alt="web
  1558. analytics"></a></div></noscript>
  1559. <!-- End of StatCounter Code for Tumblr -->
  1560.  
  1561. <div id="bubble-music"> <img style="margin:7px;" src="http://68.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"> <div class="music_embed">
  1562. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://www.dropbox.com/s/0e9491vf73zhwrh/Ed%20Sheeran%20-%20Shape%20Of%20You%20Official%20Lyric%20Video.mp3?dl=1&t0=Shape of You - Ed Sheeran&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /> </div> </div>
  1563.  
  1564.  
  1565. <div id="container">
  1566. <div id="gradient"> </div>
  1567. <div id="gradient2"></div>
  1568.  
  1569.  
  1570.  
  1571. <div id="sidelinks">
  1572. <a href="http://amazingspiderling.tumblr.com" title="HOME">I.</a>
  1573. <div id="link1"><a href="http://amazingspiderling.tumblr.com/ask" title="ASK">II.</span></a></div>
  1574. <div id="link2"><a href="http://amazingspiderling.tumblr.com/rules" title="RULES">III.</a></div>
  1575. <div id="link3"><a href="http://amazingspiderling.tumblr.com/navigation" title="NAVIGATION">IV.</a></div>
  1576. <div id="link4"><a href="http://amazingspiderling.tumblr.com/verses" title="VERSES">V.</a></div><br>
  1577. <br>
  1578. <div id="sidenext">{block:NextPage}<a href="{NextPage}" title="next">ascend </a>{/block:NextPage}
  1579. <p>{block:PreviousPage}<a href="{PreviousPage}" title="previous">descend </a>{/block:PreviousPage}
  1580. </div>
  1581.  
  1582. </div>
  1583.  
  1584. <div id="entries">{block:Posts}<!-- {block:NoRebloggedFrom}
  1585. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1586. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  1587. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1588. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1589. {/block:ContentSource}<div id="post">
  1590.  
  1591. {block:Text}<h1>{block:Title}<div id="posttitle">{Title}</div>{/block:Title}</h1>{Body}<div id="photo" class="photo"><img src="{PhotoURL-400}">{LinkCloseTag}</div>{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Text}
  1592.  
  1593. {block:Photo}{LinkOpenTag}<div id="photo" class="photo"><img src="{PhotoURL-400}">{LinkCloseTag}</div>{block:Caption}{Caption}{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photo}
  1594.  
  1595. {block:Photoset}<div id="photo" class="photo">{Photoset-400}</div>{block:Caption}{Caption}{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photoset}
  1596.  
  1597. {block:Quote}<div id="quote">❝{Quote}.❞ {block:Source}<br><br> <div style="text-align: right;">— {Source}</div></div>{/block:Source}{/block:Quote}
  1598.  
  1599. {block:Link}<a href="{URL}" {Target}><div id="posttitle">{Name}</div></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1600.  
  1601. {block:Chat}
  1602. {block:Title}<div id="posttitle">{Title}</div>
  1603. {/block:Title}<br>
  1604. {block:Lines}{block:Label}<strong>{Label}</strong></span>{/block:Label}
  1605. {Line}<br></li>{/block:Lines}</ul>
  1606. {/block:Chat}
  1607.  
  1608. {block:Audio}{block:AudioPlayer}
  1609. <div class="audiowrapper">
  1610. {block:AlbumArt}
  1611. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1612. {/block:AlbumArt}
  1613.  
  1614. <div class="playerbuttonbg">
  1615. <div class="newplayerbutton">
  1616. <div class="playerbuttonhug">
  1617.  
  1618. {AudioPlayerWhite}
  1619.  
  1620. </div>
  1621. </div>
  1622. </div>
  1623.  
  1624. <div class="trackdetails">
  1625.  
  1626. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  1627. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  1628. {block:Album}Album: {Album}{/block:Album}<br/>
  1629. {PlayCountWithLabel}
  1630.  
  1631. </div>
  1632. </div>
  1633. {/block:AudioPlayer}
  1634.  
  1635. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1636.  
  1637.  
  1638. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1639.  
  1640. {block:Answer}<div id="ask"><div id="asker">{Asker}</div><div id="question">{Question}</div></div><p>{Answer}{Photo-400}{block:More} <a href="{Permalink}"><center><b>READ MORE</b><br>&nbsp;</center></a> {/block:More}{/block:Answer}
  1641.  
  1642.  
  1643. <div id="infotext">{block:Date}<a title="{TimeAgo}"><size="10px">✦</size></a></span>{/block:Date} <a href="{Permalink}" title="{NoteCountWithLabel}"<size="10px">✦</size>
  1644. </a>{block:RebloggedFrom} <a href="{ReblogParentURL}"
  1645. title="{ReblogParentTitle}"><size="10px">✦</size></a>{/block:RebloggedFrom}</div></div><div id="iinfo">{block:HasTags}{block:Tags} ✦ <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  1646.  
  1647. </div>
  1648. {block:PostNotes}<div id="postnotes"><div id="nnotes">{PostNotes}</div></div>{/block:PostNotes}
  1649.  
  1650.  
  1651. {/block:Posts}</div></div>
  1652.  
  1653.  
  1654.  
  1655. <div class="credit">
  1656. <a href="http://hmnals.tumblr.com/" title="HMNALS.">H.</a>
  1657. </div>
  1658.  
  1659.  
  1660. </body>
  1661.  
  1662.  
  1663.  
  1664. <div id="disp">
  1665. <div class="side">
  1666. <div id="sidebar">
  1667.  
  1668. <center>
  1669.  
  1670. <div style="width:auto;height:438px;overflow:scroll;padding:5px;">
  1671.  
  1672. <h3>
  1673. Amazing Spider-Man
  1674. </h3>
  1675.  
  1676. "You are a lot like your father. You really are, Peter, and that's a good thing. But your father went by a philosophy, a principle, really. He believed that if you could do good things for other people, you had a moral obligation to do those things! That's what's at stake here. Not choice. Responsibility."<br>
  1677. <br>
  1678. --Ben Parker
  1679.  
  1680. <hr>
  1681.  
  1682. Indie Peter Parker, multi-ship and verse RP blog.<br>
  1683. Please read the <a href="http://amazingspiderling.tumblr.com/rules">Rules</a> and skim over the <a href="http://amazingspiderling.tumblr.com/navigation">Navigation</a> page.
  1684.  
  1685. <i>
  1686. <br></br>
  1687. <i>Written by Ripley.</i>
  1688. <br> </br>
  1689.  
  1690.  
  1691. </i>
  1692.  
  1693.  
  1694.  
  1695.  
  1696. </center>
  1697.  
  1698.  
  1699. </div>
  1700.  
  1701. <!-- ASK POP UP-->
  1702. <div id="box1" class="askpopup_block">
  1703. <div class="poptext">
  1704. <center><iframe frameborder="0" height="300px" width="400px" id="ask_form" scrolling="auto" src="http://www.tumblr.com/ask_form/{text:ASKURL}.tumblr.com" width="100%"></center></iframe>
  1705. </div></div>
  1706.  
  1707. <!-- END OF ASK POP UP -->
  1708.  
  1709. </div>
  1710. </div>
  1711.  
  1712.  
  1713. <div id="02" class="popup_block">
  1714. <div class="poptext">
  1715. <div id="popuptitle">ABOUT </div>
  1716. <div id="popuptext">
  1717.  
  1718.  
  1719. <b>LOREM IPSUM </b>dolor sit amet, consectetur adipiscing elit. nunc eu suscipit orci. donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. SUSPENDISSE POTENTI. Vestibulum orci purus, <i>sagittis id tellus quis,</i> blandit imperdiet ex.suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. <i>Integer sem ante,</i> posuere sit amet nulla vitae, posuere fringilla nunc.
  1720.  
  1721. <center><h3> TITLE HERE. </h3></center>
  1722.  
  1723. <b>FUSCE LACUS ELIT, LOBORTIS</b> non sapien interdum, blandit condimentum urna. Donec eu viverra elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <i>Nullam mattis turpis eu</i> justo imperdiet, eget tincidunt mauris aliquet. vestibulum dictum sem a velit consequat convallis. donec ex odio, vestibulum et condimentum quis, ultrices eu augue. <b>Nunc venenatis ULTRICIES CONGUE. MORBI VEL VARIUS MAURIS, VELporttitor tortor.</b> Suspendisse potenti. Maecenas elementum ligula neque, eget laoreet lacus vehicula quis. <i>Integer nibh diam, dictum non fermentum sed, dignissim quis magna.</i>
  1724.  
  1725.  
  1726.  
  1727.  
  1728. </div>
  1729. </div>
  1730. </div>
  1731.  
  1732.  
  1733. <div id="03" class="popup_block">
  1734. <div class="poptext">
  1735. <div id="popuptitle">GUIDELINES</div>
  1736. <div id="popuptext">
  1737.  
  1738.  
  1739. <center><h3> PUT RULES HERE. WHAT YOU DO/DON'T DO. </h3></center>
  1740.  
  1741. <h1>GUIDELINES</h1><!--you can change this title if you want-->
  1742.  
  1743. <p><!--here starts the content-->Before we proceed, I’d like to thank you for reading the guidelines. Bear in mind that I will read your guidelines frequently if we are having a thread or I am about to send an ask. Unfortunately, it is a fact that I cannot remember every single guidelines out there nor do I expect you to fully memorize mine. If I have broken one of your rules, you have permission to unfollow or inform me. In fact, you may unfollow with any reasons you may have. You need not fret over it.</p>
  1744.  
  1745. <b>FOLLOWING</b>
  1746.  
  1747. <p>x. Following is on an interest basis. This blog is both selective and private mainly because of my busy lifestyle and endless blog counts. If you still wish to roleplay with me, drop a message and I will most likely comply.</p>
  1748.  
  1749. <p>x. I will not follow non-mutuals. If follow is one-sided after some time, I will unfollow. This is mainly because I want to avoid liking starter call posts that are meant for the blog’s mutual followers.</p>
  1750.  
  1751. <p>x. I will be selective about roleplay with non-mutuals.</p>
  1752.  
  1753. <p>x. I will unfollow if you post callouts without receipts. I will never fall in line with Tumblr's 'guilty upon callout' attitude. I'm an adult and I will make my own decisions on whether to interact with someone or not. If I get hurt, it is my own issue and I will handle it like an adult.</p>
  1754.  
  1755. <p>x. If I see that you have a rule against rping with animated characters, I will not follow you. This blog features several of them.</p>
  1756.  
  1757. <b>THREADS</b>
  1758.  
  1759. <p>x. Replies will be sporadic. Please be patient with me.</p>
  1760.  
  1761. <p>x. This is a given but please do not godmod or metagame.</p>
  1762.  
  1763. <p>x. Please try not to continue threads by reblogging ask posts. If you would like to continue an ask, please make a new text post including the link to the original ask and tag me in it.</p>
  1764.  
  1765. <p>x. I have absolutely no written triggers. Wars? Abuse? Blood? I’m comfortable with writing all but I will still tag triggers under 'trigger name tw'. Please do so as well if we roleplay any. The only trigger I have is visual self harm photos.</p>
  1766.  
  1767. <p>x. I can roleplay threads that are multiple paragraphs and novella. I would like to avoid one-liners entirely.</p>
  1768.  
  1769. <p>x. I tend to try and mirror the length of my partner's replies. It's just something that I find more comfortable in doing.</p>
  1770.  
  1771. <p>x. My default style is third POV. I am fine with other styles so if you were to roleplay in first POV then I'm fine with that. Whatever you're comfortable with, just don't expect me to change my writing style.</p>
  1772.  
  1773. <p>x. I will gladly roleplay with duplicates but I prefer to do some detailed plotting before we hop onto that rail. I'm certain that there can be a lot of AU ideas with duplicates so do approach me if you are ever interested in creating a verse.</p>
  1774.  
  1775. <p>x. I'm a great lover of AU plots so please expect that I'll enjoy plotting them with you. A/B/O is one of my favorites but I will never push it on someone or mention it if it's a trigger or squick in your rules page.</p>
  1776.  
  1777. <p>x. I do not expect perfection in your writing, we're all building up our skill after all. As long as your replies can be read and understood, it’s sufficient. Of course, basic grammar and spelling would be very much appreciated on my end. That being said, I know that we are just humans behind the screen and mistakes can be made here and there. That's fine.</p>
  1778.  
  1779. <p>x. Keep in mind that I am a person with high levels of spontaneity. I am active in coming up with new plots or ideas and I do frequently convey them to my close roleplaying partners. If you prefer to keep threads to a minimum number, please let me know. I won't know if you don't tell me.</p>
  1780.  
  1781. <p>x. Adding to that, threads which are inactive over a period of time will start to lose its flavour for me. I'm really someone who jumps from one thing to another frequently while leaving the former behind so ... please understand if I cannot muster up the muse for our delayed threads and that I may have to drop it. I prefer letting my RP partner know about these dropped threads first and I don't intend to cause anyone anxiety by asking them. Of course, we can always plot a new thread if that ever happens.</p>
  1782.  
  1783. <b>MUSES</b>
  1784.  
  1785. <p>x. My muses largely based on their canon materials and my own interpretation. Take note that the more developments they undergo, the more they may stray from their canon persona. That being said, most of my Marvel muses are Marvel Cinematic Universe-based with little comic influence.</p>
  1786.  
  1787. <p>x. I am someone who really loves to delve deeper into their character, especially when a character's behaviour is involved. All my headcanons for my characters in their tag are personally written by me. I am a very easy going person so -- if there is any headcanons you want to use, go ahead and reblog it. Just don't copy and paste, edit some parts and call it as yours.</p>
  1788.  
  1789. <p>x. This blog is flexible with most canon events. Please let me know if there are certain ones that you'd prefer to RP in so that we can put our characters in the right timeline. However, for some muses [such as Sephiroth], I can be picky about where I rp them.</p>
  1790.  
  1791. <p>x. Bear in mind that my character's reactions does not necessary equate to my own towards the mun. If my character loves / hates your character, it does not mean that I feel the same about the person behind the screen. I have a deep belief that the writer does not equal the characters, if you cannot tell the difference then please don't bother with following me.</p>
  1792.  
  1793. <p>x. Crossover friendly. I am more than okay with writing with characters from other mediums. I have stronger affinity towards fandoms that I am familiar with, naturally, but I will try to look up on your character if we ever get onto that road. Please don't be discouraged if I have questions or don't pick up on your meaning when plotting. Don't worry about spoiling me on storylines either. </p>
  1794.  
  1795. <b>SHIPPING</b>
  1796.  
  1797. <p>x. This blog is currently multiship but there are some characters who are singleship. These characters are listed as such in the Navigation page.</p>
  1798.  
  1799. <p>x. Bear in mind that my interests in looking for a ship is fairly low. However, once I am involved in a ship, I tend to be extremely geared into it. I look for a story between them for them both to develop, not something extremely one sided.</p>
  1800.  
  1801. <p>x. Hence, I take shipping seriously. I will expect my partner not to ship with me for the sole sake of shipping a pairing aesthetic of theirs and shove my blog aside completely afterwards. Please make sure that you can be just as seriously involved in development with me in the long run before approaching me about a potential in shipping.</p>
  1802.  
  1803. <p>x. I will do exclusive shipping. It's a preference for me and it's most likely for me to do only one version of a particular ship with someone. However, this is not an absolute rule. I do better with someone who I talk to OOC on a regular basis. If you want a ship, it's a good idea to help me get comfortable with you so I can figure out how my character can work with yours.</p>
  1804.  
  1805. <p>x. In any scenarios where one of the muns do not feel anything for the ship, it can be dropped. There is absolutely no pressure when it comes to dropping a ship. It’s much tougher on me when I have to keep a dying ship on my blog without any proper closure to its fate.</p>
  1806.  
  1807. <p>x. M/M - M/F - F/F – I have no problem with any. I do not care.</p>
  1808.  
  1809. <p>x. Do not forceship. I will block you if you try to do this.</p>
  1810.  
  1811. <p>x. I will be selective with who I roleplay smut with. I prefer for characters to have a romantic chemistry first. Do bear in mind that my writing muse for smut is the lowest among all genres so expect it to be proceeded slowly or a handful of awkward writing on my end.</p>
  1812.  
  1813. <b>PERSONAL</b>
  1814.  
  1815. <p>x. I don't like competitions. I don't like useless comparisons. I hate elitists. I hate gatekeeping. I dislike seeing SJWs on my RP blog dash, I have a personal blog for that purpose. If you are one, you get a free one way ticket to being unfollowed or blocked.</p>
  1816.  
  1817. <p>x. Don't compare me with other roleplay partners. Don't compare my muse with any characters yours have interactions with. Don't post things like '(another muse) earned the thing but (my muse) didn't' or 'love (another muse) more than (my muse)'. I don't like it. I really don't, especially when our verses don't intertwine or I don't even know who the heck your other roleplaying partner or muse is. I don't mind if it's just joke between us muns but please don't push it too far. This is a surefire way to stress me out. So please. Don't.</p>
  1818.  
  1819. <p>x. Please refrain from making dash commentaries regarding your problem with my muse or me. If you want something to be heard by me, tell me privately. If you’re just complaining about my muse or me in broad daylight & not smart enough to not let me see it, I’ll unfollow. This includes making needless commentary on the rules pages of my other blogs -- I've had this happen before.</p>
  1820.  
  1821. <p>x. I am extremely pro choice. I believe that people are free to do what they wish to do as long as they are not distressing the other party. I am not the dick-tator of tumblr and neither anyone should try to be.</p>
  1822.  
  1823. <p>x. With that in mind, if I come across anyone trying to tell others what to post, how to lead their tumblr life or what to write, it’s an automatic unfollow. That is gatekeeping behavior and I will not put up with it, I'm not obligated to and neither is anyone else.</p>
  1824.  
  1825. <b>MUN</b>
  1826.  
  1827. <p>I go by Ripley at the current moment. I was born in 1991 and I will not smut with people under the age of 18.</p>
  1828.  
  1829. <p>Fade-to-black scenarios are completely fine for NSFW moments in a thread. Give me a heads up and we can do that. I will not use a Read More. I do tag as much as possible. If you need something tagged, tell me.</p>
  1830.  
  1831. <p>My OCs can be requested at any time. Please do not steal them.</p>
  1832.  
  1833. <p>I edit the themes I use and I create the backgrounds. If you want one, please ask me instead of taking the background.</p>
  1834.  
  1835. <p>If you want my personal blog, skype, or something else then please ask me off anon.</p>
  1836.  
  1837. </div>
  1838. </div>
  1839. </div>
  1840.  
  1841. <div id="04" class="popup_block">
  1842. <div class="poptext">
  1843. <div id="popuptitle">VERSES</div>
  1844. <div id="popuptext">
  1845.  
  1846. <b>LOREM IPSUM </b>dolor sit amet, consectetur adipiscing elit. nunc eu suscipit orci. donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. SUSPENDISSE POTENTI. Vestibulum orci purus, <i>sagittis id tellus quis,</i> blandit imperdiet ex.suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. <i>Integer sem ante,</i> posuere sit amet nulla vitae, posuere fringilla nunc.
  1847.  
  1848. <center><h3> TITLE HERE. </h3></center>
  1849.  
  1850. <b>FUSCE LACUS ELIT, LOBORTIS</b> non sapien interdum, blandit condimentum urna. Donec eu viverra elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <i>Nullam mattis turpis eu</i> justo imperdiet, eget tincidunt mauris aliquet. vestibulum dictum sem a velit consequat convallis. donec ex odio, vestibulum et condimentum quis, ultrices eu augue. <b>Nunc venenatis ULTRICIES CONGUE. MORBI VEL VARIUS MAURIS, VELporttitor tortor.</b> Suspendisse potenti. Maecenas elementum ligula neque, eget laoreet lacus vehicula quis. <i>Integer nibh diam, dictum non fermentum sed, dignissim quis magna.</i>
  1851.  
  1852. </div>
  1853. </div>
  1854. </div>
  1855.  
  1856.  
  1857. <div id="05" class="popup_block">
  1858. <div class="popnav"><div id="links"><table id="table" table border="0" cellspacing="" cellpadding="2"><center>
  1859.  
  1860. <tr>
  1861. <td><a href="http://amazingspiderling.tumblr.com/rules">Rules</a></td>
  1862. <td><a href="http://amazingspiderling.tumblr.com/post/151764268836/permanent-startercalls">Starter Calls</a></td>
  1863. </tr>
  1864. <tr>
  1865. <td><a href="http://amazingspiderling.tumblr.com/tagged/;;rp%20ideas">RP Ideas</a></td>
  1866. <td><a href="http://amazingspiderling.tumblr.com/tagged/meme%3Aspecify-muse">Memes</a></td>
  1867. </tr>
  1868. <tr>
  1869. <td><a href="http://amazingspiderling.tumblr.com/tagged/blog%20update">Blog Updates</a></td>
  1870. <td><a href="http://amazingspiderling.tumblr.com/tagged/ooc">OOC</a></td>
  1871. </tr>
  1872. <h3>Muses</h3>
  1873. <tr>
  1874. <td><a href="http://amazingspiderling.tumblr.com/10knav">10k</a></td>
  1875. <td><a href="LINK HERE">LINK TITLE</a></td>
  1876. </tr>
  1877. <tr>
  1878. <td><a href="LINKHERE">LINK TITLE</a></td>
  1879. <td><a href="LINKHERE">LINK TITLE</a></td>
  1880. </tr>
  1881. <tr>
  1882. <td><a href="LINKHERE">LINK TITLE</a></td>
  1883. <td><a href="LINKHERE">LINK TITLE</a></td>
  1884. </tr>
  1885. <tr>
  1886. <td><a href="LINKHERE">LINK TITLE</a></td>
  1887. <td><a href="LINKHERE">LINK TITLE</a></td>
  1888. </tr>
  1889. <tr>
  1890. <td><a href="LINKHERE">LINK TITLE</a></td>
  1891. <td><a href="LINKHERE">LINK TITLE</a></td>
  1892. </tr>
  1893. <tr>
  1894. <td><a href="LINKHERE">LINK TITLE</a></td>
  1895. <td><a href="LINK HERE">LINK TITLE</a></td>
  1896. </tr>
  1897. <tr>
  1898. <td><a href="LINKHERE">LINK TITLE</a></td>
  1899. <td><a href="LINKHERE">LINK TITLE</a></td>
  1900. </tr>
  1901. <tr>
  1902. <td><a href="LINKHERE">LINK TITLE</a></td>
  1903. <td><a href="LINKHERE">LINK TITLE</a></td>
  1904. </tr>
  1905. <tr>
  1906. <td><a href="LINKHERE">LINK TITLE</a></td>
  1907. <td><a href="LINKHERE">LINK TITLE</a></td>
  1908. </tr>
  1909. <tr>
  1910. <td><a href="LINKHERE">LINK TITLE</a></td>
  1911. <td><a href="LINKHERE">LINK TITLE</a></td>
  1912. </tr>
  1913. <tr>
  1914. <td><a href="LINKHERE">LINK TITLE</a></td>
  1915. <td><a href="LINK HERE">LINK TITLE</a></td>
  1916. </tr>
  1917. <tr>
  1918. <td><a href="LINKHERE">LINK TITLE</a></td>
  1919. <td><a href="LINKHERE">LINK TITLE</a></td>
  1920. </tr>
  1921. <tr>
  1922. <td><a href="LINKHERE">LINK TITLE</a></td>
  1923. <td><a href="LINKHERE">LINK TITLE</a></td>
  1924. </tr>
  1925. <tr>
  1926. <td><a href="LINKHERE">LINK TITLE</a></td>
  1927. <td><a href="LINKHERE">LINK TITLE</a></td>
  1928. </tr>
  1929. <tr>
  1930. <td><a href="LINKHERE">LINK TITLE</a></td>
  1931. <td><a href="LINKHERE">LINK TITLE</a></td>
  1932. </tr>
  1933.  
  1934.  
  1935.  
  1936.  
  1937.  
  1938. <div id="popuptitle">NAVIGATION</div>
  1939.  
  1940.  
  1941.  
  1942. </center></table></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment