API tools faq
paste
Advertisement
dragonamazon

odin arrow theme

dragonamazon
Jul 24th, 2016
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.68 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!-- octomoosey @ tumblr -->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <meta name="color:background" content="#000"/>
  14. <meta name="color:desctext" content="#fff"/>
  15. <meta name="color:pagination" content="#fff"/>
  16. <meta name="color:text" content="#fff"/>
  17. <meta name="color:link" content="#529ecc"/>
  18. <meta name="color:linkhover" content="#b8b8b8"/>
  19. <meta name="color:bold" content="#529ecc" />
  20. <meta name="color:italic" content="#529ecc" />
  21. <meta name="color:pre" content="#000" />
  22. <meta name="color:pretext" content="#fff" />
  23. <meta name="color:scrollbar" content="#529ecc" />
  24.  
  25. <meta name="text:link 1" content="link 1"/>
  26. <meta name="text:link 1 url" content="/"/>
  27. <meta name="text:link 2" content="link 2"/>
  28. <meta name="text:link 2 url" content="/"/>
  29. <meta name="text:link 3" content="link 3"/>
  30. <meta name="text:link 3 url" content="/"/>
  31. <meta name="text:link 4" content="link 4"/>
  32. <meta name="text:link 4 url" content="/"/>
  33. <meta name="text:link 5" content="link 5"/>
  34. <meta name="text:link 5 url" content="/"/>
  35. <meta name="text:link 6" content="link 6"/>
  36. <meta name="text:link 6 url" content="/"/>
  37. <meta name="text:link 7" content="link 7"/>
  38. <meta name="text:link 7 url" content="/"/>
  39. <meta name="text:link 8" content="link 8"/>
  40. <meta name="text:link 8 url" content="/"/>
  41. <meta name="text:link 9" content="link 9"/>
  42. <meta name="text:link 9 url" content="/"/>
  43. <meta name="text:link 10" content="link 10"/>
  44. <meta name="text:link 10 url" content="/"/>
  45.  
  46. <meta name="image:background" content="http://static.tumblr.com/420c284120d73a4be652a2f46acf63a5/86jccts/dCrnm8tta/tumblr_static_efng6cl6klc0o8kg88cs0g0gc.jpg"/>
  47.  
  48. <meta name="if:greyscale" content="1"/>
  49. <meta name="if:tinycursor" content="1"/>
  50. <meta name="font:body font" content="Gibson">
  51. <meta name="text:text size" content="11px" />
  52.  
  53. <meta name="text:post margin left" content="350"/>
  54. <meta name="text:post margin top" content="161"/>
  55. <meta name="text:post height" content="440"/>
  56. <meta name="text:description margin left" content="830"/>
  57. <meta name="text:description margin top" content="450"/>
  58. <meta name="text:description width" content="300"/>
  59. <meta name="text:links margin left" content="300"/>
  60. <meta name="text:links margin top" content="120"/>
  61. <meta name="text:link alignment" content="inline-block"/>
  62. <meta name="text:font awesome" content="fa fa-asterisk"/>
  63. <meta name="text:page margin left" content="500"/>
  64. <meta name="text:page margin top" content="620"/>
  65.  
  66. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  67.  
  68. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  69.  
  70.  
  71. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  72.  
  73. <script src=“http://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js”></script>
  74.  
  75. <div id="hardziam">
  76. <div class="ziam">&nbsp;➽&nbsp;</div>
  77. <div class="mulan">
  78. <h3>independent odin arrow</h3>
  79. <p><h4>written by bruns.<br />selective &<br />semi-private</h4></p>
  80. <p>please read pages<br />before interaction</p>
  81. <br><br>
  82. </div>
  83. </div>
  84.  
  85.  
  86. <link href='https://fonts.googleapis.com/css?family=Marck+Script|Sacramento|Berkshire+Swash|Rock+Salt|Montez|Yellowtail|Parisienne|Pacifico|Amatic+SC:700|Orbitron|Bad+Script|Audiowide|Damion|Montez' rel='stylesheet' type='text/css'>
  87.  
  88.  
  89. <script type="text/javascript"
  90. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  91. <script>
  92. $(document).ready(function() {
  93. //
  94. $('a.poplight[href^=#]').click(function() {
  95. var popID = $(this).attr('rel'); //Get Popup Name
  96. var popURL = $(this).attr('href'); //Get Popup href to define size
  97. var query= popURL.split('?');
  98. var dim= query[1].split('&');
  99. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  100. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  101. var popMargTop = ($('#' + popID).height() + 80) / 2;
  102. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  103. //Apply Margin to Popup
  104. $('#' + popID).css({
  105. 'margin-top' : -popMargTop,
  106. 'margin-left' : -popMargLeft
  107. });
  108. $('body').append('<div id="fade"></div>');
  109. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  110. return false;
  111. });
  112. $('a.close, #fade').live('click', function() {
  113. $('#fade , .popup_block').fadeOut(function() {
  114. $('#fade, a.close').remove(); //fade them both out
  115. });
  116. return false;
  117. });
  118. });
  119. </script>
  120.  
  121.  
  122. <style type="text/css">
  123.  
  124.  
  125. #s-m-t-tooltip {
  126. max-width:300px;
  127. border-radius: 0px; /* you can add in a border radius here for curved corners if you like */
  128. padding:4px; /* space around the text */
  129. margin:5px 10px 5px 0px; /* positioning of your hover info in relation to the link */
  130. color:#fff; /* text color */
  131. border:1px solid #fff; /* optional border and border color */
  132. font-family: ‘Fjalla One’, sans-serif; /* i’ve added a custom font in here but you can remove this line if you don’t use custom fonts */
  133. font-size:10px; /* font size of your hover info */
  134. letter-spacing:2px; /* optional letter spacing */
  135. background:#000; /* change the background color of your hover info */
  136. z-index:99999;}
  137.  
  138.  
  139.  
  140. b, strong {
  141.  
  142. font-size: 17px;
  143. letter-spacing: 1px;
  144. font-family: 'Berkshire Swash', cursive;
  145. text-shadow: 2px 2px 4px #0a020d;}
  146.  
  147. i, italics {
  148.  
  149. font-size: 16px;
  150. font-family: 'Parisienne', cursive;
  151. text-shadow: 2px 2px 6px #0a020d;}
  152.  
  153. a:hover, linkhover {
  154.  
  155. text-shadow: 0px 0px 0px ;}
  156.  
  157. h2 {
  158.  
  159. font-size: 16px;
  160. font-family: 'Orbitron', sans-serif;
  161. text-shadow: 0px 0px 3px #c18c8c;}
  162.  
  163. h3 {
  164.  
  165. font-size: 18px;
  166. color:#ffffff;
  167. font-family: 'Yellowtail', cursive;
  168. text-shadow: 0px 0px 3px #c18c8c;}
  169.  
  170. ::-webkit-scrollbar-thumb {
  171. height:auto;
  172. background-color:{color:Scrollbar};}
  173.  
  174. ::-webkit-scrollbar {
  175. height:9px;
  176. width:4px;
  177. background-color:transparent;}
  178.  
  179.  
  180.  
  181. /* pop-up bit 2 vvvvv */
  182.  
  183.  
  184.  
  185. .popup_block{
  186. max-width: 400px;
  187. max-height: 400px;
  188. overflow-y:transparent;
  189. overflow-x:hidden;
  190. color:#ddd;
  191. display:none;
  192. background:#120a1f;
  193. background-image: url("https://65.media.tumblr.com/724160ced0285fb902ca0155b794cb2f/tumblr_inline_o98q9cvvt91tnlgb6_540.png");
  194. padding:20px;
  195. border:3px dotted #ff0286; /* if you want a solid white pop-up, delete this */
  196. float:left;
  197. position:fixed;
  198. top:50%;left:50%;
  199. z-index: 99999;
  200. -webkit-box-shadow: 2px 2px 20px #000; /* delete for solid white */
  201. -moz-box-shadow: 2px 2px 20px #000; /* delete for solid white */
  202. box-shadow: 2px 2px 20px #000; /* delete for solid white */
  203. }
  204.  
  205. *html #fade {position: absolute;}
  206. *html .popup_block {position: absolute;}
  207. #fade {
  208. display:none;
  209. position:fixed;
  210. left:0px;
  211. top:0px;
  212. width:100%;
  213. height:100%;
  214. z-index:9999;
  215. background:#000; /* change to #fff for solid white */
  216. opacity:0.5; /* change to opacity:1; */
  217. }
  218.  
  219. /* pop-up bit 2 ^^^^^ */
  220.  
  221.  
  222.  
  223.  
  224. {block:iftinycursor}
  225. body, a, a:hover{
  226. cursor: url('https://41.media.tumblr.com/1836338e87f87fb2bce8af27cd7d7845/tumblr_inline_o23ql7JGHl1t9udfl_540.png'),;}
  227. {/block:iftinycursor}
  228.  
  229. iframe#tumblr_controls {
  230. right:3px !important;
  231. position: fixed !important;
  232. -webkit-transition: opacity 0.7s
  233. linear;opacity: 0.2;
  234. -webkit-transition: all 0.8s ease-out;
  235. -moz-transition: all 0.8s ease-out;
  236. transition: all 0.8s ease-out;}
  237.  
  238. iframe#tumblr_controls:hover{
  239. -webkit-transition: opacity 0.7s linear;
  240. opacity: 1;
  241. -webkit-transition: all 0.4s ease-out;
  242. -moz-transition: all 0.4s ease-out;
  243. transition: all 0.4s ease-out;}
  244.  
  245.  
  246. body {
  247. background-color:{color:background};
  248. background-image: url('{image:background}');
  249. background-position: top left;
  250. background-repeat: no-repeat;
  251. background-attachment: fixed;
  252. line-height:110%;
  253. color:{color:text};
  254. font-family:{font:body font};
  255. font-size: {text:text size};}
  256.  
  257. a {
  258. text-decoration:none;
  259. outline:none;
  260. -moz-outline-style:none;
  261. color:{color:link};
  262. -webkit-transition: all 0.7s ease;
  263. -moz-transition: all 0.7s ease;
  264. -o-transition: all 0.7s ease;}
  265.  
  266. a:hover {
  267. color:{color:linkhover};
  268. -webkit-transition: all 0.7s ease;
  269. -moz-transition: all 0.7s ease;
  270. -o-transition: all 0.7s ease;}
  271.  
  272. blockquote {
  273. padding:2px 7px;
  274. margin:3px 0 3px 8px;
  275. border-left:2.5px solid #c20a2c;
  276. background-color:transparent;
  277. border-radius: 8px 0px 0px 8px;
  278. -moz-border-radius: 8px 0px 0px 8px;
  279. -webkit-border-radius: 8px 0px 0px 8px;}
  280.  
  281. blockquote img {
  282. max-width:100%;
  283. height:auto;}
  284.  
  285. b, strong {
  286. color:{color:bold};}
  287.  
  288. i, em {
  289. color:{color:italic};}
  290.  
  291. small {
  292. font-size:{text:Text Size}}
  293.  
  294. sup, sub {
  295. font-size:9,05px;}
  296.  
  297. big {
  298. font-size:12px;}
  299.  
  300. pre {
  301. color:{color:pretext};
  302. background-color:{color:pre};
  303. font-size:10px;
  304. padding:20px;
  305. white-space: pre-wrap; /* css-3 */
  306. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  307. white-space: -pre-wrap; /* Opera 4-6 */
  308. white-space: -o-pre-wrap; /* Opera 7 */
  309. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  310.  
  311. {block:IfGreyscale}
  312.  
  313. img {
  314. -webkit-filter:grayscale(100%);
  315. -webkit-transition: all 0.9s ease-in-out;
  316. -moz-transition: all 0.9s ease-in-out;
  317. -o-transition: all 0.9s ease-in-out;
  318. -ms-transition: all 0.9s ease-in-out;
  319. transition: all 0.9s ease-in-out;}
  320.  
  321. img:hover {
  322. -webkit-filter:none;}
  323.  
  324. .html_photoset {
  325. -webkit-filter: grayscale(100%);
  326. -webkit-transition: all 0.9s ease-in-out;
  327. -moz-transition: all 0.9s ease-in-out;
  328. -o-transition: all 0.9s ease-in-out;
  329. -ms-transition: all 0.9s ease-in-out;
  330. transition: all 0.9s ease-in-out;}
  331.  
  332. .html_photoset:hover {
  333. -webkit-filter: none;}
  334.  
  335. {/block:IfGreyscale}
  336.  
  337. img {
  338. max-width:100%;
  339. height:auto;}
  340.  
  341. h1 {
  342. font-size:16px;
  343. font-family:{font:body font};
  344. font-weight: 300;
  345. letter-spacing: 1.5px;
  346. line-height: 130%;
  347. text-align:right;
  348. color:{color:text};}
  349.  
  350. #entries {
  351. position:fixed;
  352. width:410px;
  353. background:transparent;
  354. height:{text:post height}px;
  355. top: {text:post margin top}px;
  356. left:{text:post margin left}px;
  357. z-index:999;
  358. position:relative;
  359. overflow-y:scroll;
  360. overflow-y:transparent;
  361. overflow-x:hidden;}}
  362.  
  363. .posts {
  364. width: 400px;
  365. padding: 20px;
  366. margin-bottom:30px;
  367. color: {color:text};
  368. text-align:justify;}
  369.  
  370. #description {
  371. position:fixed;
  372. top: {text:description margin top}px;
  373. left:{text:description margin left}px;
  374. width:{text:description width}px;
  375. text-align:center;
  376. font-size:10px;
  377. line-height:120%;
  378. font-family:{font:body font};
  379. color:{color:desctext};}
  380.  
  381. #links {
  382. position:fixed;
  383. text-align:left;
  384. top: {text:links margin top}px;
  385. left:{text:links margin left}px;}
  386.  
  387. #links a {
  388. margin-top:10px;
  389. display:{text:link alignment};
  390. font-size:11px;
  391. line-height:21px;
  392. text-align:center;
  393. width:18px;
  394. font-weight:normal;
  395. text-transform:uppercase;
  396. letter-spacing:1px;}
  397.  
  398. #link1 {
  399. position:fixed;
  400. margin-left:-5px;
  401. margin-top:0px;}
  402.  
  403. #link2 {
  404. position:fixed;
  405. margin-left:15px;
  406. margin-top:0px;}
  407.  
  408. #link3 {
  409. position:fixed;
  410. margin-left:35px;
  411. margin-top:0px;}
  412.  
  413. #link4 {
  414. position:fixed;
  415. margin-left:55px;
  416. margin-top:0px;}
  417.  
  418. #link5 {
  419. position:fixed;
  420. margin-left:75px;
  421. margin-top:0px;}
  422.  
  423. #link6 {
  424. position:fixed;
  425. margin-left:75px;
  426. margin-top:0px;}
  427.  
  428. #links a:hover {
  429. opacity:0.5;}
  430.  
  431. #pagination {
  432. position:fixed;
  433. top: {text:page margin top}px;
  434. left:{text:page margin left}px;
  435. color:transparent;}
  436.  
  437. #asker {
  438. z-index:9999999999 !important;
  439. margin-left:20px;
  440. margin-top:0px;
  441. margin-right:10px;}
  442.  
  443. #askurl {
  444. font-size:20px;
  445. letter-spacing:3px;
  446. margin-left:70px;
  447. margin-top:-25px;
  448. margin-right:5px;}
  449.  
  450. #question {
  451. font-size: {text:text size};
  452. margin-left:70px;
  453. margin-right:40px;
  454. padding:10px;
  455. text-align:justify;}
  456.  
  457. #quote {
  458. font-size:16px;
  459. font-family:{font:body font};
  460. text-align: center;
  461. font-weight: 300;
  462. letter-spacing: 1.5px;
  463. line-height: 130%;
  464. padding-bottom: 10px;}
  465.  
  466. #cover {
  467. position: relative;
  468. z-index: 1;
  469. height: 80px;
  470. float:left;
  471. margin:4px;
  472. box-shadow:0px 0px 5px {color:box shadow};}
  473.  
  474. #button {
  475. width:20px;
  476. height:30px;
  477. overflow: hidden;
  478. position: relative;
  479. z-index: 99;
  480. margin: 15px 24px 13px 16px;}
  481.  
  482. #buttons {
  483. background-color: #fff;
  484. position: absolute;
  485. z-index: 99;
  486. margin-top: 15px;
  487. margin-left: 15px;
  488. opacity: 0;
  489. -webkit-transition: opacity 0.5s linear;
  490. -webkit-transition: all 0.5s linear;
  491. -moz-transition: all 0.5s linear;
  492. -o-transition: all 0.5s linear;}
  493.  
  494. #post:hover #buttons {
  495. opacity:1;}
  496.  
  497. #musicinfo {
  498. margin-left: 110px;
  499. font-size:10px;
  500. min-height:70px;
  501. text-align:left;
  502. position: relative;}
  503.  
  504. .note {
  505. color:{color:postbg};
  506. text-transform:uppercase;
  507. width:398px;
  508. font-style:normal;
  509. letter-spacing:0px;
  510. font-size: 10px;
  511. text-align:left;
  512. line-height:100%;
  513. margin-left:-15px;}
  514.  
  515. .note li {
  516. list-style-type:none;
  517. padding:10px 25px 10px 25px;
  518. text-align:left;
  519. -moz-transition-duration:0.5s;
  520. -webkit-transition-duration:0.5s;
  521. -o-transition-duration:0.5s;}
  522.  
  523. .note img.avatar {
  524. margin-right: 10px;
  525. width: 16px;
  526. height: 16px;}
  527.  
  528. .tags {
  529. border-top:1px solid {color:text};
  530. font-size:8.5px;
  531. text-transform:normal;
  532. padding-top:5px;
  533. padding-bottom:5px;
  534. margin-top:5px;
  535. margin-bottom:5px;
  536. -webkit-transition: all 0.8s ease;
  537. -moz-transition: all 0.8s ease;
  538. transition: all 0.8s ease;}
  539.  
  540. #permalink {
  541. background-image:url('https://67.media.tumblr.com/00f7e6189ffe585b8f1a122747eeb918/tumblr_inline_o8dlur5Zf91tnlgb6_540.png');
  542. font-size:8px;
  543. border:1px dotted #060109;
  544. margin-top:1px;
  545. padding-top:1px;
  546. margin-bottom:3px;
  547. background:#64415f;
  548. text-transform:uppercase;
  549. letter-spacing:1px;
  550. margin-top:10px;
  551. border-radius: 8px 8px 8px 8px;
  552. -moz-border-radius: 8px 8px 8px 8px;
  553. -webkit-border-radius: 8px 8px 8px 8px;}
  554.  
  555. div#qTip {
  556. border:2px dotted #9f9f9f;
  557. background:#272727;
  558. padding: 4px;
  559. display: none;
  560. font-family: 'tempus';
  561. margin-left:10px;
  562. margin-top:-7px;
  563. text-align: center;
  564. font-style:italic;
  565. position: absolute;
  566. font-size:14px;
  567. line-height:10px;
  568. z-index: 9999999;
  569. color:#9f9f9f;
  570. letter-spacing: 1px;
  571. border-radius: 6px 6px 6px 6px;
  572. -moz-border-radius: 6px 6px 6px 6px;
  573. -webkit-border-radius: 6px 6px 6px 6px;}
  574.  
  575.  
  576.  
  577. /* UPDATES! */
  578. #hardziam{
  579. position:fixed;
  580. top:10px;
  581. left:30px;
  582. width:150px;
  583. z-index:100;
  584. font:10px Calibri;}
  585.  
  586. #hardziam a{text-decoration:none;color:black;}
  587. .ziam{
  588. display:inline-block;
  589. border:1px solid #272727;
  590. background:#e1d7da;
  591. color:#c20a2c;
  592. margin-left:10px;
  593. padding:3px;
  594. -webkit-transition: all 0.5s ease-in-out;
  595. -moz-transition: all 0.5s ease-in-out;
  596. -o-transition: all 0.5s ease-in-out;}
  597.  
  598. #hardziam:hover
  599. .ziam{
  600. margin-left:85px;
  601. -webkit-transition: all 0.5s ease-in-out;
  602. -moz-transition: all 0.5s ease-in-out;
  603. -o-transition: all 0.5s ease-in-out;}
  604.  
  605. #hardziam:hover .ziam:before{
  606. opacity:1;
  607. -webkit-transition: all 0.5s ease-in-out;
  608. -moz-transition: all 0.5s ease-in-out;
  609. -o-transition: all 0.5s ease-in-out;}
  610.  
  611. #hardziam:hover .ziam:after{
  612. width:83px;
  613. -webkit-transition: all 0.5s ease-in-out;
  614. -moz-transition: all 0.5s ease-in-out;
  615. -o-transition: all 0.5s ease-in-out;}
  616.  
  617. .ziam:after{
  618. content:'';
  619. position:fixed;
  620. width:0px;
  621. height:1px;
  622. margin-top:-8px;
  623. left:15px;
  624. background:white;
  625. -webkit-transition: all 0.5s ease-in-out;
  626. -moz-transition: all 0.5s ease-in-out;
  627. -o-transition: all 0.5s ease-in-out;}
  628.  
  629. .ziam:before{
  630. content:'';
  631. position:fixed;
  632. width:8px;
  633. height:8px;
  634. margin-top:1px;
  635. left:10px;
  636. background:white;
  637. opacity:0;
  638. -webkit-transition: all 0.5s ease-in-out;
  639. -moz-transition: all 0.5s ease-in-out;
  640. -o-transition: all 0.5s ease-in-out;}
  641.  
  642. .mulan{
  643. color:#fff;
  644. height:20px;
  645. width:100px;
  646. opacity:0;
  647. margin-top:-8px;
  648. margin-left:3px;
  649. border-left:1px solid white;
  650. padding:5px;
  651. overflow:hidden;
  652. -webkit-transition: all 0.5s ease-in-out;
  653. -moz-transition: all 0.5s ease-in-out;
  654. -o-transition: all 0.5s ease-in-out;}
  655.  
  656. #hardziam:hover .mulan{
  657. height:130px;
  658. opacity:1;
  659. -webkit-transition: all 0.5s ease-in-out;
  660. -moz-transition: all 0.5s ease-in-out;
  661. -o-transition: all 0.5s ease-in-out;
  662. transition-delay: 0.5s;
  663. -webkit-transition-delay: 0.5s; /* Safari */}
  664.  
  665. #hardziam h3{
  666. font:10px Calibri;
  667. color:#ac497f;
  668. padding:2px;
  669. width:120px;
  670. font-weight:bold;
  671. margin:auto;
  672. height:11px;
  673. text-transform:uppercase;
  674. letter-spacing:3px;}
  675.  
  676. #hardziam h4{
  677. font:8px Calibri;
  678. color:#b89bb1;
  679. padding:2px;
  680. width:150px;
  681. margin:auto;
  682. text-transform:uppercase;
  683. letter-spacing:2px;}
  684.  
  685.  
  686.  
  687. {CustomCSS}</style></head><body>
  688.  
  689.  
  690.  
  691.  
  692.  
  693. <div id="description"></div>
  694.  
  695. <div id="links">
  696. <div id="link1"><a href="/" title="back"><i class="{text:font awesome}"></i></a></div>
  697.  
  698. <div id="link2"><a href="/ask" title="inquire"><i class="{text:font awesome}"></i></a></div>
  699.  
  700. <div id="link3">{block:iflink1}<a href="#?w=400" rel="box1" title="{text:link 1}" class="poplight"><i class="{text:font awesome}"></i></a>{/block:iflink1}</div>
  701.  
  702. <div id="link4">{block:iflink2}<a href="#?w=400" rel="box2" title="{text:link 2}" class="poplight"><i class="{text:font awesome}"></i></a>{/block:iflink2}</div>
  703.  
  704. <div id="link5">{block:iflink3}<a href="#?w=400" rel="box3" title="{text:link 3}" class="poplight"><i class="{text:font awesome}"></i></a>{/block:iflink3}</div>
  705.  
  706. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}"><i class="{text:font awesome}"></i></a>{/block:iflink4}
  707. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}"><i class="{text:font awesome}"></i></a>{/block:iflink5}
  708. {block:iflink6}<a href="{text:link 6 url}" title="{text:link 6}"><i class="{text:font awesome}"></i></a>{/block:iflink6}
  709. {block:iflink7}<a href="{text:link 7 url}" title="{text:link 7}"><i class="{text:font awesome}"></i></a>{/block:iflink7}
  710. {block:iflink8}<a href="{text:link 8 url}" title="{text:link 8}"><i class="{text:font awesome}"></i></a>{/block:iflink8}
  711. {block:iflink9}<a href="{text:link 9 url}" title="{text:link 9}"><i class="{text:font awesome}"></i></a>{/block:iflink9}
  712. {block:iflink10}<a href="{text:link 10 url}" title="{text:link 10}"><i class="{text:font awesome}"></i></a>{/block:iflink10}
  713.  
  714. <div id="link6"><a href="http://octomoosey.tumblr.com/" title="credit"><i class="{text:font awesome}"></i></a></div>
  715. </div>
  716.  
  717. <div id="pagination">{block:Pagination}
  718. {{block:PreviousPage}<a href="{PreviousPage}"><font color="darkmagenta" face="Monotype Corsiva"><h2>▲</h2></font></a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}"><font color="darkmagenta" face="Monotype Corsiva"><h2>▼</h2></font></a>
  719. {/block:NextPage}
  720. {/block:Pagination}</div>
  721.  
  722. </div></div></div>
  723.  
  724. <div id="entries">
  725. {block:Posts}
  726. <div class="posts">
  727.  
  728. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  729.  
  730. {block:Photo}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  731. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  732.  
  733. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  734.  
  735. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  736.  
  737. {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<b><div style="font-family: courier new; font-size: 11px; text-align: center;">{Source}</div></b>{/block:Source}{/block:Quote}
  738.  
  739. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  740. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  741. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  742. {/block:ExternalAudio}<br><br>
  743. {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  744.  
  745. {block:Video}{Video-400}
  746. {block:Caption}{Caption}{/block:Caption}
  747. {/block:Video}
  748.  
  749. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<font size="2">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}</font>{/block:Chat}
  750.  
  751. {block:Answer}<div id="ask"><div id="asker"><img src="{AskerPortraitURL-30}"></div><div id="askurl">{Asker}:</div>
  752. <div id="question">{Question}</div></div>{Answer}{/block:Answer}
  753.  
  754. {block:Date}
  755. <div id="permalink">
  756. <center><a href="{Permalink}" title="{TimeAgo}">▃</a> &nbsp; {block:NoteCount}<a href="{Permalink}" title="{NoteCount} notes">▄</a>{/block:NoteCount} &nbsp;
  757.  
  758. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via">▅</a>{block:ContentSource} &nbsp; <a href="{ReblogRootURL}" title="from">▆</a></center>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}
  759.  
  760. </div>
  761. {block:HasTags}<div class="tags">{block:Tags} <color="fuchsia">➹&nbsp; </color><a href="{TagUrl}">{Tag}</a>{/block:Tags} &nbsp; </div>{/block:HasTags}
  762. </div>
  763. {/block:Date}
  764.  
  765. {block:PostNotes}
  766. <div class="note">
  767. {PostNotes}
  768. </div>
  769. {/block:PostNotes}
  770.  
  771. {/block:Posts}
  772.  
  773. </div>
  774.  
  775. {block:ContentSource}
  776. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  777. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  778. {/block:SourceLogo}
  779. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  780. {/block:ContentSource}
  781. </div>
  782.  
  783. </div>
  784.  
  785. </body>
  786.  
  787.  
  788.  
  789. <div id="box1" class="popup_block">
  790. <p><h3>&nbsp; &nbsp; &nbsp; general</h3></p>
  791. <blockquote>
  792. <ul>
  793. <li>independent Odin Arrow from Ava's Demon</li>
  794. <li>semi-private. memes are open to all</li>
  795. <li>multiship &amp; oc friendly</li>
  796. <li>i will &nbsp;<strong>not</strong> &nbsp;follow blogs that:</li>
  797. <ul>
  798. <li>don't trim posts</li>
  799. <li>reblog threads as ask</li>
  800. <li>have no about/rules page (unless the blog is under co. or something of the like)</li>
  801. <li>have muns under 14, seeing as a lot of mature content will be posted (unless your birthday is like a month from now)</li>
  802. <li>do not use icons of a constant size</li>
  803. <li>don't tag incest and/or have incestuous themes as a big part of their character, especially if it's a romanticized version of it.</li>
  804. <li>reblog as ask, don't trim post & don't understand mun ≠ muse</li>
  805. <li>steal stuff (graphics, headcanons)</li>
  806. <li>drag me into ooc drama</li>
  807. <li>have zombies as a main theme, like being a the walking dead muse and such, or have it on the blog untagged. it's my one trigger and i really don't want to go into panic mode</li>
  808. </ul>
  809. <li>this blog, much like the webcomic, will contain triggering subjects. i will do my best to tag them all.</li>
  810. <li>i am scatterbrained and a very busy person. some days i am outside of my house for over 12 hours. my will to roleplay isn't something that will happen always due to that and my mental illnesses.</li>
  811. <li>also thanks to my adhd, i am terrible with reading pages. be it because i'm on mobile most of the time, or because i do not have enough focus to read through rules and about pages. in that account, please do not unfollow me after a week. i've likely not had the attention span or time to see your blog.</li>
  812. <li>i do not send in passwords, but be sure i have read your rules before we interact or, usually, prior to following (unless i'm just really eager to follow you, i will have read your pages before doing so).</li>
  813. <li>smut is a "eh" subject for me. mun and muse are both of age (18) where i live (Brasil), but i've never done it and don't really plan on doing it. fade to blacks are my go-to in these cases. i am open to morning-after scenarios, though.</li>
  814. <li>also, although i'm brazilian, i will not roleplay in portuguese unless it's something in the thread, as in the thread is in english and only choice words/phrases are in portuguese, assuming odin would know the language at all.</li>
  815. <li>things i'm a-okay with people doing:</li>
  816. <ul>
  817. <li>ask for an au (i love aus so much)</li>
  818. <li>ask to see if our characters have chemistry for any sort of ship (if you're either a canon AD character or if we've interacted at least once before)</li>
  819. <li>ask me is it's okay for your character to be into odin (aka unrequited feelings. hint: yes. just do it. don't let your dreams be dreams)</li>
  820. <li>hurt my muse</li>
  821. <li>follow me if you're a duplicate</li>
  822. </ul>
  823. <li>the art used on this blog's theme is <a href="http://oddarrovv.tumblr.com/post/139880224449/thecarefree-avas-demon-odin-arrow" target="_blank">here</a>. i try my best to use only official art on my icons, and if not, i will likely draw them myself. however if i ever use someone else's art and they do not want me doing so, please do tell me.</li>
  824. <li>my name is brunna, as i said, i'm 18, live in brasil and so speak portuguese as a main language. i am currently in college studying film, though i aim to work in the animation and/or video games field. please never be afraid to talk to me for i am an anxious noodle</li>
  825. </ul>
  826. </blockquote>
  827. <h3>&nbsp; &nbsp; &nbsp; regarding exclusivity</h3>
  828. <blockquote>
  829. <ul>
  830. <li>i'm not an exclusive blog for personal reasons,&nbsp; <i>but!</i> &nbsp;i am very much open to being someone's main and someone being mine. i think it's great! i'm also okay with you making me the only odin you interact with, be it for mental illness reasons or anything of the like!</li>
  831. </ul>
  832. <p><i><b>mains</b></i><br /><big>&nbsp; &nbsp;<b><i><a href="http://lustpacted.tumblr.com">lustpacted. (magnolia lacivi)</a> <a href="http://oddarrovv.tumblr.com/tagged/(+LUSTPACTED+)+fire+dies+out.+ice+melts.+plants+wilt+and+so+will+your+hair+▪">(tag)</a></i></b></big></p>
  833. </blockquote>
  834. </div>
  835.  
  836.  
  837.  
  838. <div id="box2" class="popup_block">
  839. <p><center><img src="https://66.media.tumblr.com/16a25fe6f551243a5b3a832299cc9d92/tumblr_inline_o95sr7mBWE1tnlgb6_540.png"></center>
  840. <p><center><big><i>basics</i></big></center></p>
  841.  
  842. <p><b>name:</b>&nbsp; Odin Arrow</p>
  843.  
  844. <p><b>age:</b>&nbsp; 18 </p>
  845. <p><b>date of birth:</b>&nbsp; 1st of november</p>
  846.  
  847. <p><b>species:</b>&nbsp; humanoid, alien</p>
  848. <p><b>orientation:</b>&nbsp; pansexual, demiromantic</p>
  849.  
  850. <p><b>gender:</b>&nbsp; male</p>
  851.  
  852. <p><b>pronouns:</b>&nbsp; he/him</p>
  853.  
  854. <p><center><big><i>physical</i></big></center></p>
  855. <p><b>build:</b>&nbsp; tall, muscular, but on the skinny side</p>
  856. <p><b>height:</b>&nbsp; 1,80 m (5' 11'')</p>
  857. <p><b>hair:</b>&nbsp; messy dark violet, clearly cut with his own knife, and a beard of the same color. unkempt because he doesn't care enough to keep fixing it, though it fits well with his face nevertheless</p>
  858. <p><b>eyes:</b>&nbsp; indigo colored with bright pink square pupils. pink coloring due to being a possessed lifeform, saqure-ness due to being an alien</p>
  859. <p><b>skin:</b>&nbsp; pale, rather purple in the right light</p>
  860. <p><b>physicality:</b>&nbsp; healthy (sort of. he does exercise often, but food is scarce and his habits in general don't contribute for his general health)</p>
  861.  
  862.  
  863. <p><center><i>personal</i></center></p>
  864.  
  865. <p><b>star sign:</b>&nbsp; scorpio</p>
  866. <p><b>sin:</b>&nbsp; pride</p>
  867. <p><b>personal demon:</b>&nbsp; pedri nanezgani</p>
  868. <p><b>pacted:</b>&nbsp; no (verse dependent)</p>
  869. <p><b>family:</b>&nbsp; crow, raven, magpie (sisters, younger), olai (brother, older)</p>
  870. <p><b>friends:</b>&nbsp; ava, magpie</p>
  871.  
  872. <p><b>political affiliations:</b>&nbsp; not TiTAN</p>
  873.  
  874. <p><b>religious affiliations:</b>&nbsp; not TiTAN</p>
  875.  
  876. <p><b>mentality:</b>&nbsp; aquaphobia, anxiety disorder, insomnia, self image issues, low self esteem, might dissociate if triggered enough, (likely) ptsd. all undiagnosed</p>
  877.  
  878. <p><b>allergies:</b>&nbsp; none known</p>
  879.  
  880. <p><b>sleeping habits:</b>&nbsp; constant tossing and turning and sometimes one or two nights with no rest is routine. heavy or light sleeper state depends heavily on environment and how much sleep he's gotten lately</p>
  881.  
  882. <p><b>eating habits:</b>&nbsp; clear the plate. growing up he often didn't have food, and therefore he forces himself to never let it be wasted</p>
  883. <p><b>social habits:</b>&nbsp; introvert. detests talking due to constant sttuter, and while a good listener, his social anxiety and general behavior tend to drive people away</p>
  884.  
  885. <p><b>addictions:</b>&nbsp; florem mortem, a flower he constantly smokes to keep the ghost pedri nanezgani away. exactly why it does is a mystery to him, but he doesn't complain about the result</p>
  886.  
  887. <p><b>drug use:</b>&nbsp; none aside from florem mortem</p>
  888.  
  889. <p><b>alcohol ingestion:</b>&nbsp; sometimes when the flower isn't working, during celebratory events, or when the day has been much too hard for him</p>
  890. <hr>
  891. <p><center><b><a href="http://oddarrovv.tumblr.com/v">Timelines</a></b> &nbsp; <b>||</b> &nbsp; <b><a href="http://oddarrovv.tumblr.com/au">Alternates</a></b></center></p>
  892.  
  893. </div>
  894.  
  895.  
  896.  
  897. <div id="box3" class="popup_block">
  898. <p><h3>NAVIGATION</h3></p>
  899. <p><center><h2><small><a href="http://oddarrovv.tumblr.com/v">VERSES</a> &nbsp; <a href="http://oddarrovv.tumblr.com/au">AU VERSES</a> &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/"></a> &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/"></a> &nbsp; </center></p>
  900. <p><h3>TAGS</h3></p>
  901. <p>&nbsp; &nbsp; characters&mdash;- &nbsp; <big><a href="http://oddarrovv.tumblr.com/tagged/(-ava.-)-new-beginnings-are-often-disguised-as-painful-endings-▪">ava</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-odin.-)-you-can-only-go-forward-by-making-mistakes-▪">odin</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-maggie.-)-some-people-are-like-clouds.-they-disappear-and-the-day-is-brighter-▪">magnolia</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-gil.-)-we-lacked-the-faith-to-believe-in-our-own-powers-▪">gil</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-wrathia.-)-life-begins-at-the-end-of-your-comfort-zone-▪">wrathia</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-pedri.-)-sunsets-on-a-blood-soaked-battlefield-▪">pedri</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-tuls.-)-you-cannot-expect-victory-and-plan-for-defeat-▪">tuls</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-nevy.-)-the-bluest-song-across-a-beach-of-faded-memories-▪">nevy</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/- crow.-)-everybody-wants-to-fall-in-love-▪">crow</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-raven.-)-but-nobody-wants-to-be-vulnerable-▪">raven</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-magpie.-)-a-dreamer-is-one-who-can-find-their-way-by-moonlight-▪">magpie</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-olai.-)-some-people-are-never-going-to-be-there-for-you-▪">olai</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-strategos.-)-honesty-is-a-very-expensive-gift-▪">strategos six</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-titan.-)-i’ve-given-you-promises-of-forever-▪">titan</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-ranunculae.-)-don’t-trust-what-you-see:-even-salt-looks-like-sugar-▪">ranunculae</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-lifeforms.-)-dont-walk-behind-me;-I-may-not-lead.-dont-walk-in-front-of-me;-I-may-not-follow.-just-walk-beside-me-and-be-my-friend-▪">lifeforms</a>.</big></p>
  902. <p>&nbsp; &nbsp; ships&mdash;- &nbsp; <big><a href="http://oddarrovv.tumblr.com/tagged/- ship.-avaodin.-)-but-you-fit-me-better-than-my-favorite-sweater-▪">odin/ava</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-ship.-gilodin.-)-you-need-something.-but-you-can’t-figure-out-what-it-is-▪">odin/gil</a>. &nbsp; <a href="">odin/nevy</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-ship.-maggodin.-)-most-people-are-so-afraid-to-say-what-they-want.-that’s-why-they-don’t-get-it-▪">odin/maggie</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-ship.-odinevy.-)-our-atoms-have-journeyed-through-space-and-time-to-be-together-▪">odin/nevy</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-ship.-stratodin.-)-i-hate-people-because-it’s-free-▪">odin/strategos</a>. &nbsp;</big></p>
  903. <p>&nbsp; &nbsp; musings&mdash;- &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-musings.-)-i-remember-dying-once-▪">thoughts</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-skillset.-)-there-aren’t-any-laws-i-wouldn’t-break-for-you-▪">skillset</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-pictures.-)-with-minds-free-of-thought-serenity-is-discovered-▪">aesthetics</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-music.-)-enough-of-your-bittersweet.-your-sugar-rots-my-teeth-▪">music</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-video.-)-my-phone-was-also-destroyed-▪">video</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/headcanons.">headcanons</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/ic-answer">ic asks</a>.</p>
  904. <p>&nbsp; &nbsp; ooc&mdash;- &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/memes.">memes</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-creator.-)-you-are-only-human-▪">official art</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/(-wishlist.-)">wishlist</a>. &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/ooc.">out of character</a> &nbsp; <a href="http://oddarrovv.tumblr.com/tagged/ooc-answer">ooc asks</a>.</p>
  905. </div>
  906.  
  907. </div></div></div></div></div></div></div></div></div></div>
  908. </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!