API tools faq
paste
Advertisement
Guest User

jam them

a guest
Mar 23rd, 2017
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.45 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. WINTER'S LADY THEMES
  7. ♛ this code was made by AGIRLINGREY@TUMBLR.
  8. ♛ do not remove credit or claim as your own.
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16. <script type="text/javascript">
  17. // <![CDATA[
  18. var colour="#bfbfbf"; // what colour are the blobs
  19. var speed=66; // speed of animation, lower is faster
  20. var blobs=20; // how many blobs are in the jar
  21. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  22.  
  23. /***************************\
  24. * Blobs in a Jar Effect *
  25. *(c)2012-13 mf2fm web-design*
  26. * http://www.mf2fm.com/rv *
  27. * DON'T EDIT BELOW THIS BOX *
  28. \***************************/
  29.  
  30. var div;
  31. var xpos=new Array();
  32. var ypos=new Array();
  33. var zpos=new Array();
  34. var dx=new Array();
  35. var dy=new Array();
  36. var dz=new Array();
  37. var blob=new Array();
  38. var swide=800;
  39. var shigh=600;
  40. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  41.  
  42. function addLoadEvent(funky) {
  43. var oldonload=window.onload;
  44. if (typeof(oldonload)!='function') window.onload=funky;
  45. else window.onload=function() {
  46. if (oldonload) oldonload();
  47. funky();
  48. }
  49. }
  50.  
  51. addLoadEvent(fill_the_jar);
  52.  
  53. function fill_the_jar() {
  54. var i, dvs;
  55. div=document.createElement('div');
  56. dvs=div.style;
  57. dvs.position='fixed';
  58. dvs.left='0px';
  59. dvs.top='0px';
  60. dvs.width='1px';
  61. dvs.height='1px';
  62. document.body.appendChild(div);
  63. set_width();
  64. for (i=0; i<blobs; i++) {
  65. add_blob(i);
  66. jamjar(i);
  67. }
  68. }
  69.  
  70. function add_blob(ref) {
  71. var dv, sy;
  72. dv=document.createElement('div');
  73. sy=dv.style;
  74. sy.position='absolute';
  75. sy.textAlign='center';
  76. if (ie_version && ie_version<10) {
  77. sy.fontSize="10px";
  78. sy.width="100px";
  79. sy.height="100px";
  80. sy.paddingTop="40px";
  81. sy.color=colour;
  82. dv.appendChild(document.createTextNode(charc));
  83. }
  84. else if (ie_version) {
  85. sy.fontSize="1px";
  86. sy.width="0px";
  87. sy.height="0px";
  88. }
  89. else {
  90. dv.appendChild(document.createTextNode(charc));
  91. sy.color='rgba(0,0,0,0)';
  92. }
  93. ypos[ref]=Math.floor(shigh*Math.random());
  94. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  95. xpos[ref]=Math.floor(swide*Math.random());
  96. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  97. zpos[ref]=Math.random()*20;
  98. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  99. blob[ref]=dv;
  100. div.appendChild(blob[ref]);
  101. set_blob(ref);
  102. }
  103.  
  104. function rejig(ref, xy) {
  105. if (xy=='y') {
  106. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  107. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  108. }
  109. else {
  110. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  111. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  112. }
  113. }
  114.  
  115. function sign(a) {
  116. if (a<0) return (-2);
  117. else if (a>0) return (2);
  118. else return (0);
  119. }
  120.  
  121. function set_blob(ref) {
  122. var sy;
  123. sy=blob[ref].style;
  124. sy.top=ypos[ref]+'px';
  125. sy.left=xpos[ref]+'px';
  126. if (ie_version && ie_version<10) {
  127. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  128. sy.fontSize=30-zpos[ref]+"px";
  129. }
  130. else if (ie_version) {
  131. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  132. }
  133. else {
  134. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  135. sy.fontSize=40+zpos[ref]+'px';
  136. }
  137. }
  138.  
  139. function jamjar(ref) {
  140. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  141. ypos[ref]+=dy[ref];
  142. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  143. xpos[ref]+=dx[ref];
  144. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  145. zpos[ref]+=dz[ref];
  146. set_blob(ref);
  147. setTimeout("jamjar("+ref+")", speed);
  148. }
  149.  
  150. window.onresize=set_width;
  151. function set_width() {
  152. var sw_min=999999;
  153. var sh_min=999999;
  154. if (document.documentElement && document.documentElement.clientWidth) {
  155. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  156. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  157. }
  158. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  159. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  160. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  161. }
  162. if (document.body.clientWidth) {
  163. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  164. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  165. }
  166. if (sw_min==999999 || sh_min==999999) {
  167. sw_min=800;
  168. sh_min=600;
  169. }
  170. swide=sw_min;
  171. shigh=sh_min;
  172. }
  173. // ]]>
  174. </script>
  175.  
  176. <!--
  177. POP UP SCRIPT
  178. -->
  179.  
  180.  
  181. <script type="text/javascript"
  182. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  183. <script>
  184. $(document).ready(function() {
  185. //
  186. $('a.poplight[href^=#]').click(function() {
  187. var popID = $(this).attr('rel'); //Get Popup Name
  188. var popURL = $(this).attr('href'); //Get Popup href to define size
  189. var query= popURL.split('?');
  190. var dim= query[1].split('&');
  191. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  192. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  193. var popMargTop = ($('#' + popID).height() + 80) / 2;
  194. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  195. //Apply Margin to Popup
  196. $('#' + popID).css({
  197. 'margin-top' : -popMargTop,
  198. 'margin-left' : -popMargLeft
  199. });
  200. $('body').append('<div id="fade"></div>');
  201. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  202. return false;
  203. });
  204. $('a.close, #fade').live('click', function() {
  205. $('#fade , .popup_block').fadeOut(function() {
  206. $('#fade, a.close').remove(); //fade them both out
  207. });
  208. return false;
  209. });
  210. });
  211. </script>
  212.  
  213.  
  214.  
  215. <!--
  216. VERSE TABS SCRIPT
  217. -->
  218.  
  219.  
  220. <script>
  221.  
  222. $(document).ready(function(){
  223. $("ul#tabs li").click(function(e){
  224. if (!$(this).hasClass("active")) {
  225. var tabNum = $(this).index();
  226. var nthChild = tabNum+1;
  227. $("ul#tabs li.active").removeClass("active");
  228. $(this).addClass("active");
  229. $("ul#tab li.active").removeClass("active");
  230. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  231. }
  232. });
  233. });
  234. </script>
  235.  
  236.  
  237.  
  238. <!--
  239. TOOLTIP STYLING SCRIPT
  240. -->
  241.  
  242.  
  243. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  244. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  245. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  246. <script>
  247. (function($){
  248. $(document).ready(function(){
  249. $("[title]").style_my_tooltips({
  250. tip_follows_cursor:true,
  251. tip_delay_time:200,
  252. tip_fade_speed:500
  253. });
  254. });
  255. })(jQuery);
  256. </script>
  257.  
  258.  
  259.  
  260.  
  261. <title>{Title}</title>
  262. <link rel="shortcut icon" href="{Favicon}">
  263. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  264. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  265.  
  266.  
  267.  
  268. <!--
  269. CUSTOM FONTS
  270. -->
  271.  
  272. <link href="https://fonts.googleapis.com/css?family=Rokkitt:300" rel="stylesheet">
  273. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
  274.  
  275. <link href="https://fonts.googleapis.com/css?family=Glegoo" rel="stylesheet">
  276.  
  277. <link href="https://fonts.googleapis.com/css?family=Cedarville+Cursive" rel="stylesheet">
  278. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  279. <link href="https://fonts.googleapis.com/css?family=Cabin+Condensed:600" rel="stylesheet">
  280. <link href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700" rel="stylesheet">
  281.  
  282.  
  283.  
  284. <style type="text/css">
  285.  
  286. .animatedlink1{
  287. -webkit-animation-name: scalex;
  288. -webkit-animation-duration:5s;
  289. -webkit-animation-iteration-count:infinite;
  290. -webkit-animation-timing-function:ease-in-out;
  291. -moz-animation-name: scale;
  292. -moz-animation-duration:10s;
  293. -moz-animation-iteration-count:infinite;
  294. -moz-animation-timing-function:ease-in-out;
  295. }
  296.  
  297. @-webkit-keyframes scalex{
  298. from {-webkit-transform: scale(0.7);}
  299. 45% {-webkit-transform: scale(0.9);}
  300. to {-webkit-transform: scale(0.7);}
  301. }
  302.  
  303. @-moz-keyframes scale{
  304. from {-webkit-transform: scale(0.2);}
  305. 45% {-webkit-transform: scale(0.5);}
  306. to {-webkit-transform: scale(0.2);}
  307. }
  308.  
  309. .animatedlink2{
  310. -webkit-animation-name: scalex;
  311. -webkit-animation-duration:4s;
  312. -webkit-animation-iteration-count:infinite;
  313. -webkit-animation-timing-function:ease-in-out;
  314. -moz-animation-name: scale;
  315. -moz-animation-duration:10s;
  316. -moz-animation-iteration-count:infinite;
  317. -moz-animation-timing-function:ease-in-out;
  318. }
  319.  
  320. @-webkit-keyframes scalex{
  321. from {-webkit-transform: scale(0.5);}
  322. 45% {-webkit-transform: scale(0.7);}
  323. to {-webkit-transform: scale(0.5);}
  324. }
  325.  
  326. @-moz-keyframes scale{
  327. from {-webkit-transform: scale(0.2);}
  328. 45% {-webkit-transform: scale(0.5);}
  329. to {-webkit-transform: scale(0.2);}
  330. }
  331.  
  332. .animatedlink3{
  333. -webkit-animation-name: scalex;
  334. -webkit-animation-duration:6s;
  335. -webkit-animation-iteration-count:infinite;
  336. -webkit-animation-timing-function:ease-in-out;
  337. -moz-animation-name: scale;
  338. -moz-animation-duration:10s;
  339. -moz-animation-iteration-count:infinite;
  340. -moz-animation-timing-function:ease-in-out;
  341. }
  342.  
  343. @-webkit-keyframes scalex{
  344. from {-webkit-transform: scale(0.7);}
  345. 45% {-webkit-transform: scale(0.9);}
  346. to {-webkit-transform: scale(0.7);}
  347. }
  348.  
  349. @-moz-keyframes scale{
  350. from {-webkit-transform: scale(0.2);}
  351. 45% {-webkit-transform: scale(0.5);}
  352. to {-webkit-transform: scale(0.2);}
  353. }
  354. .animatedlink4{
  355. -webkit-animation-name: scalex;
  356. -webkit-animation-duration:6s;
  357. -webkit-animation-iteration-count:infinite;
  358. -webkit-animation-timing-function:ease-in-out;
  359. -moz-animation-name: scale;
  360. -moz-animation-duration:10s;
  361. -moz-animation-iteration-count:infinite;
  362. -moz-animation-timing-function:ease-in-out;
  363. }
  364.  
  365. @-webkit-keyframes scalex{
  366. from {-webkit-transform: scale(0.7);}
  367. 45% {-webkit-transform: scale(0.9);}
  368. to {-webkit-transform: scale(0.7);}
  369. }
  370.  
  371. @-moz-keyframes scale{
  372. from {-webkit-transform: scale(0.2);}
  373. 45% {-webkit-transform: scale(0.5);}
  374. to {-webkit-transform: scale(0.2);}
  375. }
  376. .animatedlink5{
  377. -webkit-animation-name: scalex;
  378. -webkit-animation-duration:2s;
  379. -webkit-animation-iteration-count:infinite;
  380. -webkit-animation-timing-function:ease-in-out;
  381. -moz-animation-name: scale;
  382. -moz-animation-duration:10s;
  383. -moz-animation-iteration-count:infinite;
  384. -moz-animation-timing-function:ease-in-out;
  385. }
  386.  
  387. @-webkit-keyframes scalex{
  388. from {-webkit-transform: scale(0.7);}
  389. 45% {-webkit-transform: scale(0.9);}
  390. to {-webkit-transform: scale(0.7);}
  391. }
  392.  
  393. @-moz-keyframes scale{
  394. from {-webkit-transform: scale(0.2);}
  395. 45% {-webkit-transform: scale(0.5);}
  396. to {-webkit-transform: scale(0.2);}
  397. }
  398. /* THE CUSTOM SIDEBAR THING */
  399.  
  400.  
  401.  
  402. #bite
  403. #bite a{
  404. display:block
  405. }
  406. #bite .death {
  407. margin-top:0px;filter: alpha(opacity = 1.0);
  408. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  409. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  410. }
  411.  
  412. #bite:hover .death {
  413. margin-top:0px;
  414. -webkit-transition: all 0.8s ease-out;
  415. -moz-transition: all 0.8s ease-out;
  416. transition: all 0.8s ease-out;
  417. filter: alpha(opacity = 100);
  418. filter: alpha(opacity = 100);
  419. opacity:100;
  420. }
  421.  
  422.  
  423.  
  424. /* SELECTION FONT AND BACKGROUND */
  425.  
  426.  
  427. ::selection {
  428. background: #c2c2c2;
  429. color:#fff; }
  430.  
  431.  
  432. ::-moz-selection {
  433. background: #c2c2c2;
  434. color:#fff; }
  435.  
  436.  
  437.  
  438. /* SCROLLBAR DETAILS */
  439.  
  440.  
  441.  
  442. ::-webkit-scrollbar {
  443. height: 0px;
  444. width: 2px;
  445. background:transparent;
  446. border-left:0px solid transparent;
  447. border-right:0px solid transparent;}
  448.  
  449.  
  450. ::-webkit-scrollbar-thumb {
  451. background:transparent;}
  452.  
  453.  
  454.  
  455.  
  456. /* THE CURSOR */
  457.  
  458.  
  459. {block:iftinycursor}
  460. body, a, a:hover{
  461. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  462. {/block:iftinycursor}
  463.  
  464. iframe#tumblr_controls {
  465. right:3px !important;
  466. position: fixed !important;
  467. -webkit-transition: opacity 0.7s
  468. linear;opacity: 0.2;
  469. -webkit-transition: all 0.8s ease-out;
  470. -moz-transition: all 0.8s ease-out;
  471. transition: all 0.8s ease-out;}
  472.  
  473. iframe#tumblr_controls:hover{
  474. -webkit-transition: opacity 0.7s linear;
  475. opacity: 1;
  476. -webkit-transition: all 0.4s ease-out;
  477. -moz-transition: all 0.4s ease-out;
  478. transition: all 0.4s ease-out;}
  479.  
  480.  
  481.  
  482. /* GENERAL LOOK AND BACKGROUND */
  483.  
  484.  
  485. body {
  486. background:#bfbfbf;
  487. background-image:url('https://i.imgur.com/LtXuNXz.png');
  488. background-attachment: fixed;
  489. background-repeat: no-repeat;
  490. background-position: left top;
  491. color:#000;
  492. font-family: 'Cabin Condensed', sans-serif;
  493. text-align:justify;
  494. font-size: 10px;
  495. letter-spacing:1px;
  496. line-height:120%;
  497. }
  498.  
  499.  
  500.  
  501. /* THE VERSES TABS */
  502.  
  503.  
  504. ul#tabs {
  505. list-style-type: none;
  506. padding: 0;
  507. text-align: center;
  508. font-size:8px;
  509. letter-spacing:1px;
  510. text-shadow:1px 1px 0px #4c4c4c,
  511. 1px -1px 0px #4c4c4c,
  512. -1px -1px 0px #4c4c4c,
  513. -1px 1px 0px #4c4c4c,
  514. 0px 1px 0px #4c4c4c,
  515. 0px -1px 0px #4c4c4c,
  516. 1px 0px 0px #4c4c4c,
  517. -1px 0px 0px #4c4c4c;
  518.  
  519. }
  520.  
  521.  
  522.  
  523. ul#tabs li {
  524. background-image: url('https://i.imgur.com/UlK5xrS.png');
  525. background-repeat:repeat;
  526. background-attachment:fixed;
  527. border-left: double 3px #000;
  528. border-top: double 3px #000;
  529. border-right: double 3px #000;
  530. border-bottom: double 3px #000;
  531. color:#e6e6e6;
  532. text-shadow:1px 1px 0px #000,
  533. 1px -1px 0px #000,
  534. -1px -1px 0px #000,
  535. -1px 1px 0px #000,
  536. 0px 1px 0px #000,
  537. 0px -1px 0px #000,
  538. 1px 0px 0px #000,
  539. -1px 0px 0px #000;
  540. display: inline-block;
  541. padding: 4px 10px;
  542. margin-bottom: 4px;
  543. cursor: pointer;
  544. }
  545.  
  546.  
  547.  
  548. ul#tabs li:hover {
  549. background-color: transparent;
  550. color: #eaeaea;
  551. }
  552.  
  553. ul#tabs li.active {
  554. background-image: url('');
  555. background:#c5c5c5;
  556. background-repeat:repeat;
  557. background-attachment:fixed;
  558. border-left: double 3px #000;
  559. border-top: double 3px #000;
  560. border-right: double 3px #000;
  561. border-bottom: double 3px #000;
  562. color:#e6e6e6;
  563. text-shadow:1px 1px 0px #000,
  564. 1px -1px 0px #000,
  565. -1px -1px 0px #000,
  566. -1px 1px 0px #000,
  567. 0px 1px 0px #000,
  568. 0px -1px 0px #000,
  569. 1px 0px 0px #000,
  570. -1px 0px 0px #000;
  571. display: inline-block;
  572. padding: 4px 10px;
  573. margin-bottom: 4px;
  574. cursor: pointer;
  575. }
  576.  
  577.  
  578.  
  579. ul#tab {
  580. list-style-type: none;
  581. margin: 0;
  582. padding: 0;
  583. }
  584.  
  585. ul#tab li {
  586. display: none;
  587. }
  588.  
  589. ul#tab li.active {
  590. display: block;
  591. }
  592.  
  593.  
  594.  
  595.  
  596. /* LINKS */
  597.  
  598.  
  599. a:link, a:active, a:visited {
  600. text-decoration: none;
  601. color:#000;
  602. text-shadow:1px 1px 0px #000
  603. -moz-transition-duration:.6s;
  604. -webkit-transition-duration:.6s;
  605. -o-transition-duration:.6s;
  606. -webkit-filter: blur(0px);}
  607.  
  608. a:hover {
  609. color: #fff;
  610. -moz-transition-duration:.6s;
  611. -webkit-transition-duration:.6s;
  612. -o-transition-duration:.6s;
  613. -webkit-filter: blur(1px);}
  614.  
  615.  
  616.  
  617. #links a {
  618. padding:5px;
  619. margin-right:0px;
  620. text-shadow: 1px 0px 1px #7a7a7a;
  621. }
  622.  
  623.  
  624. #links a:hover {
  625. padding:5px;
  626. margin-right:0px;
  627. text-shadow: 2px 0px 10px #7a7a7a;
  628. -moz-transition-duration:0.6s;
  629. -webkit-transition-duration:0.6s;
  630. -o-transition-duration:0.6s;
  631. }
  632.  
  633.  
  634.  
  635.  
  636. /* OTHER TEXT STUFF */
  637.  
  638.  
  639.  
  640. h1 {
  641. background-color: transparent;
  642. font-family: 'Cabin Condensed', sans-serif;
  643. font-size: 16px;
  644. line-height: 20px;
  645. letter-spacing: 2px;
  646. text-align: center;
  647. text-transform:uppercase;
  648. color: #021118;
  649. }
  650.  
  651.  
  652. h2 {
  653. background-color: transparent;
  654. font-family: 'Cabin Condensed', sans-serif;
  655. font-size: 15px;
  656. line-height: 16px;
  657. letter-spacing: 2px;
  658. text-align: left;
  659. text-transform:uppercase;
  660. color: #000;
  661. }
  662.  
  663.  
  664.  
  665. h3 {
  666. background-image: url('https://i.imgur.com/5A3qDgS.png');
  667. background-repeat:repeat;
  668. background-attachment:fixed;
  669. border-top: double 4px #201515;
  670. border-bottom: double 4px #201515;
  671. padding:2px;
  672. color:#fff;
  673. font-weight: bold;
  674. text-shadow: 0px 0px 4px #fff;
  675. font-size:12px;
  676. font-family: 'Cabin Condensed', sans-serif;
  677. text-transform:uppercase;
  678. letter-spacing:3px;
  679. text-align:center;}
  680.  
  681.  
  682.  
  683.  
  684. h4 {
  685. background-image: url('https://i.imgur.com/5A3qDgS.png');
  686. background-repeat:repeat;
  687. background-attachment:fixed;
  688. border-top: double 4px #201515;
  689. border-bottom: double 4px #201515;
  690. padding:2px;
  691. color:#fff;
  692. font-weight: bold;
  693. font-size:11px;
  694. font-family: 'Cabin Condensed', sans-serif;
  695. text-shadow: 0px 0px 4px #fff;
  696. text-transform:uppercase;
  697. letter-spacing:3px;
  698. text-align:center;}
  699.  
  700.  
  701.  
  702.  
  703.  
  704. hr {
  705. color:#818181;
  706. display: block;
  707. margin-top: 0.5em;
  708. margin-bottom: 0.5em;
  709. margin-left: auto;
  710. margin-right: auto;
  711. border-style: inset;
  712. border-width: 1px;
  713. }
  714.  
  715.  
  716.  
  717.  
  718. quotetext {
  719. background-color: transparent;
  720. font-family: 'Roboto Condensed', sans-serif;
  721. font-size: 16px;
  722. line-height: 20px;
  723. letter-spacing: 2px;
  724. text-align: center;
  725. text-transform:uppercase;
  726. color: #000;
  727. }
  728.  
  729.  
  730.  
  731. blockquote {
  732. word-wrap: break-word;
  733. padding:2px 7px;
  734. margin:3px 0 3px 8px;
  735. border-left:1px solid {color:border};
  736. background-color:transparent;}
  737.  
  738.  
  739.  
  740. blockquote img{
  741. max-width:100%;
  742. height:auto;
  743. }
  744.  
  745. blockquote blockquote img{
  746. max-width:100%;
  747. height:auto;
  748. }
  749.  
  750.  
  751.  
  752.  
  753. b, strong {
  754. font-size:17px;
  755. text-transform:uppercase;
  756. font-family: 'Yanone Kaffeesatz', sans-serif;
  757. color: #4a1818;
  758. line-height:120%;
  759. text-shadow:0px 0px 1px #000;
  760.  
  761. }
  762.  
  763.  
  764.  
  765. i, italic {
  766. font-size:18px;
  767. color: #000;
  768. font-family: 'Cedarville Cursive', cursive;
  769. letter-spacing:0px;
  770. text-transform:lowercase;
  771. text-shadow:0px 0px 1px #2f2f2f;
  772. }
  773.  
  774.  
  775.  
  776. p {
  777. margin-top:5px;
  778. margin-bottom:5px;}
  779.  
  780.  
  781. ol {
  782. list-style:normal;}
  783.  
  784.  
  785. ul {
  786. list-style:square;}
  787.  
  788.  
  789. small {
  790. font-size:10px}
  791.  
  792.  
  793. sup,sub {
  794. font-size:11px}
  795.  
  796.  
  797. pre {
  798. font-size: 10px;
  799. letter-spacing:3px;
  800. background-color:#000;
  801. font-family: "Times New Roman", Times, serif;
  802. font-style: none;
  803. text-align:center;
  804. white-space: pre-wrap; /* css-3 */
  805. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  806. white-space: -pre-wrap; /* Opera 4-6 */
  807. white-space: -o-pre-wrap; /* Opera 7 */
  808. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  809.  
  810.  
  811.  
  812. big {
  813. font-size:22px;
  814. text-transform:lowercase;
  815. letter-spacing:0px;
  816. font-family: 'Cedarville Cursive', cursive;
  817. color:#e0e0e0;
  818. text-shadow:1px 1px 3px #000,
  819. }
  820.  
  821.  
  822.  
  823. /* IMAGES, PHOTOSETS AND WHATNOT */
  824.  
  825.  
  826.  
  827. {block:IfGreyscale}
  828.  
  829. img {
  830. -webkit-filter:grayscale(100%);
  831. -webkit-transition: all 0.9s ease-in-out;
  832. -moz-transition: all 0.9s ease-in-out;
  833. -o-transition: all 0.9s ease-in-out;
  834. -ms-transition: all 0.9s ease-in-out;
  835. transition: all 0.9s ease-in-out;}
  836.  
  837. img:hover {
  838. -webkit-filter:none;}
  839.  
  840. .html_photoset {
  841. -webkit-filter: grayscale(100%);
  842. -webkit-transition: all 0.9s ease-in-out;
  843. -moz-transition: all 0.9s ease-in-out;
  844. -o-transition: all 0.9s ease-in-out;
  845. -ms-transition: all 0.9s ease-in-out;
  846. transition: all 0.9s ease-in-out;}
  847.  
  848. .html_photoset:hover {
  849. -webkit-filter: none;}
  850.  
  851. {/block:IfGreyscale}
  852.  
  853.  
  854.  
  855. /* CONTAINER AND POSTS */
  856.  
  857.  
  858.  
  859. #container {
  860. background-color:#bfbfbf;
  861. width:265px;
  862. height:403px;
  863. padding: 20px;
  864. top:53px;
  865. margin-left: 400px;
  866. position:fixed;
  867. overflow-y:scroll;
  868. overflow-x:hidden;
  869. opacity:1;
  870. -webkit-mask-image: -webkit-gradient(
  871. linear, center 75%, center bottom,
  872. from(rgba(0,0,0,20)),
  873. to(rgba(20,0,0,0)));
  874. border:1px solid transparent;
  875. -webkit-transition: all 0.6s ease-in-out;
  876. -moz-transition: all 0.6s ease-in-out;
  877. -o-transition: all 0.6s ease-in-out;
  878. -ms-transition: all 0.6s ease-in-out;
  879. transition: all 0.6s ease-in-out;}
  880.  
  881. #container:hover {
  882. opacity:1;
  883. -webkit-transition: all 0.6s ease-in-out;
  884. -moz-transition: all 0.6s ease-in-out;
  885. -o-transition: all 0.6s ease-in-out;
  886. -ms-transition: all 0.6s ease-in-out;
  887. transition: all 0.6s ease-in-out;
  888. }
  889.  
  890. #container img {
  891. height:auto;
  892. max-width:100%;
  893. }
  894.  
  895. #content {
  896. margin-left:62px;
  897. width:265px;
  898. margin-top: 0px;
  899. }
  900.  
  901. #posts {
  902. width:265px;
  903. padding:10px;
  904. margin-top: 10px;
  905. margin-left:-72px;
  906. padding-bottom:0px;
  907. overflow-y:scroll;
  908. overflow-x:hidden;
  909. }
  910.  
  911.  
  912. #description {
  913. margin-left: 0px;
  914. margin-top: -50px;
  915. width:180px;
  916. color:transparent;}
  917.  
  918.  
  919.  
  920.  
  921. /* CUSTOM SIDEBAR SETTINGS */
  922.  
  923.  
  924.  
  925. #actualnews {
  926. font-family: 'Cabin Condensed', sans-serif;
  927. font-size:10px;
  928. background:transparent;
  929. color: #000;
  930. width:160px;
  931. height:100px;
  932. padding-top:3px;
  933. border:0px solid #131313;
  934. left: 805px;
  935. top: 70px;
  936. text-align:center;
  937. position:fixed;
  938. -webkit-filter: blur(0px);
  939. -webkit-transition: 0.8s ease-in;
  940. -moz-transition: 1s ease-in;
  941. transition: 1s ease-in;
  942. opacity:1;
  943. -webkit-transition: all 0.6s ease-in-out;
  944. -moz-transition: all 0.6s ease-in-out;
  945. -o-transition: all 0.6s ease-in-out;
  946. -ms-transition: all 0.6s ease-in-out;
  947. transition: all 0.6s ease-in-out;
  948. }
  949.  
  950.  
  951.  
  952. #actualnews:hover {
  953. -webkit-filter:none;
  954. -webkit-transition: all 0.6s ease-in-out;
  955. opacity:1;
  956. -webkit-transition: all 0.6s ease-in-out;
  957. -moz-transition: all 0.6s ease-in-out;
  958. -o-transition: all 0.6s ease-in-out;
  959. -ms-transition: all 0.6s ease-in-out;
  960. transition: all 0.6s ease-in-out;
  961. }
  962.  
  963.  
  964.  
  965.  
  966. #thekey {
  967. position:fixed;
  968. color:#7c7470;
  969. text-shadow: 0px 0px 2px #fff;
  970. margin-top:175px;
  971. margin-left:55px;
  972. width:710px;
  973. padding:9px;
  974. letter-spacing:2px;
  975. word-spacing:5px; /*this defines the separation of each word of the links*/
  976. font-family: helvetica;
  977. font-size:12px;
  978. text-align:center;
  979. background:transparent;
  980. text-transform:uppercase;
  981. -webkit-transform: rotate(-90deg);
  982. -moz-transform: rotate(-90deg);
  983. -o-transform: rotate(-90deg);
  984. }
  985.  
  986.  
  987.  
  988.  
  989. /* JUMBLED LINKS */
  990.  
  991.  
  992.  
  993. .alinks {
  994. position:fixed;
  995. text-shadow: 0px 0px 11px #7C6868;
  996. left:260px;
  997. top:410px;
  998. text-align: center;
  999. font-family: 'Josefin Sans', sans-serif;
  1000. line-height:15px;
  1001. font-size: 37px;}
  1002.  
  1003.  
  1004. .alinks a {
  1005. padding:10px;
  1006. color:#000
  1007. margin-right:0px;
  1008. -webkit-filter: blur(0px);
  1009. -webkit-transition: 0.8s ease-in;
  1010. -moz-transition: 1s ease-in;
  1011. transition: 1s ease-in;
  1012. }
  1013.  
  1014. .alinks a:hover {
  1015. -webkit-filter: blur(1px);
  1016. -webkit-transition: all 0.6s ease-in-out;
  1017. -moz-transition: all 0.6s ease-in-out;
  1018. -o-transition: all 0.6s ease-in-out;
  1019. -ms-transition: all 0.6s ease-in-out;
  1020. transition: all 0.6s ease-in-out;
  1021. color: #fff;
  1022. text-shadow: 7px 7px 3px #000000;
  1023. }
  1024.  
  1025.  
  1026.  
  1027. .blinks {
  1028. position:fixed;
  1029. text-shadow: 0px 0px 11px #7C6868;
  1030. left:200px;
  1031. top:340px;
  1032. text-align: center;
  1033. font-family: 'Josefin Sans', sans-serif;
  1034. line-height:15px;
  1035. font-size: 25px;}
  1036.  
  1037.  
  1038. .blinks a {
  1039. padding:10px;
  1040. color:#000;
  1041. margin-right:0px;
  1042. -webkit-filter: blur(0px);
  1043. -webkit-transition: 0.8s ease-in;
  1044. -moz-transition: 1s ease-in;
  1045. transition: 1s ease-in;
  1046. }
  1047.  
  1048. .blinks a:hover {
  1049. -webkit-transition: all 0.6s ease-in-out;
  1050. -moz-transition: all 0.6s ease-in-out;
  1051. -o-transition: all 0.6s ease-in-out;
  1052. -ms-transition: all 0.6s ease-in-out;
  1053. transition: all 0.6s ease-in-out;
  1054. color: #fff;
  1055. text-shadow: 7px 7px 3px #000000;
  1056. }
  1057.  
  1058.  
  1059.  
  1060.  
  1061. .clinks {
  1062. position:fixed;
  1063. font-size:65px;
  1064. text-decoration:none;
  1065. margin-left:100px;
  1066. margin-top:300px;
  1067. }
  1068.  
  1069. .clinks a {
  1070. text-shadow:0px 2px 2px #fff;
  1071. text-decoration:none;
  1072. color:#000;
  1073. -webkit-transition: all 0.5s ease-out;
  1074. -moz-transition: all 0.5s ease-out;
  1075. transition: all 0.5s ease-out;
  1076. }
  1077.  
  1078. .clinks:hover {
  1079. -webkit-filter:blur(1px);
  1080. -webkit-transition: all 0.5s ease-out;
  1081. -moz-transition: all 0.5s ease-out;
  1082. transition: all 0.5s ease-out;
  1083. }
  1084.  
  1085.  
  1086.  
  1087. .dlinks {
  1088. position:fixed;
  1089. font-size:45px;
  1090. text-decoration:none;
  1091. margin-left:180px;
  1092. margin-top:360px;
  1093. }
  1094.  
  1095. .dlinks a {
  1096. text-shadow:0px 0px 7px #fff;
  1097. text-decoration:none;
  1098. color:#000;
  1099. -webkit-transition: all 0.5s ease-out;
  1100. -moz-transition: all 0.5s ease-out;
  1101. transition: all 0.5s ease-out;
  1102. }
  1103.  
  1104. .dlinks:hover {
  1105. -webkit-filter:blur(1px);
  1106. -webkit-transition: all 0.5s ease-out;
  1107. -moz-transition: all 0.5s ease-out;
  1108. transition: all 0.5s ease-out;
  1109.  
  1110. }
  1111.  
  1112.  
  1113.  
  1114. .elinks {
  1115. position:fixed;
  1116. font-size:55px;
  1117. text-decoration:none;
  1118. margin-top:290px;
  1119. margin-left:260px;
  1120.  
  1121. }
  1122.  
  1123. .elinks a {
  1124. text-shadow:0px 0px 7px #7f7f7f;
  1125. text-decoration:none;
  1126. color:#000;
  1127. -webkit-transition: all 0.5s ease-out;
  1128. -moz-transition: all 0.5s ease-out;
  1129. transition: all 0.5s ease-out;
  1130. }
  1131.  
  1132. .elinks:hover {
  1133. -webkit-filter:blur(1px);
  1134. -webkit-transition: all 0.5s ease-out;
  1135. -moz-transition: all 0.5s ease-out;
  1136. transition: all 0.5s ease-out;
  1137. }
  1138.  
  1139.  
  1140.  
  1141.  
  1142.  
  1143.  
  1144. .credit {
  1145. position:fixed;
  1146. text-shadow: 0px 0px 11px #7C6868;
  1147. right:15px;
  1148. bottom:15px;
  1149. transform: rotate(0deg);
  1150. font-family: 'Josefin Sans', sans-serif;
  1151. font-size: 17px; }
  1152.  
  1153.  
  1154. .credit a {
  1155. padding:10px;
  1156. color:#5f5f5f;
  1157. margin-right:0px;
  1158. -webkit-filter: blur(1px);
  1159. -webkit-transition: 0.8s ease-in;
  1160. -moz-transition: 1s ease-in;
  1161. transition: 1s ease-in;
  1162. }
  1163.  
  1164. .credit a:hover {
  1165. -webkit-transition: all 0.6s ease-in-out;
  1166. -moz-transition: all 0.6s ease-in-out;
  1167. -o-transition: all 0.6s ease-in-out;
  1168. -ms-transition: all 0.6s ease-in-out;
  1169. transition: all 0.6s ease-in-out;
  1170. color: #000000;
  1171. text-shadow: 7px 7px 3px #000000;
  1172. }
  1173.  
  1174.  
  1175.  
  1176.  
  1177. /* PAGINATION */
  1178.  
  1179.  
  1180.  
  1181.  
  1182. #pagination {
  1183. position:fixed;
  1184. font-family: 'Josefin Sans', sans-serif;
  1185. width:300px;
  1186. font-size:40px;
  1187. top:280px;
  1188. left:20px;
  1189. letter-spacing:3px;
  1190. text-align:center;
  1191. z-index:999999999999;
  1192. }
  1193.  
  1194. #pagination a {
  1195. text-transform:uppercase;
  1196. color:#fff;
  1197. -webkit-filter: blur(0px);
  1198. -webkit-transition: 0.8s ease-in;
  1199. -moz-transition: 1s ease-in;
  1200. transition: 1s ease-in;
  1201. z-index:999999999999;
  1202. }
  1203.  
  1204. #pagination a:hover {
  1205. color:#fff;
  1206. -webkit-filter: blur(1px);
  1207. -webkit-transition: 0.2s ease-in;
  1208. -moz-transition: 1s ease-in;
  1209. transition: 1s ease-in;
  1210. }
  1211.  
  1212.  
  1213.  
  1214.  
  1215. /* MISC */
  1216.  
  1217.  
  1218.  
  1219. .audio {
  1220. width:295px;
  1221. padding-bottom:10px;
  1222. background-color:{color:#0b0b0b};}
  1223.  
  1224. .albumart {
  1225. float:left;
  1226. padding:0px 10px 10px 0px;}
  1227.  
  1228. .albumart img {
  1229. width:65px;
  1230. height:65px;}
  1231.  
  1232. .playercontainer {
  1233. text-align:left;
  1234. padding:10px;
  1235. background-color:#0b0b0b;
  1236. width:295px;}
  1237.  
  1238. .audioinfo {
  1239. padding:10px;
  1240. color:#000;}
  1241.  
  1242.  
  1243.  
  1244.  
  1245. /* QUESTIONS & ANSWERS DETAILS */
  1246.  
  1247.  
  1248. #asker {
  1249. font-family: 'Cedarville Cursive', cursive;
  1250. text-align:center;
  1251. text-transform:lowercase;
  1252. font-size:25px;
  1253. padding:5px;
  1254. letter-spacing:0px
  1255. text-shadow:0 0 3px #000;
  1256. line-height:68%;
  1257. }
  1258.  
  1259.  
  1260. #asker a{
  1261. font-family: 'Cedarville Cursive', cursive;
  1262. color: #000;
  1263. text-shadow: none;
  1264. line-height:68%;
  1265. text-shadow:0 0 3px #000;
  1266. -webkit-filter: blur(0.5px);
  1267. }
  1268.  
  1269.  
  1270. #asker a:hover {
  1271. color: #656565;
  1272. letter-spacing: 0px;
  1273. }
  1274.  
  1275.  
  1276.  
  1277. #ask {
  1278. border-left: double 4px #201515;
  1279. border-top: double 4px #201515;
  1280. border-right: double 4px #201515;
  1281. border-bottom: double 4px #201515;
  1282. border-bottom-right-radius: 15px;
  1283. border-bottom-left-radius: 15px;
  1284. border-top-right-radius: 15px;
  1285. border-top-left-radius: 15px;
  1286. padding:2px;
  1287. font-size:9px;
  1288. text-shadow:1px 1px 0px #000,
  1289. 1px -1px 0px #000,
  1290. -1px -1px 0px #000,
  1291. -1px 1px 0px #000,
  1292. 0px 1px 0px #000,
  1293. 0px -1px 0px #000,
  1294. 1px 0px 0px #000,
  1295. -1px 0px 0px #000;
  1296. font-family: 'Roboto Condensed', sans-serif;
  1297. text-align:center;
  1298. padding-top: 5px;
  1299. margin-left:0px;
  1300. text-transform:auto;
  1301. letter-spacing:3px
  1302. margin-top:-10px;
  1303. padding:5px;
  1304. background-repeat:repeat;
  1305. padding:2px;
  1306. color:#fff;
  1307. background: url("https://i.imgur.com/5A3qDgS.png");
  1308. width:240px;
  1309. text-transform: uppercase;
  1310. padding:10px;
  1311. letter-spacing:2px;
  1312. }
  1313.  
  1314.  
  1315. .ans {
  1316. text-align:center;
  1317. padding:10px;
  1318. }
  1319.  
  1320.  
  1321. /* POST INFO DETAILS */
  1322.  
  1323.  
  1324.  
  1325. #info {
  1326. background: url("https://i.imgur.com/5A3qDgS.png");
  1327. border-bottom-right-radius: 15px;
  1328. border-bottom-left-radius: 15px;
  1329. border-top-right-radius: 15px;
  1330. border-top-left-radius: 15px;
  1331. width:265px;
  1332. height:25px;
  1333. text-align:center;
  1334. letter-spacing:10px;
  1335. margin-top:8px;
  1336. margin-bottom:50px;
  1337. text-transform:uppercase;
  1338. font-size:15px;
  1339. font-style:none;
  1340. }
  1341.  
  1342.  
  1343.  
  1344.  
  1345. #info a {
  1346. color:#fff;}
  1347.  
  1348. #info a:hover {
  1349. color:#000;}
  1350.  
  1351.  
  1352.  
  1353.  
  1354. #tags {
  1355. font-family: 'Roboto Condensed', sans-serif;
  1356. color:#181818;
  1357. padding-bottom:35px;
  1358. letter-spacing:2px;
  1359. text-transform:uppercase;
  1360. font-size:5px;
  1361. font-style:normal;
  1362. margin-top:10px;
  1363. text-align:right;
  1364. float:right;
  1365. }
  1366.  
  1367.  
  1368. #tags a {
  1369. display:inline-block;
  1370. padding:-3px;
  1371. opacity:0.8;
  1372. text-align:center;
  1373. color:#181818;
  1374.  
  1375. }
  1376.  
  1377.  
  1378. #tags a:hover {
  1379. color:#a1a0a0;
  1380. }
  1381.  
  1382.  
  1383.  
  1384.  
  1385. /* MISC 02. */
  1386.  
  1387.  
  1388. h4
  1389. .note {
  1390. text-transform:uppercase;
  1391. font-style:normal;
  1392. letter-spacing:0px;
  1393. font-size: px;
  1394. text-align:left;
  1395. line-height:100%;
  1396. margin-left:-40px;}
  1397.  
  1398. .note li {
  1399. list-style-type:none;
  1400. border-bottom:0px solid {color:border};
  1401. padding:10px 25px 10px 25px;
  1402. text-align:left;
  1403. margin:0px;
  1404. -moz-transition-duration:0.5s;
  1405. -webkit-transition-duration:0.5s;
  1406. -o-transition-duration:0.5s;}
  1407.  
  1408. .note img.avatar {
  1409. margin-right: 10px;
  1410. width: 16px;
  1411. height: 16px;}
  1412.  
  1413.  
  1414.  
  1415.  
  1416. /* BASIC POP-UP DETAILS */
  1417.  
  1418.  
  1419.  
  1420. .popup_block{
  1421. display:none;
  1422. background:#bfbfbf;
  1423. padding:20px;
  1424. border:0px dashed #eee; /* if you want a solid white pop-up, delete this */
  1425. outline:1px solid #e6e8e5;
  1426. outline-offset:3px;
  1427. border-left: double 4px #000;
  1428. border-top: double 4px #000;
  1429. border-right: double 4px #000;
  1430. border-bottom: double 4px #000;
  1431. float: left;
  1432. position:fixed;
  1433. height: 400px;
  1434. top:50%; left:50%;
  1435. z-index: 99999;
  1436. -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1437. -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1438. box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1439. }
  1440.  
  1441.  
  1442. *html #fade {position: absolute;}
  1443. *html .popup_block {position: absolute;}
  1444. #fade {
  1445. display:none;
  1446. position:fixed;
  1447. left:0px;
  1448. top:0px;
  1449. width:100%;
  1450. height:100%;
  1451. z-index:9999;
  1452. background-color:#000;
  1453. /* change to #fff for solid white */
  1454. opacity:0.9; /* change to opacity:1; */
  1455. }
  1456.  
  1457.  
  1458.  
  1459. .popupnavlinks {
  1460. padding-top:5px;
  1461. text-align:center; }
  1462.  
  1463.  
  1464. .popupnavlinks a {
  1465. display:inline-block;
  1466. width:90px; height:4px;
  1467. margin:2px; padding:3px 6px 10px;
  1468. text-align:center;
  1469. background-image: url('');
  1470. background:#0d0d0d;
  1471. background-repeat:repeat;
  1472. background-attachment:fixed;
  1473. border-left: double 3px #000;
  1474. border-top: double 3px #000;
  1475. border-right: double 3px #000;
  1476. border-bottom: double 3px #000;
  1477. color:#e6e6e6;
  1478. font-size:9px;
  1479. font-family:calibri;
  1480. text-shadow:1px 1px 0px #000,
  1481. 1px -1px 0px #000,
  1482. -1px -1px 0px #000,
  1483. -1px 1px 0px #000,
  1484. 0px 1px 0px #000,
  1485. 0px -1px 0px #000,
  1486. 1px 0px 0px #000,
  1487. -1px 0px 0px #000;
  1488. display: inline-block;
  1489. cursor: pointer;
  1490. }
  1491.  
  1492.  
  1493.  
  1494. .popupnavlinks a:hover {
  1495. display:inline-block;
  1496. letter- spacing:2px; }
  1497.  
  1498.  
  1499.  
  1500. .popupclose {
  1501. float:right; top:0px; right:0px;
  1502. margin-top:-10px; margin-right:-10px;
  1503. font-family:'Scada', sans serif;
  1504. font-size:10px;
  1505. font-weight:bold }
  1506.  
  1507. .popupclose a {
  1508. color:#aaa }
  1509.  
  1510.  
  1511.  
  1512. /* TOOLTIP DETAILS */
  1513.  
  1514.  
  1515.  
  1516. #s-m-t-tooltip{
  1517. max-width:400px;
  1518. margin:15px;
  1519. padding:2px 8px;
  1520. background: #0b0b0b;
  1521. background-image:url('https://i.imgur.com/UlK5xrS.png');
  1522. background-repeat:repeat;
  1523. background-attachment:fixed;
  1524. border-left: solid 1px #000;
  1525. border-top: solid 1px #000;
  1526. border-right: solid 1px #000;
  1527. border-bottom: solid 1px #000;
  1528. color:#e6e6e6;
  1529. text-shadow:1px 1px 0px #000,
  1530. 1px -1px 0px #000,
  1531. -1px -1px 0px #000,
  1532. -1px 1px 0px #000,
  1533. 0px 1px 0px #000,
  1534. 0px -1px 0px #000,
  1535. 1px 0px 0px #000,
  1536. -1px 0px 0px #000;
  1537. z-index:99999999999999999999;
  1538. font-size:9px;
  1539. letter-spacing:2px;
  1540. font-style:bold;
  1541. letter-spacing:2px;
  1542. font-family: calibri;
  1543. text-transform:uppercase;
  1544. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1545.  
  1546.  
  1547.  
  1548.  
  1549.  
  1550. </style>
  1551.  
  1552. </head>
  1553.  
  1554. <body>
  1555.  
  1556.  
  1557.  
  1558. <!--
  1559. ♛ The part below is basically the 'skeleton' of the theme, if that makes sense? I wouldn't recommend editing these parts ( EXCEPT THE CUSTOM LINKS AND POP UPS !!! ) unless you know what you're doing. If you spot a glitch in this part of the code, please let me know.
  1560. -->
  1561.  
  1562.  
  1563. <div id="content">
  1564.  
  1565. <div id="sidebar">
  1566.  
  1567. <img src="{image:Sidebar}" />
  1568.  
  1569. <div id="description">{description}</div>
  1570.  
  1571. </div>
  1572.  
  1573. <div id="pagination">
  1574. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1575. </div>
  1576.  
  1577.  
  1578. <!--
  1579. ♛ CUSTOM LINKS
  1580. -->
  1581.  
  1582.  
  1583.  
  1584. <div id="links">
  1585.  
  1586.  
  1587. <div class="alinks">
  1588. <div class="animatedlink4">
  1589. <a href="http://flashbangrevolvcr.tumblr.com" title="HOME.">
  1590. ✷
  1591. </a>
  1592. </div></div>
  1593.  
  1594.  
  1595. <div class="blinks">
  1596. <div class="animatedlink5">
  1597. <a href="#?w=255" rel="box1" class="poplight" title="MESSAGE.">
  1598. ✷
  1599. </a>
  1600. </div></div>
  1601.  
  1602.  
  1603. <div class="clinks">
  1604. <div class="animatedlink1">
  1605. <a href="#?w=350" rel="box2" class="poplight" title="LAW OF THE LAND.">★</a></div>
  1606. </div>
  1607.  
  1608.  
  1609. <div class="dlinks">
  1610. <div class="animatedlink2">
  1611. <a href="#?w=350" rel="box3" class="poplight" title="TIMELINES.">✬</a>
  1612. </div></div>
  1613.  
  1614.  
  1615. <div class="elinks">
  1616. <div class="animatedlink3">
  1617. <a href="#?w=350" rel="box4" class="poplight" title="PROFILE.">⋆</a>
  1618. </div></div>
  1619.  
  1620.  
  1621.  
  1622. <div class="credit">
  1623. <a href="http://agirlingrey.tumblr.com/" title="theme by agirlingrey.">A.</a>
  1624. </div>
  1625.  
  1626.  
  1627. </div>
  1628.  
  1629.  
  1630. <!--
  1631. ♛ CUSTOM LINKS ENDS
  1632. -->
  1633.  
  1634.  
  1635.  
  1636. <div id="container">
  1637.  
  1638. <div id="content"><div id="posts">
  1639. {block:Posts}
  1640.  
  1641.  
  1642. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1643. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1644. {block:Text}{Body}{/block:Text}
  1645.  
  1646. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1647.  
  1648. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1649.  
  1650. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1651. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1652.  
  1653. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}<BR>{/block:Lines}</ul>{/block:Chat}
  1654.  
  1655. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1656.  
  1657.  
  1658. {block:Answer}<div id="asker" style="margin-left:-5px;width265px; color:#000; text-shadow:0 0 3px #000; ">{Asker} <div id="ask">
  1659. <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:10px; marging-left:2px;">{Answer}</span>{/block:Answer}
  1660.  
  1661.  
  1662. {block:Audio}<div class="audio">
  1663.  
  1664. {block:AlbumArt}
  1665. {/block:AlbumArt}
  1666.  
  1667.  
  1668. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1669. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1670. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1671. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1672.  
  1673.  
  1674. <!--
  1675. ♛ INFO AND SYMBOLS
  1676. -->
  1677.  
  1678. <div id="info">
  1679. {block:Date}
  1680. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; font-size:12px; margin-left:-80px; margin-top:5px; text-shadow: 0px 0px 5px #919191;"> ★</a> {/block:Date}
  1681.  
  1682. {block:RebloggedFrom}
  1683. <a title="via. {ReblogParentName}" href="{ReblogParentURL}" style="position:absolute; font-size:12px; margin-left:-45px; margin-top:5px; text-shadow: 0px 0px 5px #919191;"> ★</a>
  1684. {/block:RebloggedFrom}
  1685.  
  1686. {block:ContentSource}
  1687. <a title="src. {SourceTitle}" href="{SourceURL}" style="position:absolute; font-size:12px; margin-left:-10px; margin-top:5px; text-shadow: 0px 0px 5px #919191;"> ★</a>
  1688. {/block:ContentSource}
  1689.  
  1690. {block:NoteCount}
  1691. <a href="{Permalink}" title="{NoteCount} notes" style="position:absolute; font-size:12px; margin-left:25px; margin-top:5px; text-shadow: 0px 0px 5px #919191;">★</a>
  1692. {/block:NoteCount}
  1693.  
  1694. <a href="{ReblogURL}"target="_blank" title="reblog" style="position:absolute; font-size:12px; margin-left:60px; margin-top:5px; text-shadow: 0px 0px 5px #919191;">★ </a></br>
  1695. {/block:RebloggedFrom}
  1696.  
  1697.  
  1698. <br>
  1699.  
  1700.  
  1701. <!--
  1702. ♛ INFO AND SYMBOLS ENDS
  1703. -->
  1704.  
  1705.  
  1706. <div id="tags" style="margin-bottom:50px">{block:HasTags}{block:Tags} • <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  1707.  
  1708. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1709. {/block:Posts}
  1710. </div>
  1711. </div>
  1712. </div>
  1713.  
  1714. <script src='http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js'></script>
  1715. <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  1716. <script src='https://cdnjs.cloudflare.com/ajax/libs/zepto/1.0/zepto.min.js'></script>
  1717. <script src='http://static.tumblr.com/uopakca/HWHo10ctj/index.js'></script>
  1718. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1719.  
  1720. </body>
  1721.  
  1722.  
  1723.  
  1724. <!--
  1725. ♛ POP UP PAGES !!!
  1726. -->
  1727.  
  1728.  
  1729.  
  1730. <div id="box1" class="popup_block">
  1731.  
  1732. <h3>
  1733. MESSAGE
  1734. </h3>
  1735.  
  1736. <center>
  1737.  
  1738. <p><iframe frameborder="0" height="350" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/flashbangrevolvcr.tumblr.com" width="100%"></iframe></p>
  1739.  
  1740. </div>
  1741.  
  1742. </center>
  1743.  
  1744.  
  1745.  
  1746. <div id="box2" class="popup_block">
  1747.  
  1748. <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
  1749. <center><figure data-orig-height="120" data-orig-width="200"><img src="https://68.media.tumblr.com/85a349c4639d48f674727039f235a2d5/tumblr_inline_on9vsymUZq1u9klco_540.png" data-orig-height="120" data-orig-width="200"></figure>
  1750. <b>EST. NOVEMBER 2016</b>, IND. <B>&</B> SELECTIVE <b>JESSE McCree</b> from the game <i>Overwatch</i> written by <b>EMBER</b>.<br>
  1751. <b>#flashbangrevolvcr</b>
  1752.  
  1753. <P>
  1754. <b>OC | Canon | Multi-muse | Multi Verse friendly!</b>
  1755.  
  1756. </center>
  1757.  
  1758. <h3>RULES</h3>
  1759.  
  1760. <b>01.</b>
  1761. Jesse McCree is by <b>NO</b> means my character. I do not retain any rights or affliations with Blizzard. Please be respectful of both mun and muse, as well as other interpretations, duplicates or headcannons.
  1762.  
  1763. <p>
  1764. <B>02.</B>
  1765. I am new to Tumblr RPing and formatting. If there is anything I am doing wrong, looks out of place or uncredited, <i>please</i> inform me and I will do my best to correct it. This includes any art used in promos or icons, I will absolutely take them down or give credit on a page specifically to the art.
  1766.  
  1767. <p>
  1768. <B>03.</B>
  1769. Don’t be afraid to send me an ask if there are any problems or if there are compliments! I am open to any and all suggestions and I assure you it’s okay to approach me.<p>
  1770.  
  1771. I will do my best to tag anything triggering, if at all there are at all anything I have not properly tagged please inform me and I’ll do my best to tag it for you!
  1772.  
  1773. <p>
  1774.  
  1775.  
  1776.  
  1777. <h3>INTERACTION</h3><p>
  1778.  
  1779. <B>04.</B> I am a <i>selective</i> RPer, I am not entirely bound by mutuals, but mutuals are my priority. I interact with a lot of people and sometimes it’s hard to accomadate everyone. If you send interaction memes and our characters have never interacted before, there is likely a chance that I won’t answer them, but <b>please don’t let this discourage you!</b> Chances are if you pop me a message, I will be more than happy talking things out and possibly picking up interactions with you!
  1780.  
  1781. <p>
  1782.  
  1783. <i>Always</i> feel free to use tumblrs IM to reach me, more than likely I’ll get the message! (And if you want to RP in there we can too!)
  1784.  
  1785. <p>
  1786.  
  1787. <B>05.</B>As far as dropping threads, <i>you don’t have to tell me</i>. You can simply just not reply. In retrospect, I will do the same. If there is a thread you were interested in and got no reply from I can explain to you a reason on why I dropped the thread. There are plenty of threads to be done than just a secular one, and conflicting feelings or clashing characters is something that happens. I’ll be happy to communicate my feelings towards a problem should I have one.
  1788.  
  1789. <p>
  1790.  
  1791. <B>06.</B>Everyone has off days, don’t pester me for replies or about my drafts because I do things outside of RPing my character. I want to be able to enjoy myself here and for you to have that same experience too. I typically am pretty on it when it comes to replying, so if there’s something I missed, just shoot me a message!
  1792.  
  1793. <p>
  1794.  
  1795. <B>07.</B><b>Personals please do not reblog any of my original content, whether it be my artwork, drabble pieces or threads</b>. This really messes with my thread tracker, as well as bugs me when those pieces are usually gifts to friends and I’d rather that be kept to them.
  1796.  
  1797. <p>
  1798.  
  1799. <B>08.</B>I do retain the right to be selective with who I RP with as well as what I RP. Please don’t be offended if I don’t want to RP a subject or a ship. It’s just in my tastes to work within my mediums and what I can utilize. These also pertain to asks, I do not have to answer anything I don’t deem necessary or that does not fit in interactions with the characters.
  1800.  
  1801. <p>
  1802.  
  1803. <B>09.</B>For NSFW threads, you <b>MUST</b> be of age. All NSFW threads I’d rather do through submissions or IMs, they won’t be posted or put up publicly on the blog. I am 22+ and threads of my muse in younger aspects will always be above 18. <b>All of my NSFW items will be tagged with “//NSFW or //suggestive”!</b><p>
  1804.  
  1805. <B>10.</B>I do work a fairly hectic job, so my hours are pretty all over the place. I will try my best to keep an updated queue on who I owe replies to and when I am on and offline.
  1806.  
  1807. <h3>Shipping</h3>
  1808.  
  1809. <B>11.</B>As far as the pursuit of relationships go, <I>I only ship with chemsitry</I>. I won’t approve of any romantic or sexual pursuits withouth prior character history and that the chemistry’s there. I enjoy shipping and can make it fun, but its not the priority or prominently displayed.
  1810. <p>
  1811.  
  1812. <B>12.</B>I am a multi-shipping blog! (Unless I am asked about exclusivity)
  1813. <p>
  1814. <B>13.</B>I do not mind RPing problematic aspects of relationships, but anything with non or dubious consent must be discussed prior to any RP. Forcing of these aspects will <b>immediately</b> result in blocking.
  1815.  
  1816. <h3>Credit</h3>
  1817.  
  1818. <B>theme background</B><a href=“http://humbertsobek.tumblr.com”>( x )</a>, base code from <b>agirlingrey &</b> edited by <b>rav</b>, do not use. <p>
  1819. <b>dask icon</b><a href=“http://humbertsobek.tumblr.com/post/148503361618/just-forget-it-and-let-go”>( x )</a><p>
  1820. <b>promo art</b><a href=“http://humbertsobek.tumblr.com/post/147254761923/doodles”>( x )</a>
  1821. <P>
  1822. <B>ICON CREDITS : </B>
  1823. <a href="https://twitter.com/_vokuro_/media">X</a>
  1824. <a href="http://humbertsobek.tumblr.com">X</a>
  1825. <a href="http://mureh.tumblr.com">X</a>
  1826. <a href="http://mephastophilis.lofter.com">X</a>
  1827. </div>
  1828. </div>
  1829.  
  1830.  
  1831.  
  1832.  
  1833. <div id="box3" class="popup_block">
  1834.  
  1835. <h3>verses</h3>
  1836.  
  1837. <ul id="tabs">
  1838. <li class="active">MAIN.
  1839. &nbsp;
  1840. <li>AU.
  1841. &nbsp;
  1842. <li>GROUP.
  1843. </ul>
  1844.  
  1845. <div style="width:auto;height:310px;overflow:scroll;padding:5px;">
  1846.  
  1847.  
  1848.  
  1849. <ul id="tab">
  1850. <li class="active">
  1851.  
  1852.  
  1853. <img src="https://66.media.tumblr.com/699b381a89b724bc66cf9769467ec74c/tumblr_oc493jqna11ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1854. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1855.  
  1856. <br><br>
  1857.  
  1858. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque nec orci ac elementum. Etiam dictum leo in leo fringilla, at ultricies arcu venenatis. Ut dignissim pretium volutpat. Nullam pharetra, nunc volutpat porttitor congue, libero felis tincidunt quam, at hendrerit velit augue vel odio. Praesent tincidunt lorem vitae maximus porta. Suspendisse hendrerit ut velit eget mattis. Proin malesuada efficitur ligula, a posuere sapien mollis et. Etiam volutpat in lectus at malesuada. Nunc et interdum leo.
  1859.  
  1860. <br><br><br>
  1861.  
  1862. <img src="https://66.media.tumblr.com/699b381a89b724bc66cf9769467ec74c/tumblr_oc493jqna11ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1863. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1864.  
  1865. <br><br>
  1866.  
  1867. Pellentesque a nisl venenatis, ultricies odio et, malesuada est. Mauris eros dolor, rhoncus vestibulum lorem nec, vestibulum ornare magna. Donec posuere ante mattis lectus bibendum, nec fermentum ante ullamcorper. Fusce blandit velit ac metus convallis ultricies. Quisque turpis nulla, scelerisque et orci ac, pellentesque ullamcorper odio. Fusce at auctor elit. Sed eu odio sodales est dapibus dictum in et ex. Nulla a elementum eros.
  1868.  
  1869.  
  1870.  
  1871.  
  1872. <li>
  1873.  
  1874.  
  1875.  
  1876. <img src="https://67.media.tumblr.com/e96479e79dfc7c4d439cd8bf87e11a4a/tumblr_oc48lgd1hg1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1877. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1878.  
  1879. <br><br>
  1880.  
  1881. Proin blandit sollicitudin aliquet. Donec sed malesuada nibh. Sed quis fermentum velit. Praesent tincidunt, lectus in bibendum ornare, odio odio mattis purus, sit amet molestie orci velit et justo. Nunc cursus porta vestibulum. Curabitur elementum volutpat tortor, ut maximus enim. In hac habitasse platea dictumst. Sed tincidunt non tellus at efficitur. Sed id est tincidunt, euismod metus quis, aliquam mauris. Nulla nunc magna, fermentum semper pulvinar quis, facilisis eu tortor. Duis facilisis nulla et nunc fermentum ultricies. Pellentesque quis vulputate dolor. In non gravida arcu. Nunc nec libero fringilla, hendrerit leo sed, imperdiet purus.
  1882.  
  1883.  
  1884. <br><br><br>
  1885.  
  1886. <img src="https://67.media.tumblr.com/e96479e79dfc7c4d439cd8bf87e11a4a/tumblr_oc48lgd1hg1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1887. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1888.  
  1889. <br><br>
  1890.  
  1891. Phasellus consectetur vitae sapien sed maximus. Phasellus vel nulla non purus ultricies euismod. Phasellus non orci tincidunt, commodo ligula id, elementum augue. Quisque at elit at justo mattis tristique eget non turpis. Duis euismod, mi ut sollicitudin sollicitudin, sapien lorem dapibus orci, id scelerisque ipsum dui non augue. Donec tortor mauris, venenatis nec finibus in, eleifend ac justo. Morbi a vulputate turpis. Proin hendrerit, urna sed iaculis euismod, est nisi vehicula nisi, vel convallis nibh tellus ac nibh. Vestibulum volutpat pellentesque sapien, nec pretium nulla aliquam nec. Cras ultrices nisl sit amet nulla consequat efficitur.
  1892.  
  1893.  
  1894.  
  1895.  
  1896. <li>
  1897.  
  1898.  
  1899. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1900. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1901.  
  1902. <br><br>
  1903.  
  1904. Nulla tincidunt felis non venenatis euismod. Fusce odio tellus, consectetur vitae erat non, feugiat tincidunt metus. Mauris suscipit ex sit amet arcu fermentum, eu fringilla diam consequat. Nullam imperdiet suscipit turpis, ac semper enim fringilla sit amet. Nullam ac magna pharetra, elementum sapien quis, pharetra elit. Suspendisse faucibus neque ligula, sit amet tempor est venenatis a. Praesent eleifend fringilla enim, vel varius libero laoreet eget. Aliquam erat volutpat. Phasellus tempor mi vitae enim consequat tempor. Cras condimentum quis tellus vel mattis. Cras sit amet est at neque luctus congue.
  1905.  
  1906.  
  1907. <br><br><br>
  1908.  
  1909. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1910. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  1911.  
  1912. <br><br>
  1913.  
  1914. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque nec orci ac elementum. Etiam dictum leo in leo fringilla, at ultricies arcu venenatis. Ut dignissim pretium volutpat. Nullam pharetra, nunc volutpat porttitor congue, libero felis tincidunt quam, at hendrerit velit augue vel odio. Praesent tincidunt lorem vitae maximus porta. Suspendisse hendrerit ut velit eget mattis. Proin malesuada efficitur ligula, a posuere sapien mollis et. Etiam volutpat in lectus at malesuada. Nunc et interdum leo.
  1915.  
  1916.  
  1917.  
  1918. </ul>
  1919.  
  1920.  
  1921. </div>
  1922. </div>
  1923.  
  1924.  
  1925.  
  1926. <div id="box4" class="popup_block">
  1927.  
  1928. <ul id="tabs">
  1929. <li class="active">DOSSIER.
  1930. &nbsp;
  1931. <li>MAINS.
  1932. </ul>
  1933. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1934.  
  1935.  
  1936.  
  1937. <ul id="tab">
  1938. <li class="active">
  1939. <center>
  1940.  
  1941. <b>VIGILANTE.</b>
  1942. <figure data-orig-height="120" data-orig-width="200"><img src="https://68.media.tumblr.com/aeb8db7bf5d16ff40650cfa808b562ca/tumblr_inline_on9w061W1e1u9klco_540.png" data-orig-height="120" data-orig-width="200"></figure>
  1943. <b> ❝</b> I am <b>lost</b> <br>
  1944. now but hold on, my <i>dear</i>.<br>
  1945. Do not go <b>out</b> and <i>look</i> for me <b>❞</b><p>
  1946. <i> — Lukas W.</i> <b>// Find my way</b>
  1947.  
  1948.  
  1949. </center>
  1950. <h3>basic information</h3>
  1951.  
  1952.  
  1953.  
  1954. <b>FULL NAME:</b> Jesse McCree
  1955. <p><b>NICKNAME:</b> Cowboy, Kid, Jes, Creedy, Eastwood
  1956. <p><b>AGE:</b> 37
  1957. <p><b>BIRTH DATE:</b> November 9, 2039
  1958. <p><b>ETHNICITY:</b> Caucasian, Latino</i>
  1959. <p><b>GENDER:</b> Male
  1960. <p><b>ROMANTIC ORIENTATION:</b> Biromantic
  1961. <p><b>SEXUAL ORIENTATION:</b> Demisexual
  1962. <p><b>RELIGION:</b> Agnostic, non practicing
  1963. <p><b>SPOKEN LANGUAGE:</b> English, Spanish
  1964. <p><b>CURRENT LIVING CONDITIONS:</b> Drifting, Watchpoint Gibraltar
  1965. <p><b>OCCUPATION:</b> Bounty Hunter, Overwatch Operative
  1966.  
  1967.  
  1968.  
  1969. <h3>relationships</h3>
  1970.  
  1971.  
  1972. <p><b>PARENTS:</b> Malcolm McCree, Carmen Sandolval
  1973. <p><b>SIBLINGS:</b> Sombra ( warhacked | NR ).
  1974. <p><b>SIGNIFICANT OTHER (VERSE DEPENDANT):</b> Jack Morrison ( warcommanded )
  1975. <p><b>CHILDREN:</b> None.
  1976.  
  1977.  
  1978.  
  1979. <h3>physical traits</h3>
  1980.  
  1981. <p><b>EYE COLOUR:</b> Brown
  1982. <p><b>HAIR COLOUR:</b> Brown
  1983. <p><b>HEIGHT:</b> 6"1 | 185.42 cm
  1984. <p><b>BODY BUILD:</b> Lean Musculature, thickset
  1985. <p><b>TATTOOS + PIERCINGS:</b> Two old cartilage piercings on his right ear ( long closed )
  1986. <p><b>NOTABLE PHYSICAL TRAITS:</b> Brand scar on upper right shoulder, metal left arm, braced right knee
  1987.  
  1988.  
  1989.  
  1990.  
  1991.  
  1992. <h3>phobias and disorders</h3>
  1993.  
  1994.  
  1995. <p><b>PHOBIAS:</b> Knives, Hospitals, Drowning
  1996. <p><b>MENTAL DISORDERS:</b> Anixety,Depression,Paranoia,PTSD
  1997. <p><b>WHEN WAS THIS DIAGNOSED?:</b> All afflictions are undiagnoised officially
  1998.  
  1999.  
  2000.  
  2001. <h3>personality</h3>
  2002.  
  2003.  
  2004. <p><b>INTELLIGENCE:</b> Autodidactic, Bodily Kinesthetic, Interpersonal, Expert Marksman,
  2005. <p><b>LIKES:</b> Coffee, Cigars, Horses, Motorcycles, Bourbon,
  2006. <p><b>DISLIKES:</b> Mornings, Losing, Cold, Nightmares,
  2007. <p><b>DISPOSITION:</b> McCree Is a fickle man that often floats between a hardened caution and a care free casualness.
  2008. <p><b>EXTRAS:</b> tba.
  2009.  
  2010.  
  2011. <h3>biography</h3>
  2012.  
  2013. I’m Not Good, Not Bad, But I Sure As Hell Ain’t Ugly
  2014. <P>
  2015. IN HIS BETTER YEARS, LIFE WASN’T BEST FOR THE GUNSLINGER. DRIFTING FAR THROUGH THE HAZE OF THE SANTA FE SUN, MCCREE RAN WITH DEADLOCKS FOR AS LONG AS THE THRILL GRIPPED TIGHT.
  2016. THE GROUP RAN BENEATH THE SAND, TRADING IN ILLICIT ARMS AND OTHER UNDERHANDED DEALINGS THAT COST THEM THEIR FAIR SHARE OF GRIEF. AND EVENTUALLY MCCREE’S LEFT ARM.
  2017.  
  2018. MATTERS GREW WORSE AFTER THE SNAKE HAD CHARMED ITS WAY INTO THE MONGOOSED NEST OF DEADLOCKS. AN OVERWATCH OPERATIVE UNDER GUISE OF THE GANG WAS PUT DOWN BEFORE THE REST BURST IN TO FOLLOW. THE DEADLOCKS WERE WEEDED OUT, LOCKED UP, AND HAULED OFF.
  2019.  
  2020. ALL EXCEPT FOR JESSE MCCREE, THE COMPLIANT ONE WITH A WICKED MOUTH AND A SHARP LOOK. “Luck shines on you today, cowboy, because I’m gonna give you a choice. You can suck on air in some watch point cell, clicking your boots for as long as you like till your worhtless days are up —Or you can put that sharp look to work. And work for me. What do you say, pardner?”
  2021. <P>
  2022. THE DAYS GET WORSE IN BLACKWATCH, BUT THEY’VE NEVER BEEN MORE FAMILIAR FOR MCCREE.
  2023. THE WORK IS HARD AND GRTTY, IT BOILS UP THE SICK IN HIS STOMACH THAT HE PRESSES ON THROUGH FOR THE SUPERIORS. A MAD DOG HELD TIGHT ON A SHOCK COLLAR LEASH. THE STRIDE OF THE ORGANIZATION MOVES LIKE A SHADOW UNDER GABRIEL’S CRITICAL EYE.
  2024.  
  2025. WHILE HIS ATTITUDE GROWS, HIS PATIENCE THINS UNDER THE PUSH AND SHOVE OF OPERATIVE WORK. ENOUGH TO BITE BACK AGAINST THE BLACKWATCH COMMAND AND CHOOSE HIS OWN PATH. ONE THAT FITS THE FOOLHARDY JUSTICE.
  2026.  
  2027. <P>
  2028.  
  2029. RECALLED AND REINSTATED, MCCREE ANSWERS FOR THE REFORMATION OF OVERWATCH. VIGILANTE JUSTICE DOES HIM WELL AND FINE, BUT HE YEARNS FOR HE COMPANIONS HE FOUGHT ALONG SIDE.
  2030. THE INITATION IS LONG AND THE ADJUSTMENTS ARE STILL TO BE MADE…BUT BOY IS IT GOOD TO BE HOME.
  2031. <li>
  2032.  
  2033.  
  2034.  
  2035. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2036. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  2037.  
  2038. <br><br>
  2039.  
  2040. Nulla tincidunt felis non venenatis euismod. Fusce odio tellus, consectetur vitae erat non, feugiat tincidunt metus. Mauris suscipit ex sit amet arcu fermentum, eu fringilla diam consequat. Nullam imperdiet suscipit turpis, ac semper enim fringilla sit amet. Nullam ac magna pharetra, elementum sapien quis, pharetra elit. Suspendisse faucibus neque ligula, sit amet tempor est venenatis a. Praesent eleifend fringilla enim, vel varius libero laoreet eget. Aliquam erat volutpat. Phasellus tempor mi vitae enim consequat tempor. Cras condimentum quis tellus vel mattis. Cras sit amet est at neque luctus congue.
  2041.  
  2042.  
  2043. <br><br><br>
  2044.  
  2045. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2046. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
  2047.  
  2048. <br><br>
  2049.  
  2050. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque nec orci ac elementum. Etiam dictum leo in leo fringilla, at ultricies arcu venenatis. Ut dignissim pretium volutpat. Nullam pharetra, nunc volutpat porttitor congue, libero felis tincidunt quam, at hendrerit velit augue vel odio. Praesent tincidunt lorem vitae maximus porta. Suspendisse hendrerit ut velit eget mattis. Proin malesuada efficitur ligula, a posuere sapien mollis et. Etiam volutpat in lectus at malesuada. Nunc et interdum leo.
  2051.  
  2052.  
  2053. </ul>
  2054.  
  2055. </div>
  2056. </div>
  2057. </div>
  2058.  
  2059.  
  2060. <!--
  2061. ♛ CUSTOM SIDEBAR TEXT
  2062. -->
  2063.  
  2064.  
  2065. <div id="bite">
  2066. <div id="thekey"></div>
  2067. <div class="death">
  2068. <div id="actualnews">
  2069.  
  2070. <center>
  2071.  
  2072. <div style="width:auto;height:163px;overflow:scroll;padding:5px;">
  2073.  
  2074. <h4>
  2075. whaddafuck
  2076. </h4>
  2077. <marquee>CURRENTLY ON SEMI-HIATUS</marquee>
  2078.  
  2079. independent<strong>&&</strong> selective <b> JESSE MCCREE</b> from <i>overwatch</i>
  2080. <p>
  2081.  
  2082. <h4>
  2083. okay</h4>
  2084. <b>#flashbangrevolvcr</b><br>
  2085. <a href="http://www.rpthreadtracker.com/public/allthreads?userId=32220&currentBlog=&sortDescending=false&currentOrderBy=LastPostDate&filteredTag=">THREAD LIST</a><br>
  2086. <b>I OWE:</b><br>
  2087. <b>I AM OWED:</b><br>
  2088. <b>ASKS:</b><br>
  2089. <b>STARTERS:</b> N/A<br>
  2090.  
  2091.  
  2092.  
  2093.  
  2094. <br>
  2095.  
  2096.  
  2097.  
  2098. </center>
  2099.  
  2100.  
  2101. </div>
  2102. </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!