API tools faq
paste
Advertisement
Guest User

Christmas Theme

a guest
Jun 26th, 2017
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  6.  
  7. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  8.  
  9. <script type="text/javascript">
  10. // <![CDATA[
  11. var colour="#e4e4e4"; // what colour are the blobs
  12. var speed=50; // speed of animation, lower is faster
  13. var blobs=10; // how many blobs are in the jar
  14. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  15.  
  16. /***************************\
  17. * Blobs in a Jar Effect *
  18. * (c)2012 mf2fm web-design *
  19. * http://www.mf2fm.com/rv *
  20. * DON'T EDIT BELOW THIS BOX *
  21. \***************************/
  22.  
  23. window.onload=fill_the_jar;
  24. var div;
  25. var xpos=new Array();
  26. var ypos=new Array();
  27. var zpos=new Array();
  28. var dx=new Array();
  29. var dy=new Array();
  30. var dz=new Array();
  31. var blob=new Array();
  32. var swide=800;
  33. var shigh=600;
  34. function fill_the_jar() {
  35. var i, dvs;
  36. div=document.createElement('div');
  37. dvs=div.style;
  38. dvs.position='fixed';
  39. dvs.left='0px';
  40. dvs.top='0px';
  41. dvs.width='1px';
  42. dvs.height='1px';
  43. document.body.appendChild(div);
  44. set_width();
  45. for (i=0; i<blobs; i++) {
  46. add_blob(i);
  47. jamjar(i);
  48. }
  49. }
  50.  
  51. function add_blob(ref) {
  52. var dv, sy;
  53. dv=document.createElement('div');
  54. dv.appendChild(document.createTextNode(charc));
  55. sy=dv.style;
  56. sy.position='absolute';
  57. sy.textAlign="center";
  58. if (navigator.appName=="Microsoft Internet Explorer") {
  59. sy.fontSize="10px";
  60. sy.width="100px";
  61. sy.height="100px";
  62. sy.paddingTop="40px";
  63. sy.color=colour;
  64. }
  65. else sy.color='rgba(0,0,0,0)';
  66. ypos[ref]=Math.floor(shigh*Math.random());
  67. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  68. xpos[ref]=Math.floor(swide*Math.random());
  69. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  70. zpos[ref]=Math.random()*20;
  71. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  72. blob[ref]=dv;
  73. div.appendChild(blob[ref]);
  74. set_blob(ref);
  75. }
  76. function rejig(ref, xy) {
  77. if (xy=='y') {
  78. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  79. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  80. }
  81. else {
  82. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  83. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  84. }
  85. }
  86. function sign(a) {
  87. if (a<0) return (-2);
  88. else if (a>0) return (2);
  89. else return (0);
  90. }
  91. function set_blob(ref) {
  92. var sy;
  93. sy=blob[ref].style;
  94. sy.top=ypos[ref]+'px';
  95. sy.left=xpos[ref]+'px';
  96. if (navigator.appName=="Microsoft Internet Explorer") {
  97. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  98. sy.fontSize=30-zpos[ref]+"px";
  99. }
  100. else {
  101. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  102. sy.fontSize=40+zpos[ref]+'px';
  103. }
  104. }
  105. function jamjar(ref) {
  106. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  107. ypos[ref]+=dy[ref];
  108. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  109. xpos[ref]+=dx[ref];
  110. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  111. zpos[ref]+=dz[ref];
  112. set_blob(ref);
  113. setTimeout("jamjar("+ref+")", speed);
  114. }
  115.  
  116. window.onresize=set_width;
  117. function set_width() {
  118. var sw_min=999999;
  119. var sh_min=999999;
  120. if (document.documentElement && document.documentElement.clientWidth) {
  121. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  122. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  123. }
  124. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  125. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  126. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  127. }
  128. if (document.body.clientWidth) {
  129. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  130. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  131. }
  132. if (sw_min==999999 || sh_min==999999) {
  133. sw_min=800;
  134. sh_min=600;
  135. }
  136. swide=sw_min;
  137. shigh=sh_min;
  138. }
  139. // ]]>
  140. </script>
  141.  
  142. <script>
  143. (function($){
  144. $(document).ready(function(){
  145. $("a[title]").style_my_tooltips({
  146. tip_follows_cursor:true,
  147. tip_delay_time:90,
  148. tip_fade_speed:600,
  149. attribute:"title"
  150. });
  151. });
  152. })(jQuery);
  153. </script>
  154.  
  155. <script type="text/javascript"
  156. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  157. <script>
  158. $(document).ready(function() {
  159. //
  160. $('a.poplight[href^=#]').click(function() {
  161. var popID = $(this).attr('rel'); //Get Popup Name
  162. var popURL = $(this).attr('href'); //Get Popup href to define size
  163. var query= popURL.split('?');
  164. var dim= query[1].split('&');
  165. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  166. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  167. var popMargTop = ($('#' + popID).height() + 80) / 2;
  168. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  169. //Apply Margin to Popup
  170. $('#' + popID).css({
  171. 'margin-top' : -popMargTop,
  172. 'margin-left' : -popMargLeft
  173. });
  174. $('body').append('<div id="fade"></div>');
  175. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  176. return false;
  177. });
  178. $('a.close, #fade').live('click', function() {
  179. $('#fade , .popup_block').fadeOut(function() {
  180. $('#fade, a.close').remove(); //fade them both out
  181. });
  182. return false;
  183. });
  184. });
  185. </script>
  186.  
  187. <title>{Title}</title>
  188. <link rel="shortcut icon" href="http://67.media.tumblr.com/tumblr_lkl6a5uyS01qfamg6.gif">
  189. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  190. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  191.  
  192. <!---- this is theme 51
  193. by Hollywhood
  194. please don't remove the credit
  195. thank you
  196. --->
  197.  
  198. <meta name="color:background" content="#ffffff"/>
  199. <meta name="color:text" content="#9B9B9B"/>
  200. <meta name="color:link" content="#b8b8b8"/>
  201. <meta name="color:link hover" content="#eeeeee"/>
  202. <meta name="color:scrollbar" content="#999999">
  203. <meta name="color:bold" content="#cecece">
  204. <meta name="color:italic" content="#cecece">
  205. <meta name="color:border" content="#cecece">
  206. <meta name="color:info bg" content="#cecece">
  207. <meta name="color:post bg" content="#cecece">
  208. <meta name="color:blockquotes" content="#cecece">
  209.  
  210. <link href='https://fonts.googleapis.com/css?family=Roboto:500' rel='stylesheet' type='text/css'>
  211. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  212. <link href='https://fonts.googleapis.com/css?family=Open+Sans:600italic' rel='stylesheet' type='text/css'>
  213. <link href='https://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
  214. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  215.  
  216. <style type="text/css">
  217.  
  218. ::selection {
  219. background:transparent;
  220. color:#a25858;
  221. text-shadow: 0px 1px 1px #c6c6c6;
  222. }
  223. ::-moz-selection {
  224. background:transparent;
  225. color:#a25858;
  226. text-shadow: 0px 1px 1px #c6c6c6;
  227. }
  228.  
  229. #s-m-t-tooltip {
  230. font-family:'Roboto';
  231. max-width:300px;
  232. padding:3px 7px 3px 8px;
  233. margin:-20px 0px 0px 20px;
  234. background-color:#9a7474;
  235. color:#fff;
  236. font-size:7px;
  237. text-transform:uppercase;
  238. z-index:999999;
  239. letter-spacing:1px;
  240. border-radius:4px;
  241. -webkit-border-radius:5px;
  242. -moz-border-radius:5px;
  243. }
  244.  
  245.  
  246. ::-webkit-scrollbar-thumb{
  247. background-color: transparent;
  248. border: 0px transparent;
  249. height:auto;
  250. }
  251.  
  252. ::-webkit-scrollbar {
  253. height:auto;
  254. width:0px;
  255. background-color: transparent;
  256. border:0px transparent;
  257. }
  258.  
  259. iframe#tumblr_controls {
  260. white-space:nowrap;
  261. -webkit-filter: invert(100%);
  262. -moz-filter: invert(100%);
  263. -o-filter: invert(100%);
  264. -ms-filter: invert(100%);
  265. filter: invert(100%);
  266. opacity:.2;transition: .8s ease-in-out;
  267. -webkit-transition: .8s ease-in-out;
  268. -moz-transition: .8s ease-in-out;
  269. -o-transition: .8s ease-in-out;
  270. }
  271.  
  272.  
  273. .html_photoset {
  274. height: auto;
  275. opacity: 0.7;
  276. -webkit-transition: all 0.4s ease-in-out;
  277. -moz-transition: all 0.4s ease-in-out;
  278. -o-transition: all 0.4s ease-in-out;
  279. -ms-transition: all 0.4s ease-in-out;
  280. transition: all 0.4s ease-in-out;
  281. }
  282.  
  283. .html_photoset:hover {
  284. height: auto;
  285. opacity: 1.0;
  286. -webkit-transition: all 0.4s ease-in-out;
  287. -moz-transition: all 0.4s ease-in-out;
  288. -o-transition: all 0.4s ease-in-out;
  289. -ms-transition: all 0.4s ease-in-out;
  290. transition: all 0.4s ease-in-out;
  291. }
  292.  
  293. ul {
  294. padding-left:20px;
  295. }
  296.  
  297. blockquote {
  298. border-left:1px solid;
  299. border-color:{color:blockquotes};
  300. padding-left:12px;
  301. margin:12px;
  302. text-align:justify;
  303. }
  304.  
  305. blockquote img {
  306. max-width:100%;
  307. height:auto;
  308. text-align:justify;
  309. }
  310.  
  311. blockquote blockquote img {
  312. max-width: 100%;
  313. height: auto;
  314. text-align:justify;
  315. }
  316.  
  317. post img {
  318. max-width:100%;
  319. height:auto;
  320. }
  321.  
  322. body {
  323. background:url('http://i.imgur.com/zs7nzfl.png') #F7F7F7 no-repeat;
  324. font-family:helvetica;
  325. text-transform:uppercase;
  326. color:{color:text};
  327. text-align:justify;
  328. font-size:8px;
  329. line-height:17px;
  330. letter-spacing:1.5px;
  331. }
  332.  
  333. a {
  334. text-decoration:none;
  335. outline:none;
  336. -moz-outline-style:none;
  337. color:{color:link};
  338. text-shadow:0px 0px 1px #B0B0B0;
  339. -moz-transition-duration:0.5s;
  340. -webkit-transition-duration:0.5s;
  341. -o-transition-duration:0.5s;
  342. }
  343.  
  344. a:hover {
  345. outline:none;
  346. -moz-outline-style:none;
  347. color:{color:link hover};
  348. }
  349.  
  350. h1 {
  351. line-height:100%;
  352. font-family:'Roboto', sans-serif;
  353. font-size:17px;
  354. text-transform:uppercase;
  355. text-align:center;
  356. color:{color:link hover};
  357. }
  358.  
  359. h2 {
  360. line-height:100%;
  361. font-family:'Roboto', sans-serif;
  362. font-size:15px;
  363. text-transform:uppercase;
  364. color:{color:bold};
  365. text-shadow:0px 1px 1px #BEBEBE;
  366. }
  367.  
  368. h3 {
  369. text-align:center;
  370. text-transform:lowercase;
  371. font-family:'Homemade Apple', cursive;
  372. text-shadow:0px 0px 1px #7C7C7C;
  373. color:#fff;
  374. font-size:16px;
  375. }
  376.  
  377. b, strong {
  378. font-family:'Oswald', sans-serif;
  379. text-transform:uppercase;
  380. letter-spacing:2px;
  381. text-shadow:0px 0px 1px #7C7C7C;
  382. color:#fff;
  383. font-size:11px;
  384. }
  385.  
  386. i, em {
  387. text-transform:lowercase;
  388. font-family:'Homemade Apple', cursive;
  389. text-shadow:0px 0px 1px #7C7C7C;
  390. color:#fff;
  391. font-size:11.5px;
  392. }
  393.  
  394. #quote {
  395. text-transform:lowercase;
  396. font-family:'Open Sans', sans-serif;
  397. text-shadow:.5px .5px 0px #b4b4b4;
  398. color:{color:italic};
  399. font-size:14px;
  400. text-align:left;
  401. }
  402.  
  403. #post {
  404. width:290px;
  405. padding-top:15px;
  406. padding-left:10px;
  407. padding-right:10px;
  408. padding-bottom:20px;
  409. background-color:{color:post bg};
  410. margin-bottom:25px;
  411. }
  412.  
  413. #entries {
  414. overflow:scroll;
  415. position:absolute;
  416. padding:10px;
  417. height:312px;
  418. width:299px;
  419. margin-left:512px;
  420. margin-top:-73px;
  421. }
  422.  
  423. #entries img {
  424. -webkit-transition: opacity 0.8s linear;
  425. opacity: 0.70;
  426. }
  427. #entries img:hover{
  428. -webkit-transition: opacity 0.8s linear;
  429. opacity: 1;
  430. }
  431.  
  432. #sidebar {
  433. color:{color:text};
  434. position:fixed;
  435. width:100px;
  436. height:auto;
  437. margin-top:528px;
  438. margin-left:160px;
  439. text-align:left;
  440. }
  441.  
  442. #links {
  443. position:fixed;
  444. font-family:helvetica;
  445. width:200px;
  446. margin-top:-384px;
  447. margin-left:605px;
  448. font-size:16px;
  449. color:#f7f3ef;
  450. letter-spacing:-12px;
  451. text-align:left;
  452. text-shadow:1px 2px 1px #EBEBEB;
  453. }
  454.  
  455. #links a{
  456. line-height:150%;
  457. background:transparent;
  458. padding-right:6px;
  459. padding-left:6px;
  460. text-shadow:none;
  461. color:{color:link};
  462. text-decoration:none;
  463. -moz-transition-duration:.7s;
  464. -webkit-transition-duration:.7s;
  465. -o-transition-duration:.7s;
  466. }
  467.  
  468. #links a:hover {
  469. color: {color:link hover};
  470. -moz-transition-duration:0.7s;
  471. -webkit-transition-duration:0.7s;
  472. -o-transition-duration:0.7s;
  473. }
  474.  
  475. #description {
  476. position:absolute;
  477. width:100px;
  478. font-family:arial;
  479. margin-top:-40px;
  480. margin-left:838px;
  481. text-align:justify;
  482. padding-left:10px;
  483. font-size:9px;
  484. color: {color:text};
  485. line-height:140%;
  486. -moz-transition-duration:1s;
  487. -webkit-transition-duration:1s;
  488. -o-transition-duration:1s;
  489. }
  490.  
  491. #description a {
  492. color:{color:link};
  493. }
  494.  
  495. #description a:hover {
  496. color:{color:link hover};
  497. }
  498.  
  499. #info {
  500. outline:1px #EBEBEB;
  501. font-family:'Marvel';
  502. width:290px;
  503. margin-top:10px;
  504. margin-left:0px;
  505. padding-top:7px;
  506. padding-bottom:7px;
  507. font-size:10px;
  508. color:#9D9D9D;
  509. text-transform:uppercase;
  510. background-color:#E9E9E9;
  511. text-align:center;
  512. -moz-transition-duration:0.2s;
  513. -webkit-transition-duration:0.2s;
  514. -o-transition-duration:0.2s;
  515. }
  516.  
  517. #info a {
  518. color:{color:text};
  519. font-style:normal;
  520. text-shadow:none;
  521. }
  522.  
  523. #info a:hover {
  524. color:{color:link hover};
  525. -moz-transition-duration:0.2s;
  526. -webkit-transition-duration:0.2s;
  527. -o-transition-duration:0.2s;
  528. }
  529.  
  530. .tags {
  531. font-family: 'Marvel';
  532. width:250px;
  533. text-transform:uppercase;
  534. font-style:normal;
  535. line-height:120%;
  536. padding-top:5px;
  537. font-size:8px;
  538. text-align:center;
  539. -moz-transition-duration:0.2s;
  540. -webkit-transition-duration:0.2s;
  541. -o-transition-duration:0.2s;
  542. }
  543. .tags a{
  544. margin-right:6px;
  545. color:{color:text};
  546. }
  547. .tags a:hover{
  548. color:{color:link hover};
  549. }
  550.  
  551. #post:hover .tags{
  552. opacity:1;
  553. }
  554.  
  555. .audio{
  556. font-family:'Marvel';
  557. height:65px;
  558. overflow:hidden;
  559. padding-left:8px;
  560. font-size:9px;
  561. }
  562.  
  563. .question {
  564. font-family:Marvel;
  565. text-transform:uppercase;
  566. padding-left:15px;
  567. padding-right:15px;
  568. padding-bottom:10px;
  569. font-size:11px;
  570. letter-spacing:.5px;
  571. text-align:center;
  572. color:{color:text};
  573. background:{color:info bg};
  574. line-height:130%;
  575. }
  576.  
  577. .answer {
  578. text-align:justify;
  579. padding:7px;
  580. color:{color:text};
  581. }
  582.  
  583. #chat {
  584. line-height:150%;
  585. list-style:none;
  586. font-family:'Marvel';
  587. font-size:10px;
  588. }
  589.  
  590. .line.even {
  591. background:#ffffff;
  592. margin-bottom:3px;
  593. padding:5px;
  594. list-style:none;
  595. font-size:10px;
  596. }
  597.  
  598. .line.odd {
  599. background:#f7f7f7;
  600. margin-bottom:3px;
  601. padding:5px;
  602. list-style:none;
  603. font-size:10px;
  604. }
  605.  
  606. .label {
  607. padding-right:1px;
  608. text-transform:normal;
  609. font-weight:bold;
  610. color:{color:link};
  611. }
  612.  
  613. #credit {
  614. font-size:9px;
  615. -moz-transition-duration:0.5s;
  616. -webkit-transition-duration:0.5s;
  617. -o-transition-duration:0.5s;
  618. }
  619.  
  620. #credit a {
  621. background-color:#fff;
  622. padding:0px;
  623. border:1px solid #e9e9e9;
  624. position:fixed;
  625. right:15px;
  626. bottom:10px
  627. }
  628.  
  629. #credit a:hover {
  630. color:#fff;
  631. background-color:#fff;
  632. }
  633.  
  634. #pagination {
  635. width:200px;
  636. font-weight:bold;
  637. font-size:10px;
  638. padding-left:5px;
  639. letter-spacing:3px;
  640. text-align:center;
  641. text-transform:uppercase;
  642. }
  643.  
  644. #pagination a {
  645. color:{color:link};
  646. }
  647.  
  648. .popup_block{
  649. display:none;
  650. padding-left:10px;
  651. padding-right:10px;
  652. height:346px;
  653. overflow:scroll;
  654. float:left;
  655. position:fixed;
  656. overflow-y:scroll;
  657. overflow-x:hidden;
  658. font-family:arial;
  659. top:385px;
  660. left:1032px;
  661. z-index:99999;
  662. }
  663.  
  664. *html #fade { position: absolute; }
  665. *html .popup_block { position: absolute; }
  666. #fade {
  667. display:none;
  668. position:fixed;
  669. left:0px;
  670. top:0px;
  671. width:100%;
  672. height:100%;
  673. z-index:9999;
  674. background:transparent;
  675. opacity:0;
  676. }
  677.  
  678. #overlay {
  679. position:fixed;
  680. left:550px;
  681. top:100px;
  682. }
  683.  
  684. #overlay img {
  685. height:0px;
  686. }
  687.  
  688. {CustomCSS}</style></head><body>
  689.  
  690. <style>html, body, a { cursor:url("http://67.media.tumblr.com/1702aed779807596d368e0a6e47d5870/tumblr_inline_ohfu13RIVT1tfy1zk_75sq.png"), auto !important; }
  691. a:hover{cursor:url("http://67.media.tumblr.com/1702aed779807596d368e0a6e47d5870/tumblr_inline_ohfu13RIVT1tfy1zk_75sq.png"), auto !important; }
  692. </style>
  693.  
  694. <div id="sidebar">
  695.  
  696. <div id="links">
  697. <a href="/" title="daylight">■</a>
  698. <a href="#?w=240" title="soul" rel="box1" class="poplight">■</a>
  699. <a href="#?w=240" title="among" rel="box2" class="poplight">■</a>
  700. <a href="#?w=242" title="twilight" rel="box3" class="poplight">■</a>
  701. <a href="#?w=240" title="hearts" rel="box4" class="poplight">■</a>
  702. </div>
  703.  
  704. <div id="description">
  705.  
  706.  
  707. </div></div>
  708.  
  709. <div style="margin-left:0px;"><img src="http://i.imgur.com/rVC9uuh.gif"></div>
  710. <div style="margin-left:494px; margin-top:-22px;"><img src="http://i.imgur.com/rVC9uuh.gif"></div>
  711. <div style="margin-left:988px; margin-top:-22px;"><img src="http://i.imgur.com/rVC9uuh.gif"></div>
  712. <div style="margin-left:322px; margin-top:99px; opacity:1;"><img src="http://66.media.tumblr.com/96c222a00d6a92ac4710530afd4e74b6/tumblr_inline_ohg116rPNx1tfy1zk_500.gif"></div>
  713. <div id="entries">{block:Posts}<div id="post">
  714.  
  715. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  716.  
  717. <div id="img"><center>{block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}"></center>{LinkCloseTag}{/block:Photo}
  718.  
  719. {block:Photoset}<center>{Photoset-250}</center>{/block:Photoset}</div>
  720.  
  721. {block:Quote}<div id="quote">{Quote}{block:Source}<br><br> <div style="text-align: right; font-size:11px;">— {Source}</div></div>{/block:Source}{/block:Quote}
  722.  
  723. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  724.  
  725. <div id="chat">{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}</div>
  726.  
  727. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; <b>{TrackName}{/block:TrackName}</b>
  728. </div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  729.  
  730. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  731.  
  732. {block:Answer}<div class="question"><br><center><i>{ASKER}</i></center>{Question}</small></small></h2></div><div class="answer"><br>{Answer}</div>{/block:answer}
  733.  
  734. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}" style="background:transparent;padding-left:5px;padding-right:5px;">{Month} {DayOfMonth}</a> {24Hour}:{Minutes}
  735. {/block:Date} {block:NoteCount} そして <a href="{Permalink}">{NoteCount}</a> ハツ {/block:NoteCount}
  736.  
  737. <div style="float:right; opacity:0;"> {block:RebloggedFrom}
  738. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a> {block:ContentSource}
  739. <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>{/block:ContentSource}{/block:RebloggedFrom}
  740. <a title="{SourceTitle}" href="{SourceURL}"></a>
  741. </div>
  742. </div>
  743.  
  744.  
  745. <div class="postnote">
  746. {block:PostNotes}{PostNotes}{/block:PostNotes}
  747. </div>
  748. </div>
  749. {/block:Posts}
  750.  
  751. {block:Pagination}{block:PreviousPage}<center><small><a href="{PreviousPage}"><b>sea</b></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><b>shore</b></a></small></center>{/block:NextPage}{/block:Pagination}{/block:Pagination}
  752.  
  753. </div>
  754. <div id="credit"><a href="/"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="25" height="20">
  755. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  756. <param name="bgcolor" value="#fbf9f5" />
  757. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/t7vzguz47k/BGM_White_ChristmasChristmas_music_box.mp3&amp;width=25&amp;autoplay=1&amp;showslider=0&amp;loadingcolor=fbf9f5&amp;bgcolor=ffffff&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;buttoncolor=d2d2d2&amp;buttonovercolor=d2d2d2" />
  758. </object></a></div> </div>
  759.  
  760. </body>
  761.  
  762. <div id="box1" class="popup_block">
  763. <center><br><h1>いかがなさいましたか？</h1></center>
  764. <iframe frameborder="0" height="260" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/mistlekou.tumblr.com" width="100%"></iframe>
  765. </div>
  766.  
  767. <div id="box2" class="popup_block">
  768. <p align="center"><big><big><big><big><strong>#mistlekou</strong></big></big></big></big><small><br />established july &lsquo;14<br />re-created 20 march</small></p>
  769. <p><strong><big>I.</big></strong>&nbsp;<small>this is an independent, private, and highly selective blog for </small><strong>matsuoka gō</strong><small> of kōji ōji’s </small><em>high☆speed!</em><small> and kyoani's&nbsp;</small><em>free!</em><small> my activity ranges all over the board, which is why i have increased selectivity as to foster more <em>meaningful</em> relationships with gō. if we are not in a mutual follow, please refrain from liking starter calls or asking to interact / sending ic!asks.</small></p>
  770. <p><strong><big>II.</big></strong> <small>my portrayal of gō is set primarily within the second season and post-events. an important fact to note is that, in order to add more </small><i>depth</i><small> to her character where the writers have failed to nuance, i derive upon </small><strong>personal headcanons</strong><small>, all of which are built from existing knowledge / inferences throughout the series, seeing as to how little we know about her </small><strong>( </strong><small>and how little she’s featured, despite her role in the series </small><strong>)</strong><small>. </small><strong>#justiceforgou2k16</strong></p>
  771. <p><strong><big>III.</big></strong> <small>i absolutely adore </small><strong>plotting</strong><small>. please don’t be afraid to ever approach me if you have an idea between our characters! because i can’t write as often as i would like to, i greatly enjoy </small><em>brainstorming</em><small> about various scenarios and headcanons in my spare time as well.</small></p>
  772. <p><strong><big>IV.</big></strong> <small>i adore exploring </small><strong>chemistry</strong><small> within a broad setting of relationships, whether they be familial, antagonistic, friendly, and / or romantic. similarly, although i don’t do exclusives, once i grow </small><em>attached</em><small> to a certain portrayal of a character, i’m less likely to follow duplicates unless i know the writer themself. lastly, although i am a <b>multiship</b> blog, i am not likely to ship with nor interact with duplicates of those whom i am already in a ship with.</small></p>
  773. <p><strong><big>V.</big></strong> <small>i tag all my triggers, if they appear at all. the most common one, in regards to gō's character, would have to be </small><strong>#death</strong><small>, particularly that of family. i make it a point to read everyone’s rules as to ascertain their individual triggers, but if there’s any that i’d missed and you’d like tagged, please let me know asap.</small></p>
  774. <p><strong><big>VII.</big></strong> <small>my name is </small><i>sachi</i><small>, eighteen years old and budding florist; it&rsquo;s nice to meet you!</small></p>
  775. <p align="center"><strong>THANK YOU FOR READING THIS</strong>,<br /><small>let&rsquo;s get along!&nbsp;(♡&acute;艸`)♡</small></p>
  776. <p align="center"><a href="http://hollywhood.tumblr.com"><b>© hollywhood</a></b></small></p>
  777. </div>
  778.  
  779. <div id="box3" class="popup_block">
  780. <h1>海の少女。</h1>
  781. <p align="center"><small>the </small><em>sea</em><small> had always filled her with </small><em>longing,</em><small> although for </small><em>what</em><small> she was never quite sure.</small></p>
  782. <p align="center"><img src="https://66.media.tumblr.com/b0564f727c5c3339f0a9e361207fc518/tumblr_inline_o81g0eRbkX1tfy1zk_500.png" /> <img src="https://66.media.tumblr.com/037f313301c56d9d56a664442c88dc40/tumblr_inline_o81fz6DG7Y1tfy1zk_500.png" /> <img src="https://67.media.tumblr.com/76342e497b64759af3c75941db172958/tumblr_inline_o81fyr2Ms51tfy1zk_500.png" /></p>
  783. <h3>general.</h3>
  784. <p><strong>name.</strong> <small><em>matsuoka gō</em> (松岡 江)<br /></small><strong>nickname.</strong> <small><em>kō</em>, which is the traditional and more feminine reading of the kanji. <i>super manager</i>, as styled by nagisa.<br /></small><strong>species.</strong> <small>human.<br /></small><strong>gender.</strong> <small>cis-female, she/her.</small></p>
  785. <p><strong>birthdate.</strong> <small><a href="http://mistlekou.tumblr.com/post/133222350145" target="_blank">21st of december</a>, 1999.</small><br /><strong>age.</strong> <small>sixteen - eighteen (main verse).</small><br /><strong>astrology.</strong> <small>sagittarius/capricorn cusp.</small><br /><strong>chinese zodiac.</strong> <small>year of the <a href="http://www.chinahighlights.com/travelguide/chinese-zodiac/rabbit.htm">rabbit</a>.</small><br /><strong>myers-briggs.</strong> <small><a href="http://mistlekou.tumblr.com/post/132857785680">enfj</a>.</small></p>
  786. <p><strong>home.</strong> <small>iwatobi, tottori prefecture, japan.<br /></small><strong>family.</strong>&nbsp;<small>mother, brother, deceased father.<br /></small><strong>religion.</strong> <small><a href="http://www.britannica.com/topic/Shinbutsu-shugo">shinbutsu-shūgō</a>, translating to &ldquo;the syncretism of kami and buddhas.&rdquo;</small><br /><strong>occupation.</strong><small>&nbsp;student, swim manager.</small></p>
  787. <p align="center"><img src="https://66.media.tumblr.com/fac1b9ce2003c1e9dc0251389f447bba/tumblr_inline_o81fqeZJQF1tfy1zk_500.png" /> <img src="https://66.media.tumblr.com/6dc6926ed0f7c3cc7401d23780b114f4/tumblr_inline_o81fqjTN6z1tfy1zk_500.png" /> <img src="https://67.media.tumblr.com/0bee0b67dd4011ef3ce4e2b7e96b4786/tumblr_inline_o81fqp7NSI1tfy1zk_500.png" /></p>
  788. <h3>appearance.</h3>
  789. <p><strong>ethnicity, nationality.</strong> <small>japanese.</small><br /><strong>height, weight.</strong> <small>158 cm, 5&prime;2&Prime; in. / 50 kg, 110 lbs. perpetually ectomorphic in nature.<br /></small><strong>hair.</strong> <small>burgundy. silk-spun strands, coarse of strength yet soft in texture. a valentine face framed by a soft fringe, and a tumbling mane tied neatly in high gloriole.<br /></small><strong>eyes.</strong> <small>ruby. the sun inherited <b>(</b> almond-eyed / bright eyes <b>),</b> endlessly lit by an inner flame's tenacity, framed by a sweeping lattice of lashes. a soft crescent moon's resemblance upon hana-emi —— or, a smile as beautiful as when flowers bloom.</small><br /><strong>face claim.</strong> <small>komatsu nana. <a href="http://mistlekou.tumblr.com/tagged/%60-%E2%9D%80%E3%80%82my-love-is-tender%E2%80%9A-tending%E2%80%9A-soft-%2F-melting-butter-love-%2F-an-open-heart-surgery-love."><b>♡</b></a></small></p>
  790. <h3>psyche.</h3>
  791. <p><strong>persona.</strong> <small>the youngest daughter / the <i>tragic</i> daughter / a moonflower triumphed amongst the weed-folk / lily innocence / sunlit meadow / cherry popsicles / a painted girl of clumsy strokes, earnest hues</small><small> / a story of <i>love</i> and <i>survival</i> / dainty hands and tender adoration / open-hearth heart / a thousand watt smile / nectar lips, persephone untouched / girl on the shore: <i>waiting</i>, always waiting.</small></p>
  792. <p><strong>anima.</strong> <small>a collection of summer sorrows / cheeks flushed / unsent letters / mother’s lips, whispering <i>endure</i> / here are the whims you thought you’d buried / but the sun stirs in your eyes / the ocean surges in your veins / so here is the lonely / here, you smothered all your <i>aches</i> / brimming heart, saltwater lungs / nostalgia's swell / across the sea are your <i>yearns</i>: something that lasts, someone who stays.</small><strong><br /></strong></p>
  793. <p><b>adj.</b> <small>refreshing, selfless, affectionate, diligent, astute, encouraging, intuitive, conscientious, impassioned, resourceful, tenacious, trusting. “<i>super manager</i>.”</small></p>
  794. <p align="center"><strong><big><a href="http://mistlekou.tumblr.com/tagged/%60-%E2%9D%80%E3%80%82the-heart-shuts-%2F-the-sea-slides-back-%2F-the-mirrors-are-sheeted." title="details">❀</a> <a href="http://mistlekou.tumblr.com/tagged/%60-%E2%9D%80%E3%80%82in-the-deep-spring-of-may-%2F-you-had-no-choice-%2F-but-to-recognize-the-tremblings-of-your-heart." title="introspect">✿</a> <a href="http://mistlekou.tumblr.com/tagged/%60-%E2%9D%80%E3%80%82gou.txt%21" title="gou.txt">❀</a></big></strong></p>
  795. </div></div></div>
  796.  
  797. <div id="box4" class="popup_block">
  798. <h3>details.</h3>
  799. <ul><li><small>greatly enjoys <i><a href="http://i.imgur.com/v4V8b0X.png">calligraphy</a></i>, being a practitioner of the art since junior high. before the swim club’s formation, she had planned to join the calligraphy club instead. takes advanced classes on the weekends, whenever she has time.<br></small></li><li><small>possesses an extensive <a href="http://great-blaster.tumblr.com/post/68785996441">knowledge</a> of human biology and kinesiology due to her zeal for the <i>muscular</i> anatomy. it was when she became manager did she further her studies in these subjects in order to optimize the swim club's physiological strength and capacity.</small></li><li><small>endures great lengths in order to ensure that every swimmer is in <i>peak condition</i>, sacrificing most of her spare time in the process.</small></li><li><small>this demands customizing individual training regimes for each swimmer, meticulously recording their progress throughout, charting their growth and strengths, assessing their personal diets, cooking as a supplement for the poorer aspects of said diets, and taking care of the equipment after practice so that they may rest after.</small></li><li><small>miscellaneous tasks include promoting the swim club, filling out paperwork, planning joint practice sessions with other schools, gathering information upon opposing swim teams, managing the funds for the club, and constantly <i>worrying</i> after her elder brother.</small></li><li><small>her favorite classes are japanese and biology, whereas her least favorite is physical education. she’d much rather <i>spectate</i> than participate.</small></li><li><small>cherries are her favorite fruit, with tulips, peonies, and hydrangeas being her favorite flowers. she has her own windowsill garden box full of vivid blooms, and a small patch for her vegetable garden in the backyard.</small></li><li><small>is afflicted with mild to moderate <i>astraphobia</i>, or the abnormal fear of thunderstorms and / or lightning, stemming from her childhood. typical symptoms include full-body trembles, prickling anxiety, tachycardia, and crying at times. → to be expanded.</small></li><li><small>highly <i>self-sufficient</i>, due to her oft-solitary circumstances at home. as a result, she has a thorough knowledge of practical home skills e.g. fixing the air conditioner, assembling furniture, unclogging toilets, and picking locks. also possesses first aid training.</small></li><li><small>bakes very well, <i>cooks</i> even better, specializing mainly in japanese cuisine although she likes to experiment with other cultures whenever she can. she’s also very keen on the presentation / aesthetics of her meals.</small></li><li><small>proficient in <i>english</i> as a second language, near the point of advanced. <a href="http://i.imgur.com/vmZS3on.png">writes</a> almost as well. in the years that rin was in australia, she decided to dedicate herself to her english studies as a means of becoming closer to him, intending to surprise and impress her brother whenever he came home.</small></li><li><small>does not know how to swim at all. please don't ask her why either.</small></li></ul>
  800. </div></div></div>
  801.  
  802. </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!