API tools faq
paste
Advertisement
tiffxny21

links and tags

tiffxny21
Jul 26th, 2019
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.44 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. THEME & BACKGROUND ART CREATED BY ANGI
  3. this theme was made for a commission.
  4. - Do not steal
  5. - Do not claim as your own
  6. - Do not take any parts of it
  7. For your own Theme Commission please visit me
  8. @arcanemistrust.tumblr.com --->
  9.  
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <html>
  14. <head>
  15.  
  16.  
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  18. <title>( ROBIN ) - son of batman</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19. <link rel="shortcut icon" href="{favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  21.  
  22.  
  23. <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  24. <link href='https://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  25. <link href='https://fonts.googleapis.com/css?family=Seaweed+Script' rel='stylesheet' type='text/css'>
  26. <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">
  27. <link href='https://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  28. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  29.  
  30.  
  31.  
  32.  
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35.  
  36. <!-- popup script -->
  37. <script>$(document).ready(function() {$('a.poplight[href^=#]').click(function() {var popID = $(this).attr('rel');var popURL = $(this).attr('href');var query= popURL.split('?');var dim= query[1].split('&');var popWidth = dim[0].split('=')[1];$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');var popMargTop = ($('#' + popID).height() + 80) / 2;var popMargLeft = ($('#' + popID).width() + 80) / 2;$('#' + popID).css({'margin-top' : -popMargTop,'margin-left' : -popMargLeft});$('body').append('<div id="fade"></div>');$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();return false;});$('a.close, #fade').live('click', function() {$('#fade , .popup_block, .popup_block2, .question_block').fadeOut(function() {$('#fade, a.close').remove();});return false;});});</script>
  38.  
  39.  
  40. <!-- verses script -->
  41. <script src="http://static.tumblr.com/wbtm89x/wcjo9ggtw/verses.js"></script>
  42.  
  43. <!-- tooltips -->
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45. <script src="http://static.tumblr.com/cu5jb6i/Sk8o6o28m/tooltip.js"></script>
  46.  
  47.  
  48. <!-- Verses Script 2 -->
  49.  
  50. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  51. <script type="text/javascript">
  52. $(document).ready(function(){
  53. $(".links_body").hide();
  54. $(".links_head").click(function(){
  55. $(this).next(".links_body").slideToggle('fast');
  56. }); }); </script>
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61.  
  62. #s-m-t-tooltip {
  63. max-width:300px;
  64. margin:10px 0px 0px 45px;
  65. background-color:#141414;
  66. font-family:arial;
  67. font-size:9px;
  68. text-transform:uppercase;
  69. font-weight:bold;
  70. color:#888;
  71. padding:5px;
  72. z-index:999999999999999999;
  73. -webkit-transition: all 0.5s ease-in-out;
  74. -moz-transition: all 0.5s ease-in-out;
  75. -o-transition: all 0.5s ease-in-out;
  76. }
  77.  
  78.  
  79. ::selection { background:#777; }
  80. ::-moz-selection { background:#777; }
  81.  
  82. body {
  83. margin:0;
  84. background:#111 url('http://i.imgur.com/dsTCkVH.png')
  85. no-repeat fixed top left;
  86. color:#c3c3c3;
  87. }
  88.  
  89.  
  90.  
  91. a {
  92. color:#435d65;
  93. text-decoration:none;
  94. font-weight:800;
  95. }
  96.  
  97. b, strong, big {
  98. color:#435d65;
  99. text-decoration:none;
  100. font-weight:400;
  101. text-transform:uppercase;
  102. font-family:calibri;
  103. font-size:9px;
  104. text-shadow: 2px 2px 2px #000;
  105. line-height:92%;
  106. }
  107.  
  108. i, em {
  109. color:#bbb;
  110. text-shadow:none;
  111. letter-spacing:1px;
  112. font-weight:200;
  113. text-transform:normal;
  114. font-family: 'Courgette', cursive;
  115. letter-spacing:1px;
  116. font-size:11px;
  117. line-height:50%;
  118. text-transform:lowercase;
  119. }
  120.  
  121. pre {
  122. font-size:10px;
  123. font-family:calibri;
  124. letter-spacing:3px;
  125. border-bottom:solid 1px #444;
  126. text-shadow: 1px 1px 1px #000;
  127. padding-top:3px;
  128. padding-bottom:3px;
  129. margin-top:0px;
  130. text-align: center;
  131. text-transform:uppercase;
  132. color:#999;
  133. }
  134.  
  135.  
  136. infh2 {
  137. font-size:10px;
  138. font-family:calibri;
  139. letter-spacing:2px;
  140. border-bottom:solid 1px #444;
  141. text-shadow: 1px 1px 1px #000;
  142. padding-top:3px;
  143. padding-bottom:3px;
  144. margin-top:0px;
  145. text-align: center;
  146. text-transform:uppercase;
  147. color:#999;
  148. }
  149.  
  150. hr {
  151. border:none;
  152. height:1px;
  153. color:#353535;
  154. background-color:#353535;
  155. }
  156.  
  157. h2 {
  158. font-size:18px;
  159. color:#999;
  160. font-family: 'Dancing Script', cursive;
  161. font-size:22px;
  162. text-shadow:2px 2px 2px #000;
  163. }
  164.  
  165. infoh {
  166. text-transform:uppercase;
  167. font-size:16px;
  168. font-weight:400;
  169. letter-spacing:1px;
  170. font-family: 'Fjalla One', sans-serif;
  171. text-shadow:1px 1px 1px #111;
  172.  
  173. }
  174.  
  175. small, sub {
  176. font-size:11px;
  177. }
  178.  
  179. blockquote {
  180. margin-left:10px;
  181. width:250px;
  182. font-size:12px;
  183. font-family:#999;
  184. border-left:1px solid #333;
  185. padding:0px;
  186. padding-left:10px;
  187. }
  188.  
  189. blockquote img {
  190. max-width:100%;
  191. }
  192.  
  193. blockquote blockquote {
  194. max-width:235px;
  195. }
  196.  
  197. blockquote blockquote blockquote blockquote {
  198. max-width:180px;
  199. }
  200.  
  201.  
  202. img {
  203. max-width:100%;
  204. }
  205.  
  206. h1 {
  207. font-size:14px;
  208. font-family: 'Vollkorn', serif;
  209. font-style:italic;
  210. color:#435d65;
  211. text-shadow: 0 0 3px #435d65;
  212. text-align:center;
  213. }
  214.  
  215. ::-webkit-scrollbar-thumb {
  216. background-color: transparent;
  217. height: 5px;
  218. width: 0px;
  219. }
  220.  
  221. ::-webkit-scrollbar {
  222. height: 5px;
  223. width: 0px;
  224. background-color: transparent;
  225. }
  226.  
  227.  
  228. #posts li {
  229. margin-left:-15px;
  230. list-style-type:square;
  231. }
  232.  
  233. #entries {
  234. background-color: transparent;
  235. background-image:url("http://i.imgur.com/rjmazrx.png");
  236. background-repeat:repeat;
  237. opacity:0;
  238. overflow:auto;
  239. width: 300px;
  240. height:450px;
  241. position: fixed;
  242. text-align:justify;
  243. left:460px;
  244. top:38px;
  245. color:#999;
  246. font-family:calibri;
  247. font-weight:500;
  248. letter-spacing:0px;
  249. font-size:12px;
  250. -webkit-transition: all 0.6s ease-in-out;
  251. -moz-transition: all 0.6s ease-in-out;
  252. -o-transition: all 0.6s ease-in-out;
  253. -ms-transition: all 0.6s ease-in-out;
  254. transition: all 0.6s ease-in-out;
  255. }
  256.  
  257. #entries:hover {
  258. opacity:1;
  259. -webkit-transition: all 0.6s ease-in-out;
  260. -moz-transition: all 0.6s ease-in-out;
  261. -o-transition: all 0.6s ease-in-out;
  262. -ms-transition: all 0.6s ease-in-out;
  263. transition: all 0.6s ease-in-out;
  264. }
  265.  
  266. #posts {
  267. width:270px;
  268. margin-left:auto;
  269. margin-right:auto;
  270. padding:15px;
  271. margin-bottom:10px;
  272. line-height:1;
  273. color:#b5b5b5;
  274. margin-top:-20px;
  275. font-size:10px;
  276. }
  277.  
  278. #posts a {
  279. {block:permalinkpage}
  280. color:#999;
  281. {/block:permalinkpage}
  282. }
  283.  
  284. #posts img{
  285. max-width:100%;
  286. text-decoration:none;
  287. }
  288.  
  289. #quote {
  290. padding-top:20px;
  291. font-size:18px;
  292. padding-bottom:2px;
  293. font-family: 'Playball', cursive;
  294. text-align:center;
  295. color:#999;
  296. }
  297.  
  298. #quotesource {
  299. padding-bottom:5px;
  300. font-size:9px;
  301. font-weight:800;
  302. text-align:center;
  303. color:#999;
  304. text-transform:uppercase;
  305. text-shadow:1px 1px 1px #000;
  306. padding-bottom:20px;
  307. }
  308.  
  309. #audio img {
  310. max-width: 50px;
  311. float: left;
  312. margin-right: 5px;
  313. border: solid 3px #435d65;
  314. border-radius:60px;
  315. }
  316.  
  317. #player {
  318. background-color: #000;
  319. height: 25px;
  320. width: 25px;
  321. padding:4px;
  322. margin-left: 40px;
  323. margin-top: 8px;
  324. overflow: hidden;
  325. position: absolute;
  326. margin-left: 13px;
  327. margin-top: 13px;
  328. opacity: .2;
  329. transition: 0.5s;
  330. -moz-transition: 0.5s;
  331. -webkit-transition: 0.5s;
  332. -o-transition: 0.5s;
  333. border-radius:60px;
  334. }
  335.  
  336. #player:hover {
  337. opacity: .7;
  338. }
  339.  
  340. #playerz b {
  341. font-family:calibri;
  342. font-size:11px;
  343. font-weight:800;
  344. text-transform:uppercase;
  345. color:#435d65;
  346. padding-left:10px;
  347. }
  348.  
  349. #date {
  350. width:15px;
  351. height:5px;
  352. position:relative;
  353. left:18px;
  354. top:10px;
  355. text-align: center;
  356. font-weight:600;
  357. font-size: 10px;
  358. line-height:80%;
  359. z-index: 10;
  360. -ms-transform: rotate(20deg); /* IE 9 */
  361. -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
  362. transform: rotate(20deg);
  363. }
  364.  
  365. #date a {
  366. font-size:18px;
  367. text-decoration:none;
  368. -webkit-transition: all 0.6s ease-in-out;
  369. -moz-transition: all 0.6s ease-in-out;
  370. -o-transition: all 0.6s ease-in-out;
  371. -ms-transition: all 0.6s ease-in-out;
  372. transition: all 0.6s ease-in-out;
  373. color:#777;}
  374.  
  375. #date a:hover {
  376. text-shadow:0px 0px 7px #828282;
  377. color:#999;
  378. -webkit-transition: all 0.6s ease-in-out;
  379. -moz-transition: all 0.6s ease-in-out;
  380. -o-transition: all 0.6s ease-in-out;
  381. -ms-transition: all 0.6s ease-in-out;
  382. transition: all 0.6s ease-in-out;
  383. }
  384.  
  385. #notez {
  386. width:15px;
  387. height:5px;
  388. position:relative;
  389. left:-2px;
  390. top:7px;
  391. margin-bottom:0px;
  392. text-align: center;
  393. font-weight:600;
  394. letter-spacing: 100%;
  395. line-height:80%;
  396. text-transform: uppercase;
  397. z-index: 10;
  398. -ms-transform: rotate(-20deg); /* IE 9 */
  399. -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
  400. transform: rotate(-20deg);
  401. }
  402.  
  403. #notez a {
  404. color:#777;
  405. font-weight:800;
  406. font-size:20px;
  407. text-decoration:none;
  408. -webkit-transition: all 0.6s ease-in-out;
  409. -moz-transition: all 0.6s ease-in-out;
  410. -o-transition: all 0.6s ease-in-out;
  411. -ms-transition: all 0.6s ease-in-out;
  412. transition: all 0.6s ease-in-out;
  413. }
  414.  
  415. #notez a:hover {
  416. text-shadow:0px 0px 7px #828282;
  417. color:#999;
  418. -webkit-transition: all 0.6s ease-in-out;
  419. -moz-transition: all 0.6s ease-in-out;
  420. -o-transition: all 0.6s ease-in-out;
  421. -ms-transition: all 0.6s ease-in-out;
  422. transition: all 0.6s ease-in-out;
  423. }
  424.  
  425.  
  426. #reblog {
  427. width:15px;
  428. height:5px;
  429. position:relative;
  430. left:16px;
  431. top:20px;
  432. margin-bottom:0px;
  433. text-align: center;
  434. font-weight:600;
  435. letter-spacing: 100%;
  436. font-size: 20px;
  437. line-height:80%;
  438. text-transform: uppercase;
  439. z-index: 10;
  440. -ms-transform: rotate(120deg); /* IE 9 */
  441. -webkit-transform: rotate(120deg); /* Chrome, Safari, Opera */
  442. transform: rotate(120deg);
  443. }
  444.  
  445. #reblog a {
  446. color:#777;
  447. font-weight:800;
  448. font-size:19px;
  449. text-decoration:none;
  450. -webkit-transition: all 0.6s ease-in-out;
  451. -moz-transition: all 0.6s ease-in-out;
  452. -o-transition: all 0.6s ease-in-out;
  453. -ms-transition: all 0.6s ease-in-out;
  454. transition: all 0.6s ease-in-out;
  455. }
  456.  
  457. #reblog a:hover {
  458. text-shadow:0px 0px 7px #828282;
  459. color:#999;
  460. -webkit-transition: all 0.6s ease-in-out;
  461. -moz-transition: all 0.6s ease-in-out;
  462. -o-transition: all 0.6s ease-in-out;
  463. -ms-transition: all 0.6s ease-in-out;
  464. transition: all 0.6s ease-in-out;
  465. }
  466.  
  467.  
  468.  
  469. #tagsborder {
  470. border-top: solid 1px #435d65;
  471. background-repeat:no-repeat;
  472. width:225px;
  473. margin-top:0px;
  474. margin-left:40px;
  475. color:#000000;
  476. height:3px;
  477. }
  478.  
  479. #tags {
  480. width:225px;
  481. margin-top:-7px;
  482. margin-left:30px;
  483. color:#000000;
  484. padding-top:8px;
  485. padding-bottom:8px;
  486. padding-left:10px;
  487. padding-right:2px;
  488. text-align:left;
  489. font-size:8px;
  490. }
  491.  
  492. #tags a {
  493. text-transform:uppercase;
  494. letter-spacing:1px;
  495. font-family:calibri;
  496. word-wrap: break-word;
  497. font-size:8px;
  498. line-height:100%;
  499. font-weight:800;
  500. text-shadow:1px 1px 0px #000;
  501. text-decoration:none;
  502. color:#999;
  503. }
  504.  
  505. #credits {
  506. right:13px;
  507. bottom:10px;
  508. position:fixed;
  509. font-size:12px;}
  510.  
  511. #credits a {
  512. font-size:13px;
  513. color:#888;
  514. font-weight:400;
  515. text-shadow:0px 0px 5px #828282;
  516. font-family: 'Vollkorn', serif;}
  517.  
  518. #pagination {
  519. font-family: helvetica;
  520. font-size:25px;
  521. text-transform:uppercase;
  522. margin-left:780px;
  523. margin-top:605px;
  524. position:fixed;
  525. letter-spacing:2px;
  526. font-weight:200;
  527. color:#000;
  528. }
  529.  
  530. #pagination a {
  531. color: #000;
  532. text-shadow:1px 1px 0px #637b68,
  533. 1px -1px 0px #637b68,
  534. -1px -1px 0px #637b68,
  535. -1px 1px 0px #637b68,
  536. 0px 1px 0px #637b68,
  537. 0px -1px 0px #637b68,
  538. 1px 0px 0px #637b68,
  539. -1px 0px 0px #637b68;
  540. }
  541.  
  542. #pagination a:hover {
  543. -webkit-filter:blur(1px);
  544. }
  545.  
  546.  
  547. /* ASKS */
  548.  
  549. .asker {
  550. font-family: 'Source Sans Pro', sans-serif;
  551. text-transform:uppercase;
  552. font-weight:600;
  553. font-size:18px;
  554. padding-top:10px;
  555. color:#50282f;
  556. margin-left:30px;
  557. -webkit-transition: all 0.6s ease-in-out;
  558. -moz-transition: all 0.6s ease-in-out;
  559. -o-transition: all 0.6s ease-in-out;
  560. -ms-transition: all 0.6s ease-in-out;
  561. transition: all 0.6s ease-in-out;
  562. }
  563.  
  564. .asker a {
  565. color:#435d65;
  566. -webkit-transition: all 0.6s ease-in-out;
  567. -moz-transition: all 0.6s ease-in-out;
  568. -o-transition: all 0.6s ease-in-out;
  569. -ms-transition: all 0.6s ease-in-out;
  570. transition: all 0.6s ease-in-out;
  571. }
  572.  
  573. .asker a:hover {
  574. color:#999;
  575. -webkit-transition: all 0.6s ease-in-out;
  576. -moz-transition: all 0.6s ease-in-out;
  577. -o-transition: all 0.6s ease-in-out;
  578. -ms-transition: all 0.6s ease-in-out;
  579. transition: all 0.6s ease-in-out;
  580. }
  581.  
  582. .asker:hover {
  583. color:#999;
  584. -webkit-transition: all 0.6s ease-in-out;
  585. -moz-transition: all 0.6s ease-in-out;
  586. -o-transition: all 0.6s ease-in-out;
  587. -ms-transition: all 0.6s ease-in-out;
  588. transition: all 0.6s ease-in-out;
  589. }
  590.  
  591.  
  592. .asker2 {
  593. font-family: 'Source Sans Pro', sans-serif;
  594. text-transform:uppercase;
  595. font-weight:400;
  596. font-size:12px;
  597. margin-top:-1px;
  598. margin-left:59px;
  599. border-bottom: dashed 1px #999;
  600. padding-bottom:5px;
  601. width:180px;
  602. }
  603.  
  604. .ques {
  605. text-align:center;
  606. margin-top:5px;
  607. text-transform:uppercase;
  608. letter-spacing:1px;
  609. font-size:8px;
  610. }
  611.  
  612. .answer {
  613. padding-top:10px;
  614. }
  615.  
  616. .popup_block{
  617. display:none;
  618. float:left;
  619. height:535px;
  620. position:fixed;
  621. top:345px;
  622. left:675px;
  623. background-image:url('http://i.imgur.com/rjmazrx.png');
  624. background-repeat:no-repeat;
  625. z-index:9999999999999;
  626. opacity:1;
  627. font-size: 10px;
  628. font-family: calibri;
  629. color:#333;
  630. text-align:justify;
  631. }
  632.  
  633.  
  634. *html #fade {position: absolute;}
  635. *html .popup_block {position: absolute;}
  636. #fade {
  637. display:none;
  638. position:fixed;
  639. left:0px;
  640. top:0px;
  641. width:100%;
  642. height:100%;
  643. z-index:999999;
  644. background-color:#000000;
  645. opacity:0;
  646. }
  647.  
  648. .question_block{
  649. height:300px;
  650. display: none;
  651. float: left;
  652. position: fixed;
  653. top: 50%; left: 50%;
  654. z-index: 999999999999;
  655. }
  656.  
  657. img.btn_close {float: right;}
  658. #ask_form {height:250px;}
  659.  
  660. #popuptext{
  661. padding:10px;
  662. width:247px;
  663. height:410px;
  664. margin-left:-25px;
  665. margin-top:0px;
  666. overflow-x:hidden;
  667. overflow-y:scroll;
  668. font-size: 10px;
  669. font-family: calibri;
  670. color:#aaa;
  671. background-color:#282828;
  672. text-align:justify;
  673. }
  674.  
  675. #popuptext blockquote {
  676. width:255px;
  677. border-left:1px solid #999;
  678. }
  679.  
  680. #popuptext i, italics, em {
  681. color: #fff;
  682. font-size:16px;
  683. font-family: 'Seaweed Script', cursive;
  684. font-style: bold;font-weight:400px;
  685. letter-spacing:2px;
  686. text-transform:lowercase;
  687. }
  688.  
  689. #popuptext a {
  690. color:#435d65;
  691. text-transform:uppercase;
  692. font-weight:800;
  693. text-decoration:none;
  694. }
  695.  
  696.  
  697.  
  698. #pset {
  699. padding-bottom:10px;
  700. margin-top:20px;
  701. opacity:0.8;
  702. -webkit-filter: Grayscale(90%);
  703. -webkit-transition-duration: 0.8s;
  704. -moz-transition-duration:0.8s;
  705. transition-duration:0.8s;
  706. -o-transition-duration:0.8s; }
  707.  
  708. #pset:hover {
  709. opacity:1;
  710. -webkit-filter: Grayscale(0%);
  711. -webkit-transition: all 0.5s ease-out;
  712. -moz-transition: all 0.5s ease-out;
  713. transition: all 0.5s ease-out; }
  714.  
  715. #headerbar{
  716. margin-left:20px;
  717. margin-top:20px;
  718. width:260px;
  719. overflow:scroll;
  720. padding:5px;
  721. text-align:justify;
  722. color:#eee;
  723. font-family:calibri;
  724. font-size:10px;
  725. }
  726.  
  727. #headerbar a {
  728. color:#eee;
  729. }
  730.  
  731. #tabbar{
  732. margin-left:20px;
  733. margin-top:0px;
  734. width:250px;
  735. height:380px;
  736. font-family:trebuchet ms;
  737. font-size:10px;
  738. overflow: scroll;
  739. text-align:justify;
  740. color:#999;
  741. }
  742.  
  743.  
  744.  
  745. #tabbar blockquote {
  746. width:240px
  747. border-left: solid 1px #777;
  748. }
  749.  
  750. #tabbar b {
  751. font-weight:800;
  752. font-size:10px;
  753. }
  754.  
  755. ul#tabs {
  756. text-align:center;
  757. color:#eee;
  758. text-shadow:1px 1px 0px #555,
  759. 1px -1px 0px #555,
  760. -1px -1px 0px #555,
  761. -1px 1px 0px #555,
  762. 0px 1px 0px #555,
  763. 0px -1px 0px #555,
  764. 1px 0px 0px #555,
  765. -1px 0px 0px #555;
  766. letter-spacing:1px;
  767. font-weight:600;
  768. text-align:center;
  769. font-size:10px;
  770. }
  771.  
  772. ul#tabs li {display:inline-block;padding:2px;cursor:pointer;text-decoration:none;opacity:1; text-shadow:0px 0px 1px #222 color:#fff; text-transform:uppercase;}
  773.  
  774. ul#tabs li.active {color:#ccc;text-shadow:0px 0px 1px #222;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  775. text-shadow:0px 0px 7px #fff;
  776. font-style:bold;
  777. }
  778.  
  779.  
  780. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  781. ul#tab li.active {display: block;}
  782. ul#tab li {display: none;}
  783.  
  784.  
  785. #notes {
  786. width:250px;
  787. }
  788.  
  789. #notes img {
  790. display:none;
  791. }
  792.  
  793. #textposts {
  794. padding-top:8px;
  795. }
  796.  
  797. #infobox {
  798. position:fixed;
  799. width:285px;
  800. height:50px;
  801. left:455px;
  802. top:512px;
  803. color:#999;
  804. padding:15px;
  805. padding-top:50px;
  806. text-align:justify;
  807. font-family:trebuchet ms;
  808. text-transform:uppercase;
  809. font-size:8px;
  810. font-weight:400;
  811. letter-spacing:1px;
  812. text-shadow: 1px 1px 1px #000;
  813. overflow:auto;
  814. -webkit-mask-image: -webkit-gradient(linear, left bottom, left 80%, from(rgba(4, 4, 4, 0)), to(rgba(4, 4, 4, 1)));
  815.  
  816. }
  817.  
  818. #infotitle {
  819. position:fixed;
  820. width:285px;
  821. height:80px;
  822. left:454px;
  823. top:510px;
  824. color:#435d65;
  825. padding:20px;
  826. padding-top:30px;
  827. text-align:center;
  828. text-transform:uppercase;
  829. font-size:16px;
  830. font-weight:400;
  831. letter-spacing:1px;
  832. font-family: 'Fjalla One', sans-serif;
  833. text-shadow:1px 1px 1px #111;
  834. }
  835.  
  836. #link1 {
  837. background-color:#435d65;
  838. width:10px;
  839. height:10px;
  840. border-radius:60px;
  841. position:fixed;
  842. left:1065px;
  843. top:312px;
  844. z-index:1;
  845. }
  846.  
  847. #link2 {
  848. background-color:#435d65;
  849. width:10px;
  850. height:10px;
  851. border-radius:60px;
  852. position:fixed;
  853. left:1081px;
  854. top:325px;
  855. z-index:1;
  856. }
  857.  
  858. #link3 {
  859. background-color:#435d65;
  860. width:10px;
  861. height:10px;
  862. border-radius:60px;
  863. position:fixed;
  864. left:1083px;
  865. top:345px;
  866. z-index:1;
  867. }
  868.  
  869. #navilinks {
  870. background-color:#0e0e0e;
  871. border:3px double #111;
  872. border-radius:5px;
  873. color:#ddd;
  874. letter-spacing:1px;
  875. text-align:center;
  876. font-weight:bold;
  877. text-transform:uppercase;
  878. font-size:8px;
  879. display:inline-block;
  880. padding:4px;
  881. width:90px;}
  882.  
  883. </style> </head> <body>
  884.  
  885.  
  886. <div id="infobox">
  887. <center>
  888. <p> independent and selective roleplay blog for <b>robin</b>. <br>please read read information before interacting.
  889.  
  890. <p>penned by <i>nar</i>.
  891.  
  892. </center>
  893.  
  894. </div>
  895.  
  896. <div id="infotitle"> ( ROBIN ) - son of batman </div>
  897.  
  898. <a href="#?w=500" rel="question" class="poplight" title="Message."> <div id="link1"> </div> </a>
  899. <a href="/submit" title="submit."> <div id="link2"> </div> </a>
  900. <a href="#?w=347" rel="navi" class="poplight" title="Layout."> <div id="link3"> </div> </a>
  901.  
  902.  
  903.  
  904.  
  905. <img src="http://i.imgur.com/iQ5fD7r.png" style="position:fixed; margin-left:460px; margin-top:38px; width:300px;">
  906.  
  907.  
  908.  
  909. <div id="question" class="question_block" style="height:250px; padding:0px; background:url(); background-repeat:no repeat; overflow-x:hidden;">
  910. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  911. </div></div></div>
  912.  
  913. <a href="/" title="Blüdhaven."><img src="http://i.imgur.com/auMFf3V.png" style="max-width:200px; position:fixed; margin-left:900px; margin-top:280px;"></a>
  914.  
  915.  
  916.  
  917.  
  918. <div id="pagination">
  919. {block:NextPage}
  920. <a href="{NextPage}" title="Raise"> » </a>
  921. {/block:NextPage}
  922. </div>
  923.  
  924.  
  925.  
  926.  
  927. <div id="entries">
  928. {block:Posts}
  929. <div id="posts">
  930.  
  931.  
  932. {block:Text}
  933. <div id="textposts">
  934. <h1>{block:Title}
  935. {Title}
  936. {/block:Title}</h1>
  937. {Body}</div>
  938. {/block:Text}
  939.  
  940.  
  941. {block:Photo}
  942. <div id="pset">
  943. <img src="{PhotoURL-HighRes}" width="500px"/></div>
  944. <p>{block:Caption}
  945. {Caption}
  946. {/block:Caption}
  947. {/block:Photo}
  948.  
  949. {block:Link}
  950. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  951. {block:Description}
  952. {Description}
  953. {/block:Description}
  954. {/block:Link}
  955.  
  956.  
  957. {block:Photoset}
  958. <div id="pset">
  959. {Photoset}
  960. </div>
  961. <p>{block:Caption}
  962. {Caption}
  963. {/block:Caption}
  964. {/block:Photoset}
  965.  
  966.  
  967. {block:Quote}
  968. <div id="quote">
  969. “ {Quote} </div>
  970. {block:Source}
  971. <div id="quotesource">
  972. — {Source} — </div>
  973. {/block:Source}
  974. {/block:Quote}
  975.  
  976.  
  977. {block:Audio}
  978. <p><font style="color:#121212;">.</font>
  979. {block:AlbumArt}<div id="audio"><img style="width:50px;" src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  980. <div id="player">{AudioPlayerBlack}</div>
  981. <div style="font-size: 9px; margin-top: 8px; margin-left: 10px; text-transform: uppercase;">
  982. <div id="playerz">
  983. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  984. <br>{block:Album}<b>Album:</b> {Album}{/block:Album}
  985. <br>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
  986. <br><b>Plays:</b> {FormattedPlayCount}</div></div>
  987. <p><font style="color:#121212;">.</font>
  988. {/block:Audio}
  989.  
  990.  
  991.  
  992. {block:Video}
  993. <p><font style="color:#121212;">.</font>
  994. <div style="max-width:250px;">{Video-250}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  995.  
  996.  
  997. {block:Chat}<ul id="chat">{block:Title}{Title}{/block:Title} {block:Lines}<li id="user_{UserNumber}">{block:Label}<span id="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  998.  
  999.  
  1000. {block:Answer}
  1001. <img src="http://i.imgur.com/WQ3iwrb.png" style="max-width:50px; opacity:0.7; position:absolute; margin-left:0px; margin-top:16px;">
  1002. <div class="asker"> {asker} </div>
  1003. <div class="asker2"> suggested a new offer. </div>
  1004. <div class="ques"> {question} </div>
  1005. <div class="answer"> <p> {answer} </div>
  1006. {/block:Answer}
  1007.  
  1008.  
  1009.  
  1010. <div id="date">
  1011. <a href="{Permalink}" title="{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}"> ♣ </a></div>
  1012. <div id="notez"> <a href="{Permalink}" title="{TimeAgo}"> ♤ </a> </div>
  1013. <div id="reblog"><a href="{ReblogUrl}" title="SHARE."> ♦ </a></div>
  1014.  
  1015. <div id="tagsborder"> . </div>
  1016. <div id="tags">{block:HasTags}
  1017. {block:Tags} <a href="{TagURL}"><font style="font-size:8px;">#{Tag}</font></a> &nbsp; &nbsp; {/block:Tags}{/block:HasTags}</div></div>
  1018.  
  1019.  
  1020. {block:permalinkpage}
  1021. <p> <font style="color:#0f0f0f"> . </font>
  1022. {/block:permalinkpage}
  1023.  
  1024. {block:PostNotes}
  1025. <div id="notes">{PostNotes}</div>
  1026. {/block:PostNotes}
  1027. {/block:Posts}
  1028.  
  1029. {/block:Posts} </div> </div> </div>
  1030.  
  1031.  
  1032.  
  1033. </div></div></div>
  1034.  
  1035.  
  1036. {block:ContentSource}
  1037. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1038. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1039. {/block:SourceLogo}
  1040. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1041. {/block:ContentSource}
  1042.  
  1043. <!-- {block:NoRebloggedFrom}
  1044. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1045. {/block:NoRebloggedFrom} -->
  1046.  
  1047.  
  1048.  
  1049.  
  1050. <div id="credits"> <a href="http://arcanemistrust.tumblr.com/" title="Commissions by Angi."> M </a> </div>
  1051.  
  1052. </body>
  1053.  
  1054.  
  1055.  
  1056.  
  1057. <div id="navi" class="popup_block" >
  1058. <div id="popupbg">
  1059. <div id="headerbar">
  1060. <ul id="tabs"> <!-- HEADERBAR -->
  1061. <li class="active"> Laws. </li>
  1062. <li> Dossier. </li>
  1063. <li> Links. </li>
  1064. </ul></div>
  1065.  
  1066.  
  1067. <div id="tabbar">
  1068. <ul id="tab">
  1069. <!-- category one -->
  1070. <li class="active">
  1071. <div class="popuptext">
  1072.  
  1073. <!-- RULES -->
  1074. <p>Hello there! I’ll like to star off by thanking you for taking your time to read this important page.<br></p><p>
  1075.  
  1076. <br><b>First of all,&nbsp;</b>Mutual only, if we are not mutual, do NOT send ic asks, do NOT reply to my opens, to NOT follow and un-follow me. This makes me extremely uncomfortable.</p>
  1077.  
  1078. <p>I do not bite, so if you wanna talk to me out of character be free to do so, even if its just to remind me of I reply I may own you.</p>
  1079.  
  1080. <pre>Tag&nbsp;</pre>
  1081. <p>Every starter will be tagged according to the tag you’re tracking. (I take my time to go to each of your blog to make sure I tag you correctly) All Starters directed to me, should be properly tagged (dawian) if it’s not, I won’t be replying, unless I see it.</p>
  1082.  
  1083. <pre>Following&nbsp;</pre>
  1084. <p>I do not always follow back, mainly to keep my dash clean and manageable.</p>
  1085.  
  1086. <p>I will un-follow those who post too much ooc things, or uses their blog as personal as well as role-playing.<br></p>
  1087.  
  1088.  
  1089. <pre>Message&nbsp;</pre>
  1090. <p>Any hate message will be completely ignored and the person blocked without hesitation.<br><br></p>
  1091.  
  1092. <p>Send the memes! do not use my blog as a meme source or I will unfollow if it happens way too often. I do not want this to sound like you have to send me meme in order to re-blog something from my blog, but if you can’t send anything or simply to not wish to re-blog then from the original source</p>
  1093.  
  1094. <pre>Threads/ replies</pre>
  1095.  
  1096. <p><b>DO NOT</b> like my starter call to bluntly ignore or not reply after I take my time and effort to write one for you, it rude! It you do not like the starter say something to me, and I will plot something out so that we can both be content with the result. Now I will unfollow if this happens more the once!</p>
  1097.  
  1098. <p>English in not my native language, I try my best, but in case of a misspelled word or any grammar error I apologize</p>
  1099.  
  1100. <p>I work a full time job 5 days a week 8 hours a day plus a part time so activity may be slow, I will take my time to reply to threads, and I will not tolerate any pressure for replies or anyone rushing for one.</p>
  1101.  
  1102. <p><b>I do not </b>always do a starter for new follower, mostly because I find that most of them do not always get an answer, if you wish to rp with me send me a massage or reply to any random open post.</p>
  1103.  
  1104. <pre>Smut threads</pre>
  1105. <p>will be strictly prohibited for the main verse of this blog and extremely selective for the adult verse, there has to be a relationship developed between the characters and the counterpart has to be of age strictly. (I do not do abusive theme and I do not rape theme) Nsfw theme such a violent, gore and murder are welcome.</p>
  1106.  
  1107. <pre>Other&nbsp;</pre>
  1108.  
  1109. <p>How a portrait my character is up to me and how I view him. I’m sure you’re a big fan and you know everything about him or the series but that does not give you any authority to tell me or anyone else how should they or should not role-play such character.</p>
  1110.  
  1111. <p><b><i>I role-play</i> </b>for fun and to forgot the everyday troubles and stresses and because I love doing so, not for any other reason. Keep that in mind.</p>
  1112.  
  1113. <p><b>Warning:</b>&nbsp;This is a R-18 blog it may contains heavily offensive content follow by foul language, blaspheme, violence. if any of this make you feel uncomfortable to not follow. May also contain spoiler.</p>
  1114.  
  1115.  
  1116. </div></li>
  1117.  
  1118.  
  1119.  
  1120.  
  1121.  
  1122.  
  1123.  
  1124.  
  1125. <li> <!-- ABOUT -->
  1126. <infoh>Damian Wayne</infoh>
  1127. <br><br>
  1128. <pre>BASIC INFORMATION&nbsp;</pre>
  1129. <p>
  1130. <b>FULL NAME:</b> damian wayne <br>
  1131. <b>ALIAS: </b>robin <br>
  1132. <b>GENDER: </b>male&nbsp;</p>
  1133.  
  1134. <pre>PHYSICAL TRAITS&nbsp;</pre>
  1135. <p>
  1136. <b>EYE COLOUR: </b>green <br>
  1137. <b>HAIR COLOUR:</b> black <br>
  1138. <b>HEIGHT: </b>4'6" <br>
  1139. <b>AGE:</b> 10 YEARS <br>
  1140. <b>EQUIPMENT:</b> Katana sword, batarang, grappling hooks, brass knuckles with spikes, Robin mask with assorted lenses for various situations. <br>
  1141. <b>FACECLAIM: </b>Jared Gilmore&nbsp;</p>
  1142.  
  1143. <pre>PERSONALITY&nbsp;</pre>
  1144.  
  1145. <p><b>LIKES</b>: animals, art, music <br><br>
  1146. Damian is violent and self-important. He is also known to have some anger issues and sometimes can display jealousy problem, however under the guidance of richard, damian has learned to him control his emotions.&nbsp;</p>
  1147.  
  1148. <pre>BIOGRAPHY.&nbsp;</pre>
  1149. <p>Damian was raised by his mother until ten years of age, at which point she left him in the care of his father, who had not been aware of his son's existence until that point in time. Damian was to be the perfect heir to the al ghul criminal empire and the league of assassins, learning to kill at a young age. He struggled with his more lethal tendencies, which clashed with his father's strict rule against killing.&nbsp;</p>
  1150.  
  1151. <pre>ABILITIES</pre>
  1152. <p><b>Skilled Martial Artist:</b> He is an exceptional martial artist, trained by the League of Assassins. He has said to know as many martial arts as Batman.
  1153.  
  1154. <br><b>Strength Level:</b> Damian possesses all the strength of a normal human male who engages in intense regular exercise.
  1155.  
  1156. <br><b>Hearing:</b> Damian has exceptional hearing. He is the only Robin ever allowed to fight with a hood, since he proved he could fight without seeing anything. He beat up his opponents just by listening to how they moved.
  1157.  
  1158. <br><b>Stealth:</b> Due to his small size he may be the stealthest Robin.
  1159.  
  1160. <br><b>Acrobatics:</b> Damian is very acrobatic due to training with the League of Assassins.</p></li>
  1161.  
  1162.  
  1163.  
  1164.  
  1165.  
  1166. <li> <!-- LINKS -->
  1167. <div class="popuptext">
  1168. <center>
  1169. <b>links title.</b><br>
  1170. <a href="" id="navilinks">link</a>
  1171. <a href="" id="navilinks">link</a>
  1172. <a href="" id="navilinks">link</a>
  1173. <a href="" id="navilinks">link</a>
  1174. <a href="" id="navilinks">link</a>
  1175. <a href="" id="navilinks">link</a>
  1176. <br><br>
  1177. <b>links title.</b><br>
  1178. <a href="" id="navilinks">link</a>
  1179. <a href="" id="navilinks">link</a>
  1180. <a href="" id="navilinks">link</a>
  1181. <a href="" id="navilinks">link</a>
  1182. <a href="" id="navilinks">link</a>
  1183. <a href="" id="navilinks">link</a>
  1184. <br><br>
  1185.  
  1186. <br><br></center>
  1187. </div></div></li>
  1188. </ul>
  1189.  
  1190. </div></div></div></div></div></div></div>
  1191. </div></div></div></div></div></div>
  1192.  
  1193.  
  1194.  
  1195.  
  1196.  
  1197.  
  1198. </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!