API tools faq
paste
bbrose

From The Shadows

bbrose
Jul 9th, 2017 (edited)
326
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.70 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11. <!---FROM THE SHADOWS // THEME #8 by UCHIHASOURCES--->
  12.  
  13. <!---POPUP BOXES--->
  14.  
  15. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16. <script>
  17. $(document).ready(function() {
  18. //
  19. $('a.poplight[href^=#]').click(function() {
  20. var popID = $(this).attr('rel'); //Get Popup Name
  21. var popURL = $(this).attr('href'); //Get Popup href to define size
  22. var query= popURL.split('?');
  23. var dim= query[1].split('&');
  24. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  25. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  26. var popMargTop = ($('#' + popID).height() + 80) / 2;
  27. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  28. //Apply Margin to Popup
  29. $('#' + popID).css({
  30. 'margin-top' : -popMargTop,
  31. 'margin-left' : -popMargLeft
  32. });
  33. $('body').append('<div id="fade"></div>');
  34. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  35. return false;
  36. });
  37. $('a.close, #fade').live('click', function() {
  38. $('#fade , .popup_block').fadeOut(function() {
  39. $('#fade, a.close').remove(); //fade them both out
  40. });
  41. return false;
  42. });
  43. });
  44. </script>
  45.  
  46. <!---POP UP ASK BOX--->
  47. <script type="text/javascript"
  48. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49. <script>
  50. $(document).ready(function() {
  51. //
  52. $('a.poplight[href^=#]').click(function() {
  53. var popID = $(this).attr('rel'); //Get Popup Name
  54. var popURL = $(this).attr('href'); //Get Popup href to define size
  55. var query= popURL.split('?');
  56. var dim= query[1].split('&');
  57. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  58. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  59. var popMargTop = ($('#' + popID).height() + 80) / 2;
  60. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  61. //Apply Margin to Popup
  62. $('#' + popID).css({
  63. 'margin-top' : -popMargTop,
  64. 'margin-left' : -popMargLeft
  65. });
  66. $('body').append('<div id="fade"></div>');
  67. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  68. return false;
  69. });
  70. $('a.close, #fade').live('click', function() {
  71. $('#fade , .popup_block').fadeOut(function() {
  72. $('#fade, a.close').remove(); //fade them both out
  73. });
  74. return false;
  75. });
  76. });
  77. </script>
  78.  
  79. <!---POP UP TABS--->
  80.  
  81. <script>
  82.  
  83. $(document).ready(function(){
  84. $("ul#tabs li").click(function(e){
  85. if (!$(this).hasClass("active")) {
  86. var tabNum = $(this).index();
  87. var nthChild = tabNum+1;
  88. $("ul#tabs li.active").removeClass("active");
  89. $(this).addClass("active");
  90. $("ul#tab li.active").removeClass("active");
  91. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  92. }
  93. });
  94. });
  95.  
  96. </script>
  97.  
  98. <!---POP UP RELATIONSHIPS--->
  99. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  100. <script type="text/javascript">
  101. $(document).ready(function(){
  102. $(".links_body").hide();
  103. $(".links_head").click(function(){
  104. $(this).next(".links_body").slideToggle('fast');
  105. }); }); </script>
  106. <style type="text/css">
  107. .links_list { margin:0px; padding:0px; width:100%;}
  108. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  109. .links_body { padding:10px; text-align:left; display:none;}
  110. </style>
  111.  
  112.  
  113. <!---END--->
  114.  
  115. <script type="text/javascript">
  116. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  117. $(document).ready(function() {
  118. function photosetResize() {
  119. $('iframe.photoset').each(function(){
  120. var newSize = 300;
  121. var newSrc = $(this).attr('src').replace('500',newSize);
  122. $(this).attr('src', newSrc).width(newSize);
  123. var high = $(this).css('height');
  124. var calculate = parseInt(high, 10)* newSize/500;
  125. $(this).css('height', calculate);
  126. });
  127. }
  128. photosetResize();
  129. });
  130. </script>
  131.  
  132.  
  133. <!---COLORS--->
  134.  
  135. <meta name="color:background" content="#adadad">
  136.  
  137. <meta name="color:links" content="#9d2e4c">
  138. <meta name="color:links hover" content="#ffffff">
  139.  
  140. <meta name="color:navigation" content="#000000">
  141. <meta name="color:navigation hover" content="#ffffff">
  142.  
  143. <meta name="color:text" content="#b00000">
  144. <meta name="color:text shadow" content="#000000">
  145.  
  146. <meta name="color:blockquote" content="#a77dc2">
  147. <meta name="color:blockquote text" content="#c28ce5">
  148.  
  149. <meta name="color:numeral list" content="#ffffff">
  150. <meta name="color:bullet list" content="#ffffff">
  151. <meta name="color:list shadow" content="#000000">
  152.  
  153. <meta name="color:strikethrough" content="#f2992e">
  154. <meta name="color:strike shadow" content="#000000">
  155.  
  156. <meta name="color:header 1" content="#2b23cc">
  157. <meta name="color:header 1 shadow" content="#000000">
  158.  
  159. <meta name="color:header 2" content="#ff44dd">
  160. <meta name="color:header 2 shadow" content="#000000">
  161.  
  162. <meta name="color:header 3" content="#890000">
  163. <meta name="color:header 3 shadow" content="#000000">
  164.  
  165. <meta name="color:header 4" content="#ffffff">
  166.  
  167. <meta name="color:small" content="#ffffff">
  168. <meta name="color:small shadow" content="#000000">
  169.  
  170. <meta name="color:bold" content="#ffa781">
  171. <meta name="color:bold shadow" content="#000000">
  172.  
  173. <meta name="color:italic" content="#d7d42b">
  174. <meta name="color:italic shadow" content="#000000">
  175.  
  176. <meta name="color:ask text" content="#000000">
  177. <meta name="color:askbg" content="#c0bdbd">
  178. <meta name="color:ask border" content="#000000">
  179.  
  180. <meta name="color:info text" content="#890000">
  181. <meta name="color:info hover" content="#ffffff">
  182. <meta name="color:info bg" content="#2b2b2b">
  183. <meta name="color:info border" content="#000000">
  184.  
  185. <meta name="color:tags" content="#000000">
  186. <meta name="color:tags hover" content="#f2992e">
  187.  
  188. <meta name="color:tabs" content="#ffffff">
  189. <meta name="color:tab background" content="#890000">
  190. <meta name="color:tab border" content="#ffffff">
  191. <meta name="color:tab hover" content="#2b2b2b">
  192. <meta name="color:tab hover a" content="#000000">
  193.  
  194. <meta name="color:credit" content="#000000">
  195.  
  196. <meta name="color:tip" content="#ffffff">
  197.  
  198. <meta name="color:highlight background" content="#000000">
  199. <meta name="color:highlight text" content="#ffffff">
  200.  
  201. <!---IMAGES--->
  202.  
  203. <meta name="image:background" content="https://static.tumblr.com/jhua2co/aIDosu90q/from_the_shadows.png"/>
  204.  
  205. <meta name="image:info" content="https://static.tumblr.com/jhua2co/Ggwopuvpu/texturebylav_softy_falling_2a.png"/>
  206.  
  207. <meta name="image:ask" content="https://static.tumblr.com/jhua2co/0Gmopuvpc/texture_by_lav_clock.png"/>
  208.  
  209. <meta name="image:pop" content="https://static.tumblr.com/jhua2co/krfp7ea12/k_-_rosesylla__9_.png"/>
  210.  
  211. <meta name="image:tip" content="https://static.tumblr.com/jhua2co/jdUp7ea2v/c_-_rosesylla__1_.png"/>
  212.  
  213. <meta name="image:quote" content="https://static.tumblr.com/jhua2co/BZQopuvqn/texturesbylav-your_eyes.png"/>
  214.  
  215. <meta name="image:credit" content="https://static.tumblr.com/jhua2co/76colu2s1/txt1.jpg"/>
  216.  
  217. <meta name="image:banner" content="https://static.tumblr.com/jhua2co/gC5opuvs0/pirates_6.jpg"/>
  218.  
  219. <meta name="image:tabs" content="https://static.tumblr.com/jhua2co/YCBopuvnl/_clock_texture_3.png"/>
  220.  
  221. <!---CUSTOM FONTS--->
  222. <!---if you don't want these fonts, feel free to change and replace them~ --->
  223.  
  224. <link href='https://fonts.googleapis.com/css?family=Trochut' rel='stylesheet' type='text/css'>
  225. <link href="https://fonts.googleapis.com/css?family=Tulpen+One" rel="stylesheet" type="text/css">
  226. <link href="https://fonts.googleapis.com/css?family=Sarina" rel="stylesheet" type="text/css">
  227. <link href="https://fonts.googleapis.com/css?family=Gruppo" rel="stylesheet" type="text/css">
  228. <link href="https://fonts.googleapis.com/css?family=Seaweed+Script" rel="stylesheet" type="text/css">
  229. <link href="https://fonts.googleapis.com/css?family=Athiti" rel="stylesheet" type="text/css">
  230. <link href="https://fonts.googleapis.com/css?family=Kelly+Slab" rel="stylesheet" type="text/css">
  231. <link href="https://fonts.googleapis.com/css?family=Bubbler+One" rel="stylesheet">
  232. <link href="https://fonts.googleapis.com/css?family=Marvel" rel="stylesheet" type="text/css">
  233. <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet" type="text/css">
  234. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  235. <link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet">
  236.  
  237. <style type="text/css">
  238.  
  239.  
  240. /*--SCROLLBAR--*/
  241.  
  242. ::-webkit-scrollbar-thumb{
  243. background-color: transparent;
  244. border-radius:0px;
  245. height:auto;
  246. }
  247.  
  248. ::-webkit-scrollbar {
  249. height:auto;
  250. width:4px;
  251. border: 1px transparent;
  252. border-radius:0px;
  253. }
  254.  
  255. /*--HIGHLIGHT COLORS--*/
  256.  
  257. ::selection {
  258. background: {color:highlight background};
  259. color: {color:highlight text};
  260. }
  261. ::-moz-selection {
  262. background: {color:highlight background};
  263. color: {color:highlight text};
  264. }
  265.  
  266. /*--CURSOR--*/
  267.  
  268. *,body, a:hover {cursor: url(https://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress !important;}
  269.  
  270. /*--BLOG BUILDING--*/
  271.  
  272. /*--BACKGROUND & BODY--*/
  273.  
  274. body {
  275. background-color:{color:background};
  276. background-image: url("{image:background}"); /*can be changed, if you want to use a link instead, just delete {image:background} */
  277. font-family:'Kelly Slab';
  278. background-position: top left;
  279. background-repeat: no-repeat;
  280. background-attachment: fixed;
  281. font-size:20px;
  282. color:{color:text};
  283. text-shadow: 1px 1px 1px {color:text shadow};
  284. }
  285.  
  286. /*--LINKS--*/
  287.  
  288. a {
  289. color:{color:links};
  290. text-decoration:none;
  291. }
  292.  
  293. a:hover {
  294. color:{color:links hover};
  295. }
  296.  
  297. /*--START OF TEXT DECORATIONS--*/
  298.  
  299. /*--BOLD--*/
  300.  
  301. b, strong {
  302. color:{color:bold};
  303. text-shadow: 1px 1px 1px {color:bold shadow}; /*optional! If you don't want shadows, just delete this line!*/
  304. font-size:25px;
  305. font-family: 'Marck Script';
  306. }
  307.  
  308. /*--ITALICS--*/
  309.  
  310. i, em {
  311. color:{color:italic};
  312. text-shadow: 1px 1px 1px {color:italic shadow}; /*optional! If you don't want shadows, just delete this line!*/
  313. font-size:25px;
  314. font-family: 'Bubbler One', sans-serif;
  315. }
  316.  
  317. /*--STRIKETHROUGH--*/
  318.  
  319. strike, strikethrough {
  320. color:{color:strikethrough};
  321. text-shadow: 1px 1px 1px {color:strike shadow}; /*optional! If you don't want shadows, just delete this line!*/
  322. font-size:25px;
  323. font-family:'Tulpen One';
  324. }
  325.  
  326. /*--SMALL TEXT--*/
  327.  
  328. small, sub, sup {
  329. color:{color:small};
  330. text-shadow: 1px 0px 1px {color:small shadow}; /*optional! If you don't want shadows, just delete this line!*/
  331. font-size:15px;
  332. font-family:'Athiti';
  333. }
  334.  
  335. /*--HEADER 1 (aka post title)--*/
  336.  
  337. h1 {
  338. font-size: 40px;
  339. color: {color:header 1};
  340. text-shadow: 1px 1px 1px {color:header 1 shadow}; /*optional! If you don't want shadows, just delete this line!*/
  341. font-family: 'Cookie';
  342. line-height:120%;
  343. }
  344.  
  345. /*--HEADER 2 (header used IN posts)--*/
  346.  
  347. h2 {
  348. font-family:'Gruppo';
  349. font-size:30px;
  350. color: {color:header 2};
  351. text-shadow: 1px 1px 1px {color:header 2 shadow}; /*optional! If you don't want shadows, just delete this line!*/
  352. text-align:center;
  353. line-height:25px;
  354. padding:0 6px 0 6px;
  355. }
  356.  
  357. /*--HEADER 3 (aka quote source)--*/
  358.  
  359. h3 {
  360. font-size: 30px;
  361. color: {color:header 3};
  362. text-shadow: 1px 1px 1px {color:header 3 shadow}; /*optional! If you don't want shadows, just delete this line!*/
  363. font-family: 'Seaweed Script';
  364. text-transform: none;
  365. }
  366.  
  367. /*--HEADER 4 (aka banners)--*/
  368.  
  369. h4 {
  370. background-image: url("{image:banner}");
  371. background-repeat: repeat;
  372. background-attachment: fixed;
  373. border-left: solid 1px #9b9b9b;
  374. border-top: solid 1px #9b9b9b;
  375. border-right: solid 1px #9b9b9b;
  376. border-bottom: solid 1px #9b9b9b;
  377. border-radius: 4px;
  378. padding:1px;
  379. color:{color:header 4};
  380. text-shadow:1px 1px 0px #000,
  381. 1px -1px 0px #000,
  382. -1px -1px 0px #000,
  383. -1px 1px 0px #000,
  384. 0px 1px 0px #000,
  385. 0px -1px 0px #000,
  386. 1px 0px 0px #000,
  387. -1px 0px 0px #000;
  388. font-size:20px;
  389. font-family:'Bubbler One';
  390. text-transform:none;
  391. letter-spacing:1px;
  392. text-align:center;}
  393.  
  394. /*--END OF TEXT DECORATIONS--*/
  395.  
  396.  
  397. /*--START OF POSTS--*/
  398.  
  399. /*--CONTAINER--*/
  400.  
  401. #container {
  402. position:absolute;
  403. top:90px;
  404. left:540px;
  405. /* If you want a border, just add 'border: _px solid #color;' */
  406. height:390px;
  407. width:320px;
  408. word-wrap: break-word;
  409. z-index:999;
  410. overflow-y:scroll;
  411. background:transparent;
  412. opacity:0;
  413. }
  414.  
  415. /*--CONTAINER DISAPPEARING EFFECT. FEEL FREE TO DELETE, BUT MAKE SURE TO CHANGE OPACITY ^ TO 1, INSTEAD OF 0--*/
  416.  
  417. #container:hover {
  418. opacity:1;
  419. transition: opacity .7s ease-in-out;
  420. -moz-transition: opacity .7s ease-in-out;
  421. -webkit-transition: opacity .7s ease-in-out;
  422. }
  423.  
  424. /*--POSTS--*/
  425.  
  426. .posts {
  427. width:300px;
  428. padding:10px;
  429. margin-bottom:30px;
  430. }
  431.  
  432. /*--BLOCKQUOTE--*/
  433.  
  434. blockquote {
  435. padding:2px 7px;
  436. margin:3px 0 3px 8px;
  437. font-size:25px;
  438. border-left: solid 3px {color:blockquote};
  439. color:{color:blockquote text};
  440. text-shadow: 1px 1px 1px #000;
  441. font-family:'Marvel';
  442. border-radius: 10px 0px 0px 10px;
  443. -moz-border-radius: 10px 0px 0px 10px;
  444. -webkit-border-radius: 10px 0px 0px 10px;
  445. }
  446.  
  447. blockquote img {
  448. max-width:100%;
  449. height:auto;
  450. opacity:0.8;
  451. }
  452.  
  453. blockquote img:hover {
  454. opacity:1;
  455. transition: opacity .7s ease-in-out;
  456. -moz-transition: opacity .7s ease-in-out;
  457. -webkit-transition: opacity .7s ease-in-out;
  458. }
  459.  
  460. img {
  461. max-width: 100%;
  462. opacity:0.8;
  463. }
  464.  
  465. img:hover {
  466. opacity:1;
  467. transition: opacity .7s ease-in-out;
  468. -moz-transition: opacity .7s ease-in-out;
  469. -webkit-transition: opacity .7s ease-in-out;
  470. }
  471.  
  472. /*--LIST--*/
  473.  
  474. /*--ORDERED LIST (NUMERALS)--*/
  475.  
  476. ol {
  477. list-style-type:upper-roman;
  478. font-family:'Gruppo';
  479. font-size:20px;
  480. color: {color:numeral list};
  481. }
  482.  
  483. /*--UNORDERED LIST (BULLETS)--*/
  484.  
  485. ul {
  486. list-style-type:square;
  487. font-family:'Marvel';
  488. font-size:20px;
  489. color: {color:bullet list};
  490. }
  491.  
  492. /*--END OF POSTS--*/
  493.  
  494. /*--START OF UPDATE BOX--*/
  495.  
  496. #updates {
  497. position:absolute;
  498. text-align:center;
  499. /* to add a border, just add: "border: _px solid #color" */
  500. left:937px;
  501. top:260px;
  502. height:100px;
  503. width:200px;
  504. overflow-y:scroll;
  505. }
  506. /*--END OF UPDATE BOX--*/
  507.  
  508.  
  509.  
  510. /*--START OF NAVIGATION--*/
  511.  
  512.  
  513. /*--SCATTERED && ANIMATED LINKS--*/
  514.  
  515. .link1 {
  516. position: fixed;
  517. top: 50px;
  518. left: 930px;
  519. opacity:.8;
  520. }
  521.  
  522. .link1 a {
  523. font-family: 'Gruppo';
  524. font-size: 100px;
  525. color: {color:navigation};
  526. text-shadow: 0px 0px 8px #fff;
  527. -webkit-filter: blur(1px);
  528. }
  529.  
  530. .link1 a:hover {
  531. color: {color:navigation hover};
  532. -webkit-filter: blur(0px);
  533. }
  534.  
  535. #animationlink1 {
  536. -webkit-animation-name: justice;
  537. -webkit-animation-duration:10s;
  538. -webkit-animation-iteration-count:infinite;
  539. -webkit-animation-timing-function:linear;}
  540.  
  541. @-webkit-keyframes justice {
  542. from {-webkit-transform:translate(0, 0px);}
  543. 50% {-webkit-transform:translate(0, 50px);}
  544. to {-webkit-transform: translate(0, -0px);}
  545. }
  546.  
  547. #spinninglink1 {
  548. -webkit-animation-name: justice;
  549. -webkit-animation-iteration-count: infinite;
  550. -webkit-animation-timing-function: linear;
  551. -webkit-animation-duration: 10s;
  552. }
  553.  
  554. @-webkit-keyframes justice {
  555. from { -webkit-transform: rotate(0deg)}
  556. to {-webkit-transform: rotate(360deg);}
  557. }
  558.  
  559. .link2 {
  560. position: fixed;
  561. top: 360px;
  562. left: 875px;
  563. opacity:.8;
  564. }
  565.  
  566. .link2 a {
  567. font-family: 'Gruppo';
  568. font-size: 80px;
  569. color: {color:navigation};
  570. text-shadow: 0px 0px 8px #fff;
  571. -webkit-filter: blur(1px);
  572. }
  573.  
  574. .link2 a:hover {
  575. color: {color:navigation hover};
  576. -webkit-filter: blur(0px);
  577. }
  578.  
  579. #animationlink2 {
  580. -webkit-animation-name: justice;
  581. -webkit-animation-duration:15s;
  582. -webkit-animation-iteration-count:infinite;
  583. -webkit-animation-timing-function:linear;}
  584.  
  585. @-webkit-keyframes justice {
  586. from {-webkit-transform:translate(0, 0px);}
  587. 50% {-webkit-transform:translate(0, 50px);}
  588. to {-webkit-transform: translate(0, -0px);}
  589. }
  590.  
  591. #spinninglink2 {
  592. -webkit-animation-name: justice;
  593. -webkit-animation-iteration-count: infinite;
  594. -webkit-animation-timing-function: linear;
  595. -webkit-animation-duration: 15s;
  596. }
  597.  
  598. @-webkit-keyframes justice {
  599. from { -webkit-transform: rotate(0deg)}
  600. to {-webkit-transform: rotate(360deg);}
  601. }
  602.  
  603. .link3 {
  604. position: fixed;
  605. top: 290px;
  606. left: 1140px;
  607. opacity:.8;
  608. }
  609.  
  610. .link3 a {
  611. font-family: 'Gruppo';
  612. font-size: 90px;
  613. color: {color:navigation};
  614. text-shadow: 0px 0px 8px #fff;
  615. -webkit-filter: blur(1px);
  616. }
  617.  
  618. .link3 a:hover {
  619. color: {color:navigation hover};
  620. -webkit-filter: blur(0px);
  621. }
  622.  
  623. #animationlink3 {
  624. -webkit-animation-name: justice;
  625. -webkit-animation-duration:20s;
  626. -webkit-animation-iteration-count:infinite;
  627. -webkit-animation-timing-function:linear;}
  628.  
  629. @-webkit-keyframes justice {
  630. from {-webkit-transform:translate(0, 0px);}
  631. 50% {-webkit-transform:translate(0, 50px);}
  632. to {-webkit-transform: translate(0, -0px);}
  633. }
  634.  
  635. #spinninglink3 {
  636. -webkit-animation-name: justice;
  637. -webkit-animation-iteration-count: infinite;
  638. -webkit-animation-timing-function: linear;
  639. -webkit-animation-duration: 20s;
  640. }
  641.  
  642. @-webkit-keyframes justice {
  643. from { -webkit-transform: rotate(0deg)}
  644. to {-webkit-transform: rotate(360deg);}
  645. }
  646.  
  647. .link4 {
  648. position: fixed;
  649. top: 460px;
  650. left: 620px;
  651. opacity:.8;
  652. }
  653.  
  654. .link4 a {
  655. font-family: 'Gruppo';
  656. font-size: 100px;
  657. color: {color:navigation};
  658. text-shadow: 0px 0px 8px #fff;
  659. -webkit-filter: blur(1px);
  660. }
  661.  
  662. .link4 a:hover {
  663. color: {color:navigation hover};
  664. -webkit-filter: blur(0px);
  665. }
  666.  
  667. #animationlink4 {
  668. -webkit-animation-name: justice;
  669. -webkit-animation-duration:10s;
  670. -webkit-animation-iteration-count:infinite;
  671. -webkit-animation-timing-function:linear;}
  672.  
  673. @-webkit-keyframes justice {
  674. from {-webkit-transform:translate(0, 0px);}
  675. 50% {-webkit-transform:translate(0, 50px);}
  676. to {-webkit-transform: translate(0, -0px);}
  677. }
  678.  
  679. #spinninglink4 {
  680. -webkit-animation-name: justice;
  681. -webkit-animation-iteration-count: infinite;
  682. -webkit-animation-timing-function: linear;
  683. -webkit-animation-duration: 10s;
  684. }
  685.  
  686. @-webkit-keyframes justice {
  687. from { -webkit-transform: rotate(0deg)}
  688. to {-webkit-transform: rotate(360deg);}
  689. }
  690.  
  691. .link5 {
  692. position: fixed;
  693. top: 425px;
  694. left: 470px;
  695. opacity:.8;
  696. }
  697.  
  698. .link5 a {
  699. font-family: 'Gruppo';
  700. font-size: 80px;
  701. color: {color:navigation};
  702. text-shadow: 0px 0px 8px #fff;
  703. -webkit-filter: blur(1px);
  704. }
  705.  
  706. .link5 a:hover {
  707. color: {color:navigation hover};
  708. -webkit-filter: blur(0px);
  709. }
  710.  
  711. #animationlink5 {
  712. -webkit-animation-name: justice;
  713. -webkit-animation-duration:15s;
  714. -webkit-animation-iteration-count:infinite;
  715. -webkit-animation-timing-function:linear;}
  716.  
  717. @-webkit-keyframes justice {
  718. from {-webkit-transform:translate(0, 0px);}
  719. 50% {-webkit-transform:translate(0, 50px);}
  720. to {-webkit-transform: translate(0, -0px);}
  721. }
  722.  
  723. #spinninglink5 {
  724. -webkit-animation-name: justice;
  725. -webkit-animation-iteration-count: infinite;
  726. -webkit-animation-timing-function: linear;
  727. -webkit-animation-duration: 15s;
  728. }
  729.  
  730. @-webkit-keyframes justice {
  731. from { -webkit-transform: rotate(0deg)}
  732. to {-webkit-transform: rotate(360deg);}
  733. }
  734.  
  735. .link6 {
  736. position: fixed;
  737. top: 30px;
  738. left: 430px;
  739. opacity:.8;
  740. }
  741.  
  742. .link6 a {
  743. font-family: 'Gruppo';
  744. font-size: 90px;
  745. color: {color:navigation};
  746. text-shadow: 0px 0px 8px #fff;
  747. -webkit-filter: blur(1px);
  748. }
  749.  
  750. .link6 a:hover {
  751. color: {color:navigation hover};
  752. -webkit-filter: blur(0px);
  753. }
  754.  
  755. #animationlink6 {
  756. -webkit-animation-name: justice;
  757. -webkit-animation-duration:20s;
  758. -webkit-animation-iteration-count:infinite;
  759. -webkit-animation-timing-function:linear;}
  760.  
  761. @-webkit-keyframes justice {
  762. from {-webkit-transform:translate(0, 0px);}
  763. 50% {-webkit-transform:translate(0, 50px);}
  764. to {-webkit-transform: translate(0, -0px);}
  765. }
  766.  
  767. #spinninglink6 {
  768. -webkit-animation-name: justice;
  769. -webkit-animation-iteration-count: infinite;
  770. -webkit-animation-timing-function: linear;
  771. -webkit-animation-duration: 20s;
  772. }
  773.  
  774. @-webkit-keyframes justice {
  775. from { -webkit-transform: rotate(0deg)}
  776. to {-webkit-transform: rotate(360deg);}
  777. }
  778.  
  779. .link7 {
  780. position: fixed;
  781. top: 290px;
  782. left: 280px;
  783. opacity:.8;
  784. }
  785.  
  786. .link7 a {
  787. font-family: 'Gruppo';
  788. font-size: 90px;
  789. color: {color:navigation};
  790. text-shadow: 0px 0px 8px #fff;
  791. -webkit-filter: blur(1px);
  792. }
  793.  
  794. .link7 a:hover {
  795. color: {color:navigation hover};
  796. -webkit-filter: blur(0px);
  797. }
  798.  
  799. #animationlink7 {
  800. -webkit-animation-name: justice;
  801. -webkit-animation-duration:10s;
  802. -webkit-animation-iteration-count:infinite;
  803. -webkit-animation-timing-function:linear;}
  804.  
  805. @-webkit-keyframes justice {
  806. from {-webkit-transform:translate(0, 0px);}
  807. 50% {-webkit-transform:translate(0, 50px);}
  808. to {-webkit-transform: translate(0, -0px);}
  809. }
  810.  
  811. #spinninglink7 {
  812. -webkit-animation-name: justice;
  813. -webkit-animation-iteration-count: infinite;
  814. -webkit-animation-timing-function: linear;
  815. -webkit-animation-duration: 10s;
  816. }
  817.  
  818. @-webkit-keyframes justice {
  819. from { -webkit-transform: rotate(0deg)}
  820. to {-webkit-transform: rotate(360deg);}
  821. }
  822.  
  823. /*--CREDIT. DO NOT REMOVE--*/
  824.  
  825. #credit {
  826. bottom:5px;
  827. left:-5px;
  828. font-size:15px;
  829. position:fixed;
  830. color: {color:credit};
  831. font-family:'Marvel';
  832. padding:3px 7px 3px 8px;
  833. background-color:transparent;
  834. text-transform:none;
  835. z-index:999999999999;
  836. letter-spacing:2px;
  837. border-radius:5px;
  838. }
  839.  
  840. /*--PAGINATION--*/
  841.  
  842. .pagination {
  843. top: 200px;
  844. left: 945px;
  845. position: fixed;
  846. width:300px;
  847. font-size:35px;
  848. }
  849.  
  850. .pagination a {
  851. color: {color:link};
  852. font-family:'Gruppo';
  853. }
  854.  
  855. .pagination a:hover{
  856. color:{color:link hover};
  857. }
  858.  
  859. /*--END OF NAVIGATION--*/
  860.  
  861. /*--START OF MISC--*/
  862.  
  863.  
  864. /*--TOOLTIP--*/
  865.  
  866. #s-m-t-tooltip {
  867. max-width:300px;
  868. padding:3px 7px 3px 8px;
  869. margin:-20px 0px 0px 20px;
  870. background-color:{color:background};
  871. background-image:url("{image:tip}");
  872. background-repeat:repeat;
  873. background-attachment:fixed;
  874. border:1px solid gray;
  875. border-radius: 4px;
  876. color:{color:tip};
  877. font-size:15px;
  878. font-family:'Athiti';
  879. text-transform:none;
  880. z-index:999999999999;
  881. letter-spacing:2px;
  882. }
  883.  
  884. /*--ASKS--*/
  885.  
  886. .asker {
  887. text-transform:none;
  888. font-family: 'Seaweed Script', cursive;
  889. padding-top:5px;
  890. max-width:380px;
  891. margin-top:0px;
  892. font-size:35px;
  893. margin-left:9px;
  894. }
  895.  
  896. #asker a{
  897. color: {color:links};
  898. font-family: 'Trochut', cursive;
  899. letter-spacing: 1px;
  900. font-size:20px;
  901. text-shadow: 1px 1px 1px {color:text shadow};
  902. }
  903.  
  904. #asker a:hover {
  905. color: {color:links hover};
  906. letter-spacing: 1px;
  907. }
  908.  
  909. .askeru {
  910. margin-top:-5px;
  911. margin-left:50px;
  912. text-transform:none;
  913. font-size:30px; }
  914.  
  915. #ask {
  916. font-family: 'Gruppo', serif;
  917. font-size:20px;
  918. text-align:center;
  919. padding-top: 5px;
  920. margin-left:5px;
  921. text-transform:auto;
  922. line-height:190%;
  923. padding:8px;
  924. background:url("{image:ask}");
  925. background-repeat:repeat;
  926. background-attachment:fixed;
  927. color:{color:ask text};
  928. text-shadow: 1px 1px 1px {color:bold shadow};
  929. border:1px {color:ask border} solid;
  930. }
  931.  
  932. .ans {
  933. text-align:left;
  934. padding:10px;
  935.  
  936. }
  937.  
  938. /*--QUOTE--*/
  939.  
  940. .quotemarkleft {
  941. font-size: 80px;
  942. font-family: 'Seaweed Script';
  943. font-weight: bold;
  944. line-height: 100px;
  945. position: relative;
  946. margin: 0px 0 -70px 30px;
  947. color: {color:small};
  948. opacity: 0.9;
  949. }
  950.  
  951. .quotemarkright {
  952. font-family: 'Seaweed Script';
  953. font-size: 80px;
  954. font-weight: bold;
  955. padding-right: 0px;
  956. line-height: 30px;
  957. text-align: right;
  958. position: relative;
  959. margin:0 30px 0 -10px;
  960. color: {color:small};
  961. opacity: 0.97;
  962. }
  963.  
  964.  
  965. #quote {
  966. background:url("{image:quote}");
  967. background-repeat:repeat;
  968. background-attachment:fixed;
  969. font-family:'Trochut';
  970. color:{color:ask text};
  971. font-size:12px;
  972. text-align:center;
  973. line-height:200%;
  974. padding:5px;
  975. padding-top:12px;
  976. padding-bottom:8px;
  977. }
  978.  
  979. .qsource{
  980. padding-top:3px;
  981. padding-bottom:1px;
  982. font-family:'Trochut';
  983. font-size:15px;
  984. text-align:right;
  985. }
  986.  
  987. /*--NOTES--*/
  988.  
  989. .note {
  990. word-wrap: break-word;
  991. width: 250px;
  992. font-size: 12px;
  993. text-align:left;
  994. line-height:90%;
  995. margin-left:-10px;
  996. }
  997.  
  998. .note li {
  999. list-style-type:none;
  1000. padding:10px 25px 10px 25px;
  1001. text-align:left;
  1002. margin:0px;
  1003. -moz-transition-duration:0.5s;
  1004. -webkit-transition-duration:0.5s;
  1005. -o-transition-duration:0.5s;
  1006. }
  1007.  
  1008. /*--INFO--*/
  1009.  
  1010. #info {
  1011. font-family: 'Trochut';
  1012. width:250px;
  1013. height:auto;
  1014. margin-top:5px;
  1015. padding-top:5px;
  1016. margin-left:auto;
  1017. margin-right:auto;
  1018. padding-top:7px;
  1019. font-size:25px;
  1020. color:{color:info text};
  1021. text-transform:none;
  1022. letter-spacing:1px;
  1023. font-style:normal;
  1024. text-align:center;
  1025. padding:4px;
  1026. background-image:url("{image:info}"); /* remove link and replace with "{image:info}" if you don't want a gif */
  1027. background-repeat:repeat;
  1028. background-attachment:fixed;
  1029. border:solid {color:info border} 1px;
  1030. }
  1031.  
  1032.  
  1033. #info a {
  1034. color:{color:info text};
  1035. }
  1036.  
  1037. #info a:hover {
  1038. color:{color:info hover};
  1039. margin-right: auto;
  1040. -webkit-transition:all .1s ease-in-out;
  1041. -moz-transition:all .1s ease-in-out;
  1042. }
  1043.  
  1044. /*--TAGS--*/
  1045.  
  1046. .tags {
  1047. text-align:left;
  1048. }
  1049.  
  1050. .tags a {
  1051. text-decoration:none;
  1052. font-size: 14px;
  1053. color:{color:tags};
  1054. font-family: 'Lato', sans-serif;
  1055. }
  1056.  
  1057. .tags a:hover {
  1058. color:{color:tags hover};
  1059. }
  1060.  
  1061. /*--END OF MISC--*/
  1062.  
  1063. /*--START OF POP UP BOXES--*/
  1064.  
  1065.  
  1066. /*--POP UP BOX--*/
  1067.  
  1068. .popup_block {
  1069. text-align:justify;
  1070. width: 260px;
  1071. height: 360px;
  1072. overflow-y:scroll;
  1073. overflow-x:hidden;
  1074. display:none;
  1075. background:url('{image:pop}');
  1076. padding:20px;
  1077. float:left;
  1078. position:fixed;
  1079. top:50%;left:50%;
  1080. z-index: 99999;
  1081. -webkit-box-shadow: 0px 0px 20px #000;
  1082. -moz-box-shadow: 0px 0px 20px #000;
  1083. box-shadow: 0px 0px 20px #000;
  1084. border-radius:4px;
  1085. }
  1086.  
  1087. /*--FADE--*/
  1088.  
  1089. *html #fade {position: absolute;}
  1090. *html .popup_block {position: absolute;}
  1091. #fade {
  1092. display:none;
  1093. position:fixed;
  1094. left:0px;
  1095. top:0px;
  1096. width:100%;
  1097. height:100%;
  1098. z-index:9999;
  1099. background:#000;
  1100. opacity:0.5;
  1101. }
  1102.  
  1103. /*--POP UP TABS--*/
  1104.  
  1105. ul#tabs {
  1106. list-style-type: none;
  1107. padding: 0;
  1108. text-align: center;
  1109. font-size:15px;
  1110. letter-spacing:1px;
  1111. }
  1112.  
  1113. ul#tabs li {
  1114. display: inline-block;
  1115. background-color: {color:tab background};
  1116. background-image: url('{image:tabs}');
  1117. background-repeat:repeat;
  1118. background-attachment:fixed;
  1119. border: solid 1px {color:tab border};
  1120. padding: 4px 10px;
  1121. margin-bottom: 4px;
  1122. cursor: pointer;
  1123. }
  1124.  
  1125. ul#tabs li:hover {
  1126. background-color: {color:tab hover};
  1127. }
  1128.  
  1129. ul#tabs li.active {
  1130. background-color: {color:tab hover a};
  1131. display: inline-block;
  1132. padding: 4px 10px;
  1133. margin-bottom: 4px;
  1134. cursor: pointer;
  1135. }
  1136.  
  1137. ul#tab {
  1138. list-style-type: none;
  1139. margin: 0;
  1140. padding: 0;
  1141. }
  1142.  
  1143. ul#tab li {
  1144. display: none;
  1145. }
  1146.  
  1147. ul#tab li.active {
  1148. display: block;
  1149. }
  1150.  
  1151. /*--END OF BUILDING--*/
  1152.  
  1153. </style>
  1154.  
  1155. <body>
  1156.  
  1157. <!---FILL IT IN--->
  1158.  
  1159. <!---LINKS--->
  1160.  
  1161. <div id="sidebar">
  1162.  
  1163. <div class="link1">
  1164. <div id="spinninglink1">
  1165. <a href="/" title="like a fever, I'll take you down.">☠</a>
  1166. </div>
  1167. </div>
  1168.  
  1169. <div class="link2">
  1170. <div id="spinninglink2">
  1171. <a href="#?w=500" rel="askbox" class="poplight" title="what are you looking at?">☠</a>
  1172. </div>
  1173. </div>
  1174.  
  1175. <div class="link3">
  1176. <div id="spinninglink3">
  1177. <a href="#?w=250" rel="box2" class="poplight" title="read it and reap">☠</a>
  1178. </div>
  1179. </div>
  1180.  
  1181. <div class="link4">
  1182. <div id="spinninglink4">
  1183. <a href="#?w=250" rel="box3" class="poplight" title="i'm back in black">☠</a>
  1184. </div>
  1185. </div>
  1186.  
  1187. <div class="link5">
  1188. <div id="spinninglink5">
  1189. <a href="#?w=250" rel="box4" class="poplight" title="the grave can't hold me">☠</a>
  1190. </div>
  1191. </div>
  1192.  
  1193. <div class="link6">
  1194. <div id="spinninglink6">
  1195. <a href="#?w=250" rel="box5" class="poplight" title="death blossom is ready">☠</a>
  1196. </div>
  1197. </div>
  1198.  
  1199. <div class="link7">
  1200. <div id="spinninglink7">
  1201. <a href="#?w=250" rel="box6" class="poplight" title="die! die! die!">☠</a>
  1202. </div>
  1203. </div>
  1204.  
  1205. </div>
  1206. </div>
  1207.  
  1208. <!---CREDIT--->
  1209.  
  1210. <div id="credit"><a href="https://uchihasources.tumblr.com/" title="uchihasources"><img src="https://static.tumblr.com/jrwgidj/Px5qe8yl8/2.png" style="height:50px;width:50px;padding-right:5px;padding-bottom:0px;"></a></div>
  1211.  
  1212. <div class="pagination">
  1213.  
  1214. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="previous page">«</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" title="next page">»</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  1215. </div></div></div>
  1216.  
  1217. </div>
  1218.  
  1219.  
  1220. <!---ASK--->
  1221.  
  1222. <div id="askbox" class="popup_block">
  1223. <h1>Ask Title Here</h1>
  1224. <br>
  1225. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="290" src="https://www.tumblr.com/ask_form/{url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1226. </center></div>
  1227. </div>
  1228.  
  1229. </div></div></div></div></div></div></div></div></div></div>
  1230.  
  1231. </div>
  1232.  
  1233. <!---UPDATES--->
  1234.  
  1235. <div id="updates">
  1236. <center><h2>#updatebox</h2></center>
  1237. <h4>Quote/Title/Whatever Here</h4>
  1238. <center><small>This is your updates box!! Fill it in as long as you want! You can add or remove sections if you'd like!</small></center>
  1239. <h4>Quote/Title/Whatever Here</h4>
  1240. <center><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam fermentum turpis vitae feugiat. Mauris efficitur turpis dapibus nunc mollis maximus. Integer quam lectus, aliquam nec vestibulum convallis, pretium non ante. Aenean arcu augue, laoreet nec vestibulum vel, feugiat id nisl. Suspendisse ut eros consequat, auctor felis sed, fermentum dolor. Nam ut nisi velit. Sed vulputate risus at lacus gravida blandit.</small></center>
  1241. <h4>Quote/Title/Whatever Here</h4>
  1242. <center><small>In hac habitasse platea dictumst. Sed fringilla cursus est. Sed id massa vel nisl blandit posuere. Fusce ut nulla non mi lobortis sodales. In vitae lacus porttitor, vehicula magna id, laoreet tellus. In hac habitasse platea dictumst. Vestibulum tristique felis vel nisi posuere efficitur. Nunc malesuada auctor accumsan. Quisque enim augue, vehicula sit amet interdum ut, efficitur et enim.</small></center>
  1243. </div>
  1244. </div>
  1245.  
  1246. <!---POP UP BOX ONE--->
  1247.  
  1248. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1249. <div id="box2" class="popup_block">
  1250. <h1>Rules.</h1>
  1251. <h4>Sub Category Title</h4>
  1252. <small><li>This is your rules page!! Fill it in as long as you want! You can add or remove sections if you'd like!</small>
  1253. <h4>Sub Category Title</h4>
  1254. <small><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam fermentum turpis vitae feugiat. Mauris efficitur turpis dapibus nunc mollis maximus. Integer quam lectus, aliquam nec vestibulum convallis, pretium non ante. Aenean arcu augue, laoreet nec vestibulum vel, feugiat id nisl. Suspendisse ut eros consequat, auctor felis sed, fermentum dolor. Nam ut nisi velit. Sed vulputate risus at lacus gravida blandit.</small>
  1255. <h4>Sub Category Title</h4>
  1256. <small><li>In hac habitasse platea dictumst. Sed fringilla cursus est. Sed id massa vel nisl blandit posuere. Fusce ut nulla non mi lobortis sodales. In vitae lacus porttitor, vehicula magna id, laoreet tellus. In hac habitasse platea dictumst. Vestibulum tristique felis vel nisi posuere efficitur. Nunc malesuada auctor accumsan. Quisque enim augue, vehicula sit amet interdum ut, efficitur et enim.</small>
  1257. <h4>Sub Category Title</h4>
  1258. <small><li>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque sit amet odio id enim semper efficitur. Praesent commodo urna in porta viverra. Integer tincidunt dapibus eros rhoncus sagittis. Etiam sit amet vestibulum justo. Donec egestas turpis quis luctus volutpat. Mauris tincidunt nibh eget orci luctus lobortis.</small>
  1259. <h4>Sub Category Title</h4>
  1260. <small><li>Aliquam feugiat efficitur arcu, id aliquam mauris dapibus sit amet. Aliquam erat volutpat. Donec quis libero nulla. Ut tristique elementum nulla. Sed ante diam, condimentum ac odio et, aliquam efficitur arcu. Phasellus eget ex velit. Sed eu eros eu dui pulvinar fermentum. Aliquam aliquet semper mauris, dictum dictum risus molestie interdum.</small>
  1261. <h4>Sub Category Title</h4>
  1262. <small><li>Praesent ultricies suscipit tempus. Sed euismod vestibulum aliquet. Mauris non magna massa. Nam eget ipsum ac dui iaculis ultrices non at eros. Sed pulvinar sem iaculis viverra hendrerit. Aliquam ut velit et ex varius tristique eget nec est. Aenean interdum lobortis arcu vitae semper.</small>
  1263. </div>
  1264. </div>
  1265. <!--END OF BOX -->
  1266.  
  1267. <!---POP UP BOX TWO--->
  1268.  
  1269. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1270. <div id="box3" class="popup_block">
  1271. <h1>About.</h1>
  1272. <h4>Title/Quote/Whatever you want here.</h4>
  1273. <blockquote>This is your about page!! Fill it in as long as you want!! </blockquote>
  1274. <h4>Title/Quote/Whatever you want here.</h4>
  1275. <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam fermentum turpis vitae feugiat. Mauris efficitur turpis dapibus nunc mollis maximus. Integer quam lectus, aliquam nec vestibulum convallis, pretium non ante. Aenean arcu augue, laoreet nec vestibulum vel, feugiat id nisl. Suspendisse ut eros consequat, auctor felis sed, fermentum dolor. Nam ut nisi velit. Sed vulputate risus at lacus gravida blandit.
  1276. <br><br>
  1277. In hac habitasse platea dictumst. Sed fringilla cursus est. Sed id massa vel nisl blandit posuere. Fusce ut nulla non mi lobortis sodales. In vitae lacus porttitor, vehicula magna id, laoreet tellus. In hac habitasse platea dictumst. Vestibulum tristique felis vel nisi posuere efficitur. Nunc malesuada auctor accumsan. Quisque enim augue, vehicula sit amet interdum ut, efficitur et enim.
  1278. </blockquote>
  1279. <h4>Title/Quote/Whatever you want here.</h4>
  1280. <blockquote>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque sit amet odio id enim semper efficitur. Praesent commodo urna in porta viverra. Integer tincidunt dapibus eros rhoncus sagittis. Etiam sit amet vestibulum justo. Donec egestas turpis quis luctus volutpat. Mauris tincidunt nibh eget orci luctus lobortis. Donec egestas hendrerit interdum. Curabitur pretium leo a libero posuere aliquam. Ut sed metus ut dui finibus varius. Sed odio tellus, porttitor non auctor at, commodo at est. Maecenas libero arcu, ultrices et mi sed, suscipit placerat risus.</blockquote>
  1281. <h4>Title/Quote/Whatever you want here.</h4>
  1282. <blockquote>Aliquam feugiat efficitur arcu, id aliquam mauris dapibus sit amet. Aliquam erat volutpat. Donec quis libero nulla. Ut tristique elementum nulla. Sed ante diam, condimentum ac odio et, aliquam efficitur arcu. Phasellus eget ex velit. Sed eu eros eu dui pulvinar fermentum. Aliquam aliquet semper mauris, dictum dictum risus molestie interdum.
  1283. </blockquote>
  1284. </div>
  1285. </div>
  1286. <!--END OF BOX -->
  1287.  
  1288. <!---POP UP BOX THREE--->
  1289.  
  1290. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1291. <div id="box4" class="popup_block">
  1292. <h1>Stats.</h1>
  1293. <blockquote><small>This is your stats page! Fill in with your muse's name, age, birthday, relationships, everything basically~</small></blockquote>
  1294. </div>
  1295. </div>
  1296. <!--END OF BOX -->
  1297.  
  1298. <!---POP UP BOX FOUR--->
  1299.  
  1300. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1301. <div id="box5" class="popup_block">
  1302. <h1>Verses.</h1>
  1303. <ul id="tabs">
  1304. <li class="active">VERSE A.</li>
  1305. &nbsp;
  1306. <li>VERSE B.</li>
  1307. &nbsp;
  1308. <li>VERSE C.</li>
  1309. &nbsp;
  1310. <li>VERSE D.</li>
  1311. &nbsp;
  1312. <li>VERSE E.</li>
  1313. &nbsp;
  1314. <li>VERSE F.</li>
  1315. </ul>
  1316.  
  1317. <div style="width:auto;height:270px;overflow:scroll;padding:5px;">
  1318.  
  1319.  
  1320.  
  1321. <ul id="tab">
  1322. <li class="active">
  1323.  
  1324.  
  1325. <img src="https://static.tumblr.com/jhua2co/L7zoq6l0v/yang_4.png" align="left" style="height:80px;width:80px;padding-right:5px;padding-bottom:0px;">
  1326. <big><a href="/tagged/x">VERSE A.</a></big>
  1327.  
  1328. <br><br>
  1329.  
  1330. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque nec orci ac elementum. Etiam dictum leo in leo fringilla, at ultricies arcu venenatis. Ut dignissim pretium volutpat. Nullam pharetra, nunc volutpat porttitor congue, libero felis tincidunt quam, at hendrerit velit augue vel odio. Praesent tincidunt lorem vitae maximus porta. Suspendisse hendrerit ut velit eget mattis. Proin malesuada efficitur ligula, a posuere sapien mollis et. Etiam volutpat in lectus at malesuada. Nunc et interdum leo.
  1331.  
  1332. </li>
  1333. <li>
  1334.  
  1335. <img src="https://static.tumblr.com/jhua2co/EuAoq6l2i/yang_12.png" align="left" style="height:80px;width:80px;padding-right:5px;padding-bottom:0px;">
  1336. <big><a href="/tagged/x">VERSE B.</a></big>
  1337.  
  1338. <br><br>
  1339.  
  1340. Pellentesque a nisl venenatis, ultricies odio et, malesuada est. Mauris eros dolor, rhoncus vestibulum lorem nec, vestibulum ornare magna. Donec posuere ante mattis lectus bibendum, nec fermentum ante ullamcorper. Fusce blandit velit ac metus convallis ultricies. Quisque turpis nulla, scelerisque et orci ac, pellentesque ullamcorper odio. Fusce at auctor elit. Sed eu odio sodales est dapibus dictum in et ex. Nulla a elementum eros.
  1341.  
  1342.  
  1343.  
  1344. </li>
  1345. <li>
  1346.  
  1347.  
  1348.  
  1349. <img src="https://static.tumblr.com/jhua2co/UE5oq6l3g/yang_13.png" align="left" style="height:80px;width:80px;padding-right:5px;padding-bottom:0px;">
  1350. <big><a href="/tagged/x">VERSE C.</a></big>
  1351.  
  1352. <br><br>
  1353.  
  1354. Proin blandit sollicitudin aliquet. Donec sed malesuada nibh. Sed quis fermentum velit. Praesent tincidunt, lectus in bibendum ornare, odio odio mattis purus, sit amet molestie orci velit et justo. Nunc cursus porta vestibulum. Curabitur elementum volutpat tortor, ut maximus enim. In hac habitasse platea dictumst. Sed tincidunt non tellus at efficitur. Sed id est tincidunt, euismod metus quis, aliquam mauris. Nulla nunc magna, fermentum semper pulvinar quis, facilisis eu tortor. Duis facilisis nulla et nunc fermentum ultricies. Pellentesque quis vulputate dolor. In non gravida arcu. Nunc nec libero fringilla, hendrerit leo sed, imperdiet purus.
  1355.  
  1356.  
  1357. </li>
  1358. <li>
  1359.  
  1360. <img src="https://static.tumblr.com/jhua2co/EbOoq6l4a/yang_26.png" align="left" style="height:80px;width:80px;padding-right:5px;padding-bottom:0px;">
  1361. <big><a href="/tagged/x">VERSE D.</a></big>
  1362.  
  1363. <br><br>
  1364.  
  1365. Phasellus consectetur vitae sapien sed maximus. Phasellus vel nulla non purus ultricies euismod. Phasellus non orci tincidunt, commodo ligula id, elementum augue. Quisque at elit at justo mattis tristique eget non turpis. Duis euismod, mi ut sollicitudin sollicitudin, sapien lorem dapibus orci, id scelerisque ipsum dui non augue. Donec tortor mauris, venenatis nec finibus in, eleifend ac justo. Morbi a vulputate turpis. Proin hendrerit, urna sed iaculis euismod, est nisi vehicula nisi, vel convallis nibh tellus ac nibh. Vestibulum volutpat pellentesque sapien, nec pretium nulla aliquam nec. Cras ultrices nisl sit amet nulla consequat efficitur.
  1366.  
  1367.  
  1368.  
  1369. </li>
  1370. <li>
  1371.  
  1372.  
  1373. <img src="https://static.tumblr.com/jhua2co/uDwoq6l54/yang_31.png" align="left" style="height:80px;width:80px;padding-right:5px;padding-bottom:0px;">
  1374. <big><a href="/tagged/x">VERSE E.</a></big>
  1375.  
  1376. <br><br>
  1377.  
  1378. Nulla tincidunt felis non venenatis euismod. Fusce odio tellus, consectetur vitae erat non, feugiat tincidunt metus. Mauris suscipit ex sit amet arcu fermentum, eu fringilla diam consequat. Nullam imperdiet suscipit turpis, ac semper enim fringilla sit amet. Nullam ac magna pharetra, elementum sapien quis, pharetra elit. Suspendisse faucibus neque ligula, sit amet tempor est venenatis a. Praesent eleifend fringilla enim, vel varius libero laoreet eget. Aliquam erat volutpat. Phasellus tempor mi vitae enim consequat tempor. Cras condimentum quis tellus vel mattis. Cras sit amet est at neque luctus congue.
  1379.  
  1380.  
  1381. </li>
  1382. <li>
  1383.  
  1384. <img src="https://static.tumblr.com/jhua2co/zFvoq6lmh/yang_33.png" align="left" style="height:80px;width:80px;padding-right:5px;padding-bottom:0px;">
  1385. <big><a href="/tagged/x">VERSE F.</a></big>
  1386.  
  1387. <br><br>
  1388.  
  1389. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque nec orci ac elementum. Etiam dictum leo in leo fringilla, at ultricies arcu venenatis. Ut dignissim pretium volutpat. Nullam pharetra, nunc volutpat porttitor congue, libero felis tincidunt quam, at hendrerit velit augue vel odio. Praesent tincidunt lorem vitae maximus porta. Suspendisse hendrerit ut velit eget mattis. Proin malesuada efficitur ligula, a posuere sapien mollis et. Etiam volutpat in lectus at malesuada. Nunc et interdum leo.
  1390.  
  1391.  
  1392. </li>
  1393. </ul>
  1394. <br><br>
  1395. </div>
  1396. </div>
  1397. <!--END OF BOX -->
  1398.  
  1399. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1400. <div id="box6" class="popup_block">
  1401. <h1>BOX 6</h1>
  1402. <blockquote><small>Anything can go here!</small></blockquote>
  1403. </div></div>
  1404. <!--END OF BOX -->
  1405.  
  1406.  
  1407. <!---CONTAINER--->
  1408.  
  1409. <div id="container">
  1410.  
  1411. <!---POSTS--->
  1412.  
  1413. {block:Posts}
  1414.  
  1415. <div class="posts">
  1416.  
  1417. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1418.  
  1419. <!---PHOTO POST--->
  1420.  
  1421. {block:Photo}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1422.  
  1423. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1424.  
  1425. <center>{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  1426.  
  1427. <!---QUOTE POST--->
  1428.  
  1429. {block:Quote}<div id="quote"><h1>❝ {Quote} ❞</h1>{block:Source}<br><br> <div style="text-align: right;"><h3>━ {Source}</h3></div></div>{/block:Source}{/block:Quote}
  1430.  
  1431. <!---LINK POST--->
  1432.  
  1433. {block:Link}<a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>{block:Description}{Description}{/block:Description}{/block:Link}
  1434.  
  1435. <!---CHAT POST--->
  1436.  
  1437. {block:Chat}{block:Title}<h1>{Title}</h1></a>{/block:Title}
  1438. {block:Lines}<i>{block:Label}{Label}{/block:Label}</i>&nbsp;{Line}<p>{/block:Lines}{/block:Chat}
  1439.  
  1440. <!---VIDEO POST--->
  1441.  
  1442. <center>{block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}</center>
  1443.  
  1444. <!---AUDIO POST--->
  1445.  
  1446. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1447.  
  1448. <!---ASK && ANSWER--->
  1449.  
  1450. {block:Answer}
  1451. <div id="ask">{question}<br><div style="text-align: right;">━ {asker}</div></div>
  1452. {Answer}{/block:Answer}
  1453.  
  1454. <!---INFO--->
  1455.  
  1456. {block:Date}<div id="info"> <a href="{Permalink}" title="{TimeAgo}">✦</a>
  1457. {/block:Date} {block:NoteCount} <a href="{Permalink}" title="{NoteCount} notes">✦</a> ━ {/block:NoteCount}
  1458.  
  1459. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">✧</a> {/block:RebloggedFrom}{block:ContentSource} <a title="{SourceTitle}" href="{SourceURL}">✧</a>{/block:ContentSource} ━ {/block:RebloggedFrom} <a href="{ReblogURL}"target="_blank" title="reblog">★</a> </div>
  1460.  
  1461. <!---TAGS--->
  1462.  
  1463. {block:HasTags}
  1464. <div class="tags">
  1465. <center> {block:Tags} <a href="{TagURL}">&nbsp; #{Tag} </a> {/block:Tags} </div></center>
  1466. {/block:HasTags}
  1467. </div>
  1468.  
  1469. <!---NOTES--->
  1470.  
  1471. <div class="postnote">
  1472. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1473.  
  1474. {/block:Posts}
  1475.  
  1476. </body>
  1477.  
  1478. <!-- SCRIPTS -->
  1479.  
  1480. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1481. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1482.  
  1483. <script>
  1484. (function($){
  1485. $(document).ready(function(){
  1486. $("[title]").style_my_tooltips({
  1487. tip_follows_cursor:true,
  1488. tip_delay_time:90,
  1489. tip_fade_speed:600,
  1490. attribute:"title"});
  1491. });})(jQuery);
  1492. </script>
  1493.  
  1494. </div>
  1495. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
  • Untitled
    C++ | 12 min ago | 1.45 KB
  • Untitled
    C++ | 12 min ago | 1.08 KB
  • Untitled
    C++ | 13 min ago | 1.10 KB
  • Untitled
    C++ | 13 min ago | 0.94 KB
  • Untitled
    C++ | 14 min ago | 1.08 KB
  • Untitled
    C++ | 14 min ago | 1.43 KB
  • bochs
    Bash | 18 min ago | 0.42 KB
  • Esp
    Lua | 28 min ago | 6.44 KB
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!