API tools faq
paste
Advertisement
Tsunland

shoto's old theme

Tsunland
Dec 28th, 2017
126
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 55.00 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by http://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  29. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:500
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <!--verses tabs script-->
  45. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  46. <!--script end-->
  47.  
  48. <!--tooltip script end-->
  49. <!--pop up script-->
  50. <script type="text/javascript"
  51. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  52. <script>
  53. $(document).ready(function() {
  54. //
  55. $('a.poplight[href^=#]').click(function() {
  56. var popID = $(this).attr('rel'); //Get Popup Name
  57. var popURL = $(this).attr('href'); //Get Popup href to define size
  58. var query= popURL.split('?');
  59. var dim= query[1].split('&');
  60. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  61. $('#' + 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>');
  62. var popMargTop = ($('#' + popID).height() + 80) / 2;
  63. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  64. //Apply Margin to Popup
  65. $('#' + popID).css({
  66. 'margin-top' : -popMargTop,
  67. 'margin-left' : -popMargLeft
  68. });
  69. $('body').append('<div id="fade"></div>');
  70. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  71. return false;
  72. });
  73. $('a.close, #fade').live('click', function() {
  74. $('#fade , .popup_block').fadeOut(function() {
  75. $('#fade, a.close').remove(); //fade them both out
  76. });
  77. return false;
  78. });
  79. });
  80. </script>
  81.  
  82. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  83. <script type="text/javascript">
  84. $(document).ready(function(){
  85. $('.versebox_body').hide();
  86. $('.versebox_head').click(function(){
  87. $(this).next('.versebox_body').slideToggle('fast');
  88. }); }); </script>
  89. <style type="text/css">
  90. .versebox_list { margin:0px; padding:0px; width:100%;}
  91. .versebox_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  92. .versebox_body { padding:10px; text-align:left; display:none;}
  93. </style>
  94.  
  95. <!--ask pop script end-->
  96. <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet">
  97.  
  98. <link href="https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day|Oswald|Philosopher|Quicksand|Raleway|Ruthie" rel="stylesheet">
  99. <link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  100. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  101. <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
  102. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  103. <link href='https://fonts.googleapis.com/css?family=Neuton' rel='stylesheet' type='text/css'>
  104. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  105. <link href='https://fonts.googleapis.com/css?family=Oswald:700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  106. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  107.  
  108. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  109.  
  110. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  111.  
  112. <link href='https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic' rel='stylesheet' type='text/css'>
  113. <link href='https://fonts.googleapis.com/css?family=Work+Sans:300' rel='stylesheet' type='text/css'>
  114. <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
  115. <link href='http://fonts.googleapis.com/css?family=Adamina' rel='stylesheet' type='text/css'>
  116. <link href="https://fonts.googleapis.com/css?family=Norican" rel="stylesheet">
  117. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  118.  
  119. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  120.  
  121. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  122.  
  123.  
  124. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  125.  
  126. <link href="https://fonts.googleapis.com/css?family=EB+Garamond|Play" rel="stylesheet">
  127.  
  128. <link href="https://fonts.googleapis.com/css?family=Fira+Sans|Lobster|Montserrat|Gudea" rel="stylesheet">
  129.  
  130. <script type="text/javascript" src="http://scmplayer.co/script.js"
  131. data-config="{'skin':'http://static.tumblr.com/su8juwr/3PAn36qz9/minipreta.css','volume':35,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'I.','url':'http://k003.kiwi6.com/hotlink/1sl4fjdr3j/Memoirs.mp3'}]}" ></script>
  132.  
  133.  
  134. <style type="text/css">
  135.  
  136.  
  137.  
  138. /*cursor code, change image to change cursor*/
  139. /*find more at http://pixel-soup.tumblr.com/tagged/cursors */
  140.  
  141. *, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto }
  142. a:hover { cursor:url("http://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  143.  
  144. /*these are the custom fonts, you can install more just by pasting the code here*/
  145.  
  146.  
  147.  
  148. @font-face{font-family:"bebas neue";src:url('https://dl.dropboxusercontent.com/s/ve5e59sbnw2vei5/BebasNeue.ttf');}
  149. @font-face{font-family:"nightingale";src:url('https://dl.dropboxusercontent.com/s/pa1adg9sn1490m8/Nightingale.ttf');}
  150. @font-face {font-family: "black jack";src: url('https://dl.dropboxusercontent.com/s/ryf3a4mag4hudp6/blackjar.ttf?dl=1'); format("truetype");}
  151.  
  152.  
  153.  
  154.  
  155. /*selection color*/
  156.  
  157. ::-moz-selection { /* Code for Firefox */
  158. color: #fff; /*text color of selected text*/
  159. background: #a4a4a4; /*color of selection bg*/
  160. }
  161.  
  162. ::selection {
  163. color: #fff; /*text color of selected text*/
  164. background: #a4a4a4; /*color of selection bg*/
  165. }
  166.  
  167. /*selection color end*/
  168.  
  169. ::-webkit-scrollbar-thumb {
  170. background-color:#7c7c7c; /*scrollbar's slider color*/
  171. background-image:url('URL HERE'); /*optional background image*/
  172. height:0px;
  173. }
  174.  
  175. ::-webkit-scrollbar {
  176. height:0px;
  177. width:3px; /*width of slider*/
  178. background-color:transparent; /*scrollbar's main color*/
  179. background-image:url('URL HERE'); /*optional background image*/
  180. }
  181.  
  182. /*the code here is to reduce the opacity of an image and make it more visible on hover, you can remove it if you want your image to always be at 100%*/
  183.  
  184. img, iframe {
  185.  
  186. opacity:1; /*this determines opacity of images*/
  187. -moz-transition-duration: 0.5s;
  188. -o-transition-duration: 0.5s;
  189. -webkit-transition-duration: 0.5s;
  190. transition-duration: 0.5s;
  191. padding:5px;
  192. }
  193.  
  194.  
  195.  
  196. img:hover,iframe:hover {
  197.  
  198. opacity:1;
  199. -webkit-filter:none;
  200. -moz-transition-duration: 0.5s;
  201. -o-transition-duration: 0.5s;
  202. -webkit-transition-duration: 0.5s;
  203. transition-duration: 0.5s;}
  204.  
  205. /*HOVER IMAGE CODE END*/
  206.  
  207.  
  208. body {
  209. background-color:#000000; /*set this the same color as your background image to avoid black areas on different resolutions*/
  210. background-image:url('http://static.tumblr.com/2of5gjx/Mfuowy7lj/shoto-halloween-theme.png'); /*bg image goes here*/
  211. background-attachment: fixed;
  212. background-repeat: no-repeat;
  213. background-position: left top;
  214. font:10px Karla, calibri, sans-serif;
  215. letter-spacing:1.5px;
  216. line-height:130%;
  217. color:#b6b6b6;
  218. overflow-wrap:break-word;
  219. word-wrap:break-word;
  220.  
  221.  
  222.  
  223.  
  224. }
  225.  
  226. .pagi {
  227. font-size:35px;
  228. font-family:'overpass';
  229. margin-top:75px; /*change to decide position of pagination*/
  230. margin-left:700px;
  231. color: #a2a2a2;
  232. position:fixed;
  233. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  234. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  235.  
  236. .pagi a {
  237. color: #7c7c7c; /*color of pagination*/
  238. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of pagination*/
  239. -webkit-filter: blur(1px);
  240. -moz-filter: blur(1px);
  241. -o-filter: blur(1px);
  242. -ms-filter: blur(1px);
  243. filter: blur(1px);
  244. }
  245.  
  246. .pagi a:hover {
  247. color: #fff; /*color of pagination on hover*/
  248. }
  249.  
  250. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  251. this script stylizes it*/
  252.  
  253. #s-m-t-tooltip{
  254. max-width:400px;
  255. margin:15px;
  256. padding:2px 8px;
  257. background-image: url(""); /*include image if you want a background for the tooltip text*/
  258. background: transparent;
  259. background-repeat:repeat;
  260. background-attachment:fixed;
  261. color:#fff; /*color of tooltip text*/
  262. /*the text shadow determines the outline of the text because there's no easy way to add an outline to it, you can change all the code to another color*/
  263. text-shadow:1px 1px #7c7c7c,
  264. 1px -1px #7c7c7c,
  265. 1px 0px #7c7c7c,
  266. 0px 1px #7c7c7c,
  267. 0px -1px #7c7c7c,
  268. -1px 1px #7c7c7c,
  269. -1px 0px #7c7c7c,
  270. -1px -1px #7c7c7c;
  271. z-index:99999999999999999999;
  272. font-size:15px;
  273. letter-spacing:2px;
  274. font-style:bold;
  275. letter-spacing:2px;
  276. font-family: 'nightingale';
  277. text-transform:lowercase;
  278. box-shadow:0px 0px 0px;}
  279.  
  280.  
  281. #s-m-tooltip:hover {
  282. -webkit-transition: all 0.6s ease-out;
  283. -moz-transition: all 0.6s ease-out;
  284. transition: all 0.6s ease-out;
  285. -o-transition:all 0.6s ease;
  286. -ms-transition: all 0.6s ease-in-out;}
  287.  
  288. /* TOOLTIP END */
  289.  
  290.  
  291. small,sub,sup {
  292. font-size:11px;
  293. }
  294.  
  295. b, bold, strong {
  296. font-size:8px;
  297. text-transform:uppercase;
  298. letter-spacing:1px;
  299. font-family: 'Josefin Sans', sans-serif;
  300. color: #d26666;
  301.  
  302.  
  303. }
  304.  
  305.  
  306.  
  307. i, italic, em {
  308. font-size:13px;
  309. color: #a9c0e6;
  310. font-family: 'Bad Script', cursive;
  311. letter-spacing:1px;
  312. text-transform:lowercase;
  313.  
  314.  
  315. }
  316.  
  317.  
  318. /* This styles the headers of the sidebar as well as the headers inside the popups */
  319. h3, h4 {
  320. background-image: url('http://static.tumblr.com/2of5gjx/Johox5nbw/int.png');
  321. background-repeat:repeat;
  322. background-attachment:fixed;
  323. padding:2px;
  324. color:#fff; /*text color of sidebar titles*/
  325. text-shadow:1px 1px #191919,
  326. 1px -1px #191919,
  327. 1px 0px #191919,
  328. 0px 1px #191919,
  329. 0px -1px #191919,
  330. -1px 1px #191919,
  331. -1px 0px #191919,
  332. -1px -1px #191919;
  333. /*change all the hex of the text shadow to the same code
  334. to change the outline of the text*/
  335. font-size:8px;
  336. line-height:120%;
  337. font-family:'arial';
  338. text-transform:uppercase;
  339. border: double 3px #7c7c7c;
  340. text-align:center;}
  341.  
  342.  
  343. a,a:visited,a:active {
  344. color: #fff; /*color of links*/
  345. text-decoration:none;
  346. text-shadow: 0px 0px 0px #000;
  347. -moz-transition-duration: 0.6s;
  348. -o-transition-duration: 0.6s;
  349. -webkit-transition-duration: 0.6s;
  350. transition-duration: 0.6s;
  351. -webkit-filter: blur(.5px);
  352. -moz-filter: blur(.5px);
  353. -o-filter: blur(.5px);
  354. -ms-filter: blur(.5px);
  355. filter: blur(.5px);
  356.  
  357. }
  358.  
  359. a:hover {
  360. color: #7c7c7c; /*color of links on hover*/
  361. text-shadow: 0px 0px 3px #7c7c7c;
  362. -webkit-transition: all 0.6s ease-out;
  363. -moz-transition: all 0.6s ease-out;
  364. transition: all 0.6s ease-out;
  365. -o-transition:all 0.6s ease;
  366. -ms-transition: all 0.6s ease-in-out;}
  367.  
  368. /*POST TITLE SETTINGS*/
  369.  
  370. .titulo {
  371.  
  372. font-family: 'bebas neue';
  373. font-weight:normal;
  374. font-size: 23px; /*size of title*/
  375. text-align: center;
  376. color: #7c7c7c; /*color of title*/
  377. text-shadow: 0px 0px 2px #7c7c7c;
  378.  
  379. }
  380.  
  381.  
  382. /*TITLE SETTINGS END*/
  383.  
  384. #container {
  385. position:absolute;
  386. left:553px; /*position of container from the left*/
  387. top:285px; /*position of container from top*/
  388. height:325px; /*determines height of container*/
  389. width:285px;
  390. overflow-y:scroll;
  391. -webkit-mask-image: -webkit-gradient(
  392. linear, center 55%, center bottom,
  393. from(rgba(0,0,0,10)),
  394. to(rgba(10,0,0,0)));
  395. border:1px solid transparent;
  396. }
  397.  
  398. #entries {
  399. background-color:transparent;
  400.  
  401. }
  402.  
  403. #content {
  404. width:405x; /*determines size of posts*/
  405. margin-bottom:20px;
  406. padding:10px 7px 10px 10px;
  407. }
  408.  
  409.  
  410. #entries img {
  411. max-width: 100%;
  412. height: auto;
  413. opacity:0.7; /*change this to change visibility of post images, set it to 1 if you want it completely visible*/
  414. -moz-transition-duration: 0.5s;
  415. -o-transition-duration: 0.5s;
  416. -webkit-transition-duration: 0.5s;
  417. transition-duration: 0.5s;
  418. padding:5px;
  419.  
  420.  
  421. }
  422.  
  423. #entries img:hover {
  424. opacity: 1; /*image opacity of posts on hover*/
  425. -moz-transition-duration: 0.5s;
  426. -o-transition-duration: 0.5s;
  427. -webkit-transition-duration: 0.5s;
  428. transition-duration: 0.5s;
  429. padding:5px;
  430.  
  431. }
  432.  
  433.  
  434. blockquote {
  435. border-left: 5px solid #7c7c7c; /*color of blockquote*/
  436. border-radius:15px;
  437. padding: 2px 0px 2px 8px;
  438. margin: 3px 0 3px 8px;
  439. }
  440.  
  441. blockquote img {
  442. max-width:100%;
  443. height:auto;
  444. }
  445.  
  446. /*ASK*/
  447.  
  448. #asker {
  449. font-size:15px;
  450. letter-spacing:1px;
  451. margin-bottom:-3px;
  452. color: #fff; /*color of asker url / anonymous but if a user then it is also determined by 'a' as it will be a link*/
  453. font-family: 'nightingale';
  454. text-shadow:0px 0px 5px #7c7c7c;
  455. text-align:center;
  456. text-decoration:none;
  457. -webkit-transition: all 0.6s ease-out;
  458. -moz-transition: all 0.6s ease-out;
  459. transition: all 0.6s ease-out;
  460. -o-transition:all 0.6s ease;
  461. -ms-transition: all 0.6s ease-in-out;
  462.  
  463. }
  464.  
  465. /*to change the part that says whispered, scroll down to the html*/
  466.  
  467. #asker a {
  468. color: #fff;
  469. }
  470.  
  471. #asker a:hover {
  472. -webkit-filter: blur(1px);
  473. -moz-filter: blur(1px);
  474. -o-filter: blur(1px);
  475. -ms-filter: blur(1px);
  476. filter: blur(1px);
  477. color: #7c7c7c;
  478. transition: all 0.6s ease-out;
  479. }
  480.  
  481. #ask {
  482. background: url("http://static.tumblr.com/1dr6x0r/HKComb5i9/int.png");/*image behind the question*/
  483. background-color:#7c7c7c; /*background color of question if no background image is selected*/
  484. background-repeat:repeat;
  485. font-size:8px;
  486. font-family:arial;
  487. line-height:120%;
  488. text-align:center;
  489. text-transform:uppercase;
  490. color: #ccc; /*color of question text*/
  491. border-top:double 3px #7c7c7c; /*border color of question*/
  492. border-bottom:double 3px #7c7c7c; /*border color of question*/
  493. border-right:solid 1px #7c7c7c;
  494. border-left:solid 1px #7c7c7c;
  495. border-radius:15px;
  496. padding: 10px 20px 10px 20px;
  497. text-shadow: 1px 1px #191919,
  498. 1px -1px #191919,
  499. 1px 0px #191919,
  500. 0px 1px #191919,
  501. 0px -1px #191919,
  502. -1px 1px #191919,
  503. -1px 0px #191919,
  504. -1px -1px #191919;
  505. /*change all the hex of the text shadow to the same code
  506. to change the outline of the text*/
  507. }
  508.  
  509.  
  510. #answer {
  511. padding-top:0px;
  512. }
  513. /*ASK ENDS HERE*/
  514.  
  515. /*CHAT POST BEGINS HERE*/
  516.  
  517. .convo {
  518. font-size: 10px;
  519. line-height:120%;
  520. text-align:left;
  521. padding:0px;
  522.  
  523. }
  524.  
  525. .convo li {
  526. list-style:none;
  527. }
  528.  
  529. .convo .label {
  530. text-transform: uppercase;
  531. font-weight:bold;
  532.  
  533. }
  534.  
  535. .line_odd .label {
  536. color: #fff; /* Color of odd person in the chat */
  537. background: none;
  538. }
  539.  
  540. .line_even .label {
  541. color: #7c7c7c; /* Color of even person in the chat */
  542. }
  543.  
  544. .line_even {
  545. margin:0px 10px;
  546. padding: 5px;
  547. text-align:left;
  548. font-weight:bold;
  549. color: #7c7c7c; /*color of even text*/
  550. text-shadow:none;
  551. padding: 10px 20px 10px 20px;
  552. border-bottom:solid 1px #7c7c7c; /*line seperating chats*/
  553. }
  554.  
  555. .line_odd {
  556. margin:0px 10px;
  557. padding: 5px;
  558. background-color:#a4a4a4; /*background color of odd text*/
  559. text-align:left; /*color of odd text*/
  560. color: #ccc; /*color of odd text*/
  561. text-shadow:none;
  562. border-bottom:solid 1px #7c7c7c; /*line seperating chats*/
  563. padding: 10px 20px 10px 20px;
  564. }
  565.  
  566.  
  567.  
  568.  
  569. /*CHAT POST ENDS HERE*/
  570.  
  571. /*QUOTE BEGINS HERE*/
  572.  
  573.  
  574. .quote {
  575. font-family: "black jack";
  576. font-size: 25px;
  577. font-weight:normal;
  578. line-height:100%;
  579. padding-bottom:30px;
  580. text-align: center;
  581. color: #fff; /*color of quote*/
  582. text-shadow: 0px 0px 2px #fff,
  583.  
  584. }
  585.  
  586. /*QUOTE ENDS HERE*/
  587.  
  588.  
  589. /*LINK POST BEGIN*/
  590.  
  591. #linku {
  592. text-transform:uppercase;
  593. text-align:center;
  594. letter-spacing:0px;
  595. font-weight:normal;
  596. font-family: 'bebas neue';
  597. font-size:14px;
  598. }
  599.  
  600. /*LINK POST END*/
  601.  
  602. /*SIDE BAR / DESCRIPTION BEGINS HERE*/
  603.  
  604. #boxy {
  605. position:fixed;
  606. top:370px; /*position of the box*/
  607. margin-left:460px;
  608. overflow:hidden; /*this keeps the text hidden without hover, change to scroll bar if you want it to scroll and show*/
  609. height:40px; /*determines height of the box - increase it if you have too much text and want to avoid scrollbar*/
  610. transform:rotate(90deg);
  611. width:400px; /*determines width of description*/
  612. opacity:1;
  613. -webkit-transition: all 0.7s ease;
  614. -moz-transition: all 0.7s ease;
  615. -o-transition: all 0.7s ease;}
  616.  
  617. #boxy:hover {
  618. opacity:1;
  619. transform:none;
  620. width:250px;
  621. height:520px; /*height of box on hover*/
  622. top:155px; /*position of box on hover*/
  623. margin-left:680px;
  624. -webkit-transition: all 0.7s ease;
  625. -moz-transition: all 0.7s ease;
  626. -o-transition: all 0.7s ease;
  627. }
  628.  
  629. .anchor {
  630. font-family:'nightingale';
  631. font-size:50px;
  632. letter-spacing:0px;
  633. height:50px;
  634. padding-top:5px;
  635. line-height:100%;
  636. color:#e6e6e6; /*color of top bar title, the one reading not all treasure.. */
  637. text-shadow:0px 0px 10px #7c7c7c,
  638. 0px 0px 3px #7c7c7c;
  639. z-index:99999999999;
  640. }
  641.  
  642. #boxy:hover .anchor {
  643. font-size:9px;
  644. color: #7c7c7c; /*color of title on hover*/
  645. z-index:9999999999;
  646. }
  647.  
  648. .sail {
  649. width:180px; /*determines width of description — can't be more than width of the box*/
  650. margin-left:20px;
  651. margin-top:5px;
  652. border-radius:15px;
  653. padding:5px;
  654. opacity:0; /*keeps description hidden before hover*/
  655. -webkit-transition: all 0.7s ease;
  656. -moz-transition: all 0.7s ease;
  657. -o-transition: all 0.7s ease;
  658. }
  659.  
  660. #boxy:hover .sail {
  661. opacity:1;/*shows description hidden before hover*/
  662. -webkit-transition: all 0.7s ease;
  663. -moz-transition: all 0.7s ease;
  664. -o-transition: all 0.7s ease;
  665. }
  666.  
  667. #despacito {
  668. margin-top:10px;
  669. text-align:center;
  670.  
  671.  
  672. }
  673.  
  674. /*SIDE BAR / DESCRIPTION END*/
  675.  
  676. /*TAGS AND INFO BEGINS HERE*/
  677. .permalinks {
  678. background-image: url(''); /*you can insert image here for the permalinks bg*/
  679. background-color:transparent; /*color of post links' background*/
  680. color: #ccc; /*color of peramalinks' text*/
  681. border-bottom:solid 1px #a2a2a2; /*border of permalinks*/
  682. padding: 1px 5px 5px 1px;
  683. letter-spacing:5px;
  684. text-align:center;
  685. font-size:9px;
  686. text-transform:uppercase;
  687. margin-top:15px;
  688. -moz-transition-duration:.6s;
  689. -webkit-transition-duration:.6s;
  690. -o-transition-duration:.6s;
  691. -webkit-filter: blur(0px);
  692.  
  693.  
  694. }
  695.  
  696. .permalinks a {
  697. font-family:calibri;
  698. color:#7c7c7c; /*color of permalinks actual links*/
  699. font-weight:bold;
  700. text-shadow: 0px 0px 2px #7c7c7c;
  701. text-decoration:none;
  702. }
  703.  
  704.  
  705. .permalinks a:hover {
  706. color:#fff; /*color of links on hover*/
  707. text-shadow: 0px 0px 2px #000;
  708. -webkit-transition: all 0.5s ease-in-out;
  709. -moz-transition: all 0.5s ease-in-out;
  710. -o-transition: all 0.5s ease-in-out;
  711. -ms-transition: all 0.5s ease-in-out;
  712. transition: all 0.5s ease-in-out;
  713. }
  714.  
  715. .tags {
  716.  
  717. text-align:justify;
  718. padding-left:5px;
  719. padding-right:15px;
  720. margin-bottom:15px;
  721. color: #a4a4a4; /*this determines the color of the small symbol (by default a ' ; ' but you can change it) next to the tags*/
  722. font-size:10px;
  723. text-shadow:0px 0px 3px #fff
  724. }
  725.  
  726. .tags a {
  727. color:#a4a4a4; /*change this for the actual color of the tags*/
  728. font-size:8px;
  729. font-weight:bold;
  730. font-family:calibri;
  731. text-transform:uppercase;
  732. text-shadow:0px 0px 3px #576d8c
  733. letter-spacing:0px;
  734.  
  735. }
  736.  
  737.  
  738. .tags a:hover {
  739. color: #fff; /*tag color on hover*/
  740. -webkit-transition: all 0.5s ease-in-out;
  741. -moz-transition: all 0.5s ease-in-out;
  742. -o-transition: all 0.5s ease-in-out;
  743. -ms-transition: all 0.5s ease-in-out;
  744. transition: all 0.5s ease-in-out;
  745.  
  746. }
  747.  
  748.  
  749. /*POP UP CODES AND LINKS BEGIN*/
  750.  
  751.  
  752. #pops {
  753. position:fixed;
  754.  
  755. }
  756.  
  757.  
  758. #linku1 {
  759. position:fixed;
  760. font-size:18px;
  761. text-decoration:none;
  762. margin-left:850px;
  763. margin-top:265px;
  764. z-index:99999999999999999999;
  765. }
  766.  
  767.  
  768. #linku1 a {
  769. color: #631a24; /*color of bold text*/
  770. text-shadow:0 0 3px #631a24; /*shadow of bold text*/
  771. -webkit-filter: blur(1px);
  772. -moz-filter: blur(1px);
  773. -o-filter: blur(1px);
  774. -ms-filter: blur(1px);
  775. filter: blur(1px);
  776. }
  777.  
  778. #linku1 a:hover {
  779. color: #fff;
  780. }
  781.  
  782. #linku1:hover {
  783. -webkit-filter: blur(2px);
  784. -moz-filter: blur(2px);
  785. -o-filter: blur(2px);
  786. -ms-filter: blur(2px);
  787. filter: blur(2px);
  788. -webkit-transition: all 0.5s ease-in-out;
  789. -moz-transition: all 0.5s ease-in-out;
  790. -o-transition: all 0.5s ease-in-out;
  791. -ms-transition: all 0.5s ease-in-out;
  792. transition: all 0.5s ease-in-out;
  793. }
  794.  
  795. #linku2 {
  796. position:fixed;
  797. font-size:18px;
  798. text-decoration:none;
  799. margin-left:850px;
  800. margin-top:285px;
  801. }
  802.  
  803. #linku2:hover {
  804. -webkit-filter: blur(2px);
  805. -moz-filter: blur(2px);
  806. -o-filter: blur(2px);
  807. -ms-filter: blur(2px);
  808. filter: blur(2px);
  809. -webkit-transition: all 0.5s ease-in-out;
  810. -moz-transition: all 0.5s ease-in-out;
  811. -o-transition: all 0.5s ease-in-out;
  812. -ms-transition: all 0.5s ease-in-out;
  813. transition: all 0.5s ease-in-out;
  814. }
  815.  
  816.  
  817. #linku2 a {
  818. color: #631a24; /*color of bold text*/
  819. text-shadow:0 0 3px #631a24; /*shadow of bold text*/
  820. -webkit-filter: blur(1px);
  821. -moz-filter: blur(1px);
  822. -o-filter: blur(1px);
  823. -ms-filter: blur(1px);
  824. filter: blur(1px);
  825. }
  826.  
  827. #linku2 a:hover {
  828. color: #fff;
  829. }
  830.  
  831. #linku3 {
  832. position:fixed;
  833. font-size:18px;
  834. text-decoration:none;
  835. margin-left:850px;
  836. margin-top:305px;
  837. }
  838.  
  839. #linku3:hover {
  840. -webkit-filter: blur(2px);
  841. -moz-filter: blur(2px);
  842. -o-filter: blur(2px);
  843. -ms-filter: blur(2px);
  844. filter: blur(2px);
  845. -webkit-transition: all 0.5s ease-in-out;
  846. -moz-transition: all 0.5s ease-in-out;
  847. -o-transition: all 0.5s ease-in-out;
  848. -ms-transition: all 0.5s ease-in-out;
  849. transition: all 0.5s ease-in-out;
  850. }
  851.  
  852.  
  853. #linku3 a {
  854. color: #631a24; /*color of bold text*/
  855. text-shadow:0 0 3px #631a24; /*shadow of bold text*/
  856. -webkit-filter: blur(1px);
  857. -moz-filter: blur(1px);
  858. -o-filter: blur(1px);
  859. -ms-filter: blur(1px);
  860. filter: blur(1px);
  861. }
  862.  
  863. #linku3 a:hover {
  864. color: #fff;
  865. }
  866.  
  867. #linku4 {
  868. position:fixed;
  869. font-size:18px;
  870. text-decoration:none;
  871. margin-left:850px;
  872. margin-top:325px;
  873. }
  874.  
  875. #linku4:hover {
  876. -webkit-filter: blur(2px);
  877. -moz-filter: blur(2px);
  878. -o-filter: blur(2px);
  879. -ms-filter: blur(2px);
  880. filter: blur(2px);
  881. -webkit-transition: all 0.5s ease-in-out;
  882. -moz-transition: all 0.5s ease-in-out;
  883. -o-transition: all 0.5s ease-in-out;
  884. -ms-transition: all 0.5s ease-in-out;
  885. transition: all 0.5s ease-in-out;
  886. }
  887.  
  888. #linku4 a {
  889. color: #631a24; /*color of bold text*/
  890. text-shadow:0 0 3px #631a24; /*shadow of bold text*/
  891. -webkit-filter: blur(1px);
  892. -moz-filter: blur(1px);
  893. -o-filter: blur(1px);
  894. -ms-filter: blur(1px);
  895. filter: blur(1px);
  896. }
  897.  
  898. #linku4 a:hover {
  899. color: #fff;
  900. }
  901.  
  902.  
  903.  
  904. #linku5 {
  905. position:fixed;
  906. font-size:18px;
  907. text-decoration:none;
  908. width:70px;
  909. height:auto;
  910. margin-left:850px;
  911. margin-top:345px;
  912. }
  913.  
  914. #linku5:hover {
  915. -webkit-filter: blur(2px);
  916. -moz-filter: blur(2px);
  917. -o-filter: blur(2px);
  918. -ms-filter: blur(2px);
  919. filter: blur(2px);
  920. -webkit-transition: all 0.5s ease-in-out;
  921. -moz-transition: all 0.5s ease-in-out;
  922. -o-transition: all 0.5s ease-in-out;
  923. -ms-transition: all 0.5s ease-in-out;
  924. transition: all 0.5s ease-in-out;
  925. }
  926.  
  927. #linku5 a {
  928. color: #631a24; /*color of bold text*/
  929. text-shadow:0 0 3px #631a24; /*shadow of bold text*/
  930. -webkit-filter: blur(1px);
  931. -moz-filter: blur(1px);
  932. -o-filter: blur(1px);
  933. -ms-filter: blur(1px);
  934. filter: blur(1px);
  935. }
  936.  
  937. #linku5 a:hover {
  938. color: #fff;
  939. }
  940.  
  941. #linku6 {
  942. position:fixed;
  943. font-size:50px;
  944. width:70px;
  945. height:auto;
  946. text-decoration:none;
  947. margin-left:400px;
  948. margin-top:300px;
  949.  
  950. }
  951.  
  952. #linku6:hover {
  953. -webkit-filter: blur(2px);
  954. -moz-filter: blur(2px);
  955. -o-filter: blur(2px);
  956. -ms-filter: blur(2px);
  957. filter: blur(2px);
  958. -webkit-transition: all 0.5s ease-in-out;
  959. -moz-transition: all 0.5s ease-in-out;
  960. -o-transition: all 0.5s ease-in-out;
  961. -ms-transition: all 0.5s ease-in-out;
  962. transition: all 0.5s ease-in-out;
  963. }
  964.  
  965. #linku6 a {
  966. color: #631a24; /*color of bold text*/
  967. text-shadow:0 0 3px #631a24; /*shadow of bold text*/
  968. -webkit-filter: blur(1px);
  969. -moz-filter: blur(1px);
  970. -o-filter: blur(1px);
  971. -ms-filter: blur(1px);
  972. filter: blur(1px);
  973. }
  974.  
  975. #linku6 a:hover {
  976. color: #fff;
  977. }
  978.  
  979. #fade { /*--Transparent background layer--*/
  980. display: none; /*--hidden by default--*/
  981. background: #121111; /*color of pop up fade */
  982. background-image: url(''); /*if you want to add a background image to go behind your popup */
  983. position: fixed; left: 0; top: 0;
  984. width: 100%;
  985. height: 100%;
  986. opacity: 0.7;/* you can make it 0 if you don't want a surrounding color to the popup or set it to 1 to have the background posts and theme invisible and only the pop up showing */
  987. z-index: 9999;
  988. }
  989.  
  990. .popup_block {
  991. display:none;
  992. HEIGHT:auto;
  993. width:auto;
  994. background:transparent;
  995. padding:0px;
  996. float:left;
  997. position:fixed;
  998. margin:auto;
  999. z-index: 99999;
  1000. }
  1001.  
  1002. .popup_boxy {
  1003. background:#121111; /*color of popup background*/
  1004. background-image:url("http://static.tumblr.com/2of5gjx/96Yox5nsb/popup.png"); /*main image of popup*/
  1005. border:solid 1px #7c7c7c; /*border color of main popup*/
  1006. position:absolute;
  1007. box-shadow: 0px 0px 2px #7c7c7c; /*shadow color of popup*/
  1008. text-align:center;
  1009. font-size: 10px; /*font size of the words inside the box */
  1010. padding:20px;
  1011. margin:auto;
  1012. width: 575px; /*width of main pop up*/
  1013. height:350px; /*height of main pop up*/
  1014. overflow-y:none;
  1015. top:235px; /*position of pop up*/
  1016. left:450px;
  1017. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  1018. }
  1019.  
  1020. .popup_content {
  1021. height:321px;
  1022. width: 327px;
  1023. padding: 10px;
  1024. margin:5px;
  1025. border: solid 1px #7c7c7c; /*border color of square that includes popup content*/
  1026. overflow-y:scroll;
  1027. background:#121111; /*background color of pop up content, the square that has your text*/
  1028. float:right;
  1029. }
  1030.  
  1031. .tabheader {
  1032. position:absolute;
  1033. top:210px; /*make sure to keep this less than position of box so it floats above it always*/
  1034. left:812px;
  1035. text-align:center;
  1036. width:300px;
  1037. background:transparent;
  1038. color:#e6e6e6; /* color of hanging pop up header */
  1039. text-shadow:0px 0px 10px #7c7c7c,
  1040. 0px 0px 3px #7c7c7c;
  1041. overflow-y:scroll;
  1042. font-family: 'nightingale';
  1043. font-size:15px;
  1044. font-weight:normal;
  1045. letter-spacing:1px;
  1046. text-transform:lowercase;
  1047. z-index: 999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  1048. }
  1049.  
  1050. /*verses tab begins*/
  1051.  
  1052. #headerbar{
  1053. position:absolute;
  1054. top: 355px; /*position of verses navigation*/
  1055. left: 1065px; /*position of verses navigation*/
  1056. text-align:center;
  1057. border:none;
  1058. width:auto;
  1059. background:transparent; /*background color of pop up side navigation*/
  1060. height:auto;
  1061. overflow:scroll;
  1062. text-align:justify;
  1063. padding:5px;
  1064. font-size:9px;
  1065. font-family:calibri;
  1066. text-transform:uppercase;
  1067. letter-spacing:1px;
  1068. text-align:center;
  1069. z-index: 999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  1070. }
  1071.  
  1072. }
  1073.  
  1074. #tabbar{
  1075.  
  1076. margin-top:auto; /*– for placing –*/
  1077. margin-left:auto; /*– for placing –*/
  1078. width: 400px; /*– sets width of your text –*/
  1079. height:440px; /*– sets height of your text –*/
  1080. overflow: scroll;
  1081. text-align:justify;
  1082. font-family:calibri;
  1083. font-size:10px;
  1084. }
  1085.  
  1086. ul#tabs {text-align: center;}
  1087.  
  1088. ul#tabs li { /*– your inactive / not viewed tabs –*/
  1089. display:block;
  1090. width: 100px;
  1091. padding: 5px;
  1092. margin:10px;
  1093. font-size:11px;
  1094. background-image: url('');
  1095. background:#ccc;
  1096. background-repeat:repeat;
  1097. background-attachment:fixed;
  1098. border: double 3px #7c7c7c;
  1099. box-shadow: 0px 0px 5px #a4a4a4;
  1100. color:#7c7c7c;
  1101. font-family:calibri;
  1102. text-transform:uppercase;
  1103. cursor:pointer;
  1104. }
  1105.  
  1106. ul#tabs li.active { /*– your active tab –*/
  1107.  
  1108. text-align:justify;
  1109. width: 100px;
  1110. box-shadow: 0px 0px 5px #a4a4a4;
  1111. background-image: url('http://static.tumblr.com/1dr6x0r/HKComb5i9/int.png');
  1112. background-repeat:repeat;
  1113. background-attachment:fixed;
  1114. border: double 3px #7c7c7c; /*color of border of the titles of the sidebar*/
  1115. padding:5px;
  1116. margin:10px;
  1117. color:#fff; /*text color of sidebar titles*/
  1118. text-shadow:1px 1px #191919,
  1119. 1px -1px #191919,
  1120. 1px 0px #191919,
  1121. 0px 1px #191919,
  1122. 0px -1px #191919,
  1123. -1px 1px #191919,
  1124. -1px 0px #191919,
  1125. -1px -1px #191919;
  1126. /*change all the hex of the text shadow to the same code
  1127. to change the outline of the text*/
  1128. font-size:11px;
  1129. font-family:calibri;
  1130. text-transform:uppercase;
  1131. letter-spacing:1px;
  1132. text-align:center;
  1133. -webkit-transition:
  1134. all 0.5s ease-out;
  1135. -moz-transition: all 0.5s ease-out;
  1136. transition: all 0.5s ease-out;
  1137. }
  1138.  
  1139. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  1140. ul#tab li.active {display: block;}
  1141. ul#tab li {display: none;}
  1142.  
  1143. /*end*/
  1144.  
  1145. img.btn_close {
  1146. float: right;
  1147. margin: -5px -5px 0 0;
  1148. }
  1149. /*--Making IE6 Understand Fixed Positioning--*/
  1150. *html #fade {
  1151. position: absolute;
  1152. }
  1153. *html .popup_block {
  1154. position: absolute;
  1155. }
  1156.  
  1157.  
  1158. /*The header of each part of the navigation*/
  1159. .navi_linksu h3 {
  1160. font-size:22px;
  1161. margin-bottom:-5px;
  1162. border:none;
  1163. color: #a4a4a4; /*color of header*/
  1164. font-family: 'selima';
  1165. font-weight:normal;
  1166. letter-spacing:1px;
  1167. text-transform:lowercase;
  1168. background:transparent;
  1169. }
  1170.  
  1171. .navi_linksu {
  1172. text-align:center;
  1173. }
  1174.  
  1175. .navi_linksu a {
  1176. display: inline-block;
  1177. width: 120px;
  1178. padding: 5px;
  1179. margin:5px;
  1180. font-size:11px;
  1181. background-image: url('');
  1182. background:#ccc; /*color of navigation links background*/
  1183. background-repeat:repeat;
  1184. background-attachment:fixed;
  1185. border: solid 1px #7c7c7c;
  1186. color:#7c7c7c;
  1187. font-family:calibri;
  1188. text-transform:uppercase;
  1189.  
  1190.  
  1191. }
  1192.  
  1193. .navi_linksu a:hover {
  1194. -webkit-transition: all .5s ease-in-out;
  1195. -moz-transition: all .5s ease-in-out;
  1196. -ms-transition: all .5s ease-in-out;
  1197. -o-transition: all .5s ease-in-out;
  1198. transition: all .5s ease-in-out;
  1199. background:#7c7c7c; /*background color of navi links on hover*/
  1200. border: solid 1px #ccc;
  1201. color:#ccc; /*color of links on hover*/
  1202. }
  1203.  
  1204. .versu {
  1205. width:70px;
  1206. height:auto;
  1207. float:left;
  1208. padding:20px;
  1209. }
  1210.  
  1211.  
  1212. .vee {
  1213. text-align:center;
  1214. padding:10px;
  1215. margin-bottom:20px;
  1216. }
  1217.  
  1218. /*POP UP END*/
  1219.  
  1220.  
  1221. /* DO NOT REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */
  1222. .credit {
  1223. font-weight:bold;
  1224. border-top:dashed 1px #7c7c7c;
  1225. border-right:dashed 1px #7c7c7c;
  1226. border-left:dashed 1px #7c7c7c;
  1227. background:#ccc;
  1228. color:#7c7c7c;
  1229. padding:10px;
  1230. font-size:15px;
  1231. bottom:0px;
  1232. right:20px;
  1233. position:fixed;
  1234. font-family:'sail';
  1235. -webkit-filter: blur(.5px);
  1236. -moz-filter: blur(.5px);
  1237. -o-filter: blur(.5px);
  1238. -ms-filter: blur(.5px);
  1239. filter: blur(.5px);
  1240.  
  1241. }
  1242.  
  1243. .credit a {
  1244. color:#7c7c7c;
  1245. }
  1246.  
  1247. .credit a:hover {
  1248. color: #fff;
  1249. }
  1250. /*CREDIT END*/
  1251.  
  1252. </style>
  1253.  
  1254. <body>
  1255.  
  1256.  
  1257. <!--this is where you edit the size and titles of the scattered links, you can edit their content way below though. The #?w= determines the width of the pop up, make sure to give your popups different box numbers-->
  1258. <div id="pops">
  1259. <div id="linku1"> <a href="/" title="HOME.">✖</a></div>
  1260. <div id="linku2"> <a href="#?w=325" rel="box0" class="poplight" title="Rules.">✖</a></div>
  1261. <div id="linku3"> <a href="#?w=500" rel="box1" class="poplight" title="QUERIES.">✖</a></div>
  1262. <div id="linku4"> <a href="#?w=320" rel="box2" class="poplight" title="NAVIGATION.">✖</a></div> <!--change image source to change the squares labelled icon-->
  1263. <div id="linku5"> <a href="#?w=320" rel="verses" class="poplight" title="VERSES.">✖</a></div> <!--change image source to change the squares labelled icon-->
  1264. <div id="linku6"> <a href="#?w=320" rel="versesu" class="poplight" title="MAINS.">❤</a></div> <!--change image source to change the squares labelled icon-->
  1265. </div>
  1266. </div></div>
  1267.  
  1268.  
  1269.  
  1270. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  1271.  
  1272. {block:Pagination}
  1273. <div class="pagi">
  1274. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1275. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1276. </div>
  1277. {/block:Pagination}
  1278. <div id="container">
  1279. <div id="entries">
  1280.  
  1281. {block:Posts}
  1282.  
  1283. <div id="content">
  1284. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  1285. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1286. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1287.  
  1288. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1289. {/block:Photoset}
  1290.  
  1291. {block:Quote}<div class="quote">❝{Quote}❞</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  1292. {block:Link}
  1293. {block:Thumbnail}
  1294. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  1295. {/block:Thumbnail}
  1296. <div id="linku">
  1297. <span style="font-size:20px">❝ </span> <a href="{URL}" class="link" {Target}>{Name}</a><span style="font-size:20px"> ❞</span>
  1298. </div>
  1299. {/block:Link}
  1300.  
  1301. {block:Chat}
  1302. {block:Title}
  1303. <div class="titulo">{Title}</div>{/block:Title}<br>
  1304. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1305. {Line}</li>{/block:Lines}</ul>
  1306. {/block:Chat}
  1307.  
  1308. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1309. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1310. {block:Answer}
  1311. <div id="asker">{Asker}<span style="font-size:13px; font-family:bebas neue;"> whispered: </span></div><div id="ask">{Question}</div>
  1312. <div id="answer">
  1313. {Answer}</div>
  1314. {/block:Answer}
  1315. <div class="permalinks">
  1316. {block:RebloggedFrom}
  1317. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" >✖</a>
  1318. {/block:RebloggedFrom}
  1319. <a href="{Permalink}" title="{timeago}">✖</a>{block:NoteCount}
  1320. <a href="{Permalink}" title="{NoteCount} hits.">✖</a>{/block:NoteCount}
  1321. {block:ContentSource}
  1322. <a href="{SourceURL}" title="source: {SourceTitle}">✖</a>
  1323. {/block:ContentSource}
  1324. <a href="{ReblogURL}" title="reblog" target="_blank">✖</a>
  1325. {/block:RebloggedFrom}
  1326. </div>
  1327. <div class="tags">
  1328. {block:HasTags}
  1329. {block:Tags}
  1330. <!--you can change symbol before tags to something else-->; <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1331. {/block:Tags}
  1332. {/block:HasTags}
  1333. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1334.  
  1335. </div></div>
  1336. {/block:Posts}
  1337. </div>
  1338. </div>
  1339. </body>
  1340.  
  1341.  
  1342. <!--This is where the pop up begins, you can edit beyond this point-->
  1343.  
  1344. <div id="box0" class="popup_block"><div class="popup_boxy">
  1345. <div class="popup_content">
  1346.  
  1347. <div class="text appel">
  1348. <p align="center"><small>&nbsp;private, canon divergent and headcanon based<br /><em>Todoroki Shoto</em><br />#dualborn</small></p>
  1349. <p align="center"><strong>TL;DR SECTION.</strong></p>
  1350. <p align="center"><strong>&bull;&nbsp;be polite and respectful!</strong><strong><br />&bull;</strong>&nbsp;Inspiration is alright but do not 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&rsquo;t need to match my length.<br /><strong>&bull; </strong>Writer&nbsp;is busy RL, I won&rsquo;t always be here.<br /><strong>&bull;</strong>&nbsp;This blog will have a lot of triggers.<br /><strong>&bull;</strong>&nbsp;single ship &amp; multiverse.<br /><strong>&bull;</strong>&nbsp;I don&rsquo;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;Todoroki Apologist.</p>
  1351. <h2>i. General.</h2>
  1352. <ul>
  1353. <li>This blog is caught up with the manga and anime and<em><strong> thus this blog is not spoiler free.<br /><br /></strong></em></li>
  1354. </ul>
  1355. <ul>
  1356. <li>This blog is <em>Highly Selective</em>, meaning that I will be selective with who I want to interact with. Please don&rsquo;t take it personally&nbsp;because it isn&rsquo;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.<br /><br /></li>
  1357. </ul>
  1358. <ul>
  1359. <li>Mun =/= Muse nor Muse =/= Mun.&nbsp;<br /><br /></li>
  1360. </ul>
  1361. <ul>
  1362. <li>I check who follows me, unfollows me and such. If I follow someone who doesn&rsquo;t follow me back in a time span of 2 weeks I will unfollow them.<br /><br /></li>
  1363. <li>I unfollow if there&rsquo;s too much dash clutter. This does not include replies but rather photoset reblogs that have nothing to do with your blog.<br /><br /></li>
  1364. </ul>
  1365. <ul>
  1366. <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.<br /><br /></li>
  1367. </ul>
  1368. <ul>
  1369. <li>That said if I really take too long don&rsquo;t be afraid to notify me (or kick my ass for that matter).&nbsp;<br /><br /></li>
  1370. <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>
  1371. <li>I won&rsquo;t send in passwords because quite frankly I think they&rsquo;re stupid. I read the rules people have once I thread with them. You have my word.</li>
  1372. </ul>
  1373. <h2>ii. TRIGGERS.</h2>
  1374. <ul>
  1375. <li>while I have almost<em> no triggers</em> this blog will have mentions of the following<strong>;<br /><br /></strong></li>
  1376. <li>blood, abuse, violence. i will attempt to remember to tag things appropriately, if i forgot something or your trigger isn&rsquo;t on here, <strong>PLEASE</strong> inform me so I can tag it accordingly!</li>
  1377. </ul>
  1378. <h2>iii. SHIPPING.</h2>
  1379. <ul>
  1380. <li>I&rsquo;m a bit selective when it comes to shipping. Basically, if I already ship with a character I won&rsquo;t ship with another version of that character, I expect the same from my partner.</li>
  1381. </ul>
  1382. <h2>iv. MUSES.</h2>
  1383. <ul>
  1384. <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&rsquo;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>
  1385. <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>
  1386. <li>Mutuals feel free to ask for platforms to interact on aside from Tumblr (i.e Discord, Twitter)<br /><br /></li>
  1387. <li>Feel free to send me all kinds of messages ranging from: IC, OOC, Development questions and so on even if we&rsquo;re not mutuals.</li>
  1388. </ul>
  1389. <h2>v. EXCLUSIVITY.</h2>
  1390. <ul>
  1391. <li>Always happy to be <em>mains or exclusive</em> with someone. If you feel like we&rsquo;ve reached the point to become mains or exclusive you just need to ask! Though I won&rsquo;t become exclusive with cast members wince I wish to give everyone an equal chance.</li>
  1392. </ul>
  1393. <h2>vi. DISCLAIMER.</h2>
  1394. <ul>
  1395. <li>Everything on the blog was made by me.&nbsp;</li>
  1396. <li>Theme Code:&nbsp;felinum</li>
  1397. <li>Art: <a href="https://www.pixiv.net/member_illust.php?mode=medium&amp;illust_id=64378020">x</a></li>
  1398. <li>Icons: Me</li>
  1399. </ul>
  1400. <p>*Note: If you steal my colored manga icons I will hunt you</p>
  1401. </div>
  1402.  
  1403. </div></div></div></div>
  1404.  
  1405. <div id="box1" class="popup_block"><div class="popup_boxy">
  1406. <div class="popup_content">
  1407.  
  1408. <h3>Questions</h3><br>
  1409. <strong>Note:</strong> If you're experiencing technical issues please use <a href="/ask"> this page </a>instead.<p>
  1410.  
  1411. <p> <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/dualborn.tumblr.com" width="100%"></iframe>
  1412. </div></div></div></div>
  1413.  
  1414. <div id="box2" class="popup_block">
  1415. <div class="popup_boxy">
  1416. <div class="popup_content">
  1417. <div class="text appel">
  1418. <div class="navi_linksu">
  1419. <h3>General</h3>
  1420. <a href="/About">About.</a> <a href="/tagged/%E2%9C%A7%2A-%28-query-%2F-i-hope-the-answer-was-satisfactory-%29">Answered.</a> <a href="/tagged/%E2%9C%A7%2A-%28-headcanons.-%2F-a-tale-of-a-boy-who-escaped-his-inner-demons-%29">Headcanons.</a> <a href="/tagged/%E2%9C%A7%2A-%28-MUSINGS-%2F-I-AM-WHO-I-SHOULD-BE-NOT-WHO-YOU-TOLD-ME-TO-BE-%29">Isms.</a> <a href="/Mains">Mains.</a> <a href="/petite">Mun.</a> <a href="/tagged/%E2%9C%A7%2A-%28-ooc.-%2F-time-for-some-hot-choco-%29">OOC.</a> <a href="/">Promos.</a> <a href="/Rules">Rules.</a> <a href="/tagged/%E2%9C%A7%2A-%28-about.-%2F-reaching-for-the-sky-%29">Stats.</a> <a href="/Verses">Verses.</a>
  1421. <h3>Characters</h3>
  1422. <a href="/tagged/%E2%9C%A7%2A-%28-PORTRAITS-%2F-THE-BOY-BORN-WITH-EVERYTHING-%29">Todoroki.</a> <a href="/tagged/%E2%9C%A7%2A-%28-portraits-%2F-believe-in-yourself%3B-you%E2%80%99re-capable-of-so-much-more-%29">yaoyorozu.</a> <a href="/">bakugou.</a> <a href="/">midoriya.</a> <a href="/tagged/%E2%9C%A7%2A-%28-portraits-%2F-lost-in-ambition-%C2%A0%29">Endeavor.</a></div>
  1423. </div>
  1424.  
  1425. </div>
  1426. </div>
  1427. </div>
  1428. </div>
  1429.  
  1430. <div id="versesu" class="popup_block">
  1431. <div id="headerbar">
  1432. <ul id="tabs">
  1433. <li class="active">MAINS.</li>
  1434. <li>EXCLUSIVES.</li>
  1435. </ul></div>
  1436.  
  1437. <div class="popup_boxy"><div class="popup_content">
  1438.  
  1439. <div id="tabbar">
  1440. <ul id="tab">
  1441.  
  1442. <li class="active">
  1443.  
  1444. <h3>MAINS</h3>
  1445.  
  1446. <!--start copying from here if you want more verse blocks-->
  1447.  
  1448. <div class="vee">
  1449.  
  1450. <img class="versu" src="http://static.tumblr.com/2of5gjx/cZkox5od1/exclusive.png"> <!--REPLACE WITH IMAGE URL-->
  1451.  
  1452. <p><a href="VERSE TAG"><b>Yaoyoruzu Momo</b></a>
  1453. <br><br><b>Relationship</b> Friends
  1454. <br><b>Blog</b> materialborn
  1455.  
  1456.  
  1457. </div>
  1458.  
  1459. <!--paste here-->
  1460. <!--start copying from here if you want more verse blocks-->
  1461.  
  1462. <div class="vee">
  1463.  
  1464. <img class="versu" src="http://static.tumblr.com/2of5gjx/PUYox5od5/exclusive-cutie.png"> <!--REPLACE WITH IMAGE URL-->
  1465.  
  1466. <p><a href="VERSE TAG"><b>Uraraka Ochaco</b></a>
  1467. <br><br><b>Relationship</b> Friend
  1468. <br><b>Blog</b> gravityborn
  1469.  
  1470.  
  1471. </div>
  1472.  
  1473. <!--paste here-->
  1474. <div class="vee">
  1475.  
  1476. <img class="versu" src="http://static.tumblr.com/2of5gjx/bayox5od8/fuckboi.png"> <!--REPLACE WITH IMAGE URL-->
  1477.  
  1478. <p><a href="VERSE TAG"><b>Bakugou Katsuki</b></a>
  1479. <br><br><b>Relationship</b> Dead to me
  1480. <br><b>Blog</b> blastborn
  1481.  
  1482.  
  1483. </div>
  1484.  
  1485.  
  1486. </li>
  1487.  
  1488. <li>
  1489.  
  1490. <h3>EXCLUSIVES</h3>
  1491.  
  1492. <!--start copying from here if you want more verse blocks-->
  1493.  
  1494. <div class="vee">
  1495.  
  1496. <img class="versu" src="http://static.tumblr.com/1dr6x0r/l0Rosksh6/_13.png"> <!--REPLACE WITH IMAGE URL-->
  1497.  
  1498. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1499. <br><br><b>AGE</b>
  1500. <br><b>TIMELINE</b>
  1501. <br><b>POSITION</b>
  1502.  
  1503. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1504.  
  1505. </div>
  1506.  
  1507. <div class="vee">
  1508.  
  1509. <img class="versu" src="http://static.tumblr.com/1dr6x0r/l0Rosksh6/_13.png"> <!--REPLACE WITH IMAGE URL-->
  1510.  
  1511. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1512. <br><br><b>AGE</b>
  1513. <br><b>TIMELINE</b>
  1514. <br><b>POSITION</b>
  1515.  
  1516. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1517.  
  1518. </div>
  1519.  
  1520.  
  1521. <!--paste here-->
  1522.  
  1523. </li>
  1524.  
  1525. <li>
  1526.  
  1527. <h3>OTHER</h3>
  1528.  
  1529. <!--start copying from here if you want more verse blocks-->
  1530.  
  1531. <div class="vee">
  1532.  
  1533. <img class="versu" src="http://static.tumblr.com/1dr6x0r/l0Rosksh6/_13.png"> <!--REPLACE WITH IMAGE URL-->
  1534.  
  1535. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1536. <br><br><b>AGE</b>
  1537. <br><b>TIMELINE</b>
  1538. <br><b>POSITION</b>
  1539.  
  1540. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1541.  
  1542. </div>
  1543.  
  1544. <!--paste here-->
  1545.  
  1546. <!--start copying from here if you want more verse blocks-->
  1547.  
  1548. <div class="vee">
  1549.  
  1550. <img class="versu" src="http://static.tumblr.com/1dr6x0r/l0Rosksh6/_13.png"> <!--REPLACE WITH IMAGE URL-->
  1551.  
  1552. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1553. <br><br><b>AGE</b>
  1554. <br><b>TIMELINE</b>
  1555. <br><b>POSITION</b>
  1556.  
  1557. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1558.  
  1559. </div>
  1560.  
  1561. <!--paste here-->
  1562.  
  1563.  
  1564. </li>
  1565.  
  1566. </ul> <!--important don't delete-->
  1567. </div></div></div></div></div></div></div></div></div></div></div></div></div>
  1568.  
  1569. </div>
  1570. </div></div>
  1571.  
  1572.  
  1573. <div id="box3" class="popup_block"><div class="tabheader">Rules.</div><div class="popup_boxy">
  1574. <div class="popup_content">
  1575.  
  1576.  
  1577. Your rules go here.
  1578. Add as much as you'd like.
  1579. Can be stylized like a normal text post.
  1580. For example <b>this is bold text.</b>
  1581. and this is for <i>italics.</i>
  1582.  
  1583. <h3>fancy title goes here~</h3>
  1584.  
  1585. Have fun :D
  1586. </div></div></div></div>
  1587.  
  1588. <div id="verses" class="popup_block">
  1589. <div id="headerbar">
  1590. <ul id="tabs">
  1591. <li class="active">main.</li>
  1592. <li>AU.</li>
  1593. <li>OTHER.</li>
  1594. </ul></div>
  1595.  
  1596. <div class="popup_boxy"><div class="popup_content">
  1597.  
  1598. <div id="tabbar">
  1599. <ul id="tab">
  1600.  
  1601. <li class="active">
  1602.  
  1603. <h3>MAIN</h3>
  1604.  
  1605. <!--start copying from here if you want more verse blocks-->
  1606.  
  1607. <div class="vee">
  1608.  
  1609. <img class="versu" src="http://static.tumblr.com/2of5gjx/kTTox5myq/3.png"> <!--REPLACE WITH IMAGE URL-->
  1610.  
  1611. <p><a href="VERSE TAG"><b> Childhood</b></a>
  1612. <br><br><b>AGE</b> 5-12
  1613. <br><b>VERSE</b> Verse 001.
  1614.  
  1615.  
  1616. <div class="versebox_list">
  1617. <div class="versebox_head">More Info</div>
  1618. <div class="versebox_body">A verse that covers both pre and post burn. In this first Shoto’s quirk(s) begin to manifest. It is also during this time where he becomes subject to his father’s harsh training and witnesses how his mother gets beaten while trying to protect him from this training. Not being allowed to interact with his siblings and eventually his mother turning ‘against’ him. It all resulted into a lonely and harsh childhood in which he today still suffers from.</div>
  1619. </div>
  1620.  
  1621. </div>
  1622.  
  1623. <!--paste here-->
  1624. <!--start copying from here if you want more verse blocks-->
  1625.  
  1626. <div class="vee">
  1627.  
  1628. <img class="versu" src="http://static.tumblr.com/2of5gjx/RlRox5mz6/5.png"> <!--REPLACE WITH IMAGE URL-->
  1629.  
  1630. <p><a href="VERSE TAG"><b> Rebellion</b></a>
  1631. <br><br><b>AGE</b> 13-16
  1632. <br><b>VERSE</b> Verse 002.
  1633.  
  1634. <div class="versebox_list">
  1635. <div class="versebox_head">More Info</div>
  1636. <div class="versebox_body">Tired of his father’s harsh training and lessons Shoto decides that he no longer will do what the man wants or says and goes in rebellion. Refusing to use his fire quirk and going as far to do anything against the man’s wishes just to spite his dad.</div>
  1637. </div>
  1638.  
  1639. </div>
  1640.  
  1641. <div class="vee">
  1642.  
  1643. <img class="versu" src="http://static.tumblr.com/2of5gjx/hA0ox5mzy/34.png"> <!--REPLACE WITH IMAGE URL-->
  1644.  
  1645. <p><a href="VERSE TAG"><b> acceptance</b></a>
  1646. <br><br><b>AGE</b> 16
  1647. <br><b>VERSE</b> Verse main.
  1648.  
  1649. <div class="versebox_list">
  1650. <div class="versebox_head">More Info</div>
  1651. <div class="versebox_body">Shoto has come to accept his fire quirk and made peace with it. He regularly visits his mother and continues to strive the hero his mother and he wants to be. </div>
  1652. </div>
  1653.  
  1654. </div>
  1655.  
  1656. <!--paste here-->
  1657.  
  1658.  
  1659.  
  1660. </li>
  1661.  
  1662. <li>
  1663.  
  1664. <h3>AU</h3>
  1665.  
  1666. <!--start copying from here if you want more verse blocks-->
  1667.  
  1668. <div class="vee">
  1669.  
  1670. <img class="versu" src="http://static.tumblr.com/2of5gjx/DKaox8yh1/halloween.png"> <!--REPLACE WITH IMAGE URL-->
  1671.  
  1672. <p><a href="VERSE TAG"><b> vampire 1/2 </b></a>
  1673. <br><br><b>AGE</b> 16
  1674. <br><b>VERSE</b> Verse 003.
  1675.  
  1676. <div class="versebox_list">
  1677. <div class="versebox_head">More Info</div>
  1678. <div class="versebox_body">He was never one to believe in the supernatural however he wouldn't dismiss the idea of a quirk similiar to vampirism actually existing. What he did not expect was when he was denied access to his house one night he would fall victim to such curse. All that he remembers is a feeling of intense pain before he no longer could feel anything. With his fire quirk rendered useless he searches for the sire who bestowed this fate upon him while he tries to make sense of his newfound existence. With only one clue a fake ID that the other dropped during the struggle his search continues. All he knows for certain is one thing: he must disappear from the lives of the people that once knew him they cannot see him as the thing he has become. </div>
  1679. </div>
  1680.  
  1681. </div>
  1682.  
  1683. <div class="vee">
  1684.  
  1685. <img class="versu" src="http://static.tumblr.com/2of5gjx/VH7ox8z3f/24.png"> <!--REPLACE WITH IMAGE URL-->
  1686.  
  1687. <p><a href="VERSE TAG"><b> vampire 2/2 </b></a>
  1688. <br><br><b>AGE</b> 600+
  1689. <br><b>VERSE</b> Verse 003.
  1690.  
  1691. <div class="versebox_list">
  1692. <div class="versebox_head">More Info</div>
  1693. <div class="versebox_body">Originally born in the 15th century he was sired by a vampire that was hired by his father. Shoto's family was incredibly powerful and wealthy, however his father feared what would become once he should pass away. Years he had sought ways to strengthen himself, until he came across someone with a perculiar offer. Eternal life. That was the curse that was bestowed on the recently turned 16 year old son. However things quickly backfired after the boy was unwillingly turned. The sire was killed and the kingdom fell.<p>
  1694. With his old family long gone Shoto has spent for centuries in the ever changing world. He never could quite adapt to the changes and eventually decided to make an abandoned (and supposedly haunted) mansion his new abode. While he may not be evil, you certainly cannot expect a warm welcome. </div>
  1695. </div>
  1696.  
  1697. </div>
  1698.  
  1699. <div class="vee">
  1700.  
  1701. <img class="versu" src="http://static.tumblr.com/2of5gjx/oWdox5n3s/2.png"> <!--REPLACE WITH IMAGE URL-->
  1702.  
  1703. <p><a href="VERSE TAG"><b> Pokemon </b></a>
  1704. <br><br><b>AGE</b> 16
  1705. <br><b>TIMELINE</b> Verse 004.
  1706.  
  1707.  
  1708. <div class="versebox_list">
  1709. <div class="versebox_head">More Info</div>
  1710. <div class="versebox_body">A trainer original from the kanto region who has journey both through the kanto and alola regions. His pokemon team includes: vulpix (alolan) vulpix (kanto), weavile, delphox, absol, talonflame. He also owns a glaceon, flareon and a zangoose. They can can be found at his sister’s place back in his hometown. </div>
  1711. </div>
  1712.  
  1713. </div>
  1714.  
  1715.  
  1716. <!--paste here-->
  1717. <!--start copying from here if you want more verse blocks-->
  1718.  
  1719. <!--paste here-->
  1720.  
  1721. </li>
  1722.  
  1723. <li>
  1724.  
  1725. <h3>OTHER</h3>
  1726.  
  1727. <!--start copying from here if you want more verse blocks-->
  1728.  
  1729. <div class="vee">
  1730.  
  1731. <img class="versu" src="http://static.tumblr.com/2of5gjx/hA0ox5mzy/34.png"> <!--REPLACE WITH IMAGE URL-->
  1732.  
  1733. <p><a href="VERSE TAG"><b> Sexy Brutale</b></a>
  1734. <br><br><b>AGE</b> 22
  1735. <br><b>TIMELINE</b> Revival
  1736.  
  1737. <div class="versebox_list">
  1738. <div class="versebox_head">More Info</div>
  1739. <div class="versebox_body"> </div>
  1740. </div>
  1741.  
  1742. </div>
  1743.  
  1744. <!--paste here-->
  1745.  
  1746. <!--start copying from here if you want more verse blocks-->
  1747.  
  1748. <div class="vee">
  1749.  
  1750. <img class="versu" src="http://static.tumblr.com/2of5gjx/hA0ox5mzy/34.png"> <!--REPLACE WITH IMAGE URL-->
  1751.  
  1752. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1753. <br><br><b>AGE</b>
  1754. <br><b>TIMELINE</b>
  1755. <br><b>POSITION</b>
  1756.  
  1757. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1758.  
  1759. </div>
  1760.  
  1761. <!--paste here-->
  1762.  
  1763.  
  1764. </li>
  1765.  
  1766. </ul> <!--important don't delete-->
  1767. </div></div></div></div></div></div></div></div></div></div></div></div></div>
  1768.  
  1769. </div>
  1770. </div></div>
  1771.  
  1772. <div id="box5" class="popup_block"><div class="tabheader">About.</div>
  1773. <div id="headerbar">
  1774. <ul id="tabs">
  1775. <li class="active">main.</li>
  1776. <li>appearance.</li>
  1777. <li>interests.</li>
  1778. <li>personality</li>
  1779. <li>abilities.</li>
  1780. <li>biography.</li>
  1781. </ul></div>
  1782. <div class="popup_boxy">
  1783. <div class="popup_content">
  1784. <div id="tabbar">
  1785. ❝ you can put a <b>Quote</b> here
  1786. or <i>anything</i> else you like or just remove it, whatever really❞
  1787.  
  1788. <ul id="tab">
  1789. <li class="active">
  1790.  
  1791. <h3>General Information</h3>
  1792.  
  1793. </li>
  1794.  
  1795. <li>
  1796.  
  1797. <h3>Appearance</h3>
  1798.  
  1799. </li>
  1800.  
  1801. <li>
  1802.  
  1803. <h3>Interests</h3>
  1804.  
  1805. </li>
  1806.  
  1807. <li>
  1808.  
  1809. <h3>Personality</h3>
  1810.  
  1811. </li>
  1812.  
  1813. <li>
  1814.  
  1815. <h3>Abilities</h3>
  1816.  
  1817. </li>
  1818.  
  1819. <li>
  1820.  
  1821. <h3>Biography</h3>
  1822.  
  1823. </li>
  1824.  
  1825. </ul> <!--important don't delete-->
  1826. </div></div></div></div></div></div></div></div></div></div></div></div>
  1827. </div>
  1828.  
  1829. </div></div>
  1830.  
  1831. </div></div></div></div></div></div></div></div></div></div></div>
  1832.  
  1833. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!