API tools faq
paste
Advertisement
korean-addcited

SEXING THEME

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