API tools faq
paste
Advertisement
Guest User

v1

a guest
Sep 14th, 2018
205
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.83 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. THEME BY MAMI. MADE FOR MAMI.
  7. PLEASE DO NOT EDIT AND REDISTRIBUTE AS YOUR OWN WITHOUT PERMISSION.
  8.  
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14.  
  15.  
  16.  
  17. <!--
  18. POP UP SCRIPT
  19. -->
  20.  
  21.  
  22. <script type="text/javascript"
  23. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24. <script>
  25. $(document).ready(function() {
  26. //
  27. $('a.poplight[href^=#]').click(function() {
  28. var popID = $(this).attr('rel'); //Get Popup Name
  29. var popURL = $(this).attr('href'); //Get Popup href to define size
  30. var query= popURL.split('?');
  31. var dim= query[1].split('&');
  32. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  33. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  34. var popMargTop = ($('#' + popID).height() + 80) / 2;
  35. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  36. //Apply Margin to Popup
  37. $('#' + popID).css({
  38. 'margin-top' : -popMargTop,
  39. 'margin-left' : -popMargLeft
  40. });
  41. $('body').append('<div id="fade"></div>');
  42. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  43. return false;
  44. });
  45. $('a.close, #fade').live('click', function() {
  46. $('#fade , .popup_block').fadeOut(function() {
  47. $('#fade, a.close').remove(); //fade them both out
  48. });
  49. return false;
  50. });
  51. });
  52. </script>
  53.  
  54.  
  55.  
  56. <!--
  57. VERSE TABS SCRIPT
  58. -->
  59.  
  60.  
  61. <script>
  62.  
  63. $(document).ready(function(){
  64. $("ul#tabs li").click(function(e){
  65. if (!$(this).hasClass("active")) {
  66. var tabNum = $(this).index();
  67. var nthChild = tabNum+1;
  68. $("ul#tabs li.active").removeClass("active");
  69. $(this).addClass("active");
  70. $("ul#tab li.active").removeClass("active");
  71. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  72. }
  73. });
  74. });
  75. </script>
  76.  
  77.  
  78.  
  79. <!--
  80. TOOLTIP STYLING SCRIPT
  81. -->
  82.  
  83.  
  84. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  85. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  86. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  87. <script>
  88. (function($){
  89. $(document).ready(function(){
  90. $("[title]").style_my_tooltips({
  91. tip_follows_cursor:true,
  92. tip_delay_time:200,
  93. tip_fade_speed:500
  94. });
  95. });
  96. })(jQuery);
  97. </script>
  98.  
  99.  
  100.  
  101.  
  102. <title>{Title}</title>
  103. <link rel="shortcut icon" href="{Favicon}">
  104. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  105. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  106.  
  107.  
  108.  
  109. <!--
  110. CUSTOM FONTS
  111. -->
  112.  
  113.  
  114. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  115.  
  116. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  117.  
  118.  
  119. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  120.  
  121. <link href="https://fonts.googleapis.com/css?family=Qwigley" rel="stylesheet">
  122.  
  123. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200" rel="stylesheet">
  124.  
  125.  
  126.  
  127. <script type="text/javascript">
  128. // <![CDATA[
  129. var colour="#000"; // what colour are the blobs
  130. var speed=100; // speed of animation, lower is faster
  131. var blobs=10; // how many blobs are in the jar
  132. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  133.  
  134. /***************************\
  135. * Blobs in a Jar Effect *
  136. * (c)2012 mf2fm web-design *
  137. * http://www.mf2fm.com/rv *
  138. * DON'T EDIT BELOW THIS BOX *
  139. \***************************/
  140.  
  141. window.onload=fill_the_jar;
  142. var div;
  143. var xpos=new Array();
  144. var ypos=new Array();
  145. var zpos=new Array();
  146. var dx=new Array();
  147. var dy=new Array();
  148. var dz=new Array();
  149. var blob=new Array();
  150. var swide=800;
  151. var shigh=600;
  152. function fill_the_jar() {
  153. var i, dvs;
  154. div=document.createElement('div');
  155. dvs=div.style;
  156. dvs.position='fixed';
  157. dvs.left='0px';
  158. dvs.top='0px';
  159. dvs.width='1px';
  160. dvs.height='1px';
  161. document.body.appendChild(div);
  162. set_width();
  163. for (i=0; i<blobs; i++) {
  164. add_blob(i);
  165. jamjar(i);
  166. }
  167. }
  168.  
  169. function add_blob(ref) {
  170. var dv, sy;
  171. dv=document.createElement('div');
  172. dv.appendChild(document.createTextNode(charc));
  173. sy=dv.style;
  174. sy.position='absolute';
  175. sy.textAlign="center";
  176. if (navigator.appName=="Microsoft Internet Explorer") {
  177. sy.fontSize="10px";
  178. sy.width="100px";
  179. sy.height="100px";
  180. sy.paddingTop="40px";
  181. sy.color=colour;
  182. }
  183. else sy.color='rgba(0,0,0,0)';
  184. ypos[ref]=Math.floor(shigh*Math.random());
  185. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  186. xpos[ref]=Math.floor(swide*Math.random());
  187. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  188. zpos[ref]=Math.random()*20;
  189. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  190. blob[ref]=dv;
  191. div.appendChild(blob[ref]);
  192. set_blob(ref);
  193. }
  194. function rejig(ref, xy) {
  195. if (xy=='y') {
  196. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  197. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  198. }
  199. else {
  200. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  201. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  202. }
  203. }
  204. function sign(a) {
  205. if (a<0) return (-2);
  206. else if (a>0) return (2);
  207. else return (0);
  208. }
  209. function set_blob(ref) {
  210. var sy;
  211. sy=blob[ref].style;
  212. sy.top=ypos[ref]+'px';
  213. sy.left=xpos[ref]+'px';
  214. if (navigator.appName=="Microsoft Internet Explorer") {
  215. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  216. sy.fontSize=30-zpos[ref]+"px";
  217. }
  218. else {
  219. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  220. sy.fontSize=40+zpos[ref]+'px';
  221. }
  222. }
  223. function jamjar(ref) {
  224. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  225. ypos[ref]+=dy[ref];
  226. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  227. xpos[ref]+=dx[ref];
  228. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  229. zpos[ref]+=dz[ref];
  230. set_blob(ref);
  231. setTimeout("jamjar("+ref+")", speed);
  232. }
  233.  
  234. window.onresize=set_width;
  235. function set_width() {
  236. var sw_min=999999;
  237. var sh_min=999999;
  238. if (document.documentElement && document.documentElement.clientWidth) {
  239. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  240. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  241. }
  242. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  243. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  244. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  245. }
  246. if (document.body.clientWidth) {
  247. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  248. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  249. }
  250. if (sw_min==999999 || sh_min==999999) {
  251. sw_min=800;
  252. sh_min=600;
  253. }
  254. swide=sw_min;
  255. shigh=sh_min;
  256. }
  257. // ]]>
  258. </script>
  259.  
  260.  
  261. <style type="text/css">
  262.  
  263.  
  264.  
  265. /* THE CUSTOM SIDEBAR THING */
  266.  
  267.  
  268.  
  269. #bite
  270. #bite a{
  271. display:block
  272. }
  273. #bite .death {
  274. margin-top:0px;filter: alpha(opacity = 1.0);
  275. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  276. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  277. }
  278.  
  279. #bite:hover .death {
  280. margin-top:0px;
  281. -webkit-transition: all 0.8s ease-out;
  282. -moz-transition: all 0.8s ease-out;
  283. transition: all 0.8s ease-out;
  284. filter: alpha(opacity = 100);
  285. filter: alpha(opacity = 100);
  286. opacity:100;
  287. }
  288.  
  289.  
  290.  
  291. /* SELECTION FONT AND BACKGROUND */
  292.  
  293.  
  294. ::selection {
  295. background: #c2c2c2;
  296. color:#fff; }
  297.  
  298.  
  299. ::-moz-selection {
  300. background: #c2c2c2;
  301. color:#fff; }
  302.  
  303.  
  304.  
  305. /* SCROLLBAR DETAILS */
  306.  
  307.  
  308.  
  309. ::-webkit-scrollbar {
  310. height: 0px;
  311. width: 2px;
  312. background:transparent;
  313. border-left:0px solid transparent;
  314. border-right:0px solid transparent;}
  315.  
  316.  
  317. ::-webkit-scrollbar-thumb {
  318. background:transparent;}
  319.  
  320.  
  321.  
  322.  
  323. /* THE CURSOR */
  324.  
  325.  
  326. {block:iftinycursor}
  327. body, a, a:hover{
  328. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  329. {/block:iftinycursor}
  330.  
  331. iframe#tumblr_controls {
  332. right:3px !important;
  333. position: fixed !important;
  334. -webkit-transition: opacity 0.7s
  335. linear;opacity: 0.2;
  336. -webkit-transition: all 0.8s ease-out;
  337. -moz-transition: all 0.8s ease-out;
  338. transition: all 0.8s ease-out;}
  339.  
  340. iframe#tumblr_controls:hover{
  341. -webkit-transition: opacity 0.7s linear;
  342. opacity: 1;
  343. -webkit-transition: all 0.4s ease-out;
  344. -moz-transition: all 0.4s ease-out;
  345. transition: all 0.4s ease-out;}
  346.  
  347.  
  348.  
  349. /* GENERAL LOOK AND BACKGROUND */
  350.  
  351.  
  352. body {
  353. background:#000;
  354. background-image:url('http://i.imgur.com/68h9mbe.png');
  355. background-attachment: fixed;
  356. background-repeat: no-repeat;
  357. background-position: left top;
  358. background-color:#181818;
  359. font-family: calibri;
  360. color: #b6b6b6;
  361. text-align:justify;
  362. font-size: 10px;
  363. letter-spacing:1px;
  364. line-height:135%;
  365. }
  366.  
  367.  
  368.  
  369. /* THE VERSES TABS */
  370.  
  371.  
  372. ul#tabs {
  373. list-style-type: none;
  374. padding: 0;
  375. text-align: center;
  376. font-size:8px;
  377. letter-spacing:1px;
  378. text-shadow:1px 1px 0px #4c4c4c,
  379. 1px -1px 0px #4c4c4c,
  380. -1px -1px 0px #4c4c4c,
  381. -1px 1px 0px #4c4c4c,
  382. 0px 1px 0px #4c4c4c,
  383. 0px -1px 0px #4c4c4c,
  384. 1px 0px 0px #4c4c4c,
  385. -1px 0px 0px #4c4c4c;
  386.  
  387. }
  388.  
  389.  
  390.  
  391.  
  392. ul#tabs li {
  393. background-image: url('http://i.imgur.com/GvV5ypc.gif');
  394. background-repeat:repeat;
  395. background-attachment:fixed;
  396. border-left: double 3px #000;
  397. border-top: double 3px #000;
  398. border-right: double 3px #000;
  399. border-bottom: double 3px #000;
  400. color:#e6e6e6;
  401. text-shadow:1px 1px 0px #000,
  402. 1px -1px 0px #000,
  403. -1px -1px 0px #000,
  404. -1px 1px 0px #000,
  405. 0px 1px 0px #000,
  406. 0px -1px 0px #000,
  407. 1px 0px 0px #000,
  408. -1px 0px 0px #000;
  409. display: inline-block;
  410. padding: 4px 10px;
  411. margin-bottom: 4px;
  412. cursor: pointer;
  413. }
  414.  
  415.  
  416.  
  417. ul#tabs li:hover {
  418. background-color: transparent;
  419. color: #eaeaea;
  420. }
  421.  
  422. ul#tabs li.active {
  423. background-image: url('');
  424. background:#151515;
  425. background-repeat:repeat;
  426. background-attachment:fixed;
  427. border-left: double 3px #000;
  428. border-top: double 3px #000;
  429. border-right: double 3px #000;
  430. border-bottom: double 3px #000;
  431. color:#e6e6e6;
  432. text-shadow:1px 1px 0px #000,
  433. 1px -1px 0px #000,
  434. -1px -1px 0px #000,
  435. -1px 1px 0px #000,
  436. 0px 1px 0px #000,
  437. 0px -1px 0px #000,
  438. 1px 0px 0px #000,
  439. -1px 0px 0px #000;
  440. display: inline-block;
  441. padding: 4px 10px;
  442. margin-bottom: 4px;
  443. cursor: pointer;
  444. }
  445.  
  446.  
  447.  
  448. ul#tab {
  449. list-style-type: none;
  450. margin: 0;
  451. padding: 0;
  452. }
  453.  
  454. ul#tab li {
  455. display: none;
  456. }
  457.  
  458. ul#tab li.active {
  459. display: block;
  460. }
  461.  
  462.  
  463.  
  464.  
  465. /* LINKS */
  466.  
  467.  
  468. a:link, a:active, a:visited {
  469. text-decoration: none;
  470. color: #93a7aa;
  471. -moz-transition-duration:.6s;
  472. -webkit-transition-duration:.6s;
  473. -o-transition-duration:.6s;
  474. -webkit-filter: blur(0px);}
  475.  
  476. a:hover {
  477. color: #8f8f8f;
  478. -moz-transition-duration:.6s;
  479. -webkit-transition-duration:.6s;
  480. -o-transition-duration:.6s;
  481. -webkit-filter: blur(1px);}
  482.  
  483.  
  484.  
  485. #links a {
  486. padding:5px;
  487. margin-right:0px;
  488. text-shadow: 1px 0px 1px #7a7a7a;
  489. }
  490.  
  491.  
  492. #links a:hover {
  493. padding:5px;
  494. margin-right:0px;
  495. text-shadow: 2px 0px 10px #7a7a7a;
  496. -moz-transition-duration:0.6s;
  497. -webkit-transition-duration:0.6s;
  498. -o-transition-duration:0.6s;
  499. }
  500.  
  501.  
  502.  
  503.  
  504. /* OTHER TEXT STUFF */
  505.  
  506.  
  507.  
  508. h1 {
  509. background-color: transparent;
  510. font-family: 'Josefin Sans', sans-serif;
  511. font-size: 16px;
  512. line-height: 20px;
  513. letter-spacing: 2px;
  514. text-align: center;
  515. text-transform:uppercase;
  516. color: #91a3ac;
  517. }
  518.  
  519.  
  520. h2 {
  521. background-color: transparent;
  522. font-family: 'Josefin Sans', sans-serif;
  523. font-size: 15px;
  524. line-height: 16px;
  525. letter-spacing: 2px;
  526. text-align: left;
  527. text-transform:uppercase;
  528. color: #91a3ac;
  529. }
  530.  
  531.  
  532.  
  533. h3 {
  534. background-image: url('http://i.imgur.com/GvV5ypc.gif');
  535. background-repeat:repeat;
  536. background-attachment:fixed;
  537. border-left: double 3px #000;
  538. border-top: double 3px #000;
  539. border-right: double 3px #000;
  540. border-bottom: double 3px #000;
  541. padding:2px;
  542. color:#e6e6e6;
  543. text-shadow:1px 1px 0px #000,
  544. 1px -1px 0px #000,
  545. -1px -1px 0px #000,
  546. -1px 1px 0px #000,
  547. 0px 1px 0px #000,
  548. 0px -1px 0px #000,
  549. 1px 0px 0px #000,
  550. -1px 0px 0px #000;
  551. font-size:12px;
  552. font-family:calibri;
  553. text-transform:uppercase;
  554. letter-spacing:1px;
  555. text-align:center;}
  556.  
  557.  
  558.  
  559.  
  560. h4 {
  561. background-image: url('http://i.imgur.com/GvV5ypc.gif');
  562. background-repeat:repeat;
  563. background-attachment:fixed;
  564. border-left: double 3px #000;
  565. border-top: double 3px #000;
  566. border-right: double 3px #000;
  567. border-bottom: double 3px #000;
  568. padding:2px;
  569. color:#e6e6e6;
  570. text-shadow:1px 1px 0px #000,
  571. 1px -1px 0px #000,
  572. -1px -1px 0px #000,
  573. -1px 1px 0px #000,
  574. 0px 1px 0px #000,
  575. 0px -1px 0px #000,
  576. 1px 0px 0px #000,
  577. -1px 0px 0px #000;
  578. font-size:9px;
  579. font-family:calibri;
  580. text-transform:uppercase;
  581. letter-spacing:1px;
  582. text-align:center;}
  583.  
  584.  
  585.  
  586. hr {
  587. color:#818181;
  588. display: block;
  589. margin-top: 0.5em;
  590. margin-bottom: 0.5em;
  591. margin-left: auto;
  592. margin-right: auto;
  593. border-style: inset;
  594. border-width: 1px;
  595. }
  596.  
  597.  
  598.  
  599.  
  600. quotetext {
  601. background-color: transparent;
  602. font-family: times;
  603. font-size: 16px;
  604. line-height: 20px;
  605. letter-spacing: 2px;
  606. text-align: center;
  607. text-transform:uppercase;
  608. color: #91a3ac;
  609. }
  610.  
  611.  
  612.  
  613. blockquote {
  614. word-wrap: break-word;
  615. padding:2px 7px;
  616. margin:3px 0 3px 10px;
  617. border-left:1px solid {color:border};
  618. background-color:transparent;}
  619.  
  620.  
  621. blockquote img{
  622. max-width:100%;
  623. height:auto;
  624. }
  625.  
  626. blockquote blockquote img{
  627. max-width:100%;
  628. height:auto;
  629. }
  630.  
  631.  
  632.  
  633.  
  634. b, bold {
  635. font-size:10px;
  636. text-transform:uppercase;
  637. letter-spacing:1px;
  638. font-family: 'Josefin Sans', sans-serif;
  639. color: #9cb4c0;
  640. text-shadow:1px 1px 0 #000;
  641. }
  642.  
  643.  
  644.  
  645. i, italic {
  646. font-size:13px;
  647. color: #c2cbcc;
  648. font-family: 'Bad Script', cursive;
  649. text-shadow: 0px 0px 2px #5a5a5a;
  650. letter-spacing:1px;
  651. text-transform:lowercase;
  652. }
  653.  
  654.  
  655.  
  656. p {
  657. margin-top:5px;
  658. margin-bottom:5px;}
  659.  
  660.  
  661. ol {
  662. list-style:normal;}
  663.  
  664.  
  665. ul {
  666. list-style:square;}
  667.  
  668.  
  669. small {
  670. font-size:10px}
  671.  
  672.  
  673. sup,sub {
  674. font-size:11px}
  675.  
  676.  
  677. pre {
  678. font-size: 10px;
  679. letter-spacing:3px;
  680. background-color:#000;
  681. font-family: "Times New Roman", Times, serif;
  682. font-style: none;
  683. text-align:center;
  684. white-space: pre-wrap; /* css-3 */
  685. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  686. white-space: -pre-wrap; /* Opera 4-6 */
  687. white-space: -o-pre-wrap; /* Opera 7 */
  688. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  689.  
  690.  
  691.  
  692. big {
  693. font-size:14px;
  694. text-transform:uppercase;
  695. letter-spacing:2px;
  696. font-family: "Times New Roman", Times, serif;
  697. color: #91a3ac;
  698. text-shadow: 0px 0px 2px #383838;
  699. }
  700.  
  701.  
  702.  
  703. /* IMAGES, PHOTOSETS AND WHATNOT */
  704.  
  705.  
  706.  
  707. {block:IfGreyscale}
  708.  
  709. img {
  710. -webkit-filter:grayscale(100%);
  711. -webkit-transition: all 0.9s ease-in-out;
  712. -moz-transition: all 0.9s ease-in-out;
  713. -o-transition: all 0.9s ease-in-out;
  714. -ms-transition: all 0.9s ease-in-out;
  715. transition: all 0.9s ease-in-out;}
  716.  
  717. img:hover {
  718. -webkit-filter:none;}
  719.  
  720. .html_photoset {
  721. -webkit-filter: grayscale(100%);
  722. -webkit-transition: all 0.9s ease-in-out;
  723. -moz-transition: all 0.9s ease-in-out;
  724. -o-transition: all 0.9s ease-in-out;
  725. -ms-transition: all 0.9s ease-in-out;
  726. transition: all 0.9s ease-in-out;}
  727.  
  728. .html_photoset:hover {
  729. -webkit-filter: none;}
  730.  
  731. {/block:IfGreyscale}
  732.  
  733.  
  734.  
  735. /* CONTAINER AND POSTS */
  736.  
  737.  
  738.  
  739. #container {
  740. background-color:transparent;
  741. width:255px;
  742. height:350px;
  743. padding: 20px;
  744. top:103px;
  745. left:370px;
  746. position:fixed;
  747. overflow-y:scroll;
  748. overflow-x:hidden;
  749. -webkit-mask-image: -webkit-gradient(
  750. linear, center 75%, center bottom,
  751. from(rgba(0,0,0,20)),
  752. to(rgba(20,0,0,0)));
  753. border:1px solid transparent;}
  754.  
  755. #container img {
  756. height:auto;
  757. max-width:100%;
  758. }
  759.  
  760. #content {
  761. margin-left:62px;
  762. width:310px;
  763. margin-top: -110px;
  764. }
  765.  
  766. #posts {
  767. width:255px;
  768. padding:10px;
  769. margin-top: 90px;
  770. margin-left:-72px;
  771. padding-bottom:0px;
  772. overflow-y:scroll;
  773. overflow-x:hidden;
  774. }
  775.  
  776.  
  777. #description {
  778. margin-left: 0px;
  779. margin-top: -50px;
  780. width:180px;
  781. color:transparent;}
  782.  
  783.  
  784.  
  785.  
  786. /* CUSTOM SIDEBAR SETTINGS */
  787.  
  788.  
  789.  
  790. #actualnews {
  791. font-family: calibri;
  792. font-size:.1px;
  793. background:transparent;
  794. color: #8f8f8f;
  795. width:.1px;
  796. height:.1px;
  797. padding-top:3px;
  798. border:0px solid #131313;
  799. left: 300px;
  800. top: 295px;
  801. text-align:center;
  802. position:fixed;
  803. -webkit-filter: blur(0px);
  804. -webkit-transition: 0.8s ease-in;
  805. -moz-transition: 1s ease-in;
  806. transition: 1s ease-in;
  807. opacity:0.5;
  808. -webkit-transition: all 0.6s ease-in-out;
  809. -moz-transition: all 0.6s ease-in-out;
  810. -o-transition: all 0.6s ease-in-out;
  811. -ms-transition: all 0.6s ease-in-out;
  812. transition: all 0.6s ease-in-out;
  813. }
  814.  
  815.  
  816.  
  817. #actualnews:hover {
  818. -webkit-filter:none;
  819. -webkit-transition: all 0.6s ease-in-out;
  820. opacity:1;
  821. -webkit-transition: all 0.6s ease-in-out;
  822. -moz-transition: all 0.6s ease-in-out;
  823. -o-transition: all 0.6s ease-in-out;
  824. -ms-transition: all 0.6s ease-in-out;
  825. transition: all 0.6s ease-in-out;
  826. }
  827.  
  828.  
  829.  
  830.  
  831. #thekey {
  832. position:fixed;
  833. color:#7c7470;
  834. text-shadow: 0px 0px 2px #fff;
  835. margin-top:175px;
  836. margin-left:55px;
  837. width:710px;
  838. padding:9px;
  839. letter-spacing:2px;
  840. word-spacing:5px; /*this defines the separation of each word of the links*/
  841. font-family: helvetica;
  842. font-size:12px;
  843. text-align:center;
  844. background:transparent;
  845. text-transform:uppercase;
  846. -webkit-transform: rotate(-90deg);
  847. -moz-transform: rotate(-90deg);
  848. -o-transform: rotate(-90deg);
  849. }
  850.  
  851.  
  852.  
  853.  
  854. /* JUMBLED LINKS */
  855.  
  856.  
  857.  
  858. .alinks {
  859. position:fixed;
  860. text-shadow: 0px 0px 0px #000;
  861. left:680px;
  862. top:40px;
  863. transform: rotate(35deg);
  864. text-align: right;
  865. line-height:20px;
  866. font-family: 'Josefin Sans', sans-serif;
  867. font-size: 17px;}
  868.  
  869.  
  870. .alinks a {
  871. padding:10px;
  872. color:#7f7f7f;
  873. margin-right:0px;
  874. -webkit-filter: blur(0px);
  875. -webkit-transition: 0.8s ease-in;
  876. -moz-transition: 1s ease-in;
  877. transition: 1s ease-in;
  878. }
  879.  
  880. .alinks a:hover {
  881. -webkit-filter: blur(1px);
  882. -webkit-transition: all 0.6s ease-in-out;
  883. -moz-transition: all 0.6s ease-in-out;
  884. -o-transition: all 0.6s ease-in-out;
  885. -ms-transition: all 0.6s ease-in-out;
  886. transition: all 0.6s ease-in-out;
  887. color: #7f7f7f;
  888. text-shadow: 7px 7px 3px #000000;
  889. }
  890.  
  891.  
  892.  
  893. .blinks {
  894. position:fixed;
  895. text-shadow: 0px 0px 11px #7C6868;
  896. left:980px;
  897. top:400px;
  898. transform: rotate(0deg);
  899. text-align: justify;
  900. font-family: 'Josefin Sans', sans-serif;
  901. line-height:20px;
  902. font-size: 30px;}
  903.  
  904.  
  905. .blinks a {
  906. text-shadow:0px 0px 7px #7f7f7f;
  907. text-decoration:none;
  908. color:#4a4a4a;
  909. -webkit-transition: 0.8s ease-in;
  910. -moz-transition: 1s ease-in;
  911. transition: 1s ease-in;
  912. }
  913.  
  914. .blinks a:hover {
  915. -webkit-filter:blur(1px);
  916. -webkit-transition: all 0.6s ease-in-out;
  917. -moz-transition: all 0.6s ease-in-out;
  918. -o-transition: all 0.6s ease-in-out;
  919. -ms-transition: all 0.6s ease-in-out;
  920. transition: all 0.6s ease-in-out;
  921. color: #7f7f7f;
  922. text-shadow: 7px 7px 3px #000000;
  923. }
  924.  
  925.  
  926.  
  927.  
  928. .clinks {
  929. position:fixed;
  930. font-size:30px;
  931. text-decoration:none;
  932. transform: rotate(0deg);
  933. -ms-transform: rotate(0deg);
  934. -webkit-transform: rotate(0deg);
  935. -o-transform: rotate(0deg);
  936. -moz-transform: rotate(0deg);
  937. left:960px;
  938. top:450px;
  939. }
  940.  
  941. .clinks a {
  942. text-shadow:0px 0px 7px #7f7f7f;
  943. text-decoration:none;
  944. color:#4a4a4a;
  945. -webkit-transition: all 0.5s ease-out;
  946. -moz-transition: all 0.5s ease-out;
  947. transition: all 0.5s ease-out;
  948. }
  949.  
  950. .clinks:hover {
  951. -webkit-filter:blur(1px);
  952. -webkit-transition: all 0.5s ease-out;
  953. -moz-transition: all 0.5s ease-out;
  954. transition: all 0.5s ease-out;
  955. transform: rotate(110deg);
  956. -ms-transform: rotate(110deg);
  957. -webkit-transform: rotate(110deg);
  958. -o-transform: rotate(110deg);
  959. -moz-transform: rotate(110deg);
  960. }
  961.  
  962.  
  963.  
  964. .dlinks {
  965. position:fixed;
  966. font-size:30px;
  967. text-decoration:none;
  968. transform: rotate(0deg);
  969. -ms-transform: rotate(0deg);
  970. -webkit-transform: rotate(0deg);
  971. -o-transform: rotate(0deg);
  972. -moz-transform: rotate(0deg);
  973. left:950px;
  974. top:500px;
  975. }
  976.  
  977. .dlinks a {
  978. text-shadow:0px 0px 7px #7f7f7f;
  979. text-decoration:none;
  980. color:#4a4a4a;
  981. -webkit-transition: all 0.5s ease-out;
  982. -moz-transition: all 0.5s ease-out;
  983. transition: all 0.5s ease-out;
  984. }
  985.  
  986. .dlinks:hover {
  987. -webkit-filter:blur(1px);
  988. -webkit-transition: all 0.5s ease-out;
  989. -moz-transition: all 0.5s ease-out;
  990. transition: all 0.5s ease-out;
  991. transform: rotate(-60deg);
  992. -ms-transform: rotate(-60deg);
  993. -webkit-transform: rotate(-60deg);
  994. -o-transform: rotate(-60deg);
  995. -moz-transform: rotate(-60deg);
  996. }
  997.  
  998.  
  999.  
  1000. .elinks {
  1001. position:fixed;
  1002. font-size:30px;
  1003. text-decoration:none;
  1004. transform: rotate(0deg);
  1005. -ms-transform: rotate(0deg);
  1006. -webkit-transform: rotate(0deg);
  1007. -o-transform: rotate(0deg);
  1008. -moz-transform: rotate(0deg);
  1009. left:930px;
  1010. top:550px;
  1011. }
  1012.  
  1013. .elinks a {
  1014. text-shadow:0px 0px 7px #7f7f7f;
  1015. text-decoration:none;
  1016. color:#4a4a4a;
  1017. -webkit-transition: all 0.5s ease-out;
  1018. -moz-transition: all 0.5s ease-out;
  1019. transition: all 0.5s ease-out;
  1020. }
  1021.  
  1022. .elinks:hover {
  1023. -webkit-filter:blur(1px);
  1024. -webkit-transition: all 0.5s ease-out;
  1025. -moz-transition: all 0.5s ease-out;
  1026. transition: all 0.5s ease-out;
  1027. transform: rotate(70deg);
  1028. -ms-transform: rotate(70deg);
  1029. -webkit-transform: rotate(70deg);
  1030. -o-transform: rotate(70deg);
  1031. -moz-transform: rotate(70deg);
  1032. }
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038. .flinks {
  1039. position:fixed;
  1040. font-size:30px;
  1041. text-decoration:none;
  1042. transform: rotate(0deg);
  1043. -ms-transform: rotate(0deg);
  1044. -webkit-transform: rotate(0deg);
  1045. -o-transform: rotate(0deg);
  1046. -moz-transform: rotate(0deg);
  1047. left:890px;
  1048. top:600px;
  1049. }
  1050.  
  1051. .flinks a {
  1052. text-shadow:0px 0px 7px #7f7f7f;
  1053. text-decoration:none;
  1054. color:#4a4a4a;
  1055. -webkit-transition: all 0.5s ease-out;
  1056. -moz-transition: all 0.5s ease-out;
  1057. transition: all 0.5s ease-out;
  1058. }
  1059.  
  1060. .flinks:hover {
  1061. -webkit-filter:blur(1px);
  1062. -webkit-transition: all 0.5s ease-out;
  1063. -moz-transition: all 0.5s ease-out;
  1064. transition: all 0.5s ease-out;
  1065. transform: rotate(-60deg);
  1066. -ms-transform: rotate(-60deg);
  1067. -webkit-transform: rotate(-60deg);
  1068. -o-transform: rotate(-60deg);
  1069. -moz-transform: rotate(-60deg);
  1070. }
  1071.  
  1072.  
  1073.  
  1074. .credit {
  1075. position:fixed;
  1076. text-shadow: 0px 0px 11px #7C6868;
  1077. right:20px;
  1078. bottom:25px;
  1079. transform: rotate(0deg);
  1080. font-family: 'Josefin Sans', sans-serif;
  1081. font-size: 17px;
  1082. z-index:999999999999;}
  1083.  
  1084.  
  1085. .credit a {
  1086. padding:10px;
  1087. color:#6e6e6e;
  1088. margin-right:0px;
  1089. -webkit-filter: blur(1px);
  1090. -webkit-transition: 0.8s ease-in;
  1091. -moz-transition: 1s ease-in;
  1092. transition: 1s ease-in;
  1093. }
  1094.  
  1095. .credit a:hover {
  1096. -webkit-transition: all 0.6s ease-in-out;
  1097. -moz-transition: all 0.6s ease-in-out;
  1098. -o-transition: all 0.6s ease-in-out;
  1099. -ms-transition: all 0.6s ease-in-out;
  1100. transition: all 0.6s ease-in-out;
  1101. color: #000000;
  1102. text-shadow: 7px 7px 3px #000000;
  1103. }
  1104.  
  1105.  
  1106.  
  1107.  
  1108. /* PAGINATION */
  1109.  
  1110.  
  1111.  
  1112.  
  1113. #pagination {
  1114. position:fixed;
  1115. font-family: 'Josefin Sans', sans-serif;
  1116. width:300px;
  1117. font-size:35px;
  1118. left:280px;
  1119. top:520px;
  1120. letter-spacing:3px;
  1121. text-align:center;
  1122. z-index:999999999999;
  1123. }
  1124.  
  1125. #pagination a {
  1126. text-transform:uppercase;
  1127. color:#b3b3b3;
  1128. -webkit-filter: blur(0px);
  1129. -webkit-transition: 0.8s ease-in;
  1130. -moz-transition: 1s ease-in;
  1131. transition: 1s ease-in;
  1132. z-index:999999999999;
  1133. }
  1134.  
  1135. #pagination a:hover {
  1136. color:#fff;
  1137. -webkit-filter: blur(1px);
  1138. -webkit-transition: 0.2s ease-in;
  1139. -moz-transition: 1s ease-in;
  1140. transition: 1s ease-in;
  1141. }
  1142.  
  1143.  
  1144.  
  1145.  
  1146. /* MISC */
  1147.  
  1148.  
  1149.  
  1150. .audio {
  1151. width:300px;
  1152. padding-bottom:10px;
  1153. background-color:{color:#0b0b0b};}
  1154.  
  1155. .albumart {
  1156. float:left;
  1157. padding:0px 10px 10px 0px;}
  1158.  
  1159. .albumart img {
  1160. width:65px;
  1161. height:65px;}
  1162.  
  1163. .playercontainer {
  1164. text-align:left;
  1165. padding:10px;
  1166. background-color:#0b0b0b;
  1167. width:300px;}
  1168.  
  1169. .audioinfo {
  1170. padding:10px;
  1171. color:#a1a0a0;}
  1172.  
  1173.  
  1174.  
  1175.  
  1176. /* QUESTIONS & ANSWERS DETAILS */
  1177.  
  1178.  
  1179. #asker {
  1180. font-family: 'Raleway', sans-serif;
  1181. text-align:center;
  1182. padding-top: 10px;
  1183. margin-left:0px;
  1184. text-transform:uppercase;
  1185. color: #91a3ac;
  1186. font-size:20px;
  1187. padding:5px;
  1188. letter-spacing:0px
  1189. text-shadow:0 0 2px #aeaeae;
  1190. }
  1191.  
  1192.  
  1193. #asker a{
  1194. font-family: 'Raleway', sans-serif;
  1195. text-transform:uppercase;
  1196. font-size:20px;
  1197. letter-spacing: 0px;
  1198. text-shadow: none;
  1199. color: #91a3ac;
  1200. text-shadow:0 0 2px #1a1a1a;
  1201. -webkit-filter: blur(0.5px);
  1202. }
  1203.  
  1204.  
  1205. #asker a:hover {
  1206. color: #656565;
  1207. letter-spacing: 2px;
  1208. text-shadow:0 0 2px #000;
  1209. -webkit-filter: blur(1px);
  1210. -webkit-transition:all .5s ease-in-out;
  1211. -moz-transition:all .5s ease-in-out;
  1212. transition:all .5s ease-in-out;
  1213. }
  1214.  
  1215.  
  1216.  
  1217. #ask {
  1218. border-left: double 3px #000;
  1219. border-top: double 3px #000;
  1220. border-right: double 3px #000;
  1221. border-bottom: double 3px #000;
  1222. padding:2px;
  1223. color:#e6e6e6;
  1224. text-shadow:1px 1px 0px #000,
  1225. 1px -1px 0px #000,
  1226. -1px -1px 0px #000,
  1227. -1px 1px 0px #000,
  1228. 0px 1px 0px #000,
  1229. 0px -1px 0px #000,
  1230. 1px 0px 0px #000,
  1231. -1px 0px 0px #000;
  1232. font-size:7px;
  1233. text-align:center;
  1234. padding-top: 5px;
  1235. margin-left:0px;
  1236. text-transform:auto;
  1237. letter-spacing:3px
  1238. margin-top:-10px;
  1239. padding:5px;
  1240. background: #000;
  1241. background: url("http://i.imgur.com/GvV5ypc.gif");
  1242. background-repeat:repeat;
  1243. padding:2px;
  1244. color:#cacaca;
  1245. text-transform: uppercase;
  1246. border-bottom-left-radius: 20px;
  1247. border-top-right-radius: 20px;
  1248. padding:10px;
  1249. letter-spacing:2px;
  1250. border-bottom:solid 1px #1e1e1e;
  1251. border-top:solid 1px #1e1e1e;
  1252. }
  1253.  
  1254.  
  1255. .ans {
  1256. text-align:center;
  1257. padding:10px;
  1258. }
  1259.  
  1260.  
  1261.  
  1262. /* POST INFO DETAILS */
  1263.  
  1264.  
  1265. #info {
  1266. width:255px;
  1267. padding-top:4px;
  1268. padding-bottom:1px;
  1269. font-size:12px;
  1270. color:#adadab;
  1271. text-transform:uppercase;
  1272. letter-spacing:1px;
  1273. font-style:normal;
  1274. text-align:center;
  1275. padding:5px;
  1276. border-top:1px solid #1c1c1c;
  1277. -moz-transition-duration:0.2s;
  1278. -webkit-transition-duration:0.2s;
  1279. -o-transition-duration:0.2s;}
  1280.  
  1281.  
  1282. #info a {
  1283. font-family:calibri;
  1284. font-size:8px;
  1285. color:#9cb4c0;
  1286. text-shadow: 0px 0px 3px #7c1f1f;
  1287. padding:5px;
  1288. font-style:normal;}
  1289.  
  1290.  
  1291. #info a:hover {
  1292. color:#eee;
  1293. -webkit-filter: blur(0px);
  1294. -moz-transition-duration:0.2s;
  1295. -webkit-transition-duration:0.2s;
  1296. -o-transition-duration:0.2s;}
  1297.  
  1298.  
  1299. #tags {
  1300. color:#9cb4c0;
  1301. margin-top:5px;
  1302. padding-left:15px;
  1303. text-align:right;
  1304. line-height:9px;
  1305. text-transform:uppercase;
  1306. font-size:9px;
  1307. padding-right:10px;}
  1308.  
  1309. #tags a {
  1310. font-family:calibri;
  1311. color:#9cb4c0;}
  1312.  
  1313. #tags a:hover {
  1314. color:#eee;}
  1315.  
  1316.  
  1317.  
  1318. /* MISC 02. */
  1319.  
  1320.  
  1321.  
  1322. .note {
  1323. text-transform:uppercase;
  1324. font-style:normal;
  1325. letter-spacing:0px;
  1326. font-size: 10px;
  1327. text-align:left;
  1328. line-height:90%;
  1329. margin-left:-40px;}
  1330.  
  1331. .note li {
  1332. list-style-type:none;
  1333. border-bottom:0px solid {color:border};
  1334. padding:10px 25px 10px 25px;
  1335. text-align:left;
  1336. margin:0px;
  1337. -moz-transition-duration:0.5s;
  1338. -webkit-transition-duration:0.5s;
  1339. -o-transition-duration:0.5s;}
  1340.  
  1341. .note img.avatar {
  1342. margin-right: 10px;
  1343. width: 16px;
  1344. height: 16px;}
  1345.  
  1346.  
  1347. .musicbox {
  1348. background-color: #fff;
  1349. position: absolute;
  1350. z-index: 99;
  1351. margin-top: 12px;
  1352. margin-left: 10px;
  1353. opacity: 0.3;
  1354. -webkit-transition: opacity 0.2s linear;
  1355. -webkit-transition: all 0.2s linear;
  1356. -moz-transition: all 0.2s linear;
  1357. -o-transition: all 0.2s linear;
  1358. border-radius:150px
  1359. }
  1360. .musicbox:hover {opacity:0.9; border-radius:150px;}
  1361. .musicinfo {
  1362. padding:22px; font-size:10px; color: #ffe7cb; margin-left: 90px;text-align:left;background:#0e0e0f;border-bottom: 2px solid #341918; margin-top:5px;}
  1363.  
  1364.  
  1365.  
  1366.  
  1367. /* BASIC POP-UP DETAILS */
  1368.  
  1369.  
  1370.  
  1371. .popup_block{
  1372. display:none;
  1373. background:#000;
  1374. padding:20px;
  1375. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  1376. float:left;
  1377. height: 350px;
  1378. top:319px; left:540px;
  1379. position:fixed;
  1380. z-index: 99999;
  1381. -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1382. -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1383. box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1384. }
  1385.  
  1386.  
  1387. *html #fade {position: absolute;}
  1388. *html .popup_block {position: absolute;}
  1389. #fade {
  1390. display:none;
  1391. position:fixed;
  1392. left:0px;
  1393. top:0px;
  1394. width:100%;
  1395. height:100%;
  1396. z-index:9999;
  1397. background:#000; /* change to #fff for solid white */
  1398. opacity:0; /* change to opacity:1; */
  1399. }
  1400.  
  1401.  
  1402.  
  1403. .popupnavlinks {
  1404. padding-top:5px;
  1405. text-align:center; }
  1406.  
  1407.  
  1408. .popupnavlinks a {
  1409. display:inline-block;
  1410. width:90px; height:4px;
  1411. margin:2px; padding:3px 6px 10px;
  1412. text-align:center;
  1413. background-image: url('');
  1414. background:#0d0d0d;
  1415. background-repeat:repeat;
  1416. background-attachment:fixed;
  1417. border-left: double 3px #000;
  1418. border-top: double 3px #000;
  1419. border-right: double 3px #000;
  1420. border-bottom: double 3px #000;
  1421. color:#e6e6e6;
  1422. font-size:9px;
  1423. font-family:calibri;
  1424. text-shadow:1px 1px 0px #000,
  1425. 1px -1px 0px #000,
  1426. -1px -1px 0px #000,
  1427. -1px 1px 0px #000,
  1428. 0px 1px 0px #000,
  1429. 0px -1px 0px #000,
  1430. 1px 0px 0px #000,
  1431. -1px 0px 0px #000;
  1432. display: inline-block;
  1433. cursor: pointer;
  1434. }
  1435.  
  1436.  
  1437.  
  1438. .popupnavlinks a:hover {
  1439. display:inline-block;
  1440. letter-spacing:2px; }
  1441.  
  1442.  
  1443.  
  1444. .popupclose {
  1445. float:right; top:0px; right:0px;
  1446. margin-top:-10px; margin-right:-10px;
  1447. font-family:'Scada', sans serif;
  1448. font-size:10px;
  1449. font-weight:bold }
  1450.  
  1451. .popupclose a {
  1452. color:#aaa }
  1453.  
  1454.  
  1455.  
  1456. /* TOOLTIP DETAILS */
  1457.  
  1458.  
  1459.  
  1460. #s-m-t-tooltip{
  1461. max-width:150px;
  1462. padding:5px 10px 5px 10px;
  1463. margin:20px 14px 7px 10px;
  1464. border:1px solid #000; /* change the border color */
  1465. background-color:#4c4c4c; /* change the background color */
  1466. font-family: 'Josefin Slab', serif; /* change the font */
  1467. font-style: normal;
  1468. font-size:10px; /* change the font size */
  1469. line-height:11px;
  1470. letter-spacing:1px; /* change the letter spacing */
  1471. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  1472. color:#000; /* change the text color */
  1473. z-index:999;
  1474. }
  1475.  
  1476.  
  1477.  
  1478. </style>
  1479.  
  1480. </head>
  1481.  
  1482. <body>
  1483.  
  1484.  
  1485.  
  1486. <!--
  1487. ♛ The part below is basically the 'skeleton' of the theme, if that makes sense? I wouldn't recommend editing these parts ( EXCEPT THE CUSTOM LINKS AND POP UPS !!! ) unless you know what you're doing. If you spot a glitch in this part of the code, please let me know.
  1488. -->
  1489.  
  1490.  
  1491. <div id="content">
  1492.  
  1493. <div id="music">
  1494. <!-- Song Player http://playlist.me --><script type="text/javascript" src="http://playlist.me/w/script.js" data-config="{'skin':'http://static.tumblr.com/qmfr3ui/gx4n5p38k/basic_7.css','volume':85,'autoplay':true,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'','url':'https://www.youtube.com/watch?v=WTdDaX1xr1o'}]}" ></script><noscript><a href="http://playlist.me/songs/">player playlist</a></noscript><!-- playlist.me script end -->
  1495.  
  1496.  
  1497. <div id="sidebar">
  1498.  
  1499. <img src="{image:Sidebar}" />
  1500.  
  1501. <div id="description">{description}</div>
  1502.  
  1503. </div>
  1504.  
  1505. <div id="pagination">
  1506. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1507. </div>
  1508.  
  1509.  
  1510. <!--
  1511. ♛ CUSTOM LINKS
  1512. -->
  1513.  
  1514.  
  1515.  
  1516. <div id="links">
  1517.  
  1518.  
  1519. <div class="alinks">
  1520. <a href="/" title="ASTARTE.">
  1521. <span style="font-family:'Qwigley';font-size:37px;">♛</span>
  1522. </a>
  1523. </div>
  1524.  
  1525.  
  1526.  
  1527.  
  1528. <div class="blinks">
  1529. <a href="#?w=255" rel="box1" class="poplight" title="messages.">
  1530. <span style="font-family:'Source Sans Pro';font-style:extra-light;">01.<span></span>
  1531. </a>
  1532. </div>
  1533.  
  1534.  
  1535. <div class="clinks">
  1536. <a href="#?w=255" rel="box2" class="poplight" title="laws.">02.</a>
  1537. </div>
  1538.  
  1539.  
  1540. <div class="dlinks">
  1541. <a href="#?w=255" rel="box3" class="poplight" title="verses & ships.">03.</a>
  1542. </div>
  1543.  
  1544.  
  1545. <div class="elinks">
  1546. <a href="#?w=255" rel="box4" class="poplight" title="app.">04.</a>
  1547. </div>
  1548.  
  1549.  
  1550. <div class="flinks">
  1551. <a href="#?w=255" rel="box5" class="poplight" title="navi.">05.</a>
  1552. </div>
  1553.  
  1554.  
  1555. <div class="credit">
  1556. <a href="http://www.venusblight.tumblr.com" title="theme by"><span style="font-family:'Qwigley';font-size:37px;">☆</span></a>
  1557. </div>
  1558.  
  1559.  
  1560. </div>
  1561.  
  1562.  
  1563. <!--
  1564. ♛ CUSTOM LINKS ENDS
  1565. -->
  1566.  
  1567.  
  1568.  
  1569. <div id="container">
  1570.  
  1571. <div id="content"><div id="posts">
  1572. {block:Posts}
  1573.  
  1574.  
  1575. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1576. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1577. {block:Text}{Body}{/block:Text}
  1578.  
  1579. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1580.  
  1581. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1582.  
  1583. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1584. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1585.  
  1586. {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}
  1587.  
  1588. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1589.  
  1590.  
  1591. {block:Answer}<div id="asker" style="margin-left:-5px;width:250px; color:#91a3ac; text-shadow:0 0 2px #000; ">{Asker} <div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
  1592.  
  1593.  
  1594. {block:Audio}<div class="audio">
  1595.  
  1596. {block:AlbumArt}
  1597. {/block:AlbumArt}
  1598.  
  1599.  
  1600. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1601. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1602. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1603. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1604.  
  1605.  
  1606. <!--
  1607. ♛ INFO AND SYMBOLS
  1608. -->
  1609.  
  1610. <div id="info">
  1611. {block:Date}
  1612. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; font-size:12px; margin-left:-90px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✦ </a> {/block:Date}
  1613.  
  1614. {block:RebloggedFrom}
  1615. <a title="via. {ReblogParentName}" href="{ReblogParentURL}" style="position:absolute; font-size:12px; margin-left:-55px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✦ </a>
  1616. {/block:RebloggedFrom}
  1617.  
  1618. {block:ContentSource}
  1619. <a title="src. {SourceTitle}" href="{SourceURL}" style="position:absolute; font-size:12px; margin-left:-20px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✶ </a>
  1620. {/block:ContentSource}
  1621.  
  1622. {block:NoteCount}
  1623. <a href="{Permalink}" title="{NoteCount} notes" style="position:absolute; font-size:12px; margin-left:15px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✧ </a>
  1624. {/block:NoteCount}
  1625.  
  1626. <a href="{ReblogURL}"target="_blank" title="reblog" style="position:absolute; font-size:12px; margin-left:50px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✧ </a></br>
  1627. {/block:RebloggedFrom}
  1628.  
  1629.  
  1630. <br>
  1631.  
  1632.  
  1633. <!--
  1634. ♛ INFO AND SYMBOLS ENDS
  1635. -->
  1636.  
  1637.  
  1638. <div id="tags" style="margin-bottom:50px">{block:HasTags}{block:Tags} • <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  1639.  
  1640. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1641. {/block:Posts}
  1642. </div>
  1643. </div>
  1644. </div>
  1645.  
  1646.  
  1647.  
  1648. </body>
  1649.  
  1650.  
  1651.  
  1652. <!--
  1653. ♛ POP UP PAGES !!!
  1654. -->
  1655.  
  1656.  
  1657.  
  1658. <div id="box1" class="popup_block">
  1659.  
  1660. <h3>
  1661. INBOX.
  1662. </h3>
  1663.  
  1664. <center>
  1665.  
  1666.  
  1667. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/venusblight.tumblr.com" width="100%"></iframe></p>
  1668.  
  1669. </div>
  1670.  
  1671. </center>
  1672.  
  1673.  
  1674.  
  1675. <div id="box2" class="popup_block">
  1676.  
  1677. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1678.  
  1679. <br>
  1680. <center><b>Rules</b></center><br>
  1681. <font style="text-shadow:0px 0px 8px #000">
  1682. ➣Hello there~ You can call me <b>Mami</b>- she/her pronouns, please. Below are my rules and regulations, things I'm asking nicely of you to follow. Please be forewarned- they are not difficult, so if any of them are broken, I will be merciless.<br><br>
  1683. ➣Status: I am affiliated with citta-alveare, however, this blog is open to indies as well. Just know that my fellow group members will have priority.<br>
  1684. ➣Currently: active. My muse has the potential to become rather distant and evasive, so my status could change at the drop of a hat.<br>
  1685. ➣Selective. If you follow me, I will look at your blog to determine whether I see an interaction being possible.<br>
  1686. ➣I will only rp with mutuals- however, my inbox is open to non-mutuals as well.<br>
  1687. ➣Original character and self-insert friendly.<br>
  1688. ➣I do work full time, so my time here may not be consistent. I will reach my minimum activity level though. I would ask that you respect that. I will most certainly do the same for you.<br><br></font>
  1689.  
  1690. <center><b>Threads and Drafts—</b></center><br>
  1691. <font style="text-shadow:0px 0px 8px #000">
  1692. ➣If you must ask me if I got your response, please wait at least five days to a week before you come into my inbox.<br>
  1693. ➣Both the writer and muse are legally consenting adults (21+), thus this blog can and will contain nsfw content and sensitive subjects. It will be tagged for the sake of xkit and tumblr saviour. If you require any triggers to be tagged, please inform me via inbox or instant message.<br>
  1694. ➣My default writing style is icon + multi-para, but it can range anywhere from a few sentences to novella depending on inspiration and provided content. I will do my best to match your reply.</font><br><br>
  1695.  
  1696. <center><b>Disclaimer—</b></center><br>
  1697. <font style="text-shadow:0px 0px 8px #000">
  1698. ➣All of my icons were cropped and edited by me from the source material. <b>Do not take these under any circumstances</b>.<br>
  1699. ➣My theme image is fanart. The source can be found <a href="https://www.pixiv.net/member_illust.php?mode=medium&illust_id=65620913">here</a>.<br>
  1700. </font><br><br>
  1701.  
  1702. <center><b>Contact—</b></center><br>
  1703. <font style="text-shadow:0px 0px 8px #000">
  1704. ✧Discord is available upon request.<br><br>
  1705. ➣EST.<b>Dec. 6, 2017</b></center></font>
  1706.  
  1707.  
  1708. </div>
  1709. </div>
  1710.  
  1711.  
  1712.  
  1713.  
  1714. <div id="box3" class="popup_block">
  1715.  
  1716. <h3>verses</h3>
  1717.  
  1718. <ul id="tabs">
  1719. &nbsp;
  1720. <li class="active">PRIMARY.</li>
  1721. &nbsp;
  1722. <li>AU.</li>
  1723. &nbsp;
  1724. <li>RELATIONSHIPS.</li>
  1725. &nbsp;
  1726. </ul>
  1727.  
  1728. <div style="width:auto;height:270px;overflow:scroll;padding:5px;">
  1729.  
  1730.  
  1731.  
  1732. <ul id="tab">
  1733. <li class="active">
  1734.  
  1735.  
  1736. <img src="http://i.imgur.com/L3B1FKz.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1737. <big><a href="/tagged/█♚-%7C-an-interstellar-storm-spinning-a-web-of-lies｡』%28-CITTÀ-%29">HIVE CITY.</a></big>
  1738.  
  1739. <br><br>
  1740.  
  1741. the universe of città alveare.
  1742.  
  1743. <br><br><br><br><br><br>
  1744.  
  1745. <img src="http://i.imgur.com/L3B1FKz.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1746. <big><a href="/tagged/█♚-%7C-the-lacquer-of-her-insides—dark-as-moonlight｡』%28-APOCRYPHA-%29">APOCRYPHA.</a></big>
  1747.  
  1748. <br><br>
  1749.  
  1750. takes place during the events of Fate/Apocrypha. discussion will determine when in particular threads will take place.
  1751.  
  1752. <br><br><br>
  1753.  
  1754.  
  1755.  
  1756. </li>
  1757.  
  1758.  
  1759. <li>
  1760.  
  1761.  
  1762. <img src="http://i.imgur.com/L3B1FKz.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1763. <big><a href="/tagged/">AU.</a></big>
  1764.  
  1765. <br><br>
  1766.  
  1767. AU verse 1.
  1768.  
  1769. <br>
  1770.  
  1771.  
  1772. </li>
  1773.  
  1774.  
  1775.  
  1776. <li>
  1777.  
  1778. <img src="http://i.imgur.com/L3B1FKz.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1779. <big><a href="/tagged/">CHARACTER</a> — <a href="url">url</a></big>
  1780.  
  1781. <br><br>
  1782.  
  1783. desc.
  1784.  
  1785.  
  1786. <br><br><br>
  1787.  
  1788.  
  1789. </li>
  1790.  
  1791.  
  1792. </ul>
  1793.  
  1794.  
  1795. </div>
  1796. </div>
  1797. </div>
  1798. </div>
  1799.  
  1800.  
  1801.  
  1802. <div id="box4" class="popup_block">
  1803.  
  1804. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1805.  
  1806. <center>
  1807.  
  1808. <span style="line-height:5px">
  1809.  
  1810. 'I am very comfortable with conflict, be it of legal or mortal kind. My father was a mediator, a bridge maker. I am a grave maker.'<br>
  1811. —<i>J.R. WARD</i>
  1812.  
  1813.  
  1814.  
  1815. <br><br>
  1816.  
  1817. </center>
  1818.  
  1819. <h3>current stats</h3>
  1820.  
  1821. <a href="http://venusblight.tumblr.com/wc">current word count</a><br><br>
  1822.  
  1823. rank—<br>
  1824. citizen.<br><br>
  1825.  
  1826. housing— <br>
  1827. d-1.<br><br>
  1828.  
  1829. abilities— <br>
  1830. presence concealment; will not work as intended half the time.<br><br>
  1831.  
  1832. item received—<br>
  1833. a plush of Shirou Kotomine; says "<i>rejoice</i>" when squeezed.<br>
  1834. cell phone.<br><br>
  1835. <br>
  1836.  
  1837.  
  1838.  
  1839. <h3>application</h3>
  1840.  
  1841. OOC contact: <a href="http://nellieltu.tumblr.com/">tumblr</a> & <a href="http://twitter.com/enlyien/">twitter</a> & discord: enlyien #0890
  1842. <br><br>
  1843. Other characters in Citta: none
  1844. <br><br>
  1845. ——
  1846. <br><br>
  1847. Character name: Assassin of Red, <i>Semiramis</i>
  1848. <br><br>
  1849. Series: Fate ( specifically, Fate/Apocrypha)
  1850. <br><br>
  1851. Canon point (if applicable): n/a
  1852. <br><br>
  1853. <b>Background/Personality:</b>
  1854. <br><br>
  1855. Born to the Syrian sea goddess Derketo and a human man, divine blood flows through pale veins. Derketo, despite being a goddess of love, felt none for the child and thus killed herself in shame of its creation, but not before leaving the babe to die on the shoreline, pecked at by scavengers. Yet no vulture came- instead, a flock of doves cared for the child. Days passed, the sun bringing the shepherd called Simmas to Semiramis. Unprovoked, he went about raising and educating her in various subjects such as dancing, music, and astronomy. Once she was old enough, Semiramis was married off to an old general, Onnes- however, the Syrian king Ninus, saw and desired her for her beauty. Torn between loyalty to his king and love for his wife, Onnes committed suicide, leaving Semiramis alone. Using this chain of events to her advantage, she won the king's favor with remarkable and original battle plans, marrying him soon after. This formally made her queen of Assyria. Not long after the marriage, Semiramis poisoned the king, creating legend's first case of murder by poisoning. Remaining on the throne, Semiramis became queen regnant, ruling Assyria for the next few decades.
  1856. <br><br>
  1857. Semiramis holds her mother in great contempt, not only for abandoning her at birth, but for also falling to the allure of a man. Her opinions are very black and white: she finds all women who fall for men so easily weak, and on the reverse side, she sees any man who simple claims a woman utterly despicable.
  1858. <br><br>
  1859. While she will toy with others when she has the upper hand, Semiramis is quick to anger when a situation is out of her control. When she is not playing maliciously, the queen is gentle smiles and gracious movements- filling the air with the lovely sight of a benevolent monarch.
  1860. <br><br>
  1861. Semiramis, first and foremost, has an indisputable ability in politics and ruling. As a queen, she indulges in luxury and exudes a refined atmosphere, alongside being described as a peerlessly beautiful woman. She is also master manipulator and negotiator- attested to by the length of time ruling as queen in her own right. Despite her love for indulgence and material splendor, she believes that authority is the greatest possession of all. With this, she feels that those who are kings are also tyrants simply through the act of ruling- herself included.
  1862. <br><br>
  1863. <br><br>
  1864. <b>Abilities:</b>
  1865. <br><br>
  1866. <i>Double Summon</i>- possesses skills from both the Caster and Assassin classes, including Item Construction and Presence Concealment.
  1867. <br><br>
  1868. - Item Construction (caster)- since Semiramis specializes in poisons, she cannot make any other type of tool.
  1869. <br><br>
  1870. - Presence Concealment (assassin)- The primary ability of the an assassin class, this provides the servant with the ability to hide one’s presence. The rank drops when preparing to attack, except for when Semiramis is poisoning something.
  1871. <br><br>
  1872. <i>Divinity</i>- born to the sea goddess Derketo and a mortal father.
  1873. <br><br>
  1874. <i>Familiars</i>- long after leaving the care of the doves who raised her, Semiramis still holds them close to her heart. Her divinity allows her to communicate with and use them to do her bidding.
  1875. <br><br>
  1876. <br><br>
  1877. <b>Noble Phantasms:</b>
  1878. <br><br>
  1879. <i>Hanging Gardens of Babylon-</i>
  1880. <br><br>
  1881. It is an enormous fortress capable of housing thousands of soldiers, assembled with systematically ordered floating masses, covered in floors of marble, stone balconies, many pillars, and every kind of plant life entangled and intertwined over the construct in a manner described as a unification of chaos and luxurious beauty. In a process of construction that takes at least three days, soil, stone, minerals, wood, plants, and water of a fixed amount must be gathered from the land in which she once lived, ruins in the vicinity of Baghdad, Iraq, and only with their preparation can the activation proceed. It requires enough money to buy a small country to obtain all of the necessary materials. The more money used in its construction, the more the Garden is strengthened. The complicated ritual is due to the fact that she did not create the construct, have anything to do with its construction, nor even have actually seen it during her lifetime.
  1882. <br><br>
  1883. In addition, when Semiramis is within the Hanging Gardens, she can even summon phantasmal creatures, but only if they have an anecdote related to poison ( such as the Bašmu ).
  1884. <br><br>
  1885. <i>Sikera Ušum-</i>
  1886. <br><br>
  1887. Upon activation, not only does it give a poison attribute to all of her attacks, including the magecraft she uses, it can also add poison to the very air itself. In this environment, she can also create and manipulate sharp-ended chains coated in poison.
  1888. <br><br>
  1889. <i>a note:</i> If she were summoned with the Hanging Gardens of Babylon as one of her Noble Phantasms in the assassin class, then her Sikera Ušum Noble Phantasm can only be invoked at the throne room within the Hanging Gardens. If she were summoned as a normal Assassin without the Double Summon skill, then Semiramis wouldn't be able to use the Hanging Gardens of Babylon and would instead only use Sikera Ušum.
  1890. <br><br>
  1891. <b>Weapon of choice:</b>
  1892. <br><br>
  1893. other than the poisons she can create- none.
  1894.  
  1895. <br><br>
  1896.  
  1897.  
  1898. </div>
  1899. </div>
  1900.  
  1901.  
  1902.  
  1903. <div id="box5" class="popup_block">
  1904.  
  1905. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1906.  
  1907. <center>
  1908.  
  1909. <h3>NAVIGATION</h3>
  1910.  
  1911.  
  1912. <div class="popupnavlinks">
  1913.  
  1914. <center><a href="http://citta-alveare.com/">Città Alveare</b></a></center><br><br>
  1915.  
  1916. <center><a href="/tagged/">Semiramis</b></a></center><br>
  1917.  
  1918. <a href="/tagged/">headcanons</b></a>
  1919. <a href="/tagged/">musings</b></a>
  1920. <a href="/tagged/">aesthetic</b></a><br>
  1921.  
  1922. <a href="/tagged/asks.">asks</b></a>
  1923. <a href="/tagged/submissions.">submissions</b></a>
  1924. <a href="/tagged/anon.">anons</b></a><br>
  1925.  
  1926. <a href="/tagged/">1</b></a>
  1927. <a href="/tagged/">2</b></a>
  1928. <a href="/tagged/">3</b></a><br>
  1929.  
  1930. <a href="/tagged/">save</a>
  1931. <a href="/tagged/">promos</a>
  1932. <a href="/tagged/">wishlist</a><br><br>
  1933.  
  1934. <a href="#?w=255" rel="box6" class="poplight" title="people.">mains & exclusives</a>
  1935.  
  1936.  
  1937. <br><br><br>
  1938.  
  1939.  
  1940. </div>
  1941. </div>
  1942. </div>
  1943.  
  1944. <div id="box6" class="popup_block">
  1945.  
  1946. <h3>verses</h3>
  1947.  
  1948. <ul id="tabs">
  1949. &nbsp;
  1950. <li>MAINS.</li>
  1951. &nbsp;
  1952. <li>EXCLUSIVES.</li>
  1953. &nbsp;
  1954. </ul>
  1955.  
  1956. <div style="width:auto;height:270px;overflow:scroll;padding:5px;">
  1957.  
  1958.  
  1959.  
  1960. <ul id="tab">
  1961. <li class="active">
  1962.  
  1963.  
  1964.  
  1965. <img src="http://i.imgur.com/L3B1FKz.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1966. <big><a href="/tagged/">NAME</a> — <a href="url">url</a></big>
  1967.  
  1968. <br><br>
  1969.  
  1970. desc.
  1971.  
  1972.  
  1973. <br><br><br>
  1974.  
  1975.  
  1976. </li>
  1977.  
  1978.  
  1979.  
  1980. <li>
  1981.  
  1982. TAB 2
  1983.  
  1984.  
  1985. </li>
  1986.  
  1987.  
  1988. </ul>
  1989.  
  1990.  
  1991. </div>
  1992. </div>
  1993. </div>
  1994. </div>
  1995.  
  1996.  
  1997. <br>
  1998.  
  1999.  
  2000.  
  2001. </center>
  2002.  
  2003.  
  2004. </div>
  2005. </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!