API tools faq
paste
Advertisement
Guest User

승철 바보

a guest
Dec 7th, 2019
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.52 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: THALIA
  4. inspired by the medium website
  5. by acuite
  6.  
  7. - don't steal this pls
  8. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  9.  
  10. - @acuite for more themes
  11.  
  12. -->
  13.  
  14. <html>
  15. <head>
  16.  
  17. <title>ᶜˢᶜ️</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="image:Sidebar" content=""/>
  23.  
  24. <meta name="color:Background" content="#fcfcfa"/>
  25. <meta name="color:Header" content="#fff"/>
  26. <meta name="color:Banner" content="#fff"/>
  27. <meta name="color:Post" content="#fff"/>
  28. <meta name="color:Border" content="#fff"/>
  29. <meta name="color:Text" content="#bbb"/>
  30. <meta name="color:Link" content="##cdc4c3"/>
  31. <meta name="color:Accent" content="#e2d8d6"/>
  32.  
  33. <meta name="if:Tags" content=""/>
  34. <meta name="if:Load More" content=""/>
  35. <meta name="if:Paginate" content=""/>
  36.  
  37. <meta name="select:Post Style" content="solidpost" title="Solid">
  38.  
  39. <meta name="select:Navigation" content="sidenav" title="Sidebar - Solid">
  40.  
  41. <meta name="select:Header" content="headhid" title="Hide">
  42.  
  43. <meta name="select:Font" content="fontkarla" title="Karla">
  44.  
  45. <meta name="select:Captions" content="creg" title="Regular">
  46.  
  47. <meta name="text:Post" content="350"/>
  48. <meta name="text:Sidebar" content="150"/>
  49. <meta name="text:Margin" content="50"/>
  50.  
  51. <meta name="text:Link 1" content="/"/>
  52. <meta name="text:Link 1 Title" content="one"/>
  53. <meta name="text:Link 2" content="/" />
  54. <meta name="text:Link 2 Title" content="two"/>
  55. <meta name="text:Link 3" content="/" />
  56. <meta name="text:Link 3 Title" content="three"/>
  57. <meta name="text:Link 4" content="/" />
  58. <meta name="text:Link 4 Title" content="four"/>
  59.  
  60.  
  61.  
  62. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  63.  
  64. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  65.  
  66. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic|Source+Sans+Pro:400,400italic,600,600italic,700,700italic|Lora:400,400italic,700,700italic|Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  67.  
  68. <link href="https://fonts.googleapis.com/css?family=Mr+De+Haviland" rel="stylesheet">
  69. <link href="https://fonts.googleapis.com/css?family=Niconne" rel="stylesheet">
  70. <link href="https://fonts.googleapis.com/css?family=Mr+Dafoe" rel="stylesheet">
  71. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">
  72. <link href="https://fonts.googleapis.com/css?family=Qwigley" rel="stylesheet">
  73. <link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script" rel="stylesheet">
  74.  
  75. <script type="text/javascript"
  76. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  77. <script>
  78. $(document).ready(function() {
  79. //
  80. $('a.poplight[href^=#]').click(function() {
  81. var popID = $(this).attr('rel'); //Get Popup Name
  82. var popURL = $(this).attr('href'); //Get Popup href to define size
  83. var query= popURL.split('?');
  84. var dim= query[1].split('&');
  85. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  86. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  87. var popMargTop = ($('#' + popID).height() + 80) / 2;
  88. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  89. //Apply Margin to Popup
  90. $('#' + popID).css({
  91. 'margin-top' : -popMargTop,
  92. 'margin-left' : -popMargLeft
  93. });
  94. $('body').append('<div id="fade"></div>');
  95. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  96. return false;
  97. });
  98. $('a.close, #fade').live('click', function() {
  99. $('#fade , .popup_block').fadeOut(function() {
  100. $('#fade, a.close').remove(); //fade them both out
  101. });
  102. return false;
  103. });
  104. });
  105. </script>
  106.  
  107. <style type="text/css">
  108.  
  109. /* Scroll */
  110.  
  111. ::-webkit-scrollbar {width:11px;height:11px;background:{color:Border};}
  112. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.5);}
  113. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  114. border:5px solid {color:Post};
  115. }
  116.  
  117. /* Controls */
  118.  
  119. #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;top:10px;right:0;}
  120.  
  121. /* General */
  122.  
  123. body {margin:0;color:{color:Text};background:{color:Background};}
  124. a:link, a:active, a:visited {text-decoration:none;}
  125. body,p,pre,blockquote,big,small,sub,sup,input {font-size:8px;}
  126. a,.our_button,.like_button {
  127. transition:0.5s ease;
  128. -o-transition:0.5s ease;
  129. -moz-transition:0.5s ease;
  130. -webkit-transition:0.5s ease;
  131. }
  132. td {font-size: 9px; color: {color:Text};font-family:verdana;}
  133.  
  134. /* Fonts */
  135.  
  136. .fontkarla,.fontkarla input{font-family:'Karla',Arial,Helvetica,sans-serif;}
  137. .fontssp,.fontssp input{font-family:'Source Sans Pro',Arial,Helvetica,sans-serif;}
  138. .fontos,.fontos input{font-family:'Open Sans',Arial,Helvetica,sans-serif;}
  139.  
  140. /* Credit & Scroll to Top */
  141.  
  142. .c,.top{position:fixed;right:30px;width:34px;}
  143. .c {bottom:30px;}
  144. .top {bottom:50px;display:none;}
  145.  
  146. /* Pagination */
  147.  
  148. .cp {font-weight:600;}
  149. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  150. .pag a i,.top{font-size:20px;}
  151. .pag {position:relative;}
  152. .load {cursor:pointer;display:block;padding:50px;}
  153. .c,.top,.pag,.load {text-align:center;}
  154. .c,.pag,.load, {font-size:9px;letter-spacing:1px;text-transform:uppercase;}
  155. {block:ifnotPaginate}
  156. .pag,#infscr-loading {display:none!important;}
  157. {/block:ifnotPaginate}
  158.  
  159. /* Containers */
  160.  
  161. #center {
  162. position:relative;
  163. margin:{text:Margin}px auto;
  164. margin-left:575px;
  165. min-width:220px;
  166. width:350px;
  167. max-width:600px;
  168. }
  169.  
  170. .entry img{max-width:100%;height:auto;}
  171.  
  172. .minimalpost #center {width:{text:Post}px;}
  173. .minimalpost .pag {padding:{text:Margin}px;}
  174. .minimalpost .entry:first-of-type {padding-top:0;}
  175. .minimalpost .entry {
  176. {block:IndexPage}
  177. padding:{text:Margin}px 0;
  178. border-bottom:1px dotted {color:Border};
  179. {/block:IndexPage}
  180. }
  181.  
  182. .solidpost #center {width:calc({text:Post}px + 32px);}
  183. .solidpost .entry:first-of-type {margin-top:0;}
  184. .solidpost .entry {padding:15px;
  185. margin:{text:Margin}px 0;
  186. border:1px solid {color:Border};
  187. background:{color:Post};
  188. border-radius:7px;
  189. }
  190.  
  191. /* Topbar */
  192.  
  193. header {
  194. font-size:0;
  195. top:0;
  196. left:0;
  197. border-bottom:1px solid {color:Border};
  198. }
  199.  
  200. .headfix .head{position:fixed;}
  201. .headfix #center {padding-top:50px;}
  202. .headrel .head{position:relative;}
  203. .headhid .head{display:none;}
  204. .head {
  205. z-index:99999;
  206. padding:10px;
  207. width:calc(100% - 20px);
  208. background:{color:Header};
  209. }
  210.  
  211. .headleft,.headright {width:50%;}
  212. .headright {text-align:right;font-size:10px;line-height:100%;}
  213. .headright nav a{margin-left:15px;}
  214. .icon {border-radius:50%;width:30px;}
  215.  
  216. /* Header & Sidebar */
  217.  
  218. .headnav .sidebar,.headnavmin .sidebar,.sidenav .banner,.sidenavmin .banner {display:none;}
  219. .sh {font-size:11px;line-height:100%;}
  220. .desc {line-height:100%;margin:10px;}
  221. .image {border-radius:50%;}
  222. .headleft,.headright,nav a,nav,.srch,.sh,.image {vertical-align:middle;}
  223. .banner .sh,.banner .image,.srch i {vertical-align:top;}
  224. .headleft,.headright,nav,nav a,.srch *,.srch,.icon,.sh,.image{
  225. display:inline-block;
  226. }
  227.  
  228. /* Header */
  229.  
  230. .banner {position:relative;}
  231. .headnav .banner {padding:50px 0;background:{color:Banner};}
  232. .headnavmin .banner {margin:0 0 50px;padding:50px 0 0;border:0;}
  233. .bannerhold {
  234. position:relative;
  235. margin:auto;
  236. width:calc({text:Post}px + ({text:Margin}px * 2));
  237. }
  238.  
  239. .headfix .banner{margin-top:50px;}
  240. .banner .sh {width:calc(100% - 140px);}
  241. .banner .image {width:120px;margin-left:20px;}
  242. .banner nav a{margin:4px 12px 4px 0;text-transform:capitalize;}
  243. .banner h1{font-size:22px;letter-spacing:-0.75px;}
  244.  
  245. .srch {
  246. border:1px solid {color:Border};
  247. height:12px;
  248. padding:3px 7px;
  249. border-radius:20px;
  250. line-height:100%;
  251. }
  252.  
  253. .srch i {margin-right:5px;}
  254. .search-form {width:85px;outline:none;}
  255. .search-form input {line-height:100%;border:none;outline:none;background:inherit;width:100%;}
  256. .search-form input[type=text] {color:{color:Link};}
  257. input::-webkit-input-placeholder {color:{color:Link};}
  258. input::-moz-placeholder {color:{color:Link};}
  259. input:-moz-placeholder {color:{color:Link};}
  260. input:-ms-input-placeholder {color:{color:Link};}
  261. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  262.  
  263. /* Sidebar */
  264.  
  265. .pic {
  266. position:fixed;
  267. left: 44px;
  268. bottom:88px;
  269. background-image: url('https://66.media.tumblr.com/dfa60920f893d36e47515ea658395947/6b2b2f370b57f6b6-16/s250x400/9f78303e3e7b1fac78339968798e4ba921f15dd8.png');
  270. width: 247px;
  271. height: 250px;
  272. }
  273.  
  274. .ttl {
  275. position:fixed;
  276. color:#cdc4c3;
  277. left: 268px;
  278. bottom: 281px;
  279. font-size: 37px;
  280. font-family: 'Mr De Haviland', cursive;
  281. font-weight:bold;
  282. text-shadow: 2px 2px #fff;
  283. letter-spacing: 2.5px;
  284. }
  285.  
  286. .ttl2 {
  287. position:fixed;
  288. color: #ccc;
  289. left: 265px;
  290. bottom: 282px;
  291. font-size: 6px;
  292. text-transform:uppercase;
  293. text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
  294. letter-spacing: 1px;
  295. opacity:0.8;
  296. font-weight: bold;
  297. }
  298.  
  299. .sidebar {
  300. position:fixed;
  301. font-size:0;
  302. width: 230px;
  303. height:12px;
  304. left: 261px;
  305. bottom: 221px;
  306. }
  307.  
  308.  
  309.  
  310. .sidebar nav a{
  311. background:{color:Post};
  312. letter-spacing:1px;
  313. font-size:7px;
  314. width:37px;
  315. padding:5px;
  316. padding-left:7px;
  317. padding-right:7px;
  318. margin-left:1px;
  319. margin-bottom:1px;
  320. text-shadow:1px 1px 1px #dcd5d5;
  321. font-weight:bold;
  322. text-align: center;
  323. text-transform:uppercase;
  324. }
  325.  
  326. .sidebar nav a:hover{
  327. background:#cdc4c3;
  328. color:#fff;
  329. text-shadow:1px 1px 1px #bbb;
  330. }
  331.  
  332. .desc2 {position:fixed;
  333. background:{color:Post};
  334. color:#ccc;
  335. left: 243px;
  336. bottom: 204px;
  337. font-size: 7px;
  338. line-height: 11px;
  339. padding-left: 15px;
  340. padding-right: 12px;
  341. padding-top:8px;
  342. padding-bottom:8px;
  343. width: 199px;
  344. height: 60px;
  345. font-weight:bold;
  346. text-align: justify;
  347. text-transform:uppercase;
  348. border-top-right-radius:7px;
  349. }
  350.  
  351. .desc3 {
  352. position:fixed;
  353. background:{color:Post};
  354. color:#ccc;
  355. left: 283px;
  356. bottom: 127px;
  357. font-size: 7px;
  358. letter-spacing:0.3px;
  359. line-height: 9px;
  360. overflow: auto;
  361. padding-left: 10px;
  362. padding-top:2px;
  363. padding-right:15px;
  364. width: 161px;
  365. height: 37px;
  366. text-align: justify;
  367. text-transform:uppercase;
  368. }
  369.  
  370. .desc4 {
  371. position:fixed;
  372. background:{color:Post};
  373. color:#ccc;
  374. left: 283px;
  375. bottom: 89px;
  376. font-size: 7px;
  377. letter-spacing:0.3px;
  378. line-height: 9px;
  379. overflow: auto;
  380. padding-left: 10px;
  381. padding-top:2px;
  382. padding-right:15px;
  383. width: 161px;
  384. height: 35px;
  385. text-align:justify;
  386. text-transform:uppercase;
  387. }
  388.  
  389. .desc5 {
  390. position:fixed;
  391. background:{color:Post};
  392. color:#bbb;
  393. left: 398px;
  394. bottom: 167px;
  395. font-size:7px;
  396. letter-spacing:0.5px;
  397. line-height: 100%;
  398. overflow: auto;
  399. padding-left: 10px;
  400. padding-top:6px;
  401. padding-right:10px;
  402. width: 51px;
  403. height: 11px;
  404. font-weight:bold;
  405. text-transform:uppercase;
  406. }
  407.  
  408. .desc6 {
  409. position:fixed;
  410. background:{color:Post};
  411. color:#bbb;
  412. left: 277px;
  413. bottom: 167px;
  414. font-size:7px;
  415. letter-spacing:0.5px;
  416. line-height: 100%;
  417. overflow: auto;
  418. padding-top:2px;
  419. width: 120px;
  420. height: 15px;
  421. text-align: center;
  422. text-transform:uppercase;
  423. }
  424.  
  425. .h1, .h2, .h3, .h4 {
  426. position:fixed;
  427. bottom: 85px;
  428. width: 106px;
  429. height: 3px;
  430. }
  431.  
  432. .h1 {
  433. left: 48px;
  434. background:#cdc4c3;
  435. }
  436.  
  437. .h2 {
  438. left: 153px;
  439. background:#d7cfcf;
  440. }
  441.  
  442. .h3 {
  443. left: 258px;
  444. background:#e1dbdb;
  445. }
  446.  
  447. .h4 {
  448. left: 363px;
  449. background:#ebe7e7;
  450. }
  451.  
  452.  
  453.  
  454. .popup_block{
  455. display:none;
  456. background:#fff;
  457. padding:15px;
  458. border-radius:7px;
  459. float:left;
  460. color:#bbb;
  461. position:fixed;
  462. top:50%;left:50%;
  463. z-index: 99999;
  464. text-align: justify;
  465. font-size: 8px;
  466. line-height: 8px;
  467. overflow: auto;
  468. }
  469.  
  470. *html #fade {position: absolute;}
  471. *html .popup_block {position: absolute;}
  472. #fade {
  473. display:none;
  474. position:fixed;
  475. left:0px;
  476. top:0px;
  477. width:100%;
  478. height:100%;
  479. z-index:9999;
  480. background:#fff; /* change to #fff for solid white */
  481. opacity:0.5; /* change to opacity:1; */
  482. }
  483.  
  484. .popup_block i {
  485. font-size:8px;
  486. }
  487.  
  488. .popup_block h1 {
  489. font-size: 8px;
  490. }
  491.  
  492.  
  493. #agem {
  494. position:fixed;
  495. left:155px;
  496. bottom:170px;
  497. transform: rotate(-20deg);
  498. }
  499.  
  500. /* Titles */
  501.  
  502. h1 *,h2 *,a h1,a h2{color:{color:Text}!important;}
  503. h1 {font-size:11px; line-height:100%;}
  504. h2 {margin:0 0 10px;font-size:13px;letter-spacing:-0.25px;line-height:100%;}
  505. h3,h4,h5 {margin:10px;font-weight:600;font-size:10px;}
  506.  
  507. /* Permalinks */
  508.  
  509. .p {margin:10px 0 0;font-size:0px;}
  510. .ple,.pri {display:inline-block;vertical-align:middle;width:50%;}
  511. .ple {font-size:10px;letter-spacing:0.5px;margin-top:1px;}
  512. .ple i {font-size:10px;margin:0 6px 0 0px;margin-top:1px;float:left;font-weight:bold;}
  513. .pri {text-align:right;padding:1px 0;}
  514. .fa-repeat {margin-left:7px;}
  515. .fa-heart-o,.fa-repeat {font-size:10px;}
  516.  
  517. .custom-like-button *{cursor:pointer!important;}
  518. .custom-like-button {
  519. position:relative;
  520. display:inline-block;
  521. vertical-align:top;
  522. width:10px;
  523. height:10px;
  524. cursor:pointer;
  525. }
  526.  
  527. .like_button:hover + .our_button {color:{color:Accent};}
  528. .like_button.liked + .our_button {color:{color:Accent};}
  529. .like_button iframe {width:100%!important;height:100%!important;}
  530. .like_button {z-index:10;opacity:0;}
  531. .our_button {z-index:1;}
  532. .our_button,.like_button {
  533. position:absolute;
  534. top:0;
  535. left:0;
  536. width:100%;
  537. height:100%;
  538. }
  539.  
  540. .tags {margin:15px 0;font-size:9px;font-style:italic;}
  541. .tags a {margin-right:5px;text-transform:none;display:inline;}
  542.  
  543. .p_top {margin-bottom:15px;font-size:0;}
  544. .p_icon,.p_info {display:inline-block;vertical-align:middle;}
  545. .p_info {font-size:9px;line-height:100%;}
  546. .p_info b{font-size:10px;display:block;margin-bottom:4px;}
  547. .p_icon {width:30px;margin-right:10px;border-radius:50%;}
  548.  
  549. /* Quotes */
  550.  
  551. .src {margin-top:10px;}
  552. .qut {font-size:10px;font-style:italic;letter-spacing:0.25px;}
  553.  
  554. /* Audio & Chat */
  555.  
  556. .chat h2,.lines {margin:10px 0;}
  557. .lines b{display:block;}
  558.  
  559. .play {
  560. padding:10px;
  561. background:#e4e4e4;
  562. margin-right:15px;
  563. height:27px;
  564. width:27px;
  565. border-radius:50%;
  566. }
  567.  
  568. .audio {font-size:0;}
  569. .play,.au {display:inline-block;vertical-align:middle;}
  570. .soundcloud_audio_player{padding:15px 0;}
  571. .tn {text-transform:uppercase;letter-spacing:1px;}
  572. .au span {display:block;margin:3px 0;font-size:10px;}
  573. .au {width:calc(100% - 62px);}
  574. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  575.  
  576. /* Text */
  577.  
  578. ol,ul {padding:0 0 0 15px;line-height:100%;}
  579. p,blockquote,pre,ul,ol{margin:5px 0;}
  580. li {margin:8px 0;}
  581. b,strong {font-weight:600;}
  582. blockquote p{margin:5px 0;}
  583. blockquote p:first-child{margin:0 0 5px;}
  584. blockquote p:last-child{margin:5px 0 0;}
  585. blockquote p:only-child,blockquote blockquote{margin:0;}
  586. blockquote{padding-left:10px;border-left:1px solid {color:Border};}
  587. pre {
  588. white-space:pre-wrap;
  589. white-space:-moz-pre-wrap;
  590. white-space:-pre-wrap;
  591. white-space:-o-pre-wrap;
  592. word-wrap:break-word;
  593. }
  594.  
  595. /* Captions */
  596.  
  597. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  598. .cap {margin:15px 0 0;}
  599.  
  600. .cmin blockquote{border:0;padding:0;}
  601. .chid {display:none;}
  602. .cinl *:not(a):not(ul):not(ol):not(li){margin:0;padding:0;display:inline;}
  603. .cinl p:first-of-type {display:inline!important;}
  604. .cinl blockquote {border:0;}
  605. .cinl p,.cinl blockquote p {display:block!important;margin:0!important;}
  606.  
  607. /* Video */
  608.  
  609. .video {overflow:hidden;}
  610. .vine-embed,#youtube_iframe {display:block;}
  611. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  612.  
  613. /* Photosets */
  614.  
  615. #tumblr_lightbox,.tmblr-lightbox {
  616. background:rgba({RGBcolor:Background},0.99)!important;
  617. }
  618.  
  619. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  620. opacity:0!important;
  621. }
  622.  
  623. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  624. #tumblr_lightbox_right_image, .lightbox-image {
  625. box-shadow:none!important;
  626. border-radius:0px!important;
  627. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  628. }
  629.  
  630. /* Ask */
  631.  
  632. .aski {margin:5px 0 0;line-height:100%;font-size:9px;font-weight:600;}
  633. .ask {
  634. padding:10px 12px;
  635. border-radius:3px;
  636. border:1px solid {color:Border};
  637. background:{color:Background};
  638. margin-bottom:10px;
  639. letter-spacing:-0.2px;
  640. }
  641.  
  642. /* Permalink Page + Postnotes */
  643.  
  644. .pph {text-transform:lowercase;margin-top:15px;}
  645. .perma {
  646. font-size:9px;
  647. padding:10px;
  648. border-top:1px dotted {color:Border};
  649. border-bottom:1px dotted {color:Border};
  650. }
  651.  
  652. .pmt a:after {content:',';}
  653. .pmt a:last-of-type:after {content:'.';}
  654. .pn ol {margin:0;padding:0;list-style-type:none;}
  655. .pn li{margin:10px;font-size:9px;line-height:100%;}
  656. .pn img{display:none;}
  657. .pn {padding:0;font-size:0;}
  658. .more_notes_link,.notes_loading {display:block;font-weight:600;}
  659. .more_notes_link,.notes_loading {text-align:left!important;}
  660.  
  661. /* Tooltips */
  662.  
  663. #s-m-t-tooltip{
  664. max-width:185px;
  665. margin:15px;
  666. z-index:99999999;
  667. padding-left:10px;
  668. padding-top:5px;
  669. padding-right:10px;
  670. padding-bottom:5px;
  671. background:#cdc4c3;
  672. color:#fff;
  673. text-shadow:1px 1px 1px #bbb;
  674. text-transform:uppercase;
  675. font-size:6px;
  676. border-radius:7px;
  677. font-weight:bold;
  678. letter-spacing:1px;
  679. line-height:10px;
  680. text-align: justify;
  681. }
  682.  
  683. /* Common Styles */
  684.  
  685. p,blockquote,.lines,.pn,.qut,.cap,.ask,.perma{line-height:150%;}
  686. a:hover, a h2:hover,.p_info b,.ple i{color:{color:Accent};}
  687. a,.p,.perma,.src,.lines b,.tn,.ask,ul,ol,.pag,.srch{color:{color:Link};}
  688. h2 a i{margin:0 2px;}
  689.  
  690. .qut,.ans *{font-family:'Lora',Georgia,serif;}
  691.  
  692. /* Etc */
  693.  
  694. #agem {
  695. z-index: -9999999999999999999999999px;
  696. -webkit-transition: all 0.9s ease-in-out;
  697. -moz-transition: all 0.9s ease-in-out;
  698. -o-transition: all 0.9s ease-in-out;
  699. -ms-transition: all 0.9s ease-in-out;
  700. transition: all 0.9s ease-in-out;
  701. opacity:0.5;
  702. }
  703.  
  704. #agem:hover {
  705. z-index: -9999999999999999999999999px;
  706. -webkit-transition: all 0.9s ease-in-out;
  707. -moz-transition: all 0.9s ease-in-out;
  708. -o-transition: all 0.9s ease-in-out;
  709. -ms-transition: all 0.9s ease-in-out;
  710. transition: all 0.9s ease-in-out;
  711. opacity:1;
  712. }
  713.  
  714. .fa-check, .fa-close, .fa-diamond {
  715. color:#cdc4c3;
  716. font-size:10px;
  717. padding:2px;
  718. text-shadow:1px 1px 1px #dcd5d5;
  719. }
  720.  
  721. .fa-map-marker {
  722. color:#cdc4c3;
  723. font-size:8px;
  724. padding:2px;
  725. text-shadow:1px 1px 1px #dcd5d5;
  726. }
  727.  
  728. .fa-heart {
  729. color:white;
  730. }
  731.  
  732. .fa-heart:hover {
  733. text-shadow:0px 0px 5px white;
  734. }
  735.  
  736. </style>
  737.  
  738. </head>
  739. <body class="{select:Header} {select:Post Style} {select:Navigation} {select:Font}">
  740.  
  741.  
  742. <header class="head">
  743. <div class="headleft">
  744. <a href="/"><img src="{PortraitURL-96}" class="icon"></a>
  745. </div>
  746. <div class="headright">
  747. <nav>
  748. <div class="srch"><i class="fa fa-search"></i><form action="/search" class="search-form" method="get"><input id="searchField" name="q" placeholder="Search this blog" type="text" value="{SearchQuery}"/></form></div>
  749. <a href="https://www.tumblr.com/dashboard?conversation={Name}">Message</a>
  750. <a href="https://www.tumblr.com/follow/{Name}">Follow</a>
  751. <a href="https://www.tumblr.com/dashboard">Dashboard</a>
  752. </nav>
  753. </div>
  754. </header>
  755.  
  756. <div class="desc2">
  757. &nbsp;&nbsp;born in daegu, august 8th 1995, choi seungcheol (최승철) — also known as s.coups — is a member of pledis entertainment's boy group seventeen. taking up the role of general leader & main rapper & lyricist, famous for his golden heart and for doing his &nbsp;&nbsp;best to repay carats for their endless support
  758. </div>
  759.  
  760. <div class="desc3">
  761. <i class="fa fa-check"></i> carats, ballads, jeonghan, long walks, skinship, stars, video games, winter, working out (with jeonghan)</div>
  762.  
  763. <div class="desc4">
  764. <i class="fa fa-close"></i> aegyo, being embarrassed, being ignored, diets, pineapples on pizza, waking up early</div>
  765.  
  766. <div class="desc5"><marquee behavior="scroll" direction="left" scrollamount="1"><a href="https://www.youtube.com/watch?v=ap14O5-G7UA">The way I love, the way <b>I love</b></a></marquee>
  767. </div>
  768.  
  769. <div class="desc6">seoul <i class="fa fa-map-marker"></i> south korea
  770. </div>
  771.  
  772. <div class="h1">
  773. </div>
  774.  
  775. <div class="h2">
  776.  
  777. </div>
  778.  
  779. <div class="h3">
  780. </div>
  781.  
  782. <div class="h4">
  783. </div>
  784.  
  785. <div class="ttl">oh,&nbsp; phenomenon</div>
  786.  
  787. <div class="ttl2">i've taken out the bullet that was given to me</div>
  788.  
  789.  
  790. <header class="banner">
  791. <div class="bannerhold">
  792. <img class="image" src="{block:ifSidebarImage}{image:Sidebar}{/block:ifSidebarImage}{block:ifnotSidebarImage}{PortraitURL-128}{/block:ifnotSidebarImage}"/>
  793. </div>
  794. </header>
  795.  
  796. <div id="center">
  797.  
  798. <aside class="sidebar">
  799. <a href="/">
  800. </a>
  801.  
  802. <div class="sh">
  803. </div>
  804. </a>
  805.  
  806.  
  807. <div class="desc"><table width="10" height="10"><tr><td align="justify">
  808. </tr></td>
  809. </table></div>
  810. <nav>
  811. <a href="/">index</a>
  812. <a href="/ask">ask</a>
  813. <a href="/submit">submit</a>
  814. <a href="/archive">archive</a>
  815. </nav>
  816.  
  817. <div class="pic"> </div>
  818.  
  819. <div id="agem"><a href="#?w=150" rel="box1" class="poplight"><i class="fa fa-heart" style="font-size:13px"></i></a></div>
  820.  
  821.  
  822. </aside>
  823.  
  824. <div id="content">
  825. {block:Posts}
  826. <div class="entry" id="{PostID}">
  827.  
  828. {block:Date}
  829. <div class="p_top">
  830. {block:RebloggedFrom}<a href="{ReblogRootURL}"><img class="p_icon" src="{ReblogRootPortraitURL-96}"></a>{/block:RebloggedFrom}{block:NotReblog}<a href="{Permalink}"><img class="p_icon" src="{PortraitURL-96}"></a>{/block:NotReblog}
  831. <div class="p_info">
  832. <b>
  833. {block:RebloggedFrom}<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  834. {block:NotReblog}{Name}{/block:NotReblog}
  835. </b>
  836. <a href="{Permalink}">{TimeAgo}</a>
  837. </div>
  838.  
  839. </div>
  840. {/block:Date}
  841.  
  842. {block:Text}
  843. <div class="txt">
  844. {block:Title}<h2>{Title}</h2>{/block:Title}
  845. {Body}
  846. </div>
  847. {/block:Text}
  848.  
  849. {block:Link}
  850. <div class="txt">
  851. <h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>
  852. {block:Description}{Description}{/block:Description}
  853. </div>
  854. {/block:Link}
  855.  
  856. {block:Photo}
  857. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  858. {/block:Photo}
  859.  
  860. {block:Photoset}
  861. <div class="bx"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>
  862. {/block:Photoset}
  863.  
  864. {block:Quote}
  865. <div class="qut">{Quote}</div>
  866. {block:Source}<div class="src">{Source}</div>{/block:Source}
  867. {/block:Quote}
  868.  
  869. {block:Chat}
  870. <div class="chat">
  871. {block:Title}<h2>{Title}</h2>{/block:Title}
  872. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  873. </div>
  874. {/block:Chat}
  875.  
  876. {block:Audio}
  877. <div class="audio">
  878. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  879. <div class="au">
  880. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  881. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  882. </div>
  883. </div>
  884. {/block:Audio}
  885.  
  886. {block:Video}
  887. <div class="video">{Video-500}</div>
  888. {/block:Video}
  889.  
  890. {block:Answer}
  891. <div class="ask">
  892. <div class="que">{Question}</div>
  893. <div class="aski">{Asker}</div>
  894. </div>
  895. <div class="txt ans">{Answer}</div>
  896. {/block:Answer}
  897.  
  898. {block:Caption}<div class="cap {select:Captions}">{Caption}</div>{/block:Caption}
  899.  
  900. {block:IndexPage}
  901. {block:ifTags}{block:HasTags}<div class="tags">
  902. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  903. </div>{/block:HasTags}{/block:ifTags}
  904.  
  905. <div class="p">
  906. <div class="ple"><a href="{Permalink}"><i class="fa fa-bookmark-o"></i> {NoteCount}</a></div>
  907. <div class="pri">
  908. <div class="custom-like-button">{LikeButton}<span class="our_button"><i class="fa fa-heart-o"></i></span></div>
  909. <a href="{ReblogURL}"><i class="fa fa-repeat"></i></a>
  910. </div>
  911. </div>
  912. {/block:IndexPage}
  913.  
  914.  
  915.  
  916. {block:PermalinkPage}
  917. {block:Date}
  918. <div class="pph">
  919. <div class="perma">
  920. posted {TimeAgo} on {DayofMonthWithSuffix} {Month} with {NoteCountWithLabel}
  921. {block:RebloggedFrom}<br>
  922. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  923. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  924. {/block:RebloggedFrom}
  925.  
  926. {block:HasTags}<div class="pmt">tags: &nbsp;
  927. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  928. </div>{/block:HasTags}
  929. </div>
  930.  
  931. {block:PostNotes}
  932. <div class="pn">{PostNotes}</div>
  933. {/block:PostNotes}
  934.  
  935. </div>
  936. {/block:Date}
  937. {/block:PermalinkPage}
  938.  
  939. {block:ContentSource}
  940. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  941. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  942. {/block:SourceLogo}
  943. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  944. {/block:ContentSource}
  945.  
  946. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  947.  
  948. </div>
  949. {/block:Posts}
  950.  
  951. {block:ifPaginate}
  952. {block:Pagination}
  953. <div class="pag">
  954. {block:PreviousPage}
  955. <a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>
  956. {/block:PreviousPage}
  957.  
  958. {block:JumpPagination length="3"}
  959. {block:CurrentPage}
  960. <span class="cp">{PageNumber}</span>
  961. {/block:CurrentPage}
  962. {block:JumpPage}
  963. <a class="jp" href="{URL}">{PageNumber}</a>
  964. {/block:JumpPage}
  965. {/block:JumpPagination}
  966.  
  967. {block:NextPage}
  968. <a href="{NextPage}"><i class="fa fa-angle-right"></i></a>
  969. {/block:NextPage}
  970. </div>
  971. {/block:Pagination}
  972. {/block:ifPaginate}
  973.  
  974. </div>
  975.  
  976. {block:ifnotPaginate}
  977. {block:Pagination}
  978. <div class="pag">
  979. {block:PreviousPage}
  980. <a href="{PreviousPage}" class="prev">back</a>
  981. {/block:PreviousPage}
  982. {block:NextPage}
  983. <a href="{NextPage}" class="next">next</a>
  984. {/block:NextPage}
  985. </div>
  986.  
  987. {block:ifLoadMore}
  988. <a class="load">Load More</a>
  989. {/block:ifLoadMore}
  990. {/block:Pagination}
  991. {/block:ifnotPaginate}
  992.  
  993. </div>
  994.  
  995. <a href="#" class="top"><i class="fa fa-angle-up"></i></a>
  996. <div class="c"><a href="https://acuite.tumblr.com" title= "theme tweaked by alifvrs only for levnids' personal use because i l*ve man named choi; please don't steal">acuite</a></div>
  997.  
  998. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  999. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1000. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1001. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1002. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1003. <script>
  1004. $(document).ready(function(){
  1005. $('.photo-slideshow').pxuPhotoset({
  1006. lightbox: true,
  1007. rounded: false,
  1008. gutter: '1px',
  1009. photoset: '.photo-slideshow',
  1010. photoWrap: '.photo-data',
  1011. photo: '.pxu-photo'
  1012. });
  1013. {block:ifnotPaginate}
  1014. var $container = $('#content');
  1015. $container.infinitescroll({
  1016. itemSelector: '.entry',
  1017. navSelector: '.pag',
  1018. nextSelector: '.next',
  1019. loadingImg: ' ',
  1020. loadingText: ' ',
  1021. donetext: 'No more posts' ,
  1022. bufferPx: 2000,
  1023. {block:ifLoadMore}
  1024. errorCallback: function(){
  1025. jQuery('.load').delay(50).fadeOut();
  1026. }
  1027. {/block:ifLoadMore}
  1028. },
  1029. function( newElements ) {
  1030. var $newElems = $( newElements );
  1031. var $newElemsIDs = $newElems.map(function(){
  1032. return this.id;
  1033. }).get();
  1034. $newElems.find('.photo-slideshow').pxuPhotoset({
  1035. lightbox: true,
  1036. rounded: false,
  1037. gutter: '1px',
  1038. photoset: '.photo-slideshow',
  1039. photoWrap: '.photo-data',
  1040. photo: '.pxu-photo'
  1041. });
  1042. resizeVideos();
  1043. console.log($newElems, $newElemsIDs);
  1044. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1045. });
  1046.  
  1047. {block:ifLoadMore}
  1048. $(window).unbind(".infscr");
  1049. $(".load").click(function(){
  1050. $("#content").infinitescroll("retrieve");
  1051. });
  1052. {/block:ifLoadMore}
  1053.  
  1054. {/block:ifnotPaginate}
  1055. });
  1056.  
  1057.  
  1058. // minimal soundcloud player © eoxk.tumblr
  1059. $(document).ready(function(){
  1060. var color = '{color:Link}'; // color of play button (hex)
  1061. $('.soundcloud_audio_player').each(function(){
  1062. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  1063. });
  1064. });
  1065.  
  1066.  
  1067. // scroll to top © html-tuts.com
  1068. var amountScrolled = 500;
  1069.  
  1070. $(window).scroll(function() {
  1071. if ($(window).scrollTop() > amountScrolled) {
  1072. $('a.top').fadeIn('slow');
  1073. } else {
  1074. $('a.top').fadeOut('slow');
  1075. }
  1076. });
  1077.  
  1078. $('a.top').click(function() {
  1079. $('body, html').animate({
  1080. scrollTop: 0
  1081. }, 'slow');
  1082. return false;
  1083. });
  1084.  
  1085.  
  1086. // tooltips
  1087. (function($){
  1088. $(document).ready(function(){
  1089. $("[title]").style_my_tooltips({
  1090. tip_delay_time:200,
  1091. tip_fade_speed:300
  1092. }
  1093. );
  1094. });
  1095. })(jQuery);
  1096.  
  1097.  
  1098. </script>
  1099. </body>
  1100.  
  1101. <div id="box1" class="popup_block">
  1102. <span style="line-height: 12px;"><center>carats and <word title="and yjh ♡">seventeen</word></center></p></span>
  1103. </div></div></div></div></div></div></div>
  1104.  
  1105.  
  1106. </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!