API tools faq
paste
eiishethemes23

Dainty Harmony Theme

eiishethemes23
Jan 26th, 2012
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2.  
  3. <html>
  4.  
  5. <!--
  6. D A I N T Y H A R M O N Y
  7. theme by http://verifiedsarcastic-fashionista.tumblr.com/
  8. (http://xo-eiishethemes.tumblr.com/)
  9. -->
  10.  
  11. <!-- !updated on 25 Jan 2012 -->
  12.  
  13. <!-- DEFAULTS AND OPTIONS -->
  14.  
  15. <!-- Post Width:
  16. please choose only 1..
  17. (important!) "DO NOT //TOGGLE ON// BOTH OPTIONS". (important!)
  18. thank you!~
  19. if you toggle the option ON for:
  20. (a) 300px = 1 column, 300px posts on both index and permalink pages
  21. (b) 200px = 3 columns (grid), 200px posts on index pages and 300px for each post's permalink page
  22. toggling OFF both options would result to posts with 400px width.
  23. -->
  24. <meta name="if:Post width is 300px" content="1" />
  25. <meta name="if:Post width is 200px" content="0" />
  26.  
  27. <meta name="if:Use tiny cursor" content="1" />
  28. <meta name="if:Disable right click" content="1" />
  29. <meta name="if:Disable zoom" content="1" />
  30. <meta name="if:Customized scrollbar" content="1" />
  31. <meta name="if:Infinite scroll" content="1" />
  32. <meta name="if:Floating sidebar" content="1" />
  33. <meta name="text:Scroll to top image URL" content="http://static.tumblr.com/9xcmrnm/OHelpudlv/1547325104-1.gif" />
  34. <meta name="if:Click to show or hide notes" content="1" />
  35. <meta name="if:Jump pagination" content="1" />
  36.  
  37. <meta name="text:Home link label" content="home" />
  38. <meta name="text:Ask link label" content="ask" />
  39. <meta name="text:RSS link label" content="rss" />
  40. <meta name="text:Archive link label" content="archive" />
  41. <meta name="if:Show description" content="1" />
  42. <meta name="if:Show tags" content="1" />
  43.  
  44. <meta name="if:Show twitter link" content="1" />
  45. <meta name="text:Twitter link label" content="twitter" />
  46. <meta name="text:Twitter username" content="" />
  47. <meta name="if:Show facebook link" content="1" />
  48. <meta name="text:Facebook link label" content="facebook" />
  49. <meta name="text:Facebook ID" content="" />
  50. <meta name="if:Show formspring link" content="1" />
  51. <meta name="text:Formspring link label" content="formspring" />
  52. <meta name="text:Formspring username" content="" />
  53.  
  54. <meta name="text:Custom links title" content="linkies" />
  55. <meta name="text:Link 1" content="link 1" />
  56. <meta name="text:Link 1 URL" content="" />
  57. <meta name="text:Link 2" content="link 2" />
  58. <meta name="text:Link 2 URL" content="" />
  59. <meta name="text:Link 3" content="link 3" />
  60. <meta name="text:Link 3 URL" content="" />
  61. <meta name="text:Link 4" content="link 4" />
  62. <meta name="text:Link 4 URL" content="" />
  63. <meta name="text:Link 5" content="link 5" />
  64. <meta name="text:Link 5 URL" content="" />
  65. <meta name="text:Link 6" content="link 6" />
  66. <meta name="text:Link 6 URL" content="" />
  67. <meta name="text:Link 7" content="link 7" />
  68. <meta name="text:Link 7 URL" content="" />
  69. <meta name="text:Link 8" content="link 8" />
  70. <meta name="text:Link 8 URL" content="" />
  71. <meta name="text:Link 9" content="link 9" />
  72. <meta name="text:Link 9 URL" content="" />
  73. <meta name="text:Link 10" content="link 10" />
  74. <meta name="text:Link 10 URL" content="" />
  75.  
  76. <meta name="text:Asker label" content="" />
  77. <meta name="text:Notes label" content="note(s)" />
  78. <meta name="text:Permalink label" content="permalink" />
  79. <meta name="text:Play count label" content="play(s)" />
  80. <meta name="text:Navigation label" content="navigate" />
  81.  
  82. <meta name="color:Body background" content="#ffdede" />
  83. <meta name="text:Body background URL" content="" />
  84. <meta name="color:Post background" content="#fff" />
  85.  
  86. <meta name="color:Text" content="#814040" />
  87. <meta name="color:Headings" content="#aa6060" />
  88. <meta name="color:Links" content="#fd9393" />
  89. <meta name="color:Links hover" content="#fffeee" />
  90. <meta name="text:Main links height" content="12px" />
  91.  
  92. <!-- Single sidebar image -->
  93. <meta name="text:Sidebar image URL" content="" />
  94. <meta name="text:Sidebar image title" content="" />
  95.  
  96. <!-- Multiple & random sidebar images -->
  97. <meta name="if:Use multiple and randomized sidebar images" content="1" />
  98. <meta name="text:Image One URL" content="" />
  99. <meta name="text:Image Two URL" content="" />
  100. <meta name="text:Image Three URL" content="" />
  101. <meta name="text:Image Four URL" content="" />
  102. <meta name="text:Image Five URL" content="" />
  103. <meta name="text:Image Six URL" content="" />
  104. <meta name="text:Image Seven URL" content="" />
  105. <meta name="text:Image Eight URL" content="" />
  106. <meta name="text:Image Nine URL" content="" />
  107. <meta name="text:Image Ten URL" content="" />
  108.  
  109. <meta name="if:Use consolas font for text" content="0" />
  110. <meta name="font:Use other font for text" content="Helvetica Neue" />
  111. <meta name="if:Use consolas font for headings" content="0" />
  112. <meta name="font:Use other font for headings" content="Trebuchet MS" />
  113. <meta name="if:Uppercase headings" content="1" />
  114. <meta name="if:Use consolas font for links" content="1" />
  115. <meta name="font:Use other font for links" content="" />
  116. <meta name="if:Use consolas font for description" content="1" />
  117. <meta name="font:Use other font for description" content="" />
  118.  
  119. <!-- ^^; -->
  120.  
  121. <head>
  122.  
  123. <script type='text/javascript'>
  124.  
  125. //<![CDATA[
  126.  
  127. var rate = 20;
  128.  
  129. if (document.getElementById)
  130. window.onerror=new Function("return true")
  131.  
  132. var objActive; // The object which event occured in
  133. var act = 0; // Flag during the action
  134. var elmH = 0; // Hue
  135. var elmS = 128; // Saturation
  136. var elmV = 255; // Value
  137. var clrOrg; // A color before the change
  138. var TimerID; // Timer ID
  139.  
  140. if (document.all) {
  141. document.onmouseover = doRainbowAnchor;
  142. document.onmouseout = stopRainbowAnchor;
  143. }
  144. else if (document.getElementById) {
  145. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  146. document.onmouseover = Mozilla_doRainbowAnchor;
  147. document.onmouseout = Mozilla_stopRainbowAnchor;
  148. }
  149.  
  150. function doRainbow(obj)
  151. {
  152. if (act == 0) {
  153. act = 1;
  154. if (obj)
  155. objActive = obj;
  156. else
  157. objActive = event.srcElement;
  158. clrOrg = objActive.style.color;
  159. TimerID = setInterval("ChangeColor()",100);
  160. }
  161. }
  162.  
  163.  
  164. function stopRainbow()
  165. {
  166. if (act) {
  167. objActive.style.color = clrOrg;
  168. clearInterval(TimerID);
  169. act = 0;
  170. }
  171. }
  172.  
  173.  
  174. function doRainbowAnchor()
  175. {
  176. if (act == 0) {
  177. var obj = event.srcElement;
  178. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  179. obj = obj.parentElement;
  180. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  181. break;
  182. }
  183.  
  184. if (obj.tagName == 'A' && obj.href != '') {
  185. objActive = obj;
  186. act = 1;
  187. clrOrg = objActive.style.color;
  188. TimerID = setInterval("ChangeColor()",100);
  189. }
  190. }
  191. }
  192.  
  193.  
  194. function stopRainbowAnchor()
  195. {
  196. if (act) {
  197. if (objActive.tagName == 'A') {
  198. objActive.style.color = clrOrg;
  199. clearInterval(TimerID);
  200. act = 0;
  201. }
  202. }
  203. }
  204.  
  205.  
  206. function Mozilla_doRainbowAnchor(e)
  207. {
  208. if (act == 0) {
  209. obj = e.target;
  210. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  211. obj = obj.parentNode;
  212. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  213. break;
  214. }
  215.  
  216. if (obj.nodeName == 'A' && obj.href != '') {
  217. objActive = obj;
  218. act = 1;
  219. clrOrg = obj.style.color;
  220. TimerID = setInterval("ChangeColor()",100);
  221. }
  222. }
  223. }
  224.  
  225.  
  226. function Mozilla_stopRainbowAnchor(e)
  227. {
  228. if (act) {
  229. if (objActive.nodeName == 'A') {
  230. objActive.style.color = clrOrg;
  231. clearInterval(TimerID);
  232. act = 0;
  233. }
  234. }
  235. }
  236.  
  237.  
  238. function ChangeColor()
  239. {
  240. objActive.style.color = makeColor();
  241. }
  242.  
  243.  
  244. function makeColor()
  245. {
  246. // Don't you think Color Gamut to look like Rainbow?
  247.  
  248. // HSVtoRGB
  249. if (elmS == 0) {
  250. elmR = elmV; elmG = elmV; elmB = elmV;
  251. }
  252. else {
  253. t1 = elmV;
  254. t2 = (255 - elmS) * elmV / 255;
  255. t3 = elmH % 60;
  256. t3 = (t1 - t2) * t3 / 60;
  257.  
  258. if (elmH < 60) {
  259. elmR = t1; elmB = t2; elmG = t2 + t3;
  260. }
  261. else if (elmH < 120) {
  262. elmG = t1; elmB = t2; elmR = t1 - t3;
  263. }
  264. else if (elmH < 180) {
  265. elmG = t1; elmR = t2; elmB = t2 + t3;
  266. }
  267. else if (elmH < 240) {
  268. elmB = t1; elmR = t2; elmG = t1 - t3;
  269. }
  270. else if (elmH < 300) {
  271. elmB = t1; elmG = t2; elmR = t2 + t3;
  272. }
  273. else if (elmH < 360) {
  274. elmR = t1; elmG = t2; elmB = t1 - t3;
  275. }
  276. else {
  277. elmR = 0; elmG = 0; elmB = 0;
  278. }
  279. }
  280.  
  281. elmR = Math.floor(elmR).toString(16);
  282. elmG = Math.floor(elmG).toString(16);
  283. elmB = Math.floor(elmB).toString(16);
  284. if (elmR.length == 1) elmR = "0" + elmR;
  285. if (elmG.length == 1) elmG = "0" + elmG;
  286. if (elmB.length == 1) elmB = "0" + elmB;
  287.  
  288. elmH = elmH + rate;
  289. if (elmH >= 360)
  290. elmH = 0;
  291.  
  292. return '#' + elmR + elmG + elmB;
  293. }
  294.  
  295.  
  296.  
  297. //]]>
  298.  
  299. </script>
  300.  
  301. <script type="text/javascript">
  302.  
  303. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  304.  
  305. function tb8_makeArray(n){
  306.  
  307. this.length = n;
  308.  
  309. return this.length;
  310.  
  311. }
  312.  
  313. tb8_messages = new tb8_makeArray(1);
  314.  
  315. tb8_messages[0] = "YOUR MESSAGE HERE";
  316.  
  317. tb8_rptType = 'infinite';
  318.  
  319. tb8_rptNbr = 5;
  320.  
  321. tb8_speed = 100;
  322.  
  323. tb8_delay = 2000;
  324.  
  325. var tb8_counter=1;
  326.  
  327. var tb8_currMsg=0;
  328.  
  329. var tb8_tekst ="";
  330.  
  331. var tb8_i=0;
  332.  
  333. var tb8_TID = null;
  334.  
  335. function tb8_pisi(){
  336.  
  337. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  338.  
  339. document.title = tb8_tekst;
  340.  
  341. tb8_sp=tb8_speed;
  342.  
  343. tb8_i++;
  344.  
  345. if (tb8_i==tb8_messages[tb8_currMsg].length){
  346.  
  347. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  348.  
  349. }
  350.  
  351. if (tb8_currMsg == tb8_messages.length){
  352. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  353.  
  354. clearTimeout(tb8_TID);
  355.  
  356. return;
  357.  
  358. }
  359.  
  360. tb8_counter++;
  361.  
  362. tb8_currMsg = 0;
  363.  
  364. }
  365.  
  366. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  367.  
  368. }
  369.  
  370. tb8_pisi()
  371.  
  372.  
  373.  
  374. </script>
  375.  
  376. <script type="text/javascript">
  377. // <![CDATA[
  378. var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  379. var sparkles=50;
  380.  
  381. /****************************
  382. * Tinkerbell Magic Sparkle *
  383. *(c)2005-11 mf2fm web-design*
  384. * http://www.mf2fm.com/rv *
  385. * DON'T EDIT BELOW THIS BOX *
  386. ****************************/
  387. var x=ox=400;
  388. var y=oy=300;
  389. var swide=800;
  390. var shigh=600;
  391. var sleft=sdown=0;
  392. var tiny=new Array();
  393. var star=new Array();
  394. var starv=new Array();
  395. var starx=new Array();
  396. var stary=new Array();
  397. var tinyx=new Array();
  398. var tinyy=new Array();
  399. var tinyv=new Array();
  400.  
  401. window.onload=function() { if (document.getElementById) {
  402. var i, rats, rlef, rdow;
  403. for (var i=0; i<sparkles; i++) {
  404. var rats=createDiv(3, 3);
  405. rats.style.visibility="hidden";
  406. document.body.appendChild(tiny[i]=rats);
  407. starv[i]=0;
  408. tinyv[i]=0;
  409. var rats=createDiv(5, 5);
  410. rats.style.backgroundColor="transparent";
  411. rats.style.visibility="hidden";
  412. var rlef=createDiv(1, 5);
  413. var rdow=createDiv(5, 1);
  414. rats.appendChild(rlef);
  415. rats.appendChild(rdow);
  416. rlef.style.top="2px";
  417. rlef.style.left="0px";
  418. rdow.style.top="0px";
  419. rdow.style.left="2px";
  420. document.body.appendChild(star[i]=rats);
  421. }
  422. set_width();
  423. sparkle();
  424. }}
  425.  
  426. function sparkle() {
  427. var c;
  428. if (x!=ox || y!=oy) {
  429. ox=x;
  430. oy=y;
  431. for (c=0; c<sparkles; c++) if (!starv[c]) {
  432. star[c].style.left=(starx[c]=x)+"px";
  433. star[c].style.top=(stary[c]=y)+"px";
  434. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  435. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  436. star[c].style.visibility="visible";
  437. starv[c]=50;
  438. break;
  439. }
  440. }
  441. for (c=0; c<sparkles; c++) {
  442. if (starv[c]) update_star(c);
  443. if (tinyv[c]) update_tiny(c);
  444. }
  445. setTimeout("sparkle()", 40);
  446. }
  447.  
  448. function update_star(i) {
  449. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  450. if (starv[i]) {
  451. stary[i]+=1+Math.random()*3;
  452. if (stary[i]<shigh+sdown && starx[i]>0) {
  453. star[i].style.top=stary[i]+"px";
  454. starx[i]+=(i%5-2)/5;
  455. star[i].style.left=starx[i]+"px";
  456. }
  457. else {
  458. star[i].style.visibility="hidden";
  459. starv[i]=0;
  460. return;
  461. }
  462. }
  463. else {
  464. tinyv[i]=50;
  465. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  466. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  467. tiny[i].style.width="2px";
  468. tiny[i].style.height="2px";
  469. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  470. star[i].style.visibility="hidden";
  471. tiny[i].style.visibility="visible"
  472. }
  473. }
  474.  
  475. function update_tiny(i) {
  476. if (--tinyv[i]==25) {
  477. tiny[i].style.width="1px";
  478. tiny[i].style.height="1px";
  479. }
  480. if (tinyv[i]) {
  481. tinyy[i]+=1+Math.random()*3;
  482. if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
  483. tiny[i].style.top=tinyy[i]+"px";
  484. tinyx[i]+=(i%5-2)/5;
  485. tiny[i].style.left=tinyx[i]+"px";
  486. }
  487. else {
  488. tiny[i].style.visibility="hidden";
  489. tinyv[i]=0;
  490. return;
  491. }
  492. }
  493. else tiny[i].style.visibility="hidden";
  494. }
  495.  
  496. document.onmousemove=mouse;
  497. function mouse(e) {
  498. set_scroll();
  499. y=(e)?e.pageY:event.y+sdown;
  500. x=(e)?e.pageX:event.x+sleft;
  501. }
  502.  
  503. function set_scroll() {
  504. if (typeof(self.pageYOffset)=="number") {
  505. sdown=self.pageYOffset;
  506. sleft=self.pageXOffset;
  507. }
  508. else if (document.body.scrollTop || document.body.scrollLeft) {
  509. sdown=document.body.scrollTop;
  510. sleft=document.body.scrollLeft;
  511. }
  512. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  513. sleft=document.documentElement.scrollLeft;
  514. sdown=document.documentElement.scrollTop;
  515. }
  516. else {
  517. sdown=0;
  518. sleft=0;
  519. }
  520. }
  521.  
  522. window.onresize=set_width;
  523. function set_width() {
  524. if (typeof(self.innerWidth)=="number") {
  525. swide=self.innerWidth;
  526. shigh=self.innerHeight;
  527. }
  528. else if (document.documentElement && document.documentElement.clientWidth) {
  529. swide=document.documentElement.clientWidth;
  530. shigh=document.documentElement.clientHeight;
  531. }
  532. else if (document.body.clientWidth) {
  533. swide=document.body.clientWidth;
  534. shigh=document.body.clientHeight;
  535. }
  536. }
  537.  
  538. function createDiv(height, width) {
  539. var div=document.createElement("div");
  540. div.style.position="absolute";
  541. div.style.height=height+"px";
  542. div.style.width=width+"px";
  543. div.style.overflow="hidden";
  544. return (div);
  545. }
  546.  
  547. function newColour() {
  548. var c=new Array();
  549. c[0]=255;
  550. c[1]=Math.floor(Math.random()*256);
  551. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  552. c.sort(function(){return (0.5 - Math.random());});
  553. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  554. }
  555. // ]]>
  556. </script>
  557.  
  558.  
  559. <title>{Title}</title>
  560. <link rel="shortcut icon" href="{Favicon}" />
  561. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  562. <meta http-equiv="Content-Type" content="text/javascript; charset=utf-8" />
  563. <meta name="description" content="{MetaDescription}" />
  564.  
  565. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  566.  
  567. {block:IfDisableRightClick}
  568. <script language=JavaScript src="http://static.tumblr.com/9xcmrnm/cHglo4x4t/disable_right_click.js">
  569.  
  570. /* get the original version of this
  571. DISABLE RIGHT-CLICK JAVASCRIPT
  572. from http://www.dynamicdrive.com */
  573.  
  574. </script>
  575. {/block:IfDisableRightClick}
  576.  
  577. {block:IfUseMultipleAndRandomizedSidebarImages}
  578. <SCRIPT language=JavaScript>
  579. <!--
  580. /*
  581. -------------------------------------------------------------------------------------------------
  582. Random Image/Link JavaScript(tm) by Jim Matvichuk
  583. This code may be used freely as long as this copyright notice remains with the code.
  584. Copyright© 1997, Jim Matvichuk [email protected] All rights reserved
  585. Last Revision: August 19, 1997
  586. -------------------------------------------------------------------------------------------------
  587. */
  588. G_total_sa = 0;
  589. G_day = new Date();
  590. G_seed = 1+G_day.getTime();
  591. {block:IfImageOneURL}ae_('<IMG SRC="{text:Image One URL}">');{/block:IfImageOneURL}
  592. {block:IfImageTwoURL}ae_('<IMG SRC="{text:Image Two URL}">');{/block:IfImageTwoURL}
  593. {block:IfImageThreeURL}ae_('<IMG SRC="{text:Image Three URL}">');{/block:IfImageThreeURL}
  594. {block:IfImageFourURL}ae_('<IMG SRC="{text:Image Four URL}">');{/block:IfImageFourURL}
  595. {block:IfImageFiveURL}ae_('<IMG SRC="{text:Image Five URL}">');{/block:IfImageFiveURL}
  596. {block:IfImageSixURL}ae_('<IMG SRC="{text:Image Six URL}">');{/block:IfImageSixURL}
  597. {block:IfImageSevenURL}ae_('<IMG SRC="{text:Image Seven URL}">');{/block:IfImageSevenURL}
  598. {block:IfImageEightURL}ae_('<IMG SRC="{text:Image Eight URL}">');{/block:IfImageEightURL}
  599. {block:IfImageNineURL}ae_('<IMG SRC="{text:Image Nine URL}">');{/block:IfImageNineURL}
  600. {block:IfImageTenURL}ae_('<IMG SRC="{text:Image Ten URL}">');{/block:IfImageTenURL}
  601.  
  602. function ae_ (random_item) {
  603. G_total_sa++;
  604. sa [G_total_sa] = random_item;}
  605. function rand() {
  606. RN = parseInt(((G_seed - (parseInt(G_seed/1000,10) * 1000))/10)/100*G_total_sa + 1,10);
  607. return RN;}
  608. function sa () {}
  609. //-->
  610. </SCRIPT>
  611. {/block:IfUseMultipleAndRandomizedSidebarImages}
  612.  
  613. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  614.  
  615. <script type="text/javascript">
  616.  
  617. //** jQuery Scroll to Top Control script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
  618. //** Available/ usage terms at http://www.dynamicdrive.com (March 30th, 09')
  619. //** v1.1 (April 7th, 09'):
  620. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  621. //** 2) Fixes scroll animation not working in Opera.
  622.  
  623.  
  624. var scrolltotop={
  625. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  626. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  627. setting: {startline:100, scrollto: 0, scrollduration:500, fadeduration:[500, 1000]},
  628. controlHTML: '<div style="bottom:10px;position:fixed;left:27%;text-align:center;width:127px;font-size:15px;z-index:1337;"><img width="30px" style="border-radius:100px;-moz-border:100px;" src="{block:IfScrollToTopImageURL}{text:Scroll to top image URL}{/block:IfScrollToTopImageURL}" title="top"></div>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  629. controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
  630. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  631.  
  632. state: {isvisible:false, shouldvisible:false},
  633.  
  634. scrollup:function(){
  635. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  636. this.$control.css({opacity:0}) //hide control immediately after clicking it
  637. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  638. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  639. dest=jQuery('#'+dest).offset().top
  640. else
  641. dest=0
  642. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  643. },
  644.  
  645. keepfixed:function(){
  646. var $window=jQuery(window)
  647. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  648. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  649. this.$control.css({left:controlx+'px', top:controly+'px'})
  650. },
  651.  
  652. togglecontrol:function(){
  653. var scrolltop=jQuery(window).scrollTop()
  654. if (!this.cssfixedsupport)
  655. this.keepfixed()
  656. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  657. if (this.state.shouldvisible && !this.state.isvisible){
  658. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  659. this.state.isvisible=true
  660. }
  661. else if (this.state.shouldvisible==false && this.state.isvisible){
  662. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  663. this.state.isvisible=false
  664. }
  665. },
  666.  
  667. init:function(){
  668. jQuery(document).ready(function($){
  669. var mainobj=scrolltotop
  670. var iebrws=document.all
  671. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  672. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  673. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  674. .click(function(){mainobj.scrollup(); return false})
  675. .appendTo('body')
  676. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  677. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  678. mainobj.togglecontrol()
  679. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  680. mainobj.scrollup()
  681. return false
  682. })
  683. $(window).bind('scroll resize', function(e){
  684. mainobj.togglecontrol()
  685. })
  686. })
  687. }
  688. }
  689.  
  690. scrolltotop.init()
  691.  
  692. /***********************************************
  693. * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  694. * This notice MUST stay intact for legal use
  695. * Visit Project Page at http://www.dynamicdrive.com for full source code
  696. ***********************************************/
  697.  
  698. </script>
  699.  
  700. {block:IfFloatingSidebar}<script type="text/javascript" src="http://static.tumblr.com/9xcmrnm/jvQlomdxc/jonghyun.js"></script>{/block:IfFloatingSidebar}
  701.  
  702. <script type="text/javascript" src="http://static.tumblr.com/9xcmrnm/lGKlpx7fx/jquery.js"></script>
  703.  
  704. <script type="text/javascript" src="http://static.tumblr.com/9xcmrnm/qPllpx7hj/lazyload.js"></script>
  705.  
  706. <script type="text/javascript" charset="utf-8">
  707. var $j = jQuery.noConflict();
  708. $j(function() {
  709. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  710. $j("img").lazyload({
  711. placeholder : "http://static.tumblr.com/9xcmrnm/jqIlpx7n8/grey.gif",
  712. effect: "fadeIn",
  713. });
  714. });
  715. </script>
  716.  
  717. <style type="text/css">
  718.  
  719. *{
  720. {block:IfUseTinyCursor}cursor:url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/03.gif), auto;{/block:IfUseTinyCursor}
  721. {block:IfNotUseTinyCursor}cursor:crosshair;{/block:IfNotUseTinyCursor}
  722. }
  723.  
  724. {block:IfDisableZoom}
  725. html,iframe{
  726. zoom:reset;
  727. }
  728. {/block:IfDisableZoom}
  729.  
  730. div#jonghyun, div#jonghyun a,div#jonghyun br,div#jonghyun center,div#jonghyun div,div#jonghyun img,div#jonghyun span{
  731. {block:IfUseTinyCursor}cursor:url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/03.gif), auto;{/block:IfUseTinyCursor}
  732. {block:IfNotUseTinyCursor}cursor:default;{/block:IfNotUseTinyCursor}
  733. }
  734.  
  735. body{
  736. color:{color:Text};background-color:{color:Body background};background-image:url('{text:Body background URL}');background-attachment: fixed;background-position:center center;background-repeat:repeat;font-size:10px;letter-spacing:2px;text-align:center;
  737. -webkit-transition: all 1s ease-in-out;
  738.  
  739. {block:IfUseConsolasFontForText}font-family:consolas;{/block:IfUseConsolasFontForText}
  740. {block:IfNotUseConsolasFontForText}font-family:{font:Use other font for text};{/block:IfNotUseConsolasFontForText}
  741. }
  742.  
  743. a:link, a:visited, a:active{
  744. color:{color:Links};text-decoration:none;font-size:10px;line-height:10px;text-transform:lowercase;letter-spacing:2px;
  745. -webkit-transition-duration:1s;-moz-transition:1s;
  746.  
  747. {block:IfUseConsolasFontForLinks}font-family:consolas;{/block:IfUseConsolasFontForLinks}
  748. {block:IfNotUseConsolasFontForLinks}font-family:{font:Use other font for links};{/block:IfNotUseConsolasFontForLinks}
  749. }
  750. a:hover{
  751. color:{color:Links hover};font-size:10px;line-height:10px;letter-spacing:2px;
  752. -webkit-transition-duration:.5s;-moz-transition:.5s;cursor:crosshair;
  753. opacity:1;-moz-opacity:1;-khtml-opacity:1;
  754. }
  755.  
  756. small{font-size:100%;}
  757. big{font-size:110%;}
  758.  
  759. strong, em{
  760. color:{color:Headings};font-size:100%;letter-spacing:1px;font-weight:normal;font-style:normal;font-size:10px;
  761. }
  762.  
  763. h1, h2, h3, h4{
  764. color:{color:Headings};font-size:20px;letter-spacing:2px;font-weight:500;line-height:18px;text-shadow: {color:Links hover} 0 1px 0;
  765. margin:3px;
  766.  
  767. {block:IfUppercaseHeadings}text-transform:uppercase;{/block:IfUppercaseHeadings}
  768. {block:IfNotUppercaseHeadings}text-transform:lowercase;{/block:IfNotUppercaseHeadings}
  769.  
  770. {block:IfUseConsolasFontForHeadings}font-family:consolas;{/block:IfUseConsolasFontForHeadings}
  771. {block:IfNotUseConsolasFontForHeadings}font-family:{font:Use other font for headings};{/block:IfNotUseConsolasFontForHeadings}
  772. }
  773.  
  774. blockquote{
  775. text-align:center;
  776. width:390px;
  777. margin:0px;display:block;
  778. }
  779. blockquote img{max-width:300px;}
  780. p{
  781. text-decoration:none;line-height:10px;letter-spacing:1px;
  782. margin:3px;
  783. }
  784. p img{max-width:300px;}
  785.  
  786. div.even{
  787. color:{color:Links};background-color: {color:Post background};
  788. width:400px;line-height: 15px;
  789. -webkit-transition:1s;-moz-transition:1s;
  790. }
  791. div.odd{
  792. color:{color:Post background};background-color: {color:Links};
  793. width:400px;line-height: 15px;
  794. -webkit-transition:1s;-moz-transition:1s;
  795. }
  796. #minho:hover div.even{
  797. color:{color:Post background};background-color: {color:Links};
  798. width:400px;line-height: 15px;
  799. -webkit-transition:1s;-moz-transition:1s;
  800. }
  801. #minho:hover div.odd{
  802. color:{color:Links};background-color: {color:Post background};
  803. -webkit-transition:1s;-moz-transition:1s;
  804. width:400px;line-height:15px;
  805. }
  806. div.odd strong, #minho:hover div.even strong{color:{color:Post background};
  807. }
  808. div.even strong, #minho:hover div.odd strong{color:{color:Links};}
  809.  
  810. img{-webkit-transition: 1.5s;-moz-transition:1.5s;opacity: 0.85;-moz-opacity:.85;-khtml-opacity:.85;}
  811. img:hover{-webkit-transition: .5s;-moz-transition:.5s;opacity: 1;-moz-opacity:1;-khtml-opacity:1;}
  812.  
  813. a img{-webkit-transition: 1.5s;-moz-transition:1.5s;opacity: 0.85;-moz-opacity:.85;-khtml-opacity:.85s;}
  814. a img:hover{-webkit-transition: 1.5s;-moz-transition:1.5s;opacity: 1;-moz-opacity:1;-khtml-opacity:1;}
  815.  
  816. a:active,a:visited,a:link,a:hover,a img,a.img,img{outline:none;border:none;-webkit-user-drag:none;-moz-border:none;}
  817.  
  818. {block:IfCustomizedScrollbar}
  819.  
  820. /* scrollbars */
  821.  
  822. ::-webkit-scrollbar{
  823. background-color:{color:Body background};background-image:{text:Body background URL};
  824. height:8px;width:8px;
  825. }
  826.  
  827. /* v e r t i c a l */
  828.  
  829. ::-webkit-scrollbar-thumb:vertical{
  830. height:auto;-moz-border:20px;border-radius:20px;
  831. background-image:-webkit-gradient(linear, left top, left bottom, from({color:Post background}), color-stop(1, {color:Headings}), color-stop(0.99, {color:Headings}), to({color:Post background}));border:1px solid {color:Text};
  832. }
  833. ::-webkit-scrollbar-button:vertical:decrement{
  834. background-image:url('');background-repeat:no-repeat;background-position:0 -1px;
  835. width:8px;height:3px;
  836. zoom: reset;
  837. }
  838. ::-webkit-scrollbar-button:vertical:increment{
  839. background-image:url('');background-repeat:no-repeat;background-position:-1px 0;
  840. width:8px;height:3px;
  841. zoom: reset;
  842. }
  843.  
  844. /* h o r i z o n t a l */
  845.  
  846. ::-webkit-scrollbar-thumb:horizontal{
  847. height:auto;-moz-border:20px;border-radius:20px;
  848. background-image:-webkit-gradient(linear, left top, left bottom, from({color:Post background}), color-stop(1, {color:Headings}), color-stop(0.99, {color:Headings}), to({color:Post background}));border:1px solid {color:Text};
  849. }
  850. ::-webkit-scrollbar-button:horizontal:decrement{
  851. background-image:url('');background-repeat:no-repeat;background-position:0 -1px;
  852. width:3px;height:8px;
  853. zoom: reset;background-position:0 -1px;
  854. }
  855. ::-webkit-scrollbar-button:horizontal:increment{
  856. background-image:url('');background-repeat:no-repeat;background-position:-1px 0;
  857. width:3px;height:8px;
  858. zoom: reset;
  859. }
  860.  
  861. {/block:IfCustomizedScrollbar}
  862.  
  863. /* 君 は 僕 の */
  864.  
  865. #jonghyun{
  866. -webkit-box-shadow:0px 2px 10px {color:Text};-moz-box-shadow:0px 2px 10px {color:Text};box-shadow:0px 2px 10px {color:Text};
  867. background-image:-webkit-gradient(linear, left top, left bottom, from({color:Body background}), color-stop(1, {color:Body background}), color-stop(.9999999, {color:Post background}), to({color:Body background}));text-align:center;font-size:10px;
  868. background-image:-moz-gradient(linear, left top, left bottom, from({color:Body background}), color-stop(1, {color:Body background}), color-stop(.9999999, {color:Post background}), to({color:Body background}));text-align:center;font-size:10px;
  869. width:127px;
  870. padding:7px;left:27%;overflow:hidden;z-index:1337;margin-left:-10px;
  871.  
  872. {block:IfUseConsolasFontForDescription}font-family:consolas;{/block:IfUseConsolasFontForDescription}
  873. {block:IfNotUseConsolasFontForDescription}font-family:{font:Use other font for description}{/block:IfNotUseConsolasFontForDescription}
  874.  
  875. {block:IfFloatingSidebar}position:relative;{/block:IfFloatingSidebar}
  876. {block:IfNotFloatingSidebar}position:fixed;top:15%;{/block:IfNotFloatingSidebar}
  877. }
  878. #jonghyun br,#jonghyun span,#jonghyun div#mianhe{opacity:.1;-moz-opacity:.1;-khtml-opacity:.1;-webkit-transition:.3s;-moz-transition:.3s;height:0px;line-height:0px;color:transparent;}
  879. #jonghyun:hover br,#jonghyun:hover span,#jonghyun:hover div#mianhe{color:{color:Text};opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-transition:.8s;-moz-transition:.8s;height:100%;line-height:12px;}
  880. #jonghyun #wae{opacity:1;-moz-opacity:1;-khtml-opacity:1;}
  881. #jonghyun img{max-width:127px;}
  882.  
  883. #shinee{
  884. height:100%;
  885. position:absolute;top:0%;left:27%;margin-left:153px;
  886. }
  887.  
  888. #minho{
  889. -webkit-box-shadow:0px 2px 10px {color:Text};-moz-box-shadow:0px 2px 10px {color:Text};box-shadow:0px 2px 10px {color:Text};
  890. background-image:none;background-color:{color:Post background};
  891. -webkit-transition:1s;-moz-transition:1s;
  892. width:410px;min-height:30px;
  893. margin-top:10px;margin-bottom:10px;overflow:hidden;padding:5px;
  894. }
  895. #minho:hover{
  896. background-image:none;background-color:{color:Post background};
  897. -webkit-transition:1s;-moz-transition:1s;
  898. }
  899. #taemin, #taemin a{
  900. -webkit-transition:1s;-moz-transition:1s;
  901. width:400px;min-height:30px;
  902. margin:5px;overflow:hidden;
  903. }
  904. {block:IndexPage}
  905. #minho:hover #taemin{
  906. -webkit-transition:1s;-moz-transition:1s;
  907. margin-bottom:15px;overflow:hidden;
  908. }
  909. {/block:IndexPage}
  910.  
  911. #이태민{
  912. position:fixed;
  913. z-index:99999;
  914. bottom:5px;
  915. right:5px;
  916. width:36px;
  917. height:6px;
  918. }
  919. #이태민 a img{
  920. width:100%;
  921. opacity:.1;-moz-opacity:.1;-khtml-opacity:.1;
  922. -webkit-transition:2s;-moz-transition:2s;
  923. }
  924. #이태민 a img:hover{
  925. opacity:1;-moz-opacity:1;-khtml-opacity:1;
  926. -webkit-transition:.7s;-moz-transition:.7s;
  927. cursor:url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/03.gif), auto;
  928. }
  929.  
  930. #taemin img{width:400px;}
  931. #taemin img.juliette{width:400px;padding:0px;
  932.  
  933. {block:IndexPage}margin:0px;{/block:IndexPage}
  934. {block:PermalinkPage}margin:0px 0px 0px -5px;{/block:PermalinkPage}
  935. }
  936. #taemin p{padding:3px;}
  937. #taemin p img{max-width:300px;padding:3px;}
  938.  
  939. #minho #kyaa{
  940. background-image:none;line-height:0px;border-radius:400px;text-align:center;
  941. -webkit-transition:2s;-moz-transition:2s;-moz-border-radius:400px;
  942. width:auto;height:0px;
  943. display:inline-block;padding-left:3px;padding-right:3px;opacity:0;-moz-opacity:0;-khtml-opacity:0;position:relative;z-index:1337;overflow:hidden;top:-15px;
  944. }
  945. #minho:hover #kyaa{
  946. -webkit-box-shadow:0px 2px 3px {color:Text};-moz-box-shadow:0px 2px 3px {color:Text};box-shadow:0px 2px 3px {color:Text};
  947. background-image:-webkit-gradient(linear, left top, left bottom, from({color:Links}), color-stop(1, {color:Links}), color-stop(0.99, {color:Links hover}), to({color:Links}));background-image:-moz-gradient(linear, left top, left bottom, from({color:Links}), color-stop(1, {color:Links}), color-stop(0.99, {color:Links hover}), to({color:Links}));line-height:15px;
  948. -webkit-transition:1s;-moz-transition:1s;
  949. height:15px;
  950. opacity:.22;-moz-opacity:.22;-khtml-opacity:.22;z-index:1337;overflow:hidden;top:30px;
  951. }
  952. #minho:hover #kyaa:hover{
  953. background-image:-webkit-gradient(linear, left top, left bottom, from({color:Post background}), color-stop(1, {color:Body background}), color-stop(0.99, {color:Text}), to({color:Body background}));
  954. background-image:-moz-gradient(linear, left top, left bottom, from({color:Post background}), color-stop(1, {color:Body background}), color-stop(0.99, {color:Text}), to({color:Body background}));
  955. -webkit-transition:1s;-moz-transition:1s;
  956. opacity:.95;-moz-opacity:.95;-khtml-opacity:.95;
  957. }
  958. #minho #kyaa a{color:transparent;-webkit-transition-duration:.4s;-moz-transition:.4s;}
  959. #minho:hover #kyaa a{color:{color:Text};-webkit-transition:1s;-moz-transition:1s;line-height:15px;}
  960. #minho:hover #kyaa:hover a{color:{color:Post background};-webkit-transition:1s;-moz-transition:1s;}
  961.  
  962. #key{
  963. clear:both;display:block;
  964.  
  965. {block:IndexPage}height:1px;{/block:IndexPage}
  966. {block:PermalinkPage}height:15px;{/block:PermalinkPage}
  967. }
  968.  
  969. .umma{float:left;margin-left:22px;}
  970. .appa{float:right;margin-right:22px;}
  971.  
  972. #saranghe{
  973. -webkit-box-shadow:0px 2px 5px {color:Text};-moz-box-shadow:0px 2px 5px {color:Text};box-shadow:0px 2px 5px {color:Text};
  974. background-color:{color:Post background};border:10px solid {color:Post background};text-align:center;line-height:18px;
  975. -webkit-transition:1s;-moz-transition:1s;
  976. width:400px;
  977. overflow:hidden;margin-top:5px;
  978. }
  979. #saranghe a{display:inline-block;}
  980. #saranghe blockquote{border-left:none;margin-bottom:-7px;}
  981. #saranghe center a#chungmal{display:inline-block;line-height:10px;font-style:oblique;}
  982. #saranghe center a#chungmal span{color:{color:Links};-webkit-transition:1s;-moz-transition:1s;padding:1px;margin:1px;}
  983. #saranghe center a#chungmal span:hover{color:{color:Links hover};background-color:{color:Text};-webkit-transition:1s;-moz-transition:1s;}
  984. #saranghe center a#chungmal img{width:30px;height:30px;padding-left:5px;padding-right:5px;}
  985. #saranghe a#chungmal span{color:{color:Links};display:inline-block;-webkit-transition:1s;-moz-transition:1s;z-index:1337;padding:1px;}
  986. #saranghe a#chungmal span:hover{color:{color:Links hover};background-color:{color:Text};-webkit-transition:1s;-moz-transition:1s;}
  987.  
  988. #unnie{
  989. text-align:left;
  990. width:400px;height:auto;
  991. -webkit-transition-duration:.1s;-moz-transition:1s;
  992. opacity:1;-moz-opacity:1;-khtml-opacity:1;margin:5px 0px 5px 0px;padding:0px;
  993. }
  994. #unnie blockquote{margin-bottom:5px;}
  995. #unnie img{width:10px;padding:3px;height:10px;display:inline;float:left}
  996. #unnie blockquote{
  997. text-align:justify;border-left:3px solid {color:Text};
  998. margin:5px 0px 0px 5px;padding-left:5px;font-style:oblique;
  999. }
  1000. #unnie ol,li{
  1001. color:{color:Text};list-style:none;font-size:10px;line-height:15px;
  1002. margin-top:1px;margin-left:-20px;vertical-align:middle;padding-bottom:5px;padding-right:0px;
  1003. }
  1004. #unnie li:nth-child(even){background-color:{color:Links hover};}
  1005. #unnie li:nth-child(even) a {color:{color:Text};opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;}
  1006. #unnie li:nth-child(even) a:hover {color:{color:Post background};}
  1007. #unnie blockquote a{color:{color:Text};}
  1008. #unnie a{font-size:10px;}
  1009. #unnie a:hover{color:{color:Links hover};}
  1010.  
  1011. #noona{display:block;margin-top:-10px;}
  1012. #noona blockquote{padding:5px;}
  1013. #dongsaeng{
  1014. color:{color:Text};list-style:none;font-size:10px;line-height:10px;
  1015. padding-right:0px;margin-top:20px;margin-left:-20px;vertical-align:middle;padding-bottom:5px;
  1016. }
  1017. #dongsaeng img{ width:10px;padding:3px;height:10px;display:inline;}
  1018. #dongsaeng blockquote{text-align:center;font-style:oblique;}
  1019. #dongsaeng ol,li{
  1020. color:{color:Text};list-style:none;font-size:10px;line-height:10px;
  1021. padding-right:0px;margin-top:1px;
  1022. }
  1023. #dongsaeng blockquote a{color:{color:Text};}
  1024. #dongsaeng a:hover{color:{color:Links hover};}
  1025. #dongsaeng li:nth-child(odd){background-color:{color:Links hover};}
  1026. #dongsaeng li:nth-child(odd) a {color:{color:Text};opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;}
  1027. #dongsaeng li:nth-child(odd) a:hover {color:{color:Post background};}
  1028.  
  1029. #chuwahe{
  1030. line-height:10px;font-size:10px;text-align:left;
  1031. width:400px;
  1032. padding-top:4px;z-index:9;
  1033. }
  1034. #chuwahe p,em{
  1035. line-height:15px;
  1036. padding:0px;display:inline;
  1037. }
  1038. #chuwahe a{
  1039. line-height:25px;font-size:20px;letter-spacing:2px;text-transform:uppercase;
  1040. }
  1041. #chuwahe img.omo{
  1042. width:24px;
  1043. float:left;opacity:1;padding-right:4px;
  1044. }
  1045. .chingu{
  1046. text-align:center;line-height:15px;font-size:10px;border-top:3px dashed {color:Links};
  1047. -webkit-transition-duration:.1s;-moz-transition:1s;
  1048. width:400px;
  1049. margin-top:3px;overflow:hidden;
  1050. }
  1051.  
  1052. #wae{
  1053. width:125px;overflow:hidden;display:block;height:{text:Main links height};line-height:{text:Main links height};text-align:center;margin-top:1px;border:1px solid {color:Text};
  1054. }
  1055. #wae:hover{border:1px solid transparent;-webkit-transition:.3s;-moz-transition:.3s;}
  1056. #wae:hover a#ahjussi{
  1057. margin:0px 0px 0px -135px;-webkit-transition-duration:1s;-moz-transition:1s;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;color:transparent;background-color:none;z-index:-2;
  1058. }
  1059. #wae:hover a#ahjumma{
  1060. color:{color:Post background};text-align:center;-webkit-transition-duration:.7s;-moz-transition:.7s;opacity:1;-moz-opacity:1;-khtml-opacity:1;background-image:-webkit-gradient(linear, left top, left bottom, from({color:Links}), color-stop(1, {color:Links}), color-stop(0.99, {color:Links hover}), to({color:Text}));background-image:-moz-gradient(linear, left top, left bottom, from({color:Links}), color-stop(1, {color:Links}), color-stop(0.99, {color:Links hover}), to({color:Text}));z-index:9;
  1061. margin:-{text:Main links height} 0px 0px 0px;
  1062. }
  1063. #wae:hover a#ahjumma:active{
  1064. color:{color:Text};opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-transition-duration:.1s;-moz-transition:.1s;background-color:{color:Links hover};background-image:none;
  1065. }
  1066. a#ahjussi{
  1067. color:{color:Links};width:125px;display:block;height:{text:Main links height};line-height:{text:Main links height};text-align:center;background-color:{color:Post background};
  1068. position:relative;margin:0px 0px 0px 0px;-webkit-transition-duration:1s;-moz-transition:1s;opacity:1;-moz-opacity:1;-khtml-opacity:1;z-index:9;
  1069. }
  1070. a#ahjumma{
  1071. width:125px;display:block;height:{text:Main links height};line-height:{text:Main links height};color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, from({color:Post background}), color-stop(1, {color:Post background}), color-stop(0.99, {color:Text}), to({color:Post background}));background-image:-moz-gradient(linear, left top, left bottom, from({color:Post background}), color-stop(1, {color:Post background}), color-stop(0.99, {color:Text}), to({color:Post background}));text-align:right;
  1072. position:relative;margin:-{text:Main links height} 0px 0px 120px;-webkit-transition-duration:1s;-moz-transition:1s;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;text-transform:uppercase;z-index:-2;border-radius:100px;-moz-border:100px;
  1073. }
  1074.  
  1075. #mianhe{
  1076. line-height:15px;font-size:8px;text-align:center;
  1077. width:125px;height:15px;
  1078. overflow:hidden;position:relative;
  1079.  
  1080. {block:IfUseConsolasFontForLinks}font-family:consolas;{/block:IfUseConsolasFontForLinks}
  1081. {block:IfNotUseConsolasFontForLinks}font-family:{font:Use other font for links};{/block:IfNotUseConsolasFontForLinks}
  1082. }
  1083.  
  1084. #eotteoke{max-height:53px;overflow-y:scroll;overflow-x:hidden;}
  1085. .eotteoke{
  1086. font-style:oblique;border-radius:0px;
  1087. height:10px;width:125px;
  1088. overflow:hidden;margin:1px 0px 0px 1px;}
  1089. .eotteoke:first-child{margin-top:0px;}
  1090. .eotteoke:hover a#ahjussi{
  1091. color:{color:Post background};background-color:{color:Links};
  1092. -webkit-transition-duration:1s;-moz-transition:1s;
  1093. opacity:1;-moz-opacity:1;-khtml-opacity:1;
  1094. }
  1095. .eotteoke:hover a#ahjussi:active{
  1096. color:{color:Text};background-color:{color:Links hover};background-image:none;
  1097. -webkit-transition-duration:.1s;-moz-transition:.1s;
  1098. opacity:1;-moz-opacity:1;-khtml-opacity:1;
  1099. }
  1100. .eotteoke a#ahjussi{
  1101. color:{color:Links};background-color:{color:Post background};line-height:10px;text-align:left;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;
  1102. -webkit-transition-duration:1s;-moz-transition:1s;
  1103. width:125px;height:10px;
  1104. display:block;position:relative;margin:0px 0px 0px 0px;opacity:1;-moz-opacity:1;-khtml-opacity:1;z-index:9;padding-left:5px;
  1105. }
  1106.  
  1107. .audio_player embed{
  1108. -webkit-transition:3s;-moz-transition:3s;margin-top:5px;
  1109.  
  1110. {block:IndexPage}width:190px;max-height:25px;{/block:IndexPage}
  1111. {block:PermalinkPage}width:auto;{/block:PermalinkPage}
  1112. }
  1113.  
  1114. </style>
  1115.  
  1116. {block:IfPostWidthIs300px}
  1117. <style type="text/css">
  1118.  
  1119. #jonghyun{padding:4px;width:118px;margin-left:0px;}
  1120. #jonghyun br,#jonghyun center,#jonghyun img,#jonghyun span,#jonghyun div#mianhe{width:118px;}
  1121. #wae,#wae a#ahjumma,#wae a#ahjussi{width:116px;}
  1122. #eotteoke, .eotteoke{width:118px;}
  1123. div.even,div.odd,#minho:hover div.even,#minho:hover div.odd,#taemin,#taemin a,#taemin img.juliette,#saranghe,#unnie,#chuwahe,.chingu{width:300px;padding:0px;}
  1124. #minho{width:310px;padding:1px;}
  1125. #taemin p,#taemin p img{padding:2px 0px 2px 0px;margin:0px;}
  1126. blockquote,p{width:290px;}
  1127. blockquote img, p img{max-width:250px;}
  1128. #saranghe{border:6px solid {color:Post background};}
  1129. .umma{float:left;margin-left:7px;}
  1130. .appa{float:right;margin-right:7px;}
  1131.  
  1132. {block:PermalinkPage}
  1133. #shinee{width:310px;}
  1134. #minho{margin-bottom:10px;background-image:none;background-color:{color:Post background};float:none;}
  1135. #taemin,#taemin a{margin:5px;}
  1136. div.even,div.odd,#minho:hover div.even,#minho:hover div.odd,#taemin,#taemin a,#taemin img.juliette,#saranghe,#unnie,#chuwahe,.chingu{width:300px;height:auto;padding:0px;margin:0px;}
  1137. #minho{width:300px;padding:4px;display:block;height:auto;}
  1138. #taemin p,#taemin p img{padding:2px 0px 2px 0px;margin:0px;}
  1139. blockquote,p{width:290px;}
  1140. blockquote img, p img{max-width:250px;}
  1141. #saranghe{border:4px solid {color:Post background};display:block;margin-left:0px;}
  1142. .umma{float:left;margin-left:7px;}
  1143. .appa{float:right;margin-right:7px;}
  1144. {/block:PermalinkPage}
  1145.  
  1146. </style>
  1147. {/block:IfPostWidthIs300px}
  1148.  
  1149. {block:IfNotPostWidthIs300px}
  1150. {block:IfPostWidthIs200px}
  1151. <style type="text/css">
  1152.  
  1153. #jonghyun{padding:4px;width:118px;margin-left:-45px;}
  1154. #jonghyun br,#jonghyun center,#jonghyun img,#jonghyun span,#jonghyun div#mianhe{width:118px;}
  1155. #wae,#wae a#ahjumma,#wae a#ahjussi{width:116px;}
  1156. #eotteoke, .eotteoke{width:118px;}
  1157.  
  1158. {block:IndexPage}
  1159. div.even,div.odd,#minho:hover div.even,#minho:hover div.odd,#taemin,#taemin a,#saranghe,#unnie,#chuwahe,.chingu{width:190px;padding:0px;-webkit-transition:.5s;}
  1160. #taemin img.juliette{width:200px;margin:0px;border-radius:0px;min-height:85px;}
  1161. #minho{width:200px;padding:0px;float:left;margin:5px;display:inline-block;background-color:transparent;}
  1162. #minho:hover{background-color:{color:Post background};text-align:center;}
  1163. #taemin p,#taemin p img,img.omo{padding:3px;margin:0px;}
  1164. blockquote,p{width:190px;}
  1165. blockquote img, p img{max-width:100px;}
  1166. {/block:IndexPage}
  1167.  
  1168. #saranghe{border:8px solid {color:Post background};margin-left:1px;}
  1169. .umma{float:left;margin-left:7px;}
  1170. .appa{float:right;margin-right:7px;}
  1171. #shinee{margin-left:100px;height:auto;
  1172.  
  1173. {block:IfNotInfiniteScroll}top:17%;{/block:IfNotInfiniteScroll}
  1174. {block:IfInfiniteScroll}top:2%;{/block:IfInfiniteScroll}
  1175. }
  1176.  
  1177. {block:IndexPage}
  1178. #taemin{height:75px;overflow:hidden;background-color:{color:Post background};margin:5px;}
  1179. #minho:hover #taemin{margin-bottom:5px;margin-left:-200px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;opacity:.8;-moz-opacity:.8;-khtml-opacity:.8;}
  1180. #minho:hover #taemin img.juliette{margin-left:-200px;}
  1181. {/block:IndexPage}
  1182.  
  1183. #ppoppo{width:0px;height:85px;margin:0px;padding:0px;background-color:{color:Post background};margin:0px 0px 0px 200px;position:absolute;display:block;line-height:85px;-webkit-transition:.5s;overflow:hidden;}
  1184. #minho:hover #ppoppo{width:200px;margin-left:0px;opacity:1;-moz-opacity:1;-khtml-opacity:1;z-index:1337;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;}
  1185. #minho:hover #ppoppo span a:first-child{color:{color:Headings};margin-left:0px;-webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in;}
  1186. #ppoppo span{height:43px;display:block;vertical-align:middle;}
  1187. #ppoppo span a:first-child{line-height:10px;display:block;margin-left:-200px;padding-top:17px;letter-spacing:0px;}
  1188. #minho:hover #ppoppo span a:first-child:hover{color:{color:Links hover};-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;}
  1189. #ppoppo span a.oppa{-webkit-box-shadow:0px 2px 3px {color:Text};-moz-box-shadow:0px 2px 3px {color:Text};box-shadow:0px 2px 3px {color:Text};margin-top:5px;width:0px;line-height:15px;padding:0px;border:1px solid {color:Links};-webkit-transition:.5s;-moz-transition:.5s;border-radius:20px;-moz-border:20px;text-align:right;padding-right:10px;letter-spacing:2px;}
  1190. #minho:hover #ppoppo span a.oppa{background-color:{color:Links};color:white;width:200px;margin-left:-40px;-webkit-transition:1s;-moz-transition:1s;}
  1191. #minho:hover #ppoppo span a.oppa:hover{color:{color:Links};background-color:{color:Post background};}
  1192. div.even,#minho:hover div.even{color:{color:Text};background-color: {color:Post background};}
  1193. div.odd,#minho:hover div.odd{color:{color:Post background};background-color:{color:Text};}
  1194. #minho:hover div.odd strong,div.odd strong{color:{color:Post background};}
  1195. div.even strong,#minho:hover div.even strong{color:{color:Text};}
  1196. #key{clear:both;display:block;height:20px;}
  1197.  
  1198. {block:PermalinkPage}
  1199. #shinee{width:310px;}
  1200. #minho{margin-bottom:10px;background-image:none;background-color:{color:Post background};float:none;}
  1201. #taemin,#taemin a{margin:5px;}
  1202. div.even,div.odd,#minho:hover div.even,#minho:hover div.odd,#taemin,#taemin a,#taemin img.juliette,#saranghe,#unnie,#chuwahe,.chingu{width:300px;height:auto;padding:0px;margin:0px;}
  1203. #minho{width:300px;padding:4px;display:block;height:auto;}
  1204. #taemin p,#taemin p img{padding:2px 0px 2px 0px;margin:0px;}
  1205. blockquote,p{width:290px;}
  1206. blockquote img, p img{max-width:250px;}
  1207. #saranghe{border:4px solid {color:Post background};display:block;margin-left:0px;}
  1208. .umma{float:left;margin-left:7px;}
  1209. .appa{float:right;margin-right:7px;}
  1210. {/block:PermalinkPage}
  1211.  
  1212. </style>
  1213. {/block:IfPostWidthIs200px}
  1214. {/block:IfNotPostWidthIs300px}
  1215.  
  1216. <style type="text/css">{CustomCSS}</style>
  1217.  
  1218. </head>
  1219.  
  1220. <body>
  1221.  
  1222. <style type="text/css">
  1223.  
  1224. #gb{
  1225.  
  1226. position:fixed;
  1227.  
  1228. top:30px;
  1229.  
  1230. z-index:+1000;
  1231.  
  1232. }
  1233.  
  1234. * html #gb{position:relative;}
  1235.  
  1236. .gbtab{
  1237.  
  1238. height:100px;
  1239.  
  1240. width:30px;
  1241.  
  1242. float:left;
  1243.  
  1244. cursor:pointer;
  1245.  
  1246. background:url("http://3.bp.blogspot.com/-nzL6xB45YbM/TpxuqJpjBZI/AAAAAAAAAYw/HznwQxRv2Sg/s1600/th_mmamv4.gif") no-repeat;
  1247.  
  1248. }
  1249.  
  1250. .gbcontent{
  1251.  
  1252. float:left;
  1253.  
  1254. border:2px solid #f2e7e2;
  1255.  
  1256. background:#fcfbf8;
  1257.  
  1258. padding:10px;
  1259.  
  1260. }
  1261.  
  1262. </style>
  1263.  
  1264. <script type="text/javascript">
  1265.  
  1266. function showHideGB(){
  1267.  
  1268. var gb = document.getElementById("gb");
  1269.  
  1270. var w = gb.offsetWidth;
  1271.  
  1272. gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
  1273.  
  1274. gb.opened = !gb.opened;
  1275.  
  1276. }
  1277.  
  1278. function moveGB(x0, xf){
  1279.  
  1280. var gb = document.getElementById("gb");
  1281.  
  1282. var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
  1283.  
  1284. var dir = xf>x0 ? 1 : -1;
  1285.  
  1286. var x = x0 + dx * dir;
  1287.  
  1288. gb.style.right = x.toString() + "px";
  1289.  
  1290. if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 40);}
  1291.  
  1292. }
  1293.  
  1294. </script>
  1295.  
  1296. <div id="gb">
  1297.  
  1298. <div class="gbtab" onclick="showHideGB()"> </div>
  1299.  
  1300. <div class="gbcontent">
  1301.  
  1302. <font size="2">MESSAGE ME</font>
  1303.  
  1304. <div style="text-align:right">
  1305.  
  1306. <a href="javascript:showHideGB()">
  1307.  
  1308. </a>
  1309.  
  1310. </div>
  1311.  
  1312. </div>
  1313.  
  1314. </div>
  1315.  
  1316. <script type="text/javascript">
  1317.  
  1318. var gb = document.getElementById("gb");
  1319.  
  1320. gb.style.right = (30-gb.offsetWidth).toString() + "px";
  1321.  
  1322. </script>
  1323.  
  1324.  
  1325. <div id="이태민"><a href="http://verifiedsarcastic-fashionista.tumblr.com/"><img src="ⓒ"></a></div>
  1326.  
  1327. <div id="jonghyun">
  1328.  
  1329. {block:IfNotUseMultipleAndRandomizedSidebarImages}<center><img style="margin-top:1px;" src="{text:Sidebar image URL}" title="{text:Sidebar image title}" /></center>{/block:IfNotUseMultipleAndRandomizedSidebarImages}
  1330.  
  1331. {block:IfUseMultipleAndRandomizedSidebarImages}
  1332. <center style="margin-top:1px;margin-bottom:3px;">
  1333. <SCRIPT LANGUAGE="JavaScript">
  1334. document.write (sa[rand(G_total_sa)]);
  1335. </SCRIPT>
  1336. </center>
  1337. {/block:IfUseMultipleAndRandomizedSidebarImages}
  1338.  
  1339. {block:IfHomeLinkLabel}<div id="wae"><a href="/" id="ahjussi">{text:Home link label}</a><a href="/" id="ahjumma">{text:Home link label}</a></div>{/block:IfHomeLinkLabel}
  1340. {block:AskEnabled}{block:IfAskLinkLabel}<div id="wae"><a href="/ask" id="ahjussi">{text:Ask link label}</a><a href="/ask" id="ahjumma">{text:Ask link label}</a></div>{/block:IfAskLinkLabel}{/block:AskEnabled}
  1341. {block:IfArchiveLinkLabel}<div id="wae"><a href="/archive" id="ahjussi">{text:Archive link label}</a><a href="/archive" id="ahjumma">{text:Archive link label}</a></div>{/block:IfArchiveLinkLabel}
  1342. {block:IfShowTwitterLink}{block:IfTwitterLinkLabel}<div id="wae"><a href="http://twitter.com/{text:Twitter username}" id="ahjussi">{text:Twitter link label}</a><a href="http://twitter.com/{text:Twitter username}" id="ahjumma">{text:Twitter link label}</a></div>{/block:IfTwitterLinkLabel}{/block:IfShowTwitterLink}
  1343. {block:IfShowFacebookLink}{block:IfFacebookLinkLabel}<div id="wae"><a href="http://facebook.com/{text:Facebook ID}" id="ahjussi">{text:Facebook link label}</a><a href="http://facebook.com/{text:Facebook ID}" id="ahjumma">{text:Facebook link label}</a></div>{/block:IfFacebookLinkLabel}{/block:IfShowFacebookLink}
  1344.  
  1345. {block:IfCustomLinksTitle}<div id="wae"><a href="javascript:void(0)" id="ahjussi" onclick="toggle('eotteoke')" title="click!">{text:Custom links title}
  1346. </a><a href="javascript:void(0)" id="ahjumma" onclick="toggle('eotteoke')" title="click!">{text:Custom links title}
  1347. </a></div>{/block:IfCustomLinksTitle}
  1348.  
  1349. <div id="eotteoke" style="display:none;">
  1350. {block:IfLink1}<div class="eotteoke"><a href="{text:Link 1 URL}" id="ahjussi">{text:Link 1}</a><a href="{text:Link 1 URL}" id="ahjumma">{text:Link 1}</a></div>{/block:IfLink1}
  1351. {block:IfLink2}<div class="eotteoke"><a href="{text:Link 2 URL}" id="ahjussi">{text:Link 2}</a><a href="{text:Link 2 URL}" id="ahjumma">{text:Link 2}</a></div>{/block:IfLink2}
  1352. {block:IfLink3}<div class="eotteoke"><a href="{text:Link 3 URL}" id="ahjussi">{text:Link 3}</a><a href="{text:Link 3 URL}" id="ahjumma">{text:Link 3}</a></div>{/block:IfLink3}
  1353. {block:IfLink4}<div class="eotteoke"><a href="{text:Link 4 URL}" id="ahjussi">{text:Link 4}</a><a href="{text:Link 4 URL}" id="ahjumma">{text:Link 4}</a></div>{/block:IfLink4}
  1354. {block:IfLink5}<div class="eotteoke"><a href="{text:Link 5 URL}" id="ahjussi">{text:Link 5}</a><a href="{text:Link 5 URL}" id="ahjumma">{text:Link 5}</a></div>{/block:IfLink5}
  1355. {block:IfLink6}<div class="eotteoke"><a href="{text:Link 6 URL}" id="ahjussi">{text:Link 6}</a><a href="{text:Link 6 URL}" id="ahjumma">{text:Link 6}</a></div>{/block:IfLink6}
  1356. {block:IfLink7}<div class="eotteoke"><a href="{text:Link 7 URL}" id="ahjussi">{text:Link 7}</a><a href="{text:Link 7 URL}" id="ahjumma">{text:Link 7}</a></div>{/block:IfLink7}
  1357. {block:IfLink8}<div class="eotteoke"><a href="{text:Link 8 URL}" id="ahjussi">{text:Link 8}</a><a href="{text:Link 8 URL}" id="ahjumma">{text:Link 8}</a></div>{/block:IfLink8}
  1358. {block:IfLink9}<div class="eotteoke"><a href="{text:Link 9 URL}" id="ahjussi">{text:Link 9}</a><a href="{text:Link 9 URL}" id="ahjumma">{text:Link 9}</a></div>{/block:IfLink9}
  1359. {block:IfLink10}<div class="eotteoke"><a href="{text:Link 10 URL}" id="ahjussi">{text:Link 10}</a><a href="{text:Link 10 URL}" id="ahjumma">{text:Link 10}</a></div>{/block:IfLink10}
  1360. </div>
  1361.  
  1362. {block:Description}{block:IfShowDescription}<span style="display:block;"><br>{Description}{/block:IfShowDescription}</span>{/block:Description}
  1363.  
  1364. {block:IfNotInfiniteScroll}
  1365. <div id="mianhe">
  1366. {block:IndexPage}<br>
  1367. {block:Pagination}
  1368. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  1369.  
  1370. {block:IfJumpPagination}
  1371. {block:JumpPagination length="5"}
  1372. {block:CurrentPage}
  1373. <span class="current_page">{PageNumber}</span>
  1374. {/block:CurrentPage}
  1375.  
  1376. {block:JumpPage}
  1377. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1378. {/block:JumpPage}
  1379. {/block:JumpPagination}
  1380. {/block:IfJumpPagination}
  1381.  
  1382. {block:IfNotJumpPagination}
  1383. <span style="width:70px;height:10px;display:inline-block;text-transform:uppercase;">{block:IfNavigationLabel}{text:Navigation label}{/block:IfNavigationLabel}</span>
  1384. {/block:IfNotJumpPagination}
  1385.  
  1386. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  1387. {/block:Pagination}
  1388. {/block:IndexPage}
  1389. </div>
  1390. {/block:IfNotInfiniteScroll}
  1391.  
  1392. </div>
  1393.  
  1394. {block:IfFloatingSidebar}
  1395. <script type="text/javascript">
  1396. jonghyunMenu.add
  1397. ('jonghyun',
  1398. { // Represents distance from left or right browser window border depending upon property used. Only one should be specified.
  1399. // targetLeft: 25,
  1400. // targetRight: 175,
  1401. // Represents distance from top or bottom browser window border depending upon property used. Only one should be specified.
  1402. // targetTop: 10,
  1403. // targetBottom: 10,
  1404. // Uncomment one of those if you need centering on X- or Y- axis.
  1405. // centerX: true,
  1406. centerY: true,
  1407. }
  1408. );
  1409. </script>
  1410. {/block:IfFloatingSidebar}
  1411.  
  1412. <script type="text/javascript">
  1413. function toggle(hidethis) {
  1414. function oc(a){
  1415. var o = {};
  1416. for(var i=0;i<a.length;i++){
  1417. o[a[i]]='';
  1418. }
  1419. return o;
  1420. }
  1421. var myarray = [];
  1422.  
  1423. function check(name){
  1424. if( name in oc(myarray) ){
  1425. }
  1426. }
  1427. check(hidethis);
  1428. if( document.getElementById(hidethis).style.display=='none' ){
  1429. document.getElementById(hidethis).style.display = '';
  1430. }
  1431. else{
  1432. document.getElementById(hidethis).style.display = 'none';
  1433. }
  1434. }
  1435. </script>
  1436.  
  1437. <div id="shinee">
  1438.  
  1439. <div class="autopagerize_page_element">
  1440.  
  1441. {block:Posts}
  1442. <div id="minho" style="{block:Photo}background-image:-webkit-gradient(linear, left top, left bottom, from({color:Post background}), color-stop(.25, {color:Body background}), color-stop(.9999999, transparent), to(transparent));background-color:transparent;background-image:-moz-gradient(linear, left top, left bottom, from({color:Post background}), color-stop(.25, {color:Body background}), color-stop(.9999999, transparent), to(transparent));background-color:transparent;{/block:Photo}">
  1443.  
  1444. {block:Date}
  1445. {block:IndexPage}
  1446. {block:IfNotPostWidthIs300px}
  1447. {block:IfPostWidthIs200px}
  1448. <div id="ppoppo"><span><a href="{Permalink}" title="{block:IfPermalinkLabel}{text:Permalink label}{/block:IfPermalinkLabel}">&hearts;{block:NoteCount}&nbsp;{NoteCount} {block:IfNotesLabel}{text:Notes label}{/block:IfNotesLabel}{/block:NoteCount}</a></span>{block:RebloggedFrom}<span><a href="{ReblogRootURL}" title="{ReblogRootTitle}"class="oppa">{ReblogRootName}</a></span>{/block:RebloggedFrom}</div>
  1449. {/block:IfPostWidthIs200px}
  1450. {/block:IfNotPostWidthIs300px}
  1451. {/block:IndexPage}
  1452. {/block:Date}
  1453.  
  1454. <div id="taemin" style="{block:IfNotPostWidthIs200px}{block:Answer}margin-bottom:0px;{/block:Answer}{/block:IfNotPostWidthIs200px}{block:IndexPage}{block:IfNotPostWidthIs300px}{block:IfPostWidthIs200px}{block:Photo}margin:0px 0px 0px -5px;padding:0px;height:85px;width:210px;{/block:Photo}{/block:IfPostWidthIs200px}{/block:IfNotPostWidthIs300px}{/block:IndexPage}">
  1455.  
  1456. {block:Date}
  1457. {block:IndexPage}
  1458. {block:IfNotPostWidthIs200px}
  1459. <div id="kyaa" class="umma" style="{block:Answer}display:none;{/block:Answer}"><a href="{Permalink}">{block:IfPermalinkLabel}{text:Permalink label}{/block:IfPermalinkLabel}{block:IfNotPermalinkLabel}permalink{/block:IfNotPermalinkLabel}</a></div>{block:RebloggedFrom}<div id="kyaa"><a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></div>{/block:RebloggedFrom}<div id="kyaa" style="opacity:0;height:0px;"></div><div id="kyaa" class="appa" style="{block:Answer}display:none;{/block:Answer}"><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink}" target="_blank">reblog</a></div>
  1460. {/block:IfNotPostWidthIs200px}
  1461. {/block:IndexPage}
  1462. {/block:Date}
  1463.  
  1464. {block:Text}
  1465. <h1>{Title}</h1>
  1466. {Body}
  1467. {/block:Text}
  1468.  
  1469. {block:Photo}
  1470. <center>
  1471. {block:IndexPage}<img class="juliette" src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:IndexPage}
  1472. {block:PermalinkPage} {LinkOpenTag}<img class="juliette" src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
  1473. </center>
  1474. {/block:Photo}
  1475.  
  1476. {block:Photoset}
  1477. <center>
  1478. {block:IfNotPostWidthIs300px}{block:IfNotPostWidthIs200px}{Photoset-400}{/block:IfNotPostWidthIs200px}{/block:IfNotPostWidthIs300px}
  1479. {block:IfPostWidthIs300px}{block:IfPostWidthIs200px}{Photoset-250}{/block:IfPostWidthIs200px}{/block:IfPostWidthIs300px}
  1480. {block:IfPostWidthIs300px}{block:IfNotPostWidthIs200px}{Photoset-250}{/block:IfNotPostWidthIs200px}{/block:IfPostWidthIs300px}
  1481. {block:IfPostWidthIs200px}{block:IfNotPostWidthIs300px}{Photoset-250}{/block:IfNotPostWidthIs300px}{/block:IfPostWidthIs200px}
  1482. </center>
  1483. {/block:Photoset}
  1484.  
  1485. {block:Quote}
  1486. <h1>"{Quote}"</h1>
  1487. {block:Source}&rarr;<strong>{Source}</strong>{/block:Source}
  1488. {/block:Quote}
  1489.  
  1490. {block:Link}
  1491. <a href="{URL}" {Target} target="_blank">
  1492. <h2>{Name}</h2>
  1493. </a>{block:Description}{Description}{/block:Description}
  1494. {/block:Link}
  1495.  
  1496. {block:Chat}
  1497. {block:Title}<h1>{Title}</h1>{/block:Title}
  1498. {block:Lines}
  1499. {block:Label}
  1500. <div class="{Alt}">
  1501. <strong>{Label}</strong> {Line}
  1502. </div>
  1503. {/block:Label}
  1504. {/block:Lines}
  1505. {/block:Chat}
  1506.  
  1507. {block:Video}
  1508. <center>
  1509. {block:IfNotPostWidthIs300px}{block:IfNotPostWidthIs200px}{Video-400}{/block:IfNotPostWidthIs200px}{/block:IfNotPostWidthIs300px}
  1510. {block:IfPostWidthIs300px}{block:IfPostWidthIs200px}{Video-250}{/block:IfPostWidthIs200px}{/block:IfPostWidthIs300px}
  1511. {block:IfPostWidthIs300px}{block:IfNotPostWidthIs200px}{Video-250}{/block:IfNotPostWidthIs200px}{/block:IfPostWidthIs300px}
  1512. {block:IfPostWidthIs200px}{block:IfNotPostWidthIs300px}{Video-250}{/block:IfNotPostWidthIs300px}{/block:IfPostWidthIs200px}
  1513. </center>
  1514. {/block:Video}
  1515.  
  1516. {block:Audio}
  1517. <center><br>
  1518. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}{block:Artist}by {Artist}{/block:Artist}
  1519. {AudioPlayerBlack}
  1520. &rarr;&nbsp;{FormattedPlayCount} {block:IfPlayCountLabel}{text:Play count label}{/block:IfPlayCountLabel}
  1521. {block:ExternalAudio}<a href="{ExternalAudioURL}">(download)</a>{/block:ExternalAudio}
  1522. <br>
  1523.  
  1524. </center>
  1525. {/block:Audio}
  1526.  
  1527. {block:Answer}
  1528. <div id="chuwahe">
  1529. <img class="omo" src="{AskerPortraitURL-30}"><br>
  1530. {Asker} {block:IfAskerLabel}{text:Asker label}:&nbsp;{/block:IfAskerLabel} {Question}
  1531. {block:IndexPage}&nbsp;<a href="{Permalink}" title="{block:IfPermalinkLabel}{text:Permalink label}{/block:IfPermalinkLabel}" style="font-size:12px;">▶</a>{/block:IndexPage}<br><br>
  1532. <div class="chingu">
  1533. <br> {Answer}
  1534. </div>
  1535. </div>
  1536. {/block:Answer}
  1537.  
  1538. </div>
  1539.  
  1540. </div>
  1541.  
  1542. {block:PermalinkPage}
  1543. {block:Date}
  1544. <div id="saranghe">
  1545. <center>
  1546. {block:Caption}<blockquote>{Caption}</blockquote><br>{/block:Caption}
  1547.  
  1548. <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}" id="chungmal"><span style="display:block;margin-top:7px;height:12px;line-height:12px;overflow:hidden;font-style:normal;">{DayOfMonth}{DayOfMonthSuffix}&nbsp;{ShortMonth}&nbsp;{Year},&nbsp;{12Hour}:{Minutes}{AmPm}</span></a>
  1549. {block:RebloggedFrom}
  1550. <a href="{ReblogRootURL}" id="chungmal" title="originally from {ReblogRootName}" class="umma"><img src="{ReblogRootPortraitURL-30}"></a>
  1551. <a href="{ReblogParentURL}" id="chungmal" title="reblogged from {ReblogParentName}" class="appa"><img src="{ReblogParentPortraitURL-30}"></a>
  1552. {/block:RebloggedFrom}
  1553. <br><br>{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}" id="chungmal"><span>#{Tag}</span></a>{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  1554. </center>
  1555.  
  1556. <span style="border:1px solid {color:Text};width:400px;display:block;margin-top:10px;margin-bottom:10px;"></span>
  1557.  
  1558. {block:PermalinkPagination}
  1559. <a href="{PreviousPost}" id="chungmal" class="umma"><span>{block:PreviousPost}older{/block:PreviousPost}</span></a>
  1560. {block:NoteCount}<a href="javascript:void(0)" onclick="toggle('dongsaeng')" id="chungmal" title="{block:IfClickToShowOrHideNotes}click to show/hide notes{/block:IfClickToShowOrHideNotes}"><span>{NoteCount} {block:IfNotesLabel}{text:Notes label}{/block:IfNotesLabel}</span></a>{/block:NoteCount}
  1561. <a href="{NextPost}" id="chungmal" class="appa"><span>{block:NextPost}newer{/block:NextPost}</span></a>
  1562. {/block:PermalinkPagination}
  1563.  
  1564. {block:PostNotes}
  1565. {block:IfClickToShowOrHideNotes}
  1566. <div id="noona">
  1567. <div id="dongsaeng" style="display:none;-webkit-transition:.5s;-moz-transition:.5s;">
  1568. {PostNotes}
  1569. </div>
  1570. </div>
  1571. {/block:IfClickToShowOrHideNotes}
  1572.  
  1573. {block:IfNotClickToShowOrHideNotes}
  1574. <div id="unnie">
  1575. {PostNotes}
  1576. </div>
  1577. {/block:IfNotClickToShowOrHideNotes}
  1578. {/block:PostNotes}
  1579.  
  1580. </div>
  1581. {/block:Date}
  1582. {/block:PermalinkPage}
  1583.  
  1584. {/block:Posts}
  1585.  
  1586. </div>
  1587.  
  1588. <div id="key"></div>
  1589. </div>
  1590. </body>
  1591. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!