API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 19th, 2018
88
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.15 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by http://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  29. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:500
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <!--pop up tabs script-->
  45. <script>
  46. $(document).ready(function(){
  47. $("ul#tabs li").click(function(e){
  48. if (!$(this).hasClass("active")) {
  49. var tabNum = $(this).index();
  50. var nthChild = tabNum+1;
  51. $("ul#tabs li.active").removeClass("active");
  52. $(this).addClass("active");
  53. $("ul#tab li.active").removeClass("active");
  54. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  55. }
  56. });
  57. });
  58. </script>
  59. <!--script end-->
  60.  
  61. <!--tooltip script end-->
  62. <!--pop up script-->
  63. <script type="text/javascript"
  64. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function() {
  67. //
  68. $('a.poplight[href^=#]').click(function() {
  69. var popID = $(this).attr('rel'); //Get Popup Name
  70. var popURL = $(this).attr('href'); //Get Popup href to define size
  71. var query= popURL.split('?');
  72. var dim= query[1].split('&');
  73. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  75. var popMargTop = ($('#' + popID).height() + 80) / 2;
  76. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  77. //Apply Margin to Popup
  78. $('#' + popID).css({
  79. 'margin-top' : -popMargTop,
  80. 'margin-left' : -popMargLeft
  81. });
  82. $('body').append('<div id="fade"></div>');
  83. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  84. return false;
  85. });
  86. $('a.close, #fade').live('click', function() {
  87. $('#fade , .popup_block').fadeOut(function() {
  88. $('#fade, a.close').remove(); //fade them both out
  89. });
  90. return false;
  91. });
  92. });
  93. </script>
  94. <!--ask pop script end-->
  95. <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet">
  96.  
  97. <style type="text/css">
  98.  
  99.  
  100.  
  101. /*cursor code, change image to change cursor*/
  102. /*find more at http://pixel-soup.tumblr.com/tagged/cursors */
  103.  
  104. *, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto }
  105. a:hover { cursor:url("http://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  106.  
  107. /*these are the custom fonts, you can install more just by pasting the code here*/
  108.  
  109.  
  110.  
  111. @font-face{font-family:"bebas neue";src:url('http://static.tumblr.com/zx3ibzm/JgJovyuzq/bebasneue.otf');}
  112. @font-face{font-family:"nightingale";src:url('http://static.tumblr.com/zx3ibzm/mLdovzrvz/nightingale_sample.ttf');}
  113. @font-face {font-family: "black jack";src: url('https://dl.dropboxusercontent.com/s/ryf3a4mag4hudp6/blackjar.ttf?dl=1'); format("truetype");}
  114.  
  115.  
  116.  
  117.  
  118. /*selection color*/
  119.  
  120. ::-moz-selection { /* Code for Firefox */
  121. color: #fff; /*text color of selected text*/
  122. background: #a4a4a4; /*color of selection bg*/
  123. }
  124.  
  125. ::selection {
  126. color: #fff; /*text color of selected text*/
  127. background: #a4a4a4; /*color of selection bg*/
  128. }
  129.  
  130. /*selection color end*/
  131.  
  132. ::-webkit-scrollbar-thumb {
  133. background-color:#7c7c7c; /*scrollbar's slider color*/
  134. background-image:url('URL HERE'); /*optional background image*/
  135. height:0px;
  136. }
  137.  
  138. ::-webkit-scrollbar {
  139. height:0px;
  140. width:3px; /*width of slider*/
  141. background-color:transparent; /*scrollbar's main color*/
  142. background-image:url('URL HERE'); /*optional background image*/
  143. }
  144.  
  145. /*the code here is to reduce the opacity of an image and make it more visible on hover, you can remove it if you want your image to always be at 100%*/
  146.  
  147. img, iframe {
  148.  
  149. opacity:1; /*this determines opacity of images*/
  150. -moz-transition-duration: 0.5s;
  151. -o-transition-duration: 0.5s;
  152. -webkit-transition-duration: 0.5s;
  153. transition-duration: 0.5s;
  154. padding:5px;
  155. }
  156.  
  157.  
  158.  
  159. img:hover,iframe:hover {
  160.  
  161. opacity:1;
  162. -webkit-filter:none;
  163. -moz-transition-duration: 0.5s;
  164. -o-transition-duration: 0.5s;
  165. -webkit-transition-duration: 0.5s;
  166. transition-duration: 0.5s;}
  167.  
  168. /*HOVER IMAGE CODE END*/
  169.  
  170.  
  171. body {
  172. background-color:#4e505d; /*set this the same color as your background image to avoid black areas on different resolutions*/
  173. background-image:url('https://i.imgur.com/q2GIt0i.png'); /*bg image goes here*/
  174. background-attachment: fixed;
  175. background-repeat: no-repeat;
  176. background-position: left top;
  177. color:#0f0501; /*body font color*/
  178. text-shadow: 0px 0px 2px #fff; /*shadow of body text*/
  179. font-weight:bold;
  180. font-family: 'overpass';
  181. text-align:justify;
  182. font-size: 10px;
  183. letter-spacing:3px;
  184.  
  185. }
  186.  
  187. .pagi {
  188. font-size:35px;
  189. font-family:'overpass';
  190. margin-top:580px; /*change to decide position of pagination*/
  191. margin-left:665px;
  192. color: #a2a2a2;
  193. position:fixed;
  194. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  195. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  196.  
  197. .pagi a {
  198. color: #7c7c7c; /*color of pagination*/
  199. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of pagination*/
  200. -webkit-filter: blur(1px);
  201. -moz-filter: blur(1px);
  202. -o-filter: blur(1px);
  203. -ms-filter: blur(1px);
  204. filter: blur(1px);
  205. }
  206.  
  207. .pagi a:hover {
  208. color: #fff; /*color of pagination on hover*/
  209. }
  210.  
  211. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  212. this script stylizes it*/
  213.  
  214. #s-m-t-tooltip{
  215. max-width:400px;
  216. margin:15px;
  217. padding:2px 8px;
  218. background-image: url(""); /*include image if you want a background for the tooltip text*/
  219. background: transparent;
  220. background-repeat:repeat;
  221. background-attachment:fixed;
  222. color:#fff; /*color of tooltip text*/
  223. /*the text shadow determines the outline of the text because there's no easy way to add an outline to it, you can change all the code to another color*/
  224. text-shadow:1px 1px #7c7c7c,
  225. 1px -1px #7c7c7c,
  226. 1px 0px #7c7c7c,
  227. 0px 1px #7c7c7c,
  228. 0px -1px #7c7c7c,
  229. -1px 1px #7c7c7c,
  230. -1px 0px #7c7c7c,
  231. -1px -1px #7c7c7c;
  232. z-index:99999999999999999999;
  233. font-size:15px;
  234. letter-spacing:2px;
  235. font-style:bold;
  236. letter-spacing:2px;
  237. font-family: 'nightingale';
  238. text-transform:lowercase;
  239. box-shadow:0px 0px 0px;}
  240.  
  241.  
  242. #s-m-tooltip:hover {
  243. -webkit-transition: all 0.6s ease-out;
  244. -moz-transition: all 0.6s ease-out;
  245. transition: all 0.6s ease-out;
  246. -o-transition:all 0.6s ease;
  247. -ms-transition: all 0.6s ease-in-out;}
  248.  
  249. /* TOOLTIP END */
  250.  
  251.  
  252. small,sub,sup {
  253. font-size:11px;
  254. }
  255.  
  256. b, bold, strong {
  257. font-size:16px;
  258. letter-spacing:1px;
  259. font-weight:normal;
  260. line-height: 120%;
  261. font-family: 'bebas neue';
  262. color: #000; /*color of bold text*/
  263. text-shadow:0 0 3px #7c7c7c; /*shadow of bold text*/
  264. }
  265.  
  266.  
  267.  
  268. i, italic, em {
  269. font-size:20px;
  270. color: #fff;
  271. font-family: 'black jack';
  272. line-height:120%;
  273. text-shadow:0 0 3px #fff;
  274. font-weight:normal;
  275. letter-spacing:1px;
  276. text-transform:lowercase;
  277. }
  278.  
  279.  
  280. /* This styles the headers of the sidebar as well as the headers inside the popups */
  281. h3, h4 {
  282. background-image: url('https://66.media.tumblr.com/32387a158c2ccaa7b3e9e60ace29ca69/tumblr_inline_pjyqswXQhh1wvq57x_1280.gif');
  283. background-repeat:repeat;
  284. background-attachment:fixed;
  285. padding:2px;
  286. color:#fff; /*text color of sidebar titles*/
  287. text-shadow:1px 1px #191919,
  288. 1px -1px #191919,
  289. 1px 0px #191919,
  290. 0px 1px #191919,
  291. 0px -1px #191919,
  292. -1px 1px #191919,
  293. -1px 0px #191919,
  294. -1px -1px #191919;
  295. /*change all the hex of the text shadow to the same code
  296. to change the outline of the text*/
  297. font-size:8px;
  298. line-height:120%;
  299. font-family:'arial';
  300. text-transform:uppercase;
  301. border: double 3px #7c7c7c;
  302. text-align:center;}
  303.  
  304.  
  305. a,a:visited,a:active {
  306. color: #fff; /*color of links*/
  307. text-decoration:none;
  308. text-shadow: 0px 0px 0px #000;
  309. -moz-transition-duration: 0.6s;
  310. -o-transition-duration: 0.6s;
  311. -webkit-transition-duration: 0.6s;
  312. transition-duration: 0.6s;
  313. -webkit-filter: blur(.5px);
  314. -moz-filter: blur(.5px);
  315. -o-filter: blur(.5px);
  316. -ms-filter: blur(.5px);
  317. filter: blur(.5px);
  318.  
  319. }
  320.  
  321. a:hover {
  322. color: #7c7c7c; /*color of links on hover*/
  323. text-shadow: 0px 0px 3px #7c7c7c;
  324. -webkit-transition: all 0.6s ease-out;
  325. -moz-transition: all 0.6s ease-out;
  326. transition: all 0.6s ease-out;
  327. -o-transition:all 0.6s ease;
  328. -ms-transition: all 0.6s ease-in-out;}
  329.  
  330. /*POST TITLE SETTINGS*/
  331.  
  332. .titulo {
  333.  
  334. font-family: 'bebas neue';
  335. font-weight:normal;
  336. font-size: 23px; /*size of title*/
  337. text-align: center;
  338. color: #7c7c7c; /*color of title*/
  339. text-shadow: 0px 0px 2px #7c7c7c;
  340.  
  341. }
  342.  
  343.  
  344. /*TITLE SETTINGS END*/
  345.  
  346. #container {
  347. position:absolute;
  348. left:310px; /*position of container from the left*/
  349. top:150px; /*position of container from top*/
  350. height:450px; /*determines height of container*/
  351. overflow-y:scroll;
  352. -webkit-mask-image: -webkit-gradient(
  353. linear, center 75%, center bottom,
  354. from(rgba(0,0,0,10)),
  355. to(rgba(10,0,0,0)));
  356. border:1px solid transparent;
  357. }
  358.  
  359. #entries {
  360. background-color:transparent;
  361.  
  362. }
  363.  
  364. #content {
  365. width:310px; /*determines size of posts*/
  366. margin-bottom:20px;
  367. padding:10px 7px 10px 10px;
  368. }
  369.  
  370.  
  371. #entries img {
  372. max-width: 100%;
  373. height: auto;
  374. opacity:0.7; /*change this to change visibility of post images, set it to 1 if you want it completely visible*/
  375. -moz-transition-duration: 0.5s;
  376. -o-transition-duration: 0.5s;
  377. -webkit-transition-duration: 0.5s;
  378. transition-duration: 0.5s;
  379. padding:5px;
  380.  
  381.  
  382. }
  383.  
  384. #entries img:hover {
  385. opacity: 1; /*image opacity of posts on hover*/
  386. -moz-transition-duration: 0.5s;
  387. -o-transition-duration: 0.5s;
  388. -webkit-transition-duration: 0.5s;
  389. transition-duration: 0.5s;
  390. padding:5px;
  391.  
  392. }
  393.  
  394.  
  395. blockquote {
  396. border-left: 5px solid #793f26; /*color of blockquote*/
  397. border-radius:15px;
  398. padding: 2px 0px 2px 8px;
  399. margin: 3px 0 3px 8px;
  400. }
  401.  
  402. blockquote img {
  403. max-width:100%;
  404. height:auto;
  405. }
  406.  
  407. /*ASK*/
  408.  
  409. #asker {
  410. font-size:15px;
  411. letter-spacing:1px;
  412. margin-bottom:-13px;
  413. color: #793f26; /*color of asker url / anonymous but if a user then it is also determined by 'a' as it will be a link*/
  414. font-family: 'nightingale';
  415. text-shadow:0px 0px 5px #a4a4a4;
  416. text-align:center;
  417. text-decoration:none;
  418. -webkit-transition: all 0.6s ease-out;
  419. -moz-transition: all 0.6s ease-out;
  420. transition: all 0.6s ease-out;
  421. -o-transition:all 0.6s ease;
  422. -ms-transition: all 0.6s ease-in-out;
  423.  
  424. }
  425.  
  426. /*to change the part that says whispered, scroll down to the html*/
  427.  
  428. #asker a {
  429. color: #fff;
  430. }
  431.  
  432. #asker a:hover {
  433. -webkit-filter: blur(1px);
  434. -moz-filter: blur(1px);
  435. -o-filter: blur(1px);
  436. -ms-filter: blur(1px);
  437. filter: blur(1px);
  438. color: #7c7c7c;
  439. transition: all 0.6s ease-out;
  440. }
  441.  
  442. #ask {
  443. background: url("https://66.media.tumblr.com/32387a158c2ccaa7b3e9e60ace29ca69/tumblr_inline_pjyqswXQhh1wvq57x_1280.gif");/*image behind the question*/
  444. background-color:#7c7c7c; /*background color of question if no background image is selected*/
  445. background-repeat:repeat;
  446. font-size:8px;
  447. font-family:arial;
  448. line-height:120%;
  449. text-align:center;
  450. text-transform:uppercase;
  451. color: #ccc; /*color of question text*/
  452. border-top:double 3px #7c7c7c; /*border color of question*/
  453. border-bottom:double 3px #7c7c7c; /*border color of question*/
  454. border-right:solid 1px #7c7c7c;
  455. border-left:solid 1px #7c7c7c;
  456. border-radius:15px;
  457. padding: 10px 20px 10px 20px;
  458. text-shadow: 1px 1px #191919,
  459. 1px -1px #191919,
  460. 1px 0px #191919,
  461. 0px 1px #191919,
  462. 0px -1px #191919,
  463. -1px 1px #191919,
  464. -1px 0px #191919,
  465. -1px -1px #191919;
  466. /*change all the hex of the text shadow to the same code
  467. to change the outline of the text*/
  468. }
  469.  
  470.  
  471. #answer {
  472. padding-top:0px;
  473. }
  474. /*ASK ENDS HERE*/
  475.  
  476. /*CHAT POST BEGINS HERE*/
  477.  
  478. .convo {
  479. font-size: 10px;
  480. line-height:120%;
  481. text-align:left;
  482. padding:0px;
  483.  
  484. }
  485.  
  486. .convo li {
  487. list-style:none;
  488. }
  489.  
  490. .convo .label {
  491. text-transform: uppercase;
  492. font-weight:bold;
  493.  
  494. }
  495.  
  496. .line_odd .label {
  497. color: #fff; /* Color of odd person in the chat */
  498. background: none;
  499. }
  500.  
  501. .line_even .label {
  502. color: #7c7c7c; /* Color of even person in the chat */
  503. }
  504.  
  505. .line_even {
  506. margin:0px 10px;
  507. padding: 5px;
  508. text-align:left;
  509. font-weight:bold;
  510. color: #7c7c7c; /*color of even text*/
  511. text-shadow:none;
  512. padding: 10px 20px 10px 20px;
  513. border-bottom:solid 1px #7c7c7c; /*line seperating chats*/
  514. }
  515.  
  516. .line_odd {
  517. margin:0px 10px;
  518. padding: 5px;
  519. background-color:#a4a4a4; /*background color of odd text*/
  520. text-align:left; /*color of odd text*/
  521. color: #ccc; /*color of odd text*/
  522. text-shadow:none;
  523. border-bottom:solid 1px #7c7c7c; /*line seperating chats*/
  524. padding: 10px 20px 10px 20px;
  525. }
  526.  
  527.  
  528.  
  529.  
  530. /*CHAT POST ENDS HERE*/
  531.  
  532. /*QUOTE BEGINS HERE*/
  533.  
  534.  
  535. .quote {
  536. font-family: "black jack";
  537. font-size: 25px;
  538. font-weight:normal;
  539. line-height:100%;
  540. padding-bottom:30px;
  541. text-align: center;
  542. color: #fff; /*color of quote*/
  543. text-shadow: 0px 0px 2px #fff,
  544.  
  545. }
  546.  
  547. /*QUOTE ENDS HERE*/
  548.  
  549.  
  550. /*LINK POST BEGIN*/
  551.  
  552. #linku {
  553. text-transform:uppercase;
  554. text-align:center;
  555. letter-spacing:0px;
  556. font-weight:normal;
  557. font-family: 'bebas neue';
  558. font-size:14px;
  559. }
  560.  
  561. /*LINK POST END*/
  562.  
  563. /*SIDE BAR / DESCRIPTION BEGINS HERE*/
  564.  
  565. #boxy {
  566. position:fixed;
  567. top:120px; /*position of the box*/
  568. margin-left:273px;
  569. overflow:hidden; /*this keeps the text hidden without hover, change to scroll bar if you want it to scroll and show*/
  570. height:40px; /*determines height of the box - increase it if you have too much text and want to avoid scrollbar*/
  571. width:400px; /*determines width of description*/
  572. opacity:1;
  573. -webkit-transition: all 0.7s ease;
  574. -moz-transition: all 0.7s ease;
  575. -o-transition: all 0.7s ease;}
  576.  
  577. #boxy:hover {
  578. opacity:1;
  579. height:120px; /*height of box on hover*/
  580. top:45px; /*position of box on hover*/
  581. -webkit-transition: all 0.7s ease;
  582. -moz-transition: all 0.7s ease;
  583. -o-transition: all 0.7s ease;
  584. }
  585.  
  586. .anchor {
  587. font-family:'nightingale';
  588. font-size:13px;
  589. letter-spacing:0px;
  590. padding-top:5px;
  591. line-height:100%;
  592. color:#fff7f2; /*color of top bar title, the one reading not all treasure.. */
  593. text-shadow:0px 0px 10px #7c7c7c,
  594. 0px 0px 3px #7c7c7c;
  595. z-index:99999999999;
  596. -webkit-transition: all 0.7s ease;
  597. -moz-transition: all 0.7s ease;
  598. -o-transition: all 0.7s ease;
  599. }
  600.  
  601. #boxy:hover .anchor {
  602. color: #0c0501; /*color of title on hover*/
  603. z-index:9999999999;
  604. -webkit-transition: all 0.7s ease;
  605. -moz-transition: all 0.7s ease;
  606. -o-transition: all 0.7s ease;
  607. }
  608.  
  609. .sail {
  610. width:345px; /*determines width of description — can't be more than width of the box*/
  611. margin-left:20px;
  612. margin-top:5px;
  613. background-color:#ec454c; /*background color of description*/
  614. border:2px solid #fff; /*border color of description*/
  615. box-shadow:1px 1px #7c7c7c,
  616. 1px -1px #7c7c7c,
  617. 1px 0px #7c7c7c,
  618. 0px 1px #7c7c7c,
  619. 0px -1px #7c7c7c,
  620. -1px 1px #7c7c7c,
  621. -1px 0px #7c7c7c,
  622. -1px -1px #7c7c7c;
  623. border-radius:15px;
  624. padding:5px;
  625. opacity:0; /*keeps description hidden before hover*/
  626. -webkit-transition: all 0.7s ease;
  627. -moz-transition: all 0.7s ease;
  628. -o-transition: all 0.7s ease;
  629. }
  630.  
  631. #boxy:hover .sail {
  632. opacity:1;/*shows description hidden before hover*/
  633. -webkit-transition: all 0.7s ease;
  634. -moz-transition: all 0.7s ease;
  635. -o-transition: all 0.7s ease;
  636. }
  637.  
  638. #despacito {
  639. margin-top:10px;
  640. text-align:center;
  641.  
  642.  
  643. }
  644.  
  645. /*SIDE BAR / DESCRIPTION END*/
  646.  
  647. /*TAGS AND INFO BEGINS HERE*/
  648. .permalinks {
  649. background-image: url(''); /*you can insert image here for the permalinks bg*/
  650. background-color:transparent; /*color of post links' background*/
  651. color: #ccc; /*color of peramalinks' text*/
  652. border-bottom:solid 1px #a2a2a2; /*border of permalinks*/
  653. padding: 1px 5px 5px 1px;
  654. letter-spacing:5px;
  655. text-align:center;
  656. font-size:9px;
  657. text-transform:uppercase;
  658. margin-top:15px;
  659. -moz-transition-duration:.6s;
  660. -webkit-transition-duration:.6s;
  661. -o-transition-duration:.6s;
  662. -webkit-filter: blur(0px);
  663.  
  664.  
  665. }
  666.  
  667. .permalinks a {
  668. font-family:calibri;
  669. color:#7c7c7c; /*color of permalinks actual links*/
  670. font-weight:bold;
  671. text-shadow: 0px 0px 2px #7c7c7c;
  672. text-decoration:none;
  673. }
  674.  
  675.  
  676. .permalinks a:hover {
  677. color:#fff; /*color of links on hover*/
  678. text-shadow: 0px 0px 2px #000;
  679. -webkit-transition: all 0.5s ease-in-out;
  680. -moz-transition: all 0.5s ease-in-out;
  681. -o-transition: all 0.5s ease-in-out;
  682. -ms-transition: all 0.5s ease-in-out;
  683. transition: all 0.5s ease-in-out;
  684. }
  685.  
  686. .tags {
  687.  
  688. text-align:justify;
  689. padding-left:5px;
  690. padding-right:15px;
  691. margin-bottom:15px;
  692. color: #a4a4a4; /*this determines the color of the small symbol (by default a ' ; ' but you can change it) next to the tags*/
  693. font-size:10px;
  694. text-shadow:0px 0px 3px #fff
  695. }
  696.  
  697. .tags a {
  698. color: #793f26; /*change this for the actual color of the tags*/
  699. font-size:8px;
  700. font-weight:bold;
  701. font-family:calibri;
  702. text-transform:uppercase;
  703. text-shadow:0px 0px 3px #576d8c
  704. letter-spacing:0px;
  705.  
  706. }
  707.  
  708.  
  709. .tags a:hover {
  710. color: #fff; /*tag color on hover*/
  711. -webkit-transition: all 0.5s ease-in-out;
  712. -moz-transition: all 0.5s ease-in-out;
  713. -o-transition: all 0.5s ease-in-out;
  714. -ms-transition: all 0.5s ease-in-out;
  715. transition: all 0.5s ease-in-out;
  716.  
  717. }
  718.  
  719.  
  720. /*POP UP CODES AND LINKS BEGIN*/
  721.  
  722.  
  723. #pops {
  724. position:fixed;
  725.  
  726. }
  727.  
  728.  
  729. #linku1 {
  730. position:fixed;
  731. font-size:18px;
  732. text-decoration:none;
  733. margin-left:250px;
  734. margin-top:480px;
  735. z-index:99999999999999999999;
  736. }
  737.  
  738.  
  739. #linku1 a {
  740. color: #7c7c7c; /*color of custom links*/
  741. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of custom links*/
  742. -webkit-filter: blur(1px);
  743. -moz-filter: blur(1px);
  744. -o-filter: blur(1px);
  745. -ms-filter: blur(1px);
  746. filter: blur(1px);
  747. }
  748.  
  749. #linku1 a:hover {
  750. color: #fff;
  751. }
  752.  
  753. #linku1:hover {
  754. -webkit-filter: blur(2px);
  755. -moz-filter: blur(2px);
  756. -o-filter: blur(2px);
  757. -ms-filter: blur(2px);
  758. filter: blur(2px);
  759. -webkit-transition: all 0.5s ease-in-out;
  760. -moz-transition: all 0.5s ease-in-out;
  761. -o-transition: all 0.5s ease-in-out;
  762. -ms-transition: all 0.5s ease-in-out;
  763. transition: all 0.5s ease-in-out;
  764. }
  765.  
  766. #linku2 {
  767. position:fixed;
  768. font-size:18px;
  769. text-decoration:none;
  770. margin-left:250px;
  771. margin-top:530px;
  772. }
  773.  
  774. #linku2:hover {
  775. -webkit-filter: blur(2px);
  776. -moz-filter: blur(2px);
  777. -o-filter: blur(2px);
  778. -ms-filter: blur(2px);
  779. filter: blur(2px);
  780. -webkit-transition: all 0.5s ease-in-out;
  781. -moz-transition: all 0.5s ease-in-out;
  782. -o-transition: all 0.5s ease-in-out;
  783. -ms-transition: all 0.5s ease-in-out;
  784. transition: all 0.5s ease-in-out;
  785. }
  786.  
  787.  
  788. #linku2 a {
  789. color: #7c7c7c; /*color of custom links*/
  790. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of custom links*/
  791. -webkit-filter: blur(1px);
  792. -moz-filter: blur(1px);
  793. -o-filter: blur(1px);
  794. -ms-filter: blur(1px);
  795. filter: blur(1px);
  796. }
  797.  
  798. #linku2 a:hover {
  799. color: #fff;
  800. }
  801.  
  802. #linku3 {
  803. position:fixed;
  804. font-size:18px;
  805. text-decoration:none;
  806. margin-left:250px;
  807. margin-top:580px;
  808. }
  809.  
  810. #linku3:hover {
  811. -webkit-filter: blur(2px);
  812. -moz-filter: blur(2px);
  813. -o-filter: blur(2px);
  814. -ms-filter: blur(2px);
  815. filter: blur(2px);
  816. -webkit-transition: all 0.5s ease-in-out;
  817. -moz-transition: all 0.5s ease-in-out;
  818. -o-transition: all 0.5s ease-in-out;
  819. -ms-transition: all 0.5s ease-in-out;
  820. transition: all 0.5s ease-in-out;
  821. }
  822.  
  823.  
  824. #linku3 a {
  825. color: #7c7c7c; /*color of custom links*/
  826. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of custom links*/
  827. -webkit-filter: blur(1px);
  828. -moz-filter: blur(1px);
  829. -o-filter: blur(1px);
  830. -ms-filter: blur(1px);
  831. filter: blur(1px);
  832. }
  833.  
  834. #linku3 a:hover {
  835. color: #fff;
  836. }
  837.  
  838. #linku4 {
  839. position:fixed;
  840. font-size:16px;
  841. text-decoration:none;
  842. margin-left:200px;
  843. margin-top:280px;
  844. }
  845.  
  846. #linku4:hover {
  847. -webkit-filter: blur(2px);
  848. -moz-filter: blur(2px);
  849. -o-filter: blur(2px);
  850. -ms-filter: blur(2px);
  851. filter: blur(2px);
  852. -webkit-transition: all 0.5s ease-in-out;
  853. -moz-transition: all 0.5s ease-in-out;
  854. -o-transition: all 0.5s ease-in-out;
  855. -ms-transition: all 0.5s ease-in-out;
  856. transition: all 0.5s ease-in-out;
  857. }
  858.  
  859. #linku5 {
  860. position:fixed;
  861. font-size:13px;
  862. text-decoration:none;
  863. width:70px;
  864. height:auto;
  865. margin-left:200px;
  866. margin-top:180px;
  867. }
  868.  
  869. #linku5:hover {
  870. -webkit-filter: blur(2px);
  871. -moz-filter: blur(2px);
  872. -o-filter: blur(2px);
  873. -ms-filter: blur(2px);
  874. filter: blur(2px);
  875. -webkit-transition: all 0.5s ease-in-out;
  876. -moz-transition: all 0.5s ease-in-out;
  877. -o-transition: all 0.5s ease-in-out;
  878. -ms-transition: all 0.5s ease-in-out;
  879. transition: all 0.5s ease-in-out;
  880. }
  881.  
  882. #linku6 {
  883. position:fixed;
  884. font-size:13px;
  885. width:70px;
  886. height:auto;
  887. text-decoration:none;
  888. margin-left:200px;
  889. margin-top:380px;
  890.  
  891. }
  892.  
  893. #linku6:hover {
  894. -webkit-filter: blur(2px);
  895. -moz-filter: blur(2px);
  896. -o-filter: blur(2px);
  897. -ms-filter: blur(2px);
  898. filter: blur(2px);
  899. -webkit-transition: all 0.5s ease-in-out;
  900. -moz-transition: all 0.5s ease-in-out;
  901. -o-transition: all 0.5s ease-in-out;
  902. -ms-transition: all 0.5s ease-in-out;
  903. transition: all 0.5s ease-in-out;
  904. }
  905.  
  906.  
  907. #fade { /*--Transparent background layer--*/
  908. display: none; /*--hidden by default--*/
  909. background: #a4a4a4; /*color of pop up fade */
  910. background-image: url(''); /*if you want to add a background image to go behind your popup */
  911. position: fixed; left: 0; top: 0;
  912. width: 100%;
  913. height: 100%;
  914. opacity: 0.7;/* you can make it 0 if you don't want a surrounding color to the popup or set it to 1 to have the background posts and theme invisible and only the pop up showing */
  915. z-index: 9999;
  916. }
  917.  
  918. .popup_block {
  919. display:none;
  920. HEIGHT:auto;
  921. width:auto;
  922. background:transparent;
  923. padding:0px;
  924. float:left;
  925. position:fixed;
  926. margin:auto;
  927. z-index: 99999;
  928. }
  929.  
  930. .popup_boxy {
  931. background:#ec454c; /*color of popup background*/
  932. background-image:url("https://i.imgur.com/fWyrEeI.png"); /*main image of popup*/
  933. border:solid 1px #fff; /*border color of main popup*/
  934. position:absolute;
  935. box-shadow: 0px 0px 2px #7c7c7c; /*shadow color of popup*/
  936. text-align:center;
  937. font-size: 10px; /*font size of the words inside the box */
  938. padding:20px;
  939. margin:auto;
  940. width: 575px; /*width of main pop up*/
  941. height:350px; /*height of main pop up*/
  942. overflow-y:none;
  943. top:235px; /*position of pop up*/
  944. left:450px;
  945. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  946. }
  947.  
  948. .popup_content {
  949. height:321px;
  950. width: 327px;
  951. padding: 10px;
  952. margin:5px;
  953. border: solid 1px #7c7c7c; /*border color of square that includes popup content*/
  954. overflow-y:scroll;
  955. background:#ec454c; /*background color of pop up content, the square that has your text*/
  956. float:right;
  957. }
  958.  
  959. .tabheader {
  960. position:absolute;
  961. top:210px; /*make sure to keep this less than position of box so it floats above it always*/
  962. left:812px;
  963. text-align:center;
  964. width:300px;
  965. background:transparent;
  966. color:#e6e6e6; /* color of hanging pop up header */
  967. text-shadow:0px 0px 10px #7c7c7c,
  968. 0px 0px 3px #7c7c7c;
  969. overflow-y:scroll;
  970. font-family: 'nightingale';
  971. font-size:15px;
  972. font-weight:normal;
  973. letter-spacing:1px;
  974. text-transform:lowercase;
  975. z-index: 999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  976. }
  977.  
  978. /*tabbed popups begins*/
  979.  
  980. ul#tabs {
  981. list-style-type: none;
  982. padding: 0;
  983. text-align: center;
  984. }
  985.  
  986. ul#tabs li:hover { /*appearance when you hover on titles*/
  987. }
  988.  
  989. ul#tabs li.active { /*your active tab title*/
  990.  
  991. text-align:justify;
  992. width: 100px; /*width of your title*/
  993. box-shadow: 0px 0px 5px #a4a4a4;
  994. background-image: url('http://24.media.tumblr.com/tumblr_ma6ppm6RAz1r4sghvo1_500.gif');
  995. background-repeat:repeat;
  996. background-attachment:fixed;
  997. border: double 3px #7c7c7c; /*color of border of the titles of the sidebar*/
  998. padding:5px;
  999. margin:10px;
  1000. color:#fff; /*text color of tab titles*/
  1001. text-shadow:1px 1px #191919,
  1002. 1px -1px #191919,
  1003. 1px 0px #191919,
  1004. 0px 1px #191919,
  1005. 0px -1px #191919,
  1006. -1px 1px #191919,
  1007. -1px 0px #191919,
  1008. -1px -1px #191919;
  1009. /*change all the hex of the text shadow to the same code
  1010. to change the outline of the text*/
  1011. font-size:11px;
  1012. font-family:calibri;
  1013. text-transform:uppercase;
  1014. letter-spacing:1px;
  1015. text-align:center;
  1016. -webkit-transition:
  1017. all 0.5s ease-out;
  1018. -moz-transition: all 0.5s ease-out;
  1019. transition: all 0.5s ease-out;
  1020. }
  1021.  
  1022.  
  1023. ul#tabs li { /*the rest of the titles / inactive one*/
  1024. display:block;
  1025. width: 100px;
  1026. padding: 5px;
  1027. margin:10px;
  1028. font-size:11px;
  1029. background-image: url('');
  1030. background:#ccc;
  1031. background-repeat:repeat;
  1032. background-attachment:fixed;
  1033. border: double 3px #7c7c7c;
  1034. box-shadow: 0px 0px 5px #a4a4a4;
  1035. color:#7c7c7c;
  1036. font-family:calibri;
  1037. text-transform:uppercase;
  1038. cursor:pointer;
  1039. }
  1040.  
  1041.  
  1042. ul#tab {
  1043. list-style-type: none;
  1044. margin: 0;
  1045. padding: 0;
  1046. }
  1047. ul#tab li {
  1048. display: none;
  1049. }
  1050. ul#tab li.active {
  1051. display: block;
  1052. }
  1053.  
  1054. #tabid { /*this is the navigation of your tabbed pop ups*/
  1055. position:absolute;
  1056. top: 355px; /*position of tab navigation*/
  1057. left: 1065px; /*position of tab navigation*/
  1058. text-align:center;
  1059. border:none;
  1060. width:auto;
  1061. background:transparent; /*background color of pop up side navigation*/
  1062. height:auto;
  1063. overflow:scroll;
  1064. text-align:justify;
  1065. padding:5px;
  1066. font-size:9px;
  1067. font-family:calibri;
  1068. text-transform:uppercase;
  1069. letter-spacing:1px;
  1070. text-align:center;
  1071. z-index: 999999;
  1072. }
  1073.  
  1074. /*end*/
  1075.  
  1076. img.btn_close {
  1077. float: right;
  1078. margin: -5px -5px 0 0;
  1079. }
  1080. /*--Making IE6 Understand Fixed Positioning--*/
  1081. *html #fade {
  1082. position: absolute;
  1083. }
  1084. *html .popup_block {
  1085. position: absolute;
  1086. }
  1087.  
  1088.  
  1089. /*The header of each part of the navigation*/
  1090. .navi_linksu h3 {
  1091. font-size:22px;
  1092. margin-bottom:-5px;
  1093. border:none;
  1094. color: #a4a4a4; /*color of header*/
  1095. font-family: 'selima';
  1096. font-weight:normal;
  1097. letter-spacing:1px;
  1098. text-transform:lowercase;
  1099. background:transparent;
  1100. }
  1101.  
  1102. .navi_linksu {
  1103. text-align:center;
  1104. }
  1105.  
  1106. .navi_linksu a {
  1107. display: inline-block;
  1108. width: 120px;
  1109. padding: 5px;
  1110. margin:5px;
  1111. font-size:11px;
  1112. background-image: url('');
  1113. background:#ccc; /*color of navigation links background*/
  1114. background-repeat:repeat;
  1115. background-attachment:fixed;
  1116. border: solid 1px #7c7c7c;
  1117. color:#7c7c7c;
  1118. font-family:calibri;
  1119. text-transform:uppercase;
  1120.  
  1121.  
  1122. }
  1123.  
  1124. .navi_linksu a:hover {
  1125. -webkit-transition: all .5s ease-in-out;
  1126. -moz-transition: all .5s ease-in-out;
  1127. -ms-transition: all .5s ease-in-out;
  1128. -o-transition: all .5s ease-in-out;
  1129. transition: all .5s ease-in-out;
  1130. background:#7c7c7c; /*background color of navi links on hover*/
  1131. border: solid 1px #ccc;
  1132. color:#ccc; /*color of links on hover*/
  1133. }
  1134.  
  1135. .versu {
  1136. width:80px;
  1137. height:auto;
  1138. float:left;
  1139. padding:20px;
  1140. }
  1141.  
  1142.  
  1143. .vee {
  1144. text-align:center;
  1145. padding:10px;
  1146. margin-bottom:20px;
  1147. }
  1148.  
  1149. /*POP UP END*/
  1150.  
  1151.  
  1152. /* DO NOT REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */
  1153. .credit {
  1154. font-weight:bold;
  1155. border-top:dashed 1px #7c7c7c;
  1156. border-right:dashed 1px #7c7c7c;
  1157. border-left:dashed 1px #7c7c7c;
  1158. background:#ccc;
  1159. color:#7c7c7c;
  1160. padding:10px;
  1161. font-size:15px;
  1162. bottom:0px;
  1163. right:20px;
  1164. position:fixed;
  1165. font-family:'sail';
  1166. -webkit-filter: blur(.5px);
  1167. -moz-filter: blur(.5px);
  1168. -o-filter: blur(.5px);
  1169. -ms-filter: blur(.5px);
  1170. filter: blur(.5px);
  1171.  
  1172. }
  1173.  
  1174. .credit a {
  1175. color:#7c7c7c;
  1176. }
  1177.  
  1178. .credit a:hover {
  1179. color: #fff;
  1180. }
  1181. /*CREDIT END*/
  1182.  
  1183. </style>
  1184.  
  1185. <body>
  1186. <!--sidebar begins here-->
  1187. <div id="boxy">
  1188. <div id="despacito">
  1189. <div class="anchor">Mean as hell.</div>
  1190. <div class="sail">Dell Conagher, RED Engineer, Mercenary for hire. | selective RP blog - rp with mutuals only | asks from nonmutuals welcome</div>
  1191. </div>
  1192. </div>
  1193.  
  1194. <!--sidebar end-->
  1195.  
  1196. <!--this is where you edit the size and titles of the scattered links, you can edit their content way below though. The #?w= determines the width of the pop up, make sure to give your popups different box numbers-->
  1197. <div id="pops">
  1198. <div id="linku1"> <a href="/" title="HOME.">✖</a></div>
  1199. <div id="linku2"> <a href="/ask" rel="box1" class="poplight" title="ASK.">✖</a></div>
  1200. <div id="linku3"> <a href="#?w=500" rel="box2" class="poplight" title="NAVIGATION.">✖</a></div>
  1201. <div id="linku4"> <a href="#?w=320" rel="box3" class="poplight" title="RULES."><img src="https://i.imgur.com/MA2gMEC.png"></a></div> <!--change image source to change the squares labelled icon-->
  1202. <div id="linku5"> <a href="#?w=320" rel="verses" class="poplight" title="VERSES."><img src="https://i.imgur.com/MA2gMEC.png"></a></div> <!--change image source to change the squares labelled icon-->
  1203. <div id="linku6"> <a href="#?w=320" rel="box5" class="poplight" title="ABOUT."><img src="https://i.imgur.com/MA2gMEC.png"></a></div> <!--change image source to change the squares labelled icon-->
  1204. </div>
  1205. </div>
  1206. </div>
  1207.  
  1208. <!--/* DO /NOT/ REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */-->
  1209. <div class="credit"><a href="http://ddkinzart.tumblr.com" title="code by ddkinzart">D.</a></div>
  1210.  
  1211. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  1212.  
  1213. {block:Pagination}
  1214. <div class="pagi">
  1215. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1216. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1217. </div>
  1218. {/block:Pagination}
  1219. <div id="container">
  1220. <div id="entries">
  1221.  
  1222. {block:Posts}
  1223.  
  1224. <div id="content">
  1225. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  1226. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1227. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1228.  
  1229. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1230. {/block:Photoset}
  1231.  
  1232. {block:Quote}<div class="quote">❝{Quote}❞</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  1233. {block:Link}
  1234. {block:Thumbnail}
  1235. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  1236. {/block:Thumbnail}
  1237. <div id="linku">
  1238. <span style="font-size:20px">❝ </span> <a href="{URL}" class="link" {Target}>{Name}</a><span style="font-size:20px"> ❞</span>
  1239. </div>
  1240. {/block:Link}
  1241.  
  1242. {block:Chat}
  1243. {block:Title}
  1244. <div class="titulo">{Title}</div>{/block:Title}<br>
  1245. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1246. {Line}</li>{/block:Lines}</ul>
  1247. {/block:Chat}
  1248.  
  1249. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1250. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1251. {block:Answer}
  1252. <div id="asker">{Asker}<span style="font-size:13px; font-family:bebas neue;"> asked: </span></div><div id="ask">{Question}</div>
  1253. <div id="answer">
  1254. {Answer}</div>
  1255. {/block:Answer}
  1256. <div class="permalinks">
  1257. {block:RebloggedFrom}
  1258. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" >✖</a>
  1259. {/block:RebloggedFrom}
  1260. <a href="{Permalink}" title="{timeago}">✖</a>{block:NoteCount}
  1261. <a href="{Permalink}" title="{NoteCount} hits.">✖</a>{/block:NoteCount}
  1262. {block:ContentSource}
  1263. <a href="{SourceURL}" title="source: {SourceTitle}">✖</a>
  1264. {/block:ContentSource}
  1265. <a href="{ReblogURL}" title="reblog" target="_blank">✖</a>
  1266. {/block:RebloggedFrom}
  1267. </div>
  1268. <div class="tags">
  1269. {block:HasTags}
  1270. {block:Tags}
  1271. <!--you can change symbol before tags to something else-->; <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1272. {/block:Tags}
  1273. {/block:HasTags}
  1274. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1275.  
  1276. </div></div>
  1277. {/block:Posts}
  1278. </div>
  1279. </div>
  1280. </body>
  1281.  
  1282.  
  1283. <!--This is where the pop up begins, you can edit beyond this point-->
  1284.  
  1285. <div id="box1" class="popup_block" style="top:50%;left:50%">
  1286. <i style="text-align:center;">{AskLabel}</i>
  1287. <br>
  1288. <div class="queque">
  1289. {block:ShowHeaderImage}<img src="{HeaderImage}" width="100%">{/block:ShowHeaderImage} <!-- this will automatically display your mobile header image, but you can substitute with the url of another image, try to choose image which's width matches your pop up-->
  1290. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1291. </div></div>
  1292. </div>
  1293. <div id="box2" class="popup_block">
  1294. <div class="tabheader">Navigation.</div><div class="popup_boxy">
  1295. <div class="popup_content">
  1296. <h3>navigation</h3>
  1297. <div class="navi_linksu">
  1298. <h3>Main</h3>
  1299.  
  1300. <a href="/tagged/">TAG</a>
  1301. <a href="/tagged/">TAG</a>
  1302. <a href="/tagged/">TAG</a>
  1303. <a href="/tagged/">TAG</a>
  1304. <a href="/tagged/">TAG</a>
  1305. <a href="/tagged/">TAG</a>
  1306. <a href="/tagged/">TAG</a>
  1307. <a href="/tagged/">TAG</a>
  1308. <a href="/tagged/">TAG</a>
  1309. <h3>other</h3>
  1310. <a href="/tagged/">TAG</a>
  1311. <a href="/tagged/">TAG</a>
  1312. <a href="/tagged/">TAG</a>
  1313. <a href="/tagged/">TAG</a>
  1314. <a href="/tagged/">TAG</a>
  1315. <a href="/tagged/">TAG</a>
  1316. <a href="/tagged/">TAG</a>
  1317. <a href="/tagged/">TAG</a>
  1318. <a href="/tagged/">TAG</a>
  1319. </div>
  1320. </div>
  1321. </div>
  1322. </div>
  1323.  
  1324. <div id="box3" class="popup_block"><div class="tabheader">Rules.</div><div class="popup_boxy">
  1325. <div class="popup_content">
  1326.  
  1327. I’m Aasif (he/him), currently a senior in high school, and a minor (17, turning 18 soon). I’ve owned a few TF2 rp blogs in the past and I’m working on improving my confidence and style with this one. I was @that-was-not-medicine and @ask-red-engie-moved, if you recognize either of those then feel free to say hi! I’m still friendly!<br>
  1328.  
  1329. There’s not much to say about me other than I’ve been a fan of TF2 for a while, I’m patiently waiting on the last comic, and I’ve spent most of my time in-game playing as engineer. Always feel free to send in an ask if you want to know more about me or my muse.<br>
  1330.  
  1331. <h3>RULES</h3><br>
  1332.  
  1333. - Don’t send NSFW, I’m a minor and have this tag blocked.<br>
  1334.  
  1335. - Do not reblog my rp posts unless you are my rp partner for that thread. It makes it very confusing and I don’t really want my rps being spread around.<br>
  1336.  
  1337. - I reserve the right to not respond to asks or starters. It’ll be almost certain I’m going to respond to you if we are mutuals, I’m unlikely to rp with non-mutuals, but will respond to asks from anyone.<br>
  1338.  
  1339. - I’m perfectly fine with anons! (anon asks are great).<br>
  1340.  
  1341. - This blog is multiverse and possibly multiship.<br>
  1342.  
  1343. - Shipping, if done at all, will be discussed with the mun of the muse first! Don’t feel afraid to ask, the worst that can happen is I’ll just say I’m not seeing the chemistry. As I am a minor, I would only be comfortable discussing this with other people around my age. I don’t really have a decided sexuality for Dell because I really do not know what kind of relationships he would be in, though he’ll likely be bi or gay.<br>
  1344.  
  1345. - Message me if you want to start some kind of relationship with my muse! I’d love to consider it - asking if they can already be friends or enemies as planning for the thread instead of having to wait for it to naturally happen is completely fine with me and I may consider adding your character into Dell’s life as a family member or anything if applicable.<br>
  1346.  
  1347. - Dell is somewhat OOC - check the info page for details.
  1348.  
  1349.  
  1350. </div></div></div></div>
  1351.  
  1352. <div id="verses" class="popup_block"><div class="tabheader">Verses.</div>
  1353. <div id="tabid">
  1354. <ul id="tabs">
  1355. <li class="active">main.</li>
  1356. <li>AU.</li>
  1357. <li>OTHER.</li>
  1358. </ul></div>
  1359.  
  1360. <div class="popup_boxy"><div class="popup_content">
  1361.  
  1362. <ul id="tab">
  1363.  
  1364. <li class="active">
  1365.  
  1366. <h3>MAIN</h3>
  1367.  
  1368. <!--start copying from here if you want more verse blocks-->
  1369.  
  1370. <div class="vee">
  1371.  
  1372. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1373.  
  1374. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1375. <br><br><b>AGE</b>
  1376. <br><b>TIMELINE</b>
  1377. <br><b>POSITION</b>
  1378.  
  1379. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1380.  
  1381. </div>
  1382.  
  1383. <!--paste here-->
  1384. <!--start copying from here if you want more verse blocks-->
  1385.  
  1386. <div class="vee">
  1387.  
  1388. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1389.  
  1390. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1391. <br><br><b>AGE</b>
  1392. <br><b>TIMELINE</b>
  1393. <br><b>POSITION</b>
  1394.  
  1395. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1396.  
  1397. </div>
  1398.  
  1399. <!--paste here-->
  1400.  
  1401.  
  1402.  
  1403. </li>
  1404.  
  1405. <li>
  1406.  
  1407. <h3>AU</h3>
  1408.  
  1409. <!--start copying from here if you want more verse blocks-->
  1410.  
  1411. <div class="vee">
  1412.  
  1413. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1414.  
  1415. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1416. <br><br><b>AGE</b>
  1417. <br><b>TIMELINE</b>
  1418. <br><b>POSITION</b>
  1419.  
  1420. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1421.  
  1422. </div>
  1423.  
  1424. <!--paste here-->
  1425. <!--start copying from here if you want more verse blocks-->
  1426.  
  1427. <div class="vee">
  1428.  
  1429. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1430.  
  1431. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1432. <br><br><b>AGE</b>
  1433. <br><b>TIMELINE</b>
  1434. <br><b>POSITION</b>
  1435.  
  1436. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1437.  
  1438. </div>
  1439.  
  1440. <!--paste here-->
  1441.  
  1442. </li>
  1443.  
  1444. <li>
  1445.  
  1446. <h3>OTHER</h3>
  1447.  
  1448. <!--start copying from here if you want more verse blocks-->
  1449.  
  1450. <div class="vee">
  1451.  
  1452. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1453.  
  1454. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1455. <br><br><b>AGE</b>
  1456. <br><b>TIMELINE</b>
  1457. <br><b>POSITION</b>
  1458.  
  1459. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1460.  
  1461. </div>
  1462.  
  1463. <!--paste here-->
  1464.  
  1465. <!--start copying from here if you want more verse blocks-->
  1466.  
  1467. <div class="vee">
  1468.  
  1469. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1470.  
  1471. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1472. <br><br><b>AGE</b>
  1473. <br><b>TIMELINE</b>
  1474. <br><b>POSITION</b>
  1475.  
  1476. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1477.  
  1478. </div>
  1479.  
  1480. <!--paste here-->
  1481.  
  1482.  
  1483. </li>
  1484.  
  1485. </ul> <!--important don't delete-->
  1486. </div></div></div></div></div></div></div></div></div></div></div></div></div>
  1487.  
  1488. </div>
  1489. </div></div>
  1490.  
  1491. <div id="box5" class="popup_block"><div class="tabheader">About.</div>
  1492. <div id="tabid">
  1493. <ul id="tabs">
  1494. <li class="active">main.</li>
  1495. <li>appearance.</li>
  1496. <li>interests.</li>
  1497. <li>personality</li>
  1498. <li>abilities.</li>
  1499. <li>biography.</li>
  1500. </ul></div>
  1501. <div class="popup_boxy">
  1502. <div class="popup_content">
  1503. <h3>General Information</h3><br>
  1504. I’m not too fast at responding to rp replies depending on my (relatively busy) schedule, but if you’re willing to put up with it, feel free to send in a starter!<br>
  1505.  
  1506. I will always wait for as long as needed to get a response and I’m perfectly fine with dropping threads. I would prefer if you messaged me first if you choose to do so, but if it just unofficially drops, that’s alright.<br>
  1507.  
  1508. Because I am a minor (18 soon, but not yet) and I am aware that the rpc is mostly adults, I’d prefer if people were completely honest about if they want to interact rather than worrying about sparing my feelings - I’ve had this issue before and it just complicates things. Always feel free to soft/block me or unfollow if there is an issue, I won’t ask about it!<br>
  1509.  
  1510. -
  1511.  
  1512. I own the old ask-red-engie (now ask-red-engie-moved) and that-was-not-medicine. Both are inactive now, and I’m starting fresh here.
  1513.  
  1514.  
  1515. <h3>ABOUT DELL</h3><br>
  1516.  
  1517. Name: Dell Conagher<br><br>
  1518.  
  1519. Age: 42 (December 13, 1928)<br><br>
  1520.  
  1521. Gender: Male<br><br>
  1522.  
  1523. Height: 5'6" / 167cm<br><br>
  1524.  
  1525. Occupation: Engineer, Mercenary previously hired by Blutarch Mann and currently hired by Redmond Mann. Does commission work.<br><br>
  1526.  
  1527. Nationality: Half Tejano, half Afghan. Born in Texas.<br><br>
  1528.  
  1529. Languages: English and Spanish*. Additionally, some pieces from the languages spoken by his team and others around him.<br><br>
  1530.  
  1531. Education: Dell finished high school normally, but then earned two PhDs legitimately before running into issues with his university not allowing him to receive more (with worries he wanted to just “collect” PhD titles). Afterward, under other fake names and by moving through various universities held in high esteem, he was able to earn even more, resulting in him having earned 11 PhDs total somewhat illegally under several different fake names and identities. All are science-based around mechanical, electrical, and software engineering, as well as a biological, physics, and chemistry related degree.<br><br>
  1532.  
  1533. Personality: Essentially the same as canon. Soft-spoken, friendly, and warm, but don’t mistake that for kindness until you truly get to know him, as he simply finds that as the best way to interact with others initially. Even so, you can trust him to be blunt and not sugarcoat things. He’ll do what he’s told to the best extent he can and will certainly work with others. While Dell specializes in the making of the machines, he’s still deadly even with nothing but his fists. He’s slow to genuinely anger (or really, slow to show any emotion other than mild amusement), but once he does and if his ominous silence hasn’t driven everyone off, it doesn’t generally end well.<br><br>
  1534.  
  1535. Background: Dell Conagher, along with his other teammates and enemies, have the primary job of simply fighting and killing each other, respawning, and rushing at each other again. All (or most) of them are aware it is completely redundant due to the tomfoolery of their employers, but this job has brought in a huge amount of cash for each one of them and improved their lives in some way or another - whether it be the connections with others, feeling of killing, the weapons, or the cash it brings in.<br><br>
  1536.  
  1537. Once their contracts run out, it is a scramble again for Redmond and Blutarch to renew the merc’s contracts or attract mercenaries from the opposing team for even larger amounts of cash. Because of this, the Teufort Nine have all known each other well due to being in different combinations of teams (subject to change from RP to RP). Dell arguably changes teams the most, as the RED and BLU brothers often want him to go back and forth for him to fix their life extension machines and stop him from helping the other. Even with all of this chaos, all the mercenaries seem to have something stopping them from simply leaving, as well…<br><br>
  1538.  
  1539. Occasionally, the Administrator or Ms. Pauling will take some or all of the people from the team with her to help with various tasks: retrieving australium, killing someone on the administrator’s list, guarding Ms. Pauling during a risky trade, and so on.<br><br>
  1540.  
  1541. On the side, Dell works on engineering projects and sells blueprints to companies, mostly just for fun and to fuel some creativity, as he already earns enough money as is. Building the same buildings over and over again gets boring, even when he constantly works on improving the speed of his teleporters or accuracy of sentries.<br><br>
  1542.  
  1543. Currently, the war is at a bit of a standstill and fights are not that common anymore as Redmond and Blutarch attempt to figure out a new strategy and eventually get killed by Gray Mann + gets the mercs unemployed but they don’t know that yet.<br><br>
  1544.  
  1545. *[ I am fluent in English and German but do not know very much Spanish (or other languages). I’ll rarely use other languages in responses since I don’t know the other relevant languages well enough. ]<br><br>
  1546.  
  1547. Early life: Dell Conagher lived in a somewhat small town; Bee Cave, Texas. His family owned a ranch where they had cattle, sheep, a few buffalo, pigs, and so on. His grandfather owned the “Conagher’s Tool and Munitions” shop, but his parents didn’t care to keep it open, and thus it was closed after he left Bee Cave to work for the Administrator back when Dell was still somewhat young. Dell worked on the farm as a result and became strong early on due to physical work he had to do.<br><br>
  1548.  
  1549. Dell had always been quite fascinated with engineering, mechanical work, robots, and anything similar, always willing to help fix anything around the house that broke and always watching how handymen fixed things around his school or his parents worked on the farm. He rooted around in his grandfather’s blueprints he’d left behind as well. He was considered a nerd and was bullied for it initially, but he learned to fight back due to his strength, building a reputation, and people rarely bothered him after a few months. Besides that, they found that he was actually quite kind and willing to help out.<br><br>
  1550.  
  1551. <b>(tw: abuse, not descriptive)</b><br><br>
  1552.  
  1553. Dell didn’t have the best childhood. The main issue for him were his parents. His parents went through a divorce when he was around six, so he was left with his father who had managed to keep the property and the child. His mother was incredibly sweet, not perfect, but a kind woman who quite a few people liked, though had the habit of drinking a little too much. Now, his father was a whole other story, a real piece of work. He started out nice as far as Dell could remember, but something happened (Dell could only speculate why he changed, perhaps it was the divorce) and turned violent and neglectful, not only to him, but to anyone who’d dare bother him.<br><br>
  1554.  
  1555. His father quickly remarried to another woman. She was quite pretty, but was not that great underneath. She didn’t like the child around the property and didn’t seem to care all that much about Dell and his father’s terrible relationship, in fact completely ignoring him and leaving him to fend for himself. Dell ended up raising himself after she came into his life. However, this woman ended up divorcing his father too after some years, finding that she didn’t like him either.<br><br>
  1556.  
  1557. Dell was now around twelve or thirteen years old. He packed up and left around this time, simply moving just outside of town and making a small shack that eventually expanded into a room with livable conditions. He managed to have nobody notice or rat him out - his father and his buddies were, of course, still keeping an eye out for him in such a small town, so it was dangerous to walk in the streets (Dell got good at running away, being more secretive, and being sneakier, but even so, he still got caught every once in a while) - but since he was looking better and more nourished with a presentable appearance, nobody assumed anything was wrong, despite his father’s terrible reputation. He didn’t bother correcting them. Since that point on, Dell raised and took care of himself completely on his own. He was still in occasional contact with his grandfather, who’d left some time ago, but didn’t say anything about his situation to him before Radigan died.<br><br>
  1558.  
  1559. Dell grew to be more ruthless around the end of his high school years, turning into something more dangerous than what anyone would have thought or said about him. He seemed to retain his quiet and charismatic mask, but getting on his wrong side was the last thing anyone would do. He did he grow used to what his father did and said, but his emotions were severely affected as part of the damage of his upbringing. His emotions became severely flattened and he felt little empathy anymore, though he could mask it all by acting. It would end up taking years for him to try to get back to normal, but his symptoms left a permanent mark, partially leading him to be more okay with his line of work.<br><br>
  1560.  
  1561. As soon as he finished high school, he grabbed his gun, revealed himself to his father (who had seen him but was never able to catch him for years), and shot him. He never learned if his father really died or not, but didn’t care enough to find out. Immediately after, he’d left Bee Cave to study at a university for some years, eventually being recruited to become a mercenary.
  1562.  
  1563. <ul id="tab">
  1564. <li class="active">
  1565.  
  1566. <h3>General Information</h3>
  1567.  
  1568. </li>
  1569.  
  1570. <li>
  1571.  
  1572. <h3>Appearance</h3>
  1573.  
  1574. </li>
  1575.  
  1576. <li>
  1577.  
  1578. <h3>Interests</h3>
  1579.  
  1580. </li>
  1581.  
  1582. <li>
  1583.  
  1584. <h3>Personality</h3>
  1585.  
  1586. </li>
  1587.  
  1588. <li>
  1589.  
  1590. <h3>Abilities</h3>
  1591.  
  1592. </li>
  1593.  
  1594. <li>
  1595.  
  1596. <h3>Biography</h3>
  1597.  
  1598. </li>
  1599.  
  1600. </ul> <!--important don't delete-->
  1601. </div></div></div></div></div></div></div></div></div></div></div></div>
  1602. </div>
  1603.  
  1604. </div></div>
  1605.  
  1606. </div></div></div></div></div></div></div></div></div></div></div>
  1607.  
  1608. </html>
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!