Advertisement
1l1l

ABOUT TIME! THEME

Dec 23rd, 2019
238
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.74 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <meta charset="UTF-8">
  3. <head>
  4. <!--ABOUT TIME! THEME by @PS1
  5. Minimal coding is the best!
  6. @5chan is the best uwu
  7. Please keep this in the code for me!-->
  8.  
  9. <title>TITLE</title> <!--Title of this page -->
  10. <link rel="shortcut icon" href="{Favicon}"/>
  11.  
  12. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  13.  
  14. <script>(function($){
  15. $(document).ready(function(){
  16. $("a[title]").style_my_tooltips({
  17. tip_follows_cursor:true,
  18. tip_delay_time:90,
  19. tip_fade_speed:600,
  20. attribute:"title"
  21. });
  22. });
  23. })(jQuery);
  24. </script>
  25.  
  26. <style type="text/css">
  27. body, *, a, a:hover { cursor:url(https://i.imgur.com/7LbphiL.png), auto;}
  28.  
  29. body {
  30. background-color: #eee;
  31. text-transform: normal;
  32. font-family: times;
  33. line-height: 120%;
  34. font-size: 30px;
  35. letter-spacing: 0px;
  36. color: #000;
  37. overflow: hidden;}
  38.  
  39. a:link, a:active, a:visited {
  40. color: #000;
  41. text-decoration: none;
  42. -webkit-transition: all 0.3s ease-in-out;
  43. -moz-transition: all 0.3s ease-in-out;
  44. -o-transition: all 0.3s ease-in-out;
  45. -ms-transition: all 0.3s ease-in-out;
  46. transition: all 0.3s ease-in-out;}
  47.  
  48. a:hover {
  49. color: #724550;
  50. text-decoration: none;
  51. -webkit-transition: all 0.2s ease-in-out;
  52. -moz-transition: all 0.2s ease-in-out;
  53. -o-transition: all 0.2s ease-in-out;
  54. -ms-transition: all 0.2s ease-in-out;
  55. transition: all 0.2s ease-in-out;}
  56.  
  57. #about {
  58. background: #fff;
  59. width: 600px;
  60. height: auto;
  61. padding: 5px;
  62. text-align: center;
  63. border: 1px solid #000;
  64. position: absolute;
  65. top: 50%; left: 50%;
  66. transform: translate(-50%, -50%);}
  67.  
  68. img {width: auto; border: 0px solid #000;}
  69.  
  70. #s-m-t-tooltip {
  71. background-color: #000;
  72. color: #fff;
  73. z-index: 999999999;
  74. Text-transform: normal;
  75. text-align: center;
  76. font-weight: normal;
  77. -o-transition: all 0.3s ease-out;
  78. -webkit-transition: all 0.3s ease-out;
  79. -moz-transition: all 0.3s ease-out;
  80. color: {color:tip txt};
  81. max-width: 300px;
  82. word-wrap: break-word;
  83. padding: 5px 5px 5px 5px;
  84. display: block;
  85. margin:-40px 7px -2px 20px;}
  86.  
  87. #credit {padding: 1px; position: fixed; bottom: 5px; left: 5px; font-size: 20px;}
  88. </style>
  89.  
  90. </head>
  91. <body>
  92. <div id="about">
  93. <a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="MY BF IS SO FLY LMAO"><img align="right" src="https://i.imgur.com/uunCHqr.png" /></a><a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="Evil but mad cute">Madara Uchiha</a> <br />うちはマダラ<br /> The legendary leader of the Uchiha clan<br />Birthdate: December 24th<br />Gender: Male<br />Age: 90
  94. </div>
  95.  
  96. <div id="credit">
  97. <a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="@ps1">?</a>
  98. </div> <!--Remove this if you want idc lmao -->
  99. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement