API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 26th, 2016
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5. <!--
  6.  
  7. WINTER'S LADY THEMES
  8. ♛ this code was made by AGIRLINGREY@TUMBLR.
  9. ♛ do not remove credit or claim as your own.
  10.  
  11. -->
  12.  
  13.  
  14.  
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19.  
  20.  
  21. <!--
  22. POP UP SCRIPT
  23. -->
  24.  
  25.  
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28. <script>
  29. $(document).ready(function() {
  30. //
  31. $('a.poplight[href^=#]').click(function() {
  32. var popID = $(this).attr('rel'); //Get Popup Name
  33. var popURL = $(this).attr('href'); //Get Popup href to define size
  34. var query= popURL.split('?');
  35. var dim= query[1].split('&');
  36. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  37. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  38. var popMargTop = ($('#' + popID).height() + 80) / 2;
  39. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  40. //Apply Margin to Popup
  41. $('#' + popID).css({
  42. 'margin-top' : -popMargTop,
  43. 'margin-left' : -popMargLeft
  44. });
  45. $('body').append('<div id="fade"></div>');
  46. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  47. return false;
  48. });
  49. $('a.close, #fade').live('click', function() {
  50. $('#fade , .popup_block').fadeOut(function() {
  51. $('#fade, a.close').remove(); //fade them both out
  52. });
  53. return false;
  54. });
  55. });
  56. </script>
  57.  
  58.  
  59.  
  60. <!--
  61. VERSE TABS SCRIPT
  62. -->
  63.  
  64.  
  65. <script>
  66.  
  67. $(document).ready(function(){
  68. $("ul#tabs li").click(function(e){
  69. if (!$(this).hasClass("active")) {
  70. var tabNum = $(this).index();
  71. var nthChild = tabNum+1;
  72. $("ul#tabs li.active").removeClass("active");
  73. $(this).addClass("active");
  74. $("ul#tab li.active").removeClass("active");
  75. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  76. }
  77. });
  78. });
  79. </script>
  80.  
  81.  
  82.  
  83.  
  84. <!--
  85. TOOLTIP STYLING SCRIPT
  86. -->
  87.  
  88.  
  89. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  90. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  91. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  92. <script>
  93. (function($){
  94. $(document).ready(function(){
  95. $("[title]").style_my_tooltips({
  96. tip_follows_cursor:true,
  97. tip_delay_time:200,
  98. tip_fade_speed:500
  99. });
  100. });
  101. })(jQuery);
  102. </script>
  103.  
  104.  
  105.  
  106.  
  107. <!--
  108. BLOBS IN A JAR
  109. -->
  110.  
  111.  
  112. <script type="text/javascript">
  113. // <![CDATA[
  114. var colour="#535566"; // what colour are the blobs
  115. var speed=66; // speed of animation, lower is faster
  116. var blobs=10; // how many blobs are in the jar
  117. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  118.  
  119. /***************************\
  120. * Blobs in a Jar Effect *
  121. *(c)2012-13 mf2fm web-design*
  122. * http://www.mf2fm.com/rv *
  123. * DON'T EDIT BELOW THIS BOX *
  124. \***************************/
  125.  
  126. var div;
  127. var xpos=new Array();
  128. var ypos=new Array();
  129. var zpos=new Array();
  130. var dx=new Array();
  131. var dy=new Array();
  132. var dz=new Array();
  133. var blob=new Array();
  134. var swide=800;
  135. var shigh=600;
  136. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  137.  
  138. function addLoadEvent(funky) {
  139. var oldonload=window.onload;
  140. if (typeof(oldonload)!='function') window.onload=funky;
  141. else window.onload=function() {
  142. if (oldonload) oldonload();
  143. funky();
  144. }
  145. }
  146.  
  147. addLoadEvent(fill_the_jar);
  148.  
  149. function fill_the_jar() {
  150. var i, dvs;
  151. div=document.createElement('div');
  152. dvs=div.style;
  153. dvs.position='fixed';
  154. dvs.left='0px';
  155. dvs.top='0px';
  156. dvs.width='1px';
  157. dvs.height='1px';
  158. document.body.appendChild(div);
  159. set_width();
  160. for (i=0; i<blobs; i++) {
  161. add_blob(i);
  162. jamjar(i);
  163. }
  164. }
  165.  
  166. function add_blob(ref) {
  167. var dv, sy;
  168. dv=document.createElement('div');
  169. sy=dv.style;
  170. sy.position='absolute';
  171. sy.textAlign='center';
  172. if (ie_version && ie_version<10) {
  173. sy.fontSize="10px";
  174. sy.width="100px";
  175. sy.height="100px";
  176. sy.paddingTop="40px";
  177. sy.color=colour;
  178. dv.appendChild(document.createTextNode(charc));
  179. }
  180. else if (ie_version) {
  181. sy.fontSize="1px";
  182. sy.width="0px";
  183. sy.height="0px";
  184. }
  185. else {
  186. dv.appendChild(document.createTextNode(charc));
  187. sy.color='rgba(0,0,0,0)';
  188. }
  189. ypos[ref]=Math.floor(shigh*Math.random());
  190. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  191. xpos[ref]=Math.floor(swide*Math.random());
  192. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  193. zpos[ref]=Math.random()*20;
  194. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  195. blob[ref]=dv;
  196. div.appendChild(blob[ref]);
  197. set_blob(ref);
  198. }
  199.  
  200. function rejig(ref, xy) {
  201. if (xy=='y') {
  202. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  203. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  204. }
  205. else {
  206. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  207. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  208. }
  209. }
  210.  
  211. function sign(a) {
  212. if (a<0) return (-2);
  213. else if (a>0) return (2);
  214. else return (0);
  215. }
  216.  
  217. function set_blob(ref) {
  218. var sy;
  219. sy=blob[ref].style;
  220. sy.top=ypos[ref]+'px';
  221. sy.left=xpos[ref]+'px';
  222. if (ie_version && ie_version<10) {
  223. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  224. sy.fontSize=30-zpos[ref]+"px";
  225. }
  226. else if (ie_version) {
  227. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  228. }
  229. else {
  230. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  231. sy.fontSize=40+zpos[ref]+'px';
  232. }
  233. }
  234.  
  235. function jamjar(ref) {
  236. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  237. ypos[ref]+=dy[ref];
  238. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  239. xpos[ref]+=dx[ref];
  240. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  241. zpos[ref]+=dz[ref];
  242. set_blob(ref);
  243. setTimeout("jamjar("+ref+")", speed);
  244. }
  245.  
  246. window.onresize=set_width;
  247. function set_width() {
  248. var sw_min=999999;
  249. var sh_min=999999;
  250. if (document.documentElement && document.documentElement.clientWidth) {
  251. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  252. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  253. }
  254. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  255. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  256. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  257. }
  258. if (document.body.clientWidth) {
  259. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  260. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  261. }
  262. if (sw_min==999999 || sh_min==999999) {
  263. sw_min=800;
  264. sh_min=600;
  265. }
  266. swide=sw_min;
  267. shigh=sh_min;
  268. }
  269. // ]]>
  270. </script>
  271.  
  272.  
  273.  
  274.  
  275.  
  276. <title>{Title}</title>
  277. <link rel="shortcut icon" href="{Favicon}">
  278. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  279. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  280.  
  281. <meta name="color:background" content="#000000"/>
  282. <meta name="color:text" content="#a1a0a0"/>
  283. <meta name="color:description" content=transparent/>
  284. <meta name="color:link" content="#e0d3ed"/>
  285. <meta name="color:link hover" content="#989898" />
  286. <meta name="color:bold" content="#cdc2f0" />
  287. <meta name="color:italic" content="#ffffff" />
  288. <meta name="color:border" content="#292828" />
  289. <meta name="color:scrollbar" content="#ffffff" />
  290. <meta name="color:postbg" content=transparent />
  291. <meta name="color:blockquote" content="#121212" />
  292. <meta name="color:tags" content="#e0d3ed"/>
  293.  
  294. <meta name="image:background" content=""/>
  295.  
  296. <meta name="text:link 1" content="link 1"/>
  297. <meta name="text:link 1 url" content="/"/>
  298. <meta name="text:link 2" content="link 2"/>
  299. <meta name="text:link 2 url" content="/"/>
  300. <meta name="text:link 3" content="link 3"/>
  301. <meta name="text:link 3 url" content="/"/>
  302. <meta name="text:link 4" content="link 4"/>
  303. <meta name="text:link 4 url" content="/"/>
  304. <meta name="text:link 5" content="link 5"/>
  305. <meta name="text:link 5 url" content="/"/>
  306. <meta name="text:link 6" content="link 6"/>
  307. <meta name="text:link 6 url" content="/"/>
  308. <meta name="text:link 7" content="link 7"/>
  309. <meta name="text:link 7 url" content="/"/>
  310. <meta name="text:link 8" content="link 8"/>
  311. <meta name="text:link 8 url" content="/"/>
  312.  
  313. <meta name="if:tinycursor" content="1"/>
  314. <meta name="if:greyscale" content="0"/>
  315. <meta name="text:text size" content="12px" />
  316. <meta name="if:showsubmit" content="0"/>
  317.  
  318. <meta name="color:updates bar" content="#070707"/>
  319. <meta name="image:Updates" content=""/>
  320. <meta name="image:thekey" content=""/>
  321.  
  322.  
  323.  
  324. <!--
  325. CUSTOM FONTS
  326. -->
  327.  
  328.  
  329. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  330.  
  331. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  332.  
  333. <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
  334.  
  335. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  336.  
  337.  
  338. <style type="text/css">
  339.  
  340.  
  341.  
  342. /* the hover update thing */
  343.  
  344.  
  345.  
  346. #bite
  347. #bite a{
  348. display:block
  349. }
  350. #bite .death {
  351. margin-top:0px;filter: alpha(opacity = 1.0);
  352. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  353. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  354. }
  355.  
  356. #bite:hover .death {
  357. margin-top:0px;
  358. -webkit-transition: all 0.8s ease-out;
  359. -moz-transition: all 0.8s ease-out;
  360. transition: all 0.8s ease-out;
  361. filter: alpha(opacity = 100);
  362. filter: alpha(opacity = 100);
  363. opacity:100;
  364. }
  365.  
  366.  
  367. /* selection font and background */
  368.  
  369.  
  370. ::selection {
  371. background: #444;
  372. color:#fff; }
  373.  
  374.  
  375. ::-moz-selection {
  376. background: #444;
  377. color:#fff; }
  378.  
  379.  
  380.  
  381. /* scrollbar details */
  382.  
  383.  
  384.  
  385. ::-webkit-scrollbar {
  386. height: 0px;
  387. width: 2px;
  388. background:transparent;
  389. border-left:0px solid transparent;
  390. border-right:0px solid transparent;}
  391.  
  392.  
  393. ::-webkit-scrollbar-thumb {
  394. background:transparent;}
  395.  
  396.  
  397.  
  398.  
  399.  
  400. /* the cursor */
  401.  
  402.  
  403. {block:iftinycursor}
  404. body, a, a:hover{
  405. cursor: url('http://media.tumblr.com/28e8e2c9c0a422c5fb73ea368b58b529/tumblr_inline_mv7k3cbC5e1qmxe8x.png'), progress;}
  406. {/block:iftinycursor}
  407.  
  408. iframe#tumblr_controls {
  409. right:3px !important;
  410. position: fixed !important;
  411. -webkit-transition: opacity 0.7s
  412. linear;opacity: 0.2;
  413. -webkit-transition: all 0.8s ease-out;
  414. -moz-transition: all 0.8s ease-out;
  415. transition: all 0.8s ease-out;}
  416.  
  417. iframe#tumblr_controls:hover{
  418. -webkit-transition: opacity 0.7s linear;
  419. opacity: 1;
  420. -webkit-transition: all 0.4s ease-out;
  421. -moz-transition: all 0.4s ease-out;
  422. transition: all 0.4s ease-out;}
  423.  
  424.  
  425.  
  426. /* general look & background */
  427.  
  428.  
  429. body {
  430. background:#727272;
  431. background-image:url('http://i.imgur.com/AxZAFJU.jpg');
  432. background-attachment: fixed;
  433. background-repeat: no-repeat;
  434. background-position: left top;
  435. color:#2f4461;
  436. font-family: calibri;
  437. text-align:justify;
  438. font-size: 10px;
  439. letter-spacing:1px;
  440. line-height:135%;
  441.  
  442. }
  443.  
  444.  
  445.  
  446. /* the verses tabs */
  447.  
  448.  
  449. ul#tabs {
  450. list-style-type: none;
  451. padding: 0;
  452. text-align: center;
  453. font-size:8px;
  454. letter-spacing:1px;
  455. }
  456.  
  457. ul#tabs li {
  458. display: inline-block;
  459. background-color: transparent;
  460. border: solid 0px #262626;
  461. padding: 4px 12px;
  462. margin-bottom: 4px;
  463. color: #1b1b1b;
  464. cursor: pointer;
  465. }
  466.  
  467. ul#tabs li:hover {
  468. background-color: #b0b0b0;
  469. }
  470.  
  471. ul#tabs li.active {
  472. background-color: #0f0f0f;
  473. background-image:url('https://67.media.tumblr.com/300286f213a8d26a130bfac248803dd5/tumblr_o9e71aSClH1ud4mdwo2_400.png');
  474. border: 1px solid #9b9b9b;
  475. }
  476.  
  477. ul#tab {
  478. list-style-type: none;
  479. margin: 0;
  480. padding: 0;
  481. }
  482.  
  483. ul#tab li {
  484. display: none;
  485. }
  486.  
  487. ul#tab li.active {
  488. display: block;
  489. }
  490.  
  491.  
  492.  
  493.  
  494. /* back to general look & details */
  495.  
  496.  
  497.  
  498. a:link, a:active, a:visited {
  499. text-decoration: none;
  500. color: #d1d1d1;
  501. -moz-transition-duration:.6s;
  502. -webkit-transition-duration:.6s;
  503. -o-transition-duration:.6s;
  504. -webkit-filter: blur(0px);}
  505.  
  506. a:hover {
  507. color: #8f8f8f;
  508. -moz-transition-duration:.6s;
  509. -webkit-transition-duration:.6s;
  510. -o-transition-duration:.6s;
  511. -webkit-filter: blur(1px);}
  512.  
  513.  
  514.  
  515. h1 {
  516. background-color: transparent;
  517. font-family: 'Montserrat', sans-serif;
  518. font-size: 16px;
  519. line-height: 20px;
  520. letter-spacing: 2px;
  521. text-align: center;
  522. text-transform:uppercase;
  523. color: #d1d1d1;
  524. }
  525.  
  526.  
  527. h2 {
  528. background-color: transparent;
  529. font-family: 'Montserrat', sans-serif;
  530. font-size: 15px;
  531. line-height: 16px;
  532. letter-spacing: 2px;
  533. text-align: left;
  534. text-transform:uppercase;
  535. color: #d1d1d1;
  536. }
  537.  
  538.  
  539.  
  540. h3 {
  541. background-color: transparent;
  542. background-image:url("https://67.media.tumblr.com/a2fa09ecadb8f385a6a0dcb6048871f0/tumblr_o9e71aSClH1ud4mdwo1_400.gif");
  543. border:1px dotted #9b9b9b;
  544. font-family: arial;
  545. font-weight:bold;
  546. color: #d1d1d1;
  547. text-shadow:0px 0px 2px #2c2f34;
  548. font-size: 10px;
  549. line-height: 12px;
  550. letter-spacing: 2px;
  551. text-align: center;
  552. text-transform:uppercase;
  553. padding:1px;
  554. line-height:120%;}
  555.  
  556.  
  557.  
  558. quotetext {
  559. background-color: transparent;
  560. font-family: times;
  561. font-size: 14px;
  562. line-height: 20px;
  563. letter-spacing: 2px;
  564. text-align: center;
  565. text-transform:uppercase;
  566. color: #dadada;
  567. }
  568.  
  569.  
  570.  
  571. blockquote {
  572. word-wrap: break-word;
  573. padding:2px 7px;
  574. margin:3px 0 3px 10px;
  575. border-left:1px solid {color:border};
  576. background-color:transparent;}
  577.  
  578.  
  579. blockquote img{
  580. max-width:100%;
  581. height:auto;
  582. }
  583.  
  584. blockquote blockquote img{
  585. max-width:100%;
  586. height:auto;
  587. }
  588.  
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595. b, bold {
  596. font-size:10px;
  597. text-transform:uppercase;
  598. letter-spacing:1px;
  599. font-family: times;
  600. color: #152f70;
  601. text-shadow:1px 1px 0 #343434;
  602. }
  603.  
  604.  
  605. i, italic {
  606. font-size:12px;
  607. color: #6886d4;
  608. font-family: 'Roboto Condensed', sans-serif;
  609. text-shadow: 0px 0px 2px #5a5a5a;
  610. letter-spacing:1px;
  611. text-transform:lowercase;
  612. }
  613.  
  614.  
  615.  
  616. p {
  617. margin-top:5px;
  618. margin-bottom:5px;}
  619.  
  620.  
  621. ol {
  622. list-style:normal;}
  623.  
  624.  
  625. ul {
  626. list-style:square;}
  627.  
  628.  
  629. small {
  630. font-size:10px}
  631.  
  632.  
  633. sup,sub {
  634. font-size:11px}
  635.  
  636.  
  637. pre {
  638. font-size: 10px;
  639. letter-spacing:3px;
  640. background-color:#7f7f7f;
  641. font-family: "Times New Roman", Times, serif;
  642. font-style: none;
  643. text-align:center;
  644. }
  645.  
  646.  
  647.  
  648. big {
  649. font-size:14px;
  650. text-transform:uppercase;
  651. letter-spacing:2px;
  652. font-family: "Times New Roman", Times, serif;
  653. color: #b8b8b8;
  654. text-shadow: 0px 0px 2px #383838;
  655. }
  656.  
  657.  
  658.  
  659. {block:IfGreyscale}
  660.  
  661. img {
  662. -webkit-filter:grayscale(100%);
  663. -webkit-transition: all 0.9s ease-in-out;
  664. -moz-transition: all 0.9s ease-in-out;
  665. -o-transition: all 0.9s ease-in-out;
  666. -ms-transition: all 0.9s ease-in-out;
  667. transition: all 0.9s ease-in-out;}
  668.  
  669. img:hover {
  670. -webkit-filter:none;}
  671.  
  672. .html_photoset {
  673. -webkit-filter: grayscale(100%);
  674. -webkit-transition: all 0.9s ease-in-out;
  675. -moz-transition: all 0.9s ease-in-out;
  676. -o-transition: all 0.9s ease-in-out;
  677. -ms-transition: all 0.9s ease-in-out;
  678. transition: all 0.9s ease-in-out;}
  679.  
  680. .html_photoset:hover {
  681. -webkit-filter: none;}
  682.  
  683. {/block:IfGreyscale}
  684.  
  685.  
  686.  
  687. #pcontainer {
  688. background-color:transparent;
  689. width:240px;
  690. height:260px;
  691. padding: 20px;
  692. top:300px;
  693. margin-left: 180px;
  694. position:relative;
  695. overflow-y:scroll;
  696. overflow-x:hidden;
  697. -webkit-mask-image: -webkit-gradient(
  698. linear, center 75%, center bottom,
  699. from(rgba(0,0,0,20)),
  700. to(rgba(20,0,0,0)));
  701. border:1px solid transparent;}
  702.  
  703.  
  704.  
  705. #pcontainer img {
  706. height:auto;
  707. max-width:100%;
  708. }
  709.  
  710.  
  711.  
  712. #content {
  713. margin-left:62px;
  714. width:310px;
  715. margin-top: -100px;
  716. }
  717.  
  718.  
  719. #posts {
  720. width:250px;
  721. padding:10px;
  722. margin-top: 85px;
  723. margin-left:-70px;
  724. padding-bottom:0px;}
  725.  
  726.  
  727.  
  728. #sidebar {
  729. margin-left: 1590px;
  730. line-height:15px;
  731. width: 180px;
  732. position: fixed;
  733. top: 200px;
  734. text-align: center; }
  735.  
  736.  
  737. #sidebar img {
  738. width:150px;
  739. padding-top:10px;
  740. padding-bottom:10px;}
  741.  
  742.  
  743. #description {
  744. margin-left: 0px;
  745. margin-top: -50px;
  746. width:180px;
  747. color:transparent;}
  748.  
  749.  
  750.  
  751. #actualnews {
  752. font-family: calibri;
  753. font-size:10px;
  754. text-align:justify;
  755. background:transparent;
  756. color: #1f3552;
  757. width:150px;
  758. height:220px;
  759. padding-top:3px;
  760. border:0px solid #131313;
  761. margin-left: 550px;
  762. margin-top: -5px;
  763. position:fixed;
  764. -webkit-filter: blur(0px);
  765. -webkit-transition: 0.8s ease-in;
  766. -moz-transition: 1s ease-in;
  767. transition: 1s ease-in;
  768. opacity:0.5;
  769. -webkit-transition: all 0.6s ease-in-out;
  770. -moz-transition: all 0.6s ease-in-out;
  771. -o-transition: all 0.6s ease-in-out;
  772. -ms-transition: all 0.6s ease-in-out;
  773. transition: all 0.6s ease-in-out;
  774. }
  775.  
  776.  
  777.  
  778. #actualnews:hover {
  779. -webkit-filter:none;
  780. -webkit-transition: all 0.6s ease-in-out;
  781. opacity:1;
  782. -webkit-transition: all 0.6s ease-in-out;
  783. -moz-transition: all 0.6s ease-in-out;
  784. -o-transition: all 0.6s ease-in-out;
  785. -ms-transition: all 0.6s ease-in-out;
  786. transition: all 0.6s ease-in-out;
  787. }
  788.  
  789.  
  790.  
  791. #thekey {
  792. position:fixed;
  793. color:#7c7470;
  794. text-shadow: 0px 0px 2px #fff;
  795. margin-top:175px;
  796. margin-left:55px;
  797. width:710px;
  798. padding:9px;
  799. letter-spacing:2px;
  800. word-spacing:5px; /*this defines the separation of each word of the links*/
  801. font-family: helvetica;
  802. font-size:12px;
  803. text-align:center;
  804. background:transparent;
  805. text-transform:uppercase;
  806. -webkit-transform: rotate(-90deg);
  807. -moz-transform: rotate(-90deg);
  808. -o-transform: rotate(-90deg);
  809. }
  810.  
  811.  
  812.  
  813.  
  814. /* JUMBLED LINKS */
  815.  
  816.  
  817.  
  818. .alinks {
  819. position:fixed;
  820. text-shadow: 0px 0px 0px #000;
  821. left:260px;
  822. top:160px;
  823. transform: rotate(0deg);
  824. font-family: 'Montserrat', sans-serif;
  825. font-size: 20px;}
  826.  
  827.  
  828. .alinks a {
  829. opacity:0.5;
  830. padding:10px;
  831. color:#202020;
  832. margin-right:0px;
  833. -webkit-filter: blur(0px);
  834. -webkit-transition: 0.8s ease-in;
  835. -moz-transition: 1s ease-in;
  836. transition: 1s ease-in;
  837. }
  838.  
  839. .alinks a:hover {
  840. opacity:1;
  841. -webkit-filter: blur(3px);
  842. -webkit-transition: all 0.6s ease-in-out;
  843. -moz-transition: all 0.6s ease-in-out;
  844. -o-transition: all 0.6s ease-in-out;
  845. -ms-transition: all 0.6s ease-in-out;
  846. transition: all 0.6s ease-in-out;
  847. color: #c7c7c7;
  848. text-shadow: 3px 3px 3px #000;
  849. }
  850.  
  851.  
  852.  
  853.  
  854. .blinks {
  855. position:fixed;
  856. text-shadow: 0px 0px 0px #000;
  857. left:710px;
  858. top:350px;
  859. transform: rotate(0deg);
  860. font-family: 'Montserrat', sans-serif;
  861. font-size: 15px;}
  862.  
  863.  
  864. .blinks a {
  865. padding:10px;
  866. color:#2a2a2a;
  867. margin-right:0px;
  868. -webkit-filter: blur(0px);
  869. -webkit-transition: 0.8s ease-in;
  870. -moz-transition: 1s ease-in;
  871. transition: 1s ease-in;
  872. }
  873.  
  874. .blinks a:hover {
  875. -webkit-transition: all 0.6s ease-in-out;
  876. -moz-transition: all 0.6s ease-in-out;
  877. -o-transition: all 0.6s ease-in-out;
  878. -ms-transition: all 0.6s ease-in-out;
  879. transition: all 0.6s ease-in-out;
  880. color: #727272;
  881. text-shadow: 2px 2px 2px #000;
  882. }
  883.  
  884.  
  885.  
  886.  
  887. .clinks {
  888. position:fixed;
  889. text-shadow: 0px 0px 0px #000;
  890. left:710px;
  891. top:380px;
  892. transform: rotate(0deg);
  893. font-family: 'Montserrat', sans-serif;
  894. font-size: 15px;}
  895.  
  896.  
  897. .clinks a {
  898. padding:10px;
  899. color:#2a2a2a;
  900. margin-right:0px;
  901. -webkit-filter: blur(0px);
  902. -webkit-transition: 0.8s ease-in;
  903. -moz-transition: 1s ease-in;
  904. transition: 1s ease-in;
  905. }
  906.  
  907. .clinks a:hover {
  908. -webkit-transition: all 0.6s ease-in-out;
  909. -moz-transition: all 0.6s ease-in-out;
  910. -o-transition: all 0.6s ease-in-out;
  911. -ms-transition: all 0.6s ease-in-out;
  912. transition: all 0.6s ease-in-out;
  913. color: #727272;
  914. text-shadow: 2px 2px 2px #000;
  915. }
  916.  
  917.  
  918.  
  919.  
  920. .dlinks {
  921. position:fixed;
  922. text-shadow: 0px 0px 0px #000;
  923. left:710px;
  924. top:410px;
  925. transform: rotate(0deg);
  926. font-family: 'Montserrat', sans-serif;
  927. font-size: 15px;}
  928.  
  929.  
  930. .dlinks a {
  931. padding:10px;
  932. color:#2a2a2a;
  933. margin-right:0px;
  934. -webkit-filter: blur(0px);
  935. -webkit-transition: 0.8s ease-in;
  936. -moz-transition: 1s ease-in;
  937. transition: 1s ease-in;
  938. }
  939.  
  940. .dlinks a:hover {
  941. -webkit-transition: all 0.6s ease-in-out;
  942. -moz-transition: all 0.6s ease-in-out;
  943. -o-transition: all 0.6s ease-in-out;
  944. -ms-transition: all 0.6s ease-in-out;
  945. transition: all 0.6s ease-in-out;
  946. color: #727272;
  947. text-shadow: 2px 2px 2px #000;
  948. }
  949.  
  950.  
  951.  
  952.  
  953. .elinks {
  954. position:fixed;
  955. text-shadow: 0px 0px 0px #000;
  956. left:710px;
  957. top:440px;
  958. transform: rotate(0deg);
  959. font-family: 'Montserrat', sans-serif;
  960. font-size: 15px;}
  961.  
  962.  
  963. .elinks a {
  964. padding:10px;
  965. color:#2a2a2a;
  966. margin-right:0px;
  967. -webkit-filter: blur(0px);
  968. -webkit-transition: 0.8s ease-in;
  969. -moz-transition: 1s ease-in;
  970. transition: 1s ease-in;
  971. }
  972.  
  973. .elinks a:hover {
  974. -webkit-transition: all 0.6s ease-in-out;
  975. -moz-transition: all 0.6s ease-in-out;
  976. -o-transition: all 0.6s ease-in-out;
  977. -ms-transition: all 0.6s ease-in-out;
  978. transition: all 0.6s ease-in-out;
  979. color: #727272;
  980. text-shadow: 2px 2px 2px #000;
  981. }
  982.  
  983.  
  984.  
  985. .flinks {
  986. position:fixed;
  987. text-shadow: 0px 0px 0px #000;
  988. left:710px;
  989. top:470px;
  990. transform: rotate(0deg);
  991. font-family: 'Montserrat', sans-serif;
  992. font-size: 15px;}
  993.  
  994.  
  995. .flinks a {
  996. padding:10px;
  997. color:#2a2a2a;
  998. margin-right:0px;
  999. -webkit-filter: blur(0px);
  1000. -webkit-transition: 0.8s ease-in;
  1001. -moz-transition: 1s ease-in;
  1002. transition: 1s ease-in;
  1003. }
  1004.  
  1005. .flinks a:hover {
  1006. -webkit-transition: all 0.6s ease-in-out;
  1007. -moz-transition: all 0.6s ease-in-out;
  1008. -o-transition: all 0.6s ease-in-out;
  1009. -ms-transition: all 0.6s ease-in-out;
  1010. transition: all 0.6s ease-in-out;
  1011. color: #727272;
  1012. text-shadow: 2px 2px 2px #000;
  1013. }
  1014.  
  1015.  
  1016.  
  1017. .credit {
  1018. position:fixed;
  1019. text-shadow: 0px 0px 11px #7C6868;
  1020. right:15px;
  1021. bottom:15px;
  1022. transform: rotate(0deg);
  1023. font-family: helvetica;
  1024. font-size: 14px; }
  1025.  
  1026.  
  1027. .credit a {
  1028. padding:10px;
  1029. color:#191919;
  1030. margin-right:0px;
  1031. -webkit-filter: blur(1px);
  1032. -webkit-transition: 0.8s ease-in;
  1033. -moz-transition: 1s ease-in;
  1034. transition: 1s ease-in;
  1035. }
  1036.  
  1037. .credit a:hover {
  1038. -webkit-transition: all 0.6s ease-in-out;
  1039. -moz-transition: all 0.6s ease-in-out;
  1040. -o-transition: all 0.6s ease-in-out;
  1041. -ms-transition: all 0.6s ease-in-out;
  1042. transition: all 0.6s ease-in-out;
  1043. color: #000000;
  1044. text-shadow: 2px 2px 2px #000000;
  1045. }
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054.  
  1055.  
  1056. /* JUMBLED LINKS ENDS */
  1057.  
  1058.  
  1059.  
  1060. #pagination {
  1061. position:fixed;
  1062. font-family:times;
  1063. width:300px;
  1064. font-size:8px;
  1065. top:520px;
  1066. left:260px;
  1067. letter-spacing:3px;
  1068. text-align:center;
  1069. z-index:999999999999;
  1070. }
  1071.  
  1072. #pagination a {
  1073. text-transform:uppercase;
  1074. color:#181818;
  1075. -webkit-filter: blur(1px);
  1076. -webkit-transition: 0.8s ease-in;
  1077. -moz-transition: 1s ease-in;
  1078. transition: 1s ease-in;
  1079. z-index:999999999999;
  1080. }
  1081.  
  1082. #pagination a:hover {
  1083. color:#000;
  1084. -webkit-filter: blur(0px);
  1085. -webkit-transition: 0.2s ease-in;
  1086. -moz-transition: 1s ease-in;
  1087. transition: 1s ease-in;
  1088. }
  1089.  
  1090.  
  1091. .audio {
  1092. width:335px;
  1093. padding-bottom:10px;
  1094. background-color:{color:#000000};}
  1095.  
  1096. .albumart {
  1097. float:left;
  1098. padding:0px 10px 10px 0px;}
  1099.  
  1100. .albumart img {
  1101. width:65px;
  1102. height:65px;}
  1103.  
  1104. .playercontainer {
  1105. text-align:left;
  1106. padding:10px;
  1107. background-color:#090909;
  1108. width:335px;}
  1109.  
  1110. .audioinfo {
  1111. padding:10px;
  1112. color:{color:text};}
  1113.  
  1114.  
  1115.  
  1116.  
  1117.  
  1118. /* QUESTIONS & ANSWERS DETAILS */
  1119.  
  1120.  
  1121. #asker {
  1122. font-family: 'Arizonia', cursive;
  1123. font-style:none;
  1124. letter-spacing:2px;
  1125. text-align:center;
  1126. padding-top: 10px;
  1127. margin-left:0px;
  1128. text-transform:lowercase;
  1129. color: #c9c9c9;
  1130. font-size:30px;
  1131. padding:5px;
  1132. letter-spacing:0px
  1133. text-shadow:0 0 2px #aeaeae;
  1134. }
  1135.  
  1136.  
  1137. #asker a{
  1138. font-family: 'Arizonia', cursive;
  1139. font-style:none;
  1140. letter-spacing:2px;
  1141. text-transform:lowercase;
  1142. font-size:30px;
  1143. letter-spacing: 0px;
  1144. text-shadow: none;
  1145. color: #c9c9c9;
  1146. text-shadow:0 0 2px #1a1a1a;
  1147. -webkit-filter: blur(0.5px);
  1148. }
  1149.  
  1150.  
  1151. #asker a:hover {
  1152. color: #656565;
  1153. letter-spacing: 0px;
  1154. text-shadow:0 0 2px #000;
  1155. -webkit-filter: blur(2px);
  1156. -webkit-transition:all .5s ease-in-out;
  1157. -moz-transition:all .5s ease-in-out;
  1158. transition:all .5s ease-in-out;
  1159. }
  1160.  
  1161.  
  1162.  
  1163. #ask {
  1164. font-family: times;
  1165. width:225px;
  1166. font-size:8px;
  1167. text-align:center;
  1168. padding-top: 5px;
  1169. margin-left:0px;
  1170. text-transform:auto;
  1171. letter-spacing:3px
  1172. margin-top:-10px;
  1173. padding:5px;
  1174. background: #000;
  1175. background: url("https://67.media.tumblr.com/a2fa09ecadb8f385a6a0dcb6048871f0/tumblr_o9e71aSClH1ud4mdwo1_400.gif");
  1176. color:#dcdcdc;
  1177. text-transform: uppercase;
  1178. border-bottom-left-radius: 10px;
  1179. border-bottom-right-radius: 10px;
  1180. border-top-left-radius: 10px;
  1181. border-top-right-radius: 10px;
  1182. padding:10px;
  1183. letter-spacing:2px;
  1184. border-bottom:solid 1px #717171;
  1185. border-top:solid 1px #717171;
  1186. }
  1187.  
  1188.  
  1189. .ans {
  1190. text-align:center;
  1191. padding:10px;
  1192. }
  1193.  
  1194.  
  1195. /* POST INFO DETAILS */
  1196.  
  1197.  
  1198.  
  1199. #info {
  1200. background: url("https://67.media.tumblr.com/300286f213a8d26a130bfac248803dd5/tumblr_o9e71aSClH1ud4mdwo2_400.png");
  1201. border: 1px solid #717171;
  1202. border-bottom-right-radius: 15px;
  1203. border-bottom-left-radius: 15px;
  1204. border-top-right-radius: 15px;
  1205. border-top-left-radius: 15px;
  1206. width:255px;
  1207. height:25px;
  1208. text-align:center;
  1209. letter-spacing:10px;
  1210. margin-top:8px;
  1211. margin-bottom:50px;
  1212. text-transform:uppercase;
  1213. font-size:15px;
  1214. font-style:none;
  1215. }
  1216.  
  1217.  
  1218.  
  1219.  
  1220. #info a {
  1221. color:#dcdcdc;}
  1222.  
  1223. #info a:hover {
  1224. color:#000;}
  1225.  
  1226.  
  1227.  
  1228.  
  1229. #tags {
  1230. font-family: helvetica;
  1231. color:#181818;
  1232. padding-bottom:35px;
  1233. letter-spacing:2px;
  1234. text-transform:uppercase;
  1235. font-size:7px;
  1236. font-style:normal;
  1237. margin-top:10px;
  1238. text-align:right;
  1239. float:right;
  1240. }
  1241.  
  1242.  
  1243. #tags a {
  1244. display:inline-block;
  1245. padding:-3px;
  1246. opacity:0.8;
  1247. text-align:center;
  1248. color:#181818;
  1249.  
  1250. }
  1251.  
  1252.  
  1253. #tags a:hover {
  1254. color:{color:text};
  1255. }
  1256.  
  1257.  
  1258.  
  1259.  
  1260.  
  1261.  
  1262. .note {
  1263. text-transform:uppercase;
  1264. font-style:normal;
  1265. letter-spacing:0px;
  1266. font-size: 10px;
  1267. text-align:left;
  1268. line-height:90%;
  1269. margin-left:-40px;}
  1270.  
  1271. .note li {
  1272. list-style-type:none;
  1273. border-bottom:0px solid {color:border};
  1274. padding:10px 25px 10px 25px;
  1275. text-align:left;
  1276. margin:0px;
  1277. -moz-transition-duration:0.5s;
  1278. -webkit-transition-duration:0.5s;
  1279. -o-transition-duration:0.5s;}
  1280.  
  1281. .note img.avatar {
  1282. margin-right: 10px;
  1283. width: 16px;
  1284. height: 16px;}
  1285.  
  1286.  
  1287.  
  1288.  
  1289. /*--BASIC POP-UP DETAILS--*/
  1290.  
  1291.  
  1292.  
  1293. .popup_block{
  1294. display:none;
  1295. background: url("");
  1296. background:#000000;
  1297. padding:20px;
  1298. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  1299. float:left;
  1300. height: 400px;
  1301. top:50%; left:50%;
  1302. position:fixed;
  1303. z-index: 99999;
  1304. -webkit-box-shadow: 1px 1px 5px #323232;
  1305. -moz-box-shadow: 1px 1px 5px #323232;
  1306. box-shadow: 1px 1px 5px #323232;
  1307. }
  1308.  
  1309.  
  1310. *html #fade {position: absolute;}
  1311. *html .popup_block {position: absolute;}
  1312. #fade {
  1313. display:none;
  1314. position:fixed;
  1315. left:0px;
  1316. top:0px;
  1317. width:100%;
  1318. height:100%;
  1319. z-index:9999;
  1320. background:#000;
  1321. opacity:0.5;
  1322. }
  1323.  
  1324.  
  1325.  
  1326.  
  1327. .popupnavlinks {
  1328. padding-top:5px;
  1329. text-align:center; }
  1330.  
  1331.  
  1332. .popupnavlinks a {
  1333. display:inline-block;
  1334. width:120px; height:8px;
  1335. margin:2px; padding:6px 6px 10px;
  1336. text-align:center;
  1337. font-family:'helvetica';
  1338. font-size:8px;
  1339. text-transform:uppercase;
  1340. letter-spacing:1px;
  1341. color:#dcdcdc; background:transparent;
  1342. background-image:url('https://67.media.tumblr.com/300286f213a8d26a130bfac248803dd5/tumblr_o9e71aSClH1ud4mdwo2_400.png');
  1343. border:1px dotted;
  1344. border-color: #9b9b9b;
  1345. }
  1346.  
  1347.  
  1348. .popupnavlinks a:hover {
  1349. display:inline-block;
  1350. width:120px; margin:2px;
  1351. padding:6px 6px 10px;
  1352. text-align:center;
  1353. font-family:'helvetica';
  1354. font-size:8px;
  1355. text-transform:uppercase;
  1356. letter-spacing:1px;
  1357. color:#2e2e2e;
  1358. background:transparent }
  1359.  
  1360.  
  1361.  
  1362. .popupclose {
  1363. float:right; top:0px; right:0px;
  1364. margin-top:-10px; margin-right:-10px;
  1365. font-family:'Scada', sans serif;
  1366. font-size:10px;
  1367. font-weight:bold }
  1368.  
  1369. .popupclose a {
  1370. color:#aaa }
  1371.  
  1372.  
  1373.  
  1374. /*--TOOLTIP DETAILS--*/
  1375.  
  1376.  
  1377.  
  1378. #s-m-t-tooltip{
  1379. max-width:400px;
  1380. margin:15px;
  1381. padding:2px 8px;
  1382. background: #dcdcdc;
  1383. background-image:url('https://67.media.tumblr.com/a2fa09ecadb8f385a6a0dcb6048871f0/tumblr_o9e71aSClH1ud4mdwo1_400.gif');
  1384. border:1px dotted;
  1385. border-color: #727272;
  1386. color:#9b9b9b;
  1387. z-index:99999999999999999999;
  1388. font-size:9px;
  1389. letter-spacing:2px;
  1390. font-style:bold;
  1391. letter-spacing:2px;
  1392. font-family:'helvetica';
  1393. text-transform:uppercase;
  1394. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1395.  
  1396.  
  1397.  
  1398.  
  1399.  
  1400. </style>
  1401.  
  1402.  
  1403. </head>
  1404.  
  1405. <body>
  1406.  
  1407. <div id="content">
  1408.  
  1409. <div id="sidebar">
  1410.  
  1411. <img src="{image:Sidebar}" />
  1412.  
  1413. <div id="description">{description}</div>
  1414.  
  1415. </div>
  1416.  
  1417. <div id="pagination">
  1418. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> • {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  1419. </div>
  1420.  
  1421.  
  1422. <div id="links">
  1423.  
  1424.  
  1425. <div id="linkbar">
  1426.  
  1427.  
  1428. <div class="alinks">
  1429. <a href="/" title="refresh."> <img src=""> </a>
  1430. </div>
  1431.  
  1432.  
  1433. <div class="blinks">
  1434. <a href="#?w=310" rel="box1" class="poplight" title="ask."> 01. </a>
  1435. </div>
  1436.  
  1437.  
  1438. <div class="clinks">
  1439. <a href="#?w=310" rel="box2" class="poplight" title="laws."> 02. </a>
  1440. </div>
  1441.  
  1442.  
  1443. <div class="dlinks">
  1444. <a href="#?w=310" rel="box3" class="poplight" title="verses."> 03. </a>
  1445. </div>
  1446.  
  1447.  
  1448.  
  1449. <div class="elinks">
  1450. <a href="#?w=310" rel="box4" class="poplight" title="about."> 04. </a>
  1451. </div>
  1452.  
  1453.  
  1454.  
  1455. <div class="flinks">
  1456. <a href="#?w=310" rel="box5" class="poplight" title="map."> 05. </a>
  1457. </div>
  1458.  
  1459.  
  1460. <div class="credit">
  1461. <a href="http://agirlingrey.tumblr.com/" title="agirlingrey.">A.</a>
  1462. </div>
  1463.  
  1464.  
  1465. </div></div>
  1466.  
  1467.  
  1468. <div id="pcontainer">
  1469.  
  1470. <div id="content"><div id="posts">
  1471. {block:Posts}
  1472.  
  1473.  
  1474. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1475. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1476. {block:Text}{Body}{/block:Text}
  1477.  
  1478. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1479.  
  1480. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1481.  
  1482. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1483. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1484.  
  1485. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1486.  
  1487. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1488.  
  1489.  
  1490. {block:Answer}<div id="asker" style="width:255px; text-shadow:0 0 2px #000; ">{Asker}:<div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:; marging-left:0px;">{Answer}</span>{/block:Answer}
  1491.  
  1492.  
  1493. {block:Audio}<div class="audio">
  1494.  
  1495. {block:AlbumArt}
  1496. {/block:AlbumArt}
  1497.  
  1498.  
  1499. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1500. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1501. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1502. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1503.  
  1504.  
  1505. <div id="info">
  1506. <br>
  1507.  
  1508. &nbsp; &nbsp;
  1509.  
  1510.  
  1511. {block:Date}
  1512. <a href="{Permalink}" style="position:absolute; margin-left:-100px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ● </a>
  1513. {/block:Date}
  1514.  
  1515.  
  1516. {block:RebloggedFrom}
  1517. <a href="{ReblogParentURL}" style="position:absolute; margin-left:-65px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" via. {ReblogParentName} "> ● </a>
  1518. {/block:RebloggedFrom}
  1519.  
  1520.  
  1521. {block:ContentSource}
  1522. <a href="{SourceURL}" style="position:absolute; margin-left:-30px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" source. {SourceTitle} "> ● </a>
  1523. {/block:ContentSource}
  1524.  
  1525.  
  1526. <a href="{Permalink}" style="position:absolute; margin-left:5px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {NoteCount} notes "> ● </a>
  1527.  
  1528.  
  1529. <a href="{ReblogURL}" style="position:absolute; margin-left:40px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title="reblog"> ● </a>
  1530.  
  1531.  
  1532. <br>
  1533.  
  1534. {block:HasTags}<div id="tags">{block:Tags} & <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1535. {/block:Posts}
  1536. <div class="note">
  1537. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1538. </div>
  1539.  
  1540. {/block:Posts}</div></div>
  1541.  
  1542.  
  1543.  
  1544. </div> </div> </div> </div> </div> </div>
  1545.  
  1546.  
  1547.  
  1548. </body>
  1549.  
  1550.  
  1551.  
  1552. <div id="box1" class="popup_block">
  1553.  
  1554. <h3>
  1555. yay messages
  1556. </h3>
  1557.  
  1558. <center>
  1559.  
  1560. <i>Keep it short.
  1561.  
  1562. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/settafukurou.tumblr.com" width="100%"></iframe></p>
  1563.  
  1564. </div>
  1565.  
  1566. </center>
  1567.  
  1568.  
  1569.  
  1570. <div id="box2" class="popup_block">
  1571.  
  1572. <div style="width:auto;height:405px;overflow:scroll;padding:5px;">
  1573. GUIDELINES
  1574.  
  1575. <h3>GENERAL</h3>
  1576.  
  1577. <p>- My muse has ADHD, as a mun, I do expect people to respect this if you have questions about this, please feel free to message me.</p>
  1578. <p>- This blog is selective, meaning that I will only rp with mutuals. It has nothing against you, it’s just less overwhelming for me.</p>
  1579. <p>- This blog is oc friendly. All I ask is that you have an about page for your muse or I will not be following back.</p>
  1580. <p>- I am on mobile a lot so replies can be slow at times since I prefer not to reply to threads on mobile.</p>
  1581. <p>- I don’t mind grammar mistakes, I understand that not everyone can speak English properly. </p>
  1582. <p>- You can continue an ask into a thread but all I ask is that move it to a separate post.</p>
  1583. <p>- I don’t mind role playing one liners or paragraphs. All I ask of you is that you don’t write one line after I write more than one paragraph.</p>
  1584. <p>- Do not reblog any threads that you’re not included in. But always feel free to like the post.</p>
  1585. <p>- I’m busy and cannot always get to a computer. I do reply to threads on mobile.</p>
  1586. <p>- NSFW will not be rped on this blog, Mun is not of age.</p>
  1587. <p>- I do run multiple blogs so I will not always be on this blog. You can find the links to my other blogs on the muns page.</p>
  1588. <h3>SHIPPING</h3>
  1589.  
  1590. <p>- I do not interact with people just to ship. But if we’ve interacted multiple times and you wish to ship our muses You can message me through ask or IM.</p>
  1591. <p>- This is a multi ship/verse blog. No two ships will ever be in the same verse unless discussed.</p>
  1592. <strong>PLEASE DO NOT FOLLOW IF:</strong>
  1593.  
  1594. <p>You do not believe that ADHD is a real Mental disability. It is highly offensive to someone like me who has it.</p>
  1595. <p>You rp rape, necrophilia, or any form of abuse</p>
  1596.  
  1597. </div>
  1598. </div>
  1599.  
  1600.  
  1601.  
  1602.  
  1603. <div id="box3" class="popup_block">
  1604.  
  1605. <h3>verses</h3>
  1606.  
  1607. <ul id="tabs">
  1608. <li class="active">VERSE 1.</li>
  1609. <li>VERSE 2.</li>
  1610. <li>VERSE 3.</li>
  1611. <li>VERSE 4.</li>
  1612. </ul>
  1613.  
  1614. <div style="width:auto;height:335px;overflow:scroll;padding:5px;">
  1615.  
  1616.  
  1617.  
  1618. <ul id="tab">
  1619. <li class="active">
  1620.  
  1621.  
  1622. <a href="/tagged/VERSE">VERSE NAME.</a>
  1623. <img src="https://66.media.tumblr.com/cd395cb23ce7278be8ddf94ae7aee17a/tumblr_o8xzvk4En01ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1624.  
  1625.  
  1626. <br>
  1627.  
  1628. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1629.  
  1630.  
  1631. <br><br><br>
  1632.  
  1633.  
  1634.  
  1635. <a href="/tagged/VERSE">VERSE NAME.</a>
  1636. <img src="https://66.media.tumblr.com/cd395cb23ce7278be8ddf94ae7aee17a/tumblr_o8xzvk4En01ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1637.  
  1638.  
  1639. <br>
  1640.  
  1641. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1642.  
  1643.  
  1644. <br><br><br>
  1645.  
  1646.  
  1647. <a href="/tagged/VERSE">VERSE NAME.</a>
  1648. <img src="https://66.media.tumblr.com/cd395cb23ce7278be8ddf94ae7aee17a/tumblr_o8xzvk4En01ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1649.  
  1650.  
  1651. <br>
  1652.  
  1653. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1654.  
  1655.  
  1656. <br><br>
  1657.  
  1658.  
  1659.  
  1660. </li>
  1661. <li>
  1662.  
  1663.  
  1664.  
  1665. <a href="/tagged/VERSE">VERSE NAME.</a>
  1666. <img src="https://67.media.tumblr.com/9a9f099625e324e424c75d343a786a57/tumblr_o8xzugQ8JK1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1667.  
  1668.  
  1669. <br>
  1670.  
  1671. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1672.  
  1673.  
  1674. <br><br><br>
  1675.  
  1676.  
  1677. <a href="/tagged/VERSE">VERSE NAME.</a>
  1678. <img src="https://67.media.tumblr.com/9a9f099625e324e424c75d343a786a57/tumblr_o8xzugQ8JK1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1679.  
  1680.  
  1681. <br>
  1682.  
  1683. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1684.  
  1685.  
  1686. <br><br>
  1687.  
  1688.  
  1689. </li>
  1690. <li>
  1691.  
  1692.  
  1693.  
  1694. <a href="/tagged/VERSE">VERSE NAME.</a>
  1695. <img src="https://66.media.tumblr.com/cd395cb23ce7278be8ddf94ae7aee17a/tumblr_o8xzvk4En01ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1696.  
  1697.  
  1698. <br>
  1699.  
  1700. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1701.  
  1702.  
  1703. <br><br><br>
  1704.  
  1705.  
  1706. <a href="/tagged/VERSE">VERSE NAME.</a>
  1707. <img src="https://66.media.tumblr.com/cd395cb23ce7278be8ddf94ae7aee17a/tumblr_o8xzvk4En01ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1708.  
  1709.  
  1710. <br>
  1711.  
  1712. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1713.  
  1714.  
  1715. <br><br>
  1716.  
  1717.  
  1718.  
  1719. </li>
  1720. <li>
  1721.  
  1722.  
  1723.  
  1724.  
  1725. <a href="/tagged/VERSE">VERSE NAME.</a>
  1726. <img src="https://67.media.tumblr.com/9a9f099625e324e424c75d343a786a57/tumblr_o8xzugQ8JK1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1727.  
  1728.  
  1729. <br>
  1730.  
  1731. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1732.  
  1733.  
  1734. <br><br><br>
  1735.  
  1736.  
  1737. <a href="/tagged/VERSE">VERSE NAME.</a>
  1738. <img src="https://67.media.tumblr.com/9a9f099625e324e424c75d343a786a57/tumblr_o8xzugQ8JK1ud4mdwo1_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1739.  
  1740.  
  1741. <br>
  1742.  
  1743. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. Suspendisse potenti. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.
  1744.  
  1745.  
  1746. <br><br>
  1747.  
  1748.  
  1749. </li>
  1750. </ul>
  1751.  
  1752.  
  1753. </div>
  1754. </div>
  1755.  
  1756.  
  1757.  
  1758. <div id="box4" class="popup_block">
  1759.  
  1760. <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
  1761.  
  1762. <h3>basic information</h3>
  1763.  
  1764.  
  1765. <ul>
  1766. <li><b>FULL NAME:</b>Keiji Akaashi </li>
  1767. <li><b>AGE:</b>17</li>
  1768. <li><b>BIRTH DATE:</b> December 5</li>
  1769. <li><b>GENDER:</b>Male</li>
  1770. <li><b>CURRENT LIVING CONDITIONS:</b> Fukurōdani Academy</li>
  1771. <li><b>OCCUPATION:</b>Vice-Captain Setter</li>
  1772. </ul>
  1773.  
  1774. <h3>relationships</h3>
  1775.  
  1776. <ul>
  1777. <li><b>SIGNIFICANT OTHER:</b> VERSE DEPENDENT</li>
  1778. </ul>
  1779.  
  1780. <h3>physical traits</h3>
  1781.  
  1782. <ul>
  1783. <li><b>EYE COLOUR:</b>slate-grey eyes</li>
  1784. <li><b>HAIR COLOUR:</b>short, messy, black hair</li>
  1785. <li><b>HEIGHT:</b>182.3 cm </li>
  1786. <li><b>BODY BUILD:</b> text text</li>
  1787. </ul>
  1788.  
  1789.  
  1790. <h3>phobias and disorders</h3>
  1791.  
  1792. <ul>
  1793. <li><b>PHOBIAS:</b> Fear of death</li>
  1794. <li><b>MENTAL DISORDERS:</b>ADHD</li>
  1795. </ul>
  1796.  
  1797. <h3>personality</h3>
  1798. <p>Akaashi can be seen as <b>calm</b> and <b>composed</b> most of the time, not showing a wide range of emotions. But don’t get confused,he isn’t shy. He can invite himself into conversations if he desires. He is somewhat <i>blunt</i> when he speaks and tends to call people out on their <b>foolish</b> acts.</p>
  1799.  
  1800. <p>He can be <i>very</i> sassy, even a little cheeky. But this side is <strong>rarely</strong> shown around in public. </p>
  1801.  
  1802. <h3>Music</h3>
  1803.  
  1804. He enjoys listening to music whenever he can. It’s his way of relieving stress, anxiety, or depression. Music is one of the few things that helps him focus while he’s studying*. You can usually tell what mood he’s in by the type of music he’s listening to. Slower songs like these three songs chances are that his anxiety or depression is not at it’s best. Heavy metal usually indicates anger. Any other music usually indicates that he’s in good mood.
  1805.  
  1806. * ADHD makes it hard to do things that he doesn’t want to do. Music usually keeps him from getting distracted.
  1807.  
  1808. <h3>Singing</h3>
  1809.  
  1810. Akaashi sings to himself occasionally sometimes its unconsciously sometimes it’s to keep him from panic attacks whenever he doesn’t have headphones with him. His singing voice is soothing so it’s no surprise if he ends up singing softly to someone who is in a state of panic.**
  1811.  
  1812. * He is more likely to do this to close friends i.e. Bokuto.
  1813. <br><br>
  1814.  
  1815. <br><br><br>
  1816.  
  1817. </div>
  1818. </div>
  1819.  
  1820.  
  1821.  
  1822. <div id="box5" class="popup_block">
  1823.  
  1824. <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
  1825.  
  1826. <h3>navigation</h3>
  1827.  
  1828. <center>
  1829.  
  1830. <div class="popupnavlinks">
  1831.  
  1832.  
  1833. <a href="/tagged/link">LINK.</a>
  1834. <a href="/tagged/link">LINK.</a>
  1835. <br>
  1836. <a href="/tagged/link">LINK.</a>
  1837. <a href="/tagged/link">LINK.</a>
  1838. <br>
  1839. <a href="/tagged/link">LINK.</a>
  1840. <a href="/tagged/link">LINK.</a>
  1841. <br>
  1842. <a href="/tagged/link">LINK.</a>
  1843. <a href="/tagged/link">LINK.</a>
  1844. <br>
  1845. <a href="/tagged/link">LINK.</a>
  1846. <a href="/tagged/link">LINK.</a>
  1847. <br>
  1848. <a href="/tagged/link">LINK.</a>
  1849. <a href="/tagged/link">LINK.</a>
  1850. <br>
  1851. <a href="/tagged/link">LINK.</a>
  1852. <a href="/tagged/link">LINK.</a>
  1853. <br>
  1854. <a href="/tagged/link">LINK.</a>
  1855. <a href="/tagged/link">LINK.</a>
  1856. <br>
  1857.  
  1858.  
  1859. </div>
  1860. </div>
  1861. </div>
  1862.  
  1863.  
  1864.  
  1865. <div id="bite">
  1866. <div id="thekey"></div>
  1867. <div class="death">
  1868. <div id="actualnews">
  1869.  
  1870. <center>
  1871.  
  1872. <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
  1873.  
  1874. <h3>
  1875. "You with the sad smile, don't lose your courage"
  1876. </h3>
  1877. Oh, let them keep on <b>talking</b>
  1878. <br>Just <i>calm</i> yourself and breathe
  1879. <h3>
  1880. "Your soul's in a wild fire"
  1881. </h3>
  1882. You know this happens <i>every time</i>
  1883. <br>Now, <b>don't</b> you pay them any mind
  1884. <h3>
  1885. "feel it beating"
  1886. </h3>
  1887. SELECTIVE AND PRIVATE
  1888. <br>Keiji Akaashi
  1889. <br> PENNED BY SILVER
  1890.  
  1891.  
  1892.  
  1893.  
  1894.  
  1895. </center>
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!