Advertisement
Guest User

Untitled

a guest
Mar 18th, 2019
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.76 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.  
  3. <!--Please do not remove credits. Page by Pohroro-->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link href='http://fonts.googleapis.com/css?family=Chivo:400,900' rel='stylesheet' type='text/css'>
  10. <style type="text/css">
  11. html, body, ul, li
  12. {
  13. margin: 0;
  14. padding: 0;
  15. }
  16.  
  17. body
  18. {
  19. font-family: Libre Baskerville; /*change the body font here*/
  20. font-size: 10px; /*change the body font size here*/
  21. color: #353a3d; /*change the body font color here; this includes the title as well*/
  22. background: url() white; /*change your body background image or color here*/
  23. margin: 0 auto;
  24. }
  25.  
  26. a
  27. {
  28. text-decoration: none;
  29. color: black; /*change your general link color here*/
  30. }
  31.  
  32. a:hover
  33. {
  34. background: yellow; /*change your hover link background color here*/
  35. color: #353a3d; /*change your hover link color here*/
  36. }
  37.  
  38. #mainContainer
  39. {
  40. margin-top: 20px;
  41. float: left;
  42. margin-left: 30%;
  43. }
  44.  
  45. #backing
  46. {
  47. margin: 0 auto;
  48. background: #f2f2f2; /*change your first box background color here*/
  49. width: 460px;
  50. height: 310px;
  51. padding: 20px;
  52. }
  53.  
  54. #content
  55. {
  56. letter-spacing: 1px;
  57. overflow: auto;
  58. width: 460px;
  59. height: 309px;
  60. text-align: justify;
  61. padding-right: 8px;
  62. }
  63.  
  64. #content:first-letter
  65. {
  66. width: 30px;
  67. height: 30px;
  68. padding: 5px;
  69. margin-bottom: 0px;
  70. margin-right: 4px;
  71. float: left;
  72. background-color: #353a3d; /*change the background color of the first letter of your content here*/
  73. border: 3px double white;
  74. color: white;
  75. font-size: 26px;
  76. font-style: italic;
  77. line-height: 30px;
  78. text-transform: uppercase;
  79. text-align: center;
  80. }
  81.  
  82. #title
  83. {
  84. margin: 0 auto;
  85. margin-top: 10px;
  86. background: #f2f2f2; /*change the title box background color here*/
  87. width: 500px;
  88. height: 45px;
  89. line-height: 45px;
  90. text-align: center;
  91. text-transform: uppercase;
  92. font-weight: bold;
  93. letter-spacing: 1px;
  94. font-style: italic;
  95. }
  96.  
  97. #banner
  98. {
  99. margin: 0 auto;
  100. margin-top: 10px;
  101. text-align: center;
  102. }
  103.  
  104. #banner img
  105. {
  106. height: 210px;
  107. width: 500px;
  108. }
  109.  
  110. #navigation
  111. {
  112. text-align: left;
  113. position: relative;
  114. float: left;
  115. }
  116.  
  117. /*styling navigation here*/
  118. #navigation a
  119. {
  120. font-size: 10px;
  121. background: none;
  122. color: darkgray; /*change the color of your navigation link here*/
  123. text-decoration: none;
  124. text-transform: uppercase;
  125. border-left: 3px solid #f2f2f2;
  126. margin-left: 10px;
  127. padding: 5px;
  128. letter-spacing: 2px;
  129. }
  130.  
  131. #navigation a:hover
  132. {
  133. border-left: 3px solid #353a3d;
  134. padding-left: 10px;
  135. font-style: italic;
  136. color: gray; /*change the color of your navigation hover link here*/
  137. }
  138. /*end of styling navigation*/
  139.  
  140. ::-webkit-scrollbar
  141. {
  142. height: 10px;
  143. width: 2px;
  144. background: white;
  145. }
  146.  
  147. ::-webkit-scrollbar-thumb:vertical
  148. {
  149. background: #353a3d; /*change the color of the scrollbar face here*/
  150. }
  151. </style>
  152. </head>
  153. <body>
  154. <div id="mainContainer">
  155. <div id="backing">
  156. <div id="content">
  157. <p><!--simply insert your on biography from here onwards-->Solari Saevherne nasceu no dia 12 de Outubro, em Los Angeles. Seus progenitores são Diana Saevherne e Theodoro Saevherne. Sua personalidade varia de pessoa para pessoa, mas tende a ser muito educada com todos que lhe permite e procura manter uma boa imagem de si mesma, pois Theodoro, seu pai, é um escritor famoso da cidade em que moram e sempre cresceu nas linhas certas para não manchar o nome da família. Solari desde que se entende por gente, posa como modelo para revistas de moda e mantém seu pensamento nesse ramo mesmo depois da escola. Diana sempre esteve à sua disposição e é seu porto seguro quando precisa, nunca a abandonou e foi a pessoa com quem aprendeu tudo do zero, pode-se dizer que é o espelho de ser humano a seguir e dá seu sangue pela mãe.</p>
  158.  
  159. Aasdasd
  160.  
  161. <p> asdasd </p>
  162. </div>
  163. </div>
  164.  
  165. <div id="title">
  166. <!--change your title over here-->"Dizzy, dizzy, lips so sticky."
  167. </div>
  168.  
  169. <div id="banner">
  170. <!--change your banner image here--><img src="http://25.media.tumblr.com/b56e6bbca709a3497dfc342435607096/tumblr_mnmus3QLBv1qgd8moo2_r1_500.jpg">
  171. </div>
  172.  
  173. </div>
  174.  
  175. <div id="navigation">
  176. <a href="/" style="position: fixed; margin-top: 300px;">Index</a><br />
  177. <a href="/ask" style="position: fixed; margin-top: 300px;">Message</a><br />
  178. <!--change your custom link here--><a href="http://tumblr.com" style="position: fixed; margin-top: 300px;">Link One</a><br />
  179. <!--change your custom link here--><a href="http://tumblr.com" style="position: fixed; margin-top: 300px;">Link Two</a><br />
  180. <a href="http://pohroro.tumblr.com" style="position: fixed; margin-top: 300px;">Credit</a><br />
  181. </div>
  182. </body>
  183. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement