API tools faq
paste
Advertisement
ByungKitty

pink #ffd7d4

ByungKitty
Nov 10th, 2017
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.09 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.  
  3. <!--
  4.  
  5.  
  6. ------------------------------------------------------------
  7.  
  8. BLOG THEME:COAGULATION BY ANGIE @IMAGINEDRAGONS.TUMBLR.COM
  9.  
  10. ------------------------------------------------------------
  11.  
  12. PLEASE DO NOT STEAL OR CLAIM AND REDISTRIBUTE AS YOUR OWN; I WORKED VERY HARD ON THIS THEME.
  13. YOU CAN EDIT THIS AS MUCH AS YOU WANT AS LONG AS YOU KEEP THE CREDIT INTACT.
  14.  
  15. THANK YOU.
  16. ENJOY!
  17.  
  18. -->
  19.  
  20.  
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  23.  
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  25.  
  26. <script src="jquery.js"></script>
  27. <script>
  28. $(document).ready(function(){
  29. $("#click").click(function(){
  30. $("#guts").slideToggle("fast");
  31. });
  32. });
  33. </script>
  34.  
  35. <script src="jquery.js"></script>
  36. <script>
  37. $(document).ready(function(){
  38. $("#click2").click(function(){
  39. $("#guts2").slideToggle("fast");
  40. });
  41. });
  42. </script>
  43.  
  44. <script src="jquery.js"></script>
  45. <script>
  46. $(document).ready(function(){
  47. $("#click3").click(function(){
  48. $("#guts3").slideToggle("fast");
  49. });
  50. });
  51. </script>
  52.  
  53. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  54.  
  55. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  56. <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,500,700' rel='stylesheet' type='text/css'>
  57.  
  58. <script src="http://code.jquery.com/jquery-1.10.0.min.js">
  59. </script>
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  61. <title>{Title}</title>
  62. <link rel="shortcut icon" href="http://media.tumblr.com/12d980dc0168e46d591f33a3e53ee9e8/tumblr_inline_mg16wmjC3G1qbq39l.png">
  63. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  64. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  65.  
  66. <!--DEFAULT VARIABLES-->
  67. <meta name="color:Scrollbar Background" content="#fdfdfd"/>
  68. <meta name="color:Scroller" content="#000000"/>
  69. <meta name="color:Background" content="#f5f5f5"/>
  70. <meta name="color:Text" content="#777777"/>
  71. <meta name="color:Bold Text" content="#d10820"/>
  72. <meta name="color:Italic Text" content="#00bfff"/>
  73. <meta name="color:Link" content="#777777"/>
  74. <meta name="color:Link Hover" content="#777777"/>
  75. <meta name="color:Blockquote Border" content="#f5f5f5"/>
  76. <meta name="color:Post Background" content="#ffffff"/>
  77. <meta name="color:Sidebar Background" content="#ffffff"/>
  78. <meta name="color:Post Title Background" content="#f5d8d6"/>
  79. <meta name="color:Post Title Text" content="#ffffff"/>
  80. <meta name="color:Blog Title Background" content="#f5d8d6"/>
  81. <meta name="color:Blog Title Text" content="#ffffff"/>
  82. <meta name="color:Custom Link Number" content="#f5d8d6"/>
  83. <meta name="color:Info Links" content="#d5d5d5"/>
  84. <meta name="color:Tag Tab Title Background" content="#f5d8d6"/>
  85. <meta name="color:Tag Tab Title Text" content="#ffffff"/>
  86. <meta name="color:Tag Tab Background" content="#ffffff"/>
  87.  
  88.  
  89. <meta name="image:Background" content=""/>
  90. <meta name="image:Sidebar" content=""/>
  91.  
  92.  
  93. <meta name="if:Infinite Scroll" content="1"/>
  94. <meta name="if:Music Player" content="1">
  95.  
  96. <meta name="text:Quote" content=""/>
  97. <meta name="text:Post Width" content="400px"/>
  98. <meta name="text:Post Font Size" content="10px"/>
  99. <meta name="text:Link 1 URL" content="" />
  100. <meta name="text:Link 1 Name" content="" />
  101. <meta name="text:Link 2 URL" content="" />
  102. <meta name="text:Link 2 Name" content="" />
  103. <meta name="text:Link 3 URL" content="" />
  104. <meta name="text:Link 3 Name" content="" />
  105.  
  106.  
  107.  
  108. <style type="text/css">
  109.  
  110. #updatesbar{
  111. position:absolute;
  112. margin-top:-24px;
  113. margin-left:-8px;
  114. padding:3px;
  115. padding-right:5px;
  116. text-align:right;
  117. width:106px;
  118. height:9px;
  119. background:#f4f4f4; /*bar background*/
  120. border:1px solid #ebebeb; /*matching border color with #box border looks best*/
  121. /*delete the following for no rounded edges*/
  122. -webkit-border-top-left-radius: 4px;
  123. -webkit-border-top-right-radius: 4px;
  124. -moz-border-radius-topleft: 4px;
  125. -moz-border-radius-topright: 4px;
  126. border-top-left-radius: 4px;
  127. border-top-right-radius: 4px;
  128. }
  129.  
  130. #updates{
  131. position:fixed;
  132. width:100px;
  133. margin-top:35px;
  134. margin-left:20px;
  135. padding-top:7px;
  136. padding-left:7px;
  137. padding-right:7px;
  138. padding-bottom:4px;
  139. font-family:consolas;
  140. font-size:10px;
  141. line-height:12px;
  142. background-color:#ffffff; /*background hex color code*/
  143. border:1px solid #ebebeb; /*change color code for different colored borders*/
  144. color:#000000; /*text color, note link colors and styles will change with the theme you're using*/
  145. z-index:999;
  146. /*delete the following for no shadows*/
  147. box-shadow:rgba(0,0,0,0.07)7px 7px;
  148. /*delete the following for no rounded edges*/
  149. -webkit-border-bottom-right-radius: 4px;
  150. -webkit-border-bottom-left-radius: 4px;
  151. -moz-border-radius-bottomright: 4px;
  152. -moz-border-radius-bottomleft: 4px;
  153. border-bottom-right-radius: 4px;
  154. border-bottom-left-radius: 4px;
  155. }
  156.  
  157. #guts,#click{
  158. padding:1px;
  159. display:inline-block;
  160. }
  161.  
  162. #click{
  163. margin-bottom:4px;
  164. padding:1px;
  165. text-transform:uppercase;
  166. letter-spacing:1px;
  167. text-align:center;
  168. background:#f4f4f4; /*tab 1 background color*/
  169. border:1px solid #f4f4f4;
  170. padding:1px;
  171. display:block;
  172. -webkit-transition: all 0.1s ease;
  173. -moz-transition: all 0.1s ease;
  174. transition: all 0.1s ease;
  175. /*delete the following for no rounded edges*/
  176. -webkit-border-radius: 4px;
  177. -moz-border-radius: 4px;
  178. border-radius: 4px;
  179. }
  180.  
  181. #click:hover{
  182. cursor:help;
  183. }
  184.  
  185. #click:active{
  186. background:#ffffff; /*color of tab when clicked*/
  187. }
  188.  
  189. #guts{
  190. padding:1px;
  191. display:none;
  192. }
  193.  
  194. #guts2,#click2{
  195. padding:1px;
  196. display:inline-block;
  197. }
  198.  
  199. #click2{
  200. margin-bottom:4px;
  201. padding:1px;
  202. text-transform:uppercase;
  203. letter-spacing:1px;
  204. text-align:center;
  205. background:#f4f4f4; /*tab 2 background color*/
  206. border:1px solid #f4f4f4;
  207. padding:1px;
  208. display:block;
  209. -webkit-transition: all 0.1s ease;
  210. -moz-transition: all 0.1s ease;
  211. transition: all 0.1s ease;
  212. /*delete the following for no rounded edges*/
  213. -webkit-border-radius: 4px;
  214. -moz-border-radius: 4px;
  215. border-radius: 4px;
  216. }
  217.  
  218. #click2:hover{
  219. cursor:help;
  220. }
  221.  
  222. #click2:active{
  223. background:#ffffff; /*color of tab when clicked*/
  224. }
  225.  
  226. #guts2{
  227. padding:1px;
  228. display:none;
  229. }
  230.  
  231. #guts3,#click3{
  232. padding:1px;
  233. display:inline-block;
  234. }
  235.  
  236. #click3{
  237. margin-bottom:4px;
  238. padding:1px;
  239. text-transform:uppercase;
  240. letter-spacing:1px;
  241. text-align:center;
  242. background:#f4f4f4; /*tab 3 background color*/
  243. border:1px solid #f4f4f4;
  244. padding:1px;
  245. display:block;
  246. -webkit-transition: all 0.1s ease;
  247. -moz-transition: all 0.1s ease;
  248. transition: all 0.1s ease;
  249. /*delete the following for no rounded edges*/
  250. -webkit-border-radius: 4px;
  251. -moz-border-radius: 4px;
  252. border-radius: 4px;
  253. }
  254.  
  255. #click3:hover{
  256. cursor:help;
  257. }
  258.  
  259. #click3:active{
  260. background:#ffffff; /*color of tab when clicked*/
  261. }
  262.  
  263. #guts3{
  264. padding:1px;
  265. display:none;
  266. }
  267.  
  268.  
  269. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroller}; height: 7px;}
  270. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scroller}; height:7px!important;}
  271. ::-webkit-scrollbar {background-color:{color:Scrollbar Background}; height:7px; width:7px;}
  272.  
  273. #tumblr_controls {-webkit-filter: invert(100%);opacity:1;}
  274.  
  275. body {
  276. background:{color:Background};
  277. color:{color:Text};
  278. font-family:calibri;
  279. font-size:{text:Post Font Size};
  280. font-weight:200;
  281. line-height:140%;
  282. margin:0px;
  283. text-align:left;
  284. background-image:url("{image:Background}");
  285. background-attachment:fixed;
  286. }
  287.  
  288. a {
  289. text-decoration:none;
  290. outline:none;
  291. color:{color:Link};
  292. -moz-outline-style:none;
  293. text-transform:none;
  294. -webkit-transition: all 0.7s ease-in-out;
  295. -moz-transition: all 0.7s ease-in-out;
  296. -o-transition: all 0.7s ease-in-out;
  297. font-weight:200;
  298. }
  299. a:hover {
  300. color:{color:Link Hover};
  301. }
  302. small {font-size:7px;text-transform:lowercase;}
  303.  
  304. big {font-size:12px;font-weight:bold;text-transform:uppercase;}
  305.  
  306. b, strong {color:{color:Bold Text};}
  307.  
  308. i, em {color:{color:Italic Text};}
  309.  
  310. p {margin-top:5px; margin-bottom:5px}
  311.  
  312. img {border:none;}
  313.  
  314. blockquote {
  315. margin-left:5px;
  316. margin-top:-2px;
  317. padding-left:7px;
  318. border-left:1px solid {color:Blockquote Border};
  319.  
  320. }
  321. blockquote img{max-width:250px;height:auto;}
  322.  
  323. h1 {
  324. padding:15px 20px;
  325. background:{color:Post Title Background};
  326. border-top-left-radius:4px;
  327. border-top-right-radius:4px;
  328. color:{color:Post Title Text};
  329. text-transform:uppercase;
  330. font-family:'Ubuntu', sans-serif;
  331. font-weight:700;
  332. letter-spacing:2px;
  333. font-size:11px;
  334. margin-bottom:0px;
  335. }
  336.  
  337. h2{
  338. font-size:12px;
  339. }
  340.  
  341. h2 i{color:#ccc;}
  342.  
  343. .src{float:right;margin-top:-10px;}
  344.  
  345. #sb{
  346. width:200px;
  347. padding:0px;
  348. border-radius:4px;
  349. position:fixed;
  350. background:{color:Sidebar Background};
  351. margin-left:100px;
  352. margin-top:100px;
  353. }
  354.  
  355. #sb img{
  356. width:200px;}
  357.  
  358. .desc{padding:15px;}
  359.  
  360. .tit{
  361. display:block;
  362. width:180px;
  363. padding:10px;
  364. background:{color:Blog Title Background};
  365. border-top-left-radius:4px;
  366. border-top-right-radius:4px;
  367. color:{color:Blog Title Text};
  368. text-transform:uppercase;
  369. font-family:'Ubuntu', sans-serif;
  370. font-weight:700;
  371. letter-spacing:2px;
  372. font-size:11px;
  373. }
  374.  
  375. .q{
  376. font-family:calibri;
  377. font-weight:normal;
  378. font-size:8px;
  379. text-transform:none;
  380. letter-spacing:1px;
  381. }
  382.  
  383. .links{
  384. position:absolute;
  385. margin-top:10px;
  386. background:{color:Sidebar Background};
  387. width:180px;
  388. padding:5px 10px;
  389. border-radius:4px;
  390. }
  391.  
  392. .links b{
  393. color:{color:Custom Link Number};
  394. font-size:10px;
  395. }
  396. .links a:hover b{letter-spacing:1px;}
  397.  
  398. .links a{
  399. font-family:'Ubuntu', sans-serif;
  400. text-transform:uppercase;
  401. letter-spacing:1px;
  402. font-size:9px;
  403. font-weight:500;
  404. color:#ccc;
  405. display:inline-block;
  406. width:160px;
  407. padding:5px 10px;
  408. border-bottom:1px solid #f5f5f5;
  409. }
  410.  
  411. .links a:hover{letter-spacing:4px;}
  412.  
  413. #sb:hover .play{opacity:1;}
  414.  
  415. .play{
  416. float:left;
  417. position:absolute;
  418. margin-left:10px;
  419. width:20px;
  420. height:15px;
  421. margin-top:3px;
  422. overflow:hidden;
  423. margin-top:-25px;
  424. background-image:url('http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif');
  425. background-repeat: no-repeat;
  426. -webkit-transition: all 0.5s ease;
  427. -moz-transition: all 0.5s ease;
  428. -o-transition: all 0.5s ease;
  429. opacity:0;
  430. }
  431.  
  432. .play img{float:left;}
  433.  
  434. .play:hover {
  435. width:120px;
  436. }
  437.  
  438. .er{margin-top:-3px;margin-left:20px;}
  439.  
  440. #container{
  441. width:540px;
  442. margin-top:100px;
  443. margin-bottom:40px;
  444. margin-left:350px;
  445. position:absolute;
  446. }
  447.  
  448. #post{
  449. margin-bottom:100px;
  450. width:{text:Post Width};
  451. padding:0px;
  452. position:relative;
  453. background:{color:Post Background};
  454. border-radius:4px;
  455. }
  456.  
  457. #post img{
  458. width:{text:Post Width};
  459. }
  460.  
  461. .wo{padding:20px;}
  462.  
  463. #inf{
  464. position:relative;
  465. width:100%;
  466. padding:10px 0px;
  467. border-top:1px solid {color:Blockquote Border};
  468. }
  469.  
  470. #inf a{
  471. color:{color:Info Links};
  472. font-family:'Ubuntu', sans-serif;
  473. text-transform:uppercase;
  474. letter-spacing:1px;
  475. font-size:8px;
  476. font-weight:500;
  477. margin-left:10px;
  478. }
  479.  
  480. #info a{
  481. color:{color:Info Links};
  482. font-family:'Ubuntu', sans-serif;
  483. text-transform:uppercase;
  484. letter-spacing:1px;
  485. font-size:8px;
  486. font-weight:500;
  487. margin-left:10px;
  488. margin-top:-20px;
  489. padding-bottom:10px;
  490. display:inline-block;
  491. }
  492.  
  493.  
  494. {block:IndexPage}#post:hover #button{opacity:1;}{/block:IndexPage}
  495.  
  496.  
  497. #button{
  498. float:right;
  499. margin-right:10px;
  500. -webkit-transition: all 0.5s ease;
  501. -moz-transition: all 0.5s ease;
  502. -o-transition: all 0.5s ease;
  503. opacity:0;
  504. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  505. }
  506.  
  507. .but{float:left;margin-left:-3px;}
  508.  
  509. #why a{
  510. color:{color:Info Links};
  511. font-family:'Ubuntu', sans-serif;
  512. text-transform:uppercase;
  513. letter-spacing:1px;
  514. font-size:8px;
  515. font-weight:500;
  516. padding:10px;
  517. display:inline-block;
  518. }
  519.  
  520. #why i{color:{color:Info Links};}
  521.  
  522. ul {
  523. list-style-type: none;
  524. padding: 0px;
  525. margin: 0px;
  526. }
  527.  
  528. ul li{
  529. background-image: url(http://static.tumblr.com/3yblkz0/T3An46s86/crss.png);
  530. background-repeat: no-repeat;
  531. background-position: 0px;
  532. padding-left: 15px;}
  533.  
  534. .que{
  535. padding:10px;
  536. background:{color:Post Title Background};
  537. border-top-left-radius:4px;
  538. border-top-right-radius:4px;
  539. color:{color:Post Title Text};
  540. }
  541.  
  542. .asker, .asker a{
  543. color:{color:Post Title Text};
  544. font-family:'Ubuntu', sans-serif;
  545. text-transform:uppercase;
  546. letter-spacing:1px;
  547. font-size:10px;
  548. font-weight:500;
  549. margin-bottom:7px;
  550. margin-top:3px;
  551. }
  552.  
  553. .arti{
  554. padding:20px;
  555. background:{color:Post Title Background};
  556. border-top-left-radius:4px;
  557. border-top-right-radius:4px;
  558. color:{color:Post Title Text};
  559. }
  560.  
  561. .arti b{
  562. color:{color:Post Title Text};
  563. text-transform:uppercase;
  564. font-family:'Ubuntu', sans-serif;
  565. font-weight:700;
  566. letter-spacing:2px;
  567. font-size:11px;
  568. }
  569.  
  570. .audioplayer{
  571. width:40px;
  572. height:40px;
  573. border-radius:30px;
  574. float:left;
  575. overflow:hidden;
  576. margin-right:15px;
  577. background:#fff;
  578. margin-top:0px;
  579. }
  580.  
  581. .ay{
  582. width:20px;
  583. overflow:hidden;
  584. margin-top:6px;
  585. margin-left:8px;
  586. }
  587.  
  588. #post:hover #ew{
  589. opacity:1;
  590. }
  591.  
  592. #ew{
  593. position:absolute;
  594. margin-left:{text:Post Width};
  595. padding:0px 0px 0px 30px;
  596. width:130px;
  597. -webkit-transition: all 0.5s ease;
  598. -moz-transition: all 0.5s ease;
  599. -o-transition: all 0.5s ease;
  600. {block:IndexPage}opacity:0;{/block:IndexPage}
  601. }
  602.  
  603. .ewtit{
  604. padding:5px 10px;
  605. background:{color:Tag Tab Title Background};
  606. border-top-left-radius:4px;
  607. border-top-right-radius:4px;
  608. color:{color:Tag Tab Title Text};
  609. font-family:'Ubuntu', sans-serif;
  610. text-transform:uppercase;
  611. letter-spacing:1px;
  612. font-size:8px;
  613. font-weight:500;
  614. }
  615.  
  616. .ta{
  617. padding:10px;
  618. background:{color:Tag Tab Background};
  619. border-bottom-left-radius:4px;
  620. border-bottom-right-radius:4px;
  621. }
  622.  
  623. ol.notes {
  624. list-style-type: none;
  625. color: {color:Text};
  626. text-transform: none;
  627. margin-top:30px;
  628. border-radius:4px;
  629. width:{text:Post Width};
  630. border-radius:4px;
  631. }
  632.  
  633. .notes a {
  634. ;text-transform: none;color:{Text};}
  635.  
  636. ol.notes li.note {
  637. margin-left:-30px;
  638. padding:10px 0px;
  639. }
  640.  
  641. ol.notes li.note img.avatar {
  642. display:none;
  643. }
  644. ol.notes li.note span.action {font-size:{text:Post Font Size};}
  645.  
  646. ol.notes li.note .answer_content {font-size:{text:Post Font Size};}
  647.  
  648. ol.notes li.note blockquote {
  649. padding: 4px 10px;
  650. margin: 10px 0px 0px 25px;font-size:{text:Post Font Size};}
  651.  
  652. ol.notes li.note blockquote a {text-decoration: none; color:{color:Text};font-size:{text:Post Font Size};}
  653.  
  654. #pagination {
  655. width:250px;
  656. text-align:center;
  657. margin-top:10px;
  658. }
  659.  
  660. .jump_page {
  661. padding: 4px 7px;
  662. color:{color:Text};
  663. font-size:9px;
  664. }
  665.  
  666. .current_page, .jump_page:hover {
  667. padding: 4px 7px;
  668. background:{color:Blog Title Background};
  669. color: {color:Blog Title Text};
  670. border-radius:4px;
  671. font-size:9px;
  672. }
  673.  
  674. #s-m-t-tooltip {
  675. max-width:300px;
  676. padding:4px 6px;
  677. margin:0px 0px 0px 15px;
  678. font-family:calibri;
  679. font-weight:200;
  680. font-style:italic;
  681. text-transform:lowercase;
  682. color:{color:Link};
  683. background-color:{color:Post Background};
  684. border-radius:4px;
  685. z-index:999999999999999999999999999999999999;
  686. }
  687.  
  688. .cred{
  689. position:fixed;
  690. right:5px;
  691. bottom:5px;
  692. display:block;
  693. background:{color:Blog Title Background};
  694. color:{color:Blog Title Text};
  695. padding:5px 8px;
  696. border-radius:4px;
  697. }
  698.  
  699. .cred:hover{
  700. background:transparent;
  701. color:{color:Blog Title Background};
  702. }
  703. {CustomCSS}
  704.  
  705. iframe.tmblr-iframe {
  706. z-index:99999999999999!important;
  707. top:0!important;
  708. right:0!important;
  709. opacity:0.4;
  710. /* delete invert(1) from here */
  711. filter:invert(1) contrast(150%);
  712. -webkit-filter:invert(1) contrast(150%);
  713. -o-filter:invert(1) contrast(150%);
  714. -moz-filter:invert(1) contrast(150%);
  715. -ms-filter:invert(1) contrast(150%);
  716. /* to here if your blog has a dark background */
  717. transform:scale(0.65);
  718. transform-origin:100% 0;
  719. -webkit-transform:scale(0.65);
  720. -webkit-transform-origin:100% 0;
  721. -o-transform:scale(0.65);
  722. -o-transform-origin:100% 0;
  723. -moz-transform:scale(0.65);
  724. -moz-transform-origin:100% 0;
  725. -ms-transform:scale(0.65);
  726. -ms-transform-origin:100% 0;}
  727.  
  728. iframe.tmblr-iframe:hover {
  729. opacity:0.6!important;}
  730.  
  731. </style>
  732. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  733. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  734. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  735.  
  736. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  737. <script src="http://static.tumblr.com/qvtfufx/H56mpjuti/jquery.fitvids.js" type="text/javascript"></script>
  738. <script type="text/javascript">
  739. $('#post').fitVids();
  740. </script>
  741.  
  742. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  743.  
  744. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  745.  
  746.  
  747. <script>
  748. (function($){
  749.  
  750. $(document).ready(function(){
  751.  
  752. $("a[text]").style_my_tooltips({
  753.  
  754. tip_follows_cursor:true,
  755.  
  756. tip_delay_time:90,
  757.  
  758. tip_fade_speed:600,
  759.  
  760. attribute:"text"
  761.  
  762. });
  763.  
  764. });
  765.  
  766. })(jQuery);
  767.  
  768. </script>
  769.  
  770. </head>
  771.  
  772. <body>
  773.  
  774. <!-- SCM Music Player http://scmplayer.co -->
  775. <script type="text/javascript" src="http://scmplayer.co/script.js"
  776. data-config="{'skin':'http://static.tumblr.com/uwguqop/ME1mymxec/ancora.css','volume':50,'autoplay':false,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'jung sejin - it%27s going to be cold','url':'https://www.youtube.com/watch?v=S8lheFXL0T8'},{'title':'who r u - missed call','url':'https://www.youtube.com/watch?v=6-WfUODlni4'},{'title':'sbgb - cardcaptor sakura','url':'https://www.youtube.com/watch?v=gZU1L9gdiR8'},{'title':'lim kim - rain','url':'https://www.youtube.com/watch?v=qlMXZvY-_cM'},{'title':'take - rainy day','url':'https://www.youtube.com/watch?v=HDYAGD2TTcQ'},{'title':'heartb - love letter','url':'https://www.youtube.com/watch?v=9HMlEsrzoYM'},{'title':'acourve - what i want to say','url':'https://www.youtube.com/watch?v=5wUqlGFjuaE'},{'title':'yoo seung woo & ooohyo - 45.7cm','url':'https://www.youtube.com/watch?v=qVTSvAb7zFI'}]}" ></script>
  777. <!-- SCM Music Player script end -->
  778.  
  779.  
  780. <!---------------------------------------------------------------------------
  781. ------------------------ updates tab by yearsandsyears ----------------------
  782. ---------------------------------------------------------------------------->
  783.  
  784. <script src="https://use.fontawesome.com/8b31d30a04.js"></script>
  785. <script>$(document).ready(function(){$('.ut').click(function(){if($(this).hasClass('active')){$(this).children('span').delay(300).fadeOut(300);$(this).siblings('.hidden').slideUp(300);$(this).delay(400).queue(function(){$(this).removeClass('active');$(this).dequeue();});}else{$(this).addClass('active');$(this).children('span').delay(150).fadeIn(300);$(this).siblings('.hidden').delay(600).slideDown(300);$(this).delay(400).queue(function(){$(this).parents('.update').siblings('.update').children('.ut').removeClass('active');$(this).dequeue();});$(this).parents('.update').siblings('.update').children('.ut').children('span').delay(300).fadeOut(300);$(this).parents('.update').siblings('.update').children('.hidden').slideUp(300);}});$('.ut').click(function(){if($(this).parents('.update').find('.ucr').length){$(this).children('.fa').fadeToggle(300);$('.ucr').fadeToggle(300);}else{$('.ucr').fadeOut(300);$('.fa:not(.fa-flask)').fadeIn(300);}});});</script>
  786.  
  787. <link href="http://static.tumblr.com/f6blkfc/r1aobqyxi/cyantists_updates_8.css" rel="stylesheet" type="text/css"><style type="text/css">
  788.  
  789. .updates {
  790. width:120px; /* this will change the width of the entire tab */
  791. font-size:10px; /* changing this will scale all of the text */
  792. }
  793.  
  794. .ut, .updates .text {
  795. border-color:#f0f0f0; /* border colour of the boxes */
  796. background:#ffffff; /* background colour of the boxes */
  797. }
  798. .updates .text {
  799. padding:10px; /* padding around the updates tab text */
  800. }
  801.  
  802. </style>
  803.  
  804.  
  805. <!-- to move the updates tab to the right of the page, change this line
  806. to <div class="updates uright"> --> <div class="updates uright">
  807.  
  808.  
  809. <!-------------------------------------------------------------------->
  810. <div class="update"><div class="ut tr">
  811.  
  812. <!-- you can move this to the same place in a different tab but
  813. please leave it intact --><div class="ucr">
  814. <a href="http://yearsandsyears.tumblr.com" title="cyantists">
  815. <i class="fa fa-fw fa-code"></i></a></div>
  816. <!-- thank you! -->
  817.  
  818. <i class="fa fa-fw fa-star"></i>
  819. <!-- go here for more icons: http://fontawesome.io/icons/
  820. to change it you only replace the fa-bolt part, see below
  821. for some common icon suggestions -->
  822.  
  823. <span>status</span></div>
  824.  
  825. <div class="hidden"><div class="text">
  826.  
  827. update: starting my first year of college! pls check out <a href="https://docs.google.com/forms/d/e/1FAIpQLSdWc0hZeKlqMnNcVxTXX-2csAp4YHNUtBFIZ2dMaJkQzkwAKA/viewform">my snuper survey</a> ✧ hit counter est. 161114
  828.  
  829. <br>
  830. <br>
  831.  
  832. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5400590";
  833. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  834. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=shooting star ♡&e2=shooting stars ♡&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  835. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  836. </script>
  837.  
  838. <br>
  839.  
  840. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3200138";
  841. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=constellations ♡&a=1";
  842. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  843. </script><br>
  844.  
  845.  
  846.  
  847. </div></div></div>
  848. <!-------------------------------------------------------------------->
  849. <div class="update"><div class="ut tr">
  850.  
  851. <i class="fa fa-fw fa-paper-plane"></i>
  852.  
  853. <span>my gifs</span></div>
  854.  
  855. <div class="hidden"><div class="text">
  856.  
  857. feel free to resize, repost, crop, or edit my gifs! sharing them on other sites and using them for themes or icons is fine too. credit is not needed.<br>
  858. <br>✧ <a href="http://softsnuper.tumblr.com/giflist">gif masterlist</a></br>
  859.  
  860. </div></div></div>
  861. <!-------------------------------------------------------------------->
  862.  
  863. <div class="update"><div class="ut tr">
  864.  
  865. <i class="fa fa-fw fa-music"></i>
  866.  
  867. <span>playlist</span></div>
  868.  
  869. <div class="hidden"><div class="text">
  870.  
  871. you can find the playlist songs by clicking on the bottom right of the music player. listen to my full playlist <a href="https://playmoss.com/en/imyoungmin/playlist/missed-call">here</a> ♡
  872.  
  873. </div></div></div>
  874.  
  875.  
  876. <!-- ICON SUGGESTIONS: ------------------------------------------------
  877.  
  878. fa-bars / fa-calendar / fa-cog / fa-comment / fa-cube / fa-diamond
  879. fa-envelope / fa-folder / fa-headphones / fa-heart / fa-music
  880. fa-paper-plane / fa-quote-left / fa-star / fa-tag / fa-user
  881.  
  882. ---------------------------------------------------------------------->
  883.  
  884.  
  885. </div><!----------------------- //updates tab ----------------------->
  886.  
  887.  
  888.  
  889. <div id="sb">
  890. <div class="tit">{Title}
  891. <br/><div class="q">{text:Quote}</div>
  892. </div>
  893. <img src="{image:Sidebar}">
  894.  
  895. {block:IfMusicPlayer}
  896. <div class="play">
  897. <div class="er">
  898. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/s/xf7gi4ml82uz75z/missed%20call.mp3?dl=0&t0=missed call&f1=https://dl.dropboxusercontent.com/s/hs7zhftm2dfxr1n/remind.mp3?dl=0&t1=remind&f2=https://dl.dropboxusercontent.com/s/d7e9h38f4xeaawh/again%2C%20spring.mp3?dl=0&t2=again, spring&f3=https://dl.dropboxusercontent.com/s/3o1a8pwwqkrne14/it%27s%20going%20to%20be%20cold.mp3?dl=0&t3=it's going to be cold&f4=https://dl.dropboxusercontent.com/s/sn2rhv7qmp9s6hi/afternoon%20chat.mp3?dl=0&t4=afternoon chat&total=5" quality="high" wmode="transparent" width="180" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  899. </div></div>
  900. {/block:IfMusicPlayer}
  901.  
  902.  
  903. <div class="desc">{Description}{block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}</div>
  904.  
  905. <div class="links">
  906. <a href="/"><b>01</b> index</a>
  907. <a href="/ask"><b>02</b> contact</a>
  908. <a href="{text:Link 1 URL}"><b>03</b> {text:Link 1 Name}</a>
  909. <a href="{text:Link 2 URL}"><b>04</b> {text:Link 2 Name}</a>
  910. <a href="{text:Link 3 URL}" style="border-bottom:none;"><b>05</b> {text:Link 3 Name}</a>
  911. </div>
  912. </div>
  913.  
  914.  
  915. <div id="container">
  916. <div class ="autopagerize_page_element">
  917.  
  918. {block:Posts}
  919. {block:ContentSource}
  920. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  921. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  922. {/block:SourceLogo}
  923. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  924. {/block:ContentSource}
  925.  
  926. <div id="post">
  927. {block:HasTags}
  928. <div id="ew">
  929. <div class="ewtit">filed under</div>
  930. <div class="ta">{block:Tags}<ul><li><a href="{TagURL}">{Tag};</a></li></ul>{/block:Tags}</div></div>
  931. {/block:HasTags}
  932.  
  933. {block:Text}
  934. {block:Title}<h1>{Title}</h1>{/block:Title}
  935. <div class="wo">{Body}
  936. </div>
  937. <div id="inf">
  938. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} + {NoteCount}</a>
  939. <div id="button">
  940. <div class="but">{LikeButton size="13"}</div>
  941. <div class="but">{ReblogButton size="13"}</div>
  942.  
  943. </div>
  944. </div>
  945. {/block:Text}
  946.  
  947. {block:Quote}
  948. <div class="wo"><h2><i class="fa fa-quote-left"></i> {Quote} <i class="fa fa-quote-right"></i></h2><br/><div class="src">{Source}</div></div>
  949. <div id="inf">
  950. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} + {NoteCount}</a>
  951. <div id="button">
  952. <div class="but">{LikeButton size="13"}</div>
  953. <div class="but">{ReblogButton size="13"}</div>
  954. </div>
  955. </div>{/block:Quote}
  956.  
  957. {block:Link}
  958. <a href="{URL}"><h1>{Target}{Name}</h1></a>{block:Description}<div class="wo">{Description}</div>{/block:Description}
  959. <div id="inf">
  960. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} + {NoteCount}</a>
  961. <div id="button">
  962. <div class="but">{LikeButton size="13"}</div>
  963. <div class="but">{ReblogButton size="13"}</div>
  964. </div>
  965. </div>
  966. {/block:Link}
  967.  
  968. {block:Photo}
  969. <div id="why">
  970. {block:RebloggedFrom}<a href="{ReblogParentURL}"><i class="fa fa-retweet"></i>{ReblogParentName}</a>{/block:RebloggedFrom}
  971. </div>
  972. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  973. {block:Caption}<div class="wo">{Caption}</div>{/block:Caption}
  974. <div id="inf">
  975. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} + {NoteCount}</a>
  976. <div id="button">
  977. <div class="but">{LikeButton size="13"}</div>
  978. <div class="but">{ReblogButton size="13"}</div>
  979. </div>
  980. </div>
  981. {/block:Photo}
  982.  
  983. {block:Photoset}
  984. <div id="why">
  985. {block:RebloggedFrom}<a href="{ReblogParentURL}"><i class="fa fa-retweet"></i>{ReblogParentName}</a>{/block:RebloggedFrom}
  986. </div>
  987. {Photoset}
  988. {block:Caption}<div class="wo">{Caption}</div>{/block:Caption}
  989. <div id="inf">
  990. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} + {NoteCount}</a>
  991. <div id="button">
  992. <div class="but">{LikeButton size="13"}</div>
  993. <div class="but">{ReblogButton size="13"}</div>
  994. </div>
  995. </div>
  996. {/block:Photoset}
  997.  
  998. {block:Chat}
  999. {block:Title}<h1>{Title}</h1>{/block:Title}
  1000. <div class="wo"><ul>{block:Lines}
  1001. <li class="user_{UserNumber}">{block:Label}
  1002. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  1003. <div id="inf">
  1004. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} + {NoteCount}</a>
  1005. <div id="button">
  1006. <div class="but">{LikeButton size="13"}</div>
  1007. <div class="but">{ReblogButton size="13"}</div>
  1008. </div>
  1009. </div>
  1010. {/block:Chat}
  1011.  
  1012. {block:Answer}
  1013. <div class="que"><div class="asker">{Asker}</div>{Question}</div>
  1014. <div class="wo">{Answer}</div>
  1015. <div id="inf">
  1016. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} + {NoteCount}</a>
  1017. <div id="button">
  1018. <div class="but">{LikeButton size="13"}</div>
  1019. <div class="but">{ReblogButton size="13"}</div>
  1020. </div>
  1021. </div>
  1022. {/block:Answer}
  1023.  
  1024. {block:Video}
  1025. {Video-700}
  1026. {block:Caption}<div class="wo">{Caption}</div>{/block:Caption}
  1027. <div id="inf">
  1028. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} + {NoteCount}</a>
  1029. <div id="button">
  1030. <div class="but">{LikeButton size="13"}</div>
  1031. <div class="but">{ReblogButton size="13"}</div>
  1032. </div>
  1033. </div>
  1034. {/block:Video}
  1035.  
  1036.  
  1037. {block:Audio}
  1038. <div class="arti">
  1039. <tr>
  1040. <td><div class="audioplayer"><div class="ay">{AudioPlayerWhite}</div></div></td>
  1041. <td><b>{block:TrackName}{TrackName}{/block:TrackName}</b><br/>{block:Artist}by {Artist}{/block:Artist}<br/>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  1042. </td>
  1043. </tr>
  1044. </div>
  1045. <div id="inf">
  1046. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} + {NoteCount}</a>
  1047. <div id="button">
  1048. <div class="but">{LikeButton size="13"}</div>
  1049. <div class="but">{ReblogButton size="13"}</div>
  1050. </div>
  1051. </div>
  1052. {/block:Audio}
  1053.  
  1054. {block:PermalinkPage}
  1055. <div id="info">
  1056. {block:RebloggedFrom}<a href="{ReblogRootURL}">src {ReblogRootName}</a>{/block:RebloggedFrom}</div>
  1057. {/block:PermalinkPage}
  1058.  
  1059.  
  1060. </div>
  1061.  
  1062. {block:PostNotes}
  1063. {PostNotes}
  1064. {/block:PostNotes}
  1065. {/block:Posts}
  1066. </div>
  1067. {block:IfNotInfiniteScroll}
  1068. {block:Pagination}<div id="pagination">
  1069. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  1070. {block:JumpPagination length="5"}
  1071. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1072. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1073. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  1074. </div>{/block:Pagination}
  1075. {/block:IfNotInfiniteScroll}
  1076. </div>
  1077.  
  1078. <a class="cred"href="http://imaginedragons.tumblr.com/"text="imaginedragons">©</a>
  1079.  
  1080. </body>
  1081. </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!