API tools faq
paste
Advertisement
exalted

Citta Zero theme

exalted
Nov 17th, 2017
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.12 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17.  
  18.  
  19.  
  20. <!--
  21. POP UP SCRIPT
  22. -->
  23.  
  24.  
  25. <script type="text/javascript"
  26. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  27. <script>
  28. $(document).ready(function() {
  29. //
  30. $('a.poplight[href^=#]').click(function() {
  31. var popID = $(this).attr('rel'); //Get Popup Name
  32. var popURL = $(this).attr('href'); //Get Popup href to define size
  33. var query= popURL.split('?');
  34. var dim= query[1].split('&');
  35. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  36. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  37. var popMargTop = ($('#' + popID).height() + 80) / 2;
  38. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  39. //Apply Margin to Popup
  40. $('#' + popID).css({
  41. 'margin-top' : -popMargTop,
  42. 'margin-left' : -popMargLeft
  43. });
  44. $('body').append('<div id="fade"></div>');
  45. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  46. return false;
  47. });
  48. $('a.close, #fade').live('click', function() {
  49. $('#fade , .popup_block').fadeOut(function() {
  50. $('#fade, a.close').remove(); //fade them both out
  51. });
  52. return false;
  53. });
  54. });
  55. </script>
  56.  
  57.  
  58.  
  59. <!--
  60. VERSE TABS SCRIPT
  61. -->
  62.  
  63.  
  64. <script>
  65.  
  66. $(document).ready(function(){
  67. $("ul#tabs li").click(function(e){
  68. if (!$(this).hasClass("active")) {
  69. var tabNum = $(this).index();
  70. var nthChild = tabNum+1;
  71. $("ul#tabs li.active").removeClass("active");
  72. $(this).addClass("active");
  73. $("ul#tab li.active").removeClass("active");
  74. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  75. }
  76. });
  77. });
  78. </script>
  79.  
  80.  
  81.  
  82.  
  83. <!--
  84. TOOLTIP STYLING SCRIPT
  85. -->
  86.  
  87.  
  88. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  90. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  91. <script>
  92. (function($){
  93. $(document).ready(function(){
  94. $("[title]").style_my_tooltips({
  95. tip_follows_cursor:true,
  96. tip_delay_time:200,
  97. tip_fade_speed:500
  98. });
  99. });
  100. })(jQuery);
  101. </script>
  102.  
  103.  
  104.  
  105.  
  106. <!--
  107. BLOBS IN A JAR
  108. -->
  109.  
  110.  
  111. <script type="text/javascript">
  112. // <![CDATA[
  113. var colour="#e4e4e4"; // what colour are the blobs
  114. var speed=66; // speed of animation, lower is faster
  115. var blobs=10; // how many blobs are in the jar
  116. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  117.  
  118. /***************************\
  119. * Blobs in a Jar Effect *
  120. *(c)2012-13 mf2fm web-design*
  121. * http://www.mf2fm.com/rv *
  122. * DON'T EDIT BELOW THIS BOX *
  123. \***************************/
  124.  
  125. var div;
  126. var xpos=new Array();
  127. var ypos=new Array();
  128. var zpos=new Array();
  129. var dx=new Array();
  130. var dy=new Array();
  131. var dz=new Array();
  132. var blob=new Array();
  133. var swide=800;
  134. var shigh=600;
  135. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  136.  
  137. function addLoadEvent(funky) {
  138. var oldonload=window.onload;
  139. if (typeof(oldonload)!='function') window.onload=funky;
  140. else window.onload=function() {
  141. if (oldonload) oldonload();
  142. funky();
  143. }
  144. }
  145.  
  146. addLoadEvent(fill_the_jar);
  147.  
  148. function fill_the_jar() {
  149. var i, dvs;
  150. div=document.createElement('div');
  151. dvs=div.style;
  152. dvs.position='fixed';
  153. dvs.left='0px';
  154. dvs.top='0px';
  155. dvs.width='1px';
  156. dvs.height='1px';
  157. document.body.appendChild(div);
  158. set_width();
  159. for (i=0; i<blobs; i++) {
  160. add_blob(i);
  161. jamjar(i);
  162. }
  163. }
  164.  
  165. function add_blob(ref) {
  166. var dv, sy;
  167. dv=document.createElement('div');
  168. sy=dv.style;
  169. sy.position='absolute';
  170. sy.textAlign='center';
  171. if (ie_version && ie_version<10) {
  172. sy.fontSize="10px";
  173. sy.width="100px";
  174. sy.height="100px";
  175. sy.paddingTop="40px";
  176. sy.color=colour;
  177. dv.appendChild(document.createTextNode(charc));
  178. }
  179. else if (ie_version) {
  180. sy.fontSize="1px";
  181. sy.width="0px";
  182. sy.height="0px";
  183. }
  184. else {
  185. dv.appendChild(document.createTextNode(charc));
  186. sy.color='rgba(0,0,0,0)';
  187. }
  188. ypos[ref]=Math.floor(shigh*Math.random());
  189. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  190. xpos[ref]=Math.floor(swide*Math.random());
  191. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  192. zpos[ref]=Math.random()*20;
  193. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  194. blob[ref]=dv;
  195. div.appendChild(blob[ref]);
  196. set_blob(ref);
  197. }
  198.  
  199. function rejig(ref, xy) {
  200. if (xy=='y') {
  201. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  202. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  203. }
  204. else {
  205. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  206. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  207. }
  208. }
  209.  
  210. function sign(a) {
  211. if (a<0) return (-2);
  212. else if (a>0) return (2);
  213. else return (0);
  214. }
  215.  
  216. function set_blob(ref) {
  217. var sy;
  218. sy=blob[ref].style;
  219. sy.top=ypos[ref]+'px';
  220. sy.left=xpos[ref]+'px';
  221. if (ie_version && ie_version<10) {
  222. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  223. sy.fontSize=30-zpos[ref]+"px";
  224. }
  225. else if (ie_version) {
  226. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  227. }
  228. else {
  229. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  230. sy.fontSize=40+zpos[ref]+'px';
  231. }
  232. }
  233.  
  234. function jamjar(ref) {
  235. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  236. ypos[ref]+=dy[ref];
  237. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  238. xpos[ref]+=dx[ref];
  239. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  240. zpos[ref]+=dz[ref];
  241. set_blob(ref);
  242. setTimeout("jamjar("+ref+")", speed);
  243. }
  244.  
  245. window.onresize=set_width;
  246. function set_width() {
  247. var sw_min=999999;
  248. var sh_min=999999;
  249. if (document.documentElement && document.documentElement.clientWidth) {
  250. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  251. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  252. }
  253. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  254. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  255. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  256. }
  257. if (document.body.clientWidth) {
  258. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  259. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  260. }
  261. if (sw_min==999999 || sh_min==999999) {
  262. sw_min=800;
  263. sh_min=600;
  264. }
  265. swide=sw_min;
  266. shigh=sh_min;
  267. }
  268. // ]]>
  269. </script>
  270.  
  271.  
  272.  
  273.  
  274.  
  275. <title>{Title}</title>
  276. <link rel="shortcut icon" href="{Favicon}">
  277. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  278. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  279.  
  280. <meta name="color:background" content="#000000"/>
  281. <meta name="color:text" content="#444457"/>
  282. <meta name="color:description" content=transparent/>
  283. <meta name="color:link" content="#e0d3ed"/>
  284. <meta name="color:link hover" content="#989898" />
  285. <meta name="color:bold" content="#cdc2f0" />
  286. <meta name="color:italic" content="#ffffff" />
  287. <meta name="color:border" content="#292828" />
  288. <meta name="color:scrollbar" content="#ffffff" />
  289. <meta name="color:postbg" content=transparent />
  290. <meta name="color:blockquote" content="#121212" />
  291. <meta name="color:tags" content="#e0d3ed"/>
  292.  
  293. <meta name="image:background" content=""/>
  294.  
  295. <meta name="text:link 1" content="link 1"/>
  296. <meta name="text:link 1 url" content="/"/>
  297. <meta name="text:link 2" content="link 2"/>
  298. <meta name="text:link 2 url" content="/"/>
  299. <meta name="text:link 3" content="link 3"/>
  300. <meta name="text:link 3 url" content="/"/>
  301. <meta name="text:link 4" content="link 4"/>
  302. <meta name="text:link 4 url" content="/"/>
  303. <meta name="text:link 5" content="link 5"/>
  304. <meta name="text:link 5 url" content="/"/>
  305. <meta name="text:link 6" content="link 6"/>
  306. <meta name="text:link 6 url" content="/"/>
  307. <meta name="text:link 7" content="link 7"/>
  308. <meta name="text:link 7 url" content="/"/>
  309. <meta name="text:link 8" content="link 8"/>
  310. <meta name="text:link 8 url" content="/"/>
  311.  
  312. <meta name="if:tinycursor" content="1"/>
  313. <meta name="if:greyscale" content="0"/>
  314. <meta name="text:text size" content="12px" />
  315. <meta name="if:showsubmit" content="0"/>
  316.  
  317. <meta name="color:updates bar" content="#070707"/>
  318. <meta name="image:Updates" content=""/>
  319. <meta name="image:thekey" content=""/>
  320.  
  321.  
  322.  
  323. <!--
  324. CUSTOM FONTS
  325. -->
  326.  
  327.  
  328. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  329.  
  330. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  331.  
  332. <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
  333.  
  334. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  335.  
  336.  
  337. <style type="text/css">
  338.  
  339.  
  340.  
  341. /* the hover update thing */
  342.  
  343.  
  344.  
  345. #bite
  346. #bite a{
  347. display:block
  348. }
  349. #bite .death {
  350. margin-top:0px;filter: alpha(opacity = 1.0);
  351. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  352. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  353. }
  354.  
  355. #bite:hover .death {
  356. margin-top:0px;
  357. -webkit-transition: all 0.8s ease-out;
  358. -moz-transition: all 0.8s ease-out;
  359. transition: all 0.8s ease-out;
  360. filter: alpha(opacity = 100);
  361. filter: alpha(opacity = 100);
  362. opacity:100;
  363. }
  364.  
  365.  
  366. /* selection font and background */
  367.  
  368.  
  369. ::selection {
  370. background: #444;
  371. color:#fff; }
  372.  
  373.  
  374. ::-moz-selection {
  375. background: #444;
  376. color:#fff; }
  377.  
  378.  
  379.  
  380. /* scrollbar details */
  381.  
  382.  
  383.  
  384. ::-webkit-scrollbar {
  385. height: 0px;
  386. width: 2px;
  387. background:transparent;
  388. border-left:0px solid transparent;
  389. border-right:0px solid transparent;}
  390.  
  391.  
  392. ::-webkit-scrollbar-thumb {
  393. background:transparent;}
  394.  
  395.  
  396.  
  397.  
  398.  
  399. /* the cursor */
  400.  
  401.  
  402. {block:iftinycursor}
  403. body, a, a:hover{
  404. cursor: url('http://media.tumblr.com/28e8e2c9c0a422c5fb73ea368b58b529/tumblr_inline_mv7k3cbC5e1qmxe8x.png'), progress;}
  405. {/block:iftinycursor}
  406.  
  407. iframe#tumblr_controls {
  408. right:3px !important;
  409. position: fixed !important;
  410. -webkit-transition: opacity 0.7s
  411. linear;opacity: 0.2;
  412. -webkit-transition: all 0.8s ease-out;
  413. -moz-transition: all 0.8s ease-out;
  414. transition: all 0.8s ease-out;}
  415.  
  416. iframe#tumblr_controls:hover{
  417. -webkit-transition: opacity 0.7s linear;
  418. opacity: 1;
  419. -webkit-transition: all 0.4s ease-out;
  420. -moz-transition: all 0.4s ease-out;
  421. transition: all 0.4s ease-out;}
  422.  
  423.  
  424.  
  425. /* general look & background */
  426.  
  427.  
  428. body {
  429. background:#e6e6e6;
  430. background-image:url('http://i.imgur.com/VtVE45g.png');
  431. background-attachment: fixed;
  432. background-repeat: no-repeat;
  433. background-position: left top;
  434. color:#626273;
  435. font-family: calibri;
  436. text-align:justify;
  437. font-size: 12px;
  438. letter-spacing:1px;
  439. line-height:135%;
  440.  
  441. }
  442.  
  443.  
  444.  
  445. /* the verses tabs */
  446.  
  447.  
  448. ul#tabs {
  449. list-style-type: none;
  450. padding: 0;
  451. text-align: center;
  452. font-size:8px;
  453. letter-spacing:1px;
  454. }
  455.  
  456. ul#tabs li {
  457. display: inline-block;
  458. background-color: transparent;
  459. border: solid 0px #262626;
  460. padding: 4px 12px;
  461. margin-bottom: 4px;
  462. color: #1b1b1b;
  463. cursor: pointer;
  464. }
  465.  
  466. ul#tabs li:hover {
  467. background-color: #b0b0b0;
  468. }
  469.  
  470. ul#tabs li.active {
  471. background-color: #0f0f0f;
  472. background-image:url('https://67.media.tumblr.com/300286f213a8d26a130bfac248803dd5/tumblr_o9e71aSClH1ud4mdwo2_400.png');
  473. border: 1px solid #9b9b9b;
  474. }
  475.  
  476. ul#tab {
  477. list-style-type: none;
  478. margin: 0;
  479. padding: 0;
  480. }
  481.  
  482. ul#tab li {
  483. display: none;
  484. }
  485.  
  486. ul#tab li.active {
  487. display: block;
  488. }
  489.  
  490.  
  491.  
  492.  
  493. /* back to general look & details */
  494.  
  495.  
  496.  
  497. a:link, a:active, a:visited {
  498. text-decoration: none;
  499. color: #5188BD;
  500. -moz-transition-duration:.6s;
  501. -webkit-transition-duration:.6s;
  502. -o-transition-duration:.6s;
  503. -webkit-filter: blur(0px);}
  504.  
  505. a:hover {
  506. color: #97c4f0;
  507. -moz-transition-duration:.6s;
  508. -webkit-transition-duration:.6s;
  509. -o-transition-duration:.6s;
  510. -webkit-filter: blur(1px);}
  511.  
  512.  
  513.  
  514. h1 {
  515. background-color: transparent;
  516. font-family: 'Montserrat', sans-serif;
  517. font-size: 16px;
  518. line-height: 20px;
  519. letter-spacing: 2px;
  520. text-align: center;
  521. text-transform:uppercase;
  522. color: #02b4dc;
  523. }
  524.  
  525.  
  526. h2 {
  527. background-color: transparent;
  528. font-family: 'Montserrat', sans-serif;
  529. font-size: 15px;
  530. line-height: 16px;
  531. letter-spacing: 2px;
  532. text-align: left;
  533. text-transform:uppercase;
  534. color: #02b4dc;
  535. }
  536.  
  537.  
  538.  
  539. h3 {
  540. background-color: transparent;
  541. background-image:url("http://i.imgur.com/GGxLGWn.png");
  542. background-repeat:repeat;
  543. background-attachment:fixed;
  544. border-left: double 3px #D0E8F5;
  545. border-top: double 3px #D0E8F5;
  546. border-right: double 3px #D0E8F5;
  547. border-bottom: double 3px #D0E8F5;
  548. padding:2px;
  549. color:#F2F8FA;
  550. text-shadow:1px 1px 0px #000,
  551. 1px -1px 0px #000,
  552. -1px -1px 0px #000,
  553. -1px 1px 0px #000,
  554. 0px 1px 0px #000,
  555. 0px -1px 0px #000,
  556. 1px 0px 0px #000,
  557. -1px 0px 0px #000;
  558. font-size:12px;
  559. font-family:calibri;
  560. text-transform:uppercase;
  561. letter-spacing:1px;
  562. text-align:center;}
  563.  
  564.  
  565.  
  566. quotetext {
  567. background-color: transparent;
  568. font-family: 'Montserrat', sans-serif;
  569. font-size: 14px;
  570. line-height: 20px;
  571. letter-spacing: 2px;
  572. text-align: center;
  573. text-transform:uppercase;
  574. color: #384B5E;
  575. }
  576.  
  577.  
  578.  
  579. blockquote {
  580. word-wrap: break-word;
  581. padding:2px 7px;
  582. margin:3px 0 3px 10px;
  583. border-left:1px solid #9a9a9a;
  584. background-color:transparent;}
  585.  
  586.  
  587. blockquote img{
  588. max-width:100%;
  589. height:auto;
  590. }
  591.  
  592. blockquote blockquote img{
  593. max-width:100%;
  594. height:auto;
  595. }
  596.  
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603. b, bold {
  604. font-size:12px;
  605. text-transform:none;
  606. letter-spacing:2px;
  607. font-family: 'Montserrat', sans-serif;
  608. color: #10365C;
  609. text-shadow:1px 1px 0 #fff;
  610. }
  611.  
  612.  
  613. i, italic {
  614. font-size:13px;
  615. color: #73939E;
  616. font-family: 'Roboto Condensed', sans-serif;
  617. text-shadow: 0px 0px 0.5px #ccc;
  618. letter-spacing:1px;
  619. text-transform:lowercase;
  620. }
  621.  
  622.  
  623.  
  624. p {
  625. margin-top:5px;
  626. margin-bottom:5px;}
  627.  
  628.  
  629. ol {
  630. list-style:normal;}
  631.  
  632.  
  633. ul {
  634. list-style:square;}
  635.  
  636.  
  637. small {
  638. font-size:10.5px}
  639.  
  640.  
  641. sup,sub {
  642. font-size:10.5px}
  643.  
  644.  
  645. pre {
  646. font-size: 11px;
  647. letter-spacing:3px;
  648. background-color:transparent;
  649. font-family: calibri;
  650. font-style: none;
  651. text-align:center;
  652. }
  653.  
  654.  
  655.  
  656. big {
  657. font-size:14px;
  658. text-transform:uppercase;
  659. letter-spacing:2px;
  660. font-family: 'Montserrat', sans-serif;
  661. color: #aaa;
  662. text-shadow: 0px 0px 2px #383838;
  663. }
  664.  
  665.  
  666.  
  667. {block:IfGreyscale}
  668.  
  669. img {
  670. -webkit-filter:grayscale(100%);
  671. -webkit-transition: all 0.9s ease-in-out;
  672. -moz-transition: all 0.9s ease-in-out;
  673. -o-transition: all 0.9s ease-in-out;
  674. -ms-transition: all 0.9s ease-in-out;
  675. transition: all 0.9s ease-in-out;}
  676.  
  677. img:hover {
  678. -webkit-filter:none;}
  679.  
  680. .html_photoset {
  681. -webkit-filter: grayscale(100%);
  682. -webkit-transition: all 0.9s ease-in-out;
  683. -moz-transition: all 0.9s ease-in-out;
  684. -o-transition: all 0.9s ease-in-out;
  685. -ms-transition: all 0.9s ease-in-out;
  686. transition: all 0.9s ease-in-out;}
  687.  
  688. .html_photoset:hover {
  689. -webkit-filter: none;}
  690.  
  691. {/block:IfGreyscale}
  692.  
  693.  
  694.  
  695. #pcontainer {
  696. background-color:transparent;
  697. width:400px;
  698. height:320px;
  699. padding: 20px;
  700. top:317px;
  701. margin-left: 538px;
  702. position:relative;
  703. overflow-y:scroll;
  704. overflow-x:hidden;
  705. -webkit-mask-image: -webkit-gradient(
  706. linear, center 75%, center bottom,
  707. from(rgba(0,0,0,20)),
  708. to(rgba(20,0,0,0)));
  709. border:1px solid transparent;}
  710.  
  711.  
  712.  
  713. #pcontainer img {
  714. height:auto;
  715. max-width:100%;
  716. }
  717.  
  718.  
  719.  
  720. #content {
  721. margin-left:62px;
  722. width:310px;
  723. margin-top: -100px;
  724. }
  725.  
  726.  
  727. #posts {
  728. width:400px;
  729. padding:10px;
  730. margin-top: 85px;
  731. margin-left:-70px;
  732. padding-bottom:0px;}
  733.  
  734.  
  735.  
  736. #sidebar {
  737. margin-left: 1590px;
  738. line-height:15px;
  739. width: 180px;
  740. position: fixed;
  741. top: 200px;
  742. text-align: center; }
  743.  
  744.  
  745. #sidebar img {
  746. width:150px;
  747. padding-top:10px;
  748. padding-bottom:10px;}
  749.  
  750.  
  751. #description {
  752. margin-left: 0px;
  753. margin-top: -50px;
  754. width:180px;
  755. color:transparent;}
  756.  
  757.  
  758.  
  759. #actualnews {
  760. font-family: calibri;
  761. font-size:11px;
  762. text-align:justify;
  763. background:transparent;
  764. color: #626273;
  765. width:150px;
  766. height:300px;
  767. padding-top:3px;
  768. border:0px solid #d0e8f5;
  769. margin-left: 1038px;
  770. margin-top: -50px;
  771. position:fixed;
  772. -webkit-filter: blur(0px);
  773. -webkit-transition: 0.8s ease-in;
  774. -moz-transition: 1s ease-in;
  775. transition: 1s ease-in;
  776. opacity:0.5;
  777. -webkit-transition: all 0.6s ease-in-out;
  778. -moz-transition: all 0.6s ease-in-out;
  779. -o-transition: all 0.6s ease-in-out;
  780. -ms-transition: all 0.6s ease-in-out;
  781. transition: all 0.6s ease-in-out;
  782. }
  783.  
  784.  
  785.  
  786. #actualnews:hover {
  787. -webkit-filter:none;
  788. -webkit-transition: all 0.6s ease-in-out;
  789. opacity:1;
  790. -webkit-transition: all 0.6s ease-in-out;
  791. -moz-transition: all 0.6s ease-in-out;
  792. -o-transition: all 0.6s ease-in-out;
  793. -ms-transition: all 0.6s ease-in-out;
  794. transition: all 0.6s ease-in-out;
  795. }
  796.  
  797.  
  798.  
  799. #thekey {
  800. position:fixed;
  801. color:#7c7470;
  802. text-shadow: 0px 0px 2px #fff;
  803. margin-top:175px;
  804. margin-left:55px;
  805. width:710px;
  806. padding:9px;
  807. letter-spacing:2px;
  808. word-spacing:5px; /*this defines the separation of each word of the links*/
  809. font-family: helvetica;
  810. font-size:12px;
  811. text-align:center;
  812. background:transparent;
  813. text-transform:uppercase;
  814. -webkit-transform: rotate(-90deg);
  815. -moz-transform: rotate(-90deg);
  816. -o-transform: rotate(-90deg);
  817. }
  818.  
  819.  
  820.  
  821.  
  822. /* JUMBLED LINKS */
  823.  
  824.  
  825. .alinks {
  826. position:fixed;
  827. text-shadow: 0px 0px 2px #d7e1ed;
  828. left:607px;
  829. top:96px;
  830. transform: rotate(10deg);
  831. font-family: 'Montserrat', sans-serif;
  832. font-size: 60px;}
  833.  
  834.  
  835. .alinks a {
  836. padding:10px;
  837. color:#c0d4ed;
  838. margin-right:0px;
  839. -webkit-filter: blur(0px);
  840. -webkit-transition: 0.8s ease-in;
  841. -moz-transition: 1s ease-in;
  842. transition: 1s ease-in;
  843. }
  844.  
  845. .alinks a:hover {
  846. -webkit-filter: blur(1px);
  847. -webkit-transition: all 0.6s ease-in-out;
  848. -moz-transition: all 0.6s ease-in-out;
  849. -o-transition: all 0.6s ease-in-out;
  850. -ms-transition: all 0.6s ease-in-out;
  851. transition: all 0.6s ease-in-out;
  852. color: #f6f6f6;
  853. text-shadow: 0px 0px 10px #c0d4ed;
  854. }
  855.  
  856.  
  857.  
  858. .blinks {
  859. position:fixed;
  860. text-shadow: 0px 0px 2px #d7e1ed;
  861. left:281px;
  862. top:23px;
  863. transform: rotate(-40deg);
  864. font-family: 'Montserrat', sans-serif;
  865. font-size: 56px;}
  866.  
  867.  
  868. .blinks a {
  869. padding:10px;
  870. color:#c0d4ed;
  871. margin-right:0px;
  872. -webkit-filter: blur(0px);
  873. -webkit-transition: 0.8s ease-in;
  874. -moz-transition: 1s ease-in;
  875. transition: 1s ease-in;
  876. }
  877.  
  878. .blinks a:hover {
  879. -webkit-filter: blur(1px);
  880. -webkit-transition: all 0.6s ease-in-out;
  881. -moz-transition: all 0.6s ease-in-out;
  882. -o-transition: all 0.6s ease-in-out;
  883. -ms-transition: all 0.6s ease-in-out;
  884. transition: all 0.6s ease-in-out;
  885. color: #f6f6f6;
  886. text-shadow: 0px 0px 10px #c0d4ed;
  887. }
  888.  
  889.  
  890. .clinks {
  891. position:fixed;
  892. text-shadow: 0px 0px 2px #d7e1ed;
  893. left:152px;
  894. top:52px;
  895. transform: rotate(30deg);
  896. font-family: 'Montserrat', sans-serif;
  897. font-size: 80px;}
  898.  
  899.  
  900. .clinks a {
  901. padding:10px;
  902. color:#c0d4ed;
  903. margin-right:0px;
  904. -webkit-filter: blur(0px);
  905. -webkit-transition: 0.8s ease-in;
  906. -moz-transition: 1s ease-in;
  907. transition: 1s ease-in;
  908. }
  909.  
  910. .clinks a:hover {
  911. -webkit-filter: blur(1px);
  912. -webkit-transition: all 0.6s ease-in-out;
  913. -moz-transition: all 0.6s ease-in-out;
  914. -o-transition: all 0.6s ease-in-out;
  915. -ms-transition: all 0.6s ease-in-out;
  916. transition: all 0.6s ease-in-out;
  917. color: #f6f6f6;
  918. text-shadow: 0px 0px 10px #c0d4ed;
  919. }
  920.  
  921.  
  922.  
  923. .elinks {
  924. position:fixed;
  925. text-shadow: 0px 0px 2px #d7e1ed;
  926. left:128px;
  927. top:150px;
  928. transform: rotate(-15deg);
  929. font-family: 'Montserrat', sans-serif;
  930. font-size: 52px;}
  931.  
  932.  
  933. .elinks a {
  934. padding:10px;
  935. color:#c0d4ed;
  936. margin-right:0px;
  937. -webkit-filter: blur(0px);
  938. -webkit-transition: 0.8s ease-in;
  939. -moz-transition: 1s ease-in;
  940. transition: 1s ease-in;
  941. }
  942.  
  943. .elinks a:hover {
  944. -webkit-filter: blur(1px);
  945. -webkit-transition: all 0.6s ease-in-out;
  946. -moz-transition: all 0.6s ease-in-out;
  947. -o-transition: all 0.6s ease-in-out;
  948. -ms-transition: all 0.6s ease-in-out;
  949. transition: all 0.6s ease-in-out;
  950. color: #f6f6f6;
  951. text-shadow: 0px 0px 10px #c0d4ed;
  952. }
  953.  
  954.  
  955.  
  956. .flinks {
  957. position:fixed;
  958. text-shadow: 0px 0px 2px #d7e1ed;
  959. left:70px;
  960. top:199px;
  961. transform: rotate(10deg);
  962. font-family: 'Montserrat', sans-serif;
  963. font-size: 44px;}
  964.  
  965.  
  966. .flinks a {
  967. padding:10px;
  968. color:#c0d4ed;
  969. margin-right:0px;
  970. -webkit-filter: blur(0px);
  971. -webkit-transition: 0.8s ease-in;
  972. -moz-transition: 1s ease-in;
  973. transition: 1s ease-in;
  974. }
  975.  
  976. .flinks a:hover {
  977. -webkit-filter: blur(1px);
  978. -webkit-transition: all 0.6s ease-in-out;
  979. -moz-transition: all 0.6s ease-in-out;
  980. -o-transition: all 0.6s ease-in-out;
  981. -ms-transition: all 0.6s ease-in-out;
  982. transition: all 0.6s ease-in-out;
  983. color: #f6f6f6;
  984. text-shadow: 0px 0px 10px #c0d4ed;
  985. }
  986.  
  987.  
  988. .credit {
  989. position:fixed;
  990. text-shadow: 0px 0px 11px #7C6868;
  991. right:15px;
  992. bottom:15px;
  993. transform: rotate(0deg);
  994. font-family: helvetica;
  995. font-size: 14px; }
  996.  
  997.  
  998. .credit a {
  999. padding:10px;
  1000. color:#191919;
  1001. margin-right:0px;
  1002. -webkit-filter: blur(1px);
  1003. -webkit-transition: 0.8s ease-in;
  1004. -moz-transition: 1s ease-in;
  1005. transition: 1s ease-in;
  1006. }
  1007.  
  1008. .credit a:hover {
  1009. -webkit-transition: all 0.6s ease-in-out;
  1010. -moz-transition: all 0.6s ease-in-out;
  1011. -o-transition: all 0.6s ease-in-out;
  1012. -ms-transition: all 0.6s ease-in-out;
  1013. transition: all 0.6s ease-in-out;
  1014. color: #000000;
  1015. text-shadow: 2px 2px 2px #000000;
  1016. }
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027. /* JUMBLED LINKS ENDS */
  1028.  
  1029.  
  1030.  
  1031. #pagination {
  1032. position:fixed;
  1033. font-family:times;
  1034. width:300px;
  1035. font-size:8px;
  1036. top:588px;
  1037. left:975px;
  1038. letter-spacing:2px;
  1039. text-align:center;
  1040. z-index:9;
  1041. }
  1042.  
  1043. #pagination a {
  1044. text-transform:uppercase;
  1045. color:#808080;
  1046. -webkit-filter: blur(0px);
  1047. -webkit-transition: 0.8s ease-in;
  1048. -moz-transition: 1s ease-in;
  1049. transition: 1s ease-in;
  1050. z-index:999999999999;
  1051. }
  1052.  
  1053. #pagination a:hover {
  1054. color:#97c4f0;
  1055. -webkit-filter: blur(0.5px);
  1056. -webkit-transition: 0.2s ease-in;
  1057. -moz-transition: 1s ease-in;
  1058. transition: 1s ease-in;
  1059. }
  1060.  
  1061.  
  1062. .audio {
  1063. width:335px;
  1064. padding-bottom:10px;
  1065. background-color:transparent;}
  1066.  
  1067. .albumart {
  1068. float:left;
  1069. padding:0px 10px 10px 0px;}
  1070.  
  1071. .albumart img {
  1072. width:65px;
  1073. height:65px;}
  1074.  
  1075. .playercontainer {
  1076. text-align:left;
  1077. padding:10px;
  1078. background-color:transparent;
  1079. width:335px;}
  1080.  
  1081. .audioinfo {
  1082. padding:10px;
  1083. color:{color:text};}
  1084.  
  1085.  
  1086.  
  1087.  
  1088.  
  1089. /* QUESTIONS & ANSWERS DETAILS */
  1090.  
  1091.  
  1092. #asker {
  1093. font-family: 'Montserrat', sans-serif;
  1094. font-style:none;
  1095. letter-spacing:2px;
  1096. text-align:center;
  1097. padding-top: 10px;
  1098. margin-left:0px;
  1099. text-transform:uppercase;
  1100. color: #bbb;
  1101. font-size:16px;
  1102. padding:5px;
  1103. letter-spacing:0px
  1104. text-shadow:0 0 2px #999;
  1105. }
  1106.  
  1107.  
  1108. #asker a{
  1109. font-family: 'Montserrat', sans-serif;
  1110. font-style:none;
  1111. letter-spacing:2px;
  1112. text-transform:uppercase;
  1113. font-size:16px;
  1114. letter-spacing: 0px;
  1115. text-shadow: none;
  1116. color: #bbb;
  1117. text-shadow:0 0 2px #999;
  1118. -webkit-filter: blur(0.5px);
  1119. }
  1120.  
  1121.  
  1122. #asker a:hover {
  1123. color: #97c4f0;
  1124. letter-spacing: 0px;
  1125. text-shadow:0 0 2px #97c4f0;
  1126. -webkit-filter: blur(1px);
  1127. -webkit-transition:all .5s ease-in-out;
  1128. -moz-transition:all .5s ease-in-out;
  1129. transition:all .5s ease-in-out;
  1130. }
  1131.  
  1132.  
  1133.  
  1134. #ask {
  1135. font-family: calibri;
  1136. width:380px;
  1137. font-size:11px;
  1138. text-align:center;
  1139. padding-top: 5px;
  1140. margin-left:0px;
  1141. text-transform:auto;
  1142. letter-spacing:3px
  1143. margin-top:-10px;
  1144. padding:5px;
  1145. background: transparent;
  1146. background: url("http://static.tumblr.com/znyuefz/HUWor5kiw/info.png");
  1147. color:#F2F8FA;
  1148. text-shadow:1px 1px 0px #000,
  1149. 1px -1px 0px #000,
  1150. -1px -1px 0px #000,
  1151. -1px 1px 0px #000,
  1152. 0px 1px 0px #000,
  1153. 0px -1px 0px #000,
  1154. 1px 0px 0px #000,
  1155. -1px 0px 0px #000;
  1156. text-transform: uppercase;
  1157. border-bottom-left-radius: 10px;
  1158. border-bottom-right-radius: 10px;
  1159. border-top-left-radius: 10px;
  1160. border-top-right-radius: 10px;
  1161. padding:10px;
  1162. letter-spacing:2px;
  1163. border-bottom:solid 1px #9a9a9a;
  1164. border-top:solid 1px #9a9a9a;
  1165. }
  1166.  
  1167.  
  1168. .ans {
  1169. text-align:center;
  1170. padding:10px;
  1171. }
  1172.  
  1173.  
  1174. /* POST INFO DETAILS */
  1175.  
  1176.  
  1177.  
  1178. #info {
  1179. background: url("http://i.imgur.com/220rrGD.png");
  1180. border: 1px solid #d9d9d9;
  1181. border-bottom-right-radius: 15px;
  1182. border-bottom-left-radius: 15px;
  1183. border-top-right-radius: 15px;
  1184. border-top-left-radius: 15px;
  1185. width:398px;
  1186. height:19px;
  1187. text-align:center;
  1188. letter-spacing:10px;
  1189. margin-top:8px;
  1190. margin-bottom:50px;
  1191. text-transform:uppercase;
  1192. font-size:15px;
  1193. font-style:none;
  1194. }
  1195.  
  1196.  
  1197.  
  1198.  
  1199. #info a {
  1200. color:#97c4f0;}
  1201.  
  1202. #info a:hover {
  1203. color:#e6e6e6;}
  1204.  
  1205.  
  1206.  
  1207.  
  1208. #tags {
  1209. font-family: helvetica;
  1210. color:#aaa;
  1211. padding-bottom:35px;
  1212. letter-spacing:2px;
  1213. text-transform:uppercase;
  1214. font-size:7px;
  1215. font-style:normal;
  1216. margin-top:-5px;
  1217. text-align:right;
  1218. float:right;
  1219. }
  1220.  
  1221.  
  1222. #tags a {
  1223. display:inline-block;
  1224. padding:-3px;
  1225. opacity:0.9;
  1226. text-align:center;
  1227. color:#999;
  1228.  
  1229. }
  1230.  
  1231.  
  1232. #tags a:hover {
  1233. color:#97c4f0;
  1234. }
  1235.  
  1236.  
  1237.  
  1238.  
  1239.  
  1240.  
  1241. .note {
  1242. text-transform:uppercase;
  1243. font-style:normal;
  1244. letter-spacing:0px;
  1245. font-size: 10px;
  1246. text-align:left;
  1247. line-height:90%;
  1248. margin-left:-40px;}
  1249.  
  1250. .note li {
  1251. list-style-type:none;
  1252. border-bottom:0px solid {color:border};
  1253. padding:10px 25px 10px 25px;
  1254. text-align:left;
  1255. margin:0px;
  1256. -moz-transition-duration:0.5s;
  1257. -webkit-transition-duration:0.5s;
  1258. -o-transition-duration:0.5s;}
  1259.  
  1260. .note img.avatar {
  1261. margin-right: 10px;
  1262. width: 16px;
  1263. height: 16px;}
  1264.  
  1265.  
  1266.  
  1267.  
  1268. /*--BASIC POP-UP DETAILS--*/
  1269.  
  1270.  
  1271.  
  1272. .popup_block{
  1273. display:none;
  1274. background: url("");
  1275. background:#dadada;
  1276. padding:20px;
  1277. border:0px solid #e6e6e6; /* if you want a solid white pop-up, delete this */
  1278. float:left;
  1279. height: 400px;
  1280. top:50%; left:50%;
  1281. position:fixed;
  1282. z-index: 99999999;
  1283. -webkit-box-shadow: 0px 0px 15px #e6e6e6;
  1284. -moz-box-shadow: 0px 0px 15px #e6e6e6;
  1285. box-shadow: 0px 0px 15px #e6e6e6;
  1286. }
  1287.  
  1288.  
  1289. *html #fade {position: absolute;}
  1290. *html .popup_block {position: absolute;}
  1291. #fade {
  1292. display:none;
  1293. position:fixed;
  1294. left:0px;
  1295. top:0px;
  1296. width:100%;
  1297. height:100%;
  1298. z-index:9999;
  1299. background:#000;
  1300. opacity:0.5;
  1301. }
  1302.  
  1303.  
  1304.  
  1305.  
  1306. .popupnavlinks {
  1307. padding-top:5px;
  1308. text-align:center; }
  1309.  
  1310.  
  1311. .popupnavlinks a {
  1312. display:inline-block;
  1313. width:90px; height:4px;
  1314. margin:2px; padding:3px 6px 10px;
  1315. text-align:center;
  1316. background-image: url('');
  1317. background:#2A2B2E;
  1318. background-repeat:repeat;
  1319. background-attachment:fixed;
  1320. border-left: double 3px #000;
  1321. border-top: double 3px #000;
  1322. border-right: double 3px #000;
  1323. border-bottom: double 3px #000;
  1324. color:#e6e6e6;
  1325. font-size:9px;
  1326. font-family:calibri;
  1327. text-shadow:1px 1px 0px #000,
  1328. 1px -1px 0px #000,
  1329. -1px -1px 0px #000,
  1330. -1px 1px 0px #000,
  1331. 0px 1px 0px #000,
  1332. 0px -1px 0px #000,
  1333. 1px 0px 0px #000,
  1334. -1px 0px 0px #000;
  1335. display: inline-block;
  1336. cursor: pointer;
  1337. }
  1338.  
  1339.  
  1340.  
  1341. .popupnavlinks a:hover {
  1342. display:inline-block;
  1343. letter-spacing:2px; }
  1344.  
  1345.  
  1346.  
  1347.  
  1348. .popupclose {
  1349. float:right; top:0px; right:0px;
  1350. margin-top:-10px; margin-right:-10px;
  1351. font-family:'Scada', sans serif;
  1352. font-size:10px;
  1353. font-weight:bold }
  1354.  
  1355. .popupclose a {
  1356. color:#aaa }
  1357.  
  1358.  
  1359.  
  1360. /*--TOOLTIP DETAILS--*/
  1361.  
  1362.  
  1363.  
  1364. #s-m-t-tooltip{
  1365. max-width:400px;
  1366. margin:15px;
  1367. padding:2px 8px;
  1368. background: #dcdcdc;
  1369. background-image:url('http://i.imgur.com/GGxLGWn.png');
  1370. border:1px dotted;
  1371. border-color: #727272;
  1372. color:#608fcc;
  1373. z-index:99999999999999999999;
  1374. font-size:9px;
  1375. letter-spacing:2px;
  1376. font-style:bold;
  1377. letter-spacing:2px;
  1378. font-family:'helvetica';
  1379. text-transform:uppercase;
  1380. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1381.  
  1382.  
  1383.  
  1384.  
  1385.  
  1386. </style>
  1387.  
  1388.  
  1389. </head>
  1390.  
  1391. <body>
  1392.  
  1393. <div id="content">
  1394.  
  1395. <div id="sidebar">
  1396.  
  1397. <img src="{image:Sidebar}" />
  1398.  
  1399. <div id="description">{description}</div>
  1400.  
  1401. </div>
  1402.  
  1403. <div id="pagination">
  1404. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> • {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  1405. </div>
  1406.  
  1407.  
  1408. <div id="links">
  1409.  
  1410.  
  1411. <div id="linkbar">
  1412.  
  1413.  
  1414. <div class="alinks">
  1415. <a href="/" title="refresh."> ✴ </a>
  1416. </div>
  1417.  
  1418.  
  1419. <div class="blinks">
  1420. <a href="#?w=310" rel="box1" class="poplight" title="ask."> ✴ </a>
  1421. </div>
  1422.  
  1423.  
  1424. <div class="clinks">
  1425. <a href="#?w=310" rel="box2" class="poplight" title="dossier."> ✴ </a>
  1426. </div>
  1427.  
  1428.  
  1429. <div class="elinks">
  1430. <a href="#?w=310" rel="box5" class="poplight" title="laws."> ✴ </a>
  1431. </div>
  1432.  
  1433.  
  1434.  
  1435. <div class="flinks">
  1436. <a href="#?w=310" rel="box6" class="poplight" title="navigation."> ✴ </a>
  1437. </div>
  1438.  
  1439.  
  1440. <div class="credit">
  1441. <a href="http://agirlingrey.tumblr.com/" title="agirlingrey.">A.</a>
  1442. </div>
  1443.  
  1444.  
  1445. </div></div>
  1446.  
  1447.  
  1448. <div id="pcontainer">
  1449.  
  1450. <div id="content"><div id="posts">
  1451. {block:Posts}
  1452.  
  1453.  
  1454. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1455. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1456. {block:Text}{Body}{/block:Text}
  1457.  
  1458. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1459.  
  1460. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1461.  
  1462. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="400px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1463. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1464.  
  1465. {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}
  1466.  
  1467. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1468.  
  1469.  
  1470. {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}
  1471.  
  1472.  
  1473. {block:Audio}<div class="audio">
  1474.  
  1475. {block:AlbumArt}
  1476. {/block:AlbumArt}
  1477.  
  1478.  
  1479. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1480. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1481. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1482. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1483.  
  1484.  
  1485. <div id="info">
  1486. <br>
  1487.  
  1488. &nbsp; &nbsp;
  1489.  
  1490.  
  1491. {block:Date}
  1492. <a href="{Permalink}" style="position:absolute; margin-left:-100px; margin-top:-15px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #30defc;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ● </a>
  1493. {/block:Date}
  1494.  
  1495.  
  1496. {block:RebloggedFrom}
  1497. <a href="{ReblogParentURL}" style="position:absolute; margin-left:-65px; margin-top:-15px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #30defc;" title=" via. {ReblogParentName} "> ● </a>
  1498. {/block:RebloggedFrom}
  1499.  
  1500.  
  1501. {block:ContentSource}
  1502. <a href="{SourceURL}" style="position:absolute; margin-left:-30px; margin-top:-15px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #30defc;" title=" source. {SourceTitle} "> ● </a>
  1503. {/block:ContentSource}
  1504.  
  1505.  
  1506. <a href="{Permalink}" style="position:absolute; margin-left:5px; margin-top:-15px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #30defc;" title=" {NoteCount} notes "> ● </a>
  1507.  
  1508.  
  1509. <a href="{ReblogURL}" style="position:absolute; margin-left:40px; margin-top:-15px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #30defc;" title="reblog"> ● </a>
  1510.  
  1511.  
  1512. <br>
  1513.  
  1514. {block:HasTags}<div id="tags">{block:Tags} & <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1515. {/block:Posts}
  1516. <div class="note">
  1517. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1518. </div>
  1519.  
  1520. {/block:Posts}</div></div>
  1521.  
  1522.  
  1523.  
  1524. </div> </div> </div> </div> </div> </div>
  1525.  
  1526.  
  1527.  
  1528. </body>
  1529.  
  1530.  
  1531.  
  1532. <div id="box1" class="popup_block">
  1533.  
  1534. <h3>
  1535. ASK ME ANYTHING
  1536. </h3>
  1537.  
  1538. <center>
  1539.  
  1540.  
  1541. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/latrocinari.tumblr.com" width="100%"></iframe></p>
  1542.  
  1543. </div>
  1544.  
  1545. </center>
  1546.  
  1547.  
  1548.  
  1549. <div id="box2" class="popup_block">
  1550.  
  1551. <div style="width:auto;height:405px;overflow:scroll;padding:5px;">
  1552.  
  1553.  
  1554. <h3>APPLICATION.</h3>
  1555.  
  1556. <p><b>OOC Tumblr:</b></p>
  1557. <p>@ruukina on twitter</p>
  1558. <p><b>Other characters in Citta:</b></p>
  1559. <p>2</p>
  1560. <p>&mdash;&mdash;</p>
  1561. <p><b>Character name:</b></p>
  1562. <p>Zero</p>
  1563. <p><b>Series:&nbsp;</b></p>
  1564. <p>Fire Emblem</p>
  1565. <p><b>Canon point (if applicable):</b></p>
  1566. <p><strike>Pre-Chosen route</strike> / Revelations: Chapter 17</p>
  1567. <p><b>Personality (please write at least a paragraph [ of about 12-15 sentences ] in your own words about your character&rsquo;s personality.):</b></p>
  1568. <div align="center"><i>&ldquo;I want to see your face twisted in pain.&rdquo;</i></div>
  1569. <p>A thief who grew up in the worst part of Nohr, Zero became Prince Leon&rsquo;s retainer before the beginning of the game. Normally, he is a cruel and sadistic person who enjoys making others uncomfortable and seeing their faces in pain and can easily be agitated should someone annoy him, or simply around those who try to dig too deep into her personal life and past. He hides his embarrassment with threats, and tries to agitate anyone who asks about his past so they&rsquo;ll leave him alone. He&rsquo;s a typically guarded person and rarely trusts people around him.</p>
  1570. <p>According to his supports with Odin, Zero has a rather dirty mind and tends to spew innuendos at everyone. It&rsquo;s hinted in his support with Harold that he mostly uses his unpleasant speech to drive people away, but when he&rsquo;s genuine and honest he seems to talk as a normal person would. This is also shown in his support with Leon, where he is the most genuine due to the fact of how loyal and devoted he is to him.</p>
  1571. <p>Zero&rsquo;s personality and sadistic tendencies are because of the cruel past he&rsquo;s had, a past that he does not openly talk about and still haunts him through his dreams. He is a bitter man; angry at those considered above him in terms of class and wealth, because while he was living in poverty and doing anything he could do to get by, others were wealthy and got things they simply did not deserve. In order to get back at them, he wishes to make them suffer. He will rightfully apologize when he&rsquo;s wrong about something, as shown in his supports with Camilla.</p>
  1572. <p>To those who he is loyal to and to those he enjoys being around, Zero is an extremely loyal person, especially to Prince Leon. Having to be saved by Leon when he was abandoned a second time by his &ldquo;family&rdquo; ( the first time being from his actual parents ), he is extremely grateful for him. The outlaw had expressed that he would do anything for Leon. He shows a more caring side to anyone he&rsquo;s close to, though he&rsquo;ll more than likely still tease them.</p>
  1573. <p>Zero seems to have some self-loathing issues as well, as suggested by his skinship lines should he be married to the avatar. He thinks of him as dirty, mentions how he was broken before he met the avatar and how surprising that someone could love a person like him.</p>
  1574. <p>Out of everyone in the army, he enjoys gazing at the moon the most.</p>
  1575. <p><b>Abilities your character possesses (only applicable if your character has powers. Must be extremely detailed):</b></p>
  1576. <p><b>Kidnap: </b>Zero&rsquo;s personal skill; if the player has a Jail in their My Castle, Zero is given the option to capture generic enemy units and select enemy bosses when they are defeated by him while using the &ldquo;Capture&rdquo; command.</p>
  1577. <p><b>Locktouch:</b>&nbsp;User can open doors and chests without requiring keys</p>
  1578. <p><b>Movement +1:</b>&nbsp;Allows the user an extra movement point when equipped</p>
  1579. <p><b>Bowfaire:&nbsp;</b>Increases Strength by 5 with Bows</p>
  1580. <p><b>Vengeance:</b>&nbsp;Adds half of the user&rsquo;s current health difference to their attack.</p>
  1581. <p><b>Lifetaker:</b>&nbsp;It recovers the user&rsquo;s HP by 50% if they defeat an enemy</p>
  1582. </blockquote>
  1583. <p><b>Weapon of choice:</b></p>
  1584. <p>Bow &amp; Arrow</p>
  1585.  
  1586. <br><br>
  1587.  
  1588. </div>
  1589. </div>
  1590.  
  1591.  
  1592.  
  1593. <div id="box5" class="popup_block">
  1594.  
  1595. <div style="width:auto;height:405px;overflow:scroll;padding:5px;">
  1596.  
  1597.  
  1598. <h3>LAWS.</h3>
  1599.  
  1600. <h3>GENERAL INTRODUCTION</h3>
  1601. <p>This is an affiliated blog for <b>Zero</b> of <i>Fire Emblem: Fates</i>. Though I am indie friendly, I am also very selective about who I RP with and will only RP with mutuals. You are free to follow me and I am likely to follow back, but I am allowed to simply not follow back. I am <b>multi-fandom</b> friendly and OC friendly.</p>
  1602. <p>I do read everyone's rules,&nbsp;but I have terrible anxiety when it comes to sending passwords, so I unfortunately won't be doing that. However, I'll more than likely tell you in the tags of our first interaction that I've read your rules.</p>
  1603. <p>I would appreciate it if every read these rules before interacting with me, just to see what my guidelines are!</p>
  1604. <h3>GENERAL HOUSEKEEPING RULES</h3>
  1605. <p><b>Please don&rsquo;t take anything from this blog</b>! This includes icons, headcanons, writing, etc. I don&rsquo;t appreciate thieves and while we may have the same muse, that doesn&rsquo;t give you permission to take anything on this blog.</p>
  1606. <p><b>Please don&rsquo;t rush me for replies</b>! I can be a very busy person, with classes especially, and my personal life matters a lot more than my roleplaying one. I don&rsquo;t mind a nudge or asking if I got your reply, but please don&rsquo;t make passive-aggressive remarks about how I&rsquo;m slow.</p>
  1607. <p><b>No metagaming or godmodding</b>! I rarely do fight scenes because of these things and it gets annoying after a while so please don&rsquo;t do this.</p>
  1608. <p><b>Triggers will be tagged</b>! If you need something tagged, please politely ask me in my inbox! I usually tag everything that may be triggering but I don&rsquo;t know everyone&rsquo;s triggers so please tell me if you need something tagged!</p>
  1609. <p>There are a few things I need tagged, mainly:</p>
  1610. <ul>
  1611. <li>zero/tsubaki ( niles/subaki )</li>
  1612. <li>kamui/aqua ( corrin/azura )</li>
  1613. <li>inigo/lucina</li>
  1614. </ul>
  1615. <p>just tag it with the all-catch tag I have that's <b>#chibi don't look</b>.</p>
  1616. <p>While both mun and muse are over 18, I don&rsquo;t feel too comfortable with writing smut with people I don&rsquo;t know, so I&rsquo;d like to stray from that if possible. If smut does happen, I&rsquo;ll only being doing it with those who are 18+. This applies to both muns and muses.</p>
  1617. <p><b>Shipping is not a priority.</b> When it comes to shipping, I&rsquo;d rather have some chemistry involved. There are a few, small exceptions to this rule such as if I&rsquo;ve discussed it with my partner ( and if we&rsquo;re both alright with it for a thread ) but for the most part, I&rsquo;d rather have some build up. If you want to discuss having a ship with me, feel free to, but I am allowed to say &lsquo;no&rsquo; if I don&rsquo;t want to ship with you.</p>
  1618. <h3>ABOUT ZERO</h3>
  1619. <p>A lot of Zero&rsquo;s traits and name will be played by the Japanese version of the game. <b>Therefore, while his localization name is Niles, I will still be calling him Zero</b>. I ask that you refer to him as Zero. <i>If you keep calling him 'Niles' even after I remind you, I will not RP with you</i>.</p>
  1620. <p>Zero&rsquo;s not exactly a nice and pure person. To those he doesn&rsquo;t know / trust, he&rsquo;s cruel and pushes them away by throwing innuendos and threats to keep them from pressing in about his private life. The more he trusts someone, the more genuine he is which means the less mean / dirty he&rsquo;ll be, basically.</p>
  1621. <p><b>ZERO USES INNUENDOS AS A WAY TO PUSH PEOPLE AWAY </b>as well as to get under their skin. This doesn&rsquo;t mean he wants to have relations with your character, as he has very little interest in actual sex. While I&rsquo;ll be careful as to who these innuendos are directed at,&nbsp;they&rsquo;ll still be on this blog and I&rsquo;ll be tagging any innuendo as <b>#innuendo ///</b>. Feel free to blacklist this if you still want to follow me but not comfortable with these kinds of things!</p>
  1622. <p>Zero&rsquo;s past has a lot of implications of abuse and violence. <b>These things will be tagged if they should ever come up</b>!</p>
  1623. <h3>CITTA-ALVEARE MEMBERS</h3>
  1624. <p>If an event ends and you wish to continue a thread, feel free to notify me! Sometimes I lose motivation for an event specific thread when the event ends so I may end up dropping them, but if you&rsquo;d like to continue and complete it, feel free to tell me!</p>
  1625. <h3>INDIE FOLLOWERS</h3>
  1626. <p><b>While I am indie friendly, </b>I am also selective and I will choose who to follow back and what not. I may unfollow you if I find myself not interacting with you much and don&rsquo;t see myself doing so in the future. Please do not take it personally.</p>
  1627. <p>My group comes before anything else, so I&rsquo;ll be spending a lot more time focusing on group activity such as threads with members, group events, etc. However, I will always try and get to indie replies as well!</p>
  1628. <p>While my starter calls are tagged with <b>#ca rp ad</b>, <i>anyone can like them unless stated by me</i> ( usually if a starter call is for citta members only, I&rsquo;ll say it in the post ). So please don&rsquo;t be shy if you want to thread with me!</p>
  1629. <p>Anything tagged with<b> #ca open</b>, <b>#ca mini</b>, <b>#ca event</b> or <b>#ca reblog only</b>, should not be responded to or reblogged unless I say that it&rsquo;s OK to respond to it! This is so my group members don&rsquo;t get confused with who&rsquo;s an indie and who&rsquo;s a member of Citta-Alveare.</p>
  1630. <h3>MUN INFORMATION</h3>
  1631. <p>Hi! My name is <b>Chibi</b> and I'm 22 years old. I am <b>nonbinary</b> and my pronouns are <i>they / them</i>. Please do not use she / her or he / him when refering to me! Skype and Twitter are open to mutuals! Just ask me for it and I&rsquo;ll happily give it to you!&nbsp;</p>
  1632. <p>There&rsquo;s no real rule password here, but feel free to introduce yourself to me! I like knowing who I&rsquo;m following.</p>
  1633.  
  1634. <br><br>
  1635.  
  1636. </div>
  1637. </div>
  1638.  
  1639. <div id="box6" class="popup_block">
  1640.  
  1641. <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
  1642.  
  1643. <center>
  1644.  
  1645. <h3>GENERAL</h3>
  1646.  
  1647. <div class="popupnavlinks">
  1648.  
  1649.  
  1650. <a href="/rules">RULES.</a>
  1651. <a href="/verses">VERSES.</a>
  1652. <br>
  1653. <a href="/mun">MUN.</a>
  1654. <a href="/credits">CREDIT.</a>
  1655. <br>
  1656.  
  1657. <h3>CITTA-ALVEARE</h3>
  1658.  
  1659. <div class="popupnavlinks">
  1660.  
  1661.  
  1662. <a href="/app">APPLICATION.</a>
  1663. <a href="/supports">RELATIONSHIPS.</a>
  1664. <br>
  1665. <a href="/stats">STATS.</a>
  1666. <a href="/threads">THREADS.</a>
  1667. <br>
  1668.  
  1669. <h3>TAGS</h3>
  1670.  
  1671. <div class="popupnavlinks">
  1672.  
  1673.  
  1674. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BREFLECTION.-%29">HIMSELF.</a>
  1675. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BPRIDE-AND-JOY.-%29">EPONINE.</a>
  1676. <br>
  1677. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BSAVIOR.-%29">LEON.</a>
  1678. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BFROM-ANOTHER-WORLD.-%29">ODIN.</a>
  1679. <br>
  1680. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BDRAGONBORN.-%29">MY UNIT.</a>
  1681. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BNOHR.-%29">NOHR.</a>
  1682. <br>
  1683. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BHOSHIDO.-%29">HOSHIDO.</a>
  1684. <a href="/"></a>
  1685. <br>
  1686.  
  1687. <h3>WRITINGS</h3>
  1688.  
  1689. <div class="popupnavlinks">
  1690.  
  1691.  
  1692. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BDRABBLE.-%29">DRABBLES.</a>
  1693. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BHEADCANON.-%29">HEADCANONS.</a>
  1694. <br>
  1695. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BINQUIRY.-%29">MESSAGES.</a>
  1696. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BMETA.-%29">META.</a>
  1697. <br>
  1698.  
  1699. <h3>MISC</h3>
  1700.  
  1701. <div class="popupnavlinks">
  1702.  
  1703.  
  1704. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BLOST-IN-THOUGHT.-%29">MUSINGS.</a>
  1705. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BMUSIC-BOX.-%29">AUDIO.</a>
  1706. <br>
  1707. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BVIDEO.-%29">VIDEO.</a>
  1708. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BOUT-OF-SHOTS.-%29">OOC TAG.</a>
  1709. <br>
  1710. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BATTIRE.-%29">ATTIRE.</a>
  1711. <a href="http://latrocinari.tumblr.com/tagged/%28-%E2%9C%96%E2%94%8BINTERESTS.-%29">INTERESTS.</a>
  1712. <br>
  1713.  
  1714.  
  1715.  
  1716. </div>
  1717. </div>
  1718. </div>
  1719. </div>
  1720. </div>
  1721. </div>
  1722. </div>
  1723.  
  1724.  
  1725.  
  1726. <div id="bite">
  1727. <div id="thekey"></div>
  1728. <div class="death">
  1729. <div id="actualnews">
  1730.  
  1731. <center>
  1732.  
  1733. <div style="width:auto;height:345px;overflow:scroll;padding:5px;">
  1734.  
  1735. <h3>
  1736. habitual sadist
  1737. </h3>
  1738.  
  1739. <center> Leon’s subordinate. From the slums of Nohr. He wishes to show the more fortunate people who are trouble free true pain and suffering. Born on 4/22. The one who admires the moon the most in the army. </center> <p>
  1740.  
  1741.  
  1742. <h3>
  1743. OUTLAW
  1744. </h3>
  1745.  
  1746. <center> <a href="http://citta-alveare.com/">Affiliated</a> Zero blog; Indie friendly.<br />
  1747.  
  1748. Sinner rank. Housed in p-5. </center> <p>
  1749.  
  1750. <h3>
  1751. 「逃がさないぜ。」
  1752. </h3>
  1753.  
  1754. <center><a href="http://dragonskinned.tumblr.com/"><img src="http://i.imgur.com/0eWAwGS.gif" /></a><a href="http://nohrprince.tumblr.com/"><img src="http://vignette4.wikia.nocookie.net/fireemblem/images/c/c3/FE14_Leo_Dark_Knight_Map_Sprite.gif/revision/latest?cb=20151018112453" style=width:30px; "height:27px" /></a><a href="http://latrocinari.tumblr.com/"><img src="https://31.media.tumblr.com/03fe29f5448f9b03ee5c70b0cf8fc024/tumblr_inline_o89ma5egMU1tbv4l0_500.gif" /></a><a href="http://fortiscor.tumblr.com/"><img src="https://31.media.tumblr.com/3ca2cb3885c98ef525e3bdb449588e7c/tumblr_inline_o89mac6y3M1tbv4l0_500.gif" /></a>
  1755. </center> <p>
  1756.  
  1757.  
  1758. </div>
  1759. </div></div>
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!