Advertisement
Guest User

harry bae

a guest
Apr 26th, 2015
235
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.91 KB | None | 0 0
  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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <meta name="color:Background" content="#ffffff"/>
  9. <meta name="color:Text" content="#9B9B9B"/>
  10. <meta name="color:Link" content="#b8b8b8"/>
  11. <meta name="color:border" content="#F2F2F2"/>
  12. <meta name="color:scrollbar" content="#D6D5D5">
  13. <meta name="color:bg" content="#FFFFFF">
  14. <meta name="color:Link Hover" content="#eeeeee"/>
  15.  
  16. <meta name="image:sidebar" content=""/>
  17. <meta name="text:sidebartitle" content="">
  18. <meta name="text:homelink title" content="">
  19.  
  20.  
  21. <meta name="text:link2" content="" />
  22. <meta name="text:link2 url" content="/">
  23. <meta name="text:link3" content="" />
  24. <meta name="text:link3 url" content="/">
  25. <meta name="text:link4" content="" />
  26. <meta name="text:link4 url" content="/">
  27. <meta name="text:link5" content="" />
  28. <meta name="text:link5 url" content="/">
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  31. <link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
  32. <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie|Julius+Sans+One|Qwigley|Dancing+Script' rel='stylesheet' type='text/css'>
  33. <link href='http://fonts.googleapis.com/css?family=Yellowtail|Passion+One' rel='stylesheet' type='text/css'>
  34. <link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One|Archivo+Narrow' rel='stylesheet' type='text/css'>
  35. <link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One|Passion+One' rel='stylesheet' type='text/css'>
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
  38. <link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
  39. <link href='http://fonts.googleapis.com/css?family=Italianno|Cinzel' rel='stylesheet' type='text/css'>
  40. <link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
  41. <link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
  42. <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie|Julius+Sans+One|Qwigley|Dancing+Script' rel='stylesheet' type='text/css'>
  43. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:700italic' rel='stylesheet' type='text/css'>
  44.  
  45. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  46.  
  47. <style>
  48. div#qTip {
  49. padding: 3px;
  50. display: none;
  51. text-align: center;
  52. position: absolute;
  53. font-style:normal;
  54. margin-top:3px;
  55. margin-left:15px;
  56. font-size:8px;
  57. line-height:9px;
  58. font-family:cambria;
  59. z-index: 1000;
  60. background-color:;
  61. border: 3px solid #fff;
  62. color: #fff;
  63. text-transform:uppercase;
  64. letter-spacing: 1px;
  65. }
  66. </style>
  67.  
  68. <script type="text/javascript"
  69. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  70. <script>
  71. $(document).ready(function() {
  72. //
  73. $('a.poplight[href^=#]').click(function() {
  74. var popID = $(this).attr('rel'); //Get Popup Name
  75. var popURL = $(this).attr('href'); //Get Popup href to define size
  76. var query= popURL.split('?');
  77. var dim= query[1].split('&');
  78. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  79. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  80. var popMargTop = ($('#' + popID).height() + 80) / 2;
  81. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  82. //Apply Margin to Popup
  83. $('#' + popID).css({
  84. 'margin-top' : -popMargTop,
  85. 'margin-left' : -popMargLeft
  86. });
  87. $('body').append('<div id="fade"></div>');
  88. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  89. return false;
  90. });
  91. $('a.close, #fade').live('click', function() {
  92. $('#fade , .popup_block').fadeOut(function() {
  93. $('#fade, a.close').remove(); //fade them both out
  94. });
  95. return false;
  96. });
  97. });
  98. </script>
  99.  
  100. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  101.  
  102. <script src="jquery.js"></script>
  103. <script>
  104. $(document).ready(function(){
  105. $("#click").click(function(){
  106. $("#guts").slideToggle("fast");
  107. });
  108. });
  109. </script>
  110.  
  111. <script src="jquery.js"></script>
  112. <script>
  113. $(document).ready(function(){
  114. $("#click2").click(function(){
  115. $("#guts2").slideToggle("fast");
  116. });
  117. });
  118. </script>
  119.  
  120. <script src="jquery.js"></script>
  121. <script>
  122. $(document).ready(function(){
  123. $("#click3").click(function(){
  124. $("#guts3").slideToggle("fast");
  125. });
  126. });
  127. </script>
  128.  
  129. <style type="text/css">
  130.  
  131.  
  132. .popup_block{
  133. display:none;
  134. background:#040404;
  135. padding:20px;
  136. max-height:500px;
  137. overflow-y:auto;
  138. overflow-x:auto;
  139. position: fixed;
  140. border-radius: 4px;
  141. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  142. float:left;
  143. position:fixed;
  144. top:50%;left:50%;
  145. z-index: 99999;
  146. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  147. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  148. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  149. }
  150.  
  151. *html #fade {position: absolute;}
  152. *html .popup_block {position: absolute;}
  153. #fade {
  154. display:none;
  155. position:fixed;
  156. left:0px;
  157. top:0px;
  158. width:100%;
  159. height:100%;
  160. z-index:9999;
  161. background:#000; /* change to #fff for solid white */
  162. opacity:0.5; /* change to opacity:1; */
  163. }
  164.  
  165.  
  166.  
  167. ::-webkit-scrollbar {
  168. width: 5px;height: 5px;}
  169. ::-webkit-scrollbar-button:start:decrement,
  170. ::-webkit-scrollbar-button:end:increment {
  171. height: 6px;display: block;background-color: transparent;}
  172. ::-webkit-scrollbar-track-piece {
  173. background-color: transparent;}
  174. ::-webkit-scrollbar-thumb:vertical {
  175. height: 9px;background-color: transparent;}
  176.  
  177.  
  178. *, body, a, a:hover {cursor: url(http://media.tumblr.com/649c000edb2f0b30a6b3f462d580ffbc/tumblr_inline_mmsrqqFXgB1qz4rgp.png), auto;}
  179.  
  180. iframe#tumblr_controls {
  181. white-space:nowrap;
  182. -webkit-filter: invert(100%);
  183. -moz-filter: invert(100%);
  184. -o-filter: invert(100%);
  185. -ms-filter: invert(100%);
  186. filter: invert(100%);
  187. opacity:100;transition: .8s ease-in-out;
  188. -webkit-transition: .8s ease-in-out;
  189. -moz-transition: .8s ease-in-out;
  190. -o-transition: .8s ease-in-out;
  191. }
  192.  
  193. h1 {
  194. font-weight:normal;
  195. font-size:15px;
  196. font-family: Open Sans Condensed;
  197. text-align:center;
  198. font-style:normal;
  199. line-height:100%;
  200. letter-spacing:1px;
  201. text-transform:uppercase;
  202. color:{color:text};
  203. }
  204.  
  205. h2 {
  206. font-size:15px;
  207. text-align:center;
  208. line-height:100%;
  209. letter-spacing:-0.5px;
  210. color:{color:text};
  211. font-weight:bold;
  212. text-transform:uppercase;
  213. padding:5px;
  214. padding-bottom:2px;
  215. }
  216.  
  217. b, strong {
  218. color:#000;
  219. font-weight:bold;
  220. }
  221.  
  222. i, em {
  223. color:#000;
  224. font-weight:bold;
  225.  
  226. }
  227.  
  228.  
  229.  
  230. sub, small, sup { font-size:10px; }
  231.  
  232.  
  233. blockquote {
  234. padding-left:5px;
  235. border-left:2px dashed;
  236. margin-left:20px;
  237. }
  238.  
  239.  
  240.  
  241. body {
  242. background:#f1f1e3;
  243. background-image:url(http://i59.tinypic.com/ojo7qb.jpg);
  244. background-repeat:no-repeat;
  245. margin:0px;
  246. color:#000;
  247. text-align:justify;
  248. font-family: calibri;
  249. font-size:10px;
  250. line-height:100%;
  251. }
  252.  
  253.  
  254. a {
  255. text-decoration:none;
  256. outline:none;
  257. -moz-outline-style:none;
  258. color:{color:link};
  259. -moz-transition-duration:0.5s;
  260. -webkit-transition-duration:0.5s;
  261. -o-transition-duration:0.5s;
  262. }
  263.  
  264. a:hover {
  265. text-decoration:none;
  266. outline:none;
  267. -moz-outline-style:none;
  268. color:{color:link hover};
  269. }
  270.  
  271. img {
  272. border:none;
  273. }
  274.  
  275. blockquote {
  276. padding-left:15px;
  277. padding-top:10px;
  278. padding-bottom:10px;
  279. border-left:5px solid;
  280. border-radius:10px;
  281. margin-left:10px;
  282. margin-bottom:20px;
  283. border-color:#b39aa2;
  284. }
  285.  
  286. blockquote blockquote {
  287. padding-left:5px;
  288. border-radius:0px;
  289. border-left:2.5px solid;
  290. }
  291.  
  292. #post {
  293. width:400px;
  294. padding-bottom:20px;
  295. margin-top:10px;
  296. }
  297.  
  298.  
  299. #entries {
  300. position:absolute;
  301. overflow-x:hidden;
  302. overflow-y:auto;
  303. width:410px;
  304. height:400px;
  305. text-align:justify;
  306. padding:10px;
  307. border:1px #;
  308. border-style:;
  309. background:;
  310. z-index:999;
  311. opacity:.8;
  312. margin-left:533px;
  313. margin-top:300px;
  314. -webkit-filter: sepia(5%);
  315.  
  316. }
  317.  
  318.  
  319. #sidebar {
  320. color:#000;
  321. position:fixed;
  322. width:91px;
  323. height:auto;
  324. margin-top:-250px;
  325. margin-left:95px;
  326. text-align:left;
  327. }
  328.  
  329. #links {
  330. position:fixed;
  331. font-family:open sans condensed;
  332. width:200px;
  333. margin-top:470px;
  334. margin-left:665px;
  335. font-size:25px;
  336. text-transform:uppercase;
  337. font-style: bold;
  338.  
  339. }
  340.  
  341. #links a{
  342. line-height:170%;
  343. padding:7px;
  344. margin-top:1px;
  345. margin-left:2px;
  346. color:#cccbc3;
  347. -moz-transition-duration:.7s;
  348. -webkit-transition-duration:.7s;
  349. -o-transition-duration:.7s;
  350. }
  351.  
  352. #links a:hover {
  353. color: #eeeeee;
  354. -moz-transition-duration:.4s;
  355. -webkit-transition-duration:.4s;
  356. -o-transition-duration:.4s;
  357.  
  358. }
  359.  
  360.  
  361. #description {
  362. position:fixed;
  363. width:134px;
  364. height:80px;
  365. font-family:times;
  366. margin-bottom:15px;
  367. margin-top:530px;
  368. margin-left:650px;
  369. padding:4px;
  370. text-align:justify;
  371. font-size:10px;
  372. color: #767676;
  373. letter-spacing:0px;
  374. line-height:105%;
  375. }
  376.  
  377.  
  378. #description a {
  379. color:#6d6c6b;
  380. }
  381.  
  382. #description a:hover {
  383. color:#fff;
  384. }
  385.  
  386. .sidebartitle {
  387. width:100px;
  388. text-align:center;
  389. position:fixed;
  390. font-style:italic;
  391. font-family:French Script MT;
  392. line-height:120%;
  393. margin-left:65px;
  394. font-size:20px;
  395. margin-top:217px;
  396. color:#000;
  397. }
  398.  
  399. #pagination {
  400. width:108px;
  401. font-size:25px;
  402. text-transform:uppercase;
  403. margin-top:-95px;
  404. margin-left:-40px;
  405. word-spacing:1px;
  406. font-weight:bold;
  407. font-style:normal;
  408. text-align:right;
  409. font-family:arial;
  410. }
  411.  
  412.  
  413.  
  414. #pagination a {
  415. color:#b0d6cd
  416.  
  417. }
  418.  
  419. #info {
  420. width:400px;
  421. padding:5px;
  422. font-size:8px;
  423. color:#000;
  424. margin-top:10px;
  425. margin-bottom:10px;
  426. letter-spacing:2px;
  427. text-align:center;
  428. font-family:helvetica;
  429. }
  430.  
  431. .tags {
  432. font-family:calibri;
  433. font-style:italic;
  434. width:400px;
  435. text-transform:normal;
  436. font-style:;
  437. color:{color:link};
  438. line-height:120%;
  439. font-size:10px;
  440. opacity:.9;
  441. text-align:center;
  442. padding-top:3px;
  443. -moz-transition-duration:.5s;
  444. -webkit-transition-duration:.5s;
  445. -o-transition-duration:.5s;
  446. }
  447.  
  448. .tags a:hover {
  449. color:{color:link hover};
  450. }
  451.  
  452. #post:hover .tags {
  453. opacity:1;
  454. -moz-transition-duration:.5s;
  455. -webkit-transition-duration:.5s;
  456. -o-transition-duration:.5s;
  457.  
  458. }
  459.  
  460. .audio{
  461. background-color:;
  462. height:50px;
  463. overflow:hidden;
  464. }
  465.  
  466. #ask {
  467. float:left;
  468. margin-left:10px;}
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475. {CustomCSS}</style></head><body>
  476.  
  477.  
  478.  
  479.  
  480. <SCRIPT TYPE="text/javascript">
  481. <!--
  482. function clickIE() {if (document.all) {(message);return false;}}
  483. function clickNS(e) {if
  484. (document.layers||(document.getElementById&&!document.all)) {
  485. if (e.which==2||e.which==3) {(message);return false;}}}
  486. if (document.layers)
  487. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  488. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  489. document.oncontextmenu=new Function("return false")
  490. // -->
  491. </SCRIPT>
  492.  
  493. <BODY onselectstart="return false;" ondragstart="return false;">
  494.  
  495. <div id="audioplayer"></div>
  496.  
  497.  
  498. <div id="sidebar">
  499.  
  500. <div id="sidebarimage">
  501. <a href="/"><img src="{image:sidebar}"> </a></div>
  502.  
  503. <div class="sidebartitle"><a title="{text:homelink title}" href="/">{text:sidebartitle}</a></div>
  504.  
  505. <div id="links">
  506.  
  507.  
  508. <a href="{text:link2 url}" title="{text:link2}">✚︎</a>
  509. <a href="{text:link3 url}" title="{text:link3}">✚</a>
  510. <a href="{text:link4 url}" title="{text:link4}">✚</a>
  511. <a href="{text:link5 url}" title="{text:link5}">✚</a>
  512.  
  513. </div>
  514.  
  515. <div id="description">
  516. {Description}
  517. <p></p><br><br><center> {block:Pagination}
  518. <div id="pagination">
  519. {block:PreviousPage}
  520. <a href="{PreviousPage}"></big>↰ </big></a>
  521. {/block:PreviousPage}
  522.  
  523. {block:NextPage}
  524. <a href="{NextPage}"></big> ↱</big></a>
  525. {/block:NextPage}
  526. </div>
  527. {/block:Pagination} </center></div></div>
  528. <div id="entries">{block:Posts}<div id="post">
  529.  
  530. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  531.  
  532. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  533.  
  534. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  535.  
  536. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  537.  
  538. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  539.  
  540. {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}
  541.  
  542. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  543.  
  544. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  545.  
  546. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="border-radius:90px; opacity:.9;margin-left:3px;"></div> &nbsp;<em>{Asker}:<br> &nbsp; <big>"{Question}"</big></em><br><br>{Answer}{/block:Answer}
  547.  
  548. {block:Date}<div id="info"><a href="{Permalink}" style="background-color:#;padding:3px;color:#000000;font-style:;">{TimeAgo}</a> {block:NoteCount} with <font color=#fff><big>♥</big></font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} {block:RebloggedFrom} — <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  549. {block:ContentSource} , <a href="{SourceURL}">source</a> {/block:ContentSource}{/block:Date}</div>
  550. {block:HasTags}
  551. <div class="tags">
  552. {block:Tags} . <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  553. {/block:HasTags}
  554. <div class="postnote">
  555. {block:PostNotes}{PostNotes}{/block:PostNotes}
  556. </div>
  557. </div>
  558. {/block:Posts}
  559.  
  560. </div>
  561.  
  562.  
  563. </body>
  564.  
  565.  
  566.  
  567. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement