API tools faq
paste
Advertisement
kurokit

Itachi commission theme

kurokit
Aug 31st, 2016
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <html>
  5. <head>
  6.  
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9. <script>
  10. $(document).ready(function() {
  11. //
  12. $('a.poplight[href^=#]').click(function() {
  13. var popID = $(this).attr('rel'); //Get Popup Name
  14. var popURL = $(this).attr('href'); //Get Popup href to define size
  15. var query= popURL.split('?');
  16. var dim= query[1].split('&');
  17. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  18. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  19. var popMargTop = ($('#' + popID).height() + 80) / 2;
  20. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  21. //Apply Margin to Popup
  22. $('#' + popID).css({
  23. 'margin-top' : -popMargTop,
  24. 'margin-left' : -popMargLeft
  25. });
  26. $('body').append('<div id="fade"></div>');
  27. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  28. return false;
  29. });
  30. $('a.close, #fade').live('click', function() {
  31. $('#fade , .popup_block').fadeOut(function() {
  32. $('#fade, a.close').remove(); //fade them both out
  33. });
  34. return false;
  35. });
  36. });
  37. </script>
  38.  
  39. <!--
  40. BLACK BLOBS
  41. -->
  42.  
  43.  
  44. <script type="text/javascript">
  45. // <![CDATA[
  46. var colour="#000"; // what colour are the blobs
  47. var speed=66; // speed of animation, lower is faster
  48. var blobs=10; // how many blobs are in the jar
  49. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  50.  
  51. /***************************\
  52. * Blobs in a Jar Effect *
  53. *(c)2012-13 mf2fm web-design*
  54. * http://www.mf2fm.com/rv *
  55. * DON'T EDIT BELOW THIS BOX *
  56. \***************************/
  57.  
  58. var div;
  59. var xpos=new Array();
  60. var ypos=new Array();
  61. var zpos=new Array();
  62. var dx=new Array();
  63. var dy=new Array();
  64. var dz=new Array();
  65. var blob=new Array();
  66. var swide=800;
  67. var shigh=600;
  68. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  69.  
  70. function addLoadEvent(funky) {
  71. var oldonload=window.onload;
  72. if (typeof(oldonload)!='function') window.onload=funky;
  73. else window.onload=function() {
  74. if (oldonload) oldonload();
  75. funky();
  76. }
  77. }
  78.  
  79. addLoadEvent(fill_the_jar);
  80.  
  81. function fill_the_jar() {
  82. var i, dvs;
  83. div=document.createElement('div');
  84. dvs=div.style;
  85. dvs.position='fixed';
  86. dvs.left='0px';
  87. dvs.top='0px';
  88. dvs.width='1px';
  89. dvs.height='1px';
  90. document.body.appendChild(div);
  91. set_width();
  92. for (i=0; i<blobs; i++) {
  93. add_blob(i);
  94. jamjar(i);
  95. }
  96. }
  97.  
  98. function add_blob(ref) {
  99. var dv, sy;
  100. dv=document.createElement('div');
  101. sy=dv.style;
  102. sy.position='absolute';
  103. sy.textAlign='center';
  104. if (ie_version && ie_version<10) {
  105. sy.fontSize="10px";
  106. sy.width="100px";
  107. sy.height="100px";
  108. sy.paddingTop="40px";
  109. sy.color=colour;
  110. dv.appendChild(document.createTextNode(charc));
  111. }
  112. else if (ie_version) {
  113. sy.fontSize="1px";
  114. sy.width="0px";
  115. sy.height="0px";
  116. }
  117. else {
  118. dv.appendChild(document.createTextNode(charc));
  119. sy.color='rgba(0,0,0,0)';
  120. }
  121. ypos[ref]=Math.floor(shigh*Math.random());
  122. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  123. xpos[ref]=Math.floor(swide*Math.random());
  124. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  125. zpos[ref]=Math.random()*20;
  126. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  127. blob[ref]=dv;
  128. div.appendChild(blob[ref]);
  129. set_blob(ref);
  130. }
  131.  
  132. function rejig(ref, xy) {
  133. if (xy=='y') {
  134. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  135. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  136. }
  137. else {
  138. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  139. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  140. }
  141. }
  142.  
  143. function sign(a) {
  144. if (a<0) return (-2);
  145. else if (a>0) return (2);
  146. else return (0);
  147. }
  148.  
  149. function set_blob(ref) {
  150. var sy;
  151. sy=blob[ref].style;
  152. sy.top=ypos[ref]+'px';
  153. sy.left=xpos[ref]+'px';
  154. if (ie_version && ie_version<10) {
  155. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  156. sy.fontSize=30-zpos[ref]+"px";
  157. }
  158. else if (ie_version) {
  159. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  160. }
  161. else {
  162. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  163. sy.fontSize=40+zpos[ref]+'px';
  164. }
  165. }
  166.  
  167. function jamjar(ref) {
  168. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  169. ypos[ref]+=dy[ref];
  170. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  171. xpos[ref]+=dx[ref];
  172. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  173. zpos[ref]+=dz[ref];
  174. set_blob(ref);
  175. setTimeout("jamjar("+ref+")", speed);
  176. }
  177.  
  178. window.onresize=set_width;
  179. function set_width() {
  180. var sw_min=999999;
  181. var sh_min=999999;
  182. if (document.documentElement && document.documentElement.clientWidth) {
  183. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  184. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  185. }
  186. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  187. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  188. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  189. }
  190. if (document.body.clientWidth) {
  191. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  192. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  193. }
  194. if (sw_min==999999 || sh_min==999999) {
  195. sw_min=800;
  196. sh_min=600;
  197. }
  198. swide=sw_min;
  199. shigh=sh_min;
  200. }
  201. // ]]>
  202. </script>
  203.  
  204.  
  205.  
  206.  
  207. <title>{Title}</title>
  208. <link rel="shortcut icon" href="{Favicon}">
  209. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  210. {block:Description}
  211. <meta name="description" content="{MetaDescription}" />
  212. {/block:Description}
  213.  
  214.  
  215.  
  216. <meta name="color:background" content="#14171b">
  217. <meta name="color:sidebar links" content="#1a4133">
  218. <meta name="color:sidebar shadow" content="#347153">
  219. <meta name="color:sidebar hover" content="#45966e">
  220. <meta name="color:links" content="#349446">
  221. <meta name="color:links shadow" content="#6d6d6d">
  222. <meta name="color:links hover" content="#ffffff">
  223. <meta name="color:text" content="#ffffff">
  224. <meta name="color:blockquote" content="#206834">
  225. <meta name="color:bold" content="#127b29">
  226. <meta name="color:bold shadow" content="#000000">
  227. <meta name="color:italic" content="#ffffff">
  228. <meta name="color:italic shadow" content="#ffffff">
  229. <meta name="color:underline" content="#228425">
  230. <meta name="color:big" content="#ffffff">
  231. <meta name="color:big shadow" content="#ffffff">
  232. <meta name="color:pre text" content="#000000">
  233. <meta name="color:pre bg" content="#97b6a2">
  234. <meta name="color:ask text" content="#ededed">
  235. <meta name="color:ask border" content="#48845e">
  236. <meta name="color:info" content="#55b667">
  237. <meta name="color:info text" content="#1d3e1d">
  238. <meta name="color:info border" content="#0c230e">
  239. <meta name="color:info hover" content="#4bbe56">
  240. <meta name="color:pagi" content="#14a344">
  241. <meta name="color:selec bg" content="#000000">
  242. <meta name="color:selec" content="#797979">
  243. <meta name="color:tags" content="#ffffff">
  244. <meta name="color:tags hover" content="#208627">
  245.  
  246. <meta name="image:Background" content=""/>
  247. <meta name="image:ask" content=""/>
  248. <meta name="image:info" content=""/>
  249.  
  250.  
  251. <meta name="text:YOUR URL" content="">
  252. <meta name="text:updates" content="">
  253. <meta name="text:drafts" content="">
  254. <meta name="text:family" content="">
  255. <meta name="text:more" content="">
  256. <meta name="text:updates title" content="">
  257.  
  258. <meta name="text:Link 1 URL" content="">
  259. <meta name="text:Link Title 1" content="">
  260. <meta name="text:Link 2 URL" content="">
  261. <meta name="text:Link Title 2" content="">
  262. <meta name="text:Link 3 URL" content="">
  263. <meta name="text:Link Title 3" content="">
  264. <meta name="text:Link 4 URL" content="">
  265. <meta name="text:Link Title 4" content="">
  266. <meta name="text:Link 5 URL" content="">
  267. <meta name="text:Link Title 5" content="">
  268.  
  269. <!--This is for you hover titles (When you hover over a link) -->
  270.  
  271.  
  272.  
  273. <script type="text/javascript">
  274. WebFontConfig = {
  275. google: { families: [ 'times' ] }
  276. };
  277. (function() {
  278. var wf = document.createElement('script');
  279. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  280. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  281. wf.type = 'text/javascript';
  282. wf.async = 'true';
  283. var s = document.getElementsByTagName('script')[0];
  284. s.parentNode.insertBefore(wf, s);
  285. })(); </script>
  286.  
  287.  
  288. <script type="text/javascript">
  289. $(document).ready(function(){
  290. $("ul#tabs li").click(function(e){
  291. if (!$(this).hasClass("active")) {
  292. var tabNum = $(this).index();
  293. var nthChild = tabNum+1;
  294. $("ul#tabs li.active").removeClass("active");
  295. $(this).addClass("active");
  296. $("ul#tab li.active").removeClass("active");
  297. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  298. }
  299. });
  300. });
  301. </script>
  302.  
  303. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  304. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  305. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  306.  
  307. <!-- SCRIPTS -->
  308.  
  309.  
  310. <link href="http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC" rel="stylesheet" type="text/css">
  311. <link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
  312. <link href="http://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
  313. <link href="http://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet" type="text/css">
  314. <link href='https://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  315.  
  316. <style type="text/css">
  317.  
  318.  
  319. /*--BASIC POP-UP DETAILS--*/
  320.  
  321.  
  322.  
  323. .popup_block{
  324. display:none;
  325. background: url("");
  326. background:#424143;
  327. padding:20px;
  328. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  329. float:left;
  330. width: 240px;
  331. height: 400px;
  332. top:50%;
  333. left:50%;
  334. position:fixed;
  335. z-index: 99999;
  336. opacity:1;
  337. -webkit-box-shadow: 0px 0px 20px #818081; /* delete for solid white */
  338. -moz-box-shadow: 0px 0px 20px #818081; /* delete for solid white */
  339. box-shadow: 0px 0px 20px #818081; /* delete for solid white */
  340. }
  341.  
  342. *html #fade {position: absolute;}
  343. *html .popup_block {position: absolute;}
  344. #fade {
  345. display:none;
  346. position:fixed;
  347. left:0px;
  348. top:0px;
  349. width:100%;
  350. height:100%;
  351. z-index:9999;
  352. background:#000; /* change to #fff for solid white */
  353. opacity:0; /* change to opacity:1; */
  354. }
  355.  
  356. /* this is for the scrollbar */
  357.  
  358. ::-webkit-scrollbar-thumb{
  359. background-color: transparent;
  360. border-radius:0px;
  361. height:auto;
  362. }
  363.  
  364. ::-webkit-scrollbar {
  365. height:auto;
  366. width:4px;
  367. border: 1px transparent;
  368. border-radius:0px;
  369. }
  370.  
  371.  
  372. /* TOOLTIPS */
  373.  
  374. #s-m-t-tooltip {
  375. max-width:300px;
  376. padding:3px 7px 3px 8px;
  377. margin:-20px 0px 0px 20px;
  378. background-color:{color:background};
  379. color:{color:text};
  380. font-size:7px;
  381. text-transform:uppercase;
  382. z-index:999999999999;
  383. letter-spacing:2px;
  384. -webkit-border-radius:5px;
  385. -moz-border-radius:5px;
  386. border-radius:5px;
  387. }
  388.  
  389.  
  390.  
  391. /* ENTRIES */
  392.  
  393.  
  394. blockquote {
  395. width:350px;
  396. border-radius:10px;
  397. border-left:1px solid {color:blockquote};
  398. margin-left:1px;
  399. padding-left:9px;
  400. padding-top:1px;
  401. padding-bottom:1px;
  402.  
  403. }
  404.  
  405.  
  406.  
  407. body {
  408. background:{color:background};
  409. background-attachment:fixed;
  410. background-repeat:no-repeat;
  411. background-position: top left; /* you can change this if to TOP or CENTER if you want */
  412. color:{color:text};
  413. font-family: 'Ubuntu Condensed', sans-serif;
  414. text-align:justify;
  415. font-size:11px;
  416. ;
  417. background-image:url("https://67.media.tumblr.com/e4842ad3280da98e75731ed2b42c8239/tumblr_ocsrb3MWyr1v007k5o1_1280.png");
  418.  
  419. margin:0;
  420. padding-top:0;
  421. word-wrap:break-word;};
  422.  
  423.  
  424. }
  425.  
  426.  
  427. /* bold (b), italic (i,em), and underlined (u) */
  428.  
  429.  
  430. er, ber, cer, {
  431. font-weight:normal;
  432. font-size:12px;
  433. text-align:center;
  434. font-style:normal;
  435. font-family: 'Open Sans Condensed', sans-serif;
  436. padding-bottom:3px;
  437. line-height:80%;
  438. letter-spacing:3px;
  439. text-transform: uppercase;
  440. color:{color:blockquote};
  441. }
  442.  
  443.  
  444. sub, sup, small {
  445. font-size: 11px;
  446. color:{color:text};
  447. }
  448.  
  449. b, strong {
  450. font-size: 11px;
  451. font-family: 'Fjalla One', sans-serif;
  452. color:{color:bold};
  453. text-shadow: 3px 3px 0px rgb(96, 6, 24);
  454. }
  455.  
  456. i,em{
  457. color:{color:italic};
  458. text-shadow: 0px 0px 2px {color:italic shadow};
  459. font-family: 'Oregano', cursive;;
  460. font-size:14px;
  461. }
  462.  
  463. code {
  464. font-size: 11px;
  465. }
  466.  
  467.  
  468. big{
  469. color:{color:big};
  470. text-shadow: 0px 0px 2px {color:big shadow};
  471. font-family:georgia, sans-serif;
  472. }
  473.  
  474.  
  475. u{
  476. color:{color:underline};
  477. }
  478.  
  479. pre {
  480. font-family:courier;
  481. text-align:center;
  482. text-transform:uppercase;
  483. font-size:10px;
  484. color:{color:pre text};
  485. background:{color:pre bg};
  486. padding:10px;
  487. padding-left:15px;
  488. padding-right:15px;
  489. word-wrap: break-word;
  490. }
  491.  
  492.  
  493. h1 {
  494. font-family: 'Open Sans Condensed', sans-serif;
  495. text-transform:uppercase;
  496. text-align: center;
  497. font-size:12px;
  498. line-height:100%;
  499. color: {color:blockquote};
  500. }
  501.  
  502. h2 {
  503. font-size:17px;
  504. color: {color:big};
  505. font-weight:bold;
  506. text-shadow: 0px 0px 2px {color:big shadow}}
  507.  
  508. h3 {
  509. background-color: transparent;
  510. background-image:url("");
  511. border:1px dotted #9b9b9b;
  512. font-family: arial;
  513. font-weight:bold;
  514. color: #cccccc;
  515. text-shadow:0px 0px 2px #2c2f34;
  516. font-size: 10px;
  517. line-height: 12px;
  518. letter-spacing: 2px;
  519. text-align: center;
  520. text-transform:uppercase;
  521. padding:1px;
  522. line-height:120%;}
  523. }
  524.  
  525. h4 {
  526.  
  527. background-color: transparent;
  528. background-image:url("https://67.media.tumblr.com/5b12a70dbc481b5faba6bdc96287f90f/tumblr_o13xcifnNz1umak09o1_500.gif");
  529. background-repeat:repeat;
  530. background-attachment:fixed;
  531. border:1px dotted #2a2a2a;
  532. font-family: arial;
  533. font-weight:bold;
  534. color: #999;
  535. text-shadow:0px 0px 2px #2c2f34;
  536. font-size: 9px;
  537. letter-spacing: 2px;
  538. text-align: center;
  539. text-transform:uppercase;
  540. padding:1px;
  541. line-height:120%;}
  542.  
  543. }
  544.  
  545. h12 {
  546. font-size:16px;
  547. text-align:right;
  548. line-height:100%;
  549. letter-spacing:0px;
  550. font-family: 'Open Sans Condensed', sans-serif;
  551. text-shadow: 0px 2px 2px {color:blockquote};
  552. color:{color:text};
  553. text-transform: uppercase;
  554. }
  555.  
  556. h81 {
  557. font-weight:normal;
  558. font-size:12px;
  559. text-align:center;
  560. font-style:normal;
  561. font-family: 'Open Sans Condensed', sans-serif;
  562. padding-bottom:3px;
  563. line-height:80%;
  564. letter-spacing:3px;
  565. text-transform: uppercase;
  566. color:{color:blockquote};
  567. }
  568.  
  569.  
  570. /* Links & hovers */
  571.  
  572.  
  573. a {
  574. color:{color:links};
  575. text-shadow: none;
  576. text-decoration:none;
  577. -moz-transition-duration:1s;
  578. -webkit-transition-duration:1s;
  579. -o-transition-duration:1s;
  580. }
  581.  
  582.  
  583. a:hover {
  584. color:{color:links hover};
  585. text-shadow: none;
  586. /* transition of the image when you hover on it */
  587. -moz-transition-duration:1s;
  588. -webkit-transition-duration:1s;
  589. -o-transition-duration:1s;
  590. }
  591.  
  592. /* mouse thingy */
  593.  
  594. *, body, a, a:hover {
  595. cursor: url('http://i1347.photobucket.com/albums/p718/TheLittleDanger/Pointer%20Cursors/Pointer_0068_Camada-131_zpsfe5c7614.png'), auto;
  596. }
  597.  
  598. a, a:hover {
  599. cursor: url('http://i1347.photobucket.com/albums/p718/TheLittleDanger/Hand%20Cursors/Hand_0068_Camada-135_zps0c34e749.png'), auto;
  600. }
  601.  
  602.  
  603.  
  604. #hover .sidebar {
  605. left:52%;
  606. margin-top:250px;
  607. margin-left:270px;
  608. width:100px;
  609. position:fixed;
  610. filter: alpha(opacity = 0);
  611. opacity:0;
  612. -webkit-transition: all 0.7s ease;
  613. transition: all 0.7s ease;
  614. -moz-transition: all 0.7s ease;
  615. -o-transition: all 0.7s ease;}
  616.  
  617. #hover:hover .sidebar {
  618. -webkit-transition: all 0.7s ease;
  619. transition: all 0.7s ease;
  620. -moz-transition: all 0.7s ease;
  621. -o-transition: all 0.7s ease;
  622. filter: alpha(opacity = 100);
  623. opacity:1;}
  624.  
  625. /*hover description beneath title*/
  626.  
  627. #hovertrig {
  628. font-family: calibri;
  629. font-size:11px;
  630. background:transparent;
  631. padding-top:3px;
  632. border: 0px solid #131313;
  633. text-align:center; /*how you want text in middle or change it left by putting 'left' */
  634. color:#8f8f8f;
  635. text-shadow: 1px 1px 2px #262626;
  636. height:20px;
  637. width:70px;
  638. position:fixed;
  639. left:60%;
  640. margin-left:90px;
  641. top:205px;
  642. -webkit-transition: all 0.7s ease;
  643. transition: all 0.7s ease;
  644. -moz-transition: all 0.7s ease;
  645. -o-transition: all 0.7s ease;}
  646.  
  647. #hovertrig:hover {
  648. color:transparent;
  649. text-shadow:0 0 8px #e4e4e4;
  650. -webkit-transition: all 0.7s ease;
  651. transition: all 0.7s ease;
  652. -moz-transition: all 0.7s ease;
  653. -o-transition: all 0.7s ease;}
  654.  
  655.  
  656. /* image and description and links */
  657.  
  658. .pagination {
  659.  
  660. top:560px;
  661. right:25%;
  662. margin-left:100px;
  663. position: absolute;
  664. text-align: left;
  665. letter-spacing:1px;
  666. text-transform:uppercase;
  667.  
  668. }
  669.  
  670. .pagination a{
  671. color: {color:links};
  672. font-family: 'Open Sans Condensed', sans-serif;
  673. letter-spacing:4px;
  674. font-size:10px;
  675. text-shadow: 0px 0px 3px {color:links shadow};}
  676.  
  677. .pagination a:hover{
  678. color:{color:links hover};
  679. -webkit-filter: blur(2px);
  680. -webkit-transition:all .5s ease-in-out;
  681. -moz-transition:all .5s ease-in-out;
  682. transition:all .5s ease-in-out;
  683.  
  684. }
  685.  
  686. #topbar {
  687. position:fixed;
  688. top:295px;
  689. left:470px;
  690. z-index: 9;
  691.  
  692. }
  693.  
  694.  
  695. .user {
  696. position: fixed;
  697. margin-left: 365px;
  698. left:50%;
  699. font-size: 12px;
  700. letter-spacing:-1px;
  701. font-family: 'Open Sans Condensed', sans-serif;
  702. text-transform:uppercase;
  703. line-height: 150%;
  704. text-align: center;
  705. width: 500px;
  706. top:440px;
  707. text-shadow: 0px 0px 2px {color:sidebar shadow};
  708. margin-right: auto;
  709. -ms-transform: rotate(-90deg);
  710. -webkit-transform: rotate(-90deg);
  711. transform: rotate(-90deg);
  712. -webkit-transition: all .5s linear;
  713. }
  714.  
  715. .user a {
  716. padding-left: 5px;
  717. font-size: 20px;
  718. color: {color:sidebar links};
  719. font-family: 'Open Sans Condensed', sans-serif;
  720. text-shadow: none;
  721. text-shadow: 0px 0px 2px {color:sidebar shadow};
  722. width: 500px;
  723. -moz-transition-duration:.5s;
  724. -webkit-transition-duration:.5s;
  725. -o-transition-duration:.5s;
  726.  
  727. }
  728.  
  729. .user a:hover {
  730. padding-left: 5px;
  731. color: {color:sidebar hover};
  732. text-shadow: 0px 0px 2px {color:sidebar shadow};
  733. -moz-transition-duration:.9s;
  734. -webkit-transition-duration:.9s;
  735. -o-transition-duration:.9s;
  736. }
  737.  
  738. /* HOVERING LINKS */
  739.  
  740. .alinks {
  741. position:fixed;
  742. text-shadow: 0px 0px 0px #000;
  743. left:522px;
  744. top:170px;
  745. transform: rotate(0deg);
  746. font-family: 'Monotype Corsiva', cursive;
  747. font-size: 38px;}
  748.  
  749.  
  750. .alinks a {
  751. padding:10px;
  752. color:#2a2a2a;
  753. margin-right:0px;
  754. -webkit-filter: blur(0px);
  755. -webkit-transition: 0.8s ease-in;
  756. -moz-transition: 1s ease-in;
  757. transition: 1s ease-in;
  758. }
  759.  
  760. .alinks a:hover {
  761. -webkit-filter: blur(3px);
  762. -webkit-transition: all 0.6s ease-in-out;
  763. -moz-transition: all 0.6s ease-in-out;
  764. -o-transition: all 0.6s ease-in-out;
  765. -ms-transition: all 0.6s ease-in-out;
  766. transition: all 0.6s ease-in-out;
  767. color: #000000;
  768. text-shadow: 7px 7px 3px #000000;
  769. }
  770.  
  771.  
  772.  
  773. .blinks {
  774. position:fixed;
  775. text-shadow: 0px 0px 11px #7C6868;
  776. left:510px;
  777. top:100px;
  778. transform: rotate(20deg);
  779. font-family: 'Prata', serif;
  780. font-size: 22px;}
  781.  
  782.  
  783. .blinks a {
  784. padding:10px;
  785. color:#7f7f7f;
  786. margin-right:0px;
  787. -webkit-filter: blur(1px);
  788. -webkit-transition: 0.8s ease-in;
  789. -moz-transition: 1s ease-in;
  790. transition: 1s ease-in;
  791. }
  792.  
  793. .blinks a:hover {
  794. -webkit-transition: all 0.6s ease-in-out;
  795. -moz-transition: all 0.6s ease-in-out;
  796. -o-transition: all 0.6s ease-in-out;
  797. -ms-transition: all 0.6s ease-in-out;
  798. transition: all 0.6s ease-in-out;
  799. color: #000000;
  800. text-shadow: 7px 7px 3px #000000;
  801. }
  802.  
  803.  
  804.  
  805.  
  806. .clinks {
  807. position:fixed;
  808. text-shadow: 0px 0px 11px #7C6868;
  809. left:110px;
  810. top:140px;
  811. transform: rotate(-30deg);
  812. font-family: 'Prata', serif;
  813. font-size: 30px;}
  814.  
  815.  
  816. .clinks a {
  817. padding:10px;
  818. color:#7f7f7f;
  819. margin-right:0px;
  820. -webkit-filter: blur(1px);
  821. -webkit-transition: 0.8s ease-in;
  822. -moz-transition: 1s ease-in;
  823. transition: 1s ease-in;
  824. }
  825.  
  826. .clinks a:hover {
  827. -webkit-transition: all 0.6s ease-in-out;
  828. -moz-transition: all 0.6s ease-in-out;
  829. -o-transition: all 0.6s ease-in-out;
  830. -ms-transition: all 0.6s ease-in-out;
  831. transition: all 0.6s ease-in-out;
  832. color: #000000;
  833. text-shadow: 7px 7px 3px #000000;
  834. }
  835.  
  836.  
  837.  
  838.  
  839.  
  840. .dlinks {
  841. position:fixed;
  842. text-shadow: 0px 0px 11px #7C6868;
  843. left:145px;
  844. top:70px;
  845. transform: rotate(-50deg);
  846. font-family: 'Prata', serif;
  847. font-size: 17px; }
  848.  
  849.  
  850. .dlinks a {
  851. padding:10px;
  852. color:#7f7f7f;
  853. margin-right:0px;
  854. -webkit-filter: blur(1px);
  855. -webkit-transition: 0.8s ease-in;
  856. -moz-transition: 1s ease-in;
  857. transition: 1s ease-in;
  858. }
  859.  
  860. .dlinks a:hover {
  861. -webkit-transition: all 0.6s ease-in-out;
  862. -moz-transition: all 0.6s ease-in-out;
  863. -o-transition: all 0.6s ease-in-out;
  864. -ms-transition: all 0.6s ease-in-out;
  865. transition: all 0.6s ease-in-out;
  866. color: #000000;
  867. text-shadow: 7px 7px 3px #000000;
  868. }
  869.  
  870.  
  871.  
  872.  
  873. .elinks {
  874. position:fixed;
  875. text-shadow: 0px 0px 11px #7C6868;
  876. left:110px;
  877. top:240px;
  878. transform: rotate(0deg);
  879. font-family: 'Prata', serif;
  880. font-size: 25px; }
  881.  
  882.  
  883. .elinks a {
  884. padding:10px;
  885. color:#7f7f7f;
  886. margin-right:0px;
  887. -webkit-filter: blur(1px);
  888. -webkit-transition: 0.8s ease-in;
  889. -moz-transition: 1s ease-in;
  890. transition: 1s ease-in;
  891. }
  892.  
  893. .elinks a:hover {
  894. -webkit-transition: all 0.6s ease-in-out;
  895. -moz-transition: all 0.6s ease-in-out;
  896. -o-transition: all 0.6s ease-in-out;
  897. -ms-transition: all 0.6s ease-in-out;
  898. transition: all 0.6s ease-in-out;
  899. color: #000000;
  900. text-shadow: 7px 7px 3px #000000;
  901. }
  902.  
  903.  
  904.  
  905. .flinks {
  906. position:fixed;
  907. text-shadow: 0px 0px 11px #7C6868;
  908. left:450px;
  909. top:30px;
  910. transform: rotate(10deg);
  911. font-family: 'Prata', serif;
  912. font-size: 20px; }
  913.  
  914.  
  915. .flinks a {
  916. padding:10px;
  917. color:#7f7f7f;
  918. margin-right:0px;
  919. -webkit-filter: blur(1px);
  920. -webkit-transition: 0.8s ease-in;
  921. -moz-transition: 1s ease-in;
  922. transition: 1s ease-in;
  923. }
  924.  
  925. .flinks a:hover {
  926. -webkit-transition: all 0.6s ease-in-out;
  927. -moz-transition: all 0.6s ease-in-out;
  928. -o-transition: all 0.6s ease-in-out;
  929. -ms-transition: all 0.6s ease-in-out;
  930. transition: all 0.6s ease-in-out;
  931. color: #000000;
  932. text-shadow: 7px 7px 3px #000000;}
  933.  
  934. /*The container with all the post etc*/
  935.  
  936. #container {
  937. top:235px;
  938. left:490px;
  939. height:375px;
  940. width:410px;
  941. text-align:justify;
  942. font-family: 'Open Sans Condensed', sans-serif;
  943. text-transform: auto;
  944. position: fixed;
  945. overflow: auto;
  946. }
  947.  
  948.  
  949. #post {
  950. width:400px;
  951. margin-top:12px;
  952. text-align:justify;
  953. font-size:11px;
  954. line-height:110%;
  955. letter-spacing:0px;
  956. color:{color:text};
  957. margin-bottom: 30px;
  958. text-transform: auto;
  959. padding: 2px;
  960. margin-left: auto;
  961. margin-right: auto;
  962. }
  963.  
  964. #posts img {
  965. height:auto;
  966. max-width:100%;
  967. }
  968.  
  969. #photo img {
  970. width:100%;
  971. -webkit-border-radius:5px;
  972. -moz-border-radius:5px;
  973. border-radius:5px;
  974. }
  975.  
  976. .caption {
  977. width:{select:Post size}px;
  978. text-align:justify;
  979. line-height:120%;
  980. }
  981.  
  982. #asker {
  983. font-family: 'Open Sans Condensed', sans-serif;
  984. font-size:30px;
  985. text-align:right;
  986. margin-left:15px;
  987. text-transform:uppercase;
  988. color: {color:italic};
  989. letter-spacing:3px
  990.  
  991.  
  992. }
  993.  
  994. #asker a{
  995. color: {color:bold};
  996. font-family: 'Dancing Script', cursive;
  997. letter-spacing: 3px;
  998.  
  999. font-size:13px;
  1000. text-shadow: 0px 0px 3px {color:bold shadow};
  1001. }
  1002.  
  1003. #asker a:hover {
  1004. color: {color:links hover};
  1005. letter-spacing: 3px;
  1006. }
  1007.  
  1008. #ask {
  1009. font-family: 'Open Sans Condensed', sans-serif;
  1010. font-size:8px;
  1011. text-align:center;
  1012. padding-top: 5px;
  1013. margin-left:5px;
  1014. text-transform:auto;
  1015. line-height:130%;
  1016. padding:8px;
  1017. background:#382020;
  1018. color:{color:ask text};
  1019. text-transform: uppercase;
  1020. border:1px {color:ask border} solid;
  1021. border-top-left-radius:20px;
  1022. border-bottom-right-radius:20px;
  1023. }
  1024.  
  1025. .ans {
  1026. text-align:left;
  1027. padding:10px;
  1028.  
  1029. }
  1030.  
  1031. .audio {
  1032. width:250px;
  1033. padding-bottom:10px;
  1034. }
  1035.  
  1036.  
  1037. .playercontainer {
  1038. text-align:left;
  1039. padding:10px;
  1040. width:240px;
  1041. }
  1042.  
  1043. .audioinfo {
  1044. padding:10px;
  1045. color:{color:text};
  1046. }
  1047.  
  1048.  
  1049. .note {
  1050. text-transform:uppercase;
  1051. font-style:normal;
  1052. letter-spacing:0px;
  1053. font-size: 9px;
  1054. text-align:left;
  1055. line-height:90%;
  1056. margin-left:-40px;
  1057. }
  1058.  
  1059. .note li {
  1060. list-style-type:none;
  1061. padding:10px 25px 10px 25px;
  1062. text-align:left;
  1063. margin:0px;
  1064. -moz-transition-duration:0.5s;
  1065. -webkit-transition-duration:0.5s;
  1066. -o-transition-duration:0.5s;
  1067. }
  1068.  
  1069. #info {
  1070. font-family: 'VT323',serif ;
  1071. width:300px;
  1072. margin-top:0px;
  1073. padding-top:4px;
  1074. margin-left:auto;
  1075. margin-right:auto;
  1076. padding-BOTTOM:1px;
  1077. font-size:14px;
  1078. color:{color:info text};
  1079. text-transform:uppercase;
  1080. letter-spacing:1px;
  1081. font-style:normal;
  1082. text-align:center;
  1083. padding:4px;
  1084. background:url("{image:info}");
  1085. BORDER:0px solid {color:info border};
  1086. -moz-transition-duration:0.2s;
  1087. -webkit-transition-duration:0.2s;
  1088. -o-transition-duration:0.2s;
  1089. }
  1090.  
  1091. #info a {
  1092. font-size:15px;
  1093. color:{color:info text};
  1094. text-shadow: 0px 0px 3px {color:info link shadow};
  1095. padding:5px;
  1096. font-style:normal;
  1097. }
  1098.  
  1099. #info a:hover {
  1100. color:{color:info hover};
  1101. -webkit-filter: blur(0px);
  1102. -moz-transition-duration:0.2s;
  1103. -webkit-transition-duration:0.2s;
  1104. -o-transition-duration:0.2s;
  1105. }
  1106.  
  1107. .tags {
  1108. width:300px;
  1109. text-transform:uppercase;
  1110. margin-left:auto;
  1111. margin-right:auto;
  1112. padding:3px;
  1113. font-size:12px;
  1114. font-style:normal;
  1115. font-family: helvetica;
  1116. padding-top:4px;
  1117. line-height:50%;
  1118. color:{color:tags};
  1119. font-size:12px;
  1120. text-align:center;
  1121. opacity:0;
  1122. -moz-transition-duration:.7s;
  1123. -webkit-transition-duration:.7s;
  1124. -o-transition-duration:.7s;
  1125.  
  1126. }
  1127.  
  1128. .tags a{
  1129. font-size:9px;
  1130. font-family: helvetica;
  1131. text-transform:none;
  1132. font-weight:0;
  1133. font-weight:none;
  1134. text-shadow: none;
  1135. color:{color:tags};
  1136. opacity:0.5;
  1137. font-weight:none;
  1138.  
  1139. }
  1140. .tags a:hover{
  1141. color:{color:tags hover};
  1142. opacity:1;
  1143. font-weight:none;
  1144. -moz-transition-duration:0.8s;
  1145. -webkit-transition-duration:0.8s;
  1146. -o-transition-duration:0.8s;
  1147.  
  1148. }
  1149.  
  1150. #post:hover .tags {
  1151. opacity:1;
  1152. -moz-transition-duration:1.2s;
  1153. -webkit-transition-duration:1.2s;
  1154. -o-transition-duration:1.2s;
  1155. }
  1156.  
  1157.  
  1158. /* Quote & Source */
  1159.  
  1160. .quotemarkleft {
  1161. font-size: 80px;
  1162. font-family: 'Georgia';
  1163. font-weight: bold;
  1164. line-height: 100px;
  1165. position: relative;
  1166. margin: 0px 0 -70px 30px;
  1167. color: #7c373d;
  1168. opacity: 0.9;
  1169. }
  1170.  
  1171. .quotemarkright {
  1172. font-family: 'Georgia';
  1173. font-size: 80px;
  1174. font-weight: bold;
  1175. padding-right: 0px;
  1176. line-height: 30px;
  1177. text-align: right;
  1178. position: relative;
  1179. margin:0 30px 0 -10px;
  1180. color: #7c373d;
  1181. opacity: 0.97;
  1182. }
  1183.  
  1184.  
  1185. #quote{
  1186. font-family:crimson text;
  1187. text-align:center;
  1188. font-size:25px;
  1189. line-height:18px;
  1190. font-weight:bold;
  1191. font-style:italic;
  1192. z-index:999;
  1193. }
  1194.  
  1195.  
  1196.  
  1197.  
  1198. .credit {
  1199. position:fixed;
  1200. font-family: 'Alex Brush', cursive;
  1201. color:{color:bold};
  1202. font-size:16px;
  1203. font-weight:bold;
  1204. line-height:100%;
  1205. letter-spacing:0px;
  1206. right:7px;
  1207. bottom:5px;
  1208. text-align:center;
  1209. text-shadow:0 0 3px {color:bold};
  1210. -webkit-transition: all 0.5s ease-in-out;
  1211. -moz-transition: all 0.5s ease-in-out;
  1212. -o-transition: all 0.5s ease-in-out;
  1213. -ms-transition: all 0.5s ease-in-out;
  1214. transition: all 0.5s ease-in-out;
  1215. }
  1216.  
  1217. .credit:hover {
  1218. color:transparent;
  1219. text-shadow:0 0 7px {color:bold shadow};
  1220. -webkit-transition: all 0.5s ease-in-out;
  1221. -moz-transition: all 0.5s ease-in-out;
  1222. -o-transition: all 0.5s ease-in-out;
  1223. -ms-transition: all 0.5s ease-in-out;
  1224. transition: all 0.5s ease-in-out;
  1225. }
  1226.  
  1227.  
  1228.  
  1229. /* Selection Text & BG (instead of having that blue background when you highlight something) */
  1230.  
  1231.  
  1232. ::selection {
  1233. background:{color:selec bg};
  1234. color:{color:selec};
  1235. }
  1236.  
  1237.  
  1238.  
  1239. </style></head><body>
  1240.  
  1241.  
  1242. <div id="hover">
  1243.  
  1244. <div id="hovertrig">HOVER</div>
  1245.  
  1246. <div class="sidebar">
  1247. <b>S T A T U S:</b>
  1248. <br>
  1249. Active
  1250.  
  1251. <h3>
  1252. I N T E L
  1253. </h3>
  1254.  
  1255. independent, Private
  1256. <br>
  1257. selective
  1258. <br>
  1259. <h4>ITACHI UCHIHA</h4>
  1260. from <em>Naruto !</em>
  1261. <h3>
  1262. F I L E
  1263. </h3>
  1264.  
  1265. <br>
  1266. Ask: 0/0
  1267. <br>
  1268. Drafts: 0/0
  1269. <br>
  1270. ( written by <b>Bianca</b>. )
  1271.  
  1272. </div></div></div></div></div></div>
  1273.  
  1274.  
  1275. <div class="user">
  1276. <a href="/" title="refresh">{text:YOUR URL}</a></div>
  1277.  
  1278. <div class="links">
  1279.  
  1280. <div class="alinks">
  1281. <a href="/" title="refresh."><img src="https://66.media.tumblr.com/01ad5fd449ea51c002c93f9004e8a6cb/tumblr_ocg1cbah9p1uyczx2o1_400.png" > </a>
  1282. </div>
  1283.  
  1284. <div class="blinks">
  1285. <a href="#?w=310" rel="box1" class="poplight" title="ask."> <img src="http://www.wpclipart.com/weapons/knife/throwing/shuriken_2_T.png" style='height: 30px; z-index: 1;' > </a>
  1286. </div>
  1287.  
  1288.  
  1289. <div class="clinks">
  1290. <a href="#?w=310" rel="box2" class="poplight" title="laws."> <img src="http://www.wpclipart.com/weapons/knife/throwing/shuriken_2_T.png" style='height: 30px; z-index: 1;' > </a>
  1291. </div>
  1292.  
  1293.  
  1294. <div class="dlinks">
  1295. <a href="#?w=310" rel="box3" class="poplight" title="verses."> <img src="http://www.wpclipart.com/weapons/knife/throwing/shuriken_2_T.png" style='height: 30px; z-index: 1;' > </a>
  1296. </div>
  1297.  
  1298. <div class="elinks">
  1299. <a href="#?w=310" rel="box4" class="poplight" title="about."> <img src="http://www.wpclipart.com/weapons/knife/throwing/shuriken_2_T.png" style='height: 30px; z-index: 1;' > </a>
  1300. </div>
  1301.  
  1302.  
  1303. <div class="flinks">
  1304. <a href="#?w=310" rel="box5" class="poplight" title="map."> <img src="http://www.wpclipart.com/weapons/knife/throwing/shuriken_2_T.png" style='height: 30px; z-index: 1;' > </a>
  1305. </div>
  1306.  
  1307. </div></div>
  1308.  
  1309. <div class="pagination">
  1310.  
  1311. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><b>◀</b></a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}"><b>▶</b></a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  1312. </div></div></div>
  1313.  
  1314. </div>
  1315.  
  1316. <div id="container">
  1317.  
  1318. <div id="entries">
  1319.  
  1320. {block:Posts}
  1321.  
  1322. <!--This is where you fix all your post (your quotes post, text post, photo post, audio post, etc. -->
  1323.  
  1324. <div id="post">
  1325.  
  1326. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1327.  
  1328. <!--I got a little bug, so, if you want to change de width you need to change the -500 for -250/400 or simply let the 500 -->
  1329.  
  1330. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1331.  
  1332.  
  1333. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1334.  
  1335.  
  1336. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}</center>
  1337.  
  1338. <!-- only on those three -->
  1339.  
  1340. {block:Quote}<div class="quote"><big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div></div>{/block:Source}{/block:Quote}
  1341.  
  1342. {block:Link}<h1><a href="{URL}" {Target}>{name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1343.  
  1344. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  1345.  
  1346. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  1347. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1348.  
  1349.  
  1350.  
  1351. {block:Answer}
  1352. <div id="ask">{question}</div>
  1353. <div id="asker">{Asker}</div>
  1354. {Answer}{/block:Answer}
  1355.  
  1356. {block:Date}<div id="info"> <a href="{Permalink}" title="{TimeAgo}">★</a>
  1357. {/block:Date} {block:NoteCount} <a href="{Permalink}" title="{NoteCount}">★</a> {/block:NoteCount}
  1358.  
  1359. {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>
  1360.  
  1361. {block:HasTags}
  1362. <div class="tags">
  1363. <center> {block:Tags} <a href="{TagURL}">&nbsp; #{Tag} </a> {/block:Tags} </div></center>
  1364. {/block:HasTags}
  1365. </div>
  1366. </div>
  1367.  
  1368. <div class="postnote">
  1369. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1370.  
  1371.  
  1372. {/block:Posts}
  1373.  
  1374.  
  1375. </div>
  1376.  
  1377.  
  1378.  
  1379. </div></div>
  1380.  
  1381.  
  1382. <!-- SCRIPTS -->
  1383.  
  1384. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1385. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1386.  
  1387. <script>
  1388. (function($){
  1389. $(document).ready(function(){
  1390. $("[title]").style_my_tooltips({
  1391. tip_follows_cursor:true,
  1392. tip_delay_time:90,
  1393. tip_fade_speed:600,
  1394. attribute:"title"});
  1395. });})(jQuery);
  1396. </script>
  1397.  
  1398. </div>
  1399.  
  1400.  
  1401.  
  1402.  
  1403. </body>
  1404.  
  1405. <div id="box1" class="popup_block">
  1406.  
  1407. <h3>
  1408. I'll punish the Wicked !
  1409. </h3>
  1410.  
  1411. <center>
  1412.  
  1413. <i>Tell me your Prayer. </i>
  1414.  
  1415. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/rebclvixen.tumblr.com" width="100%"></iframe></p>
  1416.  
  1417. </div>
  1418.  
  1419. </center>
  1420.  
  1421.  
  1422.  
  1423. <div id="box2" class="popup_block">
  1424.  
  1425. <div style="width:auto;height:405px;overflow:scroll;padding:5px;">
  1426.  
  1427. <h3>I. INTRO.</h3>
  1428.  
  1429. CONTENT
  1430. CONTENT
  1431. CONTENT<br>
  1432.  
  1433. <h3>II. SELECTIVITY.</h3>
  1434.  
  1435. CONTENT
  1436. CONTENT
  1437. CONTENT
  1438.  
  1439. <h3>III. FOLLOWING BACK & UNFOLLOWING.</h3>
  1440.  
  1441. CONTENT
  1442. CONTENT
  1443. CONTENT
  1444.  
  1445. <h3>IV. SHIPPING && RELATIONSHIPS.</h3>
  1446.  
  1447. CONTENT
  1448. CONTENT
  1449. CONTENT
  1450. <br><br>
  1451. CONTENT
  1452. CONTENT
  1453. CONTENT
  1454. <br><br>
  1455. CONTENT
  1456. CONTENT
  1457. CONTENT
  1458. CONTENT
  1459. CONTENT
  1460. CONTENT
  1461.  
  1462. <h3>VI. MANNERS.</h3>
  1463.  
  1464. CONTENT
  1465. CONTENT
  1466. CONTENT
  1467.  
  1468.  
  1469. <h3>VII. TRIGGERS AND NSFW</h3>
  1470.  
  1471. CONTENT
  1472. CONTENT
  1473. CONTENT
  1474.  
  1475.  
  1476. <h3>IX. ABOUT .</h3>
  1477.  
  1478. CONTENT
  1479. CONTENT
  1480. CONTENT
  1481. <br><br>
  1482.  
  1483. CONTENT
  1484. CONTENT
  1485. CONTENT
  1486.  
  1487. <h3>X. Credit.</h3>
  1488.  
  1489. Also theme coded and edited by <a href="http://kurokitart.tumblr.com/">Kuro</a>. Original artwork used from <a href="http://radfel.deviantart.com/art/Itachi-Gaiden-130923454"> radfel</a>.
  1490.  
  1491. </div>
  1492. </div>
  1493.  
  1494.  
  1495. <div id="box3" class="popup_block">
  1496. <h1>Once</h1>
  1497.  
  1498. </div>
  1499.  
  1500. <div id="box4" class="popup_block">
  1501. Content Content content
  1502. </div>
  1503.  
  1504. <div id="box5" class="popup_block">
  1505. Content Content content
  1506. </div>
  1507.  
  1508.  
  1509. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!