Advertisement
therisingsatan

about page 02

Sep 14th, 2014
373
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.00 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6.  
  7.  
  8. <!--- theme by TRS
  9. please don't remove the credit, I work really hard on these themes
  10. Thank you--->
  11.  
  12.  
  13. <style type="text/css">
  14.  
  15. body {
  16. background:#fff; /*background colour*/
  17. margin:0px;
  18. font-family:"";
  19. color:#858585; /*text colour*/
  20. font size:10px;
  21. line height:100%;
  22. letter-spacing:0px;
  23. background-image:url();} /*if you want a picture as your background put the image url here*/
  24.  
  25.  
  26.  
  27. a {
  28. text-decoration:none;
  29. outline:none;
  30. -moz-outline-style:none;
  31. color:#000; /*link colour*/
  32. -moz-transition-duration:0.5s;
  33. -webkit-transition-duration:0.5s;
  34. -o-transition-duration:0.5s;
  35. }
  36.  
  37. a:hover {
  38. text-decoration:none;
  39. outline:none;
  40. -moz-outline-style:none;
  41. color:#f6f6f6; /*link colour upon hovering*/
  42. }
  43.  
  44.  
  45.  
  46. h1 {
  47. font-size:22px;
  48. letter-spacing:2px;
  49. font-family: 'Allura', cursive;
  50. line-height:10px;
  51. text-align:center;
  52. color:#858585; /*heading colour*/
  53. padding:0px;
  54. }
  55.  
  56. #sidebar4 { /*dont change too much here, like the size and the margin stuff*/
  57. position:fixed;
  58. margin-top:15px;
  59. margin-left:220px;
  60. width:370px;
  61. height:510px;
  62. padding:10px;
  63. background:#f6f6f6; /*background of the grey thing*/
  64. font-family:Balthazar;
  65. color:#858585; /*text colour*/
  66. border:1px solid #aaa; /*if you dont want a border change 1 to 0*/
  67. font-size:11px;
  68. }
  69.  
  70. #sidebar3 { /*dont change too much here either*/
  71. position:fixed;
  72. margin-top:15px;
  73. margin-left:-10px;
  74. width:175px;
  75. height:510px;
  76. padding:10px;
  77. background:#f6f6f6;
  78. font-family:Balthazar;
  79. color:#858585;
  80. border:1px solid #aaa;
  81. font-size:11px;
  82. }
  83.  
  84.  
  85.  
  86. #sidebar3 img{
  87. width:100px;
  88. height:100px;
  89. position:fixed;
  90. margin-top:10px;
  91. margin-left:35px;
  92. border:2px solid #eee;
  93. padding:1px;
  94. background:#fff;
  95. -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  96. -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  97. box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);}
  98.  
  99. #sidebar {
  100. position:fixed;
  101. margin-left:350px;
  102. margin-top:25px;
  103. color:#858585;
  104. width:600px;
  105. height:40px;
  106. background-color:#f6f6f6;
  107. font-size:11px;
  108. border:1px solid #aaa;
  109. padding:10px;
  110. }
  111.  
  112. #links {
  113. width:100px;
  114. margin-left:38px;
  115. margin-top:130px;
  116. background-color:transparent;
  117. display:inline-block;
  118. position:fixed;
  119. text-align:center;
  120. }
  121.  
  122. #links a {
  123. display:inline-block;
  124. margin:2px;
  125. background:#fff;
  126. width:10px;
  127. height:10px;
  128. border:1px solid #aaa;
  129.  
  130. -moz-transition-duration:0.5s;
  131. -webkit-transition-duration:0.5s;
  132. -o-transition-duration:0.5s;
  133.  
  134. }
  135.  
  136. #links a:hover {
  137. background:#eee;
  138. -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  139. -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  140. box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  141. -moz-transition-duration:0.5s;
  142. -webkit-transition-duration:0.5s;
  143. -o-transition-duration:0.5s;
  144. }
  145.  
  146. #credit {
  147. position:fixed;
  148. text-align:center;
  149. font-family:'balthazar'
  150. text-transform:uppercase;
  151. font-size:11px;
  152. right:9px;
  153. bottom:9px;
  154. color:{color:Link};
  155. background-color:transparent;
  156.  
  157. }
  158.  
  159. #credit hover {
  160. color:{color:Link Hover};
  161. -moz-transition-duration:0.3s;
  162. -webkit-transition-duration:0.3s;
  163. -o-transition-duration:0.3s;
  164. }
  165.  
  166. #s-m-t-tooltip {
  167. max-width:300px;
  168. padding:3px 4px 5px 4px;
  169. margin:20px 0px 0px 20px;
  170. background-color:#fff; /* change the background color */
  171. border:1px solid #ddd; /* change the border color */
  172. font-family:balthazar; /* change the font */
  173. font-size:9px; /* change the font size */
  174. -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  175. -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  176. box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
  177. letter-spacing:2px; /* change the letter spacing */
  178. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  179. color:{color:Text}; /* change the text color */
  180. z-index:999999999999999999999999999999999999;
  181. }
  182. {CustomCSS}
  183.  
  184. </style></head><body>
  185.  
  186. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  187. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  188. <script>
  189. (function($){
  190. $(document).ready(function(){
  191. $("a[title]").style_my_tooltips({
  192. tip_follows_cursor:true,
  193. tip_delay_time:80,
  194. tip_fade_speed:400,
  195. attribute:"title"
  196. });
  197. });
  198. })(jQuery);
  199. </script>
  200.  
  201. <div id="sidebar2"></div>
  202.  
  203. <div id="sidebar">
  204.  
  205. <h1>About me</h1><br> <!---this is your heading, you can change it if you like--->
  206.  
  207. <div id="sidebar3"><img src="https://33.media.tumblr.com/6ee49a991f98de2a079a13d94eda4841/tumblr_nb7x8gphJG1t3var4o1_500.png"> <!---put your small image here--->
  208.  
  209. <div id="links">
  210. <a href="/" title="home"></a>
  211. <a href="/ask" title="ask"></a>
  212. <a href="/submit" title="submit"></a>
  213. <a href="/archive" title="archive"></a>
  214. </div> <!---you can change these links if you like--->
  215.  
  216. <br><br><br><br><br><br><br><br><br><br><br><br><br> <!---dont remove these brs--->
  217.  
  218. idk you can put different stuff here like your name etc <br><br>
  219. <b>Name:</b>Alisha/Ali<br><br>
  220. <b>Age:</b>18<br><br>
  221. <b>Seuxality:</b>Bendy with a few sparkles<br><br>
  222.  
  223.  
  224.  
  225. </div>
  226.  
  227.  
  228. <div id="sidebar4">
  229.  
  230. <!---you can type your text out here--->
  231.  
  232. Put in your description here. You can write anything and everything! The choices you have are unlimited. Don't limit yourself to the sky, venture out into space. Explore. Discover. <br><br>You can use <b>bold stuff</b>, <i>italic stuff</i>, <u>underlined stuff</u>, <s>strikethrough stuff</s> and <a href="/aboutpage1">links</a> ^_^
  233.  
  234. </div>
  235. </div>
  236.  
  237. <div id="credit"><a href="trsthemes.tumblr.com/rules" title="trs"><img src="https://33.media.tumblr.com/15a3b864d3f265695ee77b44e0c08363/tumblr_mjunroAw7K1rmbzf6o1_500.png" div style="width:50px"></a></div>
  238.  
  239. </body>
  240. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement