Jyuubi

[Page] → About Me #01

Apr 26th, 2012
11,883
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.81 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!--
  5. THEME: ABOUT PAGE #01
  6. BY: jyuubi.org / manatopia.org
  7.  
  8. Please do not redistribute or use to make your own!
  9. You may edit whatever you please, but leave credit.
  10. -->
  11.  
  12. <head>
  13. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16.  
  17. <style type="text/css">
  18. /* BODY */
  19. body {
  20. background-image: url('http://s5.postimage.org/oqs12e86r/aboutpage01_bg.png');
  21. background-attachment: fixed;
  22. background-color: #f4f3ef;
  23. }
  24.  
  25. #container {
  26. margin-left: 80px;
  27. margin-top: 50px;
  28. }
  29.  
  30. #image {
  31. background-color: #ecebe7;
  32. width: 200px;
  33. height: 200px;
  34. padding: 10px;
  35. -moz-border-radius: 200px;
  36. -webkit-border-radius: 200px;
  37. border-radius: 200px;
  38. position: fixed;
  39. z-index: 999;
  40. }
  41.  
  42. #image img {
  43. width: 200px;
  44. height: 200px;
  45. -moz-border-radius: 200px;
  46. -webkit-border-radius: 200px;
  47. border-radius: 200px;
  48. }
  49.  
  50. /* CHANGE FOR HEADER */
  51. #header {
  52. background-color: #ecebe7;
  53. position: fixed;
  54. height: 50px;
  55. width: 400px;
  56. padding-right: 10px;
  57. margin-left: 120px;
  58. margin-top: 30px;
  59. font-family: georgia;
  60. font-size: 12px;
  61. color: #d2ba72;
  62. font-style: italic;
  63. letter-spacing: 2px;
  64. line-height: 50px;
  65. text-align: right;
  66. border-bottom: 1px dotted #d2ba72;
  67. }
  68.  
  69. /* CHANGES FOR INFO */
  70. #info {
  71. width: 300px;
  72. position: fixed;
  73. margin-left: 225px;
  74. margin-top: 90px;
  75. font-family: calibri;
  76. font-size: 10px;
  77. color: #82817d;
  78. letter-spacing: 1px;
  79. text-align: justify;
  80. }
  81.  
  82. #info b, strong {
  83. color: #96afba;
  84. }
  85.  
  86. #info i, em {
  87. color: #c1ab68;
  88. }
  89.  
  90. #info a {
  91. color: #ad9179;
  92. text-decoration: none;
  93. }
  94.  
  95. #info h1 {
  96. background-color: #cfdce9;
  97. font-family: consolas;
  98. font-size: 9px;
  99. color: #fff;
  100. text-transform: uppercase;
  101. width: 300px;
  102. height: 14px;
  103. display: block;
  104. line-height: 15px;
  105. text-align: center;
  106. letter-spacing: 1px;
  107. font-weight: normal;
  108. margin-bottom: 5px;
  109. margin-top: 20px;
  110. }
  111.  
  112. /* CREDIT */
  113. #credit {
  114. position: fixed;
  115. bottom: 10px;
  116. right: 10px;
  117. font-family: calibri;
  118. font-size: 8px;
  119. text-transform: uppercase;
  120. text-align: right;
  121. letter-spacing: 1px;
  122. }
  123.  
  124. #credit a {
  125. color: #96afba;
  126. text-decoration: none;
  127. }
  128. </style>
  129. </head>
  130. <body>
  131.  
  132. <div id="container">
  133.  
  134. <!-- IMAGE / TO CHANGE: CHANGE THE URL -->
  135. <div id="image"><a href="/"><img src="http://s5.postimage.org/iecvsk54n/aboutpage01_side.png" border="0"></a></div>
  136.  
  137. <!-- THE HEADER -->
  138. <div id="header">about yours truly</div>
  139.  
  140. <!-- START ABOUT INFO -->
  141. <div id="info">
  142. PUT YOUR INFORMATION HERE.
  143.  
  144. <h1>wanna put something here?</h1>
  145. YOU CAN PUT NEAT STUFF HERE OR DELETE.
  146. </div>
  147. <!-- END ABOUT INFO -->
  148.  
  149. </div>
  150.  
  151. <!-- DO NOT REMOVE OR EDIT -->
  152. <div id="credit">
  153. <a href="http://jyuubi.org">&copy; jyuubi.org</a>
  154. </div>
  155.  
  156. </body>
  157. </html>
Advertisement
Add Comment
Please, Sign In to add comment