API tools faq
paste
xmisa0923

kor theme

xmisa0923
Dec 2nd, 2013
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.85 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Suchen theme madhe by korean-addicted.tumblr.com | don't take off the credits ~
  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="#ffffff"/>
  39.  
  40. <meta name="color:Link" content="#9c9c9c"/>
  41. <meta name="color:LinkHover" content="#b2cab0"/>
  42. <meta name="color:Scrollbar" content="#f5f5f5"/>
  43. <meta name="color:Text" content="#c4c2c2"/>
  44. <meta name="color:Desc" content="#dbdbdb"/>
  45. <meta name="color:EntryBG" content="#fff"/>
  46.  
  47. <meta name="color:Desc" content="#afafac"/>
  48. <meta name="color:Sidelinks" content="#e1e1e1"/>
  49. <meta name="color:Sidelinks hover" content="#fff"/>
  50.  
  51. <meta name="color:Title" content="#fff"/>
  52. <meta name="color:TitleHover" content="#dadada"/>
  53.  
  54. <meta name="color:Tooltip" content="#fff" />
  55. <meta name="color:TooltipBG" content="#b2cab0" />
  56.  
  57. <meta name="color:Perma Link" content="#fff" />
  58. <meta name="color:Perma Link Hover" content="#9ea09e" />
  59. <meta name="color:Perma Border" content="#fff"/>
  60. <meta name="color:Perma Background" content="#dfdddd"/>
  61.  
  62. <meta name="color:Ask background" content="#f5f5f5">
  63. <meta name="color:Ask text" content="#9b9b9b">
  64. <meta name="color:Asker text" content="#b2cab0">
  65. <meta name="color:Asker link" content="#83b67e">
  66. <meta name="color:Asker link hover" content="#9b9b9b">
  67.  
  68. <meta name="color:Border" content="#eee"/>
  69.  
  70. <meta name="color:Shadow 1" content="#f5f5f5" />
  71. <meta name="color:Shadow 2" content="#b2cab0" />
  72.  
  73. <meta name="color:Bigletter" content="#fff"/>
  74. <meta name="color:BigletterBG" content="#dfdddd"/>
  75.  
  76. <meta name="image:Background" content""/>
  77. <meta name="image:Permalink img" content="http://static.tumblr.com/pmwviqo/AMZmx3dhi/barinhas29__1_v.gif"/>
  78.  
  79. <meta name="if:Greyscale" content="" />
  80. <meta name="if:Pagination" content="" />
  81. <meta name="if:Bigletter" content="" />
  82. <meta name="if:Caption" content="" />
  83.  
  84. <meta name="if:One Column" content="1"/>
  85. <meta name="if:Two Column" content=""/>
  86. <meta name="if:200px" content=""/>
  87. <meta name="if:400px Posts" content="" />
  88.  
  89.  
  90. <meta name="text:Title" content="Title here">
  91. <meta name="text:Bigletter" content="">
  92.  
  93. <meta name="text:link1" content="">
  94. <meta name="text:link1 url" content="/">
  95. <meta name="text:link2" content="">
  96. <meta name="text:link2 url" content="/">
  97.  
  98.  
  99. <style type="text/css">
  100.  
  101.  
  102. img{
  103. -webkit-transition: opacity 0.8s linear;
  104. opacity: 1
  105. }
  106.  
  107.  
  108.  
  109.  
  110. img:hover{
  111. -webkit-transition: opacity 0.7s linear;
  112. opacity: 0.60;
  113. }
  114.  
  115.  
  116.  
  117.  
  118.  
  119. iframe.photoset {
  120. opacity: 1;
  121. }
  122. iframe.photoset:hover {
  123. opacity: .9
  124. }
  125.  
  126.  
  127.  
  128.  
  129.  
  130. .wrapper{
  131. margin:auto;
  132. width: 717px;
  133. }
  134.  
  135. #tumblr_controls{
  136. position:fixed !important;
  137. top: 3px;
  138. right: 3px;
  139. }
  140.  
  141.  
  142.  
  143. ::-webkit-scrollbar-thumb{background-color: {color:scrollbar}; border: 2px solid #fff;height:auto;}
  144. ::-webkit-scrollbar {height:9px;width:9px;background-color: {color:scrollbar};border: 4px solid #fff;}
  145.  
  146. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  147.  
  148.  
  149. 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;}
  150.  
  151.  
  152.  
  153.  
  154. body{
  155. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress; text-align:justify;
  156. background-color: {color:Background};
  157. background-image: url({image:Background});
  158. background-size:100% 100%;
  159. background-attachment: fixed;
  160. background-repeat: repeat;
  161. background-position: center;
  162. font-family:trebuchet ms;
  163. font-size:10px;
  164. line-height:13px;
  165. color:{color:Text};
  166. }
  167.  
  168. a:link, a:active, a:visited{
  169. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  170. color: {color:Link};
  171. text-decoration:none;
  172. -webkit-transition: all 0.1s linear;
  173. -moz-transition: all 0.1s linear;
  174. transition: all 0.1s linear;
  175. }
  176.  
  177. a:hover{
  178. color:{color:Linkhover};
  179. -webkit-transition: all 0.5s ease-in-out;
  180. -moz-transition: all 0.5s ease-in-out;
  181. -o-transition: all 0.5s ease-in-out;
  182. }
  183.  
  184. #posts {
  185. position:relative;
  186. margin: 0 auto;
  187. top:20px;
  188. {block:IndexPage}
  189. width: 485px;
  190. {block:IfNot400pxPosts}
  191. {block:ifTwoColumn}
  192. width: 670px;
  193. {block:if200px}
  194. width: 540px;
  195. {/block:if200px}
  196. {/block:ifTwoColumn}
  197. {block:ifOneColumn}
  198. width:320px;
  199. {block:if200px}
  200. width:280px;
  201. {block:if200px}
  202. {/block:ifOneColumn}
  203. {/block:IfNot400pxPosts}
  204. {block:If400pxPosts}
  205. width:470px;
  206. {/block:If400pxPosts}
  207. {/block:IndexPage}
  208. {block:PermalinkPage}
  209. width: 500px;
  210. {/block:PermalinkPage}
  211.  
  212. }
  213.  
  214. .entry {
  215. border:4px double {color:border};
  216. position:relative;
  217. padding:10px;
  218. background:{color:EntryBG};
  219. {block:PermalinkPage}
  220. width: 500px;
  221. float: left;
  222. {/block:PermalinkPage}
  223. {block:IndexPage}
  224. margin:20px;
  225. float: left;
  226. {block:IfNot400pxPosts}
  227. {block:ifTwoColumn}
  228. width: 250px;
  229. {block:if200px}
  230. width: 200px;
  231. {/block:if200px}
  232. {/block:ifTwoColumn}
  233. {block:ifOneColumn}
  234. width: 250px;
  235. {block:if200px}
  236. width:200px;
  237. {block:if200px}
  238. {/block:ifOneColumn}
  239. {/block:IfNot400pxPosts}
  240. {block:If400pxPosts}
  241. width:400px;
  242. {/block:If400pxPosts}
  243. {/block:IndexPage}
  244. }
  245.  
  246. .entry img{
  247. {block:IndexPage}
  248. {block:IfNot400pxPosts}
  249. {block:ifTwoColumn}
  250. width: 250px;
  251. {block:if200px}
  252. width: 200px;
  253. {/block:if200px}
  254. {/block:ifTwoColumn}
  255. {block:ifOneColumn}
  256. width:250px;
  257. {block:if200px}
  258. width:200px;
  259. {block:if200px}
  260. {/block:ifOneColumn}
  261. {/block:IfNot400pxPosts}
  262. {block:If400pxPosts}
  263. width:400px;
  264. {/block:If400pxPosts}{block:Ifgreyscale}
  265. -webkit-filter: grayscale(50%);
  266. z-index: -9999999999999999999999999px;
  267. -webkit-transition: all 0.9s ease-in-out;
  268. -moz-transition: all 0.9s ease-in-out;
  269. -o-transition: all 0.9s ease-in-out;
  270. -ms-transition: all 0.9s ease-in-out;
  271. transition: all 0.9s ease-in-out;
  272. {/block:IndexPage}{/block:Ifgreyscale}
  273. {block:PermalinkPage}
  274. width:400px;
  275. {/block:PermalinkPage}
  276. }
  277.  
  278. .entry img:hover {
  279. {block:IndexPage}{block:Ifgreyscale}
  280. -webkit-filter: grayscale(0%);
  281. z-index: -9999999999999999999999999px;
  282. -webkit-transition: all 0.9s ease-in-out;
  283. -moz-transition: all 0.9s ease-in-out;
  284. -o-transition: all 0.9s ease-in-out;
  285. -ms-transition: all 0.9s ease-in-out;
  286. transition: all 0.9s ease-in-out;
  287. {/block:IndexPage}{/block:Ifgreyscale}
  288. }
  289.  
  290. .perma {
  291. background-color: transperant;
  292. font:8px consolas;
  293. text-transform:uppercase;
  294. letter-spacing:1px;
  295. position:absolute;
  296. text-align:center;
  297. opacity:0;
  298. bottom:0px;
  299. margin-left:50px;
  300. color: #fff;
  301. padding:0px;
  302. overflow:hidden;
  303. -webkit-transition: all 0.7s ease-out;
  304. -moz-transition: all 0.7s ease-out;
  305. -o-transition: all 0.7s ease-out;
  306. {block:ifTwoColumn}
  307. width: 242px;
  308. {block:if200px}
  309. width:192px;
  310. {/block:if200px}
  311. {/block:ifTwoColumn}
  312. {block:ifOneColumn}
  313. width: 242px;
  314. {block:if200px}
  315. width:192px;
  316. {block:if200px}
  317. {/block:ifOneColumn}
  318. }
  319.  
  320. .entry:hover .perma {
  321. background-color: {color:Perma background};
  322. margin-left:0px;
  323. padding-left:8px;
  324. opacity: 1;
  325. z-index:2;
  326. -webkit-transition: all 0.7s ease;
  327. -moz-transition: all 0.7s ease;
  328. -o-transition: all 0.7s ease;
  329. }
  330.  
  331. .entry:Hover .perma a {
  332. color:{color:Perma Link};
  333. -webkit-transition: all 0.5s ease;
  334. -moz-transition: all 0.5s ease;
  335. -o-transition: all 0.5s ease;
  336. }
  337.  
  338. .entry:Hover .perma a:hover {
  339. color:{color:Perma Link Hover};
  340. -webkit-transition: all 0.5s ease;
  341. -moz-transition: all 0.5s ease;
  342. -o-transition: all 0.5s ease;
  343. }
  344.  
  345.  
  346. #sidebar {
  347. color:{color:Title};
  348. position:fixed;
  349. padding: 10px;
  350. top:280px;
  351. text-align:center;
  352. background-color: {color:TitleBG};
  353. font-style:italic;
  354. font:bold 28px "times new roman";
  355. width: 120px;
  356. height: auto;
  357. border-left:1px #eee solid;
  358. left:50%;
  359. height:70px;
  360. font-size: 28px;
  361. letter-spacing: 2px;
  362. {block:IfNot400pxPosts}
  363. {block:ifTwoColumn}
  364. margin:0 0 0 -530px;
  365. {block:if200px}
  366. margin:0 0 0 -470px;
  367. {/block:if200px}
  368. {/block:ifTwoColumn}
  369. {block:ifOneColumn}
  370. margin:0 0 0 -360px;
  371. {block:if200px}
  372. margin:0 0 0 -330px;
  373. {block:if200px}
  374. {/block:ifOneColumn}
  375. {/block:IfNot400pxPosts}
  376. {block:If400pxPosts}
  377. margin:0 0 0 -430px;
  378. {/block:If400pxPosts}
  379. {block:PermalinkPage}
  380. margin:0 0 0 -480px;
  381. {/block:PermalinkPage}
  382. }
  383.  
  384.  
  385.  
  386.  
  387. .ttle {
  388. text-shadow:0px 0px 10px #828282;
  389. text-align:left;
  390. margin-left:5px;
  391. font:bold italic 30px "times new roman";
  392. letter-spacing: 2px;
  393. margin-top:0px;
  394. width:120px;
  395. }
  396.  
  397. .ttle a{
  398. color:{color:title};
  399. -moz-transition-duration:0.6s;
  400. -webkit-transition-duration:0.6s;
  401. -o-transition-duration:0.6s;
  402. }
  403.  
  404. .ttle a:hover{
  405. color:{color:titlehover};
  406. -moz-transition-duration:0.6s;
  407. -webkit-transition-duration:0.6s;
  408. -o-transition-duration:0.6s;
  409. }
  410.  
  411. .links {
  412. font-family: 'Source Sans Pro', sans-serif;
  413. font-size:10px;
  414. text-transform:uppercase;
  415. text-align:center;
  416. letter-spacing:2px;
  417. line-height:120%;
  418. width:353px;
  419. height:19px;
  420. padding:0px;
  421. margin-top:-100px;
  422. margin-left:-200px;
  423. overflow:visible;
  424. position:fixed;
  425. -webkit-transition: all 0.6s ease-in-out;
  426. -moz-transition: all 0.6s ease-in-out;
  427. -o-transition: all 0.6s ease-in-out;
  428. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  429. }
  430.  
  431. .links a{
  432. padding:3px;
  433. color:{color:Sidelinks};
  434. text-shadow:none;
  435. letter-spacing:0px;
  436. text-decoration:none;
  437. -moz-transition-duration:1s;
  438. -webkit-transition-duration:1s;
  439. -o-transition-duration:1s;
  440. }
  441.  
  442. .links a:hover{
  443. color:{color:Sidelinks hover};
  444. -moz-transition-duration:1s;
  445. -webkit-transition-duration:1s;
  446. -o-transition-duration:0.8s;
  447. }
  448.  
  449. .desc {
  450. color:{color:Desc};
  451. text-shadow:none;
  452. margin-top:0px;
  453. width:120px;
  454. text-align:justify;
  455. font-size:10px;
  456. font-family:times;
  457. font-style:none;
  458. padding:5px;
  459. height:50px;
  460. letter-spacing:1px;
  461. line-height:110%;
  462. }
  463.  
  464. .pagination {
  465. font-size: 18px;
  466. font-family:'Courier New', Courier, monospace;
  467. text-transform:uppercase;
  468. margin-left:-68px;
  469. margin-top:10px;
  470. letter-spacing:100px;
  471. }
  472.  
  473. .pagination a {
  474. color:{color:Sidelinks};
  475. padding: 5px;
  476. -moz-transition-duration:1s;
  477. -webkit-transition-duration:1s;
  478. -o-transition-duration:1s;
  479. }
  480.  
  481. .pagination a:hover {
  482. color:{color:Sidelinks hover};
  483. -moz-transition-duration:1s;
  484. -webkit-transition-duration:1s;
  485. -o-transition-duration:1s;
  486. }
  487.  
  488. .bigletter {
  489. background-color: {color:BigletterBG};
  490. padding: 4px;
  491. color: {color:Bigletter};
  492. font-size: 16px;
  493. font-family: Californian FB;
  494. font-style:italic;
  495. text-transform:uppercase;
  496. font-style: none;
  497. float: left;
  498. font-weight:bold;
  499. margin-right:6px;
  500. line-height: 90%;
  501. padding-right:9px;
  502. border: 4px double #fff;
  503. }
  504.  
  505. #kai {
  506. text-align: center;
  507. text-transform: uppercase;
  508. color:{color:3d color1};
  509. font-size:13px;
  510. letter-spacing:1px;
  511. font-weight:900;
  512. font-family:consolas;
  513. text-shadow: 2px 1px 1px {color:Shadow 1}, -2px -1px 1px {color:Shadow 2};
  514. color:{color:link};
  515. }
  516.  
  517. #permalink {
  518. {block:indexpage}
  519. width: {block:if400pxPosts}394px{/block:if400pxPosts};
  520. font:8px consolas;
  521. color:{color:Perma Link};
  522. text-align: center;
  523. text-transform: uppercase;
  524. background-color: {color:Perma background};
  525. margin-top: 10px;
  526. margin-left: 0px;
  527. border: double {color:Perma border} 4px;
  528. letter-spacing:1px;
  529. {/block:indexpage}
  530. }
  531.  
  532. #permalink a {
  533. padding: 5px;
  534. color:{color:Perma Link};
  535. -webkit-transition: all 0.5s ease;
  536. -moz-transition: all 0.5s ease;
  537. -o-transition: all 0.5s ease;
  538. }
  539.  
  540. #permalink a:hover {
  541. color:{color:Perma Link Hover};
  542. -webkit-transition: all 0.5s ease;
  543. -moz-transition: all 0.5s ease;
  544. -o-transition: all 0.5s ease;
  545. }
  546.  
  547. #s-m-t-tooltip{
  548. z-index: 9999;
  549. background-color: {color:tooltipBG};
  550. font:8px consolas;
  551. letter-spacing: 1px;
  552. text-transform: uppercase;
  553. color: {color:tooltip};
  554. max-width: 100px;
  555. word-wrap: break-word;
  556. display: block;
  557. margin: 15px 10px 10px 10px;
  558. padding:1px;
  559. }
  560.  
  561. #ask {
  562. padding:5px;
  563. width:240px;
  564. }
  565.  
  566. .askername{
  567. position:absolute;
  568. margin-top:-37px;
  569. margin-left:60px;
  570. font-size:10px;
  571. font-style:italic;
  572. {block:IndexPage}
  573. width:184px;
  574. {/block:IndexPage}
  575. {block:PermalinkPage}
  576. width:434px;
  577. {/block:PermalinkPage}
  578. }
  579.  
  580. .askerp img{
  581. }
  582.  
  583. #postnotes{
  584. text-align: justify;
  585. }
  586.  
  587. #postnotes blockquote{
  588. border: 0px;}
  589.  
  590. #infscr-loading{
  591. bottom: -70px;
  592. position: absolute;
  593. left: 50%;
  594. margin-left:-8px;
  595. width:16px;
  596. height:11px;
  597. overflow:hidden;
  598. margin-bottom: 50px;
  599. }
  600.  
  601. blockquote{
  602. margin-top:5px;
  603. margin-bottom:5px;
  604. margin-left:20px;
  605. margin-right:0px;
  606. padding:2px;
  607. padding-left:5px;
  608. }
  609.  
  610. blockquote p, ul{
  611. margin:0px;
  612. padding:0px;
  613. }
  614.  
  615. .chat .line{
  616. margin-top:-2px;
  617. padding: 4px;
  618. }
  619. .chat .line.odd{
  620. margin-top:-2px;
  621. }
  622.  
  623. .label {font-weight:bold;}
  624.  
  625. .cover {position: absolute; z-index: 1;}
  626.  
  627. #audio {
  628. margin-bottom:5px;
  629. height:65px;
  630. }
  631.  
  632. .albumart {
  633. width:40px;
  634. height:40px;
  635. position:absolute;
  636. }
  637.  
  638. .albumart img {
  639. width:40px;
  640. height:40px;
  641. float:left;
  642. }
  643.  
  644. .playercontainer {
  645. opacity: .2;
  646. display:block;
  647. width:40px;
  648. height:40px;
  649. background-color:white;
  650. position:absolute;
  651. -webkit-transition:all 0.5s ease-in-out;
  652. -moz-transition:all 0.5s ease-in-out;
  653. -o-transition:all 0.5s ease-in-out;
  654. -ms-transition: all 0.5s ease-in-out;
  655. transition:all 0.5s ease-in-out;
  656. }
  657.  
  658. .playercontainer:hover {
  659. opacity:.7;
  660. position:absolute;
  661. -webkit-transition:all 0.5s ease-in-out;
  662. -moz-transition:all 0.5s ease-in-out;
  663. -o-transition:all 0.5s ease-in-out;
  664. -ms-transition: all 0.5s ease-in-out;
  665. transition:all 0.5s ease-in-out;
  666. }
  667.  
  668. .player {
  669. margin-left:6px;
  670. width:25px;
  671. height:25px;
  672. margin-top:6px;
  673. overflow:hidden;
  674. position:absolute;
  675. background-color:white;
  676. }
  677.  
  678. .audioinfo {
  679. background-color: {color:ask background};
  680. min-height: 0px;
  681. padding: 1px;
  682. font-family:Cambria;
  683. font-size:9px;
  684. text-transform:none;
  685. letter-spacing:1px;
  686. color: {color:ask text};
  687. margin-left:53px;
  688. }
  689.  
  690. .a {
  691. margin-left: 12px;
  692. background-color: {color:ask background};
  693. padding: 10px;
  694. font-family:Cambria;
  695. font-size:9px;
  696. text-transform:none;
  697. letter-spacing:1px;
  698. color: {color:ask text};
  699. }
  700.  
  701. .asker {
  702. color: {color:asker text};
  703. font:10px consolas;
  704. text-transform:uppercase;
  705. letter-spacing:1px;
  706. }
  707.  
  708. .asker a {
  709. color: {color:asker link};
  710. border-bottom: 1px solid {color:asker link};
  711. }
  712.  
  713. .q {margin-top: 10px;}
  714.  
  715. .tri {
  716. position: absolute;
  717. font-size: 20px;
  718. margin: 5px 0 0 0px;
  719. color: {color:ask background};
  720. }
  721.  
  722. .button {
  723. position:absolute;
  724. overflow:hidden;
  725. width:27px;
  726. height:27px;
  727. margin-top:37px;
  728. margin-left:37px;
  729. }
  730.  
  731. ol.notes {
  732. text-align:center;
  733. height:200px;
  734. margin:20px 15px;
  735. font:8px consolas;
  736. letter-spacing:1px;
  737. text-transform:uppercase;
  738. list-style-type:none;
  739. overflow-y:scroll;
  740. overflow-x:hidden;
  741. padding:5px;
  742. }
  743.  
  744. ol.notes li.note {
  745. padding:7px 0 0 7px;
  746. }
  747.  
  748. img.avatar {
  749. display:none;
  750. }
  751.  
  752. .p {
  753. display:none;
  754. }
  755.  
  756. #top{
  757. position:fixed;
  758. margin-left:55px;
  759. margin-bottom:10px;
  760. padding:5px;
  761. width:8px;
  762.  
  763. }
  764.  
  765.  
  766.  
  767.  
  768.  
  769. /*--Music Player--*/
  770.  
  771. #box {
  772. width: 12px;
  773. height: 10px;
  774. margin-top: 365px;
  775. margin-left: 330px;
  776. position:absolute;
  777. overflow: hidden;
  778. z-index: 100%;
  779. }
  780.  
  781. #mplayer {
  782. opacity:0;
  783. margin-left: -22px;
  784. margin-top: -4px;
  785. overflow: hidden;
  786. width: 30px;
  787. position: absolute;
  788. -webkit-transition: all .7s ease-in-out;
  789. -moz-transition: all .7s ease-in-out;
  790. -o-transition: all .7s ease-in-out;
  791. -ms-transition: all .7s ease-in-out;
  792. transition: all .7s ease-in-out;
  793. }
  794.  
  795.  
  796. #pix {
  797. position:fixed;
  798. -webkit-transition: all .7s ease-in-out;
  799. -moz-transition: all .7s ease-in-out;
  800. -o-transition: all .7s ease-in-out;
  801. -ms-transition: all .7s ease-in-out;
  802. transition: all .7s ease-in-out;
  803. }
  804.  
  805. #box:hover #pix {
  806. opacity:0;
  807. -webkit-transition: all .7s ease-in-out;
  808. -moz-transition: all .7s ease-in-out;
  809. -o-transition: all .7s ease-in-out;
  810. -ms-transition: all .7s ease-in-out;
  811. transition: all .7s ease-in-out;
  812. }
  813.  
  814.  
  815.  
  816.  
  817. #box:hover #mplayer {
  818. opacity:1;
  819. -webkit-transition: all .7s ease-in-out;
  820. -moz-transition: all .7s ease-in-out;
  821. -o-transition: all .7s ease-in-out;
  822. -ms-transition: all .7s ease-in-out;
  823. transition: all .7s ease-in-out;
  824. }
  825.  
  826.  
  827.  
  828.  
  829.  
  830.  
  831. {CustomCSS}
  832.  
  833. </style>
  834.  
  835. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  836. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  837. <script>
  838. (function($){
  839. $(document).ready(function(){
  840. $("a[title]").style_my_tooltips({
  841. tip_follows_cursor:true,
  842. tip_delay_time:20,
  843. tip_fade_speed:400,
  844. attribute:"title"
  845. });
  846. });
  847. })(jQuery);
  848. </script>
  849.  
  850. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  851. <script type="text/javascript">
  852. $(document).ready(function(){
  853. $(".na").hide();
  854. $(".notess").click(function(){
  855. $('.na').slideToggle("slow");
  856. return true;
  857. });
  858. });
  859. </script>
  860.  
  861. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  862. <script type="text/javascript">
  863. $(document).ready(function(){
  864. $("#desc").hide();
  865. $(".title").click(function(){
  866. $('#desc').slideToggle("slow");
  867. return true;
  868. });
  869. });
  870. </script>
  871. <title>{title}</title>
  872.  
  873. <link rel="shortcut icon" href="{PortraitURL-24}">
  874. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  875. <meta name="viewport" content="width=820" />
  876.  
  877. </head>
  878. <body>
  879.  
  880.  
  881.  
  882.  
  883.  
  884.  
  885.  
  886.  
  887. <div id="sidebar">
  888. <div class="ttle">
  889. <a href="/">{text:Title}</a></div>
  890. <div class="desc">
  891. {block:IfBigletter} <div class="bigletter">
  892. {text:bigletter}</div>{/block:IfBigletter}{description}</div>
  893. <div class="links">
  894.  
  895. <a href="/"title="index">01</a><p>
  896. <a href="/ask"title="message">02</a><p>
  897. {block:IfLink1}
  898. <a href="{text:Link1 url}"title="{text:Link1}">03</a><p>
  899. {/block:IfLink1}
  900. {block:IfLink2}
  901. <a href="{text:Link2 url}"title="{text:Link2}">04</a><p>
  902. {/block:IfLink2}
  903. <a href="/"title=" "> </a><p>
  904. </div>{block:IfPagination}
  905. <div class="pagination">
  906. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> →</a> {/block:NextPage}</div>{/block:Pagination}{/block:IfPagination}</div>
  907.  
  908.  
  909.  
  910. <div id="box" title="music">
  911. <div id="pix"><img src="http://i.imgur.com/YEivRL8.png"></div>
  912.  
  913.  
  914. <div id="mplayer"> <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://dl.dropboxusercontent.com/u/30975005/15%20Call%20your%20name.mp3&t0=&f1=https://dl.dropboxusercontent.com/u/30975005/Ergo%20Proxy%20Opening%20with%20lyrics%20HD%20%28720p%29.mp3&t1=&f2=https://dl.dropboxusercontent.com/u/30975005/snk.mp3&t2=&f3=https://dl.dropboxusercontent.com/u/30975005/02%20The%20Reluctant%20Heroes.mp3&t3=&f4=https://dl.dropboxusercontent.com/u/30975005/cd2.mp3&t4=&total=5" quality="high" wmode="transparent" width="180" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
  915. </div>
  916. <p>
  917. </div>
  918. </div></div>
  919.  
  920.  
  921. <a id="top" title="back to top" href="#" style="position: fixed; font-size:12px;bottom: 8px; right:8px;">▲</a>
  922.  
  923. <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>
  924.  
  925.  
  926. <div id="posts">
  927.  
  928.  
  929. <div id="content"> {block:Posts}
  930. <div class="entry">
  931.  
  932.  
  933. {block:Text}
  934.  
  935. <div class="text">
  936. {block:Title}<div id="kai">{Title}</div> {/block:Title}
  937. {Body}
  938. {block:indexpage}
  939. <p class="ti"><a href="{Permalink}"></a></p>
  940. <div id="permalink"{block:If400pxPosts} style="border-top:1px solid #eee;" {/block:If400pxPosts}>
  941. {block:IfNot400pxPosts}<center><img style="width:200px;" src="{image:permalink img}"></center>{/block:IfNot400pxPosts}
  942. <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>
  943. {/block:indexpage}
  944. </div>
  945. {/block:Text}
  946.  
  947.  
  948. {block:Photo}
  949.  
  950. {block:IndexPage}
  951. {block:IfNot400pxPosts}
  952. <span class="perma">
  953. <center><img {block:IfNot200px} style="width:200px;"{/block:IfNot200px}{block:If200px} style="width:170px;{/block:If200px}" src="{image:permalink img}"></center>
  954. <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount}</a> |</span>
  955.  
  956. <div class="photo">
  957. <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"></a>
  958. </div>
  959.  
  960. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  961. {/block:IfNot400pxPosts}
  962.  
  963. {block:If400pxPosts}
  964. <div class="photo">
  965. <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"></a>
  966. </div>
  967.  
  968. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  969.  
  970. <div id="permalink" style="border-top:1px solid #eee;" >
  971. <a href="{ReblogURL}">reblog</a> <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> <a href="{Permalink}">{NoteCount}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom} {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  972.  
  973. {/block:If400pxPosts}
  974. {/block:IndexPage}
  975.  
  976. {block:PermalinkPage}
  977. {block:If400pxPosts}
  978. {LinkOpenTag}
  979. <center>
  980. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  981. <center>
  982. {LinkCloseTag}{/block:If400pxPosts}
  983.  
  984. {block:IfNot400pxPosts}
  985. {LinkOpenTag}
  986. <center>
  987. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  988. <center>
  989. {LinkCloseTag}
  990. {/block:IfNot400pxPosts}
  991. {/block:PermalinkPage}
  992. {/block:Photo}
  993.  
  994.  
  995. {block:Photoset}
  996.  
  997. {block:IndexPage}
  998.  
  999. {block:IfNot400pxPosts}
  1000. <span class="perma">
  1001. <center><img {block:IfNot200px} style="width:200px;"{/block:IfNot200px}{block:If200px} style="width:170px;{/block:If200px}" src="{image:permalink img}"></center>
  1002. <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCount}</a> |</span>
  1003. {block:IfNot200px}
  1004. {Photoset-250}
  1005. {/block:IfNot200px}
  1006. {block:If200px}
  1007. {block:Photos}
  1008. <img src="{PhotoURL-250}">
  1009. {/block:Photos}{/block:If200px}
  1010. {/block:IfNot400pxPosts}
  1011.  
  1012. {block:If400pxPosts}
  1013. {Photoset-400}
  1014.  
  1015. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  1016.  
  1017. <div id="permalink" style="border-top:1px solid #eee;" >
  1018. <a href="{ReblogURL}">reblog</a> <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> <a href="{Permalink}">{NoteCount}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom} {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1019.  
  1020. {/block:If400pxPosts}
  1021. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  1022. {/block:IndexPage}
  1023.  
  1024. {block:permalinkpage}
  1025. <center>
  1026. {Photoset-500}<center>
  1027. {/block:permalinkpage}
  1028.  
  1029. {/block:Photoset}
  1030.  
  1031. {block:Quote}
  1032. {block:Title}<div id="kai">{Title}</div> {/block:Title}
  1033.  
  1034. <div style="font-size:13px;letter-spacing: 1px; font-family: consolas;padding:5px; font-weight:900; padding-left: 10px;text-align:center;text-shadow: 2px 1px 1px {color:Shadow 1}, -2px -1px 1px {color:Shadow 2};color:{color:link}; text-transform: uppercase; ">
  1035. {Quote}
  1036. </div>
  1037.  
  1038. {block:IndexPage}
  1039. <div id="permalink"{block:If400pxPosts} style="border-top:1px solid #eee;" {/block:If400pxPosts}>
  1040. {block:IfNot400pxPosts}<center><img style="width:200px;" src="{image:permalink img}"></center>{/block:IfNot400pxPosts}
  1041. <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>
  1042. {/block:IndexPage}
  1043. {/block:Quote}
  1044.  
  1045.  
  1046. {block:Link}
  1047.  
  1048. <div class="text">
  1049. <a href="{URL}" {Target}><div id="kai">{Name}</div></a>
  1050. {block:Description}
  1051. <div class="description">{Description}</div>
  1052. {/block:Description}
  1053. {block:indexpage}
  1054. <p class="ti"><a href="{Permalink}"></a></p>
  1055. <div id="permalink"{block:If400pxPosts} style="border-top:1px solid #eee;" {/block:If400pxPosts}>
  1056. {block:IfNot400pxPosts}<center><img style="width:200px;" src="{image:permalink img}"></center>{/block:IfNot400pxPosts}
  1057. <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>
  1058. {/block:indexpage}
  1059.  
  1060. </div>{/block:Link}
  1061.  
  1062.  
  1063. {block:Chat}
  1064.  
  1065. <div class="text">
  1066. {block:Title}
  1067. <h1><a href="{Permalink}">{Title}</a></h1>
  1068. {/block:Title}
  1069. {block:Lines}
  1070. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  1071. {Line} </li>
  1072. {/block:Lines}
  1073. {block:indexpage}
  1074. <p class="ti"><a href="{Permalink}"></a></p>
  1075. <div id="permalink"{block:If400pxPosts} style="border-top:1px solid #eee;" {/block:If400pxPosts}>
  1076. {block:IfNot400pxPosts}<center><img style="width:200px;" src="{image:permalink img}"></center>{/block:IfNot400pxPosts}
  1077. <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>
  1078. {/block:indexpage}
  1079.  
  1080. </div>{/block:Chat}
  1081.  
  1082. {block:Video}
  1083. {block:IndexPage}
  1084. {block:Photos}
  1085. <img src="{PhotoURL-400}">
  1086. {/block:Photos}
  1087. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  1088. <p class="ti"><a href="{Permalink}"></a></p>
  1089. <div id="permalink"{block:If400pxPosts} style="border-top:1px solid #eee;" {/block:If400pxPosts}>
  1090. {block:IfNot400pxPosts}<center><img style="width:200px;" src="{image:permalink img}"></center>{/block:IfNot400pxPosts}
  1091. <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>
  1092. {/block:indexpage}
  1093. {/block:IndexPage}
  1094. {block:permalinkpage}
  1095. {Video-400}
  1096. {/block:permalinkpage}
  1097. {/block:Video}
  1098.  
  1099.  
  1100. {block:Audio}
  1101. <div id="audio">
  1102. <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>
  1103. <div class="tri" style="margin: 5px 0 0 40px;">◀</div>
  1104. {block:TrackName}<div class="audioinfo"> {TrackName}</div>{/block:TrackName}
  1105. {block:Artist}<div class="audioinfo"> {Artist}</div>{/block:Artist}
  1106. {block:Album}<div class="audioinfo"> {Album}</div>{/block:Album}
  1107. {block:PlayCount}<div class="audioinfo">{FormattedPlayCount}times</div> {/block:PlayCount}<br>
  1108. </div>{block:Caption}{Caption}{/block:Caption}
  1109. <div id="permalink"{block:If400pxPosts} style="border-top:1px solid #eee;" {/block:If400pxPosts}>
  1110. {block:IfNot400pxPosts}<center><img style="width:200px;" src="{image:permalink img}"></center>{/block:IfNot400pxPosts}
  1111. <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>
  1112. {/block:Audio}
  1113.  
  1114. {block:Answer}
  1115. <div class="text">
  1116. {block:indexpage}
  1117. <div class="tri">◀</div>
  1118. <div class="a">
  1119. <span class="asker">{Asker}:</span>
  1120. <span class="q">{Question}</span>
  1121. </div>
  1122. <div class="text">{Answer}</div>
  1123. <div id="permalink"{block:If400pxPosts} style="border-top:1px solid #eee;" {/block:If400pxPosts}>
  1124. {block:IfNot400pxPosts}<center><img style="width:200px;" src="{image:permalink img}"></center>{/block:IfNot400pxPosts}
  1125. <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>
  1126. {/block:indexpage}
  1127. </div>
  1128. {block:permalinkpage}
  1129. <div class="ans">{Asker}: {Question}</div><div class="answ">{Answer}</div>
  1130. <p class="ti"><a href="{Permalink}">{NoteCountwithLabel}</a></p>
  1131. </div>
  1132. {/block:permalinkpage}
  1133. {/block:Answer}
  1134.  
  1135. {block:permalinkpage}
  1136. {block:Caption}{Caption}{/block:Caption}
  1137. {block:PostNotes}
  1138. <div id="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>{/block:PostNotes}
  1139. {block:RebloggedFrom}<p>Reblogged from - <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>{/block:RebloggedFrom}
  1140. {block:ContentSource}<p>Source - <a href="{SourceURL}" target="_blank">{SourceTitle}</a></p>{/block:ContentSource}
  1141. {block:HasTags}<p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  1142. <div class="notess"> View notes </div><div class="na">
  1143. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1144. </div></div>
  1145. {/block:permalinkpage}
  1146.  
  1147. </div>
  1148.  
  1149.  
  1150. {/block:Posts}
  1151. </div>
  1152. </div>
  1153. {block:IndexPage}<br>
  1154. {block:Pagination}
  1155. <div id="pagination">
  1156. {block:NextPage}
  1157. <a id="nextPage" href="{NextPage}"> </a>
  1158. {/block:NextPage}
  1159. {block:PreviousPage}
  1160. <a href="{PreviousPage}"> </a>
  1161. {/block:PreviousPage}
  1162. </div>
  1163. {/block:Pagination}
  1164. {/block:IndexPage}
  1165. </div>
  1166.  
  1167.  
  1168. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  1169.  
  1170. {block:IfNotPagination}
  1171. {block:IndexPage}
  1172. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  1173. <script type="text/javascript">
  1174. $(window).load(function () {
  1175. $('#content').masonry(),
  1176. $('.masonryWrap').infinitescroll({
  1177. navSelector : '#pagination',
  1178. nextSelector : '#pagination a#nextPage',
  1179. itemSelector : ".entry, .clear",
  1180. bufferPx : 10000,
  1181. extraScrollPx: 10000,
  1182. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  1183. loadingText : "<em></em>",
  1184. },
  1185. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1186. );
  1187. });
  1188. </script>
  1189. {/block:IndexPage}
  1190. {/block:IfNotPagination}
  1191.  
  1192.  
  1193. </body>
  1194. </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!