API tools faq
paste
Advertisement
onediewreckshun

26 - navigation 2 - http://kimsjongin.tumblr.com

onediewreckshun
Jun 11th, 2013
2,867
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.39 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <link href='http://fonts.googleapissfa.com/css?family=Playfair+Display:400,400italic,700italic,900italic' 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=IM+Fell+English' rel='stylesheet' type='text/css'>
  5.  
  6. <script src="http://static.tumblr.com/kcuzms7/CKCmgt9uc/jquery.style-my-tooltips.js"></script>
  7. <script>
  8. $("[title]").style_my_tooltips({
  9. tip_follows_cursor:false,
  10. tip_delay_time:50,
  11. tip_fade_speed:300,
  12. attribute:"title"
  13. });
  14. </script>
  15.  
  16. <!--
  17. 　　　　　　
  18. ┊ 　 ┊ ┊
  19. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  20. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  21. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  22.  
  23. ᴛʜᴇᴍᴇ 26 | ɴᴀᴠɪɢᴀᴛɪᴏɴ 2 | ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
  24. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
  25.  
  26. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  27. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  28. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  29. ┊ ┊ ┊
  30.  
  31. -->
  32.  
  33. <title>navigation</title>
  34. <link rel="shortcut icon" href="http://i49.tinypic.com/dxzslj.png" />
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39. body {font-family:baskerville;font-size:10px;margin-top:-60px;}
  40.  
  41. #graphic{
  42. opacity:1;
  43. margin-left:-14px;
  44. margin-top:50px;
  45. z-index:-1;
  46. }
  47. #stuff{
  48. line-height:12px;
  49. border:0px solid #000;
  50. padding:15px;
  51. z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  52. width:330px;
  53. margin-top:-600px;
  54. margin-left:-11px;
  55. }
  56. a:link, a:visited {padding:0px 2px 1px 3px; text-decoration: none; color: #000; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; }
  57.  
  58. a:active { text-decoration: underline; color: #000; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; }
  59.  
  60. a:hover { text-decoration: none; color: #fff;background:#000; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; }
  61.  
  62. #title {
  63. font-family:baskerville;font-size:30px;font-style:italic;letter-spacing:5px;margin-top:120px;position:relative;margin-left:20px;
  64. }
  65.  
  66. .links {
  67. position:relative;text-align:center;font-family:baskerville;font-size:12px;letter-spacing:1px;margin-top:95px;margin-left:10px;
  68. }
  69.  
  70. #ek a {
  71. position:absolute;
  72. margin-top:-314px;
  73. margin-left:-209px;
  74. width:117px;
  75. height:51px;
  76. padding:36px 0 0 0;
  77. background:transparent;
  78. display:inline-block;
  79. -moz-transition: 0.3s ease-in;
  80. -webkit-transition: 0.3s ease-in;
  81. -o-transition: 0.3s ease-in;
  82. transition: 0.3s ease-in;
  83. }
  84.  
  85. #ek a:hover {
  86. background:#000;
  87. color:#fff;
  88. -moz-transition: 0.3s ease-in;
  89. -webkit-transition: 0.3s ease-in;
  90. -o-transition: 0.3s ease-in;
  91. transition: 0.3s ease-in;
  92. }
  93.  
  94. #do a {
  95. position:absolute;
  96. margin-top:-156px;
  97. margin-left:-205px;
  98. width:107px;
  99. height:73px;
  100. padding:60px 0 0 0;
  101. background:transparent;
  102. display:inline-block;
  103. -moz-transition: 0.3s ease-in;
  104. -webkit-transition: 0.3s ease-in;
  105. -o-transition: 0.3s ease-in;
  106. transition: 0.3s ease-in;
  107. }
  108.  
  109. #do a:hover {
  110. background:#000;
  111. color:#fff;
  112. -moz-transition: 0.3s ease-in;
  113. -webkit-transition: 0.3s ease-in;
  114. -o-transition: 0.3s ease-in;
  115. transition: 0.3s ease-in;
  116. }
  117.  
  118. #tin a {
  119. border-radius:50%;
  120. position:absolute;
  121. margin-top:27px;
  122. margin-left:-208px;
  123. width:118px;
  124. height:79px;
  125. padding:69px 0 0 0;
  126. background:transparent;
  127. display:inline-block;
  128. -moz-transition: 0.3s ease-in;
  129. -webkit-transition: 0.3s ease-in;
  130. -o-transition: 0.3s ease-in;
  131. transition: 0.3s ease-in;
  132. }
  133.  
  134. #tin a:hover {
  135. background:#000;
  136. color:#fff;
  137. -moz-transition: 0.3s ease-in;
  138. -webkit-transition: 0.3s ease-in;
  139. -o-transition: 0.3s ease-in;
  140. transition: 0.3s ease-in;
  141. }
  142.  
  143. #char a {
  144. position:absolute;
  145. margin-top:82px;
  146. margin-left:-43px;
  147. width:93px;
  148. height:60px;
  149. padding:51px 0 0 0;
  150. background:transparent;
  151. display:inline-block;
  152. -moz-transition: 0.3s ease-in;
  153. -webkit-transition: 0.3s ease-in;
  154. -o-transition: 0.3s ease-in;
  155. transition: 0.3s ease-in;
  156. }
  157.  
  158. #char a:hover {
  159. background:#000;
  160. color:#fff;
  161. -moz-transition: 0.3s ease-in;
  162. -webkit-transition: 0.3s ease-in;
  163. -o-transition: 0.3s ease-in;
  164. transition: 0.3s ease-in;
  165. }
  166.  
  167. #pach a {
  168. position:absolute;
  169. margin-top:-317px;
  170. margin-left:97px;
  171. width:106px;
  172. height:76px;
  173. padding:62px 0 0 0;
  174. background:transparent;
  175. display:inline-block;
  176. -moz-transition: 0.3s ease-in;
  177. -webkit-transition: 0.3s ease-in;
  178. -o-transition: 0.3s ease-in;
  179. transition: 0.3s ease-in;
  180. }
  181.  
  182. #pach a:hover {
  183. background:#000;
  184. color:#fff;
  185. -moz-transition: 0.3s ease-in;
  186. -webkit-transition: 0.3s ease-in;
  187. -o-transition: 0.3s ease-in;
  188. transition: 0.3s ease-in;
  189. }
  190.  
  191. #choi a {
  192. position:absolute;
  193. margin-top:-118px;
  194. margin-left:104px;
  195. width:93px;
  196. height:58px;
  197. padding:46px 0 0 0;
  198. background:transparent;
  199. display:inline-block;
  200. -moz-transition: 0.3s ease-in;
  201. -webkit-transition: 0.3s ease-in;
  202. -o-transition: 0.3s ease-in;
  203. transition: 0.3s ease-in;
  204. }
  205.  
  206. #choi a:hover {
  207. background:#000;
  208. color:#fff;
  209. -moz-transition: 0.3s ease-in;
  210. -webkit-transition: 0.3s ease-in;
  211. -o-transition: 0.3s ease-in;
  212. transition: 0.3s ease-in;
  213. }
  214.  
  215. #shat a {
  216. position:absolute;
  217. margin-top:43px;
  218. margin-left:98px;
  219. width:101px;
  220. height:67px;
  221. padding:55px 0 0 0;
  222. background:transparent;
  223. display:inline-block;
  224. -moz-transition: 0.3s ease-in;
  225. -webkit-transition: 0.3s ease-in;
  226. -o-transition: 0.3s ease-in;
  227. transition: 0.3s ease-in;
  228. }
  229.  
  230. #shat a:hover {
  231. background:#000;
  232. color:#fff;
  233. -moz-transition: 0.3s ease-in;
  234. -webkit-transition: 0.3s ease-in;
  235. -o-transition: 0.3s ease-in;
  236. transition: 0.3s ease-in;
  237. }
  238.  
  239. #kanye {
  240. line-height:100%;
  241. position:fixed;
  242. font-size:10px;
  243. width:70px;
  244. height:20px;
  245. font-family:calibri;
  246. letter-spacing:1px;
  247. padding-bottom:4px;
  248. padding-right:4px;
  249. bottom:0;
  250. right:0;
  251. z-index:12;
  252. }
  253.  
  254. #kanye .ville a{ color:#9a9a9a;}
  255.  
  256. #kanye .basker{
  257. color:#9a9a9a;
  258. opacity:1.0;
  259. padding:1px 3px 2px 3px;
  260. margin-top:00px;
  261. margin-left:29px;
  262. text-align:center;
  263. overflow:hidden;
  264. position: absolute;
  265. background:#fff;
  266. font-size:10px;
  267. text-transform:uppercase;
  268. z-index:100;
  269. -webkit-transition: opacity 0.5s linear;
  270. -webkit-transition: all 0.5s linear;
  271. -moz-transition: all 0.5s linear;
  272. transition: all 0.5s linear;
  273. border:1px solid #ece4e4;
  274. }
  275.  
  276. #kanye:hover .basker{
  277. opacity:0;
  278. transition: all 0.5s linear;
  279. -webkit-transition: opacity 0.5s linear;
  280. -webkit-transition: all 0.5s linear;
  281. -moz-transition: all 0.5s linear;
  282. }
  283.  
  284. #kanye .ville{
  285. color:#9a9a9a;
  286. background:#fff;
  287. margin-top:100px;
  288. margin-top:0px;
  289. padding:1px 4px 2px 5px;
  290. margin-left:29px;
  291. font-size:10px;
  292. text-align:left;
  293. text-transform:uppercase;
  294. opacity:0;
  295. overflow:hidden;
  296. position: absolute;
  297. -webkit-transition: opacity 0.5s linear;
  298. -webkit-transition: all 0.5s linear;
  299. -moz-transition: all 0.5s linear;
  300. transition: all 0.5s linear;
  301. z-index:1200;
  302. border:1px solid #ece4e4;
  303. }
  304.  
  305. #kanye:hover .ville{
  306. opacity:1;
  307. margin-bottom:14px;
  308. transition: all 0.5s linear;
  309. -webkit-transition: opacity 0.5s linear;
  310. -webkit-transition: all 0.5s linear;
  311. -moz-transition: all 0.5s linear;
  312. }
  313. </style>
  314.  
  315. </head>
  316.  
  317. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  318.  
  319. <script type="text/javascript"
  320. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  321.  
  322. <body>
  323.  
  324. <center><div id="graphic"><img src="http://media.tumblr.com/6b4e3a187923ad5fc71afd01d5b17448/tumblr_inline_mnxpfiizHj1qz4rgp.png" width="500" height="630">
  325. <br>
  326. <br>
  327. <div id="stuff">
  328.  
  329. <center><br><br><br><div id="title">links</div><br><br>
  330.  
  331. <div class="links"><a href="/">back</a><br><a href="/">ask</a><br><a href="http://www.tumblr.com/dashboard">dash</a>
  332.  
  333.  
  334. <div id="ek"><a href="http://FIRSTLINK.com">link 1 text</a></div>
  335.  
  336. <div id="do"><a href="http://SECONDLINK.com">link 2 text</a></div>
  337.  
  338. <div id="tin"><a href="http://THIRDLINK.com">link 3 text</a></div>
  339.  
  340. <div id="char"><a href="http://FOURTHLINK.com">link 4 text</a></div>
  341.  
  342. <div id="pach"><a href="http://FIFTHLINK.com">link 5 text</a></div>
  343.  
  344. <div id="choi"><a href="http://SIXTHLINK.com">link 6 text</a></div>
  345.  
  346. <div id="shat"><a href="http://SEVENTHLINK.com">link 7 text</a></div>
  347.  
  348.  
  349.  
  350. </div>
  351.  
  352. <div id="kanye">
  353.  
  354. <div class="basker">
  355. ᴛʜᴇᴍᴇ
  356. </div>
  357.  
  358. <div class="ville">
  359. <a href="http://kimsjongin.tumblr.com/">ᴍᴇᴇᴍ</a>
  360. </div>
  361. </div>
  362. </body>
  363.  
  364. </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!