API tools faq
paste
onediewreckshun

14 - about page 1 - http://kimsjongin.tumblr.com

onediewreckshun
May 3rd, 2013
1,011
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>{title}</title>
  5.  
  6. <link rel="shortcut icon" href="{favicon}" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/gyoju49/uF2mjkhe3/layoutcomponent.txt"></script><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
  7.  
  8. <!--
  9. 　　　　　　
  10. ┊ 　 ┊ ┊
  11. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  12. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  13. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  14.  
  15. ᴛʜᴇᴍᴇ 14 | ᴘᴀɢᴇ ᴛʜᴇᴍᴇ: ᴀʙᴏᴜᴛ ɪ | ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ)
  16. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
  17.  
  18. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  19. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  20. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  21. ┊ ┊ ┊
  22.  
  23. -->
  24.  
  25.  
  26. <meta name="description" content="" />
  27.  
  28. </head>
  29.  
  30. <style type="text/css">
  31.  
  32. a {color:#999;text-decoration:none;}
  33.  
  34. .notepad a {/*bottom links*/
  35. outline-offset:-3px;/*dont touch*/
  36. color:#EDA6A6; /*text color*/
  37. background:#fff;/*background color*/
  38. outline:1px solid #EDA6A6;/*border color*/
  39. font-family:calibri;/*link font*/
  40. text-transform:uppercase;/*dont touch*/
  41. font-size:10px;/*font size*/
  42. display:inline-block;/*dont touch!!!!*/
  43. height:15px;/*dont touch*/
  44. padding:0px 8px 8px 8px;/*dont touch*/
  45. text-decoration:none; /*dont touch*/
  46. -moz-transition-duration:0.5s;
  47. -webkit-transition-duration:0.5s;
  48. -o-transition-duration:0.5s;}
  49.  
  50. .notepad a:hover{/*bottom links hover*/
  51. outline:1px solid #edc5c5;/*border on hover*/
  52. color: #fff; /*text color on hover*/
  53. background:#EE6363;/*background on hover*/
  54. -moz-transition-duration:0.5s;
  55. -webkit-transition-duration:0.5s;
  56. -o-transition-duration:0.5s;
  57. }
  58.  
  59. body {
  60. background:url('http://webdesignledger.com/wp-content/uploads/2012/09/patterns02.jpg'); /*background pic; if you replace this, make sure the line looks like background:url('http://BACKGROUNDLINKHERE'); */
  61. background-repeat: repeat;/*dont touch*/
  62. line-height:100%;/*dont touch*/
  63. font-size: 12px;/*font size*/
  64. font-family: baskerville;/*font*/
  65. color:#777; /*text color*/
  66.  
  67. }
  68.  
  69. .tit {/*the title*/
  70. position: relative;
  71. margin: 0 -23px 14px -35px;
  72. height: 38px;
  73. background: #EE6363;/*color of title background; to pick another, go to colorpicker.com */
  74. color:#fff;/*color of title text*/
  75. border-radius: 2px 2px 0 0;
  76.  
  77. }
  78. .tit h1 {/*the title*/
  79. font-family:georgia;/*font*/
  80. font-style:italic;
  81. line-height: 36px;
  82. font-size: 19px;/*size*/
  83. text-align: center;
  84. }
  85. .tit:before, .tit:after {/*don't change anything here!*/
  86. content: '';
  87. position: absolute;
  88. bottom: 2px;
  89. left: 1px;
  90. right: 1px;
  91. height: 0;
  92. border-top: 1px dashed #ddd;/*the bottom border on the title*/
  93. }
  94.  
  95. /*
  96.  
  97. DO NOT TOUCH ANY OF THE LINES BELOW HERE
  98.  
  99. YOU WILL REGRET IT
  100.  
  101. ESPECIALLY IF YOU DONT KNOW HOW TO WORK WITH HTML/CSS/JAVASCRIPT
  102.  
  103. IT'LL RUIN THE THEME
  104.  
  105. OKAY
  106.  
  107. BEWARE
  108.  
  109. */
  110.  
  111. #kanye {/*DO NOT TOUCH ANYTHING*/
  112. line-height:100%;
  113. position:fixed;
  114. font-size:10px;
  115. width:70px;
  116. height:20px;
  117. font-family:calibri;
  118. letter-spacing:1px;
  119. bottom:0;
  120. right:0;
  121. z-index:12;
  122. }
  123.  
  124. #kanye .ville a{/*DO NOT TOUCH ANYTHING*/ color:#9a9a9a;}
  125.  
  126. #kanye .basker{/*DO NOT TOUCH ANYTHING*/
  127. color:#9a9a9a;
  128. opacity:1.0;
  129. padding:1px 3px 2px 3px;
  130. margin-top:0px;
  131. margin-left:27px;
  132. text-align:center;
  133. overflow:hidden;
  134. position: absolute;
  135. background:#fff;
  136. font-size:10px;
  137. text-transform:uppercase;
  138. z-index:100;
  139. -webkit-transition: opacity 0.5s linear;
  140. -webkit-transition: all 0.5s linear;
  141. -moz-transition: all 0.5s linear;
  142. transition: all 0.5s linear;
  143. border:1px solid #ece4e4;
  144. }
  145.  
  146. #kanye:hover .basker{/*DO NOT TOUCH ANYTHING*/
  147. opacity:0;
  148. transition: all 0.5s linear;
  149. -webkit-transition: opacity 0.5s linear;
  150. -webkit-transition: all 0.5s linear;
  151. -moz-transition: all 0.5s linear;
  152. }
  153.  
  154. #kanye .ville{/*DO NOT TOUCH ANYTHING*/
  155. color:#9a9a9a;
  156. background:#fff;
  157. margin-top:0px;
  158. padding:1px 4px 2px 5px;
  159. margin-left:27px;
  160. font-size:10px;
  161. text-align:left;
  162. text-transform:uppercase;
  163. opacity:0;
  164. overflow:hidden;
  165. position: absolute;
  166. -webkit-transition: opacity 0.5s linear;
  167. -webkit-transition: all 0.5s linear;
  168. -moz-transition: all 0.5s linear;
  169. transition: all 0.5s linear;
  170. z-index:1200;
  171. border:1px solid #ece4e4;
  172. }
  173.  
  174. #kanye:hover .ville{/*DO NOT TOUCH ANYTHING*/
  175. opacity:1;
  176. margin-bottom:14px;
  177. transition: all 0.5s linear;
  178. -webkit-transition: opacity 0.5s linear;
  179. -webkit-transition: all 0.5s linear;
  180. -moz-transition: all 0.5s linear;
  181. }
  182.  
  183. h1, blockquote, video {/*DO NOT TOUCH ANYTHING*/
  184. margin: 0;
  185. padding: 0;
  186. border: 0;
  187. font-size: 100%;
  188. font: inherit;
  189. vertical-align: baseline;
  190. }
  191.  
  192.  
  193. .notepad {/*DO NOT TOUCH ANYTHING*/
  194. position:fixed;
  195. top:100px;
  196. z-index:99999999999999999;
  197. background-color: white;
  198. background-image: linear-gradient(#EDC5C5 1px, transparent 1px), linear-gradient(#EDC5C5 1px, transparent 1px), linear-gradient(#e8e8e8 1px, transparent 1px);
  199. background-size: 1px 1px, 1px 1px, 23px 23px;
  200. background-repeat: repeat-y, repeat-y, repeat;
  201. background-position: 22px 0, 24px 0, 0 50px;
  202. border-radius: 2px;
  203. border:1px solid #ddd;
  204. }
  205.  
  206. .notepad {/*DO NOT TOUCH ANYTHING*/
  207. position: relative;
  208. margin: 60px auto;
  209. padding: 0 23px 14px 35px;
  210. width: 300px;
  211. line-height: 23px;
  212. font-size: 11px;
  213.  
  214. }
  215. .notepad p, .notepad blockquote {/*DO NOT TOUCH ANYTHING*/
  216. margin-bottom: 23px;
  217. }
  218. .notepad :last-child {/*DO NOT TOUCH ANYTHING*/
  219. margin-bottom: 0;
  220. }
  221.  
  222.  
  223. </style>
  224.  
  225. <body>
  226. <section class="notepad">
  227. <div class="tit">
  228. <h1>about me</h1>
  229. </div>
  230. <blockquote>
  231. This is your about page!
  232. <br>
  233. Isn't the notebook effect so cool? omg i love it!
  234. <br>
  235. If you want to bring text to a new line, add <code>&lt;br&gt;</code> before the text you want on another line.
  236. <br>
  237. The size of this notepad will change depending on how much text you put here, so don't worry about how much text you put here because it'll fit perfectly no matter what :)
  238. </blockquote>
  239. <div style="text-align:center;margin-top:-13px;margin-left:-95px;width:500px;"><!--dont edit that-->
  240. <a href="http://...">back</a>
  241. &nbsp; <a href="http://...">ask</a>
  242. &nbsp; <a href="http://...">face</a>
  243. &nbsp; <a href="http://...">friends</a>
  244. &nbsp; <a href="http://...">blogroll</a>
  245. <!---
  246. you can remove a line if you don't need that many links :)
  247. remember to remove the &nbsp; that's before it, too!
  248. -->
  249. </div>
  250. </section>
  251.  
  252. <div id="kanye">
  253.  
  254. <div class="basker">
  255. ᴛʜᴇᴍᴇ
  256. </div>
  257. </div>
  258.  
  259. <div id="kanye">
  260. <div class="ville">
  261. <a title="theme by kimsjongin" href="http://kimsjongin.tumblr.com/">ᴍᴇᴇᴍ</a>
  262. </div>
  263. </div>
  264.  
  265. </body>
  266. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!