Advertisement
fatblackcat

eclipsiim

Apr 4th, 2016
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.89 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  10.  
  11. <link href='https://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' type='text/css'>
  12.  
  13. <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  14.  
  15. <link href='https://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>
  16.  
  17. <link href='https://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>
  18.  
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21. <script>
  22. $(document).ready(function() {
  23. //
  24. $('a.poplight[href^=#]').click(function() {
  25. var popID = $(this).attr('rel'); //Get Popup Name
  26. var popURL = $(this).attr('href'); //Get Popup href to define size
  27. var query= popURL.split('?');
  28. var dim= query[1].split('&');
  29. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  30. $('#' + 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>');
  31. var popMargTop = ($('#' + popID).height() + 80) / 2;
  32. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  33. //Apply Margin to Popup
  34. $('#' + popID).css({
  35. 'margin-top' : -popMargTop,
  36. 'margin-left' : -popMargLeft
  37. });
  38. $('body').append('<div id="fade"></div>');
  39. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  40. return false;
  41. });
  42. $('a.close, #fade').live('click', function() {
  43. $('#fade , .popup_block').fadeOut(function() {
  44. $('#fade, a.close').remove(); //fade them both out
  45. });
  46. return false;
  47. });
  48. });
  49. </script>
  50.  
  51. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  52. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  53. <script>
  54. (function($){
  55. $(document).ready(function(){
  56. $("[title],a[title],img[title]").style_my_tooltips({
  57. tip_follows_cursor:true,
  58. tip_delay_time:90,
  59. tip_fade_speed:600,
  60. attribute:"title"
  61. });
  62. });
  63. })(jQuery);
  64. </script>
  65.  
  66. <meta name="text:bg url" content="http://40.media.tumblr.com/2fa9d8851190527cb8ad53525e16f075/tumblr_o52nlwmQd31ufxgs3o1_1280.png" />
  67.  
  68. <meta name="color:background" content="#281517"/>
  69. <meta name="color:text" content="#dca5aa"/>
  70. <meta name="color:text shadow" content="#b02429"/>
  71. <meta name="color:bold" content="#ea8888"/>
  72. <meta name="color:bold shadow" content="#e92e29"/>
  73. <meta name="color:italic shadow" content="#b02429"/>
  74. <meta name="color:blockquote" content="#865257"/>
  75. <meta name="color:link" content="#d1b7b9"/>
  76. <meta name="color:link hover" content="#ffe8e8"/>
  77. <meta name="color:extra links" content="#fdfdfd"/>
  78. <meta name="color:extra links hover" content="#d1b7b9"/>
  79. <meta name="color:border" content="#67363a"/>
  80. <meta name="color:tooltip bg" content="#1b0e0f"/>
  81.  
  82. <meta name="text:cont height" content="420px" />
  83. <meta name="text:cont top axis" content="150px" />
  84. <meta name="text:cont left axis" content="675px" />
  85.  
  86. <meta name="text:tag symbol" content="✘" />
  87.  
  88. <meta name="text:pagination forward" content="♟" />
  89. <meta name="text:pagination forward title" content="chase" />
  90. <meta name="text:pagination backward" content="♙" />
  91. <meta name="text:pagination backward title" content="flee" />
  92. <meta name="text:pagination left axis" content="500px" />
  93. <meta name="text:pagination top axis" content="290px" />
  94.  
  95. <meta name="text:A links title" content="escape" />
  96. <meta name="text:A links url" content="/" />
  97. <meta name="text:A links symbol" content="✕" />
  98. <meta name="text:A links size" content="25px" />
  99. <meta name="text:A links left axis" content="57px" />
  100. <meta name="text:A links top axis" content="86px" />
  101. <meta name="text:A links rotate" content="-10deg" />
  102.  
  103. <meta name="text:B links title" content="major" />
  104. <meta name="text:B links url" content="/" />
  105. <meta name="text:B links symbol" content="✕" />
  106. <meta name="text:B links size" content="30px" />
  107. <meta name="text:B links left axis" content="184px" />
  108. <meta name="text:B links top axis" content="30px" />
  109. <meta name="text:B links rotate" content="21deg" />
  110.  
  111. <meta name="text:C links title" content="law" />
  112. <meta name="text:C links url" content="/" />
  113. <meta name="text:C links symbol" content="✕" />
  114. <meta name="text:C links size" content="35px" />
  115. <meta name="text:C links left axis" content="218px" />
  116. <meta name="text:C links top axis" content="100px" />
  117. <meta name="text:C links rotate" content="17deg" />
  118.  
  119. <meta name="text:D links title" content="inquiries" />
  120. <meta name="text:D links url" content="/" />
  121. <meta name="text:D links symbol" content="✕" />
  122. <meta name="text:D links size" content="28px" />
  123. <meta name="text:D links left axis" content="130px" />
  124. <meta name="text:D links top axis" content="112px" />
  125. <meta name="text:D links rotate" content="-6deg" />
  126.  
  127. <meta name="text:E links title" content="goodies" />
  128. <meta name="text:E links url" content="/submit" />
  129. <meta name="text:E links symbol" content="✕" />
  130. <meta name="text:E links size" content="25px" />
  131. <meta name="text:E links left axis" content="157px" />
  132. <meta name="text:E links top axis" content="149px" />
  133. <meta name="text:E links rotate" content="-11deg" />
  134.  
  135. <meta name="text:F links title" content="begleiter" />
  136. <meta name="text:F links url" content="/" />
  137. <meta name="text:F links symbol" content="✕" />
  138. <meta name="text:F links size" content="18px" />
  139. <meta name="text:F links left axis" content="191px" />
  140. <meta name="text:F links top axis" content="140px" />
  141. <meta name="text:F links rotate" content="-3deg" />
  142.  
  143. <style type="text/css">
  144.  
  145. /** basic tooltip from tutorial-baby**/
  146. .tooltip{
  147. display:inline;
  148. position:relative;
  149. }
  150. #s-m-t-tooltip{
  151. max-width:300px; /*how big the tooltip can be at most*/
  152. border-radius: 3px; /*change your border radius*/
  153. padding:2px 2px 2px 2px; /*padding inside tooltip*/
  154. margin:20px 7px -2px 20px; /*distance from word*/
  155. background-color:{color:tooltip bg};/*background color*/
  156. border:1px solid {color:border}; /*border info*/
  157. font-family:calibri; /*tooltip font*/
  158. font-size:11px; /*tooltip font size*/
  159. letter-spacing:1px; /*tooltip letter spacing*/
  160. text-transform:uppercase; /*makes the tooltip title uppercase*/
  161. color:{color:link}; /*tooltip font color*/
  162. z-index:99999999999999999999;
  163. }
  164.  
  165. ::-webkit-scrollbar-thumb{
  166. background-color: {color:blockquote};
  167. height:auto;
  168. }
  169.  
  170. ::-webkit-scrollbar {
  171. height:auto;
  172. width:4px;
  173.  
  174. }
  175.  
  176. /*- body -*/
  177.  
  178. body {
  179. margin:0px;
  180. font-family: 'Overlock', cursive;
  181. font-size:13px;
  182. text-shadow: 1px 1px 1px {color:Text shadow};
  183. letter-spacing:1px;
  184. line-height:100%;
  185. color:{color:text};
  186. background:{color:background};
  187. background-image:url({text:bg url});
  188. background-attachment: fixed;
  189. background-image:stretch;
  190. background-repeat: no-repeat;
  191. background-image:cover;
  192. background-position:left top;
  193. }
  194.  
  195. b, strong{
  196. color: {color:bold};
  197. text-shadow: 0px 0px 5px {color:Bold shadow};
  198. font-size:13px;
  199. letter-spacing:1px;
  200. font-family: 'Calligraffitti', cursive;
  201. }
  202.  
  203. i, em, strong {
  204. font-size:14px;
  205. text-shadow: 1px 1px 1px {color:Italic shadow};
  206. letter-spacing:1px;
  207. font-family: 'Bad Script', cursive;
  208. }
  209.  
  210. h1 {
  211. color: {color:bold};
  212. font-size:25px;
  213. text-shadow: 0px 0px 5px {color:bold shadow};
  214. text-align:center;
  215. line-height:110%;
  216. font-family: 'Nothing You Could Do', cursive;
  217. font-weight:normal;
  218. }
  219.  
  220. h2 {
  221. color: {color:bold};
  222. font-size:20px;
  223. text-shadow: 0px 0px 5px {color:bold shadow};
  224. text-align:center;
  225. line-height:110%;
  226. font-family: 'Nothing You Could Do', cursive;
  227. font-weight:normal;
  228. }
  229.  
  230. blockquote {
  231. border-radius:7px;
  232. border-left:2px solid {color:blockquote};
  233. padding-left:10px;
  234. padding-top:0.5px;
  235. padding-bottom:0.5px;
  236. margin:5px;
  237. }
  238.  
  239. a {
  240. text-decoration:none;
  241. outline:none;
  242. -moz-outline-style:none;
  243. color:{color:link};
  244. -webkit-transition: all 0.6s ease;
  245. -moz-transition: all 0.6s ease;
  246. -o-transition: all 0.6s ease
  247. }
  248.  
  249. a:hover {
  250. color:{color:link hover};
  251. -webkit-transition: all 0.8s ease;
  252. -moz-transition: all 0.8s ease;
  253. -o-transition: all 0.8s ease
  254. }
  255.  
  256. blockquote img {
  257. max-width:100%;
  258. height:auto;
  259. }
  260.  
  261. img {
  262. max-width: 100%;
  263. }
  264.  
  265. /*- posts/entries -*/
  266.  
  267. #container {
  268. margin: auto;
  269. width: 450px;
  270. }
  271.  
  272. #pcontainer {
  273. width:475px;
  274. height:{text:cont height};
  275. padding: 0px;
  276. top:{text:cont top axis};
  277. left:{text:cont left axis};
  278. margin: auto;
  279. position:fixed;
  280. overflow-y:scroll;
  281. overflow-x:hidden;
  282. border:0px dashed {color:borders};
  283. }
  284.  
  285.  
  286. #post {
  287. width:450px;
  288. padding-bottom:30px;
  289. margin-top:20px;
  290. }
  291.  
  292. #links {
  293. margin-top:{text:links top axis};
  294. margin-left:{text:links left axis};
  295. height:auto;
  296. text-align:center;
  297. font-size:25px;
  298. font-family:calibri;
  299. word-spacing:2px;
  300. position:fixed;
  301. }
  302.  
  303. #links a {
  304. -webkit-transition: all 0.4s ease;
  305. -moz-transition: all 0.4s ease;
  306. -o-transition: all 0.4s ease;
  307. }
  308.  
  309. #links a:hover {
  310. color:{color:link hover}
  311. -webkit-transition: all 0.4s ease;
  312. -moz-transition: all 0.4s ease;
  313. -o-transition: all 0.4s ease;
  314. }
  315.  
  316. #alinks {
  317. top:{text:A links top axis};
  318. left:{text:A links left axis};
  319. height:auto;
  320. text-align:center;
  321. font-size:{text:A links size};
  322. font-family:calibri;
  323. position:fixed;
  324. -ms-transform: rotate({text:A links rotate});
  325. -webkit-transform: rotate({text:A links rotate});
  326. -o-transform: rotate({text:A links rotate});
  327. }
  328.  
  329. #alinks a {
  330. color:{color:extra links};
  331. -webkit-filter: blur(1px);
  332. -webkit-transition: all 0.4s ease;
  333. -moz-transition: all 0.4s ease;
  334. -o-transition: all 0.4s ease;
  335. }
  336.  
  337. #alinks a:hover {
  338. color:{color:extra links hover};
  339. -webkit-filter: blur(4px);
  340. -webkit-transition: all 0.4s ease;
  341. -moz-transition: all 0.4s ease;
  342. -o-transition: all 0.4s ease
  343. }
  344.  
  345. #blinks {
  346. top:{text:B links top axis};
  347. left:{text:B links left axis};
  348. height:auto;
  349. text-align:center;
  350. font-size:{text:B links size};
  351. font-family:calibri;
  352. position:fixed;
  353. -ms-transform: rotate({text:B links rotate});
  354. -webkit-transform: rotate({text:B links rotate});
  355. -o-transform: rotate({text:B links rotate});
  356. }
  357.  
  358. #blinks a {
  359. color:{color:extra links};
  360. -webkit-filter: blur(1px);
  361. -webkit-transition: all 0.4s ease;
  362. -moz-transition: all 0.4s ease;
  363. -o-transition: all 0.4s ease;
  364. }
  365.  
  366. #blinks a:hover {
  367. color:{color:extra links hover};
  368. -webkit-filter: blur(4px);
  369. -webkit-transition: all 0.4s ease;
  370. -moz-transition: all 0.4s ease;
  371. -o-transition: all 0.4s ease;
  372. }
  373.  
  374. #clinks {
  375. top:{text:C links top axis};
  376. left:{text:C links left axis};
  377. height:auto;
  378. text-align:center;
  379. font-size:{text:C links size};
  380. font-family:calibri;
  381. position:fixed;
  382. -ms-transform: rotate({text:C links rotate});
  383. -webkit-transform: rotate({text:C links rotate});
  384. -o-transform: rotate({text:C links rotate});
  385. }
  386.  
  387. #clinks a {
  388. color:{color:extra links};
  389. -webkit-filter: blur(1px);
  390. -webkit-transition: all 0.4s ease;
  391. -moz-transition: all 0.4s ease;
  392. -o-transition: all 0.4s ease;
  393. }
  394.  
  395. #clinks a:hover {
  396. color:{color:extra links hover};
  397. -webkit-filter: blur(4px);
  398. -webkit-transition: all 0.4s ease;
  399. -moz-transition: all 0.4s ease;
  400. -o-transition: all 0.4s ease;
  401. }
  402.  
  403. #dlinks {
  404. top:{text:D links top axis};
  405. left:{text:D links left axis};
  406. text-align:center;
  407. font-size:{text:D links size};
  408. font-family:calibri;
  409. position:fixed;
  410. -ms-transform: rotate({text:D links rotate});
  411. -webkit-transform: rotate({text:D links rotate});
  412. -o-transform: rotate({text:D links rotate});
  413. }
  414.  
  415. #dlinks a {
  416. color:{color:extra links};
  417. -webkit-filter: blur(1px);
  418. -webkit-transition: all 0.4s ease;
  419. -moz-transition: all 0.4s ease;
  420. -o-transition: all 0.4s ease;
  421. }
  422.  
  423. #dlinks a:hover {
  424. color:{color:extra links hover};
  425. -webkit-filter: blur(4px);
  426. -webkit-transition: all 0.4s ease;
  427. -moz-transition: all 0.4s ease;
  428. -o-transition: all 0.4s ease;
  429. }
  430.  
  431. #elinks {
  432. top:{text:E links top axis};
  433. left:{text:E links left axis};
  434. height:auto;
  435. text-align:center;
  436. font-size:{text:E links size};
  437. font-family:calibri;
  438. position:fixed;
  439. -ms-transform: rotate({text:E links rotate});
  440. -webkit-transform: rotate({text:E links rotate});
  441. -o-transform: rotate({text:E links rotate});
  442. }
  443.  
  444. #elinks a {
  445. color:{color:extra links};
  446. -webkit-filter: blur(1px);
  447. -webkit-transition: all 0.4s ease;
  448. -moz-transition: all 0.4s ease;
  449. -o-transition: all 0.4s ease;
  450. }
  451.  
  452. #elinks a:hover {
  453. color:{color:extra links hover};
  454. -webkit-filter: blur(4px);
  455. -webkit-transition: all 0.4s ease;
  456. -moz-transition: all 0.4s ease;
  457. -o-transition: all 0.4s ease;
  458. }
  459.  
  460. #flinks {
  461. top:{text:F links top axis};
  462. left:{text:F links left axis};
  463. height:auto;
  464. text-align:center;
  465. font-size:{text:F links size};
  466. font-family:calibri;
  467. position:fixed;
  468. -ms-transform: rotate({text:F links rotate});
  469. -webkit-transform: rotate({text:F links rotate});
  470. -o-transform: rotate({text:F links rotate});
  471. }
  472.  
  473. #flinks a {
  474. color:{color:extra links};
  475. -webkit-filter: blur(1px);
  476. -webkit-transition: all 0.4s ease;
  477. -moz-transition: all 0.4s ease;
  478. -o-transition: all 0.4s ease;
  479. }
  480.  
  481. #flinks a:hover {
  482. color:{color:extra links hover};
  483. -webkit-filter: blur(4px);
  484. -webkit-transition: all 0.4s ease;
  485. -moz-transition: all 0.4s ease;
  486. -o-transition: all 0.4s ease;
  487. }
  488.  
  489. #pagination {
  490. margin-top:{text:pagination top axis};
  491. margin-left:{text:pagination left axis};
  492. text-align:center;
  493. font-size:20px;
  494. position:fixed;
  495. font-family:calibri;
  496. -ms-transform: rotate(25deg);
  497. -webkit-transform: rotate(25deg);
  498. -o-transform: rotate(25deg);
  499. }
  500.  
  501. /*- others -*/
  502.  
  503. #info {
  504. text-align:center;
  505. width:450px;
  506. margin-top:10px;
  507. padding: 5px;
  508. font-size: 8px;
  509. color: {color:link};
  510. border-top: 1px solid {color:border};
  511. }
  512.  
  513. #ask {
  514. padding:9px;
  515. padding-top:4px;
  516. padding-bottom:4px;
  517. text-align:left;
  518. text-transform:italic;
  519. color:{color:text};
  520. border-left:2px solid {color:blockquote};
  521. border-radius:7px;
  522. line-height:200%
  523. }
  524.  
  525. #answer {
  526. width: 450px;
  527. padding-top: 5px;
  528. margin-left: 7px;
  529. line-height:120%;
  530. }
  531.  
  532. #quote {
  533. font-size: 25px;
  534. text-align: center;
  535. line-height: 100%;
  536. font-family: 'Reenie Beanie', cursive;
  537. }
  538.  
  539. #credit {
  540. font-size:9px;
  541. font-family:calibri;
  542. letter-spacing:1px;
  543. }
  544.  
  545. #credit a {
  546. color:{color:link};
  547. background-color:{color:tooltip bg};
  548. border:1px solid {color:border};
  549. border-radius:5px;
  550. padding:5px;
  551. position:fixed;
  552. right:15px;
  553. bottom:10px
  554. }
  555.  
  556. #credit a hover {
  557. color:{color:link hover};
  558. }
  559.  
  560. #tags {
  561. font-style:normal;
  562. width:450px;
  563. text-transform:normal;
  564. font-style:normal;
  565. line-height:120%;
  566. text-align:center;
  567. }
  568.  
  569. #fade { /*--Transparent background layer--*/
  570. display: none; /*--hidden by default--*/
  571. background: #000;
  572. position: fixed; left: 0; top: 0;
  573. width: 100%; height: 100%;
  574. opacity: .80;
  575. z-index: 9999;
  576. }
  577. .popup_block{
  578.  
  579. display: none; /*--hidden by default--*/
  580. background-image:url("https://40.media.tumblr.com/14d29e8b26abfff7432a698aec51e044/tumblr_o52ndhwSx31ufxgs3o1_500.png");
  581. height:290px;
  582. padding: 5px;
  583. border: 1px solid #67363a;
  584. text-align:center;
  585. float: left;
  586. position: fixed;
  587. top: 55%; left: 55%;
  588. z-index: 999999;
  589. /*--CSS3 Box Shadows--*/
  590. -webkit-box-shadow: 0px 0px 20px #000;
  591. -moz-box-shadow: 0px 0px 20px #000;
  592. box-shadow: 0px 0px 20px #000;
  593. /*--CSS3 Rounded Corners--*/
  594. -webkit-border-radius: 2px;
  595. -moz-border-radius: 2px;
  596. border-radius: 5px;
  597. }
  598. img.btn_close {
  599. float: right;
  600. margin: -2px -2px 0 0;
  601. }
  602. /*--Making IE6 Understand Fixed Positioning--*/
  603. *html #fade {
  604. position: absolute;
  605. }
  606. *html .popup_block {
  607. position: absolute;
  608. }
  609.  
  610. #hovertitle {
  611. font-size: 20px;
  612. line-height: 15px;
  613. letter-spacing:2px;
  614. font-weight:normal;
  615. font-family: 'Nothing You Could Do', cursive;
  616. }
  617.  
  618. #hoverbox {
  619. position:fixed;
  620. top:100px;
  621. margin-left:1200px;}
  622.  
  623. #hovercontent {
  624. margin-top:10px;
  625. width:125px;
  626. color:{color:text};
  627. opacity:0;
  628. text-align:center;
  629. -webkit-transition: all 0.7s ease;
  630. -moz-transition: all 0.7s ease;
  631. -o-transition: all 0.7s ease;
  632. }
  633.  
  634. #hoverbox:hover #hovercontent {
  635. opacity:1;
  636. -webkit-transition: all 0.7s ease;
  637. -moz-transition: all 0.7s ease;
  638. -o-transition: all 0.7s ease;
  639. }
  640.  
  641.  
  642. {CustomCSS}</style></head><body>
  643.  
  644. <div id="hoverbox">
  645. <div id="hovertitle">Want a lollipop?</br>(come here!)</DIV>
  646. <div id="hovercontent">{description}
  647. </div>
  648. </div>
  649.  
  650.  
  651. <div id="links">
  652.  
  653.  
  654. <div id="alinks"><a href="{text:A links url}" title="{text:A links title}">{text:A links symbol}</a></div>
  655. <div id="blinks"><a href="#?w=490" rel="3" class="poplight" title="{text:B links title}">{text:B links symbol}</a></div>
  656. <div id="clinks"><a href="#?w=490" rel="2" class="poplight" title="{text:C links title}">{text:C links symbol}</a></div>
  657. <div id="dlinks"><a href="#?w=490" rel="1" class="poplight" title="{text:D links title}">{text:D links symbol}</a></div>
  658. <div id="elinks"><a href="{text:E links url}" title="{text:E links title}">{text:E links symbol}</a></div>
  659. <div id="flinks"><a href="#?w=490" rel="4" class="poplight" title="{text:F links title}">{text:F links symbol}</a></div>
  660.  
  661. </div>
  662.  
  663. </div>
  664.  
  665. {block:Pagination}
  666. <div id="pagination">
  667.  
  668. {block:PreviousPage}<a href="{PreviousPage}" title="{text:pagination backward title}">{text:pagination backward}</a>{/block:PreviousPage} —
  669. {block:NextPage} <a href="{NextPage}" title="{text:pagination forward title}">{text:pagination forward}</a>{/block:NextPage}
  670. </div>{/block:Pagination}
  671.  
  672. </div></div>
  673.  
  674. <div id="container">
  675.  
  676. <div id="theme">
  677.  
  678. <div id="pcontainer">
  679.  
  680. <div id="entries">{block:Posts}<div id="post">
  681.  
  682. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  683.  
  684. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  685.  
  686. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  687.  
  688. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  689.  
  690.  
  691. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  692.  
  693. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  694.  
  695. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  696. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  697. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  698. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  699. {/block:Audio}
  700.  
  701. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  702.  
  703. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="float:left;">&nbsp;<b>{Asker}:</b> <i>{Question}</i></div><br><div id="answer">{Answer}</div>{/block:Answer}
  704.  
  705. <div id="info">
  706. {block:Date}<a href="{Permalink}">
  707. {TimeAgo}</a></a>{/block:Date} | <a href="{Permalink}">
  708. {NoteCountWithLabel}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}"
  709. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} <br>
  710. {block:HasTags}<div class="tags"> {block:Tags}<a href="{TagURL}">{text:tag symbol}{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  711.  
  712. </div>
  713.  
  714. </div>
  715. {/block:Posts}
  716. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  717. {/block:Posts}</div></div></div>
  718.  
  719. <div id="credit"><a href="http://empireofoao.tumblr.com/post/140496825751/you-found-aoibaras-indie-contained-theme-code" title="code by Aoibara">oAo</a></center></div>
  720.  
  721.  
  722. </body>
  723.  
  724. <div id="1" class="popup_block">
  725. <div style="background-color:#transparent; width:76px;padding:10px;text-align:normal; text-style:normal; letter-spacing:1px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:260px ; width: 470px;">
  726. <iframe frameborder="0" height="220" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/eclipsiim.tumblr.com" width="100%"></iframe></p>
  727.  
  728. <h1>Neh, you have a secret to tell me~?</h1></p>
  729.  
  730. </div></div></div></div>
  731. <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  732.  
  733. <div id="2" class="popup_block">
  734. <div style="background-color:#transparent; width:76px;padding:10px;text-align:normal; text-style:normal; letter-spacing:1px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:260px ; width: 470px;">
  735.  
  736. <h1>Law</h1>
  737.  
  738. <b>✘</b> <b>Because I’m a first year medical college student and I tend to be very busy, I will only RP with <i>mutuals</i></b>. It’s nothing personal if I don’t follow you, but I mainly do this to prevent getting overwhelmed by threads etc. I do make <i>exceptions</i>, though! </p>
  739.  
  740. <b>✘</b> <b>I’m crossover, OC, multi-fandom friendly</b>. I’m willing to RP with all kinds of different fandoms. </p>
  741.  
  742. <b>✘</b> <b>I will only follow OCs with a decent about page</b>. I tend to really love OCs a lot, and especially those who are very well developed, but if it’s clear an OC is a mary-sue or gary-stu, then I’ll probably unfollow. </p>
  743.  
  744. <b>✘</b> <b>I’m still underage</b>. Currently, I’m 17 years old, so I won’t be roleplaying smut. Please keep that in mind. </p>
  745.  
  746. <b>✘</b> <b>English is not my mother language</b>. I can make grammar mistakes here and there.</p>
  747.  
  748. <b>✘</b> <b>Don’t assume that just my muse dislikes yours, that it means I don’t like you</b>. I’m not my character, and you are not yours. My actions are separated and apart from those of my muse. </p>
  749.  
  750. <b>✘</b> <b>It’s okay to remind me of a thread</b>. They can be very helpful, but I won’t appreciate if you continue to bug me about it. A simple reminder from time to time is very fine, but if I get asked many times over and over again, I might lose interest and block you. </p>
  751.  
  752. <b>✘</b> <b>I don’t really have any triggers in particular</b>. But I do tag them, and if you would like me to tag something, then feel free to tell me! </p>
  753.  
  754. <b>✘</b> <b>If we’re mutuals, you can ask my Skype anytime</b>! :3 </p>
  755.  
  756. <b>✘</b> <b>Lastly, don’t be afraid to talk to me</b>! I might seem like a cold person, but I’m really just a shy potato and I love making friends a lot! :DD</p>
  757.  
  758. Thanks so much for reading my rules! I hope you have a nice morning/afternoon/evening! ♥</p>
  759. </div></div></div></div>
  760.  
  761. <div id="3" class="popup_block">
  762. <div style="background-color:#transparent; width:76px;padding:10px;text-align:normal; text-style:normal; letter-spacing:1px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:260px ; width: 470px;">
  763.  
  764. <h1>The Major</h1>
  765.  
  766. <img src="https://36.media.tumblr.com/379fa903a98f549bf79e362b9797d096/tumblr_o52x01Ya1o1ufxgs3o1_100.png"> <img src="https://41.media.tumblr.com/c1dd5acdf16ec7b5d268fe5b9669ebfd/tumblr_o52x01Ya1o1ufxgs3o2_100.png"> <img src="https://41.media.tumblr.com/7e04b44dcc0de01150f3d0351ad0bd94/tumblr_o52x01Ya1o1ufxgs3o3_100.png"> <img src="https://40.media.tumblr.com/7e33fea9eebfcf6a9e17290b198eb6f0/tumblr_o52x01Ya1o1ufxgs3o4_100.png"></p>
  767.  
  768. <h2>Profile</h2>
  769.  
  770. <b>Name:</b> Hyuuga</br>
  771. <b>Age:</b> 34</br>
  772. <b>DOB:</b> July 8th</br>
  773. <b>Gender:</b> Male</br>
  774. <b>Height</b>187 cm (6'2")</br>
  775. <b>Weight:</b> 53 kg (117 lbs)</br>
  776. <b>Species:</b> Warsfeil</p>
  777.  
  778. <b>Occupation:</b> Major of the Barsburg Empire Army</br>
  779.  
  780. <b>Affiliation:</b> </p>
  781.  
  782. <b>✘</b> Barsburg Empire</br>
  783. <b>✘</b> Barsburg Empire Army</br>
  784.  
  785. <h2>Appearance</h2>
  786.  
  787. Hyuuga is a regular looking man thought to be in his mid thirties, as he is a similar age to his superior, Ayanami. One of Hyuuga's most distinct qualities is his tall stature as he stands at 187 cm. He has a lean build, with broad shoulders and weighs 77 kg.</p>
  788.  
  789. Hyuuga has a long face, an angular jaw, a long pointy nose and thin lips. He appears to have the darkest skin tone out of the Black Hawks. His hair is black, rather messy and spiked up, with a long fringe that sweeps to the side of his face, though which side it sweeps towards changes. His hair sometimes shines a dark blue under a bright light.</p>
  790.  
  791. Hyuuga has narrowed eyes coloured pale blue in the anime, but in the manga his eyes are red on the coloured pictures. The matter is up to some dispute, as his eye colour is very rarely seen, his eyes mostly being hidden with armless, rectangular, black sunglasses, and he is often pictured smiling with his eyes closed. </p>
  792.  
  793. Particularly in the anime, Hyuuga's physical appearance, mainly how the eyes are drawn, suggests Japanese ancestry.</p>
  794.  
  795. <h2>Personality</h2>
  796.  
  797. Despite his job as a soldier needing him to be strict and serious, Hyuuga is anything but that. He is a bit of a ditz, views the world as being a big game, and is rather frivolous in the sense that he never seems to take anything seriously. Hyuuga is playful, smiles and laughs easily, and is happy most of the time, even in life-threatening situations as he enjoys the thrill of fighting. He has a notably short attention span, is easily excited, and is easily distracted by new things. Hyuuga enjoys meeting new people and becomes easily attached to new people whom he is interested in. While he is usually cheerful and jovial, he can be serious when the situation calls for it</p>
  798.  
  799. Hyuuga likes to joke around with his team mates and seems to delight in winding them all up, especially Ayanami. He is mischievous and enjoys pulling pranks and teasing his begleiter, Konatsu Warren. Hyuuga is notably cheeky when speaking to those of higher rank than him. Hyuuga has been shown to have a habit of giving affectionate names for people he likes: addressing Kuroyuri as Kuro-tan in the side chapter Platonic cafe, and occasionally calling Konatsu Kona-chan.</p>
  800.  
  801. He is also quite lazy; he dislikes doing paperwork and is much happier to sit and do nothing, resulting in him getting shouted at for slacking off. Hyuuga sometimes has trouble waking up early- and as a result is sometimes late for work. He is also frequently shown yawning, and gets bored with things quickly. Hyuuga is also a very talented artist, but unfortunately he often doodles on important documents that need to be signed.</p>
  802.  
  803. He could also be seen as quite stupid or naive, such as buying a 'magic' pot for 20,000,000 Yuus ( barsburg currency, 1 yuus being equivalent to 3 cents ) under the belief that it will make Ayanami less strict. Even after Katsuragi has judged the pot to be worth only 2,500 yuus, Hyuuga asks Katsuragi if the pot still works, and then says he will go find the man who sold it to him and ask that man if it really works. He also displays a lack of foresight on occasion, such as throwing Shuri Oak from a Ribidzile despite any injury/death of the cadet potentially costing Hyuuga his job or life.</p>
  804.  
  805. However, Hyuuga may not be as stupid as he lets on, as he finishes all of his paperwork in less than half an hour, which surprises everyone. Hyuuga explains that he is able to do his paperwork when he is serious. Hyuuga also displays extreme pragmatism in battle, as in his fight with Labrador, he realised Labrador was using an illusion against him almost immediately, and stabbed himself to distract himself from the illusion, allowing him to see the real Labrador.</p>
  806.  
  807. Despite his friendly nature, Hyuuga is very skilled with a sword and holds no qualms about hacking down anyone he believes to be a threat: his playful and smiley character quickly seeming quite sinister during a fight. Whereas Hyuuga does worry about the physical state and well-being of the people he likes, he displays an otherwise cold indifference to human life, killing those on his own side because they get in his way. There are hints at a more unstable side to his personality; as he comments that when he gets bored doing paperwork he feels the need to 'cut somebody up'. </p>
  808.  
  809. Although Hyuuga enjoys mocking his enemies, Hyuuga has also shown that he is not above understanding or accepting his enemies' reasons for doing something and also has a sense of honor.</p>
  810.  
  811. Despite his intentions being well-meant, Hyuuga often annoys others due to his sometimes overly-friendly antics, and lack of awareness of the personal space of others. while he often comes across as rather insensitive, he has also occasionally been shown to be aware of the feelings of others.</p>
  812.  
  813. <h2>History</h2>
  814.  
  815. Hyuuga was born on July 8 into an unknown, probably Warsfeil, family. Not much is known about his earlier years, though it seems that he comes from a rich family or he might be rich himself. In a side story in the manga, he is swindled twenty million yen for a pot that is said to have magic power to make his dream come true. When he found out that he had been cheated, he seemed unconcerned about the money lost.</p>
  816.  
  817. On a similar note, Hyuuga carries two katana at his belt, and in feudal Japan, only those from affluent backgrounds and of a higher social class could possess two katana.</p>
  818.  
  819. He is a Warsfeil, and was most likely born one, given his strength.</p>
  820.  
  821. </div></div></div></div>
  822.  
  823. <div id="4" class="popup_block">
  824. <div style="background-color:#transparent; width:76px;padding:10px;text-align:normal; text-style:normal; letter-spacing:1px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:260px ; width: 470px;">
  825.  
  826. <h1>Begleiter</h1>
  827.  
  828. <img src="http://31.media.tumblr.com/4db242eb3677b2e3d599ba3af6a7024a/tumblr_inline_ne05up4xJz1sugteb.jpg"> <img src="http://38.media.tumblr.com/a703716a8289cf761d8b551d03228814/tumblr_inline_ne05uyVxfT1sugteb.jpg"> <img src="http://33.media.tumblr.com/d1b7e27b2856aaf8d7faa51616dd867b/tumblr_inline_ne05v8c7V61sugteb.jpg"> <img src="http://31.media.tumblr.com/9da3eb519595f9e4850c0fd6b4ca9205/tumblr_inline_ne05vooh5E1sugteb.jpg"></p>
  829.  
  830. Hello there~! You can call me Felicia.</p>
  831.  
  832. I’m a general a nice and friendly person but I am really, really shy. But be never afraid to approach me! Chances are I am more scared to talk to you than you are to me. But I’m always open for plotting! Feel free to send me a starter or a message if you want to RP with me! I gladly RP with anyone. uwu</p>
  833.  
  834. Skype is open for mutuals. Just message me if you’d like to have my Skype for plotting, talk etc.</p>
  835.  
  836. Also, keep in mind that I’m still underage, so I will not be roleplaying smut.</p>
  837.  
  838. </div></div></div></div>
  839. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement