API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 19th, 2018
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 74.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <!----
  7.  
  8. CREDIT GOES TO HMNALS.TUMBLR.COM / ALY.
  9.  
  10.  
  11. 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!
  12.  
  13. BASE BACKGROUND IMAGE HERE: http://static.tumblr.com/q5gddpf/bdEoect74/backgroundbase.png
  14. --->
  15. <head>
  16.  
  17.  
  18. <!----
  19.  
  20. BLOBS IN A JAR CODE
  21. --->
  22.  
  23. <script type="text/javascript">
  24. // <![CDATA[
  25. var colour="#000"; // what colour are the blobs
  26. var speed=100; // speed of animation, lower is faster
  27. var blobs=10 // how many blobs are in the jar
  28. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  29.  
  30. /***************************\
  31. * Blobs in a Jar Effect *
  32. *(c)2012-13 mf2fm web-design*
  33. * http://www.mf2fm.com/rv *
  34. * DON'T EDIT BELOW THIS BOX *
  35. \***************************/
  36.  
  37. var div;
  38. var xpos=new Array();
  39. var ypos=new Array();
  40. var zpos=new Array();
  41. var dx=new Array();
  42. var dy=new Array();
  43. var dz=new Array();
  44. var blob=new Array();
  45. var swide=800;
  46. var shigh=600;
  47. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  48.  
  49. function addLoadEvent(funky) {
  50. var oldonload=window.onload;
  51. if (typeof(oldonload)!='function') window.onload=funky;
  52. else window.onload=function() {
  53. if (oldonload) oldonload();
  54. funky();
  55. }
  56. }
  57.  
  58. addLoadEvent(fill_the_jar);
  59.  
  60. function fill_the_jar() {
  61. var i, dvs;
  62. div=document.createElement('div');
  63. dvs=div.style;
  64. dvs.position='fixed';
  65. dvs.left='0px';
  66. dvs.top='0px';
  67. dvs.width='1px';
  68. dvs.height='1px';
  69. document.body.appendChild(div);
  70. set_width();
  71. for (i=0; i<blobs; i++) {
  72. add_blob(i);
  73. jamjar(i);
  74. }
  75. }
  76.  
  77. function add_blob(ref) {
  78. var dv, sy;
  79. dv=document.createElement('div');
  80. sy=dv.style;
  81. sy.position='absolute';
  82. sy.textAlign='center';
  83. if (ie_version && ie_version<10) {
  84. sy.fontSize="10px";
  85. sy.width="100px";
  86. sy.height="100px";
  87. sy.paddingTop="40px";
  88. sy.color=colour;
  89. dv.appendChild(document.createTextNode(charc));
  90. }
  91. else if (ie_version) {
  92. sy.fontSize="1px";
  93. sy.width="0px";
  94. sy.height="0px";
  95. }
  96. else {
  97. dv.appendChild(document.createTextNode(charc));
  98. sy.color='rgba(0,0,0,0)';
  99. }
  100. ypos[ref]=Math.floor(shigh*Math.random());
  101. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  102. xpos[ref]=Math.floor(swide*Math.random());
  103. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  104. zpos[ref]=Math.random()*20;
  105. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  106. blob[ref]=dv;
  107. div.appendChild(blob[ref]);
  108. set_blob(ref);
  109. }
  110.  
  111. function rejig(ref, xy) {
  112. if (xy=='y') {
  113. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  114. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  115. }
  116. else {
  117. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  118. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  119. }
  120. }
  121.  
  122. function sign(a) {
  123. if (a<0) return (-2);
  124. else if (a>0) return (2);
  125. else return (0);
  126. }
  127.  
  128. function set_blob(ref) {
  129. var sy;
  130. sy=blob[ref].style;
  131. sy.top=ypos[ref]+'px';
  132. sy.left=xpos[ref]+'px';
  133. if (ie_version && ie_version<10) {
  134. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  135. sy.fontSize=30-zpos[ref]+"px";
  136. }
  137. else if (ie_version) {
  138. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  139. }
  140. else {
  141. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  142. sy.fontSize=40+zpos[ref]+'px';
  143. }
  144. }
  145.  
  146. function jamjar(ref) {
  147. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  148. ypos[ref]+=dy[ref];
  149. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  150. xpos[ref]+=dx[ref];
  151. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  152. zpos[ref]+=dz[ref];
  153. set_blob(ref);
  154. setTimeout("jamjar("+ref+")", speed);
  155. }
  156.  
  157. window.onresize=set_width;
  158. function set_width() {
  159. var sw_min=999999;
  160. var sh_min=999999;
  161. if (document.documentElement && document.documentElement.clientWidth) {
  162. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  163. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  164. }
  165. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  166. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  167. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  168. }
  169. if (document.body.clientWidth) {
  170. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  171. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  172. }
  173. if (sw_min==999999 || sh_min==999999) {
  174. sw_min=800;
  175. sh_min=600;
  176. }
  177. swide=sw_min;
  178. shigh=sh_min;
  179. }
  180. // ]]>
  181. </script>
  182.  
  183. <!--- END OF BLOBS--->
  184.  
  185.  
  186. </head>
  187.  
  188.  
  189.  
  190. <!--
  191. CUSTOM FONTS
  192. -->
  193.  
  194.  
  195. <!--
  196. font-family: 'Lora', serif;
  197. font-family: 'Playfair Display', serif;
  198. font-family: 'Cinzel', serif;
  199. font-family: 'Cormorant Unicase', serif;
  200. font-family: 'Mrs Saint Delafield', cursive;
  201. font-family: 'Pacifico', cursive;
  202. font-family: 'Arizonia', cursive;
  203. font-family: 'Homemade Apple', curzive;
  204. --><link href="https://fonts.googleapis.com/css?family=Cinzel|Cormorant+Unicase|Lora|Mrs+Saint+Delafield|Playfair+Display" rel="stylesheet">
  205. <link href="https://fonts.googleapis.com/css?family=Arizonia|Pacifico" rel="stylesheet">
  206. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  207.  
  208.  
  209.  
  210.  
  211.  
  212.  
  213. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  214. <head>
  215.  
  216. <script type="text/javascript"
  217. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  218.  
  219. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  220. <script>
  221. $(document).ready(function() {
  222. //
  223. $('a.poplight[href^=#]').click(function() {
  224. var popID = $(this).attr('rel');
  225. var popURL = $(this).attr('href');
  226. var query= popURL.split('?');
  227. var dim= query[1].split('&');
  228. var popWidth = dim[0].split('=')[1];
  229. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  230. var popMargTop = ($('#' + popID).height() + 80) / 2;
  231. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  232.  
  233. $('#' + popID).css({
  234. 'margin-top' : -popMargTop,
  235. 'margin-left' : -popMargLeft
  236. });
  237. $('body').append('<div id="fade"></div>');
  238. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  239. return false;
  240. });
  241. $('a.close, #fade').live('click', function() {
  242. $('#fade , .popup_block , .popup_block2').fadeOut(function() {
  243. $('#fade, a.close').remove();
  244. });
  245. return false;
  246. });
  247. });
  248. </script>
  249. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  250. <script>
  251. $(document).ready(function() {
  252. //
  253. $('a.poplight[href^=#]').click(function() {
  254. var popID = $(this).attr('rel');
  255. var popURL = $(this).attr('href');
  256. var query= popURL.split('?');
  257. var dim= query[1].split('&');
  258. var popWidth = dim[0].split('=')[1];
  259. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  260. var popMargTop = ($('#' + popID).height() + 80) / 2;
  261. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  262. $('#' + popID).css({
  263. 'margin-top' : -popMargTop,
  264. 'margin-left' : -popMargLeft
  265. });
  266. $('body').append('<div id="fade"></div>');
  267. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  268. return false;
  269. });
  270. $('a.close, #fade').live('click', function() {
  271. $('#fade , .askpopup_block').fadeOut(function() {
  272. $('#fade, a.close').remove();
  273. });
  274. return false;
  275. });
  276. });
  277. </script>
  278. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  279. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  280. <script>
  281. (function($){
  282. $(document).ready(function(){
  283. $("a[title]").style_my_tooltips({
  284. tip_follows_cursor:true,
  285. tip_delay_time:0,
  286. tip_fade_speed:0,
  287. attribute:"title"
  288. });
  289. });
  290. })(jQuery);
  291.  
  292. </script>
  293.  
  294. <script>
  295.  
  296. $(document).ready(function(){
  297. $("ul#tabs li").click(function(e){
  298. if (!$(this).hasClass("active")) {
  299. var tabNum = $(this).index();
  300. var nthChild = tabNum+1;
  301. $("ul#tabs li.active").removeClass("active");
  302. $(this).addClass("active");
  303. $("ul#tab li.active").removeClass("active");
  304. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  305. }
  306. });
  307. });
  308.  
  309. </script>
  310.  
  311.  
  312.  
  313. <style>
  314.  
  315.  
  316.  
  317. .tooltip{
  318. display: inline;
  319. position: relative;
  320. }
  321.  
  322.  
  323. /* SELECTION FONT AND BACKGROUND */
  324.  
  325.  
  326. ::selection {
  327. background: #fff;
  328. color:#000; }
  329.  
  330.  
  331. ::-moz-selection {
  332. background: #fff;
  333. color:#000; }
  334.  
  335. /* TOOLTIPS */
  336.  
  337. #s-m-t-tooltip {
  338. max-width:300px;
  339. padding:3px 7px 3px 8px;
  340. margin:-20px 0px 0px 20px;
  341. background-color:{color:background};
  342. color:{color:text};
  343. font-size:7px;
  344. text-transform:uppercase;
  345. z-index:999999999999;
  346. letter-spacing:2px;
  347. -webkit-border-radius:5px;
  348. -moz-border-radius:5px;
  349. border-radius:5px;
  350. }
  351.  
  352.  
  353. /*--
  354. AUDIO PLAYER BY HMNALS
  355. --*/
  356.  
  357. .playerbuttonbg {
  358. position: absolute;
  359. left: 20px;
  360. top: 20px;
  361. width: 19px;
  362. height: 19px;
  363. background-color: #ffffff;
  364. padding: 10px;
  365. -webkit-border-radius: 40px;
  366. -moz-border-radius: 40px;
  367. border-radius: 40px;
  368. opacity: .4;
  369. filter: alpha(opacity=40);
  370. -moz-opacity: 0.4;
  371. -khtml-opacity: 0.4;
  372. transition: opacity .7s ease-in-out;
  373. -moz-transition: opacity .7s ease-in-out;
  374. -webkit-transition: opacity .7s ease-in-out;
  375. }
  376.  
  377. .playerbuttonbg:hover {
  378. opacity: 1;
  379. filter: alpha(opacity=100);
  380. -moz-opacity: 1;
  381. -khtml-opacity: 1;
  382. }
  383.  
  384. .newplayerbutton {
  385. position: relative;
  386. width: 19px;
  387. height: 19px;
  388. overflow: hidden;
  389. }
  390.  
  391. .playerbuttonhug {
  392. position: absolute;
  393. top: -18px;
  394. left: -7px;
  395. }
  396.  
  397. .tumblr_audio_player {
  398. height: 90px;
  399. width: 270px;
  400. -moz-transform: scale(0.60, 0.60);
  401. -webkit-transform: scale(0.60, 0.60);
  402. -o-transform: scale(0.60, 0.60);
  403. -ms-transform: scale(0.60, 0.60);
  404. transform: scale(0.60, 0.60);
  405. -moz-transform-origin: top left;
  406. -webkit-transform-origin: top left;
  407. -o-transform-origin: top left;
  408. -ms-transform-origin: top left;
  409. transform-origin: top left;
  410. }
  411.  
  412. .audioimgwrapper {
  413. position: absolute;
  414. left: 0px;
  415. top: 0px;
  416. -webkit-border-radius: 40px;
  417. -moz-border-radius: 40px;
  418. border-radius: 40px;
  419. overflow: hidden;
  420. width: 79px;
  421. height: 79px;
  422. }
  423.  
  424. .audioimgwrapper img {
  425. width: 100%;
  426. height: auto;
  427. -webkit-border-radius: 40px;
  428. -moz-border-radius: 40px;
  429. border-radius: 40px;
  430. }
  431.  
  432. .trackdetails {
  433. width: auto;
  434. display:inline-block;
  435. margin-left: 90px;
  436. min-height: 85px;
  437. }
  438.  
  439. .audiowrapper {
  440. position: relative;
  441. display:inline-block;
  442. }
  443.  
  444.  
  445. /*--
  446. AUDIO END
  447. --*/
  448.  
  449. @font-face {font-family:SPRING; src: url(http://static.tumblr.com/hqcfcys/Azxor51yq/springtime_personal_use.ttf) format("truetype"); }
  450.  
  451.  
  452. </style>
  453.  
  454. <title>{Title}</title>
  455.  
  456.  
  457.  
  458. <link rel="shortcut icon" href="https://hips.hearstapps.com/mac.h-cdn.co/assets/17/32/1600x1200/sd-aspect-1502493486-tatiana-lead-v2.gif?resize=480:*">
  459. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  460. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  461.  
  462. <meta name="color:Background" content="#ffffff"/>
  463. <meta name="color:Popup Background" content="#ffffff"/>
  464. <meta name="color:Text" content="#838282"/>
  465. <meta name="color:Popup Text" content="#838282"/>
  466. <meta name="color:Text shadow" content="#0000"/>
  467. <meta name="color:Headertitle" content="#b8b8b8"/>
  468. <meta name="color:Postnotes" content="#ffffff"/>
  469. <meta name="color:Bold" content="#ffffff"/>
  470. <meta name="color:Bold shadow" content="#ffffff"/>
  471. <meta name="color:Postlinks" content="#ffffff"/>
  472. <meta name="color:Posthover" content="#ffffff"/>
  473. <meta name="color:Taglink" content="#ffffff"/>
  474. <meta name="color:italic" content="#ffffff"/>
  475. <meta name="color:italic shadow" content="#ffffff"/>
  476. <meta name="color:Sidelink" content="#ffffff"/>
  477. <meta name="color:Hover" content="#ffffff"/>
  478.  
  479. <meta name=“color:textshadow” content=“#ffffff”/>
  480. <meta name=“color:postlinkshadow” content=“#ffffff”/>
  481. <meta name=“color:sidelinkshadow” content=“#ffffff”/>
  482.  
  483. <meta name="text:ASKURL" content="">
  484.  
  485.  
  486. <style type="text/css">
  487.  
  488.  
  489.  
  490.  
  491. </style>
  492.  
  493. <title>{Title}</title>
  494.  
  495.  
  496.  
  497. <link rel="shortcut icon" href="https://hips.hearstapps.com/mac.h-cdn.co/assets/17/32/1600x1200/sd-aspect-1502493486-tatiana-lead-v2.gif?resize=480:*">
  498. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  499. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  500.  
  501. <meta name="color:Background" content="#ffffff"/>
  502. <meta name="color:Popup Background" content="#ffffff"/>
  503. <meta name="color:Text" content="#838282"/>
  504. <meta name="color:Popup Text" content="#838282"/>
  505. <meta name="color:Text shadow" content="#0000"/>
  506. <meta name="color:Headertitle" content="#b8b8b8"/>
  507. <meta name="color:Postnotes" content="#ffffff"/>
  508. <meta name="color:Bold" content="#ffffff"/>
  509. <meta name="color:Bold shadow" content="#ffffff"/>
  510. <meta name="color:Postlinks" content="#ffffff"/>
  511. <meta name="color:Posthover" content="#ffffff"/>
  512. <meta name="color:Taglink" content="#ffffff"/>
  513. <meta name="color:italic" content="#ffffff"/>
  514. <meta name="color:italic shadow" content="#ffffff"/>
  515. <meta name="color:Sidelink" content="#ffffff"/>
  516. <meta name="color:Hover" content="#ffffff"/>
  517.  
  518. <meta name=“color:textshadow” content=“#ffffff”/>
  519. <meta name=“color:postlinkshadow” content=“#ffffff”/>
  520. <meta name=“color:sidelinkshadow” content=“#ffffff”/>
  521.  
  522. <meta name="text:ASKURL" content="">
  523.  
  524.  
  525. <style type="text/css">
  526.  
  527.  
  528.  
  529.  
  530. /* --- POPUP CSS BY STR WRS HEAVILY EDITED BY HMNALS --- */
  531.  
  532.  
  533. #fade { /*--Transparent background layer--*/
  534. display: none; /*--hidden by default--*/
  535. background: #1e1c18;
  536. position: fixed; left: 0; top: 0;
  537. width: 100%; height: 100%;
  538. opacity: .80;
  539. z-index: 9999;
  540. }
  541.  
  542.  
  543.  
  544. .popup_block{
  545. overflow-y:scroll;
  546. overflow-x:hidden;
  547. display: none; /*--hidden by default--*/
  548. background-image:url('');
  549. background:{color:Popup Background};
  550. padding: 30px;
  551. border: 0px solid #ddd;
  552. height: 400px;
  553. float: auto;
  554. font-size: 10px;
  555. word-spacing:2px;
  556. position: fixed;
  557. top: 55%; left: 50%;
  558. z-index: 99999;
  559. margin-left:-50px;
  560. margin-top:-300px;
  561.  
  562.  
  563. /*--CSS3 Box Shadows--*/
  564. -webkit-box-shadow: 0px 0px 20px #000;
  565. -moz-box-shadow: 0px 0px 20px #000;
  566. box-shadow: 0px 0px 20px #000;
  567. /*--CSS3 Rounded Corners--*/
  568. -webkit-border-radius: 0px;
  569. -moz-border-radius: 0px;
  570. border-radius: 0px;
  571. }
  572.  
  573.  
  574. .askpopup_block {
  575. height:300px;
  576. display: none;
  577. float: left;
  578. position: fixed;
  579. top: 50%;
  580. left: 50%;
  581. z-index: 999999999999;
  582. -webkit-transition: all 0.2s ease-in-out;
  583. -moz-transition: all 0.2s ease-in-out;
  584. -o-transition: all 0.2s ease-in-out;
  585. -ms-transition: all 0.2s ease-in-out;
  586. transition: all 0.2s ease-in-out;
  587. }
  588.  
  589. *html #fade {
  590. position: absolute;
  591. }
  592.  
  593. *html .askpopup_block {
  594. position: absolute;
  595. }
  596.  
  597. #fade {
  598. display:none;
  599. position:fixed;
  600. left:0px;
  601. top:0px;
  602. width:100%;
  603. height:100%;
  604. z-index:9999;
  605. }
  606.  
  607.  
  608. /*--Making IE6 Understand Fixed Positioning--*/
  609. *html #fade {
  610. position: absolute;
  611. }
  612.  
  613.  
  614. *html .popup_block {
  615. position: absolute;
  616. }
  617.  
  618.  
  619. h2 {
  620. font-size: 20px;
  621. font-family: 'Cinzel', serif;
  622. font-weight:normal;
  623. line-height:15px;
  624. margin:0px;
  625. text-decoration: none;
  626. color: {color:Popup Text};
  627. }
  628.  
  629. h2 a {
  630. font-size: 20px;
  631. font-family: 'Cinzel', serif;
  632. font-weight:normal;
  633. text-decoration: none;
  634. color: {color:Popup Text};
  635. }
  636.  
  637.  
  638.  
  639. .popup_block b, strong {
  640. color: {color:bold} ;
  641. font-family: 'Cinzel', serif;
  642. text-shadow: 1px 1px 5px {color:bold shadow};
  643. font-size:13px;
  644. font-weight:bold;
  645. letter-spacing:2px;
  646. }
  647.  
  648.  
  649. .popup_block i, italic {
  650. color: {color:italic};
  651. font-family: 'Homemade Apple', cursive;
  652. text-shadow: 0px 0px 5px {color:italic shadow};
  653. font-size:11px;
  654. letter-spacing:3px;
  655. padding-left: 5px;
  656. padding-right: 5px;
  657. }
  658.  
  659. #popuptext {
  660. width:280px;
  661. color: {color:popup text};
  662. margin-left:0px;
  663. text-align:left;
  664. margin-top: 10px;
  665.  
  666. }
  667.  
  668. #popuptitle {
  669. width:400px;
  670. text-align:center;
  671. font-size:20px;
  672. margin-bottom:10px;
  673. color:#fff;
  674. font-style:bold;
  675. }
  676.  
  677.  
  678.  
  679. #table {
  680. display: block;
  681. background-image:url(' ');
  682. font-size: 12px;
  683. font-family: 'times';
  684. text-align: center;
  685. margin-left:25px;
  686. margin-top:50px;
  687. }
  688.  
  689. #links {
  690. display: block;
  691. font-decoration: none;
  692. width: 400px;
  693.  
  694. }
  695.  
  696. #links a {
  697. display: block;
  698. padding: 6px;
  699. color: white;
  700. background-color: transparent;
  701. border-radius: 0.5px dotted {color:italic};
  702. -moz-transition-duration:1s;
  703. -webkit-transition-duration:1s;
  704. -o-transition-duration:1s;
  705. text-decoration: none;
  706. }
  707.  
  708. #links a:hover {
  709. display: block;
  710. padding: 6px;
  711. color:{color:italic};
  712. -moz-transition-duration:2s;
  713. -webkit-transition-duration:2s;
  714. -o-transition-duration:1s;
  715. text-decoration: none;
  716.  
  717. }
  718.  
  719.  
  720.  
  721. /* --- POPUP CSS END --- */
  722.  
  723. #disp
  724. #disp a{
  725. display:block
  726. }
  727. #disp .side {
  728. margin-top:0px;filter: alpha(opacity = 1.0);
  729. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  730. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  731. }
  732.  
  733. #disp:hover .side {
  734. margin-top:0px;
  735. -webkit-transition: all 0.8s ease-out;
  736. -moz-transition: all 0.8s ease-out;
  737. transition: all 0.8s ease-out;
  738. filter: alpha(opacity = 100);
  739. filter: alpha(opacity = 100);
  740. opacity:100;
  741. }
  742.  
  743.  
  744.  
  745.  
  746. ::-webkit-scrollbar-thumb:vertical {
  747. height:8px;
  748. padding:3px;
  749. background-color:{color:text};
  750. }
  751. ::-webkit-scrollbar-thumb:horizontal {
  752. background-color: #0000;
  753. }
  754.  
  755. ::-webkit-scrollbar {
  756. width:1px;
  757. color:transparent;
  758. height:0px;
  759. padding:3px;
  760. background-color:transparent;
  761. }
  762. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  763. display:block;
  764. color:transparent;
  765. height:8px;
  766. padding:3px;
  767. background-color:transparent;
  768. }
  769.  
  770.  
  771.  
  772. body {
  773. background:{color:background};
  774. background-attachment:fixed;
  775. background-repeat:no-repeat;
  776. background-position: center ;
  777. color:{color:text};
  778. font-family:'Lora', serif;
  779. text-align:justify;
  780. font-size:11px;
  781. font-weight:300;
  782. line-height:15px;
  783. letter-spacing:1px;
  784.  
  785. background-image:url("http://oi68.tinypic.com/32znv3d.jpg");
  786.  
  787.  
  788.  
  789.  
  790. }
  791.  
  792. .links {
  793. position: fixed;
  794. top:0px;
  795. margin-left:0px;
  796. left:50%;
  797. font-size: auto;
  798. letter-spacing:1px;
  799. text-transform:uppercase;
  800. line-height: 170%;
  801. text-align: right;
  802. width: 200px;
  803. margin-right: auto;
  804.  
  805. }
  806.  
  807. .links a {
  808. padding-left: 5px;
  809. font-size: 40px;
  810. font-family: georgia, sans-serif;
  811. color: {color:sidebar links};
  812. text-shadow: 1px 1px 2px;
  813.  
  814. }
  815.  
  816. .links a:hover {
  817. padding-left: 5px;
  818. color: {color:sidebar hover};
  819. text-shadow: 0px 0px 2px {color:sidebar shadow};
  820.  
  821. }
  822.  
  823. #sidelinks {
  824. position:fixed;
  825. z-index:999;
  826. font-family: 'Lora', serif;
  827. font-weight:bold;
  828. width:10px;
  829. letter-spacing:4px;
  830. font-size:10px;
  831. margin-top:465px;
  832. margin-left:385px;
  833. }
  834.  
  835. /* these are all of my scatter links EXCEPT for the 'home' link */
  836.  
  837. #link1 {
  838. position:fixed;
  839. font-size:20px;
  840. margin-left:40px;
  841. margin-top:-10px;
  842. -ms-transform: rotate(-15deg);
  843. -webkit-transform: rotate(-15deg);
  844. transform: rotate(-15deg);
  845.  
  846. }
  847.  
  848. #link2 {
  849. position:fixed;
  850. font-size:10px;
  851. margin-left:95px;
  852. margin-top:-10px;
  853.  
  854.  
  855.  
  856. }
  857.  
  858. #link3 {
  859. position:fixed;
  860. font-size:10px;
  861. margin-left:200px;
  862. margin-top:-10px;
  863. -ms-transform: rotate(-27deg); /* IE 9 */
  864. -webkit-transform: rotate(-26deg); /* Chrome, Safari, Opera */
  865. transform: rotate(-26deg);
  866.  
  867. }
  868.  
  869. #link4 {
  870. position:fixed;
  871. font-size:20px;
  872. margin-left:145px;
  873. margin-top:-10px;
  874. -ms-transform: rotate( 27deg); /* IE 9 */
  875. -webkit-transform: rotate( 26deg); /* Chrome, Safari, Opera */
  876. transform: rotate( 26deg);
  877.  
  878. }
  879.  
  880. #link5 {
  881. position:fixed;
  882. font-size:20px;
  883. margin-left:250px;
  884. margin-top:-10px;
  885. -ms-transform: rotate(-27deg); /* IE 9 */
  886. -webkit-transform: rotate(-26deg); /* Chrome, Safari, Opera */
  887. transform: rotate(-26deg);
  888.  
  889.  
  890. }
  891.  
  892.  
  893.  
  894. #sidelinks a {
  895. color:{color:Sidelink};
  896. -o-transition:.5s;
  897. -ms-transition:.5s;
  898. -moz-transition:.5s;
  899. -webkit-transition:.5s;
  900. transition:.5s;
  901. -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px);
  902. }
  903.  
  904. #sidelinks a:hover {
  905. color:{color:Hover};
  906. -o-transition:.5s;
  907. -ms-transition:.5s;
  908. -moz-transition:.5s;
  909. -webkit-transition:.5s;
  910. transition:.5s;
  911. text-shadow:none;
  912. opacity:0.6;
  913. -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px);
  914. }
  915.  
  916. #sidenext {
  917. /* this is your pagination. it's part of the sidelinks so if you move the sidelinks, this will move as well */
  918.  
  919. font-size:10px;
  920. font-family:'Lora', serif;
  921. position:absolute;
  922. margin-top:-330px;
  923. margin-left:415px;
  924. display:inline-block;
  925.  
  926.  
  927.  
  928. }
  929.  
  930.  
  931.  
  932.  
  933.  
  934.  
  935.  
  936. #post {
  937. color: {color:text} ;
  938. width:250px;
  939. padding: 10px 10px 0px 0px;
  940. text-align: left;
  941. margin-bottom:30px;
  942. margin-top:10px;
  943.  
  944.  
  945. /* this is the part that makes your posts look different upon hovering. right now it is turned off via the opacity. */
  946.  
  947. opacity:0.7;
  948. -webkit-transition: all 0.6s ease-in-out;
  949. -moz-transition: all 0.6s ease-in-out;
  950. -o-transition: all 0.6s ease-in-out;
  951. -ms-transition: all 0.6s ease-in-out;
  952. transition: all 0.6s ease-in-out;
  953.  
  954. }
  955.  
  956.  
  957.  
  958. #post:hover {
  959.  
  960. opacity:1;
  961. -webkit-transition: all 0.6s ease-in-out;
  962. -moz-transition: all 0.6s ease-in-out;
  963. -o-transition: all 0.6s ease-in-out;
  964. -ms-transition: all 0.6s ease-in-out;
  965. transition: all 0.6s ease-in-out;
  966.  
  967. }
  968.  
  969.  
  970. img, embed, object, video {
  971. max-width: 100%;
  972. width: auto;
  973. height: auto;
  974. border: none;
  975. }
  976.  
  977. #post:img {
  978. width:100%;
  979. }
  980.  
  981. #post a {
  982. color: {color:Postlinks};
  983. -o-transition:.5s;
  984. -ms-transition:.5s;
  985. -moz-transition:.5s;
  986. -webkit-transition:.5s;
  987. transition:.5s;
  988. font-family: 'Cinzel', serif;
  989. text-transform: uppercase;
  990. text-shadow:none;
  991. font-size:12px;
  992. padding-right: 5px;
  993. padding-left: 5px;
  994. }
  995.  
  996. #post a:hover {
  997. padding-right: 5px;
  998. padding-left: 10px;
  999. -o-transition:.9s;
  1000. -ms-transition:.9s;
  1001. -moz-transition:.9s;
  1002. -webkit-transition:.9s;
  1003. transition:.9s;
  1004. color:{color:posthover};
  1005.  
  1006. -webkit-filter: blur(3px);
  1007. }
  1008.  
  1009.  
  1010.  
  1011. ul,ol,li {
  1012. list-style-type:default';
  1013. }
  1014.  
  1015. u, underline {
  1016. color: {color:italic};
  1017. font-size:11px;
  1018. letter-spacing:1px;
  1019. text-shadow: 0px 0px 3px {color:bold}
  1020. }
  1021.  
  1022. a {
  1023. color: {color:bold};
  1024. text-decoration: none;
  1025.  
  1026.  
  1027. }
  1028.  
  1029. small, sub, big {
  1030. font-size:10px;
  1031. line-height:16px;
  1032. }
  1033.  
  1034.  
  1035.  
  1036.  
  1037. blockquote {
  1038. padding-left:5px;
  1039. border-left:1px solid {color:bold};
  1040. margin-left:5px;
  1041. width:200px;
  1042. }
  1043.  
  1044. blockquote blockquote {
  1045. border-left:1px solid {color:bold};
  1046. width:200px;
  1047. }
  1048.  
  1049. b, bold {
  1050. font-size:13px;
  1051. text-transform:uppercase;
  1052. letter-spacing:1px;
  1053. font-family: 'Cinzel', serif;
  1054. color: {color:bold};
  1055. text-shadow:0px 0px 5px {color:bold shadow};
  1056. margin-top: 2px;
  1057. margin-bottom: 2px;
  1058. margin-left: 2px;
  1059. margin-right: 2px;
  1060. }
  1061.  
  1062. h2 {
  1063. background-color: transparent;
  1064. font-family: 'Montserrat', sans-serif;
  1065. color: {color: headertitle} ;
  1066. font-size: 15px;
  1067. line-height: 16px;
  1068. letter-spacing: 2px;
  1069. text-align: left;
  1070. text-transform:uppercase;
  1071.  
  1072. }
  1073.  
  1074.  
  1075.  
  1076. h1 {
  1077. background-color: transparent;
  1078. font-family: 'Montserrat', sans-serif;
  1079. font-size: 16px;
  1080. color: {color: headertitle} ;
  1081. line-height: 20px;
  1082. letter-spacing: 2px;
  1083. text-align: center;
  1084. text-transform:uppercase;
  1085.  
  1086. }
  1087.  
  1088.  
  1089.  
  1090. h3 {
  1091. background-color: transparent;
  1092. background-image:url("");
  1093. border:1px dotted transparent;
  1094. font-family:'Cormorant Unicase', serif;
  1095. font-weight:bold;
  1096. color: {color: headertitle} ;
  1097. text-shadow:0px 0px 3px #000;
  1098. font-size: 12px;
  1099. line-height: 17px;
  1100. letter-spacing: 2px;
  1101. text-align: center;
  1102. text-transform:uppercase;
  1103. padding:1px;
  1104. line-height:120%;
  1105.  
  1106. }
  1107.  
  1108. s, strike {
  1109. font-family: times;
  1110. color: {color:bold};
  1111. font-size:12px;
  1112. letter-spacing:5px;
  1113. padding-left:5px;
  1114. padding-right:5px;
  1115. padding-top:5px;
  1116. padding-bottom:5px;
  1117. padding:5px;
  1118. text-shadow: 0px 0px 10px #fff;
  1119. }
  1120.  
  1121. italic, i {
  1122. font-size:12px;
  1123. color:{color:italic};
  1124. font-family: 'SPRING', cursive;
  1125. text-shadow: 3px 3px 3px #fff {color:italic shadow};
  1126. letter-spacing:3px;
  1127. text-transform:none;
  1128. padding-right: 2px;
  1129. padding-left: 2px;
  1130. }
  1131.  
  1132.  
  1133.  
  1134.  
  1135. /* POST */
  1136.  
  1137. /* 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. */
  1138.  
  1139. #gradient {
  1140. background-image:url(' ');
  1141. width:663px;
  1142. height:434px;
  1143. z-index:99;
  1144. position:absolute;
  1145. margin-left:400px;
  1146. margin-top:-100px;
  1147. pointer-events:none;
  1148. overflow-x:hidden;
  1149. overflow-y:hidden;
  1150.  
  1151.  
  1152. }
  1153.  
  1154.  
  1155.  
  1156. #container {
  1157. position: fixed;
  1158. bottom:0; left: 0; top: 0; right: 0;
  1159. margin-left: -625px;
  1160. left: 50%;
  1161. margin-top: -320px;
  1162. top: 50%;
  1163. overflow-x:hidden;
  1164. overflow-y:hidden;
  1165. width: 245px;
  1166. height: 2000px;
  1167. overflow-y: scroll;
  1168.  
  1169.  
  1170. }
  1171.  
  1172.  
  1173. #entries {
  1174. position:fixed;
  1175. width:250px;
  1176. /* 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 */
  1177. margin-left:390px;
  1178. margin-top:150px;
  1179. height:300px;
  1180. overflow-x: hidden;
  1181. overflow-y: auto;
  1182.  
  1183.  
  1184. }
  1185.  
  1186.  
  1187. /*
  1188. SIDEBAR
  1189. */
  1190.  
  1191. #sidebar {
  1192. margin-left: 50px;
  1193. line-height:15px;
  1194. width: 170px;
  1195. height: 300px;
  1196. position: fixed;
  1197. top: 10px;
  1198. text-align: center;
  1199. color: {color:Text};
  1200.  
  1201. }
  1202.  
  1203.  
  1204. #sidebar img {
  1205. width:150px;
  1206. padding-top:10px;
  1207. padding-bottom:10px;
  1208.  
  1209. }
  1210.  
  1211.  
  1212. #description {
  1213. margin-left: -50px;
  1214. margin-top: -30px;
  1215. width:180px;
  1216. height: 300px;
  1217. color: transparent;
  1218.  
  1219. }
  1220.  
  1221. #sidebar {
  1222. font-family: 'Lora', serif;
  1223. font-size:9px;
  1224. text-align:justify;
  1225. background:transparent;
  1226. color: {color:Text};
  1227. width:125px;
  1228. padding-top:3px;
  1229. border:0px solid #131313;
  1230. margin-left: 45px;
  1231. left: 50%;
  1232. margin-top: -170px;
  1233. top: 50%;
  1234. position:fixed;
  1235. -webkit-filter: blur(0px);
  1236. -webkit-transition: 0.8s ease-in;
  1237. -moz-transition: 1s ease-in;
  1238. transition: 1s ease-in;
  1239. opacity:0.5;
  1240. -webkit-transition: all 0.6s ease-in-out;
  1241. -moz-transition: all 0.6s ease-in-out;
  1242. -o-transition: all 0.6s ease-in-out;
  1243. -ms-transition: all 0.6s ease-in-out;
  1244. transition: all 0.6s ease-in-out;
  1245. }
  1246.  
  1247.  
  1248.  
  1249. #sidebar:hover {
  1250. -webkit-filter:none;
  1251. -webkit-transition: all 0.6s ease-in-out;
  1252. opacity:1;
  1253. -webkit-transition: all 0.6s ease-in-out;
  1254. -moz-transition: all 0.6s ease-in-out;
  1255. -o-transition: all 0.6s ease-in-out;
  1256. -ms-transition: all 0.6s ease-in-out;
  1257. transition: all 0.6s ease-in-out;
  1258. }
  1259.  
  1260. /*
  1261. END
  1262. */
  1263.  
  1264.  
  1265.  
  1266.  
  1267.  
  1268.  
  1269. /* AUDIO POST */
  1270.  
  1271. #audio {
  1272. margin-bottom:10px;
  1273. padding:10px;
  1274. background-color:{color:text};
  1275. height:80px;}
  1276.  
  1277. .cover {
  1278. width:80px;
  1279. height:80px;
  1280. position:absolute;}
  1281.  
  1282. .cover img {
  1283. z-index:10;
  1284. width:70px;
  1285. height:70px;
  1286. border:5px solid {color:text};}
  1287.  
  1288. .player {
  1289. margin:15px 0px 0px 100px;}
  1290.  
  1291. .audioinfo {
  1292. margin:10px 0px 0px 110px;}
  1293.  
  1294.  
  1295.  
  1296.  
  1297.  
  1298. /* Quote & Source by HMNALS */
  1299.  
  1300. .quotemarkleft {
  1301. font-size: 80px;
  1302. font-family: 'Georgia';
  1303. font-weight: bold;
  1304. line-height: 100px;
  1305. position: relative;
  1306. margin: 0px 0 -70px 30px;
  1307. color: #7c373d;
  1308. opacity: 0.9;
  1309. }
  1310.  
  1311. .quotemarkright {
  1312. font-family: 'Georgia';
  1313. font-size: 80px;
  1314. font-weight: bold;
  1315. padding-right: 0px;
  1316. line-height: 30px;
  1317. text-align: right;
  1318. position: relative;
  1319. margin:0 30px 0 -10px;
  1320. color: #7c373d;
  1321. opacity: 0.97;
  1322. }
  1323.  
  1324.  
  1325. #quote {
  1326. background: transparent;
  1327. border-top:4px double {color:italic};
  1328. border-bottom:4px double {color:bold};
  1329. font-family:'Times';
  1330. color:{color:text};
  1331. font-size:18px;
  1332. text-align:center;
  1333. line-height:120%;
  1334. padding:5px;
  1335. padding-top:12px;
  1336. padding-bottom:8px;
  1337. text-shadow: 0px 0px 10px #fff;
  1338. letter-spacing: 1px;
  1339. }
  1340.  
  1341. #quote:first-letter {
  1342. color:{color:italic};
  1343. font-family:'Pacifico', cursive;
  1344. font-size:25px;
  1345. text-transform:lowercase;
  1346. }
  1347.  
  1348. .qsource{
  1349. padding-top:3px;
  1350. padding-bottom:1px;
  1351. font-family:'Damion', cursive;
  1352. font-size:15px;
  1353. text-align:right;
  1354. }
  1355.  
  1356.  
  1357. .credit {
  1358. position:fixed;
  1359. font-family: 'Alex Brush', cursive;
  1360. color:{color:bold};
  1361. font-size:16px;
  1362. font-weight:bold;
  1363. line-height:100%;
  1364. letter-spacing:0px;
  1365. right:7px;
  1366. bottom:5px;
  1367. text-align:center;
  1368. text-shadow:0 0 3px {color:bold};
  1369. -webkit-transition: all 0.5s ease-in-out;
  1370. -moz-transition: all 0.5s ease-in-out;
  1371. -o-transition: all 0.5s ease-in-out;
  1372. -ms-transition: all 0.5s ease-in-out;
  1373. transition: all 0.5s ease-in-out;
  1374. }
  1375.  
  1376. .credit:hover {
  1377. color:transparent;
  1378. text-shadow:0 0 7px {color:bold shadow};
  1379. -webkit-transition: all 0.5s ease-in-out;
  1380. -moz-transition: all 0.5s ease-in-out;
  1381. -o-transition: all 0.5s ease-in-out;
  1382. -ms-transition: all 0.5s ease-in-out;
  1383. transition: all 0.5s ease-in-out;
  1384. -webkit-filter: blur(2px);
  1385. }
  1386.  
  1387.  
  1388.  
  1389. /* ASK POST */
  1390.  
  1391. #ask {
  1392. background-repeat:no-repeat;
  1393. width:250px;
  1394. height:auto;
  1395. overflow-x: scroll;
  1396. border-bottom:4px double {color:italic};
  1397.  
  1398. }
  1399.  
  1400. #asker {
  1401. font-family:'times';
  1402. font-size:20px;
  1403. text-align:center;
  1404. text-transform:uppercase;
  1405. margin-top:10px;
  1406. letter-spacing:2px;
  1407. text-shadow: 0px 0px 5px {color:bold};
  1408. }
  1409.  
  1410. #asker a {
  1411. color:{color:taglinks};
  1412. -moz-transition-duration:1s;
  1413. -webkit-transition-duration:1s;
  1414. -o-transition-duration:1s;
  1415. }
  1416.  
  1417. #asker a:hover {
  1418. letter-spacing:3px;
  1419. -moz-transition-duration:1s;
  1420. -webkit-transition-duration:1s;
  1421. -o-transition-duration:1s;
  1422. -webkit-transition: all 0.5s ease-out;
  1423. -moz-transition: all 0.5s ease-out;
  1424. transition: all 0.5s ease-out;
  1425. }
  1426.  
  1427. #question {
  1428. width:250px;
  1429. margin-left:auto;
  1430. margin-right:auto;
  1431. margin-top:10px;
  1432. height:auto;
  1433. text-align:center;
  1434. overflow:scroll;
  1435. padding-top:10px;
  1436. padding-bottom:10px;
  1437. font-weight:bold;
  1438. font-size:10px;
  1439. }
  1440.  
  1441. /* TAGS */
  1442.  
  1443. #infotext {
  1444. letter-spacing:1px;
  1445. font-size:7px;
  1446. margin-top:13px;
  1447. font-weight:5;
  1448. color: {color:Taglink};
  1449. text-align:center;
  1450. border-top:1px solid;
  1451. border-color: #1c1c1c;
  1452. padding: 4px 12px;
  1453.  
  1454. BACKGROUND-IMAGE:URL('');
  1455. BACKGROUND-REPEAT:NO-REPEAT;
  1456. BACKGROUND-POSITION: TOP CENTER;
  1457.  
  1458.  
  1459. }
  1460.  
  1461.  
  1462.  
  1463. #infotext a {
  1464. color:{color:Taglinks};
  1465. -o-transition:.5s;
  1466. -ms-transition:.5s;
  1467. -moz-transition:.5s;
  1468. -webkit-transition:.5s;
  1469. transition:.5s;
  1470. text-shadow: 0px 0px 0px {color:tag shadow};
  1471.  
  1472.  
  1473.  
  1474. }
  1475.  
  1476. #infotext a:hover {
  1477. color:{color:Taglinks};
  1478. -o-transition:.5s;
  1479. -ms-transition:.5s;
  1480. -moz-transition:.5s;
  1481. -webkit-transition:.5s;
  1482. transition:.5s;
  1483. -webkit-filter: blur(2px);
  1484. }
  1485.  
  1486. #info a {
  1487. color: {color:Taglinks};
  1488. -o-transition:.5s;
  1489. -ms-transition:.5s;
  1490. -moz-transition:.5s;
  1491. -webkit-transition:.5s;
  1492. transition:.5s;
  1493. }
  1494.  
  1495. #info a:hover {
  1496. opacity:2;
  1497. -o-transition:.5s;
  1498. -ms-transition:.5s;
  1499. -moz-transition:.5s;
  1500. -webkit-transition:.5s;
  1501. transition:.5s;
  1502.  
  1503. }
  1504.  
  1505. #iinfo {
  1506. font-size:8px;
  1507. text-align:justify;
  1508. letter-spacing:1px;
  1509. padding-left: 2px;
  1510. padding-right: 2px;
  1511. text-transform:none;
  1512. text-shadow: 0px 0px 2px #fff;
  1513. margin-top:-24px;
  1514. color:{color:taglinks}
  1515. width:250px;
  1516. margin-bottom:40px;
  1517. -ms-transform: rotate(0deg); /* IE 9 */
  1518. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  1519. transform: rotate(0deg);
  1520.  
  1521. }
  1522.  
  1523. #iinfo a {
  1524. color:{color:taglink};
  1525. -o-transition:.5s;
  1526. -ms-transition:.5s;
  1527. -moz-transition:.5s;
  1528. -webkit-transition:.5s;
  1529. transition:.5s;
  1530. text-shadow: 0px 0px 3px #414141;
  1531.  
  1532. }
  1533.  
  1534. #iinfo a:hover {
  1535. opacity:0.5;
  1536. -o-transition:1s;
  1537. -ms-transition:1s;
  1538. -moz-transition:1s;
  1539. -webkit-transition:1s;
  1540. transition:1s;
  1541. -webkit-filter: blur(3px);
  1542. text-shadow: 0px 0px 3px #414141;
  1543. }
  1544.  
  1545. #reblog {
  1546. text-transform:uppercase;
  1547. font-size:7px;
  1548. letter-spacing:3px;
  1549. color:{color:Postnotes};
  1550.  
  1551. }
  1552.  
  1553. #reblog a{
  1554. color:{color:Postnotes};
  1555. }
  1556.  
  1557. #nnotes {
  1558. width:250;
  1559. overflow:hidden;
  1560. height:auto;
  1561. margin-left:15px;
  1562. padding-left:20px;
  1563. text-transform:uppercase;
  1564. font-size:5px;
  1565. color:{color:Text};
  1566. text-shadow: 0px 0px 2px #fff;
  1567. }
  1568.  
  1569. #nnotes a {
  1570. color:{color:Postnotes};
  1571. text-transform:lowercase;
  1572. letter-spacing:0px;
  1573. font-weight:bold;
  1574. font-style:italic;
  1575. -webkit-filter: blur(2px);
  1576. text-shadow: 0px 0px 2px #fff;
  1577. }
  1578.  
  1579.  
  1580.  
  1581.  
  1582.  
  1583.  
  1584. /* CREDITS */
  1585.  
  1586. .credit {
  1587. position:fixed;
  1588. text-shadow: 0px 0px 0px #000;
  1589. right:15px;
  1590. bottom:15px;
  1591. transform: rotate(0deg);
  1592. font-family: times;
  1593. font-size: 14px;
  1594. }
  1595.  
  1596.  
  1597. .credit a {
  1598. padding:10px;
  1599. color:#5b5b5b;
  1600. margin-right:2px;
  1601. -webkit-filter: blur(1px);
  1602. -webkit-transition: 0.8s ease-in;
  1603. -moz-transition: 1s ease-in;
  1604. transition: 1s ease-in;
  1605. }
  1606.  
  1607. .credit a:hover {
  1608. -webkit-transition: all 0.6s ease-in-out;
  1609. -moz-transition: all 0.6s ease-in-out;
  1610. -o-transition: all 0.6s ease-in-out;
  1611. -ms-transition: all 0.6s ease-in-out;
  1612. transition: all 0.6s ease-in-out;
  1613. color: #000000;
  1614. text-shadow: 2px 2px 2px #000000;
  1615. }
  1616.  
  1617. /* -- POPUP TABS STYLE -- */
  1618. ul#tabs {
  1619. list-style-type: none;
  1620. padding: 0;
  1621. text-align: center;
  1622. }
  1623.  
  1624. ul#tabs li {
  1625. display: inline-block;
  1626. background-color: transparent;
  1627. border: solid 0px #fff;
  1628. padding: 2px 3px;
  1629. margin-bottom: 2px;
  1630. color: #b1b1b1;
  1631. font-size: 8px;
  1632. cursor: pointer;
  1633. }
  1634.  
  1635. ul#tabs li:hover {
  1636. background-color: #33d7ab;
  1637. }
  1638.  
  1639. ul#tabs li.active {
  1640. background-color: #33d7ab;
  1641. }
  1642.  
  1643. ul#tab {
  1644. list-style-type: none;
  1645. margin: 0;
  1646. padding: 0;
  1647. }
  1648.  
  1649. ul#tab li {
  1650. display: none;
  1651. }
  1652.  
  1653. ul#tab li.active {
  1654. display: block;
  1655. }
  1656. /* -- POPUP TABS STYLE END -- */
  1657.  
  1658. </style>
  1659.  
  1660.  
  1661.  
  1662. {CustomCSS}</style></head><body>
  1663. <!-- Song Player http://playlist.me --><script type="text/javascript" src="http://playlist.me/w/script.js" data-config="{'skin':'http://static.tumblr.com/qft2cvq/QzGn26xb1/skin-1.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'.','url':'https://www.youtube.com/watch?v=z-SlA2NI9kc'},{'title':'.','url':'https://www.youtube.com/watch?v=pUZeSYsU0Uk'},{'title':'.','url':'https://www.youtube.com/watch?v=vVTP0DOL_2Q'},{'title':'.','url':'https://www.youtube.com/watch?v=tD_yFYZeMN0'}]}" ></script><noscript><a href="http://playlist.me/songs/">player playlist</a></noscript><!-- playlist.me script end -->
  1664.  
  1665.  
  1666.  
  1667. </div>
  1668.  
  1669.  
  1670. <div id="container">
  1671. <div id="gradient"> </div>
  1672. <div id="gradient2"></div>
  1673.  
  1674.  
  1675.  
  1676. <div id="sidelinks">
  1677. <a href="http://www.fatherly.tumblr.com" title="A WARM & LOVING HOME">●</a>
  1678. <div id="link1"><a href="http://www.fatherly.tumblr.com/ask" rel="box1" class="poplight" title="INQUIRE">●</span></a></div>
  1679. <div id="link2"><a href="#?w=275" rel="02" title="THE FATHER" class="poplight">●</a></div>
  1680. <div id="link3"><a href="#?w=275" rel="03" title="RULES" class="poplight">●</a></div>
  1681. <div id="link4"><a href="#?w=275" rel="04" title="VERSES" class="poplight">●</a></div>
  1682. <div id="link5"><a href="#?w=275" rel="05" title="NAVI" class="poplight">●</a></div>
  1683. <p>
  1684. <div id="sidenext">{block:NextPage}<a href="{NextPage}" title="next">↓</a>{/block:NextPage}
  1685. <p>{block:PreviousPage}<a href="{PreviousPage}" title="previous">↑</a>{/block:PreviousPage}
  1686. </div>
  1687.  
  1688. </div>
  1689.  
  1690. <div id="entries">{block:Posts}<!-- {block:NoRebloggedFrom}
  1691. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1692. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  1693. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1694. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1695. {/block:ContentSource}<div id="post">
  1696.  
  1697. {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}
  1698.  
  1699. {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}
  1700.  
  1701. {block:Photoset}<div id="photo" class="photo">{Photoset-250}</div>{block:Caption}{Caption}{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photoset}
  1702.  
  1703. {block:Quote}<div id="quote">❝{Quote}.❞ {block:Source}<br><br> <div style="text-align: right;">— {Source}</div></div>{/block:Source}{/block:Quote}
  1704.  
  1705. {block:Link}<a href="{URL}" {Target}><div id="posttitle">{Name}</div></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1706.  
  1707. {block:Chat}
  1708. {block:Title}<div id="posttitle">{Title}</div>
  1709. {/block:Title}<br>
  1710. {block:Lines}{block:Label}<strong>{Label}</strong></span>{/block:Label}
  1711. {Line}<br></li>{/block:Lines}</ul>
  1712. {/block:Chat}
  1713.  
  1714. {block:Audio}{block:AudioPlayer}
  1715. <div class="audiowrapper">
  1716. {block:AlbumArt}
  1717. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1718. {/block:AlbumArt}
  1719.  
  1720. <div class="playerbuttonbg">
  1721. <div class="newplayerbutton">
  1722. <div class="playerbuttonhug">
  1723.  
  1724. {AudioPlayerWhite}
  1725.  
  1726. </div>
  1727. </div>
  1728. </div>
  1729.  
  1730. <div class="trackdetails">
  1731.  
  1732. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  1733. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  1734. {block:Album}Album: {Album}{/block:Album}<br/>
  1735. {PlayCountWithLabel}
  1736.  
  1737. </div>
  1738. </div>
  1739. {/block:AudioPlayer}
  1740.  
  1741. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1742.  
  1743.  
  1744. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1745.  
  1746. {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}
  1747.  
  1748.  
  1749. <div id="infotext">{block:Date}<a title="{TimeAgo}"><size="10px">╳</size></a></span>{/block:Date} <a href="{Permalink}" title="{NoteCountWithLabel}"<size="10px">╳</size>
  1750. </a>{block:RebloggedFrom} <a href="{ReblogParentURL}"
  1751. 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}
  1752.  
  1753. </div>
  1754. {block:PostNotes}<div id="postnotes"><div id="nnotes">{PostNotes}</div></div>{/block:PostNotes}
  1755.  
  1756.  
  1757. {/block:Posts}</div></div>
  1758.  
  1759.  
  1760.  
  1761. <div class="credit">
  1762. <a href="http://hmnals.tumblr.com/" title="theme cred.">╳</a>
  1763. </div>
  1764.  
  1765.  
  1766. </body>
  1767.  
  1768.  
  1769.  
  1770. <div id="disp">
  1771. <div class="side">
  1772. <div id="sidebar">
  1773.  
  1774. <center>
  1775.  
  1776. <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
  1777.  
  1778.  
  1779. <h3>
  1780. THE EMBODIMENT OF
  1781. </h3>
  1782.  
  1783. <b>Fatherhood</b>
  1784. <p>
  1785. <sup><sup>Ind. Selec. Priv. OC.</sup></sup>
  1786. <br>
  1787. <img src="http://www.geyef.org/jinendhi/images/divider.gif" style="height:20px;width:85px;padding-right:5px;padding-bottom:0px;">
  1788. <p>
  1789. <sup>
  1790. . MODERN .<br>
  1791. . POST APOCALYPTIC .<br>
  1792. . MEDIEVAL . <br>
  1793. . THE WALKING DEAD .<br>
  1794. . SAINTS ROW .<br>
  1795. . OVERWATCH . <br>
  1796. . SKYRIM .<br>
  1797. . & MORE .</sup>
  1798.  
  1799.  
  1800.  
  1801. </i>
  1802.  
  1803.  
  1804.  
  1805.  
  1806. </center>
  1807.  
  1808.  
  1809. </div>
  1810.  
  1811.  
  1812.  
  1813.  
  1814.  
  1815.  
  1816.  
  1817. </div>
  1818. </div>
  1819.  
  1820.  
  1821. <div id="02" class="popup_block">
  1822. <div class="poptext">
  1823. <div id="popuptitle">THE FATHER </div>
  1824. <div id="popuptext">
  1825.  
  1826. <ul id="tabs">
  1827. <li class="active">BEGIN</li>
  1828. <li>BASICS</li>
  1829. <li>CONCEPT</li>
  1830. <li>RELATIONSHIPS</li>
  1831. <li>TAGS</li>
  1832. </ul>
  1833.  
  1834. <ul id="tab">
  1835. <li class="active">
  1836. There were rumors I had heard, that man had been some fickle thing that roamed the earth for over a million years. Others argued. But did a CONCEPT not live on forever? Memories like old photos fade with time, and if it really has been that long, then my memories are simple and within my thoughts I cannot seem to dive deep enough to scrape the bottom and grasp what I need to. Or was it nature that held the ropes around my neck; who brought my very existence into some fabricated cage of flesh?
  1837. <p>
  1838. <p>
  1839. <i>“The heart of a father is the masterpiece of nature.”</i><br>
  1840. ― Abbé Prévost, Manon Lescaut
  1841. <p>
  1842. <p>
  1843. <i>He loves</i>—with all his heart; a heart of gold.<br>
  1844. <i>He cares</i>—with all within his gentle soul.<br>
  1845. <i>He protects</i>—with all his strength.<br>
  1846. <i>He comforts</i>—with gentle arms.<br>
  1847. <i>He nurtures</i>—with all he has ever had, and ever will have.<p>
  1848. It wasn’t who he was, but what he was. He was not a man, but a father, and not just any father. He was the embodiment of
  1849. <p>
  1850. <p>
  1851. <center><b>FATHERHOOD,</b></center>
  1852. <p>
  1853. <p>
  1854. —–and all that accompanies it.
  1855. <p>
  1856. A spirit embedded in time itself, so fragile with each early death and late waking. He has lived the life of a man, over and over again, and each death becomes harder and harder for him to endure, as if each time, a piece of his being is stolen away with the cold, dead body and left beneath a heap of gritty earth.
  1857. <p>
  1858. And every experience in life left scars on a pure canvas. His flesh was once as pure as his heart remains, but the scars attach themselves to their new body, each with a tale to tell his CHILDREN. After all, a father must always have a tale to tell to his little ones.
  1859. <p>
  1860. <p>
  1861. <blockquote>EACH LIFE LIVED
  1862. <p>
  1863. EACH DEATH DIED.</blockquote>
  1864. <p>
  1865. As the spirit left his body, and the light his eyes, he crippled and aged. His bones became fragile, and his hair grey. His skin worn like leather, but his palms would always be soft. Lines weaved their way around his eyes, like little spiderwebs clinging to ancient relics. If you look long enough into his eyes, the windows of his soul, you can see that he is old; perhaps older than time itself. You can see the pain, and the horror, and all that he has lived through and for. But most important, you can see love.
  1866. <p>
  1867. Like a record, life played over and over again. There will always be an embodiment of fatherhood, and what it should be. So, as his story comes to a close, a person, he wasn’t. He never would be.
  1868. <p>
  1869. <i>But the loving, protective and gentle soul that any father should be, he was, now and forever is.</i>
  1870. </li>
  1871.  
  1872. <li>
  1873. <img src="https://68.media.tumblr.com/95175be5d863687e37a1ef778c47e06e/tumblr_inline_ntf102v6221s281g9_500.png" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1874. <p>
  1875. <a href="https://youtu.be/L7AK68c72Cs?t=2">| VOICECLAIM </a>
  1876. <p>
  1877. <b>Name:</b> Antonio Acosta Blanco
  1878. <p>
  1879. <b>Age:</b> 59 ( he’s as old as time itself. ) His birthdate is June, 18 (Father’s Day).
  1880. <p>
  1881. <b>Location:</b> Verse dependent. I default in mainverse to him living in America with a small vacation home in Spain.
  1882. <p>
  1883. <b>Appearance:</b> He’s rather short, (5’10”) And has a thin, frail build. His body is covered in scars from events overtime. (He didn’t just sit around twiddling his thumbs!). Antonio has wrinkles, especially around his mouth and eyes, and long, greying, wavy/frizzy hair. He has dull, blue eyes and usually wears a soft, and grandfatherly smile.
  1884. <p>
  1885. <b>Personality:</b> One word. Fatherly.
  1886. <p>
  1887. <b>Gender:</b> Cis Male
  1888. <p>
  1889. <b>Sexual Orientation:</b> Heterosexual Heteromantic
  1890. <p>
  1891. <b>Class/Status:</b> Fairly poor. Small home.
  1892. <p>
  1893. <br>
  1894. <p>
  1895. <h1>Physical Description</h1>
  1896. <p>
  1897. <b><u>BODY</u></b>
  1898. <p>
  1899. <img src="https://68.media.tumblr.com/ff049e954f4ef30b903a3dfaa85b4e81/tumblr_inline_ogwrum9uCd1ut0fad_500.png" style="height:150px;width:150px;padding-right:5px;padding-bottom:7px;">
  1900. <p>
  1901. <b>Voice:</b> Soft-spoken ( though refer to 'VOICECLAIM' link )
  1902. <p>
  1903. <b>Quirks:</b> Really distinct aquiline nose, his voice is the most peculiarly rough yet melodic, fiddling, constant wincing (while conversing/ listening). He has a few defined scars that WILL catch the attention of others if seen. Scars from wars that he was enlisted to fight in. ( more to come on this )
  1904. <p>
  1905. <b>Height:</b> 5'10"
  1906. <p>
  1907. <b>Weight:</b> Antonio is a very lightly built man, and is currently rather frail and thin. His weight is constantly fluctuating between 125-130 lbs (57-59 kg) since his muscle mass is weak and in essence barely there. He can be considered a tad underweight for his age and height, but he isn’t a huge eater and is often unwell, therefore making cause for a poor and small diet, thus in turn a light weight and a small frame which worsens as he ages and his spirit slowly leaves his body.
  1908. <p>
  1909. <b>Eyes:</b> Green-hinted blue, pupils ringed in a faint hazel line. Something like <a href="https://img.buzzfeed.com/buzzfeed-static/static/2015-03/15/21/enhanced/webdr10/enhanced-buzz-24806-1426469140-7.jpg">THIS</a>. The colour in Antonio’s eyes is no longer vibrant and youthful, so it’s more of a dulled down tone.His eyes are large, and always seemingly half-lidded. His brow is curved upwards giving him a constant look of concern.
  1910. <p>
  1911. <b>Skin:</b> Antonio is a ¾ on the Fitzpatrick skin tone chart. He is European with a pale tone and a plethora of faded freckles and age spots. He isn’t pasty, but he isn’t tanned to perfection either.
  1912. <p>
  1913. <b>Prominant Features:</b> Scars. One across the bridge of his nose and a few across his cheeks. Antonio also has freckles & age spots. Mostly over the bridge of his nose and on his back, shoulders and legs.
  1914. <p>
  1915. <b>Piercings:</b> Ear, & right nipple.
  1916. <p>
  1917. <b>Face:</b> Antonio has a long, heart shaped face (narrower chin, with everything else rather ‘thick’. His face though, is thin (emaciated almost), cheeks sunken in and his cheekbones low and protruding.
  1918. <p>
  1919. <br>
  1920. <p>
  1921. <h1>Personality & Traits</h1>
  1922. <p>
  1923. <b>Morality:</b> Antonio is moral; he would give his life to save others.
  1924. <p>
  1925. <h3>Strengths & Weaknesses</h3>
  1926. <p>
  1927. <b>Peak Vice:</b> Lethargy; due to age which comes with other issues.
  1928. <p>
  1929. <b>Second Tier:</b> Nurturing (loving, gentle, meek, kind and caring—he’s a breath of fresh air really to anyone, and would never raise his voice in yelling; he physically can’t), Peaceful (hates conflict) // Stubborn (this can sometimes lead to his sulking—often overly stubborn), Weak (also makes him fearful since he can’t do much physically to defend himself)
  1930. <p>
  1931. <b>Third Tier:</b> Incompetence (due to age and often at times, illness—leads to moroseness and melancholy. He wants to do what he physically cannot.), Valor (courageous, selfless and daring; he would give his life for anyone really; especially his children/children in general), Encouraging, Occasionally moody (leading to irritability and such)
  1932. <p>
  1933. <b>Skills:</b> Antonio is a wonderful cook when he is able, and also has his ways of cheering others up despite his own trials, & he is a fabulous father.
  1934. <p>
  1935. <b>Likes:</b> Family, children, music, warmth (warm places), kindness, fresh air, animals (pets), quiet.
  1936. <p>
  1937. <b>Dislikes</b> Rudeness, loudness, conflict, pain,
  1938. <p>
  1939. <br>
  1940. <p>
  1941. <h3>Other</h3>
  1942. <p>
  1943. <b>Profession:</b> Full time Father, part time drug dealer.
  1944. <p>
  1945. <b>Religious Beliefs:</b> Atheist. Antonio never really believed in there being a god. Though he does believe that there is some form of afterlife, & that the supernatural is very real, he has trouble believing that there is a god; at least not a 'good' one.
  1946. <p>
  1947. Note: I will be working more on this page, and definitely changing it. This is just a basic overview of my character!
  1948. </li>
  1949. <li>
  1950.  
  1951. Here’s a little rundown of this idea and how it works. I’ll be constantly updating this so bear with me. Also a special thanks to Kylie (streetxcat) for helping me flesh this out.
  1952. <p>
  1953. So Antonio would be embodiment of the “traditional” view of a father. What a father is, and all the goodness kind of wrapped within. Let’s face it, fathers aren’t supposed to be assholes in general. They aren’t supposed to be cruel, mean, or abusive. Think of Antonio as the ‘perfect’ father because it’s what he represents. Fatherhood, love, kindness, instinct, etc.
  1954. <p>
  1955. His concept and how he acts will be based off the current, general understanding/meaning of “father” vaguely encompassing all cultures/beliefs/etc., however he will always carry that gentle, loving air about him. However, his concept will follow a more European take/culture of fathers because European dads generally better fit the way I already write him; warm, loving, traditional, familial and connected.
  1956. <p>
  1957. His characterization and appearance would depend on the time period will follow an evolution to the “current” embodiment/being that he is today. However, I haven’t yet gotten this far and will overtime be working on a story/timeline for this.
  1958. <p>
  1959. In short, what happens is the embodiment lives through the normal lifespan of a person (maybe shorter because of what he is), then the person dies as the spirit/embodiment moves onto another body. It’s almost like reincarnation, but not quite because that embodiment/spirit is ALWAYS going to be there, but the body in which it is reincarnated is not immortal.
  1960. <p>
  1961. While his new reincarnation is a child, it he obviously doesn’t really fit the “father” criteria. However, when this reincarnation is older, it is what the embodiment/spirit will live through next. The next reincarnation is born when the existing one is around 40. The reincarnation/spirit moves on when the new body reaches age (25-30), and the old body dies. So as the old body ages, it suffers poor health, frailty, , decay, etc, because like the ‘spirit’, is passing from this body, to the new one so basically, he’s losing it by this point.
  1962. <p>
  1963. There is a physical, human body, and within it, the everlasting, age old spirit carried on in energy, temperament, memories, attitude, and existence as a representation. To put it in perspective, think of it kind of like a demon or angel possessing a host in Supernatural, but not quite like that. It’s more permanent, and kind of on a ‘circle of life’ type of cycle.
  1964. <p>
  1965. When he moves on to his new existence, the new body will already kinda have similar traits and whatnot and their memories aren’t 'wiped’ or anything but they kinda mesh together with all the built up memories of 'father.’ He recalls all his past lives. He also adapts to the new body’s life and memories. Still, he can recall things from the beginning of time practically, so he remembers things that happened in his being and existence say, back in the Middle Ages.
  1966. <p>
  1967. I will be working on and putting out headcanons overtime. And I do understand that this page might be confusing, but it’s really just a small guideline/idea.
  1968.  
  1969. </li>
  1970. <li>
  1971.  
  1972. UNDER CO.
  1973.  
  1974. </li>
  1975. <li>
  1976.  
  1977. UNDER CO.
  1978.  
  1979. </li>
  1980. </ul>
  1981. </div>
  1982.  
  1983.  
  1984.  
  1985.  
  1986. </div>
  1987. </div>
  1988. </div>
  1989.  
  1990.  
  1991. <div id="03" class="popup_block">
  1992. <div class="poptext">
  1993. <div id="popuptitle">GUIDELINES</div>
  1994. <div id="popuptext">
  1995.  
  1996. <ul id="tabs">
  1997. <li class="active">INTERACTION & COMMUNICATION</li>
  1998. <li>SHIPPING</li>
  1999. <li>FOLLOWING/UNFOLLOWING</li>
  2000. <li>ROLEPLAYING</li>
  2001. <li>MUN</li>
  2002. </ul>
  2003.  
  2004. <ul id="tab">
  2005. <li class="active">
  2006. <h1>INTERACTION & COMMUNICATION</h1>
  2007. <p>
  2008. They way my muse treats yours or feels about yours does not indicate how I feel about you. I am not my muse.
  2009. <p>
  2010. Feel free to message me. I don’t bite. <strike>Unless you’re into that, even so, I still don’t bite.</strike>
  2011. <p>
  2012. This is a PRIVATE, HIGHLY SELECTIVE & MUTUALS ONLY blog, meaning that I will only write with mutuals. I am very busy with my schooling so I don’t have a lot of free time to write and relax like I used to.
  2013. <p>
  2014. If you have a password in your rules when I follow you, I will not send it in. I get EXTREMELY anxious about having to do things like that and would not expect that of anyone. Know that if I follow you, I have thoroughly read your rules <b>FIRST</b>.
  2015.  
  2016.  
  2017. </li>
  2018. <li>
  2019.  
  2020. <h1>SHIPPING</h1>
  2021. <p>
  2022. I don’t mind pre-established relationships at all. In fact, I love them, so if you have an idea as to what relationship our muses might have or have had, please do share.
  2023. <br>
  2024. Singleship/Multiverse. Though my priorities are not ships. I tend to focus more on familial relationships. This does not mean that I am not open to ships.
  2025.  
  2026.  
  2027. </li>
  2028. <li>
  2029.  
  2030. <h1>FOLLOWING / UNFOLLOWING</h1>
  2031. <p>
  2032. Please give me a couple of days to check out your blog before I follow you back as I am often busy and at school.
  2033. <p>
  2034. <b>I WILL NOT FOLLOW BACK/ INSTANT UNFOLLOW IF:</b>
  2035. <br>
  2036. .You do not trim your posts.<br>
  2037. .You do not have an ‘about’ or ‘information’ page, or a ‘rules’ page.<br>
  2038. .My dash is constantly spammed and I cannot see things that other people I am following post. The queue exists! <b>USE IT!!!</b><br>
  2039. .I see a lot of social/political/real life stuff and/or negativity. I come here to escape the real world, not to have to look at what I see on the news.<br>
  2040. DRAMA<br>
  2041. Sideblogs<br>
  2042. .Personals<br>
  2043. .Anime Characters without a live action face claim.<br>
  2044. .If I cannot see our muses interacting.
  2045. <p>
  2046. If I follow you, it is because I want to write with you. If you do not follow back within a few days, I will unfollow again. Once again, this blog is <b>MUTUALS ONLY</b>.
  2047.  
  2048.  
  2049. </li>
  2050. <li>
  2051.  
  2052. <h1>ROLEPLAYING</h1>
  2053. <p>
  2054. If you make a starter for me that takes place in your character’s home, I will not reply unless we have plotted.
  2055. <p>
  2056. I DO NOT reply to welcome posts. PLEASE, I encourage you to message me and plot instead, because if I have followed you, then YOU HAVE OBVIOUSLY CAUGHT MY EYE!
  2057. <p>
  2058. <b>I WILL NOT REPLY IF YOU HAVE REBLOGGED AN ASK AS A REPLY!</b><p>
  2059. <p>Worried that I didn’t see something? Don’t just nudge me, stick your entire foot up my ass. I’ll see it then.
  2060. <p>
  2061. Please keep our threads trimmed neatly–think of them as your eyebrows.
  2062. <p>
  2063. I enjoy writing WITH people, not FOR them. I do not expect you to always match my reply length (quality over quantity...am'right?), but DO NOT reply to three paragraphs with three sentences or I will hunt you down and place legos around your bed while you are sleeping.
  2064.  
  2065.  
  2066. </li>
  2067. <li>
  2068.  
  2069. <h1>MUN</h1>
  2070. <img src="https://s22.postimg.org/w27tw9801/image.png" align="left" style="height:75px;width:75px;padding-right:5px;padding-bottom:0px;">
  2071. <p>
  2072. I'm Roxxie, I'm 21, and currently studying in university as a full time student for a masters in social work, specializing in gerontology and palliative care as well as youths and abnormal childhood development.
  2073. <p>
  2074. I love cars, working on my car, classic cars... racing cars... rallying cars....... you get the idea. I have two fur babies, Prussia, my sweet border collie and Tikal, my fat, angry calico.
  2075. <p>
  2076. Aside from roleplaying, I love urban exploring, art, snowboarding, playing the piano, and other fun stuff. Below you can find all my social media info if you'd like!
  2077. <p>
  2078. These are for MUTUALS ONLY! Please let me know via. IMs if you add me.
  2079. <p>
  2080. <b>Discord:</b> im cool#0606
  2081. <br>
  2082. <b>Skype:</b> asspiracy
  2083. <br>
  2084. <b>Xbox Live Gamertag:</b>saltyoldmango
  2085. <br>
  2086. <b>PSN:</b> saltyoldmango
  2087. <br>
  2088. <b>Instagram:</b> imprezzive_impreza
  2089. <br>
  2090. <b>Snapchat:</b> saltyoldmangho
  2091.  
  2092. </li>
  2093. </ul>
  2094. </div>
  2095.  
  2096. </div>
  2097. </div>
  2098. </div>
  2099.  
  2100. <div id="04" class="popup_block">
  2101. <div class="poptext">
  2102. <div id="popuptitle">VERSES</div>
  2103. <div id="popuptext">
  2104. <ul id="tabs">
  2105. <li class="active">MODERN</li>
  2106. <li>DRAGON AGE</li>
  2107. <li>APOCALYPSE</li>
  2108. <li>SAINTS ROW</li>
  2109. <li>SKYRIM</li>
  2110. <li>OVERWATCH</li>
  2111. <li>ARTHURIAN</li>
  2112. <li>DISHONORED</li>
  2113. <li>STARWARS</li>
  2114. <li>BIOSHOCK</li>
  2115. </ul>
  2116.  
  2117. <ul id="tab">
  2118. <li class="active">
  2119.  
  2120. <b>City Where the Young Die</b>
  2121. <p>
  2122. <img src="https://s9.postimg.org/4rhlwi9u7/image.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2123.  
  2124. <p>
  2125. Antonio is the embodiment of fatherhood and the goodness that it encompasses. He leads a fairly normal life in his humble home just on the outskirts of a large city in America. Location is something that I am flexible with when writing this verse.
  2126. <br>
  2127. This eventually leads into my TWD/Z-Nation verse where the world goes to hell. It’s more of a really bad future so to speak.<br>
  2128.  
  2129.  
  2130. </li>
  2131. <li>
  2132.  
  2133. <b>Spirit of the Father</b>
  2134. <p>
  2135. <img src="https://s3.postimg.org/hruvvri0j/image.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2136. <p>
  2137. The Father is a spirit from the oldest, deepest part of the Fade. Ages ago, his only intent and purpose was to guide fathers on the other side of the Veil, to help them raise their young, and to make sure that children were loved, protected and looked after.
  2138. <p>
  2139. Then, he crossed over. Into the dreams of a feverish drunkard on his deathbed, a terrible father to his child, the spirit appeared & the man reached for the light. So the spirit left the Fade behind to grant the man his life, and his child an even better one. Even then, it took the spirit time to remember that he is a spirit. Soon, that man passes away, peacefully, having lead a long and fulfilling life, and the spirit passes himself on to another dying father, then another, then another...
  2140. <p>
  2141. ...Until he found the body of Ser Wilhem, the head of an orphanage. He stayed there for a very long time, fathering children that were not his own (after all, that was his specialty). After the massacre that left Ser Wilhem dead, the spirit found himself another host----one not so deathly.
  2142. <br>
  2143. Malcolm Hawke. He was a good man, & a father to the Champion of Kirkwall and their siblings. This was a rather different persona for the spirit to take, but a blessed one nonetheless. He spent his time as this man until he succumbed to his illness in 9:27, three years before the Fifth Blight.
  2144. <p>
  2145. At last, as the spirit left Malcolm’s body, he found another. Antonio Blanco, a retired, elderly warrior from the south who took up an orphanage in Kingscote. He decided to live out the rest of his days caring for children and when struck with a fatal illness, the spirit came to him and kept him alive----for the children. Antonio currently lives out his days, now far exceeding his own lifespan, shocking many who stumble upon him. This has sparked the investigation of the Templars who suspect some sort of mage magic brewing about in the orphanage. But there is no proof of that.
  2146. <p>
  2147. Much thanks to <a href="http://www.exemplartemplar.tumblr.com"><u>Red</u></a> for all her help!
  2148.  
  2149. </li>
  2150. <li>
  2151.  
  2152. <b>Road to Ashes</b>
  2153. <p>
  2154. <img src="https://s7.postimg.org/i8s0t8rgb/image.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2155. <p>
  2156. It has been years since the earth went to hell. Antonio had grown up in Spain and recently moved to the United States with his two children. Things started of nicely, they had a small home, close to a large city & lived a fairly solitary life—-except that Antonio had his hands elbow deep in the drug trade. Soon, he and his children were constantly on the move, from home to home, & motel to hotel, until one night, while settling down in a tattered motel couch, the old television bore to them an ominous message. The virus broke out first, & that was when Antonio lost his youngest daughter. He spent a night at the hospital before he was removed from her room by force, & never saw her again. Then heartbroken, he set out with his elder daughter the night the power flickered in the motel room, but never came back on. It was when screams echoed down the halls, & he was fighting to protect her from humans-turned-monster that he lost his other daughter. He turned around, & she was gone. Making a quick run through the fire escape and onto the desolate streets, Antonio soon collected his pistol and a sharpened pocket knife fighting to stay alive in hopes that he will one day find his daughter. Antonio has multiple encounters with multiple groups, but upon finding out that his daughter is not with them, he does not stay long. To combat his own sadness & weakness, he travels as a loner & fights to protect others. However, the man is weak, & old, so he often doesn’t prove much help. His personality is much the same as it is in my mainverse, fatherly & docile. In this verse, he is nearing his 59th birthday, but has lost count of time itself. He also often takes in other loners and cares for them as a father would to help ease the pain in his heart & longing for his own lost daughter. However, overtime, Antonio has grown rather ill. He knows that he doesn’t have long, but continues to fight, because if she is still alive, he wants to say goodbye.
  2157. <p>
  2158.  
  2159. </li>
  2160. <li>
  2161.  
  2162. <b>If There’s Money Involved, I’m In</b>
  2163. <p>
  2164. <img src="https://s21.postimg.org/x08sxkwhj/image.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2165. <p>
  2166. This verse follows the events of the Saints Row Series, from Saints Row to Saints Row IV, & post. Antonio is a take-no-shit boss and a huge asshole. When he was in his early twenties, far before the events of the first Saints Row, he had a small group under his wing—-they were the FIRST Saints. However, over the years, the tiny gang dispersed, but they never forgot him. However, when he hit 35, and was nearly killed in a shootout between GANGS, a life he had slipped away from, Antonio decided to once again take up his gun with the offer and rejoin the Saints. The only problem? He was no longer in charge. Enemies? Trouble? It’s all under his belt. He enjoys raking in money from Stilwater & using it to benefit both himself & his loyal gang. The only things in his way are the law, & and rival gangs, & potentially an all-too-large-heart. People love him, and people hate him—it’s all part of the ‘good life’ he lives & loves.
  2167. <p>
  2168. His age is usually mistaken for weakness, which he uses to his advantage. Since things in Stilwater never seem to cool down, he’s always on the move, keeping active & in shape—but who has time for breakfast?
  2169. <br>
  2170. This Antonio is very different from his mainverse self. Though he still has a soft heart, he is no gentleman. He’s a dirty, impulsive, hard-headed, judgmental asshole. Get on his good side & he’ll keep a friend in mind, even if he hasn’t the heart to. Get on his bad side, & he’ll make you wish you were dead.
  2171. <p>
  2172. Antonio spends most of his time strolling the streets or lounging about in the penthouse. Oh, & that giant purple dildo? It was all Pierce’s idea. He eventually passes away through the events of Saints Row IV because his body is too weak to handle the simulation.
  2173. <p>
  2174. Age: SR (35), SR2 (46), SR3 (56), SR4 (66)
  2175.  
  2176. </li>
  2177. <li>
  2178.  
  2179. <b>Father. Fighter. Thief.</b>
  2180. <p>
  2181. <img src="https://s16.postimg.org/fxnrm7ixh/image.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2182. <p>
  2183. An old Imperial mingles with the likes of the thieves–dealing with the worst of the worst. In the beginning, he was a traveler, but during the war in Skyrim, Antonio began to settle with the thieves– men and women he could easily call FAMILY. Even after his calling, his loyalties to the guild have grown tighter & he eventually earns the title of the Guild master once secrets once unknown are revealed.
  2184. <p>
  2185. Antonio continues to travel Skyrim’s treacherous & barren lands, despite his loyal ties to his Guild, looking for answers to questions he’s never asked. He is constantly in search of a new journey, finding it never too late to embark on a quest.
  2186.  
  2187. </li>
  2188.  
  2189. <li>
  2190.  
  2191. <b>Their Protector</b>
  2192. <p>
  2193. <img src="https://s24.postimg.org/df13v9ph1/tonithing.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2194. <p>
  2195. Overwatch was a chance to fight, to prove himself—a final purpose for his sickly soul. Antonio couldn't have asked for anything more. So, leaving four children and a wife behind with a promise that he was doing it to protect them, he joined Overwatch to take up arms, and eventually, to train recruits and fight in the first Omnic War. It was something he loved and enjoyed. New recruits became like the children he had grown to miss sorely. He became like a father to them. Then with the war came the ache in his heart at knowing that not all of them would make it. <p><b>FINALLY</b><p>... the war ended. But then, Overwatch was disbanded. Antonio’s purpose was not all lost; however. He returned to his family, but continued to aid and contribute to what little was left of his extended family; <i>Overwatch</i>. It didn’t last. In a few years, he was found while on undercover duty on the streets, and taken by Talon, <b>tortured</b> for information. <i>Where are they? Where is Overwatch?</i> Each word that went unspoken left him with more & more bruises blossoming. But he had destroyed any way that Overwatch could contact him----any way that they could endanger themselves. For <b>years</b> he was alone, in the dark, left close to dead, but never killed. They wanted him to speak. He never did. Years later, as the second Omnic war neared, a small band from what remained of Overwatch caught wind of a stolen fighter. Perhaps it was Talon’s attempt at capturing them as well. Some vowed to go on the rescue, and others felt that it would be far too dangerous. Broken and battered, Antonio was rescued. It took him months to recover physically, mentally and emotionally. When he did recover, he wasn’t the same. His body was sore, his joints ached, and his hands trembled so terribly that he could no longer aim. But the veteran could not simply retire. He had to help in some way or another.
  2196.  
  2197. </li>
  2198. <li>
  2199.  
  2200. <b>Father of Avalon</b>
  2201. <p>
  2202. <img src="https://s8.postimg.org/dlk7wrf91/image.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2203. <p>
  2204. An old knight with a deep secret, retired early from duty due to a wounded hip, Antonio found a better life in heading an orphanage just outside of Camelot. He spends his time caring for the children of the lands, & making sure that they go to good homes, & even if they do not, the once-knight takes them into his own care. He often enjoys visits, & when his health permits mingles with the townsfolk in the markets. Still, if King Arthur ever does raise sword, he is willing to lay down his life to defend his king, kingdom, & children. In this verse, Antonio possesses the same fatherly qualities & purity as he does in his mainverse, & is in essence the same being.
  2205.  
  2206. </li>
  2207. <li>
  2208.  
  2209. <b>Dishonored</b>
  2210. <p>
  2211. <img src="https://s13.postimg.org/e2zxussnr/image.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2212. <p>
  2213. Born on the 18th of the Month of Darkness, 1790, on the outskirts of the Distillery District to poor, Serkonan parents, Antonio had initially made off to follow his childhood dreams and join the Dunwall’s City Watch the day he turned twelve. Unable to support their son, Antonio’s parents abandoned him when he was five. He did not make it into the Watch because as they would not accept a boy small & young as twelve. Not wanting to live his life out in the streets, & plagued with rejection, he made a move, under the wing of an unnamed felon. At first, he failed. But then, as years passed alongside the other man who had become like a father to him, Antonio picked up the arts of assassination, & other dirty deeds. He hated it, but it had turned him from a NOBODY, into a SOMEBODY. After his mentor passed away, Antonio was left to do the city’s dirty work, their biddings, & sometimes could not bring himself to. It was too hard on his kind heart, & when he turned 22, he was sent to rid of the family of one of the most notorious and wealthy dealers of white tobacco & Baleton Hemlock. That was when he met THE WHALERS. They were Assassins, like him, but they had family; camaraderie. He had NO ONE. & their target was a joint one. Instead of destroying the family first, Antonio stepped before the blade of the mysterious masked assassin, brandishing his own. Part of him wished not to allow his kill to be stolen, & another part BROKE within. These were INNOCENT people being killed.
  2214. <p>
  2215. “Step down.”
  2216. <p>
  2217. It was the command that bore him the hideous scar across the face, & his new role in life. The wealthy family’s bodyguard, & mostly that of their young daughter. The one who’s life he had saved that night. The girl, Marie, he eventually fell for, after years of protecting and entertaining her. After working for her and her parents, he fell for her, and she for him. They had descended into a bittersweet chaos called —-YOUNG LOVE. Unfortunately, Marie’s parents had different plans for her & as soon as she was of age, the girl was married off to a rich aristocrat from Dunwall. Antonio, of course, wasn’t far behind, sent along with her as some parting, wedding gift. When her husband was not around, Antonio would take Marie to many of the Boyle balls, galas and parties. They were both masked, so no one would know who danced nights away with the young aristocrat. No one would KNOW that he was supposed to be the man protecting her. She was well loved despite her ditry work in taking over her parent’s trade after they passed away; her husband, not so much. One drunken night, Marie & Antonio slept together which resulted in Marie’s first daughter, Rebecca ( @wuunderkinds. ) Of course, her husband was told that the child was his, & Antonio had to watch as another man raised his girl. He was jealous, & the man never treated her right, but there was nothing he could do but provide the fatherly love Rebecca needed on nights when she would cry out & he would be there—-not the embittered aristocrat. Marie’s husband continued to dig himself deeper and deeper into trouble, & further into debt with their business, & was eventually murdered two years after his second illegitimate daughter, Arcadia was born. Killing the man did not provide the family with peace. Antonio stepped in to raise Marie’s girls while she continued to run the family trade in Baleton. Of course, the business was risky, but it kept Marie and her girls comfortable and content in their large home by the coast. When the rat plague hit, they were fairly safe and moved back to the Distillery District, Antonio’s birthplace. That was when Marie was murdered, & nearly Antonio as well, SAVED by a masked daughter. The family trade would then be put on hold, & Antonio would put down his blade forever, & go into hiding in the seclusion of a decrepit apartment where only his girls could contact him. They had a family name to save, and a mother’s death to avenge, while their father watched over them as their guardian angel. & finally, he was forced to take up his blade once again as greed stirred in the hearts of high men—-ALL who wanted a share in a halted trade. <p>
  2218.  
  2219. </li>
  2220. <li>
  2221.  
  2222. <b>The Disturbance in the Force</b>
  2223. <p>
  2224. <img src="https://s14.postimg.org/hagt5e3m9/image.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2225. <p>
  2226. Set during the events of the Phantom Menace through the events in Revenge of the Sith, Antonio works under the rule of his own thumb. A wise, old bounty hunter with a weak grasp on the force constantly takes the side of whomever benefits him. Born in Coruscant, & raised by a cold & estranged bounty hunter, he knew no other life. Arguably one of the finest bounty hunters the universe has seen, his age has begun to slow & blunt his swift skills. A lost man with a heart too large & far too warm in the war-torn universe in which he lives, the bounty hunter now seeks more than simply bounty & goods.
  2227.  
  2228. </li>
  2229. <li>
  2230.  
  2231. UNDER CO.
  2232.  
  2233. </li>
  2234. </ul>
  2235.  
  2236.  
  2237. </div></div></div>
  2238.  
  2239. <div id="05" class="popup_block">
  2240. <div class="poptext">
  2241. <div id="popuptitle">NAVI</div>
  2242. <div id="popuptext">
  2243.  
  2244. COMING SOON
  2245.  
  2246.  
  2247.  
  2248.  
  2249.  
  2250.  
  2251. </div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!