Advertisement
Tsunland

For Bianca

Mar 18th, 2017
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.84 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!-- THEME MADE BY BREQ --
  4.  
  5. @justiceofbreq-t.tumblr.com
  6. --------------------------
  7. THEME 13: villainous --
  8. --------------------------
  9. TERMS OF USAGE:
  10. - DO NOT REMOVE THE CREDIT
  11. - DO NOT REDISTRIBUTE
  12. - DO NOT CLAIM AS YOUR OWN
  13. - DO NOT USE AS A BASE
  14. -------------------------->
  15.  
  16. <html>
  17. <head>
  18. <title>{text:browser title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <!-- default appearance options -->
  26.  
  27. <meta name="viewport" content="width=device-width, initial-scale=1">
  28. <meta name="color:background" content="#000">
  29. <meta name="color:containerbg" content="#000">
  30. <meta name="color:h1" content="#5d7979">
  31. <meta name="color:h1border" content="#000">
  32. <meta name="color:description" content="#494f4f">
  33. <meta name="color:title" content="#5f7070">
  34. <meta name="color:title shadow" content="#c1c1c1">
  35. <meta name="color:body" content="#767979">
  36. <meta name="color:italic" content="#748f8f" />
  37. <meta name="color:bold" content="#2b2b2b" />
  38. <meta name="color:bold shadow"content="#b6b6b6"/>
  39. <meta name="color:blockquote" content="#151515">
  40. <meta name="color:link" content="#3e5151">
  41. <meta name="color:link hover" content="#fff">
  42. <meta name="color:navtab" content="#3e3e3e">
  43. <meta name="color:navtab shadow" content="#3c5a5a">
  44. <meta name="color:navtab hover" content="#000">
  45. <meta name="color:navlink" content="#3e5151">
  46. <meta name="color:navlink hover" content="#fff">
  47. <meta name="color:permaleft" content="#8c8c8c">
  48. <meta name="color:permalink" content="#8c8c8c"/>
  49. <meta name="color:permalink hover" content="#fff"/>
  50. <meta name="color:tags" content="#767676" />
  51. <meta name="color:tags hover" content="#fff" />
  52. <meta name="color:pagination" content="#505d5a" />
  53. <meta name="color:pagination hover" content="#b0c3bf" />
  54. <meta name="color:tooltiptext" content="#5f7070" />
  55. <meta name="color:tooltipshadow" content="#c1c1c1" />
  56.  
  57. <meta name="if:hover tags" content="1">
  58. <meta name="if:greyscale" content="1">
  59. <meta name="if:container hover" content="1">
  60.  
  61. <meta name="image:background" content="http://static.tumblr.com/cb4f4b450e3d24cdc4b032345c7be3c2/poesisw/borohhm14/tumblr_static_5i8b8kwjv20wgss08wcsk0c0g.jpg" />
  62. <meta name="image:container" content="http://static.tumblr.com/f0be556996c1ee6045f28267cc177cc1/poesisw/CVrohiqnl/tumblr_static_4c4sy82vi24gwccog4so4kcgc.jpg" />
  63. <meta name="image:sidebar" content="http://static.tumblr.com/a1e900eb5c015b50000687f3c061e0e0/poesisw/hRjohiqox/tumblr_static_517umd3jmk08csc4koccc4go4.jpg" />
  64. <meta name="image:h1 image" content="http://static.tumblr.com/f483dc03f0331b2f7abbe013dee03a15/poesisw/sOoohh74y/tumblr_static_8qgf4qr9ovgo4cw0888ck8skg.jpg" />
  65. <meta name="image:navicon" content="http://static.tumblr.com/6969d55d50d5fb38f710ea07bbe938be/poesisw/B0qohhnkb/tumblr_static_co7vn4whe7cow048k0g0g8oo4.png"/>
  66.  
  67.  
  68. <meta name="text:browser title" content="this can be anything you want or just copy paste your blog title here" />
  69. <meta name="text:font size" content="9px" />
  70. <meta name="text:askform" content="blogname" />
  71. <meta name="text:askbox header" content='questions?' />
  72. <meta name="text:askbox text" content="this can be anything, like about the mun" />
  73. <meta name="text:submit header" content="submit" />
  74. <meta name="text:submit text" content="this can be anything, or you can leave it blank" />
  75.  
  76. <meta name="text:home" content="this is meant as your home link tooltip" />
  77. <meta name="text:ask" content="this is meant as your ask/submit popup link tooltip" />
  78. <meta name="text:rules" content="this is meant as your rules popup link tooltip, can be used as other" />
  79. <meta name="text:muse" content="this is meant as your muse popup link tooltip, can be used as other" />
  80.  
  81. <meta name="text:link1" content="link 1"/>
  82. <meta name="text:link1url" content="/"/>
  83. <meta name="text:link2" content="link 2"/>
  84. <meta name="text:link2url" content="/"/>
  85. <meta name="text:link3" content="link 3"/>
  86. <meta name="text:link3url" content="/"/>
  87. <meta name="text:link4" content="link 4"/>
  88. <meta name="text:link4url" content="/"/>
  89. <meta name="text:link5" content="link 5"/>
  90. <meta name="text:link5url" content="/"/>
  91. <meta name="text:link6" content="link 6"/>
  92. <meta name="text:link6url" content="/"/>
  93. <meta name="text:link7" content="link 7"/>
  94. <meta name="text:link7url" content="/"/>
  95. <meta name="text:link8" content="link 8"/>
  96. <meta name="text:link8url" content="/"/>
  97. <!-- scripts -->
  98.  
  99. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  100. <script type="text/javascript">
  101. $(document).ready(function(){
  102. $('.versebox_body').hide();
  103. $('.versebox_head').click(function(){
  104. $(this).next('.versebox_body').slideToggle('fast');
  105. }); }); </script>
  106. <style type="text/css">
  107. .versebox_list { margin:0px; padding:0px; width:100%;}
  108. .versebox_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  109. .versebox_body { padding:10px; text-align:left; display:none;}
  110. </style>
  111.  
  112.  
  113. <script type="text/javascript"
  114. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  115. <script>
  116. $(document).ready(function() {
  117. //
  118. $('a.poplight[href^=#]').click(function() {
  119. var popID = $(this).attr('rel'); //Get Popup Name
  120. var popURL = $(this).attr('href'); //Get Popup href to define size
  121. var query= popURL.split('?');
  122. var dim= query[1].split('&');
  123. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  124. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  125. var popMargTop = ($('#' + popID).height() + 80) / 2;
  126. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  127. //Apply Margin to Popup
  128. $('#' + popID).css({
  129. 'margin-top' : -popMargTop,
  130. 'margin-left' : -popMargLeft
  131. });
  132. $('body').append('<div id="fade"></div>');
  133. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  134. return false;
  135. });
  136. $('a.close, #fade').live('click', function() {
  137. $('#fade , .popup_block').fadeOut(function() {
  138. $('#fade, a.close').remove(); //fade them both out
  139. });
  140. return false;
  141. });
  142. });
  143. </script>
  144.  
  145. <script>
  146.  
  147. $(document).ready(function(){
  148. $("ul#tabs li").click(function(e){
  149. if (!$(this).hasClass("active")) {
  150. var tabNum = $(this).index();
  151. var nthChild = tabNum+1;
  152. $("ul#tabs li.active").removeClass("active");
  153. $(this).addClass("active");
  154. $("ul#tab li.active").removeClass("active");
  155. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  156. }
  157. });
  158. });
  159. </script>
  160.  
  161. <script src="https://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  162.  
  163. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  164.  
  165. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  166.  
  167. <script>
  168. (function($){
  169. $(document).ready(function(){
  170. $("a[title]").style_my_tooltips({
  171. tip_follows_cursor:true,
  172. tip_delay_time:90,
  173. tip_fade_speed:600,
  174. attribute:"title"
  175. });
  176. });
  177. })(jQuery);
  178. </script>
  179.  
  180. <link href="https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day|Oswald|Philosopher|Quicksand|Raleway|Ruthie" rel="stylesheet">
  181. <link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  182. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  183. <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
  184. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  185. <link href='https://fonts.googleapis.com/css?family=Neuton' rel='stylesheet' type='text/css'>
  186. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  187. <link href='https://fonts.googleapis.com/css?family=Oswald:700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  188. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  189.  
  190. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  191.  
  192. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  193.  
  194. <link href='https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic' rel='stylesheet' type='text/css'>
  195. <link href='https://fonts.googleapis.com/css?family=Work+Sans:300' rel='stylesheet' type='text/css'>
  196. <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
  197. <link href='http://fonts.googleapis.com/css?family=Adamina' rel='stylesheet' type='text/css'>
  198. <link href="https://fonts.googleapis.com/css?family=Norican" rel="stylesheet">
  199. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  200.  
  201. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  202.  
  203. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  204.  
  205.  
  206. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  207.  
  208. <link href="https://fonts.googleapis.com/css?family=EB+Garamond|Play" rel="stylesheet">
  209.  
  210. </head>
  211.  
  212. <style type="text/css">
  213.  
  214. /*animation key frames*/
  215. /*grow*/
  216. @-webkit-keyframes grow {
  217. from { transform: none; }
  218. 50% { transform: scale(1.3); }
  219. to { transform: none; }}
  220. }
  221.  
  222. @-moz-keyframes grow {
  223. from { transform: none; }
  224. 50% { transform: scale(1.3); }
  225. to { transform: none; }
  226. }
  227.  
  228. @-o-keyframes grow {
  229. from { transform: none; }
  230. 50% { transform: scale(1.3); }
  231. to { transform: none; }
  232. }
  233.  
  234. @keyframes grow {
  235. from { transform: none; }
  236. 50% { transform: scale(1.3); }
  237. to { transform: none; }
  238. }
  239.  
  240. ::-webkit-scrollbar {
  241. width: 4px;
  242. height: 1px;
  243. }
  244. ::-webkit-scrollbar-button {
  245. width: 0px;
  246. height: 0px;
  247. }
  248. ::-webkit-scrollbar-thumb {
  249. background:transparent;
  250. }
  251.  
  252. ::-webkit-scrollbar-track {
  253. background: transparent;
  254. border: 0px none #ffffff;
  255. }
  256.  
  257. ::-webkit-scrollbar-corner {
  258. background: transparent;
  259. }
  260.  
  261. body {
  262. background:{color:background};
  263. background-image: url('{image:background}');
  264. background-position: top left;
  265. background-repeat: no-repeat;
  266. background-attachment: fixed;
  267. margin:0;
  268. font-size: {text:font size};
  269. font-family: arial;
  270. letter-spacing:1.5px;
  271. line-height:130%;
  272. color:{color:body};
  273. -webkit-filter:blur(.2px);
  274. filter:blur(.2px);
  275. }
  276.  
  277. a:link, a:active, a:visited {
  278. font-weight: bold;
  279. color:#8e5858;
  280. font-family: 'Oswald', sans-serif;
  281. text-transform:none;
  282.  
  283. text-decoration:none;
  284. -moz-transition-duration:0.5s;
  285. -webkit-transition-duration:0.5s;
  286. -o-transition-duration:0.5s;
  287. }
  288.  
  289. a:hover {
  290. text-shadow: 0 0 4px #3f3f3f;
  291. text-decoration:none
  292. -moz-transition-duration:0.5s;
  293. -webkit-transition-duration:0.5s;
  294. -o-transition-duration:0.5s;
  295. }
  296.  
  297. b, bold {
  298. font-weight: bold;
  299. font-size:12px;
  300. color:#8e5858;
  301. font-family: 'Oswald', sans-serif;
  302. text-transform:none;
  303. }
  304.  
  305.  
  306.  
  307. i, italic, em {
  308. font-weight:bold;
  309. font-size:13px;
  310. text-shadow: -1px 0 #8e5858, 0 1px #8e5858, 1px 0 #8e5858, 0 -1px #8e5858;
  311. color:#fff;
  312. padding:2px;
  313. font-family: 'EB Garamond', serif;
  314.  
  315. }
  316.  
  317. blockquote {
  318. text-align:justify;
  319. padding-left:10px;
  320. border-left:3px solid {color:blockquote};
  321. margin:15px 0px 10px 0px;
  322. }
  323.  
  324. .caption blockquote {
  325. margin:15px 0px 10px 0px;
  326. }
  327.  
  328. blockquote img {
  329. max-width:100%;
  330. height:auto;
  331. }
  332.  
  333. img {
  334. max-width:100%;
  335. height:auto;
  336. }
  337.  
  338. p {
  339. margin:10px 0 10px 0;
  340. }
  341.  
  342. p:first-of-type {
  343. margin-top:0;
  344. padding-top:0;
  345. }
  346.  
  347. p:last-of-type {
  348. margin-bottom:10px;
  349. padding-bottom:0;
  350. }
  351.  
  352. pre {
  353. white-space: pre-wrap;
  354. white-space: -moz-pre-wrap;
  355. white-space: -pre-wrap;
  356. white-space: -o-pre-wrap;
  357. word-wrap: break-word;
  358. }
  359.  
  360. h1 {
  361. color:{color:h1};
  362. padding:2px;
  363. border:4px double {color:h1border};
  364. font-size:12px;
  365. text-transform:uppercase;
  366. letter-spacing:1px;
  367. text-align:center;
  368. font-family: 'Philosopher', sans-serif;
  369. background-image: url('{image:h1 image}');
  370. background-position:top center;
  371. }
  372.  
  373. h2 {
  374. text-align:center;
  375. font-family: 'Quicksand', sans-serif;
  376. font-size:15px;
  377. }
  378.  
  379. small {
  380.  
  381. word-spacing:0px;
  382. font-size:10px;
  383. letter-spacing:0px;
  384. line-height:130%;
  385. color:#fff;
  386. }
  387.  
  388.  
  389. sup, sub {
  390. word-spacing:0px;
  391. font-size:10px;
  392. color:#fff;
  393. }
  394.  
  395.  
  396. big {
  397. font-size:12px;
  398. line-height:110%;
  399. text-shadow:1px 1px 0px #a77c62;
  400. }
  401.  
  402. h1{
  403.  
  404. text-align: center;
  405. font-family: 'Raleway', sans-serif;
  406. color:#3f3f3f;
  407. }
  408. i, italic {
  409. font-weight:bold;
  410. font-size:13px;
  411. text-shadow: -1px 0 #8e5858, 0 1px #8e5858, 1px 0 #8e5858, 0 -1px #8e5858;
  412. color:#fff;
  413. padding:2px;
  414. font-family: 'EB Garamond', serif;
  415.  
  416. }
  417.  
  418.  
  419. h2{
  420. font-family: 'Raleway', sans-serif;
  421. text-shadow: -1px 0 #8e5858, 0 1px #8e5858, 1px 0 #8e5858, 0 -1px #8e5858;
  422. color:#fff;
  423. text-align: center;
  424. line-height: 100%;
  425. text-transform: uppercase;
  426. }
  427.  
  428.  
  429. h3{
  430. text-align: center;
  431. line-height: 100%;
  432. }
  433.  
  434. h1 a{
  435. font-family: 'Raleway', sans-serif;
  436. color:#3f3f3f;
  437. text-shadow:0 0 2px #3f3f3f;
  438. }
  439.  
  440.  
  441. h1 a:hover{
  442. font-family: 'Raleway', sans-serif;
  443. color:#3f3f3f;
  444. text-shadow:0 0 2px #3f3f3f;
  445. text-decoration: none;
  446. }
  447.  
  448. h2 a{
  449. font-family: 'Raleway', sans-serif;
  450. color:#3f3f3f;
  451. text-shadow:0 0 2px #3f3f3f;
  452. }
  453.  
  454.  
  455. h2 a:hover{
  456. font-family: 'Raleway', sans-serif;
  457. color:#3f3f3f;
  458. text-shadow:0 0 2px #3f3f3f;
  459. text-decoration: none;
  460. }
  461.  
  462. hr{
  463. background: transparent;
  464. width: 125px;
  465. height: 19px;
  466. margin-right:10px;
  467. border: none;
  468. border-radius: 10px;
  469.  
  470. }
  471.  
  472. #int {
  473. background-image:url('http://static.tumblr.com/1dr6x0r/HKComb5i9/int.png');
  474. width:100%;
  475. font-size:7px;
  476. font-family:'Source Sans Pro', sans-serif;
  477. font-weight:bold;
  478. text-align:center;
  479. text-transform:uppercase;
  480.  
  481. color:#fff;
  482. text-shadow:
  483. -1px -1px 0 #000,
  484. 1px -1px 0 #000,
  485. -1px 1px 0 #000,
  486. 1px 1px 0 #000;
  487.  
  488. letter-spacing:2px;
  489. padding:4px 0px 4px 0px;
  490. line-height:190%;
  491.  
  492.  
  493. border-radius:0px 50px 0px 50px;
  494. border:1px dotted #d9cfcf;
  495.  
  496.  
  497.  
  498. }
  499.  
  500.  
  501. h3 {
  502. background-image: url('http://static.tumblr.com/1dr6x0r/HKComb5i9/int.png');
  503. background-repeat:repeat;
  504. background-attachment:fixed;
  505. border-left: double 3px #000;
  506. border-top: double 3px #000;
  507. border-right: double 3px #000;
  508. border-bottom: double 3px #000;
  509. padding:2px;
  510. color:#e6e6e6;
  511. text-shadow:1px 1px 0px #000,
  512. 1px -1px 0px #000,
  513. -1px -1px 0px #000,
  514. -1px 1px 0px #000,
  515. 0px 1px 0px #000,
  516. 0px -1px 0px #000,
  517. 1px 0px 0px #000,
  518. -1px 0px 0px #000;
  519. font-size:12px;
  520. font-family:calibri;
  521. text-transform:uppercase;
  522. letter-spacing:1px;
  523. text-align:center;}
  524.  
  525.  
  526.  
  527.  
  528. h4 {
  529. background-image: url('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
  530. background-repeat:repeat;
  531. background-attachment:fixed;
  532. border-left: double 3px #000;
  533. border-top: double 3px #000;
  534. border-right: double 3px #000;
  535. border-bottom: double 3px #000;
  536. padding:2px;
  537. color:#e6e6e6;
  538. text-shadow:1px 1px 0px #000,
  539. 1px -1px 0px #000,
  540. -1px -1px 0px #000,
  541. -1px 1px 0px #000,
  542. 0px 1px 0px #000,
  543. 0px -1px 0px #000,
  544. 1px 0px 0px #000,
  545. -1px 0px 0px #000;
  546. font-size:9px;
  547. font-family:calibri;
  548. text-transform:uppercase;
  549. letter-spacing:1px;
  550. text-align:center;}
  551.  
  552. /*customization for list style type*/
  553. ul {
  554. list-style: disc;
  555. padding-left: 20px;
  556. }
  557.  
  558. li {
  559. padding-left: 5px;
  560. }
  561.  
  562. li:before {
  563. display: inline-block;
  564. margin-left: 5px; /* same as padding-left set on li */
  565. width: 1.3em; /* same as padding-left set on li */
  566. }
  567.  
  568. /*customization for post and page titles*/
  569. .title {
  570. font-size:20px;
  571. letter-spacing:0px;
  572. font-weight:100;
  573. text-transform:lowercase;
  574. padding:5px 0px 5px 0px;
  575. text-align:right;
  576. font-family: 'Quicksand', sans-serif;
  577. }
  578.  
  579. /*customization for container*/
  580. #container {
  581. position:fixed;
  582. width:425px;
  583. height:500px;
  584. top:100px;
  585. left:700px;
  586. padding:10px;
  587. overflow-y:scroll;
  588. background:url('{image:container}');
  589. -webkit-mask-image: -webkit-gradient(
  590. linear, center 75%, center bottom,
  591. from(rgba(0,0,0,20)),
  592. to(rgba(20,0,0,0)));
  593. -webkit-transition: all 0.7s ease;
  594. transition: all 0.7s ease;
  595. -moz-transition: all 0.7s ease;
  596. -o-transition: all 0.7s ease;
  597. }
  598.  
  599. #entries {
  600. width:400px;
  601. height:500px;
  602. padding:10px;
  603. padding-left:15px;
  604. background:{color:containerbg};
  605. font-size: {text:font size};
  606. font-family: arial;
  607. letter-spacing:1.5px;
  608. line-height:130%;
  609. color:#fff;
  610. margin-left:0px;
  611. margin-right:auto;
  612. {block:ifcontainerhover}
  613. opacity:0;
  614. -webkit-transition: all 1s ease;
  615. transition: all 1s ease;
  616. -moz-transition: all 1s ease;
  617. -o-transition: all 1s ease;
  618. {/block:ifcontainerhover}
  619. }
  620.  
  621. #entries:hover {
  622. opacity:1;
  623. }
  624.  
  625. /*customization for posts*/
  626. .posts {
  627. width:100%;
  628. text-align:justify;
  629. margin-top:10px;
  630. margin-bottom:30px;
  631. background:#000;
  632. }
  633.  
  634. .posts:last-child {
  635. margin-bottom:30px;
  636. }
  637.  
  638. {block:permalinkpage}
  639. .posts {
  640. margin-bottom:10px;
  641. }
  642. {/block:permalinkpage}
  643.  
  644. {block:IfGreyscale}
  645. .posts img {
  646. -webkit-filter: grayscale(100%);
  647. -webkit-transition: all 0.6s ease-in-out;
  648. -moz-transition: all 0.6s ease-in-out;
  649. -o-transition: all 0.6s ease-in-out;
  650. -ms-transition: all 0.6s ease-in-out;
  651. transition: all 0.6s ease-in-out;
  652. }
  653.  
  654. .posts img:hover {
  655. -webkit-filter: grayscale(0%);
  656. -webkit-transition: all 0.6s ease-in-out;
  657. -moz-transition: all 0.6s ease-in-out;
  658. -o-transition: all 0.6s ease-in-out;
  659. -ms-transition: all 0.6s ease-in-out;
  660. transition: all 0.6s ease-in-out;
  661. }
  662.  
  663. .html_photoset {
  664. -webkit-filter: grayscale(100%);
  665. -webkit-transition: all 0.9s ease-in-out;
  666. -moz-transition: all 0.9s ease-in-out;
  667. -o-transition: all 0.9s ease-in-out;
  668. -ms-transition: all 0.9s ease-in-out;
  669. transition: all 0.9s ease-in-out;}
  670.  
  671. .html_photoset:hover {
  672. -webkit-filter: none;}
  673.  
  674. .playerbutton {
  675. width:20px;
  676. height:30px;
  677. overflow:hidden;
  678. position:relative;
  679. z-index:1000;
  680. margin:10px 19px 8px 11px;
  681. }
  682.  
  683. .player {
  684. background-color:#000;
  685. -webkit-border-radius:50px;
  686. -moz-border-radius:50px;
  687. border-radius:100%;
  688. position:absolute;
  689. z-index:1000;
  690. margin-left:35%;
  691. margin-top:11px;
  692. opacity:.8;
  693. }
  694.  
  695. {/block:IfGreyscale}
  696.  
  697. /*customization for permalinks "post info" */
  698. #info{
  699. width:100px;
  700. font-size:16px;
  701. padding:4px 0px 1px 0px;
  702. color:#fff;
  703.  
  704. }
  705.  
  706. #info a{
  707. text-transform:uppercase;
  708. font-family: 'Adamina', serif;
  709. color:#8e5858;
  710. text-shadow:1px 1px 5px #000;
  711.  
  712. text-decoration:none;
  713. -moz-transition-duration:0.5s;
  714. -webkit-transition-duration:0.5s;
  715. -o-transition-duration:0.5s;
  716.  
  717.  
  718.  
  719. }
  720.  
  721.  
  722.  
  723. #info{
  724. width:100px;
  725. font-size:16px;
  726. padding:4px 0px 1px 0px;
  727. color:#fff;
  728.  
  729. }
  730.  
  731. #info a{
  732. text-transform:uppercase;
  733. font-family: 'Adamina', serif;
  734. color:#8e5858;
  735. text-shadow:1px 1px 5px #000;
  736.  
  737. text-decoration:none;
  738. -moz-transition-duration:0.5s;
  739. -webkit-transition-duration:0.5s;
  740. -o-transition-duration:0.5s;
  741.  
  742.  
  743.  
  744. }
  745.  
  746. #info a:hover{
  747. color: #fff;
  748. }
  749.  
  750. #inforite{
  751. text-align: left;
  752. margin-left: 10px;
  753. margin-top: 15px;
  754. }
  755.  
  756. #inforite a{
  757. color: {color:links};
  758. text-shadow: 0px 0px 11px {color:links};
  759. text-decoration: none;
  760. }
  761.  
  762. #inforite a:hover{
  763. color: rgba(0,0,0,.0);
  764. text-shadow: 0px 0px 2px {color:links};
  765. }
  766.  
  767. #tags a {
  768. font-weight:bold;
  769. color:#fff;
  770. padding:2px;
  771. font-family: 'EB Garamond', serif;
  772. text-shadow:none;
  773. text-transform:lowercase;
  774. }
  775.  
  776. #tags a:hover {
  777. color:#eee;}
  778.  
  779.  
  780.  
  781. /* MISC 02. */
  782.  
  783.  
  784.  
  785. .note {
  786. text-transform:uppercase;
  787. font-style:normal;
  788. letter-spacing:0px;
  789. font-size: 10px;
  790. text-align:left;
  791. line-height:90%;
  792. margin-left:-40px;}
  793.  
  794. .note li {
  795. list-style-type:none;
  796. border-bottom:0px solid {color:border};
  797. padding:10px 25px 10px 25px;
  798. text-align:left;
  799. margin:0px;
  800. -moz-transition-duration:0.5s;
  801. -webkit-transition-duration:0.5s;
  802. -o-transition-duration:0.5s;}
  803.  
  804. .note img.avatar {
  805. margin-right: 10px;
  806. width: 16px;
  807. height: 16px;}
  808.  
  809.  
  810. /*customization for sidebar*/
  811. #sidebar {
  812. position:fixed;
  813. background:url('{image:sidebar}');
  814. padding:10px;
  815. top:300px;
  816. left:770px;
  817. width:130px;
  818. overflow-y:scroll;
  819. height:300px;
  820. -webkit-mask-image: -webkit-gradient(
  821. linear, center 75%, center bottom,
  822. from(rgba(0,0,0,20)),
  823. to(rgba(20,0,0,0)));
  824. -webkit-transition: all 0.7s ease;
  825. transition: all 0.7s ease;
  826. -moz-transition: all 0.7s ease;
  827. -o-transition: all 0.7s ease;
  828. }
  829.  
  830. #desc {
  831. background:{color:containerbg};
  832. padding:10px;
  833. height:auto;
  834. text-align:center;
  835. margin-right:auto;
  836. margin-left:auto;
  837. color:{color:description};
  838. {block:ifcontainerhover}
  839. opacity:0;
  840. {/block:ifcontainerhover}
  841. -webkit-transition: all 1s ease;
  842. transition: all 1s ease;
  843. -moz-transition: all 1s ease;
  844. -o-transition: all 1s ease;
  845. }
  846.  
  847. #desc:hover {
  848. opacity:1;
  849. }
  850.  
  851. /*customization for scattered links*/
  852. #magneto img {
  853. height:50px;
  854. -webkit-filter:blur(.8px);
  855. filter:blur(.8px);
  856. -webkit-transition: all .7s ease;
  857. transition: all .7s ease;
  858. -moz-transition: all .7s ease;
  859. -o-transition: all .7s ease;
  860. }
  861.  
  862. #magneto img:hover {
  863. -webkit-filter:blur(0px);
  864. filter:blur(0px);
  865. }
  866.  
  867. #maga {
  868. position:fixed;
  869. top:130px;
  870. left:370px;
  871. -webkit-animation-name: grow;
  872. -webkit-animation-duration: 3s;
  873. -webkit-animation-iteration-count: infinite;
  874. -webkit-animation-direction: alternate;
  875. -webkit-animation-timing-function: linear;
  876. -webkit-animation-fill-mode: forwards;
  877. -webkit-animation-delay: 0s;
  878. }
  879.  
  880. #magr {
  881. position:fixed;
  882. top:200px;
  883. left:200px;
  884. -webkit-animation-name: grow;
  885. -webkit-animation-duration: 3s;
  886. -webkit-animation-iteration-count: infinite;
  887. -webkit-animation-direction: alternate;
  888. -webkit-animation-timing-function: linear;
  889. -webkit-animation-fill-mode: forwards;
  890. -webkit-animation-delay: 0s;
  891. }
  892.  
  893. #magm {
  894. position:fixed;
  895. top:220px;
  896. left:700px;
  897. -webkit-animation-name: grow;
  898. -webkit-animation-duration: 3s;
  899. -webkit-animation-iteration-count: infinite;
  900. -webkit-animation-direction: alternate;
  901. -webkit-animation-timing-function: linear;
  902. -webkit-animation-fill-mode: forwards;
  903. -webkit-animation-delay: 0s;
  904. }
  905.  
  906. /*customization for navigation links*/
  907. .navtab{
  908. font-size:14px;
  909. Position:Fixed;
  910. text-align:center;
  911. color:{color:navtab};
  912. text-shadow:0 0 3px {color:navtab shadow};
  913. width:100%;
  914. bottom:-35px;
  915. padding:4px;
  916. -webkit-filter:blur(.4px);
  917. filter:blur(.4px);
  918. -webkit-transition: 0.8s ease-in-out;
  919. -moz-transition: 0.8s ease-in-out;
  920. -o-transition: 0.8s ease-in-out;
  921. transition: 0.8s ease-in-out;
  922. }
  923.  
  924. .navtab:hover{
  925. bottom:0px;
  926. color:{color:navtab hover};
  927. text-shadow:0 0 3px {color:navtab hover};
  928. }
  929.  
  930. .navcontent{
  931. margin-bottom:0px;
  932. text-align:center;
  933. height:20px;
  934. width:100%;
  935. -webkit-filter:blur(0px);
  936. filter:blur(0px);
  937. }
  938.  
  939. #navlinks {
  940. text-align:center;
  941. margin-top:20px;
  942. text-shadow:none;
  943. }
  944.  
  945. #navlinks a {
  946. color:{color:navlink};
  947. text-transform:uppercase;
  948. font-size:12px;
  949. margin-right:20px;
  950. -webkit-transition: all 0.7s ease;
  951. transition: all 0.7s ease;
  952. -moz-transition: all 0.7s ease;
  953. -o-transition: all 0.7s ease;
  954. }
  955.  
  956. #navlinks a:hover {
  957. color:{color:navlink hover};
  958. cursor:help;
  959. }
  960.  
  961. #navlinks a:hover::before {
  962. content: '[';
  963. padding-right:8px;
  964. opacity:1;
  965. text-shadow: 0px 0px 2px {color:navlink hover};
  966. -webkit-transition: all 0.3s ease;
  967. -moz-transition: all 0.3s ease;
  968. -o-transition: all 0.3s ease;
  969. }
  970.  
  971. #navlinks a:hover::after {
  972. content: ']';
  973. padding-left:8px;
  974. opacity:1;
  975. text-shadow: 0px 0px 2px {color:navlink hover};
  976. -webkit-transition: all 0.3s ease;
  977. -moz-transition: all 0.3s ease;
  978. -o-transition: all 0.3s ease;
  979. }
  980.  
  981. #navlinks a::before {
  982. content: '[';
  983. padding-right:5px;
  984. opacity:0;
  985. text-shadow: 0px 0px 2px {color:navlink};
  986. -webkit-transition: all 0.3s ease;
  987. -moz-transition: all 0.3s ease;
  988. -o-transition: all 0.3s ease;
  989. }
  990.  
  991. #navlinks a::after {
  992. content: ']';
  993. padding-left:5px;
  994. opacity:0;
  995. text-shadow: 0px 0px 2px {color:navlink};
  996. -webkit-transition: all 0.3s ease;
  997. -moz-transition: all 0.3s ease;
  998. -o-transition: all 0.3s ease;
  999. }
  1000.  
  1001. /*customization for popup blocks */
  1002. .popup_block{
  1003. display:none;
  1004. float:left;
  1005. background-color:{color:containerbg};
  1006. padding:20px;
  1007. color:#fff;
  1008. position:fixed;
  1009. width:300px;
  1010. max-height:500px;
  1011. top:350px; left:940px;
  1012. z-index: 99999;
  1013. overflow:auto;
  1014. }
  1015.  
  1016. *html #fade {position: absolute;}
  1017. *html .popup_block {position: absolute;}
  1018. #fade {
  1019. display:none;
  1020. position:fixed;
  1021. left:0px;
  1022. top:0px;
  1023. width:100%;
  1024. height:100%;
  1025. z-index:9999;
  1026. background:#000; /* change to #fff for solid white */
  1027. opacity:0.5; /* change to opacity:1; */
  1028. }
  1029.  
  1030. .popupnavlinks {
  1031. padding-top:5px;
  1032. text-align:center; }
  1033.  
  1034.  
  1035. .popupnavlinks a {
  1036. display:inline-block;
  1037. width:90px; height:4px;
  1038. margin:2px; padding:3px 6px 10px;
  1039. text-align:center;
  1040. background-image: url('');
  1041. background:#222222;
  1042. background-repeat:repeat;
  1043. background-attachment:fixed;
  1044. border-left: double 3px #a5a29f;
  1045. border-top: double 3px #a5a29f;
  1046. border-right: double 3px #a5a29f;
  1047. border-bottom: double 3px #a5a29f;
  1048. color:#e6e6e6;
  1049. font-size:9px;
  1050. font-family:calibri;
  1051. text-shadow:1px 1px 0px #000,
  1052. 1px -1px 0px #000,
  1053. -1px -1px 0px #000,
  1054. -1px 1px 0px #000,
  1055. 0px 1px 0px #000,
  1056. 0px -1px 0px #000,
  1057. 1px 0px 0px #000,
  1058. -1px 0px 0px #000;
  1059. display: inline-block;
  1060. cursor: pointer;
  1061. }
  1062.  
  1063.  
  1064.  
  1065. .popupnavlinks a:hover {
  1066. display:inline-block;
  1067. letter-spacing:2px; }
  1068.  
  1069. /*customization for navigation tables*/
  1070. table, th, td {
  1071. border: 1px solid {color:blockquote};
  1072. }
  1073. th, td {
  1074. border-bottom: 1px solid {color:blockquote};
  1075. }
  1076.  
  1077.  
  1078. table {
  1079. width: 90%;
  1080. text-align: center;
  1081. table-layout: auto;
  1082. }
  1083.  
  1084. th {
  1085. width: auto;
  1086. margin-right:auto;
  1087. margin-left:auto;
  1088. text-align: center;
  1089. }
  1090.  
  1091. th, td {
  1092. padding:3px;
  1093. }
  1094.  
  1095. .tablenav {
  1096. border-collapse: collapse;
  1097. width:250px;
  1098. margin-left:auto;
  1099. margin-right:auto;
  1100. margin-bottom:25px;
  1101. margin-top:10px;
  1102. }
  1103.  
  1104. .tablenav a
  1105. {
  1106. display:block;
  1107. text-decoration:none;
  1108. font-size:7px;
  1109. text-transform:uppercase;
  1110. font-weight:700;
  1111. text-align: center;
  1112. letter-spacing:1.5px;
  1113. }
  1114.  
  1115. /*more post stuff*/
  1116. .caption {
  1117. margin-top:15px;
  1118. }
  1119.  
  1120. .chat {
  1121. padding:0;
  1122. list-style-type:none;
  1123. }
  1124.  
  1125. .chat .label {
  1126. font-weight:bold;
  1127. }
  1128.  
  1129. .quote {
  1130. text-align:center;
  1131. font-weight:bold;
  1132. font-size:20px;
  1133. line-height:20px;
  1134. margin-bottom:5px;
  1135. }
  1136.  
  1137. .source {
  1138. text-align:center;
  1139. margin-bottom:10px;
  1140. }
  1141.  
  1142. .media {
  1143. position:relative;
  1144. display:inline-block;
  1145. width:100%;
  1146. }
  1147.  
  1148. .musicwrapper {
  1149. position: relative;
  1150. display:inline-block;
  1151. }
  1152.  
  1153. .albumimgwrapper {
  1154. position: absolute;
  1155. opacity:.7;
  1156. overflow: hidden;
  1157. margin-left:20px;
  1158. width: 57px;
  1159. height: 55px;
  1160. }
  1161.  
  1162. .pbbg {
  1163. position: absolute;
  1164. left: 8px;
  1165. top: 5px;
  1166. width: 30px;
  1167. height: 30px;
  1168. margin-left:16px;
  1169. background-color: transparent;
  1170. padding: 10px;
  1171. opacity:.4;
  1172. filter: alpha(opacity=40);
  1173. -moz-opacity: 0.4;
  1174. -khtml-opacity: 0.4;
  1175. transition: opacity .7s ease-in-out;
  1176. -moz-transition: opacity .7s ease-in-out;
  1177. -webkit-transition: opacity .7s ease-in-out;
  1178. }
  1179.  
  1180. .pbbg:hover {
  1181. opacity: 1;
  1182. filter: alpha(opacity=100);
  1183. -moz-opacity: 1;
  1184. -khtml-opacity: 1;
  1185. }
  1186.  
  1187. .playerbutton {
  1188. position: relative;
  1189. width: 30px;
  1190. height: 30px;
  1191. overflow:hidden;
  1192. }
  1193.  
  1194. .pbhug {
  1195. position: absolute;
  1196. top: -30px;
  1197. left: -10px;
  1198. }
  1199.  
  1200. .tumblr_audio_player {
  1201. height: 90px;
  1202. width: 270px;
  1203. }
  1204.  
  1205. .albuminfo {
  1206. padding:10px;
  1207. display:inline-block;
  1208. margin-left: 90px;
  1209. min-height: 75px;
  1210. }
  1211.  
  1212. #ask {
  1213. margin:-16px 0px 0px 45px;
  1214. text-align:left;
  1215. }
  1216.  
  1217. #q { …. }
  1218.  
  1219. #ans { …. }
  1220.  
  1221. /*customization for pagination */
  1222. #pagination {
  1223. color:{color:pagination};
  1224. width:100px;
  1225. position:fixed;
  1226. font-size:12px;
  1227. font-weight:500;
  1228. }
  1229.  
  1230. #pagination a {
  1231. color:{color:pagination};
  1232. -webkit-filter:blur(1px);
  1233. -webkit-transition: 0.8s ease-in;
  1234. -moz-transition: .8s ease-in;
  1235. transition: .8s ease-in;
  1236. }
  1237.  
  1238. #pagination a:hover {
  1239. -webkit-filter:blur(0px);
  1240. color:{color:pagination hover};
  1241. text-shadow:none;
  1242. }
  1243.  
  1244. .retreat {
  1245. position:fixed;
  1246. text-align:right;
  1247. top:550px;
  1248. left:280px;
  1249. }
  1250.  
  1251. .advance {
  1252. position:fixed;
  1253. text-align:left;
  1254. top:550px;
  1255. left:930px;
  1256. }
  1257.  
  1258. .alinks {
  1259. position:fixed;
  1260. left:250px;
  1261. top:700px;
  1262. text-align: right;
  1263. line-height:20px;
  1264. font-family: 'Josefin Sans', sans-serif;
  1265. font-size: 17px;
  1266. -webkit-filter:blur(1px);
  1267. -webkit-animation: spin 6s linear 0s infinite normal;
  1268. -moz-animation: spin 6s linear 0s infinite normal;
  1269. -ms-animation: spin 6s linear 0s infinite normal;
  1270. -o-animation: spin 6s linear 0s infinite normal;
  1271. animation: spin 6s linear 0s infinite normal;
  1272. }
  1273.  
  1274.  
  1275. .alinks a {
  1276. text-shadow:0px 0px 2px #7f7f7f;
  1277. text-decoration:none;
  1278. color:#7f7f7f;
  1279. }
  1280.  
  1281. .alinks a:hover {
  1282. text-shadow:0px 0px 2px #fff;
  1283. text-decoration:none;
  1284. color:#fff;
  1285. -webkit-filter:blur(0px);
  1286. }
  1287.  
  1288.  
  1289.  
  1290. .blinks {
  1291. position:fixed;
  1292. font-size:35px;
  1293. left:725px;
  1294. top:345px;
  1295. text-decoration:none;
  1296. margin-left:210px;
  1297. margin-top:270px;
  1298. -webkit-filter:blur(1px);
  1299. -webkit-animation: spin 6s linear 0s infinite normal;
  1300. -moz-animation: spin 6s linear 0s infinite normal;
  1301. -ms-animation: spin 6s linear 0s infinite normal;
  1302. -o-animation: spin 6s linear 0s infinite normal;
  1303. animation: spin 6s linear 0s infinite normal;
  1304.  
  1305. }
  1306.  
  1307.  
  1308.  
  1309.  
  1310. .blinks a {
  1311. text-decoration:none;
  1312. color:#8e5858;
  1313. }
  1314.  
  1315. .blinks a:hover {
  1316. text-shadow:0px 0px 2px #fff;
  1317. text-decoration:none;
  1318. color:#fff;
  1319. -webkit-filter:blur(0px);
  1320. }
  1321.  
  1322.  
  1323.  
  1324.  
  1325. .clinks {
  1326.  
  1327. position:fixed;
  1328. font-size:35px;
  1329. left:685px;
  1330. top:345px;
  1331. text-decoration:none;
  1332. margin-left:210px;
  1333. margin-top:270px;
  1334. -webkit-filter:blur(1px);
  1335. -webkit-animation: spin 7s linear 0s infinite normal;
  1336. -moz-animation: spin 7s linear 0s infinite normal;
  1337. -ms-animation: spin 7s linear 0s infinite normal;
  1338. -o-animation: spin 7s linear 0s infinite normal;
  1339. animation: spin 7s linear 0s infinite normal;
  1340. }
  1341.  
  1342. .clinks a {
  1343.  
  1344. text-decoration:none;
  1345. color:#8e5858;
  1346.  
  1347. }
  1348.  
  1349. @keyframes spin {
  1350. 0% { transform: rotate(360deg); }
  1351. 100% { transform: rotate(0deg); }
  1352. }
  1353. @-webkit-keyframes spin {
  1354. 0% {-webkit-transform: rotate(360deg); }
  1355. 100% { -webkit-transform: rotate(0deg); }
  1356. }
  1357. @-ms-keyframes spin {
  1358. 0% {-ms-transform: rotate(360deg); }
  1359. 100% { -ms-transform: rotate(0deg); }
  1360. }
  1361. @-moz-keyframes spin {
  1362. 0% { -moz-transform: rotate(360deg); }
  1363. 100% { -moz-transform: rotate(0deg); }
  1364. }
  1365. @-o-keyframes spin {
  1366. 0% { -o-transform: rotate(360deg); }
  1367. 100% { -o-transform: rotate(0deg); }
  1368. }
  1369.  
  1370. .clinks:hover {
  1371. text-shadow:0px 0px 2px #fff;
  1372. text-decoration:none;
  1373. color:#fff;
  1374. -webkit-filter:blur(0px);
  1375. }
  1376.  
  1377.  
  1378.  
  1379. .dlinks {
  1380. position:fixed;
  1381. font-size:35px;
  1382. left:635px;
  1383. top:275px;
  1384. text-decoration:none;
  1385. margin-left:140px;
  1386. margin-top:340px;
  1387. -webkit-filter:blur(1px);
  1388. -webkit-animation: spin 7s linear 0s infinite normal;
  1389. -moz-animation: spin 7s linear 0s infinite normal;
  1390. -ms-animation: spin 7s linear 0s infinite normal;
  1391. -o-animation: spin 7s linear 0s infinite normal;
  1392. animation: spin 7s linear 0s infinite normal;
  1393. }
  1394.  
  1395. .dlinks a {
  1396. text-decoration:none;
  1397. color:#8e5858;
  1398. }
  1399.  
  1400. .dlinks:hover {
  1401. text-shadow:0px 0px 2px #fff;
  1402. text-decoration:none;
  1403. color:#fff;
  1404. -webkit-filter:blur(0px);
  1405. }
  1406.  
  1407.  
  1408.  
  1409. .elinks {
  1410. position:fixed;
  1411. font-size:35px;
  1412. left:705px;
  1413. top:325px;
  1414. text-decoration:none;
  1415. margin-left:150px;
  1416. margin-top:290px;
  1417. -webkit-filter:blur(1px);
  1418. -webkit-animation: spin 7s linear 0s infinite normal;
  1419. -moz-animation: spin 7s linear 0s infinite normal;
  1420. -ms-animation: spin 7s linear 0s infinite normal;
  1421. -o-animation: spin 7s linear 0s infinite normal;
  1422. animation: spin 7s linear 0s infinite normal;
  1423. }
  1424.  
  1425. .elinks a {
  1426. text-decoration:none;
  1427. color:#8e5858;
  1428. }
  1429.  
  1430. .elinks:hover {
  1431. text-shadow:0px 0px 2px #fff;
  1432. text-decoration:none;
  1433. color:#fff;
  1434. -webkit-filter:blur(0px);
  1435. }
  1436.  
  1437.  
  1438.  
  1439.  
  1440.  
  1441. .flinks {
  1442. position:fixed;
  1443. font-size:35px;
  1444. left:545px;
  1445. top:345px;
  1446. text-decoration:none;
  1447. margin-left:270px;
  1448. margin-top:270px;
  1449. -webkit-filter:blur(1px);
  1450. -webkit-animation: spin 7s linear 0s infinite normal;
  1451. -moz-animation: spin 7s linear 0s infinite normal;
  1452. -ms-animation: spin 7s linear 0s infinite normal;
  1453. -o-animation: spin 7s linear 0s infinite normal;
  1454. animation: spin 7s linear 0s infinite normal;
  1455. }
  1456.  
  1457. .flinks a {
  1458. text-decoration:none;
  1459. color:#8e5858;
  1460. }
  1461.  
  1462. .flinks:hover {
  1463. text-shadow:0px 0px 2px #fff;
  1464. text-decoration:none;
  1465. color:#fff;
  1466. -webkit-filter:blur(0px);
  1467. }
  1468.  
  1469. .glinks {
  1470. position:fixed;
  1471. font-size:35px;
  1472. left:735px;
  1473. top:345px;
  1474. text-decoration:none;
  1475. margin-left:270px;
  1476. margin-top:270px;
  1477.  
  1478.  
  1479.  
  1480. }
  1481.  
  1482. .glinks a {
  1483. text-shadow:0px 0px 2px #7f7f7f;
  1484. text-decoration:none;
  1485. color:#7f7f7f;
  1486. }
  1487.  
  1488. .glinks:hover {
  1489. text-shadow:0px 0px 2px #fff;
  1490. text-decoration:none;
  1491. color:#fff;
  1492. -webkit-filter:blur(0px);
  1493. }
  1494.  
  1495. #actualnews {
  1496. font-family: calibri;
  1497. font-size:10px;
  1498. background:transparent;
  1499. color: #bda7a4;
  1500. width:165px;
  1501. height:520px;
  1502. padding-top:3px;
  1503. border:0px solid #131313;
  1504. left: 920px;
  1505. top: 70px;
  1506. text-align:center;
  1507. position:fixed;
  1508. -webkit-filter: blur(0px);
  1509. -webkit-transition: 0.8s ease-in;
  1510. -moz-transition: 1s ease-in;
  1511. transition: 1s ease-in;
  1512. opacity:0.5;
  1513. -webkit-transition: all 0.6s ease-in-out;
  1514. -moz-transition: all 0.6s ease-in-out;
  1515. -o-transition: all 0.6s ease-in-out;
  1516. -ms-transition: all 0.6s ease-in-out;
  1517. transition: all 0.6s ease-in-out;
  1518. }
  1519.  
  1520.  
  1521.  
  1522. #actualnews:hover {
  1523. -webkit-filter:none;
  1524. -webkit-transition: all 0.6s ease-in-out;
  1525. opacity:1;
  1526. -webkit-transition: all 0.6s ease-in-out;
  1527. -moz-transition: all 0.6s ease-in-out;
  1528. -o-transition: all 0.6s ease-in-out;
  1529. -ms-transition: all 0.6s ease-in-out;
  1530. transition: all 0.6s ease-in-out;
  1531. }
  1532.  
  1533. #actualnews:i,em{
  1534. font-weight:bold;
  1535. font-size:15px;
  1536. text-shadow: -1px 0 #60bae3, 0 1px #60bae3, 1px 0 #60bae3, 0 -1px #60bae3;
  1537. color:#101010;
  1538. padding:2px;
  1539. font-family: 'Norican', cursive;
  1540. }
  1541.  
  1542. #bite
  1543. #bite a{
  1544. display:block
  1545. }
  1546. #bite .death {
  1547. margin-top:0px;filter: alpha(opacity = 1.0);
  1548. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  1549. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  1550. }
  1551.  
  1552. #bite:hover .death {
  1553. margin-top:0px;
  1554. -webkit-transition: all 0.8s ease-out;
  1555. -moz-transition: all 0.8s ease-out;
  1556. transition: all 0.8s ease-out;
  1557. filter: alpha(opacity = 100);
  1558. filter: alpha(opacity = 100);
  1559. opacity:100;
  1560. }
  1561.  
  1562.  
  1563. #thekey {
  1564. position:fixed;
  1565. color:#7c7470;
  1566. text-shadow: 0px 0px 2px #fff;
  1567. margin-top:175px;
  1568. margin-left:55px;
  1569. width:710px;
  1570. padding:9px;
  1571. letter-spacing:2px;
  1572. word-spacing:5px; /*this defines the separation of each word of the links*/
  1573. font-family: helvetica;
  1574. font-size:12px;
  1575. text-align:center;
  1576. background:transparent;
  1577. text-transform:uppercase;
  1578. -webkit-transform: rotate(-90deg);
  1579. -moz-transform: rotate(-90deg);
  1580. -o-transform: rotate(-90deg);
  1581. }
  1582.  
  1583.  
  1584. /*customization for tooltips */
  1585. #s-m-t-tooltip {
  1586. max-width:300px;
  1587. width:160px;
  1588. text-align:center;
  1589. padding:5px;
  1590. margin:15px 15px 5px 0px;/*how far it appears from link*/
  1591. color:{color:tooltiptext};
  1592. text-shadow:0 0 1px black, 0 0 3px black, 0 0 10px {color:tooltipshadow};
  1593. font-size:12px;
  1594. letter-spacing:0px;
  1595. font-family: 'Philosopher', sans-serif;
  1596. background-image: url('{image:h1 image}');
  1597. background-position:top center;
  1598. border:4px double {color:h1border};
  1599. z-index:99999;/*don't change this*/
  1600. }
  1601.  
  1602. /* THE VERSES TABS */
  1603.  
  1604.  
  1605. ul#tabs {
  1606. list-style-type: none;
  1607. padding: 0;
  1608. text-align: center;
  1609. font-size:8px;
  1610. letter-spacing:1px;
  1611. text-shadow:1px 1px 0px #4c4c4c,
  1612. 1px -1px 0px #4c4c4c,
  1613. -1px -1px 0px #4c4c4c,
  1614. -1px 1px 0px #4c4c4c,
  1615. 0px 1px 0px #4c4c4c,
  1616. 0px -1px 0px #4c4c4c,
  1617. 1px 0px 0px #4c4c4c,
  1618. -1px 0px 0px #4c4c4c;
  1619.  
  1620. }
  1621.  
  1622.  
  1623.  
  1624. ul#tabs li {
  1625. background-image: url('http://static.tumblr.com/1dr6x0r/HKComb5i9/int.png');
  1626. background-repeat:repeat;
  1627. background-attachment:fixed;
  1628. border-left: double 3px #000;
  1629. border-top: double 3px #000;
  1630. border-right: double 3px #000;
  1631. border-bottom: double 3px #000;
  1632. color:#e6e6e6;
  1633. text-shadow:1px 1px 0px #000,
  1634. 1px -1px 0px #000,
  1635. -1px -1px 0px #000,
  1636. -1px 1px 0px #000,
  1637. 0px 1px 0px #000,
  1638. 0px -1px 0px #000,
  1639. 1px 0px 0px #000,
  1640. -1px 0px 0px #000;
  1641. display: inline-block;
  1642. padding: 4px 10px;
  1643. margin-bottom: 4px;
  1644. cursor: pointer;
  1645. }
  1646.  
  1647.  
  1648.  
  1649. ul#tabs li:hover {
  1650. background-color: transparent;
  1651. color: #eaeaea;
  1652. }
  1653.  
  1654. ul#tabs li.active {
  1655. background-image: url('');
  1656. background:#151515;
  1657. background-repeat:repeat;
  1658. background-attachment:fixed;
  1659. border-left: double 3px #000;
  1660. border-top: double 3px #000;
  1661. border-right: double 3px #000;
  1662. border-bottom: double 3px #000;
  1663. color:#e6e6e6;
  1664. text-shadow:1px 1px 0px #000,
  1665. 1px -1px 0px #000,
  1666. -1px -1px 0px #000,
  1667. -1px 1px 0px #000,
  1668. 0px 1px 0px #000,
  1669. 0px -1px 0px #000,
  1670. 1px 0px 0px #000,
  1671. -1px 0px 0px #000;
  1672. display: inline-block;
  1673. padding: 4px 10px;
  1674. margin-bottom: 4px;
  1675. cursor: pointer;
  1676. }
  1677.  
  1678.  
  1679.  
  1680. ul#tab {
  1681. list-style-type: none;
  1682. margin: 0;
  1683. padding: 0;
  1684. }
  1685.  
  1686. ul#tab li {
  1687. display: none;
  1688. }
  1689.  
  1690. ul#tab li.active {
  1691. display: block;
  1692. }
  1693.  
  1694. .versebox_list {
  1695. margin: 0px;
  1696. padding: 0.5px;
  1697. width: 350px;
  1698. margin-top: 1px;
  1699. margin-left: 8px;
  1700. }
  1701.  
  1702. .versebox_head {
  1703. padding-top: 7px;
  1704. padding-bottom: 7px;
  1705. cursor: pointer;
  1706. position: relative;
  1707. margin: 1px;
  1708. text-align: center;
  1709. font-size:9px;
  1710. letter-spacing:2px;
  1711. background-color: #000;
  1712. background-image:url(’IF YOU WANT A BG IMAGE, IT GOES RIGHT HERE’);
  1713. border: 1px solid #0c0c0c;
  1714. outline: 0px solid #d9d9d8;
  1715. }
  1716.  
  1717. .versebox_body {
  1718. height: 150px;
  1719. overflow: scroll;
  1720. padding: 10px;
  1721. display: none;
  1722. background: #000;
  1723. font-size: 10px;
  1724. text-align: justify;
  1725. letter-spacing: 1px;
  1726. font-family: calibri;
  1727. color: #fff;
  1728. line-height: 100%;
  1729. text-transform: lowercase;
  1730. }
  1731.  
  1732.  
  1733. /* DO NOT REMOVE THIS. It's my credit and I worked very hard on it. */
  1734. #mycredit {
  1735. z-index:999999999;
  1736. bottom:5px;
  1737. right:5px;
  1738. height:30px;
  1739. width:30px;
  1740. opacity:.4;
  1741. position:fixed;
  1742. padding:5px;
  1743. -webkit-transition: 0.8s ease-in;
  1744. -moz-transition: .8s ease-in;
  1745. transition: .8s ease-in;
  1746. }
  1747.  
  1748. #mycredit:hover {
  1749. transform:rotate(90deg);
  1750. opacity:1;
  1751. }
  1752.  
  1753. </style>
  1754.  
  1755. </head>
  1756. <body>
  1757.  
  1758.  
  1759. <div id="links">
  1760.  
  1761.  
  1762. <div class="blinks">
  1763. <a href="#?w=375" rel="box5" class="poplight" title="the map."> ✧ </a>
  1764. </div>
  1765.  
  1766.  
  1767. <div class="clinks">
  1768. <a href="#?w=375" rel="box2" class="poplight" title="laws."> ✧ </a>
  1769. </div>
  1770.  
  1771.  
  1772. <div class="dlinks">
  1773. <a href="/" class="poplight" title="home."> ✧ </a>
  1774. </div>
  1775.  
  1776.  
  1777. <div class="elinks">
  1778. <a href="#?w=375" rel="box1" class="poplight" title="questions."> ✧ </a>
  1779. </div>
  1780.  
  1781.  
  1782. <div class="flinks">
  1783. <a href="#?w=375" rel="box6" class="poplight" title="desc."> ✧ </a>
  1784. </div>
  1785.  
  1786. <div class="glinks">
  1787. <a href="http://ricercati.tumblr.com"><img src="http://static.tumblr.com/1dr6x0r/XdUomih28/dazai.png" title="mackarel." /></a>
  1788. </div>
  1789. </div>
  1790.  
  1791.  
  1792.  
  1793. <!-- pagination -->
  1794. <div id="pagination">{block:Pagination}
  1795. {block:PreviousPage}<a href="{PreviousPage}" class="retreat" title="retreat">Z.</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}" class="advance" title="advance">A.</a></a>
  1796. {/block:NextPage}
  1797. {/block:Pagination}</div>
  1798.  
  1799. <!-- all the post stuff -->
  1800. <div id="container">
  1801. <!--entries-->
  1802. <div id="entries">
  1803. {block:Posts}
  1804.  
  1805. <div class="posts">
  1806.  
  1807. {block:Text}{block:Title}<h2 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1808.  
  1809. {block:Photo}<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{/block:Photo}
  1810.  
  1811. {block:Photoset}<center>{Photoset}</center>{/block:Photoset}
  1812.  
  1813. {block:Video}<div class="media video">{Video-500}</div>{/block:Video}
  1814.  
  1815. {block:Quote}<div class="quote"><i class="fa fa-quote-left" aria-hidden="true"></i>
  1816. {Quote}<small><small><i class="fa fa-quote-right" aria-hidden="true"></i></small></small>
  1817. </div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  1818.  
  1819. {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  1820.  
  1821.  
  1822. {block:Answer}<i>Dear Chuuya Nakahara, </i> </i><br>,<div class="question">{Question}</div><br> <span style="color:#fff;font-size:9px;margin-left:5px;letter-spacing:2px;text-align:right;">Sincerely yours,{asker} </span><br> <br><div id="ans">{answer}</div><p>{/block:Answer}
  1823.  
  1824. {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ul class="chat text">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}&nbsp; </span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  1825.  
  1826. {block:AudioPlayer}
  1827. <div class="musicwrapper">
  1828. {block:AlbumArt}<div class="albumimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1829. <div class="pbbg"><div class="playerbutton"><div class="pbhug">{AudioPlayerBlack}
  1830. </div></div></div><div class="albuminfo">
  1831. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  1832. </div></div>{/block:AudioPlayer}
  1833.  
  1834. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1835.  
  1836.  
  1837. {block:Date}
  1838. <div id="info">
  1839. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}"
  1840. style="position:absolute; margin-left:15px; margin-top:4px;-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg);"> ♛ </a>
  1841. <a href="{Permalink}" title="{NoteCountWithLabel} {DayOfMonthWithZero} - {TimeAgo}"
  1842. style=" position:absolute; margin-left:-8px; margin-top:1px;font-size:25px;-webkit-transform: rotate(-20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);"> ♞</a>
  1843. <a href="{ReblogURL}" target="_blank" class="details" title="Reblog"
  1844. style=" position:absolute; margin-left:5px; margin-top:20px;-webkit-transform: rotate(-50deg);-ms-transform: rotate(-50deg);transform:rotate(-50deg);"> ♟ </a>
  1845. </div>
  1846. {/block:Date}
  1847.  
  1848.  
  1849.  
  1850.  
  1851.  
  1852. <br>
  1853.  
  1854.  
  1855. <!--
  1856. ♛ INFO AND SYMBOLS ENDS
  1857. -->
  1858.  
  1859.  
  1860. <div id="tags" style="margin-bottom:50px;margin-left:20px">{block:HasTags}{block:Tags} • <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:Posts}</div>
  1861.  
  1862. </div>
  1863. </div>
  1864. </div>
  1865.  
  1866.  
  1867. </div>
  1868. {block:PostNotes}<div class="notes">{PostNotes}</div>
  1869. {/block:PostNotes}
  1870. {/block:Posts}
  1871.  
  1872.  
  1873. </div>
  1874. </div></div>
  1875.  
  1876.  
  1877. {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom}
  1878. </div></div>
  1879.  
  1880. <!-- DO NOT REMOVE MY CREDIT -->
  1881. <div id="mycredit"><a href="http://rpjustxce.tumblr.com/" title="theme by Justxce Themes"><img src="http://static.tumblr.com/ewpefvd/Uteohiglh/rpj-icon.png"></a></div>
  1882.  
  1883. </div>
  1884.  
  1885. </body>
  1886. <!--only touch this part of the code if you've got popup links-->
  1887.  
  1888. <!----------------- BEGIN POPUPS ------------------------------->
  1889.  
  1890. <!--this is your askbox and submitbox popup -->
  1891. <div id="box1" class="popup_block">
  1892.  
  1893. <h1>{text:askbox header}</h1>
  1894. <p>{text:askbox text}</p>
  1895.  
  1896. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/www.{text:askform}.tumblr.com" width="100%"></iframe>
  1897.  
  1898. <p><p>
  1899.  
  1900. <h1>{text:submit header}</h1>
  1901. <p>{text:submit text}</p>
  1902.  
  1903. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/submit_form/www.{text:askform}.tumblr.com" width="100%"></iframe>
  1904. </div>
  1905.  
  1906. </div></div></div></div></div></div></div></div></div></div>
  1907.  
  1908. <!--this is your rules popup, but it can be used for anything else-->
  1909. <div id="box2" class="popup_block">
  1910.  
  1911. <div style="width:auto;height:4z50px;overflow:scroll;padding:5px;">
  1912.  
  1913.  
  1914. <p align="center"><small>independent &amp; private<br /><em>Chuuya Nakahara</em><br />#corruptioni</small></p>
  1915. <p align="center"><strong>TL;DR SECTION.</strong></p>
  1916. <p align="center"><strong>&bull;&nbsp;be polite and respectful!</strong><strong><br />&bull;</strong>&nbsp;Inspiration is alright but don't steal things from this blog.<br /><strong>&bull;</strong>&nbsp;oc &amp; crossover friendly.<br /><strong>&bull;</strong>&nbsp;Highly Selective.<br /><strong>&bull;</strong> You don't need to match my length.<br /><strong>&bull;</strong>&nbsp;Mun is busy RL, I won't always be here.<br /><strong>&bull;</strong>&nbsp;this blog will have a large amount of triggers.<br /><strong>&bull;</strong>&nbsp;single ship &amp; multiverse.<br /><strong>&bull;</strong>&nbsp;I don't send in guideline passwords or like rule posts to prove they have been read.<br /><strong>&bull;</strong><strong>&bull;</strong>&nbsp;no smut with people under 18.<br /><strong>&bull;</strong>&nbsp;Chuuya Apologist.</p>
  1917. <h3>i. General.</h3>
  1918. <ul>
  1919. <li>This blog is caught up with the manga and anime and soon the light novel.&nbsp;<em><strong>Thus this blog is not spoiler free.</strong></em></li>
  1920. </ul>
  1921. <ul>
  1922. <li>This blog is <em>Highly Selective</em>, meaning that I will be selective with who I want to interact with. Please don't take it personally&nbsp;because it isn't. I simply cannot rp with everyone that follows me especially with my busy schedule. I usually look for two to three of the same characters to actively rp with, however naturally exceptions are made for friends.</li>
  1923. </ul>
  1924. <ul>
  1925. <li>Mun =/= Muse nor Muse =/= Mun. I may be angry and small but last time I checked I wasn't in the mafia nor is Chuuya an university student.</li>
  1926. </ul>
  1927. <ul>
  1928. <li>I check who follows me, unfollows me and such. If I follow someone who doesn't follow me back in a time span of 2 weeks I will unfollow them.</li>
  1929. </ul>
  1930. <ul>
  1931. <li>While I do attempt to do replies in chronologically order most of the time I will from now on reply to threads I have the most motivation and muse for. I noticed my muses die quickly if I do the first option so in order to prevent that from happening I will now do it in such order.</li>
  1932. </ul>
  1933. <ul>
  1934. <li>That said if I really take too long don't be afraid to notify me (or kick my ass for that matter).&nbsp;<br /><br /></li>
  1935. <li>I prefer plotted threads over winged ones. Should you like my starter calls I will approach you to plot, however should this not be your preference I will wing it instead.&nbsp;<br /><br /></li>
  1936. <li>I won't send in passwords because quite frankly I think they're stupid. I read the rules people have once I thread with them. You have my word.</li>
  1937. </ul>
  1938. <h3>ii. TRIGGERS.</h3>
  1939. <ul>
  1940. <li>while I have <em> almost no triggers</em> this blog will have mentions of the following<strong>;</strong> death, blood, abuse, violence, alcohol &amp; knives . i will attempt to remember to tag things appropriately, if i forgot something or your trigger isn't on here, <strong>PLEASE</strong> inform me so I can tag it accordingly!</li>
  1941. </ul>
  1942. <h3>iii. SHIPPING.</h3>
  1943. <ul>
  1944. <li>As much I wish for this boy to have a healthy relationship with someone it's not going to happen that easily because of who he is and all. I'm not going to say that it's impossible, but it will need a lot of development. Something I am definitely up for should there be enough chemistry. However at this moment it's not my priority.&nbsp;<br /><br /></li>
  1945. <li>Also I'm a bit selective when it comes to shipping. Basically if I already ship with a character I won't ship with another version of that character, I expect the same from my partner.</li>
  1946. </ul>
  1947. <h3>iv. MUSES.</h3>
  1948. <ul>
  1949. <li>I prefer if you would ask if you can turn an ask into a thread. I usually have a lot of threads on going already and there may be a chance I wrote that reply to your ask with the lack of muse. It's not likely this happens often but it has happened before so I would really prefer if we could avoid situations like these.<br /><br /></li>
  1950. <li>Your muse has permission to: hug and kiss my muse. This goes for killing my muse as well, though for that it needs to be discussed first.&nbsp;<br /><br /></li>
  1951. <li>Mutuals feel free to ask for platforms to interact on aside from Tumblr (i.e Discord, Skype, Twitter)<br /><br /></li>
  1952. <li>Feel free to send me all kinds of messages ranging from: IC, OOC, Development questions and so on even if we're not mutuals.</li>
  1953. </ul>
  1954. <h3>v. EXCLUSIVITY.</h3>
  1955. <ul>
  1956. <li>Always happy to be <em>mains or exclusive</em> with someone. If you feel like we've reached the point to become mains or exclusive you just need to ask! Though I won't become exclusive with cast members wince I wish to give everyone an equal chance.</li>
  1957. </ul>
  1958. <h3>vi. DISCLAIMER.</h3>
  1959. <ul>
  1960. <li>Everything on the blog was made by me.&nbsp;</li>
  1961. <li>Theme Code: agirlingrey&nbsp;</li>
  1962. <li>Art: <a href="http://kairiwhisper.tumblr.com/post/154178823631/my-piece-for-the-a-tale-of-fates-zine-%CF%89%EF%BE%89">x</a></li>
  1963. <li>Icons: Me</li>
  1964. </ul>
  1965. <p>*Note: If you steal my colored manga icons I will go corruption mode on you.</p>
  1966.  
  1967.  
  1968.  
  1969. </div>
  1970. </div>
  1971.  
  1972.  
  1973.  
  1974.  
  1975.  
  1976. <div id="box3" class="popup_block">
  1977.  
  1978. <h3>verses</h3>
  1979.  
  1980. <ul id="tabs">
  1981. <li class="active">MAIN.</li>
  1982. &nbsp;
  1983. <li>AU.</li>
  1984. &nbsp;
  1985. <li>GROUP.</li>
  1986. </ul>
  1987.  
  1988. <div style="width:auto;height:270px;overflow:scroll;padding:5px;">
  1989.  
  1990.  
  1991.  
  1992. <ul id="tab">
  1993. <li class="active">
  1994.  
  1995.  
  1996. <img src="http://static.tumblr.com/1dr6x0r/NjPomrpjk/7.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1997. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">I. Lost Child. </a></big>
  1998.  
  1999. <br><br>
  2000.  
  2001. This verse follows the timeline where Chuuya is still a child. It follows the events of where his mother leaves, his father is killed and he eventually joins the port mafia where he is raised by Kouyou.
  2002.  
  2003. <br><br><br>
  2004.  
  2005. <img src="http://static.tumblr.com/1dr6x0r/TTromrp57/5.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2006. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">II. Double Black.</a></big>
  2007.  
  2008. <br><br>
  2009.  
  2010. This verse follows the timeline where Chuuya is still Dazai's partner. Their team was called Double Black and was a duo to be feared as they together defeated an entire group of gifted in a single night.
  2011.  
  2012. <br><br><br>
  2013.  
  2014. <img src="http://static.tumblr.com/1dr6x0r/3mMomrp6c/6.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2015. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">III. Wardens of the Night. </a></big>
  2016.  
  2017. <br><br>
  2018.  
  2019. <strong>Main Verse.</strong> This verse follows the main timeline. In this verse Chuuya is one of the five executives of the port mafia. Should something happen to Mori, he shall take the lead in his stead.
  2020. <br><br><br>
  2021.  
  2022. </li>
  2023. <li>
  2024.  
  2025.  
  2026.  
  2027. <img src="http://static.tumblr.com/1dr6x0r/dFoomrpxg/9.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2028. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">IV Role-Reversal.</a></big>
  2029.  
  2030. <br><br>
  2031.  
  2032. A verse which follows the events of Chuuya should he have been the one that left instead of Dazai. This verse is created with (ricercati) and mirror each other. In this verse Chuuya is the one to join the agency after refusing to play part in the plot of Mori's assassination that Dazai had planned. With Dazai now running the Port Mafia Chuuya finds himself in a position where he does everything just to delay and ruin the other's plance while also being on the run for the bounty that is placed on his head.
  2033.  
  2034.  
  2035. <br><br><br>
  2036.  
  2037. <img src="http://static.tumblr.com/1dr6x0r/Dvqomrq7n/10.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2038. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">V Gakuen.</a></big>
  2039.  
  2040. <br><br>
  2041.  
  2042. The verse where life is 'normal' and Chuuya attends high school. Often found in fist fights at the school yard, skipping class or dragging Dazai out trouble. Chuuya is an okay student and should receive more credit than he gets, if only he wouldn't spend so much time getting in to trouble--- or rather bailing a certain one out.
  2043.  
  2044. <br><br><br>
  2045.  
  2046. <img src="http://static.tumblr.com/1dr6x0r/pZpomrqfc/8.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2047. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VI Pokemon.</a></big>
  2048.  
  2049. <br><br>
  2050.  
  2051. This verse follows the timeline where Chuuya is a retired elite four member. After the disappearance of the another elite four member Dazai he decided to leave the elite four all together. Whilst he longs for a rematch, he is not actively looking for the man. Instead he is simply traveling and only battling the strongest trainers. Chuuya can often be found in battle tournaments and areas like the battle tree.
  2052. <p>
  2053. He travels with his main partner Vulpix who he found abandoned in an alleyway. The rest of his team includes: Mienshao, Meowstic, Tyranitar, Salamance and Zoroark. He is also known to have plenty of other pokemon but can be seen switching between a: Primeape, Blaziken and Infernape.
  2054.  
  2055. <br><br><br>
  2056.  
  2057. </li>
  2058. <li>
  2059.  
  2060.  
  2061. <img src="https://66.media.tumblr.com/6b6b80e2545ce4977586403217aacdb5/tumblr_oc495wFwrl1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2062. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">NA.</a></big>
  2063.  
  2064. <br><br>
  2065.  
  2066. NA
  2067.  
  2068. <br><br><br>
  2069.  
  2070.  
  2071. </li>
  2072. </ul>
  2073.  
  2074.  
  2075. </div>
  2076. </div>
  2077.  
  2078.  
  2079. <div id="box5" class="popup_block">
  2080.  
  2081. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  2082.  
  2083. <center>
  2084.  
  2085. <h3>General</h3>
  2086.  
  2087.  
  2088. <div class="popupnavlinks">
  2089. <a href="/tagged/V. ┊ audience with the prince (answered.) ">About.</a>
  2090. <a href="/tagged/V. ┊ audience with the prince (answered.) ">Answered.</a>
  2091. <a href="/tagged/II. ┊ kings are the slaves of history (headcanon.)">Headcanons.</a>
  2092. <a href="/tagged/II. ┊ will i too be worthy of valhalla (isms.)">Isms.</a>
  2093. <a href="/tagged/">Mains.</a>
  2094. <a href="/Petite">Mun.</a>
  2095. <a href="/tagged/╳ ┊ ❝ petite mafia / ooc.">OOC.</a>
  2096. <a href="/tagged/╳ ┊ ❝ hit list / promo. ">Promos.</a>
  2097. <a href="/I">Verses. </a>
  2098.  
  2099. <h3>Characters</h3>
  2100. <a href="/tagged/ ╳ ┊ ❝ rashomon / akutagawa.">Akutagawa .</a>
  2101. <a href="/tagged/╳-┊-❝--for-the-tainted-sorrow--%2F-chuuya.">Chuuya.</a>
  2102. <a href="/tagged/ ╳ ┊ ❝ no longer human / mackarel.">Dazai.</a>
  2103. <a href="/tagged/ ╳ ┊ ❝ golden demon / kouyou.">Kouyou.</a>
  2104. <a href="/tagged/ ╳ ┊ ❝ demon snow / kyouka.">Kyouka.</a>
  2105. <a href="/tagged/ ╳ ┊ ❝ vita sexualis / mori." >Mori.</a>
  2106.  
  2107. <br><br><br>
  2108.  
  2109.  
  2110. </div>
  2111. </div>
  2112. </div>
  2113. <div id="box6" class="popup_block">
  2114.  
  2115. <center>
  2116.  
  2117. <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
  2118.  
  2119. <div id="int">O acquaintances</div><br>
  2120. Private, Selective & <br>canon divergent<p> <i>Chuuya Nakahara</i><p>
  2121.  
  2122. <p> As adored by<big> <i>Alyssa</i></big><br>
  2123. 21 she/her<p>
  2124. This blog has been established on the 4th of March 2017<p>
  2125.  
  2126.  
  2127. <div id="int"> grantors of dark disgrace</div><br>
  2128.  
  2129.  
  2130. <i>Starters: </i> 0<br>
  2131. <i>Replies: </i>0<br>
  2132. <i>Asks: </i> 0<br>
  2133. <p>
  2134.  
  2135. <div id="int">do not wake me again</div><br>
  2136. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="102" height="20">
  2137. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  2138. <param name="bgcolor" value="#c5c5c4" />
  2139. <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/65089097/Chuuya/Anti-Gravity%20-%20RUNAGROUND%20-%20Official%20Lyrics%20%26%20Audio.mp3&amp;width=102&amp;height=20&amp;volume=50&amp;autoplay=1&amp;showslider=0&amp;bgcolor=101010&amp;bgcolor1=101010&amp;bgcolor2=101010&amp;buttoncolor=757b75&amp;showlist=0&amp;showplaylistnumbers=0" />
  2140. </object>
  2141. <p></p>
  2142.  
  2143.  
  2144.  
  2145. </center>
  2146. <p></p>
  2147.  
  2148. <!--------------- END POPUPS -------------------->
  2149. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement