API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 2nd, 2017
202
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. code was made by WOLFSOULED@TUMBLR.
  7.  
  8. -->
  9.  
  10.  
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16.  
  17.  
  18. <!--
  19. POP UP SCRIPT
  20. -->
  21.  
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script>
  26. $(document).ready(function() {
  27. //
  28. $('a.poplight[href^=#]').click(function() {
  29. var popID = $(this).attr('rel'); //Get Popup Name
  30. var popURL = $(this).attr('href'); //Get Popup href to define size
  31. var query= popURL.split('?');
  32. var dim= query[1].split('&');
  33. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  34. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  35. var popMargTop = ($('#' + popID).height() + 80) / 2;
  36. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  37. //Apply Margin to Popup
  38. $('#' + popID).css({
  39. 'margin-top' : -popMargTop,
  40. 'margin-left' : -popMargLeft
  41. });
  42. $('body').append('<div id="fade"></div>');
  43. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  44. return false;
  45. });
  46. $('a.close, #fade').live('click', function() {
  47. $('#fade , .popup_block').fadeOut(function() {
  48. $('#fade, a.close').remove(); //fade them both out
  49. });
  50. return false;
  51. });
  52. });
  53. </script>
  54.  
  55.  
  56.  
  57. <!--
  58. VERSE TABS SCRIPT
  59. -->
  60.  
  61.  
  62. <script>
  63.  
  64. $(document).ready(function(){
  65. $("ul#tabs li").click(function(e){
  66. if (!$(this).hasClass("active")) {
  67. var tabNum = $(this).index();
  68. var nthChild = tabNum+1;
  69. $("ul#tabs li.active").removeClass("active");
  70. $(this).addClass("active");
  71. $("ul#tab li.active").removeClass("active");
  72. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  73. }
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79.  
  80. <!--TOOLTIP STYLING-->
  81.  
  82.  
  83. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  84. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  85. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  86. <script>
  87. (function($){
  88. $(document).ready(function(){
  89. $("[title]").style_my_tooltips({
  90. tip_follows_cursor:true,
  91. tip_delay_time:200,
  92. tip_fade_speed:500
  93. });
  94. });
  95. })(jQuery);
  96. </script>
  97.  
  98.  
  99.  
  100.  
  101. <title>{Title}</title>
  102. <link rel="shortcut icon" href="{Favicon}">
  103. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  104. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  105.  
  106.  
  107.  
  108. <!--CUSTOM FONTS-->
  109.  
  110.  
  111. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
  112.  
  113. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet" type="text/css">
  114.  
  115.  
  116. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet" type="text/css">
  117.  
  118. <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  119.  
  120. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  121.  
  122. <link href='https://fonts.googleapis.com/css?family=Open+Sans:700,400' rel='stylesheet' type='text/css'>
  123.  
  124. <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  125.  
  126. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  127.  
  128. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  129.  
  130. <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  131.  
  132. <link href='https://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  133.  
  134. <style type="text/css">
  135.  
  136. /* SIDEBAR */
  137.  
  138.  
  139.  
  140. #howl
  141. #howl a{
  142. display:block
  143. }
  144. #howl .snow {
  145. margin-top:0px;filter: alpha(opacity = 1.0);
  146. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  147. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  148. }
  149.  
  150. #howl:hover .snow {
  151. margin-top:0px;
  152. -webkit-transition: all 0.8s ease-out;
  153. -moz-transition: all 0.8s ease-out;
  154. transition: all 0.8s ease-out;
  155. filter: alpha(opacity = 100);
  156. filter: alpha(opacity = 100);
  157. opacity:100;
  158. }
  159.  
  160.  
  161.  
  162. /* SELECTION FONT AND BACKGROUND */
  163.  
  164.  
  165. ::selection {
  166. background: #c2c2c2;
  167. color:#fff; }
  168.  
  169.  
  170. ::-moz-selection {
  171. background: #c2c2c2;
  172. color:#fff; }
  173.  
  174.  
  175.  
  176. /* SCROLLBAR */
  177.  
  178.  
  179. ::-webkit-scrollbar {
  180. height: 0px;
  181. width: 2px;
  182. background:transparent;
  183. border-left:0px solid transparent;
  184. border-right:0px solid transparent;}
  185.  
  186.  
  187. ::-webkit-scrollbar-thumb {
  188. background:transparent;}
  189.  
  190.  
  191. /* CURSOR */
  192.  
  193.  
  194. {block:iftinycursor}
  195. body, a, a:hover{
  196. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  197. {/block:iftinycursor}
  198.  
  199. iframe#tumblr_controls {
  200. right:3px !important;
  201. position: fixed !important;
  202. -webkit-transition: opacity 0.7s
  203. linear;opacity: 0.2;
  204. -webkit-transition: all 0.8s ease-out;
  205. -moz-transition: all 0.8s ease-out;
  206. transition: all 0.8s ease-out;}
  207.  
  208. iframe#tumblr_controls:hover{
  209. -webkit-transition: opacity 0.7s linear;
  210. opacity: 1;
  211. -webkit-transition: all 0.4s ease-out;
  212. -moz-transition: all 0.4s ease-out;
  213. transition: all 0.4s ease-out;}
  214.  
  215.  
  216. /* BACKGROUND */
  217.  
  218.  
  219. body {
  220. background:#605279;
  221. background-image:url('http://i.imgur.com/Qex0stN.png');
  222. background-attachment: fixed;
  223. background-repeat: no-repeat;
  224. background-position: left top;
  225. color:#c1c1c1;
  226. font-family: calibri;
  227. text-align:justify;
  228. font-size: 12px;
  229. letter-spacing:0px;
  230. line-height:135%;
  231. }
  232.  
  233.  
  234. /* FONT STYLES */
  235.  
  236.  
  237. a {
  238. text-decoration:none;
  239. color:#232323;
  240. text-shadow:0px 0px 2px #232323;
  241. -moz-transition-duration:.6s;
  242. -webkit-transition-duration:.6s;
  243. -o-transition-duration:.6s;
  244. -webkit-filter: blur(0px);
  245. }
  246.  
  247. a:hover {
  248. color:#636363;
  249. -moz-transition-duration:.6s;
  250. -webkit-transition-duration:.6s;
  251. -o-transition-duration:.6s;
  252. -webkit-filter: blur(1px);
  253. }
  254.  
  255. b, strong {
  256. color:#fff;
  257. text-decoration:none;
  258. text-transform:uppercase;
  259. font-family:'calibri';
  260. font-size:12px;
  261. text-shadow: none;
  262. }
  263.  
  264. i, em {
  265. color:#605279;
  266. text-shadow: 0px 0px 2px #605279;
  267. font-family: 'Parisienne', cursive;
  268. letter-spacing:1px;
  269. font-size:17px;
  270. line-height:50%;
  271. text-transform:lowercase;
  272. }
  273.  
  274. h1 {
  275. text-align:center;
  276. padding:1px 0px 0px 1px;
  277. font-family: 'calibri';
  278. font-size:10px;
  279. text-transform:uppercase;
  280. color:#434366;
  281. }
  282.  
  283. p {
  284. margin-top:5px;
  285. margin-bottom:5px;}
  286.  
  287.  
  288.  
  289. small {
  290. font-size:11px}
  291.  
  292.  
  293. sup,sub {
  294. font-size:11px}
  295.  
  296.  
  297. pre {
  298. font-size: 10px;
  299. letter-spacing:3px;
  300. background-color:#6b6b6b;
  301. font-family: "Times New Roman", Times, serif;
  302. font-style: none;
  303. text-align:center;
  304. text-shadow:1px 1px 0px #605279,
  305. 1px -1px 0px #605279,
  306. -1px -1px 0px #605279,
  307. -1px 1px 0px #605279,
  308. 0px 1px 0px #605279,
  309. 0px -1px 0px #605279,
  310. 1px 0px 0px #605279,
  311. -1px 0px 0px #605279;
  312. border-left: double 3px #515151;
  313. border-top: double 3px #515151;
  314. border-right: double 3px #515151;
  315. border-bottom: double 3px #515151;
  316. opacity:0.5;
  317. white-space: pre-wrap; /* css-3 */
  318. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  319. white-space: -pre-wrap; /* Opera 4-6 */
  320. white-space: -o-pre-wrap; /* Opera 7 */
  321. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  322.  
  323.  
  324.  
  325. big {
  326. font-size:14px;
  327. text-transform:uppercase;
  328. letter-spacing:2px;
  329. font-family: "Times New Roman", Times, serif;
  330. color: #91a3ac;
  331. text-shadow: 0px 0px 2px #383838;
  332. }
  333.  
  334.  
  335. h1 {
  336. background-color: transparent;
  337. font-family: 'Josefin Sans', sans-serif;
  338. font-size: 16px;
  339. line-height: 20px;
  340. letter-spacing: 2px;
  341. text-align: center;
  342. text-transform:uppercase;
  343. color: #111111;
  344. }
  345.  
  346.  
  347. h2 {
  348. background-color: transparent;
  349. font-family: 'Josefin Sans', sans-serif;
  350. font-size: 15px;
  351. line-height: 16px;
  352. letter-spacing: 2px;
  353. text-align: left;
  354. text-transform:uppercase;
  355. color: #111111;
  356. }
  357.  
  358.  
  359.  
  360. h3 {
  361. background-image: url('');
  362. background-repeat:repeat;
  363. background-attachment:fixed;
  364. border-left: double 3px #605279;
  365. border-top: double 3px #605279;
  366. border-right: double 3px #605279;
  367. border-bottom: double 3px #605279;
  368. padding:2px;
  369. color:#e6e6e6;
  370. text-shadow:1px 1px 0px #605279,
  371. 1px -1px 0px #605279,
  372. -1px -1px 0px #605279,
  373. -1px 1px 0px #605279,
  374. 0px 1px 0px #605279,
  375. 0px -1px 0px #605279,
  376. 1px 0px 0px #605279,
  377. -1px 0px 0px #605279;
  378. font-size:12px;
  379. font-family:calibri;
  380. text-transform:uppercase;
  381. letter-spacing:1px;
  382. text-align:center;}
  383.  
  384.  
  385.  
  386.  
  387. h4 {
  388. background-image: url('http://i.imgur.com/zx9o5YQ.png');
  389. background-repeat:repeat;
  390. background-attachment:fixed;
  391. border-left: double 3px #171717;
  392. border-top: double 3px #171717;
  393. border-right: double 3px #171717;
  394. border-bottom: double 3px #171717;
  395. padding:2px;
  396. color:#e6e6e6;
  397. text-shadow:1px 1px 0px #605279,
  398. 1px -1px 0px #605279,
  399. -1px -1px 0px #605279,
  400. -1px 1px 0px #605279,
  401. 0px 1px 0px #605279,
  402. 0px -1px 0px #605279,
  403. 1px 0px 0px #605279,
  404. -1px 0px 0px #605279;
  405. font-size:9px;
  406. font-family:calibri;
  407. text-transform:uppercase;
  408. letter-spacing:1px;
  409. text-align:center;}
  410.  
  411.  
  412.  
  413. hr {
  414. color:#e6e6e6;
  415. text-shadow:1px 1px 0px #605279,
  416. 1px -1px 0px #605279,
  417. -1px -1px 0px #605279,
  418. -1px 1px 0px #605279,
  419. 0px 1px 0px #605279,
  420. 0px -1px 0px #605279,
  421. 1px 0px 0px #605279,
  422. -1px 0px 0px #605279;;
  423. display: block;
  424. margin-top: 0.5em;
  425. margin-bottom: 0.5em;
  426. margin-left: auto;
  427. margin-right: auto;
  428. border-style: inset;
  429. border-width: 1px;
  430. }
  431.  
  432.  
  433. quotetext {
  434. background-color: transparent;
  435. font-family: times;
  436. padding-top:10px;
  437. font-size: 14px;
  438. line-height: 20px;
  439. letter-spacing: 2px;
  440. text-align: center;
  441. text-transform:uppercase;
  442. color: #111111;
  443. }
  444.  
  445.  
  446.  
  447.  
  448. /* BLOCKQUOTE */
  449.  
  450.  
  451. blockquote {
  452. padding:2px 7px;
  453. margin:3px 0px 8px;
  454. border-left:1px dotted #ccc;
  455. }
  456.  
  457. blockquote img {
  458. max-width:100%;
  459. height:auto;
  460. }
  461.  
  462. blockquote blockquote img{
  463. max-width:100%;
  464. height:auto;
  465. }
  466.  
  467. img {
  468. max-width:100%;
  469. }
  470.  
  471.  
  472. /* IMAGES, PHOTOSETS, ETC */
  473.  
  474.  
  475.  
  476. {block:IfGreyscale}
  477.  
  478. img {
  479. -webkit-filter:grayscale(100%);
  480. -webkit-transition: all 0.9s ease-in-out;
  481. -moz-transition: all 0.9s ease-in-out;
  482. -o-transition: all 0.9s ease-in-out;
  483. -ms-transition: all 0.9s ease-in-out;
  484. transition: all 0.9s ease-in-out;}
  485.  
  486. img:hover {
  487. -webkit-filter:none;}
  488.  
  489. .html_photoset {
  490. -webkit-filter: grayscale(100%);
  491. -webkit-transition: all 0.9s ease-in-out;
  492. -moz-transition: all 0.9s ease-in-out;
  493. -o-transition: all 0.9s ease-in-out;
  494. -ms-transition: all 0.9s ease-in-out;
  495. transition: all 0.9s ease-in-out;}
  496.  
  497. .html_photoset:hover {
  498. -webkit-filter: none;}
  499.  
  500. {/block:IfGreyscale}
  501.  
  502.  
  503. /* POSTS AND POST CONTAINER */
  504.  
  505. #container {
  506. background-color:transparent;
  507. width:400px;
  508. height:290px;
  509. padding: 10px;
  510. top:338px;
  511. margin-left:445px;
  512. position:relative;
  513. overflow-y:scroll;
  514. overflow-x:hidden;
  515. -webkit-mask-image: -webkit-gradient(
  516. linear, center 55%, center bottom,
  517. from(rgba(0,0,0,20)),
  518. to(rgba(20,0,0,0)));
  519. border:1px solid transparent;
  520. }
  521.  
  522. #container img {
  523. height:auto;
  524. max-width:100%;
  525. }
  526.  
  527. #content {
  528. margin-left:62px;
  529. width:400px;
  530. height:auto;
  531. margin-top: -80px;
  532. padding-bottom:20px;
  533. }
  534.  
  535. #posts {
  536. width:390px;
  537. padding:10px;
  538. height:auto;
  539. margin-top: 40px;
  540. margin-left:-60px;
  541. padding-bottom:30px;
  542. overflow-y:scroll;
  543. overflow-x:hidden;
  544. }
  545.  
  546.  
  547.  
  548. /* SIDEBAR */
  549.  
  550.  
  551.  
  552. #sidebar {
  553. font-family: calibri;
  554. font-size:10px;
  555. background:transparent;
  556. color: #ababab;
  557. width:200px;
  558. height:200px;
  559. padding-top:3px;
  560. border:0px solid #131313;
  561. left: 200px;
  562. top: 443px;
  563. text-align:center;
  564. position:fixed;
  565. overflow-y:scroll;
  566. overflow-x:hidden;
  567. -webkit-filter: blur(0px);
  568. -webkit-transition: 0.8s ease-in;
  569. -moz-transition: 1s ease-in;
  570. transition: 1s ease-in;
  571. opacity:0.5;
  572. -webkit-transition: all 0.6s ease-in-out;
  573. -moz-transition: all 0.6s ease-in-out;
  574. -o-transition: all 0.6s ease-in-out;
  575. -ms-transition: all 0.6s ease-in-out;
  576. transition: all 0.6s ease-in-out;
  577. z-index:0;
  578. }
  579.  
  580.  
  581.  
  582. #sidebar:hover {
  583. -webkit-filter:none;
  584. -webkit-transition: all 0.6s ease-in-out;
  585. opacity:1;
  586. -webkit-transition: all 0.6s ease-in-out;
  587. -moz-transition: all 0.6s ease-in-out;
  588. -o-transition: all 0.6s ease-in-out;
  589. -ms-transition: all 0.6s ease-in-out;
  590. transition: all 0.6s ease-in-out;
  591. }
  592.  
  593.  
  594.  
  595.  
  596. #hollow {
  597. position:fixed;
  598. color:#7c7470;
  599. text-shadow: 0px 0px 2px #fff;
  600. margin-top:175px;
  601. margin-left:55px;
  602. width:110px;
  603. padding:9px;
  604. letter-spacing:2px;
  605. word-spacing:5px; /*this defines the separation of each word of the links*/
  606. font-family: helvetica;
  607. font-size:12px;
  608. text-align:center;
  609. background:transparent;
  610. text-transform:uppercase;
  611. -webkit-transform: rotate(-90deg);
  612. -moz-transform: rotate(-90deg);
  613. -o-transform: rotate(-90deg);
  614. }
  615.  
  616.  
  617.  
  618. /* JUMBLED LINKS */
  619.  
  620.  
  621. .alinks {
  622. position:fixed;
  623. text-shadow: 0px 0px 0px #605279;
  624. left:950px;
  625. top:325px;
  626. transform: rotate(-45deg);
  627. text-align: right;
  628. line-height:20px;
  629. font-family: 'Josefin Sans', sans-serif;
  630. font-size: 30px;
  631. z-index:1;
  632. }
  633.  
  634.  
  635. .alinks a {
  636. padding:10px;
  637. color:#7f7f7f;
  638. margin-right:0px;
  639. -webkit-filter: blur(0px);
  640. -webkit-transition: 0.8s ease-in;
  641. -moz-transition: 1s ease-in;
  642. transition: 1s ease-in;
  643. z-index:1;
  644. }
  645.  
  646. .alinks a:hover {
  647. -webkit-filter: blur(2px);
  648. -webkit-transition: all 0.6s ease-in-out;
  649. -moz-transition: all 0.6s ease-in-out;
  650. -o-transition: all 0.6s ease-in-out;
  651. -ms-transition: all 0.6s ease-in-out;
  652. transition: all 0.6s ease-in-out;
  653. color: #605279;
  654. text-shadow: 7px 7px 3px #605279;
  655. }
  656.  
  657.  
  658.  
  659. .blinks {
  660. position:fixed;
  661. text-shadow: 0px 0px 11px #7C6868;
  662. left:940px;
  663. top:290px;
  664. transform: rotate(90deg);
  665. text-align: center;
  666. font-family: 'Josefin Sans', sans-serif;
  667. line-height:20px;
  668. font-size: 30px;}
  669.  
  670.  
  671. .blinks a {
  672. padding:10px;
  673. color:#a1a1a1;
  674. margin-right:0px;
  675. -webkit-filter: blur(0px);
  676. -webkit-transition: 0.8s ease-in;
  677. -moz-transition: 1s ease-in;
  678. transition: 1s ease-in;
  679. }
  680.  
  681. .blinks a:hover {
  682. -webkit-transition: all 0.6s ease-in-out;
  683. -moz-transition: all 0.6s ease-in-out;
  684. -o-transition: all 0.6s ease-in-out;
  685. -ms-transition: all 0.6s ease-in-out;
  686. transition: all 0.6s ease-in-out;
  687. color: #605279;
  688. text-shadow: 7px 7px 3px #605279;
  689. }
  690.  
  691.  
  692.  
  693.  
  694. .clinks {
  695. position:fixed;
  696. font-size:25px;
  697. text-decoration:none;
  698. -webkit-filter:blur(0px);
  699. -webkit-transition: all 0.5s ease-out;
  700. -moz-transition: all 0.5s ease-out;
  701. transition: all 0.5s ease-out;
  702. transform: rotate(-30deg);
  703. -ms-transform: rotate(-30deg);
  704. -webkit-transform: rotate(-30deg);
  705. -o-transform: rotate(-30deg);
  706. -moz-transform: rotate(-30deg);
  707. margin-left:910px;
  708. margin-top:10px;
  709. }
  710.  
  711. .clinks a {
  712. text-shadow:0px 0px 7px #9b9b9b;
  713. text-decoration:none;
  714. color:#9b9b9b;
  715. -webkit-filter:blur(0px);
  716. -webkit-transition: all 0.5s ease-out;
  717. -moz-transition: all 0.5s ease-out;
  718. transition: all 0.5s ease-out;
  719. transform: rotate(0deg);
  720. -ms-transform: rotate(0deg);
  721. -webkit-transform: rotate(0deg);
  722. -o-transform: rotate(0deg);
  723. -moz-transform: rotate(0deg);
  724. }
  725.  
  726. .clinks:hover {
  727. -webkit-filter:blur(1px);
  728. -webkit-transition: all 0.5s ease-out;
  729. -moz-transition: all 0.5s ease-out;
  730. transition: all 0.5s ease-out;
  731. transform: rotate(110deg);
  732. -ms-transform: rotate(110deg);
  733. -webkit-transform: rotate(110deg);
  734. -o-transform: rotate(110deg);
  735. -moz-transform: rotate(110deg);
  736. }
  737.  
  738.  
  739. .credit {
  740. position:fixed;
  741. text-shadow: 0px 0px 11px #7C6868;
  742. right:15px;
  743. bottom:15px;
  744. transform: rotate(0deg);
  745. font-family: 'Josefin Sans', sans-serif;
  746. font-size: 17px; }
  747.  
  748.  
  749. .credit a {
  750. padding:10px;
  751. color:#6e6e6e;
  752. margin-right:0px;
  753. opacity:.4;
  754. -webkit-transition: all 0.6s ease-in-out;
  755. -moz-transition: all 0.6s ease-in-out;
  756. -o-transition: all 0.6s ease-in-out;
  757. -ms-transition: all 0.6s ease-in-out;
  758. transition: all 0.6s ease-in-out;
  759. }
  760.  
  761. .credit a:hover {
  762. -webkit-transition: all 0.6s ease-in-out;
  763. -moz-transition: all 0.6s ease-in-out;
  764. -o-transition: all 0.6s ease-in-out;
  765. -ms-transition: all 0.6s ease-in-out;
  766. -webkit-filter: blur(1px);
  767. transition: all 0.6s ease-in-out;
  768. color: #605279;
  769. text-shadow: 7px 7px 3px #605279;
  770. }
  771.  
  772.  
  773. /* QUESTIONS AND ANSWERS */
  774.  
  775.  
  776. #asker {
  777. font-family: 'Calibri', sans-serif;
  778. text-align:center;
  779. padding-top: 10px;
  780. margin-left:0px;
  781. margin-top:15px;
  782. text-transform:uppercase;
  783. color:#e6e6e6;
  784. text-shadow:1px 1px 0px #605279,
  785. 1px -1px 0px #605279,
  786. -1px -1px 0px #605279,
  787. -1px 1px 0px #605279,
  788. 0px 1px 0px #605279,
  789. 0px -1px 0px #605279,
  790. 1px 0px 0px #605279,
  791. -1px 0px 0px #605279;
  792. font-size:25px;
  793. padding:10px;
  794. letter-spacing:0px
  795. }
  796.  
  797.  
  798. #asker a{
  799. font-family: 'Parisienne';
  800. text-transform:lowercase;
  801. font-size:30px;
  802. letter-spacing: 0px;
  803. color:#e6e6e6;
  804. text-shadow:1px 1px 0px #605279,
  805. 1px -1px 0px #605279,
  806. -1px -1px 0px #605279,
  807. -1px 1px 0px #605279,
  808. 0px 1px 0px #605279,
  809. 0px -1px 0px #605279,
  810. 1px 0px 0px #605279,
  811. -1px 0px 0px #605279;
  812. -webkit-filter: blur(0.5px);
  813. }
  814.  
  815.  
  816. #asker a:hover {
  817. color: #656565;
  818. letter-spacing: 2px;
  819. text-shadow:0 0 2px #605279;
  820. -webkit-filter: blur(1px);
  821. -webkit-transition:all .5s ease-in-out;
  822. -moz-transition:all .5s ease-in-out;
  823. transition:all .5s ease-in-out;
  824. }
  825.  
  826.  
  827.  
  828. #ask {
  829. border-left: double 3px #171717;
  830. border-top: double 3px #171717;
  831. border-right: double 3px #171717;
  832. border-bottom: double 3px #171717;
  833. padding:2px;
  834. height:auto;
  835. text-shadow:1px 1px 0px #605279,
  836. 1px -1px 0px #605279,
  837. -1px -1px 0px #605279,
  838. -1px 1px 0px #605279,
  839. 0px 1px 0px #605279,
  840. 0px -1px 0px #605279,
  841. 1px 0px 0px #605279,
  842. -1px 0px 0px #605279;
  843. font-size:7px;
  844. text-align:center;
  845. padding-top: 5px;
  846. margin-left:0px;
  847. margin-bottom: 10px;
  848. text-transform:auto;
  849. border-top-left-radius:5px;
  850. border-bottom-left-radius:5px;
  851. border-top-right-radius:5px;
  852. border-bottom-right-radius:5px;
  853. letter-spacing:3px
  854. margin-top:10px;
  855. padding:5px;
  856. background: #605279;
  857. background: url("http://i.imgur.com/zx9o5YQ.png");
  858. background-repeat:repeat;
  859. background-attachment:fixed;
  860. padding:2px;
  861. color:#cacaca;
  862. text-transform: uppercase;
  863. padding:10px;
  864. letter-spacing:2px;
  865. box-shadow:1px 1px 0px #605279,
  866. 1px -1px 0px #605279,
  867. -1px -1px 0px #605279,
  868. -1px 1px 0px #605279,
  869. 0px 1px 0px #605279,
  870. 0px -1px 0px #605279,
  871. 1px 0px 0px #605279,
  872. -1px 0px 0px #605279;
  873. }
  874.  
  875.  
  876. .ans {
  877. text-align:center;
  878. padding:10px;
  879. margin-top:10px;
  880. }
  881.  
  882.  
  883. /* POST INFO */
  884.  
  885.  
  886. #info {
  887. color:#e6e6e6;
  888. text-shadow:1px 1px 0px #605279,
  889. 1px -1px 0px #605279,
  890. -1px -1px 0px #605279,
  891. -1px 1px 0px #605279,
  892. 0px 1px 0px #605279,
  893. 0px -1px 0px #605279,
  894. 1px 0px 0px #605279,
  895. -1px 0px 0px #605279;
  896. width:185px;
  897. height:25px;
  898. position:relative;
  899. text-align:center;
  900. letter-spacing:10px;
  901. margin-bottom:20px;
  902. margin-left:80px;
  903. text-transform:uppercase;
  904. font-size:15px;
  905. font-style:none;
  906. padding-bottom:10px;
  907. }
  908.  
  909. #info a {
  910. color:#dcdcdc;}
  911.  
  912. #info a:hover {
  913. color:#605279;}
  914.  
  915.  
  916. /* TAGS */
  917.  
  918.  
  919. #tags {
  920. background-image: url('http://i.imgur.com/zx9o5YQ.png');
  921. background-repeat:repeat;
  922. background-attachment:fixed;
  923. border-left: double 3px #605279;
  924. border-top: double 3px #605279;
  925. border-right: double 3px #605279;
  926. border-bottom: double 3px #605279;
  927. padding:2px;
  928. color:#e6e6e6;
  929. text-shadow:1px 1px 0px #605279,
  930. 1px -1px 0px #605279,
  931. -1px -1px 0px #605279,
  932. -1px 1px 0px #605279,
  933. 0px 1px 0px #605279,
  934. 0px -1px 0px #605279,
  935. 1px 0px 0px #605279,
  936. -1px 0px 0px #605279;
  937. width:325px;
  938. height:auto;
  939. text-align:center;
  940. letter-spacing:10px;
  941. font-family:arial;
  942. margin-top:8px;
  943. margin-bottom:50px;
  944. margin-left:-50px;
  945. text-transform:uppercase;
  946. font-size:8px;
  947. font-style:none;
  948. overflow-x:auto;
  949. overflow-y:scroll;
  950. }
  951.  
  952. #tags a {
  953. color:#838383;
  954. margin-bottom:20px;
  955. letter-spacing:1px;
  956. color:#e6e6e6;
  957. text-shadow:1px 1px 0px #605279,
  958. 1px -1px 0px #605279,
  959. -1px -1px 0px #605279,
  960. -1px 1px 0px #605279,
  961. 0px 1px 0px #605279,
  962. 0px -1px 0px #605279,
  963. 1px 0px 0px #605279,
  964. -1px 0px 0px #605279; }
  965.  
  966. #tags a:hover {
  967. color:transparent;
  968. text-shadow:0px 0px 1px #777;
  969. -webkit-filter:none;
  970. -webkit-transition: all 0.6s ease-in-out;
  971. opacity:1;
  972. -webkit-transition: all 0.6s ease-in-out;
  973. -moz-transition: all 0.6s ease-in-out;
  974. -o-transition: all 0.6s ease-in-out;
  975. -ms-transition: all 0.6s ease-in-out;
  976. transition: all 0.6s ease-in-out;
  977. }
  978.  
  979.  
  980. /* PAGINATION */
  981.  
  982.  
  983. #pagination {
  984. position:fixed;
  985. font-family:helvetica;
  986. width:250px;
  987. font-size:23px;
  988. top:620px;
  989. left:800px;
  990. letter-spacing:3px;
  991. text-align:center;
  992. z-index:999999999999;
  993. }
  994.  
  995. #pagination a {
  996. text-transform:uppercase;
  997. color:#2b2b2b;
  998. -webkit-filter: blur(1px);
  999. -webkit-transition: 0.8s ease-in;
  1000. -moz-transition: 1s ease-in;
  1001. transition: 1s ease-in;
  1002. z-index:999999999999;
  1003. }
  1004.  
  1005. #pagination a:hover {
  1006. color:#ccc;
  1007. -webkit-filter: blur(0px);
  1008. -webkit-transition: 0.2s ease-in;
  1009. -moz-transition: 1s ease-in;
  1010. transition: 1s ease-in;
  1011. }
  1012.  
  1013.  
  1014. /* MISC */
  1015.  
  1016.  
  1017. .audio {
  1018. width:300px;
  1019. padding-bottom:10px;
  1020. background-color:{color:#0b0b0b};}
  1021.  
  1022. .albumart {
  1023. float:left;
  1024. padding:0px 10px 10px 0px;}
  1025.  
  1026. .albumart img {
  1027. width:65px;
  1028. height:65px;}
  1029.  
  1030. .playercontainer {
  1031. text-align:left;
  1032. padding:10px;
  1033. background-color:#0b0b0b;
  1034. width:300px;}
  1035.  
  1036. .audioinfo {
  1037. padding:10px;
  1038. color:#a1a0a0;}
  1039.  
  1040.  
  1041.  
  1042. /* TOOLTIP */
  1043.  
  1044. #s-m-t-tooltip{
  1045. max-width:400px;
  1046. margin:15px;
  1047. padding:2px 8px;
  1048. background: #0b0b0b;
  1049. background-image:url('http://i.imgur.com/zx9o5YQ.png');
  1050. background-repeat:repeat;
  1051. background-attachment:fixed;
  1052. border-left: double 3px #171717;
  1053. border-top: double 3px #171717;
  1054. border-right: double 3px #171717;
  1055. border-bottom: double 3px #171717;
  1056. color:#e6e6e6;
  1057. text-shadow:1px 1px 0px #605279,
  1058. 1px -1px 0px #605279,
  1059. -1px -1px 0px #605279,
  1060. -1px 1px 0px #605279,
  1061. 0px 1px 0px #605279,
  1062. 0px -1px 0px #605279,
  1063. 1px 0px 0px #605279,
  1064. -1px 0px 0px #605279;
  1065. z-index:99999999999999999999;
  1066. font-size:9px;
  1067. letter-spacing:2px;
  1068. font-style:bold;
  1069. letter-spacing:2px;
  1070. font-family: calibri;
  1071. text-transform:uppercase;
  1072. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1073.  
  1074.  
  1075.  
  1076. /* MISC 02. */
  1077.  
  1078.  
  1079.  
  1080. .note {
  1081. text-transform:uppercase;
  1082. font-style:normal;
  1083. letter-spacing:0px;
  1084. font-size: 10px;
  1085. text-align:left;
  1086. line-height:90%;
  1087. margin-left:-40px;}
  1088.  
  1089. .note li {
  1090. list-style-type:none;
  1091. border-bottom:0px solid {color:border};
  1092. padding:10px 25px 10px 25px;
  1093. text-align:left;
  1094. margin:0px;
  1095. -moz-transition-duration:0.5s;
  1096. -webkit-transition-duration:0.5s;
  1097. -o-transition-duration:0.5s;}
  1098.  
  1099. .note img.avatar {
  1100. margin-right: 10px;
  1101. width: 16px;
  1102. height: 16px;}
  1103.  
  1104.  
  1105.  
  1106. /*--BASIC POP-UP DETAILS--*/
  1107.  
  1108.  
  1109.  
  1110. .popup_block{
  1111. display:none;
  1112. background-image:url('http://i.imgur.com/rXv2agh.png');
  1113. background-repeat:no-repeat;
  1114. padding:20px;
  1115. float:left;
  1116. width: 275px; height: 235px;
  1117. top:512px; left:604px;
  1118. position:fixed;
  1119. z-index: 99999;
  1120. box-shadow: 0px 0px 0px #605279; /* delete for solid white */
  1121. }
  1122.  
  1123. #popuptext {
  1124. padding:5px;
  1125. width:250px;
  1126. overflow:auto;
  1127. margin-top:0px;
  1128. margin-left:-10px;
  1129. color:#a3a3a3;
  1130. height:210px;
  1131. -webkit-mask-image:
  1132. -webkit-gradient(linear, right 75%, right bottom,
  1133. from(rgba(0,0,0,4)),
  1134. to(rgba(0,0,0,0)));
  1135. }
  1136.  
  1137. *html #fade {position: absolute;}
  1138. *html .popup_block {position: absolute;}
  1139. #fade {
  1140. display:none;
  1141. position:fixed;
  1142. left:0px;
  1143. top:0px;
  1144. width:100%;
  1145. height:100%;
  1146. z-index:9999;
  1147. background:#9b9b9b; /* change to #fff for solid white */
  1148. opacity:0; /* change to opacity:1; */
  1149. }
  1150.  
  1151. .popupnav {
  1152. margin-left:3px;
  1153. width:310px;
  1154. padding:5px 4px 8px 2px;
  1155. text-align:center;
  1156. font-family: 'Homemade Apple', cursive;
  1157. font-size:20px;
  1158. font-style:bold;
  1159. text-transform:lowercase;
  1160. letter-spacing:1px;
  1161. color:#dfdfdf;
  1162. border-bottom:0px solid #191919 }
  1163.  
  1164.  
  1165. .popupnavlinks {
  1166. padding-top:5px;
  1167. text-align:center; }
  1168.  
  1169.  
  1170. .popupnavlinks a {
  1171. display:inline-block;
  1172. width:80px; height:8px;
  1173. margin:2px; padding:6px 6px 10px;
  1174. text-align:center;
  1175. font-family:'helvetica';
  1176. font-size:8px;
  1177. text-transform:uppercase;
  1178. letter-spacing:1px;
  1179. color:#fff; background:#706b6a;
  1180. background-image:url('');
  1181. background-repeat:repeat;
  1182. background-attachment:fixed;
  1183. border-left: double 3px #595554;
  1184. border-top: double 3px #595554;
  1185. border-right: double 3px #595554;
  1186. border-bottom: double 3px #595554;
  1187. }
  1188.  
  1189.  
  1190. .popupnavlinks a:hover {
  1191. display:inline-block;
  1192. width:100px; margin:2px;
  1193. padding:6px 6px 10px;
  1194. text-align:center;
  1195. font-family:'helvetica';
  1196. font-size:8px;
  1197. text-transform:uppercase;
  1198. letter-spacing:1px;
  1199. color:#2e2e2e;
  1200. background:transparent }
  1201.  
  1202.  
  1203.  
  1204. .popupnavlinks2 {
  1205. padding-top:5px;
  1206. text-align:center; }
  1207.  
  1208.  
  1209. .popupnavlinks2 a {
  1210. display:inline-block;
  1211. width:285px; height:8px;
  1212. margin:2px; padding:6px 6px 10px;
  1213. text-align:center;
  1214. font-family:'helvetica';
  1215. font-size:8px;
  1216. text-transform:uppercase;
  1217. letter-spacing:1px;
  1218. color:#2e2e2e; background:transparent;
  1219. background-repeat:repeat;
  1220. background-attachment:fixed;
  1221. border-left: double 3px #171717;
  1222. border-top: double 3px #171717;
  1223. border-right: double 3px #171717;
  1224. border-bottom: double 3px #171717;
  1225. }
  1226.  
  1227.  
  1228. .popupnavlinks2 a:hover {
  1229. display:inline-block;
  1230. width:285px; margin:2px;
  1231. padding:6px 6px 10px;
  1232. text-align:center;
  1233. font-family:'helvetica';
  1234. font-size:8px;
  1235. text-transform:uppercase;
  1236. letter-spacing:1px;
  1237. color:#2e2e2e;
  1238. background:transparent;
  1239. }
  1240.  
  1241.  
  1242.  
  1243. /* THE VERSES TABS */
  1244.  
  1245. ul#tabs {
  1246. list-style-type: none;
  1247. padding: 0;
  1248. text-align: center;
  1249. font-size:8px;
  1250. letter-spacing:1px;
  1251. text-shadow:1px 1px 0px #4c4c4c,
  1252. 1px -1px 0px #4c4c4c,
  1253. -1px -1px 0px #4c4c4c,
  1254. -1px 1px 0px #4c4c4c,
  1255. 0px 1px 0px #4c4c4c,
  1256. 0px -1px 0px #4c4c4c,
  1257. 1px 0px 0px #4c4c4c,
  1258. -1px 0px 0px #4c4c4c;
  1259.  
  1260. }
  1261.  
  1262.  
  1263.  
  1264. ul#tabs li {
  1265. background-image: url('');
  1266. background-repeat:repeat;
  1267. background-attachment:fixed;
  1268. color:#e6e6e6;
  1269. text-shadow:1px 1px 0px #605279,
  1270. 1px -1px 0px #605279,
  1271. -1px -1px 0px #605279,
  1272. -1px 1px 0px #605279,
  1273. 0px 1px 0px #605279,
  1274. 0px -1px 0px #605279,
  1275. 1px 0px 0px #605279,
  1276. -1px 0px 0px #605279;
  1277. display: inline-block;
  1278. padding: 4px 10px;
  1279. margin-bottom: 4px;
  1280. cursor: pointer;
  1281. }
  1282.  
  1283.  
  1284.  
  1285. ul#tabs li:hover {
  1286. background-color: transparent;
  1287. color: #eaeaea;
  1288. }
  1289.  
  1290. ul#tabs li.active {
  1291. background:#151515;
  1292. background-image: url('http://i.imgur.com/zx9o5YQ.png');
  1293. background-repeat:repeat;
  1294. background-attachment:fixed;
  1295. border-left: double 3px #171717;
  1296. border-top: double 3px #171717;
  1297. border-right: double 3px #171717;
  1298. border-bottom: double 3px #171717;
  1299. color:#e6e6e6;
  1300. text-shadow:1px 1px 0px #605279,
  1301. 1px -1px 0px #605279,
  1302. -1px -1px 0px #605279,
  1303. -1px 1px 0px #605279,
  1304. 0px 1px 0px #605279,
  1305. 0px -1px 0px #605279,
  1306. 1px 0px 0px #605279,
  1307. -1px 0px 0px #605279;
  1308. }
  1309.  
  1310.  
  1311.  
  1312. ul#tab {
  1313. list-style-type: none;
  1314. margin: 0;
  1315. padding: 0;
  1316. }
  1317.  
  1318. ul#tab li {
  1319. display: none;
  1320. }
  1321.  
  1322. ul#tab li.active {
  1323. display: block;
  1324. }
  1325.  
  1326. #square{
  1327. position:fixed;
  1328. top:630px;
  1329. left:420px;
  1330. width:30px;
  1331. height:30px;
  1332. line-height:10px;
  1333. overflow:hidden;
  1334. background-color:#fffff;
  1335. }
  1336. #gif{
  1337. height:30px;
  1338. width:60px;
  1339. margin-left:-30px;
  1340. -webkit-transition: all .7s ease-in-out;
  1341. -moz-transition: all .7s ease-in-out;
  1342. -o-transition: all .7s ease-in-out;
  1343. -ms-transition: all .7s ease-in-out;
  1344. transition: all .7s ease-in-out;
  1345. }
  1346. #gif:hover{
  1347. margin-left:2px;
  1348. -webkit-transition: all .7s ease-in-out;
  1349. -moz-transition: all .7s ease-in-out;
  1350. -o-transition: all .7s ease-in-out;
  1351. -ms-transition: all .7s ease-in-out;
  1352. transition: all .7s ease-in-out;
  1353. }
  1354. #player{
  1355. height:30px;
  1356. padding:5px;
  1357. width:13px;
  1358. margin-left:2px;
  1359. overflow:hidden;
  1360. position:absolute;
  1361. }
  1362.  
  1363. </style>
  1364.  
  1365. </head>
  1366.  
  1367. <body>
  1368. <div id="container">
  1369.  
  1370. <div id="content"><div id="posts">
  1371. {block:Posts}
  1372.  
  1373.  
  1374. <br><br>{block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1375. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1376. {block:Text}{Body}{/block:Text}
  1377.  
  1378. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1379.  
  1380. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1381.  
  1382. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1383. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1384.  
  1385. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1386.  
  1387. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1388.  
  1389.  
  1390. {block:Answer}<div id="asker" style="margin-left:40px;margin-bottom:2px;width:250px; color:#91a3ac; text-shadow:0 0 2px #605279; ">{Asker}</div> <div id="ask"> <p><p><p><p><p>{Question}</div><font face="calibri"><span style="font-family:calibri;font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
  1391.  
  1392.  
  1393. {block:Audio}<div class="audio">
  1394.  
  1395. {block:AlbumArt}
  1396. {/block:AlbumArt}
  1397.  
  1398.  
  1399. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1400. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1401. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1402. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1403.  
  1404.  
  1405. <!-- INFO -->
  1406.  
  1407.  
  1408. <div id="info">
  1409. <br>
  1410.  
  1411. &nbsp; &nbsp;
  1412.  
  1413.  
  1414. {block:Date}
  1415. <a href="{Permalink}" style="position:absolute; margin-left:-190px; margin-top:8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); font-size:21px; text-shadow: 0px 0px 5px #919191;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ✦ </a>
  1416. {/block:Date}
  1417.  
  1418.  
  1419. {block:ContentSource}
  1420. <a href="{SourceURL}" style="position:absolute; margin-left:-195px; margin-top:44px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" source. {SourceTitle} "> ✦ </a>
  1421. {/block:ContentSource}
  1422.  
  1423.  
  1424. <a href="{Permalink}" style="position:absolute; margin-left:-185px; margin-top:30px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {NoteCount} notes "> ✶ </a>
  1425.  
  1426.  
  1427. <a href="{ReblogURL}" style="position:absolute; margin-left:-202px; margin-top:22px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title="reblog"> ✧ </a>
  1428.  
  1429.  
  1430. <br>
  1431.  
  1432.  
  1433. <!-- INFO END -->
  1434.  
  1435.  
  1436. {block:HasTags}<div id="tags">{block:Tags}&nbsp;<a href="{TagURL}" title="{Tag}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1437.  
  1438. <br><br><br><br>
  1439.  
  1440. {/block:Posts}
  1441. <div class="note">
  1442. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1443. </div>
  1444.  
  1445. {/block:Posts}</div></div>
  1446.  
  1447.  
  1448.  
  1449. </div> </div> </div> </div> </div> </div>
  1450.  
  1451.  
  1452. <div id="pagination">
  1453. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1454. </div>
  1455.  
  1456. <div id="square">
  1457. <div id="gif">
  1458. <div id="player">
  1459. <embed style="margin-left:-24px;" src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k003.kiwi6.com/hotlink/xmb6cc7opc/Mattia_Cupelli_-_Ascending_Ruins_Of_A_Lost_Dream_.mp3&t0=ascending&f1=http://k003.kiwi6.com/hotlink/b3qnh3dnss/Mattia_Cupelli_-_Hopeless_Fall_Remastered_Emotional_Epic_Cinematic_Strings_Soundtrack_Film_Music_.mp3&t1=hopeless fall&total=2" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1460. </div>
  1461. <img style="margin-left:38px;margin-top:8px;"src="http://33.media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif">
  1462. </div>
  1463. </div>
  1464.  
  1465. <!-- LINKS -->
  1466.  
  1467.  
  1468.  
  1469. <div id="links">
  1470.  
  1471.  
  1472. <div class="alinks">
  1473. <a href="/" title="home">☾</a>
  1474. </div>
  1475.  
  1476.  
  1477. <div class="blinks">
  1478. <a href="#?w=255" rel="box1" class="poplight" title="messages.">•</a>
  1479. </div>
  1480.  
  1481.  
  1482. <div class="clinks">
  1483. <a href="#?w=255" rel="box2" class="poplight" title="navigation.">✰</a>
  1484. </div>
  1485.  
  1486.  
  1487. <div class="credit">
  1488. <a href="http://wolfsouled.tumblr.com/" title="theme by wolfsouled."><img src="http://i.imgur.com/ZCa8kJr.png"></a>
  1489. </div>
  1490.  
  1491.  
  1492. </div>
  1493.  
  1494.  
  1495. <!-- CUSTOM LINKS ENDS -->
  1496.  
  1497.  
  1498. <!-- SIDEBAR TEXT -->
  1499.  
  1500. <div id="howl">
  1501. <div id="hollow"></div>
  1502. <div class="snow">
  1503. <div id="sidebar">
  1504.  
  1505. <center>
  1506.  
  1507. <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
  1508.  
  1509. <h4>
  1510. If a lotus sinking into the dirt means death
  1511. </h4>
  1512. <center><i>kanda yuu.</i><br>
  1513. <small><sup>est. nov. 19th, 2016<br>
  1514. <sup><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5255604";
  1515. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1516. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1517. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1518. </script> || <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3113090";
  1519. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  1520. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1521. </script>
  1522. </sup>
  1523. <h4>Then I will push to the surface.</h4>
  1524. <sup>A soul reborn into an <i>AGE OF WAR</i> does not know <b>PEACE.</b> Remember a day past, never <u>FORGET</u> the struggles. Memories can <b>LIVE ON</b> no matter how deeply buried.</sup><br>
  1525. <h4>And live.</h4>
  1526. <i>Independent</i><br>
  1527. <sup>Selective | Private</sup>
  1528. <br><sub>Written by: <i>Rena</i></sub><br>
  1529. <br>
  1530. <marquee>Icons <b>not</b> for public use<b><i>!!</b></i>Make sure to read the <b>rules</b> before following or interacting<b><i>!!</i></b></marquee><br>
  1531. <h4>Until that day.</h4>
  1532.  
  1533.  
  1534. <br><br>
  1535.  
  1536. <br>
  1537.  
  1538. </center>
  1539.  
  1540. </div></div></div></div></div>
  1541.  
  1542.  
  1543. <div id="box1" class="popup_block">
  1544. <div id="popuptext">
  1545.  
  1546. <h4>
  1547. letters
  1548. </h4>
  1549.  
  1550. <center>Please make sure to read the <i>rules</i> before sending in an ask.<br><br>
  1551. Hate will not be <b>tolerated</b>. Think before you send it.<br><br>
  1552. I <u>do not</u> take theme requests.
  1553. </center>
  1554.  
  1555. <p><iframe frameborder="0" height="300" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/yvvknd.tumblr.com" width="100%"></iframe></p>
  1556.  
  1557. </div></div>
  1558.  
  1559.  
  1560. <div id="box2" class="popup_block">
  1561. <div id="popuptext">
  1562.  
  1563.  
  1564. <h4>Navi</h4>
  1565.  
  1566. <ul id="tabs">
  1567. <li class="active">laws.</li>
  1568. <li>verses.</li>
  1569. <li>links.</li>
  1570. <li>about.</li>
  1571. <li>mains.</li>
  1572. </ul>
  1573.  
  1574. <div style="width:auto;height:355px;overflow:scroll;padding:5px;">
  1575.  
  1576.  
  1577.  
  1578. <ul id="tab">
  1579. <li class="active">
  1580.  
  1581.  
  1582. <h4>Writer</h4>
  1583.  
  1584. <p><center><i><font size="6">Rena</font></i><br>
  1585. <sup>female // she/her // 24<br>
  1586. Sagittarius // Nov. 25 // INSP<br>
  1587. MST // fulltime student // working part time.</sup><br>
  1588. <sup>slow responder // <u>canon divergent</u></sup><br>
  1589. <sup>skype available to <u>mutuals</u>.</sup><br></center><br>
  1590.  
  1591. <p><h4>one.</h4><p>i will unfollow for untagged ships, especially incest.</p><h4>two.</h4><p>all graphics are made by me unless otherwise stated. all icons are cut and edited by me. they are NOT for public use. theme code edited by <a href="http://iradori.tumblr.com">rinnie</a>.</p><h4>three.</h4><p>personal blogs: while i appreciate that you enjoy my blog enough to follow it, i’d appreciate it if you didn’t spam my activity with likes. it makes things harder for me to find later on, and clutters my feeds. i also ask that you please do not reblog my threads, and especially do not reblog my headcanons. they are for my personal use only.</p><h4>four.</h4><p>i will only interact with mutual followers ( i follow you, you follow me). that being said, i have the right to disregard any blatant violations of this, or any rule stated on my blog. i will not make starters for non-mutuals, i will not reply to in-character asks from non-mutuals, and i will not give out personal information to non-mutuals.</p><h4>five.</h4><p>i am open to cross-over interactions, multiples of the same muses ( though mains will be given priority ), and oc’s will be considered. i am very picky about ocs, and i will not always follow.</p><h4>six.</h4><p>in reference to the previous rule, if our characters have never canonically met, do not assume they know each other unless otherwise stated or discussed. my muse prefers a certain level of privacy, especially regarding his backstory, and would like that respected. with that being said, also please do not god-mod or powerplay my character. </p><h4>seven.</h4><p>in regards to shipping: i am NOT actively seeking any kind of ship with this muse. regardless, i do have some ships that have been meticulously developed, and i am not willing to add any more. i am dual ship, with castitatli being my main, and the second one is pending.</p></p><h4>eight.</h4><p>my schedule is very busy, as i work a labor-heavy part time job on top of six classes a week. the majority of my activity tends to be in the evenings and my weekend ( sunday,  monday ). replies will be slow, so please do not harass me for them.</p><h4>nine.</h2><4>i am not a graphics/tutorial resource. i will NOT provide graphic/theme making tutorials on my blog. do not ask me for it.</p><h4>ten.</42><p>hate is absolutely not tolerated on this blog.</p><h4>eleven. </h4><p>kanda yuu and anything D. GRAY MAN related DO NOT belong to me. bleach and its content were created by hoshino katsura.</p>
  1592.  
  1593. <br><br>
  1594.  
  1595.  
  1596.  
  1597. </li>
  1598. <li>
  1599.  
  1600.  
  1601.  
  1602. <a href="/tagged/VERSE">CANON VERSE I.</a>
  1603. <img src="http://i.imgur.com/A8KihpA.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
  1604.  
  1605.  
  1606. <br>
  1607.  
  1608. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1609.  
  1610.  
  1611. <br><br><br>
  1612.  
  1613.  
  1614. <a href="/tagged/VERSE">CANON VERSE II.</a>
  1615. <img src="http://i.imgur.com/ZUHmDX5.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
  1616.  
  1617.  
  1618. <br>
  1619.  
  1620. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1621.  
  1622.  
  1623. <br><br>
  1624.  
  1625.  
  1626. </li>
  1627. <li>
  1628.  
  1629.  
  1630.  
  1631. <h4>Roleplay</h4>
  1632.  
  1633. <center>
  1634.  
  1635. <div class="popupnavlinks">
  1636.  
  1637. <table><center><td>
  1638. <a href="/">OOC.</a>
  1639. <a href="/">crack.</a>
  1640. <br>
  1641. <a href="/">promos.</a>
  1642. <a href="/tagged/">opens.</a>
  1643. <br></td>
  1644.  
  1645. <td>
  1646. <a href="/">psa.</a>
  1647. <a href="/">asks.</a>
  1648. <br>
  1649. <a href="/tagged/">mun.</a>
  1650. <br>
  1651. <a href="/tagged/">starter calls.</a>
  1652. <br></td>
  1653. </center></table>
  1654.  
  1655.  
  1656.  
  1657.  
  1658. <h4>Muse</h4>
  1659.  
  1660. <center>
  1661.  
  1662. <div class="popupnavlinks">
  1663.  
  1664. <table><center><td>
  1665. <a href="/">headcanons.</a>
  1666. <a href="/">songs.</a></td>
  1667.  
  1668. <td>
  1669. <a href="/">musings.</a>
  1670. <a href="/">images.</a>
  1671. <br></td>
  1672. </center></table>
  1673.  
  1674.  
  1675. <h4>People</h4>
  1676.  
  1677. <table><center><td>
  1678. <a href="/">kanda.</a>
  1679. <a href="/">alma.</a>
  1680. <br>
  1681. <a href="/">allen.</a>
  1682. <a href="/">lavi.</a>
  1683. <br>
  1684. <a href="/">lenalee</a>
  1685. </td>
  1686.  
  1687. <td>
  1688. <a href="/">.</a>
  1689. <a href="/">.</a>
  1690. <br>
  1691. <a href="/">.</a>
  1692. <a href="/">.</a>
  1693. <br>
  1694. <a href="/">.</a>
  1695. </td>
  1696. </center></table>
  1697.  
  1698. </div>
  1699.  
  1700.  
  1701. <br><br>
  1702.  
  1703.  
  1704.  
  1705. </li>
  1706. <li>
  1707.  
  1708.  
  1709.  
  1710. <h4>basic information</h4>
  1711.  
  1712. <b>FULL NAME:</b> kanda yuu<br>
  1713. <b>NICKNAME:</b> N/A<br>
  1714. <b>AGE:</b> 19<br>
  1715. <b>BIRTH DATE:</b> june 6<br>
  1716. <b>ETHNICITY:</b> japanese</i><br>
  1717. <b>GENDER:</b> male<br>
  1718. <b>ROMANTIC ORIENTATION:</b> aromantic<br>
  1719. <b>SEXUAL ORIENTATION:</b> asexual<br>
  1720. <b>RELIGION:</b> tba<br>
  1721. <b>SPOKEN LANGUAGE:</b> tba<br>
  1722. <b>CURRENT LIVING CONDITIONS:</b> black order asia branch<br>
  1723. <b>OCCUPATION:</b> exorcist ( second )<br>
  1724.  
  1725. <h4>relationships</h4>
  1726.  
  1727. <b>PARENTS:</b> N/A<br>
  1728. <b>SIBLINGS:</b> N/A<br>
  1729. <b>SIGNIFICANT OTHER:</b> N/A<br>
  1730. <b>CHILDREN:</b> N/A<br>
  1731.  
  1732. <h4>physical traits</h4>
  1733.  
  1734. <b>EYE COLOUR:</b> blue<br>
  1735. <b>HAIR COLOUR:</b> black<br>
  1736. <b>HEIGHT:</b> 5'11"<br>
  1737. <b>BODY BUILD:</b> toned, muscled<br>
  1738. <b>TATTOOS + PIERCINGS:</b> None<br>
  1739. <b>NOTABLE PHYSICAL TRAITS:</b> symbol of regeneration on left side of chest<br>
  1740.  
  1741.  
  1742. <h4>personality</h4>
  1743.  
  1744. <b>INTELLIGENCE:</b> tba.<br>
  1745. <b>LIKES:</b> tba.<br>
  1746. <b>DISLIKES:</b> tba.<br>
  1747. <b>DISPOSITION:</b> tba.<br>
  1748. <b>EXTRAS:</b> tba.
  1749.  
  1750. <h4>biography</h4>
  1751.  
  1752. tba
  1753.  
  1754. <br><br>
  1755.  
  1756.  
  1757. </li>
  1758. <li>
  1759.  
  1760. <center>Here's a <u>basic</u> list until I code a better one.</center>
  1761.  
  1762. <h4>TBA</h4>
  1763.  
  1764.  
  1765. <br><br><br><br>
  1766.  
  1767.  
  1768.  
  1769. </li>
  1770. </ul>
  1771.  
  1772.  
  1773. </div>
  1774. </div>
  1775. </div>
  1776.  
  1777.  
  1778.  
  1779. </body>
  1780. </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!