API tools faq
paste
Advertisement
ibertaec

Untitled

ibertaec
Aug 8th, 2018
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5. <!--
  6.  
  7. WINTER'S LADY THEMES
  8. ♛ this code was made by AGIRLINGREY@TUMBLR.
  9. ♛ do not remove credit or claim as your own.
  10.  
  11. -->
  12.  
  13.  
  14.  
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19.  
  20. <!--
  21. BLOBS IN A JAR
  22. -->
  23.  
  24.  
  25. <script type="text/javascript">
  26. // <![CDATA[
  27. var colour="#000"; // what colour are the blobs
  28. var speed=66; // speed of animation, lower is faster
  29. var blobs=10; // how many blobs are in the jar
  30. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  31.  
  32. /***************************\
  33. * Blobs in a Jar Effect *
  34. *(c)2012-13 mf2fm web-design*
  35. * http://www.mf2fm.com/rv *
  36. * DON'T EDIT BELOW THIS BOX *
  37. \***************************/
  38.  
  39. var div;
  40. var xpos=new Array();
  41. var ypos=new Array();
  42. var zpos=new Array();
  43. var dx=new Array();
  44. var dy=new Array();
  45. var dz=new Array();
  46. var blob=new Array();
  47. var swide=800;
  48. var shigh=600;
  49. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  50.  
  51. function addLoadEvent(funky) {
  52. var oldonload=window.onload;
  53. if (typeof(oldonload)!='function') window.onload=funky;
  54. else window.onload=function() {
  55. if (oldonload) oldonload();
  56. funky();
  57. }
  58. }
  59.  
  60. addLoadEvent(fill_the_jar);
  61.  
  62. function fill_the_jar() {
  63. var i, dvs;
  64. div=document.createElement('div');
  65. dvs=div.style;
  66. dvs.position='fixed';
  67. dvs.left='0px';
  68. dvs.top='0px';
  69. dvs.width='1px';
  70. dvs.height='1px';
  71. document.body.appendChild(div);
  72. set_width();
  73. for (i=0; i<blobs; i++) {
  74. add_blob(i);
  75. jamjar(i);
  76. }
  77. }
  78.  
  79. function add_blob(ref) {
  80. var dv, sy;
  81. dv=document.createElement('div');
  82. sy=dv.style;
  83. sy.position='absolute';
  84. sy.textAlign='center';
  85. if (ie_version && ie_version<10) {
  86. sy.fontSize="10px";
  87. sy.width="100px";
  88. sy.height="100px";
  89. sy.paddingTop="40px";
  90. sy.color=colour;
  91. dv.appendChild(document.createTextNode(charc));
  92. }
  93. else if (ie_version) {
  94. sy.fontSize="1px";
  95. sy.width="0px";
  96. sy.height="0px";
  97. }
  98. else {
  99. dv.appendChild(document.createTextNode(charc));
  100. sy.color='rgba(0,0,0,0)';
  101. }
  102. ypos[ref]=Math.floor(shigh*Math.random());
  103. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  104. xpos[ref]=Math.floor(swide*Math.random());
  105. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  106. zpos[ref]=Math.random()*20;
  107. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  108. blob[ref]=dv;
  109. div.appendChild(blob[ref]);
  110. set_blob(ref);
  111. }
  112.  
  113. function rejig(ref, xy) {
  114. if (xy=='y') {
  115. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  116. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  117. }
  118. else {
  119. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  120. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  121. }
  122. }
  123.  
  124. function sign(a) {
  125. if (a<0) return (-2);
  126. else if (a>0) return (2);
  127. else return (0);
  128. }
  129.  
  130. function set_blob(ref) {
  131. var sy;
  132. sy=blob[ref].style;
  133. sy.top=ypos[ref]+'px';
  134. sy.left=xpos[ref]+'px';
  135. if (ie_version && ie_version<10) {
  136. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  137. sy.fontSize=30-zpos[ref]+"px";
  138. }
  139. else if (ie_version) {
  140. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  141. }
  142. else {
  143. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  144. sy.fontSize=40+zpos[ref]+'px';
  145. }
  146. }
  147.  
  148. function jamjar(ref) {
  149. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  150. ypos[ref]+=dy[ref];
  151. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  152. xpos[ref]+=dx[ref];
  153. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  154. zpos[ref]+=dz[ref];
  155. set_blob(ref);
  156. setTimeout("jamjar("+ref+")", speed);
  157. }
  158.  
  159. window.onresize=set_width;
  160. function set_width() {
  161. var sw_min=999999;
  162. var sh_min=999999;
  163. if (document.documentElement && document.documentElement.clientWidth) {
  164. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  165. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  166. }
  167. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  168. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  169. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  170. }
  171. if (document.body.clientWidth) {
  172. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  173. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  174. }
  175. if (sw_min==999999 || sh_min==999999) {
  176. sw_min=800;
  177. sh_min=600;
  178. }
  179. swide=sw_min;
  180. shigh=sh_min;
  181. }
  182. // ]]>
  183. </script>
  184.  
  185.  
  186.  
  187.  
  188.  
  189. <title>{Title}</title>
  190. <link rel="shortcut icon" href="{Favicon}">
  191. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  192. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  193.  
  194. <meta name="color:background" content="#000000"/>
  195. <meta name="color:text" content="#a1a0a0"/>
  196. <meta name="color:description" content=transparent/>
  197. <meta name="color:link" content="#e0d3ed"/>
  198. <meta name="color:link hover" content="#989898" />
  199. <meta name="color:bold" content="#cdc2f0" />
  200. <meta name="color:italic" content="#ffffff" />
  201. <meta name="color:border" content="#292828" />
  202. <meta name="color:scrollbar" content="#ffffff" />
  203. <meta name="color:postbg" content=transparent />
  204. <meta name="color:blockquote" content="#121212" />
  205. <meta name="color:tags" content="#e0d3ed"/>
  206.  
  207. <meta name="image:background" content=""/>
  208. <meta name="image:askimage" content=""/>
  209.  
  210. <meta name="text:link 1" content="link 1"/>
  211. <meta name="text:link 1 url" content="/"/>
  212. <meta name="text:link 2" content="link 2"/>
  213. <meta name="text:link 2 url" content="/"/>
  214. <meta name="text:link 3" content="link 3"/>
  215. <meta name="text:link 3 url" content="/"/>
  216. <meta name="text:link 4" content="link 4"/>
  217. <meta name="text:link 4 url" content="/"/>
  218. <meta name="text:link 5" content="link 5"/>
  219. <meta name="text:link 5 url" content="/"/>
  220. <meta name="text:link 6" content="link 6"/>
  221. <meta name="text:link 6 url" content="/"/>
  222. <meta name="text:link 7" content="link 7"/>
  223. <meta name="text:link 7 url" content="/"/>
  224. <meta name="text:link 8" content="link 8"/>
  225. <meta name="text:link 8 url" content="/"/>
  226.  
  227. <meta name="if:tinycursor" content="1"/>
  228. <meta name="if:greyscale" content="0"/>
  229. <meta name="text:text size" content="12px" />
  230. <meta name="if:showsubmit" content="0"/>
  231.  
  232. <meta name="color:updates bar" content="#070707"/>
  233. <meta name="image:Updates" content=""/>
  234. <meta name="image:thekey" content=""/>
  235.  
  236.  
  237.  
  238. <!--
  239. CUSTOM FONTS
  240. -->
  241.  
  242.  
  243. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  244.  
  245. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  246.  
  247. <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
  248.  
  249. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  250.  
  251.  
  252. <style type="text/css">
  253.  
  254. @font-face { font-family: "Gilroy Light"; src: url('https://dl.dropboxusercontent.com/s/https://www.dropbox.com/s/ygtlp2ybplpxm0i/Gilroy-Light.ttf'); }
  255.  
  256. @font-face { font-family: "Kiona Regular"; src: url('https://dl.dropboxusercontent.com/s/uk19j5m5e3dacqn/Kiona-Regular.ttf'); }
  257.  
  258. @font-face { font-family: "Potra"; src: url('https://dl.dropboxusercontent.com/s/f0034qd4hc2hi71/Potra.ttf'); }
  259.  
  260. /* the hover update thing */
  261.  
  262.  
  263.  
  264. #bite
  265. #bite a{
  266. display:block
  267. }
  268. #bite .death {
  269. margin-top:0px;filter: alpha(opacity = 1.0);
  270. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  271. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  272. }
  273.  
  274. #bite:hover .death {
  275. margin-top:0px;
  276. -webkit-transition: all 0.8s ease-out;
  277. -moz-transition: all 0.8s ease-out;
  278. transition: all 0.8s ease-out;
  279. filter: alpha(opacity = 100);
  280. filter: alpha(opacity = 100);
  281. opacity:100;
  282. }
  283.  
  284.  
  285. /* selection font and background */
  286.  
  287.  
  288. ::selection {
  289. background: #8c6c69;
  290. color:#fff; }
  291.  
  292.  
  293. ::-moz-selection {
  294. background: #8c6c69;
  295. color:#fff; }
  296.  
  297.  
  298.  
  299. /* scrollbar details */
  300.  
  301.  
  302.  
  303. ::-webkit-scrollbar {
  304. height: 0px;
  305. width: 2px;
  306. background:transparent;
  307. border-left:0px solid transparent;
  308. border-right:0px solid transparent;}
  309.  
  310.  
  311. ::-webkit-scrollbar-thumb {
  312. background:transparent;}
  313.  
  314.  
  315.  
  316.  
  317.  
  318. /* the cursor */
  319.  
  320.  
  321. {block:iftinycursor}
  322. body, a, a:hover{
  323. cursor: url('http://media.tumblr.com/28e8e2c9c0a422c5fb73ea368b58b529/tumblr_inline_mv7k3cbC5e1qmxe8x.png'), progress;}
  324. {/block:iftinycursor}
  325.  
  326. iframe#tumblr_controls {
  327. right:3px !important;
  328. position: fixed !important;
  329. -webkit-transition: opacity 0.7s
  330. linear;opacity: 0.2;
  331. -webkit-transition: all 0.8s ease-out;
  332. -moz-transition: all 0.8s ease-out;
  333. transition: all 0.8s ease-out;}
  334.  
  335. iframe#tumblr_controls:hover{
  336. -webkit-transition: opacity 0.7s linear;
  337. opacity: 1;
  338. -webkit-transition: all 0.4s ease-out;
  339. -moz-transition: all 0.4s ease-out;
  340. transition: all 0.4s ease-out;}
  341.  
  342.  
  343.  
  344. /* general look & background */
  345.  
  346.  
  347. body {
  348. background:#000000;
  349. background-image:url('http://i63.tinypic.com/drcis8.jpg');
  350. background-attachment: fixed;
  351. background-repeat: no-repeat;
  352. background-position: left top;
  353. color:#848484;
  354. font-family: Gilroy Light;
  355. text-align:justify;
  356. font-size: 8px;
  357. letter-spacing:1px;
  358. line-height:150%;
  359.  
  360. }
  361.  
  362.  
  363.  
  364. /* the verses tabs */
  365.  
  366.  
  367. ul#tabs {
  368. list-style-type: none;
  369. padding: 0;
  370. text-align: center;
  371. font-size:8px;
  372. letter-spacing:1px;
  373. }
  374.  
  375. ul#tabs li {
  376. display: inline-block;
  377. background-color: transparent;
  378. border: solid 0px #262626;
  379. padding: 4px 12px;
  380. margin-bottom: 4px;
  381. color: #1b1b1b;
  382. cursor: pointer;
  383. }
  384.  
  385. ul#tabs li:hover {
  386. background-color: #b0b0b0;
  387. }
  388.  
  389. ul#tabs li.active {
  390. background-color: #0f0f0f;
  391. background-image:url('http://imgur.com/Q30ko53.png');
  392. border: 1px solid #9b9b9b;
  393. }
  394.  
  395. ul#tab {
  396. list-style-type: none;
  397. margin: 0;
  398. padding: 0;
  399. }
  400.  
  401. ul#tab li {
  402. display: none;
  403. }
  404.  
  405. ul#tab li.active {
  406. display: block;
  407. }
  408.  
  409.  
  410.  
  411.  
  412. /* back to general look & details */
  413.  
  414.  
  415.  
  416. a:link, a:active, a:visited {
  417. text-decoration: none;
  418. color: #d1d1d1;
  419. -moz-transition-duration:.6s;
  420. -webkit-transition-duration:.6s;
  421. -o-transition-duration:.6s;
  422. -webkit-filter: blur(0px);}
  423.  
  424. a:hover {
  425. color: #8f8f8f;
  426. -moz-transition-duration:.6s;
  427. -webkit-transition-duration:.6s;
  428. -o-transition-duration:.6s;
  429. -webkit-filter: blur(0px);}
  430.  
  431.  
  432.  
  433. h1 {
  434. background-color: transparent;
  435. font-family: Kiona Regular;
  436. text-shadow: 2px 2px 5px #a07875;
  437. font-size: 16px;
  438. line-height: 20px;
  439. letter-spacing: 2px;
  440. text-align: center;
  441. text-transform:uppercase;
  442. color: #7c4944;
  443. }
  444.  
  445.  
  446. h2 {
  447. background-color: transparent;
  448. font-family: Potra;
  449. font-size: 20px;
  450. line-height: 16px;
  451. letter-spacing: 0px;
  452. text-align: center;
  453. text-shadow: 2px 2px 5px #4c4847;
  454. text-transform:uppercase;
  455. color: #7c4944;
  456. }
  457.  
  458.  
  459.  
  460. h3 {
  461. background-color: transparent;
  462. background-image:url(http://i66.tinypic.com/16gzti.jpg);
  463. border:1px solid #331912;
  464. font-family: Gilroy Light;
  465. font-weight:bold;
  466. color: #bcaead;
  467. text-shadow:2px 2px 5px #fff;
  468. font-size: 10px;
  469. line-height: 20px;
  470. letter-spacing: 0px;
  471. text-align: center;
  472. text-transform:uppercase;
  473. padding:8px 5px;
  474. line-height:180%;}
  475.  
  476.  
  477.  
  478. quotetext {
  479. background-color: transparent;
  480. font-family: potra;
  481. font-size: 20px;
  482. line-height: 20px;
  483. letter-spacing: 0px;
  484. text-align: center;
  485. text-transform:uppercase;
  486. color: #7c4944;
  487. text-shadow: 2px 2px 5px #a07875;
  488. }
  489.  
  490.  
  491.  
  492. blockquote {
  493. word-wrap: break-word;
  494. padding:2px 7px;
  495. color:#ba7f6f;
  496. margin:3px 0 3px 10px;
  497. border-left:1px solid #774c40;
  498. background-color:transparent;}
  499.  
  500.  
  501. blockquote img{
  502. max-width:100%;
  503. height:auto;
  504. }
  505.  
  506. blockquote blockquote img{
  507. max-width:100%;
  508. height:auto;
  509. }
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517. b, bold {
  518. font-size:8px;
  519. letter-spacing:0px;
  520. font-family: gilroy light;
  521. color: #7a332f;
  522. text-shadow: 2px 2px 5px #9e5947;
  523. }
  524.  
  525.  
  526. i, italic {
  527. font-size:8px;
  528. color: #8e5351;
  529. font-family: gilroy light;
  530. text-shadow: 2px 2px 5px #8e5351;
  531. font-style:italic;
  532. letter-spacing:1px;
  533. text-transform:none;
  534. }
  535.  
  536.  
  537.  
  538. p {
  539. margin-top:5px;
  540. margin-bottom:5px;
  541. text-align:justify;
  542. }
  543.  
  544.  
  545. ol {
  546. list-style:normal;}
  547.  
  548.  
  549. ul {
  550. list-style:square;}
  551.  
  552.  
  553. small {
  554. font-size:8px}
  555.  
  556.  
  557. sup,sub {
  558. font-size:5px
  559. font-family:gilroy light;
  560. letter-spacing:0px;
  561. }
  562.  
  563.  
  564. pre {
  565. font-size: 8px;
  566. letter-spacing:3px;
  567. background-color:#7f7f7f;
  568. font-family: "Times New Roman", Times, serif;
  569. font-style: none;
  570. text-align:center;
  571. }
  572.  
  573.  
  574.  
  575. big {
  576. font-size:14px;
  577. text-transform:uppercase;
  578. letter-spacing:2px;
  579. font-family: "Times New Roman", Times, serif;
  580. color: #b8b8b8;
  581. text-shadow: 0px 0px 2px #383838;
  582. }
  583.  
  584.  
  585.  
  586. {block:IfGreyscale}
  587.  
  588. img {
  589. -webkit-filter:grayscale(100%);
  590. -webkit-transition: all 0.9s ease-in-out;
  591. -moz-transition: all 0.9s ease-in-out;
  592. -o-transition: all 0.9s ease-in-out;
  593. -ms-transition: all 0.9s ease-in-out;
  594. transition: all 0.9s ease-in-out;}
  595.  
  596. img:hover {
  597. -webkit-filter:none;}
  598.  
  599. .html_photoset {
  600. -webkit-filter: grayscale(100%);
  601. -webkit-transition: all 0.9s ease-in-out;
  602. -moz-transition: all 0.9s ease-in-out;
  603. -o-transition: all 0.9s ease-in-out;
  604. -ms-transition: all 0.9s ease-in-out;
  605. transition: all 0.9s ease-in-out;}
  606.  
  607. .html_photoset:hover {
  608. -webkit-filter: none;}
  609.  
  610. {/block:IfGreyscale}
  611.  
  612.  
  613.  
  614. #pcontainer {
  615. background-color:transparent;
  616. width:240px;
  617. height:260px;
  618. padding: 20px;
  619. top:300px;
  620. margin-left: 180px;
  621. position:relative;
  622. overflow-y:scroll;
  623. overflow-x:hidden;
  624. -webkit-mask-image: -webkit-gradient(
  625. linear, center 75%, center bottom,
  626. from(rgba(0,0,0,20)),
  627. to(rgba(20,0,0,0)));
  628. border:1px solid transparent;}
  629.  
  630.  
  631.  
  632. #pcontainer img {
  633. height:auto;
  634. max-width:100%;
  635. }
  636.  
  637.  
  638.  
  639. #content {
  640. margin-left:62px;
  641. width:310px;
  642. margin-top: -100px;
  643. }
  644.  
  645.  
  646. #posts {
  647. width:250px;
  648. padding:10px;
  649. margin-top: 85px;
  650. margin-left:-70px;
  651. padding-bottom:0px;}
  652.  
  653.  
  654.  
  655. #sidebar {
  656. margin-left: 1590px;
  657. line-height:15px;
  658. width: 180px;
  659. position: fixed;
  660. top: 200px;
  661. text-align: center; }
  662.  
  663.  
  664. #sidebar img {
  665. width:150px;
  666. padding-top:10px;
  667. padding-bottom:10px;}
  668.  
  669.  
  670. #description {
  671. margin-left: 0px;
  672. margin-top: -50px;
  673. width:180px;
  674. color:transparent;}
  675.  
  676.  
  677.  
  678. #actualnews {
  679. font-family: gilroy light;
  680. font-size:8px;
  681. text-align:justify;
  682. background:transparent;
  683. color: #919191;
  684. width:150px;
  685. height:220px;
  686. padding-top:3px;
  687. border:0px solid #131313;
  688. margin-left: 540px;
  689. margin-top: -5px;
  690. position:fixed;
  691. -webkit-filter: blur(0px);
  692. -webkit-transition: 0.8s ease-in;
  693. -moz-transition: 1s ease-in;
  694. transition: 1s ease-in;
  695. opacity:0.5;
  696. -webkit-transition: all 0.6s ease-in-out;
  697. -moz-transition: all 0.6s ease-in-out;
  698. -o-transition: all 0.6s ease-in-out;
  699. -ms-transition: all 0.6s ease-in-out;
  700. transition: all 0.6s ease-in-out;
  701. }
  702.  
  703.  
  704.  
  705. #actualnews:hover {
  706. -webkit-filter:none;
  707. -webkit-transition: all 0.6s ease-in-out;
  708. opacity:1;
  709. -webkit-transition: all 0.6s ease-in-out;
  710. -moz-transition: all 0.6s ease-in-out;
  711. -o-transition: all 0.6s ease-in-out;
  712. -ms-transition: all 0.6s ease-in-out;
  713. transition: all 0.6s ease-in-out;
  714. }
  715.  
  716.  
  717.  
  718. #thekey {
  719. position:fixed;
  720. color:#7c7470;
  721. text-shadow: 0px 0px 2px #fff;
  722. margin-top:175px;
  723. margin-left:55px;
  724. width:710px;
  725. padding:9px;
  726. letter-spacing:2px;
  727. word-spacing:5px; /*this defines the separation of each word of the links*/
  728. font-family: helvetica;
  729. font-size:12px;
  730. text-align:justify;
  731. background:transparent;
  732. text-transform:uppercase;
  733. -webkit-transform: rotate(-90deg);
  734. -moz-transform: rotate(-90deg);
  735. -o-transform: rotate(-90deg);
  736. }
  737.  
  738.  
  739.  
  740.  
  741. /* JUMBLED LINKS */
  742.  
  743.  
  744.  
  745. .alinks {
  746. position:fixed;
  747. text-shadow: 0px 0px 0px #000;
  748. left:260px;
  749. top:160px;
  750. transform: rotate(0deg);
  751. font-family: 'Montserrat', sans-serif;
  752. font-size: 20px;}
  753.  
  754.  
  755. .alinks a {
  756. opacity:0.5;
  757. padding:10px;
  758. color:#202020;
  759. margin-right:0px;
  760. -webkit-filter: blur(0px);
  761. -webkit-transition: 0.8s ease-in;
  762. -moz-transition: 1s ease-in;
  763. transition: 1s ease-in;
  764. }
  765.  
  766. .alinks a:hover {
  767. opacity:1;
  768. -webkit-filter: blur(3px);
  769. -webkit-transition: all 0.6s ease-in-out;
  770. -moz-transition: all 0.6s ease-in-out;
  771. -o-transition: all 0.6s ease-in-out;
  772. -ms-transition: all 0.6s ease-in-out;
  773. transition: all 0.6s ease-in-out;
  774. color: #c7c7c7;
  775. z-index:9999;
  776. text-shadow: 3px 3px 3px #000;
  777. }
  778.  
  779.  
  780.  
  781.  
  782. .blinks {
  783. position:fixed;
  784. text-shadow: 0px 0px 0px #000;
  785. left:1220px;
  786. width:280px;
  787. top:290px;
  788. transform: rotate(0deg);
  789. font-family: 'Montserrat', sans-serif;
  790. font-size: 15px;}
  791.  
  792.  
  793. .blinks a {
  794. padding:10px;
  795. color:#2a2a2a;
  796. margin-right:0px;
  797. -webkit-filter: blur(2px);
  798. -webkit-transition: 0.8s ease-in;
  799. -moz-transition: 1s ease-in;
  800. transition: 1s ease-in;
  801. }
  802.  
  803. .blinks a:hover {
  804. transition: all 1s ease-out;
  805. -webkit-filter:blur(0px);
  806. -webkit-transition: all 1s ease-out;
  807. -moz-transition: all 1s ease-out;
  808. }
  809.  
  810.  
  811.  
  812.  
  813. .clinks {
  814. position:fixed;
  815. text-shadow: 0px 0px 0px #000;
  816. left:1060px;
  817. top:370px;
  818. transform: rotate(0deg);
  819. font-family: 'Montserrat', sans-serif;
  820. font-size: 15px;}
  821.  
  822.  
  823. .clinks a {
  824. padding:10px;
  825. color:#2a2a2a;
  826. margin-right:0px;
  827. -webkit-filter: blur(1px);
  828. -webkit-transition: 0.8s ease-in;
  829. -moz-transition: 1s ease-in;
  830. transition: 1s ease-in;
  831. }
  832.  
  833. .clinks a:hover {
  834. transition: all 1s ease-out;
  835. -webkit-filter:blur(0px);
  836. -webkit-transition: all 1s ease-out;
  837. -moz-transition: all 1s ease-out;
  838. }
  839.  
  840.  
  841.  
  842.  
  843. .dlinks {
  844. position:fixed;
  845. text-shadow: 0px 0px 0px #000;
  846. left:1340px;
  847. top:410px;
  848. transform: rotate(0deg);
  849. font-family: 'Montserrat', sans-serif;
  850. font-size: 15px;}
  851.  
  852.  
  853. .dlinks a {
  854. padding:10px;
  855. color:#2a2a2a;
  856. margin-right:0px;
  857. -webkit-filter: blur(3px);
  858. -webkit-transition: 0.8s ease-in;
  859. -moz-transition: 1s ease-in;
  860. transition: 1s ease-in;
  861. }
  862.  
  863. .dlinks a:hover {
  864. transition: all 1s ease-out;
  865. -webkit-filter:blur(0px);
  866. -webkit-transition: all 1s ease-out;
  867. -moz-transition: all 1s ease-out;
  868. }
  869.  
  870.  
  871.  
  872.  
  873. .elinks {
  874. position:fixed;
  875. text-shadow: 0px 0px 0px #000;
  876. left:753px;
  877. top:483px;
  878. transform: rotate(0deg);
  879. font-family: 'Montserrat', sans-serif;
  880. font-size: 15px;
  881. -webkit-filter: blur(0)px);
  882. }
  883.  
  884.  
  885.  
  886. .elinks a {
  887. padding:10px;
  888. color:#2a2a2a;
  889. margin-right:0px;
  890. -webkit-filter: blur(2px);
  891. -webkit-transition: 0.8s ease-in;
  892. -moz-transition: 1s ease-in;
  893. transition: 1s ease-in;
  894. }
  895.  
  896. .elinks a:hover {
  897. transition: all 1s ease-out;
  898. -webkit-filter:blur(0px);
  899. -webkit-transition: all 1s ease-out;
  900. -moz-transition: all 1s ease-out;
  901. }
  902.  
  903.  
  904.  
  905. .flinks {
  906. position:fixed;
  907. text-shadow: 0px 0px 0px #000;
  908. left:1170px;
  909. top:490px;
  910. transform: rotate(0deg);
  911. font-family: 'Montserrat', sans-serif;
  912. font-size: 15px;}
  913.  
  914.  
  915. .flinks a {
  916. padding:10px;
  917. color:#2a2a2a;
  918. margin-right:0px;
  919. -webkit-filter: blur(1px);
  920. -webkit-transition: 0.8s ease-in;
  921. -moz-transition: 1s ease-in;
  922. transition: 1s ease-in;
  923. }
  924.  
  925. .flinks a:hover {
  926. transition: all 1s ease-out;
  927. -webkit-filter:blur(0px);
  928. -webkit-transition: all 1s ease-out;
  929. -moz-transition: all 1s ease-out;
  930. }
  931.  
  932.  
  933.  
  934. .credit {
  935. position:fixed;
  936. text-shadow: 0px 0px 11px #b75752;
  937. right:15px;
  938. bottom:15px;
  939. transform: rotate(0deg);
  940. font-family: helvetica;
  941. font-size: 14px; }
  942.  
  943.  
  944. .credit a {
  945. padding:10px;
  946. color:#b75752;
  947. margin-right:0px;
  948. -webkit-filter: blur(1px);
  949. -webkit-transition: 0.8s ease-in;
  950. -moz-transition: 1s ease-in;
  951. transition: 1s ease-in;
  952. }
  953.  
  954. .credit a:hover {
  955. -webkit-transition: all 0.6s ease-in-out;
  956. -moz-transition: all 0.6s ease-in-out;
  957. -o-transition: all 0.6s ease-in-out;
  958. -ms-transition: all 0.6s ease-in-out;
  959. transition: all 0.6s ease-in-out;
  960. color: #b75752;
  961. text-shadow: 2px 2px 2px #000000;
  962. }
  963.  
  964.  
  965.  
  966.  
  967.  
  968.  
  969.  
  970.  
  971.  
  972.  
  973. /* JUMBLED LINKS ENDS */
  974.  
  975.  
  976.  
  977. #pagination {
  978. position:fixed;
  979. font-family:times;
  980. width:300px;
  981. font-size:8px;
  982. top:520px;
  983. left:260px;
  984. letter-spacing:3px;
  985. text-align:center;
  986. z-index:999999999999;
  987. }
  988.  
  989. #pagination a {
  990. text-transform:uppercase;
  991. color:#181818;
  992. -webkit-filter: blur(1px);
  993. -webkit-transition: 0.8s ease-in;
  994. -moz-transition: 1s ease-in;
  995. transition: 1s ease-in;
  996. z-index:999999999999;
  997. }
  998.  
  999. #pagination a:hover {
  1000. color:#000;
  1001. -webkit-filter: blur(0px);
  1002. -webkit-transition: 0.2s ease-in;
  1003. -moz-transition: 1s ease-in;
  1004. transition: 1s ease-in;
  1005. }
  1006.  
  1007.  
  1008. /* audio posts */
  1009.  
  1010. .audiowrap {
  1011. position:relative;
  1012. height:60px;
  1013. overflow:hidden;
  1014. border-top:1px solid #623d35;
  1015. border-bottom:1px solid #623d35;
  1016. border-left:1px solid #623d35;
  1017. border-right:1px solid #623d35;
  1018. background-color:rgba({RGBcolor:border},.33);
  1019. }
  1020. .albumart {
  1021. position:absolute;
  1022. top:0;
  1023. right:0;
  1024. z-index:1;
  1025. display:block;
  1026. width:60px;
  1027. height:60px;
  1028. opacity:.9;
  1029. background-size:cover;
  1030. }
  1031. .audio {
  1032. position:absolute;
  1033. display:inline-block;
  1034. left:0;
  1035. top:0;
  1036. right:0;
  1037. bottom:0;
  1038. text-align:left;
  1039. line-height:60px;
  1040.  
  1041. }
  1042. .audio .player {
  1043. width:27px;
  1044. height:27px;
  1045. left:16px;
  1046. top:16px;
  1047. opacity:.9;
  1048. line-height:0;
  1049. overflow:hidden;
  1050. position:absolute;
  1051. background-color:#000000;
  1052. }
  1053. .audio .track {
  1054. overflow:hidden;
  1055. line-height:15px;
  1056. margin-left:60px;
  1057. width: calc(100% - 60px);
  1058. display:inline-block;
  1059. vertical-align:middle;
  1060. }
  1061. .audio .track span {
  1062. display:block;
  1063. max-height:15px;
  1064. white-space:nowrap;
  1065. overflow:hidden;
  1066. text-overflow:ellipsis;
  1067. margin-right:75px;
  1068. }
  1069. .audio .track span:first-child {
  1070. color:{color:text};
  1071. }
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077. /* QUESTIONS & ANSWERS DETAILS */
  1078.  
  1079. .asker {
  1080. font-family: Gilroy-Light;
  1081. text-transform:uppercase;
  1082. font-weight:600;
  1083. font-size:9px;
  1084. padding-top:10px;
  1085. color:#b27f79;
  1086. text-align:center;
  1087. margin-left:0px;
  1088. margin-top:25px;
  1089. -webkit-transition: all 0.6s ease-in-out;
  1090. -moz-transition: all 0.6s ease-in-out;
  1091. -o-transition: all 0.6s ease-in-out;
  1092. -ms-transition: all 0.6s ease-in-out;
  1093. transition: all 0.6s ease-in-out;}
  1094.  
  1095. .asker a {
  1096. margin-left:0px;
  1097. color:#b27f79;
  1098. -webkit-transition: all 0.6s ease-in-out;
  1099. -moz-transition: all 0.6s ease-in-out;
  1100. -o-transition: all 0.6s ease-in-out;
  1101. -ms-transition: all 0.6s ease-in-out;
  1102. transition: all 0.6s ease-in-out;}
  1103.  
  1104. .asker a:hover {
  1105. text-shadow: 0 0 7px #222;
  1106. -webkit-transition: all 0.6s ease-in-out;
  1107. -moz-transition: all 0.6s ease-in-out;
  1108. -o-transition: all 0.6s ease-in-out;
  1109. -ms-transition: all 0.6s ease-in-out;
  1110. transition: all 0.6s ease-in-out;}
  1111.  
  1112. .asker:hover {
  1113. text-shadow: 0 0 7px #222;
  1114. -webkit-transition: all 0.6s ease-in-out;
  1115. -moz-transition: all 0.6s ease-in-out;
  1116. -o-transition: all 0.6s ease-in-out;
  1117. -ms-transition: all 0.6s ease-in-out;
  1118. transition: all 0.6s ease-in-out;}
  1119.  
  1120.  
  1121. .askertemplate {
  1122. font-family: 'Source Sans Pro', sans-serif;
  1123. text-transform:uppercase;
  1124. font-weight:400;
  1125. font-size:12px;
  1126. margin-top:0px;
  1127. margin-left:90px;
  1128. border-bottom: solid 1px #333;
  1129. padding-bottom:5px;
  1130. width:400px;}
  1131.  
  1132. .askertemplate a {
  1133. margin-left:90px;}
  1134.  
  1135. .question {
  1136. text-align:center;
  1137. margin-top:5px;
  1138. text-transform:uppercase;
  1139. letter-spacing:1px;
  1140. font-size:7px;}
  1141.  
  1142. #questionlock {
  1143. background-image:url('https://static.tumblr.com/flqpg9s/aItpas72a/titlegif-2.gif');
  1144. background-repeat:repeat;
  1145. background-attachment:fixed;
  1146. word-wrap: break-word;
  1147. padding:2px 7px;
  1148. margin:3px 0 3px 10px;
  1149. border-left:1px solid #222;
  1150. background-color:#000;}
  1151.  
  1152. .ans {
  1153. padding-top:10px;}
  1154.  
  1155.  
  1156.  
  1157.  
  1158.  
  1159. /* POST INFO DETAILS */
  1160.  
  1161.  
  1162.  
  1163.  
  1164. #info {
  1165. width:255px;
  1166. padding-top:4px;
  1167. padding-bottom:1px;
  1168. font-size:12px;
  1169. color:#adadab;
  1170. text-transform:uppercase;
  1171. letter-spacing:1px;
  1172. font-style:normal;
  1173. text-align:center;
  1174. padding:5px;
  1175. border-top:1px solid #623d35;
  1176. -moz-transition-duration:0.2s;
  1177. -webkit-transition-duration:0.2s;
  1178. -o-transition-duration:0.2s;}
  1179.  
  1180.  
  1181. #info a {
  1182. font-family:calibri;
  1183. font-size:8px;
  1184. color:#b27f79;
  1185. text-shadow: 0px 0px 3px #7c1f1f;
  1186. padding:5px;
  1187. font-style:normal;}
  1188.  
  1189.  
  1190. #info a:hover {
  1191. color:#eee;
  1192. -webkit-filter: blur(0px);
  1193. -moz-transition-duration:0.2s;
  1194. -webkit-transition-duration:0.2s;
  1195. -o-transition-duration:0.2s;}
  1196.  
  1197.  
  1198.  
  1199. .tags {
  1200. color:#9cb4c0;
  1201. text-align:right;
  1202. line-height:9px;
  1203. text-transform:uppercase;
  1204. font-size:9px;
  1205. padding-right:10px;
  1206. z-index:1;
  1207. }
  1208.  
  1209.  
  1210.  
  1211. .tags a {
  1212.  
  1213. font-family:calibri;
  1214. color:#9cb4c0;
  1215. z-index:1;
  1216. }
  1217.  
  1218. .tags a:hover {
  1219. color:#eee;
  1220. z-index:1;
  1221. }
  1222.  
  1223. .note {
  1224. text-transform:uppercase;
  1225. font-style:normal;
  1226. letter-spacing:0px;
  1227. font-size: 10px;
  1228. text-align:left;
  1229. line-height:90%;
  1230. margin-left:-40px;}
  1231.  
  1232. .note li {
  1233. list-style-type:none;
  1234. border-bottom:0px solid {color:border};
  1235. padding:10px 25px 10px 25px;
  1236. text-align:left;
  1237. margin:0px;
  1238. -moz-transition-duration:0.5s;
  1239. -webkit-transition-duration:0.5s;
  1240. -o-transition-duration:0.5s;}
  1241.  
  1242. .note img.avatar {
  1243. margin-right: 10px;
  1244. width: 16px;
  1245. height: 16px;}
  1246.  
  1247.  
  1248.  
  1249. /*--BASIC POP-UP DETAILS--*/
  1250.  
  1251.  
  1252.  
  1253. .popup_block{
  1254. display:none;
  1255. background:#000;
  1256. padding:10px;
  1257. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  1258. float:left;
  1259. height: 286px;
  1260. top:385px;
  1261. left:430px;
  1262. position:fixed;
  1263. overflow:scroll;
  1264. z-index: 9;
  1265. -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1266. -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1267. box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1268. }
  1269.  
  1270.  
  1271. *html #fade {position: absolute;}
  1272. *html .popup_block {position: absolute;}
  1273. #fade {
  1274. display:none;
  1275. position:fixed;
  1276. left:0px;
  1277. top:0px;
  1278. width:100%;
  1279. height:100%;
  1280. z-index:0;
  1281. }
  1282.  
  1283.  
  1284.  
  1285.  
  1286. .popupnavlinks {
  1287. padding-top:5px;
  1288. text-align:center; }
  1289.  
  1290.  
  1291. .popupnavlinks a {
  1292. display:inline-block;
  1293. width:55px; height:8px;
  1294. margin:2px; padding:6px 6px 10px;
  1295. text-align:center;
  1296. font-family:'helvetica';
  1297. font-size:8px;
  1298. text-transform:uppercase;
  1299. letter-spacing:1px;
  1300. color:#dcdcdc; background:transparent;
  1301. background-image:url('http://imgur.com/Q30ko53.png');
  1302. border:1px dotted;
  1303. border-color: #9b9b9b;
  1304. }
  1305.  
  1306.  
  1307. .popupnavlinks a:hover {
  1308. display:inline-block;
  1309. width:55px; margin:2px;
  1310. padding:6px 6px 10px;
  1311. text-align:center;
  1312. font-family:'helvetica';
  1313. font-size:8px;
  1314. text-transform:uppercase;
  1315. letter-spacing:1px;
  1316. color:#2e2e2e;
  1317. background:transparent }
  1318.  
  1319.  
  1320.  
  1321. .popupclose {
  1322. float:right; top:0px; right:0px;
  1323. margin-top:-10px; margin-right:-10px;
  1324. font-family:'Scada', sans serif;
  1325. font-size:10px;
  1326. font-weight:bold }
  1327.  
  1328. .popupclose a {
  1329. color:#aaa }
  1330.  
  1331. /*HOVER IMAGE*/
  1332.  
  1333. a.mouseover-thumbnail-holder {
  1334. position:fixed;
  1335. z-index:9999900000;
  1336. display:block;
  1337. float:left;
  1338. margin-right:10px;
  1339. }
  1340. .large-thumbnail-style {
  1341. display:block;
  1342. }
  1343.  
  1344. a.mouseover-thumbnail-holder .large-thumbnail-style {
  1345. position:absolute;
  1346. top:0;
  1347. left:-9999px;
  1348. z-index:1;
  1349. opacity: 0;
  1350. background-color:#;
  1351. transition: opacity .5s ease-in-out;
  1352. -moz-transition: opacity .5s ease-in-out;
  1353. -webkit-transition: opacity .5s ease-in-out;
  1354. }
  1355. a.mouseover-thumbnail-holder:hover .large-thumbnail-style {
  1356. top:0;
  1357. z-index:9999900000;
  1358. left:105%;
  1359. z-index:1;
  1360. opacity:1;
  1361. }
  1362.  
  1363. /*--TOOLTIP DETAILS--*/
  1364.  
  1365. #s-m-t-tooltip{
  1366. background:#;
  1367. font-size:7px; /* tamanho da fonte */
  1368. font-family:arial; /* fonte */
  1369. letter-spacing:2px;
  1370. text-shadow: 0 0 3px #ba5f5f;
  1371. text-transform:uppercase; /* a letra fica maiúscula */
  1372. color:#ba5f5f; /* cor da fonte */
  1373. padding:6px 10px; /* espaçamento */
  1374. z-index: 99999;
  1375. max-width:400px;
  1376. margin:8px;
  1377. display: inline;
  1378. background-size:cover;
  1379. background-image:url(http://i68.tinypic.com/2uqiywy.png);
  1380.  
  1381. }
  1382.  
  1383. /* READ MORE */
  1384.  
  1385. a.read_more:after {
  1386. visibility:visible;
  1387. }
  1388.  
  1389. a.read_more {
  1390. visibility: hidden;
  1391. }
  1392.  
  1393. a.read_more:before {
  1394. content: 'More details \2192';
  1395. visibility: hidden;
  1396. }
  1397.  
  1398.  
  1399.  
  1400. {CustomCSS}
  1401.  
  1402.  
  1403. </style>
  1404.  
  1405. <!--
  1406. TOOLTIP STYLING SCRIPT
  1407. -->
  1408.  
  1409.  
  1410. <!---- Scripts ---->
  1411.  
  1412.  
  1413. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1414.  
  1415. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1416. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1417. <script src="http://static.tumblr.com/3yblkz0/Bu3nywvqg/shythemes_vr.js"></script>
  1418. <script>
  1419. $(document).ready(function(){
  1420. $('.not').click(function(){
  1421. $(".notes").slideToggle("slow");
  1422. });
  1423. $("[title],a[title],img[title]").style_my_tooltips({
  1424. tip_follows_cursor:true,
  1425. tip_delay_time:50,
  1426. tip_fade_speed:500,
  1427. attribute:"title"
  1428. });
  1429. $('.photo-slideshow').pxuPhotoset({
  1430. lightbox: true,
  1431. rounded: false,
  1432. gutter: '5px',
  1433. borderRadius: '0px',
  1434. photoset: '.photo-slideshow',
  1435. photoWrap: '.photo-data',
  1436. photo: '.pxu-photo'
  1437. });
  1438. });
  1439. </script>
  1440.  
  1441. <!--
  1442. POP UP SCRIPT
  1443. -->
  1444.  
  1445.  
  1446. <script type="text/javascript"
  1447. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1448. <script>
  1449. $(document).ready(function() {
  1450. //
  1451. $('a.poplight[href^=#]').click(function() {
  1452. var popID = $(this).attr('rel'); //Get Popup Name
  1453. var popURL = $(this).attr('href'); //Get Popup href to define size
  1454. var query= popURL.split('?');
  1455. var dim= query[1].split('&');
  1456. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1457. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  1458. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1459. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1460. //Apply Margin to Popup
  1461. $('#' + popID).css({
  1462. 'margin-top' : -popMargTop,
  1463. 'margin-left' : -popMargLeft
  1464. });
  1465. $('body').append('<div id="fade"></div>');
  1466. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  1467. return false;
  1468. });
  1469. $('a.close, #fade').live('click', function() {
  1470. $('#fade , .popup_block').fadeOut(function() {
  1471. $('#fade, a.close').remove(); //fade them both out
  1472. });
  1473. return false;
  1474. });
  1475. });
  1476. </script>
  1477.  
  1478.  
  1479.  
  1480. <!--
  1481. VERSE TABS SCRIPT
  1482. -->
  1483.  
  1484.  
  1485. <script>
  1486.  
  1487. $(document).ready(function(){
  1488. $("ul#tabs li").click(function(e){
  1489. if (!$(this).hasClass("active")) {
  1490. var tabNum = $(this).index();
  1491. var nthChild = tabNum+1;
  1492. $("ul#tabs li.active").removeClass("active");
  1493. $(this).addClass("active");
  1494. $("ul#tab li.active").removeClass("active");
  1495. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  1496. }
  1497. });
  1498. });
  1499. </script>
  1500.  
  1501. </head>
  1502.  
  1503.  
  1504. <body>
  1505.  
  1506.  
  1507. <div id="content">
  1508.  
  1509. <a class="mouseover-thumbnail-holder" style="margin-top:500px; margin-left:400px;">
  1510. <img src="http://i66.tinypic.com/ta649l.png" alt="" style="margin-left:300px; width:50px;">
  1511. <img class="large-thumbnail-style" src="http://i65.tinypic.com/mjqx41.png" style="width:300px;" alt=""></a>
  1512.  
  1513. <a class="mouseover-thumbnail-holder" style="margin-top:170px; margin-left:600px;">
  1514. <img src="http://i66.tinypic.com/ta649l.png" alt="" style="margin-left:300px; width:50px;">
  1515. <img class="large-thumbnail-style" src="http://i67.tinypic.com/2pq00hl.png" style="width:300px;" alt=""></a>
  1516.  
  1517. <a class="mouseover-thumbnail-holder" style="margin-top:380px; margin-left:550px;">
  1518. <img src="http://i66.tinypic.com/ta649l.png" alt="" style="margin-left:300px; width:50px;">
  1519. <img class="large-thumbnail-style" src="http://i66.tinypic.com/23u25o4.png" style="width:300px;" alt=""></a>
  1520.  
  1521. <div id="sidebar">
  1522.  
  1523. <img src="{image:Sidebar}" />
  1524.  
  1525. <div id="description">{description}</div>
  1526.  
  1527. </div>
  1528.  
  1529. <div id="pagination">
  1530. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> • {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  1531. </div>
  1532.  
  1533.  
  1534. <div id="links">
  1535.  
  1536.  
  1537. <div id="linkbar">
  1538.  
  1539.  
  1540. <div class="alinks">
  1541. <a href="/" title="refresh."> <img src="http://static.tumblr.com/flqpg9s/UT7oaq6is/basecodehome.png"> </a>
  1542. </div>
  1543.  
  1544.  
  1545. <div class="blinks">
  1546. <a href="#?w=250" rel="box2" class="poplight" title="rules"><img src="http://i68.tinypic.com/2vje61g.png"></a>
  1547. </div>
  1548.  
  1549.  
  1550. <div class="clinks">
  1551. <a href="#?w=250" rel="box1" class="poplight" title="ask"><img src="http://i66.tinypic.com/20kuqn6.png"></a>
  1552. </div>
  1553.  
  1554.  
  1555. <div class="dlinks">
  1556. <a href="#?w=250" rel="box3" class="poplight" title="verses."><img src="http://i67.tinypic.com/e04sq8.png"></a>
  1557. </div>
  1558.  
  1559.  
  1560.  
  1561. <div class="elinks">
  1562. <a href="#?w=250" rel="box4" class="poplight" title="about."><img src="http://i66.tinypic.com/ae407a.jpg" style="width:140px;"></a>
  1563. </div>
  1564.  
  1565.  
  1566.  
  1567. <div class="flinks">
  1568. <a href="#?w=250" rel="box5" class="poplight" title="backstory."><img src="http://i64.tinypic.com/2aalunt.png"></a>
  1569. </div>
  1570.  
  1571.  
  1572. <div class="credit">
  1573. <a href="http://agirlingrey.tumblr.com/" title="@ agirlingrey.">A.</a>
  1574. </div>
  1575.  
  1576.  
  1577. </div></div>
  1578.  
  1579.  
  1580.  
  1581. <div id="pcontainer">
  1582.  
  1583. <div id="content">
  1584.  
  1585. <div id="posts">
  1586.  
  1587.  
  1588. {block:Posts}
  1589.  
  1590.  
  1591. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1592. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1593. {block:Text}{Body}<!--- READ MORE --->{block:More}<div class="more"><a href="{Permalink}"style="font-family:Kiona Regular; margin-left:80px; font-weight:bold;"> DOWNLOAD DATA <img src="http://i68.tinypic.com/104535w.gif" style="width:7px; text-align:center; margin-left:3px;">&nbsp;</a></div>{/block:More}<!--- READ MORE --->{/block:Text}
  1594.  
  1595. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1596.  
  1597. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1598.  
  1599. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1600. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1601.  
  1602. {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}
  1603.  
  1604. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1605.  
  1606.  
  1607. {block:Answer}<div id="askheader" style="margin-left:10px"><img src="{image:askimage}" draggable="false"></div>
  1608.  
  1609. <div id="asker" style="margin-left:95px; margin-top:-40px; color:#b27f79; font-family:Gilroy Light; sans-serif; font-size:13px; text-transform:uppercase; text-align:left; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;">{Asker}</div>
  1610.  
  1611. <div id="askertemplate" style="max-width:200px; margin-left:95px; margin-top:0px; letter-spacing:2px; text-align:left;">CONFESSED:</div>
  1612.  
  1613. <div id="questionlock" style="text-transform:uppercase; text-align:center; margin-top:25px; font-size:9px;">{Question}</div>
  1614. <div class="ans">{Answer}<span></div>{/block:Answer}
  1615.  
  1616.  
  1617.  
  1618. {block:Audio}<!-- audio --><div class="audiowrap"><div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio accent block">{block:AudioPlayer}<div class="player">{AudioPlayer}</div>{/block:AudioPlayer}<div class="track">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div></div></div>{/block:Audio}<br>
  1619.  
  1620.  
  1621. <div id="info">
  1622.  
  1623. <a title="src. {SourceTitle}" href="{SourceURL}" style="width:8px; position:absolute; font-size:12px; margin-left:-25px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191; z-index:10000;"><img src="http://i68.tinypic.com/2rbyn3o.png"></a>
  1624. {/block:ContentSource}
  1625.  
  1626. {block:Date}
  1627. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; font-family:gilroy-light; font-size:8px; margin-left:-135px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191; z-index:1000;">{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</a> {/block:Date}
  1628.  
  1629. {block:RebloggedFrom}
  1630. <a title="via. {ReblogParentName}" href="{ReblogParentURL}" style="width:8px; position:absolute; font-size:12px; margin-left:-55px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191; z-index:1000;"><img src="http://i68.tinypic.com/vp91tv.png"></a>
  1631. {/block:RebloggedFrom}
  1632.  
  1633.  
  1634. {block:NoteCount}
  1635. <a href="{Permalink}" title="{NoteCount} notes" style="width:8px; position:absolute; font-size:12px; margin-left:5px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191; z-index:1000;"><img src="http://i68.tinypic.com/259zbdv.png"></a>
  1636. {/block:NoteCount}
  1637.  
  1638. <a href="{ReblogURL}" target="_blank" title="reblog" style="position:absolute; width:8px; margin-left:105px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"><img src="http://i67.tinypic.com/1zeh0ua.png"></a></br>
  1639. {/block:RebloggedFrom}
  1640.  
  1641. </div>
  1642.  
  1643.  
  1644. <div id="tags" style=" width:8px; margin-top:-18px;">{block:HasTags}<a href="" title="{block:Tags}&nbsp;#{Tag}{/block:Tags}"><img src="http://i67.tinypic.com/4utdp2.png" style="margin-left:170px; width:10; z-index:1;"></a>{/block:Tags}</div>{/block:HasTags}<br><br><br><br><br><br>
  1645.  
  1646.  
  1647. <div class="note">
  1648. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1649. </div>
  1650.  
  1651.  
  1652.  
  1653. {/block:Posts}</div></div>
  1654.  
  1655.  
  1656.  
  1657. </div> </div> </div> </div> </div> </div>
  1658.  
  1659.  
  1660.  
  1661. </body>
  1662.  
  1663.  
  1664. <div id="box1" class="popup_block">
  1665.  
  1666. <h3>
  1667. YOU CAN TELL ME EVERYTHING.
  1668. </h3>
  1669.  
  1670. <center>
  1671.  
  1672. Before sending in your message, have you read my rules?
  1673.  
  1674. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/dirtyfilter.tumblr.com" width="100%"></iframe></p>
  1675.  
  1676. </div>
  1677.  
  1678. </center>
  1679.  
  1680.  
  1681.  
  1682. <div id="box2" class="popup_block">
  1683.  
  1684. <div style="width:auto;height:405px;overflow:scroll;padding:5px;">
  1685.  
  1686. <h3>BASIC RULES</h3>
  1687.  
  1688. <b>I.</b> This blog is <b>mutually-exclusive</b> only. If we’re following each other, you're all too welcome to reply to my starters, send me memes, plot with me, etc. If we're not mutuals, please <b>DO NOT</b> interact with me.
  1689.  
  1690. <br><br>
  1691.  
  1692. <b>II.</b> I’m not obliged to fulfil your follow-for-follow, regardless if you’re a roleplay blog or not. If you don’t have a rules or bio page, I won’t follow you. If you pressure me into following you, I will block you.
  1693. <br><br>
  1694.  
  1695. <b>III.</b> This muse is multi-verse and crossover friendly, but Ian will remain an Android no matter what verse he’s in. For this very reason, I am going to be selective with muses that don't have a D:BH verse. If you think there’s something we can plot out, then by all means don’t be afraid to approach me!
  1696.  
  1697. <br><br>
  1698.  
  1699. <b>IV.</b> This muse is also multi-ship, although it's highly unlikely Ian will make the first move.
  1700.  
  1701. <br><br>
  1702.  
  1703. <b>V.</b> Please do not <b>godmod</b> (taking control of my muse during roleplay) unless I give you the permission to do so.
  1704.  
  1705. <br><br>
  1706.  
  1707. <b>VI.</b> I will not send in passwords. However, you have my word that I will read your rules prior to following you. I expect the same from you likewise.
  1708.  
  1709. <br><br>
  1710.  
  1711. <b>VII.</b> Both mun and muse are <u>of age</u>. There will be blood, sex and triggers, and such posts will be tagged with #nsfw. I don’t have any known triggers, but do let me know if something’s bothering you and I’ll tag it accordingly.
  1712.  
  1713. <br><br>
  1714.  
  1715. <b>VIII.</b> I’d like to reiterate that mun ≠ muse, and more importantly, <b>Ian ≠ iDubbbz</b>.
  1716.  
  1717. <br><br>
  1718.  
  1719. <b>IX.</b> With that being said, I welcome critiques of my potrayal but I'm not out here to please anybody.
  1720.  
  1721. <br><br>
  1722.  
  1723. <b>X.</b> I will not reblog callout posts or fandom drama. While I have my own views on perpetuated discrimination, racism etc., I just chose not to bring it here.
  1724.  
  1725.  
  1726. <h3>SOME MUSE-SPECIFIC THINGS</h3>
  1727.  
  1728. <b>XI.</b> My interpretation of social work is based on my background research of said occupation. Please don’t be afraid let me know if there are inaccuracies in my portrayal.
  1729.  
  1730. <br><br>
  1731.  
  1732. <b>XII.</b> I do not claim to be a mental health professional, and Ian is not licensed to diagnose mental health related conditions or disorders.
  1733.  
  1734.  
  1735. <br><br>
  1736.  
  1737. <b>XIII.</b> I love shipping, and I <i>love</i> smutting too. As it’ll be hard to romance Ian as he is an Android, and an Android without genetalia at that, your best bet would be to plot with me. Or get him a prosthetic penis.
  1738.  
  1739. <h3>DISCLAIMER</h3>
  1740.  
  1741. <br>
  1742.  
  1743. I know my choice of face-claim might warrant possible backlash, but here’s this. Although my KN700 “Ian” is physically modelled after YouTube personality iDubbbz and may bear similarities in terms of character, they are <b>separate entities</b>.
  1744.  
  1745. <br><br>
  1746.  
  1747. Ian is my very first OC in my entire four years' of “roleplaying career”, and I have invested a lot of effort into fleshing him out into the muse he is today.
  1748.  
  1749. </div>
  1750. </div>
  1751.  
  1752.  
  1753.  
  1754.  
  1755. <div id="box3" class="popup_block">
  1756.  
  1757. <h3>verses</h3>
  1758.  
  1759. <ul id="tabs">
  1760. <li class="active">VERSE 1.</li>
  1761. <li>VERSE 2.</li>
  1762. <li>VERSE 3.</li>
  1763. <li>VERSE 4.</li>
  1764. </ul>
  1765.  
  1766. <div style="width:auto;height:335px;overflow:scroll;padding:5px;">
  1767.  
  1768.  
  1769.  
  1770. <ul id="tab">
  1771. <li class="active">
  1772.  
  1773.  
  1774. <h1 href="/tagged/VERSE" style="font-size:13px; color:#7c4543;">DETROIT:BECOME HUMAN</h1>
  1775. <center><sub>MAIN VERSE.</sub></center>
  1776.  
  1777. <br>
  1778.  
  1779. Set Detroit, after the android revolution. In which Ian is a CyberLife KN700 Android social worker released to the public.
  1780.  
  1781.  
  1782. <br><br><br>
  1783.  
  1784.  
  1785.  
  1786.  
  1787.  
  1788.  
  1789.  
  1790. </li>
  1791. <li>
  1792.  
  1793.  
  1794.  
  1795. <a href="/tagged/VERSE">VERSE NAME.</a>
  1796.  
  1797.  
  1798.  
  1799. <br>
  1800.  
  1801. TBD.
  1802.  
  1803.  
  1804. <br><br><br>
  1805.  
  1806.  
  1807. TBD.
  1808.  
  1809.  
  1810. <br>
  1811.  
  1812. TBD.
  1813.  
  1814. <br><br>
  1815.  
  1816.  
  1817. </li>
  1818. <li>
  1819.  
  1820.  
  1821.  
  1822. <a href="/tagged/VERSE">VERSE NAME.</a>
  1823.  
  1824.  
  1825.  
  1826. <br>
  1827.  
  1828. TBD.
  1829.  
  1830.  
  1831. <br><br><br>
  1832.  
  1833.  
  1834. <a href="/tagged/VERSE">VERSE NAME.</a>
  1835.  
  1836.  
  1837.  
  1838. <br>
  1839.  
  1840. TBD.
  1841.  
  1842.  
  1843. <br><br>
  1844.  
  1845.  
  1846.  
  1847. </li>
  1848. <li>
  1849.  
  1850.  
  1851.  
  1852.  
  1853. <a href="/tagged/VERSE">VERSE NAME.</a>
  1854.  
  1855.  
  1856.  
  1857. <br>
  1858.  
  1859. TBD.
  1860.  
  1861.  
  1862. <br><br><br>
  1863.  
  1864.  
  1865. <a href="/tagged/VERSE">VERSE NAME.</a>
  1866.  
  1867.  
  1868.  
  1869. <br>
  1870.  
  1871. TBD.
  1872.  
  1873.  
  1874. <br><br>
  1875.  
  1876.  
  1877. </li>
  1878. </ul>
  1879.  
  1880.  
  1881. </div>
  1882. </div>
  1883.  
  1884.  
  1885.  
  1886. <div id="box4" class="popup_block">
  1887.  
  1888. <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
  1889.  
  1890. <h3>biography</h3>
  1891.  
  1892. Released in 2038, the KN700 “Ian” is a criminal justice social worker specialising in counselling teenagers and young adults. As such, the KN700 is designed to assist individuals in making decisions and solving problems, offer emotional support when necessary, and even act as an advocate or representative on their behalf. Much like its predecessor, the KL900, the KN700 is equipped with a psychological simulation module that, if utilized correctly, allows the calculation of future events. As of today, there are currently 2,000 units stationed in various community-based organisations, health facilities and detention centers nationwide, most notably Detroit Police Department and Detroit Receiving Hospital.
  1893.  
  1894. <h3>APPEARANCE</h3>
  1895.  
  1896. The KN700 has a slim physique, standing at 6 feet (184cm) and a net weight of 70 pounds. The android sports dark brown hair that hangs lose as a fringe or is slicked back, and brown eyes to match. It’s default outfit includes a white-collared, white and maroon CyberLife uniform and white pants. Although the KN700 models a pair of black spectacles, the android does not have any visual impairment. Like any other CyberLife android, the KN700 has a LED ring located on its right temple and a glowing arm band on its right arm.
  1897.  
  1898. <h3>TEMPERAMENT</h3>
  1899.  
  1900. To mimic the capabilities of a social worker, the KN700 is designed to be empathetic, relatable and resourceful. Due to the volatile nature of the KN700’s work environment, the android is high threshold for insults, deprecation or verbal abuse. In lieu of the sympathetic, nurturing and altruism nature of the KL900, the KN700 is opinionated, quick-witted and has the ability to be sardonic. By default, the android carries itself with a calm and confident demeanour, and may even sarcastic at times, although its attitude when interacting with its consulate depends on the needs and demands of the client. Currently, the KN700 is able to converse in English, conversational Russian, Spanish and Chinese. Like all androids in the KN series, KN700 is part of a campaign introducing alternate therapy to potentially volatile individuals under probation.
  1901.  
  1902. <h3>CURIOSITIES</h3>
  1903.  
  1904. <div class="popupnavlinks">
  1905.  
  1906.  
  1907. <a href="/tagged/link">LINK.</a>
  1908. <a href="/tagged/link">LINK.</a>
  1909. <a href="/tagged/link">LINK.</a>
  1910. <br>
  1911. <a href="/tagged/link">LINK.</a>
  1912. <a href="/tagged/link">LINK.</a>
  1913. <a href="/tagged/link">LINK.</a>
  1914. <br>
  1915. <a href="/tagged/link">LINK.</a>
  1916. <a href="/tagged/link">LINK.</a>
  1917. <a href="/tagged/link">LINK.</a>
  1918. <br>
  1919.  
  1920.  
  1921.  
  1922. </div>
  1923. </div>
  1924. </div>
  1925.  
  1926.  
  1927.  
  1928. <div id="box5" class="popup_block">
  1929.  
  1930. <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
  1931.  
  1932. <h3>BACKSTORY (TO BE EDITED)</h3>
  1933.  
  1934. Of the many values CyberLife’s founder, Elijah Kamski, believed in, the Aristocratic “life imitates art, and art imitates art” stood to be one he held close to his person. Though his creations- humanoids molded from plastic could seamlessly perform a plethora of objectives, and were as life-like as any other human being, but there was a limit to what they could comprehend. Though his androids came close to being human, there was just something more he knew was lacking.
  1935.  
  1936. <br><br>
  1937.  
  1938. While all CyberLife Androids came equipped with AIs that accorded them basic understanding of verbal commands, their ability to detect this “uniquely human linguistic trait” left much more to be desired. Thus, CyberLife embarked on remastering the existing AI software to granted androids ability to not only comprehend, but also construe the most complex human emotion: <b>sarcasm</b>.
  1939.  
  1940. <br><br>
  1941.  
  1942.  
  1943. The KN700, a gangly, boyish, bespectacled android model initially primed to be an android technician, was the first model series to be gifted with the very software CyberLife had been developing for years. Alas, what the scientists at CyberLife anticipated to be the next generation superhuman, turned out to be a machine that came extremely close to mimicking the speech patterns of a moderately depressed adult.
  1944.  
  1945. <br><br>
  1946.  
  1947. For years’ worth of back-breaking research and a bunch of heavily modified analytical tools amounting to this much, the project had been deemed a failure. Artificial Intelligence had learnt its limits and birthed an opinionated, opportunely sardonic android that often spoke its mind with unbridled restraint. While the KN700 android was about to learn of its impending fate in the scrapyard, it was the words “personable” and “relatable” that saved it from a certain death.
  1948.  
  1949. <br><br>
  1950.  
  1951. Though CyberLife managed to touch all bases when it came to filling blue-collar jobs with their androids, things were only beginning to warm in the social work sector. In the past two years KL900 had been in circulation as the sole android in social care, feedback received had indicated that it may have been too neutral and passive in its means of interaction. It seemed as though what the KL900 was marketed to be also happened to be its biggest drawback, and CyberLife may have inadvertently manufactured an alternative.
  1952.  
  1953. <br><br>
  1954.  
  1955. The KN700 was subsequently repurposed and renamed “Ian”, ultimately joined the ranks as one of the two android social worker models made available in Detroit.
  1956.  
  1957.  
  1958. </div>
  1959. </div>
  1960.  
  1961.  
  1962.  
  1963. <div id="bite">
  1964. <div id="thekey"></div>
  1965. <div class="death">
  1966. <div id="actualnews">
  1967.  
  1968. <center>
  1969.  
  1970. <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
  1971.  
  1972. <h2>
  1973. KN700 "IAN"
  1974. </h2>
  1975. <i>detroit: become human oc</i><br>
  1976. <sub>independent. private. selective.</sub>
  1977.  
  1978. <br><br><img src="http://i66.tinypic.com/30908p1.jpg" style="width:140px;">
  1979. <br><img src="http://i66.tinypic.com/egsfn5.jpg" style="width:140px;">
  1980. <br>
  1981. <blockquote><sub><bold>THE KN700 ΛNDROID SOCIAL WORKER YOU CAN'T ESCAPE</bold></sub></blockquote>
  1982. <br>
  1983. <sub>please read instructions before interacting</sub>
  1984. </center>
  1985.  
  1986.  
  1987. </div>
  1988. </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!