API tools faq
paste
Advertisement
onediewreckshun

35 sweater weather (2column) - http://kimsjongin.tumblr.com

onediewreckshun
Jul 16th, 2013
785
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. <meta name="color:background" content="#fff"/>
  12. <meta name="color:text" content="#555"/>
  13.  
  14. <meta name="color:posts" content="#fff"/>
  15. <meta name="color:postborder" content="#eee"/>
  16.  
  17. <meta name="color:links" content="#555"/>
  18. <meta name="color:linkshover" content="#ddd"/>
  19.  
  20. <meta name="color:textselect" content="#999"/>
  21.  
  22. <meta name="color:scrollbar" content="#ddd"/>
  23. <meta name="color:scrollbarbg" content="#fff"/>
  24.  
  25. <meta name="color:description" content="#fff" />
  26. <meta name="color:descriptionbg" content="#000" />
  27. <meta name="color:descriptionlinks" content="#fff" />
  28.  
  29. <meta name="color:sidelinks" content="#fff" />
  30. <meta name="color:sidelinkshover" content="#000" />
  31.  
  32. <meta name="color:tags" content="#000"/>
  33. <meta name="color:tagshover" content="#fff"/>
  34.  
  35. <meta name="color:photoinfo" content="#555"/>
  36.  
  37. <meta name="color:info" content="#000"/>
  38. <meta name="color:infohover" content="#ddd"/>
  39.  
  40. <meta name="color:tooltiptext" content="#fff" />
  41. <meta name="color:tooltipbg" content="#999" />
  42. <meta name="color:tooltipborder" content="#fff" />
  43.  
  44. <meta name="text:font" content="baskerville" />
  45. <meta name="text:fontsize" content="9px" />
  46.  
  47. <meta name="text:link1title" content="refresh" />
  48. <meta name="text:link1text" content="boston" />
  49. <meta name="text:link1url" content="/" />
  50.  
  51. <meta name="text:link2title" content="message" />
  52. <meta name="text:link2text" content="mailbox" />
  53. <meta name="text:link2url" content="/" />
  54.  
  55. <meta name="text:link3title" content="link title" />
  56. <meta name="text:link3text" content="navigation" />
  57. <meta name="text:link3url" content="/" />
  58.  
  59. <meta name="text:link4title" content="link title" />
  60. <meta name="text:link4text" content="blogroll" />
  61. <meta name="text:link4url" content="/" />
  62.  
  63. <meta name="text:link5title" content="link title" />
  64. <meta name="text:link5text" content="archive" />
  65. <meta name="text:link5url" content="/" />
  66.  
  67. <meta name="image:sidebar" content="http://24.media.tumblr.com/c94f4a0f78cf7b5393a7fa0774967fb8/tumblr_mlbnoyZdpc1rrdu8mo1_1280.jpg" />
  68.  
  69. <meta name="image:background" content=""/>
  70.  
  71. <meta name="if:one column" content="0">
  72. <meta name="if:tinycursor" content="1"/
  73. <meta name="if:blackandwhiteposts" content="1"/>
  74. <meta name="if:updatestab" content="1" />
  75. <meta name="if:hovertags" content="1"/>
  76.  
  77. <script>
  78. $(function(){
  79. if (!!$('.links').offset()) {
  80. var stickyTop = $('.links').offset().top;
  81. $(window).scroll(function(){
  82. var windowTop = $(window).scrollTop();
  83. if (stickyTop < windowTop){
  84. $('.links').css({ position: 'fixed', left: 0, top:0 });
  85. }
  86. else {
  87. $('.links').css('position','static');
  88. }
  89. });
  90. }
  91. });
  92. </script>
  93.  
  94. <style type="text/css">
  95.  
  96. #s-m-t-tooltip {
  97. line-height:10px;
  98. font-size: 8px;
  99. max-width:300px;
  100. padding:2px 2px 2px 4px;
  101. margin:20px 0px 0px 20px;
  102. z-index:10;
  103. background:{color:tooltipbg};
  104. border:1px solid {color:tooltipborder};
  105. font-family:calibri;
  106. letter-spacing:3px;
  107. text-transform:uppercase;
  108. color:{color:tooltiptext};
  109. z-index:999999999999999999999999999999999999;
  110. }
  111.  
  112. {block:iftinycursor}
  113. body, a, a:hover{
  114. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
  115. }
  116. {/block:iftinycursor}
  117.  
  118. #sidebar {
  119. top:-250px;
  120. position:relative;
  121. height: 100px;
  122. z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  123. display:block;
  124. }
  125.  
  126. #sidebarimage {
  127. background:url('{image:sidebar}') bottom;
  128. background-size:cover;
  129. height: 200px;width: 484px;
  130. margin-top: 250px;
  131. margin-left: 430px;
  132. opacity: 1;
  133. -webkit-transition: all 0.5s ease-in-out;
  134. -moz-transition: all 0.5s ease-in-out;
  135. -o-transition: all 0.5s ease-in-out;
  136. }
  137.  
  138. #description {
  139. text-align:center;
  140. height:auto;
  141. line-height: 90%;
  142. margin-top: 5px;
  143. margin-left: 15px;
  144. width: 400px;
  145. font-size:10px;
  146. letter-spacing: 0px;
  147. font-family:georgia;
  148. color:{color:description};
  149. font-style: italic;
  150. text-transform: lowercase;
  151. padding-right: 10px;
  152. padding-left: 10px;
  153. opacity: 1;
  154. -webkit-transition: all 1s ease-in-out;
  155. -moz-transition: all 1s ease-in-out;
  156. -o-transition: all 1s ease-in-out;
  157. z-index: 9999999999999999999999;
  158. }
  159.  
  160. #description a {
  161. color: {color:descriptionlinks} !important;
  162. }
  163.  
  164. .links {
  165. opacity:.8;
  166. z-index: 999999999999999999999;
  167. width: 468px;
  168. padding:16px 8px 7px 8px;
  169. margin-left: 430px;
  170. text-align: center;
  171. background: {color:descriptionbg};
  172. overflow:hidden;
  173. }
  174.  
  175. .links a {
  176. color:{color:sidelinks} !important;
  177. display:inline;
  178. font-family:baskerville;
  179. text-transform:uppercase;
  180. font-style: normal;
  181. font-size: 9px;
  182. text-align: center;
  183. padding:3px;
  184. letter-spacing:0px;
  185. -moz-transition-duration:.5s;
  186. -webkit-transition-duration:.5s;
  187. -o-transition-duration:.5s;
  188. }
  189.  
  190. .links a:hover {
  191. color: {color:sidelinkshover} !important;
  192. text-decoration:underline;
  193. -moz-transition-duration:.5s;
  194. -webkit-transition-duration:.5s;
  195. -o-transition-duration:.5s;
  196. }
  197.  
  198. ::-moz-selection {
  199. background: {color:textselect};
  200. color: #fff;
  201. }
  202.  
  203. ::selection {
  204. background: {color:textselect};
  205. color: #fff;
  206. }
  207.  
  208. #fill {
  209. display:inline;
  210. padding:3px;
  211. }
  212.  
  213. #tumblr_controls {
  214. position:fixed !important;
  215. -webkit-filter:invert(100%);
  216. opacity:.7;
  217. -webkit-transition:linear;
  218. -webkit-transition: all 0.5s ease-out;
  219. -moz-transition: all 0.5s ease-out;
  220. transition: all 0.5s ease-out;
  221. }
  222.  
  223. #tumblr_controls:hover {
  224. opacity: 1;
  225. -webkit-transition: all 0.5s ease-out;
  226. -moz-transition: all 0.5s ease-out;
  227. transition: all 0.5s ease-out;
  228. }
  229.  
  230. ::-webkit-scrollbar {
  231. width: 5px;
  232. height: 5px;
  233. background: {color:scrollbarbg};
  234. }
  235.  
  236. ::-webkit-scrollbar-thumb {
  237. background: {color:scrollbar};
  238. }
  239.  
  240. body {
  241. font-family:{text:font};
  242. font-size: {text:fontsize};
  243. color:{color:text};
  244. background: {color:background} url('{image:Background}');
  245. background-attachment: fixed;
  246. background-size: cover;
  247. letter-spacing: 1px;
  248. line-height:10px;
  249. padding: 0px;
  250. margin: 0px;
  251. }
  252.  
  253. blockquote {
  254. border-left:1px solid {color:text};
  255. margin-left:10px;
  256. padding-left:10px;
  257. }
  258.  
  259. li {
  260. margin-left:-15px;
  261. }
  262.  
  263. p {
  264. margin:0px;
  265. margin-top:0px;
  266. }
  267.  
  268. a:link, a:active, a:visited{
  269. color: {color:links};
  270. text-decoration: none;
  271. -webkit-transition: all 0.6s ease-out;
  272. -moz-transition: all 0.6s ease-out;
  273. transition: all 0.6s ease-out;
  274. }
  275.  
  276. #post a:link, #post a:active, #post a:visited{
  277. font-family:georgia;
  278. font-style:italic;
  279. font-size:smaller;
  280. color: {color:links};
  281. text-decoration: none;
  282. -webkit-transition: all 0.6s ease-out;
  283. -moz-transition: all 0.6s ease-out;
  284. transition: all 0.6s ease-out;
  285. }
  286.  
  287. a:hover{
  288. color:{color:linkshover};
  289. -webkit-transition: all 0.6s ease-out;
  290. -moz-transition: all 0.6s ease-out;
  291. transition: all 0.6s ease-out;
  292. }
  293.  
  294. #post a:hover{
  295. color:{color:linkshover};
  296. -webkit-transition-duration: .9s;
  297. -webkit-transition: all 0.6s ease-out;
  298. -moz-transition: all 0.6s ease-out;
  299. transition: all 0.6s ease-out;
  300. }
  301.  
  302. ::selection {
  303. background:{color:textselect};
  304. color: #fff;
  305. }
  306.  
  307. ::-moz-selection {
  308. background:{color:textselect};
  309. color: #fff;
  310. }
  311.  
  312. #post {
  313. border:1px solid {color:postborder};
  314. font-size:{text:fontsize};
  315. display:block;
  316. z-index:0;
  317. overflow:hidden;
  318. background:{color:posts};
  319. margin:6px;
  320. padding: 7px 7px 0px 7px;
  321. text-transform:none;
  322. opacity: 1;
  323. line-height:;
  324. {block:IndexPage}
  325. width:220px;
  326. {/block:IndexPage}
  327. {block:PermalinkPage}
  328. width:468px;
  329. {/block:PermalinkPage}
  330. -moz-transition-duration:.5s;
  331. -webkit-transition-duration:.5s;
  332. -o-transition-duration:.5s;
  333. }
  334.  
  335. #post .time{
  336. outline:1px solid {color:photoinfo};
  337. outline-offset:1px;
  338. border:1px solid {color:photoinfo};
  339. -webkit-transform:scale(.9);
  340. text-align:right;
  341. position:absolute;
  342. width:80px;
  343. text-transform:uppercase;
  344. height:auto;
  345. font-family:calibri;
  346. font-size:8px;
  347. opacity:0.0;
  348. left:75px;
  349. top:31.2%;
  350. z-index:10;
  351. -webkit-transition: all .4s ease-in-out;
  352. -moz-transition: all .4s ease-in-out;
  353. -o-transition: all .4s ease-in-out;
  354. transition: all .4s ease-in-out;
  355. }
  356.  
  357. .time:hover {
  358. -webkit-transition: all .4s ease-in-out;
  359. -moz-transition: all .4s ease-in-out;
  360. -o-transition: all .4s ease-in-out;
  361. transition: all .4s ease-in-out;
  362. }
  363.  
  364. #post:hover .time{
  365. -webkit-transform:scale(1);
  366. overflow:visible;
  367. opacity: 1;
  368. -webkit-transition: all .4s ease-in-out;
  369. -moz-transition: all .4s ease-in-out;
  370. -o-transition: all .4s ease-in-out;
  371. transition: all .4s ease-in-out;
  372. }
  373.  
  374. #post .time a {
  375. text-align:center;
  376. font-family:calibri;
  377. font-size:8px;
  378. font-style:normal;
  379. margin-right:5px;
  380. margin-bottom:0px;
  381. color:#fff;
  382. background:{color:photoinfo};
  383. width:75px;
  384. padding:3px 2px 3px 3px;
  385. display:inline-block;
  386. -webkit-transition: all .4s ease-in-out;
  387. -moz-transition: all .4s ease-in-out;
  388. -o-transition: all .4s ease-in-out;
  389. transition: all .4s ease-in-out;
  390. }
  391.  
  392. #post .time a:hover {
  393. color:{color:photoinfo};
  394. background:rgba(255,255,255,.5);
  395. -webkit-transition: all .4s ease-in-out;
  396. -moz-transition: all .4s ease-in-out;
  397. -o-transition: all .4s ease-in-out;
  398. transition: all .4s ease-in-out;
  399. }
  400.  
  401. #quotext {
  402. font-family:georgia;
  403. font-style:italic;
  404. text-transform:none;
  405. letter-spacing:1px;
  406. }
  407.  
  408. #quotesource {
  409. font-family:calibri;
  410. font-size:8px;
  411. text-align:right;
  412. color:{color:link};
  413. padding:3px;
  414. margin-top:3px;
  415. text-transform:uppercase;
  416. }
  417.  
  418. #quotesource a {
  419. color:{color:links};
  420. font-style:normal;
  421. font-family:calibri;
  422. font-size:8px;
  423. }
  424.  
  425. .quote {
  426. font-family:calibri;
  427. font-size: 15px;
  428. float: left;
  429. margin-right: 5px;
  430. }
  431.  
  432. #entries {
  433. display:block;
  434. z-index:0;
  435. width: 500px;
  436. height: 100%;
  437. background-attachment: fixed;
  438. background-color:auto;
  439. background-repeat:repeat;
  440. margin-left:420px;
  441. padding:4px;
  442. margin-top:-80px;
  443. float:left;
  444. {block:ifonecolumn}
  445. margin-left:520px;
  446. width:400px;
  447. {/block:ifonecolumn}
  448. }
  449.  
  450. #entries a {
  451. font-weight:bold;
  452. }
  453.  
  454. #audio {
  455. margin-bottom:5px;
  456. width:500px;
  457. height:105px;
  458. }
  459.  
  460. .albumart {
  461. width:100px;
  462. height:100px;
  463. position:absolute;
  464. }
  465.  
  466. .albumart img {
  467. width:100px;
  468. height:100px;
  469. float:left;
  470. }
  471.  
  472. .playercontainer {
  473. opacity: .2;
  474. display:block;
  475. width:100px;
  476. height:100px;
  477. background-color:white;
  478. position:absolute;
  479. -webkit-transition:all 0.5s ease-in-out;
  480. -moz-transition:all 0.5s ease-in-out;
  481. -o-transition:all 0.5s ease-in-out;
  482. -ms-transition: all 0.5s ease-in-out;
  483. transition:all 0.5s ease-in-out;
  484. }
  485.  
  486. .playercontainer:hover {
  487. opacity:.7;
  488. position:absolute;
  489. -webkit-transition:all 0.5s ease-in-out;
  490. -moz-transition:all 0.5s ease-in-out;
  491. -o-transition:all 0.5s ease-in-out;
  492. -ms-transition: all 0.5s ease-in-out;
  493. transition:all 0.5s ease-in-out;
  494. }
  495.  
  496. /* ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ) */
  497.  
  498. .player {
  499. margin-left:36px;
  500. margin-top:36px;
  501. width:25px;
  502. height:25px;
  503. overflow:hidden;
  504. position:absolute;
  505. background-color:white;
  506. }
  507.  
  508. .audioinfo {
  509. margin-left:110px;
  510. float:left;
  511. color:{color:Text};
  512. width:386px;
  513. padding:2px 2px 2px 2px;
  514. margin-top:3px;
  515. }
  516.  
  517. .info {
  518. background:{color:background};
  519. font-size:10px;
  520. font-family:georgia;
  521. position:fixed;
  522. bottom:5px;
  523. left:5px;
  524. }
  525.  
  526. #permas {
  527. border-top: 1px solid {color:postborder};
  528. padding:3px 3px 0px 3px;
  529. margin-top:3px;
  530. text-align:center;
  531. text-transform:uppercase;
  532. -webkit-transition: all 0.5s ease-in-out;
  533. -moz-transition: all 0.5s ease-in-out;s
  534. -o-transition: all 0.5s ease-in-out;
  535. -ms-transition: all 0.5s ease-in-out;
  536. transition: all 0.5s ease-in-out;
  537. }
  538.  
  539. #permas a {
  540. font-style:normal !important;
  541. color:{color:info};
  542. font-family:calibri !important;
  543. font-size:8px !important;
  544. font-weight:normal;
  545. }
  546.  
  547. #permas a:hover {
  548. color:{color:infohover};
  549. }
  550.  
  551.  
  552.  
  553. .label {
  554. letter-spacing:1px;
  555. text-transform:none;
  556. font-style:normal;
  557. line-height:10px;
  558. }
  559.  
  560. ul.chat, .chat ol, .chat li {
  561. list-style:none;
  562. margin:0px;
  563. padding:0px;
  564. }
  565.  
  566. #psets {
  567. width:220px;
  568. overflow:hidden;
  569. }
  570.  
  571. #askerpic {
  572. float:left;
  573. z-index:8;
  574. margin-left: 0px;
  575. margin-top: 0px;
  576. padding:6px 11px 11px 6px;
  577. background:white;
  578. width:35px;
  579. height:35px;
  580. border:1px solid #eee;
  581. }
  582.  
  583. #askerpic img {
  584. width:40px;
  585. }
  586.  
  587. #qbox {
  588. margin-left: 53px;
  589. height:37px;
  590. margin-top: 10px;
  591. padding:5px 0px 0px 5px;
  592. background:{color:posts};
  593. width:160px;
  594. line-height:12px;
  595. text-align:left;
  596. border-top:1px solid #eee;
  597. border-left:1px solid #eee;
  598. border-right:1px solid #eee;
  599. border-bottom:1px solid #eee;
  600. }
  601.  
  602. #asker {
  603. overflow:auto;
  604. background:transparent;
  605. padding:1px;
  606. height:33px;
  607. }
  608.  
  609. #answer {
  610. margin-left:-1px;
  611. margin-bottom:3px;
  612. margin-top:0px;
  613. padding: 7px 4px 4px 4px;
  614. background:transparent;
  615. border:0px solid #000;
  616. line-height:12px;
  617. text-align:left;
  618. width:210px;
  619. }
  620.  
  621. #askerr {
  622. border:1px solid #eee;
  623. position:absolute;
  624. margin-top:-16px;
  625. margin-left:-6px;
  626. display:block;
  627. text-align:left;
  628. color:{color:titlehoverbg};
  629. background:{color:titlebg};
  630. font-family:Calibri;
  631. font-size:8px;
  632. text-transform:uppercase;
  633. font-style:normal;
  634. letter-spacing:1px;
  635. line-height:10px;
  636. padding:3px 5px 3px 5px;
  637. width:155px;
  638. -webkit-transition: all 0.5s ease-in-out;
  639. -moz-transition: all 0.5s ease-in-out;s
  640. -o-transition: all 0.5s ease-in-out;
  641. -ms-transition: all 0.5s ease-in-out;
  642. transition: all 0.5s ease-in-out;
  643. }
  644.  
  645. #askerr a {
  646. width:152px;
  647. padding:3px 8px 3px 5px;
  648. margin-top:-3px;
  649. margin-bottom:-3px;
  650. margin-left:-5px;
  651. display:block;
  652. color:{color:titlehoverbg};
  653. background:{color:titlebg};
  654. }
  655.  
  656. #askerr:hover a{
  657. color:{color:titlehover};background:{color:titlehoverbg};
  658. -webkit-transition: all 0.5s ease-in-out;
  659. -moz-transition: all 0.5s ease-in-out;
  660. -o-transition: all 0.5s ease-in-out;
  661. -ms-transition: all 0.5s ease-in-out;
  662. transition: all 0.5s ease-in-out;
  663. }
  664.  
  665. #tags {
  666. {block:ifhovertags}opacity:0;margin-top:-5px;{/block:ifhovertags}
  667. {block:ifnothovertags}opacity:1;margin-top:0px;{/block:ifnothovertags}
  668. font-style:italic;
  669. text-align:center;
  670. font-weight:normal;
  671. font-family:georgia;
  672. font-size:7px;
  673. position:relative;
  674. text-transform:lowercase;
  675. -webkit-transition: all 0.5s ease-in-out;
  676. -moz-transition: all 0.5s ease-in-out;
  677. -o-transition: all 0.5s ease-in-out;
  678. -ms-transition: all 0.5s ease-in-out;
  679. transition: all 0.5s ease-in-out;
  680. }
  681.  
  682. {block:hastags}
  683. #post:hover #tags {
  684. opacity:1;
  685. margin-top:0px;
  686. -webkit-transition: all 0.5s ease-in-out;
  687. -moz-transition: all 0.5s ease-in-out;
  688. -o-transition: all 0.5s ease-in-out;
  689. -ms-transition: all 0.5s ease-in-out;
  690. transition: all 0.5s ease-in-out;
  691. }
  692. {/block:hastags}
  693.  
  694. #tags a {
  695. color:{color:tags};
  696. font-weight:normal;
  697. }
  698.  
  699. #tags a:hover {
  700. color:{color:tagshover};
  701. font-weight:normal;
  702. }
  703.  
  704. .notes img {
  705. width:0;
  706. height:0;
  707. display:none;
  708. }
  709.  
  710. .notes a {
  711. font-weight:normal !important;
  712. font-family:georgia;
  713. font-style:italic;
  714. font-size:smaller;
  715. }
  716.  
  717. .notes blockquote {
  718. margin-top:3px;
  719. padding-left:5px;
  720. margin-bottom:3px
  721. }
  722.  
  723. #candywrapper {
  724. z-index:999999999999999999999999999999;
  725. letter-spacing:1px;
  726. text-align: center;
  727. font-size: 11px;
  728. position:fixed;
  729. left:10px;
  730. top:-102px;
  731. -webkit-transition: all .5s ease-in-out;
  732. -moz-transition: all .5s ease-in-out;
  733. -o-transition: all .5s ease-in-out;
  734. }
  735.  
  736. #candywrapper:hover {
  737. top:-1px;
  738. -webkit-transition: all .5s ease-in-out;
  739. -moz-transition: all .5s ease-in-out;
  740. -o-transition: all .5s ease-in-out
  741. }
  742.  
  743. #in {
  744. overflow:auto;
  745. color:#999;
  746. font-family:georgia;
  747. border:1px solid #999;
  748. padding: 10px 10px 10px 10px;
  749. background:#fff;
  750. text-align:center;
  751. font-size:8px;
  752. width:90px;
  753. height:80px;
  754. z-index: 9999;
  755. }
  756.  
  757. #titletab {
  758. background:#fff;
  759. color:#999;
  760. letter-spacing:0px;
  761. border:1px solid #999;
  762. border-top: 0px solid transparent;
  763. font-family:georgia;
  764. font-size:8px;
  765. text-align: center;
  766. height:5px;
  767. padding: 3px 0 7px 0;
  768. border-bottom-right-radius: 0px;
  769. -moz-border-bottom-right-radius: 0px;
  770. -webkit-border-bottom-right-radius: 0px;
  771. -webkit-transition: all .5s ease-in-out;
  772. -moz-transition: all .5s ease-in-out;
  773. -o-transition: all .5s ease-in-out;
  774. }
  775.  
  776. .title {
  777. font-family:baskerville !important;
  778. font-size:15px;
  779. letter-spacing:2px;
  780. font-weight:normal;
  781. font-style:italic;
  782. }
  783.  
  784. a.title{
  785. display:block;
  786. padding:6px 6px 6px 6px;
  787. font-family:baskerville !important;
  788. font-size:15px !important;
  789. letter-spacing:2px;
  790. font-weight:normal !important;
  791. font-style:italic;
  792. }
  793.  
  794. a.title:hover {
  795. background:{color:text};
  796. color: #fff !important;
  797. }
  798.  
  799. {CustomCSS}
  800.  
  801. </style>
  802.  
  803. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  804. <script type="text/javascript" src="http://static.tumblr.com/gyoju49/qkkmpw5z6/infscroll.js"></script>
  805.  
  806. {block:indexpage}
  807. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  808. <script type="text/javascript">
  809. $(window).load(function () {
  810. var $content = $('#entries');
  811. $content.masonry({itemSelector: '#post'}),
  812. $content.infinitescroll({
  813. navSelector : 'div#pagination',
  814. nextSelector : 'div#pagination a#nextPage',
  815. itemSelector : '#post',
  816. loading: {
  817. finishedMsg: '',
  818. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  819. },
  820. bufferPx : 600,
  821. debug : false,
  822. },
  823. // call masonry as a callback.
  824. function( newElements ) {
  825. var $newElems = $( newElements );
  826. $newElems.hide();
  827. // ensure that images load before adding to masonry layout
  828. $newElems.imagesLoaded(function(){
  829. $content.masonry( 'appended', $newElems, true,
  830. function(){$newElems.fadeIn(300);} );
  831. });
  832. });
  833. });
  834. </script>
  835.  
  836. {/block:indexpage}
  837.  
  838. <script type="text/javascript">
  839. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  840. $(document).ready(function() {
  841. function photosetResize() {
  842. $('iframe.photoset').each(function(){
  843. var newSize = 230;
  844. var newSrc = $(this).attr('src').replace('500',newSize);
  845. $(this).attr('src', newSrc).width(newSize);
  846. var high = $(this).css('height');
  847. var calculate = parseInt(high, 10)* newSize/500;
  848. $(this).css('height', calculate);
  849. });
  850. }
  851. photosetResize();
  852. });
  853. </script>
  854.  
  855. </head>
  856.  
  857. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  858. <script>
  859. (function($){
  860. $(document).ready(function(){
  861. $("a[title]").style_my_tooltips({
  862. tip_follows_cursor:true,
  863. tip_delay_time:90,
  864. tip_fade_speed:600,
  865. attribute:"title"
  866. });
  867. });
  868. })(jQuery);
  869. </script>
  870.  
  871. <body>
  872.  
  873. <div id="sidebar">
  874.  
  875. {block:ifupdatestab}
  876. <div id="candywrapper">
  877. <div id="in">
  878.  
  879. oo your text goes here!<br><br>
  880. fill this up with whatever you want!<br><br>
  881. use < br > (without spaces) to bring text to a new line<br><br>
  882. if your info doesn't fit, don't worry; a scrollbar will appear<br>
  883. <a href="http://kimsjongin.tumblr.com">here's a link</a>
  884.  
  885. </div>
  886. <div id="titletab">updates</div>
  887. </div>
  888. {/block:ifupdatestab}
  889.  
  890. <div id="sidebarimage"></div>
  891.  
  892. <div class="links">
  893.  
  894. {block:pagination}{block:PreviousPage}
  895. <a title="previous page" href="{PreviousPage}">-</a>
  896. {/block:PreviousPage}{/block:pagination}
  897.  
  898. <a title="{text:link1title}" href="{text:link1url}">{text:link1text}</a>
  899. <a title="{text:link2title}" href="{text:link2url}">{text:link2text}</a>
  900. <a title="{text:link3title}" href="{text:link3url}">{text:link3text}</a>
  901. <a title="{text:link4title}" href="{text:link4url}">{text:link4text}</a>
  902. <a title="{text:link5title}" href="{text:link5url}">{text:link5text}</a>
  903.  
  904. {block:pagination}{block:NextPage}
  905. <a title="next page" href="{NextPage}">+</a>
  906. {/block:NextPage}{/block:pagination}
  907.  
  908. <div id="fill">
  909. <div id="description">
  910. {description}
  911. </div>
  912. </div></div></div>
  913. </div>
  914. </div>
  915.  
  916. <div id="entries">
  917. {block:Posts}
  918. <div id="post">
  919. {block:Text}
  920. {block:Title}<div class="title">{Title}</div>{/block:Title}
  921. <span class="entrytext">{Body}</span>
  922. {block:IndexPage}<div id="permas"><a href="{permalink}">{FormattedTime}</a> - <a href="{permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  923. <div id="tags">
  924. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  925. <div style="margin-bottom:-11px;"></div>
  926. {/block:IndexPage}
  927. {/block:Text}
  928.  
  929. {block:Link}
  930. <a href="{URL}" class="title">{Name}</a>
  931. {block:Description}<div class="caption">{Description}</div>{/block:Description}{block:IndexPage}<div id="permas"><a href="{permalink}">{FormattedTime}</a> - <a href="{permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  932. <div id="tags">
  933. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  934. <div style="margin-bottom:-11px;"></div>
  935. {/block:IndexPage}
  936. {/block:Link}
  937.  
  938. {block:Photo}
  939. {block:IndexPage}
  940. <div class="time"><a href="{Permalink}">{TimeAgo}</a><br><a href="{Permalink}">{FormattedTime}</a><br><a href="{Permalink}">{notecountwithlabel}</a><br><a href="{ReblogURL}">reblog</a></div>
  941. {/block:IndexPage}
  942. {block:IndexPage}{LinkOpenTag}<div class="photo" style="margin-bottom:-3px;"><a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="220"/></a></div>{LinkCloseTag}
  943. {/block:IndexPage}
  944. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="margin-top:-2px;margin-left:-2px;" width="472"/></a>{LinkCloseTag}{/block:PermalinkPage}
  945. <div style="margin-bottom:-6px;"></div>
  946. {/block:Photo}
  947.  
  948.  
  949. {block:Photoset}
  950. {block:IndexPage}
  951. <div class="time">
  952. <a href="{Permalink}">{TimeAgo}</a>
  953. <br><a href="{Permalink}">{FormattedTime}</a>
  954. <br><a href="{Permalink}">{notecountwithlabel}</a>
  955. <br><a href="{ReblogURL}">reblog</a></div>
  956. <div id="psets">{photoset-500}</div>{/block:IndexPage}
  957. {block:permalinkpage}
  958. {Photoset-500}
  959. {/block:permalinkpage}
  960. {/block:Photoset}
  961.  
  962. {block:Quote}
  963. <div class="quote">❝</div>
  964. <span id="quotext"> {Quote} </span>
  965. {block:Source}
  966. <div id="quotesource"> - {Source}</div>
  967. {/block:Source}
  968. {block:IndexPage}<div id="permas"><a href="{permalink}">{FormattedTime}</a> - <a href="{permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  969. <div style="margin-bottom:-6px;"></div>
  970. {/block:IndexPage}
  971. {/block:Quote}
  972.  
  973. {block:Chat}<ul class="chat">{block:Lines}<li style="margin-bottom:-10px;" class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><br>{/block:Lines}</ul>
  974.  
  975. {Line}
  976. </li>
  977. {/block:Lines}
  978. </ul>
  979. {block:IndexPage}<div id="permas"><a href="{permalink}">{FormattedTime}</a> - <a href="{permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  980. <div id="tags">
  981. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div><div style="margin-bottom:-11px;"></div>
  982. {block:IndexPage}
  983. {/block:Chat}
  984.  
  985. {block:Audio}
  986. <div id="audio">
  987. <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>
  988.  
  989. {block:TrackName}<div class="audioinfo">Title: {TrackName}</div><br>{/block:TrackName}
  990. {block:Artist}<div class="audioinfo">Artist: {Artist}</div><br>{/block:Artist}
  991. {block:Album}<div class="audioinfo">Album: {Album}</div>{/block:Album}
  992. {block:PlayCount}<div class="audioinfo">Played: {FormattedPlayCount} times</div> {/block:PlayCount}
  993. </div>{block:caption}{caption}{/block:caption}
  994. {block:IndexPage}<div id="permas"><a href="{permalink}">{FormattedTime}</a> - <a href="{permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  995. <div id="tags">
  996. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  997. {/block:IndexPage}
  998. <div style="margin-bottom:-11px;"></div>
  999. {/block:Audio}
  1000.  
  1001. {block:Video}
  1002. {block:IndexPage}
  1003. <div class="posttitle">
  1004. <a href="{Permalink}" target="_blank"><i>View Video</i></a>
  1005. </div>
  1006. {/block:IndexPage}
  1007. {block:PermalinkPage}
  1008. {Video-400}
  1009. {/block:PermalinkPage}
  1010. {block:ifCaptions}
  1011. {block:Caption}{Caption}{/block:Caption}
  1012. {/block:ifCaptions}
  1013. {block:IndexPage}
  1014. <div id="permalink">
  1015. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
  1016. </div>
  1017. {/block:IndexPage}
  1018. {block:Video}
  1019.  
  1020. {block:Answer}
  1021. {block:IndexPage}
  1022. <div id="askerpic"><img src="{AskerPortraitURL-64}"></div>
  1023. <div id="qbox">
  1024. <div id="askerr">{asker}</div>
  1025. <div id="asker">
  1026. <div style="padding:5px 3px 3px 3px;">
  1027. {question}</div></div></div>
  1028. <div id="answer">
  1029. <p>{answer}</p></div>
  1030. <div id="permas"><a href="{permalink}">{FormattedTime}</a> + <a href="{permalink}">{NoteCountWithLabel}</a></div>
  1031. {/block:IndexPage}
  1032.  
  1033. {block:permalinkpage}
  1034. <div id="askerpic"><img src="{AskerPortraitURL-64}"></div>
  1035. <div id="qbox">
  1036. <div id="askerr">{asker}</div>
  1037. <div id="asker">
  1038. <div style="padding:5px 3px 3px 3px;">
  1039. {question}</div></div></div>
  1040. <div id="answer">
  1041. <p>{answer}</p></div>
  1042. {/block:permalinkpage}
  1043. {/block:Answer}
  1044.  
  1045. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
  1046.  
  1047. {block:PermalinkPage}
  1048. {block:Date}
  1049. <br><br>
  1050. {block:Caption}{Caption}{/block:Caption}<br>
  1051. <center>
  1052. {TimeAgo} at {12Hour}:{Minutes}{AmPm}<br>
  1053. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
  1054. {block:HasTags} {block:Tags}<a style="font-weight:normal;font-size:smaller;font-family:georgia;font-style:italic" href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  1055. {/block:Date}
  1056.  
  1057. {/block:PermalinkPage}
  1058.  
  1059. {block:PostNotes}<center><a href="http://kimsjongin.tumblr.com">&#x1d1b;&#x29c;&#x1d07;&#x1d0d;&#x1d07;&nbsp;&#x299;&#x28f;&nbsp;&#x299;&#x1d00;&#x274;&#x262;&#x1d0a;&#x1d07;&#x274;s&#x1d07;&#x274;</a></center><br><br>{PostNotes}{/block:PostNotes}<br>
  1060. </div>
  1061.  
  1062. {/block:Posts}
  1063. </div>
  1064. </div>
  1065. </div>
  1066.  
  1067.  
  1068. </body>
  1069. </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!