API tools faq
paste
Advertisement
Tsunland

Hanzo Theme

Tsunland
Jul 6th, 2016
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. THEME BY
  5. █▀▀█ █▀▄▀█ █▀▀▄ ▀█▀ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  6. █░░█ █░▀░█ █░░█ ░█░ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  7. ▀▀▀▀ ▀░░░▀ ▀░░▀ ▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  8. DO NOT REMOVE CREDIT
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <html>
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <!-- S C R I P T S -->
  23. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24. <script>
  25. $(document).ready(function() {
  26. //
  27. $('a.poplight[href^=#]').click(function() {
  28. var popID = $(this).attr('rel'); //Get Popup Name
  29. var popURL = $(this).attr('href'); //Get Popup href to define size
  30. var query= popURL.split('?');
  31. var dim= query[1].split('&');
  32. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  33. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  34. var popMargTop = ($('#' + popID).height() + 80) / 2;
  35. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  36. //Apply Margin to Popup
  37. $('#' + popID).css({
  38. 'margin-top' : -popMargTop,
  39. 'margin-left' : -popMargLeft
  40. });
  41. $('body').append('<div id="fade"></div>');
  42. $('#fade').css({'filter' : 'alpha(opacity=80)', 'filter' : 'blur(20px)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  43. return false;
  44. });
  45. $('a.close, #fade').live('click', function() {
  46. $('#fade , .popup_block').fadeOut(function() {
  47. $('#fade, a.close').remove(); //fade them both out
  48. });
  49. return false;
  50. });
  51. });
  52. </script>
  53.  
  54. <!--- drop down script - tutorial by @acuite --->
  55. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  56. <script type="text/javascript">
  57. $(document).ready(function(){
  58. $(".droptags").hide();
  59. $(".droptitle").click(function(){
  60. $(this).next(".droptags").slideToggle('fast');
  61. }); });
  62. </script>
  63.  
  64. <!-- C O L O U R S -->
  65. <meta name="color:background" content="#1d2027"/>
  66. <meta name="color:links" content="white"/>
  67. <meta name="color:linkh" content="acb64a"/>
  68. <meta name="color:title" content="white"/>
  69. <meta name="color:accent" content="#d87f2a"/>
  70. <meta name="color:blockline" content="#d87f2a"/>
  71. <meta name="color:text" content="#c6c6c6"/>
  72. <meta name="color:navlinks" content="cb5729"/>
  73. <meta name="color:bold" content="d87f2a"/>
  74. <meta name="color:italic" content="#acb64a"/>
  75. <meta name="color:decriptiontitle" content="#000"/>
  76.  
  77. <!-- L I N K S -->
  78. <meta name="text:link1URL" content="/"/>
  79. <meta name="text:link1name" content="home"/>
  80. <meta name="text:link2URL" content="/ask"/>
  81. <meta name="text:link2name" content="message"/>
  82. <meta name="text:link3name" content="bio"/>
  83. <meta name="text:link4name" content="nav"/>
  84. <meta name="text:link5name" content="rules"/>
  85. <meta name="text:link6name" content="verses"/>
  86.  
  87. <!---- C O N T R O L S --->
  88. <meta name="text:height" content="510px"/>
  89. <meta name="text:margintop" content="95px"/>
  90. <meta name="text:marginleft" content="440px"/>
  91.  
  92. <!-- R G B A C O L O U R S -->
  93. <meta name="text:backgrounds" content="rgba(29,32,39,.8)"/>
  94. <meta name="text:accent" content="rgba(172,182,75,.4)"/>
  95.  
  96. <!---- P O P U P S --->
  97. <meta name="text:box1" content="insert faq html (askbox already there)"/>
  98. <meta name="text:box2" content="insert html"/>
  99. <meta name="text:box3" content="insert html"/>
  100. <meta name="text:box4" content="insert html"/>
  101.  
  102. <!---- U P D A T E --->
  103. <meta name="text:update1text" content="words, words, words"/>
  104. <meta name="text:update2text" content="words, words, words"/>
  105. <meta name="text:update3text" content="words, words, words"/>
  106. <meta name="if:updates" content=""/>
  107.  
  108. <!-- F O N T S -->
  109. <link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  110. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  111. <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
  112. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  113. <link href='https://fonts.googleapis.com/css?family=Neuton' rel='stylesheet' type='text/css'>
  114. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  115. <link href='https://fonts.googleapis.com/css?family=Oswald:700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  116. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  117.  
  118. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  119.  
  120. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  121.  
  122. <link href='https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic' rel='stylesheet' type='text/css'>
  123.  
  124. <!---- O T H E R --->
  125. <meta name="text:url" content="insert username"/>
  126.  
  127. <!-- I M A G E S -->
  128. <meta name="image:background image" content="http://www.mediafire.com/convkey/8f89/lsv3dbcw9s00br2zg.jpg"/>
  129. <meta name="image:infosmall" content="http://static.tumblr.com/jlxoeum/ZfBnzb35b/pop.gif"/>
  130. <meta name="image:popborder" content="http://static.tumblr.com/jlxoeum/Rtanzb35v/backerdistordarkt.png"/>
  131.  
  132. <style type="text/css">
  133.  
  134. /*---- S C R O L L ---*/
  135. ::-webkit-scrollbar-thumb:vertical {
  136. background-color: transparent;
  137. border-radius: 6px;
  138. height: 10px;
  139. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  140. }
  141.  
  142. ::-webkit-scrollbar-thumb:horizontal {
  143. background-color: transparent;
  144. height:10px!important;
  145. }
  146.  
  147. ::-webkit-scrollbar {
  148. background-color: transparent;
  149. height:10px;
  150. width:12px;
  151. }
  152.  
  153. #update ::-webkit-scrollbar-thumb:vertical {
  154. background-color: transparent;
  155. height: 4px;
  156. }
  157.  
  158. #update ::-webkit-scrollbar-thumb:horizontal {
  159. background-color: transparent;
  160. height:4px!important;
  161. }
  162.  
  163. #update ::-webkit-scrollbar {
  164. background-color: transparent;
  165. height:4px;
  166. width:4px;
  167. }
  168.  
  169.  
  170.  
  171. /*---- S E L E C T ---*/
  172.  
  173. ::selection
  174. {
  175. opacity: 1;
  176. background: #000;
  177. color: {color:accent};
  178. }
  179.  
  180. ::-moz-selection
  181. {
  182. opacity: 1;
  183. background: #000;
  184. color: {color:accent};
  185. }
  186.  
  187. p::selection
  188. {
  189. opacity: 1;
  190. background: #000;
  191. color: {color:accent};
  192. }
  193.  
  194. p::-moz-selection
  195. {
  196. opacity: 1;
  197. background: #464133;
  198. color: {color:accent};
  199. }
  200.  
  201. /*---- T O O L T I P ---*/
  202.  
  203. div#qTip
  204. {
  205. background-image: url({image:infosmall});
  206. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  207. border-radius: 3px;
  208. text-align: center;
  209. font-family: Courier, monospace;
  210. letter-spacing: 2px;
  211. font-size: 11px;
  212. font-weight: bold;
  213. text-transform: uppercase;
  214. display: none;
  215. position: fixed;
  216. z-index: 9999999999999999999999;
  217. margin: 2px;
  218. color: rgba(0,0,0,.0);
  219. text-shadow: 0px 0px .5px {color:text};
  220. font-weight: bold;
  221. padding:5px;
  222. -webkit-transition-duration: 1s; /* Safari */
  223. transition-duration: 1s;
  224. }
  225.  
  226. /*---- P O P U P ---*/
  227. .popup_block{
  228. display:none;
  229. background:#3c3c3c;
  230. background-image:url('http://static.tumblr.com/ltqklas/wBGoao5z9/hanzo-popup.png');
  231. background-repeat:no-repeat;
  232. color:#787878;
  233. border:2px solid #d9d9d9;
  234. text-align:center;
  235. padding:20px;
  236. width:800px;
  237. height:540px;
  238. float:left;
  239. position:fixed;
  240. top:53%;left:50%;
  241. z-index: 99999;
  242. -webkit-box-shadow: 0px 0px 6px #000; /* delete for solid white */
  243. -moz-box-shadow: 0px 0px 6px #000; /* delete for solid white */
  244. box-shadow: 0px 0px 6px #000; /* delete for solid white */
  245. }
  246.  
  247. *html #fade {position: absolute;}
  248. *html .popup_block {position: absolute;}
  249. #fade {
  250. display:none;
  251. position:fixed;
  252. left:0px;
  253. top:0px;
  254. width:100%;
  255. height:100%;
  256. z-index:9999;
  257. background:#000;
  258. opacity:0.5;
  259. }
  260.  
  261. /*---- M A I N T H E M E ---*/
  262.  
  263. body {
  264. background: url("{image:background image}") {color:background};
  265. background-attachment: fixed;
  266. background-repeat: no-repeat;
  267. margin:0px;
  268. color:{color:text};
  269. font-family:'Source Sans Pro';
  270.  
  271. font-size: 12px;
  272. line-height:100%;
  273. }
  274.  
  275.  
  276. a { /* --- Link style --- */
  277. text-transform:uppercase;
  278. font-family: 'Raleway', sans-serif;
  279. color:#3f3f3f;
  280. text-shadow:0 0 2px #3f3f3f;
  281. text-decoration:none;
  282. -moz-transition-duration:0.5s;
  283. -webkit-transition-duration:0.5s;
  284. -o-transition-duration:0.5s;
  285. }
  286.  
  287. a:hover {
  288. text-shadow: 0 0 4px #3f3f3f;
  289. text-decoration:none
  290. -moz-transition-duration:0.5s;
  291. -webkit-transition-duration:0.5s;
  292. -o-transition-duration:0.5s;
  293. }
  294.  
  295.  
  296. blockquote {
  297. padding-left:5px;
  298. border-left:2px solid #c7c9c9 ;
  299. }
  300.  
  301.  
  302. blockquote {
  303. border-left: solid;
  304. border-radius: 0px;
  305. border-left-width: 1px;
  306. border-color: #c7c9c9;
  307. padding:5px;
  308. padding-left: 7px;
  309. margin-left: 10px; }
  310.  
  311. #entries { /* --- Post width/size --- */
  312. width:260px;
  313. padding-bottom:10px;
  314. padding-right:5px;
  315. }
  316.  
  317. #entries b, strong { /* --- Bold font style --- */
  318. color: #f4f3f3;
  319. font-family: 'Oswald', sans-serif;
  320. text-transform:uppercase;
  321. text-shadow: 2px 0 0 #9fc4d6, -2px 0 0 #9fc4d6, 0 2px 0 #9fc4d6, 0 -2px 0 #9fc4d6, 1px 1px #9fc4d6, -1px -1px 0 #9fc4d6, 1px -1px 0 #9fc4d6, -1px 1px 0 #659185;
  322.  
  323. font-size:12px;
  324. letter-spacing:0px;
  325. }
  326.  
  327.  
  328. #entries i, em { /* --- Italic font style --- */
  329. color: #9ed7f2;
  330. font-family: 'Ubuntu Mono', ;
  331. text-shadow: 0px 0px 3px #ffffff;
  332. text-transform:none;
  333. font-size:12px;
  334. letter-spacing:1px;
  335. }
  336.  
  337. #entries pre {
  338. font-family: times;
  339. color:{color:Post Bold};
  340. white-space: pre-wrap;
  341. white-space: -moz-pre-wrap;
  342. white-space: -pre-wrap;
  343. white-space: -o-pre-wrap;
  344. word-wrap: break-word;
  345. }
  346.  
  347. /* --- SMALL TEXT AND SUB-TEXT STYLES --- */
  348.  
  349. small {
  350.  
  351. word-spacing:0px;
  352. font-size:9.5px;
  353. letter-spacing:0px;
  354. line-height:130%;
  355. }
  356.  
  357. }
  358.  
  359. sup, sub {
  360. word-spacing:0px;
  361. font-size:10px;
  362. }
  363.  
  364.  
  365. big {
  366. font-size:12px;
  367. line-height:110%;
  368. text-shadow:1px 1px 0px #a77c62;
  369. }
  370.  
  371. blockquote{
  372. border-left: 1px solid {color:blockline};
  373. padding: 15px;
  374. margin-left: 20px;
  375. margin-right: 10px;
  376. background: transparent;
  377. border-radius: 20px 10px 10px 20px;
  378.  
  379. }
  380.  
  381. h1{
  382. color: rgba(0,0,0,.0);
  383. text-align: center;
  384. font-family: Courier, monospace;
  385. text-transform: uppercase;
  386. background-color: #f4f3f3;
  387. line-height: 100%;
  388. padding: 10px;
  389. border-radius: 20px;
  390. }
  391.  
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398. h2{
  399. color: {color:italic};
  400. text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  401. font-family: Courier, monospace;
  402. text-align: center;
  403. line-height: 100%;
  404. text-transform: uppercase;
  405. }
  406.  
  407. h3{
  408. text-align: center;
  409. line-height: 100%;
  410. }
  411.  
  412. h1 a{
  413. text-shadow: 0px 0px 1px {color:background};
  414. }
  415.  
  416.  
  417. h1 a:hover{
  418. color: {color:linkh};
  419. text-shadow: 0px 0px 7px {color:linkh};
  420. text-decoration: none;
  421. }
  422.  
  423. h2 a{
  424. text-shadow: 0px 0px 1px {color:italic};
  425. }
  426.  
  427.  
  428. h2 a:hover{
  429. color: {color:links};
  430. text-shadow: 0px 0px 7px {color:links};
  431. text-decoration: none;
  432. }
  433.  
  434. hr{
  435. background: url({image:popborder});
  436. width: 125px;
  437. height: 19px;
  438. margin-right:10px;
  439. border: none;
  440. border-radius: 10px;
  441.  
  442. }
  443.  
  444. #int {
  445. background-image:url('http://static.tumblr.com/i5bkmnv/Rn3o877cy/hr.jpg');
  446. width:100%;
  447. font-size:7px;
  448. font-family:'Source Sans Pro', sans-serif;
  449. font-weight:bold;
  450. text-align:center;
  451. text-transform:uppercase;
  452.  
  453. color:#fff;
  454. text-shadow:
  455. -1px -1px 0 #000,
  456. 1px -1px 0 #000,
  457. -1px 1px 0 #000,
  458. 1px 1px 0 #000;
  459.  
  460. letter-spacing:2px;
  461. padding:4px 0px 4px 0px;
  462. line-height:190%;
  463.  
  464.  
  465. border-radius:0px 50px 0px 50px;
  466. border:1px dotted #d9cfcf;
  467.  
  468.  
  469.  
  470. }
  471.  
  472. #info{
  473. color: rgba(0,0,0,.0);
  474. background-color: transparent;
  475.  
  476. text-shadow: 0px 0px 1px {color:links};
  477. text-align: center;
  478. font-family: 'Archivo Narrow';
  479. font-size: 25px;
  480. margin-top: -5px;
  481. text-transform: uppercase;
  482. line-height: 100%;
  483. padding: 10px;
  484. border-radius: 10px;
  485.  
  486. }
  487.  
  488. #info a{
  489. font-family: 'Oswald', sans-serif;
  490. color: #f4f3f3;
  491. font-weight: bold;
  492. text-shadow: 1px 0 0 #3a565c, -1px 0 0 #3a565c, 0 1px 0 #3a565c, 0 -1px 0 #3a565c, 1px 1px #3a565c, -1px -1px 0 #3a565c, 1px -1px 0 #3a565c, -1px 1px 0 #3a565c;
  493. font-size: 100%;
  494. }
  495.  
  496. #info a:hover{
  497. color: rgba(0,0,0,.0);
  498. text-shadow: 0px 0px 2px {color:background};
  499. }
  500.  
  501. #inforite{
  502. text-align: left;
  503. margin-left: 10px;
  504. margin-top: 15px;
  505. }
  506.  
  507. #inforite a{
  508. color: {color:links};
  509. text-shadow: 0px 0px 11px {color:links};
  510. text-decoration: none;
  511. }
  512.  
  513. #inforite a:hover{
  514. color: rgba(0,0,0,.0);
  515. text-shadow: 0px 0px 2px {color:links};
  516. }
  517.  
  518. #entries {
  519. width: 390px;
  520. height: {text:height};
  521. overflow: scroll;
  522. overflow-x: hidden;
  523. border-radius: 30px;
  524. margin-top: {text:margintop};
  525. margin-left: {text:marginleft};
  526. }
  527.  
  528. #posts{
  529. width: 375px;
  530. padding:10px;
  531. background: transparent;
  532. margin-top: 10px;
  533. margin-bottom: 30px;
  534. font-size:19px;
  535. margin-left: auto;
  536. margin-right: auto;
  537. border-radius: 20px;
  538.  
  539. }
  540.  
  541. #tagooo{
  542. text-align: center;
  543. text-transform: uppercase;
  544. margin-top: 5px;
  545. font-size: 10px;
  546. }
  547.  
  548. #tagooo a {
  549. color: {color:links};
  550. text-shadow: 0px 0px 10px {color:links}, 1px 1px 4px rgba(0,0,0,.6);
  551. }
  552.  
  553. #tagooo a:hover{
  554. color: rgba(0,0,0,.0);
  555. text-shadow: 0px 0px 2px {color:links};
  556. }
  557.  
  558. /*---- N A V I G A T E ---*/
  559.  
  560. #links {
  561. position: fixed;
  562. width: 20px;
  563. margin-top: 35px;
  564. margin-left: 1185px;
  565. text-align: center;
  566. transform: rotate(10deg);
  567. }
  568.  
  569. #links a{
  570. line-height: 180%;
  571. font-family: arial;
  572. margin-top: 260px;
  573. margin-left: -890px;
  574. color: #cbcbcb;
  575. text-decoration: none;
  576.  
  577. }
  578.  
  579. #links a:hover {
  580. color: #e5e5e5;
  581. text-shadow: 0px 0px 16px #fff;
  582. -ms-transform: rotate(360deg); /* IE 9 */
  583. -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  584. transform: rotate(360deg);
  585. -webkit-filter: blur(1px);
  586.  
  587. }
  588.  
  589. #alinks {
  590. position: fixed;
  591. width: 20px;
  592. margin-top: -115px;
  593. margin-left: 1190px;
  594. text-align: center;
  595. transform: rotate(-10deg);
  596. }
  597.  
  598. #alinks a{
  599. line-height:180%;
  600. font-family: arial;
  601. margin-top:4px;
  602. margin-left:-840px;
  603. color:#cbcbcb;
  604. text-decoration:none;
  605. -moz-transition-duration:.2s;
  606. -webkit-transition-duration:.2s;
  607. -o-transition-duration:.2s;
  608. }
  609.  
  610. #alinks a:hover {
  611. color: #e5e5e5;
  612. text-shadow: 0px 0px 16px #fff;
  613. -ms-transform: rotate(360deg); /* IE 9 */
  614. -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  615. transform: rotate(360deg);
  616. -webkit-filter: blur(1px);
  617. -webkit-transition: all 0.5s ease-in-out;
  618. -moz-transition: all 0.5s ease-in-out;
  619. -o-transition: all 0.5s ease-in-out;
  620. transition: all 0.5s ease-in-out;
  621. }
  622.  
  623. #blinks {
  624. position: fixed;
  625. width: 20px;
  626. margin-top: 86px;
  627. margin-left: 995px;
  628. text-align: center;
  629. transform: rotate(34deg);
  630. }
  631.  
  632. #blinks a{
  633. line-height:180%;
  634. font-family: arial;
  635. margin-top:4px;
  636. margin-left:-460px;
  637. color:#cbcbcb;
  638. text-decoration:none;
  639. -moz-transition-duration:.2s;
  640. -webkit-transition-duration:.2s;
  641. -o-transition-duration:.2s;
  642. }
  643.  
  644. #blinks a:hover {
  645. color: #e5e5e5;
  646. text-shadow: 0px 0px 16px #fff;
  647. -ms-transform: rotate(360deg); /* IE 9 */
  648. -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  649. transform: rotate(360deg);
  650. -webkit-filter: blur(1px);
  651. -webkit-transition: all 0.5s ease-in-out;
  652. -moz-transition: all 0.5s ease-in-out;
  653. -o-transition: all 0.5s ease-in-out;
  654. transition: all 0.5s ease-in-out;
  655. }
  656.  
  657. #clinks {
  658. position: fixed;
  659. width: 20px;
  660. margin-top: -59px;
  661. margin-left: 1042px;
  662. text-align: center;
  663. transform: rotate(-5deg);
  664. }
  665.  
  666. #clinks a{
  667. line-height:180%;
  668. font-family: arial;
  669. margin-top:4px;
  670. margin-left:-410px;
  671. color:#cbcbcb;
  672. text-decoration:none;
  673. -moz-transition-duration:.2s;
  674. -webkit-transition-duration:.2s;
  675. -o-transition-duration:.2s;
  676. }
  677.  
  678. #clinks a:hover {
  679. color: #e5e5e5;
  680. text-shadow: 0px 0px 16px #fff;
  681. -ms-transform: rotate(360deg); /* IE 9 */
  682. -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  683. transform: rotate(360deg);
  684. -webkit-filter: blur(1px);
  685. -webkit-transition: all 0.5s ease-in-out;
  686. -moz-transition: all 0.5s ease-in-out;
  687. -o-transition: all 0.5s ease-in-out;
  688. transition: all 0.5s ease-in-out;
  689. }
  690.  
  691. #previ a {
  692. font-family: calibri;
  693. color: {color:navlinks};
  694. text-shadow: 0px 0px 5px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  695. }
  696.  
  697. #previ a:hover{
  698. color: rgba(0,0,0,.0);
  699. text-shadow: 0px 0px 4px rgba(255,255,255,.3);
  700. }
  701.  
  702. #previ2 {
  703. font-size: 70px;
  704. margin-left: 910px;
  705. margin-top: 30px;
  706. position: fixed;
  707. }
  708.  
  709. #previ1 {
  710. font-size: 70px;
  711. margin-left: 875px;
  712. margin-top: 30px;
  713. position: fixed;
  714. }
  715.  
  716. /*---- A N S W E R S ---*/
  717.  
  718. #asker {
  719. border-radius: 10px;
  720. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  721. font-size: 14px;
  722. padding: 7px;
  723. min-height: 70px;
  724. display: inline-block;
  725. }
  726.  
  727. #asker {
  728. float:left;
  729. margin-right:5px;
  730. }
  731.  
  732. #askiz a{
  733. color: {color:titles};
  734. }
  735.  
  736. #askon a{
  737. color: {color:navlinks};
  738. text-shadow: 0px 0px 30px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  739. }
  740.  
  741. #askon a:hover{
  742. color: rgba(0,0,0,.0);
  743. text-shadow: 0px 0px 4px {color:navlinks};
  744. }
  745.  
  746. #asker img{
  747. border-radius: 100%;
  748. background: rgba(0,0,0,0.0);
  749. margin-left: 10px;
  750. margin-top: -10px;
  751. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  752. }
  753.  
  754. #askiz {
  755. text-align: center;
  756. font-family: Calligraffitti;
  757. background-image: url('http://static.tumblr.com/ltqklas/Zyioalxmb/ask.png');
  758. background-repeat:no-repeat;
  759. margin-top: -27px;
  760. color: #fff;
  761. font-weight: bold;
  762. border-radius: 10px;
  763. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  764. font-size: 23px;
  765. padding: 7px;
  766. min-height: 65px;
  767. }
  768.  
  769. #asksh{
  770. text-align: left;
  771. text-shadow: none;
  772. text-transform: uppercase;
  773. font-weight: normal;
  774. font-family: Calibri;
  775. font-size: 14px;
  776. text-shadow: 0px 0px 20px {color:background};
  777. line-height: 100%;
  778. -ms-transform: rotate(-1.5deg); /* IE 9 */
  779. -webkit-transform: rotate(-1.5deg); /* Chrome, Safari, Opera */
  780. transform: rotate(-1.5deg);
  781. }
  782.  
  783. #askon{
  784. text-shadow: none;
  785. font-weight: bold;
  786. margin-top: -10px;
  787. text-align: left;
  788. margin-left: 15px;
  789. font-family: Calligraffitti;
  790. font-size: 27px;
  791.  
  792. }
  793.  
  794. /*---- N O T E S ---*/
  795.  
  796. ol.notes {
  797. list-style-type: none;
  798. text-transform: uppercase;
  799. margin-top: -20px;
  800. width: 500px;
  801. padding:10px;
  802. background: {text:backgrounds};
  803. margin-left: auto;
  804. margin-right: auto;
  805. border-radius: 20px;
  806. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  807. }
  808.  
  809. ol.notes a {
  810. color: {color:links};
  811. }
  812.  
  813. ol.notes a:hover{
  814. color: rgba(0,0,0,.0);
  815. text-shadow: 0px 0px 2px {color:linkh};
  816. text-decoration: none;
  817. }
  818.  
  819. ol.notes img {
  820. border-radius: 100%;
  821. margin-left: 5px;
  822. margin-top: 5px;
  823. }
  824.  
  825. /*---- M U S I C ---*/
  826.  
  827. .playerbuttonbg {
  828. position: absolute;
  829. left: 13px;
  830. top: 13px;
  831. width: 40px;
  832. height: 40px;
  833. background-color: #000;
  834. padding: 10px;
  835. -webkit-border-radius: 40px;
  836. -moz-border-radius: 40px;
  837. border-radius: 40px;
  838. opacity: .4;
  839. filter: alpha(opacity=40);
  840. -moz-opacity: 0.4;
  841. -khtml-opacity: 0.4;
  842. transition: opacity .7s ease-in-out;
  843. -moz-transition: opacity .7s ease-in-out;
  844. -webkit-transition: opacity .7s ease-in-out;
  845. }
  846.  
  847. .playerbuttonbg:hover {
  848. opacity: 1;
  849. filter: alpha(opacity=100);
  850. -moz-opacity: 1;
  851. -khtml-opacity: 1;
  852. }
  853.  
  854. .newplayerbutton {
  855. position: relative;
  856. margin-top: 10px;
  857. margin-left: 2px;
  858. width: 35px;
  859. height: 30px;
  860. overflow: hidden;
  861. }
  862.  
  863. .playerbuttonhug {
  864. position: absolute;
  865. top: 3px;
  866. left: 6px;
  867. }
  868.  
  869. .tumblr_audio_player {
  870. margin-top: -20px;
  871. height: 90px;
  872. width: 270px;
  873. -moz-transform: scale(0.60, 0.60);
  874. -webkit-transform: scale(0.60, 0.60);
  875. -o-transform: scale(0.60, 0.60);
  876. -ms-transform: scale(0.60, 0.60);
  877. transform: scale(0.60, 0.60);
  878. -moz-transform-origin: top left;
  879. -webkit-transform-origin: top left;
  880. -o-transform-origin: top left;
  881. -ms-transform-origin: top left;
  882. transform-origin: top left;
  883. }
  884.  
  885. .audioimgwrapper {
  886. position: absolute;
  887. left: 0px;
  888. top: 0px;
  889. text-transform: uppercase;
  890. -webkit-border-radius: 40px;
  891. -moz-border-radius: 40px;
  892. border-radius: 100%;
  893. overflow: hidden;
  894. border: 3px solid {color:accent};
  895. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  896. width: 79px;
  897. height: 79px;
  898. }
  899.  
  900. .audioimgwrapper img {
  901. width: 100%;
  902. -webkit-border-radius: 40px;
  903. -moz-border-radius: 40px;
  904. border-radius: 100%;
  905. }
  906.  
  907. .trackdetails {
  908. width: 370px;
  909. text-transform: uppercase;
  910. display:inline-block;
  911. color: rgba(0,0,0,.0);
  912. text-shadow: 0px 0px .5px {color:text};
  913. text-align: left;
  914. font-family: Courier, monospace;
  915. padding-top: 4px;
  916. margin-left: 90px;
  917. padding-left: 20px;
  918. min-height: 100px;
  919. border-radius: 20px;
  920. border-left: 10px solid {color:accent};
  921. background: {text:backgrounds};
  922. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  923. }
  924.  
  925. .trackdetails i {
  926. color: {color:italic};
  927. text-transform: none;
  928. font-family: Georgia;
  929. font-size: 120%;
  930. text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  931. }
  932.  
  933. .audiowrapper {
  934. color: {color:bold};
  935. text-shadow: 0px 0px 1px {color:bold};
  936. position: relative;
  937. display:inline-block;
  938. }
  939.  
  940. /*---- C R E D I T
  941. do not alter this in any way ---*/
  942.  
  943. #credyo {
  944. font-family: monospace;
  945. width: 220px;
  946. background-color: {text:backgrounds};
  947. padding: 7px;
  948. border-radius: 5px;
  949. border: 1px solid {text:accent};
  950. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  951. text-align: center;
  952. font-size: 10px;
  953. line-height: 100%;
  954. text-transform: uppercase;
  955. position: fixed;
  956. z-index: 99999999999999999;
  957. text-shadow: 1px 0px 2px rgba(114,111,64,.7);
  958. left:20px;
  959. letter-spacing:1px;
  960. bottom:20px;
  961. }
  962.  
  963. /*---- D E S C R I P T I O N
  964. ©omni themes, do not claim as your own---*/
  965.  
  966. #update #utitle{
  967. margin-left: 320px;
  968. opacity: 1;
  969. margin-top: 200px;
  970. font-family: Courier, monospace;
  971. position: fixed;
  972. font-size: 15px;
  973. color: #fff;
  974. text-shadow: 0px 0px 3px {color:decriptiontitle}; 1px 1px 4px rgba(0,0,0,.6);
  975. -ms-transform: rotate(-90deg); /* IE 9 */
  976. -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  977. transform: rotate(-90deg);
  978. -webkit-transition-duration: 1s; /* Safari */
  979. transition-duration: 1s;
  980. }
  981.  
  982. #update:hover #utitle{
  983. color: rgba(0,0,0,.0);
  984. text-shadow: 0px 0px 4px {color:decriptiontitle};
  985. -webkit-transition-duration: 1s; /* Safari */
  986. transition-duration: 1s;
  987. }
  988.  
  989. #ariamap{
  990. width: 320px;
  991. height: 300px;
  992. left: 100px;
  993. top: 285px;
  994. background: none;
  995. position: fixed;
  996. }
  997.  
  998.  
  999.  
  1000. #lines{
  1001. margin-left: 1140px;
  1002. margin-top: 200px;
  1003. position: fixed;
  1004. }
  1005.  
  1006. /* 1ST UPDATE THING */
  1007.  
  1008. #lines1{
  1009. text-align: justify;
  1010. font-size:10px;
  1011. }
  1012.  
  1013. #lines1line{
  1014. width: 40px;
  1015. height: 4px;
  1016. background: #8f1b1b;
  1017. position: fixed;
  1018. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  1019. -webkit-transition-duration: 1s; /* Safari */
  1020. transition-duration: 1s;
  1021. }
  1022.  
  1023. #lines1content{
  1024. width: 0px;
  1025. height: 0px;
  1026. opacity: 0;
  1027. padding: 5px;
  1028. padding-left: 45px;
  1029. overflow-x: none;
  1030. overflow-y: none;
  1031. margin-top: 4px;
  1032. position: fixed;
  1033. background: transparent;
  1034. border-radius: 0px 0px 20px 0px;
  1035. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  1036. -webkit-transition-duration: 1s; /* Safari */
  1037. transition-duration: 1s;
  1038. }
  1039.  
  1040. #lines1:hover #lines1line{
  1041. width: 200px;
  1042. -webkit-transition-duration: 1s; /* Safari */
  1043. transition-duration: 1s;
  1044. }
  1045.  
  1046. #lines1:hover #lines1content{
  1047. width: 150px;
  1048. height: 200px;
  1049. opacity: 1;
  1050. -webkit-transition-duration: 1s; /* Safari */
  1051. transition-duration: 1s;
  1052. }
  1053.  
  1054. /* 2ND UPDATE THING */
  1055.  
  1056. #lines2{
  1057. text-align: justify;
  1058. font-size:10px;
  1059. }
  1060.  
  1061. #lines2line{
  1062. width: 40px;
  1063. height: 4px;
  1064. background: #8f1b1b;
  1065. position: fixed;
  1066. margin-top: 10px;
  1067. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  1068. -webkit-transition-duration: 1s; /* Safari */
  1069. transition-duration: 1s;
  1070. }
  1071.  
  1072. #lines2content{
  1073. width: 0px;
  1074. height: 0px;
  1075. opacity: 0;
  1076. padding: 5px;
  1077. padding-left: 45px;
  1078. overflow-x: none;
  1079. overflow-y: none;
  1080. margin-top: 14px;
  1081. position: fixed;
  1082. background: transparent;
  1083. border-radius: 0px 0px 20px 0px;
  1084. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  1085. -webkit-transition-duration: 1s; /* Safari */
  1086. transition-duration: 1s;
  1087. }
  1088.  
  1089. #lines2:hover #lines2line{
  1090. width: 200px;
  1091. -webkit-transition-duration: 1s; /* Safari */
  1092. transition-duration: 1s;
  1093. }
  1094.  
  1095. #lines2:hover #lines2content{
  1096. width: 150px;
  1097. height: 200px;
  1098. opacity: 1;
  1099. -webkit-transition-duration: 1s; /* Safari */
  1100. transition-duration: 1s;
  1101. }
  1102.  
  1103. /* 3RD UPDATE THING */
  1104.  
  1105. /* FOR A NEW TAB COPY FROM HERE */
  1106.  
  1107. #lines3{
  1108. text-align: justify;
  1109. font-size:10px;
  1110. }
  1111.  
  1112. #lines3line{
  1113. width: 40px; /* HOW LONG LINE IS BEFORE HOVER */
  1114. height: 4px; /* HOW THICK LINE IS */
  1115. background: #8f1b1b; /* LINE COLOUR */
  1116. position: fixed;
  1117. margin-top: 20px; /* ADD 10 */
  1118. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  1119. -webkit-transition-duration: 1s; /* Safari */
  1120. transition-duration: 1s;
  1121. }
  1122.  
  1123. #lines3content{
  1124. width: 0px;
  1125. height: 0px;
  1126. opacity: 0;
  1127. padding: 5px;
  1128. padding-left: 45px;
  1129. overflow-x: none;
  1130. overflow-y: none;
  1131. margin-top: 24px; /* ADD 10 */
  1132. position: fixed;
  1133. background: transparent; /* BOX COLOUR */
  1134. border-radius: 0px 0px 20px 0px;
  1135. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  1136. -webkit-transition-duration: 1s; /* Safari */
  1137. transition-duration: 1s;
  1138. }
  1139.  
  1140. #lines3:hover #lines3line{
  1141. width: 200px;
  1142. -webkit-transition-duration: 1s; /* Safari */
  1143. transition-duration: 1s;
  1144. }
  1145.  
  1146. #lines3:hover #lines3content{
  1147. width: 150px; /* WIDTH OF BOX */
  1148. height: 200px; /* HEIGHT OF BOX */
  1149. opacity: 1;
  1150. -webkit-transition-duration: 1s; /* Safari */
  1151. transition-duration: 1s;
  1152. }
  1153.  
  1154. /* TO HERE */
  1155.  
  1156. /* TO CREATE A NEW TAB, COPY AND PASTE FROM WHERE SHOWN, FOLLOW THE INSTRUCTIONS AND REPPLACE THE '#lines' NUMBERS WITH THE NEXT NUMBER (EG '#lines3' BECOMES '#lines4'), ET CETERA */
  1157.  
  1158. /*---- E X C L U S I V E S ---*/
  1159.  
  1160. #charabox{
  1161. position:relative;
  1162. width:400px;
  1163. height:250px;
  1164. margin:0 10px 20px 10px;
  1165. display:inline-block;
  1166. }
  1167.  
  1168. .titlebox{
  1169. position:absolute;
  1170. width:100%;
  1171. height:25px;
  1172. color:#333;
  1173. border-bottom:1px solid #f9f1e3;
  1174. }
  1175.  
  1176. .titlebox i{
  1177. color:#f7a0b9;
  1178. margin-right:2px;
  1179. }
  1180. .smallchar{
  1181. position:relative;
  1182. top:-3px;
  1183. }
  1184. .nametag{
  1185. position:absolute;
  1186. color:#f9f1e3;
  1187. top:5px;
  1188. }
  1189.  
  1190. .fandomtag{
  1191. position:absolute;
  1192. right:0;
  1193. top:10px;
  1194. font-size:11px;
  1195. }
  1196.  
  1197. .boxtag{
  1198. position:absolute;
  1199. right:0;
  1200. border-top:1px solid #f9f1e3;
  1201. width:100%;
  1202. bottom:-10px;
  1203. text-align:right;
  1204. }
  1205.  
  1206. .boxtag a{
  1207. display:inline-block;
  1208. color:#f7a0b9;
  1209. text-decoration:none;
  1210. }
  1211.  
  1212. .boxtag a:hover{
  1213. color:#cbdd89;
  1214. }
  1215.  
  1216. .tagi{
  1217. position:relative;
  1218. margin-right:2px;
  1219. top:1px;
  1220. color:#82685d;
  1221. }
  1222.  
  1223. .imagebox{
  1224. position:absolute;
  1225. top:25px;
  1226. width:150px;
  1227. height:215px;
  1228. }
  1229.  
  1230. .imageresize{
  1231. position:absolute;
  1232. margin:auto;
  1233. top:0;
  1234. bottom:0;
  1235. right:0;
  1236. left:0;
  1237. max-height:200px;
  1238. max-width:150px;
  1239. }
  1240.  
  1241. .infobox{
  1242. position:absolute;
  1243. right:0;
  1244. top:33px;
  1245. height:200px;
  1246. width:245px;
  1247. background-color: #4a4545;
  1248. border-top:1px solid #f9f1e3;
  1249. border-right:1px solid #f9f1e3;
  1250. border-bottom:1px solid #f9f1e3;
  1251. border-left:1px solid #f9f1e3;
  1252. box-sizing: border-box;
  1253. text-align:center;
  1254. }
  1255.  
  1256. .det{
  1257. position:relative;
  1258. display:inline-block;
  1259. width:105px;
  1260. height:30px;
  1261. margin:5px;
  1262. }
  1263.  
  1264.  
  1265. .det1{
  1266. position:absolute;
  1267. bottom:0px;
  1268. border-top:1px solid #f9f1e3;
  1269. width:100%;
  1270. text-align:right;
  1271. font-size:10px;
  1272. }
  1273.  
  1274. .det2{
  1275. text-align:left;
  1276. font-size:14px;
  1277. }
  1278.  
  1279. .yes{
  1280. color:#46c453;
  1281. }
  1282.  
  1283. .no{
  1284. color:#c91c1c;
  1285. }
  1286.  
  1287. .ask{
  1288. color:#f7ad1b;
  1289. }
  1290.  
  1291. .extras{
  1292. height:150px;
  1293. width:244px;
  1294. overflow:hidden;
  1295. box-sizing: border-box;
  1296. text-align:left;
  1297. margin-top:-5px;
  1298. overflow-y: scroll;
  1299. padding-left:10px;
  1300. padding-right:20px;
  1301. }
  1302.  
  1303. .extras li{
  1304. list-style:none;
  1305. display:block;
  1306. font-size:12px;
  1307. color:#222 !important;
  1308. }
  1309.  
  1310. .extras li:before{
  1311. content:"■";
  1312. font-size:15px;
  1313. margin:0 2px 0 0;
  1314. padding:0 0 5px 0;
  1315. }
  1316.  
  1317. .extras p{
  1318. color:black !important;
  1319. display:inline;
  1320. padding:0 0 5px 0;
  1321. }
  1322.  
  1323. .extras li:nth-child(1) { color: #82685d !important; }
  1324. .extras li:nth-child(2) { color: #cbdd89 !important; }
  1325. .extras li:nth-child(3) { color: #f2e2ae !important; }
  1326. .extras li:nth-child(4) { color: #ffdbc4 !important; }
  1327. .extras li:nth-child(5) { color: #fff3c6 !important; }
  1328.  
  1329. .{
  1330. font-size:13px;
  1331. padding:0 0 10px 0;
  1332. height:150px;
  1333. margin:0;
  1334. text-align:justify;
  1335. }
  1336.  
  1337. /*---- N A V I G A T I O N ---*/
  1338.  
  1339. #main {
  1340. position:relative;
  1341. margin:-65px auto 0px auto;
  1342. width:580px;
  1343. }
  1344.  
  1345. /*--- columns ---*/
  1346. #col1, #col2, #col3 {
  1347. position:absolute;
  1348. margin-bottom:200px;
  1349. }
  1350.  
  1351. #col2 {
  1352. margin:0px 33.3%;
  1353. }
  1354.  
  1355. #col3 {
  1356. margin:0px 66.6%;
  1357. }
  1358. /*--- end columns ---*/
  1359.  
  1360. .box {
  1361. width:150px;
  1362. margin:0px 25px;
  1363. }
  1364.  
  1365. .box h1 {
  1366. color:#444;
  1367. font-size:11px;
  1368. font-weight:600;
  1369. text-transform:uppercase;
  1370. text-align:center;
  1371. background:#f4f3f3;
  1372. padding:10px;
  1373.  
  1374. margin-top:80px;
  1375. }
  1376.  
  1377. .tags {
  1378. margin-top:5px;
  1379. background:#f4f3f3;
  1380.  
  1381. }
  1382.  
  1383. .tags a {
  1384. margin-top:7px;
  1385. margin-bottom:7px;
  1386. line-height:200%;
  1387. display:block;
  1388. padding-left:15px;
  1389. text-transform:uppercase;
  1390. }
  1391.  
  1392. .tags a:hover {
  1393. margin-left:10px;
  1394. }
  1395.  
  1396. .droptitle {
  1397. margin-top:7px;
  1398. margin-bottom:7px;
  1399. line-height:200%;
  1400. display:block;
  1401. padding-left:15px;
  1402. text-transform:lowercase;
  1403. cursor:pointer;
  1404. color:#888;
  1405. font-size:10px;
  1406. font-weight:400;
  1407. transition-duration: 0.6s;
  1408. -moz-transition-duration: 0.6s;
  1409. -webkit-transition-duration: 0.6s;
  1410. -o-transition-duration: 0.6s
  1411. }
  1412.  
  1413. .droptitle:hover {
  1414. margin-left:10px;
  1415. color:#000;
  1416. transition-duration: 0.6s;
  1417. -moz-transition-duration: 0.6s;
  1418. -webkit-transition-duration: 0.6s;
  1419. -o-transition-duration: 0.6s
  1420. }
  1421.  
  1422. .droptags {
  1423. padding-left:15px;
  1424. text-transform:lowercase;
  1425. max-height:150px; /*--- height of dropdown tags ---*/
  1426. overflow-y:scroll;
  1427. }
  1428.  
  1429. .droptags a {
  1430. line-height:130%;
  1431. }
  1432.  
  1433. /*--- credit - DO NOT TOUCH ---*/
  1434. .credit a {
  1435. font-size:10px;
  1436. bottom:15px;
  1437. right:20px;
  1438. position:fixed;
  1439. text-transform:uppercase;
  1440. }
  1441.  
  1442. /*---- R U L E S ---*/
  1443.  
  1444. .t{font-size:20px;font-weight:bold;color:#5a2b2b;text-transform:lowercase;font-style:italic;}
  1445. .s{font-size:11px;}
  1446.  
  1447. /*---- D E S C R I P T I O N
  1448. ©omni themes, do not claim as your own---*/
  1449.  
  1450. #descbox{
  1451. margin-left: 625px;
  1452. width:410px;
  1453. height:360px;
  1454. text-align:center;
  1455. opacity: 1;
  1456. margin-top: -45px;
  1457. font-family:'Source Sans Pro';
  1458. position: fixed;
  1459. z-index: 1;
  1460. overflow:scroll;
  1461. overflow-x:hidden;
  1462. font-size: 10px;
  1463. color: #7f5d5d;
  1464. background-image: url('http://static.tumblr.com/ltqklas/JLIoamuui/info-boxy.png');
  1465. background-repeat:no-repeat;
  1466. }
  1467.  
  1468. #desc{
  1469. margin-left: 625px;
  1470. width:410px;
  1471. height:360px;
  1472. text-align:center;
  1473. opacity: 1;
  1474. margin-top: -45px;
  1475. font-family:'Source Sans Pro';
  1476. position: fixed;
  1477. z-index: 1;
  1478. overflow:scroll;
  1479. overflow-x:hidden;
  1480. font-size: 10px;
  1481. color: #7f5d5d;
  1482.  
  1483.  
  1484.  
  1485.  
  1486. }
  1487.  
  1488. #navs{
  1489. width:110px;
  1490. height:260px;
  1491. text-align:center;
  1492. opacity: 1;
  1493. margin-top: 25px;
  1494. font-family: Courier, monospace;
  1495. color: {color:navlinks};
  1496. text-shadow: 0px 0px 5px #86090e, 1px 1px 4px rgba(0,0,0,.6);
  1497. position: fixed;
  1498. z-index: 1;
  1499. overflow:scroll;
  1500. overflow-x:hidden;
  1501. font-size: 10px;
  1502.  
  1503. }
  1504.  
  1505. #navs a:hover{
  1506. color: rgba(0,0,0,.0);
  1507. text-shadow: 0px 0px 4px rgba(255,255,255,.3);
  1508. -ms-transform: rotate(-360deg); /* IE 9 */
  1509. -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */
  1510. transform: rotate(-360deg);
  1511. font-size: 80%;
  1512. }
  1513.  
  1514. #lore{
  1515. padding: 6px;
  1516. width:385px;
  1517. background-color: #f4f3f3;
  1518. border: 2px solid #d9d9d9;
  1519. }
  1520.  
  1521.  
  1522. /*---- N A V I G A T I O N ---*/
  1523.  
  1524. #main {
  1525. position:relative;
  1526. margin:-65px auto 0px auto;
  1527. width:580px;
  1528. }
  1529.  
  1530. /*--- columns ---*/
  1531. #col1, #col2, #col3 {
  1532. position:absolute;
  1533. margin-bottom:200px;
  1534. }
  1535.  
  1536. #col2 {
  1537. margin:0px 33.3%;
  1538. }
  1539.  
  1540. #col3 {
  1541. margin:0px 66.6%;
  1542. }
  1543. /*--- end columns ---*/
  1544.  
  1545. .box {
  1546. width:150px;
  1547. margin:0px 25px;
  1548. }
  1549.  
  1550. .box h1 {
  1551. color:#3a645a;
  1552. font-size:11px;
  1553. font-weight:600;
  1554. text-transform:uppercase;
  1555. text-align:center;
  1556. background:#f4f3f3;
  1557. padding:10px;
  1558.  
  1559. margin-top:80px;
  1560. }
  1561.  
  1562. .tags {
  1563. margin-top:5px;
  1564. color:#fefefe;
  1565.  
  1566. }
  1567.  
  1568. .tags a {
  1569. margin-top:7px;
  1570. color:#3a645a;
  1571. margin-bottom:7px;
  1572. line-height:200%;
  1573. display:block;
  1574. padding-left:15px;
  1575. text-transform:uppercase;
  1576. }
  1577.  
  1578. .tags a:hover {
  1579. margin-left:10px;
  1580. }
  1581.  
  1582. .droptitle {
  1583. margin-top:7px;
  1584. margin-bottom:7px;
  1585. line-height:200%;
  1586. display:block;
  1587. padding-left:15px;
  1588. text-transform:lowercase;
  1589. cursor:pointer;
  1590. color:#3a645a;
  1591. font-size:10px;
  1592. font-weight:400;
  1593. transition-duration: 0.6s;
  1594. -moz-transition-duration: 0.6s;
  1595. -webkit-transition-duration: 0.6s;
  1596. -o-transition-duration: 0.6s
  1597. }
  1598.  
  1599. .droptitle:hover {
  1600. margin-left:10px;
  1601. color:#000;
  1602. transition-duration: 0.6s;
  1603. -moz-transition-duration: 0.6s;
  1604. -webkit-transition-duration: 0.6s;
  1605. -o-transition-duration: 0.6s
  1606. }
  1607.  
  1608. .droptags {
  1609. padding-left:15px;
  1610. text-transform:lowercase;
  1611. max-height:150px; /*--- height of dropdown tags ---*/
  1612. overflow-y:scroll;
  1613. }
  1614.  
  1615. .droptags a {
  1616. line-height:130%;
  1617. }
  1618.  
  1619. /*--- credit - DO NOT TOUCH ---*/
  1620. .credit a {
  1621. font-size:10px;
  1622. bottom:15px;
  1623. right:20px;
  1624. position:fixed;
  1625. text-transform:uppercase;
  1626. }
  1627.  
  1628. /* UPDATES */
  1629.  
  1630. #updates {
  1631. font-size:10px;
  1632. font-family:trebuchet ms;
  1633. text-transform:none;
  1634. background-attachment:absolute;
  1635. background-position: 0px 0px;
  1636. background-color:#fcfdfd;
  1637. color:#787878;
  1638. text-align:center;
  1639. height:800px;
  1640. width:120px;
  1641. padding:5px;
  1642. top:200px;
  1643. left:10px;
  1644. z-index:1;
  1645. position:fixed;
  1646. overflow:hidden;
  1647. opacity:0;
  1648. -webkit-transition: all 0.5s ease-in-out;
  1649. -moz-transition: all 0.5s ease-in-out;
  1650. -o-transition: all 0.5s ease-in-out;
  1651. }
  1652.  
  1653.  
  1654. #updateimg {
  1655. position:fixed;
  1656. margin-left: 280px;
  1657. margin-top: -80px;
  1658. z-index: 9999;
  1659. }
  1660. #updateimg:hover {
  1661. -webkit-transform: rotate(180deg);
  1662. -moz-transform: rotate(180deg);
  1663. -o-transform: rotate(180deg);
  1664. -ms-transform: rotate(180deg);
  1665. transform: rotate(180deg);
  1666. transition: 0.8s ease-in-out;
  1667. }
  1668.  
  1669. #revealed {
  1670. position: fixed;
  1671. width: 200px;
  1672. text-decoration: none;
  1673. }
  1674.  
  1675. #revealed:hover #updates{
  1676. -webkit-transition: all .5s ease-in-out;
  1677. -moz-transition: all .5s ease-in-out;
  1678. -o-transition: all .5s ease-in-out;
  1679. transition: all .5s ease-in-out;
  1680. opacity:1;
  1681. }
  1682.  
  1683.  
  1684. #int {
  1685. background-image:url('http://static.tumblr.com/i5bkmnv/Rn3o877cy/hr.jpg');
  1686. width:100%;
  1687. font-size:7px;
  1688. font-family:'Source Sans Pro', sans-serif;
  1689. font-weight:bold;
  1690. text-align:center;
  1691. text-transform:uppercase;
  1692.  
  1693. color:#fff;
  1694. text-shadow:
  1695. -1px -1px 0 #000,
  1696. 1px -1px 0 #000,
  1697. -1px 1px 0 #000,
  1698. 1px 1px 0 #000;
  1699.  
  1700. letter-spacing:2px;
  1701. padding:4px 0px 4px 0px;
  1702. line-height:190%;
  1703.  
  1704.  
  1705. border-radius:0px 50px 0px 50px;
  1706. border:1px dotted #d9cfcf;
  1707.  
  1708.  
  1709.  
  1710. }
  1711.  
  1712.  
  1713.  
  1714.  
  1715. {CustomCSS}</style>
  1716.  
  1717. </head>
  1718. <body>
  1719.  
  1720.  
  1721. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  1722. <div id="links">
  1723. <a href="/" title="return"><img src="http://static.tumblr.com/ltqklas/CXvoao5zg/hanzo-arrow.png"></a></div>
  1724.  
  1725. <div id="alinks">
  1726. <a href="#?w=800" rel="ask" class="poplight" title="gifts"><img src="http://static.tumblr.com/ltqklas/CXvoao5zg/hanzo-arrow.png"></a></div>
  1727.  
  1728. <div id="blinks">
  1729. <a href="#?w=800" rel="01" class="poplight" title="guidelines"><img src="http://static.tumblr.com/ltqklas/CXvoao5zg/hanzo-arrow.png"></a></div>
  1730.  
  1731. <div id="clinks">
  1732. <a href="#?w=800" rel="02" class="poplight" title="book of lore"><img src="http://static.tumblr.com/ltqklas/CXvoao5zg/hanzo-arrow.png"></a></div>
  1733.  
  1734. </div>
  1735.  
  1736. <div id="revealed"><div id="updateimg"><img src="http://static.tumblr.com/ltqklas/nTvoao60d/updateshanzo.png"></div>
  1737. <div id="updates">
  1738. <div id="int">I am</div><br>
  1739. Private & Selective<p> <i>Hanzo Shimada</i><p>
  1740.  
  1741. <p> Written by<big> <i>Bianca</i></big><br>
  1742. 24 she/her<p>
  1743. This blog has been established on the 22th of July 2016<p>
  1744.  
  1745.  
  1746. <div id="int">beyond</div><br>
  1747.  
  1748.  
  1749. <i>Starters: </i> 0<br>
  1750. <i>Replies: </i>0<br>
  1751. <i>Asks: </i> 0<br>
  1752. <p>
  1753.  
  1754. <div id="int">redemption</div><br>
  1755. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="25" height="20">
  1756. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  1757. <param name="bgcolor" value="#000" />
  1758. <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/65089097/Why/Yoshida%20Brothers%20%20%20Fuyu%20no%20Sakura.mp3&amp;width=25&amp;autoplay=1&amp;volume=75&amp;showslider=0&amp;bgcolor=f4f3f3&amp;bgcolor1=f4f3f3&amp;bgcolor2=f4f3f3&amp;buttoncolor=8da9a1" />
  1759. </object>
  1760. <p></p>
  1761.  
  1762. </div></div>
  1763.  
  1764.  
  1765.  
  1766. <!-- U P D A T E S
  1767. ©omni themes, do not claim as your own -->
  1768.  
  1769. {block:Ifupdates}
  1770. <div id="lines">
  1771. <div id="lines1">
  1772. <div id="lines1line"></div>
  1773. <div id="lines1content">
  1774. {text:update1text}
  1775. </div>
  1776. </div>
  1777.  
  1778. <div id="lines2">
  1779. <div id="lines2line"></div>
  1780. <div id="lines2content">
  1781. {text:update2text}
  1782. </div>
  1783. </div>
  1784.  
  1785. <!-- FOR A NEW TAB COPY FROM HERE -->
  1786.  
  1787. <div id="lines3"> <!-- ID BECOMES "lines4" -->
  1788. <div id="lines3line"></div> <!-- ID BECOMES "lines4line" -->
  1789. <div id="lines3content"> <!-- ID BECOMES "lines4content" -->
  1790. {text:update3text}
  1791. </div>
  1792. </div>
  1793.  
  1794. <!-- TO HERE -->
  1795.  
  1796. <!-- TO CREATE A NEW TAB, COPY AND PASTE FROM WHERE SHOWN, FOLLOW THE INSTRUCTIONS AND REPPLACE THE NUMBERS WITH THE NEXT NUMBER -->
  1797.  
  1798. </div>
  1799.  
  1800.  
  1801.  
  1802.  
  1803.  
  1804. {/block:Ifupdates}
  1805.  
  1806. <!-- P O S T S -->
  1807.  
  1808. <div id="entries">
  1809. {block:Posts}
  1810. <div id="posts">
  1811.  
  1812. {block:Text}
  1813. {block:Title}
  1814. <h1>{Title}</h1>
  1815. {/block:Title}
  1816. {Body}
  1817. {/block:Text}
  1818.  
  1819. {block:Photo}
  1820. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  1821. {block:Caption}
  1822. {Caption}
  1823. {/block:Caption}
  1824. {/block:Photo}
  1825.  
  1826. {block:Photoset}
  1827. {Photoset-250}{block:Caption}
  1828. {Caption}
  1829. {/block:Caption}
  1830. {/block:Photoset}
  1831.  
  1832. {block:Quote}
  1833. <h2>"{Quote}"</h2>
  1834. {block:Source}
  1835. <h3>—— {Source}</h3>
  1836. {/block:Source}
  1837. {/block:Quote}
  1838.  
  1839. {block:Link}
  1840. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  1841. {block:Description}
  1842. {Description}
  1843. {/block:Description}
  1844. {/block:Link}
  1845.  
  1846. {block:Chat}
  1847. {block:Title}
  1848. <h1>{Title}</h1>
  1849. {/block:Title}
  1850. {block:Lines}
  1851. {block:Label}
  1852. <b>{Label}</b>
  1853. {/block:Label}{Line}<br>
  1854. {/block:Lines}
  1855. {/block:Chat}
  1856.  
  1857. {block:Video}
  1858. {Video-500}
  1859. {block:Caption}
  1860. {Caption}
  1861. {/block:Caption}
  1862. {/block:Video}
  1863.  
  1864. {block:AudioPlayer}
  1865. <div class="audiowrapper">
  1866. {block:AlbumArt}
  1867. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1868. {/block:AlbumArt}
  1869. <div class="playerbuttonbg">
  1870. <div class="newplayerbutton">
  1871. <div class="playerbuttonhug">
  1872. {AudioPlayerBlack}
  1873. </div>
  1874. </div>
  1875. </div>
  1876. <div class="trackdetails">
  1877. <i><big>{block:TrackName}<p>{TrackName}{/block:TrackName}</big></i><br><hr><br>
  1878. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  1879. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  1880. {PlayCountWithLabel}</p>
  1881. </div>
  1882. </div>
  1883. {/block:AudioPlayer}
  1884.  
  1885. {block:Answer}
  1886. <div id="askon"><p>{Asker} begged:</div><div id="asker"></div><div id="askiz"><p><div id="asksh"><big><big>❝</big></big>&nbsp;&nbsp;{Question}&nbsp;&nbsp;<big><big>❞</big></big></p></div></div><br><blockquote>{Answer}</blockquote>
  1887. {/block:Answer}
  1888.  
  1889.  
  1890. <div id="info">
  1891. {block:Date}<a href="{Permalink}" title="posted {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month}, {Year}">♚</a>{/block:Date}&nbsp;&nbsp;&nbsp; <a href="{ReblogURL}" title="reblog">♛</a>&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"
  1892. title="reblogged From {ReblogParentTitle}">♛</a>&nbsp;&nbsp;&nbsp; <a href="{ReblogRootURL}" title="originally from {ReblogRoottitle}">♚</a>{/block:RebloggedFrom}<br></div>
  1893.  
  1894.  
  1895. <div id="tagooo">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1896.  
  1897. </div>
  1898.  
  1899. {PostNotes}{/block:Posts}
  1900.  
  1901. {/block:Posts}
  1902. </div>
  1903.  
  1904. <div id="previ">
  1905. <div id="previ1">
  1906. {block:PreviousPage}
  1907. <a href="{PreviousPage}">«</a>
  1908. {/block:PreviousPage}
  1909. </div>
  1910. <div id="previ2">
  1911. {block:NextPage}
  1912. <a href="{NextPage}">»</a>
  1913. {/block:NextPage}
  1914. </div>
  1915. </div>
  1916.  
  1917. </body>
  1918.  
  1919. <!-- B O X E S -->
  1920.  
  1921. <div id="01" class="popup_block">
  1922. <center><img src=""/img></center><p></p><p></p>
  1923. <div id="lore">
  1924.  
  1925. <div style="overflow: auto; height: 400px; widh: 800px; padding: 10px;">
  1926. <div style="text-align: justify;">
  1927. <p align="center">independent &amp; private<br /><em>Hanzo Shimada</em><br />#ryujinta</p>
  1928.  
  1929. <p align="center"><strong>TL;DR SECTION.</strong></p>
  1930. <p align="center"><strong>&bull;&nbsp;be polite and respectful!</strong><strong><br />&bull;</strong>&nbsp;Inspiration is ok 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;Hanzo Apologist.</p>
  1931.  
  1932. <p align="center"><strong>i. WRITING.</strong></p>
  1933. <blockquote>This blog is <em>Highly Selective</em>, meaning that I will be selective with who I want to interact with. Please <strong>don't</strong> take it personaly 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. </blockquote>
  1934. <p align="center"><strong>ii. TRIGGERS.</strong></p>
  1935. <blockquote>while I have <em> almost no triggers</em> this blog will have mentions of the following<strong>;</strong> <em>major character death</em>, <em>blood</em>,<em> knives</em>, <em> violence </em>, <strong>&amp;</strong><em>body horror </em>. 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!.</blockquote>
  1936.  
  1937. <p align="center"><strong>iii. SHIPPING.</strong></p>
  1938. <blockquote>I am open for shipping but it is currently not my main priority, so please don't force it on me!</blockquote>
  1939.  
  1940. <p align="center"><strong>iv. MUSES.</strong></p>
  1941. <blockquote><strong>do not</strong> hold your muse back. If your muse wants to do something then let them do so! Most of the time I will be all for it. If it is really something outrageous you can always IM me just to be certain.</blockquote>
  1942.  
  1943. <p align="center"><strong>v. EXCLUSIVITY.</strong></p>
  1944. <blockquote>always happy to be <em>exclusive</em> with someone. If you feel like we've reached the point to become exclusive you just need to ask! This includes mains as well</blockquote></div>
  1945.  
  1946. <p align="center"><strong>vi. DISCLAIMER.</strong></p>
  1947. <blockquote>Everything on the blog was made by <a href="http://ryujinta.tumblr.com/">my partner in crime</a>.
  1948. <br>
  1949. Theme Code: omnipotenceisoverrated <br>
  1950. Art: <a href="http://www.pixiv.net/member.php?id=3212574">x</a><br>
  1951. Icons: Me, cheerslcve, dawns-icons
  1952. </blockquote>
  1953. </div>
  1954. </div>
  1955. </div></div></div></div></div></div>
  1956.  
  1957.  
  1958. <div id="ask" class="popup_block" style="height: 346px;">
  1959. <center> <img src=""/img></center>
  1960. <div id="lore">
  1961. <div style="overflow: auto; height: 200px; padding:10px">
  1962. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/ryujinta.tumblr.com" width="100%"></iframe>
  1963. </div></div></div></div></div>
  1964.  
  1965.  
  1966.  
  1967.  
  1968.  
  1969. <div id="02" class="popup_block">
  1970. <center><img src=""/img></center><p></p><p></p>
  1971. <div id="lore">
  1972.  
  1973. <div style="overflow: auto; height: 400px; padding: 10px;">
  1974. <div style="text-align: justify;">
  1975. <div style="font-color: #e2e2e2; width: 390px; height: autopx; text-align: justify; margin-left: -20px; padding-bottom: 20px;">
  1976.  
  1977.  
  1978. <!--- box one start --->
  1979. <div class="box">
  1980. <h1>Hanzo Shimada</h1>
  1981.  
  1982. <div class="tags">
  1983. <div class="droptitle"><i class="fa fa-angle-down"></i>&nbsp; &nbsp; Information</div>
  1984. <div class="droptags">
  1985. <a href="/ ">About.</a>
  1986. <a href="/ ">Character Tag.</a>
  1987. <a href="/ ">Headcanons. </a>
  1988. <a href="/ ">Verses. </a>
  1989.  
  1990. </div>
  1991. <div class="droptitle"><i class="fa fa-angle-down"></i>&nbsp; &nbsp; MISCELLANEOUS</div>
  1992. <div class="droptags">
  1993. <a href="/ ">PSA</a>
  1994. <a href="/">Gifts.</a>
  1995. <a href="/">Promotions.</a>
  1996.  
  1997. </div>
  1998. <div class="droptitle"><i class="fa fa-angle-down"></i>&nbsp; &nbsp; Gallery</div>
  1999. <div class="droptags">
  2000. <a href="/ ">Genji Shimada</a>
  2001. <a href="/ ">Hanzo Shimada</a>
  2002.  
  2003.  
  2004. </div>
  2005.  
  2006. <div class="droptitle"><i class="fa fa-angle-down"></i>&nbsp; &nbsp;Hanzo</div>
  2007. <div class="droptags">
  2008. <a href="/ ">Musings</a>
  2009. <a href="/ ">Interests.</a>
  2010. <a href="/ ">Skills.</a>
  2011. <a href="/ ">Playlist</a>
  2012.  
  2013.  
  2014. </div>
  2015.  
  2016. </div>
  2017.  
  2018.  
  2019.  
  2020. </div>
  2021. </div>
  2022.  
  2023.  
  2024.  
  2025. </div>
  2026. </div>
  2027.  
  2028.  
  2029.  
  2030.  
  2031.  
  2032.  
  2033.  
  2034. <p></p>
  2035. <p></p>
  2036. </div></div>
  2037. </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!