API tools faq
paste
Advertisement
onediewreckshun

16 - redirect/saved url - http://kimsjongin.tumblr.com

onediewreckshun
May 7th, 2013
1,308
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>{title}</title>
  5. <link rel="shortcut icon" href="{favicon}">
  6.  
  7. <meta name="color:background" content="#EBCC98"/>
  8. <meta name="color:text" content="#fff"/>
  9. <meta name="color:border" content="#fff"/>
  10. <meta name="text:newurl" content="zerie"/>
  11. <meta name="text:moved" content="moved!"/>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Autour+One' rel='stylesheet' type='text/css'><script type="text/javascript" src="http://static.tumblr.com/gyoju49/uF2mjkhe3/layoutcomponent.txt"></script><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Sancreek|Raleway:100' rel='stylesheet' type='text/css' /><script type="text/javascript" src="http://tympanus.net/Tutorials/TypographyStyles/js/modernizr.custom.79639.js"></script><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Stint+Ultra+Expanded' rel='stylesheet' type='text/css' />
  14.  
  15. <!--
  16. 　　　　　　
  17. ┊ 　 ┊ ┊
  18. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  19. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  20. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  21.  
  22. ᴛʜᴇᴍᴇ 16 | ᴘᴀɢᴇ ᴛʜᴇᴍᴇ: ʀᴇᴅɪʀᴇᴄᴛ/sᴀᴠᴇᴅ ᴜʀʟ ɪ | ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
  23. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
  24.  
  25. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  26. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  27. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  28. ┊ ┊ ┊
  29.  
  30. -->
  31.  
  32. <style type="text/css">
  33.  
  34.  
  35.  
  36. h1 {
  37. font-family:autour one;
  38. font-size: 2em;
  39. margin: 0.67em 0;
  40. }
  41.  
  42. h1:nth-child(odd) {
  43. color:#fff;
  44. }
  45.  
  46. h2 {
  47. font-size: 1.5em;
  48. margin: 0.83em 0;
  49. }
  50.  
  51. h3 {
  52. font-size: 1.17em;
  53. margin: 1em 0;
  54. }
  55.  
  56. h4 {
  57. font-size: 1em;
  58. margin: 1.33em 0;
  59. }
  60.  
  61. h5 {
  62. font-size: 0.83em;
  63. margin: 1.67em 0;
  64. }
  65.  
  66. h6 {
  67. font-size: 0.75em;
  68. margin: 2.33em 0;
  69. }
  70.  
  71. /*
  72. * Addresses styling not present in IE7/8/9, S5, Chrome
  73. */
  74.  
  75. abbr[title] {
  76. border-bottom: 1px dotted;
  77. }
  78.  
  79. /*
  80. * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
  81. */
  82.  
  83. b,
  84. strong {
  85. font-weight: bold;
  86. }
  87.  
  88. blockquote {
  89. margin: 1em 40px;
  90. }
  91.  
  92. /*
  93. * Addresses styling not present in S5, Chrome
  94. */
  95.  
  96. dfn {
  97. font-style: italic;
  98. }
  99.  
  100. /*
  101. * Addresses styling not present in IE6/7/8/9
  102. */
  103.  
  104. mark {
  105. background: #ff0;
  106. color: #000;
  107. }
  108.  
  109. /*
  110. * Addresses margins set differently in IE6/7
  111. */
  112.  
  113. p,
  114. pre {
  115. margin: 1em 0;
  116. }
  117.  
  118. /*
  119. * Corrects font family set oddly in IE6, S4/5, Chrome
  120. * en.wikipedia.org/wiki/User:Davidgothberg/Test59
  121. */
  122.  
  123. pre,
  124. code,
  125. kbd,
  126. samp {
  127. font-family: monospace, serif;
  128. _font-family: 'courier new', monospace;
  129. font-size: 1em;
  130. }
  131.  
  132. /*
  133. * Improves readability of pre-formatted text in all browsers
  134. */
  135.  
  136. pre {
  137. white-space: pre;
  138. white-space: pre-wrap;
  139. word-wrap: break-word;
  140. }
  141.  
  142. /*
  143. * 1. Addresses CSS quotes not supported in IE6/7
  144. * 2. Addresses quote property not supported in S4
  145. */
  146.  
  147. /* 1 */
  148.  
  149. q {
  150. quotes: none;
  151. }
  152.  
  153. /* 2 */
  154.  
  155. q:before,
  156. q:after {
  157. content: '';
  158. content: none;
  159. }
  160.  
  161. small {
  162. font-size: 75%;
  163. }
  164.  
  165. /*
  166. * Prevents sub and sup affecting line-height in all browsers
  167. * gist.github.com/413930
  168. */
  169.  
  170. sub,
  171. sup {
  172. font-size: 75%;
  173. line-height: 0;
  174. position: relative;
  175. vertical-align: baseline;
  176. }
  177.  
  178. sup {
  179. top: -0.5em;
  180. }
  181.  
  182. sub {
  183. bottom: -0.25em;
  184. }
  185.  
  186.  
  187. /* =============================================================================
  188. Lists
  189. ========================================================================== */
  190.  
  191. /*
  192. * Addresses margins set differently in IE6/7
  193. */
  194.  
  195. dl,
  196. menu,
  197. ol,
  198. ul {
  199. margin: 1em 0;
  200. }
  201.  
  202. dd {
  203. margin: 0 0 0 40px;
  204. }
  205.  
  206. /*
  207. * Addresses paddings set differently in IE6/7
  208. */
  209.  
  210. menu,
  211. ol,
  212. ul {
  213. padding: 0 0 0 40px;
  214. }
  215.  
  216. /*
  217. * Corrects list images handled incorrectly in IE7
  218. */
  219.  
  220. nav ul,
  221. nav ol {
  222. list-style: none;
  223. list-style-image: none;
  224. }
  225.  
  226.  
  227. /* =============================================================================
  228. Embedded content
  229. ========================================================================== */
  230.  
  231. /*
  232. * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
  233. * 2. Improves image quality when scaled in IE7
  234. * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
  235. */
  236.  
  237. #kanye {
  238. line-height:100%;
  239. position:fixed;
  240. font-size:10px;
  241. width:70px;
  242. height:20px;
  243. font-family:calibri;
  244. letter-spacing:1px;
  245. padding-bottom:4px;
  246. padding-right:4px;
  247. bottom:0;
  248. right:0;
  249. z-index:12;
  250. }
  251.  
  252. #kanye .ville a{ color:{color:text};}
  253.  
  254. #kanye .basker{
  255. color:{color:text};
  256. opacity:1.0;
  257. padding:1px 3px 2px 3px;
  258. margin-top:00px;
  259. margin-left:29px;
  260. text-align:center;
  261. overflow:hidden;
  262. position: absolute;
  263. background:{color:background};
  264. font-size:10px;
  265. text-transform:uppercase;
  266. z-index:100;
  267. -webkit-transition: opacity 0.5s linear;
  268. -webkit-transition: all 0.5s linear;
  269. -moz-transition: all 0.5s linear;
  270. transition: all 0.5s linear;
  271. border:1px solid {color:border};
  272. }
  273.  
  274. #kanye:hover .basker{
  275. opacity:0;
  276. transition: all 0.5s linear;
  277. -webkit-transition: opacity 0.5s linear;
  278. -webkit-transition: all 0.5s linear;
  279. -moz-transition: all 0.5s linear;
  280. }
  281.  
  282. #kanye .ville{
  283. color:{color:text};
  284. background:{color:background};
  285. margin-top:100px;
  286. margin-top:0px;
  287. padding:1px 4px 2px 5px;
  288. margin-left:29px;
  289. font-size:10px;
  290. text-align:left;
  291. text-transform:uppercase;
  292. opacity:0;
  293. overflow:hidden;
  294. position: absolute;
  295. -webkit-transition: opacity 0.5s linear;
  296. -webkit-transition: all 0.5s linear;
  297. -moz-transition: all 0.5s linear;
  298. transition: all 0.5s linear;
  299. z-index:1200;
  300. border:1px solid {color:border};
  301. }
  302.  
  303. #kanye:hover .ville{
  304. opacity:1;
  305. margin-bottom:14px;
  306. transition: all 0.5s linear;
  307. -webkit-transition: opacity 0.5s linear;
  308. -webkit-transition: all 0.5s linear;
  309. -moz-transition: all 0.5s linear;
  310. }
  311.  
  312. img {
  313. border: 0; /* 1 */
  314. -ms-interpolation-mode: bicubic; /* 2 */
  315. }
  316.  
  317. /*
  318. * Corrects overflow displayed oddly in IE9
  319. */
  320.  
  321. svg:not(:root) {
  322. overflow: hidden;
  323. }
  324.  
  325.  
  326. /* =============================================================================
  327. Figures
  328. ========================================================================== */
  329.  
  330. /*
  331. * Addresses margin not present in IE6/7/8/9, S5, O11
  332. */
  333.  
  334. figure {
  335. margin: 0;
  336. -webkit-margin-before: 0;
  337. -webkit-margin-after: 0;
  338. -webkit-margin-start: 0;
  339. -webkit-margin-end: 0;
  340. }
  341.  
  342.  
  343. /* =============================================================================
  344. Forms
  345. ========================================================================== */
  346.  
  347. /*
  348. * Corrects margin displayed oddly in IE6/7
  349. */
  350.  
  351. form {
  352. margin: 0;
  353. }
  354.  
  355. /*
  356. * Define consistent border, margin, and padding
  357. */
  358.  
  359. fieldset {
  360. border: 1px solid #c0c0c0;
  361. margin: 0 2px;
  362. padding: 0.35em 0.625em 0.75em;
  363. }
  364.  
  365. /*
  366. * 1. Corrects color not being inherited in IE6/7/8/9
  367. * 2. Corrects text not wrapping in FF3
  368. * 3. Corrects alignment displayed oddly in IE6/7
  369. */
  370.  
  371. legend {
  372. border: 0; /* 1 */
  373. padding: 0;
  374. white-space: normal; /* 2 */
  375. *margin-left: -7px; /* 3 */
  376. }
  377.  
  378. /*
  379. * 1. Corrects font size not being inherited in all browsers
  380. * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
  381. * 3. Improves appearance and consistency in all browsers
  382. */
  383.  
  384. button,
  385. input,
  386. select,
  387. textarea {
  388. font-size: 100%; /* 1 */
  389. margin: 0; /* 2 */
  390. vertical-align: baseline; /* 3 */
  391. *vertical-align: middle; /* 3 */
  392. }
  393.  
  394. /*
  395. * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
  396. */
  397.  
  398. button,
  399. input {
  400. line-height: normal; /* 1 */
  401. }
  402.  
  403. /*
  404. * 1. Improves usability and consistency of cursor style between image-type 'input' and others
  405. * 2. Corrects inability to style clickable 'input' types in iOS
  406. * 3. Removes inner spacing in IE7 without affecting normal text inputs
  407. * Known issue: inner spacing remains in IE6
  408. */
  409.  
  410. button,
  411. input[type="button"],
  412. input[type="reset"],
  413. input[type="submit"] {
  414. cursor: pointer; /* 1 */
  415. -webkit-appearance: button; /* 2 */
  416. *overflow: visible; /* 3 */
  417. }
  418.  
  419. /*
  420. * Re-set default cursor for disabled elements
  421. */
  422.  
  423. button[disabled],
  424. input[disabled] {
  425. cursor: default;
  426. }
  427.  
  428. /*
  429. * 1. Addresses box sizing set to content-box in IE8/9
  430. * 2. Removes excess padding in IE8/9
  431. * 3. Removes excess padding in IE7
  432. Known issue: excess padding remains in IE6
  433. */
  434.  
  435. input[type="checkbox"],
  436. input[type="radio"] {
  437. box-sizing: border-box; /* 1 */
  438. padding: 0; /* 2 */
  439. *height: 13px; /* 3 */
  440. *width: 13px; /* 3 */
  441. }
  442.  
  443. /*
  444. * 1. Addresses appearance set to searchfield in S5, Chrome
  445. * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
  446. */
  447.  
  448. input[type="search"] {
  449. -webkit-appearance: textfield; /* 1 */
  450. -moz-box-sizing: content-box;
  451. -webkit-box-sizing: content-box; /* 2 */
  452. box-sizing: content-box;
  453. }
  454.  
  455. /*
  456. * Removes inner padding and search cancel button in S5, Chrome on OS X
  457. */
  458.  
  459. input[type="search"]::-webkit-search-decoration,
  460. input[type="search"]::-webkit-search-cancel-button {
  461. -webkit-appearance: none;
  462. }
  463.  
  464. /*
  465. * Removes inner padding and border in FF3+
  466. * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
  467. */
  468.  
  469. button::-moz-focus-inner,
  470. input::-moz-focus-inner {
  471. border: 0;
  472. padding: 0;
  473. }
  474.  
  475. /*
  476. * 1. Removes default vertical scrollbar in IE6/7/8/9
  477. * 2. Improves readability and alignment in all browsers
  478. */
  479.  
  480. textarea {
  481. overflow: auto; /* 1 */
  482. vertical-align: top; /* 2 */
  483. }
  484.  
  485.  
  486. /* =============================================================================
  487. Tables
  488. ========================================================================== */
  489.  
  490. /*
  491. * Remove most spacing between table cells
  492. */
  493.  
  494. table {
  495. border-collapse: collapse;
  496. border-spacing: 0;
  497. }
  498. /* Addition */
  499. /* Apply a natural box layout model to all elements */
  500. /* Read this post by Paul Irish: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
  501. * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  502.  
  503.  
  504. .container > header h1,
  505. .container > header h2 {
  506. color: #fff;
  507. text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  508. }
  509.  
  510. .cs-text {
  511. width: 645px;
  512. margin: 200px auto 30px;
  513. cursor: default;
  514. }
  515.  
  516. .cs-text > span {
  517. display: block;
  518. -webkit-backface-visibility: hidden;
  519. }
  520.  
  521. .cs-text-cut {
  522. width: 600px;
  523. height: 90px;
  524. overflow: hidden;
  525. -webkit-transition: all 0.4s ease-in-out;
  526. -moz-transition: all 0.4s ease-in-out;
  527. -o-transition: all 0.4s ease-in-out;
  528. -ms-transition: all 0.4s ease-in-out;
  529. transition: all 0.4s ease-in-out;
  530. }
  531.  
  532. .cs-text-cut:first-child {
  533. border-top: 1px solid {color:border};
  534. }
  535.  
  536. .cs-text-cut:last-child {
  537. border-bottom: 1px solid {color:border};
  538. }
  539.  
  540. .cs-text-cut span {
  541. display: block;
  542. line-height: 180px;
  543. color: {color:text};
  544. font-size: 100px;
  545. font-weight: 400;
  546. text-transform: uppercase;
  547. text-align: center;
  548. margin-top: 6px;
  549. font-family: 'Stint Ultra Expanded', cursive;
  550. text-shadow: 7px 2px 0 rgba(255,255,255,0.3);
  551. }
  552.  
  553. .cs-text-cut:last-child span {
  554. margin-top: -84px;
  555. }
  556.  
  557. .cs-text-mid a {color:{color:text};}
  558.  
  559. .cs-text-mid {
  560. width:800px;
  561. font-family: 'Raleway', sans-serif;
  562. font-weight: 100;
  563. text-transform: uppercase;
  564. font-size: 30px;
  565. letter-spacing: 70px;
  566. line-height: 50px;
  567. text-indent: 20px;
  568. position: fixed;;
  569. text-align:center;
  570. margin-left:-70px;
  571. margin-top: -20px;
  572. color: {color:text};
  573. text-shadow: 0 0 0 {color:text};
  574. opacity: 0;
  575. -webkit-transform: scale(0.7);
  576. -moz-transform: scale(0.7);
  577. -o-transform: scale(0.7);
  578. -ms-transform: scale(0.7);
  579. transform: scale(0.7);
  580. -webkit-transition: all 0.4s ease-in-out 0s;
  581. -moz-transition: all 0.4s ease-in-out 0s;
  582. -o-transition: all 0.4s ease-in-out 0s;
  583. -ms-transition: all 0.4s ease-in-out 0s;
  584. transition: all 0.4s ease-in-out 0s;
  585. }
  586.  
  587. .cs-text:hover .cs-text-cut:first-child {
  588. -webkit-transform: translateY(-25px);
  589. -moz-transform: translateY(-25px);
  590. -o-transform: translateY(-25px);
  591. -ms-transform: translateY(-25px);
  592. transform: translateY(-25px);
  593. opacity: 0.5;
  594. }
  595.  
  596. .cs-text:hover .cs-text-cut:last-child {
  597. -webkit-transform: translateY(25px);
  598. -moz-transform: translateY(25px);
  599. -o-transform: translateY(25px);
  600. -ms-transform: translateY(25px);
  601. transform: translateY(25px);
  602. opacity: 0.5;
  603. }
  604.  
  605. .cs-text:hover .cs-text-mid {
  606. -webkit-transition-delay: 0.3s;
  607. -moz-transition-delay: 0.3s;
  608. -o-transition-delay: 0.3s;
  609. -ms-transition-delay: 0.3s;
  610. transition-delay: 0.3s;
  611. opacity: 1;
  612. -webkit-transform: scale(1);
  613. -moz-transform: scale(1);
  614. -o-transform: scale(1);
  615. -ms-transform: scale(1);
  616. transform: scale(1);
  617. }
  618.  
  619. body{
  620. font-family: 'Open Sans Condensed','Arial Narrow', serif;
  621. background: {color:background};
  622. font-weight: 400;
  623. font-size: 15px;
  624. color: #333;
  625. overflow-y: scroll;
  626. overflow-x: hidden;
  627. min-height: 100%
  628. }
  629. a{
  630. color: {color:text};
  631. text-decoration: none;
  632. }
  633. .container{
  634. width: 100%;
  635. position: relative;
  636. }
  637.  
  638. .main{
  639. width: 90%;
  640. margin: 0 auto;
  641. position: relative;
  642. }
  643. .container > header{
  644. margin: 10px;
  645. padding: 20px 10px 10px 10px;
  646. position: relative;
  647. display: block;
  648. text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  649. text-align: center;
  650. }
  651. .container > header h1{
  652. font-size: 36px;
  653. line-height: 36px;
  654. margin: 0;
  655. position: relative;
  656. font-weight: 300;
  657. color: #666;
  658. text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
  659. }
  660. .container > header h2{
  661. font-size: 14px;
  662. font-weight: 300;
  663. margin: 0;
  664. padding: 15px 0 5px 0;
  665. color: #555;
  666. font-family: baskerville;
  667. font-style: normal;
  668. text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
  669. }
  670.  
  671.  
  672.  
  673.  
  674. </style>
  675.  
  676.  
  677. </head>
  678. <body>
  679. <div class="container">
  680.  
  681. <section class="main">
  682.  
  683. <h2 class="cs-text">
  684. <span class="cs-text-cut">{text:moved}</span>
  685. <span class="cs-text-mid"><center><a href="http://{text:newurl}.tumblr.com">{text:newurl}</a></center></span>
  686. <span class="cs-text-cut">{text:moved}</span>
  687. </h2>
  688.  
  689. </section>
  690.  
  691. </div>
  692.  
  693. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  694. <script type="text/javascript" src="http://tympanus.net/Tutorials/TypographyStyles/js/jquery.lettering.js"></script>
  695. <script>
  696. $(document).ready(function() {
  697. $(".cs-text-cut").lettering('words');
  698. });
  699. </script>
  700.  
  701.  
  702. <div id="kanye">
  703.  
  704. <div class="basker">
  705. ᴛʜᴇᴍᴇ
  706. </div>
  707. </div>
  708.  
  709. <div id="kanye">
  710. <div class="ville">
  711. <a href="http://kimsjongin.tumblr.com/">ᴍᴇᴇᴍ</a>
  712. </div>
  713. </div>
  714.  
  715. </body>
  716. </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!