API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 7th, 2016
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 58.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5.  
  6. <link href='http://static.tumblr.com/blpgwiz/sSZmijydf/slide_in.css' rel='stylesheet' style='text/css'>
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  9. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  10. <link href='https://fonts.googleapis.com/css?family=Lobster|Anton|Pacifico' rel='stylesheet' type='text/css'>
  11. <link href="https://fonts.googleapis.com/css?family=Cinzel|Montez|Montserrat" rel="stylesheet">
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script>
  26. $(document).ready(function() {
  27. //
  28. $('a.poplight[href^=#]').click(function() {
  29. var popID = $(this).attr('rel'); //Get Popup Name
  30. var popURL = $(this).attr('href'); //Get Popup href to define size
  31. var query= popURL.split('?');
  32. var dim= query[1].split('&');
  33. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  34. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  35. var popMargTop = ($('#' + popID).height() + 80) / 2;
  36. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  37. //Apply Margin to Popup
  38. $('#' + popID).css({
  39. 'margin-top' : -popMargTop,
  40. 'margin-left' : -popMargLeft
  41. });
  42. $('body').append('<div id="fade"></div>');
  43. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  44. return false;
  45. });
  46. $('a.close, #fade').live('click', function() {
  47. $('#fade , .popup_block , .popup_block2 , .popup_block3, .popup_block4, .popup_block5').fadeOut(function() {
  48. $('#fade, a.close').remove(); //fade them both out
  49. });
  50. return false;
  51. });
  52. });
  53. </script>
  54.  
  55.  
  56. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  57. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  58. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  59.  
  60. <meta name="image:bg" content=""/>
  61.  
  62.  
  63. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  64.  
  65.  
  66. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  67. <script src="http://static.tumblr.com/f1u9hks/51ond36qe/jquery.style-my-tooltips.js"></script>
  68.  
  69.  
  70. <style type="text/css">
  71. @import url(http://static.tumblr.com/6hsqxdt/md2mgu4of/tinytots.css);
  72.  
  73.  
  74.  
  75.  
  76. </style>
  77.  
  78.  
  79. <script>
  80. $(document).ready(function(){
  81. $("ul#tabs li").click(function(e){
  82. if (!$(this).hasClass("active")) {
  83. var tabNum = $(this).index();
  84. var nthChild = tabNum+1;
  85. $("ul#tabs li.active").removeClass("active");
  86. $(this).addClass("active");
  87. $("ul#tab li.active").removeClass("active");
  88. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  89. }
  90. });
  91. });
  92. </script>
  93.  
  94.  
  95. <script>
  96. // <![CDATA[
  97. var colour="#6e6e6e"; // what colour are the blobs
  98. var speed=140; // speed of animation, lower is faster
  99. var blobs=3; // how many blobs are in the jar
  100. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  101.  
  102.  
  103. /***************************\
  104. * Blobs in a Jar Effect *
  105. *(c)2012-13 mf2fm web-design*
  106. * http://www.mf2fm.com/rv *
  107. * DON'T EDIT BELOW THIS BOX *
  108. \***************************/
  109.  
  110.  
  111. var div;
  112. var xpos=new Array();
  113. var ypos=new Array();
  114. var zpos=new Array();
  115. var dx=new Array();
  116. var dy=new Array();
  117. var dz=new Array();
  118. var blob=new Array();
  119. var swide=800;
  120. var shigh=600;
  121. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  122.  
  123.  
  124. function addLoadEvent(funky) {
  125. var oldonload=window.onload;
  126. if (typeof(oldonload)!='function') window.onload=funky;
  127. else window.onload=function() {
  128. if (oldonload) oldonload();
  129. funky();
  130. }
  131. }
  132.  
  133.  
  134. addLoadEvent(fill_the_jar);
  135.  
  136.  
  137. function fill_the_jar() {
  138. var i, dvs;
  139. div=document.createElement('div');
  140. dvs=div.style;
  141. dvs.position='fixed';
  142. dvs.left='0px';
  143. dvs.top='0px';
  144. dvs.width='1px';
  145. dvs.height='1px';
  146. document.body.appendChild(div);
  147. set_width();
  148. for (i=0; i<blobs; i++) {
  149. add_blob(i);
  150. jamjar(i);
  151. }
  152. }
  153.  
  154.  
  155. function add_blob(ref) {
  156. var dv, sy;
  157. dv=document.createElement('div');
  158. sy=dv.style;
  159. sy.position='absolute';
  160. sy.textAlign='center';
  161. if (ie_version && ie_version<10) {
  162. sy.fontSize="5px";
  163. sy.width="100px";
  164. sy.height="100px";
  165. sy.paddingTop="20px";
  166. sy.color=colour;
  167. dv.appendChild(document.createTextNode(charc));
  168. }
  169. else if (ie_version) {
  170. sy.fontSize="1px";
  171. sy.width="0px";
  172. sy.height="0px";
  173. }
  174. else {
  175. dv.appendChild(document.createTextNode(charc));
  176. sy.color='rgba(0,0,0,0)';
  177. }
  178. ypos[ref]=Math.floor(shigh*Math.random());
  179. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  180. xpos[ref]=Math.floor(swide*Math.random());
  181. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  182. zpos[ref]=Math.random()*20;
  183. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  184. blob[ref]=dv;
  185. div.appendChild(blob[ref]);
  186. set_blob(ref);
  187. }
  188.  
  189.  
  190. function rejig(ref, xy) {
  191. if (xy=='y') {
  192. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  193. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  194. }
  195. else {
  196. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  197. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  198. }
  199. }
  200.  
  201.  
  202. function sign(a) {
  203. if (a<0) return (-2);
  204. else if (a>0) return (2);
  205. else return (0);
  206. }
  207.  
  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 (ie_version && ie_version<10) {
  215. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  216. sy.fontSize=30-zpos[ref]+"px";
  217. }
  218. else if (ie_version) {
  219. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  220. }
  221. else {
  222. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  223. sy.fontSize=40+zpos[ref]+'px';
  224. }
  225. }
  226.  
  227.  
  228. function jamjar(ref) {
  229. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  230. ypos[ref]+=dy[ref];
  231. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  232. xpos[ref]+=dx[ref];
  233. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  234. zpos[ref]+=dz[ref];
  235. set_blob(ref);
  236. setTimeout("jamjar("+ref+")", speed);
  237. }
  238.  
  239.  
  240. window.onresize=set_width;
  241. function set_width() {
  242. var sw_min=999999;
  243. var sh_min=999999;
  244. if (document.documentElement && document.documentElement.clientWidth) {
  245. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  246. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  247. }
  248. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  249. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  250. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  251. }
  252. if (document.body.clientWidth) {
  253. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  254. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  255. }
  256. if (sw_min==999999 || sh_min==999999) {
  257. sw_min=800;
  258. sh_min=600;
  259. }
  260. swide=sw_min;
  261. shigh=sh_min;
  262. }
  263. // ]]>
  264. </script>
  265.  
  266. <script>
  267.  
  268. // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
  269. // Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
  270.  
  271. //** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc)
  272. //** Call: uniquevar.playclip() to play sound
  273.  
  274. var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
  275. "mp3": "audio/mpeg",
  276. "mp4": "audio/mp4",
  277. "ogg": "audio/ogg",
  278. "wav": "audio/wav"
  279. }
  280.  
  281. function createsoundbite(sound){
  282. var html5audio=document.createElement('audio')
  283. if (html5audio.canPlayType){ //check support for HTML5 audio
  284. for (var i=0; i<arguments.length; i++){
  285. var sourceel=document.createElement('source')
  286. sourceel.setAttribute('src', arguments[i])
  287. if (arguments[i].match(/.(w+)$/i))
  288. sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
  289. html5audio.appendChild(sourceel)
  290. }
  291. html5audio.load()
  292. html5audio.playclip=function(){
  293. html5audio.pause()
  294. html5audio.currentTime=0
  295. html5audio.play()
  296. }
  297. return html5audio
  298. }
  299. else{
  300. return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  301. }
  302. }
  303.  
  304. //Initialize two sound clips with 1 fallback file each:
  305.  
  306. var mouseoversound=createsoundbite("http://www.freesfx.co.uk/rx2/mp3s/6/18661_1464810669.mp3")
  307. var clicksound=createsoundbite("http://www.freesfx.co.uk/rx2/mp3s/6/18661_1464810669.mp3")
  308.  
  309. </script>
  310.  
  311.  
  312.  
  313. <script language=JavaScript>
  314. <!--
  315.  
  316.  
  317. //Disable right mouse click Script
  318. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  319. //For full source code, visit http://www.dynamicdrive.com
  320.  
  321.  
  322. var message="ctrl+click opens links in a new tab !";
  323.  
  324.  
  325. ///////////////////////////////////
  326. function clickIE4(){
  327. if (event.button==2){
  328. alert(message);
  329. return false;
  330. }
  331. }
  332.  
  333.  
  334. function clickNS4(e){
  335. if (document.layers||document.getElementById&&!document.all){
  336. if (e.which==2||e.which==3){
  337. alert(message);
  338. return false;
  339. }
  340. }
  341. }
  342.  
  343.  
  344. if (document.layers){
  345. document.captureEvents(Event.MOUSEDOWN);
  346. document.onmousedown=clickNS4;
  347. }
  348. else if (document.all&&!document.getElementById){
  349. document.onmousedown=clickIE4;
  350. }
  351.  
  352.  
  353. document.oncontextmenu=new Function("alert(message);return false")
  354.  
  355.  
  356. // -->
  357. </script>
  358.  
  359.  
  360. <script>
  361. $(document).ready(function(){
  362. $('.photo-slideshow').pxuPhotoset({
  363. lightbox: true,
  364. rounded: false,
  365. gutter: '0px',
  366. borderRadius: '0px',
  367. photoset: '.photo-slideshow',
  368. photoWrap: '.photo-data',
  369. photo: '.pxu-photo'
  370. });
  371. });
  372. </script>
  373.  
  374.  
  375.  
  376. <style type="text/css">
  377. ::selection {color: #000; background: transparent;}
  378. ::-moz-selection {color: #000; background: transparent;}
  379. ::-webkit-selection {color: #000; background: transparent;}
  380.  
  381.  
  382.  
  383.  
  384. ::selection {
  385. background: #6e6e6e6;
  386. color: #000;
  387. }
  388. ::-moz-selection {
  389. background: #6e6e6e;
  390. color: #000;
  391. }
  392.  
  393. ::-webkit-scrollbar { height:8px; width:10px}
  394. ::-webkit-scrollbar-thumb:vertical {; height:50px}
  395. ::-webkit-scrollbar-thumb:horizontal {; height:10px!important}
  396.  
  397. *, body, a, a:hover {cursor: url(http://i.imgur.com/vl6y9.jpg), auto;}
  398.  
  399. iframe#tumblr_controls {
  400. top: 0% !important;
  401. right:0% !important;
  402. opacity:0.3;
  403. position: fixed !important;
  404. filter:alpha(opacity=70);
  405. -webkit-transition: all 0.7s ease;
  406. -moz-transition: all 0.7s ease;
  407. -o-transition: all 0.7s ease;
  408. }
  409. iframe#tumblr_controls:hover{
  410. top: 0% !important;
  411. right:0% !important;
  412. opacity:0.8;
  413. position: fixed !important;
  414. filter:alpha(opacity=80);
  415. -webkit-transition: all 0.7s ease;
  416. -moz-transition: all 0.7s ease;
  417. -o-transition: all 0.7s ease;
  418. }
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425. h1 {
  426. font-weight:normal;
  427. font-size:25px;
  428. text-align:center;
  429. font-style:normal;
  430. line-height:100%;
  431. letter-spacing:1px;
  432. text-transform:uppercase;
  433. color:#fff;
  434. font-family: 'Anton', serif;
  435. }
  436.  
  437. h2 {
  438. font-size:15px;
  439. text-align:center;
  440. line-height:100%;
  441. letter-spacing:-0.5px;
  442. color:#fff;
  443. font-weight:bold;
  444. padding:5px;
  445. padding-bottom:2px;
  446. font-family: 'Pacifico', cursive;
  447. }
  448.  
  449.  
  450. h3 {
  451. font-size:12px;
  452. letter-spacing:2px;
  453. padding:5px;
  454. color:#fff;
  455. text-align:center;
  456. text-transform:uppercase;
  457. background-image:url('http://i.imgur.com/6Lgzkfc.png');
  458. font-family: 'Cinzel', serif;
  459. text-shadow: 0px 1px 1px #080808;
  460. }
  461.  
  462.  
  463. h6 {
  464. font-size:12px;
  465. letter-spacing:2px;
  466. padding:5px;
  467. padding-top:5px;
  468. color:#fff;
  469. text-align:center;
  470. background:transparent;
  471. border-radius: 10px 0px 10px 0px;
  472. border:1px dotted #4e1115;
  473. font-family: 'Cinzel', serif;
  474. text-transform:uppercase;
  475. background-image:url('http://i.imgur.com/dCb7Nkg.png');
  476. background-repeat:repeat;
  477. text-shadow: 0px 1px 1px #080808;
  478. }
  479.  
  480.  
  481. h5 {
  482. background-image:url('http://i.imgur.com/fRV4jKY.png');
  483. border: solid 1px #7f8384;
  484. outline:1px dashed #7f8384;
  485. outline-offset:3px;
  486. padding:4px;
  487. color:#fff;
  488. text-shadow:1px 1px 0px #000,1px -1px 0px #000,-1px -1px 0px #000,-1px 1px 0px #000,0px 1px 0px #000,0px -1px 0px #000,1px 0px 0px #000,-1px 0px 0px #000;
  489. font-size:12px;
  490. font-family:Cinzel, serif;
  491. text-transform:uppercase;
  492. letter-spacing:1px;
  493. text-align:center; }
  494.  
  495. blockquote {
  496. border-left:1px dotted #7f8384;
  497. padding-left:17px;
  498. margin:5px;
  499. text-align:justify;
  500. }
  501.  
  502.  
  503. body {
  504. background-attachment:fixed;
  505. background:#6e6e6e url('{image:bg}');;
  506. background-repeat:no-repeat;
  507. position: absolute;
  508. margin:0px;
  509. color:#6e6e6e;
  510. text-align:justify;
  511. font-family:arial;
  512. font-size:9px;
  513. line-height:120%;
  514. font-family:times;
  515. letter-spacing:2px;
  516. }
  517.  
  518. small,sub { font-size:9px;}
  519.  
  520.  
  521. @-webkit-keyframes Floatingx{
  522. from {-webkit-transform:translate(0, 0px);}
  523. 65% {-webkit-transform:translate(0, 15px);}
  524. to {-webkit-transform: translate(0, -0px); }
  525. }
  526.  
  527. @-moz-keyframes Floating{
  528. from {-moz-transform:translate(0, 0px);}
  529. 65% {-moz-transform:translate(0, 30px);}
  530. to {-moz-transform: translate(0, -0px);}
  531. }
  532.  
  533.  
  534. @-webkit-keyframes Floating2x{
  535. from {-webkit-transform:translate(0, 0px);}
  536. 65% {-webkit-transform:translate(0, 15px);}
  537. to {-webkit-transform: translate(0, -0px); }
  538. }
  539.  
  540. @-moz-keyframes Floating2{
  541. from {-moz-transform:translate(0, 0px);}
  542. 65% {-moz-transform:translate(0, 50px);}
  543. to {-moz-transform: translate(0, -0px);}
  544. }
  545.  
  546. .pulse{
  547. animation-name: pulse;
  548. -webkit-animation-name: pulse;
  549.  
  550. animation-duration: 3s;
  551. -webkit-animation-duration: 3s;
  552.  
  553. animation-iteration-count: infinite;
  554. -webkit-animation-iteration-count: infinite;
  555. }
  556.  
  557. @keyframes pulse {
  558. 0% {
  559. transform: scale(0.9);
  560. opacity: 0.4;
  561. }
  562. 50% {
  563. transform: scale(1);
  564. opacity: 1;
  565. }
  566. 100% {
  567. transform: scale(0.9);
  568. opacity: 0.4;
  569. }
  570. }
  571.  
  572. @-webkit-keyframes pulse {
  573. 0% {
  574. -webkit-transform: scale(0.95);
  575. opacity: 0.4;
  576. }
  577. 50% {
  578. -webkit-transform: scale(1);
  579. opacity: 1;
  580. }
  581. 100% {
  582. -webkit-transform: scale(0.95);
  583. opacity: 0.4;
  584. }
  585.  
  586. }
  587.  
  588. b, bold {
  589. font-size:12px;
  590. text-transform:uppercase;
  591. letter-spacing:1px;
  592. font-family: 'Montserrat', sans-serif;
  593. color: #fff;
  594. text-shadow:0 0 3px #000;
  595. }
  596.  
  597. i, italic {
  598. font-size:20px;
  599. font-family: 'Montez', cursive;
  600. text-shadow:1px 1px 0px #fff,1px -1px 0px #fff,-1px -1px 0px #fff,-1px 1px 0px #fff,0px 1px 0px #fff,0px -1px 0px #fff,1px 0px 0px #fff,-1px 0px 0px #fff;
  601. color:#000;
  602. text-transform:lowercase;
  603. }
  604.  
  605. s, strike {
  606. color:#4e2b28;
  607. text-shadow: 0 1px 0em #fff;
  608. }
  609.  
  610.  
  611. h4 {
  612. font-size:35px;
  613. font-family: 'oswald';
  614. line-height:100%;
  615. letter-spacing:1px;
  616. color: #afafaf;
  617. text-shadow:0px 0px 3px #180606;
  618. text-transform:uppercase;
  619. padding:0px;
  620. padding-bottom:2px;
  621. }
  622.  
  623.  
  624. a {
  625. text-decoration:none;
  626. text-transform:lowercase;
  627. outline:none;
  628. -moz-outline-style:none;
  629. color:#4e2b28;
  630. -moz-transition-duration:0.5s;
  631. -webkit-transition-duration:0.5s;
  632. -o-transition-duration:0.5s;
  633. }
  634.  
  635. a:hover {
  636. -webkit-filter: blur(1px);
  637. text-decoration:none;
  638. outline:none;
  639. -moz-outline-style:none;
  640. color:#fff;
  641. }
  642.  
  643. img {
  644. border:none;
  645. max-width: 100%;
  646. height:auto;}
  647.  
  648.  
  649. blockquote {
  650. padding-left:12px;
  651. text-align:justify;
  652. border-left:1px solid #6e6e6e;
  653. }
  654.  
  655. blockquote blockquote {
  656. text-align:justify;
  657. border-left:1px solid #6e6e6e;
  658. }
  659.  
  660. #post {
  661. width:250px;
  662. padding-bottom:30px;
  663. margin-top:10px;
  664. margin-left:0px;
  665. opacity:1;
  666. background:#090809;
  667. -webkit-filter: grayscale(80%);
  668. -webkit-transition: all 0.6s ease-in-out;
  669. -moz-transition: all 0.6s ease-in-out;
  670. -o-transition: all 0.6s ease-in-out;
  671. -ms-transition: all 0.6s ease-in-out;
  672. transition: all 0.6s ease-in-out;
  673. text-align:justify;
  674.  
  675. }
  676.  
  677.  
  678. #post:hover {
  679. opacity:1;
  680. background:#090809;
  681. -webkit-filter: grayscale(30%);
  682. -webkit-transition: all 0.6s ease-in-out;
  683. -moz-transition: all 0.6s ease-in-out;
  684. -o-transition: all 0.6s ease-in-out;
  685. -ms-transition: all 0.6s ease-in-out;
  686. transition: all 0.6s ease-in-out;
  687. text-align:justify;
  688. }
  689.  
  690. #theme {
  691. width:250px;
  692. background:#090809;
  693. text-align:justify;
  694. margin:0 auto -12px auto;
  695. }
  696.  
  697. #entries {
  698. background:#090809;
  699. padding:25px;
  700. width:355px;
  701. margin-left:300px;
  702. margin-top:20px;
  703. text-align:justify;
  704. margin-bottom:100px;
  705.  
  706. }
  707.  
  708.  
  709.  
  710. #pcontainer {
  711. background:#090809;
  712. width:252px;
  713. height:395px;
  714. padding: 12px;
  715. top:60px;
  716. margin-left:137px;
  717. position:relative;
  718. overflow-y:scroll;
  719. overflow-x:hidden;
  720. -webkit-mask-image: -webkit-gradient(linear, center 15%, center top, from(rgba(0,0,0,30)), to(rgba(20,0,0,0)));
  721. opacity:0;
  722. -webkit-transition: all 0.6s ease-in-out;
  723. -moz-transition: all 0.6s ease-in-out;
  724. -o-transition: all 0.6s ease-in-out;
  725. -ms-transition: all 0.6s ease-in-out;
  726. transition: all 0.6s ease-in-out;;
  727. }
  728.  
  729.  
  730. #pcontainer:hover {
  731. background:#090809;
  732. opacity:1;
  733. -webkit-filter:none;
  734. -webkit-transition: all 0.6s ease-in-out;
  735. opacity:1;
  736. -webkit-transition: all 0.6s ease-in-out;
  737. -moz-transition: all 0.6s ease-in-out;
  738. -o-transition: all 0.6s ease-in-out;
  739. -ms-transition: all 0.6s ease-in-out;
  740. transition: all 0.6s ease-in-out;
  741. }
  742.  
  743. #sidebar {
  744. color:{color:text};
  745. position:fixed;
  746. width:91px;
  747. height:auto;
  748. margin-top:0px;
  749. margin-left:50px;
  750. text-align:left;
  751. height:100%;
  752. padding-right:50px;
  753. }
  754.  
  755. #sidebar img {
  756. width:0px;
  757. margin-top:260px;
  758. margin-bottom:3px;
  759. margin-left:-11px;
  760. padding:-1px;
  761. opacity:0;
  762. outline-offset:4px;
  763. }
  764.  
  765. #topbar { position:fixed;
  766. top:460px;
  767. left:410px;
  768. font-family: 'cinzel', serif;
  769. -ms-transform: rotate(270deg); /* IE 9 */
  770. -webkit-transform: rotate(270deg); /* Safari */
  771. transform: rotate(270deg);
  772. z-index: 9;}
  773.  
  774.  
  775. #topbar a {
  776. opacity:.5;
  777. font-size: 26px;
  778. color: #fff;
  779. font-family: 'cinzel', serif;
  780. text-transform:lowercase;
  781. text-shadow: 0px 0px 2px #000;
  782. width: 70px;
  783. -webkit-filter: blur(1px);
  784. -ms-transform: rotate(270deg); /* IE 9 */
  785. -webkit-transform: rotate(270deg); /* Safari */
  786. transform: rotate(270deg);
  787. -webkit-transition:all .5s ease-in-out;
  788. -moz-transition:all .5s ease-in-out;
  789. transition:all .5s ease-in-out;
  790.  
  791. }
  792.  
  793. #topbar a:hover {
  794. color: #fff;
  795. text-shadow: none;
  796. -webkit-filter: blur(0px);
  797. -webkit-transition:all .5s ease-in-out;
  798. -moz-transition:all .5s ease-in-out;
  799. transition:all .5s ease-in-out;
  800. }
  801.  
  802.  
  803. .name {
  804. position: fixed;
  805. margin-top:75px;
  806. font-family: 'Cinzel', serif;
  807. margin-left: 666px;
  808. letter-spacing:0px;
  809. text-transform:auto;
  810. line-height: 170%;
  811. text-align: right;
  812. width: 115px;
  813. margin-right: auto;
  814. }
  815.  
  816. .name a {
  817. font-size: 40px;
  818. color: #000;
  819. font-family: 'Cinzel', serif;
  820. text-transform:lowercase;
  821. text-shadow: 0px 0px 2px #000;
  822. width: 70px;
  823. -webkit-filter: blur(3px);
  824. -webkit-transition:all .5s ease-in-out;
  825. -moz-transition:all .5s ease-in-out;
  826. transition:all .5s ease-in-out;
  827.  
  828. }
  829.  
  830. .name a:hover {
  831. padding-left: 5px;
  832. color: #000;
  833. text-shadow: none;
  834. -webkit-filter: blur(2px);
  835. -webkit-transition:all .5s ease-in-out;
  836. -moz-transition:all .5s ease-in-out;
  837. transition:all .5s ease-in-out;
  838. }
  839.  
  840.  
  841. .jessica {
  842. position:fixed;
  843. top:135px;
  844. left:790px;
  845. }
  846.  
  847. .jessica a{
  848. position:absolute;
  849. position:fixed;
  850. width:150px;
  851. line-height:220%;
  852. padding:1px;
  853. opacity:1;
  854. letter-spacing:1px;
  855. text-decoration:none;
  856. -webkit-animation-name: Floatingx;
  857. -webkit-animation-duration: 1.5s;
  858. -webkit-animation-iteration-count: infinite;
  859. -webkit-animation-timing-function: ease-in-out;
  860. -moz-animation-name: Floating;
  861. -moz-animation-duration: 1.5s;
  862. -moz-animation-iteration-count: infinite;
  863. -moz-animation-timing-function: ease-in-out;
  864. -moz-transition:all ease-in-out 0.7s;
  865. -webkit-transition:all ease-in-out 0.7s;
  866. -o-transition:all ease-in-out 0.7s;
  867. transition:all ease-in-out 0.7s;
  868. }
  869.  
  870. .jessica a:hover {
  871. opacity:1;
  872. -webkit-transform:rotate(-15deg);
  873. -webkit-filter: blur(0px);
  874. }
  875.  
  876.  
  877. .josh {
  878. position:fixed;
  879. top:130px;
  880. left:545px;
  881. }
  882.  
  883. .josh a{
  884. position:absolute;
  885. position:fixed;
  886. line-height:220%;
  887. padding:1px;
  888. opacity:1;
  889. letter-spacing:1px;
  890. text-decoration:none;
  891. font-size:30px;
  892. font-family: 'oswald';
  893. line-height:100%;
  894. color:#ffffff;
  895. text-shadow:#f8f8f8 0 0 5px;
  896. -webkit-transform:rotate(15deg);
  897. -webkit-transition: all 0.6s ease-in-out;
  898. -moz-transition: all 0.6s ease-in-out;
  899. transition: all 0.6s ease-in-out;
  900. }
  901.  
  902. .josh a:hover {
  903. opacity:.6;
  904. -webkit-transform:rotate(15deg);
  905. -webkit-filter: blur(1px);
  906. }
  907.  
  908. .mello {
  909. position:fixed;
  910. top:70px;
  911. left:500px;
  912. }
  913.  
  914. .mello a{
  915. position:absolute;
  916. position:fixed;
  917. line-height:220%;
  918. padding:1px;
  919. opacity:1;
  920. letter-spacing:1px;
  921. text-decoration:none;
  922. font-size:30px;
  923. font-family: 'oswald';
  924. line-height:100%;
  925. color:#ffffff;
  926. text-shadow:#f8f8f8 0 0 5px;
  927. -webkit-transform:rotate(-15deg);
  928. -webkit-transition: all 0.6s ease-in-out;
  929. -moz-transition: all 0.6s ease-in-out;
  930. transition: all 0.6s ease-in-out;
  931. }
  932.  
  933. .mello a:hover {
  934. opacity:.6;
  935. -webkit-transform:rotate(-15deg);
  936. -webkit-filter: blur(0px);
  937. }
  938.  
  939. .sam {
  940. position:fixed;
  941. top:410px;
  942. left:860px;
  943. }
  944.  
  945. .sam a{
  946. position:absolute;
  947. position:fixed;
  948. width:100px;
  949. line-height:220%;
  950. padding:1px;
  951. opacity:1;
  952. border:;
  953. letter-spacing:1px;
  954. text-decoration:none;
  955. }
  956.  
  957. .sam a:hover {
  958. opacity:1;
  959. -webkit-transform:rotate(15deg);
  960. -webkit-filter: blur(0px);
  961. }
  962.  
  963.  
  964.  
  965.  
  966.  
  967. #title {
  968. width:175px;
  969. font-family: arial;
  970. text-align:center;
  971. font-size:15px;
  972. letter-spacing: 2px;
  973. color: #2E2E2E;
  974. line-height:100%;
  975. text-shadow: px px {color:Shadow};
  976. margin-top:100px;
  977. margin-left:-415px;
  978. font-family: 'Cinzel', serif;
  979.  
  980. }
  981.  
  982. #description {
  983. width:175px;
  984. font-family:times;
  985. margin-bottom:0px;
  986. margin-top:100px;
  987. margin-left:-440px;
  988. padding-left:6px;
  989. text-align:justify;
  990. font-size:100%;
  991. color:#6E6E6E;
  992. letter-spacing:1px;
  993. line-height:115%;
  994. }
  995.  
  996. #description a {
  997. color:{color:link};
  998. }
  999.  
  1000. #ription a:hover {
  1001. color:{color:link hover};
  1002. }
  1003.  
  1004. #pagination {
  1005. position:fixed;
  1006. width:230px;
  1007. margin-top:120px;
  1008. margin-left:170px;
  1009. font-size:30px;
  1010. font-family: 'oswald';
  1011. line-height:100%;
  1012. letter-spacing:1px;
  1013. color: #afafaf;
  1014. text-shadow:0px 0px 3px #180606;
  1015. text-transform:uppercase;
  1016. padding:0px;
  1017. padding-bottom:2px;
  1018. }
  1019.  
  1020.  
  1021.  
  1022.  
  1023. #pagination a{
  1024. text-align:center;
  1025. padding: 2px;
  1026. color: #404040;
  1027. text-decoration: none;
  1028. z-index:9999999999999999999999999999999999999;
  1029. }
  1030.  
  1031.  
  1032.  
  1033. #pagination a:hover{
  1034. color:#ffffff;
  1035. text-shadow:#f8f8f8 0 0 5px;
  1036. -webkit-filter: blur(1px);
  1037. -webkit-transition: all 0.6s ease-in-out;
  1038. -moz-transition: all 0.6s ease-in-out;
  1039. transition: all 0.6s ease-in-out;
  1040. }
  1041.  
  1042. .info {
  1043. -webkit-transition: opacity 0.8s linear;
  1044. opacity: 0.90;
  1045. -webkit-filter: grayscale(50%);
  1046. width:90px;
  1047. text-transform:uppercase;
  1048. font-family:'taviraj';
  1049. font-weight:bold;
  1050. height:20px;
  1051. font-size:16px;
  1052. letter-spacing:15px;
  1053. margin-left:10px;
  1054. text-align:center;
  1055. padding:5px;
  1056. }
  1057. .info a{
  1058. color:#939790;
  1059. }
  1060. .info a:hover {
  1061. color:#8f8d8d;
  1062. text-shadow: -3px 0 #362828, 0 3px #362828, 3px 0 #362828, 0 -3px 10px #362828;
  1063. }
  1064.  
  1065. #info1 {
  1066. margin-left:16px;
  1067. font-size:25px;
  1068. text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
  1069. -ms-transform: rotate(20deg);
  1070. -webkit-transform: rotate(20deg);
  1071. transform: rotate(20deg);
  1072. }
  1073. #info2 {
  1074. margin-left:-10px;
  1075. margin-top:-5px;
  1076. font-size:18px;
  1077. text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
  1078. -ms-transform: rotate(-25deg);
  1079. -webkit-transform: rotate(-25deg);
  1080. transform: rotate(-25deg);
  1081. }
  1082. #info3 {
  1083. margin-left:22px;
  1084. font-size:20px;
  1085. text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
  1086. }
  1087.  
  1088. .tag {
  1089. -webkit-transition: opacity 0.8s linear;
  1090. opacity: 0.60;
  1091. overflow-x:hidden;
  1092. overflow-y:scroll;
  1093. height:30px;
  1094. width:150px;
  1095. font-size:9px;
  1096. letter-spacing:1px;
  1097. margin-top:-30px;
  1098. margin-left:87px;
  1099. text-align:justify;
  1100. padding:5px;
  1101. border-top:2px solid #6e6e6e;
  1102. border-bottom:2px solid #6e6e6e;
  1103. background:url("http://i.imgur.com/0Lx3vKV.png");
  1104. background-repeat:repeat;
  1105. background-attachment:fixed;
  1106. }
  1107.  
  1108. .tag a {
  1109. margin-right:8px;
  1110. color:#6e6e6e;
  1111. }
  1112.  
  1113. .tag a:hover {
  1114. color:#362828;
  1115. }
  1116.  
  1117. audio{
  1118. background-color:#1D1D1D;
  1119. height:65px;
  1120. overflow:hidden;
  1121. font-family:'cinzel', serif;
  1122. font-size:15px;
  1123. border-top:#636363 solid 2px;
  1124. border-bottom:#636363 solid 2px;
  1125. }
  1126.  
  1127.  
  1128. .asker {
  1129. background: -webkit-linear-gradient(#6e6e6e, #000);
  1130. -webkit-background-clip: text;
  1131. -webkit-text-fill-color: transparent;
  1132. font-family: 'Montserrat', sans-serif;
  1133. font-size:24px;
  1134. text-align:center;
  1135. text-transform:uppercase;
  1136. letter-spacing:2px;
  1137. margin-bottom:-10px;
  1138. padding-bottom:5px;
  1139. -webkit-transition: all 1s ease;
  1140. transition: all 1s ease;
  1141. -moz-transition: all 1s ease;
  1142. -o-transition: all 1s ease;
  1143.  
  1144. }
  1145.  
  1146. .asker:hover {
  1147. -webkit-filter: blur(1px);
  1148. }
  1149.  
  1150. .question {
  1151. background:url("http://i.imgur.com/0Lx3vKV.png");
  1152. background-repeat:repeat;
  1153. background-attachment:fixed;
  1154. border: solid 1px #7f8384;
  1155. outline:1px dashed #7f8384;
  1156. outline-offset:3px;
  1157. color:#fff;
  1158. text-shadow:1px 1px 0px #000,1px -1px 0px #000,-1px -1px 0px #000,-1px 1px 0px #000,0px 1px 0px #000,0px -1px 0px #000,1px 0px 0px #000,-1px 0px 0px #000;
  1159. text-align:center;
  1160. text-transform:uppercase;
  1161. padding:15px;
  1162. }
  1163.  
  1164. .effect-1 a::before,
  1165. .effect-1 a::after {
  1166. display: inline-block;
  1167. opacity: 0;
  1168. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  1169. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  1170. transition: transform 0.3s, opacity 0.2s;
  1171. }
  1172.  
  1173.  
  1174. .effect-1 a::before {
  1175. margin-right: 10px;
  1176. content: '≪';
  1177. -webkit-transform: translateX(20px);
  1178. -moz-transform: translateX(20px);
  1179. transform: translateX(20px);
  1180. }
  1181.  
  1182.  
  1183. .effect-1 a::after {
  1184. margin-left: 10px;
  1185. content: '≫';
  1186. -webkit-transform: translateX(-20px);
  1187. -moz-transform: translateX(-20px);
  1188. transform: translateX(-20px);
  1189. }
  1190.  
  1191.  
  1192. .effect-1 a:hover::before,
  1193. .effect-1 a:hover::after,
  1194. .effect-1 a:focus::before,
  1195. .effect-1 a:focus::after {
  1196. opacity: 1;
  1197. -webkit-transform: translateX(0px);
  1198. -moz-transform: translateX(0px);
  1199. transform: translateX(0px);
  1200. }
  1201.  
  1202.  
  1203. #quote {
  1204. border-left:4px solid #a5a4a4;
  1205. border-right:4px solid #a5a4a4;
  1206. font-family:times;
  1207. font-size:15px;
  1208. text-align:center;
  1209. line-height:120%;
  1210. padding:6px;
  1211. }
  1212.  
  1213.  
  1214. .qsource{
  1215. font-family:'Mr De Haviland', cursive;
  1216. font-size:12px;
  1217. text-align:left;
  1218. padding:4px;
  1219. }
  1220.  
  1221.  
  1222. div#qTip {
  1223. background-color:transparent;
  1224. padding: 8px;
  1225. display: none;
  1226. font-family:tinytots;
  1227. text-align: center;
  1228. position: absolute;
  1229. font-size:7px;
  1230. line-height:10px;
  1231. z-index: 9999999;
  1232. text-transform:uppercase;
  1233. border: solid 1px #7f8384;
  1234. outline:1px dashed #7f8384;
  1235. outline-offset:3px;
  1236. background-image:url('http://i.imgur.com/fRV4jKY.png');
  1237. background-repeat:repeat;
  1238.  
  1239.  
  1240. color:#fff;
  1241. border-padding:2px;
  1242. letter-spacing: 3px;
  1243.  
  1244. }
  1245.  
  1246.  
  1247. #table {
  1248. display: table;
  1249. padding:10px;
  1250. table-layout:fixed;
  1251. border-top:0px solid;
  1252. border-bottom:0px solid;
  1253. text-align:center;
  1254. }
  1255.  
  1256.  
  1257. td {
  1258. background-image:url('http://i.imgur.com/fRV4jKY.png');
  1259. text-transform:uppercase;
  1260. color:#fff;
  1261. width:30px;
  1262. height:20px;
  1263. text-align:center;
  1264. border:1px solid #fff;
  1265. font-family: 'Cinzel', serif;
  1266. -webkit-transition-duration: .9s;
  1267. -moz-transition-duration: .9s;
  1268. -o-transition-duration: .9s;
  1269. }
  1270.  
  1271.  
  1272. td:hover {
  1273. background: transparent;
  1274. color:black;
  1275. border:1px solid #fff;
  1276. font-family: 'Cinzel', serif;
  1277. -webkit-transition-duration: .9s;
  1278. -moz-transition-duration: .9s;
  1279. -o-transition-duration: .9s;
  1280. }
  1281.  
  1282. #hero {
  1283. position:fixed;
  1284. right:8px;
  1285. bottom:8px;
  1286. font-family:times;
  1287. font-size:8px;
  1288. letter-spacing:2px;
  1289. text-transform:uppercase;
  1290. font-weight:bold;
  1291. }
  1292.  
  1293. #hero a {
  1294. color:#909090;
  1295. background:#000000;
  1296. padding:6px;
  1297. padding-top:1px;
  1298. padding-bottom:2px;
  1299. text-transform:uppercase;
  1300. -webkit-transition: all 0.5s ease-in-out;
  1301. -moz-transition: all 0.5s ease-in-out;
  1302. -o-transition: all 0.5s ease-in-out;
  1303. }
  1304.  
  1305. #hero a:hover {
  1306. color:#fff;
  1307. background-image:url('http://i.imgur.com/fRV4jKY.png');
  1308. -webkit-transition: all 0.5s ease-in-out;
  1309. -moz-transition: all 0.5s ease-in-out;
  1310. -o-transition: all 0.5s ease-in-out;
  1311. }
  1312.  
  1313.  
  1314. #actualnews {
  1315. opacity:0;
  1316. color: #5f5f5f;
  1317. width:175px;
  1318. height:119px;
  1319. background: #050505;
  1320. padding:10px;
  1321. border:0px solid#b8b8b8;
  1322. margin-left: 450px;
  1323. margin-top:428px;
  1324. text-align:justify;
  1325. position:fixed;
  1326. overflow-y: scroll;
  1327. -webkit-transition: all 0.6s ease-in-out;
  1328. -moz-transition: all 0.6s ease-in-out;
  1329. transition: all 0.6s ease-in-out;
  1330. }
  1331.  
  1332.  
  1333. #actualnews:hover {
  1334. opacity:1;
  1335. -webkit-transition: all 0.6s ease-in-out;
  1336. -moz-transition: all 0.6s ease-in-out;
  1337. transition: all 0.6s ease-in-out;
  1338. }
  1339.  
  1340.  
  1341. .popup_block{
  1342. display:none;
  1343. background-image: url(http://i.imgur.com/iaGk6fz.png);
  1344. background-repeat:no-repeat;
  1345. padding:20px;
  1346. border:0px solid #8A928E; /* if you want a solid white pop-up, delete this */
  1347. float:left;
  1348. position:fixed;
  1349. width: 600px;
  1350. height: 616px;
  1351. top:50%;left:50%;
  1352. z-index: 99999;
  1353. -webkit-box-shadow: 60px 60px 0px #000; /* delete for solid white */
  1354. -moz-box-shadow: 60px 60px 0px #000; /* delete for solid white */
  1355. box-shadow: 0px 0px 0px #000; /* delete for solid white */
  1356. }
  1357.  
  1358. #boxy3{
  1359. line-height:100%;
  1360. text-align:justify;
  1361. position:absolute;
  1362. top: 340px;
  1363. left: 100px;
  1364. padding: 10px;
  1365. width: 230px;
  1366. height: 140px;
  1367. overflow-y: scroll;
  1368. background:#000;
  1369. color:#fff;
  1370. opacity:0;
  1371. }
  1372.  
  1373. .popup_block5{
  1374. display:none;
  1375. background-image: url(http://i.imgur.com/Onj0fpn.png);
  1376. background-repeat:no-repeat;
  1377. padding:20px;
  1378. border:0px solid #8A928E; /* if you want a solid white pop-up, delete this */
  1379. float:left;
  1380. position:fixed;
  1381. width: 600px;
  1382. height: 616px;
  1383. top:50%;left:50%;
  1384. z-index: 99999;
  1385. -webkit-box-shadow: 60px 60px 0px #000; /* delete for solid white */
  1386. -moz-box-shadow: 60px 60px 0px #000; /* delete for solid white */
  1387. box-shadow: 0px 0px 0px #000; /* delete for solid white */
  1388. }
  1389.  
  1390. #boxy{
  1391. line-height:100%;
  1392. text-align:justify;
  1393. position:absolute;
  1394. top: 340px;
  1395. left: 100px;
  1396. padding: 10px;
  1397. width: 230px;
  1398. height: 140px;
  1399. overflow-y: scroll;
  1400. background:#000;
  1401. color:#fff;
  1402. opacity:0.9;
  1403. }
  1404.  
  1405.  
  1406. #boxy2{
  1407. line-height:100%;
  1408. text-align:justify;
  1409. position:absolute;
  1410. top: 240px;
  1411. left: 150px;
  1412. padding: 10px;
  1413. width: 230px;
  1414. height: 190px;
  1415. overflow-y: scroll;
  1416. background:transparent;
  1417. color:#fff;
  1418. }
  1419.  
  1420.  
  1421. .popup_block2{
  1422. display:none;
  1423. background:#a5a5a4;
  1424. background-repeat:no-repeat;
  1425. padding:20px;
  1426. border:0px solid #8A928E; /* if you want a solid white pop-up, delete this */
  1427. float:left;
  1428. position:fixed;
  1429. width: 300px;
  1430. height: 150px;
  1431. top:50%;left:50%;
  1432. z-index: 99999;
  1433. -webkit-box-shadow: 60px 60px 0px #000; /* delete for solid white */
  1434. -moz-box-shadow: 60px 60px 0px #000; /* delete for solid white */
  1435. box-shadow: 0px 0px 0px #000; /* delete for solid white */
  1436. }
  1437.  
  1438.  
  1439. .popup_block3{
  1440. display:none;
  1441. background: transparent;
  1442. padding:20px;
  1443. border:0px solid #8A928E; /* if you want solid whie pop-up, delete this */
  1444. float:left;
  1445. position:fixed;
  1446. top:60%;left:80%;
  1447. z-index: 99999;
  1448. -webkit-box-shadow: 0px 0px 0px #000; /* delete for solid white */
  1449. -moz-box-shadow: 0px 0px 0px #000; /* delete for solid white */
  1450. box-shadow: 0px 0px 0px #000; /* delete for solid white */
  1451. -webkit-animation: SlideIn 2s;
  1452. -moz-animation: SlideIn 2s;
  1453. -ms-animatin: SlideIn 2s;
  1454. -o-animation: SlideIn 2s;
  1455. animation: SlideIn 2s;
  1456. }
  1457.  
  1458.  
  1459. .popup_block4{
  1460. display:none;
  1461. background: transparent;
  1462. padding:20px;
  1463. border:0px solid #8A928E; /* if you want a solid white pop-up, delete this */
  1464. float:left;
  1465. position:fixed;
  1466. top:55%;left:80%;
  1467. z-index: 99999;
  1468. -webkit-box-shadow: 0px 0px 0px #000; /* delete for solid white */
  1469. -moz-box-shadow: 0px 0px 0px #000; /* delete for solid white */
  1470. box-shadow: 0px 0px 0px #000; /* delete for solid white */
  1471. -webkit-animation: SlideIn 2s;
  1472. -moz-animation: SlideIn 2s;
  1473. -ms-animatin: SlideIn 2s;
  1474. -o-animation: SlideIn 2s;
  1475. animation: SlideIn 2s;
  1476. }
  1477.  
  1478. *html #fade {position: absolute;}
  1479. *html .popup_block {position: absolute;}
  1480. #fade {
  1481. display:none;
  1482. position:fixed;
  1483. left:0px;
  1484. top:0px;
  1485. width:100%;
  1486. height:100%;
  1487. z-index:9999;
  1488. background:#000; /* change to #fff for solid white */
  1489. opacity:1; /* change to opacity:1; */
  1490. }
  1491.  
  1492. *html #fade {position: absolute;}
  1493. *html .popup_block5 {position: absolute;}
  1494. #fade {
  1495. display:none;
  1496. position:fixed;
  1497. left:0px;
  1498. top:0px;
  1499. width:100%;
  1500. height:100%;
  1501. z-index:9999;
  1502. background:#000; /* change to #fff for solid white */
  1503. opacity:1; /* change to opacity:1; */
  1504. }
  1505.  
  1506.  
  1507. *html #fade {position: absolute;}
  1508. *html .popup_block2 {position: absolute;}
  1509. #fade {
  1510. display:none;
  1511. position:fixed;
  1512. left:0px;
  1513. top:0px;
  1514. width:120%;
  1515. height:100%;
  1516. z-index:9999;
  1517. background:#000; /* change to #fff for solid white */
  1518. opacity:0; /* change to opacity:1; */
  1519. }
  1520.  
  1521.  
  1522. *html #fade {position: absolute;}
  1523. *html .popup_block3 {position: absolute;}
  1524. #fade {
  1525. display:none;
  1526. position:fixed;
  1527. left:0px;
  1528. top:0px;
  1529. width:100%;
  1530. height:100%;
  1531. z-index:9999;
  1532. background:#000; /* change to #fff for solid white */
  1533. opacity:0; /* change to opacity:1; */
  1534. }
  1535.  
  1536.  
  1537. *html #fade {position: absolute;}
  1538. *html .popup_block4 {position: absolute;}
  1539. #fade {
  1540. display:none;
  1541. position:fixed;
  1542. left:0px;
  1543. top:0px;
  1544. width:100%;
  1545. height:100%;
  1546. z-index:9999;
  1547. background:#000; /* change to #fff for solid white */
  1548. opacity:0; /* change to opacity:1; */
  1549. }
  1550.  
  1551.  
  1552.  
  1553. {CustomCSS}</style></head><body>
  1554.  
  1555. <div id="bounce">
  1556. <div id="bite">
  1557. <div class="death">
  1558. <div id="actualnews">
  1559. <h5>brightest star</h5>
  1560. <h5>run the risk</h5>
  1561. <center><b>independent</b><p>
  1562. <i>Sirius Orion Black<br></I> of Harry Potter.<p>
  1563. <b>Penned BY</b> iris.<p><p></center>
  1564. LOST<i>?</i> the footprints will lead you to the map<i>!</i> to open the map, cast a spell with the wand.<p>
  1565. <a href="http://pinterest.com/ilsirius">PINTEREST.</a>
  1566. <p>
  1567. </center>
  1568. </font>
  1569. </div>
  1570. </div></div>
  1571.  
  1572. <div id="hero"><a href="http://canistests.tumblr.com/">THEME</a></div>
  1573.  
  1574.  
  1575. </div><div>
  1576.  
  1577. <div id="theme">
  1578.  
  1579. <div id="sidebar">
  1580.  
  1581. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  1582.  
  1583.  
  1584. </div>
  1585. <div id="description">{description}</div>
  1586. <div id="pagination"><br>
  1587. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><<</a>{/block:PreviousPage}{/block:Pagination}
  1588. {block:Pagination}{block:NextPage}<a href="{NextPage}"> >></a>{/block:NextPage}{/block:Pagination}{/block:Pagination}
  1589. </div></div>
  1590.  
  1591. <div id="pcontainer"></div?
  1592.  
  1593. <div id="entries">{block:Posts}<div id="post">
  1594.  
  1595. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1596.  
  1597.  
  1598. <center>{block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}</center><justify>{block:Caption}{Caption}{/block:Caption}</justify>{/block:Photo}
  1599.  
  1600.  
  1601. <center><div class="photo" id="photo_{PostID}" data-layout="{PhotoLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-250}" width="{PhotoWidth-250}" height="{PhotoHeight-250}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  1602.  
  1603. <center><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-250}" width="{PhotoWidth-250}" height="{PhotoHeight-250}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  1604.  
  1605. <center>{block:Quote}<div id="quote">{Quote}</div>{block:Source}<br><div style="text-align: center;" style="font-color: #777777;" style="text-transform: uppercase;" style="font-family: 'times';"><div id="qsource">{Source}</div></div>{/block:Source}{/block:Quote}</center>
  1606.  
  1607. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1608.  
  1609. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  1610.  
  1611. <center>{block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="40px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}</center>
  1612.  
  1613. <center>{block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}</center>
  1614.  
  1615. {block:Answer}
  1616. <div class="asker"><div class="effect-1">{Asker}</div></div>
  1617. <p style="letter-spacing:3px;text-transform:uppercase;text-align:center;margin-top:0px">solemnly swears</p>
  1618. <div class="question">{Question}</div>
  1619. {Answer}
  1620. {/block:Answer}
  1621.  
  1622. <div class="info">
  1623. {block:Date}
  1624. <div id="info1"><a href="{Permalink}" title="{TimeAgo}">♦</a></b></a></div>
  1625.  
  1626. {/block:Date}
  1627.  
  1628. <div id="info2"><a href="{Permalink}" title="{NoteCountWithLabel}">♦</a> </div>
  1629.  
  1630.  
  1631. <div id="info3"><a href="{ReblogURL}" target="_blank" class="details" title="reblog">♦</a> </div></div>
  1632.  
  1633. {block:HasTags}
  1634. <div class="tag">
  1635. {block:Tags} <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  1636. {/block:HasTags}
  1637. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1638. {/block:Posts}
  1639. </div>
  1640. </div>
  1641. </div>
  1642.  
  1643.  
  1644. <div id="box2" class="popup_block4">
  1645. <div align="center"><h4>inquire.</h4></div>
  1646. <iframe frameborder="0" height="300" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/canisriot.tumblr.com" width="100%"></iframe>
  1647. </div>
  1648.  
  1649.  
  1650. <div id="box5" class="popup_block" style="height: 300px; text-transform: lowercase; text-align:justify; font-size:11px; scrolling: yes; overflow-x: hidden;">
  1651. <center><h1>compass</h1></center>
  1652. <div id="table">
  1653. <table style="width:300px">
  1654.  
  1655. <div align="center">
  1656. <tr><font color=#fff>
  1657. <td><a href="#?w=400" rel="box5" class="poplight">i. story</a></td>
  1658. <td><a href="#?w=400" rel="box4" class="poplight">ii. commission</a></td>
  1659. <td><a href="#?w=400" rel="box9">iii. companions</a></td>
  1660. </tr></font>
  1661. <p>
  1662. <tr><font color=#fff>
  1663. <td><a href="#?w=400" rel="box6" class="poplight">iv. imporant</a></td>
  1664. <td><a href="/tagged/ᵛᶤˑ-ᶜᵃˡˡᵒᵘˢ-ʰᵃᶰᵈˢ˒-ᶜᶤᵛᶤˡ-ᵘᶰʳᵉˢᵗ˒-ᶜʳᵘᶜᶤᶠᶤˣ-ᵈʳᵉᵃᵐˢ˒-ʳᵒᵍᵘᵉ-ᶠᵒᵒᵗˢᵗᵉᵖˢ┊muse">v. muse</a></td>
  1665. <td><a href="/tagged/ᶤᶤˑ-ˢᶤᶰ-ʷʳᵒᵘᵍʰᵗ-ᶤᶰ-ˢᵉʳᵖᵉᶰᵗᶤᶰᵉ-ᵍʳᶤᶰ-ᵗᵒ-ᵈʳᶤᵖ-ᶠʳᵒᵐ-ᵃ-ˢᶜᵒᵘᶰᵈʳᵉˡ%27ˢ-ᵇʳᵒᶰᶻᵉ-ᵗᵒᶰᵍᵘᵉ┊his-visage">vi. visage</a></td>
  1666. </tr></font>
  1667. <p>
  1668. <tr><font color=#fff>
  1669. <td><a href="/tagged/ᶤˑ-ᵃᵘʳᵉᵃᵗᵉ-ᶜʰᵃᵐᵇᵉʳˢ-ᵗᵒ-ˢʰᵉᵃᵗʰ-ᵖᵘʳˡᵒᶤᶰᵉᵈ-ᵐᵘˢᵉᵘᵐˢ-ᵒᶠ-ᵃᶰᶜᶤᵉᶰᵗ-ᵐᵉᵐᵒʳʸ┊subliminal-visuals">vii. aesthetic</a></td>
  1670. <td><a href="/tagged/ˣˑ-ᵒᶰʸˣ˒-ᵍᶤˡᵈᵉᵈ-ʰᵒᶰᵉʸ˒-ᵃᶰᵈ-ᵗʳᵘᵉ-ᵍʳᶤᵗ-ᵗᵒ-ᵈᵉᶜᵒʳᵃᵗᵉ-ʰᶤˢ-ᶤᶰᶠᶤᵈᵉˡᶤᵗʸ┊wardrobe">viii. attire</a></td>
  1671. <td><a href="/tagged/ᶤᵛˑ-ᵃᶰ-ᵒᵘᵗ-ᵒᶠ-ᵇᵒᵈʸ-ᵉˣᵖᵉʳᶤᵉᶰᶜᵉ┊out-of-character">ix. ooc</a></td></font>
  1672. </tr>
  1673. <p>
  1674. <tr><font color=#fff>
  1675. <td><a href="/tagged/">x. music</a></td>
  1676. <td><a href="/tagged/">xi. desires</a></td>
  1677. <td><a href="/tagged/">xii. opens</a></td></font>
  1678. </tr>
  1679.  
  1680.  
  1681. </div>
  1682.  
  1683. </table>
  1684. </div>
  1685.  
  1686.  
  1687. </center>
  1688. </div>
  1689.  
  1690.  
  1691. <div id="box9" class="popup_block"><div id="boxy3">
  1692. <a href="#?w=400" rel="box1" class="poplight" title="i solemnly swear that i am up to no good."><img src="">http://i.imgur.com/eaZodid.png</a>
  1693. <center>
  1694. </font></center></a></div></div>
  1695.  
  1696.  
  1697. </li>
  1698. </p></center></div>
  1699.  
  1700. <div id="box1" class="popup_block5"><div id="boxy2"><center><h4>GUIDELINES.</h4></center></div><div id="boxy">
  1701. <div style="width: 230px; overflow-y: scroll; overflow-x: hidden;">
  1702. <font color=#000>this is an independent, private, & highly selective blog for light yagami from the anime/manga "death note". i'm doing extensive thinking about his character, his philosophy, and his symbolism so many things about my portrayal may be unique in a way, but all of it is very thuroughly thought out.<p>
  1703. multiship. multiverse. oc, canon, au, etc. friendly. inbox/im always open for mutuals/nonmutuals <3. <p>
  1704. <hr />
  1705. <center><b>light yagami</b> | <i>Death Note</i> | anime based<br>est. september 2016. <b>#enpious</b>.</center>
  1706. </b></font>
  1707. <h5>basics</h5><p>
  1708. <li>if you are weary on following because of the anime lmfao (i would b too), fret not, angels! i have many verses, including rl ones where he is not a bunch of lines and pixels so love us!! death note is probably one of the best, most intelligent pieces of media i have ever consumed, it basically transcends what you may think of anime.
  1709. <li><b>IMPORTANT</b> if this is the only rule you take away from this page of guidelines, that would be fine! light is INCREDIBLY manipulative and borderline sociopathic, he will attempt to charm your muse and appear to be innocent. and he is DAMN GOOD AT ACTING, do not underestimate him nor his ability to manipulate and strategize. he may get to the point where he mentally abuses / uses your muse as a pawn as well, please be mindful of this trait. <i>if you, out of character, underestimate light, i may have to unfollow.</i> this is not a muse to take lightly, he is dangerous. he is seething, he is lurking. too much infantilizing of light happens in the fandom and i will not stand for it.
  1710. <li>don't steal anything from this blog (ie. codes, graphics, icons, writing, etc.)
  1711. <li>this blog is private, meaning i only interact ic with mutuals. if i am not following you, you can still tag me in starters and send in memes, though no promises i will reply to either.
  1712. <li>godmodding, as well as killing or <i>seriously injuring</i> light should be discussed before a thread. i will discuss killing or injuring your muse before a thread too, though keep in mind that light will have the <i>ability</i> to kill your muse upon learning their full name and face.
  1713. <li>i tag all universal triggers. if you need me to tag something that i currently do not, inbox me!
  1714. <li>yes hi u may have recognized me from a multitute of different blogs and may find urself asking, <i>is this that iris i know?</i> most likely it is me friend. i am back because this hellsite just calls to me ... let's write again, i've missed you all!
  1715. <li>ask to be exclusive
  1716. <p><blockquote><em><strong>ᴘʀɪᴠᴀᴛᴇ:</strong></em> I <em>usually</em> only roleplay with <em><strong>mutuals.</strong></em><br /><em><strong>sᴇʟᴇᴄᴛɪᴠᴇ:</strong></em> I will only follow back if I can see our muses interacting.</blockquote></font><p>
  1717. <h5>interaction</h5><p>
  1718. for the most part, i am mutually exclusive. <i>what does this mean?</i> it means i mostly interact with those who i follow, and follow me in return. though, i'm not opposed to the idea of interacting with someone whom i don't follow. if you send in a meme, tag me in a starter, or come to me with a plot (not a request to plot), i will check over your blog once more and determine if i will reply/follow or not. however, please refrain from liking starter/plot/ship calls. i will always respond ooc to questions, as well as any help a follower of mine needs.<p>
  1719. if i write a starter for you and you find it difficult to reply, please either IM or inbox me so i can rewrite it! i hate when i write someone a starter(s) and they go completely ignored. i feel as though my time is wasted, or you never wanted to interact with me in the first place. simply liking the starter will notify me that you've seen it, and plan to reply.<p>
  1720. i am selective with who i choose to follow, but this is for my own sanity as well as organization. this is nothing against those i do not choose to follow.<p>
  1721. <b>i will not follow if:</b><br>
  1722. <li>there is no rules/stats pages. i need to know a little about both the mun (or the comfortability of the mun) and the muse (even canons) before interacting.
  1723. <li>there is no feasible way our muses can interact
  1724. <li>your theme is cluttered/difficult to navigate
  1725. <li>our writing styles might not blend well<p>
  1726. <b>i will unfollow if:</b>
  1727. <li>i see you being cruel without reason
  1728. <li>you are rude to me
  1729. <li>you are inactive for 4 weeks without notice
  1730. <li>that's pretty much it, i prefer not to break mutuals and chances are that if i followed you in the first place, i love you sm <p>
  1731. <b>i put rulebook passwords in the tags of our first interaction, i will not inbox them in.</b></p>
  1732. </font>
  1733. <h5>shipping</h5><p>
  1734. this is a multiship blog! that being said, light is an incredibly hard character to ship with. most romantically inclined ships will be ulterior motive driven, meaning light will manipulate/abuse/use your muse for his benefit. i headcanon him to be very aromantic when in possession of the death note. verses pre-death note, i find him to be quite panromantic.<p>
  1735. regarding smut: i will roleplay it. if you are uncomfortable with it, and our characters are nearing to get that close, fade to black is an excellent substitute!</p>
  1736. </font>
  1737. <h5>graphics</h5><p>
  1738. i've created all graphics (including the entirety of the theme, all self promos unless gifted, icons, etc.) that you see on this blog. totally feel free to pop in questions about graphicwork or coding, and i'll do my best to answer/make a tutorial. i am not open for graphic requests, unless i state so or offer. <b>however, i AM open for graphic commissions!</b> information regarding that can be found in my navigation! or click <a href="#?w=400" rel="box4" class="poplight" title="click!"><b>here!</b></a><p>
  1739. i've gotten anons about my art in the past, <a href="http://prettyplasma.tumblr.com/tagged/allouriart">HERE</a> is where you can find my work. i also have a <a href="/tagged//tagged/*ﾟ‘ﾟ⋄- ✟- -«-❛- ᵃʳᵗ-ᶤˢ-ᵒᶰˡʸ-ᵐᵉᵃᶰᶤᶰᵍᶠᵘˡ-ʷʰᵉᶰ-ᵇˡᵉˢˢᵉᵈ- ❜-»- —-iv.-graphics-&-art">tag</a> on here regarding muse-related works. i might post a lot of death note art so if you're a personal blog following for that, i don't mind suggestions or reblogs on my art. if we're friends, i'll spoil u with art. still want art from me? <a href="#?w=400" rel="box4" class="poplight" title="click!"><b>commission me!</b></a><p>
  1740. <h5>activity</h5><p>
  1741. I wanted to make this its own category since it's pretty important. I am slow with replying (either to threads or inbox messags), creating starters, and replying to starters. Sometimes, it takes me up to a week to reply. Please don't let that discourage you. Chances are, I have <b>not</b> dropped the thread, I'm just being molasses. Also, if I haven't replied to an ask, it's probably because I either forgot to or I didn't see it? I do not ignore people, so don't think that I am!! This is my main roleplay blog, i don't have other blogs anymore, they are delete rip, so this will get my attention. but u know sometimes even when i'm online i might not be so into writing rip. tl;dr I'm super forgetful and slow oops.</font><p>
  1742. <h5>triggers</h5>
  1743. as i formally stated, i try my best to tag all the universal triggers! though sometimes i may slip, and i just ask that you politely inform me to tag it! if i don't currently tag a trigger and you'd like me to, just ask !! i'd rather you be comfy honestly. <p>
  1744. in the past i haven't asked anyone to tag anything for me, but now i'm lapsing and i must request that <b>PHYSICAL TORTURE</b> and <b>BODY IMAGE/WEIGHT</b> be tagged. physicaly torture is a huge fear of mine, and my body goes into a state of arrest in seeing it (so posts are fine, and writing is fine for me i suppose, but i cannot even watch movies akin to saw or hostel for the fear of it, gore in relation to or alluding to torture should please be tagged as well), and body image/weight triggers my ed. <p>
  1745. death is a very prevelant theme on this blog, as well as my muse believing himself to be a messiah. since it is so heavily intwined with light, i will not be tagging it. if this bothers you, you may not want to follow.
  1746. </font><p>
  1747. <h5>portrayal</h5>
  1748. this is arguably the most important part of my rules and could be considered confusing. try to stick with me here. i might take some liberties with light's character, and as stated priorly: my portrayal might seem a bit unique but it will all be well thought out. i will be posting many metas about his character and his psychology, this mind of his interests me more than any previous muse i might have played. so i will be exploring it in depth and forming headcanons based on evidence from both the anime and the manga, as well as true crime psychological research. i also use a lot of christian religious imagery and symbology. if you are curious as to my portrayl of light and how i see his character, you may want to read a few of my posts before following.<p>
  1749. in addition to all of that, i love duplicates!! i would love nothing more than to sit and talk with people who share love for this little asshole with me!
  1750. <h5>mun</h5><p>
  1751. hi!!! i'm iris. i'm a humble moth angel who is obsessed with true crime, fairytales, tarantino films, x-men and joaquin phoenix!!! i'm 19, an aquarius (or a capricorn by the new chart's standards, but i'm way more of an aquarius....or maybe a pisces who knows, i am delicate), female (she/her pronouns), n a student!! i love to have fun and be myself(: <p>
  1752. also i used to be on here as stygiac/energetia/a few others, so u may know me from those blogs but hi i'm back playing a lot of animated canon characters pls douse me in bleach!!! tbh if we wrote on any of my older blogs pls scream in my face i probably miss u!</font>
  1753. </p></center>
  1754. </div></div></div></div></div>
  1755.  
  1756.  
  1757. <div id="box3" class="popup_block5"><div id="boxy2"><center><h4>DOSSIER.</h4></center></div><div id="boxy"><div style="overflow-y: scroll; overflow-x: hidden;">
  1758. <center>UNDER CONSTRUCTION
  1759.  
  1760.  
  1761. <center>
  1762. </font></center></a></div></div>
  1763.  
  1764.  
  1765. </li>
  1766. </p></center></div>
  1767.  
  1768.  
  1769. <div id="box7" class="popup_block5"><div id="boxy2"><center><h4>VERSES.</h4></center></div><div id="boxy"><div style="overflow-y: scroll; overflow-x: hidden;">
  1770. UNDER CONSTUCTION.<p>
  1771. basic guide: during verse, before, after, shinigami, new world au, marvel/dc verse, etc.
  1772. <center>
  1773. </font></center></a></div></div>
  1774.  
  1775.  
  1776. </li>
  1777. </p></center></div>
  1778.  
  1779.  
  1780. <div id="box8" class="popup_block3"><div id="boxy2"><center><h4>EXCLUSIVES.</h4></center></div><div id="boxy"><div style="overflow-y: scroll; overflow-x: hidden;">
  1781. UNDER CONSTRUCTION.
  1782. <center>
  1783. </font></center></a></div></div>
  1784.  
  1785.  
  1786. </li>
  1787. </p></center></div>
  1788.  
  1789.  
  1790. <div id="box4" class="popup_block5" style="text-align:justify; font-size:11px; scrolling: yes; overflow-x: hidden;"><div id="boxy2"><center><h4>COMMISSIONS.</h4></center></div><div id="boxy">
  1791. <h5>status</h5>
  1792. currently open for and accepting theme, promo, icon, and art commissions!<p>
  1793. <h5>contact</h5><p>
  1794. the most preferable mode of contact for me is inbox, email, or skype. my email is <b>morwnlynn@gmail.com</b>, and my skype is <b>darkaffiliation</b>! if you are requesting a type of commission, just fill out this small form:<p>
  1795. <b>your name:</b><br>
  1796. <b>url:</b><br>
  1797. <b>timezone:</b><br>
  1798. <b>muse:</b> (let me know if this is your muse, a friend's, etc. link me to the blog or include information about them!)<br>
  1799. <b>commission type:</b> (theme, promo, icons, art)<br>
  1800. <b>misc:</b> (add in any images you want used/referenced, color palettes, etc. etc. just the details to make this easier on me!)
  1801. </b>
  1802. <h5>themes</h5>
  1803. i do three main types of theme commissions: just background, simple coding, and complex coding. <p>
  1804. <B>DESCRIPTION</B><br>
  1805. <li>background: a background image without coding<br>
  1806. <li>simple coding: a background image complete with basic codes (no popups, a hover, linear links, etc.)
  1807. <li>complex coding: a background image complete with more complex codes (popups, tabs within popups, jumble links, etc.)<p>
  1808. <b>PRICING</b><br>
  1809. <li>background: $10-15 depending on complexity<br>
  1810. <li>simple coding: $20-25 depending on complexity<br>
  1811. <li>complex coding: $30-40 depending on complexity<p>
  1812. <b>EXAMPLES</b><br>
  1813. <center><b><a href="http://enpious.tumblr.com/">✖</a> <a href="http://egobred.tumblr.com/">✖</a> <a href="http://moneybred.tumblr.com/">✖</a> <a href="http://astrafell.tumblr.com/">✖</a> <a href="http://profanemouth.tumblr.com/">✖</a> <a href="http://wildgrit.tumblr.com">✖</a> <a href="http://zctanna.tumblr.com">✖</a> <a href="hhttp://imgur.com/a/tUa1x">✖</a></b></center><p>
  1814. <h5>promos</h5>
  1815. i offer four different types of promo commissions: uno, duo, trio, or quatro.<p>
  1816. <b>DESCRIPTION</b><br>
  1817. <li>uno: a promo using a single image (with or without a gif)<br>
  1818. <li>duo: a promo using two images (with or without a gif(s))<br>
  1819. <li>trio: a promo using three images <br>
  1820. <li>quatro: a promo using four images<p>
  1821. <b>PRICING</b><br>
  1822. <li>uno: $5<br>
  1823. <li>duo: $8<br>
  1824. <li>trio: $11<br>
  1825. <li>quatro: $15<p>
  1826. <b>EXAMPLES</b><br>
  1827. <center><b><a href="http://imgur.com/a/vnSfA">✖</a></b></center><p>
  1828. <h5>icons</h5>
  1829. iconning is tailored to what the commissioner requests, i can do textures, borders, special colorings, etc.<p>
  1830. <b>PRICING</b><br>
  1831. <li>psd: $3<br>
  1832. <li>25 icons +psd: $7<br>
  1833. <li>50 icons +psd: $10<br>
  1834. <li>100 icons +psd: $15<br>
  1835. <li>200 icons +psd: $20<br>
  1836. <li>extra: +$5 per every 100 icons<p>
  1837. <b>EXAMPLES</b><br>
  1838. <center><img src="http://i.imgur.com/Nk9lZGP.png" /></center><p>
  1839. <h5>art</h5><p>
  1840. i offer five different types of art commissions: sketch, portrait, reference, "chibi", and illustration. <p>
  1841. <b>DESCRIPTION</b><br>
  1842. <li>sketch: a rough line drawing of a character, without color<br>
  1843. <li>portrait: a detailed digital painting of a character, with full color<br>
  1844. <li>reference: a detailed digital painting of a character, with full color, and full body, meant to reference the character's design<br>
  1845. <li>chibi: a cute painting of a character, depicted with large eyes & head, and a small body<br>
  1846. <li>illustration: a detailed digital painting of a character, with full color, and a full background, usually a "scene"<p>
  1847. <b>PRICING</b><br>
  1848. <li>sketch: $15-$20 depending on complexity
  1849. <li>portrait: $40-$60 depending on complexity
  1850. <li>reference: $70-$90 depending on complexity (+$20 if you want me to create a design for your character, +$20 if you want both front AND back reference)
  1851. <li>chibi: $10
  1852. <li>illustration: $80+ depending on complexity
  1853. <li>extras: +$20 for every character added in full color (+$5 for sketch and chibi), +$25-35 for every animal added in full color depending on size and complexity, +$40 for a sexual explicit content (discuss with me)
  1854. <b>EXAMPLES</b><br>
  1855. <center><b><a href="http://prettyplasma.tumblr.com/tagged/allouriart">✖</a><a href="http://etoili.deviantart.com/">✖</a><a href="http://imgur.com/a/WlQfP">✖</a>
  1856. <br>note: some art pieces are older than others, so there is a variation in style & skill level, most portraits (ie. anything you'd find on my personal or hypnostize) are true to my current style/skill. most of the full body references are old, i've improved both style, skill and anatomy overtime from the time i completed those. ALSO: a lot of the works in the imgur album are WIPS, so they are unfinished.</b></center><p>
  1857. <b>CONDITIONS</b>
  1858. i will draw: mostly anything honestly<br>
  1859. i won't draw: mecha/robots, cars, fetish art (nsfw/sexual ship art is fine as long as it doesn't do inflation, scat, etc lmfao)<br>
  1860. art commissions take longer than normal commissions, half of the money will be paid upfront before i start on a commission. i will sent you a sketch WIP, a half painted WIP, then the final image. the other half of the money will be paid after the half painted WIP. then i will send you the PSD and the full resolution image (both transparent background and otherwise) of your finished piece. you are permitted to do whatever you wish with the art, including commercial use. you are not permitted, however, to claim the art as your own. i can send posters and prints (matte and vinyl finish) of your finished piece, for an additional fee. i can also use the art i create in a theme, for an additional fee.<p>
  1861. <h5>DISCOUNTS</h5><br>
  1862. if you purchase a bundle of different commissions, i will discount the price of your order! the discount depends on the quanitity of commissions, as well as the type. feel free to ask!<p>
  1863. <h5>QUESTIONS></h5><br>
  1864. questions as well as negotations can be sent to my inbox or im! i'll answer them as presicely and timely as i can, thank you for your consideration!
  1865. <p>
  1866. </div></div>
  1867.  
  1868.  
  1869. <div id="box6" class="popup_block3" style="height: 400px; text-transform: lowercase; text-align:justify; font-size:11px; scrolling: yes; overflow-x: hidden;">
  1870. <h4>
  1871. <a href="#?w=400" rel="box9" class="poplight" title="start.">01.</a> <a href="#?w=400" rel="box3" class="poplight" title="dossier.">02.</a> <a href="#?w=400" rel="box7" class="poplight" title="verses.">03.
  1872. </a> <a href="#?w=400" rel="box8" class="poplight" title="exclusives.">04.
  1873. </a> <a href="#?w=400" rel="box" class="poplight" title="tag list.">05.</a> <a href="#?w=400" rel="box4" class="poplight" title="commission information.">06.</a>
  1874. </h4>
  1875. </div>
  1876.  
  1877. </div></div></div></div></div></div></div></div></div></div>
  1878.  
  1879. </div></div></div></div></div></div></div></div></div></div>
  1880.  
  1881. </div></div></div></div></div></div></div></div></div></div>
  1882.  
  1883. </div></div></div></div></div></div></div></div></div></div>
  1884.  
  1885. <!-- SCM Music Player http://scmplayer.net -->
  1886. <script type="text/javascript" src="http://scmplayer.net/script.js"
  1887. data-config="{'skin':'http://static.tumblr.com/wx6pget/hAinc7m11/.css','volume':29,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'','url':'https://youtu.be/1oTbyENpX58'}]}" ></script>
  1888. <!-- SCM Music Player script end -->
  1889.  
  1890. <div class="jessica"><div class="floating"><a href="/" title="escape" onmouseover="mouseoversound.playclip()"><img src="http://i.imgur.com/dSldyiC.png"></a></div></div>
  1891.  
  1892. <div class="josh"><div class="pulse"><a href="#?w=400" rel="box2" class="poplight" title="martyr hymnals" onmouseover="mouseoversound.playclip()">♦</a></div></div>
  1893.  
  1894. <div class="mello"><div class="pulse"><a href="#?w=400" rel="box8" class="poplight" title="the order" onmouseover="mouseoversound.playclip()">♦</a></div></div>
  1895.  
  1896. <div class="sam"><a href="#?w=400" rel="box6" class="poplight" title="mischief managed" onmouseover="mouseoversound.playclip()"><img src="http://i.imgur.com/XI1PgIH.gif"></a></div></div>
  1897. </div></div></div>
  1898. </body>
  1899. </html>
  1900. </body>
  1901. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!