API tools faq
paste
hydrathemes

Ghosts

hydrathemes
Jul 10th, 2015
1,534
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>About Me</title>
  4. <link rel="shortcut icon" href="{Favicon}" />
  5.  
  6. <!------------------------------------------------------------------------
  7.  
  8. GHOSTS | About Me Page #01
  9. By Hydra Themes
  10.  
  11. REMINDERS:
  12. 1. Do not claim this as yours
  13. 2. Do not use this as a base
  14. 3. Do not copy the codes
  15. 4. Do not delete or move the credit
  16.  
  17. If you have any problems, feel free to send me a message and I'll help you out.
  18.  
  19. www.hydrathemes.tumblr.com
  20. www.msclairedearing.tumblr.com
  21.  
  22. ------------------------------------------------------------------------->
  23.  
  24. <!-- IMPORTED SCRIPTS -->
  25. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  26. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  27.  
  28. <!-- FONT -->
  29. <link href='http://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'>
  30. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  31.  
  32. <!-- FONT AWESOME -->
  33. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  34.  
  35. <!-- TOOLTIPS -->
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  37. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  38. <script>
  39. (function($){
  40. $(document).ready(function(){
  41. $("a[title]").style_my_tooltips({
  42. tip_follows_cursor:true,
  43. tip_delay_time:90,
  44. tip_fade_speed:600,
  45. attribute:"title"
  46. });
  47. });
  48. })(jQuery);
  49. </script>
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54. body {
  55. background:#eee;
  56. color:#000;
  57. font-family:Roboto;
  58. font-size:11px;
  59. }
  60.  
  61. /** SELECTION COLORS **/
  62. ::-moz-selection {
  63. background:#;
  64. color:#;
  65. }
  66.  
  67. ::selection {
  68. background:#;
  69. color:#;
  70. }
  71.  
  72. /** SCROLLBAR **/
  73. ::-webkit-scrollbar {
  74. width:9px;
  75. height:3px;
  76. background:#;
  77. }
  78.  
  79. ::-webkit-scrollbar-thumb {
  80. background-color:#;
  81. }
  82.  
  83. /** LINKS **/
  84. a {
  85. text-decoration:none;
  86. -webkit-transition: all .3s;
  87. -moz-transition: all .3s;
  88. -o-transition: all .3s;
  89. -ms-transition: all .3s;
  90. transition: all .3s;
  91. }
  92.  
  93. a:hover {
  94. -webkit-transition: all .3s;
  95. -moz-transition: all .3s;
  96. -o-transition: all .3s;
  97. -ms-transition: all .3s;
  98. transition: all .3s;
  99. }
  100.  
  101. #s-m-t-tooltip{
  102. position:absolute;
  103. margin-top: 15px;
  104. z-index:9999;
  105. text-transform:uppercase;
  106. background:#fff;
  107. border:1px solid #ddd;
  108. color:#ddd;
  109. padding:5px;
  110. vertical-align:middle;
  111. font-size:8.5px;
  112. }
  113.  
  114. b, strong {
  115. color:#;
  116. font-weight:bold;
  117. }
  118.  
  119. i, em {
  120. color:#;
  121. font-style:italic;
  122. }
  123.  
  124. blockquote {
  125. padding:10px;
  126. background:#eee;
  127. margin-left:20px;
  128. }
  129.  
  130. .header {
  131. width:400px;
  132. max-width:400px;
  133. display:block;
  134. padding:10px;
  135. border:1px solid #ddd;
  136. background:#fff;
  137. text-align:center;
  138. margin:auto;
  139. margin-top:100px;
  140. margin-bottom:5px;
  141. font-size:15px;
  142. font-weight:bold;
  143. text-transform:uppercase;
  144. }
  145.  
  146. .links {
  147. width:400px;
  148. max-width:400px;
  149. display:block;
  150. padding:10px;
  151. border:1px solid #ddd;
  152. background:#fff;
  153. text-align:center;
  154. margin:auto;
  155. text-transform:uppercase;
  156. }
  157.  
  158. .links a {
  159. display:inline-block;
  160. margin-left:5px;
  161. color:#000;
  162. }
  163.  
  164. .links a:hover {
  165. color:#ddd;
  166. }
  167.  
  168. .desc {
  169. width:400px;
  170. max-width:400px;
  171. height:250px;
  172. max-height:250px;
  173. display:block;
  174. padding:10px;
  175. border:1px solid #ddd;
  176. background:#fff;
  177. text-align:left;
  178. margin:auto;
  179. margin-bottom:5px;
  180. overflow:auto;
  181. }
  182.  
  183.  
  184. /** CREDIT, DON'T TOUCH **/
  185. .c a{font-family:Verdana;font-size:9px;bottom:7px;right:7px;position:fixed;font-weight:bold;text-transform:uppercase;color:#000;text-align:justify;text-decoration:none;letter-spacing:15px;margin-right:-270px;}
  186. .c a:hover{color:#006899;letter-spacing:0;margin-right:0;}
  187.  
  188. </style>
  189. </head>
  190. <body>
  191.  
  192. <div class="header">
  193. about me
  194. </div>
  195.  
  196. <div class="desc">
  197. This is your description. You have a lot of space to write in, but if ever you fill this box, don't worry, a scrollbar will appear. In the code, I left you several customizating options. You can edit the colors of the selection background and text, the scrollbar, bolded text, italicized text, blockquotes, tooltips, and more.
  198. </div>
  199.  
  200. <div class="links">
  201. <a href="/">back</a>
  202. <a href="/ask">ask</a>
  203. <a href="/">link 1</a>
  204. <a href="http://tumblr.com">dashboard</a>
  205. </div>
  206.  
  207. <div class="c"><a href="/">© hydrathemes</a></div>
  208.  
  209. </body>
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!