API tools faq
paste
Advertisement
korean-addcited

100%GAY THEME

korean-addcited
Sep 26th, 2013
1,133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.09 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. 100%gay theme made by korean-addicted.tumblr.com | don't take off the credits ~ thank you <3 enjoy it
  4.    
  5. -->
  6.  
  7.  
  8. <html>
  9.  
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head>
  14. <link href='http://fonts.googleapis.com/css?family=Average+Sans|Muli|Scada|Telex|Megrim|Inconsolata' rel='stylesheet' type='text/css'>
  15.  
  16.  
  17. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  18.  
  19. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  20.  
  21.  
  22. <script type="text/javascript">
  23. $(window).load(function(){
  24. $(".beep").hide();
  25. $("#footer").mouseenter(function () {
  26. $(".beep", this).slideDown("fast");
  27. });
  28. $("#footer").mouseleave(function () {
  29. $(".beep", this).slideUp("fast");
  30. });
  31. });
  32. </script>
  33.  
  34.  
  35.  
  36.  
  37.  
  38. <meta name="color:Background" content="#fff"/>
  39. <meta name="color:Link" content="#000"/>
  40. <meta name="color:Link hover" content="#ddd"/>
  41. <meta name="color:Text" content="#c4c2c2"/>
  42. <meta name="color:EntryBG" content="#fff"/>
  43. <meta name="color:Desc" content="#bdbebd"/>
  44. <meta name="color:LineBG" content="#000"/>
  45.  
  46. <meta name="color:Bigletter" content="#fff"/>
  47. <meta name="color:BigletterBG" content="#000"/>
  48.  
  49. <meta name="color:Sidelinks" content="#000"/>
  50. <meta name="color:Sidelinks hover" content="#fff"/>
  51.  
  52. <meta name="color:Perma Link" content="#c4c4c4" />
  53. <meta name="color:Perma Link Hover" content="#fff" />
  54. <meta name="color:Perma Border" content="#fff"/>
  55. <meta name="color:Perma Background" content="#000"/>
  56.  
  57. <meta name="color:3D color1" content="#000" />
  58. <meta name="color:3D color2" content="#e42c8b" />
  59. <meta name="color:3D color3" content="#35D0E8" />
  60.  
  61. <meta name="color:Tooltip" content="#b6b6b6" />
  62. <meta name="color:TooltipBorder" content="#b6b6b6" />
  63. <meta name="color:TooltipBG" content="#fff" />
  64.  
  65. <meta name="color:Scrollbar" content="#000"/>
  66.  
  67. <meta name="image:Background" content""/>
  68. <meta name="image:LineBG" content=""/>
  69.  
  70. <meta name="if:One Column" content="1"/>
  71. <meta name="if:Two Column" content=""/>
  72. <meta name="if:200px" content=""/>
  73. <meta name="if:400px Posts" content="0" />
  74.  
  75. <meta name="if:Greyscale" content="" />
  76. <meta name="if:Pagination" content="" />
  77. <meta name="if:Bigletter" content="" />
  78. <meta name="if:Caption" content="" />
  79.  
  80. <meta name="text:Bigletter" content="">
  81. <meta name="text:Title1" content="Title here">
  82. <meta name="text:Title2" content="Title here">
  83. <meta name="text:link1" content="">
  84. <meta name="text:link1 url" content="/">
  85. <meta name="text:link2" content="">
  86. <meta name="text:link2 url" content="/">
  87. <meta name="text:link3" content="">
  88. <meta name="text:link3 url" content="/">
  89.  
  90.  
  91.  
  92.  
  93. <style type="text/css">
  94. .wrapper{
  95. margin:auto;
  96. width: 717px;
  97. }
  98.  
  99. #tumblr_controls{
  100. position:fixed !important;
  101. top: 3px;
  102. right: 3px;
  103. }
  104.  
  105.  
  106.  
  107.  ::-webkit-scrollbar-thumb{background-color: {color:scrollbar}; border: 2px solid #fff;height:auto;}
  108. ::-webkit-scrollbar {height:9px;width:9px;background-color: {color:scrollbar};border: 4px solid #fff;}
  109.  
  110. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.9s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  111.  
  112.  
  113. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  114.  
  115.  
  116.    
  117. body{
  118. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;    
  119. background-color: {color:Background};
  120. background-image: url({image:Background});
  121. background-size:100% 100%;
  122. background-attachment: fixed;
  123. background-repeat: repeat;
  124. background-position: center;
  125. font-family:Cambria;
  126. font-size:11px;
  127. line-height:15px;
  128. color:{color:Text};
  129. }
  130.  
  131. a:link, a:active, a:visited{
  132. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;    
  133. color: {color:Link};
  134. text-decoration:none;
  135. -moz-transition-duration:0.5s;
  136. -webkit-transition-duration:0.5s;
  137. -o-transition-duration:0.5s;
  138.  
  139. }
  140.  
  141. a:hover {  
  142. color:{color:link hover};
  143. text-decoration:none;
  144. -moz-transition-duration:0.5s;
  145. -webkit-transition-duration:0.5s;
  146. -o-transition-duration:0.5s;}
  147.  
  148.  
  149. #posts {
  150. position:relative;
  151. left:550px;
  152. top:0px;
  153. {block:IndexPage}
  154. width: 485px;
  155. background-image:url({image:EntryBG});
  156. {block:IfNot400pxPosts}
  157. {block:ifTwoColumn}
  158. width: 584px;
  159. {block:if200px}
  160. width: 501px;
  161. {/block:if200px}
  162. {/block:ifTwoColumn}
  163. {block:ifOneColumn}
  164. width:286px;
  165. {block:if200px}
  166. width:237px;
  167. {block:if200px}
  168. {/block:ifOneColumn}
  169. {block:ifThreeColumn}
  170. width:708px;
  171. margin-left:0px;
  172. {/block:ifThreeColumn}
  173. {/block:IfNot400pxPosts}
  174. {block:If400pxPosts}
  175. width:452px;
  176. {/block:If400pxPosts}
  177. {/block:IndexPage}
  178. {block:PermalinkPage}
  179. width: 500px;
  180. margin-left:18px;
  181. margin-top:15px;
  182. {/block:PermalinkPage}
  183.  
  184. }
  185.  
  186. .perma {
  187. background-color: transperant;
  188. font:8px consolas;
  189. text-transform:uppercase;
  190. letter-spacing:1px;
  191. position:absolute;
  192. text-align:right;
  193. opacity:0;
  194. margin-top:5px;
  195. margin-left:50px;
  196. color: #fff;
  197. border:4px double {color:Perma border};
  198. padding:1px;
  199. overflow:hidden;
  200. -webkit-transition: all 0.7s ease-out;
  201. -moz-transition: all 0.7s ease-out;
  202. -o-transition: all 0.7s ease-out;
  203. {block:ifTwoColumn}
  204. width: 235px;
  205. {block:if200px}
  206. width:185px;
  207. {/block:if200px}
  208. {/block:ifTwoColumn}
  209. {block:ifOneColumn}
  210. width: 235px;
  211. {block:if200px}
  212. width:185px;
  213. {block:if200px}
  214. {/block:ifOneColumn}
  215. }
  216.  
  217. .entry:hover .perma {
  218. background-color: {color:Perma background};
  219. margin-left:0px;
  220. padding-left:8px;
  221. opacity: 1;
  222. z-index:2;
  223. -webkit-transition: all 0.7s ease;
  224. -moz-transition: all 0.7s ease;
  225. -o-transition: all 0.7s ease;
  226. }
  227.  
  228. .entry:Hover .perma a {
  229. color:{color:Perma Link};  
  230. -webkit-transition: all 0.5s ease;
  231. -moz-transition: all 0.5s ease;
  232. -o-transition: all 0.5s ease;
  233. }
  234.    
  235. .entry:Hover .perma a:hover {
  236. color:{color:Perma Link Hover};
  237. -webkit-transition: all 0.5s ease;
  238. -moz-transition: all 0.5s ease;
  239. -o-transition: all 0.5s ease;
  240. }
  241.  
  242.  
  243. .entry {
  244. position:relative;
  245. padding:10px;
  246. background:{color:EntryBG};
  247. {block:PermalinkPage}
  248. width: 500px;
  249. float: left;
  250. {/block:PermalinkPage}
  251. {block:IndexPage}
  252. border:1px solid #eee;    
  253. margin:6px;
  254. float: left;
  255. {block:IfNot400pxPosts}
  256. {block:ifTwoColumn}
  257. width: 250px;
  258. margin:10px;
  259. {block:if200px}
  260. width: 200px;
  261. {/block:if200px}
  262. {/block:ifTwoColumn}
  263. {block:ifOneColumn}
  264. width: 250px;
  265. {block:if200px}
  266. width:200px;
  267. {block:if200px}
  268. {/block:ifOneColumn}
  269. {/block:IfNot400pxPosts}
  270. {block:If400pxPosts}
  271. width:400px;
  272. margin:15px;
  273. {/block:If400pxPosts}
  274. {/block:IndexPage}
  275. }
  276.  
  277. .entry img{
  278. {block:IndexPage}
  279. {block:IfNot400pxPosts}
  280. {block:ifTwoColumn}
  281. max-width: 250px;
  282. {block:if200px}
  283. max-width: 200px;
  284. {/block:if200px}
  285. {/block:ifTwoColumn}
  286. {block:ifOneColumn}
  287. max-width:250px;
  288. {block:if200px}
  289. max-width:200px;
  290. {block:if200px}
  291. {/block:ifOneColumn}
  292. {/block:IfNot400pxPosts}
  293. {block:If400pxPosts}
  294. max-width:400px;
  295. {/block:If400pxPosts}
  296. {block:Ifgreyscale}
  297. -webkit-transition: opacity 0.9s linear;opacity: 1; -webkit-filter: grayscale(50%); -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;{/block:Ifgreyscale}
  298. {/block:IndexPage}
  299. {block:PermalinkPage}
  300. max-width:400px;
  301. {/block:PermalinkPage}
  302. }
  303. {block:IndexPage}{block:Ifgreyscale}
  304. .entry img:hover {-webkit-transition: opacity 0.9s linear;opacity: 1; -webkit-filter: grayscale(0%); -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;  }
  305. {/block:Ifgreyscale}{/Block:IndexPage}
  306. }
  307.  
  308. .entry .permalink{
  309. position:absolute;
  310. padding-left:4px;
  311. padding-right:4px;
  312. margin-top:2px;
  313. opacity:0;
  314. text-align:center;
  315. font-size:8px;
  316. letter-spacing:1px;
  317. text-transform:uppercase;
  318. color:{color:Link};
  319. background:{color:Permalink};
  320. z-index:1;
  321. -webkit-transition: all 0.3s linear;
  322. -moz-transition: all 0.3s linear;
  323. transition: all 0.3s linear;
  324. }
  325.  
  326. .entry:hover .permalink{
  327. opacity:1;
  328. }
  329.  
  330.  
  331. #side {
  332. width:40px;
  333. height:100%;
  334. position:fixed;
  335. left:0px;
  336. top:0px;
  337. opacity:1;
  338. border-right: double 4px #fff;
  339. background-color:{color:LineBG};
  340. background-image:url({image:LineBG});  
  341. }
  342.  
  343. #sidebar {
  344. width: 120px;
  345. position: fixed;
  346. top:230px;
  347. margin-left: 350px;
  348. padding-right: 60px;
  349. height: 100%;
  350. }
  351.  
  352. #sidebarimage img {
  353. margin-top: 60px;
  354. width: 180px;
  355. margin-bottom: -5px;
  356. margin-left: -30px;
  357. padding:5px;
  358. border: 0px solid #eee;
  359. }
  360.  
  361. #battery {
  362. width:100px;
  363. height:40px;
  364. position:fixed;
  365. margin-top: 000px;
  366. opacity:1;
  367. border: solid 4px #ddd;
  368. background-color:transparent;
  369. -webkit-border-radius: 10px;
  370. -moz-border-radius: 10px;
  371. border-radius: 10px;
  372. }
  373.  
  374. #batt{
  375. width:2px;
  376. height:10px;
  377. position:fixed;
  378. margin-top: 015px;
  379. margin-left: 105px;
  380. opacity:1;
  381. border: solid 4px #ddd;
  382. background-color:#ddd;
  383. -webkit-border-radius: 4px;
  384. -moz-border-radius: 4px;
  385. border-radius: 4px;
  386. }
  387.  
  388. .desc {
  389. width: 100px;
  390. height:60px;
  391. text-align: justify;
  392. font-size: 10px;
  393. font-style:italic;
  394. margin-top: 40px;
  395. margin-left: 5px;
  396. overflow:auto;
  397. color:{color:desc};
  398. margin-bottom: 15px;
  399. line-height: 120%;
  400. }
  401.  
  402. .title {
  403. font-size:26px;
  404. text-align:left;
  405. margin-bottom: 15px;
  406. margin-top: 10px;
  407. word-spacing:2px;
  408. line-height:80%;
  409. text-shadow: 2px 0px {color:3d color2}, -2px 0px{color:3d color3};
  410. color:{color:3d color1};
  411. text-transform: lowercase;
  412. padding-bottom: 10px;
  413. -moz-transition-duration:0.5s;
  414. -webkit-transition-duration:0.5s;
  415. -o-transition-duration:0.5s;
  416. }
  417.  
  418. .title:hover {
  419. color: {color:links hover};
  420. -moz-transition-duration:0.5s;
  421. -webkit-transition-duration:0.5s;
  422. -o-transition-duration:0.5s;
  423. }
  424.  
  425. .sbtitle {
  426. font-size:13px;
  427. text-align: right;
  428. margin-bottom: 15px;
  429. margin-top: -20px;
  430. word-spacing:2px;
  431. font-style:italic;
  432. line-height:80%;
  433. text-shadow: 2px 0px #eee, -2px 0px #ccc;
  434. color:{color:3d color1};
  435. text-transform: lowercase;
  436. padding-bottom: 10px;
  437. -moz-transition-duration:0.5s;
  438. -webkit-transition-duration:0.5s;
  439. -o-transition-duration:0.5s;
  440. }
  441.  
  442. .sbtitle:hover {
  443. color: {color:linkhover};
  444. -moz-transition-duration:0.5s;
  445. -webkit-transition-duration:0.5s;
  446. -o-transition-duration:0.5s;
  447. }
  448.  
  449. .navi {
  450. margin-top: 32px;
  451. margin-left:12px;
  452. width:200px;
  453. }
  454.  
  455. .navi a {
  456. padding:7px;
  457. background-color:{color:sidelinks};
  458. color:{color:sidelinks};
  459. }
  460.  
  461. .navi a:hover {
  462. background-color:{color:sidelinks hover};
  463. }
  464.  
  465. .pagi {
  466. z-index:999;
  467. text-align:center;
  468. margin-top:0px;
  469. margin-left:0px;
  470. padding: 0px;
  471. width:100px;
  472. text-transform: uppercase;    
  473. color:{color:3d color1};
  474. font-size:8px;
  475. letter-spacing:1px;
  476. font-weight:900;
  477. font-family:consolas;
  478. text-shadow: 1px 0px {color:3d color2}, -1px 0px{color:3d color3};
  479. }    
  480.  
  481. .pagi a {
  482. text-decoration: underline;
  483. color:{color:navlink};
  484. padding: 4px;
  485. }
  486.  
  487. .pagi a:hover {
  488. color:{color:navlinkhovercolor};
  489. }
  490.  
  491. {block:IfBigletter}
  492. .bigletter {
  493. background-color: {color:BigletterBG};
  494. padding: 4px;
  495. color: {color:Bigletter};
  496. font-size: 16px;
  497. font-family: Californian FB;
  498. font-style:italic;
  499. text-transform:uppercase;
  500. font-style: none;
  501. float: left;
  502. font-weight:bold;
  503. margin-right:6px;
  504. line-height: 90%;
  505. padding-right:9px;
  506. border: 4px double #fff;
  507. }
  508. {/block:IfBigletter}
  509.  
  510. #titre {
  511. text-align: right;
  512. text-transform: uppercase;    
  513. color:{color:3d color1};
  514. font-size:13px;
  515. letter-spacing:1px;
  516. font-weight:900;
  517. font-family:consolas;
  518. text-shadow: 1px 0px {color:3d color2}, -1px 0px{color:3d color3};
  519. border:double 4px #000;
  520. }
  521.  
  522.            
  523. #permalink {
  524. {block:indexpage}
  525. width: {block:if400pxPosts}394px{/block:if400pxPosts};
  526. font:8px consolas;
  527. color:{color:Perma Link};  
  528. text-align: right;
  529. text-transform: uppercase;
  530. background-color: {color:Perma background};
  531. margin-top: 4px;
  532. margin-left: -2px;
  533. padding: 1px;
  534. border: double {color:Perma border} 4px;
  535. letter-spacing:1px;
  536. {/block:indexpage}
  537. }
  538.            
  539. #permalink a {
  540. color:{color:Perma Link};
  541. -webkit-transition: all 0.5s ease;
  542. -moz-transition: all 0.5s ease;
  543. -o-transition: all 0.5s ease;
  544. }
  545.            
  546. #permalink a:hover {
  547. color:{color:Perma Link Hover};
  548. -webkit-transition: all 0.5s ease;
  549. -moz-transition: all 0.5s ease;
  550. -o-transition: all 0.5s ease;
  551. }
  552.  
  553. #s-m-t-tooltip{
  554. z-index: 9999;
  555. background-color: {color:tooltipBG};
  556. font-size: 7px;
  557. font-family: trebuchet ms;
  558. letter-spacing: 2px;
  559. text-transform: uppercase;
  560. color: {color:tooltip};
  561. max-width: 100px;
  562. word-wrap: break-word;
  563. padding: 0px 5px 0px 6px;
  564. display: block;
  565. border: 2px solid {color:tooltipborder};
  566. margin: 20px 10px 10px 10px;
  567. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s
  568. }
  569.  
  570. #ask {
  571. padding:5px;
  572. width:240px;
  573. }
  574.  
  575. .askername{
  576. position:absolute;
  577. margin-top:-37px;
  578. margin-left:60px;
  579. font-size:10px;
  580. font-style:italic;
  581. {block:IndexPage}
  582. width:184px;
  583. {/block:IndexPage}
  584. {block:PermalinkPage}
  585. width:434px;
  586. {/block:PermalinkPage}
  587. }
  588.  
  589. .askerp img{
  590. }
  591.  
  592. #postnotes{
  593. text-align: justify;
  594. }
  595.  
  596. #postnotes blockquote{
  597. border: 0px;}
  598.  
  599. #infscr-loading{
  600. bottom: -70px;
  601. position: absolute;
  602. left: 50%;
  603. margin-left:-8px;
  604. width:16px;
  605. height:11px;
  606. overflow:hidden;
  607. margin-bottom: 50px;
  608. }
  609.  
  610. blockquote{
  611. margin-top:5px;
  612. margin-bottom:5px;
  613. margin-left:20px;
  614. margin-right:0px;
  615. padding:2px;
  616. padding-left:5px;
  617. }
  618.  
  619. blockquote p, ul{
  620. margin:0px;
  621. padding:0px;
  622. }
  623.  
  624. .p { padding-top: 5px; }
  625. .ol, ul { margin-left: 10px; padding: 5px; }
  626. .ul { list-style-type: square; }
  627.  
  628. a img{border: 0px;}
  629.  
  630. .chat .line{
  631. margin-top:-2px;
  632. padding: 4px;
  633. }
  634. .chat .line.odd{
  635. margin-top:-2px;
  636. }
  637.  
  638. .label {font-weight:bold;}
  639.  
  640. .cover {position: absolute; z-index: 1;}
  641.  
  642. #audio {
  643. margin-bottom:5px;
  644. width:500px;
  645. height:65px;
  646. }
  647.  
  648. .albumart {
  649. width:50px;
  650. height:50px;
  651. position:absolute;
  652. }
  653.  
  654. .albumart img {
  655. width:50px;
  656. height:50px;
  657. float:left;
  658. }
  659.  
  660. .playercontainer {
  661. opacity: .2;
  662. display:block;
  663. width:50px;
  664. height:50px;
  665. background-color:white;
  666. position:absolute;
  667. -webkit-transition:all 0.5s ease-in-out;
  668. -moz-transition:all 0.5s ease-in-out;
  669. -o-transition:all 0.5s ease-in-out;
  670. -ms-transition: all 0.5s ease-in-out;
  671. transition:all 0.5s ease-in-out;
  672. }
  673.    
  674. .playercontainer:hover {
  675. opacity:.7;
  676. position:absolute;
  677. -webkit-transition:all 0.5s ease-in-out;
  678. -moz-transition:all 0.5s ease-in-out;
  679. -o-transition:all 0.5s ease-in-out;
  680. -ms-transition: all 0.5s ease-in-out;
  681. transition:all 0.5s ease-in-out;
  682. }
  683.  
  684. .player {
  685. margin-left:12px;
  686. width:25px;
  687. height:25px;
  688. margin-top:12px;
  689. overflow:hidden;
  690. position:absolute;
  691. background-color:white;
  692. }
  693.  
  694. .audioinfo {
  695. margin-left:63px;
  696. float:left;
  697. color:{color:Text};
  698. width:186px;
  699. padding:1px;
  700. margin-top:0px;
  701. }
  702.  
  703. .button { position:absolute; overflow:hidden; width:27px; height:27px; margin-top:37px; margin-left:37px;}
  704.  
  705. .notes img{width:10px; position:left; top:3px;}
  706.  
  707. #top{
  708. position:fixed;
  709. margin-left:55px;
  710. margin-bottom:10px;
  711. padding:5px;
  712. width:8px;
  713. }
  714.  
  715. {CustomCSS}
  716.  
  717. </style>
  718.  
  719. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  720. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  721. <script>
  722. (function($){
  723. $(document).ready(function(){
  724. $("a[title]").style_my_tooltips({
  725.     tip_follows_cursor:true,
  726.     tip_delay_time:20,
  727.     tip_fade_speed:400,
  728.     attribute:"title"
  729. });
  730. });
  731. })(jQuery);
  732. </script>
  733.  
  734. <script>
  735. (function($){
  736. $(document).ready(function(){
  737. $("img[title]").style_my_tooltips({
  738.     tip_follows_cursor:true,
  739.     tip_delay_time:20,
  740.     tip_fade_speed:400,
  741.     attribute:"title"
  742. });
  743. });
  744. })(jQuery);
  745. </script>  
  746.  
  747. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  748. <script type="text/javascript">
  749. $(document).ready(function(){
  750. $(".na").hide();
  751. $(".notess").click(function(){
  752. $('.na').slideToggle("slow");
  753. return true;
  754. });
  755. });
  756. </script>
  757.  
  758. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  759. <script type="text/javascript">
  760. $(document).ready(function(){
  761. $("#desc").hide();
  762. $(".title").click(function(){
  763. $('#desc').slideToggle("slow");
  764. return true;
  765. });
  766. });
  767. </script>
  768. <title>{title}</title>
  769.  
  770. <link rel="shortcut icon" href="{PortraitURL-24}">
  771. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  772. <meta name="viewport" content="width=820" />
  773.  
  774.  
  775. </head>
  776. <body>
  777.  
  778. <a id="top" title="back to top" href="#" style="position: fixed; font-size:12px;bottom: 5px; right:7px;">▲</a>
  779.  
  780. <div id="side"></div>
  781.  
  782. <div id="sidebar">
  783. <a href="/"><div class="title"style=" text-transform:none">{text:title1}</div></a>
  784. <a href="/" ><div class="sbtitle">{text:title2}</div></a>
  785. <div id="battery"></div>
  786. <div id="batt"></div>
  787.  
  788. <div class="navi">
  789. <a href="/"style="opacity:0.9 "title="index"></a>
  790. <a href="/ask"style="opacity:0.8 "title="message"></a>
  791. <a href="/archive"style="opacity:0.6 "title="past"></a>
  792. <a href="{text:Link1 url}" style="opacity:0.4 "title="{text:Link1}"></a>
  793. <a href="{text:Link2 url}" style="opacity:0.2 "title="{text:Link2}"></a>
  794. <a href="{text:Link3 url}" style="opacity:0.1 "title="{text:Link3}"></a>
  795. </div>
  796.  
  797. <div class="desc">
  798. {block:IfBigletter}  <div class="bigletter">
  799. {text:bigletter}</div>{/block:IfBigletter}  {description}</div>
  800.  
  801.  
  802. {block:IfPagination}
  803. <div class="pagi">{block:Pagination}
  804.     {block:Pagination}
  805.     {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  806.  
  807.     {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  808.     {/block:Pagination}</div>
  809. {/block:IfPagination}    
  810. </div>
  811.  
  812.  
  813.  
  814. <div style="font-size: 7px;background-color:#eee;border:solid #ddd 1px; letter-spacing: 1px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:uppercase;"><a title="korean-addicted" href="http://korean-addicted.tumblr.com"><b>thm</b></a></div>
  815.  
  816. <div id="posts">
  817.  
  818.  
  819. <div id="content"> {block:Posts}
  820. <div class="entry">
  821.  
  822.  
  823. {block:Text}
  824.  
  825. <div class="text">
  826. {block:Title}<div id="titre">{Title}</div> {/block:Title}
  827. {Body}  
  828. {block:indexpage}
  829. <p class="ti"><a href="{Permalink}"></a></p>
  830. <div id="permalink">
  831. <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount}</a> | {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  832. {/block:indexpage}
  833. </div>
  834. {/block:Text}
  835.  
  836.  
  837. {block:Photo}
  838.  
  839. {block:IndexPage}
  840. {block:IfNot400pxPosts}
  841. <span class="perma"> <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount}</a> |
  842. </span>
  843.  
  844. <div class="photo">
  845. <a href="{Permalink}"><img src="{PhotoURL-250}"  alt="{PhotoAlt}"></a>
  846. </div>
  847. {/block:IfNot400pxPosts}
  848.  
  849. {block:If400pxPosts}      
  850. <div class="photo">
  851. <a href="{Permalink}"><img src="{PhotoURL-400}"  alt="{PhotoAlt}"></a>
  852. </div>
  853.  
  854. <div id="permalink">
  855. <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount}</a> | {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>    
  856.  
  857. {/block:If400pxPosts}
  858. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  859. {/block:IndexPage}
  860.  
  861. {block:PermalinkPage}
  862. {block:If400pxPosts}
  863.     {LinkOpenTag}
  864.     <center>
  865.     <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  866.     <center>
  867.     {LinkCloseTag}{/block:If400pxPosts}
  868.    
  869.     {block:IfNot400pxPosts}
  870.         {LinkOpenTag}
  871.     <center>
  872.     <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  873.     <center>
  874.     {LinkCloseTag}
  875. {/block:IfNot400pxPosts}
  876. {/block:PermalinkPage}
  877. {/block:Photo}
  878.  
  879.  
  880. {block:Photoset}
  881.  
  882. {block:IndexPage}
  883.  
  884. {block:IfNot400pxPosts}
  885.  <span class="perma"> <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCountWithLabel}</a>
  886. </span>
  887. {block:IfNot200px}
  888. {Photoset-250}
  889. {/block:IfNot200px}
  890. {block:If200px}
  891. {block:Photos}
  892. <img src="{PhotoURL-250}">
  893. {/block:Photos}{/block:If200px}
  894. {/block:IfNot400pxPosts}
  895.  
  896. {block:If400pxPosts}
  897. {Photoset-400}
  898. <div id="permalink">
  899. <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount}</a> | {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>  
  900.  
  901. {/block:If400pxPosts}
  902. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  903. {/block:IndexPage}
  904.  
  905. {block:permalinkpage}
  906. <center>
  907. {Photoset-500}<center>
  908. {/block:permalinkpage}
  909.    
  910. {/block:Photoset}
  911.  
  912. {block:Quote}
  913. {block:Title}<div id="titre">{Title}</div> {/block:Title}
  914.  
  915. <div style="color:{color:link}; font-size: 30px; line-height: 30px; float: left;">
  916.       ❝</div><br>
  917.      
  918.     <div style="font-size:13px;color:{color:3D color1}; letter-spacing: 1px; font-family: consolas; margin-left: 20px; padding:5px; font-weight:900; padding-left: 10px;text-align:center;text-shadow: 1px 0px {color:3d color2}, -1px 0px{color:3d color3}; text-align: right; text-transform: uppercase;    ">
  919.         {Quote}
  920.     </div>
  921.  
  922.    
  923. <div id="permalink">
  924. <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount}</a> | {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>  
  925.  
  926. {/block:Quote}
  927.  
  928.  
  929. {block:Link}
  930.  
  931. <div class="text">
  932.     <a href="{URL}" {Target}><div id="titre">{Name}</div></a>
  933.     {block:Description}
  934.         <div class="description">{Description}</div>
  935.     {/block:Description}
  936.         {block:indexpage}
  937. <p class="ti"><a href="{Permalink}"></a></p>
  938. <div id="permalink">
  939. <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount} | {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>  
  940.         {/block:indexpage}
  941.  
  942. </div>{/block:Link}
  943.  
  944.  
  945. {block:Chat}
  946.  
  947. <div class="text">
  948.     {block:Title}
  949.         <h1><a href="{Permalink}">{Title}</a></h1>
  950.     {/block:Title}
  951.        {block:Lines}
  952.     <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  953.           {Line} </li>
  954.         {/block:Lines}
  955.         {block:indexpage}
  956. <p class="ti"><a href="{Permalink}"></a></p>
  957. <div id="permalink">
  958. <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount}</a> | {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  959.         {/block:indexpage}
  960.  
  961. </div>{/block:Chat}
  962.  
  963. {block:Video}
  964. {block:IndexPage}
  965. {block:Photos}
  966. <img src="{PhotoURL-400}">
  967. {/block:Photos}
  968.     {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  969. <p class="ti"><a href="{Permalink}"></a></p>
  970. <div id="permalink">
  971. <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount}</a> | {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  972.         {/block:indexpage}
  973.     {/block:IndexPage}
  974.     {block:permalinkpage}
  975.     {Video-400}
  976.     {/block:permalinkpage}
  977. {/block:Video}
  978.  
  979.  
  980.  {block:Audio}
  981. <div id="audio">
  982. <div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>
  983.  
  984. {block:TrackName}<div class="audioinfo"><b>Title:</b> {TrackName}</div><br>{/block:TrackName}
  985. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
  986. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}
  987. {block:PlayCount}<div class="audioinfo"><b>Played:</b> {FormattedPlayCount}times</div> {/block:PlayCount}
  988. </div>{block:Caption}{Caption}{/block:Caption}
  989. <div id="permalink">
  990. <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount}</a> | {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  991. {/block:Audio}
  992.  
  993. {block:Answer}
  994. <div class="text">
  995. {block:indexpage}
  996.  
  997. <div class="ans">{Asker}: {Question}</div><div class="answ">{Answer}</div>
  998. <p class="ti"><a href="{Permalink}"></a></p>
  999. <div id="permalink">
  1000. <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount}</a> | {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1001. {/block:indexpage}
  1002. </div>
  1003. {block:permalinkpage}
  1004. <div class="ans">{Asker}: {Question}</div><div class="answ">{Answer}</div>
  1005. <p class="ti"><a href="{Permalink}">{NoteCountwithLabel}</a></p>
  1006. </div>
  1007. {/block:permalinkpage}
  1008. {/block:Answer}    
  1009. {block:permalinkpage}
  1010. <div class="text">
  1011. {block:Caption}{Caption}{/block:Caption}
  1012. {block:PostNotes}
  1013. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>{/block:PostNotes}
  1014. {block:RebloggedFrom}<p class="t">Reblogged from  - <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>{/block:RebloggedFrom}
  1015. {block:ContentSource}<p class="t">Source -  <a href="{SourceURL}" target="_blank">{SourceTitle}</a></p>{/block:ContentSource}
  1016. {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  1017. <div class="notess"> View notes </div><div class="na">
  1018. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1019. </div></div>
  1020. {/block:permalinkpage}
  1021.  
  1022. </div>  
  1023.  
  1024.  
  1025. {/block:Posts}
  1026. </div>
  1027. </div>
  1028. {block:IndexPage}<br>
  1029. {block:Pagination}
  1030. <div id="pagination">
  1031. {block:NextPage}
  1032. <a id="nextPage" href="{NextPage}"> </a>
  1033. {/block:NextPage}
  1034. {block:PreviousPage}
  1035. <a href="{PreviousPage}"> </a>
  1036. {/block:PreviousPage}
  1037. </div>
  1038. {/block:Pagination}
  1039. {/block:IndexPage}
  1040. </div>
  1041.  
  1042.  
  1043. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1044.  
  1045.  {block:IfNotPagination}
  1046. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1047.  {/block:IfNotPagination}
  1048.  
  1049. <script type="text/javascript">
  1050. $(window).load(function () {
  1051. var $content = $('#posts');
  1052. $content.masonry({itemSelector: '.entry'}),
  1053. $content.infinitescroll({
  1054. navSelector : 'div#pagination',
  1055. nextSelector : 'div#pagination a#nextPage',
  1056. itemSelector : '.entry',
  1057. loading: {
  1058. finishedMsg: '',
  1059. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  1060. },
  1061. bufferPx : 600,
  1062. debug : false,
  1063. },
  1064. // call masonry as a callback.
  1065. function( newElements ) {
  1066. var $newElems = $( newElements );
  1067. $newElems.hide();
  1068. // ensure that images load before adding to masonry layout
  1069. $newElems.imagesLoaded(function(){
  1070. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  1071.  
  1072.  
  1073.  
  1074.  
  1075. </body>
  1076.  
  1077.  
  1078.  
  1079. </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!