API tools faq
paste
Advertisement
micsco987

elena's

micsco987
Sep 21st, 2016
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link rel="shortcut icon" href="{Favicon}" />
  8.  
  9.  
  10. <!---- THIS THEME WAS MADE BY ME, BEAN AND IF I SEE ANY PART OF THIS CODE USED WITHOUT MY PERMISSION I WILL PERSONALLY BEHEAD YOU :))))))))--->
  11.  
  12.  
  13. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  14. <script>
  15. $(document).ready(function(){
  16. $("zeep").click(function(){
  17. $(".zorp").toggle();
  18. });
  19. });
  20. </script>
  21.  
  22.  
  23. <script type="text/javascript" src="http://static.tumblr.com/7gk7xdc/t1Mnqtxfn/jquery-1.9.1.min.js"></script>
  24. <script type="text/javascript" src="http://static.tumblr.com/7gk7xdc/6vVnqtxgf/tabs.js"></script>
  25. <script type="text/javascript">
  26. $(document).ready(function(){
  27. $("ul#tabs li").click(function(e){
  28. if (!$(this).hasClass("active")) {
  29. var tabNum = $(this).index();
  30. var nthChild = tabNum+1;
  31. $("ul#tabs li.active").removeClass("active");
  32. $(this).addClass("active");
  33. $("ul#tab li.active").removeClass("active");
  34. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  35. }
  36. });
  37. });
  38. </script>
  39.  
  40. <!--blobs begin-->
  41. <script type="text/javascript">
  42. // <![CDATA[
  43. var colour="#797c7d"; // what colour are the blobs
  44. var speed=66; // speed of animation, lower is faster
  45. var blobs=9; // how many blobs are in the jar
  46. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  47.  
  48. /***************************\
  49. * Blobs in a Jar Effect *
  50. *(c)2012-13 mf2fm web-design*
  51. * http://www.mf2fm.com/rv *
  52. * DON'T EDIT BELOW THIS BOX *
  53. \***************************/
  54.  
  55. var div;
  56. var xpos=new Array();
  57. var ypos=new Array();
  58. var zpos=new Array();
  59. var dx=new Array();
  60. var dy=new Array();
  61. var dz=new Array();
  62. var blob=new Array();
  63. var swide=800;
  64. var shigh=600;
  65. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  66.  
  67. function addLoadEvent(funky) {
  68. var oldonload=window.onload;
  69. if (typeof(oldonload)!='function') window.onload=funky;
  70. else window.onload=function() {
  71. if (oldonload) oldonload();
  72. funky();
  73. }
  74. }
  75.  
  76. addLoadEvent(fill_the_jar);
  77.  
  78. function fill_the_jar() {
  79. var i, dvs;
  80. div=document.createElement('div');
  81. dvs=div.style;
  82. dvs.position='fixed';
  83. dvs.left='0px';
  84. dvs.top='0px';
  85. dvs.width='1px';
  86. dvs.height='1px';
  87. document.body.appendChild(div);
  88. set_width();
  89. for (i=0; i<blobs; i++) {
  90. add_blob(i);
  91. jamjar(i);
  92. }
  93. }
  94.  
  95. function add_blob(ref) {
  96. var dv, sy;
  97. dv=document.createElement('div');
  98. sy=dv.style;
  99. sy.position='absolute';
  100. sy.textAlign='center';
  101. if (ie_version && ie_version<10) {
  102. sy.fontSize="10px";
  103. sy.width="100px";
  104. sy.height="100px";
  105. sy.paddingTop="40px";
  106. sy.color=colour;
  107. dv.appendChild(document.createTextNode(charc));
  108. }
  109. else if (ie_version) {
  110. sy.fontSize="1px";
  111. sy.width="0px";
  112. sy.height="0px";
  113. }
  114. else {
  115. dv.appendChild(document.createTextNode(charc));
  116. sy.color='rgba(0,0,0,0)';
  117. }
  118. ypos[ref]=Math.floor(shigh*Math.random());
  119. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  120. xpos[ref]=Math.floor(swide*Math.random());
  121. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  122. zpos[ref]=Math.random()*20;
  123. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  124. blob[ref]=dv;
  125. div.appendChild(blob[ref]);
  126. set_blob(ref);
  127. }
  128.  
  129. function rejig(ref, xy) {
  130. if (xy=='y') {
  131. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  132. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  133. }
  134. else {
  135. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  136. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  137. }
  138. }
  139.  
  140. function sign(a) {
  141. if (a<0) return (-2);
  142. else if (a>0) return (2);
  143. else return (0);
  144. }
  145.  
  146. function set_blob(ref) {
  147. var sy;
  148. sy=blob[ref].style;
  149. sy.top=ypos[ref]+'px';
  150. sy.left=xpos[ref]+'px';
  151. if (ie_version && ie_version<10) {
  152. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  153. sy.fontSize=30-zpos[ref]+"px";
  154. }
  155. else if (ie_version) {
  156. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  157. }
  158. else {
  159. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  160. sy.fontSize=40+zpos[ref]+'px';
  161. }
  162. }
  163.  
  164. function jamjar(ref) {
  165. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  166. ypos[ref]+=dy[ref];
  167. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  168. xpos[ref]+=dx[ref];
  169. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  170. zpos[ref]+=dz[ref];
  171. set_blob(ref);
  172. setTimeout("jamjar("+ref+")", speed);
  173. }
  174.  
  175. window.onresize=set_width;
  176. function set_width() {
  177. var sw_min=999999;
  178. var sh_min=999999;
  179. if (document.documentElement && document.documentElement.clientWidth) {
  180. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  181. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  182. }
  183. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  184. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  185. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  186. }
  187. if (document.body.clientWidth) {
  188. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  189. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  190. }
  191. if (sw_min==999999 || sh_min==999999) {
  192. sw_min=800;
  193. sh_min=600;
  194. }
  195. swide=sw_min;
  196. shigh=sh_min;
  197. }
  198. // ]]>
  199. </script>
  200. <!--blobs end-->
  201.  
  202.  
  203. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  204. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  205. <script>
  206. (function($){
  207. $(document).ready(function(){
  208. $("a[title]").style_my_tooltips({
  209. tip_follows_cursor:true,
  210. tip_delay_time:7,
  211. tip_fade_speed:7,
  212. attribute:"title"
  213. });
  214. });
  215. })(jQuery);
  216. </script>
  217.  
  218. <script type="text/javascript"
  219. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  220. <script>
  221. $(document).ready(function() {
  222. //
  223. $('a.poplight[href^=#]').click(function() {
  224. var popID = $(this).attr('rel'); //Get Popup Name
  225. var popURL = $(this).attr('href'); //Get Popup href to define size
  226. var query= popURL.split('?');
  227. var dim= query[1].split('&');
  228. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  229. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  230. var popMargTop = ($('#' + popID).height() + 80) / 2;
  231. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  232. //Apply Margin to Popup
  233. $('#' + popID).css({
  234. 'margin-top' : -popMargTop,
  235. 'margin-left' : -popMargLeft
  236. });
  237. $('body').append('<div id="fade"></div>');
  238. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  239. return false;
  240. });
  241. $('a.close, #fade').live('click', function() {
  242. $('#fade , .popup_block').fadeOut(function() {
  243. $('#fade, a.close').remove(); //fade them both out
  244. });
  245. return false;
  246. });
  247. });
  248. </script>
  249.  
  250.  
  251.  
  252.  
  253. <meta name="color:Text" content="#9B9B9B"/>
  254. <meta name="color:Link" content="#9B9B9B"/>
  255. <meta name="color:Link Hover" content="#9B9B9B"/>
  256. <meta name="color:Accent" content="#9B9B9B"/>
  257.  
  258. <meta name="text:Link1" content="/"/>
  259. <meta name="text:Link1 Text" content="link one"/>
  260. <meta name="text:Link2" content="/"/>
  261. <meta name="text:Link2 Text" content="link two"/>
  262. <meta name="text:Link3" content="/"/>
  263. <meta name="text:Link3 Text" content="link three"/>
  264. <meta name="text:Link4" content="/"/>
  265. <meta name="text:Link4 Text" content="link four"/>
  266. <meta name="text:Link5" content="/"/>
  267. <meta name="text:Link5 Text" content="link five"/>
  268. <meta name="text:Link6" content="/"/>
  269. <meta name="text:Link6 Text" content="link six"/>
  270.  
  271.  
  272.  
  273.  
  274. <link href='https://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  275.  
  276. <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  277.  
  278. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  279.  
  280.  
  281. <style type="text/css">
  282.  
  283. ::-webkit-scrollbar-thumb:vertical {
  284. height:50px;
  285. background-color: {color:accent};
  286. }
  287. ::-webkit-scrollbar {
  288. height:0px;
  289. width:1px;
  290. background-color:transparent;
  291. }
  292.  
  293. ::-webkit-scrollbar-track {
  294. margin-top:15px;
  295. margin-bottom:15px;
  296. }
  297.  
  298. ::selection {
  299. background-color:{color:accent};
  300. text-shadow:none;
  301. color:{color:link hover};
  302. opacity:1;
  303. }
  304. ::-moz-selection {
  305. background-color:{color:accent};
  306. text-shadow:none;
  307. color:{color:link hover};
  308. opacity:1;
  309. }
  310.  
  311. #s-m-t-tooltip {
  312. max-width:300px;
  313. margin-left:5px;
  314. margin-top:18px;
  315. font-family: arial;
  316. font-weight:normal;
  317. text-transform:uppercase;
  318. font-size:10px;
  319. background-color:#797c7d;
  320. text-shadow:none;
  321. color:{color:text};
  322. padding: 1px 8px 1px 8px;
  323. z-index:99999999999999999999999;
  324. -webkit-transition:all .7s;
  325. -moz-transition:all .7s;
  326. -ms-transition:all .7s;
  327. -o-transition:all .7s;
  328. transition:all .7s;
  329. }
  330.  
  331. body {
  332. background-color:#797c7d;
  333. text-align:justify;
  334. font-family:calibri;
  335. font-size:10px;
  336. color:{color:text};
  337. background-image:url('http://static.tumblr.com/tw6tcf4/6aJobxput/uncharted4-20.png');
  338. background-repeat:no-repeat;
  339. background-position:center bottom;
  340. background-attachment:fixed;
  341. margin:0px;
  342. }
  343.  
  344. a {
  345. color:{color:link};
  346. text-decoration:underline;
  347. -moz-transition-duration:0.5s;
  348. -webkit-transition-duration:0.5s;
  349. -o-transition-duration:0.5s;
  350. }
  351.  
  352. a:hover {
  353. color:{color:link hover};
  354. text-decoration:none;
  355. text-shadow:none;
  356. -moz-transition-duration:0.5s;
  357. -webkit-transition-duration:0.5s;
  358. -o-transition-duration:0.5s;
  359. }
  360.  
  361. /* body, a {
  362. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  363. }
  364.  
  365. a:hover, *{
  366. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  367. }*/
  368.  
  369. em, i {
  370. color:{color:link};
  371. font-family:cambria;
  372. text-transform:none;
  373. font-style:italic;
  374. text-shadow:0px 0px 9px {color:link};
  375. }
  376.  
  377. strong, b {
  378. font-weight:bold;
  379. color:{color:link};
  380. font-family:cambria;
  381. text-transform:none;
  382. text-shadow:0px 0px 9px {color:link};
  383. }
  384.  
  385. h1, h2 {
  386. font-weight:lighter;
  387. font-size:15px;
  388. text-align:center;
  389. font-style:normal;
  390. line-height:100%;
  391. letter-spacing:1px;
  392. text-transform:lowercase;
  393. font-family: 'petit formal script', cursive;
  394. text-shadow: 0px 0px 4px #555;
  395. color:{color:link};
  396. }
  397.  
  398. h3, pre {
  399. text-shadow:1px 1px 1px #000;
  400. background: #797c7d;
  401. background-position:center bottom;
  402. background-attachment:fixed;
  403. text-align:center;
  404. color:#fff;
  405. text-transform:uppercase;
  406. font-family:calibri;
  407. font-size:11px;
  408. padding:0px;
  409. letter-spacing:1px;
  410. }
  411.  
  412. sub, sup, small{
  413. font-size:11px;
  414. }
  415.  
  416. blockquote {
  417. padding-left:15px;
  418. border-left:2px solid {color:text};
  419. margin-left:2px;
  420. }
  421.  
  422. blockquote blockquote {
  423. padding-left:15px;
  424. border-left:2px solid {color:text};
  425. margin-left:17px;
  426. width:80%;
  427. }
  428.  
  429. blockquote img {
  430. max-width:100%;
  431. height:auto;
  432.  
  433. }
  434.  
  435. blockquote blockquote img {
  436. max-width:100%;
  437. height:auto;
  438.  
  439. }
  440.  
  441. img {
  442. -webkit-filter: grayscale(100%);
  443. z-index: -9999999999999999999999999px;
  444. -webkit-transition: all 0.9s ease-in-out;
  445. -moz-transition: all 0.9s ease-in-out;
  446. -o-transition: all 0.9s ease-in-out;
  447. -ms-transition: all 0.9s ease-in-out;
  448. transition: all 0.9s ease-in-out;
  449. border:none;
  450. opacity:.7;
  451. }
  452.  
  453. img:hover{
  454. -webkit-filter: grayscale(20%);
  455. z-index: -9999999999999999999999999px;
  456. -webkit-transition: all 0.9s ease-in-out;
  457. -moz-transition: all 0.9s ease-in-out;
  458. -o-transition: all 0.9s ease-in-out;
  459. -ms-transition: all 0.9s ease-in-out;
  460. transition: all 0.9s ease-in-out;
  461. opacity:.9;
  462. }
  463.  
  464. #photoset {
  465. -webkit-filter: grayscale(100%);
  466. z-index: -9999999999999999999999999px;
  467. -webkit-transition: all 0.9s ease-in-out;
  468. -moz-transition: all 0.9s ease-in-out;
  469. -o-transition: all 0.9s ease-in-out;
  470. -ms-transition: all 0.9s ease-in-out;
  471. transition: all 0.9s ease-in-out;
  472. border:none;
  473. opacity:.7;
  474. }
  475.  
  476. #photoset:hover{
  477. -webkit-filter: grayscale(20%);
  478. z-index: -9999999999999999999999999px;
  479. -webkit-transition: all 0.9s ease-in-out;
  480. -moz-transition: all 0.9s ease-in-out;
  481. -o-transition: all 0.9s ease-in-out;
  482. -ms-transition: all 0.9s ease-in-out;
  483. transition: all 0.9s ease-in-out;
  484. opacity:.9;
  485. }
  486.  
  487. #post {
  488. width:263px;
  489. padding-bottom:20px;
  490. margin-top:10px;
  491. }
  492.  
  493. #entries {
  494. left:50%;
  495. padding:0px;
  496. padding-left:10px;
  497. padding-bottom:50px;
  498. z-index:1;
  499. overflow:scroll;
  500. overflow-x:hidden;
  501. width:271px;
  502. height:322px;
  503. position:fixed;
  504. bottom:217px;
  505. margin-left:-66px;
  506. -webkit-mask-image: -webkit-gradient( linear, center 50%, center bottom, from(rgba(0,0,0,10)), to(rgba(10,0,0,0)));
  507. }
  508.  
  509. #entries img {
  510. height:auto;
  511. max-width:100%;
  512.  
  513. }
  514.  
  515. #notes {
  516. margin-left:-20px;
  517. margin-top:-20px;
  518. padding:0px;
  519. width:95%;
  520.  
  521. }
  522.  
  523. #notes a {
  524. text-decoration:none;
  525. }
  526.  
  527. ol.notes li.note {
  528. list-style-type: none;
  529. margin: 0;
  530. padding: 0;
  531. }
  532.  
  533. ol.notes li.note a {
  534. text-decoration:none;
  535. }
  536.  
  537. li.note img.avatar {
  538. border-radius:100%;
  539. margin-right: 10px;
  540. width: 16px;
  541. height: 16px;
  542. }
  543.  
  544. .audio{
  545. background-color:transparent;
  546. height:65px;
  547. overflow:hidden;
  548. color:{color:link};
  549. text-shadow:none;
  550. height:100%;
  551. padding-bottom:0px;
  552. }
  553.  
  554. .albumart {
  555. background-color:white;
  556. }
  557.  
  558. .audioinfo {
  559. line-height:210%;
  560. text-align:left;
  561. margin-top:0px;
  562. margin-left:0px;
  563. text-transform:lowercase;
  564. height:65px;
  565. padding:0px 5px 0px 10px;
  566. }
  567.  
  568. #audioplayer {
  569. position:absolute;
  570. margin-left:-45px;
  571. margin-top:20px;
  572. width:27px;
  573. height:27px;
  574. overflow:hidden;
  575. opacity:.8;
  576. -webkit-transition: all 0.9s ease-in-out;
  577. -moz-transition: all 0.9s ease-in-out;
  578. -o-transition: all 0.9s ease-in-out;
  579. -ms-transition: all 0.9s ease-in-out;
  580. transition: all 0.9s ease-in-out;
  581. }
  582.  
  583. #audioplayer:hover {
  584. opacity:.99;
  585. -webkit-transition: all 0.9s ease-in-out;
  586. -moz-transition: all 0.9s ease-in-out;
  587. -o-transition: all 0.9s ease-in-out;
  588. -ms-transition: all 0.9s ease-in-out;
  589. transition: all 0.9s ease-in-out;
  590. }
  591.  
  592. #question {
  593. padding:3px;
  594. padding-bottom:7px;
  595. margin-top:0px;
  596. margin-bottom:15px;
  597. text-align:center;
  598. background:#797c7d;
  599. }
  600.  
  601. #asker {
  602. padding-top:7px;
  603. background:#797c7d;
  604. font-family:'lora', serif;
  605. text-transform:uppercase;
  606. font-size:13px;
  607. font-weight:bold;
  608. text-decoration:none;
  609. text-align:center;
  610. margin-top:0px;
  611. color:{color:link};
  612. }
  613.  
  614. #asker a {
  615. text-decoration:none;
  616. color:{color:link};
  617. }
  618.  
  619. #asker a:hover {
  620. color:{color:link hover};
  621. }
  622.  
  623. .chat ul {
  624. list-style:none;
  625. padding:0px;
  626. margin:0px;
  627. }
  628.  
  629. .chat li {
  630. padding:2px;
  631. }
  632.  
  633. .chat .even {
  634. background-color:#797c7d;
  635. }
  636.  
  637.  
  638. #info {
  639. margin-left:227px;
  640. margin-top:10px;
  641. width:auto;
  642. font-size:13px;
  643. text-align:center;
  644. padding:4px;
  645. -webkit-filter: blur(2px);
  646. -moz-filter: blur(2px);
  647. -o-filter: blur(2px);
  648. -ms-filter: blur(2px);
  649. filter: blur(2px);
  650. }
  651.  
  652. #info a {
  653. text-decoration:none;
  654. padding:0px 5px 0px 5px;
  655. color:#ccc;
  656. }
  657.  
  658. #info a:hover {
  659. color:{color:link hover};
  660. }
  661.  
  662. #notecount {
  663. font-size:24px;
  664. margin-top:5px;
  665. position:absolute;
  666. -ms-transform: rotate(-12deg);
  667. -webkit-transform: rotate(-12deg);
  668. transform: rotate(-12deg);
  669. }
  670.  
  671. #date {
  672. position:absolute;
  673. font-size:21px;
  674. margin-top:-10px;
  675. margin-left:14px;
  676. -ms-transform: rotate(14deg);
  677. -webkit-transform: rotate(14deg);
  678. transform: rotate(14deg);
  679. }
  680.  
  681. #via {
  682. position:absolute;
  683. font-size:19px;
  684. margin-top:12px;
  685. margin-left:20px;
  686. -ms-transform: rotate(-9deg);
  687. -webkit-transform: rotate(-9deg);
  688. transform: rotate(-9deg);
  689. }
  690.  
  691. #reblog {
  692. font-size:11px;
  693. position:absolute;
  694. margin-top:-5px;
  695. margin-left:2px;
  696. -ms-transform: rotate(-14deg);
  697. -webkit-transform: rotate(-14deg);
  698. transform: rotate(-14deg);
  699. }
  700.  
  701. #src {
  702. font-size:13px;
  703. position:absolute;
  704. margin-top:31px;
  705. margin-left:14px;
  706. -ms-transform: rotate(24deg);
  707. -webkit-transform: rotate(24deg);
  708. transform: rotate(24deg);
  709. }
  710.  
  711. #line {
  712. height:7px;
  713. width:212px;
  714. background:url('http://static.tumblr.com/tw6tcf4/bBEoar3om/00.png');
  715. position:absolute;
  716. margin-left:15px;
  717. margin-top:-10px;
  718. }
  719.  
  720. #tags {
  721. -webkit-mask-image: -webkit-gradient( linear, center 50%, center bottom, from(rgba(0,0,0,10)), to(rgba(10,0,0,0)));
  722. border-right:1px solid #ccc;
  723. margin-bottom:10px;
  724. padding:10px;
  725. padding-top:7px;
  726. overflow:scroll;
  727. height:30px;
  728. width:207px;
  729. margin-top:-7px;
  730. color:{color:link};
  731. text-align:center;
  732. opacity:1;
  733. -webkit-transition: all 0.9s ease-in-out;
  734. -moz-transition: all 0.9s ease-in-out;
  735. -o-transition: all 0.9s ease-in-out;
  736. -ms-transition: all 0.9s ease-in-out;
  737. transition: all 0.9s ease-in-out;
  738. }
  739.  
  740. #post:hover #tags {
  741. opacity:1;
  742. -webkit-transition: all 0.9s ease-in-out;
  743. -moz-transition: all 0.9s ease-in-out;
  744. -o-transition: all 0.9s ease-in-out;
  745. -ms-transition: all 0.9s ease-in-out;
  746. transition: all 0.9s ease-in-out;
  747. }
  748.  
  749. #tags a {
  750. color:{color:link};
  751. text-decoration:none;
  752. }
  753.  
  754. #tags a:hover {
  755. color:{color:link hover};
  756. }
  757.  
  758. .zorp {
  759. display:none;
  760. height:256px;
  761. width:148px;
  762. background:#848787;
  763. position:fixed;
  764. font-family:'lora', serif;
  765. font-size:15px;
  766. font-weight:bold;
  767. text-align:center;
  768. margin-left:0px;
  769. margin-top:10px;
  770. overflow:auto;
  771. padding-bottom:5px;
  772. }
  773.  
  774. .zorp a {
  775. padding:9px;
  776. border:3px solid #797c7d;
  777. text-shadow:none!important;
  778. display:inline-table;
  779. text-align:center;
  780. width:110px;
  781. margin-top:18px;
  782. -webkit-filter: blur(0px)!important;
  783. -moz-filter: blur(0px)!important;
  784. -o-filter: blur(0px)!important;
  785. -ms-filter: blur(0px)!important;
  786. filter: blur(0px)!important;
  787. -webkit-transition: all 0.9s ease-in-out;
  788. -moz-transition: all 0.9s ease-in-out;
  789. -o-transition: all 0.9s ease-in-out;
  790. -ms-transition: all 0.9s ease-in-out;
  791. transition: all 0.9s ease-in-out;
  792. }
  793.  
  794. .zorp a:hover {
  795. color:{color:accent}!important;
  796. background-color:#aaa;
  797. -webkit-filter: blur(0px)!important;
  798. -moz-filter: blur(0px)!important;
  799. -o-filter: blur(0px)!important;
  800. -ms-filter: blur(0px)!important;
  801. filter: blur(0px)!important;
  802. -webkit-transition: all 0.9s ease-in-out;
  803. -moz-transition: all 0.9s ease-in-out;
  804. -o-transition: all 0.9s ease-in-out;
  805. -ms-transition: all 0.9s ease-in-out;
  806. transition: all 0.9s ease-in-out;
  807. }
  808.  
  809. zeep {
  810. cursor:pointer;
  811. }
  812.  
  813. #links {
  814. left:50%;
  815. z-index:1000;
  816. position:fixed;
  817. bottom:486px;
  818. margin-left:250px;
  819. font-family:'lora', serif;
  820. text-align:left;
  821. font-size:21px;
  822. font-weight:bold;
  823. text-transform:uppercase;
  824. word-spacing:27px;
  825. width:190px;
  826. }
  827.  
  828. #links a {
  829. text-shadow:0px 0px 3px {color:accent};
  830. text-decoration:none;
  831. color:{color:accent};
  832. -webkit-filter: blur(0px);
  833. -moz-filter: blur(0px);
  834. -o-filter: blur(0px);
  835. -ms-filter: blur(0px);
  836. filter: blur(0px);
  837. }
  838.  
  839. #links a:hover {
  840. color:{color:link hover};
  841. -webkit-filter: blur(2px);
  842. -moz-filter: blur(2px);
  843. -o-filter: blur(2px);
  844. -ms-filter: blur(2px);
  845. filter: blur(2px);
  846. }
  847.  
  848. #link1 {
  849. -ms-transform: rotate(14deg);
  850. -webkit-transform: rotate(14deg);
  851. transform: rotate(14deg);
  852. }
  853.  
  854. #link2 {
  855. font-size:27px;
  856. margin-left:15px;
  857. margin-top:-9px;
  858. -ms-transform: rotate(-9deg);
  859. -webkit-transform: rotate(-9deg);
  860. transform: rotate(-9deg);
  861. }
  862.  
  863. #link3 {
  864. font-size:19px;
  865. margin-left:-20px;
  866. margin-top:-12px;
  867. -ms-transform: rotate(14deg);
  868. -webkit-transform: rotate(14deg);
  869. transform: rotate(14deg);
  870. }
  871.  
  872. #link4 {
  873. font-size:24px;
  874. margin-left:12px;
  875. margin-top:-10px;
  876. -ms-transform: rotate(24deg);
  877. -webkit-transform: rotate(24deg);
  878. transform: rotate(24deg);
  879. }
  880.  
  881. #link5 {
  882. font-size:19px;
  883. margin-left:-10px;
  884. margin-top:-10px;
  885. -ms-transform: rotate(-12deg);
  886. -webkit-transform: rotate(-12deg);
  887. transform: rotate(-12deg);
  888. }
  889.  
  890. #link6 {
  891. font-size:12px;
  892. margin-left:15px;
  893. margin-top:0px;
  894. -ms-transform: rotate(30deg);
  895. -webkit-transform: rotate(30deg);
  896. transform: rotate(30deg);
  897. }
  898.  
  899.  
  900. #pagination {
  901. left:50%;
  902. z-index:1000;
  903. width:100px;
  904. position:fixed;
  905. text-shadow: none;
  906. font-family:arial;
  907. font-size:9px;
  908. bottom:185px;
  909. margin-left:310px;
  910. letter-spacing:1px;
  911. font-style:none;
  912. font-weight:normal;
  913. text-align:right;
  914. text-transform:uppercase;
  915. color:{color:accent};
  916. }
  917.  
  918. #pagination a {
  919. text-decoration:none;
  920. color:{color:accent};
  921. }
  922.  
  923. #pagination a:hover {
  924. -webkit-filter: blur(2px);
  925. -moz-filter: blur(2px);
  926. -o-filter: blur(2px);
  927. -ms-filter: blur(2px);
  928. filter: blur(2px);
  929. text-decoration:none;
  930. color:{color:accent};
  931. }
  932.  
  933. .popup_block{
  934. top:50%;
  935. left:50%;
  936. background-repeat:no-repeat;
  937. display:none;
  938. padding:20px;
  939. float:left;
  940. position:fixed;
  941. z-index: 99999;
  942. overflow:hidden;
  943. opacity:.9;
  944. background:transparent;
  945. background-repeat:no-repeat!important;
  946. }
  947.  
  948. *html #fade {position: absolute;}
  949. *html .popup_block {position: absolute;}
  950. #fade {
  951. display:none;
  952. position:fixed;
  953. left:0px;
  954. top:0px;
  955. width:100%;
  956. height:100%;
  957. z-index:9999;
  958. background:#000; /* change to #fff for solid white */
  959. opacity:.5; /* change to opacity:1; */
  960. }
  961.  
  962. #box1 {
  963. background-color:transparent!important;
  964. }
  965.  
  966. #text {
  967. background:#848787;
  968. width:auto;
  969. margin-top:5px;
  970. margin-right:25px;
  971. max-height:300px;
  972. padding:20px;
  973. padding-right:25px;
  974. padding-bottom:40px;
  975. overflow:scroll;
  976. text-align:justify;
  977. }
  978.  
  979.  
  980. #navitags {
  981. top:50%;
  982. left:50%;
  983. text-align:center;
  984. width:250px;
  985. margin-left:-35px;
  986. margin-top:-40px;
  987. }
  988.  
  989. #navitags a{
  990. text-decoration:none;
  991. text-transform:uppercase;
  992. color:{color:text};
  993. text-shadow:none;
  994. font-weight:normal;
  995. margin-left:25px;
  996. text-align:center;
  997. display:inline-table;
  998. padding-bottom:20px;
  999. margin-top:35px;
  1000. padding:5px;
  1001. font-size:8px;
  1002. width:75px;
  1003. border:2px solid #797c7d;
  1004. background:#848787;
  1005. letter-spacing:1px;
  1006. -webkit-transition: all 0.9s ease-in-out;
  1007. -moz-transition: all 0.9s ease-in-out;
  1008. -o-transition: all 0.9s ease-in-out;
  1009. -ms-transition: all 0.9s ease-in-out;
  1010. transition: all 0.9s ease-in-out;
  1011.  
  1012. }
  1013.  
  1014. #navitags a:hover{
  1015. background:#aaa;
  1016. color:{color:link};
  1017. -webkit-transition: all 0.9s ease-in-out;
  1018. -moz-transition: all 0.9s ease-in-out;
  1019. -o-transition: all 0.9s ease-in-out;
  1020. -ms-transition: all 0.9s ease-in-out;
  1021. transition: all 0.9s ease-in-out;
  1022. }
  1023.  
  1024. #box5 a {
  1025. text-decoration:none;
  1026. }
  1027.  
  1028. /*--------------*/
  1029.  
  1030. #tabbers {
  1031. position:absolute;
  1032. left:50%;
  1033. margin-left:110px;
  1034. margin-top:-5px;
  1035. padding-bottom:10px;
  1036. display: inline-block;
  1037. width:15px;
  1038. }
  1039.  
  1040. #tabbers a {
  1041. text-decoration:none;
  1042. display: inline-block;
  1043. font-weight:bold;
  1044. }
  1045.  
  1046. ul#tabs a {
  1047. list-style-type: none;
  1048. padding: 0;
  1049. text-align: center;
  1050. }
  1051. ul#tabs li a {
  1052. background:#797c7d;
  1053. border:2px solid #848787;
  1054. text-shadow:none;
  1055. display: inline-block!important;
  1056. font-size:11px;
  1057. padding: 2px;
  1058. color: {color:link};
  1059. cursor: pointer;
  1060. -webkit-transition: all 0.4s ease-in-out;
  1061. -moz-transition: all 0.4s ease-in-out;
  1062. -o-transition: all 0.4s ease-in-out;
  1063. -ms-transition: all 0.4s ease-in-out;
  1064. transition: all 0.4s ease-in-out;
  1065. }
  1066. ul#tabs li:hover a {
  1067. text-shadow:none;
  1068. background:#aaa;
  1069. -webkit-transition: all 0.4s ease-in-out;
  1070. -moz-transition: all 0.4s ease-in-out;
  1071. -o-transition: all 0.4s ease-in-out;
  1072. -ms-transition: all 0.4s ease-in-out;
  1073. transition: all 0.4s ease-in-out;
  1074. }
  1075. ul#tabs li.active a {
  1076. text-shadow:none;
  1077. background:#aaa;
  1078. }
  1079.  
  1080. /*--------------*/
  1081.  
  1082.  
  1083. ul#tabs {
  1084. list-style-type: none;
  1085. padding: 0;
  1086. text-align: center;
  1087. }
  1088. ul#tabs li {
  1089. text-shadow:none;
  1090. background:#797c7d;
  1091. border:2px solid #848787;
  1092. display: inline-block!important;
  1093. font-size:11px;
  1094. padding: 2px;
  1095. color: {color:link};
  1096. cursor: pointer;
  1097. -webkit-transition: all 0.4s ease-in-out;
  1098. -moz-transition: all 0.4s ease-in-out;
  1099. -o-transition: all 0.4s ease-in-out;
  1100. -ms-transition: all 0.4s ease-in-out;
  1101. transition: all 0.4s ease-in-out;
  1102. }
  1103. ul#tabs li:hover {
  1104. text-shadow:none;
  1105. background:#aaa;
  1106. -webkit-transition: all 0.4s ease-in-out;
  1107. -moz-transition: all 0.4s ease-in-out;
  1108. -o-transition: all 0.4s ease-in-out;
  1109. -ms-transition: all 0.4s ease-in-out;
  1110. transition: all 0.4s ease-in-out;
  1111. }
  1112. ul#tabs li.active {
  1113. text-shadow:none;
  1114. background:#aaa;
  1115. }
  1116.  
  1117. ul#tab {
  1118. list-style-type: none;
  1119. margin: 0;
  1120. padding: 0;
  1121. }
  1122. ul#tab li {
  1123. display: none;
  1124. }
  1125. ul#tab li.active {
  1126. display: block;
  1127. }
  1128.  
  1129. #desc {
  1130. left:50%;
  1131. opacity:1;
  1132. text-align:center;
  1133. padding:0px;
  1134. position:fixed;
  1135. overflow:auto;
  1136. width:140px;
  1137. height:236px;
  1138. bottom:205px;
  1139. margin-left:248px;
  1140. font-size:10px;
  1141. padding-bottom:35px;
  1142. padding-right:12px;
  1143. padding-left:5px;
  1144. z-index:999;
  1145. -webkit-mask-image: -webkit-gradient( linear, center 50%, center bottom, from(rgba(0,0,0,10)), to(rgba(10,0,0,0)));
  1146. }
  1147.  
  1148. #desc a {
  1149. text-decoration:none;
  1150. }
  1151.  
  1152. #credit {
  1153. position:fixed;
  1154. bottom:15px;
  1155. right:15px;
  1156. text-align:center;
  1157. text-transform:uppercase;
  1158. padding:5px;
  1159. font-size:17px;
  1160. font-family: 'petit formal script', cursive;
  1161. font-weight:normal;
  1162. -webkit-transition: all 0.9s ease-in-out;
  1163. -moz-transition: all 0.9s ease-in-out;
  1164. -o-transition: all 0.9s ease-in-out;
  1165. -ms-transition: all 0.9s ease-in-out;
  1166. transition: all 0.9s ease-in-out;
  1167. }
  1168.  
  1169. #credit a {
  1170. color:{color:text};
  1171. text-decoration:none;
  1172. }
  1173.  
  1174. #credit a:hover {
  1175. color:{color:text};
  1176. text-shadow:0px 0px 16px {color:text};
  1177. }
  1178.  
  1179. /*music player*/
  1180. #box {
  1181. left:50%;
  1182. width:18px;
  1183. height:25px;
  1184. position:fixed;
  1185. bottom: 586px; /*use to position the box*/
  1186. margin-left: 200px; /*use to position the box*/
  1187. overflow: hidden;
  1188. z-index: 100%;
  1189. }
  1190.  
  1191. #player {
  1192. width: 50px;
  1193. margin-left: -18px;
  1194. overflow: hidden;
  1195. position: absolute;
  1196. opacity: 0;
  1197. -webkit-transition: all 0.7s ease-in-out;
  1198. -moz-transition: all 0.7s ease-in-out;
  1199. -o-transition: all 0.7s ease-in-out;
  1200. -ms-transition: all 0.7s ease-in-out;
  1201. transition: all 0.7s ease-in-out;
  1202. }
  1203.  
  1204. #pix {
  1205. margin-left: 4px;
  1206. position:fixed;
  1207. -webkit-transition: all 0.7s ease-in-out;
  1208. -moz-transition: all 0.7s ease-in-out;
  1209. -o-transition: all 0.7s ease-in-out;
  1210. -ms-transition: all 0.7s ease-in-out;
  1211. transition: all 0.7s ease-in-out;
  1212. }
  1213.  
  1214. #pix img {
  1215. opacity:.8;
  1216. }
  1217.  
  1218. #box:hover #pix {
  1219. opacity:0;
  1220. -webkit-transition: all 0.7s ease-in-out;
  1221. -moz-transition: all 0.7s ease-in-out;
  1222. -o-transition: all 0.7s ease-in-out;
  1223. -ms-transition: all 0.7s ease-in-out;
  1224. transition: all 0.7s ease-in-out;
  1225. }
  1226.  
  1227. #box:hover #player {
  1228. opacity:1;
  1229. -webkit-transition: all 0.7s ease-in-out;
  1230. -moz-transition: all 0.7s ease-in-out;
  1231. -o-transition: all 0.7s ease-in-out;
  1232. -ms-transition: all 0.7s ease-in-out;
  1233. transition: all 0.7s ease-in-out;
  1234. }
  1235. /*music player end*/
  1236.  
  1237. #fam {
  1238. left:50%;
  1239. bottom:314px;
  1240. margin-left:415px;
  1241. position:fixed;
  1242. -webkit-filter: blur(0px);
  1243. -moz-filter: blur(0px);
  1244. -o-filter: blur(0px);
  1245. -ms-filter: blur(0px);
  1246. filter: blur(0px);
  1247. opacity:1;
  1248. }
  1249.  
  1250. /*#fam a:hover{
  1251. -webkit-filter: blur(2px);
  1252. -moz-filter: blur(2px);
  1253. -o-filter: blur(2px);
  1254. -ms-filter: blur(2px);
  1255. filter: blur(2px);
  1256. }*/
  1257.  
  1258. #fam img:hover {
  1259.  
  1260. -ms-transform: rotate(360deg);
  1261. -webkit-transform: rotate(360deg);
  1262. transform: rotate(360deg);
  1263. }
  1264.  
  1265. #fam img {
  1266. border-radius:100%;
  1267. width:50px;
  1268. opacity:1;
  1269. border:solid 2px #848787;
  1270. }
  1271.  
  1272.  
  1273. </style>
  1274. </head>
  1275. <body>
  1276.  
  1277. <div id="fam">
  1278. <a href="http://thiefsluck.tumblr.com" target="_blank" title="nate"><img src="http://static.tumblr.com/tw6tcf4/hljod826d/00nate.png"/></a><br>
  1279. <a href="http://pyratescode.tumblr.com" target="_blank" title="sam"><img src="http://static.tumblr.com/tw6tcf4/RxDod826g/00sam.png"/></a><br>
  1280. <a href="http://adventurebcby.tumblr.com" target="_blank" title="cassie"><img src="http://static.tumblr.com/tw6tcf4/EGcod826a/00cassie.png"/></a>
  1281. </div>
  1282.  
  1283. <!--<div id="box">
  1284. <div id="pix"><img src="http://66.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"></div>
  1285. <div id="player">
  1286.  
  1287. <embed quality="high" style="width:56px; visibility:visible; height:13px;" type="application/x-shockwave-flash" height="56" width="13" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://www.hypster.com/flash/player.swf?id=5345886:7188340:0&autoplay=true" FlashVars="color_bg=0x797c7d&color_border=0x9A0000&color_box=0x9A0000&color_songbg=0xFF9700&color_song_clicked=0xFECB81&color_Title=0x000000&color_btns=0xffffff&color_title=0x000000" />
  1288.  
  1289. </div>
  1290. </div>-->
  1291.  
  1292.  
  1293.  
  1294. <div id="desc">
  1295. <h3>journalist</h3>
  1296.  
  1297. <div style="text-align:justify;">❝&nbsp; she is less of a girl, more of a tornado. her outside may be made of skin, but in her bones rests an active volcano.</div>
  1298.  
  1299. <h3>damsel</h3>
  1300. indie selective private
  1301. <b><center>ELENA FISHER</center></b>
  1302. of the uncharted series<br>
  1303. estab 3 may 2016
  1304.  
  1305. <h3>tough</h3>
  1306. as portrayed by bean<br>
  1307. cis female &nbsp;(she/her)<br>
  1308. tracking <u>#bravejournalist</u>
  1309.  
  1310. <center>
  1311. <a href="http://time.is/Salt_Lake_City" id="time_is_link" rel="nofollow" style="font-size:11px;color:#ffffff">
  1312. <span id="Salt_Lake_City_z12b" style="font-size:11px;color:#ffffff"></span>
  1313. <script src="http://widget.time.is/t.js"></script>
  1314. <script>
  1315. time_is_widget.init({Salt_Lake_City_z12b:{time_format:"12hours:minutes:secondsAMPM"}});
  1316. </script>
  1317. </a></center>
  1318.  
  1319.  
  1320.  
  1321. <marquee behavior="scroll" direction="left">read rules before interacting!</marquee>
  1322. <br>
  1323. </div>
  1324.  
  1325.  
  1326. <div id="box1" class="popup_block">
  1327.  
  1328. <div style="background:transparent;" id="text">
  1329.  
  1330. <iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  1331.  
  1332. </div>
  1333.  
  1334.  
  1335. </div></div></div></div></div></div></div></div></div></div>
  1336.  
  1337.  
  1338.  
  1339. <div id="box2" class="popup_block">
  1340.  
  1341. <div id="text">
  1342. <h3>i. basics</h3>
  1343.  
  1344. no godmoding or powerplaying. period.
  1345. don&rsquo;t reblog my posts or threads unless you&rsquo;re a part of them.
  1346. cut your posts, for a clean dash.
  1347. i don't write smut at all.
  1348. i ship <u>chemistry</u>. don&rsquo;t force ships on me.
  1349. or consider yourself UNFOLLOWED.
  1350. no ooc hate of ANY KIND.
  1351. all hate sent here will be ignored &amp; deleted.
  1352. have fun!!
  1353.  
  1354. <p><h3>ii. the mun</h3>
  1355.  
  1356. i&rsquo;m pretty slow &amp; very selective. oops.
  1357. i will ONLY interact ic with <b>mutuals</b>.
  1358. i roleplay with icons
  1359. &amp; i ask you do the same .
  1360. i drop unplotted threads without notice often,
  1361. BUT if i want to drop a plotted thread,
  1362. i&rsquo;ll let you know!
  1363. i do not do m!a's so don't send me them.
  1364. you don't have to match my length;
  1365. but it'd be nice if you matched effort.
  1366. i&rsquo;m just a potato with a human body</p>
  1367.  
  1368. <p><h3>iii. disclaimer</h3>
  1369.  
  1370. as much as i'd like to be, i am not emily rose, elena fisher, nor am i affiliated with naughty dog or uncharted in any way. BUT all graphics (including icons, promos, etc), unless stated otherwise, were made by ME &amp; are not for public use.</p>
  1371. </div>
  1372.  
  1373. </div></div></div></div></div></div></div></div></div></div>
  1374.  
  1375.  
  1376. <div id="box3" class="popup_block">
  1377.  
  1378. <div id="tabbers"><ul id="tabs">
  1379. <li class="active"><a title="canon verses">.01</a></li>
  1380. <li><a title="alternate verses">.02</a></li>
  1381. <li><a title="private verses">.03</a></li>
  1382. <!--<li>group</li>-->
  1383. </ul></div>
  1384.  
  1385. <ul id="tab">
  1386. <div id="text">
  1387.  
  1388. <li class="active">
  1389.  
  1390. <h3>i. point 'n shoot</h3>
  1391. elena as a young hotshot journalist, making her way through life as the host of an archaeological themed tv show. (takes place before the events of the uncharted series. it'll also be the verse i use with characters outside of the uncharted fandom, if it's not an au)
  1392.  
  1393. <h3>ii. still wearing it</h3>
  1394. moving on can be one of the hardest things to do. but elena manages to do it. when a hasty marriage is ended as fast as it began & she's left all alone, she picks herself back up & travels. she's a reporter with stories from all around the globe & proud of it. & she's totally over nathan drake. it's not like she keeps her wedding ring on for sentimental purposes. (takes place after the events of uncharted 2 & before uncharted 3)
  1395.  
  1396. <h3>iii. tougher than she looks</h3>
  1397. elena fisher ; mild-mannered writer of various travel brochures & tourist guides. happily married to one legendary nathan drake. life couldn't be better. (takes place after the events of uncharted 3 & before uncharted 4.) <p>
  1398.  
  1399. <h3>iv. doing what we love</h3>
  1400. co-founder of d&f fortunes, elena (alongside her husband nathan drake) is a professional historian, discovering new ancient artifacts & uncovering historical landmarks every day. it's an exciting life that she loves doing, especially when she can do it with her family. (takes place after the events of uncharted 4.)
  1401.  
  1402.  
  1403.  
  1404. </li>
  1405.  
  1406. <!-------------------------------------->
  1407.  
  1408. <li>
  1409.  
  1410. <h3>i. gods among us</h3>
  1411. (dc & dceu verse) as a reporter for the daily planet, elena is often sent to dangerous, third world countries just to get an interesting story. but perhaps with the mysterious appearances of humans with <b>superhuman</b> abilities, she won't have to travel as far.
  1412.  
  1413. <h3>ii. with great power</h3>
  1414. (marvel & mcu verse) a job at the daily bugle isn't supposed to be that dangerous, right? unfortunately, for elena, that's not the case. if an avenger (or some other gifted person) has destroyed a city to protect the world, you can usually find ms. fisher on the scene. she'll get the story by any means necessary, even if it means putting her life at risk.
  1415.  
  1416. <h3>iii. something to fight for</h3>
  1417. (tlou verse) it's the end of days ; a pandemic that's spread across the entire world & taken the lives (& minds) of too many. elena is a survivor. she did all that she could in spite of the people she lost & always kept fighting. luckily, she was able to settle in wyoming, a small, growing community near a dam run by one tommy miller. & she pays her dues respectfully ; tending to the ill & wounded as an amateur nurse. she endures.
  1418.  
  1419. <h3>iv. a force of nature</h3>
  1420. (grey's anatomy verse) former reporter & tv show host turned hospital patient, elena's life was turned upside down when she'd learned of cancer growing in her colon. she's become a regular at grey-sloan memorial hospital, which would be a burden to some, but she's come to love the doctors & surgeons who take care of her & work hard to get rid of the monster inside her body.
  1421.  
  1422. <h3>v. pending spn verse</h3>
  1423. to be determined
  1424.  
  1425.  
  1426. </li>
  1427.  
  1428. <!-------------------------------------->
  1429.  
  1430. <li>
  1431.  
  1432. <h3>coming soon!</h3>
  1433.  
  1434.  
  1435. </li>
  1436.  
  1437. <!-------------------------------------->
  1438.  
  1439. <li>
  1440. <h2>coming soon!</h2>
  1441. </li>
  1442. </ul>
  1443. </div>
  1444.  
  1445. </div>
  1446.  
  1447. </div>
  1448. </div></div></div></div></div></div></div></div></div></div>
  1449.  
  1450.  
  1451.  
  1452. <div id="box4" class="popup_block">
  1453. <div id="text">
  1454. <div id="navitags">
  1455.  
  1456. <a href="/tagged/pretty good shot for a journalist.">mirror.</a>
  1457.  
  1458. <a href="/tagged/the worst liar.">nate.</a>
  1459.  
  1460. <a href="/tagged/a rose encased in a bombshell.">isms.</a>
  1461.  
  1462. <a href="/tagged/meme.">memes.</a>
  1463.  
  1464. <a href="/tagged/open.">open starters.</a>
  1465.  
  1466. <a href="/tagged/wishlist.">wishlist.</a>
  1467.  
  1468. <a href="/tagged/psa.">psa.</a>
  1469.  
  1470. <a href="/tagged/headcanon.">headcanons.</a>
  1471.  
  1472. <a href="/tagged/answered.">questions.</a>
  1473.  
  1474. <a href="/tagged/ooc.">ooc.</a>
  1475.  
  1476. </div>
  1477. </div>
  1478. </div></div></div></div></div></div></div></div></div></div>
  1479.  
  1480.  
  1481. <div id="box5" class="popup_block">
  1482.  
  1483. <div id="tabbers"><ul id="tabs">
  1484. <li class="active"><a title="start">.01</a></li>
  1485. <li><a title="themes">.02</a></li>
  1486. <li><a title="icons">.03</a></li>
  1487. <li><a title="other">.04</a></li>
  1488. </ul></div>
  1489.  
  1490. <ul id="tab">
  1491. <div id="text">
  1492.  
  1493. <li class="active">
  1494.  
  1495. <h3>i. begin</h3>
  1496. sooo as you can see i lowkey decided to take commissions. i've really enjoyed making themes lately & i'm a little in need of some extra money so i can save up for taking college classes in the future. this is my first time opening up commissions, so if you ever have any questions because i wasn't clear enough here, <b>please ask me</b> if you're confused at all!!
  1497.  
  1498. <h3>ii. things you should know</h3>
  1499. i work with <b>USD</b>, if you want to know the conversion between usd & your currency, you'll have to figure it out yourself. payments will be transacted through <b>paypal</b>. (it does convert the currency automatically). i will take your payment BEFORE i start working on your theme & there are <b>no refunds</b>. i am flexible though, so if you are dissatisfied with something, i will accomodate you to the best of my ability.<p>
  1500.  
  1501. <h3>iii. wait time</h3>
  1502. since <i>i'll</i> be working for <i>you</i> if you request a commission, feel free to bug me if you feel like i've been taking too long & i haven't updated you. i often get distracted by things in real life & i don't want you feeling like you're getting poor service or anything!!<p>
  1503.  
  1504. that being said though, <b>it usually takes me one half to a full day</b> to get one theme done & depending on what my to-do list looks like, you're looking at <b>at least a one or two day wait</b> after we've discussed your commission!! (of course it will vary depending on what you request ; i can usually predict how long it'll take me to finish)
  1505.  
  1506. <h3>iv. disclaimer</h3>
  1507. also one last thing i'd like to get out of the way : <b>i won't be using fan art for commissions</b>. only if you get express permission from the original artist & you show me proof will i do this. i don't want to be making money off of other artist's hard earned work.
  1508.  
  1509. <h3>v. tldr</h3>
  1510. i work with USD and will only be accepting paypal. payment will be accepted BEFOREHAND. wait time varies, but it takes about one day to do one theme. no fan art without express permission from the artist. ask me questions or bug me if you need anything regarding commissions!!
  1511.  
  1512.  
  1513.  
  1514. </li>
  1515.  
  1516. <!-------------------------------------->
  1517.  
  1518. <li>
  1519.  
  1520. <h3>i. pricing</h3>
  1521. theme background - $7-8<br>
  1522. coding alone - $5<br>
  1523. full theme - $10-11<br>
  1524. extras - $1-2 each, depending
  1525.  
  1526. <h3>ii. info</h3>
  1527. a full theme will include a background & my coding, along with the popups. however, my popups don't have custom backgrounds ; i just line them up with the container. if you want a custom popup, that would cost extra.<p>
  1528.  
  1529. some other things that would cost extra might include a custom updates tab per your request (not counting the updates description i have in most of my themes), or javascript tabs like the ones for this popup, or even a custom music player (not from a tutorial). if you have anything else in mind, we can discuss pricing uvu
  1530.  
  1531. <h3>iii. theme examples</h3>
  1532. <center>
  1533. <a href="http://griefworn.tumblr.com" target="blank">✖</a>
  1534. <a href="http://anesiiidora.tumblr.com" target="blank">✖</a>
  1535. <a href="http://hunterofpie.tumblr.com" target="blank">✖</a>
  1536. <a href="http://souldragger.tumblr.com" target="blank">✖</a>
  1537. <a href="http://frightsight.tumblr.com" target="blank">✖</a>
  1538. <a href="http://killerjewelry.tumblr.com" target="blank">✖</a>
  1539. <a href="http://rubbleborn.tumblr.com" target="blank">✖</a>
  1540. <a href="http://celystial.tumblr.com" target="blank">✖</a>
  1541. <a href="http://deathcursed.tumblr.com" target="blank">✖</a>
  1542. <a href="http://starbreathed.tumblr.com" target="blank">✖</a>
  1543. <a href="http://audcntia.tumblr.com" target="blank">✖</a>
  1544. <a href="http://madeleventh.tumblr.com" target="blank">✖</a>
  1545. <a href="http://thiefsluck.tumblr.com" target="blank">✖</a>
  1546. <a href="http://pyratescode.tumblr.com" target="blank">✖</a>
  1547. <a href="http://flamegiven.tumblr.com" target="blank">✖</a>
  1548. </center>
  1549.  
  1550. <h3>iv. background examples</h3>
  1551. <center>
  1552. <a href="http://static.tumblr.com/qdetznf/6INo64cdx/01.png" target="blank">✖</a>
  1553. <a href="http://static.tumblr.com/qdetznf/BlDo64cdz/02.png" target="blank">✖</a>
  1554. <a href="http://static.tumblr.com/qdetznf/eoQo64ce2/03.png" target="blank">✖</a>
  1555. <a href="http://static.tumblr.com/qdetznf/kLzo64ce6/04.png" target="blank">✖</a>
  1556. <a href="http://static.tumblr.com/qdetznf/jh7o64ce9/05.png" target="blank">✖</a>
  1557. <a href="http://static.tumblr.com/qdetznf/Y8qo64fhd/06.png" target="blank">✖</a>
  1558. </center>
  1559.  
  1560. </li>
  1561.  
  1562. <!-------------------------------------->
  1563.  
  1564. <li>
  1565.  
  1566. <h3>pricing</h3>
  1567. 1 icon - $.15<br>
  1568. 50 icons - $6<br>
  1569. 100 icons - $10<br>
  1570. 150 icons - $13<br>
  1571. 200 icons - $15
  1572.  
  1573. <h3>info</h3>
  1574. custom psd comes free with your icon batch & borders, watermarks, & sizes are per your request & totally free!! i often use screencapped.net & kissthemgoodbye for screencaps, but if you want, i can make my own caps at an extra cost we can determine later!!
  1575.  
  1576. <h3>examples</h3>
  1577. <center>
  1578. <a href="http://static.tumblr.com/qdetznf/HrUo64em3/0.png" target="blank">✖</a>
  1579. </center>
  1580.  
  1581. </li>
  1582.  
  1583. <!-------------------------------------->
  1584.  
  1585. <li>
  1586.  
  1587. <h3>i. extras</h3>
  1588. any other graphics you may want like a self promo or a character edit or a manip will cost extra. usually $5-6 depending on what it includes but we can always discuss that privately!! i'm not as keen to doing promos & whatnot which is why this section is so vague. oops.
  1589.  
  1590. <h3>ii. to do list - 0</h3>
  1591.  
  1592. </li>
  1593.  
  1594. </ul>
  1595. </div>
  1596.  
  1597. </div>
  1598.  
  1599. </div>
  1600. </div></div></div></div></div></div></div></div></div></div>
  1601.  
  1602.  
  1603.  
  1604.  
  1605. <div id="links">
  1606. <a href="{text:Link1}" title="{text:Link1 Text}">.01</a>
  1607.  
  1608. <a href="#?w=300" rel="box1" class="poplight" title="{text:Link2 Text}">.02</a>
  1609.  
  1610. <a title="navigate"><zeep>.03</zeep></a>
  1611.  
  1612. <div class="zorp">
  1613. <a href="#?w=270" rel="box2" class="poplight">{text:Link3 Text}</a><br>
  1614.  
  1615. <a href="#?w=270" rel="box3" class="poplight">{text:Link4 Text}</a><br>
  1616.  
  1617. <a href="#?w=270" rel="box4" class="poplight">{text:Link5 Text}</a><br>
  1618.  
  1619. <a href="#?w=270" rel="box5" class="poplight">commissions</a><br>
  1620.  
  1621. </div>
  1622. </div>
  1623.  
  1624. <div id="pagination">
  1625. {block:Pagination}
  1626. {block:PreviousPage}<a href="{PreviousPage}">back</a> /{/block:PreviousPage}
  1627. {block:NextPage}/ <a href="{NextPage}">forth</a>{/block:NextPage}
  1628. {/block:Pagination}</div>
  1629.  
  1630. <div id="entries">
  1631. {block:Posts}
  1632. <div id="post">
  1633.  
  1634. {block:Photo}
  1635. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="500px" />{LinkCloseTag}
  1636. {block:Caption}{Caption}{/block:Caption}
  1637. {/block:Photo}
  1638.  
  1639. {block:Photoset}
  1640. <div id="photoset"><center>{Photoset}</center></div>
  1641. {block:Caption}{Caption}{/block:Caption}
  1642. {/block:Photoset}
  1643.  
  1644. {block:Video}
  1645. <div id="photoset"><center>{Video-250}</center></div>
  1646. {block:Caption}{Caption}{/block:Caption}
  1647. {/block:Video}
  1648.  
  1649. {block:Audio}
  1650. {block:AlbumArt}
  1651. <div class="albumart">
  1652. <img src="{AlbumArtURL}" width="65px" align="left"></div>
  1653. {/block:AlbumArt}
  1654. <div class="audio">
  1655. <div id="audioplayer">{AudioPlayerWhite}</div>
  1656. <div class="audioinfo">{block:TrackName}<b>track</b>: <span style="float:right; text-transform:uppercase; font-size:11px">{TrackName}</span>{/block:TrackName}<br />
  1657. {block:Artist}<b>artist</b>: <span style="float:right; text-transform:uppercase; font-size:11px">{Artist}</span> {/block:Artist}<br />
  1658. {block:Album}<b>album</b>: <span style="float:right; text-transform:uppercase; font-size:11px">{Album}</span> {/block:Album}
  1659. </div></div>
  1660. {block:Caption}{Caption}{/block:Caption}
  1661. {/block:Audio}
  1662.  
  1663. {block:Quote}
  1664. <div style="font-size:14px; line-height:18px; text-align:justify; font-family:'petit formal script', cursive; text-shadow: 0px 0px 4px #555;"><div style="position:absolute; opacity:.3; font-size:85px; font-style:normal; margin-top:20px; margin-left:-5px; text-shadow:none;">❝</div><big>{Quote}</big></div>
  1665. {block:Source}<br>
  1666. <div style="text-align: right;">&mdash; &nbsp;<i>{Source}</i></div>
  1667. {/block:Source}
  1668. {/block:Quote}
  1669.  
  1670. {block:Text}
  1671. {block:Title}<h1>{Title}</h1><br />{/block:Title}
  1672. {Body}
  1673. {/block:Text}
  1674.  
  1675. {block:Answer}
  1676. <div id="asker">{Asker}</div>
  1677. <div id="question">{Question}</div>
  1678. {Answer}
  1679. {/block:Answer}
  1680.  
  1681. {block:Chat}
  1682. {block:Title}<h1>{Title}</h1><br />{/block:Title}
  1683. <div class="chat">
  1684. <ul>
  1685. {block:Lines}
  1686. <li class="{Alt}">
  1687. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}
  1688. </li>
  1689. {/block:Lines}
  1690. </ul>
  1691. </div>
  1692. {/block:Chat}
  1693.  
  1694. {block:Link}
  1695. <a href="{URL}" >{Name}</a>
  1696. {block:Description}<br />{Description}{/block:Description}
  1697. {/block:Link}
  1698.  
  1699. <div id="info">
  1700.  
  1701. <div id="reblog"><a href="{ReblogURL}" title="reblog" target="_blank">●</a></div>
  1702.  
  1703. {block:Date}
  1704. <div id="date"><a href="{Permalink}" title="{TimeAgo}">●</a></div>
  1705. {/block:Date}
  1706.  
  1707. {block:NoteCount}
  1708. <div id="notecount"><a href="{Permalink}" title="{NoteCountWithLabel}">●</a></div>
  1709. {/block:NoteCount}
  1710.  
  1711. {block:RebloggedFrom}
  1712. <div id="via"><a href="{ReblogParentURL}" title="via {ReblogParentName}">●</a></div>
  1713.  
  1714. {block:ContentSource}
  1715. <div id="src"><a href="{SourceURL}" title="{SourceTitle}">●</a></div>
  1716. {/block:ContentSource}
  1717. {/block:RebloggedFrom}
  1718.  
  1719. </div>
  1720.  
  1721. <div id="line"></div>
  1722.  
  1723. <div id="tags">
  1724. {block:HasTags}
  1725. {block:Tags}
  1726. <a href="{TagUrl}">#{Tag}</a> &nbsp;&nbsp;
  1727. {/block:Tags}
  1728. {/block:HasTags}
  1729. </div>
  1730.  
  1731.  
  1732. </div>
  1733.  
  1734. {block:PostNotes}
  1735. <div id="notes">{PostNotes}</div>
  1736. {/block:PostNotes}
  1737.  
  1738. {/block:Posts}
  1739. </div>
  1740.  
  1741. <!--
  1742. <div id="credit">
  1743. <a href="http://deathcursed.tumblr.com" title="theme by bean" target="_blank">B</a>
  1744. </div>-->
  1745.  
  1746. </body>
  1747. </html>
  1748.  
  1749.  
  1750.  
  1751.  
  1752. <!----------->
  1753.  
  1754.  
  1755.  
  1756.  
  1757.  
  1758. <!----------->
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!