API tools faq
paste
Advertisement
Guest User

jessie (janey)

a guest
Mar 6th, 2015
193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.35 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <meta name="color:background" content="#f1f0ef"/>
  10. <meta name="color:nav" content="#fff"/>
  11. <meta name="color:navbg" content="#222"/>
  12. <meta name="color:navbghover" content="#333"/>
  13. <meta name="color:text" content="#d7d7d7"/>
  14. <meta name="color:title" content="#1b1919"/>
  15. <meta name="color:description" content="#1b1919"/>
  16. <meta name="color:link" content="#6d2925"/>
  17. <meta name="color:hover" content="#aa6333"/>
  18. <meta name="color:border" content="#332f2f"/>
  19. <meta name="color:bold" content="#fefeec" />
  20. <meta name="color:italic" content="#9d94ac" />
  21. <meta name="color:blockquote" content="#67565d" />
  22.  
  23.  
  24. <meta name="if:greyscale" content="0"/>
  25. <meta name="font:body font" content="Gibson">
  26. <meta name="text:text size" content="11px" />
  27.  
  28. <meta name="text:status" content=""/>
  29. <meta name="text:drafts" content=""/>
  30. <meta name="text:starters" content=""/>
  31. <meta name="text:inbox" content=""/>
  32.  
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. //
  38. $('a.poplight[href^=#]').click(function() {
  39. var popID = $(this).attr('rel'); //Get Popup Name
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41. var query= popURL.split('?');
  42. var dim= query[1].split('&');
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  45. var popMargTop = ($('#' + popID).height() + 80) / 2;
  46. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  47. //Apply Margin to Popup
  48. $('#' + popID).css({
  49. 'margin-top' : -popMargTop,
  50. 'margin-left' : -popMargLeft
  51. });
  52. $('body').append('<div id="fade"></div>');
  53. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  54. return false;
  55. });
  56. $('a.close, #fade').live('click', function() {
  57. $('#fade , .popup_block , .popup_block2').fadeOut(function() {
  58. $('#fade, a.close').remove(); //fade them both out
  59. });
  60. return false;
  61. });
  62. });
  63. </script>
  64.  
  65.  
  66. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  67.  
  68. <script src="//use.edgefonts.net/couture.js"></script>
  69. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  70. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  71. <script type=”text/javascript” language=”javascript” src=”http://assets.tumblr.com/javascript/tumblelog.js?7”></script>
  72. <script type=”text/javascript”>
  73. $(window).load(function () {
  74. $(‘.content’).masonry({
  75. itemSelector : “.container”,
  76. },
  77. function() { $(‘.content’).masonry({ appendedContent: $(this) }); }
  78. );
  79. });
  80. </script>
  81.  
  82. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  83. <script type="text/javascript">
  84. $(document).ready(function () {
  85. $("#clk").toggle(function() {
  86. $("#upd").show();
  87. }, function() {
  88. $("#upd").hide();
  89. });
  90. });
  91. </script>
  92.  
  93. <style type="text/css">
  94.  
  95. img{
  96. -webkit-transition: opacity 0.8s linear;
  97. opacity: 0.60;
  98. -webkit-filter:grayscale(100%);
  99. }
  100. img:hover{
  101. -webkit-transition: opacity 0.8s linear;
  102. opacity: 1;
  103. -webkit-filter:none;
  104. }
  105.  
  106.  
  107. #fade {
  108. display: none;
  109. background: #000;
  110. position: fixed;
  111. left: 0;
  112. top: 0;
  113. width: 100%;
  114. height: 100%;
  115. opacity: .80;
  116. z-index: 9999;
  117. }
  118.  
  119. .popup_block{
  120. display:none;
  121. background:#fff;
  122. padding:20px;
  123. float:left;
  124. position:fixed;
  125. top:50%;left:50%;
  126. z-index: 99999;
  127. height: 280px;
  128. }
  129.  
  130. .popup_block2{
  131. display:none;
  132. background:#fff;
  133. padding:20px;
  134. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  135. float:left;
  136. position:fixed;
  137. top:50%;left:50%;
  138. z-index: 99999;
  139. height: 370px;
  140. opacity:0.95;
  141. }
  142.  
  143. *html #fade {position: absolute;}
  144. *html .popup_block {position: absolute;}
  145. *html .popup_block2 {position: absolute;}
  146.  
  147.  
  148.  
  149. ::-webkit-scrollbar {
  150. width: 3px;height: 3px;}
  151. ::-webkit-scrollbar-button:start:decrement,
  152. ::-webkit-scrollbar-button:end:increment {
  153. height: 6px;display: block;background-color: transparent;}
  154. ::-webkit-scrollbar-track-piece {
  155. background-color: transparent;}
  156. ::-webkit-scrollbar-thumb:vertical {
  157. height: 9px;background-color: #f1f0ef;}
  158.  
  159. body {
  160. background-color:{color:background};
  161. background-image: url(http://www.pixentral.com/pics/1GSogKBHvOXUsDAy4PIHVVCEgVFB1.png);
  162. background-size: initial;
  163. margin-top:0px;
  164. word-wrap: break-word;
  165. background-position: 0px 0px;
  166. background-attachment: fixed;
  167. background-repeat: no-repeat;
  168. line-height:120%;
  169. color: {color:text};
  170. font-family: georgia;
  171. font-size: 10px;}
  172.  
  173. a {
  174. text-decoration:none;
  175. outline:none;
  176. -moz-outline-style:none;
  177. color:{color:link};
  178. -webkit-transition: all 0.7s ease;
  179. -moz-transition: all 0.7s ease;
  180. -o-transition: all 0.7s ease;}
  181.  
  182. a:hover {
  183. color:{color:hover};
  184. -webkit-transition: all 0.7s ease;
  185. -moz-transition: all 0.7s ease;
  186. -o-transition: all 0.7s ease;}
  187.  
  188. blockquote {
  189. border-left: solid;
  190. border-radius: 4px;
  191. border-left-width: 1.7px;
  192. border-color: {color:Blockquote};
  193. padding-left: 7px;
  194. margin-left: 10px;
  195. }
  196.  
  197. blockquote img {
  198. max-width:100%;}
  199.  
  200. b, strong {
  201. color:{color:bold};}
  202.  
  203. i, em {
  204. color:{color:italic};}
  205.  
  206. small,sup,sub {
  207. font-size:10px}
  208.  
  209. big {
  210. text-transform:uppercase;
  211. letter-spacing:2px;
  212. font-weight:none;
  213. font-size:11px;
  214. color:#fff;
  215. font-family: COUTURE;
  216. }
  217.  
  218. pre {
  219. color:#000;
  220. width:95%;
  221. margin-left:auto;
  222. margin-right:auto;
  223. padding:4px;
  224. padding:10px;
  225. text-align:left;
  226. background:#e9e5e1;
  227. white-space:pre-wrap;
  228. word-wrap:break-word;
  229. font-size:9px;
  230. }
  231.  
  232. img {
  233. max-width:100%;}
  234.  
  235. h1 {
  236. font-size:14px;
  237. letter-spacing: 1.5px;
  238. line-height: 120%;
  239. color:{color:text};
  240. font-family: COUTURE;
  241. font-style: none;
  242. }
  243.  
  244. #navlinks{
  245. position:fixed;
  246. left:1080px;
  247. top:96px;
  248. z-index:999;
  249. margin-left:0px;
  250. font-size: 20px;
  251. letter-spacing:4px;
  252. font-style: none;
  253. text-align: left;
  254. line-height: 40pt;
  255. font-weight: bold;
  256. text-transform: lowercase;
  257. font-family: couture;}
  258.  
  259. #navlinks a{
  260. color: #371014;}
  261.  
  262. #navlinks a:hover{
  263. color: #e4d2c8;
  264. transition-duration: 0.5s;
  265. -moz-transition-duration: 0.5s;
  266. -webkit-transition-duration: 0.5s;
  267. -o-transition-duration: 0.5s; }
  268.  
  269.  
  270. #post {
  271. line-height:120%;
  272. padding: 10px 10px 10px;
  273. width:430px;
  274. padding-bottom:10px;
  275. margin-top:40px;
  276. margin-bottom:0px;
  277. text-align: justify;
  278. margin-left: 70px;
  279. font-size:10px;
  280. }
  281.  
  282.  
  283. #qsource {
  284. margin:0px;
  285. margin-top:-32px;
  286. text-align:center;
  287. letter-spacing:1px;
  288. text-transform:uppercase;
  289. font-size:8px; }
  290.  
  291. #post img {
  292. max-width: 100%;}
  293.  
  294. #container {
  295. background:;
  296. width: 590px;
  297. height:350px;
  298. margin-top:175px;
  299. margin-left:622px;
  300. z-index:999;
  301. opacity:3;
  302. position:absolute;
  303. overflow-y:scroll;
  304. overflow-x:hidden;
  305. padding-top:-20px;
  306. }
  307.  
  308. #side {
  309. position:fixed;
  310. left:{text:sidebar margin left}px;
  311. top:{text:sidebar margin top}px;
  312. width:400px;
  313. height: 40px;
  314. background:transparent;}
  315.  
  316.  
  317. #pagi {
  318. font-family: COUTURE;
  319. font-style:italic;
  320. line-height:100%;
  321. margin-top:473px;
  322. margin-left:-40px;
  323. padding:20px;
  324. width: 250px;
  325. color: #ffffff;
  326. text-align: center;
  327. font-size: 20px;
  328. letter-spacing: 1px;
  329. z-index:9999;
  330. }
  331.  
  332. #pagi a{
  333. color: #bb7c75;}
  334.  
  335. #pagi a:hover{
  336. color: #1e121f;
  337. transition-duration: 0.5s;
  338. -moz-transition-duration: 0.5s;
  339. -webkit-transition-duration: 0.5s;
  340. -o-transition-duration: 0.5s; }
  341.  
  342. .info {
  343. text-transform:uppercase;
  344. padding-top:5px;
  345. font-size:8px;
  346. text-align:center;
  347. margin-top:10px;
  348. line-height:15px;
  349. color:#776567;
  350. }
  351.  
  352. .tag {
  353. color:#776567;
  354. font-size:8px;
  355. font-style:normal;
  356. line-height:10px;
  357. text-align:center;
  358.  
  359. transition-duration: 0.4s;
  360. -moz-transition-duration: 0.4s;
  361. -webkit-transition-duration: 0.4s;
  362. -o-transition-duration: 0.4s;
  363. }
  364.  
  365. .tag a {
  366. color:#555555;
  367. padding:5px;
  368. }
  369.  
  370.  
  371. #asker {
  372. float: left;
  373. margin-right: 10px;}
  374.  
  375. #askurl {
  376. font-family:COUTURE;
  377. font-size:14px;
  378. letter-spacing:2px;
  379. margin-left:10px;
  380. margin-top:-36px;}
  381.  
  382. #question {
  383. font-style: italic;
  384. font-size: 10px;
  385. margin-left:0px;
  386. margin-right:0px;
  387. margin-top:12px;
  388. padding:10px;
  389. text-align:justify;
  390. background:#110e0f;
  391. }
  392.  
  393. #quote {
  394. font-size:28px;
  395. letter-spacing:0px;
  396. font-weight:normal;
  397. padding:0px;
  398. font-family:FLORENCE;
  399. line-height:25px;
  400. border-bottom:1px solid {color:text};
  401. padding-bottom:15px;}
  402.  
  403. #cover {
  404. position: relative;
  405. z-index: 1;
  406. height: 80px;
  407. float:left;
  408. margin:4px;
  409. box-shadow:0px 0px 5px {color:box shadow};}
  410.  
  411. #button {
  412. width:20px;
  413. height:30px;
  414. overflow: hidden;
  415. position: relative;
  416. z-index: 99;
  417. margin: 15px 24px 13px 16px;}
  418.  
  419. #buttons {
  420. background-color: #fff;
  421. position: absolute;
  422. z-index: 99;
  423. margin-top: 15px;
  424. margin-left: 15px;
  425. opacity: 0;
  426. -webkit-transition: opacity 0.5s linear;
  427. -webkit-transition: all 0.5s linear;
  428. -moz-transition: all 0.5s linear;
  429. -o-transition: all 0.5s linear;}
  430.  
  431. #post:hover #buttons {
  432. opacity:1;}
  433.  
  434. .audio {
  435. width: 400px;
  436. margin-bottom: 5px;
  437. text-align: center;
  438. font-size: 12px;
  439. }
  440.  
  441. .audio img {
  442. position: absolute;
  443. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  444. filter: gray; /* IE6-9 */
  445. -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  446. }
  447.  
  448. #play {
  449. position: absolute;
  450. width: 400px;
  451. background-color: white;
  452. opacity: 0.6;
  453. margin-top: -27px;
  454. text-align: center;
  455. }
  456.  
  457. .button {
  458. width:30px;
  459. height:40px;
  460. overflow:hidden;
  461. position:relative;
  462. z-index:1000;
  463. }
  464.  
  465. .note {
  466. text-transform:uppercase;
  467. width:430px;
  468. font-style:normal;
  469. letter-spacing:0px;
  470. font-size: 8px;
  471. text-align:left;
  472. line-height:100%;
  473. margin-left:-7px;}
  474.  
  475. .note li {
  476. list-style-type:none;
  477. border-bottom:1px solid {color:line};
  478. padding:10px 25px 10px 25px;
  479. text-align:left;
  480. -moz-transition-duration:0.5s;
  481. -webkit-transition-duration:0.5s;
  482. -o-transition-duration:0.5s;}
  483.  
  484. .note img.avatar {
  485. margin-right: 10px;
  486. width: 16px;
  487. height: 16px;}
  488.  
  489. #links {
  490. text-align:center;}
  491.  
  492. .links {
  493. display:inline-block;
  494. font-size:12px;
  495. color:{color:nav};
  496. line-height:21px;
  497. text-align:center;
  498. width:22px;
  499. font-weight:normal;
  500. text-transform:uppercase;
  501. letter-spacing:1px;}
  502.  
  503. .link:hover {
  504. opacity:0.7;
  505. color:{color:hover};}
  506.  
  507. div#qTip {
  508. padding:4px 4px;
  509. display: none;
  510. text-align: center;
  511. position: absolute;
  512. font-size:7px;
  513. line-height:10px;
  514. z-index: 9999999;
  515. color: {color:title};
  516. letter-spacing: 2px;
  517. text-transform:uppercase;
  518. border: 1px dotted #ded4d3;
  519. background:#131013;
  520. color:#ded4d3;
  521. font-family: helvetica;
  522. margin:-40px 0 10px -50px; }
  523.  
  524.  
  525.  
  526. #box {
  527. top: 490px;
  528. left: 1040px;
  529. overflow: hidden;
  530. position: fixed;
  531. width: 35px;
  532. height: 35px;
  533. border-radius: 90px;
  534. border: 0px solid #ccc; }
  535. #box img {
  536. margin-top: 10px;
  537. margin-left: -10px;
  538. position: fixed;
  539. -webkit-transition: all 0.7s ease-in-out;
  540. -moz-transition: all 0.7s ease-in-out;
  541. -o-transition: all 0.7s ease-in-out;
  542. -ms-transition: all 0.7s ease-in-out;
  543. transition: all 0.7s ease-in-out; }
  544. #box:hover img {
  545. opacity: 0;
  546. margin-top: 30px;
  547. -webkit-transition: all 0.7s ease-in-out;
  548. -moz-transition: all 0.7s ease-in-out;
  549. -o-transition: all 0.7s ease-in-out;
  550. -ms-transition: all 0.7s ease-in-out;
  551. transition: all 0.7s ease-in-out; }
  552. #player {
  553. margin-top: 12px;
  554. margin-left: 11px;
  555. overflow: hidden;
  556. opacity: 0;
  557. width: 14px;
  558. -webkit-transition: all 0.7s ease-in-out;
  559. -moz-transition: all 0.7s ease-in-out;
  560. -o-transition: all 0.7s ease-in-out;
  561. -ms-transition: all 0.7s ease-in-out;
  562. transition: all 0.7s ease-in-out; }
  563. #box:hover #player {
  564. opacity: 0.5;
  565. -webkit-transition: all 0.7s ease-in-out;
  566. -moz-transition: all 0.7s ease-in-out;
  567. -o-transition: all 0.7s ease-in-out;
  568. -ms-transition: all 0.7s ease-in-out;
  569. transition: all 0.7s ease-in-out; }
  570.  
  571.  
  572.  
  573. #credit {
  574. font-size:8px;
  575. font-family:COUTURE;
  576. font-style: none;
  577. -moz-transition-duration:0.5s;
  578. -webkit-transition-duration:0.5s;
  579. -o-transition-duration:0.5s;
  580. }
  581.  
  582. #credit a {
  583. background:#131013;
  584. color:#fefeec;
  585. border: 1px dotted #375557;
  586. padding:5px;
  587. position:fixed;
  588. right:10px;
  589. bottom:10px;
  590. }
  591.  
  592. #credit a:hover {
  593. color:#fefeec;
  594. }
  595.  
  596.  
  597. @font-face {font-family:COUTURE; src: url(http://static.tumblr.com/tn3choy/tI5nj04rm/couture-bld.otf) format(“truetype”); }
  598.  
  599. @font-face {font-family:FLORENCE; src: url(http://static.tumblr.com/tn3choy/cZ9nj3krz/florence-regular.ttf) format(“truetype”); }
  600.  
  601. /************** FLAGS UPDATES TAB **************/
  602. /* tutorial by deanlirium|tumblr (clarence.tk) */
  603.  
  604. #flags {
  605. position:fixed;
  606. top:100px; /* distance from the top of the page - adjust as you wish! */
  607. left:-10px;
  608. text-align:center;
  609. text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
  610. color:#8C8C8C; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  611. font-size:8px; /* adjust font size */
  612. letter-spacing:1px;
  613. z-index:2147483607;
  614. font-family:calibri;}
  615.  
  616.  
  617. #flag1 {
  618. border:solid 6px #4A4A4A; /* flag color */
  619. border-right:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  620. padding-left:10px;
  621. width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  622. height:0px;
  623. position:absolute;
  624. -moz-transition:all 0.7s ease-out;
  625. -webkit-transition:all 0.7s ease-out;
  626. -o-transition:all 0.7s ease-out;}
  627.  
  628. #flag1:hover {
  629. width:180px;} /* lenght of the OPEN flag */
  630.  
  631. #upd1 {
  632. position:absolute;
  633. width:110px;
  634. padding:10px;
  635. padding-left:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
  636. left:-180px;
  637. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  638. opacity:0;
  639. -moz-transition:all 0.7s ease-out;
  640. -webkit-transition:all 0.7s ease-out;
  641. -o-transition:all 0.7s ease-out;}
  642.  
  643. #flag1:hover #upd1{
  644. left:0px;
  645. opacity:1;}
  646.  
  647. /* following is the coding for the other flags - same as above! */
  648.  
  649. #flag2 {
  650. border:solid 6px #8C8C8C;
  651. margin-top:20px;
  652. position:absolute;
  653. border-right:solid 6px transparent;
  654. padding-left:10px;
  655. width:20px;
  656. height:0px;
  657. -moz-transition:all 0.7s ease-out;
  658. -webkit-transition:all 0.7s ease-out;
  659. -o-transition:all 0.7s ease-out;}
  660.  
  661. #flag2:hover {
  662. width:180px;}
  663.  
  664. #upd2 {
  665. position:absolute;
  666. width:110px;
  667. padding:10px;
  668. padding-left:60px;
  669. left:-180px;
  670. margin-top:6px;
  671. opacity:0;
  672. -moz-transition:all 0.7s ease-out;
  673. -webkit-transition:all 0.7s ease-out;
  674. -o-transition:all 0.7s ease-out;}
  675.  
  676. #flag2:hover #upd2{
  677. left:0px;
  678. opacity:1;}
  679.  
  680. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
  681.  
  682. #flag3 {
  683. border:solid 6px #B3B3B3;
  684. position:absolute;
  685. margin-top:40px; /* this one! */
  686. border-right:solid 6px transparent;
  687. padding-left:10px;
  688. width:20px;
  689. height:0px;
  690. -moz-transition:all 0.7s ease-out;
  691. -webkit-transition:all 0.7s ease-out;
  692. -o-transition:all 0.7s ease-out;}
  693.  
  694. #flag3:hover {
  695. width:180px;}
  696.  
  697. #upd3 {
  698. position:absolute;
  699. width:110px;
  700. padding:10px;
  701. padding-left:60px;
  702. left:-180px;
  703. margin-top:6px;
  704. opacity:0;
  705. -moz-transition:all 0.7s ease-out;
  706. -webkit-transition:all 0.7s ease-out;
  707. -o-transition:all 0.7s ease-out;}
  708.  
  709. #flag3:hover #upd3{
  710. left:0px;
  711. opacity:1;}
  712.  
  713. /* to here */</style></head><body><div id="flags">
  714. <div id="flag1"><div id="upd1">
  715.  
  716. JANE FOSTER</br>
  717. <br>SELECTIVE && </br>
  718. <br>SEMI-PRIVATE </br>
  719. <br>MUN: 24</br>
  720. <br>TRIGGER WARNINGS -- </br>
  721.  
  722. </div></div>
  723.  
  724. <div id="flag2"><div id="upd2">
  725.  
  726. STATUS: LURKING </br>
  727. <br>QUEUE: 0 </br>
  728. <br>DRAFTS: 2 </br>
  729. <br>STARTERS: 0 </br>
  730. <br>ASKS: 0</br>
  731.  
  732. </div></div>
  733.  
  734. <!---- if you want more flags, copy from here ---->
  735.  
  736. <div id="flag3"><div id="upd3">
  737.  
  738. STRESS FREE BLOG.
  739. <BR>WRITTEN BY JESSIE.
  740. <BR>READ RULES + ABOUT PAGES BEFORE INTERACTION.
  741.  
  742. </div></div>
  743.  
  744. <!---- to here and change the numbers according to your css! ---->
  745.  
  746. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  747.  
  748. </div>
  749.  
  750.  
  751.  
  752.  
  753.  
  754.  
  755. </div></div>
  756. <div id="side">
  757. <div id="credit"><a href="http://rexofsilva.tumblr.com/">MC</a></div>
  758. <div id="pagi">{Description}<p>{block:Pagination}
  759. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} &nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">forth</a>
  760. {/block:NextPage}
  761. {/block:Pagination}<p>
  762. <div id="navlinks">
  763. <a href="/" title="fall">✘</a>&nbsp;
  764. <a href="#?w=500" rel="box1" class="poplight" title="audience">✘</a>&nbsp;
  765. <a href="#?w=500" rel="box3" class="poplight" title="dossier">✘</a>&nbsp;
  766. <a href="#?w=450" rel="box4" class="poplight" title="rules">✘</a>&nbsp;
  767. <a href="#?w=500" rel="box2" class="poplight" title="navigation">✘</a>
  768. </div>
  769.  
  770. </div>
  771. </div>
  772.  
  773. </div>
  774.  
  775. </div></div>
  776.  
  777.  
  778.  
  779. </div>
  780.  
  781.  
  782. <div id="container">
  783.  
  784. {block:Posts}
  785.  
  786. <div id="post">
  787. {block:Title}<h1>{Title}</h1>{/block:Title}
  788. {block:Text}{Body}{/block:Text}
  789.  
  790. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  791.  
  792. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  793.  
  794. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  795.  
  796. {block:Quote}<div id="quote"><span style="font-family:calibri;font-size:25px;">&#10077; </span> {Quote}</div><br>{block:Source}<div class="qsource"><center>{Source}</center></div>{/block:Source}{/block:Quote}
  797.  
  798. {block:Audio}<div class="audio">
  799. <div style="background-image:url('http://i.imgur.com/P9LwcCD.png'); width: 400px; height:100px; background-position:center;">&nbsp;</div>
  800. <div id="play"><center><div class="button">{AudioPlayerWhite}</div></center></div><p><br>
  801. {block:TrackName}<span style="font-size:10px;"><b>{TrackName}</b></span>{/block:TrackName}
  802. {block:Artist}<span style="font-size:10px;">by <b>{Artist}</b></span>{/block:Artist}
  803. {block:Album}<span style="font-size:10px;">from "<b>{Album}</b>" Album</span>{/block:Album}</div>
  804. {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  805.  
  806. {block:Video}
  807. {Video-400}
  808. {block:Caption}{Caption}{/block:Caption}
  809. {/block:Video}
  810.  
  811. {block:Chat}<font size="1">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}</font>{/block:Chat}
  812.  
  813. {block:Answer}
  814. <div id="ask"><div id="asker"></div><div id="askurl">{Asker}:</div>
  815. <div id="question">{Question}</div></div>{Answer}{/block:Answer}
  816.  
  817. <div class="info">
  818. {block:date}<a href="{Permalink}">
  819. {block:Date}{TimeAgo}</a>{/block:Date}
  820. {block:NoteCount}
  821. with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}
  822. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  823. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  824. {/block:RebloggedFrom} - <a href="{ReblogURL}">reblog</a><br>
  825. </div>
  826.  
  827. <div class="tag">{block:HasTags}{block:Tags}<a href="{TagURL}"># {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  828. </div>
  829.  
  830. {block:PostNotes}
  831. <div class="note">
  832. {PostNotes}
  833. </div>
  834. {/block:PostNotes}
  835.  
  836. {/block:Posts}
  837.  
  838. </div>
  839.  
  840. {block:ContentSource}
  841. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  842. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  843. {/block:SourceLogo}
  844. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  845. {/block:ContentSource}
  846. </div>
  847.  
  848. </div>
  849. </div>
  850. </body>
  851.  
  852. <div id="box1" class="popup_block" style="height:260px; background:transparent;">
  853. <iframe frameborder="0" height="260" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  854. </div>
  855.  
  856. <div id="box3" class="popup_block2" style="font-size:10px">
  857. <div class="general" style="font-family: cambria; font-size: 8px; font-style: italic; text-transform: uppercase; color: #be9494; -webkit-column-width: 102px; -webkit-column-count: 2; margin-bottom: 10px; line-height: normal; background-color: #000000;">
  858. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #202020; padding-left: 10px; margin-bottom: 3px;">DEFAULT/MAIN</div>
  859. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #303030; padding-left: 10px; margin-bottom: 3px;">ISOLATED ASTROPHYSICIST</div>
  860. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #404040; padding-left: 10px; margin-bottom: 3px;">30 YEARS OLD</div>
  861. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #505050; padding-left: 10px; margin-bottom: 3px;">PRESENT MCU TIMELINE</div>
  862. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #606060; padding-left: 10px; margin-bottom: 3px;">HUMAN???</div>
  863. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #707070; padding-left: 10px; margin-bottom: 3px;">?????</div>
  864. </div>
  865. <div class="desc" style="width: 500px; height: 110px; overflow: auto; font-family: cambria; font-size: 10px; color: #be9494; margin-bottom: 10px; line-height: normal; background-color: #000000;">
  866. <p>Jaded and traumatized after the events of The Dark World, Janie became haunted and lives every day both in guilt and regret. She has been in and out of extensive therapy for Post-Traumatic Stress Disorder.</p>
  867. <p>This portrayal is unlike any other and she has quite a reputation. She's headstrong, stubborn, foolishly brave, brilliant, awkward, fun, and yes, mean. Don't expect her to warm up to you so quickly. She hates SHIELD, hates Odin, but those lucky enough to get close to her will see she has an extremely beautiful side despite rough edges. There is a water motif on this blog because of her moods.</p>
  868. </div>
  869. <div class="general" style="font-family: cambria; font-size: 8px; font-style: italic; text-transform: uppercase; color: #be9494; -webkit-column-width: 102px; -webkit-column-count: 2; margin-bottom: 10px; line-height: normal; background-color: #000000;">
  870. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #202020; padding-left: 10px; margin-bottom: 3px;">SELCTIVE OR BY REQUEST ONLY</div>
  871. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #303030; padding-left: 10px; margin-bottom: 3px;">GODDESS OF DARKNESS</div>
  872. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #404040; padding-left: 10px; margin-bottom: 3px;">OLDER THAN TIME</div>
  873. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #505050; padding-left: 10px; margin-bottom: 3px;">FLUID TIMELINE</div>
  874. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #606060; padding-left: 10px; margin-bottom: 3px;">TRUE RACE UNKNOWN</div>
  875. <div class="gen" style="border-left-width: 10px; border-left-style: solid; border-left-color: #707070; padding-left: 10px; margin-bottom: 3px;">TAKEN BY MISCHIEFWITHABITE</div>
  876. </div>
  877. <div class="desc" style="width: 500px; height: 150px; overflow: auto; font-family: cambria; font-size: 10px; color: #be9494; margin-bottom: 10px; line-height: normal; background-color: #000000;">
  878. <p>An elusive, mysterious being that pre-dates the universe itself, this free spirit will implore you to call her, 'Jane'. Aside from a terrible power this deceivingly beautiful creature possesses, she has a breadth of knowledge which covers all of Yggdrasil's flora, fauna, and peoples...but that does not sate her childlike curiosity.</p>
  879. <p>Sighting her lasts the length of a trick of light nor will she allow you to touch her...unless you are one whom she loves...and there only is, was, and ever will be one.</p>
  880. <p>Should she have a textbook description, it would deem her to be a master guise for the most dangerous of all Infinity Stones, the dark matter 'Aether'. Aether is also a medieval element: dark matter that fills outer space. Essentially she is the embodiment of all the stars in the sky. Culturally she chooses to identify with a race which is nearly as old as she is: the Dokkalfar (Dark Elves) of Svartalfheim. She speaks All-Tongue, yet will try to revert back to her mother tongue which some may identify as 'black speech'.</p>
  881. <p>She has seen the universe begin as does she see the end, for she is the beginning and end of everything. She was never born nor can she die. Her soul and appearance, on the other hand, always has and will be that of her future host, Dr. Jane Foster of Midgard. The magic behind the tiny mortal's gifted mind is because she always was. She has lived trillions of lifetimes before she was even born...and only when finally united with the Aether in her fragile human body does she realize what was meant to be.</p>
  882. <p>Normally she keeps to herself, but due to a certain bitten prince who has stolen the void which could be her heart, she has been emerging much more frequently. Neither good nor evil, she serves solely as a walking omen and a gaze into the past. Her power cannot be contested for matter cannot be created or destroyed. Matter can change into dark matter at her every whim...that is also how she destroys lives in droves. Should she feel so inclined, Jane could bring all forms of life across the universe to their knees and reign over nothing but black, but she will not. When power is all one has, the desire to exert it dwindles. The only event that will force her hand is Ragnarok for once the World Tree sinks into the Sea of Space, she is all that will remain.</p>
  883. <p>This entire verse is&nbsp;<a href="http://datseabass.tumblr.com/tagged/%7B-v%3B-wandering-star-%7D" style="text-decoration: none; color: #be9494;">mischiefwithabite's</a>&nbsp;doing.</p>
  884. </div>
  885. </div>
  886.  
  887. <div id="box4" class="popup_block2" style="font-size:9px; overflow-x:hidden; scrolling:yes; text-align:justify; ">
  888. <big><b>This is an independent roleplay blog for Jane Foster.</b></big>
  889. <br><br>➳Dual verse (see 'about/read first' page). I don't do AU's.
  890. <br>➳Single ship and taken by mischiefwithabite.
  891. <br>➳I make my own icons and they have very specific coloring. Do not steal my icons or we're going to have a very bad time.
  892. <br>➳Any type of RP is acceptable.
  893. <br>➳Hate of any kind will not be tolerated or shown on this blog.
  894. <br>➳If I make an OOC post, it will be tagged 'love jessie and janie'.
  895. <br>➳Mun is 24.
  896. <br>➳There is occasional NSFW prose on this blog, but it will be only with my main partner, under a cut, and tagged accordingly.
  897. <br>➳Godmod and Janie will blast you into another dimension.
  898. <br>➳I work full time during the weekdays and may not be able to respond to you right away, but I swear you're on my radar and I will get to you ASAP.
  899. <br>➳I tend to be very good at staying on top of my threads, but if it's been a few days and you haven't seen a reply, chances are I didn't see it. PLEASE remind me!
  900. <br>➳Skype is available for mutuals.
  901. <br>➳Track Janie with #datseabass
  902. <br>➳I no longer make greeter posts unless I know you.
  903. <br>➳However, feel free to jump in my askbox, tag me in things, jump all over me, whatever. I love surprise interaction.
  904. <br>➳I do not follow for follow, but I look at each and every new blog. I like to build a decent level of interaction to test chemistry before I follow back.
  905. <br><br><b>Have FUN! Go wild. Reach for the stars.</b>
  906. </div>
  907.  
  908. <div id="box2" class="popup_block" style="font-size:8px;">
  909. <center><h2>N A V I G A T I O N</h2></center><br>
  910. <table>
  911. <tr>
  912. <td><div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/navi">FULL NAVI + TAGS</a></div>
  913. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;width:200px;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/selfie+bonanza">SELFIE BONANZA!</a></div>
  914. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/about+janie">WORDS TO LIVE BY</a></div>
  915. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/everything+we+left+behind">POSSESSIONS</a></div>
  916. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/datanswer">ANSWERED</a></div>
  917. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/headcanon">HEADCANON</a></div>
  918. <div style="margin-left:33px;font-size:8px;color:#453220;text-align:center;letter-spacing:4px;font-family:calibri;border-bottom:1px solid #cccccc;padding-top:10px;padding-bottom:10px;text-transform:uppercase;"><a href="/tagged/love+jessie+and+janie">OOC</a></div>
  919. </td>
  920. </tr>
  921. </table>
  922.  
  923. </div>
  924. </div>
  925.  
  926.  
  927. </div></div></div></div></div></div></div></div></div></div>
  928. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!