API tools faq
paste
Advertisement
korean-addcited

KAISOO THEME

korean-addcited
Jul 30th, 2014
1,328
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 34.00 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Kaisoo theme made by korean-addicted.tumblr.com | do not remove 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="#fff"/>
  39. <meta name="color:Scrollbar" content="#e4fbe1"/>
  40. <meta name="color:Text" content="#dadada"/>
  41.  
  42. <meta name="color:EntryBG" content="#fff"/>
  43. <meta name="color:Border1" content="#f5f5f5"/>
  44.  
  45. <meta name="color:Link" content="#c3e2c0"/>
  46. <meta name="color:LinkHover" content="#dcdcdc"/>
  47.  
  48. <meta name="color:Title" content="#e4fbe1"/>
  49. <meta name="color:Desc" content="#dcdcdc"/>
  50.  
  51. <meta name="color:NavLinks" content="#dcdcdc"/>
  52. <meta name="color:NavLinksBGHover" content="#e4fbe1"/>
  53.  
  54. <meta name="color:TopBG" content="#fff"/>
  55. <meta name="color:TopBorder" content="#d9f5d6"/>
  56.  
  57. <meta name="color:SideLineBG1" content="#fff"/>
  58. <meta name="color:SideLineBG2" content="#ffdddd"/>
  59.  
  60. <meta name="color:Permalink" content="#d7d7d7"/>
  61. <meta name="color:PermalinkBG" content="#e4fbe1"/>
  62. <meta name="color:PermalinkHover" content="#bfbfbf"/>
  63.  
  64. <meta name="color:Tags" content="#fff"/>
  65. <meta name="color:TagsBG" content="#c3e2c0"/>
  66. <meta name="color:TagsHover" content="#bfbfbf"/>
  67.  
  68. <meta name="color:TabText" content="#d7d7d7" />
  69. <meta name="color:TabBG" content="#e4fbe1" />
  70.  
  71. <meta name="color:Tooltip" content="#d7d7d7" />
  72. <meta name="color:TooltipBG" content="#e4fbe1" />
  73.  
  74. <meta name="color:AskBG" content="#e4fbe1">
  75. <meta name="color:AskText" content="#d7d7d7">
  76.  
  77. <meta name="image:Background" content""/>
  78. <meta name="image:Entryimg" content"http://static.tumblr.com/pmwviqo/lCRn9jmew/sq1__1_.png"/>
  79.  
  80. <meta name="if:Pagination" content="" />
  81. <meta name="if:Caption" content="1" />
  82. <meta name="if:Tags" content="1" />
  83. <meta name="if:Greyscale" content="" />
  84. <meta name="if:Faded Posts" content="" />
  85.  
  86. <meta name="if:One Column" content="1"/>
  87. <meta name="if:One Column200px" content=""/>
  88. <meta name="if:Two Column" content=""/>
  89. <meta name="if:400px Posts" content="" />
  90.  
  91. <meta name="text:Title" content="我相信你">
  92.  
  93. <meta name="text:TabTitle" content="Updates">
  94. <meta name="text:TabText" content="Your text here">
  95. <meta name="text:TabHeight" content="90px">
  96.  
  97. <meta name="text:link1" content="">
  98. <meta name="text:link1 url" content="/">
  99. <meta name="text:link2" content="">
  100. <meta name="text:link2 url" content="/">
  101. <meta name="text:link3" content="">
  102. <meta name="text:link3 url" content="/">
  103.  
  104. <style type="text/css">
  105. .wrapper{
  106. margin:auto;
  107. width: 717px;
  108. }
  109.  
  110. #tumblr_controls{
  111. position:fixed !important;
  112. top: 3px;
  113. right: 3px;
  114. }
  115.  
  116.  
  117.  
  118.  ::-webkit-scrollbar-thumb{background-color: {color:scrollbar}; border: 2px solid {color:Background};height:auto;}
  119. ::-webkit-scrollbar {width:7px;height:7px;;background-color: {color:scrollbar};border: 4px solid {color:Background};}
  120.  
  121. iframe#tumblr_controls {-webkit-filter:invert(70%);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;}
  122.  
  123.  
  124. 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;}
  125.  
  126. @font-face { font-family: "Athletic"; src: url('http://static.tumblr.com/lagkdil/qBgmsqdxa/athletic.ttf'); }
  127. @font-face {font-family: "slkscr";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  128.    
  129. body{
  130. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress; text-align:justify;
  131. background-image: url({image:Background});
  132. background-color: {color:Background};
  133. background-attachment: fixed;
  134. background-repeat: repeat;
  135. background-position: center;
  136. font-family:trebuchet ms;
  137. font-size:10px;
  138. line-height:13px;
  139. padding:10px;
  140. color:{color:Text};
  141. }
  142.  
  143. a:link, a:active, a:visited{
  144. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  145. color: {color:Link};
  146. text-decoration:none;
  147. -webkit-transition: all 0.1s linear;
  148. -moz-transition: all 0.1s linear;
  149. transition: all 0.1s linear;
  150. }
  151.  
  152. a:hover{
  153. color:{color:Linkhover};
  154. -webkit-transition: all 0.5s ease-in-out;
  155. -moz-transition: all 0.5s ease-in-out;
  156. -o-transition: all 0.5s ease-in-out;
  157. }
  158.  
  159. #posts {
  160. position:relative;
  161. left:32px;
  162. top:70px;
  163. display:block;
  164. {block:IndexPage}
  165. width: 485px;
  166. background-image: url({image:Entryimg});
  167. {block:IfNot400pxPosts}
  168. {block:ifTwoColumn}
  169. width:464px;
  170. {/block:ifTwoColumn}
  171. {block:ifOneColumn}
  172. width:301px;
  173. {/block:ifOneColumn}
  174. {block:ifOneColumn200px}
  175. width:251px;
  176. {/block:ifOneColumn200px}
  177. {/block:IfNot400pxPosts}
  178. {/block:IfNot400pxPosts}
  179. {block:If400pxPosts}
  180. width:451px;
  181. {/block:If400pxPosts}
  182. {/block:IndexPage}
  183. {block:PermalinkPage}
  184. width: 400px;
  185. left:80px;
  186. {/block:PermalinkPage}
  187. }
  188.  
  189. .entry {
  190. display:block;    
  191. position:relative;
  192. {block:PermalinkPage}
  193. width: 400px;
  194. float: left;
  195. {/block:PermalinkPage}
  196. {block:IndexPage}
  197. float: left;
  198. background:{color:EntryBG};
  199. border:1px solid {color:Border1};
  200. padding:10px;
  201. margin:30px;
  202. margin-bottom:50px;
  203. margin-top:0px;
  204. margin-right:0px;
  205. {block:IfNot400pxPosts}
  206. {block:ifTwoColumn}
  207. width: 180px;
  208. {/block:ifTwoColumn}
  209. {block:ifOneColumn}
  210. width:250px;
  211. {/block:ifOneColumn}
  212. {block:ifOneColumn200px}
  213. width:200px;
  214. {/block:ifOneColumn200px}
  215. {/block:IfNot400pxPosts}
  216. {block:If400pxPosts}
  217. width:400px;
  218. margin-bottom:100px;
  219. {/block:If400pxPosts}
  220. {/block:IndexPage}
  221. -webkit-transition: all 0.5s ease-in-out;
  222. -moz-transition: all 0.5s ease-in-out;
  223. -o-transition: all 0.5s ease-in-out;
  224. }
  225.  
  226. .entry:before {
  227. {block:IndexPage}
  228. border-top:4px solid {color:Title};
  229. top:0px;
  230. left:0;
  231. width:0%;
  232. content:'';
  233. display:block;
  234. position:absolute;
  235. -webkit-transition: all 0.7s ease-in-out;
  236. -moz-transition: all 0.7s ease-in-out;
  237. -o-transition: all 0.7s ease-in-out;
  238. -ms-transition: all 0.7s ease-in-out;    
  239. transition: all 0.7s ease-in-out;
  240. {/block:IndexPage}
  241. }
  242.        
  243. .entry:hover:before {
  244. {block:IndexPage}
  245. width:100%;
  246. {/block:IndexPage}
  247. }
  248.  
  249.  
  250. .entry img{
  251. display:block;  
  252. {block:IndexPage}
  253. {block:IfNot400pxPosts}
  254. {block:ifTwoColumn}
  255. max-width: 180px;
  256. {/block:ifTwoColumn}
  257. {block:ifOneColumn}
  258. max-width:250px;
  259. {/block:ifOneColumn}
  260. {block:ifOneColumn200px}
  261. max-width:200px;
  262. {/block:ifOneColumn200px}
  263. {/block:IfNot400pxPosts}
  264. {block:If400pxPosts}
  265. max-width:400px;
  266. {/block:If400pxPosts}{block:Ifgreyscale}
  267.  -webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); -o-filter: grayscale(50%); filter: grayscale(50%);
  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:0.7;
  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. {block:PermalinkPage}
  284. max-width:400px;
  285. {/block:PermalinkPage}
  286. }
  287.  
  288.  
  289. .entry img:hover {
  290. {block:IndexPage}
  291. {block:Ifgreyscale}
  292. -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%);
  293. z-index: -9999999999999999999999999px;
  294. -webkit-transition: all 0.9s ease-in-out;
  295. -moz-transition: all 0.9s ease-in-out;
  296. -o-transition: all 0.9s ease-in-out;
  297. -ms-transition: all 0.9s ease-in-out;
  298. transition: all 0.9s ease-in-out;
  299. {/block:Ifgreyscale}
  300. {block:Iffadedposts}
  301. opacity:1;
  302. -webkit-transition: all 0.9s ease-in-out;
  303. -moz-transition: all 0.9s ease-in-out;
  304. -o-transition: all 0.9s ease-in-out;
  305. -ms-transition: all 0.9s ease-in-out;
  306. transition: all 0.9s ease-in-out;
  307. {/block:Iffadedposts}{/block:IndexPage}
  308. }
  309. {block:IndexPage}
  310. .photoset {{block:Ifgreyscale} -webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); -o-filter: grayscale(50%); filter: grayscale(50%);
  311. -webkit-transition: all 0.9s ease-in-out;
  312. -moz-transition: all 0.9s ease-in-out;
  313. -o-transition: all 0.9s ease-in-out;
  314. -ms-transition: all 0.9s ease-in-out;
  315. transition: all 0.9s ease-in-out;{/block:Ifgreyscale}
  316. {block:Iffadedposts}
  317. opacity:0.7;
  318. -webkit-transition: all 0.9s ease-in-out;
  319. -moz-transition: all 0.9s ease-in-out;
  320. -o-transition: all 0.9s ease-in-out;
  321. -ms-transition: all 0.9s ease-in-out;
  322. transition: all 0.9s ease-in-out;
  323. {/block:Iffadedposts}
  324. }
  325.  
  326. .photoset:hover {{block:Ifgreyscal}-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%);opacity:1;-webkit-transition: all 0.9s ease-in-out;
  327. -moz-transition: all 0.9s ease-in-out;
  328. -o-transition: all 0.9s ease-in-out;
  329. -ms-transition: all 0.9s ease-in-out;
  330. transition: all 0.9s ease-in-out;{/block:Ifgreyscal}
  331. {block:Iffadedposts}
  332. opacity:1;
  333. -webkit-transition: all 0.9s ease-in-out;
  334. -moz-transition: all 0.9s ease-in-out;
  335. -o-transition: all 0.9s ease-in-out;
  336. -ms-transition: all 0.9s ease-in-out;
  337. transition: all 0.9s ease-in-out;
  338. {/block:Iffadedposts}    
  339. }
  340. {/block:IndexPage}
  341.  
  342. #perma {
  343. font-family:slkscr;
  344. font-size:8px;
  345. text-transform:uppercase;
  346. letter-spacing:1px;
  347. position:absolute;
  348. text-align:center;
  349. opacity:1;
  350. bottom:-20px;
  351. overflow:hidden;
  352. -webkit-transition: all 0.7s ease-out;
  353. -moz-transition: all 0.7s ease-out;
  354. -o-transition: all 0.7s ease-out;
  355. {block:IfNot400pxPosts}
  356. {block:ifTwoColumn}
  357. width: 180px;
  358. {/block:ifTwoColumn}
  359. {block:ifOneColumn}
  360. width:250px;
  361. {/block:ifOneColumn}
  362. {block:ifOneColumn200px}
  363. width:200px;
  364. {/block:ifOneColumn200px}
  365. {/block:IfNot400pxPosts}
  366. {block:If400pxPosts}
  367. width:400px;
  368. {/block:If400pxPosts}
  369. }
  370.  
  371. #perma a {
  372. color:{color:Permalink};  
  373. }
  374.    
  375. #perma a:hover {
  376. color:{color:PermalinkHover};
  377. background-color:{color:PermalinkBGHover}
  378. }
  379.  
  380. .entry:hover #permalink {
  381. opacity:1;
  382. -webkit-transition: all 1.3s ease-in-out;
  383. -moz-transition: all 1.3s ease-in-out;
  384. -o-transition: all 1.3s ease-in-out;
  385. -ms-transition: all 1.3s ease-in-out;    
  386. transition: all 1.3s ease-in-out;
  387. }
  388.  
  389. #permalink {
  390. color:{color:Permalink};    
  391. font-family:slkscr;
  392. font-size:8px;
  393. position:absolute;
  394. text-align:justify;
  395. opacity:0;
  396. top:-16px;
  397. right:0px;
  398. overflow:hidden;
  399. -webkit-transition: all 0.5s ease-in-out;
  400. -moz-transition: all 0.5s ease-in-out;
  401. -o-transition: all 0.5s ease-in-out;
  402. }
  403.  
  404. #permalink a {
  405. letter-spacing:1px;
  406. margin-right:5px;
  407. padding:1px;
  408. color:{color:Permalink};
  409. background-color:{color:PermalinkBG};
  410.  
  411. }
  412.    
  413. #permalink a:hover {
  414. color:{color:PermalinkHover};
  415. background-color:transparent;
  416. }
  417.  
  418. .entry:hover #cap {
  419. opacity:1;
  420. -webkit-transition: all 1.3s ease-in-out;
  421. -moz-transition: all 1.3s ease-in-out;
  422. -o-transition: all 1.3s ease-in-out;
  423. -ms-transition: all 1.3s ease-in-out;    
  424. transition: all 1.3s ease-in-out;
  425. }
  426.  
  427. .entry:hover #tags {
  428. opacity:1;
  429. -webkit-transition: all 1.3s ease-in-out;
  430. -moz-transition: all 1.3s ease-in-out;
  431. -o-transition: all 1.3s ease-in-out;
  432. -ms-transition: all 1.3s ease-in-out;    
  433. transition: all 1.3s ease-in-out;
  434. }
  435.  
  436. #tags {
  437. margin:5px;
  438. text-align:left;
  439. position:absolute;
  440. bottom:-50px;
  441. height:40px;
  442. margin-left:0;
  443. opacity:0;
  444. {block:IfNot400pxPosts}
  445. {block:ifTwoColumn}
  446. width: 180px;
  447. {/block:ifTwoColumn}
  448. {block:ifOneColumn}
  449. width:250px;
  450. {/block:ifOneColumn}
  451. {block:ifOneColumn200px}
  452. width:190px;
  453. {/block:ifOneColumn200px}
  454. {/block:IfNot400pxPosts}
  455. {block:If400pxPosts}
  456. width:400px;
  457. {/block:If400pxPosts}
  458. -webkit-transition: all 0.5s ease-in-out;
  459. -moz-transition: all 0.5s ease-in-out;
  460. -o-transition: all 0.5s ease-in-out;
  461. }
  462.  
  463. #tags a {
  464. color:{color:Tags};
  465. background-color:{color:TagsBG};  
  466. font:8px slkscr;
  467. letter-spacing:1px;
  468. margin-right:5px;
  469. padding:1px;
  470. -webkit-transition: all 0.5s ease-in-out;
  471. -moz-transition: all 0.5s ease-in-out;
  472. -o-transition: all 0.5s ease-in-out;
  473. }
  474.  
  475. #tags a:before {
  476. content:'';
  477. }
  478.  
  479. #tags a:hover {
  480. color:{color:Tagshover};
  481. background-color:transparent;
  482. -webkit-transition: all 0.5s ease-in-out;
  483. -moz-transition: all 0.5s ease-in-out;
  484. -o-transition: all 0.5s ease-in-out;
  485. }
  486.  
  487. #cap {
  488. text-align:left;
  489. position:absolute;
  490. bottom:10px;
  491. left:10px;
  492. opacity:0;
  493. max-height:100px;
  494. background:rgba(255, 255, 255, 0.8);
  495. margin-top:5px;
  496. padding:5px 10px;
  497. overflow:auto;
  498. {block:IfNot400pxPosts}
  499. {block:ifTwoColumn}
  500. width: 160px;
  501. {/block:ifTwoColumn}
  502. {block:ifOneColumn}
  503. width:230px;
  504. {/block:ifOneColumn}
  505. {block:ifOneColumn200px}
  506. width:180px;
  507. {/block:ifOneColumn200px}
  508. {/block:IfNot400pxPosts}
  509. {block:If400pxPosts}
  510. width:400px;
  511. {/block:If400pxPosts}
  512. -webkit-transition: all 0.5s ease-in-out;
  513. -moz-transition: all 0.5s ease-in-out;
  514. -o-transition: all 0.5s ease-in-out;
  515. }
  516.  
  517. #cap a {
  518. color:{color:link};  
  519. font:8px slkscr;
  520. letter-spacing:1px;
  521. }
  522.  
  523. #cap a:hover {
  524. color:{color:linkhover};
  525. }
  526.  
  527. #taozi {
  528. padding:0px;
  529. top: 20px;
  530. position: fixed;
  531. z-index: 9999999999;
  532. left:0px;
  533. {block:IfNot400pxPosts}
  534. {block:ifTwoColumn}
  535. width: 515px;
  536. {/block:ifTwoColumn}
  537. {block:ifOneColumn}
  538. width: 355px;
  539. {/block:ifOneColumn}
  540. {block:ifOneColumn200px}
  541. width: 300px;
  542. {/block:ifOneColumn200px}
  543. {/block:IfNot400pxPosts}
  544. {block:If400pxPosts}
  545. width: 495px;
  546. {/block:If400pxPosts}
  547. {block:PermalinkPage}
  548. width: 490px;
  549. {/block:PermalinkPage}
  550. }
  551.    
  552. #taozi:before {
  553. border-bottom:4px solid {color:Title};
  554. bottom:13px;
  555. left:0;
  556. width:0%;
  557. content:'';
  558. display:block;
  559. position:absolute;
  560. -webkit-transition: all 0.7s ease-in-out;
  561. -moz-transition: all 0.7s ease-in-out;
  562. -o-transition: all 0.7s ease-in-out;
  563. -ms-transition: all 0.7s ease-in-out;    
  564. transition: all 0.7s ease-in-out;
  565. }
  566.        
  567. #taozi:hover:before {
  568. width:100%;
  569. }    
  570.    
  571. .baozi {
  572. width: 140px;
  573. height:46px;
  574. text-align: justify;
  575. font-size: 8px;
  576. font-style:italic;
  577. margin-top: -10px;
  578. margin-left: 360px;
  579. letter-spacing:2px;
  580. color:{color:desc};
  581. margin-bottom: 15px;
  582. line-height: 130%;
  583. overflow:auto;
  584. {block:IfNot400pxPosts}
  585. {block:ifTwoColumn}
  586. margin-left: 525px;
  587. {/block:ifTwoColumn}
  588. {block:ifOneColumn}
  589. margin-left: 360px;
  590. {/block:ifOneColumn}
  591. {block:ifOneColumn200px}
  592. margin-left: 305px;
  593. {/block:ifOneColumn200px}
  594. {/block:IfNot400pxPosts}
  595. {block:If400pxPosts}
  596. margin-left: 500px;
  597. {/block:If400pxPosts}
  598. {block:PermalinkPage}
  599. margin-left: 500px;
  600. {/block:PermalinkPage}
  601. }
  602.  
  603. .sehuna {
  604. width: 80px;    
  605. text-align: center;
  606. font-size:18px;
  607. word-spacing:2px;
  608. line-height:115%;
  609. color:{color:Title};
  610. z-index:9;
  611. font-weight: bold;
  612. position:fixed;
  613. text-transform: lowercase;
  614. padding-bottom: 10px;
  615. }
  616.  
  617. #taozi:hover .links {
  618. opacity:1;
  619. -webkit-transition: all 1.3s ease-in-out;
  620. -moz-transition: all 1.3s ease-in-out;
  621. -o-transition: all 1.3s ease-in-out;
  622. -ms-transition: all 1.3s ease-in-out;    
  623. transition: all 1.3s ease-in-out;
  624. }
  625.  
  626. .links {
  627. -webkit-transition-duration: 0.4s;
  628. text-align:justify;
  629. z-index: 999999999999;
  630. opacity:0;
  631. margin-top:-28px;
  632. text-transform:uppercase;
  633. overflow:hidden;
  634. }
  635.    
  636. .links a {
  637. color: {color:NavLinks};
  638. padding:4px;
  639. font-family: slkscr;
  640. font-size:8px;
  641. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  642. }
  643.    
  644. .links a:hover {
  645. color: {color:NavLinksHover};
  646. background-color: {color:NavLinksBGHover};
  647. }
  648.  
  649. #side1 {
  650. position:fixed;
  651. z-index: 9999;
  652. width:100%;
  653. height:25px;
  654. left:0px;
  655. top:0px;
  656. padding:25px 0px 7px 0px;
  657. letter-spacing:3px;
  658. font-size: 9px;
  659. font-style:italic;
  660. text-align:center;
  661. color: {color:TopText};
  662. background-color: {color:TopBG};
  663. opacity:0.5;
  664. border-bottom:{color:TopBorder} 5px solid;
  665.  
  666. }
  667.  
  668. #side2 {
  669. position:fixed;
  670. z-index: 9999;
  671. width:80px;
  672. height:100%;
  673. left:0px;
  674. top:62px;
  675. padding:8px 0px 7px 0px;
  676. letter-spacing:3px;
  677. text-align: center;
  678. color: {color:TopText};
  679. background-color: {color:SideLineBG2};;
  680. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from({color:SideLineBG1}), to({color:SideLineBG2}));
  681. background: -moz-linear-gradient(top, {color:SideLineBG1} 0%, {color:SideLineBG2} 100%);
  682. }
  683.  
  684. #tab{
  685. z-index:999999999999999;    
  686. top:44px;
  687. width:70px;
  688. right:0px;
  689. color:{color:TabText};
  690. text-align:center;
  691. position:fixed;
  692. font:8px slkscr;
  693. letter-spacing:1px;
  694. padding:2px;
  695. background-color: {color:TabBG};
  696. }
  697.  
  698. #tabhover{
  699. z-index:99999;    
  700. height:9px;
  701. background-color:transparent;
  702. text-align:center;
  703. overflow:hidden;
  704. line-height:10px;
  705. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
  706. }
  707.  
  708. #tabhover:hover{
  709. height:{text:TabHeight};
  710. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
  711. }  
  712.  
  713. #pagination {
  714. position:absolute;
  715. bottom:0px;
  716. margin-left:-10px;
  717. padding:10px;
  718. opacity:1;
  719. text-align:center;
  720. {block:IfNot400pxPosts}
  721. {block:ifTwoColumn}
  722. width:565px;
  723. {/block:ifTwoColumn}
  724. {block:ifOneColumn}
  725. width:350px;
  726. {/block:ifOneColumn}
  727. {block:ifOneColumn200px}
  728. width:305px;
  729. {/block:ifOneColumn200px}
  730. {/block:IfNot400pxPosts}
  731. {/block:IfNot400pxPosts}
  732. {block:If400pxPosts}
  733. width:500px;
  734. {/block:If400pxPosts}
  735. }
  736.  
  737. #pagination a{
  738. color:{color:Permalink}
  739. }
  740.  
  741. .jump_page {
  742. display:inline-block;
  743. padding: 4px 8px;
  744. color:{color:permalink};
  745. font-family:slkscr;
  746. font-size:8px;
  747. text-decoration:none;
  748. }
  749.  
  750. .current_page, .jump_page:hover {
  751. padding: 4px 8px;
  752. font-weight:bold;
  753. font-family:slkscr;
  754. font-size:8px;
  755. text-decoration:none;
  756. color:{color:permalink};
  757. }
  758.  
  759.  
  760. #kai {
  761. text-align: center;
  762. text-transform: uppercase;    
  763. font-size:11px;
  764. letter-spacing:1px;
  765. font-weight:900;
  766. font-family:consolas;
  767. color:{color:text};
  768. }
  769.        
  770. #s-m-t-tooltip{
  771. z-index: 9999;
  772. background: {color:tooltipBG};
  773. font:8px slkscr;
  774. letter-spacing: 1px;
  775. text-transform: uppercase;
  776. color: {color:tooltip};
  777. max-width: 100px;
  778. word-wrap: break-word;
  779. padding: 2px 5px 2px 6px;
  780. display: block;
  781. margin: -20px 5px 10px 5px;
  782. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s}
  783.  
  784. #s-m-t-tooltip:after {
  785. position: absolute;
  786. display: block;
  787. content: "";  
  788. border-color: {color:tooltipBG} transparent transparent transparent;
  789. border-style: solid;
  790. border-width: 7px;
  791. height:0px;
  792. width:0;
  793. bottom:-13px;
  794. left:10%;
  795. }
  796.  
  797. #ask {
  798. padding:5px;
  799. width:240px;
  800. }
  801.  
  802. .askername{
  803. position:absolute;
  804. margin-top:-37px;
  805. margin-left:60px;
  806. font-size:10px;
  807. font-style:italic;
  808. {block:IndexPage}
  809. width:184px;
  810. {/block:IndexPage}
  811. {block:PermalinkPage}
  812. width:434px;
  813. {/block:PermalinkPage}
  814. }
  815.  
  816. .askerp img{
  817. }
  818.  
  819. #postnotes{
  820. text-align: justify;
  821. }
  822.  
  823. #postnotes blockquote{
  824. border: 1px;}
  825.  
  826. #infscr-loading{
  827. bottom: -70px;
  828. position: absolute;
  829. left: 50%;
  830. margin-left:-8px;
  831. width:16px;
  832. height:11px;
  833. overflow:hidden;
  834. margin-bottom: 50px;
  835. }
  836.  
  837. blockquote {
  838. border-left:2px solid;
  839. padding-left:5px;
  840. border-color:{color:Link};
  841. }
  842.  
  843. .chat .line{
  844. margin-top:-2px;
  845. padding: 4px;
  846. }
  847. .chat .line.odd{
  848. margin-top:-2px;
  849. }
  850.  
  851. .label {font-family:trebuchet ms;
  852. font-size:10px;}
  853.  
  854. .cover {position: absolute; z-index: 1;}
  855.  
  856. #audio {  
  857. margin-bottom:5px;
  858. height:65px;
  859. }
  860.  
  861. .albumart {
  862. width:40px;
  863. height:40px;
  864. position:absolute;
  865. }
  866.  
  867. .albumart img {
  868. width:40px;
  869. height:40px;
  870. float:left;
  871. }
  872.  
  873. .playercontainer {
  874. opacity: .2;
  875. display:block;
  876. width:40px;
  877. height:40px;
  878. background-color:white;
  879. position:absolute;
  880. -webkit-transition:all 0.5s ease-in-out;
  881. -moz-transition:all 0.5s ease-in-out;
  882. -o-transition:all 0.5s ease-in-out;
  883. -ms-transition: all 0.5s ease-in-out;
  884. transition:all 0.5s ease-in-out;
  885. }
  886.    
  887. .playercontainer:hover {
  888. opacity:.7;
  889. position:absolute;
  890. -webkit-transition:all 0.5s ease-in-out;
  891. -moz-transition:all 0.5s ease-in-out;
  892. -o-transition:all 0.5s ease-in-out;
  893. -ms-transition: all 0.5s ease-in-out;
  894. transition:all 0.5s ease-in-out;
  895. }
  896.  
  897. .player {
  898. margin-left:6px;
  899. width:25px;
  900. height:25px;
  901. margin-top:6px;
  902. overflow:hidden;
  903. position:absolute;
  904. background-color:white;
  905. }
  906.  
  907. .audioinfo {
  908. background-color: {color:askBG};
  909. min-height: 0px;
  910. padding: 1px;
  911. font-family:Cambria;
  912. font-size:9px;
  913. text-transform:none;
  914. letter-spacing:1px;
  915. color: {color:ask text};    
  916. margin-left:53px;
  917. }
  918.  
  919. .a {
  920. margin-left: 12px;
  921. background-color: {color:askBG};
  922. padding: 10px;
  923. font-family:Cambria;
  924. font-size:9px;
  925. text-transform:none;
  926. letter-spacing:1px;
  927. color: {color:ask text};
  928. }
  929.  
  930. .asker {
  931. color: {color:ask text};
  932. font:10px consolas;
  933. text-transform:uppercase;
  934. letter-spacing:1px;
  935. }
  936.  
  937. .asker a {
  938. color: {color:ask text};
  939. }
  940.  
  941. .q {margin-top: 10px;}
  942.  
  943. .tri {
  944. position: absolute;
  945. font-size: 20px;
  946. margin: 5px 0 0 0px;
  947. color: {color:askBG};
  948. }
  949.  
  950. .button {
  951. position:absolute;
  952. overflow:hidden;
  953. width:27px;
  954. height:27px;
  955. margin-top:37px;
  956. margin-left:37px;
  957. }
  958.  
  959. ul li{
  960. list-style-type:square;
  961. font-family:trebuchet ms;
  962. font-size:10px;
  963. }
  964.  
  965. li.note {
  966. list-style-type:square;
  967. padding:10px;
  968. font:8px slkscr;
  969. }
  970.  
  971. ol.notes {
  972. text-align:left;
  973. margin-bottom:10px;
  974. font:8px slkscr;
  975. letter-spacing:1px;
  976. text-transform:uppercase;
  977. list-style-type:none;
  978. padding:5px;
  979. }
  980.  
  981. ol.notes li.note {
  982. padding:10px 0 0 10px;
  983. }
  984.  
  985. img.avatar {
  986. display:none;
  987. }
  988.  
  989. .p {
  990. display:none;
  991. }
  992.  
  993.  
  994.  
  995. {CustomCSS}
  996.  
  997. </style>
  998.  
  999. {block:IndexPage}
  1000. <script type="text/javascript">
  1001. $(window).load(function(){
  1002. $("p").remove(":contains('Source:')");
  1003. $("p").remove(":contains('(via')");
  1004. });
  1005. </script>
  1006. {/block:IndexPage}
  1007.  
  1008. </style>
  1009.  
  1010. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1011. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1012. <script>
  1013. (function($){
  1014. $(document).ready(function(){
  1015. $("a[title]").style_my_tooltips({
  1016.     tip_follows_cursor:true,
  1017.     tip_delay_time:20,
  1018.     tip_fade_speed:400,
  1019.     attribute:"title"
  1020. });
  1021. });
  1022. })(jQuery);
  1023. </script>
  1024.  
  1025. <script>
  1026. (function($){
  1027. $(document).ready(function(){
  1028. $("img[title]").style_my_tooltips({
  1029.     tip_follows_cursor:true,
  1030.     tip_delay_time:20,
  1031.     tip_fade_speed:400,
  1032.     attribute:"title"
  1033. });
  1034. });
  1035. })(jQuery);
  1036. </script>  
  1037.  
  1038. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  1039. <script type="text/javascript">
  1040. $(document).ready(function(){
  1041. $(".na").hide();
  1042. $(".notess").click(function(){
  1043. $('.na').slideToggle("slow");
  1044. return true;
  1045. });
  1046. });
  1047. </script>
  1048.  
  1049. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  1050. <script type="text/javascript">
  1051. $(document).ready(function(){
  1052. $("#desc").hide();
  1053. $(".title").click(function(){
  1054. $('#desc').slideToggle("slow");
  1055. return true;
  1056. });
  1057. });
  1058. </script>
  1059.  
  1060. <title>{title}</title>
  1061. <link rel="shortcut icon" href="{Favicon}">
  1062. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  1063. {block:Description}
  1064. <meta name="description" content="{MetaDescription}" />
  1065. {/block:Description}
  1066.  
  1067. </head>
  1068. <body>
  1069.  
  1070. <div id="tab"><div id="tabhover">
  1071. <div style="font-size:8px;"> {text:TabTitle} </div><br><div> {text:TabText}</div></div></div>  
  1072.  
  1073. <div id="side1"></div>
  1074. <div id="side2"></div>
  1075.  
  1076. <div id="taozi">
  1077. <a href="/" ><div class="sehuna">{text:title}</div></a>
  1078. <div class="baozi"> {description}</div>
  1079. <div class="links">
  1080. <a href="/">index</a>
  1081. <a href="/ask">ask</a>
  1082. <a href="/archive">past</a>
  1083. {block:IfLink1}
  1084. <a href="{text:Link1 url}">{text:Link1}</a>
  1085. {/block:IfLink1}
  1086. {block:IfLink2}
  1087. <a href="{text:Link2 url}">{text:Link2}</a>
  1088. {/block:IfLink2}
  1089. {block:IfLink3}
  1090. <a href="{text:Link3 url}">{text:Link3}</a>
  1091. {/block:IfLink3}
  1092. {block:IfLink4}
  1093. <a href="{text:Link4 url}">{text:Link4}</a>
  1094. {/block:IfLink4}
  1095. </div>
  1096.  
  1097.  
  1098. </div>
  1099. </div>
  1100.  
  1101.  
  1102. <div style="font-size: 12px; letter-spacing: 0px; float: right; position: fixed; bottom: 2px; right: 5px;z-index: 9999;padding:1px;"><a title="korean-addicted" href="http://korean-addicted.tumblr.com">ⓚⓐ</a></div>
  1103.  
  1104.  
  1105. <div id="posts">
  1106.  
  1107. <div id="content"> {block:Posts}
  1108. <div class="entry">
  1109. {block:ContentSource}
  1110. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1111. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1112. {/block:SourceLogo}
  1113. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1114. {/block:ContentSource}
  1115. {block:Text}
  1116.  
  1117. <div class="text">
  1118. {block:Title}<div id="kai">{Title}</div> {/block:Title}
  1119. {Body}  
  1120. </div>
  1121. {/block:Text}
  1122.  
  1123.  
  1124. {block:Photo}
  1125.  
  1126. {block:IndexPage}
  1127. {block:IfNot400pxPosts}
  1128. <div class="photo">
  1129. <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"></a>
  1130. </div>
  1131. {block:IfCaption}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:IfCaption}
  1132. {block:ifOneColumn}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn}
  1133. {block:ifOneColumn200px}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn200px}
  1134.  
  1135. {/block:IfNot400pxPosts}
  1136.  
  1137. {block:If400pxPosts}  
  1138. <div class="photo">
  1139. <a href="{Permalink}"><img src="{PhotoURL-400}"  alt="{PhotoAlt}"></a>
  1140. </div>
  1141. {block:IfCaption}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:IfCaption}
  1142. {block:IfTags}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  1143. {/block:If400pxPosts}
  1144. {/block:IndexPage}
  1145.  
  1146. {block:PermalinkPage}
  1147. {block:If400pxPosts}
  1148. <img src="{PhotoURL-500}" width="500"/>{/block:If400pxPosts}
  1149. {block:IfNot400pxPosts}
  1150. <img src="{PhotoURL-500}" width="500"/>{/block:IfNot400pxPosts}
  1151. {/block:PermalinkPage}
  1152. {/block:Photo}
  1153.  
  1154. {block:Photoset}
  1155.  
  1156. {block:IndexPage}
  1157.  
  1158. {block:IfNot400pxPosts}
  1159. {block:ifOneColumn}
  1160. {Photoset-250}
  1161. {/block:ifOneColumn}
  1162. {block:ifNotOneColumn}
  1163. {block:Photos}
  1164. <img src="{PhotoURL-250}">
  1165. {/block:Photos}
  1166. {/block:ifNotOneColumn}
  1167. {block:IfCaption}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:IfCaption}
  1168. {block:ifOneColumn}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn}
  1169. {block:ifOneColumn200px}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn200px}
  1170. {/block:IfNot400pxPosts}
  1171.  
  1172. {block:If400pxPosts}
  1173. {Photoset-400}
  1174. {block:IfCaption}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:IfCaption}
  1175. {block:IfTags}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  1176. {/block:If400pxPosts}
  1177. {/block:IndexPage}
  1178.  
  1179. {/block:IndexPage}
  1180.  
  1181. {block:permalinkpage}
  1182. {Photoset-400}
  1183. {/block:permalinkpage}
  1184.    
  1185. {/block:Photoset}
  1186.  
  1187. {block:Quote}
  1188. {block:Title}<div id="kai">{Title}</div> {/block:Title}
  1189. <div style="color:{color:text}; font-size: 20px; line-height: 30px; float: left;">
  1190.       ❝</div><br>
  1191.     <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;    ">
  1192.         {Quote}
  1193.     </div>
  1194.  
  1195. {block:IndexPage}
  1196. {block:ifOneColumn}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn}
  1197. {block:ifOneColumn200px}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn200px}
  1198.  {/block:IndexPage}
  1199. {/block:Quote}
  1200.  
  1201.  
  1202. {block:Link}
  1203.  
  1204. <div class="text">
  1205.     <a href="{URL}" {Target}><div id="kai">{Name}</div></a>
  1206.     {block:Description}
  1207.         <div class="description">{Description}</div>
  1208.     {/block:Description}
  1209.         {block:indexpage}
  1210. <p class="ti"><a href="{Permalink}"></a></p>
  1211. {block:ifOneColumn}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn}
  1212. {block:ifOneColumn200px}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn200px}
  1213.         {/block:indexpage}
  1214.  
  1215. </div>{/block:Link}
  1216.  
  1217.  
  1218. {block:Chat}
  1219.  {block:indexpage}
  1220. {block:Title}<div class="posts_title">{Title}</div>{/block:Title}
  1221. {block:Lines}<p>
  1222. {block:Label}
  1223. <b>{Label}</b>
  1224. {/block:Label}
  1225. {Line}</p>
  1226. {/block:Lines}
  1227. {/block:Chat}
  1228. <p class="ti"><a href="{Permalink}"></a></p>
  1229. {block:ifOneColumn}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn}
  1230. {block:ifOneColumn200px}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn200px}
  1231.         {/block:indexpage}
  1232. </div>{/block:Chat}
  1233.  
  1234. {block:Video}
  1235. {block:IndexPage}
  1236. {Video-250}
  1237. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  1238. <p class="ti"><a href="{Permalink}"></a></p>
  1239. {block:ifOneColumn}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn}
  1240. {block:ifOneColumn200px}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn200px}
  1241.         {/block:indexpage}
  1242.     {/block:IndexPage}
  1243.     {block:permalinkpage}
  1244.     {Video-400}
  1245.     {/block:permalinkpage}
  1246. {/block:Video}
  1247.  
  1248.  
  1249.  {block:Audio}
  1250. <div id="audio">
  1251. <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>
  1252. <div class="tri" style="margin: 5px 0 0 40px;">◀</div>
  1253. {block:TrackName}<div class="audioinfo"> {TrackName}</div>{/block:TrackName}
  1254. {block:Artist}<div class="audioinfo"> {Artist}</div>{/block:Artist}
  1255. {block:Album}<div class="audioinfo"> {Album}</div>{/block:Album}
  1256. {block:PlayCount}<div class="audioinfo">{FormattedPlayCount}times</div> {/block:PlayCount}<br>
  1257. </div>{block:Caption}{Caption}{/block:Caption}
  1258. {block:ifOneColumn}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn}
  1259. {block:ifOneColumn200px}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn200px}
  1260. {/block:Audio}
  1261.  
  1262. {block:Answer}
  1263. <div class="text">
  1264. {block:indexpage}
  1265. <div class="tri">◀</div>
  1266. <div class="a">
  1267. <span class="asker">{Asker}:</span>
  1268. <span class="q">{Question}</span>
  1269. </div>
  1270. <div class="text">{Answer}</div>
  1271. {/block:indexpage}
  1272. </div>
  1273. {block:permalinkpage}
  1274. <div class="ans">{Asker}: {Question}</div><div class="answ">{Answer}</div>
  1275. {block:ifOneColumn}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn}
  1276. {block:ifOneColumn200px}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifOneColumn200px}
  1277. {/block:permalinkpage}
  1278. {/block:Answer}
  1279.  
  1280. {block:IndexPage}
  1281. <div id="permalink">
  1282. <a href="{Permalink}">{NoteCount}</a> <a href="{Permalink}">{24Hour}:{Minutes}{AmPm}</a> <a href="{ReblogURL}">reblog</a>  </div>
  1283. {/block:IndexPage}
  1284.  
  1285. {block:permalinkpage}
  1286. <div class="pp"style="overflow:auto; width: 400px;height:400px;">
  1287. {block:Caption}{Caption}{/block:Caption}
  1288. {block:PostNotes}
  1289. <div style="font:8px slkscr;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
  1290. <div class="permapage" style="font:8px slkscr;">
  1291. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1292. <br>{block:HasTags}Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  1293. {block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1294. <br>Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</div>
  1295. <div class="notess" style="font:8px slkscr;text-align:left;"> View notes </div><div class="na">
  1296. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1297. </div></div></div>
  1298. {/block:permalinkpage}
  1299. </div>
  1300.  
  1301.  
  1302. {/block:Posts}
  1303. {block:IfPagination}
  1304. {block:Pagination}
  1305. <div id="pagination">
  1306. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  1307. {block:JumpPagination length="5"}
  1308. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1309. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1310. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}</div>
  1311. {/block:Pagination}{/block:IfPagination}
  1312.    
  1313. </div>
  1314. </div>
  1315. {block:IndexPage}<br>
  1316. {block:Pagination}
  1317. <div id="pagination">
  1318. {block:NextPage}
  1319. <a id="nextPage" href="{NextPage}"> </a>
  1320. {/block:NextPage}
  1321. {block:PreviousPage}
  1322. <a href="{PreviousPage}"> </a>
  1323. {/block:PreviousPage}
  1324. </div>
  1325. {/block:Pagination}
  1326. {/block:IndexPage}
  1327. </div>
  1328.  
  1329.  
  1330. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1331.  
  1332. {block:IfNotPagination}
  1333. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1334. {/block:IfNotPagination}
  1335.  
  1336.  
  1337. <script type="text/javascript">
  1338. $(window).load(function () {
  1339. var $content = $('#posts');
  1340. $content.masonry({itemSelector: '.entry'}),
  1341. $content.infinitescroll({
  1342. navSelector : 'div#pagination',
  1343. nextSelector : 'div#pagination a#nextPage',
  1344. itemSelector : '.entry',
  1345. loading: {
  1346. finishedMsg: '',
  1347. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  1348. },
  1349. bufferPx : 600,
  1350. debug : false,
  1351. },
  1352. // call masonry as a callback.
  1353. function( newElements ) {
  1354. var $newElems = $( newElements );
  1355. $newElems.hide();
  1356. // ensure that images load before adding to masonry layout
  1357. $newElems.imagesLoaded(function(){
  1358. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  1359.  
  1360.  
  1361. </body>
  1362.  
  1363. </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!