API tools faq
paste
Belgrravia

About Page

Belgrravia
Jan 23rd, 2015
819
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.71 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. About Page by kalopsiathemes
  3. Please do not
  4. -remove the credit
  5. -steal parts of code
  6. -use as a base
  7.  
  8. Feel free to
  9. -edit parts of the page
  10. -ask me any questions
  11. -->
  12. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  13. "http://www.w3.org/TR/html4/loose.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml">
  15. <head>
  16. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,700' rel='stylesheet' type='text/css'>
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. <style type="text/css">
  21.  
  22. ::-webkit-scrollbar {height: 0px;
  23. width: 3px;
  24. -webkit-border-radius: 0px;}
  25. ::-webkit-scrollbar-thumb{background-color:#f0cc7d;}
  26.  
  27.  
  28. body {
  29. background-image: url("");/*this is where you put the background picture. Here is a place you can upload it and get a url: https://www.tumblr.com/themes/upload_static_file.*/
  30. background-repeat: no-repeat;
  31. background-position: bottom;
  32. background-attachment: fixed;
  33. -webkit-background-size: cover;
  34. -moz-background-size: cover;
  35. -o-background-size: cover;
  36. background-size: cover;
  37. background-color:#ffffff;/*this is where you change the background color*/
  38. margin:0px;
  39. font-family: 'Open Sans', sans-serif;
  40. color:#090909;/*this is where you change the color of all the text*/
  41. }
  42.  
  43. #container {
  44. margin:auto;
  45. margin-top:50px;
  46. }
  47.  
  48. table {
  49. width:500px;
  50. border-spacing:5px;
  51. word-break:break-word;
  52. margin:auto;
  53. margin-top:150px;
  54. }
  55.  
  56. td {
  57. font-size:12px;
  58. text-align:center;
  59. border:1px solid #e9ecf3;/*this is where you change the color of all the borders*/
  60. }
  61.  
  62. a:link, a:visited {
  63. text-decoration:none;
  64. color:#090909; /*this is where you change the color of the links*/
  65. }
  66.  
  67. a:hover{
  68. text-decoration:none;
  69. color:#090909;
  70. }
  71.  
  72.  
  73. #side {
  74. height:275px;
  75. width:85px;
  76. margin:auto;
  77. text-align:left;
  78. font-size:11px;
  79. letter-spacing:1px;
  80. line-height:160%;
  81. color:#090909;
  82. background-color:#cccbcb;/*this is where you change the background color of the sidebar*/
  83. }
  84.  
  85. #nav {
  86. width:70px;
  87. font-size:9px;
  88. height:60px;
  89. padding:5px;
  90. font-weight:700;
  91. text-transform:lowercase;
  92. font-family: 'Montserrat', sans-serif;
  93. }
  94.  
  95. #nav a {
  96. margin-top:5px;
  97. margin-left:5px;
  98. }
  99.  
  100. #nav a:hover {
  101. font-style:italic;
  102. text-decoration:underline;
  103. }
  104.  
  105. #quote {
  106. padding:5px;
  107. font-size:10px;
  108. width:70px;
  109. height:200px;
  110. padding-top:10px;
  111. margin:auto;
  112. line-height:140%;
  113. letter-spacing:0px;
  114. overflow:scroll;
  115. font-style:italic;
  116. }
  117.  
  118. #info {
  119. height:250px;
  120. width:410px;
  121. margin:auto;
  122. font-size:11px;
  123. line-height:150%;
  124. padding:10px;
  125. word-wrap:break-word;
  126. overflow:scroll;
  127. background-color:;/*you can add a background color to the info section here*/
  128. }
  129.  
  130. .title {
  131. margin-top:10px;
  132. padding:10px;
  133. word-wrap:break-word;
  134. font-size:20px;
  135. letter-spacing:2px;
  136. text-transform:uppercase;
  137. font-family: 'Montserrat', sans-serif;
  138. }
  139.  
  140. #header {
  141. height:65px;
  142. margin-top:0px;
  143. overflow:scroll;
  144. background-color:;/*you can add a background color to the title section here*/
  145. }
  146.  
  147. #sidebarimage {
  148. height:65px;
  149. width:85px;
  150. margin:auto;
  151. }
  152.  
  153. #sidebarimage img {
  154. margin:auto;
  155. width:85px;
  156. height:65px;
  157. }
  158.  
  159. #credit {
  160. position:fixed;
  161. bottom:5px;
  162. right:10px;
  163. padding:4px;
  164. font-size:12px;
  165. }
  166.  
  167. #credit a {
  168. color:#757575;/*this is where you change the color of the credit so it remains visible*/
  169. text-decoration:none;
  170. }
  171.  
  172.  
  173. </style>
  174. </head>
  175. <body>
  176. <table>
  177. <div id="container">
  178. <tr>
  179. <td>
  180. <div id="sidebarimage"><img src=""></div><!--Here is where you upload your icon. If you need somewhere to upload the picture to the internet first go here:http://www.tumblr.com/themes/upload_static_file -->
  181. </td>
  182. </td>
  183. <td>
  184. <div id="header">
  185. <div class="title">About</div>
  186. </div>
  187. </td>
  188. </tr>
  189. <tr>
  190. <td>
  191. <div id="side">
  192. <div id="quote">
  193. Text goes here
  194. </div>
  195. <div id="nav">
  196. <a href="/">home</a><br>
  197. <a href="">ask</a><br>
  198. <a href="">archive</a></div>
  199. </td>
  200. </div>
  201. <td>
  202. <div id="info">
  203. text goes here.
  204.  
  205. </div>
  206. </td>
  207. </tr>
  208. </div>
  209. </table>
  210. <div id="credit">
  211. <a href="http://kalopsiathemes.tumblr.com" title="kalopsiathemes"</div>&#916;</a></div>
  212. </body>
  213. </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!