Advertisement
Tsunland

Untitled

Dec 26th, 2016
122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.60 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. SECRET SANTA
  6. ♛ Hey there Ilze, Merry Christmas to you! I made you this little theme for Christmas and I hope you like it! I tried to keep it as neutral and simple as possible since I wasn't sure which style you like. Of course, I could have asked, but I didn't want to spoil the surprise. Also, forgive me, I was almost done with everything before I got this genius idea of asking orange or blue (young hanzo, or young master skin) but I can always do a blue version later if you wish! Anyway! I made all adjustments in the coding already, so all your pages and everything is linked so you don't need to do any coding yourself. There may(?) still be some bugs in the coding, but I don't think there will be. If you want something changed or need help with the coding don't hesitate to ask!
  7.  
  8. Fijne Sinterkerstennieuw :)
  9.  
  10. - Alyssa(Ryujinta)
  11.  
  12. PS I'm still laughing about the fact we talk english to each other while we're both dutch.
  13. -->
  14.  
  15.  
  16. <!--
  17.  
  18. WINTER'S LADY THEMES
  19. ♛ this code was made by AGIRLINGREY@TUMBLR.
  20. ♛ do not remove credit or claim as your own.
  21.  
  22. -->
  23.  
  24.  
  25. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  26. <head>
  27.  
  28.  
  29.  
  30. <!--
  31. POP UP SCRIPT
  32. -->
  33.  
  34.  
  35. <script type="text/javascript"
  36. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  37. <script>
  38. $(document).ready(function() {
  39. //
  40. $('a.poplight[href^=#]').click(function() {
  41. var popID = $(this).attr('rel'); //Get Popup Name
  42. var popURL = $(this).attr('href'); //Get Popup href to define size
  43. var query= popURL.split('?');
  44. var dim= query[1].split('&');
  45. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  46. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  47. var popMargTop = ($('#' + popID).height() + 80) / 2;
  48. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  49. //Apply Margin to Popup
  50. $('#' + popID).css({
  51. 'margin-top' : -popMargTop,
  52. 'margin-left' : -popMargLeft
  53. });
  54. $('body').append('<div id="fade"></div>');
  55. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  56. return false;
  57. });
  58. $('a.close, #fade').live('click', function() {
  59. $('#fade , .popup_block').fadeOut(function() {
  60. $('#fade, a.close').remove(); //fade them both out
  61. });
  62. return false;
  63. });
  64. });
  65. </script>
  66.  
  67.  
  68.  
  69. <!--
  70. VERSE TABS SCRIPT
  71. -->
  72.  
  73.  
  74. <script>
  75.  
  76. $(document).ready(function(){
  77. $("ul#tabs li").click(function(e){
  78. if (!$(this).hasClass("active")) {
  79. var tabNum = $(this).index();
  80. var nthChild = tabNum+1;
  81. $("ul#tabs li.active").removeClass("active");
  82. $(this).addClass("active");
  83. $("ul#tab li.active").removeClass("active");
  84. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  85. }
  86. });
  87. });
  88. </script>
  89.  
  90.  
  91.  
  92. <!--
  93. TOOLTIP STYLING SCRIPT
  94. -->
  95.  
  96.  
  97. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  98. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  99. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  100. <script>
  101. (function($){
  102. $(document).ready(function(){
  103. $("[title]").style_my_tooltips({
  104. tip_follows_cursor:true,
  105. tip_delay_time:200,
  106. tip_fade_speed:500
  107. });
  108. });
  109. })(jQuery);
  110. </script>
  111.  
  112.  
  113.  
  114.  
  115. <title>{Title}</title>
  116. <link rel="shortcut icon" href="{Favicon}">
  117. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  118. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  119.  
  120.  
  121.  
  122. <!--
  123. CUSTOM FONTS
  124. -->
  125.  
  126.  
  127. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  128.  
  129. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  130.  
  131.  
  132. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  133.  
  134. <link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  135. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  136. <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
  137. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  138. <link href='https://fonts.googleapis.com/css?family=Neuton' rel='stylesheet' type='text/css'>
  139. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  140. <link href='https://fonts.googleapis.com/css?family=Oswald:700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  141. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  142.  
  143. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  144.  
  145. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  146.  
  147. <link href='https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic' rel='stylesheet' type='text/css'>
  148. <link href='https://fonts.googleapis.com/css?family=Work+Sans:300' rel='stylesheet' type='text/css'>
  149. <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
  150. <link href='http://fonts.googleapis.com/css?family=Adamina' rel='stylesheet' type='text/css'>
  151. <link href="https://fonts.googleapis.com/css?family=Norican" rel="stylesheet">
  152. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  153. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  154.  
  155. <img src='http://static.tumblr.com/ltqklas/nkVoinlry/hanzo-secret-santa-present.png' style='position:fixed;bottom: 0px; left:0px;z-index:-999'/>
  156.  
  157.  
  158. <style type="text/css">
  159.  
  160.  
  161.  
  162. /* THE CUSTOM SIDEBAR THING */
  163.  
  164.  
  165.  
  166. #bite
  167. #bite a{
  168. display:block
  169. }
  170. #bite .death {
  171. margin-top:0px;filter: alpha(opacity = 1.0);
  172. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  173. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  174. }
  175.  
  176. #bite:hover .death {
  177. margin-top:0px;
  178. -webkit-transition: all 0.8s ease-out;
  179. -moz-transition: all 0.8s ease-out;
  180. transition: all 0.8s ease-out;
  181. filter: alpha(opacity = 100);
  182. filter: alpha(opacity = 100);
  183. opacity:100;
  184. }
  185.  
  186.  
  187.  
  188. /* SELECTION FONT AND BACKGROUND */
  189.  
  190.  
  191. ::selection {
  192. background: #c2c2c2;
  193. color:#fff; }
  194.  
  195.  
  196. ::-moz-selection {
  197. background: #c2c2c2;
  198. color:#fff; }
  199.  
  200.  
  201.  
  202. /* SCROLLBAR DETAILS */
  203.  
  204.  
  205.  
  206. ::-webkit-scrollbar {
  207. height: 0px;
  208. width: 2px;
  209. background:transparent;
  210. border-left:0px solid transparent;
  211. border-right:0px solid transparent;}
  212.  
  213.  
  214. ::-webkit-scrollbar-thumb {
  215. background:transparent;}
  216.  
  217.  
  218.  
  219.  
  220. /* THE CURSOR */
  221.  
  222.  
  223. {block:iftinycursor}
  224. body, a, a:hover{
  225. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  226. {/block:iftinycursor}
  227.  
  228. iframe#tumblr_controls {
  229. right:3px !important;
  230. position: fixed !important;
  231. -webkit-transition: opacity 0.7s
  232. linear;opacity: 0.2;
  233. -webkit-transition: all 0.8s ease-out;
  234. -moz-transition: all 0.8s ease-out;
  235. transition: all 0.8s ease-out;}
  236.  
  237. iframe#tumblr_controls:hover{
  238. -webkit-transition: opacity 0.7s linear;
  239. opacity: 1;
  240. -webkit-transition: all 0.4s ease-out;
  241. -moz-transition: all 0.4s ease-out;
  242. transition: all 0.4s ease-out;}
  243.  
  244.  
  245.  
  246. /* GENERAL LOOK AND BACKGROUND */
  247.  
  248.  
  249. body {
  250. color:#8f8f8f;
  251. font-family: calibri;
  252. text-align:justify;
  253. font-size: 10px;
  254. letter-spacing:1px;
  255. line-height:135%;
  256.  
  257. background:#000000;
  258. margin:0px;
  259. line-height:120%;
  260.  
  261. }
  262.  
  263.  
  264.  
  265. /* THE VERSES TABS */
  266.  
  267.  
  268. ul#tabs {
  269. list-style-type: none;
  270. padding: 0;
  271. text-align: center;
  272. font-size:8px;
  273. letter-spacing:1px;
  274. text-shadow:1px 1px 0px #4c4c4c,
  275. 1px -1px 0px #4c4c4c,
  276. -1px -1px 0px #4c4c4c,
  277. -1px 1px 0px #4c4c4c,
  278. 0px 1px 0px #4c4c4c,
  279. 0px -1px 0px #4c4c4c,
  280. 1px 0px 0px #4c4c4c,
  281. -1px 0px 0px #4c4c4c;
  282.  
  283. }
  284.  
  285.  
  286.  
  287. ul#tabs li {
  288. background-image: url('http://static.tumblr.com/ltqklas/Jf8oir992/postinfo.png');
  289. background-repeat:repeat;
  290. background-attachment:fixed;
  291. border-left: double 3px #000;
  292. border-top: double 3px #000;
  293. border-right: double 3px #000;
  294. border-bottom: double 3px #000;
  295. color:#e6e6e6;
  296. text-shadow:1px 1px 0px #000,
  297. 1px -1px 0px #000,
  298. -1px -1px 0px #000,
  299. -1px 1px 0px #000,
  300. 0px 1px 0px #000,
  301. 0px -1px 0px #000,
  302. 1px 0px 0px #000,
  303. -1px 0px 0px #000;
  304. display: inline-block;
  305. padding: 4px 10px;
  306. margin-bottom: 4px;
  307. cursor: pointer;
  308. }
  309.  
  310.  
  311.  
  312. ul#tabs li:hover {
  313. background-color: transparent;
  314. color: #eaeaea;
  315. }
  316.  
  317. ul#tabs li.active {
  318. background-image: url('');
  319. background:#151515;
  320. background-repeat:repeat;
  321. background-attachment:fixed;
  322. border-left: double 3px #000;
  323. border-top: double 3px #000;
  324. border-right: double 3px #000;
  325. border-bottom: double 3px #000;
  326. color:#e6e6e6;
  327. text-shadow:1px 1px 0px #000,
  328. 1px -1px 0px #000,
  329. -1px -1px 0px #000,
  330. -1px 1px 0px #000,
  331. 0px 1px 0px #000,
  332. 0px -1px 0px #000,
  333. 1px 0px 0px #000,
  334. -1px 0px 0px #000;
  335. display: inline-block;
  336. padding: 4px 10px;
  337. margin-bottom: 4px;
  338. cursor: pointer;
  339. }
  340.  
  341.  
  342.  
  343. ul#tab {
  344. list-style-type: none;
  345. margin: 0;
  346. padding: 0;
  347. }
  348.  
  349. ul#tab li {
  350. display: none;
  351. }
  352.  
  353. ul#tab li.active {
  354. display: block;
  355. }
  356.  
  357.  
  358.  
  359.  
  360. /* LINKS */
  361.  
  362.  
  363. a:link, a:active, a:visited {
  364. text-decoration: none;
  365. color: #93a7aa;
  366. -moz-transition-duration:.6s;
  367. -webkit-transition-duration:.6s;
  368. -o-transition-duration:.6s;
  369. -webkit-filter: blur(0px);}
  370.  
  371. a:hover {
  372. color: #8f8f8f;
  373. -moz-transition-duration:.6s;
  374. -webkit-transition-duration:.6s;
  375. -o-transition-duration:.6s;
  376. -webkit-filter: blur(1px);}
  377.  
  378.  
  379.  
  380. #links a {
  381. padding:5px;
  382. margin-right:0px;
  383. text-shadow: 1px 0px 1px #7a7a7a;
  384. }
  385.  
  386.  
  387. #links a:hover {
  388. padding:5px;
  389. margin-right:0px;
  390. text-shadow: 2px 0px 10px #7a7a7a;
  391. -moz-transition-duration:0.6s;
  392. -webkit-transition-duration:0.6s;
  393. -o-transition-duration:0.6s;
  394. }
  395.  
  396.  
  397.  
  398.  
  399. /* OTHER TEXT STUFF */
  400.  
  401.  
  402.  
  403. h1 {
  404. background-color: transparent;
  405. font-family: 'Josefin Sans', sans-serif;
  406. font-size: 16px;
  407. line-height: 20px;
  408. letter-spacing: 2px;
  409. text-align: center;
  410. text-transform:uppercase;
  411. color: #91a3ac;
  412. }
  413.  
  414.  
  415. h2 {
  416. background-color: transparent;
  417. font-family: 'Josefin Sans', sans-serif;
  418. font-size: 15px;
  419. line-height: 16px;
  420. letter-spacing: 2px;
  421. text-align: left;
  422. text-transform:uppercase;
  423. color: #91a3ac;
  424. }
  425.  
  426.  
  427.  
  428. h3 {
  429. background-image: url('http://static.tumblr.com/ltqklas/Jf8oir992/postinfo.png');
  430. background-repeat:repeat;
  431. background-attachment:fixed;
  432. border-left: double 3px #000;
  433. border-top: double 3px #000;
  434. border-right: double 3px #000;
  435. border-bottom: double 3px #000;
  436. padding:2px;
  437. color:#e6e6e6;
  438. text-shadow:1px 1px 0px #000,
  439. 1px -1px 0px #000,
  440. -1px -1px 0px #000,
  441. -1px 1px 0px #000,
  442. 0px 1px 0px #000,
  443. 0px -1px 0px #000,
  444. 1px 0px 0px #000,
  445. -1px 0px 0px #000;
  446. font-size:12px;
  447. font-family:calibri;
  448. text-transform:uppercase;
  449. letter-spacing:1px;
  450. text-align:center;}
  451.  
  452.  
  453.  
  454.  
  455. h4 {
  456. background-image: url('http://static.tumblr.com/ltqklas/Jf8oir992/postinfo.png');
  457. background-repeat:repeat;
  458. background-attachment:fixed;
  459. border-left: double 3px #000;
  460. border-top: double 3px #000;
  461. border-right: double 3px #000;
  462. border-bottom: double 3px #000;
  463. padding:2px;
  464. color:#e6e6e6;
  465. text-shadow:1px 1px 0px #000,
  466. 1px -1px 0px #000,
  467. -1px -1px 0px #000,
  468. -1px 1px 0px #000,
  469. 0px 1px 0px #000,
  470. 0px -1px 0px #000,
  471. 1px 0px 0px #000,
  472. -1px 0px 0px #000;
  473. font-size:9px;
  474. font-family:calibri;
  475. text-transform:uppercase;
  476. letter-spacing:1px;
  477. text-align:center;}
  478.  
  479.  
  480.  
  481. hr {
  482. color:#818181;
  483. display: block;
  484. margin-top: 0.5em;
  485. margin-bottom: 0.5em;
  486. margin-left: auto;
  487. margin-right: auto;
  488. border-style: inset;
  489. border-width: 1px;
  490. }
  491.  
  492.  
  493.  
  494.  
  495. quotetext {
  496. background-color: transparent;
  497. font-family: times;
  498. font-size: 16px;
  499. line-height: 20px;
  500. letter-spacing: 2px;
  501. text-align: center;
  502. text-transform:uppercase;
  503. color: #91a3ac;
  504. }
  505.  
  506.  
  507.  
  508. blockquote {
  509. word-wrap: break-word;
  510. padding:2px 7px;
  511. margin:3px 0 3px 10px;
  512. border-left:1px solid {color:border};
  513. background-color:transparent;}
  514.  
  515.  
  516. blockquote img{
  517. max-width:100%;
  518. height:auto;
  519. }
  520.  
  521. blockquote blockquote img{
  522. max-width:100%;
  523. height:auto;
  524. }
  525.  
  526.  
  527.  
  528.  
  529. b, bold {
  530. font-family:'Montserrat', sans-serif;
  531. font-weight:bold;
  532. font-size:10px;
  533. text-transform:uppercase;
  534. letter-spacing:1px;
  535. padding-right:1px;
  536. color:#9e9190;
  537. }
  538.  
  539.  
  540.  
  541. i, italic {
  542. color: #5a2b2b;
  543. font-family: 'Libre Baskerville' serif;
  544. font-size: 120%;
  545. text-shadow: 0px 0px 10px #5a2b2b, 0px 0px 20px #5a2b2b;
  546.  
  547. }
  548.  
  549.  
  550.  
  551. p {
  552. margin-top:5px;
  553. margin-bottom:5px;}
  554.  
  555.  
  556. ol {
  557. list-style:normal;}
  558.  
  559.  
  560. ul {
  561. list-style:square;}
  562.  
  563.  
  564. small {
  565. font-size:10px}
  566.  
  567.  
  568. sup,sub {
  569. font-size:11px}
  570.  
  571.  
  572. pre {
  573. font-size: 10px;
  574. letter-spacing:3px;
  575. background-color:#000;
  576. font-family: "Times New Roman", Times, serif;
  577. font-style: none;
  578. text-align:center;
  579. white-space: pre-wrap; /* css-3 */
  580. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  581. white-space: -pre-wrap; /* Opera 4-6 */
  582. white-space: -o-pre-wrap; /* Opera 7 */
  583. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  584.  
  585.  
  586.  
  587. big {
  588. font-size:14px;
  589. text-transform:uppercase;
  590. letter-spacing:2px;
  591. font-family: "Times New Roman", Times, serif;
  592. color: #91a3ac;
  593. text-shadow: 0px 0px 2px #383838;
  594. }
  595.  
  596.  
  597.  
  598. /* IMAGES, PHOTOSETS AND WHATNOT */
  599.  
  600.  
  601.  
  602. {block:IfGreyscale}
  603.  
  604. img {
  605. -webkit-filter:grayscale(100%);
  606. -webkit-transition: all 0.9s ease-in-out;
  607. -moz-transition: all 0.9s ease-in-out;
  608. -o-transition: all 0.9s ease-in-out;
  609. -ms-transition: all 0.9s ease-in-out;
  610. transition: all 0.9s ease-in-out;}
  611.  
  612. img:hover {
  613. -webkit-filter:none;}
  614.  
  615. .html_photoset {
  616. -webkit-filter: grayscale(100%);
  617. -webkit-transition: all 0.9s ease-in-out;
  618. -moz-transition: all 0.9s ease-in-out;
  619. -o-transition: all 0.9s ease-in-out;
  620. -ms-transition: all 0.9s ease-in-out;
  621. transition: all 0.9s ease-in-out;}
  622.  
  623. .html_photoset:hover {
  624. -webkit-filter: none;}
  625.  
  626. {/block:IfGreyscale}
  627.  
  628.  
  629.  
  630. /* CONTAINER AND POSTS */
  631.  
  632.  
  633.  
  634. #container {
  635. width:250px;
  636. height:450px;
  637. padding:10px;
  638. bottom: -125px;
  639. left:450px;
  640. position:fixed;
  641. word-wrap: break-word;
  642. margin-bottom:200px;
  643. overflow-x: hidden;
  644. overflow-y: scroll;
  645. line-height:150%;
  646.  
  647. }
  648.  
  649. #container img {
  650. height:auto;
  651. max-width:100%;
  652. }
  653.  
  654. #content {
  655. margin-left:62px;
  656. width:310px;
  657. margin-top: -110px;
  658. }
  659.  
  660. #posts {
  661. width:255px;
  662. padding:10px;
  663. margin-top: 90px;
  664. margin-left:-72px;
  665. padding-bottom:0px;
  666. overflow-y:scroll;
  667. overflow-x:hidden;
  668. }
  669.  
  670.  
  671. #description {
  672. margin-left: 0px;
  673. margin-top: -50px;
  674. width:180px;
  675. color:transparent;}
  676.  
  677.  
  678.  
  679.  
  680. /* CUSTOM SIDEBAR SETTINGS */
  681.  
  682.  
  683.  
  684. #actualnews {
  685. font-family: calibri;
  686. font-size:10px;
  687. background:#000;
  688. color: #8f8f8f;
  689. width:165px;
  690. height:420px;
  691. padding-top:3px;
  692. border:0px solid #131313;
  693. left: 30px;
  694. top: 5px;
  695. text-align:center;
  696. position:fixed;
  697. -webkit-filter: blur(0px);
  698. -webkit-transition: 0.8s ease-in;
  699. -moz-transition: 1s ease-in;
  700. transition: 1s ease-in;
  701. opacity:1;
  702. -webkit-transition: all 0.6s ease-in-out;
  703. -moz-transition: all 0.6s ease-in-out;
  704. -o-transition: all 0.6s ease-in-out;
  705. -ms-transition: all 0.6s ease-in-out;
  706. transition: all 0.6s ease-in-out;
  707. }
  708.  
  709.  
  710.  
  711. #actualnews:hover {
  712. -webkit-filter:none;
  713. -webkit-transition: all 0.6s ease-in-out;
  714. opacity:1;
  715. -webkit-transition: all 0.6s ease-in-out;
  716. -moz-transition: all 0.6s ease-in-out;
  717. -o-transition: all 0.6s ease-in-out;
  718. -ms-transition: all 0.6s ease-in-out;
  719. transition: all 0.6s ease-in-out;
  720. }
  721.  
  722. #actualnews:bold {
  723.  
  724. font-family:'Montserrat', sans-serif;
  725. font-weight:bold;
  726. font-size:10px;
  727. text-transform:uppercase;
  728. letter-spacing:1px;
  729. padding-right:1px;
  730. color:#a692a0;
  731. }
  732.  
  733.  
  734.  
  735. #thekey {
  736. position:fixed;
  737. color:#7c7470;
  738. text-shadow: 0px 0px 2px #fff;
  739. margin-top:175px;
  740. margin-left:55px;
  741. width:710px;
  742. padding:9px;
  743. letter-spacing:2px;
  744. word-spacing:5px; /*this defines the separation of each word of the links*/
  745. font-family: helvetica;
  746. font-size:12px;
  747. text-align:center;
  748. background:transparent;
  749. text-transform:uppercase;
  750. -webkit-transform: rotate(-90deg);
  751. -moz-transform: rotate(-90deg);
  752. -o-transform: rotate(-90deg);
  753. }
  754.  
  755.  
  756.  
  757.  
  758. /* JUMBLED LINKS */
  759.  
  760.  
  761.  
  762. .alinks {
  763. position:fixed;
  764. text-shadow: 0px 0px 0px #000;
  765. left:250px;
  766. top:200px;
  767. transform: rotate(0deg);
  768. text-align: right;
  769. line-height:20px;
  770. font-family: 'Josefin Sans', sans-serif;
  771. font-size: 17px;}
  772.  
  773.  
  774. .alinks a {
  775. padding:10px;
  776. color:#7f7f7f;
  777. margin-right:0px;
  778. -webkit-filter: blur(0px);
  779. -webkit-transition: 0.8s ease-in;
  780. -moz-transition: 1s ease-in;
  781. transition: 1s ease-in;
  782. }
  783.  
  784. .alinks a:hover {
  785. -webkit-filter: blur(1px);
  786. -webkit-transition: all 0.6s ease-in-out;
  787. -moz-transition: all 0.6s ease-in-out;
  788. -o-transition: all 0.6s ease-in-out;
  789. -ms-transition: all 0.6s ease-in-out;
  790. transition: all 0.6s ease-in-out;
  791. color: #7f7f7f;
  792. text-shadow: 7px 7px 3px #000000;
  793. }
  794.  
  795.  
  796.  
  797. .blinks {
  798. position:fixed;
  799. text-shadow: 0px 0px 11px #7C6868;
  800. left:630px;
  801. top:380px;
  802. transform: rotate(90deg);
  803. text-align: center;
  804. font-family: 'Josefin Sans', sans-serif;
  805. line-height:20px;
  806. font-size: 19px;}
  807.  
  808.  
  809. .blinks a {
  810. padding:10px;
  811. color:#7f7f7f;
  812. margin-right:0px;
  813. -webkit-filter: blur(0px);
  814. -webkit-transition: 0.8s ease-in;
  815. -moz-transition: 1s ease-in;
  816. transition: 1s ease-in;
  817. }
  818.  
  819. .blinks a:hover {
  820. -webkit-transition: all 0.6s ease-in-out;
  821. -moz-transition: all 0.6s ease-in-out;
  822. -o-transition: all 0.6s ease-in-out;
  823. -ms-transition: all 0.6s ease-in-out;
  824. transition: all 0.6s ease-in-out;
  825. color: #7f7f7f;
  826. text-shadow: 7px 7px 3px #000000;
  827. }
  828.  
  829.  
  830.  
  831.  
  832. .clinks {
  833. width:400px;
  834. height:450px;
  835. padding:10px;
  836. bottom: -125px;
  837. left:725px;
  838. position:fixed;
  839. margin-bottom:200px;
  840. overflow-x: hidden;
  841. overflow-y: scroll;
  842. line-height:150%;
  843. }
  844.  
  845. .clinks a {
  846. text-shadow:0px 0px 7px #7f7f7f;
  847. text-decoration:none;
  848. color:#7f7f7f;
  849. -webkit-transition: all 0.5s ease-out;
  850. -moz-transition: all 0.5s ease-out;
  851. transition: all 0.5s ease-out;
  852. opacity:1;
  853. }
  854.  
  855. .clinks:hover {
  856. opacity:0.5;
  857. }
  858.  
  859.  
  860.  
  861. .dlinks {
  862. position:fixed;
  863. font-size:17px;
  864. text-decoration:none;
  865. transform: rotate(30deg);
  866. -ms-transform: rotate(30deg);
  867. -webkit-transform: rotate(30deg);
  868. -o-transform: rotate(30deg);
  869. -moz-transform: rotate(30deg);
  870. margin-left:140px;
  871. margin-top:340px;
  872. }
  873.  
  874. .dlinks a {
  875. text-shadow:0px 0px 7px #7f7f7f;
  876. text-decoration:none;
  877. color:#7f7f7f;
  878. -webkit-transition: all 0.5s ease-out;
  879. -moz-transition: all 0.5s ease-out;
  880. transition: all 0.5s ease-out;
  881. }
  882.  
  883. .dlinks:hover {
  884. -webkit-filter:blur(1px);
  885. -webkit-transition: all 0.5s ease-out;
  886. -moz-transition: all 0.5s ease-out;
  887. transition: all 0.5s ease-out;
  888. transform: rotate(-60deg);
  889. -ms-transform: rotate(-60deg);
  890. -webkit-transform: rotate(-60deg);
  891. -o-transform: rotate(-60deg);
  892. -moz-transform: rotate(-60deg);
  893. }
  894.  
  895.  
  896.  
  897. .elinks {
  898. width:400px;
  899. height:450px;
  900. padding:10px;
  901. bottom: -225px;
  902. left:725px;
  903. position:fixed;
  904. margin-bottom:200px;
  905. overflow-x: hidden;
  906. overflow-y: scroll;
  907. line-height:150%;
  908. opacity:1;
  909. }
  910.  
  911. .elinks a {
  912. text-shadow:0px 0px 7px #7f7f7f;
  913. text-decoration:none;
  914. color:#7f7f7f;
  915. opacity:1;
  916. }
  917.  
  918. .elinks:hover {
  919. opacity:0.5;
  920. }
  921.  
  922.  
  923.  
  924.  
  925.  
  926. .flinks {
  927. width:400px;
  928. height:450px;
  929. padding:10px;
  930. bottom: -325px;
  931. left:725px;
  932. position:fixed;
  933. margin-bottom:200px;
  934. overflow-x: hidden;
  935. overflow-y: scroll;
  936. line-height:150%;
  937. opacity:1;
  938. z-index:1;
  939. }
  940.  
  941. .flinks a {
  942. text-shadow:0px 0px 7px #7f7f7f;
  943. text-decoration:none;
  944. color:#7f7f7f;
  945. opacity:1;
  946. z-index:1;
  947. }
  948.  
  949. .flinks:hover {
  950. opacity:0.5;
  951.  
  952. }
  953.  
  954.  
  955.  
  956. .credit {
  957. position:fixed;
  958. text-shadow: 0px 0px 11px #7C6868;
  959. right:15px;
  960. bottom:15px;
  961. transform: rotate(0deg);
  962. font-family: 'Josefin Sans', sans-serif;
  963. font-size: 17px; }
  964.  
  965.  
  966. .credit a {
  967. padding:10px;
  968. color:#6e6e6e;
  969. margin-right:0px;
  970. -webkit-filter: blur(1px);
  971. -webkit-transition: 0.8s ease-in;
  972. -moz-transition: 1s ease-in;
  973. transition: 1s ease-in;
  974. }
  975.  
  976. .credit a:hover {
  977. -webkit-transition: all 0.6s ease-in-out;
  978. -moz-transition: all 0.6s ease-in-out;
  979. -o-transition: all 0.6s ease-in-out;
  980. -ms-transition: all 0.6s ease-in-out;
  981. transition: all 0.6s ease-in-out;
  982. color: #000000;
  983. text-shadow: 7px 7px 3px #000000;
  984. }
  985.  
  986.  
  987.  
  988.  
  989. /* PAGINATION */
  990.  
  991.  
  992.  
  993.  
  994. #pagination {
  995. position:fixed;
  996. font-family: 'Josefin Sans', sans-serif;
  997. width:300px;
  998. font-size:35px;
  999. top:170px;
  1000. left:430px;
  1001. letter-spacing:3px;
  1002. text-align:center;
  1003. z-index:999999999999;
  1004. }
  1005.  
  1006. #pagination a {
  1007. text-transform:uppercase;
  1008. color:#b3b3b3;
  1009. -webkit-filter: blur(0px);
  1010. -webkit-transition: 0.8s ease-in;
  1011. -moz-transition: 1s ease-in;
  1012. transition: 1s ease-in;
  1013. z-index:999999999999;
  1014. }
  1015.  
  1016. #pagination a:hover {
  1017. color:#fff;
  1018. -webkit-filter: blur(1px);
  1019. -webkit-transition: 0.2s ease-in;
  1020. -moz-transition: 1s ease-in;
  1021. transition: 1s ease-in;
  1022. }
  1023.  
  1024.  
  1025.  
  1026.  
  1027. /* MISC */
  1028.  
  1029.  
  1030.  
  1031. .audio {
  1032. width:300px;
  1033. padding-bottom:10px;
  1034. background-color:{color:#0b0b0b};}
  1035.  
  1036. .albumart {
  1037. float:left;
  1038. padding:0px 10px 10px 0px;}
  1039.  
  1040. .albumart img {
  1041. width:65px;
  1042. height:65px;}
  1043.  
  1044. .playercontainer {
  1045. text-align:left;
  1046. padding:10px;
  1047. background-color:#0b0b0b;
  1048. width:300px;}
  1049.  
  1050. .audioinfo {
  1051. padding:10px;
  1052. color:#a1a0a0;}
  1053.  
  1054.  
  1055.  
  1056.  
  1057. /* QUESTIONS & ANSWERS DETAILS */
  1058.  
  1059.  
  1060. #asker {
  1061. font-family: 'Raleway', sans-serif;
  1062. text-align:center;
  1063. padding-top: 10px;
  1064. margin-left:0px;
  1065. text-transform:uppercase;
  1066. color: #91a3ac;
  1067. font-size:20px;
  1068. padding:5px;
  1069. letter-spacing:0px
  1070. text-shadow:0 0 2px #aeaeae;
  1071. }
  1072.  
  1073.  
  1074. #asker a{
  1075. font-family: 'Raleway', sans-serif;
  1076. text-transform:uppercase;
  1077. font-size:20px;
  1078. letter-spacing: 0px;
  1079. text-shadow: none;
  1080. color: #91a3ac;
  1081. text-shadow:0 0 2px #1a1a1a;
  1082. -webkit-filter: blur(0.5px);
  1083. }
  1084.  
  1085.  
  1086. #asker a:hover {
  1087. color: #656565;
  1088. letter-spacing: 2px;
  1089. text-shadow:0 0 2px #000;
  1090. -webkit-filter: blur(1px);
  1091. -webkit-transition:all .5s ease-in-out;
  1092. -moz-transition:all .5s ease-in-out;
  1093. transition:all .5s ease-in-out;
  1094. }
  1095.  
  1096.  
  1097.  
  1098. #ask {
  1099. border-left: double 3px #000;
  1100. border-top: double 3px #000;
  1101. border-right: double 3px #000;
  1102. border-bottom: double 3px #000;
  1103. padding:2px;
  1104. color:#e6e6e6;
  1105. text-shadow:1px 1px 0px #000,
  1106. 1px -1px 0px #000,
  1107. -1px -1px 0px #000,
  1108. -1px 1px 0px #000,
  1109. 0px 1px 0px #000,
  1110. 0px -1px 0px #000,
  1111. 1px 0px 0px #000,
  1112. -1px 0px 0px #000;
  1113. font-size:7px;
  1114. text-align:center;
  1115. padding-top: 5px;
  1116. margin-left:0px;
  1117. text-transform:auto;
  1118. letter-spacing:3px
  1119. margin-top:-10px;
  1120. padding:5px;
  1121. background: #000;
  1122. background: url("http://static.tumblr.com/ltqklas/Jf8oir992/postinfo.png");
  1123. background-repeat:repeat;
  1124. padding:2px;
  1125. color:#cacaca;
  1126. text-transform: uppercase;
  1127. border-bottom-left-radius: 20px;
  1128. border-top-right-radius: 20px;
  1129. padding:10px;
  1130. letter-spacing:2px;
  1131. border-bottom:solid 1px #1e1e1e;
  1132. border-top:solid 1px #1e1e1e;
  1133. }
  1134.  
  1135.  
  1136. .ans {
  1137. text-align:center;
  1138. padding:10px;
  1139. }
  1140.  
  1141.  
  1142.  
  1143. /* POST INFO DETAILS */
  1144.  
  1145.  
  1146. #info {
  1147. background-image: transparent;
  1148. background-repeat:repeat;
  1149. background-attachment:fixed;
  1150. border-left: double 3px #000;
  1151. border-top: double 3px #000;
  1152. border-right: double 3px #000;
  1153. border-bottom: double 3px #000;
  1154. padding:2px;
  1155. color:#e6e6e6;
  1156. text-shadow:1px 1px 0px #000,
  1157. 1px -1px 0px #000,
  1158. -1px -1px 0px #000,
  1159. -1px 1px 0px #000,
  1160. 0px 1px 0px #000,
  1161. 0px -1px 0px #000,
  1162. 1px 0px 0px #000,
  1163. -1px 0px 0px #000;
  1164. width:255px;
  1165. height:25px;
  1166. text-align:center;
  1167. letter-spacing:10px;
  1168. margin-top:8px;
  1169. margin-bottom:50px;
  1170. text-transform:uppercase;
  1171. font-size:15px;
  1172. font-style:none;
  1173. }
  1174.  
  1175.  
  1176.  
  1177.  
  1178. #info a {
  1179. color:#dcdcdc;}
  1180.  
  1181. #info a:hover {
  1182. color:#000;}
  1183.  
  1184.  
  1185.  
  1186. #tags {
  1187. width:255px;
  1188. padding:10px;
  1189. font-size:7px;
  1190. text-align:center;
  1191. font-family:arial;
  1192. text-transform:uppercase;
  1193. background:transparent;
  1194. border-bottom:1px solid #474747;
  1195. }
  1196.  
  1197.  
  1198. #tags a {
  1199. color:#838383;
  1200. margin-bottom:20px;
  1201. letter-spacing:1px;
  1202. text-shadow:0px 0px 1px #999; }
  1203.  
  1204.  
  1205. #tags a:hover {
  1206. color:#555;
  1207. text-shadow:0px 0px 1px #777;
  1208. -webkit-filter:none;
  1209. -webkit-transition: all 0.6s ease-in-out;
  1210. opacity:1;
  1211. -webkit-transition: all 0.6s ease-in-out;
  1212. -moz-transition: all 0.6s ease-in-out;
  1213. -o-transition: all 0.6s ease-in-out;
  1214. -ms-transition: all 0.6s ease-in-out;
  1215. transition: all 0.6s ease-in-out;
  1216. }
  1217.  
  1218.  
  1219.  
  1220. /* MISC 02. */
  1221.  
  1222.  
  1223.  
  1224. .note {
  1225. text-transform:uppercase;
  1226. font-style:normal;
  1227. letter-spacing:0px;
  1228. font-size: 10px;
  1229. text-align:left;
  1230. line-height:90%;
  1231. margin-left:-40px;}
  1232.  
  1233. .note li {
  1234. list-style-type:none;
  1235. border-bottom:0px solid {color:border};
  1236. padding:10px 25px 10px 25px;
  1237. text-align:left;
  1238. margin:0px;
  1239. -moz-transition-duration:0.5s;
  1240. -webkit-transition-duration:0.5s;
  1241. -o-transition-duration:0.5s;}
  1242.  
  1243. .note img.avatar {
  1244. margin-right: 10px;
  1245. width: 16px;
  1246. height: 16px;}
  1247.  
  1248.  
  1249.  
  1250.  
  1251. /* BASIC POP-UP DETAILS */
  1252.  
  1253.  
  1254.  
  1255. .popup_block{
  1256. display:none;
  1257. width:250px;
  1258. background-color:#000;
  1259. height:430px;
  1260. padding:10px;
  1261. bottom: -105px;
  1262. left:610px;
  1263. position:fixed;
  1264. word-wrap: break-word;
  1265. margin-bottom:200px;
  1266. overflow-x: hidden;
  1267. overflow-y: scroll;
  1268. line-height:150%;
  1269. z-index: 99999;
  1270. }
  1271.  
  1272.  
  1273. *html #fade {position: absolute;}
  1274. *html .popup_block {position: absolute;}
  1275. #fade {
  1276. display:none;
  1277. position:fixed;
  1278. left:0px;
  1279. top:0px;
  1280. width:100%;
  1281. height:100%;
  1282. z-index:9999;
  1283. background:#000; /* change to #fff for solid white */
  1284. opacity:0; /* change to opacity:1; */
  1285. }
  1286.  
  1287.  
  1288.  
  1289. .popupnavlinks {
  1290. padding-top:5px;
  1291. text-align:center; }
  1292.  
  1293.  
  1294. .popupnavlinks a {
  1295. display:inline-block;
  1296. width:90px; height:4px;
  1297. margin:2px; padding:3px 6px 10px;
  1298. text-align:center;
  1299. background-image: url('');
  1300. background:#0d0d0d;
  1301. background-repeat:repeat;
  1302. background-attachment:fixed;
  1303. border-left: double 3px #000;
  1304. border-top: double 3px #000;
  1305. border-right: double 3px #000;
  1306. border-bottom: double 3px #000;
  1307. color:#e6e6e6;
  1308. font-size:9px;
  1309. font-family:calibri;
  1310. text-shadow:1px 1px 0px #000,
  1311. 1px -1px 0px #000,
  1312. -1px -1px 0px #000,
  1313. -1px 1px 0px #000,
  1314. 0px 1px 0px #000,
  1315. 0px -1px 0px #000,
  1316. 1px 0px 0px #000,
  1317. -1px 0px 0px #000;
  1318. display: inline-block;
  1319. cursor: pointer;
  1320. }
  1321.  
  1322.  
  1323.  
  1324. .popupnavlinks a:hover {
  1325. display:inline-block;
  1326. letter-spacing:2px; }
  1327.  
  1328.  
  1329.  
  1330. .popupclose {
  1331. float:right; top:0px; right:0px;
  1332. margin-top:-10px; margin-right:-10px;
  1333. font-family:'Scada', sans serif;
  1334. font-size:10px;
  1335. font-weight:bold }
  1336.  
  1337. .popupclose a {
  1338. color:#aaa }
  1339.  
  1340.  
  1341.  
  1342. /* TOOLTIP DETAILS */
  1343.  
  1344.  
  1345.  
  1346. #s-m-t-tooltip{
  1347. max-width:400px;
  1348. margin:15px;
  1349. padding:2px 8px;
  1350. background: #0b0b0b;
  1351. background-image:url('http://static.tumblr.com/ltqklas/Jf8oir992/postinfo.png');
  1352. background-repeat:repeat;
  1353. background-attachment:fixed;
  1354. border-left: double 3px #000;
  1355. border-top: double 3px #000;
  1356. border-right: double 3px #000;
  1357. border-bottom: double 3px #000;
  1358. color:#e6e6e6;
  1359. text-shadow:1px 1px 0px #000,
  1360. 1px -1px 0px #000,
  1361. -1px -1px 0px #000,
  1362. -1px 1px 0px #000,
  1363. 0px 1px 0px #000,
  1364. 0px -1px 0px #000,
  1365. 1px 0px 0px #000,
  1366. -1px 0px 0px #000;
  1367. z-index:99999999999999999999;
  1368. font-size:9px;
  1369. letter-spacing:2px;
  1370. font-style:bold;
  1371. letter-spacing:2px;
  1372. font-family: calibri;
  1373. text-transform:uppercase;
  1374. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1375.  
  1376.  
  1377.  
  1378. </style>
  1379.  
  1380. </head>
  1381.  
  1382. <body>
  1383.  
  1384.  
  1385.  
  1386. <!--
  1387. ♛ The part below is basically the 'skeleton' of the theme, if that makes sense? I wouldn't recommend editing these parts ( EXCEPT THE CUSTOM LINKS AND POP UPS !!! ) unless you know what you're doing. If you spot a glitch in this part of the code, please let me know.
  1388. -->
  1389.  
  1390.  
  1391. <div id="content">
  1392.  
  1393. <div id="sidebar">
  1394.  
  1395. <img src="{image:Sidebar}" />
  1396.  
  1397. <div id="description">{description}</div>
  1398.  
  1399. </div>
  1400.  
  1401. <div id="pagination">
  1402. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1403. </div>
  1404.  
  1405.  
  1406. <!--
  1407. ♛ CUSTOM LINKS
  1408. -->
  1409.  
  1410.  
  1411.  
  1412. <div id="links">
  1413.  
  1414.  
  1415.  
  1416.  
  1417. <div class="clinks">
  1418. <a href="/" title="Start over, at the beginning."> <img src="http://static.tumblr.com/ltqklas/TBooipj1i/ret.png"> </a>
  1419. </div>
  1420.  
  1421.  
  1422. <div class="elinks">
  1423. <a href="#?w=255" rel="box1" class="poplight" title="Strike at the heart.."> <img src="http://static.tumblr.com/ltqklas/JAXoipjby/santa.png"> </a>
  1424. </div>
  1425.  
  1426.  
  1427. <div class="flinks">
  1428. <a href="#?w=255" rel="box5" class="poplight" title="See through the dragon's eyes."> <img src="http://static.tumblr.com/ltqklas/xZuoipjfl/sec.png"> </a>
  1429. </div>
  1430.  
  1431.  
  1432. <div class="credit">
  1433. <a href="http://agirlingrey.tumblr.com/" title="theme by agirlingrey.">A.</a>
  1434. </div>
  1435.  
  1436.  
  1437. </div>
  1438.  
  1439.  
  1440. <!--
  1441. ♛ CUSTOM LINKS ENDS
  1442. -->
  1443.  
  1444.  
  1445.  
  1446. <div id="container">
  1447.  
  1448. <div id="content"><div id="posts">
  1449. {block:Posts}
  1450.  
  1451.  
  1452. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1453. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1454. {block:Text}{Body}{/block:Text}
  1455.  
  1456. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1457.  
  1458. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1459.  
  1460. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1461. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1462.  
  1463. {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}
  1464.  
  1465. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1466.  
  1467.  
  1468. {block:Answer}<div id="asker" style="margin-left:-5px;width:250px; color:#91a3ac; text-shadow:0 0 2px #000; ">{Asker} <div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
  1469.  
  1470.  
  1471. {block:Audio}<div class="audio">
  1472.  
  1473. {block:AlbumArt}
  1474. {/block:AlbumArt}
  1475.  
  1476.  
  1477. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1478. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1479. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1480. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1481.  
  1482.  
  1483. <!--
  1484. ♛ INFO AND SYMBOLS
  1485. -->
  1486.  
  1487.  
  1488. <div id="info">
  1489. <br>
  1490.  
  1491. &nbsp; &nbsp;
  1492.  
  1493.  
  1494. {block:Date}
  1495. <a href="{Permalink}" style="position:absolute; margin-left:-100px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ✦ </a>
  1496. {/block:Date}
  1497.  
  1498.  
  1499. {block:RebloggedFrom}
  1500. <a href="{ReblogParentURL}" style="position:absolute; margin-left:-65px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" via. {ReblogParentName} "> ✧ </a>
  1501. {/block:RebloggedFrom}
  1502.  
  1503.  
  1504. {block:ContentSource}
  1505. <a href="{SourceURL}" style="position:absolute; margin-left:-30px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" source. {SourceTitle} "> ✦ </a>
  1506. {/block:ContentSource}
  1507.  
  1508.  
  1509. <a href="{Permalink}" style="position:absolute; margin-left:5px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {NoteCount} notes "> ✶ </a>
  1510.  
  1511.  
  1512. <a href="{ReblogURL}" style="position:absolute; margin-left:40px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title="reblog"> ✧ </a>
  1513.  
  1514.  
  1515. <br>
  1516.  
  1517.  
  1518. <!--
  1519. ♛ INFO AND SYMBOLS ENDS
  1520. -->
  1521.  
  1522.  
  1523. {block:HasTags}<div id="tags">{block:Tags}&nbsp;<a href="{TagURL}" title="{Tag}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1524.  
  1525. <br><br><br><br>
  1526.  
  1527. {/block:Posts}
  1528. <div class="note">
  1529. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1530. </div>
  1531.  
  1532. {/block:Posts}</div></div>
  1533.  
  1534.  
  1535.  
  1536. </div> </div> </div> </div> </div> </div>
  1537.  
  1538.  
  1539.  
  1540. </body>
  1541.  
  1542.  
  1543.  
  1544. <!--
  1545. ♛ POP UP PAGES !!!
  1546. -->
  1547.  
  1548.  
  1549.  
  1550. <div id="box1" class="popup_block">
  1551.  
  1552. <h3>
  1553. Questions.
  1554. </h3>
  1555.  
  1556. <center>
  1557.  
  1558.  
  1559. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/theyoungdragon.tumblr.com" width="100%"></iframe></p>
  1560.  
  1561. </div>
  1562.  
  1563. </center>
  1564.  
  1565.  
  1566. <div id="box5" class="popup_block">
  1567.  
  1568. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1569.  
  1570. <center>
  1571.  
  1572. <h3>NAVIGATION</h3>
  1573.  
  1574.  
  1575. <div class="popupnavlinks">
  1576.  
  1577. <a href="/tagged/%3Brules">Rules</a>
  1578. <a href="/tagged/%3Bthe-mun">Mun</a>
  1579. <br>
  1580. <a href="/tagged/%3Bthe-dragon">Muse</a>
  1581. <a href="/tagged/%3Brelationships">Relationship</a>
  1582. <br>
  1583. <a href="/tagged/whatever">N/A</a>
  1584. <a href="/tagged/whatever">N/A</a>
  1585. <br>
  1586. <a href="/tagged/whatever">N/A</a>
  1587. <a href="/tagged/whatever">N/A</a>
  1588. <br>
  1589. <a href="/tagged/whatever">N/A</a>
  1590. <a href="/tagged/whatever">N/A</a>
  1591. <br>
  1592. <a href="/tagged/whatever">N/A</a>
  1593.  
  1594.  
  1595.  
  1596. <br><br><br>
  1597.  
  1598.  
  1599. </div>
  1600. </div>
  1601. </div>
  1602.  
  1603.  
  1604. <!--
  1605. ♛ CUSTOM SIDEBAR TEXT
  1606. -->
  1607.  
  1608.  
  1609.  
  1610. <div id="bite">
  1611. <div id="thekey"></div>
  1612. <div class="death">
  1613. <div id="actualnews">
  1614.  
  1615. <center>
  1616.  
  1617. <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
  1618.  
  1619. <h4>
  1620. Young Master
  1621. </h4>
  1622.  
  1623. Independent <p>
  1624. <b>Young Hanzo Shimada</b><p>
  1625. from Overwatch
  1626.  
  1627. <h4>
  1628. Writer
  1629. </h4>
  1630. Written by <i>Ilze</i><p>
  1631.  
  1632. Blog has been established on 20/08/2016
  1633.  
  1634.  
  1635.  
  1636.  
  1637.  
  1638. </center>
  1639.  
  1640.  
  1641. </div>
  1642. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement